Merge branch 'dev'
Showing
12 changed files
with
900 additions
and
78 deletions
| ... | @@ -145,7 +145,7 @@ | ... | @@ -145,7 +145,7 @@ |
| 145 | </el-col> | 145 | </el-col> |
| 146 | <el-col :span="8"> | 146 | <el-col :span="8"> |
| 147 | <el-form-item label="面积:"> | 147 | <el-form-item label="面积:"> |
| 148 | <el-input disabled v-model="ruleForm.ztQlxx.mj"></el-input> | 148 | <el-input disabled v-model="ruleForm.ztQlxx.mjmc"></el-input> |
| 149 | </el-form-item> | 149 | </el-form-item> |
| 150 | </el-col> | 150 | </el-col> |
| 151 | <el-col :span="8"> | 151 | <el-col :span="8"> | ... | ... |
| ... | @@ -46,7 +46,7 @@ | ... | @@ -46,7 +46,7 @@ |
| 46 | </div> | 46 | </div> |
| 47 | <el-row :gutter="10"> | 47 | <el-row :gutter="10"> |
| 48 | <el-col :span="8"> | 48 | <el-col :span="8"> |
| 49 | <el-form-item label="抵押不动产信息:"> | 49 | <el-form-item label="抵押不动产信息:" prop="ztQlxx.bdcqzh" :rules="rules.ztQlxxrules"> |
| 50 | <select-table | 50 | <select-table |
| 51 | v-model="ruleForm.ztQlxx" | 51 | v-model="ruleForm.ztQlxx" |
| 52 | :table-width="550" | 52 | :table-width="550" |
| ... | @@ -142,7 +142,7 @@ | ... | @@ -142,7 +142,7 @@ |
| 142 | </el-col> | 142 | </el-col> |
| 143 | <el-col :span="8"> | 143 | <el-col :span="8"> |
| 144 | <el-form-item label="面积:"> | 144 | <el-form-item label="面积:"> |
| 145 | <el-input disabled v-model="ruleForm.ztQlxx.mj"></el-input> | 145 | <el-input disabled v-model="ruleForm.ztQlxx.mjmc"></el-input> |
| 146 | </el-form-item> | 146 | </el-form-item> |
| 147 | </el-col> | 147 | </el-col> |
| 148 | <el-col :span="8"> | 148 | <el-col :span="8"> |
| ... | @@ -263,23 +263,25 @@ | ... | @@ -263,23 +263,25 @@ |
| 263 | <el-row :gutter="10"> | 263 | <el-row :gutter="10"> |
| 264 | <el-col :span="8"> | 264 | <el-col :span="8"> |
| 265 | <el-form-item label="抵押面积:"> | 265 | <el-form-item label="抵押面积:"> |
| 266 | <div style="display: flex"> | 266 | <div class="flex"> |
| 267 | <el-input | 267 | <el-input |
| 268 | v-model="ruleForm.diyaq.dymj" | 268 | v-model="ruleForm.diyaq.dymj" |
| 269 | style="width: 500%" | 269 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> |
| 270 | oninput="value=value.replace(/[^\d.]/g,'')" | 270 | <el-select |
| 271 | ></el-input> | 271 | v-model="ruleForm.diyaq.jedw" |
| 272 | <el-select v-model="ruleForm.diyaq.mjdw"> | 272 | :disabled="!ableOperation" |
| 273 | style="width: 20%"> | ||
| 273 | <el-option | 274 | <el-option |
| 274 | v-for="item in dictData['A7']" | 275 | v-for="item in dictData['A7']" |
| 275 | :key="item.dcode" | 276 | :key="item.dcode" |
| 276 | :label="item.dname" | 277 | :label="item.dname" |
| 277 | :value="item.dcode" | 278 | :value="item.dcode"> |
| 278 | ></el-option> | 279 | </el-option> |
| 279 | </el-select> | 280 | </el-select> |
| 280 | </div> | 281 | </div> |
| 281 | </el-form-item> | 282 | </el-form-item> |
| 282 | </el-col> | 283 | </el-col> |
| 284 | |||
| 283 | <el-col :span="8"> | 285 | <el-col :span="8"> |
| 284 | <el-form-item | 286 | <el-form-item |
| 285 | label="债务履行起始时间:" | 287 | label="债务履行起始时间:" |
| ... | @@ -553,6 +555,7 @@ export default { | ... | @@ -553,6 +555,7 @@ export default { |
| 553 | }, | 555 | }, |
| 554 | data() { | 556 | data() { |
| 555 | return { | 557 | return { |
| 558 | mjdw:"1", | ||
| 556 | props: { | 559 | props: { |
| 557 | label: "bdcqzh", | 560 | label: "bdcqzh", |
| 558 | value: "bdcdyid", | 561 | value: "bdcdyid", |
| ... | @@ -608,6 +611,9 @@ export default { | ... | @@ -608,6 +611,9 @@ export default { |
| 608 | ztQlxxList: [], | 611 | ztQlxxList: [], |
| 609 | ableOperation: false, | 612 | ableOperation: false, |
| 610 | rules: { | 613 | rules: { |
| 614 | ztQlxxrules: [ | ||
| 615 | { required: true, message: "抵押不动产信息", trigger: "change" }, | ||
| 616 | ], | ||
| 611 | bdcqzhrules: [ | 617 | bdcqzhrules: [ |
| 612 | { required: true, message: "不动产登记证明号", trigger: "blur" }, | 618 | { required: true, message: "不动产登记证明号", trigger: "blur" }, |
| 613 | ], | 619 | ], |
| ... | @@ -626,10 +632,10 @@ export default { | ... | @@ -626,10 +632,10 @@ export default { |
| 626 | zxdbrrules: [ | 632 | zxdbrrules: [ |
| 627 | { required: true, message: "注销登簿人", trigger: "blur" }, | 633 | { required: true, message: "注销登簿人", trigger: "blur" }, |
| 628 | ], | 634 | ], |
| 629 | djjgrules: [{ required: true, message: "登记机构", trigger: "blur" }], | 635 | djjgrules: [{ required: true, message: "登记机构", trigger: "change" }], |
| 630 | dbrrules: [{ required: true, message: "登簿人", trigger: "blur" }], | 636 | dbrrules: [{ required: true, message: "登簿人", trigger: "blur" }], |
| 631 | djsjrules: [{ required: true, message: "登记时间", trigger: "blur" }], | 637 | djsjrules: [{ required: true, message: "登记时间", trigger: "blur" }], |
| 632 | djlxrules: [{ required: true, message: "登记类型", trigger: "blur" }], | 638 | djlxrules: [{ required: true, message: "登记类型", trigger: "change" }], |
| 633 | }, | 639 | }, |
| 634 | }; | 640 | }; |
| 635 | }, | 641 | }, | ... | ... |
| ... | @@ -198,7 +198,7 @@ | ... | @@ -198,7 +198,7 @@ |
| 198 | <el-input | 198 | <el-input |
| 199 | v-model="ruleForm.tdsyq.cdmj" | 199 | v-model="ruleForm.tdsyq.cdmj" |
| 200 | :disabled="!ableOperation" | 200 | :disabled="!ableOperation" |
| 201 | oninput="value = (value.match(/^\d*(\.?\d{0,3})/g)[0]) || null" | 201 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null" |
| 202 | ></el-input> | 202 | ></el-input> |
| 203 | </el-form-item> | 203 | </el-form-item> |
| 204 | </el-col> | 204 | </el-col> | ... | ... |
| 1 | <!-- | ||
| 2 | * @Description: | ||
| 3 | * @Autor: renchao | ||
| 4 | * @LastEditTime: 2023-06-25 15:52:42 | ||
| 5 | :show-message="false" | ||
| 6 | --> | ||
| 7 | <template> | ||
| 8 | <!-- 受理信息 --> | ||
| 9 | <div class="slxx"> | ||
| 10 | <el-form | ||
| 11 | :model="ruleForm" | ||
| 12 | :rules="rules" | ||
| 13 | :class="{readonly: editDisabled }" | ||
| 14 | class="loadingtext" | ||
| 15 | ref="ruleForm" | ||
| 16 | :label-position="flag ? 'top' : ''" | ||
| 17 | :show-message="false" | ||
| 18 | :inline="flag" | ||
| 19 | inline-message | ||
| 20 | label-width="145px" | ||
| 21 | > | ||
| 22 | <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''"> | ||
| 23 | <div class="slxx_title title-block"> | ||
| 24 | 补录信息 | ||
| 25 | <div class="triangle"></div> | ||
| 26 | </div> | ||
| 27 | <el-row :gutter="10"> | ||
| 28 | <el-col :span="8"> | ||
| 29 | <el-form-item label="补录编号:"> | ||
| 30 | <el-input disabled v-model="ruleForm.repair.ywh"></el-input> | ||
| 31 | </el-form-item> | ||
| 32 | </el-col> | ||
| 33 | <el-col :span="8"> | ||
| 34 | <el-form-item label="补录人员:"> | ||
| 35 | <el-input disabled v-model="ruleForm.repair.slry"></el-input> | ||
| 36 | </el-form-item> | ||
| 37 | </el-col> | ||
| 38 | <el-col :span="8"> | ||
| 39 | <el-form-item label="补录时间:"> | ||
| 40 | <el-input disabled v-model="ruleForm.repair.slsj"></el-input> | ||
| 41 | </el-form-item> | ||
| 42 | </el-col> | ||
| 43 | </el-row> | ||
| 44 | <div class="slxx_title title-block"> | ||
| 45 | 抵押不动产情况 | ||
| 46 | <div class="triangle"></div> | ||
| 47 | </div> | ||
| 48 | <el-row :gutter="10"> | ||
| 49 | <el-col :span="8"> | ||
| 50 | <el-form-item label="抵押不动产信息:" prop="ztQlxx.bdcqzh" :rules="rules.ztQlxxrules"> | ||
| 51 | <select-table | ||
| 52 | v-model="ruleForm.ztQlxx" | ||
| 53 | :table-width="550" | ||
| 54 | :tableData="ztQlxxList" | ||
| 55 | :props="props" | ||
| 56 | @change="ztQlxxchange" | ||
| 57 | > | ||
| 58 | <el-table-column | ||
| 59 | prop="qllxmc" | ||
| 60 | width="130" | ||
| 61 | label="权利类型" | ||
| 62 | ></el-table-column> | ||
| 63 | <el-table-column | ||
| 64 | prop="bdcqzh" | ||
| 65 | width="160" | ||
| 66 | label="不动产权证书" | ||
| 67 | ></el-table-column> | ||
| 68 | <el-table-column prop="qlrmc" label="权利人"></el-table-column> | ||
| 69 | <el-table-column prop="mjmc" label="面积"></el-table-column> | ||
| 70 | <el-table-column prop="ytmc" label="用途"></el-table-column> | ||
| 71 | <el-table-column prop="zl" label="坐落"></el-table-column> | ||
| 72 | </select-table> | ||
| 73 | </el-form-item> | ||
| 74 | </el-col> | ||
| 75 | |||
| 76 | <el-col :span="8" v-if="ssqlxxshow"> | ||
| 77 | <el-form-item label="上手权利信息:"> | ||
| 78 | <select-table | ||
| 79 | v-model="ruleForm.ssQlxx" | ||
| 80 | :table-width="550" | ||
| 81 | :tableData="ssQlxxList" | ||
| 82 | :props="props" | ||
| 83 | @change="ssQlxxchange" | ||
| 84 | > | ||
| 85 | <el-table-column | ||
| 86 | prop="qllxmc" | ||
| 87 | width="130" | ||
| 88 | label="权利类型" | ||
| 89 | ></el-table-column> | ||
| 90 | <el-table-column | ||
| 91 | prop="bdcqzh" | ||
| 92 | width="160" | ||
| 93 | label="不动产权证书" | ||
| 94 | ></el-table-column> | ||
| 95 | <el-table-column prop="qlrmc" label="权利人"></el-table-column> | ||
| 96 | <el-table-column prop="mjmc" label="面积"></el-table-column> | ||
| 97 | <el-table-column prop="ytmc" label="用途"></el-table-column> | ||
| 98 | <el-table-column prop="zl" label="坐落"></el-table-column> | ||
| 99 | </select-table> | ||
| 100 | </el-form-item> | ||
| 101 | </el-col> | ||
| 102 | </el-row> | ||
| 103 | |||
| 104 | <el-row :gutter="10" v-if="ruleForm.ztQlxx != null"> | ||
| 105 | <el-col :span="8"> | ||
| 106 | <el-form-item label="权利人:"> | ||
| 107 | <el-input disabled v-model="ruleForm.ztQlxx.qlrmc"></el-input> | ||
| 108 | </el-form-item> | ||
| 109 | </el-col> | ||
| 110 | <el-col :span="8"> | ||
| 111 | <el-form-item label="证件种类:"> | ||
| 112 | <el-input disabled v-model="ruleForm.ztQlxx.qlrzjzl"></el-input> | ||
| 113 | </el-form-item> | ||
| 114 | </el-col> | ||
| 115 | <el-col :span="8"> | ||
| 116 | <el-form-item label="证件号:"> | ||
| 117 | <el-input disabled v-model="ruleForm.ztQlxx.qlrzjhm"></el-input> | ||
| 118 | </el-form-item> | ||
| 119 | </el-col> | ||
| 120 | </el-row> | ||
| 121 | <el-row :gutter="10" v-if="ruleForm.ztQlxx != null"> | ||
| 122 | <el-col :span="8"> | ||
| 123 | <el-form-item label="权利类型:"> | ||
| 124 | <el-input disabled v-model="ruleForm.ztQlxx.qllxmc"></el-input> | ||
| 125 | </el-form-item> | ||
| 126 | </el-col> | ||
| 127 | <el-col :span="8"> | ||
| 128 | <el-form-item label="不动产权证号:"> | ||
| 129 | <el-input disabled v-model="ruleForm.ztQlxx.bdcqzh"></el-input> | ||
| 130 | </el-form-item> | ||
| 131 | </el-col> | ||
| 132 | <el-col :span="8"> | ||
| 133 | <el-form-item label="坐落:"> | ||
| 134 | <el-input disabled v-model="ruleForm.ztQlxx.zl"></el-input> | ||
| 135 | </el-form-item> | ||
| 136 | </el-col> | ||
| 137 | </el-row> | ||
| 138 | <el-row :gutter="10" v-if="ruleForm.ztQlxx != null"> | ||
| 139 | <el-col :span="8"> | ||
| 140 | <el-form-item label="不动产单元号:"> | ||
| 141 | <el-input disabled v-model="ruleForm.ztQlxx.bdcdyh"></el-input> | ||
| 142 | </el-form-item> | ||
| 143 | </el-col> | ||
| 144 | <el-col :span="8"> | ||
| 145 | <el-form-item label="面积:"> | ||
| 146 | <el-input disabled v-model="ruleForm.ztQlxx.mjmc"></el-input> | ||
| 147 | </el-form-item> | ||
| 148 | </el-col> | ||
| 149 | <el-col :span="8"> | ||
| 150 | <el-form-item label="用途:"> | ||
| 151 | <el-input disabled v-model="ruleForm.ztQlxx.ytmc"></el-input> | ||
| 152 | </el-form-item> | ||
| 153 | </el-col> | ||
| 154 | </el-row> | ||
| 155 | <div class="slxx_title title-block"> | ||
| 156 | 预告登记信息 | ||
| 157 | <div class="triangle"></div> | ||
| 158 | </div> | ||
| 159 | <el-row :gutter="10"> | ||
| 160 | <el-col :span="8"> | ||
| 161 | <el-form-item label="不动产单元号:"> | ||
| 162 | <el-input disabled v-model="ruleForm.qlxx.bdcdyh"></el-input> | ||
| 163 | </el-form-item> | ||
| 164 | </el-col> | ||
| 165 | <el-col :span="8"> | ||
| 166 | <el-form-item label="业务号:"> | ||
| 167 | <el-input v-model="ruleForm.qlxx.ywh"></el-input> | ||
| 168 | </el-form-item> | ||
| 169 | </el-col> | ||
| 170 | <el-col :span="8"> | ||
| 171 | <el-form-item label="上手业务号:"> | ||
| 172 | <el-input disabled v-model="ruleForm.qlxx.ssywh"></el-input> | ||
| 173 | </el-form-item> | ||
| 174 | </el-col> | ||
| 175 | </el-row> | ||
| 176 | <el-row :gutter="10"> | ||
| 177 | <el-col :span="8"> | ||
| 178 | <el-form-item label="权利类型:"> | ||
| 179 | <el-input disabled v-model="ruleForm.qlxx.qllxmc"></el-input> | ||
| 180 | </el-form-item> | ||
| 181 | </el-col> | ||
| 182 | <el-col :span="8"> | ||
| 183 | <el-form-item label="登记原因:"> | ||
| 184 | <el-input disabled v-model="ruleForm.ygdj.djyy"></el-input> | ||
| 185 | </el-form-item> | ||
| 186 | </el-col> | ||
| 187 | <el-col :span="8"> | ||
| 188 | <el-form-item label="登记类型:" prop="qlxx.djlx" :rules="rules.djlxrules"> | ||
| 189 | <el-select v-model="ruleForm.qlxx.djlx" @change="djlxchange"> | ||
| 190 | <el-option | ||
| 191 | v-for="item in djlxlist" | ||
| 192 | :key="item.dcode" | ||
| 193 | :label="item.dname" | ||
| 194 | :value="item.dcode" | ||
| 195 | > | ||
| 196 | </el-option> | ||
| 197 | </el-select> | ||
| 198 | </el-form-item> | ||
| 199 | </el-col> | ||
| 200 | <el-col :span="8"> | ||
| 201 | <el-form-item label="不动产坐落:"> | ||
| 202 | <el-input v-model="ruleForm.qlxx.zl"></el-input> | ||
| 203 | </el-form-item> | ||
| 204 | </el-col> | ||
| 205 | <el-col :span="8"> | ||
| 206 | <el-form-item label="不动产权证号:" prop="qlxx.bdcqzh" :rules="rules.bdcqzhrules"> | ||
| 207 | <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input> | ||
| 208 | </el-form-item> | ||
| 209 | </el-col> | ||
| 210 | <!-- <el-col :span="8"> | ||
| 211 | <el-form-item label="区县代码:" prop="qlxx.qxdm" :rules="rules.qxdmrules"> | ||
| 212 | <el-input v-model="ruleForm.qlxx.qxdm"></el-input> | ||
| 213 | </el-form-item> | ||
| 214 | </el-col> --> | ||
| 215 | <el-col :span="8"> | ||
| 216 | <el-form-item label="登记机构:" prop="qlxx.djjg" :rules="rules.djjgrules"> | ||
| 217 | <el-input v-model="ruleForm.qlxx.djjg"></el-input> | ||
| 218 | </el-form-item> | ||
| 219 | </el-col> | ||
| 220 | <el-col :span="8"> | ||
| 221 | <el-form-item label="登簿人:" prop="qlxx.dbr" :rules="rules.dbrrules"> | ||
| 222 | <el-input v-model="ruleForm.qlxx.dbr"></el-input> | ||
| 223 | </el-form-item> | ||
| 224 | </el-col> | ||
| 225 | <el-col :span="8"> | ||
| 226 | <el-form-item label="登记时间:" prop="qlxx.djsj" :rules="rules.djsjrules"> | ||
| 227 | <el-date-picker | ||
| 228 | v-model="ruleForm.qlxx.djsj" | ||
| 229 | type="date" | ||
| 230 | placeholder="选择日期" | ||
| 231 | value-format="yyyy-MM-dd HH:mm:ss" | ||
| 232 | format="yyyy-MM-dd" | ||
| 233 | > | ||
| 234 | </el-date-picker> | ||
| 235 | </el-form-item> | ||
| 236 | </el-col> | ||
| 237 | <el-col :span="8"> | ||
| 238 | <el-form-item label="权属状态:"> | ||
| 239 | <el-select v-model="ruleForm.qlxx.qszt"> | ||
| 240 | <el-option | ||
| 241 | v-for="item in qsztlist" | ||
| 242 | :key="item.dcode" | ||
| 243 | :label="item.dname" | ||
| 244 | :value="item.dcode" | ||
| 245 | > | ||
| 246 | </el-option> | ||
| 247 | </el-select> | ||
| 248 | </el-form-item> | ||
| 249 | </el-col> | ||
| 250 | |||
| 251 | <el-col :span="8"> | ||
| 252 | <el-form-item label="预告登记种类" prop="ygdj.ygdjlx" :rules="rules.ygdjlxrules"> | ||
| 253 | <el-select v-model="ruleForm.ygdj.ygdjlx"> | ||
| 254 | <el-option | ||
| 255 | v-for="item in dictData['A29']" | ||
| 256 | :key="item.dcode" | ||
| 257 | :label="item.dname" | ||
| 258 | :value="item.dcode" | ||
| 259 | > | ||
| 260 | </el-option> | ||
| 261 | </el-select> | ||
| 262 | </el-form-item> | ||
| 263 | </el-col> | ||
| 264 | <el-col :span="8"> | ||
| 265 | <el-form-item label="土地使用权人"> | ||
| 266 | <el-input v-model="ruleForm.ygdj.tdsyqr"></el-input> | ||
| 267 | </el-form-item> | ||
| 268 | </el-col> | ||
| 269 | <el-col :span="8"> | ||
| 270 | <el-form-item label="规划用途"> | ||
| 271 | <el-select v-model="ruleForm.ygdj.ghyt"> | ||
| 272 | <el-option | ||
| 273 | v-for="item in dictData['A17']" | ||
| 274 | :key="item.dcode" | ||
| 275 | :label="item.dname" | ||
| 276 | :value="item.dcode" | ||
| 277 | > | ||
| 278 | </el-option> | ||
| 279 | </el-select> | ||
| 280 | </el-form-item> | ||
| 281 | </el-col> | ||
| 282 | <el-col :span="8"> | ||
| 283 | <el-form-item label="用途名称"> | ||
| 284 | <el-input v-model="ruleForm.ygdj.ytmc"></el-input> | ||
| 285 | </el-form-item> | ||
| 286 | </el-col> | ||
| 287 | <el-col :span="8"> | ||
| 288 | <el-form-item label="房屋性质"> | ||
| 289 | <el-select v-model="ruleForm.ygdj.fwxz"> | ||
| 290 | <el-option | ||
| 291 | v-for="item in dictData['A19']" | ||
| 292 | :key="item.dcode" | ||
| 293 | :label="item.dname" | ||
| 294 | :value="item.dcode" | ||
| 295 | > | ||
| 296 | </el-option> | ||
| 297 | </el-select> | ||
| 298 | </el-form-item> | ||
| 299 | </el-col> | ||
| 300 | <el-col :span="8"> | ||
| 301 | <el-form-item label="房屋性质名称"> | ||
| 302 | <el-input v-model="ruleForm.ygdj.fwxzmc"></el-input> | ||
| 303 | </el-form-item> | ||
| 304 | </el-col> | ||
| 305 | <el-col :span="8"> | ||
| 306 | <el-form-item label="房屋结构"> | ||
| 307 | <el-select v-model="ruleForm.ygdj.fwjg"> | ||
| 308 | <el-option | ||
| 309 | v-for="item in dictData['A46']" | ||
| 310 | :key="item.dcode" | ||
| 311 | :label="item.dname" | ||
| 312 | :value="item.dcode" | ||
| 313 | > | ||
| 314 | </el-option> | ||
| 315 | </el-select> | ||
| 316 | </el-form-item> | ||
| 317 | </el-col> | ||
| 318 | <el-col :span="8"> | ||
| 319 | <el-form-item label="所在层"> | ||
| 320 | <el-input v-model="ruleForm.ygdj.szc"></el-input> | ||
| 321 | </el-form-item> | ||
| 322 | </el-col> | ||
| 323 | <el-col :span="8"> | ||
| 324 | <el-form-item label="总层数"> | ||
| 325 | <el-input v-model="ruleForm.ygdj.zcs"></el-input> | ||
| 326 | </el-form-item> | ||
| 327 | </el-col> | ||
| 328 | <el-col :span="8"> | ||
| 329 | <el-form-item label="建筑面积"> | ||
| 330 | <el-input v-model="ruleForm.ygdj.jzmj"></el-input> | ||
| 331 | </el-form-item> | ||
| 332 | </el-col> | ||
| 333 | <el-col :span="8" v-if="ruleForm.qlxx.qszt == '2'"> | ||
| 334 | <el-form-item label="注销预告业务号"> | ||
| 335 | <el-input v-model="ruleForm.ygdj.zxygywh"></el-input> | ||
| 336 | </el-form-item> | ||
| 337 | </el-col> | ||
| 338 | <el-col :span="8" v-if="ruleForm.qlxx.qszt == '2'"> | ||
| 339 | <el-form-item label="注销预告原因"> | ||
| 340 | <el-input v-model="ruleForm.ygdj.zxygyy"></el-input> | ||
| 341 | </el-form-item> | ||
| 342 | </el-col> | ||
| 343 | <el-col :span="8" v-if="ruleForm.qlxx.qszt == '2'"> | ||
| 344 | <el-form-item label="注销时间"> | ||
| 345 | <el-input v-model="ruleForm.ygdj.zxsj"></el-input> | ||
| 346 | </el-form-item> | ||
| 347 | </el-col> | ||
| 348 | <el-col :span="8"> | ||
| 349 | <el-form-item label="取得价格/被担保主债权数额"> | ||
| 350 | <el-input v-model="ruleForm.ygdj.qdjg"></el-input> | ||
| 351 | </el-form-item> | ||
| 352 | </el-col> | ||
| 353 | <el-col :span="8"> | ||
| 354 | <el-form-item label="金额单位"> | ||
| 355 | <el-input v-model="ruleForm.ygdj.jedw"></el-input> | ||
| 356 | </el-form-item> | ||
| 357 | </el-col> | ||
| 358 | <el-col :span="8"> | ||
| 359 | <el-form-item label="担保范围"> | ||
| 360 | <el-input v-model="ruleForm.ygdj.dbfw"></el-input> | ||
| 361 | </el-form-item> | ||
| 362 | </el-col> | ||
| 363 | <el-col :span="8"> | ||
| 364 | <el-form-item label="是否存在禁止或限制转让抵押不动产的约定"> | ||
| 365 | <el-input v-model="ruleForm.ygdj.sfczjzhxz"></el-input> | ||
| 366 | </el-form-item> | ||
| 367 | </el-col> | ||
| 368 | <el-col :span="8"> | ||
| 369 | <el-form-item label="不动产登记证明号"> | ||
| 370 | <el-input v-model="ruleForm.ygdj.bdcdjzmh"></el-input> | ||
| 371 | </el-form-item> | ||
| 372 | </el-col> | ||
| 373 | <el-col :span="24"> | ||
| 374 | <el-form-item label="附记:"> | ||
| 375 | <el-input v-model="ruleForm.ygdj.fj"></el-input> | ||
| 376 | </el-form-item> | ||
| 377 | </el-col> | ||
| 378 | </el-row> | ||
| 379 | <div class="slxx_title title-block"> | ||
| 380 | 权利人信息 | ||
| 381 | <div class="triangle"></div> | ||
| 382 | </div> | ||
| 383 | <el-row :gutter="10"> | ||
| 384 | <el-col :span="12"> | ||
| 385 | <el-form-item label="共有方式:"> | ||
| 386 | <el-radio-group | ||
| 387 | :disabled="!ableOperation" | ||
| 388 | v-model="ruleForm.qlxx.gyfs" | ||
| 389 | > | ||
| 390 | <el-radio label="0">单独所有</el-radio> | ||
| 391 | <el-radio label="1">共同共有</el-radio> | ||
| 392 | <el-radio label="2">按份所有</el-radio> | ||
| 393 | <el-radio label="3">其它共有</el-radio> | ||
| 394 | </el-radio-group> | ||
| 395 | </el-form-item> | ||
| 396 | </el-col> | ||
| 397 | </el-row> | ||
| 398 | <qlrCommonTable | ||
| 399 | :tableData="ruleForm.qlrData" | ||
| 400 | @upDateQlrxxList="upDateQlrxxList" | ||
| 401 | :key="key" | ||
| 402 | :ableOperation="ableOperation" | ||
| 403 | :gyfs="ruleForm.qlxx.gyfs" | ||
| 404 | /> | ||
| 405 | |||
| 406 | <div v-if="ruleForm.ywrData"> | ||
| 407 | <div class="slxx_title title-block"> | ||
| 408 | 义务人信息 | ||
| 409 | <div class="triangle"></div> | ||
| 410 | </div> | ||
| 411 | <ywrCommonTable | ||
| 412 | v-if="ruleForm.ywrData" | ||
| 413 | :tableData="ruleForm.ywrData" | ||
| 414 | :key="key" | ||
| 415 | :ableOperation="ableOperation" | ||
| 416 | @upDateQlrxxList="upDateYwrxxList" | ||
| 417 | /> | ||
| 418 | </div> | ||
| 419 | </div> | ||
| 420 | <el-row class="btn" v-if="ableOperation"> | ||
| 421 | <el-form-item> | ||
| 422 | <el-button type="primary" @click="onSubmit">保存</el-button> | ||
| 423 | </el-form-item> | ||
| 424 | </el-row> | ||
| 425 | </el-form> | ||
| 426 | </div> | ||
| 427 | </template> | ||
| 428 | <script> | ||
| 429 | import { mapGetters } from "vuex"; | ||
| 430 | import { init,getSsQlxx, getZtQlxx, save } from "@/api/djbRepair.js"; | ||
| 431 | import qlrCommonTable from "@/views/djbworkflow/components/qlrCommonTable"; | ||
| 432 | import ywrCommonTable from "@/views/djbworkflow/components/ywrCommonTable"; | ||
| 433 | import tdytTable from "@/views/workflow/components/tdytTable"; | ||
| 434 | import selectTable from "@/components/selectTable/index.vue"; | ||
| 435 | export default { | ||
| 436 | components: { qlrCommonTable, ywrCommonTable, tdytTable,selectTable }, | ||
| 437 | computed: { | ||
| 438 | ...mapGetters(["dictData", "flag"]), | ||
| 439 | // 根据流程判断表单是否为只读 | ||
| 440 | editDisabled() { | ||
| 441 | if (!this.ableOperation) { | ||
| 442 | //只读状态 | ||
| 443 | return true; | ||
| 444 | } | ||
| 445 | return false; | ||
| 446 | }, | ||
| 447 | }, | ||
| 448 | data() { | ||
| 449 | return { | ||
| 450 | ssqlxxshow:true, | ||
| 451 | props: { | ||
| 452 | label: "bdcqzh", | ||
| 453 | value: "bdcdyid", | ||
| 454 | }, | ||
| 455 | //表单是否可操作 | ||
| 456 | propsParam: this.$attrs, | ||
| 457 | key: 0, | ||
| 458 | isShow: false, | ||
| 459 | disabled: true, | ||
| 460 | czrOptions: [], | ||
| 461 | ssQlxxList: [], | ||
| 462 | ztQlxxList: [], | ||
| 463 | ruleForm: {}, | ||
| 464 | // 登记类型 | ||
| 465 | djlxlist: [ | ||
| 466 | { | ||
| 467 | dcode: "100", | ||
| 468 | dname: "首次登记", | ||
| 469 | }, | ||
| 470 | { | ||
| 471 | dcode: "200", | ||
| 472 | dname: "转移登记", | ||
| 473 | }, | ||
| 474 | { | ||
| 475 | dcode: "300", | ||
| 476 | dname: "变更登记", | ||
| 477 | }, | ||
| 478 | { | ||
| 479 | dcode: "500", | ||
| 480 | dname: "更正登记", | ||
| 481 | }, | ||
| 482 | |||
| 483 | { | ||
| 484 | dcode: "901", | ||
| 485 | dname: "补证", | ||
| 486 | }, | ||
| 487 | { | ||
| 488 | dcode: "902", | ||
| 489 | dname: "换证", | ||
| 490 | }, | ||
| 491 | ], | ||
| 492 | // 权属状态 | ||
| 493 | qsztlist: [ | ||
| 494 | { | ||
| 495 | dcode: "1", | ||
| 496 | dname: "现势", | ||
| 497 | }, | ||
| 498 | { | ||
| 499 | dcode: "2", | ||
| 500 | dname: "历史", | ||
| 501 | }, | ||
| 502 | ], | ||
| 503 | //传递参数\ | ||
| 504 | rules: { | ||
| 505 | bdcqzhrules:[ | ||
| 506 | { required: true, message: "不动产权证号:", trigger: "blur" }, | ||
| 507 | ], | ||
| 508 | // qxdmrules: [{ required: true, message: "区县代码", trigger: "blur" }], | ||
| 509 | djjgrules: [{ required: true, message: "登记机构", trigger: "blur" }], | ||
| 510 | dbrrules: [{ required: true, message: "登簿人", trigger: "blur" }], | ||
| 511 | djsjrules: [{ required: true, message: "登记时间", trigger: "blur" }], | ||
| 512 | ygdjlxrules: [{ required: true, message: "预告登记种类", trigger: "blur" }], | ||
| 513 | djlxrules: [{ required: true, message: "登记类型", trigger: "blur" }], | ||
| 514 | }, | ||
| 515 | ableOperation:false, | ||
| 516 | }; | ||
| 517 | }, | ||
| 518 | created() { | ||
| 519 | this.loadData(); | ||
| 520 | }, | ||
| 521 | mounted() { | ||
| 522 | this.ableOperation=this.$parent.ableOperation | ||
| 523 | }, | ||
| 524 | methods: { | ||
| 525 | /** | ||
| 526 | * @description: ztQlxxchange | ||
| 527 | * @param {*} val | ||
| 528 | * @author: renchao | ||
| 529 | */ | ||
| 530 | ztQlxxchange(val) { | ||
| 531 | this.ruleForm.ztQlxx = val; | ||
| 532 | }, | ||
| 533 | /** | ||
| 534 | * @description: ssQlxxchange | ||
| 535 | * @param {*} val | ||
| 536 | * @author: renchao | ||
| 537 | */ | ||
| 538 | ssQlxxchange(val) { | ||
| 539 | this.ruleForm.ssQlxx = val; | ||
| 540 | this.ruleForm.qlxx.ssywh = val.ywh; | ||
| 541 | }, | ||
| 542 | /** | ||
| 543 | * @description: djlxchange | ||
| 544 | * @param {*} val | ||
| 545 | * @author: renchao | ||
| 546 | */ | ||
| 547 | djlxchange(val) { | ||
| 548 | console.log("val",val); | ||
| 549 | if (val == null || val == 100) { | ||
| 550 | this.ssqlxxshow = false; | ||
| 551 | } else { | ||
| 552 | this.ssqlxxshow = true; | ||
| 553 | } | ||
| 554 | }, | ||
| 555 | /** | ||
| 556 | * @description: loadData | ||
| 557 | * @author: renchao | ||
| 558 | */ | ||
| 559 | loadData() { | ||
| 560 | this.$startLoading(); | ||
| 561 | this.propsParam.isEdit=this.$parent.isEdit | ||
| 562 | init(this.propsParam).then((res) => { | ||
| 563 | if (res.code == 200) { | ||
| 564 | this.ruleForm = res.result; | ||
| 565 | let djlx = this.ruleForm.qlxx.djlx; | ||
| 566 | if (djlx == null || djlx == 100) { | ||
| 567 | this.ssqlxxshow = false; | ||
| 568 | } | ||
| 569 | this.$endLoading(); | ||
| 570 | this.isShow = true; | ||
| 571 | } | ||
| 572 | }); | ||
| 573 | //获取主体信息 | ||
| 574 | getSsQlxx({ | ||
| 575 | bdcdyid: this.propsParam.bdcdyid, | ||
| 576 | qllx: this.propsParam.qllx, | ||
| 577 | }).then((res) => { | ||
| 578 | if (res.code == 200) { | ||
| 579 | this.ssQlxxList = res.result; | ||
| 580 | } | ||
| 581 | }); | ||
| 582 | |||
| 583 | //获取上手信息 | ||
| 584 | getZtQlxx({ bdcdyid: this.propsParam.bdcdyid }).then((res) => { | ||
| 585 | if (res.code == 200) { | ||
| 586 | this.ztQlxxList = res.result; | ||
| 587 | } | ||
| 588 | }); | ||
| 589 | |||
| 590 | }, | ||
| 591 | // 更新土地用途信息 | ||
| 592 | /** | ||
| 593 | * @description: 更新土地用途信息 | ||
| 594 | * @param {*} val | ||
| 595 | * @author: renchao | ||
| 596 | */ | ||
| 597 | upDateTdytxxList(val) { | ||
| 598 | this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); | ||
| 599 | this.key++; | ||
| 600 | }, | ||
| 601 | // 更新权利人信息 | ||
| 602 | /** | ||
| 603 | * @description: 更新权利人信息 | ||
| 604 | * @param {*} val | ||
| 605 | * @author: renchao | ||
| 606 | */ | ||
| 607 | upDateQlrxxList(val) { | ||
| 608 | this.ruleForm.qlrData && (this.ruleForm.qlrData = _.cloneDeep(val)); | ||
| 609 | this.czrOptions = this.ruleForm.qlrData; | ||
| 610 | this.key++; | ||
| 611 | }, | ||
| 612 | // 更新义务人信息 | ||
| 613 | /** | ||
| 614 | * @description: 更新义务人信息 | ||
| 615 | * @param {*} val | ||
| 616 | * @author: renchao | ||
| 617 | */ | ||
| 618 | upDateYwrxxList(val) { | ||
| 619 | this.ruleForm.ywrData && (this.ruleForm.ywrData = _.cloneDeep(val)); | ||
| 620 | this.key++; | ||
| 621 | }, | ||
| 622 | /** | ||
| 623 | * @description: onSubmit | ||
| 624 | * @author: renchao | ||
| 625 | */ | ||
| 626 | onSubmit() { | ||
| 627 | this.$refs.ruleForm.validate((valid) => { | ||
| 628 | if (valid) { | ||
| 629 | if (this.ruleForm.qlrData.length == 0) { | ||
| 630 | this.$message({ | ||
| 631 | showClose: true, | ||
| 632 | message: "请确认权利人信息", | ||
| 633 | type: "error", | ||
| 634 | }); | ||
| 635 | return false; | ||
| 636 | } | ||
| 637 | if (this.ruleForm.ywrData.length == 0) { | ||
| 638 | this.$message({ | ||
| 639 | showClose: true, | ||
| 640 | message: "请确认义务人信息", | ||
| 641 | type: "error", | ||
| 642 | }); | ||
| 643 | return false; | ||
| 644 | } | ||
| 645 | if (this.ruleForm.qlxx.gyfs == "0") { | ||
| 646 | if (this.ruleForm.qlrData.length > 1) { | ||
| 647 | this.$message({ | ||
| 648 | showClose: true, | ||
| 649 | message: "共有方式:单独所有,权利人只能是一个人", | ||
| 650 | type: "error", | ||
| 651 | }); | ||
| 652 | return false; | ||
| 653 | } | ||
| 654 | this.ruleForm.qlrData[0].sfczr = "1"; | ||
| 655 | } | ||
| 656 | if (this.ruleForm.qlxx.gyfs == "1") { | ||
| 657 | //是否分别持证 | ||
| 658 | if (this.ruleForm.qlxx.sqfbcz == "1") { | ||
| 659 | //是 | ||
| 660 | this.ruleForm.qlrData.forEach((item, index) => { | ||
| 661 | item.sfczr = "1"; | ||
| 662 | }); | ||
| 663 | } else { | ||
| 664 | this.ruleForm.qlrData.forEach((item, index) => { | ||
| 665 | if (item.zjh == this.ruleForm.czr) { | ||
| 666 | item.sfczr = "1"; | ||
| 667 | } else { | ||
| 668 | item.sfczr = "0"; | ||
| 669 | } | ||
| 670 | }); | ||
| 671 | } | ||
| 672 | } | ||
| 673 | save(this.ruleForm).then((res) => { | ||
| 674 | if (res.code === 200) { | ||
| 675 | this.$message({ | ||
| 676 | showClose: true, | ||
| 677 | message: "保存成功!", | ||
| 678 | type: "success", | ||
| 679 | }); | ||
| 680 | this.$store.dispatch("user/refreshPage", true); | ||
| 681 | } else { | ||
| 682 | this.$message({ | ||
| 683 | showClose: true, | ||
| 684 | message: res.message, | ||
| 685 | type: "error", | ||
| 686 | }); | ||
| 687 | } | ||
| 688 | }); | ||
| 689 | } else { | ||
| 690 | return false; | ||
| 691 | } | ||
| 692 | }); | ||
| 693 | }, | ||
| 694 | }, | ||
| 695 | }; | ||
| 696 | </script> | ||
| 697 | <style scoped lang="scss"> | ||
| 698 | @import "~@/styles/public.scss"; | ||
| 699 | @import "~@/styles/slxx/slxx.scss"; | ||
| 700 | </style> |
| ... | @@ -55,8 +55,11 @@ export function getForm(tabName) { | ... | @@ -55,8 +55,11 @@ export function getForm(tabName) { |
| 55 | case "slxxdyaq": | 55 | case "slxxdyaq": |
| 56 | form = require("@/views/djbworkflow/djbBook/components/blxxtabs/dyaq.vue"); | 56 | form = require("@/views/djbworkflow/djbBook/components/blxxtabs/dyaq.vue"); |
| 57 | break; | 57 | break; |
| 58 | case "slxxygdj": | 58 | case "slxxygdydj": |
| 59 | form = require("@/views/djbworkflow/djbBook/components/blxxtabs/ygdj.vue"); | 59 | form = require("@/views/djbworkflow/djbBook/components/blxxtabs/ygdydj.vue"); |
| 60 | break; | ||
| 61 | case "slxxygmmdj": | ||
| 62 | form = require("@/views/djbworkflow/djbBook/components/blxxtabs/ygmmdj.vue"); | ||
| 60 | break; | 63 | break; |
| 61 | case "slxxyydj": | 64 | case "slxxyydj": |
| 62 | form = require("@/views/djbworkflow/djbBook/components/blxxtabs/yydj.vue"); | 65 | form = require("@/views/djbworkflow/djbBook/components/blxxtabs/yydj.vue"); | ... | ... |
src/views/registerBook/comparison.vue
0 → 100644
| 1 | <!-- | ||
| 2 | * @Description: | ||
| 3 | * @Autor: renchao | ||
| 4 | * @LastEditTime: 2023-07-19 09:52:37 | ||
| 5 | --> | ||
| 6 | <template> | ||
| 7 | <div class="djxxTable"> | ||
| 8 | <div class="tableBox"> | ||
| 9 | <div class="title"> | ||
| 10 | {{ title }} | ||
| 11 | <div class="checkbox"> | ||
| 12 | <el-radio-group v-model="radio" :change="checkChange()"> | ||
| 13 | <el-radio :label="1">所有数据</el-radio> | ||
| 14 | <el-radio :label="2">只展示变化数据</el-radio> | ||
| 15 | </el-radio-group> | ||
| 16 | </div> | ||
| 17 | </div> | ||
| 18 | <div class="xxTableBox rollTable"> | ||
| 19 | <table class="xxTable"> | ||
| 20 | <tr v-for="(item, colindex) in columns" :key="colindex"> | ||
| 21 | <td> | ||
| 22 | {{ item.label }} | ||
| 23 | </td> | ||
| 24 | <td></td> | ||
| 25 | <td v-for="count in emptycolNum" :key="~count"></td> | ||
| 26 | </tr> | ||
| 27 | </table> | ||
| 28 | </div> | ||
| 29 | </div> | ||
| 30 | </div> | ||
| 31 | </template> | ||
| 32 | |||
| 33 | <script> | ||
| 34 | import { datas } from "./qlxxFormData.js"; | ||
| 35 | import { getSjlx, getDictLeabel } from "@/utils/dictionary.js"; | ||
| 36 | import { getDiyiqList } from "@/api/djbDetail.js"; | ||
| 37 | export default { | ||
| 38 | props: { | ||
| 39 | formData: { | ||
| 40 | type: Object, | ||
| 41 | default: {}, | ||
| 42 | }, | ||
| 43 | }, | ||
| 44 | data() { | ||
| 45 | return { | ||
| 46 | radio: 1, | ||
| 47 | title: "变化情况对比", | ||
| 48 | //列表数据 | ||
| 49 | tableData: [], | ||
| 50 | //空列值个数 | ||
| 51 | emptycolNum: 1, | ||
| 52 | //列名称对象 | ||
| 53 | columns: datas.columns().DYIQ, | ||
| 54 | }; | ||
| 55 | }, | ||
| 56 | created() { | ||
| 57 | console.log("this.formData", this.formData); | ||
| 58 | }, | ||
| 59 | methods: { | ||
| 60 | /** | ||
| 61 | * @description: checkChange | ||
| 62 | * @author: renchao | ||
| 63 | */ | ||
| 64 | checkChange() { | ||
| 65 | console.log("ssss",this.radio); | ||
| 66 | }, | ||
| 67 | }, | ||
| 68 | }; | ||
| 69 | </script> | ||
| 70 | |||
| 71 | <style lang="scss" scoped> | ||
| 72 | @import "./qlxxCommon.scss"; | ||
| 73 | </style> |
| ... | @@ -79,6 +79,7 @@ | ... | @@ -79,6 +79,7 @@ |
| 79 | ywly: "" | 79 | ywly: "" |
| 80 | } | 80 | } |
| 81 | if (this.queryForm) { | 81 | if (this.queryForm) { |
| 82 | this.$startLoading(); | ||
| 82 | searchTaskToDo({ | 83 | searchTaskToDo({ |
| 83 | ...this.queryForm, | 84 | ...this.queryForm, |
| 84 | }).then((res) => { | 85 | }).then((res) => { |
| ... | @@ -86,6 +87,7 @@ | ... | @@ -86,6 +87,7 @@ |
| 86 | let { records } = res.result; | 87 | let { records } = res.result; |
| 87 | 88 | ||
| 88 | this.loadBdcdylist(records[0].bsmSlsq, records[0].bestepid); | 89 | this.loadBdcdylist(records[0].bsmSlsq, records[0].bestepid); |
| 90 | this.$endLoading(); | ||
| 89 | } | 91 | } |
| 90 | }); | 92 | }); |
| 91 | } | 93 | } | ... | ... |
| ... | @@ -94,7 +94,7 @@ | ... | @@ -94,7 +94,7 @@ |
| 94 | </el-col> | 94 | </el-col> |
| 95 | <el-col :span="8"> | 95 | <el-col :span="8"> |
| 96 | <el-form-item label="面积:"> | 96 | <el-form-item label="面积:"> |
| 97 | <el-input disabled v-model="ruleForm.ztQlxx.mj"></el-input> | 97 | <el-input disabled v-model="ruleForm.ztQlxx.mjmc"></el-input> |
| 98 | </el-form-item> | 98 | </el-form-item> |
| 99 | </el-col> | 99 | </el-col> |
| 100 | <el-col :span="8"> | 100 | <el-col :span="8"> | ... | ... |
| 1 | 0<!-- | 1 | 0 |
| 2 | <!-- | ||
| 2 | * @Description: | 3 | * @Description: |
| 3 | * @Autor: renchao | 4 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-05-25 08:59:49 | 5 | * @LastEditTime: 2023-05-25 08:59:49 |
| ... | @@ -6,8 +7,14 @@ | ... | @@ -6,8 +7,14 @@ |
| 6 | <template> | 7 | <template> |
| 7 | <!-- 受理信息 --> | 8 | <!-- 受理信息 --> |
| 8 | <div class="slxx loadingtext"> | 9 | <div class="slxx loadingtext"> |
| 9 | <el-form :model="ruleForm" :rules="rules" ref="ruleForm" :label-position="flag ? 'top' : ''" | 10 | <el-form |
| 10 | :inline="flag" label-width="120px"> | 11 | :model="ruleForm" |
| 12 | :rules="rules" | ||
| 13 | ref="ruleForm" | ||
| 14 | :label-position="flag ? 'top' : ''" | ||
| 15 | :inline="flag" | ||
| 16 | label-width="120px" | ||
| 17 | > | ||
| 11 | <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''"> | 18 | <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''"> |
| 12 | <div class="slxx_title title-block"> | 19 | <div class="slxx_title title-block"> |
| 13 | 受理信息 | 20 | 受理信息 |
| ... | @@ -47,7 +54,10 @@ | ... | @@ -47,7 +54,10 @@ |
| 47 | </el-form-item> | 54 | </el-form-item> |
| 48 | </el-col> | 55 | </el-col> |
| 49 | </el-row> | 56 | </el-row> |
| 50 | <div class="slxx_title title-block flex" style="justify-content: space-between;"> | 57 | <div |
| 58 | class="slxx_title title-block flex" | ||
| 59 | style="justify-content: space-between" | ||
| 60 | > | ||
| 51 | 不动产单元情况 | 61 | 不动产单元情况 |
| 52 | <el-button @click="compare">变化情况对比+</el-button> | 62 | <el-button @click="compare">变化情况对比+</el-button> |
| 53 | </div> | 63 | </div> |
| ... | @@ -88,11 +98,20 @@ | ... | @@ -88,11 +98,20 @@ |
| 88 | <el-row :gutter="10"> | 98 | <el-row :gutter="10"> |
| 89 | <el-col :span="8"> | 99 | <el-col :span="8"> |
| 90 | <el-form-item label="取得价格:"> | 100 | <el-form-item label="取得价格:"> |
| 91 | <div style="display:flex"> | 101 | <div style="display: flex"> |
| 92 | <el-input v-model="ruleForm.jsydsyq.qdjg" style="width:500%" oninput="value=value.replace(/[^\d.]/g,'')" | 102 | <el-input |
| 93 | disabled></el-input> | 103 | v-model="ruleForm.jsydsyq.qdjg" |
| 104 | style="width: 500%" | ||
| 105 | oninput="value=value.replace(/[^\d.]/g,'')" | ||
| 106 | disabled | ||
| 107 | ></el-input> | ||
| 94 | <el-select v-model="ruleForm.jsydsyq.jedw" disabled> | 108 | <el-select v-model="ruleForm.jsydsyq.jedw" disabled> |
| 95 | <el-option v-for="item in dictData['A57']" :key="item.dcode" :label="item.dname" :value="item.dcode"> | 109 | <el-option |
| 110 | v-for="item in dictData['A57']" | ||
| 111 | :key="item.dcode" | ||
| 112 | :label="item.dname" | ||
| 113 | :value="item.dcode" | ||
| 114 | > | ||
| 96 | </el-option> | 115 | </el-option> |
| 97 | </el-select> | 116 | </el-select> |
| 98 | </div> | 117 | </div> |
| ... | @@ -121,7 +140,11 @@ | ... | @@ -121,7 +140,11 @@ |
| 121 | <el-row :gutter="10"> | 140 | <el-row :gutter="10"> |
| 122 | <el-col> | 141 | <el-col> |
| 123 | <el-form-item label="附记:" prop="fj"> | 142 | <el-form-item label="附记:" prop="fj"> |
| 124 | <el-input type="textarea" v-model="ruleForm.jsydsyq.fj" :disabled="!ableOperation"></el-input> | 143 | <el-input |
| 144 | type="textarea" | ||
| 145 | v-model="ruleForm.jsydsyq.fj" | ||
| 146 | :disabled="!ableOperation" | ||
| 147 | ></el-input> | ||
| 125 | </el-form-item> | 148 | </el-form-item> |
| 126 | </el-col> | 149 | </el-col> |
| 127 | </el-row> | 150 | </el-row> |
| ... | @@ -132,7 +155,8 @@ | ... | @@ -132,7 +155,8 @@ |
| 132 | <tdytTable | 155 | <tdytTable |
| 133 | :tableData="ruleForm.tdytqxList" | 156 | :tableData="ruleForm.tdytqxList" |
| 134 | :ableOperation="ableOperation" | 157 | :ableOperation="ableOperation" |
| 135 | @upDateTdytxxList="upDateTdytxxList" /> | 158 | @upDateTdytxxList="upDateTdytxxList" |
| 159 | /> | ||
| 136 | <div class="slxx_title title-block"> | 160 | <div class="slxx_title title-block"> |
| 137 | 权利人信息 | 161 | 权利人信息 |
| 138 | <div class="triangle"></div> | 162 | <div class="triangle"></div> |
| ... | @@ -143,7 +167,10 @@ | ... | @@ -143,7 +167,10 @@ |
| 143 | <el-row :gutter="10"> | 167 | <el-row :gutter="10"> |
| 144 | <el-col :span="14"> | 168 | <el-col :span="14"> |
| 145 | <el-form-item label="共有方式:"> | 169 | <el-form-item label="共有方式:"> |
| 146 | <el-radio-group :disabled="!ableOperation" v-model="ruleForm.sldy.gyfs"> | 170 | <el-radio-group |
| 171 | :disabled="!ableOperation" | ||
| 172 | v-model="ruleForm.sldy.gyfs" | ||
| 173 | > | ||
| 147 | <el-radio label="0">单独所有</el-radio> | 174 | <el-radio label="0">单独所有</el-radio> |
| 148 | <el-radio label="1">共同共有</el-radio> | 175 | <el-radio label="1">共同共有</el-radio> |
| 149 | <el-radio label="2">按份所有</el-radio> | 176 | <el-radio label="2">按份所有</el-radio> |
| ... | @@ -153,7 +180,10 @@ | ... | @@ -153,7 +180,10 @@ |
| 153 | </el-col> | 180 | </el-col> |
| 154 | <el-col :span="5" v-show="ruleForm.gyfs == '2'"> | 181 | <el-col :span="5" v-show="ruleForm.gyfs == '2'"> |
| 155 | <el-form-item label="是否分别持证:"> | 182 | <el-form-item label="是否分别持证:"> |
| 156 | <el-radio-group v-model="ruleForm.sldy.sqfbcz" :disabled="!ableOperation"> | 183 | <el-radio-group |
| 184 | v-model="ruleForm.sldy.sqfbcz" | ||
| 185 | :disabled="!ableOperation" | ||
| 186 | > | ||
| 157 | <el-radio label="1">是</el-radio> | 187 | <el-radio label="1">是</el-radio> |
| 158 | <el-radio label="0">否</el-radio> | 188 | <el-radio label="0">否</el-radio> |
| 159 | </el-radio-group> | 189 | </el-radio-group> |
| ... | @@ -161,14 +191,28 @@ | ... | @@ -161,14 +191,28 @@ |
| 161 | </el-col> | 191 | </el-col> |
| 162 | <el-col :span="5" v-show="ruleForm.gyfs == '2'"> | 192 | <el-col :span="5" v-show="ruleForm.gyfs == '2'"> |
| 163 | <el-form-item label="持证人:"> | 193 | <el-form-item label="持证人:"> |
| 164 | <el-select v-model="ruleForm.czr" placeholder="持证人" :disabled="!ableOperation"> | 194 | <el-select |
| 165 | <el-option v-for="item in czrOptions" :key="item.value" :label="item.label" :value="item.value"> | 195 | v-model="ruleForm.czr" |
| 196 | placeholder="持证人" | ||
| 197 | :disabled="!ableOperation" | ||
| 198 | > | ||
| 199 | <el-option | ||
| 200 | v-for="item in czrOptions" | ||
| 201 | :key="item.value" | ||
| 202 | :label="item.label" | ||
| 203 | :value="item.value" | ||
| 204 | > | ||
| 166 | </el-option> | 205 | </el-option> |
| 167 | </el-select> | 206 | </el-select> |
| 168 | </el-form-item> | 207 | </el-form-item> |
| 169 | </el-col> | 208 | </el-col> |
| 170 | </el-row> | 209 | </el-row> |
| 171 | <qlrCommonTable :tableData="ruleForm.qlrList" :disabled="!ableOperation" @upDateQlrxxList='upDateQlrxxList' :gyfs="ruleForm.sldy.gyfs" /> | 210 | <qlrCommonTable |
| 211 | :tableData="ruleForm.qlrList" | ||
| 212 | :disabled="!ableOperation" | ||
| 213 | @upDateQlrxxList="upDateQlrxxList" | ||
| 214 | :gyfs="ruleForm.sldy.gyfs" | ||
| 215 | /> | ||
| 172 | <div class="slxx_title title-block"> | 216 | <div class="slxx_title title-block"> |
| 173 | 登记原因 | 217 | 登记原因 |
| 174 | <div class="triangle"></div> | 218 | <div class="triangle"></div> |
| ... | @@ -176,8 +220,12 @@ | ... | @@ -176,8 +220,12 @@ |
| 176 | <el-row :gutter="10"> | 220 | <el-row :gutter="10"> |
| 177 | <el-col> | 221 | <el-col> |
| 178 | <el-form-item label="登记原因:" prop="djyy"> | 222 | <el-form-item label="登记原因:" prop="djyy"> |
| 179 | <el-input class="textArea" type="textarea" :disabled="!ableOperation" | 223 | <el-input |
| 180 | v-model="ruleForm.jsydsyq.djyy"> | 224 | class="textArea" |
| 225 | type="textarea" | ||
| 226 | :disabled="!ableOperation" | ||
| 227 | v-model="ruleForm.jsydsyq.djyy" | ||
| 228 | > | ||
| 181 | </el-input> | 229 | </el-input> |
| 182 | </el-form-item> | 230 | </el-form-item> |
| 183 | </el-col> | 231 | </el-col> |
| ... | @@ -192,13 +240,13 @@ | ... | @@ -192,13 +240,13 @@ |
| 192 | </div> | 240 | </div> |
| 193 | </template> | 241 | </template> |
| 194 | <script> | 242 | <script> |
| 195 | import { mapGetters } from "vuex"; | 243 | import { mapGetters } from "vuex"; |
| 196 | import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; | 244 | import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; |
| 197 | import tdytTable from "@/views/workflow/components/tdytTable"; | 245 | import tdytTable from "@/views/workflow/components/tdytTable"; |
| 198 | import { Init, saveData } from "@/api/workflow/jsydsyqFlow.js"; | 246 | import { Init, saveData } from "@/api/workflow/jsydsyqFlow.js"; |
| 199 | export default { | 247 | export default { |
| 200 | mounted () { | 248 | mounted() { |
| 201 | this.ableOperation = this.$parent.currentSelectTab.ableOperation | 249 | this.ableOperation = this.$parent.currentSelectTab.ableOperation; |
| 202 | this.propsParam = this.$attrs; | 250 | this.propsParam = this.$attrs; |
| 203 | var formdata = new FormData(); | 251 | var formdata = new FormData(); |
| 204 | this.$startLoading(); | 252 | this.$startLoading(); |
| ... | @@ -214,9 +262,9 @@ | ... | @@ -214,9 +262,9 @@ |
| 214 | }, | 262 | }, |
| 215 | components: { qlrCommonTable, tdytTable }, | 263 | components: { qlrCommonTable, tdytTable }, |
| 216 | computed: { | 264 | computed: { |
| 217 | ...mapGetters(["dictData", "flag"]) | 265 | ...mapGetters(["dictData", "flag"]), |
| 218 | }, | 266 | }, |
| 219 | data () { | 267 | data() { |
| 220 | return { | 268 | return { |
| 221 | //表单是否可操作 | 269 | //表单是否可操作 |
| 222 | ableOperation: true, | 270 | ableOperation: true, |
| ... | @@ -226,7 +274,7 @@ | ... | @@ -226,7 +274,7 @@ |
| 226 | slywxx: {}, | 274 | slywxx: {}, |
| 227 | qlxx: {}, | 275 | qlxx: {}, |
| 228 | zdjbxx: {}, | 276 | zdjbxx: {}, |
| 229 | jsydsyq: {} | 277 | jsydsyq: {}, |
| 230 | }, | 278 | }, |
| 231 | //传递参数 | 279 | //传递参数 |
| 232 | propsParam: {}, | 280 | propsParam: {}, |
| ... | @@ -240,7 +288,7 @@ | ... | @@ -240,7 +288,7 @@ |
| 240 | * @param {*} val | 288 | * @param {*} val |
| 241 | * @author: renchao | 289 | * @author: renchao |
| 242 | */ | 290 | */ |
| 243 | upDateTdytxxList (val) { | 291 | upDateTdytxxList(val) { |
| 244 | this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); | 292 | this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); |
| 245 | this.key++; | 293 | this.key++; |
| 246 | }, | 294 | }, |
| ... | @@ -250,22 +298,22 @@ | ... | @@ -250,22 +298,22 @@ |
| 250 | * @param {*} val | 298 | * @param {*} val |
| 251 | * @author: renchao | 299 | * @author: renchao |
| 252 | */ | 300 | */ |
| 253 | upDateQlrxxList (val) { | 301 | upDateQlrxxList(val) { |
| 254 | this.ruleForm.qlrList = _.cloneDeep(val); | 302 | this.ruleForm.qlrList = _.cloneDeep(val); |
| 255 | }, | 303 | }, |
| 256 | /** | 304 | /** |
| 257 | * @description: onSubmit | 305 | * @description: onSubmit |
| 258 | * @author: renchao | 306 | * @author: renchao |
| 259 | */ | 307 | */ |
| 260 | onSubmit () { | 308 | onSubmit() { |
| 261 | saveData(this.ruleForm).then((res) => { | 309 | saveData(this.ruleForm).then((res) => { |
| 262 | if (res.code === 200) { | 310 | if (res.code === 200) { |
| 263 | this.$message({ | 311 | this.$message({ |
| 264 | showClose: true, | 312 | showClose: true, |
| 265 | message: "保存成功!", | 313 | message: "保存成功!", |
| 266 | type: "success", | 314 | type: "success", |
| 267 | }) | 315 | }); |
| 268 | this.$store.dispatch('user/refreshPage', true); | 316 | this.$store.dispatch("user/refreshPage", true); |
| 269 | } else { | 317 | } else { |
| 270 | this.$message({ | 318 | this.$message({ |
| 271 | showClose: true, | 319 | showClose: true, |
| ... | @@ -279,29 +327,19 @@ | ... | @@ -279,29 +327,19 @@ |
| 279 | * @description: compare | 327 | * @description: compare |
| 280 | * @author: renchao | 328 | * @author: renchao |
| 281 | */ | 329 | */ |
| 282 | compare () { | 330 | compare() { |
| 283 | this.$popup({ | 331 | this.$popupDialog( |
| 284 | titleStyle: "left", | 332 | "国有建设用地使用权", |
| 285 | title: "土地变化情况比对", // 弹窗标题 | 333 | "registerBook/comparison", |
| 286 | editItem: "registerBook/jsydsyq", // 弹窗内容 | 334 | { propsParam: this.propsParam }, |
| 287 | formData: this.propsParam, | 335 | "80%", |
| 288 | width: "1220px", | 336 | true |
| 289 | height: "790px", | 337 | ); |
| 290 | // cancelText: '取消摆烂', // 右边按钮文本 | ||
| 291 | // confirmText: '确定点击', //左边按钮文本 | ||
| 292 | cancel: () => { | ||
| 293 | console.log("取消回调"); | ||
| 294 | }, | ||
| 295 | confirm: () => { | ||
| 296 | console.log("确认回调"); | ||
| 297 | }, | 338 | }, |
| 298 | }); | ||
| 299 | } | ||
| 300 | }, | 339 | }, |
| 301 | 340 | }; | |
| 302 | }; | ||
| 303 | </script> | 341 | </script> |
| 304 | <style scoped lang='scss'> | 342 | <style scoped lang="scss"> |
| 305 | @import "~@/styles/public.scss"; | 343 | @import "~@/styles/public.scss"; |
| 306 | @import "~@/styles/slxx/slxx.scss"; | 344 | @import "~@/styles/slxx/slxx.scss"; |
| 307 | </style> | 345 | </style> | ... | ... |
| ... | @@ -100,7 +100,7 @@ | ... | @@ -100,7 +100,7 @@ |
| 100 | <el-input | 100 | <el-input |
| 101 | v-model="ruleForm.tdsyq.nydmj" | 101 | v-model="ruleForm.tdsyq.nydmj" |
| 102 | :disabled="!ableOperation" | 102 | :disabled="!ableOperation" |
| 103 | oninput="value = (value.match(/^\d*(\.?\d{0,3})/g)[0]) || null"></el-input> | 103 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> |
| 104 | <el-select | 104 | <el-select |
| 105 | v-model="mjdw" | 105 | v-model="mjdw" |
| 106 | :disabled="!ableOperation" | 106 | :disabled="!ableOperation" |
| ... | @@ -121,7 +121,7 @@ | ... | @@ -121,7 +121,7 @@ |
| 121 | <el-input | 121 | <el-input |
| 122 | v-model="ruleForm.tdsyq.gdmj" | 122 | v-model="ruleForm.tdsyq.gdmj" |
| 123 | :disabled="!ableOperation" | 123 | :disabled="!ableOperation" |
| 124 | oninput="value = (value.match(/^\d*(\.?\d{0,3})/g)[0]) || null"></el-input> | 124 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> |
| 125 | <el-select | 125 | <el-select |
| 126 | v-model="mjdw" | 126 | v-model="mjdw" |
| 127 | :disabled="!ableOperation" | 127 | :disabled="!ableOperation" |
| ... | @@ -142,7 +142,7 @@ | ... | @@ -142,7 +142,7 @@ |
| 142 | <el-input | 142 | <el-input |
| 143 | v-model="ruleForm.tdsyq.ldmj" | 143 | v-model="ruleForm.tdsyq.ldmj" |
| 144 | :disabled="!ableOperation" | 144 | :disabled="!ableOperation" |
| 145 | oninput="value = (value.match(/^\d*(\.?\d{0,3})/g)[0]) || null"></el-input> | 145 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> |
| 146 | <el-select | 146 | <el-select |
| 147 | v-model="mjdw" | 147 | v-model="mjdw" |
| 148 | :disabled="!ableOperation" | 148 | :disabled="!ableOperation" |
| ... | @@ -165,7 +165,7 @@ | ... | @@ -165,7 +165,7 @@ |
| 165 | <el-input | 165 | <el-input |
| 166 | v-model="ruleForm.tdsyq.cdmj" | 166 | v-model="ruleForm.tdsyq.cdmj" |
| 167 | :disabled="!ableOperation" | 167 | :disabled="!ableOperation" |
| 168 | oninput="value = (value.match(/^\d*(\.?\d{0,3})/g)[0]) || null"></el-input> | 168 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> |
| 169 | <el-select | 169 | <el-select |
| 170 | v-model="mjdw" | 170 | v-model="mjdw" |
| 171 | :disabled="!ableOperation" | 171 | :disabled="!ableOperation" |
| ... | @@ -186,7 +186,7 @@ | ... | @@ -186,7 +186,7 @@ |
| 186 | <el-input | 186 | <el-input |
| 187 | v-model="ruleForm.tdsyq.qtnydmj" | 187 | v-model="ruleForm.tdsyq.qtnydmj" |
| 188 | :disabled="!ableOperation" | 188 | :disabled="!ableOperation" |
| 189 | oninput="value = (value.match(/^\d*(\.?\d{0,3})/g)[0]) || null"></el-input> | 189 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> |
| 190 | <el-select | 190 | <el-select |
| 191 | v-model="mjdw" | 191 | v-model="mjdw" |
| 192 | :disabled="!ableOperation" | 192 | :disabled="!ableOperation" |
| ... | @@ -207,7 +207,7 @@ | ... | @@ -207,7 +207,7 @@ |
| 207 | <el-input | 207 | <el-input |
| 208 | v-model="ruleForm.tdsyq.jsydmj" | 208 | v-model="ruleForm.tdsyq.jsydmj" |
| 209 | :disabled="!ableOperation" | 209 | :disabled="!ableOperation" |
| 210 | oninput="value = (value.match(/^\d*(\.?\d{0,3})/g)[0]) || null"></el-input> | 210 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> |
| 211 | <el-select | 211 | <el-select |
| 212 | v-model="mjdw" | 212 | v-model="mjdw" |
| 213 | :disabled="!ableOperation" | 213 | :disabled="!ableOperation" |
| ... | @@ -230,7 +230,7 @@ | ... | @@ -230,7 +230,7 @@ |
| 230 | <el-input | 230 | <el-input |
| 231 | v-model="ruleForm.tdsyq.wlydmj" | 231 | v-model="ruleForm.tdsyq.wlydmj" |
| 232 | :disabled="!ableOperation" | 232 | :disabled="!ableOperation" |
| 233 | oninput="value = (value.match(/^\d*(\.?\d{0,3})/g)[0]) || null"></el-input> | 233 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> |
| 234 | <el-select | 234 | <el-select |
| 235 | v-model="mjdw" | 235 | v-model="mjdw" |
| 236 | :disabled="!ableOperation" | 236 | :disabled="!ableOperation" | ... | ... |
-
Please register or sign in to post a comment