添加效验
Showing
11 changed files
with
1431 additions
and
1096 deletions
| ... | @@ -12,7 +12,8 @@ | ... | @@ -12,7 +12,8 @@ |
| 12 | v-Loading="loading" | 12 | v-Loading="loading" |
| 13 | :label-position="flag ? 'top' : ''" | 13 | :label-position="flag ? 'top' : ''" |
| 14 | :inline="flag" | 14 | :inline="flag" |
| 15 | label-width="190px"> | 15 | label-width="190px" |
| 16 | > | ||
| 16 | <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''"> | 17 | <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''"> |
| 17 | <div class="slxx_title title-block"> | 18 | <div class="slxx_title title-block"> |
| 18 | 申请业务信息 | 19 | 申请业务信息 |
| ... | @@ -54,11 +55,9 @@ | ... | @@ -54,11 +55,9 @@ |
| 54 | </el-row> | 55 | </el-row> |
| 55 | <div class="slxx_title title-block"> | 56 | <div class="slxx_title title-block"> |
| 56 | <el-row> | 57 | <el-row> |
| 57 | <el-col :span="20"> | 58 | <el-col :span="20"> 不动产单元情况 </el-col> |
| 58 | 不动产单元情况 | 59 | <el-col :span="4" v-if="ruleForm.sldy.djlx == '500'"> |
| 59 | </el-col> | 60 | <el-form-item label="是否创建证书:" style="height: 24px"> |
| 60 | <el-col :span="4" v-if="ruleForm.sldy.djlx=='500'"> | ||
| 61 | <el-form-item label="是否创建证书:" style="height:24px"> | ||
| 62 | <el-radio-group v-model="ruleForm.sldy.sfxysczs"> | 61 | <el-radio-group v-model="ruleForm.sldy.sfxysczs"> |
| 63 | <el-radio label="1">是</el-radio> | 62 | <el-radio label="1">是</el-radio> |
| 64 | <el-radio label="0">否</el-radio> | 63 | <el-radio label="0">否</el-radio> |
| ... | @@ -83,17 +82,27 @@ | ... | @@ -83,17 +82,27 @@ |
| 83 | <el-row :gutter="10"> | 82 | <el-row :gutter="10"> |
| 84 | <el-col :span="8"> | 83 | <el-col :span="8"> |
| 85 | <el-form-item label="发包方:"> | 84 | <el-form-item label="发包方:"> |
| 86 | <el-input v-model="ruleForm.lq.fbf" :disabled="!viewEdit"></el-input> | 85 | <el-input |
| 86 | v-model="ruleForm.lq.fbf" | ||
| 87 | :disabled="!viewEdit" | ||
| 88 | ></el-input> | ||
| 87 | </el-form-item> | 89 | </el-form-item> |
| 88 | </el-col> | 90 | </el-col> |
| 89 | <el-col :span="8"> | 91 | <el-col :span="8"> |
| 90 | <el-form-item label="发包方代码:"> | 92 | <el-form-item label="发包方代码:"> |
| 91 | <el-input v-model="ruleForm.lq.fbfdm" :disabled="!viewEdit"></el-input> | 93 | <el-input |
| 94 | v-model="ruleForm.lq.fbfdm" | ||
| 95 | :disabled="!viewEdit" | ||
| 96 | ></el-input> | ||
| 92 | </el-form-item> | 97 | </el-form-item> |
| 93 | </el-col> | 98 | </el-col> |
| 94 | <el-col :span="8"> | 99 | <el-col :span="8"> |
| 95 | <el-form-item label="使用权(承包)面积:" prop="lq.syqmj"> | 100 | <el-form-item label="使用权(承包)面积:" prop="lq.syqmj"> |
| 96 | <el-input maxlength="12" v-model="ruleForm.lq.syqmj" :disabled="!viewEdit"></el-input> | 101 | <el-input |
| 102 | maxlength="12" | ||
| 103 | v-model="ruleForm.lq.syqmj" | ||
| 104 | :disabled="!viewEdit" | ||
| 105 | ></el-input> | ||
| 97 | </el-form-item> | 106 | </el-form-item> |
| 98 | </el-col> | 107 | </el-col> |
| 99 | </el-row> | 108 | </el-row> |
| ... | @@ -105,26 +114,36 @@ | ... | @@ -105,26 +114,36 @@ |
| 105 | v-for="item in dictData['A45']" | 114 | v-for="item in dictData['A45']" |
| 106 | :key="item.dcode" | 115 | :key="item.dcode" |
| 107 | :label="item.dname" | 116 | :label="item.dname" |
| 108 | :value="item.dcode"> | 117 | :value="item.dcode" |
| 118 | > | ||
| 109 | </el-option> | 119 | </el-option> |
| 110 | </el-select> | 120 | </el-select> |
| 111 | </el-form-item> | 121 | </el-form-item> |
| 112 | </el-col> | 122 | </el-col> |
| 113 | <el-col :span="8"> | 123 | <el-col :span="8"> |
| 114 | <el-form-item label="森林类别:"> | 124 | <el-form-item label="森林类别:"> |
| 115 | <el-input v-model="ruleForm.lq.sllb" :disabled="!viewEdit"></el-input> | 125 | <el-input |
| 126 | v-model="ruleForm.lq.sllb" | ||
| 127 | :disabled="!viewEdit" | ||
| 128 | ></el-input> | ||
| 116 | </el-form-item> | 129 | </el-form-item> |
| 117 | </el-col> | 130 | </el-col> |
| 118 | <el-col :span="8"> | 131 | <el-col :span="8"> |
| 119 | <el-form-item label="主要树种:"> | 132 | <el-form-item label="主要树种:"> |
| 120 | <el-input v-model="ruleForm.lq.zysz" :disabled="!viewEdit"></el-input> | 133 | <el-input |
| 134 | v-model="ruleForm.lq.zysz" | ||
| 135 | :disabled="!viewEdit" | ||
| 136 | ></el-input> | ||
| 121 | </el-form-item> | 137 | </el-form-item> |
| 122 | </el-col> | 138 | </el-col> |
| 123 | </el-row> | 139 | </el-row> |
| 124 | <el-row :gutter="10"> | 140 | <el-row :gutter="10"> |
| 125 | <el-col :span="8"> | 141 | <el-col :span="8"> |
| 126 | <el-form-item label="株数:"> | 142 | <el-form-item label="株数:"> |
| 127 | <el-input v-model="ruleForm.lq.zs" :disabled="!viewEdit"></el-input> | 143 | <el-input |
| 144 | v-model="ruleForm.lq.zs" | ||
| 145 | :disabled="!viewEdit" | ||
| 146 | ></el-input> | ||
| 128 | </el-form-item> | 147 | </el-form-item> |
| 129 | </el-col> | 148 | </el-col> |
| 130 | <el-col :span="8"> | 149 | <el-col :span="8"> |
| ... | @@ -134,7 +153,8 @@ | ... | @@ -134,7 +153,8 @@ |
| 134 | v-for="item in dictData['A26']" | 153 | v-for="item in dictData['A26']" |
| 135 | :key="item.dcode" | 154 | :key="item.dcode" |
| 136 | :label="item.dname" | 155 | :label="item.dname" |
| 137 | :value="item.dcode"> | 156 | :value="item.dcode" |
| 157 | > | ||
| 138 | </el-option> | 158 | </el-option> |
| 139 | </el-select> | 159 | </el-select> |
| 140 | </el-form-item> | 160 | </el-form-item> |
| ... | @@ -146,7 +166,8 @@ | ... | @@ -146,7 +166,8 @@ |
| 146 | v-for="item in dictData['A52']" | 166 | v-for="item in dictData['A52']" |
| 147 | :key="item.dcode" | 167 | :key="item.dcode" |
| 148 | :label="item.dname" | 168 | :label="item.dname" |
| 149 | :value="item.dcode"> | 169 | :value="item.dcode" |
| 170 | > | ||
| 150 | </el-option> | 171 | </el-option> |
| 151 | </el-select> | 172 | </el-select> |
| 152 | </el-form-item> | 173 | </el-form-item> |
| ... | @@ -161,25 +182,35 @@ | ... | @@ -161,25 +182,35 @@ |
| 161 | value-format="yyyy" | 182 | value-format="yyyy" |
| 162 | v-model="ruleForm.lq.zlnd" | 183 | v-model="ruleForm.lq.zlnd" |
| 163 | :disabled="!viewEdit" | 184 | :disabled="!viewEdit" |
| 164 | type="year"> | 185 | type="year" |
| 186 | > | ||
| 165 | </el-date-picker> | 187 | </el-date-picker> |
| 166 | </el-form-item> | 188 | </el-form-item> |
| 167 | </el-col> | 189 | </el-col> |
| 168 | <el-col :span="8"> | 190 | <el-col :span="8"> |
| 169 | <el-form-item label="林班:"> | 191 | <el-form-item label="林班:"> |
| 170 | <el-input v-model="ruleForm.lq.lb" :disabled="!viewEdit"></el-input> | 192 | <el-input |
| 193 | v-model="ruleForm.lq.lb" | ||
| 194 | :disabled="!viewEdit" | ||
| 195 | ></el-input> | ||
| 171 | </el-form-item> | 196 | </el-form-item> |
| 172 | </el-col> | 197 | </el-col> |
| 173 | <el-col :span="8"> | 198 | <el-col :span="8"> |
| 174 | <el-form-item label="小班:"> | 199 | <el-form-item label="小班:"> |
| 175 | <el-input v-model="ruleForm.lq.xb" :disabled="!viewEdit"></el-input> | 200 | <el-input |
| 201 | v-model="ruleForm.lq.xb" | ||
| 202 | :disabled="!viewEdit" | ||
| 203 | ></el-input> | ||
| 176 | </el-form-item> | 204 | </el-form-item> |
| 177 | </el-col> | 205 | </el-col> |
| 178 | </el-row> | 206 | </el-row> |
| 179 | <el-row :gutter="10"> | 207 | <el-row :gutter="10"> |
| 180 | <el-col :span="8"> | 208 | <el-col :span="8"> |
| 181 | <el-form-item label="小地名:"> | 209 | <el-form-item label="小地名:"> |
| 182 | <el-input v-model="ruleForm.lq.xdm" :disabled="!viewEdit"></el-input> | 210 | <el-input |
| 211 | v-model="ruleForm.lq.xdm" | ||
| 212 | :disabled="!viewEdit" | ||
| 213 | ></el-input> | ||
| 183 | </el-form-item> | 214 | </el-form-item> |
| 184 | </el-col> | 215 | </el-col> |
| 185 | <el-col :span="8"> | 216 | <el-col :span="8"> |
| ... | @@ -189,7 +220,8 @@ | ... | @@ -189,7 +220,8 @@ |
| 189 | value-format="yyyy-MM-dd HH:mm:ss" | 220 | value-format="yyyy-MM-dd HH:mm:ss" |
| 190 | v-model="ruleForm.lq.ldsyqssj" | 221 | v-model="ruleForm.lq.ldsyqssj" |
| 191 | :disabled="!viewEdit" | 222 | :disabled="!viewEdit" |
| 192 | type="date"></el-date-picker> | 223 | type="date" |
| 224 | ></el-date-picker> | ||
| 193 | </el-form-item> | 225 | </el-form-item> |
| 194 | </el-col> | 226 | </el-col> |
| 195 | <el-col :span="8"> | 227 | <el-col :span="8"> |
| ... | @@ -199,7 +231,8 @@ | ... | @@ -199,7 +231,8 @@ |
| 199 | value-format="yyyy-MM-dd HH:mm:ss" | 231 | value-format="yyyy-MM-dd HH:mm:ss" |
| 200 | v-model="ruleForm.lq.ldsyjssj" | 232 | v-model="ruleForm.lq.ldsyjssj" |
| 201 | :disabled="!viewEdit" | 233 | :disabled="!viewEdit" |
| 202 | type="date"></el-date-picker> | 234 | type="date" |
| 235 | ></el-date-picker> | ||
| 203 | </el-form-item> | 236 | </el-form-item> |
| 204 | </el-col> | 237 | </el-col> |
| 205 | </el-row> | 238 | </el-row> |
| ... | @@ -211,7 +244,10 @@ | ... | @@ -211,7 +244,10 @@ |
| 211 | </el-col> --> | 244 | </el-col> --> |
| 212 | <el-col :span="8"> | 245 | <el-col :span="8"> |
| 213 | <el-form-item label="林地使用 (承包)期限:"> | 246 | <el-form-item label="林地使用 (承包)期限:"> |
| 214 | <el-input v-model="ruleForm.lq.ldsyqx" :disabled="!viewEdit"></el-input> | 247 | <el-input |
| 248 | v-model="ruleForm.lq.ldsyqx" | ||
| 249 | :disabled="!viewEdit" | ||
| 250 | ></el-input> | ||
| 215 | </el-form-item> | 251 | </el-form-item> |
| 216 | </el-col> | 252 | </el-col> |
| 217 | </el-row> | 253 | </el-row> |
| ... | @@ -223,7 +259,8 @@ | ... | @@ -223,7 +259,8 @@ |
| 223 | :disabled="!viewEdit" | 259 | :disabled="!viewEdit" |
| 224 | type="textarea" | 260 | type="textarea" |
| 225 | maxlength="500" | 261 | maxlength="500" |
| 226 | show-word-limit></el-input> | 262 | show-word-limit |
| 263 | ></el-input> | ||
| 227 | </el-form-item> | 264 | </el-form-item> |
| 228 | </el-col> | 265 | </el-col> |
| 229 | </el-row> | 266 | </el-row> |
| ... | @@ -244,7 +281,8 @@ | ... | @@ -244,7 +281,8 @@ |
| 244 | <el-form-item label="共有方式:"> | 281 | <el-form-item label="共有方式:"> |
| 245 | <el-radio-group | 282 | <el-radio-group |
| 246 | :disabled="!viewEdit" | 283 | :disabled="!viewEdit" |
| 247 | v-model="ruleForm.sldy.gyfs"> | 284 | v-model="ruleForm.sldy.gyfs" |
| 285 | > | ||
| 248 | <el-radio label="0">单独所有</el-radio> | 286 | <el-radio label="0">单独所有</el-radio> |
| 249 | <el-radio label="1">共同共有</el-radio> | 287 | <el-radio label="1">共同共有</el-radio> |
| 250 | <el-radio label="2">按份所有</el-radio> | 288 | <el-radio label="2">按份所有</el-radio> |
| ... | @@ -257,7 +295,8 @@ | ... | @@ -257,7 +295,8 @@ |
| 257 | <el-radio-group | 295 | <el-radio-group |
| 258 | v-model="ruleForm.sldy.sqfbcz" | 296 | v-model="ruleForm.sldy.sqfbcz" |
| 259 | :disabled="!viewEdit" | 297 | :disabled="!viewEdit" |
| 260 | @input="updaterow()"> | 298 | @input="updaterow()" |
| 299 | > | ||
| 261 | <el-radio :label="1">是</el-radio> | 300 | <el-radio :label="1">是</el-radio> |
| 262 | <el-radio :label="0">否</el-radio> | 301 | <el-radio :label="0">否</el-radio> |
| 263 | </el-radio-group> | 302 | </el-radio-group> |
| ... | @@ -265,17 +304,20 @@ | ... | @@ -265,17 +304,20 @@ |
| 265 | </el-col> | 304 | </el-col> |
| 266 | <el-col | 305 | <el-col |
| 267 | :span="6" | 306 | :span="6" |
| 268 | v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'"> | 307 | v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'" |
| 308 | > | ||
| 269 | <el-form-item label="持证人:"> | 309 | <el-form-item label="持证人:"> |
| 270 | <el-select | 310 | <el-select |
| 271 | v-model="czr" | 311 | v-model="czr" |
| 272 | placeholder="持证人" | 312 | placeholder="持证人" |
| 273 | :disabled="!viewEdit"> | 313 | :disabled="!viewEdit" |
| 314 | > | ||
| 274 | <el-option | 315 | <el-option |
| 275 | v-for="(item, index) in czrOptions" | 316 | v-for="(item, index) in czrOptions" |
| 276 | :key="index" | 317 | :key="index" |
| 277 | :label="item.sqrmc" | 318 | :label="item.sqrmc" |
| 278 | :value="item.id"> | 319 | :value="item.id" |
| 320 | > | ||
| 279 | </el-option> | 321 | </el-option> |
| 280 | </el-select> | 322 | </el-select> |
| 281 | </el-form-item> | 323 | </el-form-item> |
| ... | @@ -285,7 +327,8 @@ | ... | @@ -285,7 +327,8 @@ |
| 285 | @upDateQlrxxList="upDateQlrxxList" | 327 | @upDateQlrxxList="upDateQlrxxList" |
| 286 | :tableData="ruleForm.qlrList" | 328 | :tableData="ruleForm.qlrList" |
| 287 | :disabled="viewEdit" | 329 | :disabled="viewEdit" |
| 288 | :gyfs="ruleForm.sldy.gyfs" /> | 330 | :gyfs="ruleForm.sldy.gyfs" |
| 331 | /> | ||
| 289 | 332 | ||
| 290 | <div v-if="ruleForm.ywrList && ruleForm.sldy.djlx == '200'"> | 333 | <div v-if="ruleForm.ywrList && ruleForm.sldy.djlx == '200'"> |
| 291 | <div class="slxx_title title-block"> | 334 | <div class="slxx_title title-block"> |
| ... | @@ -297,7 +340,8 @@ | ... | @@ -297,7 +340,8 @@ |
| 297 | :disabled="viewEdit" | 340 | :disabled="viewEdit" |
| 298 | @upDateQlrxxList="upDateYwrxxList" | 341 | @upDateQlrxxList="upDateYwrxxList" |
| 299 | :tableData="ruleForm.ywrList" | 342 | :tableData="ruleForm.ywrList" |
| 300 | :gyfs="ruleForm.sldy.gyfs" /> | 343 | :gyfs="ruleForm.sldy.gyfs" |
| 344 | /> | ||
| 301 | </div> | 345 | </div> |
| 302 | <div class="slxx_title title-block"> | 346 | <div class="slxx_title title-block"> |
| 303 | 登记原因 | 347 | 登记原因 |
| ... | @@ -312,7 +356,8 @@ | ... | @@ -312,7 +356,8 @@ |
| 312 | maxlength="500" | 356 | maxlength="500" |
| 313 | show-word-limit | 357 | show-word-limit |
| 314 | :disabled="!viewEdit" | 358 | :disabled="!viewEdit" |
| 315 | v-model="ruleForm.lq.djyy"> | 359 | v-model="ruleForm.lq.djyy" |
| 360 | > | ||
| 316 | </el-input> | 361 | </el-input> |
| 317 | </el-form-item> | 362 | </el-form-item> |
| 318 | </el-col> | 363 | </el-col> |
| ... | @@ -327,283 +372,297 @@ | ... | @@ -327,283 +372,297 @@ |
| 327 | </div> | 372 | </div> |
| 328 | </template> | 373 | </template> |
| 329 | <script> | 374 | <script> |
| 330 | import ywmix from "@/views/ywbl/mixin/index"; | 375 | import ywmix from "@/views/ywbl/mixin/index"; |
| 331 | import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; | 376 | import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; |
| 332 | import ywrCommonTable from "@/views/workflow/components/ywrCommonTable"; | 377 | import ywrCommonTable from "@/views/workflow/components/ywrCommonTable"; |
| 333 | import tdytTable from "@/views/workflow/components/tdytTable"; | 378 | import tdytTable from "@/views/workflow/components/tdytTable"; |
| 334 | import { Init, saveData } from "@/api/workflow/sllmFlow.js"; | 379 | import { Init, saveData } from "@/api/workflow/sllmFlow.js"; |
| 335 | import { mapGetters } from "vuex"; | 380 | import { mapGetters } from "vuex"; |
| 336 | import { formValidate } from "./slxxValidate"; | 381 | import { formValidate } from "./slxxValidate"; |
| 337 | export default { | 382 | export default { |
| 338 | mixins: [ywmix], | 383 | mixins: [ywmix], |
| 339 | mounted () { | 384 | mounted() { |
| 340 | let that = this | 385 | let that = this; |
| 341 | this.viewEdit = this.$parent.currentSelectTab.ableOperation; | 386 | this.viewEdit = this.$parent.currentSelectTab.ableOperation; |
| 342 | this.propsParam = this.$attrs; | 387 | this.propsParam = this.$attrs; |
| 343 | var formdata = new FormData(); | 388 | var formdata = new FormData(); |
| 344 | this.loading = true | 389 | this.loading = true; |
| 345 | formdata.append("bsmSldy", this.propsParam.bsmSldy); | 390 | formdata.append("bsmSldy", this.propsParam.bsmSldy); |
| 346 | formdata.append("djlx", this.propsParam.djlx); | 391 | formdata.append("djlx", this.propsParam.djlx); |
| 347 | formdata.append("isEdit", this.viewEdit); | 392 | formdata.append("isEdit", this.viewEdit); |
| 348 | Init(formdata).then((res) => { | 393 | Init(formdata) |
| 394 | .then((res) => { | ||
| 349 | setTimeout(() => { | 395 | setTimeout(() => { |
| 350 | this.loading = false | 396 | this.loading = false; |
| 351 | }, 200) | 397 | }, 200); |
| 352 | if (res.code === 200 && res.result) { | 398 | if (res.code === 200 && res.result) { |
| 353 | this.ruleForm = { | 399 | this.ruleForm = { |
| 354 | ...res.result, | 400 | ...res.result, |
| 355 | ...res.result.qlxxdatas, | 401 | ...res.result.qlxxdatas, |
| 356 | }; | 402 | }; |
| 357 | this.ruleForm.qlrList.forEach((item) => { | 403 | this.ruleForm.qlrList.forEach((item) => { |
| 358 | item.id = item.bsmSqr | 404 | item.id = item.bsmSqr; |
| 359 | if (item.sfczr == '1') { | 405 | if (item.sfczr == "1") { |
| 360 | that.czr = item.bsmSqr | 406 | that.czr = item.bsmSqr; |
| 361 | } | 407 | } |
| 362 | }) | 408 | }); |
| 363 | that.czrOptions = that.ruleForm.qlrList | 409 | that.czrOptions = that.ruleForm.qlrList; |
| 364 | that.isSave = that.viewEdit; | 410 | that.isSave = that.viewEdit; |
| 365 | this.rules = formValidate(this.ruleForm.sldy.djlx); | 411 | this.rules = formValidate(this.ruleForm.sldy.djlx); |
| 366 | } else { | 412 | } else { |
| 367 | that.isSave = false | 413 | that.isSave = false; |
| 368 | that.$confirm(res.message, '提示', { | 414 | that.$confirm(res.message, "提示", { |
| 369 | cancelButtonText: '取消', | 415 | cancelButtonText: "取消", |
| 370 | showConfirmButton: false, | 416 | showConfirmButton: false, |
| 371 | type: 'warning' | 417 | type: "warning", |
| 372 | }) | 418 | }); |
| 373 | } | 419 | } |
| 374 | }).catch(() => { | ||
| 375 | this.loading = false | ||
| 376 | this.isSave = false | ||
| 377 | }) | 420 | }) |
| 378 | }, | 421 | .catch(() => { |
| 379 | components: { qlrCommonTable, tdytTable, ywrCommonTable }, | 422 | this.loading = false; |
| 380 | computed: { | 423 | this.isSave = false; |
| 381 | ...mapGetters(["dictData", "flag"]), | 424 | }); |
| 382 | }, | 425 | }, |
| 383 | data () { | 426 | components: { qlrCommonTable, tdytTable, ywrCommonTable }, |
| 384 | return { | 427 | computed: { |
| 385 | isSave: true, | 428 | ...mapGetters(["dictData", "flag"]), |
| 386 | loading: false, | 429 | }, |
| 387 | disabled: true, | 430 | data() { |
| 388 | tdytOption: [], | 431 | return { |
| 389 | czrOptions: [], | 432 | isSave: true, |
| 390 | czr: "", | 433 | loading: false, |
| 391 | ruleForm: { | 434 | disabled: true, |
| 392 | lq: { | 435 | tdytOption: [], |
| 393 | zlnd: "", | 436 | czrOptions: [], |
| 394 | ldsyqssj: "", | 437 | czr: "", |
| 395 | ldsyjssj: "" | 438 | ruleForm: { |
| 396 | }, | 439 | lq: { |
| 397 | flow: { | 440 | zlnd: "", |
| 398 | ywh: "", | 441 | ldsyqssj: "", |
| 399 | }, | 442 | ldsyjssj: "", |
| 400 | qlxx: { | 443 | }, |
| 401 | mj: "", | 444 | flow: { |
| 402 | }, | 445 | ywh: "", |
| 403 | sldy: { | 446 | }, |
| 404 | gyfs: "", | 447 | qlxx: { |
| 405 | }, | 448 | mj: "", |
| 406 | slsq: {}, | 449 | }, |
| 407 | fdcq2: { | 450 | sldy: { |
| 408 | zyjzmj: "", | 451 | gyfs: "", |
| 409 | ftjzmj: "", | 452 | }, |
| 410 | }, | 453 | slsq: {}, |
| 411 | zdjbxx: { | 454 | fdcq2: { |
| 412 | ghytmc: "", | 455 | zyjzmj: "", |
| 413 | }, | 456 | ftjzmj: "", |
| 457 | }, | ||
| 458 | zdjbxx: { | ||
| 459 | ghytmc: "", | ||
| 414 | }, | 460 | }, |
| 415 | //传递参数 | ||
| 416 | propsParam: this.$attrs, | ||
| 417 | //表单是否可操作 | ||
| 418 | viewEdit: true, | ||
| 419 | rules: {}, | ||
| 420 | }; | ||
| 421 | }, | ||
| 422 | methods: { | ||
| 423 | /** | ||
| 424 | * @description: 更新土地用途信息 | ||
| 425 | * @param {*} val | ||
| 426 | * @author: renchao | ||
| 427 | */ | ||
| 428 | upDateTdytxxList (val) { | ||
| 429 | this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); | ||
| 430 | }, | 461 | }, |
| 431 | /** | 462 | //传递参数 |
| 432 | * @description: 更新权利人信息 | 463 | propsParam: this.$attrs, |
| 433 | * @param {*} val | 464 | //表单是否可操作 |
| 434 | * @author: renchao | 465 | viewEdit: true, |
| 435 | */ | 466 | rules: {}, |
| 436 | upDateQlrxxList (val) { | 467 | }; |
| 437 | if (!_.isEqual(val, this.ruleForm.qlrList)) { | 468 | }, |
| 438 | this.ruleForm.qlrList = _.cloneDeep(val); | 469 | methods: { |
| 439 | this.czrOptions = this.ruleForm.qlrList; | 470 | /** |
| 440 | } | 471 | * @description: 更新土地用途信息 |
| 441 | this.num = 0 | 472 | * @param {*} val |
| 442 | this.ruleForm.qlrList.forEach(item => { | 473 | * @author: renchao |
| 443 | if (item.id == this.czr) { | 474 | */ |
| 444 | this.num++ | 475 | upDateTdytxxList(val) { |
| 445 | } | 476 | this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); |
| 446 | }) | 477 | }, |
| 447 | if (this.num == 0) { | 478 | /** |
| 448 | this.czr = '' | 479 | * @description: 更新权利人信息 |
| 480 | * @param {*} val | ||
| 481 | * @author: renchao | ||
| 482 | */ | ||
| 483 | upDateQlrxxList(val) { | ||
| 484 | if (!_.isEqual(val, this.ruleForm.qlrList)) { | ||
| 485 | this.ruleForm.qlrList = _.cloneDeep(val); | ||
| 486 | this.czrOptions = this.ruleForm.qlrList; | ||
| 487 | } | ||
| 488 | this.num = 0; | ||
| 489 | this.ruleForm.qlrList.forEach((item) => { | ||
| 490 | if (item.id == this.czr) { | ||
| 491 | this.num++; | ||
| 449 | } | 492 | } |
| 450 | }, | 493 | }); |
| 451 | /** | 494 | if (this.num == 0) { |
| 452 | * @description: 是否持证人变化 | ||
| 453 | * @param {*} val | ||
| 454 | * @author: renchao | ||
| 455 | */ | ||
| 456 | updaterow () { | ||
| 457 | this.czr = ""; | 495 | this.czr = ""; |
| 458 | }, | 496 | } |
| 459 | /** | 497 | }, |
| 460 | * @description: 更新业务人信息 | 498 | /** |
| 461 | * @param {*} val | 499 | * @description: 是否持证人变化 |
| 462 | * @author: renchao | 500 | * @param {*} val |
| 463 | */ | 501 | * @author: renchao |
| 464 | upDateYwrxxList (val) { | 502 | */ |
| 465 | this.ruleForm.ywrList = _.cloneDeep(val); | 503 | updaterow() { |
| 466 | }, | 504 | this.czr = ""; |
| 467 | /** | 505 | }, |
| 468 | * @description: onSubmit | 506 | /** |
| 469 | * @author: renchao | 507 | * @description: 更新业务人信息 |
| 470 | */ | 508 | * @param {*} val |
| 471 | onSubmit () { | 509 | * @author: renchao |
| 472 | let that = this; | 510 | */ |
| 473 | if (this.ruleForm.qlrList.length == 0) { | 511 | upDateYwrxxList(val) { |
| 512 | this.ruleForm.ywrList = _.cloneDeep(val); | ||
| 513 | }, | ||
| 514 | /** | ||
| 515 | * @description: onSubmit | ||
| 516 | * @author: renchao | ||
| 517 | */ | ||
| 518 | onSubmit() { | ||
| 519 | let that = this; | ||
| 520 | if (this.ruleForm.qlrList.length == 0) { | ||
| 521 | this.$message({ | ||
| 522 | showClose: true, | ||
| 523 | message: "请确认权利人信息", | ||
| 524 | type: "error", | ||
| 525 | }); | ||
| 526 | return false; | ||
| 527 | } | ||
| 528 | |||
| 529 | if (this.ruleForm.sldy.gyfs == "0") { | ||
| 530 | if (this.ruleForm.qlrList.length > 1) { | ||
| 474 | this.$message({ | 531 | this.$message({ |
| 475 | showClose: true, | 532 | showClose: true, |
| 476 | message: "请确认权利人信息", | 533 | message: "共有方式:单独所有,权利人只能是一个人", |
| 477 | type: "error", | 534 | type: "error", |
| 478 | }); | 535 | }); |
| 479 | return false; | 536 | return false; |
| 480 | } | 537 | } |
| 481 | 538 | this.ruleForm.qlrList[0].sfczr = "1"; | |
| 482 | if (this.ruleForm.sldy.gyfs == "0") { | 539 | } else { |
| 483 | if (this.ruleForm.qlrList.length > 1) { | 540 | if (this.ruleForm.qlrList.length <= 1) { |
| 484 | this.$message({ | 541 | this.$message({ |
| 485 | showClose: true, | 542 | showClose: true, |
| 486 | message: "共有方式:单独所有,权利人只能是一个人", | 543 | message: |
| 487 | type: "error", | 544 | "共有方式:共同所有,按份所有,其他所有,权利人必须是两个以上", |
| 488 | }); | 545 | type: "error", |
| 489 | return false; | 546 | }); |
| 490 | } | 547 | return false; |
| 491 | this.ruleForm.qlrList[0].sfczr = "1"; | 548 | } |
| 549 | //是否分别持证 | ||
| 550 | if (this.ruleForm.sldy.sqfbcz == "1") { | ||
| 551 | //是 | ||
| 552 | this.ruleForm.qlrList.forEach((item) => { | ||
| 553 | item.sfczr = "1"; | ||
| 554 | }); | ||
| 492 | } else { | 555 | } else { |
| 493 | if (this.ruleForm.qlrList.length <= 1) { | 556 | if (that.czr === "") { |
| 494 | this.$message({ | 557 | that.$message({ |
| 495 | showClose: true, | 558 | showClose: true, |
| 496 | message: | 559 | message: "请选择持证人", |
| 497 | "共有方式:共同所有,按份所有,其他所有,权利人必须是两个以上", | ||
| 498 | type: "error", | 560 | type: "error", |
| 499 | }); | 561 | }); |
| 500 | return false; | 562 | return false; |
| 501 | } | 563 | } |
| 502 | //是否分别持证 | 564 | this.ruleForm.qlrList.forEach((item) => { |
| 503 | if (this.ruleForm.sldy.sqfbcz == "1") { | 565 | if (item.id == that.czr) { |
| 504 | //是 | ||
| 505 | this.ruleForm.qlrList.forEach(item => { | ||
| 506 | item.sfczr = "1"; | 566 | item.sfczr = "1"; |
| 507 | }); | 567 | } else { |
| 508 | } else { | 568 | item.sfczr = "0"; |
| 509 | if (that.czr === '') { | 569 | } |
| 510 | that.$message({ | 570 | }); |
| 571 | } | ||
| 572 | } | ||
| 573 | this.$refs["ruleForm"].validate((valid) => { | ||
| 574 | if (valid) { | ||
| 575 | that.$store.dispatch("user/refreshPage", false); | ||
| 576 | saveData(this.ruleForm).then((res) => { | ||
| 577 | if (res.code === 200) { | ||
| 578 | this.$message({ | ||
| 579 | showClose: true, | ||
| 580 | message: "保存成功!", | ||
| 581 | type: "success", | ||
| 582 | }); | ||
| 583 | this.$store.dispatch("user/refreshPage", true); | ||
| 584 | } else { | ||
| 585 | this.$message({ | ||
| 511 | showClose: true, | 586 | showClose: true, |
| 512 | message: "请选择持证人", | 587 | message: res.message, |
| 513 | type: "error", | 588 | type: "error", |
| 514 | }); | 589 | }); |
| 515 | return false; | ||
| 516 | } | 590 | } |
| 517 | this.ruleForm.qlrList.forEach(item => { | 591 | }); |
| 518 | if (item.id == that.czr) { | 592 | } else { |
| 519 | item.sfczr = "1"; | 593 | that.$message({ |
| 520 | } else { | 594 | showClose: true, |
| 521 | item.sfczr = "0"; | 595 | message: "请输入红框内的相关信息!", |
| 522 | } | 596 | type: "error", |
| 523 | }); | 597 | }); |
| 524 | } | 598 | return false; |
| 525 | } | 599 | } |
| 526 | saveData(this.ruleForm).then((res) => { | 600 | }); |
| 527 | if (res.code === 200) { | 601 | }, |
| 528 | this.$message({ | 602 | }, |
| 529 | showClose: true, | 603 | }; |
| 530 | message: "保存成功!", | ||
| 531 | type: "success", | ||
| 532 | }); | ||
| 533 | this.$store.dispatch("user/refreshPage", true); | ||
| 534 | } else { | ||
| 535 | this.$message({ | ||
| 536 | showClose: true, | ||
| 537 | message: res.message, | ||
| 538 | type: "error" | ||
| 539 | }) | ||
| 540 | } | ||
| 541 | }) | ||
| 542 | } | ||
| 543 | } | ||
| 544 | } | ||
| 545 | </script> | 604 | </script> |
| 546 | <style scoped lang="scss"> | 605 | <style scoped lang="scss"> |
| 547 | @import "~@/styles/public.scss"; | 606 | @import "~@/styles/public.scss"; |
| 548 | 607 | ||
| 549 | /deep/.el-form { | 608 | /deep/.el-form { |
| 550 | display: flex; | 609 | display: flex; |
| 551 | flex-direction: column; | 610 | flex-direction: column; |
| 552 | height: calc(100vh - 130px); | 611 | height: calc(100vh - 130px); |
| 553 | } | 612 | } |
| 554 | 613 | ||
| 555 | /deep/.el-form-item__label { | 614 | /deep/.el-form-item__label { |
| 556 | padding: 0; | 615 | padding: 0; |
| 557 | } | 616 | } |
| 558 | 617 | ||
| 559 | /deep/.el-radio { | 618 | /deep/.el-radio { |
| 560 | margin-right: 10px; | 619 | margin-right: 10px; |
| 561 | } | 620 | } |
| 562 | 621 | ||
| 563 | /deep/.el-select { | 622 | /deep/.el-select { |
| 564 | width: 100%; | 623 | width: 100%; |
| 565 | } | 624 | } |
| 566 | 625 | ||
| 567 | /deep/.el-form-item { | 626 | /deep/.el-form-item { |
| 568 | margin-bottom: 3px; | 627 | margin-bottom: 3px; |
| 569 | } | 628 | } |
| 570 | 629 | ||
| 571 | .marginBot0 { | 630 | .marginBot0 { |
| 572 | margin-bottom: 0 !important; | 631 | margin-bottom: 0 !important; |
| 573 | } | 632 | } |
| 574 | 633 | ||
| 575 | .slxx { | 634 | .slxx { |
| 576 | box-sizing: border-box; | 635 | box-sizing: border-box; |
| 577 | } | 636 | } |
| 578 | 637 | ||
| 579 | .slxx_con { | 638 | .slxx_con { |
| 580 | flex: 1; | 639 | flex: 1; |
| 581 | height: 100%; | 640 | height: 100%; |
| 582 | background-color: #ffffff; | 641 | background-color: #ffffff; |
| 583 | overflow-y: auto; | 642 | overflow-y: auto; |
| 584 | padding-right: 3px; | 643 | padding-right: 3px; |
| 585 | overflow-x: hidden; | 644 | overflow-x: hidden; |
| 586 | } | 645 | } |
| 587 | 646 | ||
| 588 | .submit_btn { | 647 | .submit_btn { |
| 589 | height: 50px; | 648 | height: 50px; |
| 590 | } | 649 | } |
| 591 | 650 | ||
| 592 | .btn { | 651 | .btn { |
| 593 | text-align: center; | 652 | text-align: center; |
| 594 | padding-top: 10px; | 653 | padding-top: 10px; |
| 595 | height: 36px; | 654 | height: 36px; |
| 596 | background-color: #ffffff; | 655 | background-color: #ffffff; |
| 597 | padding: 5px 0; | 656 | padding: 5px 0; |
| 598 | } | 657 | } |
| 599 | 658 | ||
| 600 | .textArea { | 659 | .textArea { |
| 601 | /deep/.el-textarea__inner { | 660 | /deep/.el-textarea__inner { |
| 602 | min-height: 90px !important; | 661 | min-height: 90px !important; |
| 603 | } | ||
| 604 | } | 662 | } |
| 663 | } | ||
| 605 | 664 | ||
| 606 | /deep/.el-form-item__label { | 665 | /deep/.el-form-item__label { |
| 607 | padding-bottom: 0px; | 666 | padding-bottom: 0px; |
| 608 | } | 667 | } |
| 609 | </style> | 668 | </style> | ... | ... |
| ... | @@ -8,7 +8,8 @@ | ... | @@ -8,7 +8,8 @@ |
| 8 | ref="ruleForm" | 8 | ref="ruleForm" |
| 9 | :label-position="flag ? 'top' : ''" | 9 | :label-position="flag ? 'top' : ''" |
| 10 | :inline="flag" | 10 | :inline="flag" |
| 11 | label-width="140px"> | 11 | label-width="140px" |
| 12 | > | ||
| 12 | <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''"> | 13 | <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''"> |
| 13 | <div class="slxx_title title-block"> | 14 | <div class="slxx_title title-block"> |
| 14 | 申请业务信息 | 15 | 申请业务信息 |
| ... | @@ -50,10 +51,11 @@ | ... | @@ -50,10 +51,11 @@ |
| 50 | </el-row> | 51 | </el-row> |
| 51 | <div class="slxx_title title-block"> | 52 | <div class="slxx_title title-block"> |
| 52 | <el-row> | 53 | <el-row> |
| 53 | <el-col :span="16"> | 54 | <el-col :span="16"> 预告买卖登记情况 </el-col> |
| 54 | 预告买卖登记情况 | 55 | <el-col |
| 55 | </el-col> | 56 | :span="4" |
| 56 | <el-col :span="4" v-if="ruleForm.sldy.djlx=='300'||ruleForm.sldy.djlx=='500'"> | 57 | v-if="ruleForm.sldy.djlx == '300' || ruleForm.sldy.djlx == '500'" |
| 58 | > | ||
| 57 | <el-button @click="compare">变化情况对比+</el-button> | 59 | <el-button @click="compare">变化情况对比+</el-button> |
| 58 | </el-col> | 60 | </el-col> |
| 59 | </el-row> | 61 | </el-row> |
| ... | @@ -128,28 +130,34 @@ | ... | @@ -128,28 +130,34 @@ |
| 128 | </div> | 130 | </div> |
| 129 | <el-row :gutter="10"> | 131 | <el-row :gutter="10"> |
| 130 | <el-col :span="8"> | 132 | <el-col :span="8"> |
| 131 | <el-form-item label="原不动产证号:" | 133 | <el-form-item |
| 134 | label="原不动产证号:" | ||
| 132 | prop="sldy.ybdcqzsh" | 135 | prop="sldy.ybdcqzsh" |
| 133 | :rules="rules.ybdcqzshrules"> | 136 | :rules="rules.ybdcqzshrules" |
| 137 | > | ||
| 134 | <el-input disabled v-model="ruleForm.sldy.ybdcqzsh"></el-input> | 138 | <el-input disabled v-model="ruleForm.sldy.ybdcqzsh"></el-input> |
| 135 | </el-form-item> | 139 | </el-form-item> |
| 136 | </el-col> | 140 | </el-col> |
| 137 | <el-col :span="8"> | 141 | <el-col :span="8"> |
| 138 | <el-form-item label="预告登记种类:" | 142 | <el-form-item |
| 143 | label="预告登记种类:" | ||
| 139 | prop="ygdj.ygdjzlmc" | 144 | prop="ygdj.ygdjzlmc" |
| 140 | :rules="rules.ygdjzlmcrules"> | 145 | :rules="rules.ygdjzlmcrules" |
| 146 | > | ||
| 141 | <el-input disabled v-model="ruleForm.ygdj.ygdjzlmc"></el-input> | 147 | <el-input disabled v-model="ruleForm.ygdj.ygdjzlmc"></el-input> |
| 142 | </el-form-item> | 148 | </el-form-item> |
| 143 | </el-col> | 149 | </el-col> |
| 144 | <el-col :span="8"> | 150 | <el-col :span="8"> |
| 145 | <el-form-item | 151 | <el-form-item |
| 146 | label="是否禁止或者限制转让的约定:" | 152 | label="是否禁止或者限制转让约定:" |
| 147 | label-width="200px" | 153 | label-width="200px" |
| 148 | prop="ygdj.sfczjzhxz" | 154 | prop="ygdj.sfczjzhxz" |
| 149 | :rules="rules.sfczjzhxzrules"> | 155 | :rules="rules.sfczjzhxzrules" |
| 156 | > | ||
| 150 | <el-radio-group | 157 | <el-radio-group |
| 151 | v-model="ruleForm.ygdj.sfczjzhxz" | 158 | v-model="ruleForm.ygdj.sfczjzhxz" |
| 152 | :disabled="!viewEdit"> | 159 | :disabled="!viewEdit" |
| 160 | > | ||
| 153 | <el-radio label="1">是</el-radio> | 161 | <el-radio label="1">是</el-radio> |
| 154 | <el-radio label="0">否</el-radio> | 162 | <el-radio label="0">否</el-radio> |
| 155 | </el-radio-group> | 163 | </el-radio-group> |
| ... | @@ -158,55 +166,69 @@ | ... | @@ -158,55 +166,69 @@ |
| 158 | </el-row> | 166 | </el-row> |
| 159 | <el-row :gutter="10"> | 167 | <el-row :gutter="10"> |
| 160 | <el-col :span="8"> | 168 | <el-col :span="8"> |
| 161 | <el-form-item label="被担保主债权数额:" | 169 | <el-form-item |
| 170 | label="被担保主债权数额:" | ||
| 162 | prop="ygdj.qdjg" | 171 | prop="ygdj.qdjg" |
| 163 | :rules="rules.qdjgrules"> | 172 | :rules="rules.qdjgrules" |
| 173 | > | ||
| 164 | <div class="flex"> | 174 | <div class="flex"> |
| 165 | <el-input | 175 | <el-input |
| 166 | v-model="ruleForm.ygdj.qdjg" | 176 | v-model="ruleForm.ygdj.qdjg" |
| 167 | :disabled="!viewEdit"></el-input> | 177 | :disabled="!viewEdit" |
| 178 | ></el-input> | ||
| 168 | <el-select | 179 | <el-select |
| 169 | v-model="ruleForm.ygdj.jedw" | 180 | v-model="ruleForm.ygdj.jedw" |
| 170 | :disabled="!viewEdit" | 181 | :disabled="!viewEdit" |
| 171 | style="width: 68px"> | 182 | style="width: 68px" |
| 183 | > | ||
| 172 | <el-option | 184 | <el-option |
| 173 | v-for="item in dictData['A57']" | 185 | v-for="item in dictData['A57']" |
| 174 | :key="item.dcode" | 186 | :key="item.dcode" |
| 175 | :label="item.dname" | 187 | :label="item.dname" |
| 176 | :value="item.dcode"></el-option> | 188 | :value="item.dcode" |
| 189 | ></el-option> | ||
| 177 | </el-select> | 190 | </el-select> |
| 178 | </div> | 191 | </div> |
| 179 | </el-form-item> | 192 | </el-form-item> |
| 180 | </el-col> | 193 | </el-col> |
| 181 | <el-col :span="8"> | 194 | <el-col :span="8"> |
| 182 | <el-form-item label="债务履行起始时间:" | 195 | <el-form-item |
| 196 | label="债务履行起始时间:" | ||
| 183 | prop="ygdj.zwlxqssj" | 197 | prop="ygdj.zwlxqssj" |
| 184 | :rules="rules.zwlxqssjrules"> | 198 | :rules="rules.zwlxqssjrules" |
| 199 | > | ||
| 185 | <el-date-picker | 200 | <el-date-picker |
| 186 | v-model="ruleForm.ygdj.zwlxqssj" | 201 | v-model="ruleForm.ygdj.zwlxqssj" |
| 187 | :disabled="!viewEdit" | 202 | :disabled="!viewEdit" |
| 188 | type="date"></el-date-picker> | 203 | type="date" |
| 204 | ></el-date-picker> | ||
| 189 | </el-form-item> | 205 | </el-form-item> |
| 190 | </el-col> | 206 | </el-col> |
| 191 | <el-col :span="8"> | 207 | <el-col :span="8"> |
| 192 | <el-form-item label="债务履行结束时间:" | 208 | <el-form-item |
| 209 | label="债务履行结束时间:" | ||
| 193 | prop="ygdj.zwlxjssj" | 210 | prop="ygdj.zwlxjssj" |
| 194 | :rules="rules.zwlxjssjrules"> | 211 | :rules="rules.zwlxjssjrules" |
| 212 | > | ||
| 195 | <el-date-picker | 213 | <el-date-picker |
| 196 | v-model="ruleForm.ygdj.zwlxjssj" | 214 | v-model="ruleForm.ygdj.zwlxjssj" |
| 197 | :disabled="!viewEdit" | 215 | :disabled="!viewEdit" |
| 198 | type="date"></el-date-picker> | 216 | type="date" |
| 217 | ></el-date-picker> | ||
| 199 | </el-form-item> | 218 | </el-form-item> |
| 200 | </el-col> | 219 | </el-col> |
| 201 | </el-row> | 220 | </el-row> |
| 202 | <el-row :gutter="10"> | 221 | <el-row :gutter="10"> |
| 203 | <el-col :span="24"> | 222 | <el-col :span="24"> |
| 204 | <el-form-item label="担保范围:" | 223 | <el-form-item |
| 224 | label="担保范围:" | ||
| 205 | prop="ygdj.dbfw" | 225 | prop="ygdj.dbfw" |
| 206 | :rules="rules.dbfwrules"> | 226 | :rules="rules.dbfwrules" |
| 227 | > | ||
| 207 | <el-input | 228 | <el-input |
| 208 | v-model="ruleForm.ygdj.dbfw" | 229 | v-model="ruleForm.ygdj.dbfw" |
| 209 | :disabled="!viewEdit"></el-input> | 230 | :disabled="!viewEdit" |
| 231 | ></el-input> | ||
| 210 | </el-form-item> | 232 | </el-form-item> |
| 211 | </el-col> | 233 | </el-col> |
| 212 | </el-row> | 234 | </el-row> |
| ... | @@ -218,7 +240,8 @@ | ... | @@ -218,7 +240,8 @@ |
| 218 | maxlength="500" | 240 | maxlength="500" |
| 219 | show-word-limit | 241 | show-word-limit |
| 220 | v-model="ruleForm.ygdj.fj" | 242 | v-model="ruleForm.ygdj.fj" |
| 221 | :disabled="!viewEdit"></el-input> | 243 | :disabled="!viewEdit" |
| 244 | ></el-input> | ||
| 222 | </el-form-item> | 245 | </el-form-item> |
| 223 | </el-col> | 246 | </el-col> |
| 224 | </el-row> | 247 | </el-row> |
| ... | @@ -231,7 +254,8 @@ | ... | @@ -231,7 +254,8 @@ |
| 231 | <el-form-item label="共有方式:"> | 254 | <el-form-item label="共有方式:"> |
| 232 | <el-radio-group | 255 | <el-radio-group |
| 233 | :disabled="!viewEdit" | 256 | :disabled="!viewEdit" |
| 234 | v-model="ruleForm.sldy.gyfs"> | 257 | v-model="ruleForm.sldy.gyfs" |
| 258 | > | ||
| 235 | <el-radio label="0">单独所有</el-radio> | 259 | <el-radio label="0">单独所有</el-radio> |
| 236 | <el-radio label="1">共同共有</el-radio> | 260 | <el-radio label="1">共同共有</el-radio> |
| 237 | <el-radio label="2">按份所有</el-radio> | 261 | <el-radio label="2">按份所有</el-radio> |
| ... | @@ -244,7 +268,8 @@ | ... | @@ -244,7 +268,8 @@ |
| 244 | <el-radio-group | 268 | <el-radio-group |
| 245 | v-model="ruleForm.sldy.sqfbcz" | 269 | v-model="ruleForm.sldy.sqfbcz" |
| 246 | :disabled="!viewEdit" | 270 | :disabled="!viewEdit" |
| 247 | @input="updaterow()"> | 271 | @input="updaterow()" |
| 272 | > | ||
| 248 | <el-radio :label="1">是</el-radio> | 273 | <el-radio :label="1">是</el-radio> |
| 249 | <el-radio :label="0">否</el-radio> | 274 | <el-radio :label="0">否</el-radio> |
| 250 | </el-radio-group> | 275 | </el-radio-group> |
| ... | @@ -252,17 +277,20 @@ | ... | @@ -252,17 +277,20 @@ |
| 252 | </el-col> | 277 | </el-col> |
| 253 | <el-col | 278 | <el-col |
| 254 | :span="6" | 279 | :span="6" |
| 255 | v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'"> | 280 | v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'" |
| 281 | > | ||
| 256 | <el-form-item label="持证人:"> | 282 | <el-form-item label="持证人:"> |
| 257 | <el-select | 283 | <el-select |
| 258 | v-model="czr" | 284 | v-model="czr" |
| 259 | placeholder="持证人" | 285 | placeholder="持证人" |
| 260 | :disabled="!viewEdit"> | 286 | :disabled="!viewEdit" |
| 287 | > | ||
| 261 | <el-option | 288 | <el-option |
| 262 | v-for="(item,index) in czrOptions" | 289 | v-for="(item, index) in czrOptions" |
| 263 | :key="index" | 290 | :key="index" |
| 264 | :label="item.sqrmc" | 291 | :label="item.sqrmc" |
| 265 | :value="item.id"></el-option> | 292 | :value="item.id" |
| 293 | ></el-option> | ||
| 266 | </el-select> | 294 | </el-select> |
| 267 | </el-form-item> | 295 | </el-form-item> |
| 268 | </el-col> | 296 | </el-col> |
| ... | @@ -271,7 +299,8 @@ | ... | @@ -271,7 +299,8 @@ |
| 271 | @upDateQlrxxList="upDateQlrxxList" | 299 | @upDateQlrxxList="upDateQlrxxList" |
| 272 | :tableData="ruleForm.qlrList" | 300 | :tableData="ruleForm.qlrList" |
| 273 | :disabled="viewEdit" | 301 | :disabled="viewEdit" |
| 274 | :gyfs="ruleForm.sldy.gyfs" /> | 302 | :gyfs="ruleForm.sldy.gyfs" |
| 303 | /> | ||
| 275 | <div class="slxx_title title-block"> | 304 | <div class="slxx_title title-block"> |
| 276 | 抵押人信息 | 305 | 抵押人信息 |
| 277 | <div class="triangle"></div> | 306 | <div class="triangle"></div> |
| ... | @@ -280,21 +309,27 @@ | ... | @@ -280,21 +309,27 @@ |
| 280 | @upDateQlrxxList="upDateYwrxxList" | 309 | @upDateQlrxxList="upDateYwrxxList" |
| 281 | :tableData="ruleForm.ywrList" | 310 | :tableData="ruleForm.ywrList" |
| 282 | :disabled="viewEdit" | 311 | :disabled="viewEdit" |
| 283 | :gyfs="ruleForm.sldy.gyfs" /> | 312 | :gyfs="ruleForm.sldy.gyfs" |
| 313 | /> | ||
| 284 | <div class="slxx_title title-block"> | 314 | <div class="slxx_title title-block"> |
| 285 | 登记原因 | 315 | 登记原因 |
| 286 | <div class="triangle"></div> | 316 | <div class="triangle"></div> |
| 287 | </div> | 317 | </div> |
| 288 | <el-row :gutter="10"> | 318 | <el-row :gutter="10"> |
| 289 | <el-col> | 319 | <el-col> |
| 290 | <el-form-item v-if="ruleForm.sldy.djlx=='400'" label="注销登记原因:" prop="djyy"> | 320 | <el-form-item |
| 321 | v-if="ruleForm.sldy.djlx == '400'" | ||
| 322 | label="注销登记原因:" | ||
| 323 | prop="ygdj.zxyy" | ||
| 324 | > | ||
| 291 | <el-input | 325 | <el-input |
| 292 | class="textArea" | 326 | class="textArea" |
| 293 | type="textarea" | 327 | type="textarea" |
| 294 | maxlength="500" | 328 | maxlength="500" |
| 295 | show-word-limit | 329 | show-word-limit |
| 296 | :disabled="!viewEdit" | 330 | :disabled="!viewEdit" |
| 297 | v-model="ruleForm.ygdj.zxyy"> | 331 | v-model="ruleForm.ygdj.zxyy" |
| 332 | > | ||
| 298 | </el-input> | 333 | </el-input> |
| 299 | </el-form-item> | 334 | </el-form-item> |
| 300 | <el-form-item v-else label="登记原因:" prop="ygdj.djyy"> | 335 | <el-form-item v-else label="登记原因:" prop="ygdj.djyy"> |
| ... | @@ -304,7 +339,8 @@ | ... | @@ -304,7 +339,8 @@ |
| 304 | maxlength="500" | 339 | maxlength="500" |
| 305 | show-word-limit | 340 | show-word-limit |
| 306 | :disabled="!viewEdit" | 341 | :disabled="!viewEdit" |
| 307 | v-model="ruleForm.ygdj.djyy"> | 342 | v-model="ruleForm.ygdj.djyy" |
| 343 | > | ||
| 308 | </el-input> | 344 | </el-input> |
| 309 | </el-form-item> | 345 | </el-form-item> |
| 310 | </el-col> | 346 | </el-col> |
| ... | @@ -319,217 +355,216 @@ | ... | @@ -319,217 +355,216 @@ |
| 319 | </div> | 355 | </div> |
| 320 | </template> | 356 | </template> |
| 321 | <script> | 357 | <script> |
| 322 | import ywmix from "@/views/ywbl/mixin/index"; | 358 | import ywmix from "@/views/ywbl/mixin/index"; |
| 323 | import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; | 359 | import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; |
| 324 | import ywrCommonTable from "@/views/workflow/components/ywrCommonTable"; | 360 | import ywrCommonTable from "@/views/workflow/components/ywrCommonTable"; |
| 325 | import { Init, saveData } from "@/api/workflow/ygdyFlow.js"; | 361 | import { Init, saveData } from "@/api/workflow/ygdyFlow.js"; |
| 326 | import { mapGetters } from "vuex"; | 362 | import { mapGetters } from "vuex"; |
| 327 | import { formValidate } from "./slxxValidate"; | 363 | import { formValidate } from "./slxxValidate"; |
| 328 | export default { | 364 | export default { |
| 329 | mixins: [ywmix], | 365 | mixins: [ywmix], |
| 330 | mounted () { | 366 | mounted() { |
| 331 | let that = this; | 367 | let that = this; |
| 332 | this.viewEdit = this.$parent.currentSelectTab.ableOperation; | 368 | this.viewEdit = this.$parent.currentSelectTab.ableOperation; |
| 333 | this.propsParam = this.$attrs; | 369 | this.propsParam = this.$attrs; |
| 334 | var formdata = new FormData(); | 370 | var formdata = new FormData(); |
| 335 | this.loading = true; | 371 | this.loading = true; |
| 336 | formdata.append("bsmSldy", this.propsParam.bsmSldy); | 372 | formdata.append("bsmSldy", this.propsParam.bsmSldy); |
| 337 | formdata.append("bsmSlsq", this.$route.query.bsmSlsq); | 373 | formdata.append("bsmSlsq", this.$route.query.bsmSlsq); |
| 338 | formdata.append("djlx", this.propsParam.djlx); | 374 | formdata.append("djlx", this.propsParam.djlx); |
| 339 | formdata.append("isEdit", this.viewEdit); | 375 | formdata.append("isEdit", this.viewEdit); |
| 340 | Init(formdata).then((res) => { | 376 | Init(formdata) |
| 377 | .then((res) => { | ||
| 341 | setTimeout(() => { | 378 | setTimeout(() => { |
| 342 | that.loading = false | 379 | that.loading = false; |
| 343 | }, 200) | 380 | }, 200); |
| 344 | if (res.code === 200 && res.result) { | 381 | if (res.code === 200 && res.result) { |
| 345 | that.ruleForm = res.result; | 382 | that.ruleForm = res.result; |
| 346 | that.ruleForm.qlrList.forEach((item) => { | 383 | that.ruleForm.qlrList.forEach((item) => { |
| 347 | item.id = item.bsmSqr | 384 | item.id = item.bsmSqr; |
| 348 | if (item.sfczr == '1') { | 385 | if (item.sfczr == "1") { |
| 349 | that.czr = item.bsmSqr | 386 | that.czr = item.bsmSqr; |
| 350 | } | 387 | } |
| 351 | }) | 388 | }); |
| 352 | that.czrOptions = this.ruleForm.qlrList; | 389 | that.czrOptions = this.ruleForm.qlrList; |
| 353 | that.isSave = that.viewEdit | 390 | that.isSave = that.viewEdit; |
| 391 | this.rules = formValidate(this.ruleForm.sldy.djlx); | ||
| 354 | } else { | 392 | } else { |
| 355 | that.isSave = false | 393 | that.isSave = false; |
| 356 | that.$confirm(res.message, '提示', { | 394 | that.$confirm(res.message, "提示", { |
| 357 | cancelButtonText: '取消', | 395 | cancelButtonText: "取消", |
| 358 | showConfirmButton: false, | 396 | showConfirmButton: false, |
| 359 | type: 'warning' | 397 | type: "warning", |
| 360 | }) | 398 | }); |
| 361 | } | 399 | } |
| 362 | }).catch(() => { | ||
| 363 | this.loading = false | ||
| 364 | this.isSave = false | ||
| 365 | }) | 400 | }) |
| 366 | }, | 401 | .catch(() => { |
| 367 | components: { qlrCommonTable, ywrCommonTable }, | 402 | this.loading = false; |
| 368 | computed: { | 403 | this.isSave = false; |
| 369 | ...mapGetters(["dictData", "flag"]) | 404 | }); |
| 370 | }, | 405 | }, |
| 371 | data () { | 406 | components: { qlrCommonTable, ywrCommonTable }, |
| 372 | return { | 407 | computed: { |
| 373 | isSave: true, | 408 | ...mapGetters(["dictData", "flag"]), |
| 374 | //表单是否可操作 | 409 | }, |
| 375 | viewEdit: true, | 410 | data() { |
| 376 | loading: false, | 411 | return { |
| 377 | disabled: true, | 412 | isSave: true, |
| 378 | tdytOption: [], | 413 | //表单是否可操作 |
| 379 | czrOptions: [], | 414 | viewEdit: true, |
| 380 | czr: "", | 415 | loading: false, |
| 381 | ruleForm: {}, | 416 | disabled: true, |
| 382 | //传递参数 | 417 | tdytOption: [], |
| 383 | propsParam: this.$attrs, | 418 | czrOptions: [], |
| 384 | rules: { | 419 | czr: "", |
| 385 | ybdcqzshrules: [ | 420 | ruleForm: {}, |
| 386 | { required: true, message: "原不动产证号", trigger: "blur" }, | 421 | //传递参数 |
| 387 | ], | 422 | propsParam: this.$attrs, |
| 388 | ygdjzlmcrules: [ | 423 | rules: {}, |
| 389 | { required: true, message: "预告登记种类", trigger: "blur" }, | 424 | }; |
| 390 | ], | 425 | }, |
| 391 | sfczjzhxzrules: [ | 426 | methods: { |
| 392 | { required: true, message: "是否禁止或者限制转让的约定:", trigger: "blur" }, | 427 | /** |
| 393 | ], | 428 | * @description: 更新权利人信息 |
| 394 | qdjgrules: [{ required: true, message: "被担保主债权数额", trigger: "blur" }], | 429 | * @param {*} val |
| 395 | zwlxqssjrules: [{ required: true, message: "债务履行起始时间", trigger: "blur" }], | 430 | * @author: renchao |
| 396 | zwlxjssjrules: [{ required: true, message: "债务履行结束时间", trigger: "blur" }], | 431 | */ |
| 397 | dbfwrules: [{ required: true, message: "担保范围", trigger: "blur" }], | 432 | upDateQlrxxList(val) { |
| 398 | 'ygdj.djyy': [ | 433 | this.ruleForm.qlrList = _.cloneDeep(val); |
| 399 | { required: true, message: '请输入登记原因', trigger: 'blur' } | 434 | this.czrOptions = this.ruleForm.qlrList; |
| 400 | ] | 435 | this.num = 0; |
| 436 | this.ruleForm.qlrList.forEach((item) => { | ||
| 437 | if (item.id == this.czr) { | ||
| 438 | this.num++; | ||
| 401 | } | 439 | } |
| 440 | }); | ||
| 441 | if (this.num == 0) { | ||
| 442 | this.czr = ""; | ||
| 402 | } | 443 | } |
| 403 | }, | 444 | }, |
| 404 | methods: { | 445 | /** |
| 405 | /** | 446 | * @description: 义务人信息 |
| 406 | * @description: 更新权利人信息 | 447 | * @param {*} val |
| 407 | * @param {*} val | 448 | * @author: renchao |
| 408 | * @author: renchao | 449 | */ |
| 409 | */ | 450 | upDateYwrxxList(val) { |
| 410 | upDateQlrxxList (val) { | 451 | this.ruleForm.ywrList = _.cloneDeep(val); |
| 411 | this.ruleForm.qlrList = _.cloneDeep(val); | 452 | } |
| 412 | this.czrOptions = this.ruleForm.qlrList; | 453 | /** |
| 413 | this.num = 0 | 454 | * @description: compare |
| 414 | this.ruleForm.qlrList.forEach(item => { | 455 | * @author: renchao |
| 415 | if (item.id == this.czr) { | 456 | */, |
| 416 | this.num++ | 457 | compare() { |
| 417 | } | 458 | this.$popupDialog( |
| 418 | }) | 459 | this.ruleForm.qlxx.qllxmc, |
| 419 | if (this.num == 0) { | 460 | "registerBook/comparison", |
| 420 | this.czr = '' | 461 | { |
| 462 | bsmQlxx: this.ruleForm.qlxx.bsmQlxx, | ||
| 463 | dqqllx: "FDCQ2", | ||
| 464 | }, | ||
| 465 | "80%", | ||
| 466 | true | ||
| 467 | ); | ||
| 468 | }, | ||
| 469 | /** | ||
| 470 | * @description: 是否持证人变化 | ||
| 471 | * @author: renchao | ||
| 472 | */ | ||
| 473 | updaterow() { | ||
| 474 | this.czr = ""; | ||
| 475 | }, | ||
| 476 | /** | ||
| 477 | * @description: onSubmit | ||
| 478 | * @author: renchao | ||
| 479 | */ | ||
| 480 | onSubmit() { | ||
| 481 | let that = this; | ||
| 482 | if (this.ruleForm.qlrList.length == 0) { | ||
| 483 | this.$message({ | ||
| 484 | showClose: true, | ||
| 485 | message: "请确认权利人信息", | ||
| 486 | type: "error", | ||
| 487 | }); | ||
| 488 | return false; | ||
| 489 | } | ||
| 490 | |||
| 491 | if (this.ruleForm.sldy.gyfs == "0") { | ||
| 492 | if (this.ruleForm.qlrList.length > 1) { | ||
| 493 | this.$message({ | ||
| 494 | showClose: true, | ||
| 495 | message: "共有方式:单独所有,权利人只能是一个人", | ||
| 496 | type: "error", | ||
| 497 | }); | ||
| 498 | return false; | ||
| 421 | } | 499 | } |
| 422 | }, | 500 | this.ruleForm.qlrList[0].sfczr = "1"; |
| 423 | /** | 501 | } else { |
| 424 | * @description: 义务人信息 | 502 | if (this.ruleForm.qlrList.length <= 1) { |
| 425 | * @param {*} val | ||
| 426 | * @author: renchao | ||
| 427 | */ | ||
| 428 | upDateYwrxxList (val) { | ||
| 429 | this.ruleForm.ywrList = _.cloneDeep(val); | ||
| 430 | }, /** | ||
| 431 | * @description: compare | ||
| 432 | * @author: renchao | ||
| 433 | */ | ||
| 434 | compare () { | ||
| 435 | this.$popupDialog( | ||
| 436 | this.ruleForm.qlxx.qllxmc, | ||
| 437 | "registerBook/comparison", | ||
| 438 | { | ||
| 439 | bsmQlxx: this.ruleForm.qlxx.bsmQlxx, | ||
| 440 | dqqllx: "FDCQ2", | ||
| 441 | }, | ||
| 442 | "80%", | ||
| 443 | true | ||
| 444 | ); | ||
| 445 | }, | ||
| 446 | /** | ||
| 447 | * @description: 是否持证人变化 | ||
| 448 | * @author: renchao | ||
| 449 | */ | ||
| 450 | updaterow () { | ||
| 451 | this.czr = ""; | ||
| 452 | }, | ||
| 453 | /** | ||
| 454 | * @description: onSubmit | ||
| 455 | * @author: renchao | ||
| 456 | */ | ||
| 457 | onSubmit () { | ||
| 458 | let that = this; | ||
| 459 | if (this.ruleForm.qlrList.length == 0) { | ||
| 460 | this.$message({ | 503 | this.$message({ |
| 461 | showClose: true, | 504 | showClose: true, |
| 462 | message: "请确认权利人信息", | 505 | message: |
| 506 | "共有方式:共同所有,按份所有,其他所有,权利人必须是两个以上", | ||
| 463 | type: "error", | 507 | type: "error", |
| 464 | }); | 508 | }); |
| 465 | return false; | 509 | return false; |
| 466 | } | 510 | } |
| 467 | 511 | //是否分别持证 | |
| 468 | if (this.ruleForm.sldy.gyfs == "0") { | 512 | if (this.ruleForm.sldy.sqfbcz == "1") { |
| 469 | if (this.ruleForm.qlrList.length > 1) { | 513 | //是 |
| 470 | this.$message({ | 514 | this.ruleForm.qlrList.forEach((item, index) => { |
| 471 | showClose: true, | 515 | item.sfczr = "1"; |
| 472 | message: "共有方式:单独所有,权利人只能是一个人", | 516 | }); |
| 473 | type: "error", | ||
| 474 | }); | ||
| 475 | return false; | ||
| 476 | } | ||
| 477 | this.ruleForm.qlrList[0].sfczr = "1"; | ||
| 478 | } else { | 517 | } else { |
| 479 | if (this.ruleForm.qlrList.length <= 1) { | 518 | if (that.czr === "") { |
| 480 | this.$message({ | 519 | that.$message({ |
| 481 | showClose: true, | 520 | showClose: true, |
| 482 | message: | 521 | message: "请选择持证人", |
| 483 | "共有方式:共同所有,按份所有,其他所有,权利人必须是两个以上", | ||
| 484 | type: "error", | 522 | type: "error", |
| 485 | }); | 523 | }); |
| 486 | return false; | 524 | return false; |
| 487 | } | 525 | } |
| 488 | //是否分别持证 | 526 | this.ruleForm.qlrList.forEach((item, index) => { |
| 489 | if (this.ruleForm.sldy.sqfbcz == "1") { | 527 | if (item.id == that.czr) { |
| 490 | //是 | ||
| 491 | this.ruleForm.qlrList.forEach((item, index) => { | ||
| 492 | item.sfczr = "1"; | 528 | item.sfczr = "1"; |
| 493 | }); | 529 | } else { |
| 494 | } else { | 530 | item.sfczr = "0"; |
| 495 | if (that.czr === '') { | 531 | } |
| 496 | that.$message({ | 532 | }); |
| 533 | } | ||
| 534 | } | ||
| 535 | this.$refs["ruleForm"].validate((valid) => { | ||
| 536 | if (valid) { | ||
| 537 | that.$store.dispatch("user/refreshPage", false); | ||
| 538 | saveData(this.ruleForm).then((res) => { | ||
| 539 | if (res.code === 200) { | ||
| 540 | this.$message({ | ||
| 541 | showClose: true, | ||
| 542 | message: "保存成功!", | ||
| 543 | type: "success", | ||
| 544 | }); | ||
| 545 | this.$store.dispatch("user/refreshPage", true); | ||
| 546 | } else { | ||
| 547 | this.$message({ | ||
| 497 | showClose: true, | 548 | showClose: true, |
| 498 | message: "请选择持证人", | 549 | message: res.message, |
| 499 | type: "error", | 550 | type: "error", |
| 500 | }); | 551 | }); |
| 501 | return false; | ||
| 502 | } | 552 | } |
| 503 | this.ruleForm.qlrList.forEach((item, index) => { | 553 | }); |
| 504 | if (item.id == that.czr) { | 554 | } else { |
| 505 | item.sfczr = "1"; | 555 | that.$message({ |
| 506 | } else { | 556 | showClose: true, |
| 507 | item.sfczr = "0"; | 557 | message: "请输入红框内的相关信息!", |
| 508 | } | 558 | type: "error", |
| 509 | }); | 559 | }); |
| 510 | } | 560 | return false; |
| 511 | } | 561 | } |
| 512 | saveData(this.ruleForm).then((res) => { | 562 | }); |
| 513 | if (res.code === 200) { | 563 | }, |
| 514 | this.$message({ | 564 | }, |
| 515 | showClose: true, | 565 | }; |
| 516 | message: "保存成功!", | ||
| 517 | type: "success", | ||
| 518 | }); | ||
| 519 | this.$store.dispatch("user/refreshPage", true); | ||
| 520 | } else { | ||
| 521 | this.$message({ | ||
| 522 | showClose: true, | ||
| 523 | message: res.message, | ||
| 524 | type: "error" | ||
| 525 | }) | ||
| 526 | } | ||
| 527 | }) | ||
| 528 | } | ||
| 529 | } | ||
| 530 | } | ||
| 531 | </script> | 566 | </script> |
| 532 | <style scoped lang="scss"> | 567 | <style scoped lang="scss"> |
| 533 | @import "~@/styles/public.scss"; | 568 | @import "~@/styles/public.scss"; |
| 534 | @import "~@/styles/slxx/slxx.scss"; | 569 | @import "~@/styles/slxx/slxx.scss"; |
| 535 | </style> | 570 | </style> | ... | ... |
| ... | @@ -4,89 +4,99 @@ | ... | @@ -4,89 +4,99 @@ |
| 4 | * @author: renchao | 4 | * @author: renchao |
| 5 | */ | 5 | */ |
| 6 | export function formValidate (djlx) { | 6 | export function formValidate (djlx) { |
| 7 | switch (djlx) { | 7 | var formRules={ |
| 8 | case "100": | 8 | 'ygdj.sfczjzhxz': [ |
| 9 | return fristValidate(); | 9 | { required: false, message: '是否禁止或者限制转让约定:', trigger: 'blur' } |
| 10 | case "200": | 10 | ], |
| 11 | return transferValidate(); | 11 | 'ygdj.qdjg': [ |
| 12 | case "300": | 12 | { required: false, message: '被担保主债权数额:', trigger: 'blur' } |
| 13 | return changeValidate(); | 13 | ], |
| 14 | case "400": | 14 | 'ygdj.zwlxqssj': [ |
| 15 | return logoutValidate(); | 15 | { required: false, message: '债务履行起始时间:', trigger: 'blur' } |
| 16 | case "500": | 16 | ], |
| 17 | return riviseValidate(); | 17 | 'ygdj.zwlxjssj': [ |
| 18 | case "901": | 18 | { required: false, message: '债务履行结束时间:', trigger: 'blur' } |
| 19 | return renewalValidate(); | 19 | ], |
| 20 | case "902": | 20 | 'ygdj.djyy': [ |
| 21 | return replaceValidate(); | 21 | { required: false, message: '请输入登记原因', trigger: 'blur' } |
| 22 | } | 22 | ], |
| 23 | } | 23 | 'ygdj.zxyy': [ |
| 24 | 24 | { required: false, message: '请输入注销登记原因', trigger: 'blur' } | |
| 25 | /** | 25 | ] |
| 26 | * @description: 首次登记效验 | 26 | } |
| 27 | * @param {*} data | 27 | if (djlx=="400") { |
| 28 | * @author: renchao | 28 | formRules["ygdj.zxyy"][0].required=true; |
| 29 | */ | 29 | }else{ |
| 30 | export function fristValidate () { | 30 | formRules["ygdj.sfczjzhxz"][0].required=true; |
| 31 | var formRules={ | 31 | formRules["ygdj.qdjg"][0].required=true; |
| 32 | 'diyaq.djyy': [ | 32 | formRules["ygdj.zwlxqssj"][0].required=true; |
| 33 | { required: true, message: '请输入登记原因', trigger: 'blur' } | 33 | formRules["ygdj.zwlxjssj"][0].required=true; |
| 34 | ] | 34 | formRules["ygdj.djyy"][0].required=true; |
| 35 | } | ||
| 36 | return formRules; | ||
| 35 | } | 37 | } |
| 36 | return formRules; | ||
| 37 | } | ||
| 38 | |||
| 39 | |||
| 40 | /** | ||
| 41 | * @description: 转移登记效验 | ||
| 42 | * @param {*} data | ||
| 43 | * @author: renchao | ||
| 44 | */ | ||
| 45 | export function transferValidate (data) { | ||
| 46 | |||
| 47 | } | ||
| 48 | |||
| 49 | /** | ||
| 50 | * @description: 变更登记效验 | ||
| 51 | * @param {*} data | ||
| 52 | * @author: renchao | ||
| 53 | */ | ||
| 54 | export function changeValidate (data) { | ||
| 55 | |||
| 56 | } | ||
| 57 | |||
| 58 | /** | ||
| 59 | * @description: 注销登记效验 | ||
| 60 | * @param {*} data | ||
| 61 | * @author: renchao | ||
| 62 | */ | ||
| 63 | export function logoutValidate (data) { | ||
| 64 | |||
| 65 | } | ||
| 66 | |||
| 67 | /** | ||
| 68 | * @description: 更正登记效验 | ||
| 69 | * @param {*} data | ||
| 70 | * @author: renchao | ||
| 71 | */ | ||
| 72 | export function riviseValidate (data) { | ||
| 73 | |||
| 74 | } | ||
| 75 | |||
| 76 | /** | ||
| 77 | * @description: 补证登记效验 | ||
| 78 | * @param {*} data | ||
| 79 | * @author: renchao | ||
| 80 | */ | ||
| 81 | export function renewalValidate (data) { | ||
| 82 | |||
| 83 | } | ||
| 84 | |||
| 85 | /** | ||
| 86 | * @description: 换证登记效验 | ||
| 87 | * @param {*} data | ||
| 88 | * @author: renchao | ||
| 89 | */ | ||
| 90 | export function replaceValidate (data) { | ||
| 91 | |||
| 92 | } | ||
| ... | \ No newline at end of file | ... | \ No newline at end of file |
| 38 | |||
| 39 | /** | ||
| 40 | * @description: 首次登记效验 | ||
| 41 | * @param {*} data | ||
| 42 | * @author: renchao | ||
| 43 | */ | ||
| 44 | export function fristValidate (formRules,dyfs) { | ||
| 45 | |||
| 46 | return formRules; | ||
| 47 | } | ||
| 48 | |||
| 49 | |||
| 50 | /** | ||
| 51 | * @description: 转移登记效验 | ||
| 52 | * @param {*} data | ||
| 53 | * @author: renchao | ||
| 54 | */ | ||
| 55 | export function transferValidate (data) { | ||
| 56 | |||
| 57 | } | ||
| 58 | |||
| 59 | /** | ||
| 60 | * @description: 变更登记效验 | ||
| 61 | * @param {*} data | ||
| 62 | * @author: renchao | ||
| 63 | */ | ||
| 64 | export function changeValidate (data) { | ||
| 65 | |||
| 66 | } | ||
| 67 | |||
| 68 | /** | ||
| 69 | * @description: 注销登记效验 | ||
| 70 | * @param {*} data | ||
| 71 | * @author: renchao | ||
| 72 | */ | ||
| 73 | export function logoutValidate (data) { | ||
| 74 | |||
| 75 | } | ||
| 76 | |||
| 77 | /** | ||
| 78 | * @description: 更正登记效验 | ||
| 79 | * @param {*} data | ||
| 80 | * @author: renchao | ||
| 81 | */ | ||
| 82 | export function riviseValidate (data) { | ||
| 83 | |||
| 84 | } | ||
| 85 | |||
| 86 | /** | ||
| 87 | * @description: 补证登记效验 | ||
| 88 | * @param {*} data | ||
| 89 | * @author: renchao | ||
| 90 | */ | ||
| 91 | export function renewalValidate (data) { | ||
| 92 | |||
| 93 | } | ||
| 94 | |||
| 95 | /** | ||
| 96 | * @description: 换证登记效验 | ||
| 97 | * @param {*} data | ||
| 98 | * @author: renchao | ||
| 99 | */ | ||
| 100 | export function replaceValidate (data) { | ||
| 101 | |||
| 102 | } | ||
| ... | \ No newline at end of file | ... | \ No newline at end of file | ... | ... |
| 1 | /** | ||
| 2 | * @description: 首次登记效验 | ||
| 3 | * @param {*} data | ||
| 4 | * @author: renchao | ||
| 5 | */ | ||
| 6 | export function formValidate (djlx,dyfs) { | ||
| 7 | var formRules={ | ||
| 8 | 'diyaqList[0].djyy': [ | ||
| 9 | { required: false, message: '请输入登记原因', trigger: 'blur' } | ||
| 10 | ], | ||
| 11 | 'diyaqList[0].zxdyyy': [ | ||
| 12 | { required: false, message: '请输入注销登记原因', trigger: 'blur' } | ||
| 13 | ], | ||
| 14 | 'diyaqList[0].zwlxqssj': [ | ||
| 15 | { required: false, message: '请选择债务履行起始时间', trigger: 'blur' } | ||
| 16 | ], | ||
| 17 | 'diyaqList[0].zwlxjssj': [ | ||
| 18 | { required: false, message: '请选择债务履行起始时间', trigger: 'blur' } | ||
| 19 | ], | ||
| 20 | 'diyaqList[0].bdbzzqse': [ | ||
| 21 | { required: false, message: '请输入被担保主债权数额', trigger: 'blur' } | ||
| 22 | ], | ||
| 23 | 'diyaqList[0].zgzqse': [ | ||
| 24 | { required: false, message: '请输入最高债权额', trigger: 'blur' } | ||
| 25 | ], | ||
| 26 | 'diyaqList[0].sfczjzhxz': [ | ||
| 27 | { required: false, message: '请输入最高债权额', trigger: 'blur' } | ||
| 28 | ] | ||
| 29 | } | ||
| 30 | |||
| 31 | if (djlx=="400") { | ||
| 32 | formRules["diyaqList[0].zxdyyy"][0].required=true; | ||
| 33 | }else{ | ||
| 34 | if(dyfs=="1"){ | ||
| 35 | formRules["diyaqList[0].bdbzzqse"][0].required=true; | ||
| 36 | }else{ | ||
| 37 | formRules["diyaqList[0].zgzqse"][0].required=true; | ||
| 38 | } | ||
| 39 | formRules["diyaqList[0].zwlxqssj"][0].required=true; | ||
| 40 | formRules["diyaqList[0].zwlxjssj"][0].required=true; | ||
| 41 | formRules["diyaqList[0].sfczjzhxz"][0].required=true; | ||
| 42 | formRules["diyaqList[0].djyy"][0].required=true; | ||
| 43 | } | ||
| 44 | console.log(formRules); | ||
| 45 | return formRules; | ||
| 46 | } | ||
| 47 | |||
| 48 | /** | ||
| 49 | * @description: 首次登记效验 | ||
| 50 | * @param {*} data | ||
| 51 | * @author: renchao | ||
| 52 | */ | ||
| 53 | export function fristValidate (formRules,dyfs) { | ||
| 54 | |||
| 55 | return formRules; | ||
| 56 | } | ||
| 57 | |||
| 58 | |||
| 59 | /** | ||
| 60 | * @description: 转移登记效验 | ||
| 61 | * @param {*} data | ||
| 62 | * @author: renchao | ||
| 63 | */ | ||
| 64 | export function transferValidate (data) { | ||
| 65 | |||
| 66 | } | ||
| 67 | |||
| 68 | /** | ||
| 69 | * @description: 变更登记效验 | ||
| 70 | * @param {*} data | ||
| 71 | * @author: renchao | ||
| 72 | */ | ||
| 73 | export function changeValidate (data) { | ||
| 74 | |||
| 75 | } | ||
| 76 | |||
| 77 | /** | ||
| 78 | * @description: 注销登记效验 | ||
| 79 | * @param {*} data | ||
| 80 | * @author: renchao | ||
| 81 | */ | ||
| 82 | export function logoutValidate (data) { | ||
| 83 | |||
| 84 | } | ||
| 85 | |||
| 86 | /** | ||
| 87 | * @description: 更正登记效验 | ||
| 88 | * @param {*} data | ||
| 89 | * @author: renchao | ||
| 90 | */ | ||
| 91 | export function riviseValidate (data) { | ||
| 92 | |||
| 93 | } | ||
| 94 | |||
| 95 | /** | ||
| 96 | * @description: 补证登记效验 | ||
| 97 | * @param {*} data | ||
| 98 | * @author: renchao | ||
| 99 | */ | ||
| 100 | export function renewalValidate (data) { | ||
| 101 | |||
| 102 | } | ||
| 103 | |||
| 104 | /** | ||
| 105 | * @description: 换证登记效验 | ||
| 106 | * @param {*} data | ||
| 107 | * @author: renchao | ||
| 108 | */ | ||
| 109 | export function replaceValidate (data) { | ||
| 110 | |||
| 111 | } | ||
| ... | \ No newline at end of file | ... | \ No newline at end of file |
| ... | @@ -7,7 +7,8 @@ | ... | @@ -7,7 +7,8 @@ |
| 7 | :label-position="flag ? 'top' : ''" | 7 | :label-position="flag ? 'top' : ''" |
| 8 | :inline="flag" | 8 | :inline="flag" |
| 9 | ref="ruleForm" | 9 | ref="ruleForm" |
| 10 | label-width="140px"> | 10 | label-width="140px" |
| 11 | > | ||
| 11 | <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''"> | 12 | <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''"> |
| 12 | <div class="slxx_title title-block"> | 13 | <div class="slxx_title title-block"> |
| 13 | 申请业务信息 | 14 | 申请业务信息 |
| ... | @@ -35,14 +36,16 @@ | ... | @@ -35,14 +36,16 @@ |
| 35 | <el-form-item label="权利类型:"> | 36 | <el-form-item label="权利类型:"> |
| 36 | <el-input | 37 | <el-input |
| 37 | disabled | 38 | disabled |
| 38 | v-model="ruleForm.sldyList[0].qllxmc"></el-input> | 39 | v-model="ruleForm.sldyList[0].qllxmc" |
| 40 | ></el-input> | ||
| 39 | </el-form-item> | 41 | </el-form-item> |
| 40 | </el-col> | 42 | </el-col> |
| 41 | <el-col :span="8"> | 43 | <el-col :span="8"> |
| 42 | <el-form-item label="登记类型:"> | 44 | <el-form-item label="登记类型:"> |
| 43 | <el-input | 45 | <el-input |
| 44 | disabled | 46 | disabled |
| 45 | v-model="ruleForm.sldyList[0].djlxmc"></el-input> | 47 | v-model="ruleForm.sldyList[0].djlxmc" |
| 48 | ></el-input> | ||
| 46 | </el-form-item> | 49 | </el-form-item> |
| 47 | </el-col> | 50 | </el-col> |
| 48 | <el-col :span="8"> | 51 | <el-col :span="8"> |
| ... | @@ -54,17 +57,19 @@ | ... | @@ -54,17 +57,19 @@ |
| 54 | 57 | ||
| 55 | <div | 58 | <div |
| 56 | class="slxx_title title-block" | 59 | class="slxx_title title-block" |
| 57 | v-if="ruleForm.slsq.djywbm.includes('400')"> | 60 | v-if="ruleForm.slsq.djywbm.includes('400')" |
| 61 | > | ||
| 58 | 在建工程抵押信息列表({{ ruleForm.qlxxList.length }} 户) | 62 | 在建工程抵押信息列表({{ ruleForm.qlxxList.length }} 户) |
| 59 | <div class="triangle"></div> | 63 | <div class="triangle"></div> |
| 60 | </div> | 64 | </div> |
| 61 | <div | 65 | <div class="slxx_title title-block" v-else> |
| 62 | class="slxx_title title-block" | ||
| 63 | v-else> | ||
| 64 | 抵押户信息列表信息({{ ruleForm.hlist.length }} 户) | 66 | 抵押户信息列表信息({{ ruleForm.hlist.length }} 户) |
| 65 | <div class="triangle"></div> | 67 | <div class="triangle"></div> |
| 66 | </div> | 68 | </div> |
| 67 | <qlxxTable :tableData="ruleForm.qlxxList" v-if="ruleForm.slsq.djywbm.includes('400')" /> | 69 | <qlxxTable |
| 70 | :tableData="ruleForm.qlxxList" | ||
| 71 | v-if="ruleForm.slsq.djywbm.includes('400')" | ||
| 72 | /> | ||
| 68 | <qjhTable v-else :tableData="ruleForm.hlist" /> | 73 | <qjhTable v-else :tableData="ruleForm.hlist" /> |
| 69 | <div class="slxx_title title-block"> | 74 | <div class="slxx_title title-block"> |
| 70 | 抵押信息 | 75 | 抵押信息 |
| ... | @@ -72,7 +77,8 @@ | ... | @@ -72,7 +77,8 @@ |
| 72 | </div> | 77 | </div> |
| 73 | <el-row | 78 | <el-row |
| 74 | :gutter="10" | 79 | :gutter="10" |
| 75 | v-if="ruleForm.diyaqList && ruleForm.diyaqList.length > 0"> | 80 | v-if="ruleForm.diyaqList && ruleForm.diyaqList.length > 0" |
| 81 | > | ||
| 76 | <el-col :span="8"> | 82 | <el-col :span="8"> |
| 77 | <el-form-item label="抵押方式:"> | 83 | <el-form-item label="抵押方式:"> |
| 78 | <el-radio-group disabled v-model="ruleForm.diyaqList[0].dyfs"> | 84 | <el-radio-group disabled v-model="ruleForm.diyaqList[0].dyfs"> |
| ... | @@ -85,7 +91,8 @@ | ... | @@ -85,7 +91,8 @@ |
| 85 | <el-form-item label="抵押金额类型:"> | 91 | <el-form-item label="抵押金额类型:"> |
| 86 | <el-radio-group | 92 | <el-radio-group |
| 87 | v-model="ruleForm.diyaqList[0].dyjelx" | 93 | v-model="ruleForm.diyaqList[0].dyjelx" |
| 88 | :disabled="!viewEdit || ruleForm.slsq.djywbm.includes('400')"> | 94 | :disabled="!viewEdit || ruleForm.slsq.djywbm.includes('400')" |
| 95 | > | ||
| 89 | <el-radio label="0">独立抵押</el-radio> | 96 | <el-radio label="0">独立抵押</el-radio> |
| 90 | <el-radio label="1">整体抵押</el-radio> | 97 | <el-radio label="1">整体抵押</el-radio> |
| 91 | </el-radio-group> | 98 | </el-radio-group> |
| ... | @@ -93,11 +100,14 @@ | ... | @@ -93,11 +100,14 @@ |
| 93 | </el-col> | 100 | </el-col> |
| 94 | <el-col :span="8"> | 101 | <el-col :span="8"> |
| 95 | <el-form-item | 102 | <el-form-item |
| 96 | label="是否存在禁止或者限制转让抵押不动产的约定:" | 103 | label="是否禁止或者限制转让约定:" |
| 97 | label-width="300px"> | 104 | label-width="200px" |
| 105 | prop="diyaqList[0].sfczjzhxz" | ||
| 106 | > | ||
| 98 | <el-radio-group | 107 | <el-radio-group |
| 99 | v-model="ruleForm.diyaqList[0].sfczjzhxz" | 108 | v-model="ruleForm.diyaqList[0].sfczjzhxz" |
| 100 | :disabled="!viewEdit || ruleForm.slsq.djywbm.includes('400')"> | 109 | :disabled="!viewEdit || ruleForm.slsq.djywbm.includes('400')" |
| 110 | > | ||
| 101 | <el-radio label="1">启用</el-radio> | 111 | <el-radio label="1">启用</el-radio> |
| 102 | <el-radio label="0">禁用</el-radio> | 112 | <el-radio label="0">禁用</el-radio> |
| 103 | </el-radio-group> | 113 | </el-radio-group> |
| ... | @@ -106,22 +116,29 @@ | ... | @@ -106,22 +116,29 @@ |
| 106 | </el-row> | 116 | </el-row> |
| 107 | <el-row | 117 | <el-row |
| 108 | :gutter="10" | 118 | :gutter="10" |
| 109 | v-if="ruleForm.diyaqList && ruleForm.diyaqList.length > 0"> | 119 | v-if="ruleForm.diyaqList && ruleForm.diyaqList.length > 0" |
| 120 | > | ||
| 110 | <el-col :span="8" v-show="ruleForm.diyaqList[0].dyfs == 1"> | 121 | <el-col :span="8" v-show="ruleForm.diyaqList[0].dyfs == 1"> |
| 111 | <el-form-item label="被担保主债权数额:"> | 122 | <el-form-item |
| 123 | label="被担保主债权数额:" | ||
| 124 | prop="diyaqList[0].bdbzzqse" | ||
| 125 | > | ||
| 112 | <div style="display: flex"> | 126 | <div style="display: flex"> |
| 113 | <el-input | 127 | <el-input |
| 114 | v-model="ruleForm.diyaqList[0].bdbzzqse" | 128 | v-model="ruleForm.diyaqList[0].bdbzzqse" |
| 115 | :disabled="!viewEdit || ruleForm.slsq.djywbm.includes('400')"></el-input> | 129 | :disabled="!viewEdit || ruleForm.slsq.djywbm.includes('400')" |
| 130 | ></el-input> | ||
| 116 | <el-select | 131 | <el-select |
| 117 | style="width: 68px" | 132 | style="width: 68px" |
| 118 | v-model="ruleForm.diyaqList[0].jedw" | 133 | v-model="ruleForm.diyaqList[0].jedw" |
| 119 | :disabled="!viewEdit || ruleForm.slsq.djywbm.includes('400')"> | 134 | :disabled="!viewEdit || ruleForm.slsq.djywbm.includes('400')" |
| 135 | > | ||
| 120 | <el-option | 136 | <el-option |
| 121 | v-for="item in dictData['A57']" | 137 | v-for="item in dictData['A57']" |
| 122 | :key="item.dcode" | 138 | :key="item.dcode" |
| 123 | :label="item.dname" | 139 | :label="item.dname" |
| 124 | :value="item.dcode"> | 140 | :value="item.dcode" |
| 141 | > | ||
| 125 | </el-option> | 142 | </el-option> |
| 126 | </el-select> | 143 | </el-select> |
| 127 | </div> | 144 | </div> |
| ... | @@ -129,38 +146,49 @@ | ... | @@ -129,38 +146,49 @@ |
| 129 | </el-col> | 146 | </el-col> |
| 130 | 147 | ||
| 131 | <el-col :span="8" v-show="ruleForm.diyaqList[0].dyfs == 2"> | 148 | <el-col :span="8" v-show="ruleForm.diyaqList[0].dyfs == 2"> |
| 132 | <el-form-item label="最高债权额:"> | 149 | <el-form-item label="最高债权额:" prop="diyaqList[0].zgzqse"> |
| 133 | <el-input | 150 | <el-input |
| 134 | v-model="ruleForm.diyaqList[0].zgzqse" | 151 | v-model="ruleForm.diyaqList[0].zgzqse" |
| 135 | :disabled="!viewEdit || ruleForm.slsq.djywbm.includes('400')"></el-input> | 152 | :disabled="!viewEdit || ruleForm.slsq.djywbm.includes('400')" |
| 153 | ></el-input> | ||
| 136 | <el-select | 154 | <el-select |
| 137 | v-model="ruleForm.diyaqList[0].jedw" | 155 | v-model="ruleForm.diyaqList[0].jedw" |
| 138 | :disabled="!viewEdit || ruleForm.slsq.djywbm.includes('400')"> | 156 | :disabled="!viewEdit || ruleForm.slsq.djywbm.includes('400')" |
| 157 | > | ||
| 139 | <el-option | 158 | <el-option |
| 140 | v-for="item in dictData['A57']" | 159 | v-for="item in dictData['A57']" |
| 141 | :key="item.dcode" | 160 | :key="item.dcode" |
| 142 | :label="item.dname" | 161 | :label="item.dname" |
| 143 | :value="item.dcode"> | 162 | :value="item.dcode" |
| 163 | > | ||
| 144 | </el-option> | 164 | </el-option> |
| 145 | </el-select> | 165 | </el-select> |
| 146 | </el-form-item> | 166 | </el-form-item> |
| 147 | </el-col> | 167 | </el-col> |
| 148 | 168 | ||
| 149 | <el-col :span="8"> | 169 | <el-col :span="8"> |
| 150 | <el-form-item label="债务履行起始时间:"> | 170 | <el-form-item |
| 171 | label="债务履行起始时间:" | ||
| 172 | prop="diyaqList[0].zwlxqssj" | ||
| 173 | > | ||
| 151 | <el-date-picker | 174 | <el-date-picker |
| 152 | v-model="ruleForm.diyaqList[0].zwlxqssj" | 175 | v-model="ruleForm.diyaqList[0].zwlxqssj" |
| 153 | :disabled="!viewEdit || ruleForm.slsq.djywbm.includes('400')" | 176 | :disabled="!viewEdit || ruleForm.slsq.djywbm.includes('400')" |
| 154 | type="date"> | 177 | type="date" |
| 178 | > | ||
| 155 | </el-date-picker> | 179 | </el-date-picker> |
| 156 | </el-form-item> | 180 | </el-form-item> |
| 157 | </el-col> | 181 | </el-col> |
| 158 | <el-col :span="8"> | 182 | <el-col :span="8"> |
| 159 | <el-form-item label="债务履行结束时间:"> | 183 | <el-form-item |
| 184 | label="债务履行结束时间:" | ||
| 185 | prop="diyaqList[0].zwlxjssj" | ||
| 186 | > | ||
| 160 | <el-date-picker | 187 | <el-date-picker |
| 161 | v-model="ruleForm.diyaqList[0].zwlxjssj" | 188 | v-model="ruleForm.diyaqList[0].zwlxjssj" |
| 162 | :disabled="!viewEdit || ruleForm.slsq.djywbm.includes('400')" | 189 | :disabled="!viewEdit || ruleForm.slsq.djywbm.includes('400')" |
| 163 | type="date"> | 190 | type="date" |
| 191 | > | ||
| 164 | </el-date-picker> | 192 | </el-date-picker> |
| 165 | </el-form-item> | 193 | </el-form-item> |
| 166 | </el-col> | 194 | </el-col> |
| ... | @@ -171,16 +199,21 @@ | ... | @@ -171,16 +199,21 @@ |
| 171 | <el-form-item label="担保范围:"> | 199 | <el-form-item label="担保范围:"> |
| 172 | <el-input | 200 | <el-input |
| 173 | v-model="ruleForm.diyaqList[0].dbfw" | 201 | v-model="ruleForm.diyaqList[0].dbfw" |
| 174 | :disabled="!viewEdit || ruleForm.slsq.djywbm.includes('400')"></el-input> | 202 | :disabled="!viewEdit || ruleForm.slsq.djywbm.includes('400')" |
| 203 | ></el-input> | ||
| 175 | </el-form-item> | 204 | </el-form-item> |
| 176 | </el-col> | 205 | </el-col> |
| 177 | </el-row> | 206 | </el-row> |
| 178 | <el-row v-if="ruleForm.diyaqList && ruleForm.diyaqList.length > 0"> | 207 | <el-row v-if="ruleForm.diyaqList && ruleForm.diyaqList.length > 0"> |
| 179 | <el-col :span="24"> | 208 | <el-col :span="24"> |
| 180 | <el-form-item label="最高债权确定事实和数额:"> | 209 | <el-form-item |
| 210 | label="最高债权确定事实和数额:" | ||
| 211 | prop="diyaqList[0].zgzqqdss" | ||
| 212 | > | ||
| 181 | <el-input | 213 | <el-input |
| 182 | v-model="ruleForm.diyaqList[0].zgzqqdss" | 214 | v-model="ruleForm.diyaqList[0].zgzqqdss" |
| 183 | :disabled="!viewEdit || ruleForm.slsq.djywbm.includes('400')"></el-input> | 215 | :disabled="!viewEdit || ruleForm.slsq.djywbm.includes('400')" |
| 216 | ></el-input> | ||
| 184 | </el-form-item> | 217 | </el-form-item> |
| 185 | </el-col> | 218 | </el-col> |
| 186 | </el-row> | 219 | </el-row> |
| ... | @@ -192,7 +225,8 @@ | ... | @@ -192,7 +225,8 @@ |
| 192 | maxlength="500" | 225 | maxlength="500" |
| 193 | show-word-limit | 226 | show-word-limit |
| 194 | v-model="ruleForm.diyaqList[0].fj" | 227 | v-model="ruleForm.diyaqList[0].fj" |
| 195 | :disabled="!viewEdit || ruleForm.slsq.djywbm.includes('400')"></el-input> | 228 | :disabled="!viewEdit || ruleForm.slsq.djywbm.includes('400')" |
| 229 | ></el-input> | ||
| 196 | </el-form-item> | 230 | </el-form-item> |
| 197 | </el-col> | 231 | </el-col> |
| 198 | </el-row> | 232 | </el-row> |
| ... | @@ -203,12 +237,14 @@ | ... | @@ -203,12 +237,14 @@ |
| 203 | </div> | 237 | </div> |
| 204 | <el-row | 238 | <el-row |
| 205 | :gutter="10" | 239 | :gutter="10" |
| 206 | v-if="ruleForm.sldyList && ruleForm.sldyList.length > 0"> | 240 | v-if="ruleForm.sldyList && ruleForm.sldyList.length > 0" |
| 241 | > | ||
| 207 | <el-col :span="14"> | 242 | <el-col :span="14"> |
| 208 | <el-form-item label="共有方式:"> | 243 | <el-form-item label="共有方式:"> |
| 209 | <el-radio-group | 244 | <el-radio-group |
| 210 | :disabled="!viewEdit" | 245 | :disabled="!viewEdit" |
| 211 | v-model="ruleForm.sldyList[0].gyfs"> | 246 | v-model="ruleForm.sldyList[0].gyfs" |
| 247 | > | ||
| 212 | <el-radio label="0">单独所有</el-radio> | 248 | <el-radio label="0">单独所有</el-radio> |
| 213 | <el-radio label="1">共同共有</el-radio> | 249 | <el-radio label="1">共同共有</el-radio> |
| 214 | <el-radio label="2">按份所有</el-radio> | 250 | <el-radio label="2">按份所有</el-radio> |
| ... | @@ -221,7 +257,8 @@ | ... | @@ -221,7 +257,8 @@ |
| 221 | <el-radio-group | 257 | <el-radio-group |
| 222 | v-model="ruleForm.sldyList[0].sqfbcz" | 258 | v-model="ruleForm.sldyList[0].sqfbcz" |
| 223 | :disabled="!viewEdit" | 259 | :disabled="!viewEdit" |
| 224 | @input="updaterow()"> | 260 | @input="updaterow()" |
| 261 | > | ||
| 225 | <el-radio :label="1">是</el-radio> | 262 | <el-radio :label="1">是</el-radio> |
| 226 | <el-radio :label="0">否</el-radio> | 263 | <el-radio :label="0">否</el-radio> |
| 227 | </el-radio-group> | 264 | </el-radio-group> |
| ... | @@ -232,17 +269,20 @@ | ... | @@ -232,17 +269,20 @@ |
| 232 | v-show=" | 269 | v-show=" |
| 233 | ruleForm.sldyList[0].gyfs != '0' && | 270 | ruleForm.sldyList[0].gyfs != '0' && |
| 234 | ruleForm.sldyList[0].sqfbcz == '0' | 271 | ruleForm.sldyList[0].sqfbcz == '0' |
| 235 | "> | 272 | " |
| 273 | > | ||
| 236 | <el-form-item label="持证人:"> | 274 | <el-form-item label="持证人:"> |
| 237 | <el-select | 275 | <el-select |
| 238 | v-model="czr" | 276 | v-model="czr" |
| 239 | placeholder="持证人" | 277 | placeholder="持证人" |
| 240 | :disabled="!viewEdit"> | 278 | :disabled="!viewEdit" |
| 279 | > | ||
| 241 | <el-option | 280 | <el-option |
| 242 | v-for="(item,index) in czrOptions" | 281 | v-for="(item, index) in czrOptions" |
| 243 | :key="index" | 282 | :key="index" |
| 244 | :label="item.sqrmc" | 283 | :label="item.sqrmc" |
| 245 | :value="item.id"> | 284 | :value="item.id" |
| 285 | > | ||
| 246 | </el-option> | 286 | </el-option> |
| 247 | </el-select> | 287 | </el-select> |
| 248 | </el-form-item> | 288 | </el-form-item> |
| ... | @@ -253,7 +293,8 @@ | ... | @@ -253,7 +293,8 @@ |
| 253 | :tableData="ruleForm.qlrList" | 293 | :tableData="ruleForm.qlrList" |
| 254 | @upDateQlrxxList="upDateQlrxxList" | 294 | @upDateQlrxxList="upDateQlrxxList" |
| 255 | :disabled="viewEdit" | 295 | :disabled="viewEdit" |
| 256 | :gyfs="ruleForm.sldyList[0].gyfs" /> | 296 | :gyfs="ruleForm.sldyList[0].gyfs" |
| 297 | /> | ||
| 257 | <div class="slxx_title title-block"> | 298 | <div class="slxx_title title-block"> |
| 258 | 抵押人信息 | 299 | 抵押人信息 |
| 259 | <div class="triangle"></div> | 300 | <div class="triangle"></div> |
| ... | @@ -261,7 +302,8 @@ | ... | @@ -261,7 +302,8 @@ |
| 261 | <qlrCommonTable | 302 | <qlrCommonTable |
| 262 | :tableData="ruleForm.ywrList" | 303 | :tableData="ruleForm.ywrList" |
| 263 | @upDateQlrxxList="upDateYwrxxList" | 304 | @upDateQlrxxList="upDateYwrxxList" |
| 264 | :disabled="viewEdit" /> | 305 | :disabled="viewEdit" |
| 306 | /> | ||
| 265 | 307 | ||
| 266 | <div class="slxx_title title-block"> | 308 | <div class="slxx_title title-block"> |
| 267 | 登记原因 | 309 | 登记原因 |
| ... | @@ -269,17 +311,20 @@ | ... | @@ -269,17 +311,20 @@ |
| 269 | </div> | 311 | </div> |
| 270 | <el-row | 312 | <el-row |
| 271 | :gutter="10" | 313 | :gutter="10" |
| 272 | v-if="ruleForm.diyaqList && ruleForm.diyaqList.length > 0"> | 314 | v-if="ruleForm.diyaqList && ruleForm.diyaqList.length > 0" |
| 315 | > | ||
| 273 | <el-col> | 316 | <el-col> |
| 274 | <el-form-item | 317 | <el-form-item |
| 275 | v-if="ruleForm.sldyList[0].djlx == '400'" | 318 | v-if="ruleForm.sldyList[0].djlx == '400'" |
| 276 | label="注销抵押原因:" | 319 | label="注销抵押原因:" |
| 277 | prop="djyy"> | 320 | prop="diyaqList[0].zxdyyy" |
| 321 | > | ||
| 278 | <el-input | 322 | <el-input |
| 279 | class="textArea" | 323 | class="textArea" |
| 280 | type="textarea" | 324 | type="textarea" |
| 281 | :disabled="!viewEdit" | 325 | :disabled="!viewEdit" |
| 282 | v-model="ruleForm.diyaqList[0].zxdyyy"> | 326 | v-model="ruleForm.diyaqList[0].zxdyyy" |
| 327 | > | ||
| 283 | </el-input> | 328 | </el-input> |
| 284 | </el-form-item> | 329 | </el-form-item> |
| 285 | <el-form-item v-else label="登记原因:" prop="diyaqList[0].djyy"> | 330 | <el-form-item v-else label="登记原因:" prop="diyaqList[0].djyy"> |
| ... | @@ -289,7 +334,8 @@ | ... | @@ -289,7 +334,8 @@ |
| 289 | maxlength="500" | 334 | maxlength="500" |
| 290 | show-word-limit | 335 | show-word-limit |
| 291 | :disabled="!viewEdit" | 336 | :disabled="!viewEdit" |
| 292 | v-model="ruleForm.diyaqList[0].djyy"> | 337 | v-model="ruleForm.diyaqList[0].djyy" |
| 338 | > | ||
| 293 | </el-input> | 339 | </el-input> |
| 294 | </el-form-item> | 340 | </el-form-item> |
| 295 | </el-col> | 341 | </el-col> |
| ... | @@ -304,202 +350,209 @@ | ... | @@ -304,202 +350,209 @@ |
| 304 | </div> | 350 | </div> |
| 305 | </template> | 351 | </template> |
| 306 | <script> | 352 | <script> |
| 307 | import qjhTable from "../commonTable/qjhTable"; | 353 | import qjhTable from "../commonTable/qjhTable"; |
| 308 | import qlxxTable from "../commonTable/qlxxTable.vue"; | 354 | import qlxxTable from "../commonTable/qlxxTable.vue"; |
| 309 | import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; | 355 | import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; |
| 310 | import { bacthInit, saveBatchData } from "@/api/workflow/zjgcdyFlow.js"; | 356 | import { bacthInit, saveBatchData } from "@/api/workflow/zjgcdyFlow.js"; |
| 311 | import { mapGetters } from "vuex"; | 357 | import { formValidate } from "./bacthSlxxValidate"; |
| 312 | export default { | 358 | import { mapGetters } from "vuex"; |
| 313 | mounted () { | 359 | export default { |
| 314 | let that = this | 360 | mounted() { |
| 315 | this.viewEdit = this.$parent.currentSelectTab.ableOperation; | 361 | let that = this; |
| 316 | this.propsParam = this.$attrs; | 362 | this.viewEdit = this.$parent.currentSelectTab.ableOperation; |
| 317 | var formdata = new FormData(); | 363 | this.propsParam = this.$attrs; |
| 364 | var formdata = new FormData(); | ||
| 318 | 365 | ||
| 319 | this.loading = true | 366 | this.loading = true; |
| 320 | formdata.append("bsmSlsq", this.$route.query.bsmSlsq); | 367 | formdata.append("bsmSlsq", this.$route.query.bsmSlsq); |
| 321 | formdata.append("djlx", this.propsParam.djlx); | 368 | formdata.append("djlx", this.propsParam.djlx); |
| 322 | formdata.append("isEdit", this.viewEdit); | 369 | formdata.append("isEdit", this.viewEdit); |
| 323 | bacthInit(formdata).then((res) => { | 370 | bacthInit(formdata) |
| 371 | .then((res) => { | ||
| 324 | setTimeout(() => { | 372 | setTimeout(() => { |
| 325 | that.loading = false | 373 | that.loading = false; |
| 326 | }, 200) | 374 | }, 200); |
| 327 | if (res.code === 200 && res.result) { | 375 | if (res.code === 200 && res.result) { |
| 328 | this.ruleForm = res.result; | 376 | this.ruleForm = res.result; |
| 329 | this.ruleForm.qlrList.forEach((item) => { | 377 | this.ruleForm.qlrList.forEach((item) => { |
| 330 | item.id = item.bsmSqr | 378 | item.id = item.bsmSqr; |
| 331 | if (item.sfczr == '1') { | 379 | if (item.sfczr == "1") { |
| 332 | that.czr = item.bsmSqr | 380 | that.czr = item.bsmSqr; |
| 333 | } | 381 | } |
| 334 | }) | 382 | }); |
| 335 | that.czrOptions = that.ruleForm.qlrList; | 383 | that.czrOptions = that.ruleForm.qlrList; |
| 336 | that.isSave = that.viewEdit | 384 | that.isSave = that.viewEdit; |
| 385 | // that.rules = formValidate( | ||
| 386 | // that.ruleForm.sldyList[0].djlx, | ||
| 387 | // that.ruleForm.diyaqList[0].dyfs | ||
| 388 | // ); | ||
| 337 | } else { | 389 | } else { |
| 338 | that.isSave = false | 390 | that.isSave = false; |
| 339 | that.$confirm(res.message, '提示', { | 391 | that.$confirm(res.message, "提示", { |
| 340 | cancelButtonText: '取消', | 392 | cancelButtonText: "取消", |
| 341 | showConfirmButton: false, | 393 | showConfirmButton: false, |
| 342 | type: 'warning' | 394 | type: "warning", |
| 343 | }) | 395 | }); |
| 344 | } | 396 | } |
| 345 | }).catch(() => { | ||
| 346 | this.loading = false | ||
| 347 | }) | 397 | }) |
| 348 | }, | 398 | .catch(() => { |
| 349 | components: { qlrCommonTable, qjhTable, qlxxTable }, | 399 | this.loading = false; |
| 350 | computed: { | 400 | }); |
| 351 | ...mapGetters(["dictData", "flag"]), | 401 | }, |
| 352 | }, | 402 | components: { qlrCommonTable, qjhTable, qlxxTable }, |
| 353 | data () { | 403 | computed: { |
| 354 | return { | 404 | ...mapGetters(["dictData", "flag"]), |
| 355 | isSave: true, | 405 | }, |
| 356 | loading: false, | 406 | data() { |
| 357 | //表单是否可操作 | 407 | return { |
| 358 | viewEdit: true, | 408 | isSave: true, |
| 359 | disabled: true, | 409 | loading: false, |
| 360 | czrOptions: [], | 410 | //表单是否可操作 |
| 361 | czr: "", | 411 | viewEdit: true, |
| 362 | ruleForm: {}, | 412 | disabled: true, |
| 363 | //传递参数 | 413 | czrOptions: [], |
| 364 | propsParam: {}, | 414 | czr: "", |
| 365 | rules: { | 415 | ruleForm: {}, |
| 416 | //传递参数 | ||
| 417 | propsParam: {}, | ||
| 418 | rules: { | ||
| 366 | 'diyaqList[0].djyy': [ | 419 | 'diyaqList[0].djyy': [ |
| 367 | { required: true, message: '请输入登记原因', trigger: 'blur' } | 420 | { required: true, message: '请输入登记原因', trigger: 'blur' } |
| 368 | ] | 421 | ] |
| 369 | }, | 422 | }, |
| 370 | tableData: [], | 423 | tableData: [], |
| 371 | }; | 424 | }; |
| 372 | }, | 425 | }, |
| 373 | methods: { | 426 | methods: { |
| 374 | /** | 427 | /** |
| 375 | * @description: onSubmitClick | 428 | * @description: onSubmitClick |
| 376 | * @author: renchao | 429 | * @author: renchao |
| 377 | */ | 430 | */ |
| 378 | onSubmitClick () { | 431 | onSubmitClick() { |
| 379 | let that = this; | 432 | let that = this; |
| 380 | if (this.ruleForm.qlrList.length == 0) { | 433 | if (this.ruleForm.qlrList.length == 0) { |
| 434 | this.$message({ | ||
| 435 | showClose: true, | ||
| 436 | message: "请确认抵押权人信息", | ||
| 437 | type: "error", | ||
| 438 | }); | ||
| 439 | return false; | ||
| 440 | } | ||
| 441 | if (this.ruleForm.sldyList[0].gyfs == "0") { | ||
| 442 | if (this.ruleForm.qlrList.length > 1) { | ||
| 381 | this.$message({ | 443 | this.$message({ |
| 382 | showClose: true, | 444 | showClose: true, |
| 383 | message: "请确认抵押权人信息", | 445 | message: "共有方式:单独所有,抵押权人只能是一个人", |
| 384 | type: "error", | 446 | type: "error", |
| 385 | }); | 447 | }); |
| 386 | return false; | 448 | return false; |
| 387 | } | 449 | } |
| 388 | if (this.ruleForm.sldyList[0].gyfs == "0") { | 450 | this.ruleForm.qlrList[0].sfczr = "1"; |
| 389 | if (this.ruleForm.qlrList.length > 1) { | 451 | } else { |
| 390 | this.$message({ | 452 | if (this.ruleForm.qlrList.length <= 1) { |
| 391 | showClose: true, | 453 | this.$message({ |
| 392 | message: "共有方式:单独所有,抵押权人只能是一个人", | 454 | showClose: true, |
| 393 | type: "error", | 455 | message: |
| 394 | }); | 456 | "共有方式:共同所有,按份所有,其他所有,抵押权人必须是两个以上", |
| 395 | return false; | 457 | type: "error", |
| 396 | } | 458 | }); |
| 397 | this.ruleForm.qlrList[0].sfczr = "1"; | 459 | return false; |
| 460 | } | ||
| 461 | //是否分别持证 | ||
| 462 | if (this.ruleForm.sldyList[0].sqfbcz == "1") { | ||
| 463 | //是 | ||
| 464 | this.ruleForm.qlrList.forEach((item, index) => { | ||
| 465 | item.sfczr = "1"; | ||
| 466 | }); | ||
| 398 | } else { | 467 | } else { |
| 399 | if (this.ruleForm.qlrList.length <= 1) { | 468 | if (that.czr === "") { |
| 400 | this.$message({ | 469 | that.$message({ |
| 401 | showClose: true, | 470 | showClose: true, |
| 402 | message: | 471 | message: "请选择持证人", |
| 403 | "共有方式:共同所有,按份所有,其他所有,抵押权人必须是两个以上", | ||
| 404 | type: "error", | 472 | type: "error", |
| 405 | }); | 473 | }); |
| 406 | return false; | 474 | return false; |
| 407 | } | 475 | } |
| 408 | //是否分别持证 | 476 | this.ruleForm.qlrList.forEach((item, index) => { |
| 409 | if (this.ruleForm.sldyList[0].sqfbcz == "1") { | 477 | if (item.id == that.czr) { |
| 410 | //是 | 478 | item.sfczr = "1"; |
| 411 | this.ruleForm.qlrList.forEach((item, index) => { | 479 | } else { |
| 412 | item.sfczr = "1" | 480 | item.sfczr = "0"; |
| 413 | }) | 481 | } |
| 414 | } else { | 482 | }); |
| 415 | if (that.czr === '') { | 483 | } |
| 484 | } | ||
| 485 | this.$refs["ruleForm"].validate((valid) => { | ||
| 486 | if (valid) { | ||
| 487 | that.$store.dispatch("user/refreshPage", false); | ||
| 488 | saveBatchData(that.ruleForm, that.propsParam.djlx).then((res) => { | ||
| 489 | if (res.code === 200) { | ||
| 490 | that.$message({ | ||
| 491 | showClose: true, | ||
| 492 | message: "保存成功!", | ||
| 493 | type: "success", | ||
| 494 | }); | ||
| 495 | that.$store.dispatch("user/refreshPage", true); | ||
| 496 | } else { | ||
| 416 | that.$message({ | 497 | that.$message({ |
| 417 | showClose: true, | 498 | showClose: true, |
| 418 | message: "请选择持证人", | 499 | message: res.message, |
| 419 | type: "error", | 500 | type: "error", |
| 420 | }); | 501 | }); |
| 421 | return false; | ||
| 422 | } | 502 | } |
| 423 | this.ruleForm.qlrList.forEach((item, index) => { | 503 | }); |
| 424 | if (item.id == that.czr) { | 504 | } else { |
| 425 | item.sfczr = "1"; | 505 | that.$message({ |
| 426 | } else { | 506 | showClose: true, |
| 427 | item.sfczr = "0"; | 507 | message: "请输入红框内的相关信息!", |
| 428 | } | 508 | type: "error", |
| 429 | }); | 509 | }); |
| 430 | } | 510 | return false; |
| 431 | } | ||
| 432 | this.$refs['ruleForm'].validate((valid) => { | ||
| 433 | if (valid) { | ||
| 434 | that.$store.dispatch("user/refreshPage", false); | ||
| 435 | saveBatchData(that.ruleForm, that.propsParam.djlx).then((res) => { | ||
| 436 | if (res.code === 200) { | ||
| 437 | that.$message({ | ||
| 438 | showClose: true, | ||
| 439 | message: "保存成功!", | ||
| 440 | type: "success", | ||
| 441 | }); | ||
| 442 | that.$store.dispatch("user/refreshPage", true); | ||
| 443 | } else { | ||
| 444 | that.$message({ | ||
| 445 | showClose: true, | ||
| 446 | message: res.message, | ||
| 447 | type: "error", | ||
| 448 | }); | ||
| 449 | } | ||
| 450 | }) | ||
| 451 | } else { | ||
| 452 | that.$message({ | ||
| 453 | showClose: true, | ||
| 454 | message: "请输入登记原因", | ||
| 455 | type: "error" | ||
| 456 | }) | ||
| 457 | return false | ||
| 458 | } | ||
| 459 | }) | ||
| 460 | }, | ||
| 461 | /** | ||
| 462 | * @description: 是否持证人变化 | ||
| 463 | * @param {*} val | ||
| 464 | * @author: renchao | ||
| 465 | */ | ||
| 466 | updaterow () { | ||
| 467 | this.czr = ""; | ||
| 468 | }, | ||
| 469 | /** | ||
| 470 | * @description: 更新抵押权人信息 | ||
| 471 | * @param {*} val | ||
| 472 | * @author: renchao | ||
| 473 | */ | ||
| 474 | upDateQlrxxList (val) { | ||
| 475 | if (!_.isEqual(val, this.ruleForm.qlrList)) { | ||
| 476 | this.ruleForm.qlrList = _.cloneDeep(val); | ||
| 477 | this.czrOptions = this.ruleForm.qlrList; | ||
| 478 | } | ||
| 479 | this.num = 0 | ||
| 480 | this.ruleForm.qlrList.forEach(item => { | ||
| 481 | if (item.id == this.czr) { | ||
| 482 | this.num++ | ||
| 483 | } | ||
| 484 | }) | ||
| 485 | if (this.num == 0) { | ||
| 486 | this.czr = '' | ||
| 487 | } | 511 | } |
| 488 | }, | 512 | }); |
| 489 | /** | 513 | }, |
| 490 | * @description: 更新义务人信息 | 514 | /** |
| 491 | * @param {*} val | 515 | * @description: 是否持证人变化 |
| 492 | * @author: renchao | 516 | * @param {*} val |
| 493 | */ | 517 | * @author: renchao |
| 494 | upDateYwrxxList (val) { | 518 | */ |
| 495 | if (!_.isEqual(val, this.ruleForm.ywrList)) { | 519 | updaterow() { |
| 496 | this.ruleForm.ywrList = _.cloneDeep(val); | 520 | this.czr = ""; |
| 521 | }, | ||
| 522 | /** | ||
| 523 | * @description: 更新抵押权人信息 | ||
| 524 | * @param {*} val | ||
| 525 | * @author: renchao | ||
| 526 | */ | ||
| 527 | upDateQlrxxList(val) { | ||
| 528 | if (!_.isEqual(val, this.ruleForm.qlrList)) { | ||
| 529 | this.ruleForm.qlrList = _.cloneDeep(val); | ||
| 530 | this.czrOptions = this.ruleForm.qlrList; | ||
| 531 | } | ||
| 532 | this.num = 0; | ||
| 533 | this.ruleForm.qlrList.forEach((item) => { | ||
| 534 | if (item.id == this.czr) { | ||
| 535 | this.num++; | ||
| 497 | } | 536 | } |
| 537 | }); | ||
| 538 | if (this.num == 0) { | ||
| 539 | this.czr = ""; | ||
| 540 | } | ||
| 541 | }, | ||
| 542 | /** | ||
| 543 | * @description: 更新义务人信息 | ||
| 544 | * @param {*} val | ||
| 545 | * @author: renchao | ||
| 546 | */ | ||
| 547 | upDateYwrxxList(val) { | ||
| 548 | if (!_.isEqual(val, this.ruleForm.ywrList)) { | ||
| 549 | this.ruleForm.ywrList = _.cloneDeep(val); | ||
| 498 | } | 550 | } |
| 499 | } | 551 | }, |
| 500 | } | 552 | }, |
| 553 | }; | ||
| 501 | </script> | 554 | </script> |
| 502 | <style scoped lang="scss"> | 555 | <style scoped lang="scss"> |
| 503 | @import "~@/styles/public.scss"; | 556 | @import "~@/styles/public.scss"; |
| 504 | @import "~@/styles/slxx/slxx.scss"; | 557 | @import "~@/styles/slxx/slxx.scss"; |
| 505 | </style> | 558 | </style> | ... | ... |
| ... | @@ -8,7 +8,8 @@ | ... | @@ -8,7 +8,8 @@ |
| 8 | ref="ruleForm" | 8 | ref="ruleForm" |
| 9 | :label-position="flag ? 'top' : ''" | 9 | :label-position="flag ? 'top' : ''" |
| 10 | :inline="flag" | 10 | :inline="flag" |
| 11 | label-width="170px"> | 11 | label-width="170px" |
| 12 | > | ||
| 12 | <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''"> | 13 | <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''"> |
| 13 | <div class="slxx_title title-block"> | 14 | <div class="slxx_title title-block"> |
| 14 | 申请业务信息 | 15 | 申请业务信息 |
| ... | @@ -48,12 +49,13 @@ | ... | @@ -48,12 +49,13 @@ |
| 48 | </el-form-item> | 49 | </el-form-item> |
| 49 | </el-col> | 50 | </el-col> |
| 50 | </el-row> | 51 | </el-row> |
| 51 | <div class="slxx_title title-block"> | 52 | <div class="slxx_title title-block"> |
| 52 | <el-row> | 53 | <el-row> |
| 53 | <el-col :span="16"> | 54 | <el-col :span="16"> 抵押户信息情况 </el-col> |
| 54 | 抵押户信息情况 | 55 | <el-col |
| 55 | </el-col> | 56 | :span="4" |
| 56 | <el-col :span="4" v-if="ruleForm.sldy.djlx=='300'||ruleForm.sldy.djlx=='500'"> | 57 | v-if="ruleForm.sldy.djlx == '300' || ruleForm.sldy.djlx == '500'" |
| 58 | > | ||
| 57 | <el-button @click="compare">变化情况对比+</el-button> | 59 | <el-button @click="compare">变化情况对比+</el-button> |
| 58 | </el-col> | 60 | </el-col> |
| 59 | </el-row> | 61 | </el-row> |
| ... | @@ -82,14 +84,17 @@ | ... | @@ -82,14 +84,17 @@ |
| 82 | <div class="flex"> | 84 | <div class="flex"> |
| 83 | <el-input | 85 | <el-input |
| 84 | maxlength="12" | 86 | maxlength="12" |
| 85 | v-model="ruleForm.qjh.jzmj" disabled | 87 | v-model="ruleForm.qjh.jzmj" |
| 86 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> | 88 | disabled |
| 89 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null" | ||
| 90 | ></el-input> | ||
| 87 | <el-select disabled v-model="mjdw" style="width: 68px"> | 91 | <el-select disabled v-model="mjdw" style="width: 68px"> |
| 88 | <el-option | 92 | <el-option |
| 89 | v-for="item in dictData['A7']" | 93 | v-for="item in dictData['A7']" |
| 90 | :key="item.dcode" | 94 | :key="item.dcode" |
| 91 | :label="item.dname" | 95 | :label="item.dname" |
| 92 | :value="item.dcode"> | 96 | :value="item.dcode" |
| 97 | > | ||
| 93 | </el-option> | 98 | </el-option> |
| 94 | </el-select> | 99 | </el-select> |
| 95 | </div> | 100 | </div> |
| ... | @@ -100,14 +105,17 @@ | ... | @@ -100,14 +105,17 @@ |
| 100 | <div class="flex"> | 105 | <div class="flex"> |
| 101 | <el-input | 106 | <el-input |
| 102 | maxlength="12" | 107 | maxlength="12" |
| 103 | v-model="ruleForm.qjh.tnjzmj" disabled | 108 | v-model="ruleForm.qjh.tnjzmj" |
| 104 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> | 109 | disabled |
| 110 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null" | ||
| 111 | ></el-input> | ||
| 105 | <el-select disabled v-model="mjdw" style="width: 68px"> | 112 | <el-select disabled v-model="mjdw" style="width: 68px"> |
| 106 | <el-option | 113 | <el-option |
| 107 | v-for="item in dictData['A7']" | 114 | v-for="item in dictData['A7']" |
| 108 | :key="item.dcode" | 115 | :key="item.dcode" |
| 109 | :label="item.dname" | 116 | :label="item.dname" |
| 110 | :value="item.dcode"> | 117 | :value="item.dcode" |
| 118 | > | ||
| 111 | </el-option> | 119 | </el-option> |
| 112 | </el-select> | 120 | </el-select> |
| 113 | </div> | 121 | </div> |
| ... | @@ -118,14 +126,17 @@ | ... | @@ -118,14 +126,17 @@ |
| 118 | <div class="flex"> | 126 | <div class="flex"> |
| 119 | <el-input | 127 | <el-input |
| 120 | maxlength="12" | 128 | maxlength="12" |
| 121 | v-model="ruleForm.qjh.ftjzmj" disabled | 129 | v-model="ruleForm.qjh.ftjzmj" |
| 122 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> | 130 | disabled |
| 131 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null" | ||
| 132 | ></el-input> | ||
| 123 | <el-select disabled v-model="mjdw" style="width: 68px"> | 133 | <el-select disabled v-model="mjdw" style="width: 68px"> |
| 124 | <el-option | 134 | <el-option |
| 125 | v-for="item in dictData['A7']" | 135 | v-for="item in dictData['A7']" |
| 126 | :key="item.dcode" | 136 | :key="item.dcode" |
| 127 | :label="item.dname" | 137 | :label="item.dname" |
| 128 | :value="item.dcode"> | 138 | :value="item.dcode" |
| 139 | > | ||
| 129 | </el-option> | 140 | </el-option> |
| 130 | </el-select> | 141 | </el-select> |
| 131 | </div> | 142 | </div> |
| ... | @@ -157,6 +168,15 @@ | ... | @@ -157,6 +168,15 @@ |
| 157 | 168 | ||
| 158 | <el-row :gutter="10"> | 169 | <el-row :gutter="10"> |
| 159 | <el-col :span="8"> | 170 | <el-col :span="8"> |
| 171 | <el-form-item | ||
| 172 | label="原不动产证号:" | ||
| 173 | prop="sldy.ybdcqzsh" | ||
| 174 | :rules="rules.ybdcqzshrules" | ||
| 175 | > | ||
| 176 | <el-input disabled v-model="ruleForm.sldy.ybdcqzsh"></el-input> | ||
| 177 | </el-form-item> | ||
| 178 | </el-col> | ||
| 179 | <el-col :span="8"> | ||
| 160 | <el-form-item label="抵押方式:"> | 180 | <el-form-item label="抵押方式:"> |
| 161 | <!-- <el-input disabled v-model="ruleForm.slywxx.djqxmc"></el-input> --> | 181 | <!-- <el-input disabled v-model="ruleForm.slywxx.djqxmc"></el-input> --> |
| 162 | <el-radio-group disabled v-model="ruleForm.diyaq.dyfs"> | 182 | <el-radio-group disabled v-model="ruleForm.diyaq.dyfs"> |
| ... | @@ -165,13 +185,16 @@ | ... | @@ -165,13 +185,16 @@ |
| 165 | </el-radio-group> | 185 | </el-radio-group> |
| 166 | </el-form-item> | 186 | </el-form-item> |
| 167 | </el-col> | 187 | </el-col> |
| 168 | <el-col :span="16"> | 188 | <el-col :span="8"> |
| 169 | <el-form-item | 189 | <el-form-item |
| 170 | label="是否存在禁止或者限制转让抵押不动产的约定:" | 190 | label="是否禁止或者限制转让约定:" |
| 171 | label-width="350px"> | 191 | label-width="200px" |
| 192 | prop="diyaq.sfczjzhxz" | ||
| 193 | > | ||
| 172 | <el-radio-group | 194 | <el-radio-group |
| 173 | v-model="ruleForm.diyaq.sfczjzhxz" | 195 | v-model="ruleForm.diyaq.sfczjzhxz" |
| 174 | :disabled="!viewEdit || ruleForm.sldy.djlx == '400'"> | 196 | :disabled="!viewEdit || ruleForm.sldy.djlx == '400'" |
| 197 | > | ||
| 175 | <el-radio label="1">是</el-radio> | 198 | <el-radio label="1">是</el-radio> |
| 176 | <el-radio label="0">否</el-radio> | 199 | <el-radio label="0">否</el-radio> |
| 177 | </el-radio-group> | 200 | </el-radio-group> |
| ... | @@ -181,18 +204,23 @@ | ... | @@ -181,18 +204,23 @@ |
| 181 | 204 | ||
| 182 | <el-row :gutter="10"> | 205 | <el-row :gutter="10"> |
| 183 | <el-col :span="8" v-show="ruleForm.diyaq.dyfs == 1"> | 206 | <el-col :span="8" v-show="ruleForm.diyaq.dyfs == 1"> |
| 184 | <el-form-item label="被担保主债权数额:"> | 207 | <el-form-item label="被担保主债权数额:" prop="diyaq.bdbzzqse"> |
| 185 | <div style="display:flex"> | 208 | <div style="display: flex"> |
| 186 | <el-input | 209 | <el-input |
| 187 | v-model="ruleForm.diyaq.bdbzzqse" | 210 | v-model="ruleForm.diyaq.bdbzzqse" |
| 188 | :disabled="!viewEdit || ruleForm.sldy.djlx == '400'"></el-input> | 211 | :disabled="!viewEdit || ruleForm.sldy.djlx == '400'" |
| 189 | <el-select style="width: 68px" v-model="ruleForm.diyaq.jedw" | 212 | ></el-input> |
| 190 | :disabled="!viewEdit || ruleForm.sldy.djlx == '400'"> | 213 | <el-select |
| 214 | style="width: 68px" | ||
| 215 | v-model="ruleForm.diyaq.jedw" | ||
| 216 | :disabled="!viewEdit || ruleForm.sldy.djlx == '400'" | ||
| 217 | > | ||
| 191 | <el-option | 218 | <el-option |
| 192 | v-for="item in dictData['A57']" | 219 | v-for="item in dictData['A57']" |
| 193 | :key="item.dcode" | 220 | :key="item.dcode" |
| 194 | :label="item.dname" | 221 | :label="item.dname" |
| 195 | :value="item.dcode"> | 222 | :value="item.dcode" |
| 223 | > | ||
| 196 | </el-option> | 224 | </el-option> |
| 197 | </el-select> | 225 | </el-select> |
| 198 | </div> | 226 | </div> |
| ... | @@ -200,17 +228,23 @@ | ... | @@ -200,17 +228,23 @@ |
| 200 | </el-col> | 228 | </el-col> |
| 201 | 229 | ||
| 202 | <el-col :span="8" v-show="ruleForm.diyaq.dyfs == 2"> | 230 | <el-col :span="8" v-show="ruleForm.diyaq.dyfs == 2"> |
| 203 | <el-form-item label="最高债权额:"> | 231 | <el-form-item label="最高债权额:" prop="diyaq.zgzqse"> |
| 204 | <div style="display: flex"> | 232 | <div style="display: flex"> |
| 205 | <el-input | 233 | <el-input |
| 206 | v-model="ruleForm.diyaq.zgzqse" | 234 | v-model="ruleForm.diyaq.zgzqse" |
| 207 | :disabled="!viewEdit || ruleForm.sldy.djlx == '400'"></el-input> | 235 | :disabled="!viewEdit || ruleForm.sldy.djlx == '400'" |
| 208 | <el-select v-model="ruleForm.diyaq.jedw" style="width: 68px" :disabled="!viewEdit || ruleForm.sldy.djlx == '400'"> | 236 | ></el-input> |
| 237 | <el-select | ||
| 238 | v-model="ruleForm.diyaq.jedw" | ||
| 239 | style="width: 68px" | ||
| 240 | :disabled="!viewEdit || ruleForm.sldy.djlx == '400'" | ||
| 241 | > | ||
| 209 | <el-option | 242 | <el-option |
| 210 | v-for="item in dictData['A57']" | 243 | v-for="item in dictData['A57']" |
| 211 | :key="item.dcode" | 244 | :key="item.dcode" |
| 212 | :label="item.dname" | 245 | :label="item.dname" |
| 213 | :value="item.dcode"> | 246 | :value="item.dcode" |
| 247 | > | ||
| 214 | </el-option> | 248 | </el-option> |
| 215 | </el-select> | 249 | </el-select> |
| 216 | </div> | 250 | </div> |
| ... | @@ -218,20 +252,22 @@ | ... | @@ -218,20 +252,22 @@ |
| 218 | </el-col> | 252 | </el-col> |
| 219 | 253 | ||
| 220 | <el-col :span="8"> | 254 | <el-col :span="8"> |
| 221 | <el-form-item label="债务履行起始时间:"> | 255 | <el-form-item label="债务履行起始时间:" prop="diyaq.zwlxqssj"> |
| 222 | <el-date-picker | 256 | <el-date-picker |
| 223 | v-model="ruleForm.diyaq.zwlxqssj" | 257 | v-model="ruleForm.diyaq.zwlxqssj" |
| 224 | :disabled="!viewEdit || ruleForm.sldy.djlx == '400'" | 258 | :disabled="!viewEdit || ruleForm.sldy.djlx == '400'" |
| 225 | type="date"> | 259 | type="date" |
| 260 | > | ||
| 226 | </el-date-picker> | 261 | </el-date-picker> |
| 227 | </el-form-item> | 262 | </el-form-item> |
| 228 | </el-col> | 263 | </el-col> |
| 229 | <el-col :span="8"> | 264 | <el-col :span="8"> |
| 230 | <el-form-item label="债务履行结束时间:"> | 265 | <el-form-item label="债务履行结束时间:" prop="diyaq.zwlxjssj"> |
| 231 | <el-date-picker | 266 | <el-date-picker |
| 232 | v-model="ruleForm.diyaq.zwlxjssj" | 267 | v-model="ruleForm.diyaq.zwlxjssj" |
| 233 | :disabled="!viewEdit || ruleForm.sldy.djlx == '400'" | 268 | :disabled="!viewEdit || ruleForm.sldy.djlx == '400'" |
| 234 | type="date"> | 269 | type="date" |
| 270 | > | ||
| 235 | </el-date-picker> | 271 | </el-date-picker> |
| 236 | </el-form-item> | 272 | </el-form-item> |
| 237 | </el-col> | 273 | </el-col> |
| ... | @@ -242,7 +278,8 @@ | ... | @@ -242,7 +278,8 @@ |
| 242 | <el-form-item label="担保范围:"> | 278 | <el-form-item label="担保范围:"> |
| 243 | <el-input | 279 | <el-input |
| 244 | v-model="ruleForm.diyaq.dbfw" | 280 | v-model="ruleForm.diyaq.dbfw" |
| 245 | :disabled="!viewEdit || ruleForm.sldy.djlx == '400'"></el-input> | 281 | :disabled="!viewEdit || ruleForm.sldy.djlx == '400'" |
| 282 | ></el-input> | ||
| 246 | </el-form-item> | 283 | </el-form-item> |
| 247 | </el-col> | 284 | </el-col> |
| 248 | </el-row> | 285 | </el-row> |
| ... | @@ -251,7 +288,8 @@ | ... | @@ -251,7 +288,8 @@ |
| 251 | <el-form-item label="最高债权确定事实和数额:"> | 288 | <el-form-item label="最高债权确定事实和数额:"> |
| 252 | <el-input | 289 | <el-input |
| 253 | v-model="ruleForm.diyaq.zgzqqdss" | 290 | v-model="ruleForm.diyaq.zgzqqdss" |
| 254 | :disabled="!viewEdit || ruleForm.sldy.djlx == '400'"></el-input> | 291 | :disabled="!viewEdit || ruleForm.sldy.djlx == '400'" |
| 292 | ></el-input> | ||
| 255 | </el-form-item> | 293 | </el-form-item> |
| 256 | </el-col> | 294 | </el-col> |
| 257 | </el-row> | 295 | </el-row> |
| ... | @@ -263,7 +301,8 @@ | ... | @@ -263,7 +301,8 @@ |
| 263 | maxlength="500" | 301 | maxlength="500" |
| 264 | show-word-limit | 302 | show-word-limit |
| 265 | v-model="ruleForm.diyaq.fj" | 303 | v-model="ruleForm.diyaq.fj" |
| 266 | :disabled="!viewEdit || ruleForm.sldy.djlx == '400'"></el-input> | 304 | :disabled="!viewEdit || ruleForm.sldy.djlx == '400'" |
| 305 | ></el-input> | ||
| 267 | </el-form-item> | 306 | </el-form-item> |
| 268 | </el-col> | 307 | </el-col> |
| 269 | </el-row> | 308 | </el-row> |
| ... | @@ -277,7 +316,8 @@ | ... | @@ -277,7 +316,8 @@ |
| 277 | <el-form-item label="共有方式:"> | 316 | <el-form-item label="共有方式:"> |
| 278 | <el-radio-group | 317 | <el-radio-group |
| 279 | :disabled="!viewEdit" | 318 | :disabled="!viewEdit" |
| 280 | v-model="ruleForm.sldy.gyfs"> | 319 | v-model="ruleForm.sldy.gyfs" |
| 320 | > | ||
| 281 | <el-radio label="0">单独所有</el-radio> | 321 | <el-radio label="0">单独所有</el-radio> |
| 282 | <el-radio label="1">共同共有</el-radio> | 322 | <el-radio label="1">共同共有</el-radio> |
| 283 | <el-radio label="2">按份所有</el-radio> | 323 | <el-radio label="2">按份所有</el-radio> |
| ... | @@ -290,7 +330,8 @@ | ... | @@ -290,7 +330,8 @@ |
| 290 | <el-radio-group | 330 | <el-radio-group |
| 291 | v-model="ruleForm.sldy.sqfbcz" | 331 | v-model="ruleForm.sldy.sqfbcz" |
| 292 | :disabled="!viewEdit" | 332 | :disabled="!viewEdit" |
| 293 | @input="updaterow()"> | 333 | @input="updaterow()" |
| 334 | > | ||
| 294 | <el-radio :label="1">是</el-radio> | 335 | <el-radio :label="1">是</el-radio> |
| 295 | <el-radio :label="0">否</el-radio> | 336 | <el-radio :label="0">否</el-radio> |
| 296 | </el-radio-group> | 337 | </el-radio-group> |
| ... | @@ -298,28 +339,32 @@ | ... | @@ -298,28 +339,32 @@ |
| 298 | </el-col> | 339 | </el-col> |
| 299 | <el-col | 340 | <el-col |
| 300 | :span="6" | 341 | :span="6" |
| 301 | v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'"> | 342 | v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'" |
| 343 | > | ||
| 302 | <el-form-item label="持证人:"> | 344 | <el-form-item label="持证人:"> |
| 303 | <el-select | 345 | <el-select |
| 304 | v-model="czr" | 346 | v-model="czr" |
| 305 | placeholder="持证人" | 347 | placeholder="持证人" |
| 306 | :disabled="!viewEdit"> | 348 | :disabled="!viewEdit" |
| 349 | > | ||
| 307 | <el-option | 350 | <el-option |
| 308 | v-for="(item,index) in czrOptions" | 351 | v-for="(item, index) in czrOptions" |
| 309 | :key="index" | 352 | :key="index" |
| 310 | :label="item.sqrmc" | 353 | :label="item.sqrmc" |
| 311 | :value="item.id"> | 354 | :value="item.id" |
| 355 | > | ||
| 312 | </el-option> | 356 | </el-option> |
| 313 | </el-select> | 357 | </el-select> |
| 314 | </el-form-item> | 358 | </el-form-item> |
| 315 | </el-col> | 359 | </el-col> |
| 316 | </el-row> | 360 | </el-row> |
| 317 | <qlrCommonTable | 361 | <qlrCommonTable |
| 318 | style="margin-bottom:3px" | 362 | style="margin-bottom: 3px" |
| 319 | :tableData="ruleForm.qlrList" | 363 | :tableData="ruleForm.qlrList" |
| 320 | @upDateQlrxxList="upDateQlrxxList" | 364 | @upDateQlrxxList="upDateQlrxxList" |
| 321 | :disabled="viewEdit" | 365 | :disabled="viewEdit" |
| 322 | :gyfs="ruleForm.sldy.gyfs" /> | 366 | :gyfs="ruleForm.sldy.gyfs" |
| 367 | /> | ||
| 323 | <div class="slxx_title title-block"> | 368 | <div class="slxx_title title-block"> |
| 324 | 抵押人信息 | 369 | 抵押人信息 |
| 325 | <div class="triangle"></div> | 370 | <div class="triangle"></div> |
| ... | @@ -327,7 +372,8 @@ | ... | @@ -327,7 +372,8 @@ |
| 327 | <qlrCommonTable | 372 | <qlrCommonTable |
| 328 | :tableData="ruleForm.ywrList" | 373 | :tableData="ruleForm.ywrList" |
| 329 | @upDateQlrxxList="upDateYwrxxList" | 374 | @upDateQlrxxList="upDateYwrxxList" |
| 330 | :disabled="viewEdit" /> | 375 | :disabled="viewEdit" |
| 376 | /> | ||
| 331 | 377 | ||
| 332 | <div class="slxx_title title-block"> | 378 | <div class="slxx_title title-block"> |
| 333 | 登记原因 | 379 | 登记原因 |
| ... | @@ -338,12 +384,14 @@ | ... | @@ -338,12 +384,14 @@ |
| 338 | <el-form-item | 384 | <el-form-item |
| 339 | v-if="ruleForm.sldy.djlx == '400'" | 385 | v-if="ruleForm.sldy.djlx == '400'" |
| 340 | label="注销抵押原因:" | 386 | label="注销抵押原因:" |
| 341 | prop="djyy"> | 387 | prop="diyaq.zxdyyy" |
| 388 | > | ||
| 342 | <el-input | 389 | <el-input |
| 343 | class="textArea" | 390 | class="textArea" |
| 344 | type="textarea" | 391 | type="textarea" |
| 345 | :disabled="!viewEdit" | 392 | :disabled="!viewEdit" |
| 346 | v-model="ruleForm.diyaq.zxdyyy"> | 393 | v-model="ruleForm.diyaq.zxdyyy" |
| 394 | > | ||
| 347 | </el-input> | 395 | </el-input> |
| 348 | </el-form-item> | 396 | </el-form-item> |
| 349 | <el-form-item v-else label="登记原因:" prop="diyaq.djyy"> | 397 | <el-form-item v-else label="登记原因:" prop="diyaq.djyy"> |
| ... | @@ -353,7 +401,8 @@ | ... | @@ -353,7 +401,8 @@ |
| 353 | maxlength="500" | 401 | maxlength="500" |
| 354 | show-word-limit | 402 | show-word-limit |
| 355 | :disabled="!viewEdit" | 403 | :disabled="!viewEdit" |
| 356 | v-model="ruleForm.diyaq.djyy"> | 404 | v-model="ruleForm.diyaq.djyy" |
| 405 | > | ||
| 357 | </el-input> | 406 | </el-input> |
| 358 | </el-form-item> | 407 | </el-form-item> |
| 359 | </el-col> | 408 | </el-col> |
| ... | @@ -368,230 +417,231 @@ | ... | @@ -368,230 +417,231 @@ |
| 368 | </div> | 417 | </div> |
| 369 | </template> | 418 | </template> |
| 370 | <script> | 419 | <script> |
| 371 | import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; | 420 | import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; |
| 372 | import { Init, saveData } from "@/api/workflow/zjgcdyFlow.js"; | 421 | import { Init, saveData } from "@/api/workflow/zjgcdyFlow.js"; |
| 373 | import { mapGetters } from "vuex"; | 422 | import { mapGetters } from "vuex"; |
| 374 | import { formValidate } from "./slxxValidate"; | 423 | import { formValidate } from "./slxxValidate"; |
| 375 | export default { | 424 | export default { |
| 376 | mounted () { | 425 | mounted() { |
| 377 | let that = this | 426 | let that = this; |
| 378 | this.viewEdit = this.$parent.currentSelectTab.ableOperation; | 427 | this.viewEdit = this.$parent.currentSelectTab.ableOperation; |
| 379 | this.propsParam = this.$attrs; | 428 | this.propsParam = this.$attrs; |
| 380 | var formdata = new FormData(); | 429 | var formdata = new FormData(); |
| 381 | this.loading = true | 430 | this.loading = true; |
| 382 | formdata.append("bsmSldy", this.propsParam.bsmSldy); | 431 | formdata.append("bsmSldy", this.propsParam.bsmSldy); |
| 383 | formdata.append("djlx", this.propsParam.djlx); | 432 | formdata.append("djlx", this.propsParam.djlx); |
| 384 | formdata.append("isEdit", this.viewEdit); | 433 | formdata.append("isEdit", this.viewEdit); |
| 385 | Init(formdata).then((res) => { | 434 | Init(formdata) |
| 386 | this.loading = false | 435 | .then((res) => { |
| 436 | this.loading = false; | ||
| 387 | if (res.code === 200 && res.result) { | 437 | if (res.code === 200 && res.result) { |
| 388 | this.ruleForm = res.result; | 438 | this.ruleForm = res.result; |
| 389 | window.djlx = res.result.sldy.djlx | 439 | window.djlx = res.result.sldy.djlx; |
| 390 | this.czrOptions = this.ruleForm.qlrList; | 440 | this.czrOptions = this.ruleForm.qlrList; |
| 391 | this.ruleForm.qlrList.forEach((item) => { | 441 | this.ruleForm.qlrList.forEach((item) => { |
| 392 | item.id = item.bsmSqr | 442 | item.id = item.bsmSqr; |
| 393 | if (item.sfczr == '1') { | 443 | if (item.sfczr == "1") { |
| 394 | that.czr = item.bsmSqr | 444 | that.czr = item.bsmSqr; |
| 395 | } | 445 | } |
| 396 | }) | 446 | }); |
| 397 | that.czrOptions = that.ruleForm.qlrList; | 447 | that.czrOptions = that.ruleForm.qlrList; |
| 398 | that.isSave = that.viewEdit | 448 | that.isSave = that.viewEdit; |
| 449 | that.rules = formValidate( | ||
| 450 | that.ruleForm.sldy.djlx, | ||
| 451 | that.ruleForm.diyaq.dyfs | ||
| 452 | ); | ||
| 399 | } else { | 453 | } else { |
| 400 | that.isSave = false | 454 | that.isSave = false; |
| 401 | that.$confirm(res.message, '提示', { | 455 | that.$confirm(res.message, "提示", { |
| 402 | cancelButtonText: '取消', | 456 | cancelButtonText: "取消", |
| 403 | showConfirmButton: false, | 457 | showConfirmButton: false, |
| 404 | type: 'warning' | 458 | type: "warning", |
| 405 | }) | 459 | }); |
| 406 | } | 460 | } |
| 407 | }).catch(() => { | ||
| 408 | this.loading = false | ||
| 409 | }) | 461 | }) |
| 410 | }, | 462 | .catch(() => { |
| 411 | components: { qlrCommonTable }, | 463 | this.loading = false; |
| 412 | computed: { | 464 | }); |
| 413 | ...mapGetters(["dictData", "flag"]), | 465 | }, |
| 414 | }, | 466 | components: { qlrCommonTable }, |
| 415 | data () { | 467 | computed: { |
| 416 | return { | 468 | ...mapGetters(["dictData", "flag"]), |
| 417 | mjdw: '1', | 469 | }, |
| 418 | isSave: true, | 470 | data() { |
| 419 | loading: false, | 471 | return { |
| 420 | //表单是否可操作 | 472 | mjdw: "1", |
| 421 | viewEdit: true, | 473 | isSave: true, |
| 422 | disabled: true, | 474 | loading: false, |
| 423 | czrOptions: [], | 475 | //表单是否可操作 |
| 424 | czr: "", | 476 | viewEdit: true, |
| 425 | ruleForm: {}, | 477 | disabled: true, |
| 426 | //传递参数 | 478 | czrOptions: [], |
| 427 | propsParam: {}, | 479 | czr: "", |
| 428 | rules: { | 480 | ruleForm: {}, |
| 429 | 'diyaq.djyy': [ | 481 | //传递参数 |
| 430 | { required: true, message: '请输入登记原因', trigger: 'blur' } | 482 | propsParam: {}, |
| 431 | ] | 483 | rules: {}, |
| 432 | }, | 484 | // 键名转换,方法默认是label和children进行树状渲染 |
| 433 | // 键名转换,方法默认是label和children进行树状渲染 | 485 | normalizer(node) { |
| 434 | normalizer (node) { | 486 | //方法 |
| 435 | //方法 | 487 | if (node.children == null || node.children == "null") { |
| 436 | if (node.children == null || node.children == "null") { | 488 | delete node.children; |
| 437 | delete node.children; | 489 | } |
| 438 | } | 490 | return { |
| 439 | return { | 491 | id: node.dcode, |
| 440 | id: node.dcode, | 492 | label: node.dname, |
| 441 | label: node.dname, | 493 | }; |
| 442 | }; | 494 | }, |
| 443 | }, | 495 | }; |
| 444 | }; | 496 | }, |
| 445 | }, | 497 | methods: { |
| 446 | methods: { | 498 | /** |
| 447 | /** | 499 | * @description: onSubmitClick |
| 448 | * @description: onSubmitClick | 500 | * @author: renchao |
| 449 | * @author: renchao | 501 | */ |
| 450 | */ | 502 | onSubmitClick() { |
| 451 | onSubmitClick () { | 503 | let that = this; |
| 452 | let that = this; | 504 | if (this.ruleForm.qlrList.length == 0) { |
| 453 | if (this.ruleForm.qlrList.length == 0) { | 505 | this.$message({ |
| 506 | showClose: true, | ||
| 507 | message: "请确认权利人信息", | ||
| 508 | type: "error", | ||
| 509 | }); | ||
| 510 | return false; | ||
| 511 | } | ||
| 512 | |||
| 513 | if (this.ruleForm.sldy.gyfs == "0") { | ||
| 514 | if (this.ruleForm.qlrList.length > 1) { | ||
| 454 | this.$message({ | 515 | this.$message({ |
| 455 | showClose: true, | 516 | showClose: true, |
| 456 | message: "请确认权利人信息", | 517 | message: "共有方式:单独所有,权利人只能是一个人", |
| 457 | type: "error", | 518 | type: "error", |
| 458 | }); | 519 | }); |
| 459 | return false; | 520 | return false; |
| 460 | } | 521 | } |
| 461 | 522 | this.ruleForm.qlrList[0].sfczr = "1"; | |
| 462 | if (this.ruleForm.sldy.gyfs == "0") { | 523 | } else { |
| 463 | if (this.ruleForm.qlrList.length > 1) { | 524 | if (this.ruleForm.qlrList.length <= 1) { |
| 464 | this.$message({ | 525 | this.$message({ |
| 465 | showClose: true, | 526 | showClose: true, |
| 466 | message: "共有方式:单独所有,权利人只能是一个人", | 527 | message: |
| 467 | type: "error", | 528 | "共有方式:共同所有,按份所有,其他所有,权利人必须是两个以上", |
| 468 | }); | 529 | type: "error", |
| 469 | return false; | 530 | }); |
| 470 | } | 531 | return false; |
| 471 | this.ruleForm.qlrList[0].sfczr = "1"; | 532 | } |
| 533 | //是否分别持证 | ||
| 534 | if (this.ruleForm.sldy.sqfbcz == "1") { | ||
| 535 | //是 | ||
| 536 | this.ruleForm.qlrList.forEach((item, index) => { | ||
| 537 | item.sfczr = "1"; | ||
| 538 | }); | ||
| 472 | } else { | 539 | } else { |
| 473 | if (this.ruleForm.qlrList.length <= 1) { | 540 | if (that.czr === "") { |
| 474 | this.$message({ | 541 | that.$message({ |
| 475 | showClose: true, | 542 | showClose: true, |
| 476 | message: | 543 | message: "请选择持证人", |
| 477 | "共有方式:共同所有,按份所有,其他所有,权利人必须是两个以上", | ||
| 478 | type: "error", | 544 | type: "error", |
| 479 | }); | 545 | }); |
| 480 | return false; | 546 | return false; |
| 481 | } | 547 | } |
| 482 | //是否分别持证 | 548 | this.ruleForm.qlrList.forEach((item, index) => { |
| 483 | if (this.ruleForm.sldy.sqfbcz == "1") { | 549 | if (item.id == that.czr) { |
| 484 | //是 | ||
| 485 | this.ruleForm.qlrList.forEach((item, index) => { | ||
| 486 | item.sfczr = "1"; | 550 | item.sfczr = "1"; |
| 487 | }); | 551 | } else { |
| 488 | } else { | 552 | item.sfczr = "0"; |
| 489 | if (that.czr === '') { | 553 | } |
| 554 | }); | ||
| 555 | } | ||
| 556 | } | ||
| 557 | this.$refs["ruleForm"].validate((valid) => { | ||
| 558 | if (valid) { | ||
| 559 | that.$store.dispatch("user/refreshPage", false); | ||
| 560 | saveData(that.ruleForm, that.propsParam.djlx).then((res) => { | ||
| 561 | if (res.code === 200) { | ||
| 562 | that.$message({ | ||
| 563 | showClose: true, | ||
| 564 | message: "保存成功!", | ||
| 565 | type: "success", | ||
| 566 | }); | ||
| 567 | that.$store.dispatch("user/refreshPage", true); | ||
| 568 | } else { | ||
| 490 | that.$message({ | 569 | that.$message({ |
| 491 | showClose: true, | 570 | showClose: true, |
| 492 | message: "请选择持证人", | 571 | message: res.message, |
| 493 | type: "error", | 572 | type: "error", |
| 494 | }); | 573 | }); |
| 495 | return false; | ||
| 496 | } | 574 | } |
| 497 | this.ruleForm.qlrList.forEach((item, index) => { | 575 | }); |
| 498 | if (item.id == that.czr) { | 576 | } else { |
| 499 | item.sfczr = "1"; | 577 | that.$message({ |
| 500 | } else { | 578 | showClose: true, |
| 501 | item.sfczr = "0"; | 579 | message: "请输入红框内的相关信息!", |
| 502 | } | 580 | type: "error", |
| 503 | }); | 581 | }); |
| 504 | } | 582 | return false; |
| 505 | } | ||
| 506 | this.$refs['ruleForm'].validate((valid) => { | ||
| 507 | if (valid) { | ||
| 508 | that.$store.dispatch("user/refreshPage", false); | ||
| 509 | saveData(that.ruleForm, that.propsParam.djlx).then((res) => { | ||
| 510 | if (res.code === 200) { | ||
| 511 | that.$message({ | ||
| 512 | showClose: true, | ||
| 513 | message: "保存成功!", | ||
| 514 | type: "success", | ||
| 515 | }); | ||
| 516 | that.$store.dispatch("user/refreshPage", true); | ||
| 517 | } else { | ||
| 518 | that.$message({ | ||
| 519 | showClose: true, | ||
| 520 | message: res.message, | ||
| 521 | type: "error", | ||
| 522 | }); | ||
| 523 | } | ||
| 524 | }) | ||
| 525 | } else { | ||
| 526 | that.$message({ | ||
| 527 | showClose: true, | ||
| 528 | message: "请输入登记原因", | ||
| 529 | type: "error" | ||
| 530 | }) | ||
| 531 | return false | ||
| 532 | } | ||
| 533 | }) | ||
| 534 | |||
| 535 | }, | ||
| 536 | /** | ||
| 537 | * @description: 更新权利人信息 | ||
| 538 | * @param {*} val | ||
| 539 | * @author: renchao | ||
| 540 | */ | ||
| 541 | upDateQlrxxList (val) { | ||
| 542 | if (!_.isEqual(val, this.ruleForm.qlrList)) { | ||
| 543 | this.ruleForm.qlrList = _.cloneDeep(val); | ||
| 544 | this.czrOptions = this.ruleForm.qlrList; | ||
| 545 | } | 583 | } |
| 546 | this.num = 0 | 584 | }); |
| 547 | this.ruleForm.qlrList.forEach(item => { | 585 | }, |
| 548 | if (item.id == this.czr) { | 586 | /** |
| 549 | this.num++ | 587 | * @description: 更新权利人信息 |
| 550 | } | 588 | * @param {*} val |
| 551 | }) | 589 | * @author: renchao |
| 552 | if (this.num == 0) { | 590 | */ |
| 553 | this.czr = '' | 591 | upDateQlrxxList(val) { |
| 592 | if (!_.isEqual(val, this.ruleForm.qlrList)) { | ||
| 593 | this.ruleForm.qlrList = _.cloneDeep(val); | ||
| 594 | this.czrOptions = this.ruleForm.qlrList; | ||
| 595 | } | ||
| 596 | this.num = 0; | ||
| 597 | this.ruleForm.qlrList.forEach((item) => { | ||
| 598 | if (item.id == this.czr) { | ||
| 599 | this.num++; | ||
| 554 | } | 600 | } |
| 555 | }, | 601 | }); |
| 556 | // 是否持证人变化 | 602 | if (this.num == 0) { |
| 557 | /** | ||
| 558 | * @description: 是否持证人变化 | ||
| 559 | * @param {*} val | ||
| 560 | * @author: renchao | ||
| 561 | */ | ||
| 562 | updaterow () { | ||
| 563 | this.czr = ""; | 603 | this.czr = ""; |
| 564 | }, | 604 | } |
| 565 | /** | 605 | }, |
| 566 | * @description: 更新义务人信息 | 606 | // 是否持证人变化 |
| 567 | * @param {*} val | 607 | /** |
| 568 | * @author: renchao | 608 | * @description: 是否持证人变化 |
| 569 | */ | 609 | * @param {*} val |
| 570 | upDateYwrxxList (val) { | 610 | * @author: renchao |
| 571 | if (!_.isEqual(val, this.ruleForm.ywrList)) { | 611 | */ |
| 572 | this.ruleForm.ywrList = _.cloneDeep(val); | 612 | updaterow() { |
| 573 | } | 613 | this.czr = ""; |
| 574 | }, | 614 | }, |
| 575 | /** | 615 | /** |
| 576 | * @description: compare | 616 | * @description: 更新义务人信息 |
| 577 | * @author: renchao | 617 | * @param {*} val |
| 578 | */ | 618 | * @author: renchao |
| 579 | compare () { | 619 | */ |
| 580 | this.$popupDialog( | 620 | upDateYwrxxList(val) { |
| 581 | this.ruleForm.qlxx.qllxmc, | 621 | if (!_.isEqual(val, this.ruleForm.ywrList)) { |
| 582 | "registerBook/comparison", | 622 | this.ruleForm.ywrList = _.cloneDeep(val); |
| 583 | { | 623 | } |
| 584 | bsmQlxx: this.ruleForm.qlxx.bsmQlxx, | 624 | }, |
| 585 | dqqllx: "FDCQ2", | 625 | /** |
| 586 | }, | 626 | * @description: compare |
| 587 | "80%", | 627 | * @author: renchao |
| 588 | true | 628 | */ |
| 589 | ); | 629 | compare() { |
| 590 | }, | 630 | this.$popupDialog( |
| 591 | } | 631 | this.ruleForm.qlxx.qllxmc, |
| 592 | } | 632 | "registerBook/comparison", |
| 633 | { | ||
| 634 | bsmQlxx: this.ruleForm.qlxx.bsmQlxx, | ||
| 635 | dqqllx: "FDCQ2", | ||
| 636 | }, | ||
| 637 | "80%", | ||
| 638 | true | ||
| 639 | ); | ||
| 640 | }, | ||
| 641 | }, | ||
| 642 | }; | ||
| 593 | </script> | 643 | </script> |
| 594 | <style scoped lang="scss"> | 644 | <style scoped lang="scss"> |
| 595 | @import "~@/styles/public.scss"; | 645 | @import "~@/styles/public.scss"; |
| 596 | @import "~@/styles/slxx/slxx.scss"; | 646 | @import "~@/styles/slxx/slxx.scss"; |
| 597 | </style> | 647 | </style> | ... | ... |
| ... | @@ -3,90 +3,107 @@ | ... | @@ -3,90 +3,107 @@ |
| 3 | * @param {*} data | 3 | * @param {*} data |
| 4 | * @author: renchao | 4 | * @author: renchao |
| 5 | */ | 5 | */ |
| 6 | export function formValidate (djlx) { | 6 | export function formValidate (djlx,dyfs) { |
| 7 | switch (djlx) { | 7 | var formRules={ |
| 8 | case "100": | 8 | 'diyaq.djyy': [ |
| 9 | return fristValidate(); | 9 | { required: false, message: '请输入登记原因', trigger: 'blur' } |
| 10 | case "200": | 10 | ], |
| 11 | return transferValidate(); | 11 | 'diyaq.zxdyyy': [ |
| 12 | case "300": | 12 | { required: false, message: '请输入注销登记原因', trigger: 'blur' } |
| 13 | return changeValidate(); | 13 | ], |
| 14 | case "400": | 14 | 'diyaq.zwlxqssj': [ |
| 15 | return logoutValidate(); | 15 | { required: false, message: '请选择债务履行起始时间', trigger: 'blur' } |
| 16 | case "500": | 16 | ], |
| 17 | return riviseValidate(); | 17 | 'diyaq.zwlxjssj': [ |
| 18 | case "901": | 18 | { required: false, message: '请选择债务履行起始时间', trigger: 'blur' } |
| 19 | return renewalValidate(); | 19 | ], |
| 20 | case "902": | 20 | 'diyaq.bdbzzqse': [ |
| 21 | return replaceValidate(); | 21 | { required: false, message: '请输入被担保主债权数额', trigger: 'blur' } |
| 22 | } | 22 | ], |
| 23 | } | 23 | 'diyaq.zgzqse': [ |
| 24 | 24 | { required: false, message: '请输入最高债权额', trigger: 'blur' } | |
| 25 | /** | 25 | ], |
| 26 | * @description: 首次登记效验 | 26 | 'diyaq.sfczjzhxz': [ |
| 27 | * @param {*} data | 27 | { required: false, message: '请输入最高债权额', trigger: 'blur' } |
| 28 | * @author: renchao | 28 | ] |
| 29 | */ | 29 | } |
| 30 | export function fristValidate () { | 30 | if (djlx=="400") { |
| 31 | var formRules={ | 31 | formRules["diyaq.zxdyyy"][0].required=true; |
| 32 | 'diyaq.djyy': [ | 32 | }else{ |
| 33 | { required: true, message: '请输入登记原因', trigger: 'blur' } | 33 | if(dyfs=="1"){ |
| 34 | ] | 34 | formRules["diyaq.bdbzzqse"][0].required=true; |
| 35 | }else{ | ||
| 36 | formRules["diyaq.zgzqse"][0].required=true; | ||
| 37 | } | ||
| 38 | formRules["diyaq.zwlxqssj"][0].required=true; | ||
| 39 | formRules["diyaq.zwlxjssj"][0].required=true; | ||
| 40 | formRules["diyaq.sfczjzhxz"][0].required=true; | ||
| 41 | formRules["diyaq.djyy"][0].required=true; | ||
| 42 | } | ||
| 43 | return formRules; | ||
| 35 | } | 44 | } |
| 36 | return formRules; | ||
| 37 | } | ||
| 38 | |||
| 39 | |||
| 40 | /** | ||
| 41 | * @description: 转移登记效验 | ||
| 42 | * @param {*} data | ||
| 43 | * @author: renchao | ||
| 44 | */ | ||
| 45 | export function transferValidate (data) { | ||
| 46 | |||
| 47 | } | ||
| 48 | |||
| 49 | /** | ||
| 50 | * @description: 变更登记效验 | ||
| 51 | * @param {*} data | ||
| 52 | * @author: renchao | ||
| 53 | */ | ||
| 54 | export function changeValidate (data) { | ||
| 55 | |||
| 56 | } | ||
| 57 | |||
| 58 | /** | ||
| 59 | * @description: 注销登记效验 | ||
| 60 | * @param {*} data | ||
| 61 | * @author: renchao | ||
| 62 | */ | ||
| 63 | export function logoutValidate (data) { | ||
| 64 | |||
| 65 | } | ||
| 66 | |||
| 67 | /** | ||
| 68 | * @description: 更正登记效验 | ||
| 69 | * @param {*} data | ||
| 70 | * @author: renchao | ||
| 71 | */ | ||
| 72 | export function riviseValidate (data) { | ||
| 73 | |||
| 74 | } | ||
| 75 | |||
| 76 | /** | ||
| 77 | * @description: 补证登记效验 | ||
| 78 | * @param {*} data | ||
| 79 | * @author: renchao | ||
| 80 | */ | ||
| 81 | export function renewalValidate (data) { | ||
| 82 | |||
| 83 | } | ||
| 84 | |||
| 85 | /** | ||
| 86 | * @description: 换证登记效验 | ||
| 87 | * @param {*} data | ||
| 88 | * @author: renchao | ||
| 89 | */ | ||
| 90 | export function replaceValidate (data) { | ||
| 91 | |||
| 92 | } | ||
| ... | \ No newline at end of file | ... | \ No newline at end of file |
| 45 | |||
| 46 | /** | ||
| 47 | * @description: 首次登记效验 | ||
| 48 | * @param {*} data | ||
| 49 | * @author: renchao | ||
| 50 | */ | ||
| 51 | export function fristValidate (formRules,dyfs) { | ||
| 52 | |||
| 53 | return formRules; | ||
| 54 | } | ||
| 55 | |||
| 56 | |||
| 57 | /** | ||
| 58 | * @description: 转移登记效验 | ||
| 59 | * @param {*} data | ||
| 60 | * @author: renchao | ||
| 61 | */ | ||
| 62 | export function transferValidate (data) { | ||
| 63 | |||
| 64 | } | ||
| 65 | |||
| 66 | /** | ||
| 67 | * @description: 变更登记效验 | ||
| 68 | * @param {*} data | ||
| 69 | * @author: renchao | ||
| 70 | */ | ||
| 71 | export function changeValidate (data) { | ||
| 72 | |||
| 73 | } | ||
| 74 | |||
| 75 | /** | ||
| 76 | * @description: 注销登记效验 | ||
| 77 | * @param {*} data | ||
| 78 | * @author: renchao | ||
| 79 | */ | ||
| 80 | export function logoutValidate (data) { | ||
| 81 | |||
| 82 | } | ||
| 83 | |||
| 84 | /** | ||
| 85 | * @description: 更正登记效验 | ||
| 86 | * @param {*} data | ||
| 87 | * @author: renchao | ||
| 88 | */ | ||
| 89 | export function riviseValidate (data) { | ||
| 90 | |||
| 91 | } | ||
| 92 | |||
| 93 | /** | ||
| 94 | * @description: 补证登记效验 | ||
| 95 | * @param {*} data | ||
| 96 | * @author: renchao | ||
| 97 | */ | ||
| 98 | export function renewalValidate (data) { | ||
| 99 | |||
| 100 | } | ||
| 101 | |||
| 102 | /** | ||
| 103 | * @description: 换证登记效验 | ||
| 104 | * @param {*} data | ||
| 105 | * @author: renchao | ||
| 106 | */ | ||
| 107 | export function replaceValidate (data) { | ||
| 108 | |||
| 109 | } | ||
| ... | \ No newline at end of file | ... | \ No newline at end of file | ... | ... |
-
Please register or sign in to post a comment