style:权利人信息
Showing
20 changed files
with
1267 additions
and
1411 deletions
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-09-07 16:01:19 | 4 | * @LastEditTime: 2023-09-12 14:48:12 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <div class="clmlmx-box"> | 7 | <div class="clmlmx-box"> |
| ... | @@ -334,7 +334,6 @@ | ... | @@ -334,7 +334,6 @@ |
| 334 | }) | 334 | }) |
| 335 | }) | 335 | }) |
| 336 | }, | 336 | }, |
| 337 | // 字典 | ||
| 338 | /** | 337 | /** |
| 339 | * @description: 字典 | 338 | * @description: 字典 |
| 340 | * @param {*} val | 339 | * @param {*} val | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-09-11 13:35:33 | 4 | * @LastEditTime: 2023-09-12 15:18:52 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <div class="clmlmx-box"> | 7 | <div class="clmlmx-box"> |
| 8 | <lb-table :column="column" :key="key" :heightNumSetting="true" :calcHeight="600" :pagination="false" :data="tableData"> | 8 | <lb-table :column="column" :key="key" :heightNumSetting="true" :calcHeight="500" :pagination="false" :data="tableData"> |
| 9 | </lb-table> | 9 | </lb-table> |
| 10 | <div class="text-center"> | 10 | <div class="text-center"> |
| 11 | <el-button @click="handleCancel">取消</el-button> | 11 | <el-button @click="handleCancel">取消</el-button> |
| 12 | <el-button type="primary" @click="handleSubmit" :loading="loading" v-if="formData.ableOperation && tableData.length>0">保存</el-button> | 12 | <el-button type="primary" @click="handleSubmit" :loading="loading">保存</el-button> |
| 13 | </div> | 13 | </div> |
| 14 | </div> | 14 | </div> |
| 15 | </template> | 15 | </template> |
| ... | @@ -32,37 +32,28 @@ | ... | @@ -32,37 +32,28 @@ |
| 32 | loading: false, | 32 | loading: false, |
| 33 | column: [ | 33 | column: [ |
| 34 | { | 34 | { |
| 35 | width: "50", | 35 | width: '50', |
| 36 | label: '序号', | 36 | renderHeader: (h, scope) => { |
| 37 | type: 'index' | 37 | return <div> { |
| 38 | }, | 38 | <i class="el-icon-plus pointer" onClick={() => { this.handleAdd() }}></i> |
| 39 | { | ||
| 40 | prop: "isrequired", | ||
| 41 | label: "是否必选", | ||
| 42 | width: "80", | ||
| 43 | render: (h, scope) => { | ||
| 44 | if (scope.row.isrequired === "1") { | ||
| 45 | return ( | ||
| 46 | <div> | ||
| 47 | <span>必选</span> | ||
| 48 | </div> | ||
| 49 | ); | ||
| 50 | } | ||
| 51 | else { | ||
| 52 | return ( | ||
| 53 | <div> | ||
| 54 | <span>可选</span> | ||
| 55 | </div> | ||
| 56 | ) | ||
| 57 | } | 39 | } |
| 40 | </div> | ||
| 41 | }, | ||
| 42 | render: (h, scope) => { | ||
| 43 | return ( | ||
| 44 | <div> | ||
| 45 | { | ||
| 46 | <i class="el-icon-minus pointer" onClick={() => { this.handleDelete(scope.$index, scope.row) }}></i> | ||
| 47 | } | ||
| 48 | </div> | ||
| 49 | ) | ||
| 58 | } | 50 | } |
| 59 | }, | 51 | }, |
| 60 | { | 52 | { |
| 61 | label: "材料名称", | 53 | label: "材料名称", |
| 62 | render: (h, scope) => { | 54 | render: (h, scope) => { |
| 63 | return ( | 55 | return ( |
| 64 | (this.formData.ableOperation && scope.row.isrequired != '1') ? | 56 | <el-input value={scope.row.clmc} onInput={(val) => { scope.row.clmc = val }}></el-input> |
| 65 | <el-input value={scope.row.sjmc} onInput={(val) => { scope.row.sjmc = val }}></el-input> : <span>{scope.row.sjmc}</span> | ||
| 66 | ) | 57 | ) |
| 67 | } | 58 | } |
| 68 | }, | 59 | }, |
| ... | @@ -71,32 +62,25 @@ | ... | @@ -71,32 +62,25 @@ |
| 71 | width: "110", | 62 | width: "110", |
| 72 | render: (h, scope) => { | 63 | render: (h, scope) => { |
| 73 | return ( | 64 | return ( |
| 74 | this.formData.ableOperation ? | 65 | <el-select value={scope.row.cllx} |
| 75 | <el-select value={scope.row.sjlx} | 66 | onChange={(val) => { scope.row.cllx = val }}> |
| 76 | onChange={(val) => { scope.row.sjlx = val }}> | 67 | { |
| 77 | { | 68 | store.getters.dictData['A40'].map(option => { |
| 78 | store.getters.dictData['A40'].map(option => { | 69 | return ( |
| 79 | return ( | 70 | <el-option label={option.dname} value={option.dcode}></el-option> |
| 80 | <el-option label={option.dname} value={option.dcode}></el-option> | 71 | ) |
| 81 | ) | 72 | }) |
| 82 | }) | 73 | } |
| 83 | } | 74 | </el-select> |
| 84 | </el-select> : <span>{this.dicStatus(scope.row.sjlx, "A40")}</span> | ||
| 85 | ) | 75 | ) |
| 86 | } | 76 | } |
| 87 | }, | 77 | }, |
| 88 | { | 78 | { |
| 89 | prop: "sjsl", | ||
| 90 | label: "份数", | 79 | label: "份数", |
| 91 | width: "50", | 80 | width: "50", |
| 92 | render: (h, scope) => { | 81 | render: (h, scope) => { |
| 93 | return ( | 82 | return ( |
| 94 | <div> | 83 | <el-input value={scope.row.sjsl} onInput={(val) => { scope.row.sjsl = val }}></el-input> |
| 95 | { | ||
| 96 | scope.row.sjsl ? | ||
| 97 | <span>{scope.row.sjsl}</span> : 1 | ||
| 98 | } | ||
| 99 | </div> | ||
| 100 | ) | 84 | ) |
| 101 | } | 85 | } |
| 102 | }, | 86 | }, |
| ... | @@ -147,7 +131,7 @@ | ... | @@ -147,7 +131,7 @@ |
| 147 | <div> | 131 | <div> |
| 148 | <el-button | 132 | <el-button |
| 149 | type="text" | 133 | type="text" |
| 150 | disabled={scope.$index == 0 || !this.formData.ableOperation} | 134 | disabled={scope.$index == 0} |
| 151 | onClick={() => { | 135 | onClick={() => { |
| 152 | this.moveUpward(scope.$index, scope.row); | 136 | this.moveUpward(scope.$index, scope.row); |
| 153 | }} | 137 | }} |
| ... | @@ -156,16 +140,13 @@ | ... | @@ -156,16 +140,13 @@ |
| 156 | </el-button> | 140 | </el-button> |
| 157 | <el-button | 141 | <el-button |
| 158 | type="text" | 142 | type="text" |
| 159 | disabled={scope.$index + 1 == this.tableData.length || !this.formData.ableOperation} | 143 | disabled={scope.$index + 1 == this.tableData.length} |
| 160 | onClick={() => { | 144 | onClick={() => { |
| 161 | this.moveDown(scope.$index, scope.row); | 145 | this.moveDown(scope.$index, scope.row); |
| 162 | }} | 146 | }} |
| 163 | > | 147 | > |
| 164 | 下移 | 148 | 下移 |
| 165 | </el-button> | 149 | </el-button> |
| 166 | <i v-show={scope.row.isrequired != '1' && this.formData.ableOperation} onClick={() => { | ||
| 167 | this.handleDelete(scope.$index, scope.row); | ||
| 168 | }} class="el-icon-delete pointer" style="color:#409EFF;margin-left:5px;position: relative;top: 1px;"></i> | ||
| 169 | </div > | 150 | </div > |
| 170 | ) | 151 | ) |
| 171 | } | 152 | } |
| ... | @@ -188,6 +169,15 @@ | ... | @@ -188,6 +169,15 @@ |
| 188 | handleCancel () { | 169 | handleCancel () { |
| 189 | ywPopupCacel() | 170 | ywPopupCacel() |
| 190 | }, | 171 | }, |
| 172 | handleAdd () { | ||
| 173 | this.tableData.push({ | ||
| 174 | clmc: '', | ||
| 175 | cllx: '1', | ||
| 176 | sjsl: '', | ||
| 177 | smzt: '', | ||
| 178 | count: 0 | ||
| 179 | }) | ||
| 180 | }, | ||
| 191 | handleSubmit () { | 181 | handleSubmit () { |
| 192 | this.loading = true | 182 | this.loading = true |
| 193 | updateClml(this.tableData).then(res => { | 183 | updateClml(this.tableData).then(res => { |
| ... | @@ -311,25 +301,6 @@ | ... | @@ -311,25 +301,6 @@ |
| 311 | message: '已取消删除' | 301 | message: '已取消删除' |
| 312 | }) | 302 | }) |
| 313 | }) | 303 | }) |
| 314 | }, | ||
| 315 | // 字典 | ||
| 316 | /** | ||
| 317 | * @description: 字典 | ||
| 318 | * @param {*} val | ||
| 319 | * @param {*} code | ||
| 320 | * @author: renchao | ||
| 321 | */ | ||
| 322 | dicStatus (val, code) { | ||
| 323 | let data = store.getters.dictData[code], | ||
| 324 | name = "暂无"; | ||
| 325 | if (data) { | ||
| 326 | data.map((item) => { | ||
| 327 | if (item.dcode == val) { | ||
| 328 | name = item.dname; | ||
| 329 | } | ||
| 330 | }); | ||
| 331 | return name; | ||
| 332 | } | ||
| 333 | } | 304 | } |
| 334 | } | 305 | } |
| 335 | } | 306 | } | ... | ... |
| ... | @@ -386,7 +386,7 @@ | ... | @@ -386,7 +386,7 @@ |
| 386 | } | 386 | } |
| 387 | this.ruleForm.qlrList.forEach((item) => { | 387 | this.ruleForm.qlrList.forEach((item) => { |
| 388 | if (item.sfczr == 1) { | 388 | if (item.sfczr == 1) { |
| 389 | this.czr = item.sqrmc; | 389 | this.czr = item.zjh |
| 390 | } | 390 | } |
| 391 | }); | 391 | }); |
| 392 | }).catch(() => { | 392 | }).catch(() => { |
| ... | @@ -506,7 +506,7 @@ | ... | @@ -506,7 +506,7 @@ |
| 506 | } | 506 | } |
| 507 | this.num = 0 | 507 | this.num = 0 |
| 508 | this.ruleForm.qlrList.forEach(item => { | 508 | this.ruleForm.qlrList.forEach(item => { |
| 509 | if (item.sqrmc == this.czr) { | 509 | if (item.zjh == this.czr) { |
| 510 | this.num++ | 510 | this.num++ |
| 511 | } | 511 | } |
| 512 | }) | 512 | }) | ... | ... |
| ... | @@ -281,7 +281,7 @@ | ... | @@ -281,7 +281,7 @@ |
| 281 | }; | 281 | }; |
| 282 | this.ruleForm.qlrList.forEach((item) => { | 282 | this.ruleForm.qlrList.forEach((item) => { |
| 283 | if (item.sfczr == 1) { | 283 | if (item.sfczr == 1) { |
| 284 | this.czr = item.sqrmc; | 284 | this.czr = item.zjh |
| 285 | } | 285 | } |
| 286 | }); | 286 | }); |
| 287 | this.czrOptions = this.ruleForm.qlrList; | 287 | this.czrOptions = this.ruleForm.qlrList; |
| ... | @@ -355,7 +355,7 @@ | ... | @@ -355,7 +355,7 @@ |
| 355 | } | 355 | } |
| 356 | this.num = 0 | 356 | this.num = 0 |
| 357 | this.ruleForm.qlrList.forEach(item => { | 357 | this.ruleForm.qlrList.forEach(item => { |
| 358 | if (item.sqrmc == this.czr) { | 358 | if (item.zjh == this.czr) { |
| 359 | this.num++ | 359 | this.num++ |
| 360 | } | 360 | } |
| 361 | }) | 361 | }) | ... | ... |
| ... | @@ -436,7 +436,7 @@ | ... | @@ -436,7 +436,7 @@ |
| 436 | }; | 436 | }; |
| 437 | this.ruleForm.qlrList.forEach((item) => { | 437 | this.ruleForm.qlrList.forEach((item) => { |
| 438 | if (item.sfczr == 1) { | 438 | if (item.sfczr == 1) { |
| 439 | this.czr = item.sqrmc; | 439 | this.czr = item.zjh |
| 440 | } | 440 | } |
| 441 | }); | 441 | }); |
| 442 | this.czrOptions = this.ruleForm.qlrList; | 442 | this.czrOptions = this.ruleForm.qlrList; |
| ... | @@ -513,7 +513,7 @@ | ... | @@ -513,7 +513,7 @@ |
| 513 | this.czrOptions = this.ruleForm.qlrList; | 513 | this.czrOptions = this.ruleForm.qlrList; |
| 514 | this.num = 0 | 514 | this.num = 0 |
| 515 | this.ruleForm.qlrList.forEach(item => { | 515 | this.ruleForm.qlrList.forEach(item => { |
| 516 | if (item.sqrmc == this.czr) { | 516 | if (item.zjh == this.czr) { |
| 517 | this.num++ | 517 | this.num++ |
| 518 | } | 518 | } |
| 519 | }) | 519 | }) | ... | ... |
| ... | @@ -295,7 +295,7 @@ | ... | @@ -295,7 +295,7 @@ |
| 295 | }; | 295 | }; |
| 296 | this.ruleForm.qlrList.forEach((item) => { | 296 | this.ruleForm.qlrList.forEach((item) => { |
| 297 | if (item.sfczr == 1) { | 297 | if (item.sfczr == 1) { |
| 298 | this.czr = item.sqrmc; | 298 | this.czr = item.zjh |
| 299 | } | 299 | } |
| 300 | }); | 300 | }); |
| 301 | this.czrOptions = this.ruleForm.qlrList; | 301 | this.czrOptions = this.ruleForm.qlrList; | ... | ... |
| ... | @@ -11,8 +11,7 @@ | ... | @@ -11,8 +11,7 @@ |
| 11 | ref="ruleForm" | 11 | ref="ruleForm" |
| 12 | :label-position="flag ? 'top' : ''" | 12 | :label-position="flag ? 'top' : ''" |
| 13 | :inline="flag" | 13 | :inline="flag" |
| 14 | label-width="130px" | 14 | label-width="130px"> |
| 15 | > | ||
| 16 | <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''"> | 15 | <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''"> |
| 17 | <div class="slxx_title title-block"> | 16 | <div class="slxx_title title-block"> |
| 18 | 申请业务信息 | 17 | 申请业务信息 |
| ... | @@ -40,16 +39,14 @@ | ... | @@ -40,16 +39,14 @@ |
| 40 | <el-form-item label="权利类型："> | 39 | <el-form-item label="权利类型："> |
| 41 | <el-input | 40 | <el-input |
| 42 | disabled | 41 | disabled |
| 43 | v-model="ruleForm.sldyList[0].qllxmc" | 42 | v-model="ruleForm.sldyList[0].qllxmc"></el-input> |
| 44 | ></el-input> | ||
| 45 | </el-form-item> | 43 | </el-form-item> |
| 46 | </el-col> | 44 | </el-col> |
| 47 | <el-col :span="8" v-if="ruleForm.sldyList.length > 0"> | 45 | <el-col :span="8" v-if="ruleForm.sldyList.length > 0"> |
| 48 | <el-form-item label="登记类型："> | 46 | <el-form-item label="登记类型："> |
| 49 | <el-input | 47 | <el-input |
| 50 | disabled | 48 | disabled |
| 51 | v-model="ruleForm.sldyList[0].djlxmc" | 49 | v-model="ruleForm.sldyList[0].djlxmc"></el-input> |
| 52 | ></el-input> | ||
| 53 | </el-form-item> | 50 | </el-form-item> |
| 54 | </el-col> | 51 | </el-col> |
| 55 | <el-col :span="8"> | 52 | <el-col :span="8"> |
| ... | @@ -70,14 +67,12 @@ | ... | @@ -70,14 +67,12 @@ |
| 70 | <el-select | 67 | <el-select |
| 71 | disabled | 68 | disabled |
| 72 | v-model="ruleForm.zdjbxx.mjdw" | 69 | v-model="ruleForm.zdjbxx.mjdw" |
| 73 | style="width: 68px" | 70 | style="width: 68px"> |
| 74 | > | ||
| 75 | <el-option | 71 | <el-option |
| 76 | v-for="item in dictData['A7']" | 72 | v-for="item in dictData['A7']" |
| 77 | :key="item.dcode" | 73 | :key="item.dcode" |
| 78 | :label="item.dname" | 74 | :label="item.dname" |
| 79 | :value="item.dcode" | 75 | :value="item.dcode"></el-option> |
| 80 | ></el-option> | ||
| 81 | </el-select> | 76 | </el-select> |
| 82 | </div> | 77 | </div> |
| 83 | </el-form-item> | 78 | </el-form-item> |
| ... | @@ -151,8 +146,7 @@ | ... | @@ -151,8 +146,7 @@ |
| 151 | <el-form-item label="共有方式："> | 146 | <el-form-item label="共有方式："> |
| 152 | <el-radio-group | 147 | <el-radio-group |
| 153 | :disabled="!viewEdit" | 148 | :disabled="!viewEdit" |
| 154 | v-model="ruleForm.sldyList[0].gyfs" | 149 | v-model="ruleForm.sldyList[0].gyfs"> |
| 155 | > | ||
| 156 | <el-radio label="0">单独所有</el-radio> | 150 | <el-radio label="0">单独所有</el-radio> |
| 157 | <el-radio label="1">共同共有</el-radio> | 151 | <el-radio label="1">共同共有</el-radio> |
| 158 | <el-radio label="2">按份所有</el-radio> | 152 | <el-radio label="2">按份所有</el-radio> |
| ... | @@ -166,8 +160,7 @@ | ... | @@ -166,8 +160,7 @@ |
| 166 | <el-radio-group | 160 | <el-radio-group |
| 167 | v-model="ruleForm.sldyList[0].sqfbcz" | 161 | v-model="ruleForm.sldyList[0].sqfbcz" |
| 168 | :disabled="!viewEdit" | 162 | :disabled="!viewEdit" |
| 169 | @input="updaterow()" | 163 | @input="updaterow()"> |
| 170 | > | ||
| 171 | <el-radio :label="1">是</el-radio> | 164 | <el-radio :label="1">是</el-radio> |
| 172 | <el-radio :label="0">否</el-radio> | 165 | <el-radio :label="0">否</el-radio> |
| 173 | </el-radio-group> | 166 | </el-radio-group> |
| ... | @@ -178,20 +171,17 @@ | ... | @@ -178,20 +171,17 @@ |
| 178 | v-if=" | 171 | v-if=" |
| 179 | ruleForm.sldyList[0].gyfs != 0 && | 172 | ruleForm.sldyList[0].gyfs != 0 && |
| 180 | ruleForm.sldyList[0].sqfbcz == '0' | 173 | ruleForm.sldyList[0].sqfbcz == '0' |
| 181 | " | 174 | "> |
| 182 | > | ||
| 183 | <el-form-item label="持证人："> | 175 | <el-form-item label="持证人："> |
| 184 | <el-select | 176 | <el-select |
| 185 | v-model="czr" | 177 | v-model="czr" |
| 186 | placeholder="持证人" | 178 | placeholder="持证人" |
| 187 | :disabled="!viewEdit" | 179 | :disabled="!viewEdit"> |
| 188 | > | ||
| 189 | <el-option | 180 | <el-option |
| 190 | v-for="item in czrOptions" | 181 | v-for="item in czrOptions" |
| 191 | :key="item.zjh" | 182 | :key="item.zjh" |
| 192 | :label="item.sqrmc" | 183 | :label="item.sqrmc" |
| 193 | :value="item.zjh" | 184 | :value="item.zjh"></el-option> |
| 194 | ></el-option> | ||
| 195 | </el-select> | 185 | </el-select> |
| 196 | </el-form-item> | 186 | </el-form-item> |
| 197 | </el-col> | 187 | </el-col> |
| ... | @@ -200,8 +190,7 @@ | ... | @@ -200,8 +190,7 @@ |
| 200 | :disabled="viewEdit" | 190 | :disabled="viewEdit" |
| 201 | @upDateQlrxxList="upDateQlrxxList" | 191 | @upDateQlrxxList="upDateQlrxxList" |
| 202 | :tableData="ruleForm.qlrList" | 192 | :tableData="ruleForm.qlrList" |
| 203 | :gyfs="ruleForm.sldyList[0].gyfs" | 193 | :gyfs="ruleForm.sldyList[0].gyfs" /> |
| 204 | /> | ||
| 205 | <div class="slxx_title title-block"> | 194 | <div class="slxx_title title-block"> |
| 206 | 登记原因 | 195 | 登记原因 |
| 207 | <div class="triangle"></div> | 196 | <div class="triangle"></div> |
| ... | @@ -215,8 +204,7 @@ | ... | @@ -215,8 +204,7 @@ |
| 215 | maxlength="500" | 204 | maxlength="500" |
| 216 | show-word-limit | 205 | show-word-limit |
| 217 | :disabled="!viewEdit" | 206 | :disabled="!viewEdit" |
| 218 | v-model="ruleForm.fdcq2List[0].djyy" | 207 | v-model="ruleForm.fdcq2List[0].djyy"> |
| 219 | > | ||
| 220 | </el-input> | 208 | </el-input> |
| 221 | </el-form-item> | 209 | </el-form-item> |
| 222 | </el-col> | 210 | </el-col> |
| ... | @@ -231,296 +219,296 @@ | ... | @@ -231,296 +219,296 @@ |
| 231 | </div> | 219 | </div> |
| 232 | </template> | 220 | </template> |
| 233 | <script> | 221 | <script> |
| 234 | import ywmix from "@/views/ywbl/mixin/index"; | 222 | import ywmix from "@/views/ywbl/mixin/index"; |
| 235 | import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; | 223 | import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; |
| 236 | import { | 224 | import { |
| 237 | BatchInit, | 225 | BatchInit, |
| 238 | Init, | 226 | Init, |
| 239 | saveBatchData, | 227 | saveBatchData, |
| 240 | saveData, | 228 | saveData, |
| 241 | } from "@/api/workflow/fwsyqFlow.js"; | 229 | } from "@/api/workflow/fwsyqFlow.js"; |
| 242 | import { mapGetters } from "vuex"; | 230 | import { mapGetters } from "vuex"; |
| 243 | export default { | 231 | export default { |
| 244 | mixins: [ywmix], | 232 | mixins: [ywmix], |
| 245 | computed: { | 233 | computed: { |
| 246 | ...mapGetters(["dictData", "flag"]), | 234 | ...mapGetters(["dictData", "flag"]), |
| 247 | }, | ||
| 248 | components: { qlrCommonTable }, | ||
| 249 | |||
| 250 | // 更新义务人信息 | ||
| 251 | /** | ||
| 252 | * @description: 更新义务人信息 | ||
| 253 | * @param {*} val | ||
| 254 | * @author: renchao | ||
| 255 | */ | ||
| 256 | upDateYwrxxList(val) { | ||
| 257 | this.ruleForm.ywrList = _.cloneDeep(val); | ||
| 258 | }, | ||
| 259 | data() { | ||
| 260 | return { | ||
| 261 | disabled: true, | ||
| 262 | tdytOption: [], | ||
| 263 | ruleForm: { | ||
| 264 | cfdjList: [], //查封登记 | ||
| 265 | diyaqList: [], //抵押权 | ||
| 266 | fdcq2List: [], //房屋信息集合 | ||
| 267 | qlrList: [], //权利人 | ||
| 268 | ywrList: [], //义务人 | ||
| 269 | qlxxList: [], //权利信息集合 | ||
| 270 | sldyList: [], //受理不动产单元集合 | ||
| 271 | slsq: {}, //受理申请流程明细 | ||
| 272 | flow: {}, //受理申请流程明细 | ||
| 273 | sqrList: [], //申请人 | ||
| 274 | ssQlxxList: [], //上手权利信息 | ||
| 275 | user: {}, //用户 | ||
| 276 | zdjbxx: {}, //宗地基本信息 | ||
| 277 | }, | ||
| 278 | czrOptions: [], | ||
| 279 | czr: "", | ||
| 280 | //传递参数 | ||
| 281 | propsParam: this.$attrs, | ||
| 282 | //表单是否可操作 | ||
| 283 | viewEdit: true, | ||
| 284 | rules: {}, | ||
| 285 | gyfs: "", | ||
| 286 | bsmSlsq: this.$route.query.bsmSlsq, //受理申请标识码 | ||
| 287 | splicingFdcq2: { | ||
| 288 | //前端根据后台数组组装展示内容 | ||
| 289 | tdxz: "", //土地性质 | ||
| 290 | fwxz: "", //房屋性质 | ||
| 291 | fwjg: "", //房屋结构 | ||
| 292 | jzmj: "", //建筑面积 | ||
| 293 | zts: "", //房屋总套数 | ||
| 294 | }, | ||
| 295 | }; | ||
| 296 | }, | ||
| 297 | mounted(callbackfn, thisArg) { | ||
| 298 | this.viewEdit = this.$parent.currentSelectTab.ableOperation; | ||
| 299 | this.propsParam = this.$attrs; | ||
| 300 | var formdata = new FormData(); | ||
| 301 | formdata.append("bsmSldy", this.propsParam.bsmSldy); | ||
| 302 | formdata.append("djlx", this.propsParam.djlx); | ||
| 303 | formdata.append("bsmSlsq", this.bsmSlsq); | ||
| 304 | formdata.append("isEdit", this.viewEdit); | ||
| 305 | BatchInit(formdata).then((res) => { | ||
| 306 | if (res.code == 200) { | ||
| 307 | this.ruleForm = res.result; | ||
| 308 | this.czrOptions = this.ruleForm.qlrList; | ||
| 309 | this.gyfs = this.ruleForm.sldyList[0].gyfs; | ||
| 310 | this.splicingFdcq2Info(); | ||
| 311 | } | ||
| 312 | this.ruleForm.qlrList.forEach((item) => { | ||
| 313 | if (item.sfczr == 1) { | ||
| 314 | this.czr = item.sqrmc; | ||
| 315 | } | ||
| 316 | }); | ||
| 317 | }); | ||
| 318 | }, | ||
| 319 | methods: { | ||
| 320 | //组装房地产权通用信息 | ||
| 321 | /** | ||
| 322 | * @description: 组装房地产权通用信息 | ||
| 323 | * @author: renchao | ||
| 324 | */ | ||
| 325 | splicingFdcq2Info() { | ||
| 326 | let fdcq2List = this.ruleForm.fdcq2List; | ||
| 327 | let fwxzArr = []; | ||
| 328 | let fwjgArr = []; | ||
| 329 | let jzmj = 0; | ||
| 330 | fdcq2List.forEach((fdcq2) => { | ||
| 331 | fwxzArr.push(fdcq2.fwxzmc); | ||
| 332 | fwjgArr.push(fdcq2.fwjgmc); | ||
| 333 | jzmj += parseFloat(fdcq2.jzmj); | ||
| 334 | }); | ||
| 335 | //将数据转为字符串 | ||
| 336 | //房屋性质 | ||
| 337 | let fwxz = Array.from(new Set(fwxzArr)).join(","); | ||
| 338 | //房屋结构 | ||
| 339 | let fwjg = Array.from(new Set(fwjgArr)).join(","); | ||
| 340 | this.splicingFdcq2.fwxz = fwxz; | ||
| 341 | this.splicingFdcq2.fwjg = fwjg; | ||
| 342 | this.splicingFdcq2.jzmj = jzmj == null ? 0 : jzmj; | ||
| 343 | this.splicingFdcq2.zts = fdcq2List.length; | ||
| 344 | }, | ||
| 345 | /** | ||
| 346 | * @description: 更新权利人信息 | ||
| 347 | * @param {*} val | ||
| 348 | * @author: renchao | ||
| 349 | */ | ||
| 350 | upDateQlrxxList(val) { | ||
| 351 | this.ruleForm.qlrList = _.cloneDeep(val); | ||
| 352 | this.czrOptions = this.ruleForm.qlrList; | ||
| 353 | }, | 235 | }, |
| 236 | components: { qlrCommonTable }, | ||
| 354 | 237 | ||
| 355 | |||
| 356 | // 是否持证人变化 | ||
| 357 | /** | ||
| 358 | * @description: 是否持证人变化 | ||
| 359 | * @param {*} val | ||
| 360 | * @author: renchao | ||
| 361 | */ | ||
| 362 | updaterow() { | ||
| 363 | this.czr = ""; | ||
| 364 | }, | ||
| 365 | // 更新义务人信息 | 238 | // 更新义务人信息 |
| 366 | /** | 239 | /** |
| 367 | * @description: 更新义务人信息 | 240 | * @description: 更新义务人信息 |
| 368 | * @param {*} val | 241 | * @param {*} val |
| 369 | * @author: renchao | 242 | * @author: renchao |
| 370 | */ | 243 | */ |
| 371 | upDateYwrxxList(val) { | 244 | upDateYwrxxList (val) { |
| 372 | this.ruleForm.ywrList = _.cloneDeep(val); | 245 | this.ruleForm.ywrList = _.cloneDeep(val); |
| 373 | }, | 246 | }, |
| 374 | /** | 247 | data () { |
| 375 | * @description: onSubmit | 248 | return { |
| 376 | * @author: renchao | 249 | disabled: true, |
| 377 | */ | 250 | tdytOption: [], |
| 378 | onSubmit() { | 251 | ruleForm: { |
| 379 | let that = this; | 252 | cfdjList: [], //查封登记 |
| 380 | if (this.ruleForm.qlrList.length == 0) { | 253 | diyaqList: [], //抵押权 |
| 381 | this.$message({ | 254 | fdcq2List: [], //房屋信息集合 |
| 382 | showClose: true, | 255 | qlrList: [], //权利人 |
| 383 | message: "请确认权利人信息", | 256 | ywrList: [], //义务人 |
| 384 | type: "error", | 257 | qlxxList: [], //权利信息集合 |
| 385 | }); | 258 | sldyList: [], //受理不动产单元集合 |
| 386 | return false; | 259 | slsq: {}, //受理申请流程明细 |
| 387 | } | 260 | flow: {}, //受理申请流程明细 |
| 388 | if (this.ruleForm.sldyList[0].gyfs == "0") { | 261 | sqrList: [], //申请人 |
| 389 | if (this.ruleForm.qlrList.length > 1) { | 262 | ssQlxxList: [], //上手权利信息 |
| 390 | this.$message({ | 263 | user: {}, //用户 |
| 391 | showClose: true, | 264 | zdjbxx: {}, //宗地基本信息 |
| 392 | message: "共有方式：单独所有，权利人只能是一个人", | 265 | }, |
| 393 | type: "error", | 266 | czrOptions: [], |
| 394 | }); | 267 | czr: "", |
| 395 | return false; | 268 | //传递参数 |
| 269 | propsParam: this.$attrs, | ||
| 270 | //表单是否可操作 | ||
| 271 | viewEdit: true, | ||
| 272 | rules: {}, | ||
| 273 | gyfs: "", | ||
| 274 | bsmSlsq: this.$route.query.bsmSlsq, //受理申请标识码 | ||
| 275 | splicingFdcq2: { | ||
| 276 | //前端根据后台数组组装展示内容 | ||
| 277 | tdxz: "", //土地性质 | ||
| 278 | fwxz: "", //房屋性质 | ||
| 279 | fwjg: "", //房屋结构 | ||
| 280 | jzmj: "", //建筑面积 | ||
| 281 | zts: "", //房屋总套数 | ||
| 282 | }, | ||
| 283 | }; | ||
| 284 | }, | ||
| 285 | mounted (callbackfn, thisArg) { | ||
| 286 | this.viewEdit = this.$parent.currentSelectTab.ableOperation; | ||
| 287 | this.propsParam = this.$attrs; | ||
| 288 | var formdata = new FormData(); | ||
| 289 | formdata.append("bsmSldy", this.propsParam.bsmSldy); | ||
| 290 | formdata.append("djlx", this.propsParam.djlx); | ||
| 291 | formdata.append("bsmSlsq", this.bsmSlsq); | ||
| 292 | formdata.append("isEdit", this.viewEdit); | ||
| 293 | BatchInit(formdata).then((res) => { | ||
| 294 | if (res.code == 200) { | ||
| 295 | this.ruleForm = res.result; | ||
| 296 | this.czrOptions = this.ruleForm.qlrList; | ||
| 297 | this.gyfs = this.ruleForm.sldyList[0].gyfs; | ||
| 298 | this.splicingFdcq2Info(); | ||
| 396 | } | 299 | } |
| 397 | this.ruleForm.qlrList[0].sfczr = "1"; | 300 | this.ruleForm.qlrList.forEach((item) => { |
| 398 | } else { | 301 | if (item.sfczr == 1) { |
| 399 | if (this.ruleForm.qlrList.length <= 1) { | 302 | this.czr = item.zjh |
| 303 | } | ||
| 304 | }); | ||
| 305 | }); | ||
| 306 | }, | ||
| 307 | methods: { | ||
| 308 | //组装房地产权通用信息 | ||
| 309 | /** | ||
| 310 | * @description: 组装房地产权通用信息 | ||
| 311 | * @author: renchao | ||
| 312 | */ | ||
| 313 | splicingFdcq2Info () { | ||
| 314 | let fdcq2List = this.ruleForm.fdcq2List; | ||
| 315 | let fwxzArr = []; | ||
| 316 | let fwjgArr = []; | ||
| 317 | let jzmj = 0; | ||
| 318 | fdcq2List.forEach((fdcq2) => { | ||
| 319 | fwxzArr.push(fdcq2.fwxzmc); | ||
| 320 | fwjgArr.push(fdcq2.fwjgmc); | ||
| 321 | jzmj += parseFloat(fdcq2.jzmj); | ||
| 322 | }); | ||
| 323 | //将数据转为字符串 | ||
| 324 | //房屋性质 | ||
| 325 | let fwxz = Array.from(new Set(fwxzArr)).join(","); | ||
| 326 | //房屋结构 | ||
| 327 | let fwjg = Array.from(new Set(fwjgArr)).join(","); | ||
| 328 | this.splicingFdcq2.fwxz = fwxz; | ||
| 329 | this.splicingFdcq2.fwjg = fwjg; | ||
| 330 | this.splicingFdcq2.jzmj = jzmj == null ? 0 : jzmj; | ||
| 331 | this.splicingFdcq2.zts = fdcq2List.length; | ||
| 332 | }, | ||
| 333 | /** | ||
| 334 | * @description: 更新权利人信息 | ||
| 335 | * @param {*} val | ||
| 336 | * @author: renchao | ||
| 337 | */ | ||
| 338 | upDateQlrxxList (val) { | ||
| 339 | this.ruleForm.qlrList = _.cloneDeep(val); | ||
| 340 | this.czrOptions = this.ruleForm.qlrList; | ||
| 341 | }, | ||
| 342 | |||
| 343 | |||
| 344 | // 是否持证人变化 | ||
| 345 | /** | ||
| 346 | * @description: 是否持证人变化 | ||
| 347 | * @param {*} val | ||
| 348 | * @author: renchao | ||
| 349 | */ | ||
| 350 | updaterow () { | ||
| 351 | this.czr = ""; | ||
| 352 | }, | ||
| 353 | // 更新义务人信息 | ||
| 354 | /** | ||
| 355 | * @description: 更新义务人信息 | ||
| 356 | * @param {*} val | ||
| 357 | * @author: renchao | ||
| 358 | */ | ||
| 359 | upDateYwrxxList (val) { | ||
| 360 | this.ruleForm.ywrList = _.cloneDeep(val); | ||
| 361 | }, | ||
| 362 | /** | ||
| 363 | * @description: onSubmit | ||
| 364 | * @author: renchao | ||
| 365 | */ | ||
| 366 | onSubmit () { | ||
| 367 | let that = this; | ||
| 368 | if (this.ruleForm.qlrList.length == 0) { | ||
| 400 | this.$message({ | 369 | this.$message({ |
| 401 | showClose: true, | 370 | showClose: true, |
| 402 | message: | 371 | message: "请确认权利人信息", |
| 403 | "共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上", | ||
| 404 | type: "error", | 372 | type: "error", |
| 405 | }); | 373 | }); |
| 406 | return false; | 374 | return false; |
| 407 | } | 375 | } |
| 408 | //是否分别持证 | 376 | if (this.ruleForm.sldyList[0].gyfs == "0") { |
| 409 | if (this.ruleForm.sldyList[0].sqfbcz == "1") { | 377 | if (this.ruleForm.qlrList.length > 1) { |
| 410 | //是 | 378 | this.$message({ |
| 411 | this.ruleForm.qlrList.forEach((item, index) => { | 379 | showClose: true, |
| 412 | item.sfczr = "1"; | 380 | message: "共有方式：单独所有，权利人只能是一个人", |
| 413 | }); | 381 | type: "error", |
| 382 | }); | ||
| 383 | return false; | ||
| 384 | } | ||
| 385 | this.ruleForm.qlrList[0].sfczr = "1"; | ||
| 414 | } else { | 386 | } else { |
| 415 | if (!that.czr) { | 387 | if (this.ruleForm.qlrList.length <= 1) { |
| 416 | that.$message({ | 388 | this.$message({ |
| 417 | showClose: true, | 389 | showClose: true, |
| 418 | message: "请选择持证人", | 390 | message: |
| 391 | "共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上", | ||
| 419 | type: "error", | 392 | type: "error", |
| 420 | }); | 393 | }); |
| 421 | return false; | 394 | return false; |
| 422 | } | 395 | } |
| 423 | this.ruleForm.qlrList.forEach((item, index) => { | 396 | //是否分别持证 |
| 424 | if (item.zjh == that.czr) { | 397 | if (this.ruleForm.sldyList[0].sqfbcz == "1") { |
| 398 | //是 | ||
| 399 | this.ruleForm.qlrList.forEach((item, index) => { | ||
| 425 | item.sfczr = "1"; | 400 | item.sfczr = "1"; |
| 426 | } else { | 401 | }); |
| 427 | item.sfczr = "0"; | 402 | } else { |
| 403 | if (!that.czr) { | ||
| 404 | that.$message({ | ||
| 405 | showClose: true, | ||
| 406 | message: "请选择持证人", | ||
| 407 | type: "error", | ||
| 408 | }); | ||
| 409 | return false; | ||
| 428 | } | 410 | } |
| 429 | }); | 411 | this.ruleForm.qlrList.forEach((item, index) => { |
| 430 | } | 412 | if (item.zjh == that.czr) { |
| 431 | } | 413 | item.sfczr = "1"; |
| 432 | saveBatchData(this.ruleForm).then((res) => { | 414 | } else { |
| 433 | if (res.code === 200) { | 415 | item.sfczr = "0"; |
| 434 | this.$message({ | 416 | } |
| 435 | showClose: true, | 417 | }); |
| 436 | message: "保存成功！", | 418 | } |
| 437 | type: "success", | ||
| 438 | }); | ||
| 439 | this.$store.dispatch("user/refreshPage", true); | ||
| 440 | } else { | ||
| 441 | this.$message({ | ||
| 442 | showClose: true, | ||
| 443 | message: res.message, | ||
| 444 | type: "error", | ||
| 445 | }); | ||
| 446 | } | 419 | } |
| 447 | }); | 420 | saveBatchData(this.ruleForm).then((res) => { |
| 421 | if (res.code === 200) { | ||
| 422 | this.$message({ | ||
| 423 | showClose: true, | ||
| 424 | message: "保存成功！", | ||
| 425 | type: "success", | ||
| 426 | }); | ||
| 427 | this.$store.dispatch("user/refreshPage", true); | ||
| 428 | } else { | ||
| 429 | this.$message({ | ||
| 430 | showClose: true, | ||
| 431 | message: res.message, | ||
| 432 | type: "error", | ||
| 433 | }); | ||
| 434 | } | ||
| 435 | }); | ||
| 436 | }, | ||
| 448 | }, | 437 | }, |
| 449 | }, | 438 | }; |
| 450 | }; | ||
| 451 | </script> | 439 | </script> |
| 452 | <style scoped lang="scss"> | 440 | <style scoped lang="scss"> |
| 453 | @import "~@/styles/public.scss"; | 441 | @import "~@/styles/public.scss"; |
| 454 | 442 | ||
| 455 | /deep/.el-form { | 443 | /deep/.el-form { |
| 456 | display: flex; | 444 | display: flex; |
| 457 | flex-direction: column; | 445 | flex-direction: column; |
| 458 | height: calc(100vh - 130px); | 446 | height: calc(100vh - 130px); |
| 459 | } | 447 | } |
| 460 | 448 | ||
| 461 | /deep/.el-form-item__label { | 449 | /deep/.el-form-item__label { |
| 462 | padding: 0; | 450 | padding: 0; |
| 463 | } | 451 | } |
| 464 | 452 | ||
| 465 | /deep/.el-radio { | 453 | /deep/.el-radio { |
| 466 | margin-right: 10px; | 454 | margin-right: 10px; |
| 467 | } | 455 | } |
| 468 | 456 | ||
| 469 | /deep/.el-select { | 457 | /deep/.el-select { |
| 470 | width: 100%; | 458 | width: 100%; |
| 471 | } | 459 | } |
| 472 | 460 | ||
| 473 | /deep/.el-form-item { | 461 | /deep/.el-form-item { |
| 474 | margin-bottom: 8px; | 462 | margin-bottom: 8px; |
| 475 | } | 463 | } |
| 476 | 464 | ||
| 477 | .marginBot0 { | 465 | .marginBot0 { |
| 478 | margin-bottom: 0 !important; | 466 | margin-bottom: 0 !important; |
| 479 | } | 467 | } |
| 480 | 468 | ||
| 481 | .slxx { | 469 | .slxx { |
| 482 | box-sizing: border-box; | 470 | box-sizing: border-box; |
| 483 | } | 471 | } |
| 484 | 472 | ||
| 485 | .slxx_con { | 473 | .slxx_con { |
| 486 | flex: 1; | 474 | flex: 1; |
| 487 | height: 100%; | 475 | height: 100%; |
| 488 | background-color: #ffffff; | 476 | background-color: #ffffff; |
| 489 | overflow-y: auto; | 477 | overflow-y: auto; |
| 490 | padding-right: 3px; | 478 | padding-right: 3px; |
| 491 | overflow-x: hidden; | 479 | overflow-x: hidden; |
| 492 | } | 480 | } |
| 493 | 481 | ||
| 494 | .submit_btn { | 482 | .submit_btn { |
| 495 | height: 50px; | 483 | height: 50px; |
| 496 | } | 484 | } |
| 497 | 485 | ||
| 498 | .slxx_title { | 486 | .slxx_title { |
| 499 | border-bottom: 1px solid $borderColor; | 487 | border-bottom: 1px solid $borderColor; |
| 500 | padding-left: 10px; | 488 | padding-left: 10px; |
| 501 | padding-bottom: 5px; | 489 | padding-bottom: 5px; |
| 502 | margin-bottom: 10px; | 490 | margin-bottom: 10px; |
| 503 | margin-top: 5px; | 491 | margin-top: 5px; |
| 504 | font-size: 16px; | 492 | font-size: 16px; |
| 505 | font-weight: 500; | 493 | font-weight: 500; |
| 506 | color: #4a4a4a; | 494 | color: #4a4a4a; |
| 507 | } | 495 | } |
| 508 | 496 | ||
| 509 | .btn { | 497 | .btn { |
| 510 | text-align: center; | 498 | text-align: center; |
| 511 | padding-top: 10px; | 499 | padding-top: 10px; |
| 512 | height: 36px; | 500 | height: 36px; |
| 513 | background-color: #ffffff; | 501 | background-color: #ffffff; |
| 514 | padding: 5px 0; | 502 | padding: 5px 0; |
| 515 | } | 503 | } |
| 516 | 504 | ||
| 517 | .textArea { | 505 | .textArea { |
| 518 | /deep/.el-textarea__inner { | 506 | /deep/.el-textarea__inner { |
| 519 | min-height: 90px !important; | 507 | min-height: 90px !important; |
| 508 | } | ||
| 520 | } | 509 | } |
| 521 | } | ||
| 522 | 510 | ||
| 523 | /deep/.el-form-item__label { | 511 | /deep/.el-form-item__label { |
| 524 | padding-bottom: 0px; | 512 | padding-bottom: 0px; |
| 525 | } | 513 | } |
| 526 | </style> | 514 | </style> | ... | ... |
| ... | @@ -12,8 +12,7 @@ | ... | @@ -12,8 +12,7 @@ |
| 12 | ref="ruleForm" | 12 | ref="ruleForm" |
| 13 | :label-position="flag ? 'top' : ''" | 13 | :label-position="flag ? 'top' : ''" |
| 14 | :inline="flag" | 14 | :inline="flag" |
| 15 | label-width="120px" | 15 | label-width="120px"> |
| 16 | > | ||
| 17 | <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''"> | 16 | <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''"> |
| 18 | <div class="slxx_title title-block"> | 17 | <div class="slxx_title title-block"> |
| 19 | 申请业务信息 | 18 | 申请业务信息 |
| ... | @@ -44,14 +43,12 @@ | ... | @@ -44,14 +43,12 @@ |
| 44 | v-model="ruleForm.qllx" | 43 | v-model="ruleForm.qllx" |
| 45 | filterable | 44 | filterable |
| 46 | clearable | 45 | clearable |
| 47 | placeholder="请选择权利类型" | 46 | placeholder="请选择权利类型"> |
| 48 | > | ||
| 49 | <el-option | 47 | <el-option |
| 50 | v-for="item in dictData['A8']" | 48 | v-for="item in dictData['A8']" |
| 51 | :key="item.dcode" | 49 | :key="item.dcode" |
| 52 | :label="item.dname" | 50 | :label="item.dname" |
| 53 | :value="item.dcode" | 51 | :value="item.dcode"> |
| 54 | > | ||
| 55 | </el-option> | 52 | </el-option> |
| 56 | </el-select> | 53 | </el-select> |
| 57 | </el-form-item> | 54 | </el-form-item> |
| ... | @@ -63,14 +60,12 @@ | ... | @@ -63,14 +60,12 @@ |
| 63 | v-model="ruleForm.djlx" | 60 | v-model="ruleForm.djlx" |
| 64 | filterable | 61 | filterable |
| 65 | clearable | 62 | clearable |
| 66 | placeholder="请选择登记类型" | 63 | placeholder="请选择登记类型"> |
| 67 | > | ||
| 68 | <el-option | 64 | <el-option |
| 69 | v-for="item in dictData['A21']" | 65 | v-for="item in dictData['A21']" |
| 70 | :key="item.dcode" | 66 | :key="item.dcode" |
| 71 | :label="item.dname" | 67 | :label="item.dname" |
| 72 | :value="item.dcode" | 68 | :value="item.dcode"> |
| 73 | > | ||
| 74 | </el-option> | 69 | </el-option> |
| 75 | </el-select> | 70 | </el-select> |
| 76 | </el-form-item> | 71 | </el-form-item> |
| ... | @@ -120,8 +115,7 @@ | ... | @@ -120,8 +115,7 @@ |
| 120 | v-for="item in djztList" | 115 | v-for="item in djztList" |
| 121 | :key="item.value" | 116 | :key="item.value" |
| 122 | :label="item.label" | 117 | :label="item.label" |
| 123 | :value="item.value" | 118 | :value="item.value"> |
| 124 | > | ||
| 125 | </el-option> | 119 | </el-option> |
| 126 | </el-select> | 120 | </el-select> |
| 127 | </el-form-item> | 121 | </el-form-item> |
| ... | @@ -164,8 +158,7 @@ | ... | @@ -164,8 +158,7 @@ |
| 164 | <tdytTable | 158 | <tdytTable |
| 165 | :ableOperation="viewEdit" | 159 | :ableOperation="viewEdit" |
| 166 | :tableData="ruleForm.tdytqxList" | 160 | :tableData="ruleForm.tdytqxList" |
| 167 | @upDateTdytxxList="upDateTdytxxList" | 161 | @upDateTdytxxList="upDateTdytxxList" /> |
| 168 | /> | ||
| 169 | <div class="slxx_title title-block"> | 162 | <div class="slxx_title title-block"> |
| 170 | 权利人信息 | 163 | 权利人信息 |
| 171 | <div class="triangle"></div> | 164 | <div class="triangle"></div> |
| ... | @@ -186,8 +179,7 @@ | ... | @@ -186,8 +179,7 @@ |
| 186 | <el-radio-group | 179 | <el-radio-group |
| 187 | v-model="ruleForm.sffbcz" | 180 | v-model="ruleForm.sffbcz" |
| 188 | :disabled="!viewEdit" | 181 | :disabled="!viewEdit" |
| 189 | @input="updaterow()" | 182 | @input="updaterow()"> |
| 190 | > | ||
| 191 | <el-radio label="1">是</el-radio> | 183 | <el-radio label="1">是</el-radio> |
| 192 | <el-radio label="0">否</el-radio> | 184 | <el-radio label="0">否</el-radio> |
| 193 | </el-radio-group> | 185 | </el-radio-group> |
| ... | @@ -195,20 +187,17 @@ | ... | @@ -195,20 +187,17 @@ |
| 195 | </el-col> | 187 | </el-col> |
| 196 | <el-col | 188 | <el-col |
| 197 | :span="5" | 189 | :span="5" |
| 198 | v-show="ruleForm.gyfs != '1' && ruleForm.sffbcz == '0'" | 190 | v-show="ruleForm.gyfs != '1' && ruleForm.sffbcz == '0'"> |
| 199 | > | ||
| 200 | <el-form-item label="持证人："> | 191 | <el-form-item label="持证人："> |
| 201 | <el-select | 192 | <el-select |
| 202 | v-model="czr" | 193 | v-model="czr" |
| 203 | placeholder="持证人" | 194 | placeholder="持证人" |
| 204 | :disabled="!viewEdit" | 195 | :disabled="!viewEdit"> |
| 205 | > | ||
| 206 | <el-option | 196 | <el-option |
| 207 | v-for="item in czrOptions" | 197 | v-for="item in czrOptions" |
| 208 | :key="item.value" | 198 | :key="item.value" |
| 209 | :label="item.label" | 199 | :label="item.label" |
| 210 | :value="item.value" | 200 | :value="item.value"> |
| 211 | > | ||
| 212 | </el-option> | 201 | </el-option> |
| 213 | </el-select> | 202 | </el-select> |
| 214 | </el-form-item> | 203 | </el-form-item> |
| ... | @@ -217,8 +206,7 @@ | ... | @@ -217,8 +206,7 @@ |
| 217 | <qlrCommonTable | 206 | <qlrCommonTable |
| 218 | :tableData="ruleForm.qlrList" | 207 | :tableData="ruleForm.qlrList" |
| 219 | :gyfs="ruleForm.gyfs" | 208 | :gyfs="ruleForm.gyfs" |
| 220 | :disabled="viewEdit" | 209 | :disabled="viewEdit" /> |
| 221 | /> | ||
| 222 | <div class="slxx_title title-block"> | 210 | <div class="slxx_title title-block"> |
| 223 | 登记原因 | 211 | 登记原因 |
| 224 | <div class="triangle"></div> | 212 | <div class="triangle"></div> |
| ... | @@ -232,8 +220,7 @@ | ... | @@ -232,8 +220,7 @@ |
| 232 | maxlength="500" | 220 | maxlength="500" |
| 233 | show-word-limit | 221 | show-word-limit |
| 234 | :disabled="!viewEdit" | 222 | :disabled="!viewEdit" |
| 235 | v-model="ruleForm.djyy" | 223 | v-model="ruleForm.djyy"> |
| 236 | > | ||
| 237 | </el-input> | 224 | </el-input> |
| 238 | </el-form-item> | 225 | </el-form-item> |
| 239 | </el-col> | 226 | </el-col> |
| ... | @@ -248,114 +235,18 @@ | ... | @@ -248,114 +235,18 @@ |
| 248 | </div> | 235 | </div> |
| 249 | </template> | 236 | </template> |
| 250 | <script> | 237 | <script> |
| 251 | import ywmix from "@/views/ywbl/mixin/index"; | 238 | import ywmix from "@/views/ywbl/mixin/index"; |
| 252 | import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; | 239 | import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; |
| 253 | import tdytTable from "@/views/workflow/components/tdytTable"; | 240 | import tdytTable from "@/views/workflow/components/tdytTable"; |
| 254 | import { Init } from "@/api/workflow/fwsyqFlow.js"; | 241 | import { Init } from "@/api/workflow/fwsyqFlow.js"; |
| 255 | import { mapGetters } from "vuex"; | 242 | import { mapGetters } from "vuex"; |
| 256 | export default { | 243 | export default { |
| 257 | mixins: [ywmix], | 244 | mixins: [ywmix], |
| 258 | mounted() { | 245 | mounted () { |
| 259 | this.viewEdit = this.$parent.currentSelectTab.ableOperation; | 246 | this.viewEdit = this.$parent.currentSelectTab.ableOperation; |
| 260 | this.propsParam = this.$attrs; | 247 | this.propsParam = this.$attrs; |
| 261 | var formdata = new FormData(); | ||
| 262 | formdata.append("bsmSldy", this.propsParam.bsmSldy); | ||
| 263 | Init(formdata).then((res) => { | ||
| 264 | if (res.code === 200 && res.result) { | ||
| 265 | this.ruleForm = { | ||
| 266 | ...res.result, | ||
| 267 | ...res.result.zdjbxxdatas, | ||
| 268 | ...res.result.qlxxdatas, | ||
| 269 | ...res.result.jsydsyqdatas, | ||
| 270 | }; | ||
| 271 | this.ruleForm.qlrList.forEach((item) => { | ||
| 272 | if (item.sfczr == 1) { | ||
| 273 | this.czr = item.sqrmc; | ||
| 274 | } | ||
| 275 | }); | ||
| 276 | this.czrOptions = this.ruleForm.qlrList; | ||
| 277 | } | ||
| 278 | }); | ||
| 279 | }, | ||
| 280 | components: { qlrCommonTable, tdytTable }, | ||
| 281 | computed: { | ||
| 282 | ...mapGetters(["dictData", "flag"]), | ||
| 283 | }, | ||
| 284 | data() { | ||
| 285 | return { | ||
| 286 | //表单是否可操作 | ||
| 287 | viewEdit: false, | ||
| 288 | disabled: true, | ||
| 289 | tdytOption: [], | ||
| 290 | czrOptions: [], | ||
| 291 | czr: "", | ||
| 292 | ruleForm: { | ||
| 293 | ywh: "", | ||
| 294 | slry: "", | ||
| 295 | slsj: "", | ||
| 296 | qllx: "", | ||
| 297 | djlx: "", | ||
| 298 | djqx: "", | ||
| 299 | // 宗地代码 | ||
| 300 | zddm: "", | ||
| 301 | bdcdyh: "", | ||
| 302 | qlxzmc: "", | ||
| 303 | qlrxx: [], | ||
| 304 | // 自然幢号 | ||
| 305 | zrzh: "", | ||
| 306 | // 户不动产单元号 | ||
| 307 | ghytmc: "", | ||
| 308 | djzt: "", | ||
| 309 | // 图幅丘幢号 | ||
| 310 | tfqzh: "", | ||
| 311 | zl: "", | ||
| 312 | // 房屋用途 | ||
| 313 | fwyt: "", | ||
| 314 | fwxz: "", | ||
| 315 | fwjg: "", | ||
| 316 | // 权利人信息 | ||
| 317 | gyfs: "1", | ||
| 318 | // 是否分别持证 | ||
| 319 | sffbcz: "", | ||
| 320 | // 持证人 | ||
| 321 | czr: "", | ||
| 322 | djyy: "", | ||
| 323 | }, | ||
| 324 | //传递参数 | ||
| 325 | propsParam: {}, | ||
| 326 | rules: {}, | ||
| 327 | }; | ||
| 328 | }, | ||
| 329 | methods: { | ||
| 330 | // 更新土地用途信息 | ||
| 331 | /** | ||
| 332 | * @description: 更新土地用途信息 | ||
| 333 | * @param {*} val | ||
| 334 | * @author: renchao | ||
| 335 | */ | ||
| 336 | upDateTdytxxList(val) { | ||
| 337 | this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); | ||
| 338 | this.czrOptions = this.ruleForm.qlrData; | ||
| 339 | this.key++; | ||
| 340 | }, | ||
| 341 | // 是否持证人变化 | ||
| 342 | /** | ||
| 343 | * @description: 是否持证人变化 | ||
| 344 | * @param {*} val | ||
| 345 | * @author: renchao | ||
| 346 | */ | ||
| 347 | updaterow() { | ||
| 348 | this.czr = ""; | ||
| 349 | }, | ||
| 350 | /** | ||
| 351 | * @description: list | ||
| 352 | * @param {*} bsmSldy | ||
| 353 | * @author: renchao | ||
| 354 | */ | ||
| 355 | list(bsmSldy) { | ||
| 356 | var formdata = new FormData(); | 248 | var formdata = new FormData(); |
| 357 | formdata.append("bsmSldy", bsmSldy); | 249 | formdata.append("bsmSldy", this.propsParam.bsmSldy); |
| 358 | formdata.append("isEdit", this.viewEdit); | ||
| 359 | Init(formdata).then((res) => { | 250 | Init(formdata).then((res) => { |
| 360 | if (res.code === 200 && res.result) { | 251 | if (res.code === 200 && res.result) { |
| 361 | this.ruleForm = { | 252 | this.ruleForm = { |
| ... | @@ -364,159 +255,255 @@ export default { | ... | @@ -364,159 +255,255 @@ export default { |
| 364 | ...res.result.qlxxdatas, | 255 | ...res.result.qlxxdatas, |
| 365 | ...res.result.jsydsyqdatas, | 256 | ...res.result.jsydsyqdatas, |
| 366 | }; | 257 | }; |
| 258 | this.ruleForm.qlrList.forEach((item) => { | ||
| 259 | if (item.sfczr == 1) { | ||
| 260 | this.czr = item.zjh | ||
| 261 | } | ||
| 262 | }); | ||
| 263 | this.czrOptions = this.ruleForm.qlrList; | ||
| 367 | } | 264 | } |
| 368 | }); | 265 | }); |
| 369 | }, | 266 | }, |
| 370 | /** | 267 | components: { qlrCommonTable, tdytTable }, |
| 371 | * @description: onSubmit | 268 | computed: { |
| 372 | * @author: renchao | 269 | ...mapGetters(["dictData", "flag"]), |
| 373 | */ | 270 | }, |
| 374 | onSubmit() { | 271 | data () { |
| 375 | let that = this; | 272 | return { |
| 376 | let arr = this.ruleForm.tdytqxList.filter((item) => !item.yt); | 273 | //表单是否可操作 |
| 377 | if (arr.length > 0) { | 274 | viewEdit: false, |
| 378 | this.$message({ | 275 | disabled: true, |
| 379 | showClose: true, | 276 | tdytOption: [], |
| 380 | message: "土地用途不能为空", | 277 | czrOptions: [], |
| 381 | type: "error", | 278 | czr: "", |
| 382 | }); | 279 | ruleForm: { |
| 383 | return false; | 280 | ywh: "", |
| 384 | } | 281 | slry: "", |
| 385 | if (this.ruleForm.qlrList.length == 0) { | 282 | slsj: "", |
| 386 | this.$message({ | 283 | qllx: "", |
| 387 | showClose: true, | 284 | djlx: "", |
| 388 | message: "请确认权利人信息", | 285 | djqx: "", |
| 389 | type: "error", | 286 | // 宗地代码 |
| 287 | zddm: "", | ||
| 288 | bdcdyh: "", | ||
| 289 | qlxzmc: "", | ||
| 290 | qlrxx: [], | ||
| 291 | // 自然幢号 | ||
| 292 | zrzh: "", | ||
| 293 | // 户不动产单元号 | ||
| 294 | ghytmc: "", | ||
| 295 | djzt: "", | ||
| 296 | // 图幅丘幢号 | ||
| 297 | tfqzh: "", | ||
| 298 | zl: "", | ||
| 299 | // 房屋用途 | ||
| 300 | fwyt: "", | ||
| 301 | fwxz: "", | ||
| 302 | fwjg: "", | ||
| 303 | // 权利人信息 | ||
| 304 | gyfs: "1", | ||
| 305 | // 是否分别持证 | ||
| 306 | sffbcz: "", | ||
| 307 | // 持证人 | ||
| 308 | czr: "", | ||
| 309 | djyy: "", | ||
| 310 | }, | ||
| 311 | //传递参数 | ||
| 312 | propsParam: {}, | ||
| 313 | rules: {}, | ||
| 314 | }; | ||
| 315 | }, | ||
| 316 | methods: { | ||
| 317 | // 更新土地用途信息 | ||
| 318 | /** | ||
| 319 | * @description: 更新土地用途信息 | ||
| 320 | * @param {*} val | ||
| 321 | * @author: renchao | ||
| 322 | */ | ||
| 323 | upDateTdytxxList (val) { | ||
| 324 | this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); | ||
| 325 | this.czrOptions = this.ruleForm.qlrData; | ||
| 326 | this.key++; | ||
| 327 | }, | ||
| 328 | // 是否持证人变化 | ||
| 329 | /** | ||
| 330 | * @description: 是否持证人变化 | ||
| 331 | * @param {*} val | ||
| 332 | * @author: renchao | ||
| 333 | */ | ||
| 334 | updaterow () { | ||
| 335 | this.czr = ""; | ||
| 336 | }, | ||
| 337 | /** | ||
| 338 | * @description: list | ||
| 339 | * @param {*} bsmSldy | ||
| 340 | * @author: renchao | ||
| 341 | */ | ||
| 342 | list (bsmSldy) { | ||
| 343 | var formdata = new FormData(); | ||
| 344 | formdata.append("bsmSldy", bsmSldy); | ||
| 345 | formdata.append("isEdit", this.viewEdit); | ||
| 346 | Init(formdata).then((res) => { | ||
| 347 | if (res.code === 200 && res.result) { | ||
| 348 | this.ruleForm = { | ||
| 349 | ...res.result, | ||
| 350 | ...res.result.zdjbxxdatas, | ||
| 351 | ...res.result.qlxxdatas, | ||
| 352 | ...res.result.jsydsyqdatas, | ||
| 353 | }; | ||
| 354 | } | ||
| 390 | }); | 355 | }); |
| 391 | return false; | 356 | }, |
| 392 | } | 357 | /** |
| 393 | 358 | * @description: onSubmit | |
| 394 | if (this.ruleForm.gyfs == "0") { | 359 | * @author: renchao |
| 395 | if (this.ruleForm.qlrList.length > 1) { | 360 | */ |
| 361 | onSubmit () { | ||
| 362 | let that = this; | ||
| 363 | let arr = this.ruleForm.tdytqxList.filter((item) => !item.yt); | ||
| 364 | if (arr.length > 0) { | ||
| 396 | this.$message({ | 365 | this.$message({ |
| 397 | showClose: true, | 366 | showClose: true, |
| 398 | message: "共有方式：单独所有，权利人只能是一个人", | 367 | message: "土地用途不能为空", |
| 399 | type: "error", | 368 | type: "error", |
| 400 | }); | 369 | }); |
| 401 | return false; | 370 | return false; |
| 402 | } | 371 | } |
| 403 | this.ruleForm.qlrList[0].sfczr = "1"; | 372 | if (this.ruleForm.qlrList.length == 0) { |
| 404 | } else { | ||
| 405 | if (this.ruleForm.qlrList.length <= 1) { | ||
| 406 | this.$message({ | 373 | this.$message({ |
| 407 | showClose: true, | 374 | showClose: true, |
| 408 | message: | 375 | message: "请确认权利人信息", |
| 409 | "共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上", | ||
| 410 | type: "error", | 376 | type: "error", |
| 411 | }); | 377 | }); |
| 412 | return false; | 378 | return false; |
| 413 | } | 379 | } |
| 414 | //是否分别持证 | 380 | |
| 415 | if (this.ruleForm.sqfbcz == "1") { | 381 | if (this.ruleForm.gyfs == "0") { |
| 416 | //是 | 382 | if (this.ruleForm.qlrList.length > 1) { |
| 417 | this.ruleForm.qlrList.forEach((item, index) => { | 383 | this.$message({ |
| 418 | item.sfczr = "1"; | 384 | showClose: true, |
| 419 | }); | 385 | message: "共有方式：单独所有，权利人只能是一个人", |
| 386 | type: "error", | ||
| 387 | }); | ||
| 388 | return false; | ||
| 389 | } | ||
| 390 | this.ruleForm.qlrList[0].sfczr = "1"; | ||
| 420 | } else { | 391 | } else { |
| 421 | if (!that.czr) { | 392 | if (this.ruleForm.qlrList.length <= 1) { |
| 422 | that.$message({ | 393 | this.$message({ |
| 423 | showClose: true, | 394 | showClose: true, |
| 424 | message: "请选择持证人", | 395 | message: |
| 396 | "共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上", | ||
| 425 | type: "error", | 397 | type: "error", |
| 426 | }); | 398 | }); |
| 427 | return false; | 399 | return false; |
| 428 | } | 400 | } |
| 429 | this.ruleForm.qlrList.forEach((item, index) => { | 401 | //是否分别持证 |
| 430 | if (item.zjh == that.czr) { | 402 | if (this.ruleForm.sqfbcz == "1") { |
| 403 | //是 | ||
| 404 | this.ruleForm.qlrList.forEach((item, index) => { | ||
| 431 | item.sfczr = "1"; | 405 | item.sfczr = "1"; |
| 432 | } else { | 406 | }); |
| 433 | item.sfczr = "0"; | 407 | } else { |
| 408 | if (!that.czr) { | ||
| 409 | that.$message({ | ||
| 410 | showClose: true, | ||
| 411 | message: "请选择持证人", | ||
| 412 | type: "error", | ||
| 413 | }); | ||
| 414 | return false; | ||
| 434 | } | 415 | } |
| 435 | }); | 416 | this.ruleForm.qlrList.forEach((item, index) => { |
| 436 | } | 417 | if (item.zjh == that.czr) { |
| 437 | } | 418 | item.sfczr = "1"; |
| 438 | fristReg(this.ruleForm).then((res) => { | 419 | } else { |
| 439 | if (res.code === 200 && res.result) { | 420 | item.sfczr = "0"; |
| 440 | console.log(res); | 421 | } |
| 441 | //this.ruleForm = { ...res.result, ...res.result.zdjbxxdatas, ...res.result.qlxxdatas, ...res.result.jsydsyqdatas } | 422 | }); |
| 423 | } | ||
| 442 | } | 424 | } |
| 443 | }); | 425 | fristReg(this.ruleForm).then((res) => { |
| 426 | if (res.code === 200 && res.result) { | ||
| 427 | console.log(res); | ||
| 428 | //this.ruleForm = { ...res.result, ...res.result.zdjbxxdatas, ...res.result.qlxxdatas, ...res.result.jsydsyqdatas } | ||
| 429 | } | ||
| 430 | }); | ||
| 431 | }, | ||
| 444 | }, | 432 | }, |
| 445 | }, | 433 | }; |
| 446 | }; | ||
| 447 | </script> | 434 | </script> |
| 448 | <style scoped lang="scss"> | 435 | <style scoped lang="scss"> |
| 449 | @import "~@/styles/public.scss"; | 436 | @import "~@/styles/public.scss"; |
| 450 | 437 | ||
| 451 | /deep/.el-form { | 438 | /deep/.el-form { |
| 452 | display: flex; | 439 | display: flex; |
| 453 | flex-direction: column; | 440 | flex-direction: column; |
| 454 | height: calc(100vh - 130px); | 441 | height: calc(100vh - 130px); |
| 455 | } | 442 | } |
| 456 | 443 | ||
| 457 | /deep/.el-form-item__label { | 444 | /deep/.el-form-item__label { |
| 458 | padding: 0; | 445 | padding: 0; |
| 459 | } | 446 | } |
| 460 | 447 | ||
| 461 | /deep/.el-radio { | 448 | /deep/.el-radio { |
| 462 | margin-right: 10px; | 449 | margin-right: 10px; |
| 463 | } | 450 | } |
| 464 | 451 | ||
| 465 | /deep/.el-select { | 452 | /deep/.el-select { |
| 466 | width: 100%; | 453 | width: 100%; |
| 467 | } | 454 | } |
| 468 | 455 | ||
| 469 | /deep/.el-form-item { | 456 | /deep/.el-form-item { |
| 470 | margin-bottom: 8px; | 457 | margin-bottom: 8px; |
| 471 | } | 458 | } |
| 472 | 459 | ||
| 473 | .marginBot0 { | 460 | .marginBot0 { |
| 474 | margin-bottom: 0 !important; | 461 | margin-bottom: 0 !important; |
| 475 | } | 462 | } |
| 476 | 463 | ||
| 477 | .slxx { | 464 | .slxx { |
| 478 | box-sizing: border-box; | 465 | box-sizing: border-box; |
| 479 | } | 466 | } |
| 480 | 467 | ||
| 481 | .slxx_con { | 468 | .slxx_con { |
| 482 | flex: 1; | 469 | flex: 1; |
| 483 | height: 100%; | 470 | height: 100%; |
| 484 | background-color: #ffffff; | 471 | background-color: #ffffff; |
| 485 | overflow-y: auto; | 472 | overflow-y: auto; |
| 486 | padding-right: 3px; | 473 | padding-right: 3px; |
| 487 | overflow-x: hidden; | 474 | overflow-x: hidden; |
| 488 | } | 475 | } |
| 489 | 476 | ||
| 490 | .submit_btn { | 477 | .submit_btn { |
| 491 | height: 50px; | 478 | height: 50px; |
| 492 | } | 479 | } |
| 493 | 480 | ||
| 494 | .slxx_title { | 481 | .slxx_title { |
| 495 | border-bottom: 1px solid $borderColor; | 482 | border-bottom: 1px solid $borderColor; |
| 496 | padding-left: 10px; | 483 | padding-left: 10px; |
| 497 | padding-bottom: 5px; | 484 | padding-bottom: 5px; |
| 498 | margin-bottom: 10px; | 485 | margin-bottom: 10px; |
| 499 | margin-top: 5px; | 486 | margin-top: 5px; |
| 500 | font-size: 16px; | 487 | font-size: 16px; |
| 501 | font-weight: 500; | 488 | font-weight: 500; |
| 502 | color: #4a4a4a; | 489 | color: #4a4a4a; |
| 503 | } | 490 | } |
| 504 | 491 | ||
| 505 | .btn { | 492 | .btn { |
| 506 | text-align: center; | 493 | text-align: center; |
| 507 | padding-top: 10px; | 494 | padding-top: 10px; |
| 508 | height: 36px; | 495 | height: 36px; |
| 509 | background-color: #ffffff; | 496 | background-color: #ffffff; |
| 510 | padding: 5px 0; | 497 | padding: 5px 0; |
| 511 | } | 498 | } |
| 512 | 499 | ||
| 513 | .textArea { | 500 | .textArea { |
| 514 | /deep/.el-textarea__inner { | 501 | /deep/.el-textarea__inner { |
| 515 | min-height: 90px !important; | 502 | min-height: 90px !important; |
| 503 | } | ||
| 516 | } | 504 | } |
| 517 | } | ||
| 518 | 505 | ||
| 519 | /deep/.el-form-item__label { | 506 | /deep/.el-form-item__label { |
| 520 | padding-bottom: 0px; | 507 | padding-bottom: 0px; |
| 521 | } | 508 | } |
| 522 | </style> | 509 | </style> | ... | ... |
| ... | @@ -264,7 +264,7 @@ | ... | @@ -264,7 +264,7 @@ |
| 264 | this.czrOptions = this.ruleForm.qlrList; | 264 | this.czrOptions = this.ruleForm.qlrList; |
| 265 | this.ruleForm.qlrList.forEach((item) => { | 265 | this.ruleForm.qlrList.forEach((item) => { |
| 266 | if (item.sfczr == 1) { | 266 | if (item.sfczr == 1) { |
| 267 | this.czr = item.sqrmc; | 267 | this.czr = item.zjh |
| 268 | console.log("this.ruleForm.qlrList1", this.ruleForm.qlrList, this.czr); | 268 | console.log("this.ruleForm.qlrList1", this.ruleForm.qlrList, this.czr); |
| 269 | } | 269 | } |
| 270 | }); | 270 | }); |
| ... | @@ -321,7 +321,7 @@ | ... | @@ -321,7 +321,7 @@ |
| 321 | this.key++; | 321 | this.key++; |
| 322 | this.num = 0 | 322 | this.num = 0 |
| 323 | this.ruleForm.qlrList.forEach(item => { | 323 | this.ruleForm.qlrList.forEach(item => { |
| 324 | if (item.sqrmc == this.czr) { | 324 | if (item.zjh == this.czr) { |
| 325 | this.num++ | 325 | this.num++ |
| 326 | } | 326 | } |
| 327 | }) | 327 | }) | ... | ... |
| ... | @@ -13,8 +13,7 @@ | ... | @@ -13,8 +13,7 @@ |
| 13 | ref="ruleForm" | 13 | ref="ruleForm" |
| 14 | :label-position="flag ? 'top' : ''" | 14 | :label-position="flag ? 'top' : ''" |
| 15 | :inline="flag" | 15 | :inline="flag" |
| 16 | label-width="120px" | 16 | label-width="120px"> |
| 17 | > | ||
| 18 | <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''"> | 17 | <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''"> |
| 19 | <div class="slxx_title title-block"> | 18 | <div class="slxx_title title-block"> |
| 20 | 申请业务信息 | 19 | 申请业务信息 |
| ... | @@ -56,8 +55,7 @@ | ... | @@ -56,8 +55,7 @@ |
| 56 | </el-row> | 55 | </el-row> |
| 57 | <div | 56 | <div |
| 58 | class="slxx_title title-block flex" | 57 | class="slxx_title title-block flex" |
| 59 | style="justify-content: space-between" | 58 | style="justify-content: space-between"> |
| 60 | > | ||
| 61 | 不动产单元情况 | 59 | 不动产单元情况 |
| 62 | <el-button @click="compare">变化情况对比+</el-button> | 60 | <el-button @click="compare">变化情况对比+</el-button> |
| 63 | </div> | 61 | </div> |
| ... | @@ -104,15 +102,13 @@ | ... | @@ -104,15 +102,13 @@ |
| 104 | v-model="ruleForm.jsydsyq.qdjg" | 102 | v-model="ruleForm.jsydsyq.qdjg" |
| 105 | style="width: 500%" | 103 | style="width: 500%" |
| 106 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null" | 104 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null" |
| 107 | disabled | 105 | disabled></el-input> |
| 108 | ></el-input> | ||
| 109 | <el-select v-model="ruleForm.jsydsyq.jedw" disabled> | 106 | <el-select v-model="ruleForm.jsydsyq.jedw" disabled> |
| 110 | <el-option | 107 | <el-option |
| 111 | v-for="item in dictData['A57']" | 108 | v-for="item in dictData['A57']" |
| 112 | :key="item.dcode" | 109 | :key="item.dcode" |
| 113 | :label="item.dname" | 110 | :label="item.dname" |
| 114 | :value="item.dcode" | 111 | :value="item.dcode"> |
| 115 | > | ||
| 116 | </el-option> | 112 | </el-option> |
| 117 | </el-select> | 113 | </el-select> |
| 118 | </div> | 114 | </div> |
| ... | @@ -133,8 +129,7 @@ | ... | @@ -133,8 +129,7 @@ |
| 133 | maxlength="500" | 129 | maxlength="500" |
| 134 | show-word-limit | 130 | show-word-limit |
| 135 | v-model="ruleForm.jsydsyq.fj" | 131 | v-model="ruleForm.jsydsyq.fj" |
| 136 | :disabled="!viewEdit" | 132 | :disabled="!viewEdit"></el-input> |
| 137 | ></el-input> | ||
| 138 | </el-form-item> | 133 | </el-form-item> |
| 139 | </el-col> | 134 | </el-col> |
| 140 | </el-row> | 135 | </el-row> |
| ... | @@ -145,8 +140,7 @@ | ... | @@ -145,8 +140,7 @@ |
| 145 | <tdytTable | 140 | <tdytTable |
| 146 | :tableData="ruleForm.tdytqxList" | 141 | :tableData="ruleForm.tdytqxList" |
| 147 | :ableOperation="viewEdit" | 142 | :ableOperation="viewEdit" |
| 148 | @upDateTdytxxList="upDateTdytxxList" | 143 | @upDateTdytxxList="upDateTdytxxList" /> |
| 149 | /> | ||
| 150 | <div class="slxx_title title-block"> | 144 | <div class="slxx_title title-block"> |
| 151 | 权利人信息 | 145 | 权利人信息 |
| 152 | <div class="triangle"></div> | 146 | <div class="triangle"></div> |
| ... | @@ -156,8 +150,7 @@ | ... | @@ -156,8 +150,7 @@ |
| 156 | <el-form-item label="共有方式："> | 150 | <el-form-item label="共有方式："> |
| 157 | <el-radio-group | 151 | <el-radio-group |
| 158 | :disabled="!viewEdit" | 152 | :disabled="!viewEdit" |
| 159 | v-model="ruleForm.sldy.gyfs" | 153 | v-model="ruleForm.sldy.gyfs"> |
| 160 | > | ||
| 161 | <el-radio label="0">单独所有</el-radio> | 154 | <el-radio label="0">单独所有</el-radio> |
| 162 | <el-radio label="1">共同共有</el-radio> | 155 | <el-radio label="1">共同共有</el-radio> |
| 163 | <el-radio label="2">按份所有</el-radio> | 156 | <el-radio label="2">按份所有</el-radio> |
| ... | @@ -170,8 +163,7 @@ | ... | @@ -170,8 +163,7 @@ |
| 170 | <el-radio-group | 163 | <el-radio-group |
| 171 | v-model="ruleForm.sldy.sqfbcz" | 164 | v-model="ruleForm.sldy.sqfbcz" |
| 172 | :disabled="!viewEdit" | 165 | :disabled="!viewEdit" |
| 173 | @input="updaterow()" | 166 | @input="updaterow()"> |
| 174 | > | ||
| 175 | <el-radio :label="1">是</el-radio> | 167 | <el-radio :label="1">是</el-radio> |
| 176 | <el-radio :label="0">否</el-radio> | 168 | <el-radio :label="0">否</el-radio> |
| 177 | </el-radio-group> | 169 | </el-radio-group> |
| ... | @@ -179,20 +171,17 @@ | ... | @@ -179,20 +171,17 @@ |
| 179 | </el-col> | 171 | </el-col> |
| 180 | <el-col | 172 | <el-col |
| 181 | :span="6" | 173 | :span="6" |
| 182 | v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'" | 174 | v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'"> |
| 183 | > | ||
| 184 | <el-form-item label="持证人："> | 175 | <el-form-item label="持证人："> |
| 185 | <el-select | 176 | <el-select |
| 186 | v-model="czr" | 177 | v-model="czr" |
| 187 | placeholder="持证人" | 178 | placeholder="持证人" |
| 188 | :disabled="!viewEdit" | 179 | :disabled="!viewEdit"> |
| 189 | > | ||
| 190 | <el-option | 180 | <el-option |
| 191 | v-for="item in czrOptions" | 181 | v-for="item in czrOptions" |
| 192 | :key="item.zjh" | 182 | :key="item.zjh" |
| 193 | :label="item.sqrmc" | 183 | :label="item.sqrmc" |
| 194 | :value="item.zjh" | 184 | :value="item.zjh"> |
| 195 | > | ||
| 196 | </el-option> | 185 | </el-option> |
| 197 | </el-select> | 186 | </el-select> |
| 198 | </el-form-item> | 187 | </el-form-item> |
| ... | @@ -202,8 +191,7 @@ | ... | @@ -202,8 +191,7 @@ |
| 202 | :tableData="ruleForm.qlrList" | 191 | :tableData="ruleForm.qlrList" |
| 203 | :disabled="viewEdit" | 192 | :disabled="viewEdit" |
| 204 | @upDateQlrxxList="upDateQlrxxList" | 193 | @upDateQlrxxList="upDateQlrxxList" |
| 205 | :gyfs="ruleForm.sldy.gyfs" | 194 | :gyfs="ruleForm.sldy.gyfs" /> |
| 206 | /> | ||
| 207 | <div class="slxx_title title-block"> | 195 | <div class="slxx_title title-block"> |
| 208 | 登记原因 | 196 | 登记原因 |
| 209 | <div class="triangle"></div> | 197 | <div class="triangle"></div> |
| ... | @@ -217,8 +205,7 @@ | ... | @@ -217,8 +205,7 @@ |
| 217 | maxlength="500" | 205 | maxlength="500" |
| 218 | show-word-limit | 206 | show-word-limit |
| 219 | :disabled="!viewEdit" | 207 | :disabled="!viewEdit" |
| 220 | v-model="ruleForm.jsydsyq.djyy" | 208 | v-model="ruleForm.jsydsyq.djyy"> |
| 221 | > | ||
| 222 | </el-input> | 209 | </el-input> |
| 223 | </el-form-item> | 210 | </el-form-item> |
| 224 | </el-col> | 211 | </el-col> |
| ... | @@ -233,191 +220,191 @@ | ... | @@ -233,191 +220,191 @@ |
| 233 | </div> | 220 | </div> |
| 234 | </template> | 221 | </template> |
| 235 | <script> | 222 | <script> |
| 236 | import { mapGetters } from "vuex"; | 223 | import { mapGetters } from "vuex"; |
| 237 | import ywmix from "@/views/ywbl/mixin/index"; | 224 | import ywmix from "@/views/ywbl/mixin/index"; |
| 238 | import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; | 225 | import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; |
| 239 | import tdytTable from "@/views/workflow/components/tdytTable"; | 226 | import tdytTable from "@/views/workflow/components/tdytTable"; |
| 240 | import { Init, saveData } from "@/api/workflow/jsydsyqFlow.js"; | 227 | import { Init, saveData } from "@/api/workflow/jsydsyqFlow.js"; |
| 241 | export default { | 228 | export default { |
| 242 | mixins: [ywmix], | 229 | mixins: [ywmix], |
| 243 | mounted() { | 230 | mounted () { |
| 244 | this.viewEdit = this.$parent.currentSelectTab.ableOperation; | 231 | this.viewEdit = this.$parent.currentSelectTab.ableOperation; |
| 245 | this.propsParam = this.$attrs; | 232 | this.propsParam = this.$attrs; |
| 246 | var formdata = new FormData(); | 233 | var formdata = new FormData(); |
| 247 | this.$startLoading(); | 234 | this.$startLoading(); |
| 248 | formdata.append("bsmSldy", this.propsParam.bsmSldy); | 235 | formdata.append("bsmSldy", this.propsParam.bsmSldy); |
| 249 | formdata.append("djlx", this.propsParam.djlx); | 236 | formdata.append("djlx", this.propsParam.djlx); |
| 250 | formdata.append("isEdit", this.viewEdit); | 237 | formdata.append("isEdit", this.viewEdit); |
| 251 | Init(formdata).then((res) => { | 238 | Init(formdata).then((res) => { |
| 252 | if (res.code === 200 && res.result) { | 239 | if (res.code === 200 && res.result) { |
| 253 | this.ruleForm = res.result; | 240 | this.ruleForm = res.result; |
| 254 | this.czrOptions = this.ruleForm.qlrList; | 241 | this.czrOptions = this.ruleForm.qlrList; |
| 255 | } | ||
| 256 | this.ruleForm.qlrList.forEach((item) => { | ||
| 257 | if (item.sfczr == 1) { | ||
| 258 | this.czr = item.sqrmc; | ||
| 259 | } | 242 | } |
| 243 | this.ruleForm.qlrList.forEach((item) => { | ||
| 244 | if (item.sfczr == 1) { | ||
| 245 | this.czr = item.zjh | ||
| 246 | } | ||
| 247 | }); | ||
| 248 | this.$endLoading(); | ||
| 260 | }); | 249 | }); |
| 261 | this.$endLoading(); | ||
| 262 | }); | ||
| 263 | }, | ||
| 264 | components: { qlrCommonTable, tdytTable }, | ||
| 265 | computed: { | ||
| 266 | ...mapGetters(["dictData", "flag"]), | ||
| 267 | }, | ||
| 268 | data() { | ||
| 269 | return { | ||
| 270 | //表单是否可操作 | ||
| 271 | viewEdit: false, | ||
| 272 | disabled: true, | ||
| 273 | czrOptions: [], | ||
| 274 | czr: "", | ||
| 275 | ruleForm: { | ||
| 276 | slywxx: {}, | ||
| 277 | qlxx: {}, | ||
| 278 | zdjbxx: {}, | ||
| 279 | jsydsyq: {}, | ||
| 280 | }, | ||
| 281 | //传递参数 | ||
| 282 | propsParam: {}, | ||
| 283 | rules: {}, | ||
| 284 | }; | ||
| 285 | }, | ||
| 286 | methods: { | ||
| 287 | /** | ||
| 288 | * @description: 更新土地用途信息 | ||
| 289 | * @param {*} val | ||
| 290 | * @author: renchao | ||
| 291 | */ | ||
| 292 | upDateTdytxxList(val) { | ||
| 293 | this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); | ||
| 294 | this.key++; | ||
| 295 | }, | 250 | }, |
| 296 | /** | 251 | components: { qlrCommonTable, tdytTable }, |
| 297 | * @description: 更新权利人信息 | 252 | computed: { |
| 298 | * @param {*} val | 253 | ...mapGetters(["dictData", "flag"]), |
| 299 | * @author: renchao | ||
| 300 | */ | ||
| 301 | upDateQlrxxList(val) { | ||
| 302 | this.ruleForm.qlrList = _.cloneDeep(val); | ||
| 303 | this.czrOptions = this.ruleForm.qlrList; | ||
| 304 | this.key++; | ||
| 305 | }, | 254 | }, |
| 306 | // 是否持证人变化 | 255 | data () { |
| 307 | /** | 256 | return { |
| 308 | * @description: 是否持证人变化 | 257 | //表单是否可操作 |
| 309 | * @param {*} val | 258 | viewEdit: false, |
| 310 | * @author: renchao | 259 | disabled: true, |
| 311 | */ | 260 | czrOptions: [], |
| 312 | updaterow() { | 261 | czr: "", |
| 313 | this.czr = ""; | 262 | ruleForm: { |
| 263 | slywxx: {}, | ||
| 264 | qlxx: {}, | ||
| 265 | zdjbxx: {}, | ||
| 266 | jsydsyq: {}, | ||
| 267 | }, | ||
| 268 | //传递参数 | ||
| 269 | propsParam: {}, | ||
| 270 | rules: {}, | ||
| 271 | }; | ||
| 314 | }, | 272 | }, |
| 315 | /** | 273 | methods: { |
| 316 | * @description: onSubmit | 274 | /** |
| 317 | * @author: renchao | 275 | * @description: 更新土地用途信息 |
| 318 | */ | 276 | * @param {*} val |
| 319 | onSubmit() { | 277 | * @author: renchao |
| 320 | let that = this; | 278 | */ |
| 321 | let arr = this.ruleForm.tdytqxList.filter((item) => !item.yt); | 279 | upDateTdytxxList (val) { |
| 322 | if (arr.length > 0) { | 280 | this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); |
| 323 | this.$message({ | 281 | this.key++; |
| 324 | showClose: true, | 282 | }, |
| 325 | message: "土地用途不能为空", | 283 | /** |
| 326 | type: "error", | 284 | * @description: 更新权利人信息 |
| 327 | }); | 285 | * @param {*} val |
| 328 | return false; | 286 | * @author: renchao |
| 329 | } | 287 | */ |
| 330 | if (this.ruleForm.qlrList.length == 0) { | 288 | upDateQlrxxList (val) { |
| 331 | this.$message({ | 289 | this.ruleForm.qlrList = _.cloneDeep(val); |
| 332 | showClose: true, | 290 | this.czrOptions = this.ruleForm.qlrList; |
| 333 | message: "请确认权利人信息", | 291 | this.key++; |
| 334 | type: "error", | 292 | }, |
| 335 | }); | 293 | // 是否持证人变化 |
| 336 | return false; | 294 | /** |
| 337 | } | 295 | * @description: 是否持证人变化 |
| 338 | 296 | * @param {*} val | |
| 339 | if (this.ruleForm.sldy.gyfs == "0") { | 297 | * @author: renchao |
| 340 | if (this.ruleForm.qlrList.length > 1) { | 298 | */ |
| 299 | updaterow () { | ||
| 300 | this.czr = ""; | ||
| 301 | }, | ||
| 302 | /** | ||
| 303 | * @description: onSubmit | ||
| 304 | * @author: renchao | ||
| 305 | */ | ||
| 306 | onSubmit () { | ||
| 307 | let that = this; | ||
| 308 | let arr = this.ruleForm.tdytqxList.filter((item) => !item.yt); | ||
| 309 | if (arr.length > 0) { | ||
| 341 | this.$message({ | 310 | this.$message({ |
| 342 | showClose: true, | 311 | showClose: true, |
| 343 | message: "共有方式：单独所有，权利人只能是一个人", | 312 | message: "土地用途不能为空", |
| 344 | type: "error", | 313 | type: "error", |
| 345 | }); | 314 | }); |
| 346 | return false; | 315 | return false; |
| 347 | } | 316 | } |
| 348 | this.ruleForm.qlrList[0].sfczr = "1"; | 317 | if (this.ruleForm.qlrList.length == 0) { |
| 349 | } else { | ||
| 350 | if (this.ruleForm.qlrList.length <= 1) { | ||
| 351 | this.$message({ | 318 | this.$message({ |
| 352 | showClose: true, | 319 | showClose: true, |
| 353 | message: | 320 | message: "请确认权利人信息", |
| 354 | "共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上", | ||
| 355 | type: "error", | 321 | type: "error", |
| 356 | }); | 322 | }); |
| 357 | return false; | 323 | return false; |
| 358 | } | 324 | } |
| 359 | //是否分别持证 | 325 | |
| 360 | if (this.ruleForm.sldy.sqfbcz == "1") { | 326 | if (this.ruleForm.sldy.gyfs == "0") { |
| 361 | //是 | 327 | if (this.ruleForm.qlrList.length > 1) { |
| 362 | this.ruleForm.qlrList.forEach((item, index) => { | 328 | this.$message({ |
| 363 | item.sfczr = "1"; | 329 | showClose: true, |
| 364 | }); | 330 | message: "共有方式：单独所有，权利人只能是一个人", |
| 331 | type: "error", | ||
| 332 | }); | ||
| 333 | return false; | ||
| 334 | } | ||
| 335 | this.ruleForm.qlrList[0].sfczr = "1"; | ||
| 365 | } else { | 336 | } else { |
| 366 | if (!that.czr) { | 337 | if (this.ruleForm.qlrList.length <= 1) { |
| 367 | that.$message({ | 338 | this.$message({ |
| 368 | showClose: true, | 339 | showClose: true, |
| 369 | message: "请选择持证人", | 340 | message: |
| 341 | "共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上", | ||
| 370 | type: "error", | 342 | type: "error", |
| 371 | }); | 343 | }); |
| 372 | return false; | 344 | return false; |
| 373 | } | 345 | } |
| 374 | this.ruleForm.qlrList.forEach((item, index) => { | 346 | //是否分别持证 |
| 375 | if (item.zjh == that.czr) { | 347 | if (this.ruleForm.sldy.sqfbcz == "1") { |
| 348 | //是 | ||
| 349 | this.ruleForm.qlrList.forEach((item, index) => { | ||
| 376 | item.sfczr = "1"; | 350 | item.sfczr = "1"; |
| 377 | } else { | 351 | }); |
| 378 | item.sfczr = "0"; | 352 | } else { |
| 353 | if (!that.czr) { | ||
| 354 | that.$message({ | ||
| 355 | showClose: true, | ||
| 356 | message: "请选择持证人", | ||
| 357 | type: "error", | ||
| 358 | }); | ||
| 359 | return false; | ||
| 379 | } | 360 | } |
| 380 | }); | 361 | this.ruleForm.qlrList.forEach((item, index) => { |
| 381 | } | 362 | if (item.zjh == that.czr) { |
| 382 | } | 363 | item.sfczr = "1"; |
| 383 | saveData(this.ruleForm).then((res) => { | 364 | } else { |
| 384 | if (res.code === 200) { | 365 | item.sfczr = "0"; |
| 385 | this.$message({ | 366 | } |
| 386 | showClose: true, | 367 | }); |
| 387 | message: "保存成功！", | 368 | } |
| 388 | type: "success", | ||
| 389 | }); | ||
| 390 | this.$store.dispatch("user/refreshPage", true); | ||
| 391 | } else { | ||
| 392 | this.$message({ | ||
| 393 | showClose: true, | ||
| 394 | message: res.message, | ||
| 395 | type: "error", | ||
| 396 | }); | ||
| 397 | } | 369 | } |
| 398 | }); | 370 | saveData(this.ruleForm).then((res) => { |
| 399 | }, | 371 | if (res.code === 200) { |
| 400 | /** | 372 | this.$message({ |
| 401 | * @description: compare | 373 | showClose: true, |
| 402 | * @author: renchao | 374 | message: "保存成功！", |
| 403 | */ | 375 | type: "success", |
| 404 | compare() { | 376 | }); |
| 405 | console.log("this.ruleForm", this.ruleForm); | 377 | this.$store.dispatch("user/refreshPage", true); |
| 406 | this.$popupDialog( | 378 | } else { |
| 407 | this.ruleForm.qlxx.qllxmc, | 379 | this.$message({ |
| 408 | "registerBook/comparison", | 380 | showClose: true, |
| 409 | { | 381 | message: res.message, |
| 410 | bsmQlxx: this.ruleForm.qlxx.bsmQlxx, | 382 | type: "error", |
| 411 | dqqllx: "JSYDSYQ", | 383 | }); |
| 412 | }, | 384 | } |
| 413 | "80%", | 385 | }); |
| 414 | true | 386 | }, |
| 415 | ); | 387 | /** |
| 388 | * @description: compare | ||
| 389 | * @author: renchao | ||
| 390 | */ | ||
| 391 | compare () { | ||
| 392 | console.log("this.ruleForm", this.ruleForm); | ||
| 393 | this.$popupDialog( | ||
| 394 | this.ruleForm.qlxx.qllxmc, | ||
| 395 | "registerBook/comparison", | ||
| 396 | { | ||
| 397 | bsmQlxx: this.ruleForm.qlxx.bsmQlxx, | ||
| 398 | dqqllx: "JSYDSYQ", | ||
| 399 | }, | ||
| 400 | "80%", | ||
| 401 | true | ||
| 402 | ); | ||
| 403 | }, | ||
| 416 | }, | 404 | }, |
| 417 | }, | 405 | }; |
| 418 | }; | ||
| 419 | </script> | 406 | </script> |
| 420 | <style scoped lang="scss"> | 407 | <style scoped lang="scss"> |
| 421 | @import "~@/styles/public.scss"; | 408 | @import "~@/styles/public.scss"; |
| 422 | @import "~@/styles/slxx/slxx.scss"; | 409 | @import "~@/styles/slxx/slxx.scss"; |
| 423 | </style> | 410 | </style> | ... | ... |
| ... | @@ -340,7 +340,7 @@ | ... | @@ -340,7 +340,7 @@ |
| 340 | }; | 340 | }; |
| 341 | this.ruleForm.qlrList.forEach((item) => { | 341 | this.ruleForm.qlrList.forEach((item) => { |
| 342 | if (item.sfczr == 1) { | 342 | if (item.sfczr == 1) { |
| 343 | this.czr = item.sqrmc; | 343 | this.czr = item.zjh |
| 344 | } | 344 | } |
| 345 | }); | 345 | }); |
| 346 | //初始化发证方式，1：小证，2：大正 | 346 | //初始化发证方式，1：小证，2：大正 |
| ... | @@ -422,7 +422,7 @@ | ... | @@ -422,7 +422,7 @@ |
| 422 | this.czrOptions = this.ruleForm.qlrList; | 422 | this.czrOptions = this.ruleForm.qlrList; |
| 423 | this.num = 0 | 423 | this.num = 0 |
| 424 | this.ruleForm.qlrList.forEach(item => { | 424 | this.ruleForm.qlrList.forEach(item => { |
| 425 | if (item.sqrmc == this.czr) { | 425 | if (item.zjh == this.czr) { |
| 426 | this.num++ | 426 | this.num++ |
| 427 | } | 427 | } |
| 428 | }) | 428 | }) | ... | ... |
| ... | @@ -8,8 +8,7 @@ | ... | @@ -8,8 +8,7 @@ |
| 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="120px" | 11 | label-width="120px"> |
| 12 | > | ||
| 13 | <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''"> | 12 | <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''"> |
| 14 | <div class="slxx_title title-block"> | 13 | <div class="slxx_title title-block"> |
| 15 | 申请业务信息 | 14 | 申请业务信息 |
| ... | @@ -112,14 +111,12 @@ | ... | @@ -112,14 +111,12 @@ |
| 112 | :disabled="!viewEdit" | 111 | :disabled="!viewEdit" |
| 113 | class="width100" | 112 | class="width100" |
| 114 | filterable | 113 | filterable |
| 115 | clearable | 114 | clearable> |
| 116 | > | ||
| 117 | <el-option | 115 | <el-option |
| 118 | v-for="item in dictData['A45']" | 116 | v-for="item in dictData['A45']" |
| 119 | :key="item.dname" | 117 | :key="item.dname" |
| 120 | :label="item.dname" | 118 | :label="item.dname" |
| 121 | :value="item.dname" | 119 | :value="item.dname"> |
| 122 | > | ||
| 123 | </el-option> | 120 | </el-option> |
| 124 | </el-select> | 121 | </el-select> |
| 125 | </el-form-item> | 122 | </el-form-item> |
| ... | @@ -146,14 +143,12 @@ | ... | @@ -146,14 +143,12 @@ |
| 146 | class="width100" | 143 | class="width100" |
| 147 | filterable | 144 | filterable |
| 148 | clearable | 145 | clearable |
| 149 | @change="changeSyttlx" | 146 | @change="changeSyttlx"> |
| 150 | > | ||
| 151 | <el-option | 147 | <el-option |
| 152 | v-for="item in dictData['A23']" | 148 | v-for="item in dictData['A23']" |
| 153 | :key="item.dcode" | 149 | :key="item.dcode" |
| 154 | :label="item.dname" | 150 | :label="item.dname" |
| 155 | :value="item.dcode" | 151 | :value="item.dcode"> |
| 156 | > | ||
| 157 | </el-option> | 152 | </el-option> |
| 158 | </el-select> | 153 | </el-select> |
| 159 | </el-form-item> | 154 | </el-form-item> |
| ... | @@ -166,14 +161,12 @@ | ... | @@ -166,14 +161,12 @@ |
| 166 | class="width100" | 161 | class="width100" |
| 167 | filterable | 162 | filterable |
| 168 | clearable | 163 | clearable |
| 169 | @change="changeYzyfs" | 164 | @change="changeYzyfs"> |
| 170 | > | ||
| 171 | <el-option | 165 | <el-option |
| 172 | v-for="item in dictData['A24']" | 166 | v-for="item in dictData['A24']" |
| 173 | :key="item.dcode" | 167 | :key="item.dcode" |
| 174 | :label="item.dname" | 168 | :label="item.dname" |
| 175 | :value="item.dcode" | 169 | :value="item.dcode"> |
| 176 | > | ||
| 177 | </el-option> | 170 | </el-option> |
| 178 | </el-select> | 171 | </el-select> |
| 179 | </el-form-item> | 172 | </el-form-item> |
| ... | @@ -182,8 +175,7 @@ | ... | @@ -182,8 +175,7 @@ |
| 182 | <el-form-item label="草原质量："> | 175 | <el-form-item label="草原质量："> |
| 183 | <el-input | 176 | <el-input |
| 184 | v-model="ruleForm.nydsyq.cyzl" | 177 | v-model="ruleForm.nydsyq.cyzl" |
| 185 | :disabled="!viewEdit" | 178 | :disabled="!viewEdit"></el-input> |
| 186 | ></el-input> | ||
| 187 | </el-form-item> | 179 | </el-form-item> |
| 188 | </el-col> | 180 | </el-col> |
| 189 | </el-row> | 181 | </el-row> |
| ... | @@ -193,8 +185,7 @@ | ... | @@ -193,8 +185,7 @@ |
| 193 | <el-input | 185 | <el-input |
| 194 | v-model="ruleForm.nydsyq.syzcl" | 186 | v-model="ruleForm.nydsyq.syzcl" |
| 195 | :disabled="!viewEdit" | 187 | :disabled="!viewEdit" |
| 196 | oninput="value=value.replace(/[^\d.]/g,'')" | 188 | oninput="value=value.replace(/[^\d.]/g,'')"></el-input> |
| 197 | ></el-input> | ||
| 198 | </el-form-item> | 189 | </el-form-item> |
| 199 | </el-col> | 190 | </el-col> |
| 200 | <el-col :span="8"> | 191 | <el-col :span="8"> |
| ... | @@ -205,14 +196,12 @@ | ... | @@ -205,14 +196,12 @@ |
| 205 | :disabled="!viewEdit" | 196 | :disabled="!viewEdit" |
| 206 | filterable | 197 | filterable |
| 207 | clearable | 198 | clearable |
| 208 | @change="changeYdyhfl" | 199 | @change="changeYdyhfl"> |
| 209 | > | ||
| 210 | <el-option | 200 | <el-option |
| 211 | v-for="item in dictData['A51']" | 201 | v-for="item in dictData['A51']" |
| 212 | :key="item.dcode" | 202 | :key="item.dcode" |
| 213 | :label="item.dname" | 203 | :label="item.dname" |
| 214 | :value="item.dcode" | 204 | :value="item.dcode"> |
| 215 | > | ||
| 216 | </el-option> | 205 | </el-option> |
| 217 | </el-select> | 206 | </el-select> |
| 218 | </el-form-item> | 207 | </el-form-item> |
| ... | @@ -221,8 +210,7 @@ | ... | @@ -221,8 +210,7 @@ |
| 221 | <el-form-item label="土地承包合同："> | 210 | <el-form-item label="土地承包合同："> |
| 222 | <el-input | 211 | <el-input |
| 223 | v-model="ruleForm.nydsyq.tdcbht" | 212 | v-model="ruleForm.nydsyq.tdcbht" |
| 224 | :disabled="!viewEdit" | 213 | :disabled="!viewEdit"></el-input> |
| 225 | ></el-input> | ||
| 226 | </el-form-item> | 214 | </el-form-item> |
| 227 | </el-col> | 215 | </el-col> |
| 228 | </el-row> | 216 | </el-row> |
| ... | @@ -234,8 +222,7 @@ | ... | @@ -234,8 +222,7 @@ |
| 234 | maxlength="500" | 222 | maxlength="500" |
| 235 | show-word-limit | 223 | show-word-limit |
| 236 | v-model="ruleForm.nydsyq.fj" | 224 | v-model="ruleForm.nydsyq.fj" |
| 237 | :disabled="!viewEdit" | 225 | :disabled="!viewEdit"></el-input> |
| 238 | ></el-input> | ||
| 239 | </el-form-item> | 226 | </el-form-item> |
| 240 | </el-col> | 227 | </el-col> |
| 241 | </el-row> | 228 | </el-row> |
| ... | @@ -248,8 +235,7 @@ | ... | @@ -248,8 +235,7 @@ |
| 248 | <el-form-item label="共有方式："> | 235 | <el-form-item label="共有方式："> |
| 249 | <el-radio-group | 236 | <el-radio-group |
| 250 | v-model="ruleForm.sldy.gyfs" | 237 | v-model="ruleForm.sldy.gyfs" |
| 251 | :disabled="!viewEdit" | 238 | :disabled="!viewEdit"> |
| 252 | > | ||
| 253 | <el-radio label="0">单独所有</el-radio> | 239 | <el-radio label="0">单独所有</el-radio> |
| 254 | <el-radio label="1">共同共有</el-radio> | 240 | <el-radio label="1">共同共有</el-radio> |
| 255 | <el-radio label="2">按份所有</el-radio> | 241 | <el-radio label="2">按份所有</el-radio> |
| ... | @@ -262,8 +248,7 @@ | ... | @@ -262,8 +248,7 @@ |
| 262 | <el-radio-group | 248 | <el-radio-group |
| 263 | v-model="ruleForm.sldy.sqfbcz" | 249 | v-model="ruleForm.sldy.sqfbcz" |
| 264 | :disabled="!viewEdit" | 250 | :disabled="!viewEdit" |
| 265 | @input="updaterow()" | 251 | @input="updaterow()"> |
| 266 | > | ||
| 267 | <el-radio :label="1">是</el-radio> | 252 | <el-radio :label="1">是</el-radio> |
| 268 | <el-radio :label="0">否</el-radio> | 253 | <el-radio :label="0">否</el-radio> |
| 269 | </el-radio-group> | 254 | </el-radio-group> |
| ... | @@ -271,20 +256,17 @@ | ... | @@ -271,20 +256,17 @@ |
| 271 | </el-col> | 256 | </el-col> |
| 272 | <el-col | 257 | <el-col |
| 273 | :span="6" | 258 | :span="6" |
| 274 | v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'" | 259 | v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'"> |
| 275 | > | ||
| 276 | <el-form-item label="持证人："> | 260 | <el-form-item label="持证人："> |
| 277 | <el-select | 261 | <el-select |
| 278 | v-model="czr" | 262 | v-model="czr" |
| 279 | placeholder="持证人" | 263 | placeholder="持证人" |
| 280 | :disabled="!viewEdit" | 264 | :disabled="!viewEdit"> |
| 281 | > | ||
| 282 | <el-option | 265 | <el-option |
| 283 | v-for="item in czrOptions" | 266 | v-for="item in czrOptions" |
| 284 | :key="item.zjh" | 267 | :key="item.zjh" |
| 285 | :label="item.sqrmc" | 268 | :label="item.sqrmc" |
| 286 | :value="item.zjh" | 269 | :value="item.zjh"> |
| 287 | > | ||
| 288 | </el-option> | 270 | </el-option> |
| 289 | </el-select> | 271 | </el-select> |
| 290 | </el-form-item> | 272 | </el-form-item> |
| ... | @@ -294,8 +276,7 @@ | ... | @@ -294,8 +276,7 @@ |
| 294 | :tableData="ruleForm.qlrList" | 276 | :tableData="ruleForm.qlrList" |
| 295 | @upDateQlrxxList="upDateQlrxxList" | 277 | @upDateQlrxxList="upDateQlrxxList" |
| 296 | :disabled="viewEdit" | 278 | :disabled="viewEdit" |
| 297 | :gyfs="ruleForm.sldy.gyfs" | 279 | :gyfs="ruleForm.sldy.gyfs" /> |
| 298 | /> | ||
| 299 | <div class="slxx_title title-block"> | 280 | <div class="slxx_title title-block"> |
| 300 | 家庭成员 | 281 | 家庭成员 |
| 301 | <div class="triangle"></div> | 282 | <div class="triangle"></div> |
| ... | @@ -304,8 +285,7 @@ | ... | @@ -304,8 +285,7 @@ |
| 304 | :tableData="ruleForm.jtcyList" | 285 | :tableData="ruleForm.jtcyList" |
| 305 | @upDateJtcyList="upDateJtcyList" | 286 | @upDateJtcyList="upDateJtcyList" |
| 306 | :disabled="viewEdit" | 287 | :disabled="viewEdit" |
| 307 | :gyfs="ruleForm.sldy.gyfs" | 288 | :gyfs="ruleForm.sldy.gyfs" /> |
| 308 | /> | ||
| 309 | <div class="slxx_title title-block"> | 289 | <div class="slxx_title title-block"> |
| 310 | 登记原因 | 290 | 登记原因 |
| 311 | <div class="triangle"></div> | 291 | <div class="triangle"></div> |
| ... | @@ -319,8 +299,7 @@ | ... | @@ -319,8 +299,7 @@ |
| 319 | maxlength="500" | 299 | maxlength="500" |
| 320 | show-word-limit | 300 | show-word-limit |
| 321 | :disabled="!viewEdit" | 301 | :disabled="!viewEdit" |
| 322 | v-model="ruleForm.nydsyq.djyy" | 302 | v-model="ruleForm.nydsyq.djyy"> |
| 323 | > | ||
| 324 | </el-input> | 303 | </el-input> |
| 325 | </el-form-item> | 304 | </el-form-item> |
| 326 | </el-col> | 305 | </el-col> |
| ... | @@ -335,208 +314,208 @@ | ... | @@ -335,208 +314,208 @@ |
| 335 | </div> | 314 | </div> |
| 336 | </template> | 315 | </template> |
| 337 | <script> | 316 | <script> |
| 338 | import { mapGetters } from "vuex"; | 317 | import { mapGetters } from "vuex"; |
| 339 | import ywmix from "@/views/ywbl/mixin/index"; | 318 | import ywmix from "@/views/ywbl/mixin/index"; |
| 340 | import { Init, saveData } from "@/api/workflow/nydsyqFlow.js"; | 319 | import { Init, saveData } from "@/api/workflow/nydsyqFlow.js"; |
| 341 | import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; | 320 | import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; |
| 342 | import JtcyTable from "@/views/workflow/components/JtcyTable"; | 321 | import JtcyTable from "@/views/workflow/components/JtcyTable"; |
| 343 | export default { | 322 | export default { |
| 344 | mixins: [ywmix], | 323 | mixins: [ywmix], |
| 345 | mounted() { | 324 | mounted () { |
| 346 | this.viewEdit = this.$parent.currentSelectTab.ableOperation; | 325 | this.viewEdit = this.$parent.currentSelectTab.ableOperation; |
| 347 | this.propsParam = this.$attrs; | 326 | this.propsParam = this.$attrs; |
| 348 | this.$startLoading(); | 327 | this.$startLoading(); |
| 349 | var formdata = new FormData(); | 328 | var formdata = new FormData(); |
| 350 | formdata.append("bsmSldy", this.propsParam.bsmSldy); | 329 | formdata.append("bsmSldy", this.propsParam.bsmSldy); |
| 351 | formdata.append("djlx", this.propsParam.djlx); | 330 | formdata.append("djlx", this.propsParam.djlx); |
| 352 | formdata.append("isEdit", this.viewEdit); | 331 | formdata.append("isEdit", this.viewEdit); |
| 353 | Init(formdata).then((res) => { | 332 | Init(formdata).then((res) => { |
| 354 | this.ruleForm = res.result; | 333 | this.ruleForm = res.result; |
| 355 | this.czrOptions = this.ruleForm.qlrList; | 334 | this.czrOptions = this.ruleForm.qlrList; |
| 356 | this.ruleForm.qlrList.forEach((item) => { | 335 | this.ruleForm.qlrList.forEach((item) => { |
| 357 | if (item.sfczr == 1) { | 336 | if (item.sfczr == 1) { |
| 358 | this.czr = item.sqrmc; | 337 | this.czr = item.zjh |
| 359 | } | 338 | } |
| 339 | }); | ||
| 340 | this.$endLoading(); | ||
| 360 | }); | 341 | }); |
| 361 | this.$endLoading(); | 342 | }, |
| 362 | }); | 343 | components: { qlrCommonTable, JtcyTable }, |
| 363 | }, | 344 | computed: { |
| 364 | components: { qlrCommonTable, JtcyTable }, | 345 | ...mapGetters(["dictData", "flag"]), |
| 365 | computed: { | 346 | }, |
| 366 | ...mapGetters(["dictData", "flag"]), | 347 | data () { |
| 367 | }, | 348 | return { |
| 368 | data() { | 349 | disabled: true, |
| 369 | return { | 350 | //持证人选项 |
| 370 | disabled: true, | 351 | czrOptions: [], |
| 371 | //持证人选项 | 352 | czr: "", |
| 372 | czrOptions: [], | 353 | ruleForm: { |
| 373 | czr: "", | 354 | zdjbxx: { |
| 374 | ruleForm: { | 355 | ghytmc: "", |
| 375 | zdjbxx: { | 356 | }, |
| 376 | ghytmc: "", | ||
| 377 | }, | 357 | }, |
| 378 | }, | 358 | //传递参数 |
| 379 | //传递参数 | 359 | propsParam: {}, |
| 380 | propsParam: {}, | 360 | //表单是否可操作 |
| 381 | //表单是否可操作 | 361 | viewEdit: true, |
| 382 | viewEdit: true, | 362 | rules: {}, |
| 383 | rules: {}, | 363 | }; |
| 384 | }; | 364 | }, |
| 385 | }, | 365 | methods: { |
| 386 | methods: { | 366 | /** |
| 387 | /** | 367 | * @description: onSubmit |
| 388 | * @description: onSubmit | 368 | * @author: renchao |
| 389 | * @author: renchao | 369 | */ |
| 390 | */ | 370 | onSubmit () { |
| 391 | onSubmit() { | 371 | let that = this; |
| 392 | let that = this; | 372 | if (this.ruleForm.qlrList.length == 0) { |
| 393 | if (this.ruleForm.qlrList.length == 0) { | ||
| 394 | this.$message({ | ||
| 395 | showClose: true, | ||
| 396 | message: "请确认权利人信息", | ||
| 397 | type: "error", | ||
| 398 | }); | ||
| 399 | return false; | ||
| 400 | } | ||
| 401 | |||
| 402 | if (this.ruleForm.sldy.gyfs == "0") { | ||
| 403 | if (this.ruleForm.qlrList.length > 1) { | ||
| 404 | this.$message({ | ||
| 405 | showClose: true, | ||
| 406 | message: "共有方式：单独所有，权利人只能是一个人", | ||
| 407 | type: "error", | ||
| 408 | }); | ||
| 409 | return false; | ||
| 410 | } | ||
| 411 | this.ruleForm.qlrList[0].sfczr = "1"; | ||
| 412 | } else { | ||
| 413 | if (this.ruleForm.qlrList.length <= 1) { | ||
| 414 | this.$message({ | 373 | this.$message({ |
| 415 | showClose: true, | 374 | showClose: true, |
| 416 | message: | 375 | message: "请确认权利人信息", |
| 417 | "共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上", | ||
| 418 | type: "error", | 376 | type: "error", |
| 419 | }); | 377 | }); |
| 420 | return false; | 378 | return false; |
| 421 | } | 379 | } |
| 422 | //是否分别持证 | 380 | |
| 423 | if (this.ruleForm.sldy.sqfbcz == "1") { | 381 | if (this.ruleForm.sldy.gyfs == "0") { |
| 424 | //是 | 382 | if (this.ruleForm.qlrList.length > 1) { |
| 425 | this.ruleForm.qlrList.forEach((item, index) => { | 383 | this.$message({ |
| 426 | item.sfczr = "1"; | 384 | showClose: true, |
| 427 | }); | 385 | message: "共有方式：单独所有，权利人只能是一个人", |
| 386 | type: "error", | ||
| 387 | }); | ||
| 388 | return false; | ||
| 389 | } | ||
| 390 | this.ruleForm.qlrList[0].sfczr = "1"; | ||
| 428 | } else { | 391 | } else { |
| 429 | if (!that.czr) { | 392 | if (this.ruleForm.qlrList.length <= 1) { |
| 430 | that.$message({ | 393 | this.$message({ |
| 431 | showClose: true, | 394 | showClose: true, |
| 432 | message: "请选择持证人", | 395 | message: |
| 396 | "共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上", | ||
| 433 | type: "error", | 397 | type: "error", |
| 434 | }); | 398 | }); |
| 435 | return false; | 399 | return false; |
| 436 | } | 400 | } |
| 437 | this.ruleForm.qlrList.forEach((item, index) => { | 401 | //是否分别持证 |
| 438 | if (item.zjh == that.czr) { | 402 | if (this.ruleForm.sldy.sqfbcz == "1") { |
| 403 | //是 | ||
| 404 | this.ruleForm.qlrList.forEach((item, index) => { | ||
| 439 | item.sfczr = "1"; | 405 | item.sfczr = "1"; |
| 440 | } else { | 406 | }); |
| 441 | item.sfczr = "0"; | 407 | } else { |
| 408 | if (!that.czr) { | ||
| 409 | that.$message({ | ||
| 410 | showClose: true, | ||
| 411 | message: "请选择持证人", | ||
| 412 | type: "error", | ||
| 413 | }); | ||
| 414 | return false; | ||
| 442 | } | 415 | } |
| 443 | }); | 416 | this.ruleForm.qlrList.forEach((item, index) => { |
| 417 | if (item.zjh == that.czr) { | ||
| 418 | item.sfczr = "1"; | ||
| 419 | } else { | ||
| 420 | item.sfczr = "0"; | ||
| 421 | } | ||
| 422 | }); | ||
| 423 | } | ||
| 444 | } | 424 | } |
| 445 | } | ||
| 446 | 425 | ||
| 447 | saveData(this.ruleForm).then((res) => { | 426 | saveData(this.ruleForm).then((res) => { |
| 448 | if (res.code === 200) { | 427 | if (res.code === 200) { |
| 449 | this.$message({ | 428 | this.$message({ |
| 450 | showClose: true, | 429 | showClose: true, |
| 451 | message: "保存成功！", | 430 | message: "保存成功！", |
| 452 | type: "success", | 431 | type: "success", |
| 453 | }); | 432 | }); |
| 454 | this.$store.dispatch("user/refreshPage", true); | 433 | this.$store.dispatch("user/refreshPage", true); |
| 455 | } else { | 434 | } else { |
| 456 | this.$message({ | 435 | this.$message({ |
| 457 | showClose: true, | 436 | showClose: true, |
| 458 | message: res.message, | 437 | message: res.message, |
| 459 | type: "error", | 438 | type: "error", |
| 460 | }); | 439 | }); |
| 461 | } | 440 | } |
| 462 | }); | 441 | }); |
| 463 | }, | 442 | }, |
| 464 | /** | 443 | /** |
| 465 | * @description: upDateQlrxxList | 444 | * @description: upDateQlrxxList |
| 466 | * @param {*} val | 445 | * @param {*} val |
| 467 | * @author: renchao | 446 | * @author: renchao |
| 468 | */ | 447 | */ |
| 469 | upDateQlrxxList(val) { | 448 | upDateQlrxxList (val) { |
| 470 | this.ruleForm.qlrList = _.cloneDeep(val); | 449 | this.ruleForm.qlrList = _.cloneDeep(val); |
| 471 | this.czrOptions = this.ruleForm.qlrList; | 450 | this.czrOptions = this.ruleForm.qlrList; |
| 472 | }, | 451 | }, |
| 473 | // 是否持证人变化 | 452 | // 是否持证人变化 |
| 474 | /** | 453 | /** |
| 475 | * @description: 是否持证人变化 | 454 | * @description: 是否持证人变化 |
| 476 | * @param {*} val | 455 | * @param {*} val |
| 477 | * @author: renchao | 456 | * @author: renchao |
| 478 | */ | 457 | */ |
| 479 | updaterow() { | 458 | updaterow () { |
| 480 | this.czr = ""; | 459 | this.czr = ""; |
| 481 | }, | 460 | }, |
| 482 | /** | 461 | /** |
| 483 | * @description: upDateJtcyList | 462 | * @description: upDateJtcyList |
| 484 | * @param {*} val | 463 | * @param {*} val |
| 485 | * @author: renchao | 464 | * @author: renchao |
| 486 | */ | 465 | */ |
| 487 | upDateJtcyList(val) { | 466 | upDateJtcyList (val) { |
| 488 | this.ruleForm.jtcyList = _.cloneDeep(val); | 467 | this.ruleForm.jtcyList = _.cloneDeep(val); |
| 489 | }, | 468 | }, |
| 490 | // 是否持证人变化 | 469 | // 是否持证人变化 |
| 491 | /** | 470 | /** |
| 492 | * @description: 是否持证人变化 | 471 | * @description: 是否持证人变化 |
| 493 | * @param {*} val | 472 | * @param {*} val |
| 494 | * @author: renchao | 473 | * @author: renchao |
| 495 | */ | 474 | */ |
| 496 | updaterow() { | 475 | updaterow () { |
| 497 | this.czr = ""; | 476 | this.czr = ""; |
| 498 | }, | 477 | }, |
| 499 | 478 | ||
| 500 | /** | 479 | /** |
| 501 | * @description: 水域滩涂类型变化事件 | 480 | * @description: 水域滩涂类型变化事件 |
| 502 | * @param {*} e | 481 | * @param {*} e |
| 503 | * @author: renchao | 482 | * @author: renchao |
| 504 | */ | 483 | */ |
| 505 | changeSyttlx(e) { | 484 | changeSyttlx (e) { |
| 506 | let itemLx = {}; | 485 | let itemLx = {}; |
| 507 | itemLx = this.dictData["A23"].find((item) => { | 486 | itemLx = this.dictData["A23"].find((item) => { |
| 508 | return item.dcode == e; | 487 | return item.dcode == e; |
| 509 | }); | 488 | }); |
| 510 | this.ruleForm.nydsyq.syttlxmc = itemLx.dname; | 489 | this.ruleForm.nydsyq.syttlxmc = itemLx.dname; |
| 511 | }, | 490 | }, |
| 512 | /** | 491 | /** |
| 513 | * @description: 养殖业方式变化事件 | 492 | * @description: 养殖业方式变化事件 |
| 514 | * @param {*} e | 493 | * @param {*} e |
| 515 | * @author: renchao | 494 | * @author: renchao |
| 516 | */ | 495 | */ |
| 517 | changeYzyfs(e) { | 496 | changeYzyfs (e) { |
| 518 | let itemLx = {}; | 497 | let itemLx = {}; |
| 519 | itemLx = this.dictData["A24"].find((item) => { | 498 | itemLx = this.dictData["A24"].find((item) => { |
| 520 | return item.dcode == e; | 499 | return item.dcode == e; |
| 521 | }); | 500 | }); |
| 522 | this.ruleForm.nydsyq.yzyfsmc = itemLx.dname; | 501 | this.ruleForm.nydsyq.yzyfsmc = itemLx.dname; |
| 523 | }, | 502 | }, |
| 524 | /** | 503 | /** |
| 525 | * @description: 用地用海变化事件 | 504 | * @description: 用地用海变化事件 |
| 526 | * @param {*} e | 505 | * @param {*} e |
| 527 | * @author: renchao | 506 | * @author: renchao |
| 528 | */ | 507 | */ |
| 529 | changeYdyhfl(e) { | 508 | changeYdyhfl (e) { |
| 530 | let itemLx = {}; | 509 | let itemLx = {}; |
| 531 | itemLx = this.dictData["A51"].find((item) => { | 510 | itemLx = this.dictData["A51"].find((item) => { |
| 532 | return item.dcode == e; | 511 | return item.dcode == e; |
| 533 | }); | 512 | }); |
| 534 | this.ruleForm.nydsyq.ydyhflmc = itemLx.dname; | 513 | this.ruleForm.nydsyq.ydyhflmc = itemLx.dname; |
| 514 | }, | ||
| 535 | }, | 515 | }, |
| 536 | }, | 516 | }; |
| 537 | }; | ||
| 538 | </script> | 517 | </script> |
| 539 | <style scoped lang="scss"> | 518 | <style scoped lang="scss"> |
| 540 | @import "~@/styles/public.scss"; | 519 | @import "~@/styles/public.scss"; |
| 541 | @import "~@/styles/slxx/slxx.scss"; | 520 | @import "~@/styles/slxx/slxx.scss"; |
| 542 | </style> | 521 | </style> | ... | ... |
| ... | @@ -347,7 +347,7 @@ | ... | @@ -347,7 +347,7 @@ |
| 347 | this.czrOptions = this.ruleForm.qlrList; | 347 | this.czrOptions = this.ruleForm.qlrList; |
| 348 | this.ruleForm.qlrList.forEach((item) => { | 348 | this.ruleForm.qlrList.forEach((item) => { |
| 349 | if (item.sfczr == 1) { | 349 | if (item.sfczr == 1) { |
| 350 | this.czr = item.sqrmc; | 350 | this.czr = item.zjh |
| 351 | } | 351 | } |
| 352 | }); | 352 | }); |
| 353 | this.$endLoading(); | 353 | this.$endLoading(); |
| ... | @@ -458,7 +458,7 @@ | ... | @@ -458,7 +458,7 @@ |
| 458 | this.czrOptions = this.ruleForm.qlrList; | 458 | this.czrOptions = this.ruleForm.qlrList; |
| 459 | this.num = 0 | 459 | this.num = 0 |
| 460 | this.ruleForm.qlrList.forEach(item => { | 460 | this.ruleForm.qlrList.forEach(item => { |
| 461 | if (item.sqrmc == this.czr) { | 461 | if (item.zjh == this.czr) { |
| 462 | this.num++ | 462 | this.num++ |
| 463 | } | 463 | } |
| 464 | }) | 464 | }) | ... | ... |
| ... | @@ -337,7 +337,7 @@ | ... | @@ -337,7 +337,7 @@ |
| 337 | }; | 337 | }; |
| 338 | this.ruleForm.qlrList.forEach((item) => { | 338 | this.ruleForm.qlrList.forEach((item) => { |
| 339 | if (item.sfczr == 1) { | 339 | if (item.sfczr == 1) { |
| 340 | this.czr = item.sqrmc; | 340 | this.czr = item.zjh |
| 341 | } | 341 | } |
| 342 | }); | 342 | }); |
| 343 | //初始化发证方式，1：小证，2：大正 | 343 | //初始化发证方式，1：小证，2：大正 |
| ... | @@ -408,7 +408,7 @@ | ... | @@ -408,7 +408,7 @@ |
| 408 | this.czrOptions = this.ruleForm.qlrList; | 408 | this.czrOptions = this.ruleForm.qlrList; |
| 409 | this.num = 0 | 409 | this.num = 0 |
| 410 | this.ruleForm.qlrList.forEach(item => { | 410 | this.ruleForm.qlrList.forEach(item => { |
| 411 | if (item.sqrmc == this.czr) { | 411 | if (item.zjh == this.czr) { |
| 412 | this.num++ | 412 | this.num++ |
| 413 | } | 413 | } |
| 414 | }) | 414 | }) | ... | ... |
| ... | @@ -375,7 +375,7 @@ | ... | @@ -375,7 +375,7 @@ |
| 375 | this.czrOptions = this.ruleForm.qlrList; | 375 | this.czrOptions = this.ruleForm.qlrList; |
| 376 | this.ruleForm.qlrList.forEach((item) => { | 376 | this.ruleForm.qlrList.forEach((item) => { |
| 377 | if (item.sfczr == 1) { | 377 | if (item.sfczr == 1) { |
| 378 | this.czr = item.sqrmc; | 378 | this.czr = item.zjh |
| 379 | } | 379 | } |
| 380 | }); | 380 | }); |
| 381 | }); | 381 | }); |
| ... | @@ -431,7 +431,7 @@ | ... | @@ -431,7 +431,7 @@ |
| 431 | this.czrOptions = this.ruleForm.qlrList; | 431 | this.czrOptions = this.ruleForm.qlrList; |
| 432 | this.num = 0 | 432 | this.num = 0 |
| 433 | this.ruleForm.qlrList.forEach(item => { | 433 | this.ruleForm.qlrList.forEach(item => { |
| 434 | if (item.sqrmc == this.czr) { | 434 | if (item.zjh == this.czr) { |
| 435 | this.num++ | 435 | this.num++ |
| 436 | } | 436 | } |
| 437 | }) | 437 | }) | ... | ... |
| ... | @@ -354,7 +354,7 @@ | ... | @@ -354,7 +354,7 @@ |
| 354 | this.czrOptions = this.ruleForm.qlrList; | 354 | this.czrOptions = this.ruleForm.qlrList; |
| 355 | this.num = 0 | 355 | this.num = 0 |
| 356 | this.ruleForm.qlrList.forEach(item => { | 356 | this.ruleForm.qlrList.forEach(item => { |
| 357 | if (item.sqrmc == this.czr) { | 357 | if (item.zjh == this.czr) { |
| 358 | this.num++ | 358 | this.num++ |
| 359 | } | 359 | } |
| 360 | }) | 360 | }) | ... | ... |
| ... | @@ -225,7 +225,7 @@ | ... | @@ -225,7 +225,7 @@ |
| 225 | this.czrOptions = this.ruleForm.qlrList; | 225 | this.czrOptions = this.ruleForm.qlrList; |
| 226 | this.ruleForm.qlrList.forEach((item) => { | 226 | this.ruleForm.qlrList.forEach((item) => { |
| 227 | if (item.sfczr == 1) { | 227 | if (item.sfczr == 1) { |
| 228 | this.czr = item.sqrmc; | 228 | this.czr = item.zjh |
| 229 | } | 229 | } |
| 230 | }); | 230 | }); |
| 231 | } | 231 | } |
| ... | @@ -272,7 +272,7 @@ | ... | @@ -272,7 +272,7 @@ |
| 272 | this.czrOptions = this.ruleForm.qlrList; | 272 | this.czrOptions = this.ruleForm.qlrList; |
| 273 | this.num = 0 | 273 | this.num = 0 |
| 274 | this.ruleForm.qlrList.forEach(item => { | 274 | this.ruleForm.qlrList.forEach(item => { |
| 275 | if (item.sqrmc == this.czr) { | 275 | if (item.zjh == this.czr) { |
| 276 | this.num++ | 276 | this.num++ |
| 277 | } | 277 | } |
| 278 | }) | 278 | }) | ... | ... |
| ... | @@ -321,7 +321,7 @@ | ... | @@ -321,7 +321,7 @@ |
| 321 | that.czrOptions = this.ruleForm.qlrList; | 321 | that.czrOptions = this.ruleForm.qlrList; |
| 322 | that.ruleForm.qlrList.forEach((item) => { | 322 | that.ruleForm.qlrList.forEach((item) => { |
| 323 | if (item.sfczr == 1) { | 323 | if (item.sfczr == 1) { |
| 324 | that.czr = item.sqrmc; | 324 | that.czr = item.zjh; |
| 325 | } | 325 | } |
| 326 | }); | 326 | }); |
| 327 | setTimeout(() => { | 327 | setTimeout(() => { |
| ... | @@ -360,7 +360,7 @@ | ... | @@ -360,7 +360,7 @@ |
| 360 | this.czrOptions = this.ruleForm.qlrList; | 360 | this.czrOptions = this.ruleForm.qlrList; |
| 361 | this.num = 0 | 361 | this.num = 0 |
| 362 | this.ruleForm.qlrList.forEach(item => { | 362 | this.ruleForm.qlrList.forEach(item => { |
| 363 | if (item.sqrmc == this.czr) { | 363 | if (item.zjh == this.czr) { |
| 364 | this.num++ | 364 | this.num++ |
| 365 | } | 365 | } |
| 366 | }) | 366 | }) | ... | ... |
| ... | @@ -5,8 +5,7 @@ | ... | @@ -5,8 +5,7 @@ |
| 5 | class="loadingtext" | 5 | class="loadingtext" |
| 6 | :label-position="flag ? 'top' : ''" | 6 | :label-position="flag ? 'top' : ''" |
| 7 | :inline="flag" | 7 | :inline="flag" |
| 8 | label-width="140px" | 8 | label-width="140px"> |
| 9 | > | ||
| 10 | <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''"> | 9 | <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''"> |
| 11 | <div class="slxx_title title-block"> | 10 | <div class="slxx_title title-block"> |
| 12 | 申请业务信息 | 11 | 申请业务信息 |
| ... | @@ -34,16 +33,14 @@ | ... | @@ -34,16 +33,14 @@ |
| 34 | <el-form-item label="权利类型："> | 33 | <el-form-item label="权利类型："> |
| 35 | <el-input | 34 | <el-input |
| 36 | disabled | 35 | disabled |
| 37 | v-model="ruleForm.sldyList[0].qllxmc" | 36 | v-model="ruleForm.sldyList[0].qllxmc"></el-input> |
| 38 | ></el-input> | ||
| 39 | </el-form-item> | 37 | </el-form-item> |
| 40 | </el-col> | 38 | </el-col> |
| 41 | <el-col :span="8"> | 39 | <el-col :span="8"> |
| 42 | <el-form-item label="登记类型："> | 40 | <el-form-item label="登记类型："> |
| 43 | <el-input | 41 | <el-input |
| 44 | disabled | 42 | disabled |
| 45 | v-model="ruleForm.sldyList[0].djlxmc" | 43 | v-model="ruleForm.sldyList[0].djlxmc"></el-input> |
| 46 | ></el-input> | ||
| 47 | </el-form-item> | 44 | </el-form-item> |
| 48 | </el-col> | 45 | </el-col> |
| 49 | <el-col :span="8"> | 46 | <el-col :span="8"> |
| ... | @@ -54,8 +51,7 @@ | ... | @@ -54,8 +51,7 @@ |
| 54 | </el-row> | 51 | </el-row> |
| 55 | <div | 52 | <div |
| 56 | class="slxx_title title-block" | 53 | class="slxx_title title-block" |
| 57 | v-if="ruleForm.hlist && ruleForm.hlist.length > 0" | 54 | v-if="ruleForm.hlist && ruleForm.hlist.length > 0"> |
| 58 | > | ||
| 59 | 抵押户信息列表信息（{{ ruleForm.hlist.length }} 户） | 55 | 抵押户信息列表信息（{{ ruleForm.hlist.length }} 户） |
| 60 | <div class="triangle"></div> | 56 | <div class="triangle"></div> |
| 61 | </div> | 57 | </div> |
| ... | @@ -66,8 +62,7 @@ | ... | @@ -66,8 +62,7 @@ |
| 66 | </div> | 62 | </div> |
| 67 | <el-row | 63 | <el-row |
| 68 | :gutter="10" | 64 | :gutter="10" |
| 69 | v-if="ruleForm.diyaqList && ruleForm.diyaqList.length > 0" | 65 | v-if="ruleForm.diyaqList && ruleForm.diyaqList.length > 0"> |
| 70 | > | ||
| 71 | <el-col :span="8"> | 66 | <el-col :span="8"> |
| 72 | <el-form-item label="抵押方式："> | 67 | <el-form-item label="抵押方式："> |
| 73 | <el-radio-group disabled v-model="ruleForm.diyaqList[0].dyfs"> | 68 | <el-radio-group disabled v-model="ruleForm.diyaqList[0].dyfs"> |
| ... | @@ -80,8 +75,7 @@ | ... | @@ -80,8 +75,7 @@ |
| 80 | <el-form-item label="抵押金额类型："> | 75 | <el-form-item label="抵押金额类型："> |
| 81 | <el-radio-group | 76 | <el-radio-group |
| 82 | v-model="ruleForm.diyaqList[0].dyjelx" | 77 | v-model="ruleForm.diyaqList[0].dyjelx" |
| 83 | :disabled="!viewEdit" | 78 | :disabled="!viewEdit"> |
| 84 | > | ||
| 85 | <el-radio label="0">独立抵押</el-radio> | 79 | <el-radio label="0">独立抵押</el-radio> |
| 86 | <el-radio label="1">整体抵押</el-radio> | 80 | <el-radio label="1">整体抵押</el-radio> |
| 87 | </el-radio-group> | 81 | </el-radio-group> |
| ... | @@ -90,12 +84,10 @@ | ... | @@ -90,12 +84,10 @@ |
| 90 | <el-col :span="8"> | 84 | <el-col :span="8"> |
| 91 | <el-form-item | 85 | <el-form-item |
| 92 | label="是否存在禁止或者限制转让抵押不动产的约定：" | 86 | label="是否存在禁止或者限制转让抵押不动产的约定：" |
| 93 | label-width="350px" | 87 | label-width="350px"> |
| 94 | > | ||
| 95 | <el-radio-group | 88 | <el-radio-group |
| 96 | v-model="ruleForm.diyaqList[0].sfczjzhxz" | 89 | v-model="ruleForm.diyaqList[0].sfczjzhxz" |
| 97 | :disabled="!viewEdit" | 90 | :disabled="!viewEdit"> |
| 98 | > | ||
| 99 | <el-radio label="1">启用</el-radio> | 91 | <el-radio label="1">启用</el-radio> |
| 100 | <el-radio label="0">禁用</el-radio> | 92 | <el-radio label="0">禁用</el-radio> |
| 101 | </el-radio-group> | 93 | </el-radio-group> |
| ... | @@ -105,24 +97,20 @@ | ... | @@ -105,24 +97,20 @@ |
| 105 | 97 | ||
| 106 | <el-row | 98 | <el-row |
| 107 | :gutter="10" | 99 | :gutter="10" |
| 108 | v-if="ruleForm.diyaqList && ruleForm.diyaqList.length > 0" | 100 | v-if="ruleForm.diyaqList && ruleForm.diyaqList.length > 0"> |
| 109 | > | ||
| 110 | <el-col :span="8" v-show="ruleForm.diyaqList[0].dyfs == 1"> | 101 | <el-col :span="8" v-show="ruleForm.diyaqList[0].dyfs == 1"> |
| 111 | <el-form-item label="被担保主债权数额："> | 102 | <el-form-item label="被担保主债权数额："> |
| 112 | <el-input | 103 | <el-input |
| 113 | v-model="ruleForm.diyaqList[0].bdbzzqse" | 104 | v-model="ruleForm.diyaqList[0].bdbzzqse" |
| 114 | :disabled="!viewEdit" | 105 | :disabled="!viewEdit"></el-input> |
| 115 | ></el-input> | ||
| 116 | <el-select | 106 | <el-select |
| 117 | v-model="ruleForm.diyaqList[0].jedw" | 107 | v-model="ruleForm.diyaqList[0].jedw" |
| 118 | :disabled="!viewEdit" | 108 | :disabled="!viewEdit"> |
| 119 | > | ||
| 120 | <el-option | 109 | <el-option |
| 121 | v-for="item in dictData['A57']" | 110 | v-for="item in dictData['A57']" |
| 122 | :key="item.dcode" | 111 | :key="item.dcode" |
| 123 | :label="item.dname" | 112 | :label="item.dname" |
| 124 | :value="item.dcode" | 113 | :value="item.dcode"> |
| 125 | > | ||
| 126 | </el-option> | 114 | </el-option> |
| 127 | </el-select> | 115 | </el-select> |
| 128 | </el-form-item> | 116 | </el-form-item> |
| ... | @@ -132,18 +120,15 @@ | ... | @@ -132,18 +120,15 @@ |
| 132 | <el-form-item label="最高债权额："> | 120 | <el-form-item label="最高债权额："> |
| 133 | <el-input | 121 | <el-input |
| 134 | v-model="ruleForm.diyaqList[0].zgzqse" | 122 | v-model="ruleForm.diyaqList[0].zgzqse" |
| 135 | :disabled="!viewEdit" | 123 | :disabled="!viewEdit"></el-input> |
| 136 | ></el-input> | ||
| 137 | <el-select | 124 | <el-select |
| 138 | v-model="ruleForm.diyaqList[0].jedw" | 125 | v-model="ruleForm.diyaqList[0].jedw" |
| 139 | :disabled="!viewEdit" | 126 | :disabled="!viewEdit"> |
| 140 | > | ||
| 141 | <el-option | 127 | <el-option |
| 142 | v-for="item in dictData['A57']" | 128 | v-for="item in dictData['A57']" |
| 143 | :key="item.dcode" | 129 | :key="item.dcode" |
| 144 | :label="item.dname" | 130 | :label="item.dname" |
| 145 | :value="item.dcode" | 131 | :value="item.dcode"> |
| 146 | > | ||
| 147 | </el-option> | 132 | </el-option> |
| 148 | </el-select> | 133 | </el-select> |
| 149 | </el-form-item> | 134 | </el-form-item> |
| ... | @@ -154,8 +139,7 @@ | ... | @@ -154,8 +139,7 @@ |
| 154 | <el-date-picker | 139 | <el-date-picker |
| 155 | v-model="ruleForm.diyaqList[0].zwlxqssj" | 140 | v-model="ruleForm.diyaqList[0].zwlxqssj" |
| 156 | :disabled="!viewEdit" | 141 | :disabled="!viewEdit" |
| 157 | type="date" | 142 | type="date"> |
| 158 | > | ||
| 159 | </el-date-picker> | 143 | </el-date-picker> |
| 160 | </el-form-item> | 144 | </el-form-item> |
| 161 | </el-col> | 145 | </el-col> |
| ... | @@ -164,8 +148,7 @@ | ... | @@ -164,8 +148,7 @@ |
| 164 | <el-date-picker | 148 | <el-date-picker |
| 165 | v-model="ruleForm.diyaqList[0].zwlxjssj" | 149 | v-model="ruleForm.diyaqList[0].zwlxjssj" |
| 166 | :disabled="!viewEdit" | 150 | :disabled="!viewEdit" |
| 167 | type="date" | 151 | type="date"> |
| 168 | > | ||
| 169 | </el-date-picker> | 152 | </el-date-picker> |
| 170 | </el-form-item> | 153 | </el-form-item> |
| 171 | </el-col> | 154 | </el-col> |
| ... | @@ -176,8 +159,7 @@ | ... | @@ -176,8 +159,7 @@ |
| 176 | <el-form-item label="担保范围："> | 159 | <el-form-item label="担保范围："> |
| 177 | <el-input | 160 | <el-input |
| 178 | v-model="ruleForm.diyaqList[0].dbfw" | 161 | v-model="ruleForm.diyaqList[0].dbfw" |
| 179 | :disabled="ruleForm.sldyList[0].djlx == '300' && !viewEdit" | 162 | :disabled="ruleForm.sldyList[0].djlx == '300' && !viewEdit"></el-input> |
| 180 | ></el-input> | ||
| 181 | </el-form-item> | 163 | </el-form-item> |
| 182 | </el-col> | 164 | </el-col> |
| 183 | </el-row> | 165 | </el-row> |
| ... | @@ -186,8 +168,7 @@ | ... | @@ -186,8 +168,7 @@ |
| 186 | <el-form-item label="最高债权确定事实和数额："> | 168 | <el-form-item label="最高债权确定事实和数额："> |
| 187 | <el-input | 169 | <el-input |
| 188 | v-model="ruleForm.diyaqList[0].zgzqqdss" | 170 | v-model="ruleForm.diyaqList[0].zgzqqdss" |
| 189 | :disabled="!viewEdit" | 171 | :disabled="!viewEdit"></el-input> |
| 190 | ></el-input> | ||
| 191 | </el-form-item> | 172 | </el-form-item> |
| 192 | </el-col> | 173 | </el-col> |
| 193 | </el-row> | 174 | </el-row> |
| ... | @@ -199,8 +180,7 @@ | ... | @@ -199,8 +180,7 @@ |
| 199 | maxlength="500" | 180 | maxlength="500" |
| 200 | show-word-limit | 181 | show-word-limit |
| 201 | v-model="ruleForm.diyaqList[0].fj" | 182 | v-model="ruleForm.diyaqList[0].fj" |
| 202 | :disabled="!viewEdit" | 183 | :disabled="!viewEdit"></el-input> |
| 203 | ></el-input> | ||
| 204 | </el-form-item> | 184 | </el-form-item> |
| 205 | </el-col> | 185 | </el-col> |
| 206 | </el-row> | 186 | </el-row> |
| ... | @@ -211,14 +191,12 @@ | ... | @@ -211,14 +191,12 @@ |
| 211 | </div> | 191 | </div> |
| 212 | <el-row | 192 | <el-row |
| 213 | :gutter="10" | 193 | :gutter="10" |
| 214 | v-if="ruleForm.sldyList && ruleForm.sldyList.length > 0" | 194 | v-if="ruleForm.sldyList && ruleForm.sldyList.length > 0"> |
| 215 | > | ||
| 216 | <el-col :span="14"> | 195 | <el-col :span="14"> |
| 217 | <el-form-item label="共有方式："> | 196 | <el-form-item label="共有方式："> |
| 218 | <el-radio-group | 197 | <el-radio-group |
| 219 | :disabled="!viewEdit" | 198 | :disabled="!viewEdit" |
| 220 | v-model="ruleForm.sldyList[0].gyfs" | 199 | v-model="ruleForm.sldyList[0].gyfs"> |
| 221 | > | ||
| 222 | <el-radio label="0">单独所有</el-radio> | 200 | <el-radio label="0">单独所有</el-radio> |
| 223 | <el-radio label="1">共同共有</el-radio> | 201 | <el-radio label="1">共同共有</el-radio> |
| 224 | <el-radio label="2">按份所有</el-radio> | 202 | <el-radio label="2">按份所有</el-radio> |
| ... | @@ -232,8 +210,7 @@ | ... | @@ -232,8 +210,7 @@ |
| 232 | <el-radio-group | 210 | <el-radio-group |
| 233 | v-model="ruleForm.sldyList[0].sqfbcz" | 211 | v-model="ruleForm.sldyList[0].sqfbcz" |
| 234 | :disabled="!viewEdit" | 212 | :disabled="!viewEdit" |
| 235 | @input="updaterow()" | 213 | @input="updaterow()"> |
| 236 | > | ||
| 237 | <el-radio label="1">是</el-radio> | 214 | <el-radio label="1">是</el-radio> |
| 238 | <el-radio label="0">否</el-radio> | 215 | <el-radio label="0">否</el-radio> |
| 239 | </el-radio-group> | 216 | </el-radio-group> |
| ... | @@ -244,20 +221,17 @@ | ... | @@ -244,20 +221,17 @@ |
| 244 | v-show=" | 221 | v-show=" |
| 245 | ruleForm.sldyList[0].gyfs != '0' && | 222 | ruleForm.sldyList[0].gyfs != '0' && |
| 246 | ruleForm.sldyList[0].sqfbcz == '0' | 223 | ruleForm.sldyList[0].sqfbcz == '0' |
| 247 | " | 224 | "> |
| 248 | > | ||
| 249 | <el-form-item label="持证人："> | 225 | <el-form-item label="持证人："> |
| 250 | <el-select | 226 | <el-select |
| 251 | v-model="czr" | 227 | v-model="czr" |
| 252 | placeholder="持证人" | 228 | placeholder="持证人" |
| 253 | :disabled="!viewEdit" | 229 | :disabled="!viewEdit"> |
| 254 | > | ||
| 255 | <el-option | 230 | <el-option |
| 256 | v-for="item in czrOptions" | 231 | v-for="item in czrOptions" |
| 257 | :key="item.value" | 232 | :key="item.value" |
| 258 | :label="item.label" | 233 | :label="item.label" |
| 259 | :value="item.value" | 234 | :value="item.value"> |
| 260 | > | ||
| 261 | </el-option> | 235 | </el-option> |
| 262 | </el-select> | 236 | </el-select> |
| 263 | </el-form-item> | 237 | </el-form-item> |
| ... | @@ -268,8 +242,7 @@ | ... | @@ -268,8 +242,7 @@ |
| 268 | :tableData="ruleForm.qlrList" | 242 | :tableData="ruleForm.qlrList" |
| 269 | @upDateQlrxxList="upDateQlrxxList" | 243 | @upDateQlrxxList="upDateQlrxxList" |
| 270 | :disabled="viewEdit" | 244 | :disabled="viewEdit" |
| 271 | :gyfs="ruleForm.sldyList[0].gyfs" | 245 | :gyfs="ruleForm.sldyList[0].gyfs" /> |
| 272 | /> | ||
| 273 | <div class="slxx_title title-block"> | 246 | <div class="slxx_title title-block"> |
| 274 | 抵押人信息 | 247 | 抵押人信息 |
| 275 | <div class="triangle"></div> | 248 | <div class="triangle"></div> |
| ... | @@ -277,8 +250,7 @@ | ... | @@ -277,8 +250,7 @@ |
| 277 | <qlrCommonTable | 250 | <qlrCommonTable |
| 278 | :tableData="ruleForm.ywrList" | 251 | :tableData="ruleForm.ywrList" |
| 279 | @upDateQlrxxList="upDateYwrxxList" | 252 | @upDateQlrxxList="upDateYwrxxList" |
| 280 | :disabled="viewEdit" | 253 | :disabled="viewEdit" /> |
| 281 | /> | ||
| 282 | 254 | ||
| 283 | <div class="slxx_title title-block"> | 255 | <div class="slxx_title title-block"> |
| 284 | 登记原因 | 256 | 登记原因 |
| ... | @@ -286,20 +258,17 @@ | ... | @@ -286,20 +258,17 @@ |
| 286 | </div> | 258 | </div> |
| 287 | <el-row | 259 | <el-row |
| 288 | :gutter="10" | 260 | :gutter="10" |
| 289 | v-if="ruleForm.diyaqList && ruleForm.diyaqList.length > 0" | 261 | v-if="ruleForm.diyaqList && ruleForm.diyaqList.length > 0"> |
| 290 | > | ||
| 291 | <el-col> | 262 | <el-col> |
| 292 | <el-form-item | 263 | <el-form-item |
| 293 | v-if="ruleForm.sldyList[0].djlx == '400'" | 264 | v-if="ruleForm.sldyList[0].djlx == '400'" |
| 294 | label="注销抵押原因：" | 265 | label="注销抵押原因：" |
| 295 | prop="djyy" | 266 | prop="djyy"> |
| 296 | > | ||
| 297 | <el-input | 267 | <el-input |
| 298 | class="textArea" | 268 | class="textArea" |
| 299 | type="textarea" | 269 | type="textarea" |
| 300 | :disabled="!viewEdit" | 270 | :disabled="!viewEdit" |
| 301 | v-model="ruleForm.diyaqList[0].zxdyyy" | 271 | v-model="ruleForm.diyaqList[0].zxdyyy"> |
| 302 | > | ||
| 303 | </el-input> | 272 | </el-input> |
| 304 | </el-form-item> | 273 | </el-form-item> |
| 305 | <el-form-item v-else label="登记原因：" prop="djyy"> | 274 | <el-form-item v-else label="登记原因：" prop="djyy"> |
| ... | @@ -309,8 +278,7 @@ | ... | @@ -309,8 +278,7 @@ |
| 309 | maxlength="500" | 278 | maxlength="500" |
| 310 | show-word-limit | 279 | show-word-limit |
| 311 | :disabled="!viewEdit" | 280 | :disabled="!viewEdit" |
| 312 | v-model="ruleForm.diyaqList[0].djyy" | 281 | v-model="ruleForm.diyaqList[0].djyy"> |
| 313 | > | ||
| 314 | </el-input> | 282 | </el-input> |
| 315 | </el-form-item> | 283 | </el-form-item> |
| 316 | </el-col> | 284 | </el-col> |
| ... | @@ -325,163 +293,163 @@ | ... | @@ -325,163 +293,163 @@ |
| 325 | </div> | 293 | </div> |
| 326 | </template> | 294 | </template> |
| 327 | <script> | 295 | <script> |
| 328 | import qjhTable from "@/views/workflow/components/qjhTable"; | 296 | import qjhTable from "@/views/workflow/components/qjhTable"; |
| 329 | import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; | 297 | import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; |
| 330 | import { bacthInit, saveBatchData } from "@/api/workflow/zjgcdyFlow.js"; | 298 | import { bacthInit, saveBatchData } from "@/api/workflow/zjgcdyFlow.js"; |
| 331 | import { mapGetters } from "vuex"; | 299 | import { mapGetters } from "vuex"; |
| 332 | export default { | 300 | export default { |
| 333 | mounted() { | 301 | mounted () { |
| 334 | this.viewEdit = this.$parent.currentSelectTab.ableOperation; | 302 | this.viewEdit = this.$parent.currentSelectTab.ableOperation; |
| 335 | this.propsParam = this.$attrs; | 303 | this.propsParam = this.$attrs; |
| 336 | var formdata = new FormData(); | 304 | var formdata = new FormData(); |
| 337 | 305 | ||
| 338 | this.$startLoading(); | 306 | this.$startLoading(); |
| 339 | formdata.append("bsmSlsq", this.$route.query.bsmSlsq); | 307 | formdata.append("bsmSlsq", this.$route.query.bsmSlsq); |
| 340 | formdata.append("djlx", this.propsParam.djlx); | 308 | formdata.append("djlx", this.propsParam.djlx); |
| 341 | formdata.append("isEdit", this.viewEdit); | 309 | formdata.append("isEdit", this.viewEdit); |
| 342 | bacthInit(formdata).then((res) => { | 310 | bacthInit(formdata).then((res) => { |
| 343 | this.$endLoading(); | 311 | this.$endLoading(); |
| 344 | if (res.code === 200 && res.result) { | 312 | if (res.code === 200 && res.result) { |
| 345 | this.ruleForm = res.result; | 313 | this.ruleForm = res.result; |
| 346 | this.czrOptions = this.ruleForm.qlrList; | 314 | this.czrOptions = this.ruleForm.qlrList; |
| 347 | this.ruleForm.qlrList.forEach((item) => { | 315 | this.ruleForm.qlrList.forEach((item) => { |
| 348 | if (item.sfczr == 1) { | 316 | if (item.sfczr == 1) { |
| 349 | this.czr = item.sqrmc; | 317 | this.czr = item.zjh |
| 350 | } | 318 | } |
| 351 | }); | ||
| 352 | } else { | ||
| 353 | this.$message.error(res.message); | ||
| 354 | } | ||
| 355 | }); | ||
| 356 | }, | ||
| 357 | components: { qlrCommonTable, qjhTable }, | ||
| 358 | computed: { | ||
| 359 | ...mapGetters(["dictData", "flag"]), | ||
| 360 | }, | ||
| 361 | data() { | ||
| 362 | return { | ||
| 363 | //表单是否可操作 | ||
| 364 | viewEdit: true, | ||
| 365 | disabled: true, | ||
| 366 | czrOptions: [], | ||
| 367 | czr: "", | ||
| 368 | ruleForm: {}, | ||
| 369 | //传递参数 | ||
| 370 | propsParam: {}, | ||
| 371 | rules: {}, | ||
| 372 | tableData: [], | ||
| 373 | }; | ||
| 374 | }, | ||
| 375 | methods: { | ||
| 376 | /** | ||
| 377 | * @description: onSubmitClick | ||
| 378 | * @author: renchao | ||
| 379 | */ | ||
| 380 | onSubmitClick() { | ||
| 381 | let that = this; | ||
| 382 | if (this.ruleForm.qlrList.length == 0) { | ||
| 383 | this.$message({ | ||
| 384 | showClose: true, | ||
| 385 | message: "请确认抵押权人信息", | ||
| 386 | type: "error", | ||
| 387 | }); | ||
| 388 | return false; | ||
| 389 | } | ||
| 390 | if (ruleForm.sldyList[0].gyfs == "0") { | ||
| 391 | if (this.ruleForm.qlrList.length > 1) { | ||
| 392 | this.$message({ | ||
| 393 | showClose: true, | ||
| 394 | message: "共有方式：单独所有，权利人只能是一个人", | ||
| 395 | type: "error", | ||
| 396 | }); | 319 | }); |
| 397 | return false; | 320 | } else { |
| 321 | this.$message.error(res.message); | ||
| 398 | } | 322 | } |
| 399 | this.ruleForm.qlrList[0].sfczr = "1"; | 323 | }); |
| 400 | } else { | 324 | }, |
| 401 | if (this.ruleForm.qlrList.length <= 1) { | 325 | components: { qlrCommonTable, qjhTable }, |
| 326 | computed: { | ||
| 327 | ...mapGetters(["dictData", "flag"]), | ||
| 328 | }, | ||
| 329 | data () { | ||
| 330 | return { | ||
| 331 | //表单是否可操作 | ||
| 332 | viewEdit: true, | ||
| 333 | disabled: true, | ||
| 334 | czrOptions: [], | ||
| 335 | czr: "", | ||
| 336 | ruleForm: {}, | ||
| 337 | //传递参数 | ||
| 338 | propsParam: {}, | ||
| 339 | rules: {}, | ||
| 340 | tableData: [], | ||
| 341 | }; | ||
| 342 | }, | ||
| 343 | methods: { | ||
| 344 | /** | ||
| 345 | * @description: onSubmitClick | ||
| 346 | * @author: renchao | ||
| 347 | */ | ||
| 348 | onSubmitClick () { | ||
| 349 | let that = this; | ||
| 350 | if (this.ruleForm.qlrList.length == 0) { | ||
| 402 | this.$message({ | 351 | this.$message({ |
| 403 | showClose: true, | 352 | showClose: true, |
| 404 | message: | 353 | message: "请确认抵押权人信息", |
| 405 | "共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上", | ||
| 406 | type: "error", | 354 | type: "error", |
| 407 | }); | 355 | }); |
| 408 | return false; | 356 | return false; |
| 409 | } | 357 | } |
| 410 | //是否分别持证 | 358 | if (ruleForm.sldyList[0].gyfs == "0") { |
| 411 | if (this.ruleForm.sldyList[0].sqfbcz == "1") { | 359 | if (this.ruleForm.qlrList.length > 1) { |
| 412 | //是 | 360 | this.$message({ |
| 413 | this.ruleForm.qlrList.forEach((item, index) => { | 361 | showClose: true, |
| 414 | item.sfczr = "1"; | 362 | message: "共有方式：单独所有，权利人只能是一个人", |
| 415 | }); | 363 | type: "error", |
| 364 | }); | ||
| 365 | return false; | ||
| 366 | } | ||
| 367 | this.ruleForm.qlrList[0].sfczr = "1"; | ||
| 416 | } else { | 368 | } else { |
| 417 | if (!that.czr) { | 369 | if (this.ruleForm.qlrList.length <= 1) { |
| 418 | that.$message({ | 370 | this.$message({ |
| 419 | showClose: true, | 371 | showClose: true, |
| 420 | message: "请选择持证人", | 372 | message: |
| 373 | "共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上", | ||
| 421 | type: "error", | 374 | type: "error", |
| 422 | }); | 375 | }); |
| 423 | return false; | 376 | return false; |
| 424 | } | 377 | } |
| 425 | this.ruleForm.qlrList.forEach((item, index) => { | 378 | //是否分别持证 |
| 426 | if (item.zjh == that.czr) { | 379 | if (this.ruleForm.sldyList[0].sqfbcz == "1") { |
| 380 | //是 | ||
| 381 | this.ruleForm.qlrList.forEach((item, index) => { | ||
| 427 | item.sfczr = "1"; | 382 | item.sfczr = "1"; |
| 428 | } else { | 383 | }); |
| 429 | item.sfczr = "0"; | 384 | } else { |
| 385 | if (!that.czr) { | ||
| 386 | that.$message({ | ||
| 387 | showClose: true, | ||
| 388 | message: "请选择持证人", | ||
| 389 | type: "error", | ||
| 390 | }); | ||
| 391 | return false; | ||
| 430 | } | 392 | } |
| 431 | }); | 393 | this.ruleForm.qlrList.forEach((item, index) => { |
| 394 | if (item.zjh == that.czr) { | ||
| 395 | item.sfczr = "1"; | ||
| 396 | } else { | ||
| 397 | item.sfczr = "0"; | ||
| 398 | } | ||
| 399 | }); | ||
| 400 | } | ||
| 432 | } | 401 | } |
| 433 | } | 402 | saveBatchData(this.ruleForm, this.propsParam.djlx).then((res) => { |
| 434 | saveBatchData(this.ruleForm, this.propsParam.djlx).then((res) => { | 403 | if (res.code === 200) { |
| 435 | if (res.code === 200) { | 404 | this.$message({ |
| 436 | this.$message({ | 405 | showClose: true, |
| 437 | showClose: true, | 406 | message: "保存成功！", |
| 438 | message: "保存成功！", | 407 | type: "success", |
| 439 | type: "success", | 408 | }); |
| 440 | }); | 409 | this.$store.dispatch("user/refreshPage", true); |
| 441 | this.$store.dispatch("user/refreshPage", true); | 410 | } else { |
| 442 | } else { | 411 | this.$message({ |
| 443 | this.$message({ | 412 | showClose: true, |
| 444 | showClose: true, | 413 | message: res.message, |
| 445 | message: res.message, | 414 | type: "error", |
| 446 | type: "error", | 415 | }); |
| 447 | }); | 416 | } |
| 417 | }); | ||
| 418 | }, | ||
| 419 | // 是否持证人变化 | ||
| 420 | /** | ||
| 421 | * @description: 是否持证人变化 | ||
| 422 | * @param {*} val | ||
| 423 | * @author: renchao | ||
| 424 | */ | ||
| 425 | updaterow () { | ||
| 426 | this.czr = ""; | ||
| 427 | }, | ||
| 428 | /** | ||
| 429 | * @description: 更新权利人信息 | ||
| 430 | * @param {*} val | ||
| 431 | * @author: renchao | ||
| 432 | */ | ||
| 433 | upDateQlrxxList (val) { | ||
| 434 | if (!_.isEqual(val, this.ruleForm.qlrList)) { | ||
| 435 | this.ruleForm.qlrList = _.cloneDeep(val); | ||
| 436 | this.czrOptions = this.ruleForm.qlrList; | ||
| 448 | } | 437 | } |
| 449 | }); | 438 | }, |
| 450 | }, | 439 | /** |
| 451 | // 是否持证人变化 | 440 | * @description: 更新义务人信息 |
| 452 | /** | 441 | * @param {*} val |
| 453 | * @description: 是否持证人变化 | 442 | * @author: renchao |
| 454 | * @param {*} val | 443 | */ |
| 455 | * @author: renchao | 444 | upDateYwrxxList (val) { |
| 456 | */ | 445 | if (!_.isEqual(val, this.ruleForm.ywrList)) { |
| 457 | updaterow() { | 446 | this.ruleForm.ywrList = _.cloneDeep(val); |
| 458 | this.czr = ""; | 447 | } |
| 459 | }, | 448 | }, |
| 460 | /** | ||
| 461 | * @description: 更新权利人信息 | ||
| 462 | * @param {*} val | ||
| 463 | * @author: renchao | ||
| 464 | */ | ||
| 465 | upDateQlrxxList(val) { | ||
| 466 | if (!_.isEqual(val, this.ruleForm.qlrList)) { | ||
| 467 | this.ruleForm.qlrList = _.cloneDeep(val); | ||
| 468 | this.czrOptions = this.ruleForm.qlrList; | ||
| 469 | } | ||
| 470 | }, | ||
| 471 | /** | ||
| 472 | * @description: 更新义务人信息 | ||
| 473 | * @param {*} val | ||
| 474 | * @author: renchao | ||
| 475 | */ | ||
| 476 | upDateYwrxxList(val) { | ||
| 477 | if (!_.isEqual(val, this.ruleForm.ywrList)) { | ||
| 478 | this.ruleForm.ywrList = _.cloneDeep(val); | ||
| 479 | } | ||
| 480 | }, | 449 | }, |
| 481 | }, | 450 | }; |
| 482 | }; | ||
| 483 | </script> | 451 | </script> |
| 484 | <style scoped lang="scss"> | 452 | <style scoped lang="scss"> |
| 485 | @import "~@/styles/public.scss"; | 453 | @import "~@/styles/public.scss"; |
| 486 | @import "~@/styles/slxx/slxx.scss"; | 454 | @import "~@/styles/slxx/slxx.scss"; |
| 487 | </style> | 455 | </style> | ... | ... |
| ... | @@ -8,8 +8,7 @@ | ... | @@ -8,8 +8,7 @@ |
| 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 | > | ||
| 13 | <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''"> | 12 | <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''"> |
| 14 | <div class="slxx_title title-block"> | 13 | <div class="slxx_title title-block"> |
| 15 | 申请业务信息 | 14 | 申请业务信息 |
| ... | @@ -63,8 +62,7 @@ | ... | @@ -63,8 +62,7 @@ |
| 63 | placeholder="" | 62 | placeholder="" |
| 64 | :normalizer="normalizer" | 63 | :normalizer="normalizer" |
| 65 | :show-count="true" | 64 | :show-count="true" |
| 66 | :options="dictData['A17']" | 65 | :options="dictData['A17']" /> |
| 67 | /> | ||
| 68 | </el-form-item> | 66 | </el-form-item> |
| 69 | </el-col> | 67 | </el-col> |
| 70 | <el-col :span="8"> | 68 | <el-col :span="8"> |
| ... | @@ -131,12 +129,10 @@ | ... | @@ -131,12 +129,10 @@ |
| 131 | <el-col :span="16"> | 129 | <el-col :span="16"> |
| 132 | <el-form-item | 130 | <el-form-item |
| 133 | label="是否存在禁止或者限制转让抵押不动产的约定：" | 131 | label="是否存在禁止或者限制转让抵押不动产的约定：" |
| 134 | label-width="350px" | 132 | label-width="350px"> |
| 135 | > | ||
| 136 | <el-radio-group | 133 | <el-radio-group |
| 137 | v-model="ruleForm.diyaq.sfczjzhxz" | 134 | v-model="ruleForm.diyaq.sfczjzhxz" |
| 138 | :disabled="!viewEdit" | 135 | :disabled="!viewEdit"> |
| 139 | > | ||
| 140 | <el-radio label="1">启用</el-radio> | 136 | <el-radio label="1">启用</el-radio> |
| 141 | <el-radio label="0">禁用</el-radio> | 137 | <el-radio label="0">禁用</el-radio> |
| 142 | </el-radio-group> | 138 | </el-radio-group> |
| ... | @@ -149,15 +145,13 @@ | ... | @@ -149,15 +145,13 @@ |
| 149 | <el-form-item label="被担保主债权数额："> | 145 | <el-form-item label="被担保主债权数额："> |
| 150 | <el-input | 146 | <el-input |
| 151 | v-model="ruleForm.diyaq.bdbzzqse" | 147 | v-model="ruleForm.diyaq.bdbzzqse" |
| 152 | :disabled="!viewEdit" | 148 | :disabled="!viewEdit"></el-input> |
| 153 | ></el-input> | ||
| 154 | <el-select v-model="ruleForm.diyaq.jedw" :disabled="!viewEdit"> | 149 | <el-select v-model="ruleForm.diyaq.jedw" :disabled="!viewEdit"> |
| 155 | <el-option | 150 | <el-option |
| 156 | v-for="item in dictData['A57']" | 151 | v-for="item in dictData['A57']" |
| 157 | :key="item.dcode" | 152 | :key="item.dcode" |
| 158 | :label="item.dname" | 153 | :label="item.dname" |
| 159 | :value="item.dcode" | 154 | :value="item.dcode"> |
| 160 | > | ||
| 161 | </el-option> | 155 | </el-option> |
| 162 | </el-select> | 156 | </el-select> |
| 163 | </el-form-item> | 157 | </el-form-item> |
| ... | @@ -167,15 +161,13 @@ | ... | @@ -167,15 +161,13 @@ |
| 167 | <el-form-item label="最高债权额："> | 161 | <el-form-item label="最高债权额："> |
| 168 | <el-input | 162 | <el-input |
| 169 | v-model="ruleForm.diyaq.zgzqse" | 163 | v-model="ruleForm.diyaq.zgzqse" |
| 170 | :disabled="!viewEdit" | 164 | :disabled="!viewEdit"></el-input> |
| 171 | ></el-input> | ||
| 172 | <el-select v-model="ruleForm.diyaq.jedw" :disabled="!viewEdit"> | 165 | <el-select v-model="ruleForm.diyaq.jedw" :disabled="!viewEdit"> |
| 173 | <el-option | 166 | <el-option |
| 174 | v-for="item in dictData['A57']" | 167 | v-for="item in dictData['A57']" |
| 175 | :key="item.dcode" | 168 | :key="item.dcode" |
| 176 | :label="item.dname" | 169 | :label="item.dname" |
| 177 | :value="item.dcode" | 170 | :value="item.dcode"> |
| 178 | > | ||
| 179 | </el-option> | 171 | </el-option> |
| 180 | </el-select> | 172 | </el-select> |
| 181 | </el-form-item> | 173 | </el-form-item> |
| ... | @@ -186,8 +178,7 @@ | ... | @@ -186,8 +178,7 @@ |
| 186 | <el-date-picker | 178 | <el-date-picker |
| 187 | v-model="ruleForm.diyaq.zwlxqssj" | 179 | v-model="ruleForm.diyaq.zwlxqssj" |
| 188 | :disabled="!viewEdit" | 180 | :disabled="!viewEdit" |
| 189 | type="date" | 181 | type="date"> |
| 190 | > | ||
| 191 | </el-date-picker> | 182 | </el-date-picker> |
| 192 | </el-form-item> | 183 | </el-form-item> |
| 193 | </el-col> | 184 | </el-col> |
| ... | @@ -196,8 +187,7 @@ | ... | @@ -196,8 +187,7 @@ |
| 196 | <el-date-picker | 187 | <el-date-picker |
| 197 | v-model="ruleForm.diyaq.zwlxjssj" | 188 | v-model="ruleForm.diyaq.zwlxjssj" |
| 198 | :disabled="!viewEdit" | 189 | :disabled="!viewEdit" |
| 199 | type="date" | 190 | type="date"> |
| 200 | > | ||
| 201 | </el-date-picker> | 191 | </el-date-picker> |
| 202 | </el-form-item> | 192 | </el-form-item> |
| 203 | </el-col> | 193 | </el-col> |
| ... | @@ -208,8 +198,7 @@ | ... | @@ -208,8 +198,7 @@ |
| 208 | <el-form-item label="担保范围："> | 198 | <el-form-item label="担保范围："> |
| 209 | <el-input | 199 | <el-input |
| 210 | v-model="ruleForm.diyaq.dbfw" | 200 | v-model="ruleForm.diyaq.dbfw" |
| 211 | :disabled="ruleForm.sldy.djlx == '300' && !viewEdit" | 201 | :disabled="ruleForm.sldy.djlx == '300' && !viewEdit"></el-input> |
| 212 | ></el-input> | ||
| 213 | </el-form-item> | 202 | </el-form-item> |
| 214 | </el-col> | 203 | </el-col> |
| 215 | </el-row> | 204 | </el-row> |
| ... | @@ -218,8 +207,7 @@ | ... | @@ -218,8 +207,7 @@ |
| 218 | <el-form-item label="最高债权确定事实和数额："> | 207 | <el-form-item label="最高债权确定事实和数额："> |
| 219 | <el-input | 208 | <el-input |
| 220 | v-model="ruleForm.diyaq.zgzqqdss" | 209 | v-model="ruleForm.diyaq.zgzqqdss" |
| 221 | :disabled="!viewEdit" | 210 | :disabled="!viewEdit"></el-input> |
| 222 | ></el-input> | ||
| 223 | </el-form-item> | 211 | </el-form-item> |
| 224 | </el-col> | 212 | </el-col> |
| 225 | </el-row> | 213 | </el-row> |
| ... | @@ -231,8 +219,7 @@ | ... | @@ -231,8 +219,7 @@ |
| 231 | maxlength="500" | 219 | maxlength="500" |
| 232 | show-word-limit | 220 | show-word-limit |
| 233 | v-model="ruleForm.diyaq.fj" | 221 | v-model="ruleForm.diyaq.fj" |
| 234 | :disabled="!viewEdit" | 222 | :disabled="!viewEdit"></el-input> |
| 235 | ></el-input> | ||
| 236 | </el-form-item> | 223 | </el-form-item> |
| 237 | </el-col> | 224 | </el-col> |
| 238 | </el-row> | 225 | </el-row> |
| ... | @@ -246,8 +233,7 @@ | ... | @@ -246,8 +233,7 @@ |
| 246 | <el-form-item label="共有方式："> | 233 | <el-form-item label="共有方式："> |
| 247 | <el-radio-group | 234 | <el-radio-group |
| 248 | :disabled="!viewEdit" | 235 | :disabled="!viewEdit" |
| 249 | v-model="ruleForm.sldy.gyfs" | 236 | v-model="ruleForm.sldy.gyfs"> |
| 250 | > | ||
| 251 | <el-radio label="0">单独所有</el-radio> | 237 | <el-radio label="0">单独所有</el-radio> |
| 252 | <el-radio label="1">共同共有</el-radio> | 238 | <el-radio label="1">共同共有</el-radio> |
| 253 | <el-radio label="2">按份所有</el-radio> | 239 | <el-radio label="2">按份所有</el-radio> |
| ... | @@ -260,8 +246,7 @@ | ... | @@ -260,8 +246,7 @@ |
| 260 | <el-radio-group | 246 | <el-radio-group |
| 261 | v-model="ruleForm.sldy.sqfbcz" | 247 | v-model="ruleForm.sldy.sqfbcz" |
| 262 | :disabled="!viewEdit" | 248 | :disabled="!viewEdit" |
| 263 | @input="updaterow()" | 249 | @input="updaterow()"> |
| 264 | > | ||
| 265 | <el-radio :label="1">是</el-radio> | 250 | <el-radio :label="1">是</el-radio> |
| 266 | <el-radio :label="0">否</el-radio> | 251 | <el-radio :label="0">否</el-radio> |
| 267 | </el-radio-group> | 252 | </el-radio-group> |
| ... | @@ -269,20 +254,17 @@ | ... | @@ -269,20 +254,17 @@ |
| 269 | </el-col> | 254 | </el-col> |
| 270 | <el-col | 255 | <el-col |
| 271 | :span="6" | 256 | :span="6" |
| 272 | v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'" | 257 | v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'"> |
| 273 | > | ||
| 274 | <el-form-item label="持证人："> | 258 | <el-form-item label="持证人："> |
| 275 | <el-select | 259 | <el-select |
| 276 | v-model="czr" | 260 | v-model="czr" |
| 277 | placeholder="持证人" | 261 | placeholder="持证人" |
| 278 | :disabled="!viewEdit" | 262 | :disabled="!viewEdit"> |
| 279 | > | ||
| 280 | <el-option | 263 | <el-option |
| 281 | v-for="item in czrOptions" | 264 | v-for="item in czrOptions" |
| 282 | :key="item.zjh" | 265 | :key="item.zjh" |
| 283 | :label="item.sqrmc" | 266 | :label="item.sqrmc" |
| 284 | :value="item.zjh" | 267 | :value="item.zjh"> |
| 285 | > | ||
| 286 | </el-option> | 268 | </el-option> |
| 287 | </el-select> | 269 | </el-select> |
| 288 | </el-form-item> | 270 | </el-form-item> |
| ... | @@ -292,8 +274,7 @@ | ... | @@ -292,8 +274,7 @@ |
| 292 | :tableData="ruleForm.qlrList" | 274 | :tableData="ruleForm.qlrList" |
| 293 | @upDateQlrxxList="upDateQlrxxList" | 275 | @upDateQlrxxList="upDateQlrxxList" |
| 294 | :disabled="viewEdit" | 276 | :disabled="viewEdit" |
| 295 | :gyfs="ruleForm.sldy.gyfs" | 277 | :gyfs="ruleForm.sldy.gyfs" /> |
| 296 | /> | ||
| 297 | <div class="slxx_title title-block"> | 278 | <div class="slxx_title title-block"> |
| 298 | 抵押人信息 | 279 | 抵押人信息 |
| 299 | <div class="triangle"></div> | 280 | <div class="triangle"></div> |
| ... | @@ -301,8 +282,7 @@ | ... | @@ -301,8 +282,7 @@ |
| 301 | <qlrCommonTable | 282 | <qlrCommonTable |
| 302 | :tableData="ruleForm.ywrList" | 283 | :tableData="ruleForm.ywrList" |
| 303 | @upDateQlrxxList="upDateYwrxxList" | 284 | @upDateQlrxxList="upDateYwrxxList" |
| 304 | :disabled="viewEdit" | 285 | :disabled="viewEdit" /> |
| 305 | /> | ||
| 306 | 286 | ||
| 307 | <div class="slxx_title title-block"> | 287 | <div class="slxx_title title-block"> |
| 308 | 登记原因 | 288 | 登记原因 |
| ... | @@ -313,14 +293,12 @@ | ... | @@ -313,14 +293,12 @@ |
| 313 | <el-form-item | 293 | <el-form-item |
| 314 | v-if="ruleForm.sldy.djlx == '400'" | 294 | v-if="ruleForm.sldy.djlx == '400'" |
| 315 | label="注销抵押原因：" | 295 | label="注销抵押原因：" |
| 316 | prop="djyy" | 296 | prop="djyy"> |
| 317 | > | ||
| 318 | <el-input | 297 | <el-input |
| 319 | class="textArea" | 298 | class="textArea" |
| 320 | type="textarea" | 299 | type="textarea" |
| 321 | :disabled="!viewEdit" | 300 | :disabled="!viewEdit" |
| 322 | v-model="ruleForm.diyaq.zxdyyy" | 301 | v-model="ruleForm.diyaq.zxdyyy"> |
| 323 | > | ||
| 324 | </el-input> | 302 | </el-input> |
| 325 | </el-form-item> | 303 | </el-form-item> |
| 326 | <el-form-item v-else label="登记原因：" prop="djyy"> | 304 | <el-form-item v-else label="登记原因：" prop="djyy"> |
| ... | @@ -330,8 +308,7 @@ | ... | @@ -330,8 +308,7 @@ |
| 330 | maxlength="500" | 308 | maxlength="500" |
| 331 | show-word-limit | 309 | show-word-limit |
| 332 | :disabled="!viewEdit" | 310 | :disabled="!viewEdit" |
| 333 | v-model="ruleForm.diyaq.djyy" | 311 | v-model="ruleForm.diyaq.djyy"> |
| 334 | > | ||
| 335 | </el-input> | 312 | </el-input> |
| 336 | </el-form-item> | 313 | </el-form-item> |
| 337 | </el-col> | 314 | </el-col> |
| ... | @@ -346,171 +323,171 @@ | ... | @@ -346,171 +323,171 @@ |
| 346 | </div> | 323 | </div> |
| 347 | </template> | 324 | </template> |
| 348 | <script> | 325 | <script> |
| 349 | import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; | 326 | import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; |
| 350 | import { Init, saveData } from "@/api/workflow/zjgcdyFlow.js"; | 327 | import { Init, saveData } from "@/api/workflow/zjgcdyFlow.js"; |
| 351 | import { mapGetters } from "vuex"; | 328 | import { mapGetters } from "vuex"; |
| 352 | export default { | 329 | export default { |
| 353 | mounted() { | 330 | mounted () { |
| 354 | this.viewEdit = this.$parent.currentSelectTab.ableOperation; | 331 | this.viewEdit = this.$parent.currentSelectTab.ableOperation; |
| 355 | this.propsParam = this.$attrs; | 332 | this.propsParam = this.$attrs; |
| 356 | var formdata = new FormData(); | 333 | var formdata = new FormData(); |
| 357 | this.$startLoading(); | 334 | this.$startLoading(); |
| 358 | formdata.append("bsmSldy", this.propsParam.bsmSldy); | 335 | formdata.append("bsmSldy", this.propsParam.bsmSldy); |
| 359 | formdata.append("djlx", this.propsParam.djlx); | 336 | formdata.append("djlx", this.propsParam.djlx); |
| 360 | formdata.append("isEdit", this.viewEdit); | 337 | formdata.append("isEdit", this.viewEdit); |
| 361 | Init(formdata).then((res) => { | 338 | Init(formdata).then((res) => { |
| 362 | if (res.code === 200 && res.result) { | 339 | if (res.code === 200 && res.result) { |
| 363 | this.ruleForm = res.result; | 340 | this.ruleForm = res.result; |
| 364 | this.czrOptions = this.ruleForm.qlrList; | 341 | this.czrOptions = this.ruleForm.qlrList; |
| 365 | this.ruleForm.qlrList.forEach((item) => { | 342 | this.ruleForm.qlrList.forEach((item) => { |
| 366 | if (item.sfczr == 1) { | 343 | if (item.sfczr == 1) { |
| 367 | this.czr = item.sqrmc; | 344 | this.czr = item.zjh |
| 368 | } | 345 | } |
| 369 | }); | ||
| 370 | this.$endLoading(); | ||
| 371 | } | ||
| 372 | }); | ||
| 373 | }, | ||
| 374 | components: { qlrCommonTable }, | ||
| 375 | computed: { | ||
| 376 | ...mapGetters(["dictData", "flag"]), | ||
| 377 | }, | ||
| 378 | data() { | ||
| 379 | return { | ||
| 380 | //表单是否可操作 | ||
| 381 | viewEdit: true, | ||
| 382 | disabled: true, | ||
| 383 | czrOptions: [], | ||
| 384 | czr: "", | ||
| 385 | ruleForm: {}, | ||
| 386 | //传递参数 | ||
| 387 | propsParam: {}, | ||
| 388 | rules: {}, | ||
| 389 | // 键名转换，方法默认是label和children进行树状渲染 | ||
| 390 | normalizer(node) { | ||
| 391 | //方法 | ||
| 392 | if (node.children == null || node.children == "null") { | ||
| 393 | delete node.children; | ||
| 394 | } | ||
| 395 | return { | ||
| 396 | id: node.dcode, | ||
| 397 | label: node.dname, | ||
| 398 | }; | ||
| 399 | }, | ||
| 400 | }; | ||
| 401 | }, | ||
| 402 | methods: { | ||
| 403 | /** | ||
| 404 | * @description: onSubmitClick | ||
| 405 | * @author: renchao | ||
| 406 | */ | ||
| 407 | onSubmitClick() { | ||
| 408 | let that = this; | ||
| 409 | if (this.ruleForm.qlrList.length == 0) { | ||
| 410 | this.$message({ | ||
| 411 | showClose: true, | ||
| 412 | message: "请确认权利人信息", | ||
| 413 | type: "error", | ||
| 414 | }); | ||
| 415 | return false; | ||
| 416 | } | ||
| 417 | |||
| 418 | if (this.ruleForm.sldy.gyfs == "0") { | ||
| 419 | if (this.ruleForm.qlrList.length > 1) { | ||
| 420 | this.$message({ | ||
| 421 | showClose: true, | ||
| 422 | message: "共有方式：单独所有，权利人只能是一个人", | ||
| 423 | type: "error", | ||
| 424 | }); | 346 | }); |
| 425 | return false; | 347 | this.$endLoading(); |
| 426 | } | 348 | } |
| 427 | this.ruleForm.qlrList[0].sfczr = "1"; | 349 | }); |
| 428 | } else { | 350 | }, |
| 429 | if (this.ruleForm.qlrList.length <= 1) { | 351 | components: { qlrCommonTable }, |
| 352 | computed: { | ||
| 353 | ...mapGetters(["dictData", "flag"]), | ||
| 354 | }, | ||
| 355 | data () { | ||
| 356 | return { | ||
| 357 | //表单是否可操作 | ||
| 358 | viewEdit: true, | ||
| 359 | disabled: true, | ||
| 360 | czrOptions: [], | ||
| 361 | czr: "", | ||
| 362 | ruleForm: {}, | ||
| 363 | //传递参数 | ||
| 364 | propsParam: {}, | ||
| 365 | rules: {}, | ||
| 366 | // 键名转换，方法默认是label和children进行树状渲染 | ||
| 367 | normalizer (node) { | ||
| 368 | //方法 | ||
| 369 | if (node.children == null || node.children == "null") { | ||
| 370 | delete node.children; | ||
| 371 | } | ||
| 372 | return { | ||
| 373 | id: node.dcode, | ||
| 374 | label: node.dname, | ||
| 375 | }; | ||
| 376 | }, | ||
| 377 | }; | ||
| 378 | }, | ||
| 379 | methods: { | ||
| 380 | /** | ||
| 381 | * @description: onSubmitClick | ||
| 382 | * @author: renchao | ||
| 383 | */ | ||
| 384 | onSubmitClick () { | ||
| 385 | let that = this; | ||
| 386 | if (this.ruleForm.qlrList.length == 0) { | ||
| 430 | this.$message({ | 387 | this.$message({ |
| 431 | showClose: true, | 388 | showClose: true, |
| 432 | message: | 389 | message: "请确认权利人信息", |
| 433 | "共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上", | ||
| 434 | type: "error", | 390 | type: "error", |
| 435 | }); | 391 | }); |
| 436 | return false; | 392 | return false; |
| 437 | } | 393 | } |
| 438 | //是否分别持证 | 394 | |
| 439 | if (this.ruleForm.sldy.sqfbcz == "1") { | 395 | if (this.ruleForm.sldy.gyfs == "0") { |
| 440 | //是 | 396 | if (this.ruleForm.qlrList.length > 1) { |
| 441 | this.ruleForm.qlrList.forEach((item, index) => { | 397 | this.$message({ |
| 442 | item.sfczr = "1"; | 398 | showClose: true, |
| 443 | }); | 399 | message: "共有方式：单独所有，权利人只能是一个人", |
| 400 | type: "error", | ||
| 401 | }); | ||
| 402 | return false; | ||
| 403 | } | ||
| 404 | this.ruleForm.qlrList[0].sfczr = "1"; | ||
| 444 | } else { | 405 | } else { |
| 445 | if (!that.czr) { | 406 | if (this.ruleForm.qlrList.length <= 1) { |
| 446 | that.$message({ | 407 | this.$message({ |
| 447 | showClose: true, | 408 | showClose: true, |
| 448 | message: "请选择持证人", | 409 | message: |
| 410 | "共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上", | ||
| 449 | type: "error", | 411 | type: "error", |
| 450 | }); | 412 | }); |
| 451 | return false; | 413 | return false; |
| 452 | } | 414 | } |
| 453 | this.ruleForm.qlrList.forEach((item, index) => { | 415 | //是否分别持证 |
| 454 | if (item.zjh == that.czr) { | 416 | if (this.ruleForm.sldy.sqfbcz == "1") { |
| 417 | //是 | ||
| 418 | this.ruleForm.qlrList.forEach((item, index) => { | ||
| 455 | item.sfczr = "1"; | 419 | item.sfczr = "1"; |
| 456 | } else { | 420 | }); |
| 457 | item.sfczr = "0"; | 421 | } else { |
| 422 | if (!that.czr) { | ||
| 423 | that.$message({ | ||
| 424 | showClose: true, | ||
| 425 | message: "请选择持证人", | ||
| 426 | type: "error", | ||
| 427 | }); | ||
| 428 | return false; | ||
| 458 | } | 429 | } |
| 459 | }); | 430 | this.ruleForm.qlrList.forEach((item, index) => { |
| 460 | } | 431 | if (item.zjh == that.czr) { |
| 461 | } | 432 | item.sfczr = "1"; |
| 462 | saveData(this.ruleForm, this.propsParam.djlx).then((res) => { | 433 | } else { |
| 463 | if (res.code === 200) { | 434 | item.sfczr = "0"; |
| 464 | this.$message({ | 435 | } |
| 465 | showClose: true, | 436 | }); |
| 466 | message: "保存成功！", | 437 | } |
| 467 | type: "success", | ||
| 468 | }); | ||
| 469 | this.$store.dispatch("user/refreshPage", true); | ||
| 470 | } else { | ||
| 471 | this.$message({ | ||
| 472 | showClose: true, | ||
| 473 | message: res.message, | ||
| 474 | type: "error", | ||
| 475 | }); | ||
| 476 | } | 438 | } |
| 477 | }); | 439 | saveData(this.ruleForm, this.propsParam.djlx).then((res) => { |
| 478 | }, | 440 | if (res.code === 200) { |
| 441 | this.$message({ | ||
| 442 | showClose: true, | ||
| 443 | message: "保存成功！", | ||
| 444 | type: "success", | ||
| 445 | }); | ||
| 446 | this.$store.dispatch("user/refreshPage", true); | ||
| 447 | } else { | ||
| 448 | this.$message({ | ||
| 449 | showClose: true, | ||
| 450 | message: res.message, | ||
| 451 | type: "error", | ||
| 452 | }); | ||
| 453 | } | ||
| 454 | }); | ||
| 455 | }, | ||
| 479 | 456 | ||
| 480 | /** | 457 | /** |
| 481 | * @description: 更新权利人信息 | 458 | * @description: 更新权利人信息 |
| 482 | * @param {*} val | 459 | * @param {*} val |
| 483 | * @author: renchao | 460 | * @author: renchao |
| 484 | */ | 461 | */ |
| 485 | upDateQlrxxList(val) { | 462 | upDateQlrxxList (val) { |
| 486 | if (!_.isEqual(val, this.ruleForm.qlrList)) { | 463 | if (!_.isEqual(val, this.ruleForm.qlrList)) { |
| 487 | this.ruleForm.qlrList = _.cloneDeep(val); | 464 | this.ruleForm.qlrList = _.cloneDeep(val); |
| 488 | this.czrOptions = this.ruleForm.qlrList; | 465 | this.czrOptions = this.ruleForm.qlrList; |
| 489 | } | 466 | } |
| 490 | }, | 467 | }, |
| 491 | // 是否持证人变化 | 468 | // 是否持证人变化 |
| 492 | /** | 469 | /** |
| 493 | * @description: 是否持证人变化 | 470 | * @description: 是否持证人变化 |
| 494 | * @param {*} val | 471 | * @param {*} val |
| 495 | * @author: renchao | 472 | * @author: renchao |
| 496 | */ | 473 | */ |
| 497 | updaterow() { | 474 | updaterow () { |
| 498 | this.czr = ""; | 475 | this.czr = ""; |
| 499 | }, | 476 | }, |
| 500 | /** | 477 | /** |
| 501 | * @description: 更新义务人信息 | 478 | * @description: 更新义务人信息 |
| 502 | * @param {*} val | 479 | * @param {*} val |
| 503 | * @author: renchao | 480 | * @author: renchao |
| 504 | */ | 481 | */ |
| 505 | upDateYwrxxList(val) { | 482 | upDateYwrxxList (val) { |
| 506 | if (!_.isEqual(val, this.ruleForm.ywrList)) { | 483 | if (!_.isEqual(val, this.ruleForm.ywrList)) { |
| 507 | this.ruleForm.ywrList = _.cloneDeep(val); | 484 | this.ruleForm.ywrList = _.cloneDeep(val); |
| 485 | } | ||
| 508 | } | 486 | } |
| 509 | } | 487 | } |
| 510 | } | 488 | } |
| 511 | } | ||
| 512 | </script> | 489 | </script> |
| 513 | <style scoped lang="scss"> | 490 | <style scoped lang="scss"> |
| 514 | @import "~@/styles/public.scss"; | 491 | @import "~@/styles/public.scss"; |
| 515 | @import "~@/styles/slxx/slxx.scss"; | 492 | @import "~@/styles/slxx/slxx.scss"; |
| 516 | </style> | 493 | </style> | ... | ... |
-
Please register or sign in to post a comment