--no commit message
Showing
3 changed files
with
10 additions
and
127 deletions
| ... | @@ -224,8 +224,7 @@ | ... | @@ -224,8 +224,7 @@ |
| 224 | </div> | 224 | </div> |
| 225 | <tdytTable | 225 | <tdytTable |
| 226 | :tableData="ruleForm.tdytqxList" | 226 | :tableData="ruleForm.tdytqxList" |
| 227 | @upDateQlrxxList="upDateTdytxxList" | 227 | @upDateTdytxxList="upDateTdytxxList" |
| 228 | :viewtype="$route.query.viewtype" | ||
| 229 | /> | 228 | /> |
| 230 | <div class="slxx_title title-block"> | 229 | <div class="slxx_title title-block"> |
| 231 | 权利人信息 | 230 | 权利人信息 |
| ... | @@ -263,7 +262,7 @@ | ... | @@ -263,7 +262,7 @@ |
| 263 | </el-col> | 262 | </el-col> |
| 264 | </el-row> | 263 | </el-row> |
| 265 | <qlrCommonTable | 264 | <qlrCommonTable |
| 266 | :tableData="ruleForm.qlrList" | 265 | :tableData="ruleForm.qlrData" |
| 267 | @upDateQlrxxList="upDateQlrxxList" | 266 | @upDateQlrxxList="upDateQlrxxList" |
| 268 | :key="key" | 267 | :key="key" |
| 269 | :viewtype="$route.query.viewtype" | 268 | :viewtype="$route.query.viewtype" |
| ... | @@ -341,14 +340,14 @@ export default { | ... | @@ -341,14 +340,14 @@ export default { |
| 341 | }, | 340 | }, |
| 342 | // 更新土地用途信息 | 341 | // 更新土地用途信息 |
| 343 | upDateTdytxxList(val) { | 342 | upDateTdytxxList(val) { |
| 344 | console.log("VAL",val); | 343 | console.log("VALlllll",val); |
| 345 | this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); | 344 | this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); |
| 346 | this.key++; | 345 | this.key++; |
| 347 | }, | 346 | }, |
| 348 | // 更新权利人信息 | 347 | // 更新权利人信息 |
| 349 | upDateQlrxxList(val) { | 348 | upDateQlrxxList(val) { |
| 350 | this.ruleForm.qlrList && (this.ruleForm.qlrList = _.cloneDeep(val)); | 349 | this.ruleForm.qlrData && (this.ruleForm.qlrData = _.cloneDeep(val)); |
| 351 | this.czrOptions = this.ruleForm.qlrList; | 350 | this.czrOptions = this.ruleForm.qlrData; |
| 352 | this.key++; | 351 | this.key++; |
| 353 | }, | 352 | }, |
| 354 | // 更新义务人信息 | 353 | // 更新义务人信息 |
| ... | @@ -358,7 +357,7 @@ export default { | ... | @@ -358,7 +357,7 @@ export default { |
| 358 | }, | 357 | }, |
| 359 | onSubmit() { | 358 | onSubmit() { |
| 360 | console.log("this.ruleForm大信息",this.ruleForm); | 359 | console.log("this.ruleForm大信息",this.ruleForm); |
| 361 | if (this.ruleForm.qlrList.length == 0) { | 360 | if (this.ruleForm.qlrData.length == 0) { |
| 362 | this.$message({ | 361 | this.$message({ |
| 363 | showClose: true, | 362 | showClose: true, |
| 364 | message: "请确认权利人信息", | 363 | message: "请确认权利人信息", |
| ... | @@ -368,7 +367,7 @@ export default { | ... | @@ -368,7 +367,7 @@ export default { |
| 368 | } | 367 | } |
| 369 | 368 | ||
| 370 | if (this.ruleForm.qlxx.gyfs == "0") { | 369 | if (this.ruleForm.qlxx.gyfs == "0") { |
| 371 | if (this.ruleForm.qlrList.length > 1) { | 370 | if (this.ruleForm.qlrData.length > 1) { |
| 372 | this.$message({ | 371 | this.$message({ |
| 373 | showClose: true, | 372 | showClose: true, |
| 374 | message: "共有方式:单独所有,权利人只能是一个人", | 373 | message: "共有方式:单独所有,权利人只能是一个人", |
| ... | @@ -376,17 +375,17 @@ export default { | ... | @@ -376,17 +375,17 @@ export default { |
| 376 | }); | 375 | }); |
| 377 | return false; | 376 | return false; |
| 378 | } | 377 | } |
| 379 | this.ruleForm.qlrList[0].sfczr = "1"; | 378 | this.ruleForm.qlrData[0].sfczr = "1"; |
| 380 | } | 379 | } |
| 381 | if (this.ruleForm.qlxx.gyfs == "1") { | 380 | if (this.ruleForm.qlxx.gyfs == "1") { |
| 382 | //是否分别持证 | 381 | //是否分别持证 |
| 383 | if (this.ruleForm.qlxx.sqfbcz == "1") { | 382 | if (this.ruleForm.qlxx.sqfbcz == "1") { |
| 384 | //是 | 383 | //是 |
| 385 | this.ruleForm.qlrList.forEach((item, index) => { | 384 | this.ruleForm.qlrData.forEach((item, index) => { |
| 386 | item.sfczr = "1"; | 385 | item.sfczr = "1"; |
| 387 | }); | 386 | }); |
| 388 | } else { | 387 | } else { |
| 389 | this.ruleForm.qlrList.forEach((item, index) => { | 388 | this.ruleForm.qlrData.forEach((item, index) => { |
| 390 | if (item.zjh == this.ruleForm.czr) { | 389 | if (item.zjh == this.ruleForm.czr) { |
| 391 | item.sfczr = "1"; | 390 | item.sfczr = "1"; |
| 392 | } else { | 391 | } else { | ... | ... |
| 1 | <!-- | ||
| 2 | * @Description: | ||
| 3 | * @Autor: renchao | ||
| 4 | * @LastEditTime: 2023-05-17 10:39:47 | ||
| 5 | --> | ||
| 6 | <template> | ||
| 7 | <dialogBox title="土地用途信息" width="60%" isMain v-model="myValue" :isFullscreen="false" @submitForm="submitForm" | ||
| 8 | @closeDialog="closeDialog" :isButton="showButton"> | ||
| 9 | <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="138px"> | ||
| 10 | <el-row> | ||
| 11 | <el-col :span="12"> | ||
| 12 | <el-form-item label="土地用途" prop="tdyt"> | ||
| 13 | <el-input v-model="ruleForm.tdyt"></el-input> | ||
| 14 | </el-form-item> | ||
| 15 | </el-col> | ||
| 16 | <el-col :span="12"> | ||
| 17 | <el-form-item label="土地使用权限" prop="syqx"> | ||
| 18 | <el-input v-model="ruleForm.syqx"></el-input> | ||
| 19 | </el-form-item> | ||
| 20 | </el-col> | ||
| 21 | </el-row> | ||
| 22 | <el-row> | ||
| 23 | <el-col :span="12"> | ||
| 24 | <el-form-item label="土地使用结束时间" prop="jssj"> | ||
| 25 | <el-date-picker | ||
| 26 | v-model="ruleForm.jssj" | ||
| 27 | type="daterange" | ||
| 28 | range-separator="至" | ||
| 29 | start-placeholder="开始日期" | ||
| 30 | end-placeholder="结束日期" | ||
| 31 | value-format="yyyy-MM-dd">> | ||
| 32 | </el-date-picker> | ||
| 33 | </el-form-item> | ||
| 34 | </el-col> | ||
| 35 | <el-col :span="12"> | ||
| 36 | <el-form-item label="土地使用起止时间" prop="qzsj"> | ||
| 37 | <el-date-picker | ||
| 38 | v-model="ruleForm.qzsj" | ||
| 39 | type="daterange" | ||
| 40 | range-separator="至" | ||
| 41 | start-placeholder="开始日期" | ||
| 42 | end-placeholder="结束日期" | ||
| 43 | value-format="yyyy-MM-dd">> | ||
| 44 | </el-date-picker> | ||
| 45 | </el-form-item> | ||
| 46 | </el-col> | ||
| 47 | </el-row> | ||
| 48 | </el-form> | ||
| 49 | </dialogBox> | ||
| 50 | </template>z x addTdyt | ||
| 51 | <script> | ||
| 52 | import { mapGetters } from "vuex"; | ||
| 53 | export default { | ||
| 54 | props: { | ||
| 55 | value: { type: Boolean, default: false }, | ||
| 56 | details: { type: Object, default: {} }, | ||
| 57 | showButton: { type: Boolean, default: false } | ||
| 58 | }, | ||
| 59 | data () { | ||
| 60 | return { | ||
| 61 | myValue: this.value, | ||
| 62 | ruleForm: { | ||
| 63 | tdyt:"", | ||
| 64 | syqx:"", | ||
| 65 | jssj:"", | ||
| 66 | qzsj:"" | ||
| 67 | }, | ||
| 68 | rules: { | ||
| 69 | tdyt: [{ required: true, message: "土地用途", trigger: "blur" }], | ||
| 70 | syqx: [{ required: true, message: "土地使用权限", trigger: "blur" }], | ||
| 71 | jssj: [{ required: true, message: "土地使用结束时间", trigger: "blur" }], | ||
| 72 | qzsj: [{ required: true, message: "土地使用起止时间", trigger: "blur" }], | ||
| 73 | }, | ||
| 74 | }; | ||
| 75 | }, | ||
| 76 | watch: { | ||
| 77 | value (val) { | ||
| 78 | console.log("val",val); | ||
| 79 | this.myValue = _.cloneDeep(val); | ||
| 80 | }, | ||
| 81 | details: { | ||
| 82 | handler: function (val, oldVal) { | ||
| 83 | console.log("val2",val); | ||
| 84 | this.ruleForm = val; | ||
| 85 | }, | ||
| 86 | deep: true, | ||
| 87 | }, | ||
| 88 | }, | ||
| 89 | methods: { | ||
| 90 | closeDialog () { | ||
| 91 | this.$emit("input", false); | ||
| 92 | this.$refs["ruleForm"].resetFields(); | ||
| 93 | }, | ||
| 94 | submitForm () { | ||
| 95 | console.log("this.ruleForm",this.ruleForm); | ||
| 96 | this.$refs.ruleForm.validate((valid) => { | ||
| 97 | if (valid) { | ||
| 98 | this.$emit("input", false); | ||
| 99 | this.$emit("updateDetail", _.cloneDeep(this.ruleForm)); | ||
| 100 | } else { | ||
| 101 | return false; | ||
| 102 | } | ||
| 103 | }); | ||
| 104 | }, | ||
| 105 | }, | ||
| 106 | }; | ||
| 107 | </script> | ||
| 108 | <style scoped lang="scss"> | ||
| 109 | @import "~@/styles/dialogBoxheader.scss"; | ||
| 110 | .submit-button { | ||
| 111 | text-align: center; | ||
| 112 | height: 52px; | ||
| 113 | padding-top: 10px; | ||
| 114 | background-color: #fff; | ||
| 115 | } | ||
| 116 | </style> |
This diff is collapsed.
Click to expand it.
-
Please register or sign in to post a comment