--no commit message
Showing
55 changed files
with
1987 additions
and
1726 deletions
| ... | @@ -11,7 +11,6 @@ | ... | @@ -11,7 +11,6 @@ |
| 11 | "@antv/g2": "^4.2.8", | 11 | "@antv/g2": "^4.2.8", |
| 12 | "@babel/polyfill": "^7.12.1", | 12 | "@babel/polyfill": "^7.12.1", |
| 13 | "@riophae/vue-treeselect": "^0.4.0", | 13 | "@riophae/vue-treeselect": "^0.4.0", |
| 14 | "@union/gis-sdk": "^1.1.0", | ||
| 15 | "axios": "^0.21.1", | 14 | "axios": "^0.21.1", |
| 16 | "bpmn-js": "^7.4.0", | 15 | "bpmn-js": "^7.4.0", |
| 17 | "bpmn-js-properties-panel": "^0.37.2", | 16 | "bpmn-js-properties-panel": "^0.37.2", | ... | ... |
| 1 | /* | 1 | /* |
| 2 | * @Description: 登记簿详情页 | 2 | * @Description: 登记簿详情页 |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-05-17 10:11:14 | 4 | * @LastEditTime: 2023-08-11 15:27:45 |
| 5 | */ | 5 | */ |
| 6 | 6 | ||
| 7 | import request from '@/utils/request' | 7 | import request from '@/utils/request' |
| ... | @@ -230,3 +230,16 @@ export function getNydsyqList (data) { | ... | @@ -230,3 +230,16 @@ export function getNydsyqList (data) { |
| 230 | method: 'post', | 230 | method: 'post', |
| 231 | }) | 231 | }) |
| 232 | } | 232 | } |
| 233 | |||
| 234 | /** | ||
| 235 | * @description: 获取林权登记簿信息 | ||
| 236 | * @param {*} data | ||
| 237 | * @author: renchao | ||
| 238 | */ | ||
| 239 | export function getLqList (data) { | ||
| 240 | return request({ | ||
| 241 | url: SERVER.SERVERAPI + '/rest/djbDetail/getLqList', | ||
| 242 | method: 'post', | ||
| 243 | data | ||
| 244 | }) | ||
| 245 | } | ... | ... |
src/api/json/layer.json
deleted
100644 → 0
| 1 | [ | ||
| 2 | { | ||
| 3 | "label":"不动产", | ||
| 4 | "id":"1-1", | ||
| 5 | "alpha":100, | ||
| 6 | "children":[ | ||
| 7 | { | ||
| 8 | "label":"行政区划", | ||
| 9 | "id": "XZQH", | ||
| 10 | "url": "http://192.168.2.252:6080/arcgis/rest/services/bdc/XZQH/MapServer", | ||
| 11 | "alpha":100, | ||
| 12 | "children":[ | ||
| 13 | { | ||
| 14 | "label":"行政区", | ||
| 15 | "id": "XZQH_0", | ||
| 16 | "url": "http://192.168.2.252:6080/arcgis/rest/services/bdc/XZQH/MapServer", | ||
| 17 | "alpha":100 | ||
| 18 | }, | ||
| 19 | { | ||
| 20 | "label":"行政区界限", | ||
| 21 | "id": "XZQH_1", | ||
| 22 | "url": "http://192.168.2.252:6080/arcgis/rest/services/bdc/XZQH/MapServer", | ||
| 23 | "alpha":100 | ||
| 24 | } | ||
| 25 | ] | ||
| 26 | }, | ||
| 27 | { | ||
| 28 | "label":"地籍分区", | ||
| 29 | "id": "DJFQ", | ||
| 30 | "url": "http://192.168.2.252:6080/arcgis/rest/services/bdc/DJFQ/MapServer", | ||
| 31 | "alpha":100, | ||
| 32 | "children":[ | ||
| 33 | { | ||
| 34 | "label":"地籍区", | ||
| 35 | "id": "DJFQ_0", | ||
| 36 | "url": "http://192.168.2.252:6080/arcgis/rest/services/bdc/DJFQ/MapServer", | ||
| 37 | "alpha":100 | ||
| 38 | }, | ||
| 39 | { | ||
| 40 | "label":"地籍子区", | ||
| 41 | "id": "DJFQ_1", | ||
| 42 | "url": "http://192.168.2.252:6080/arcgis/rest/services/bdc/DJFQ/MapServer", | ||
| 43 | "alpha":100 | ||
| 44 | } | ||
| 45 | ] | ||
| 46 | }, | ||
| 47 | { | ||
| 48 | "label":"不动产单元", | ||
| 49 | "id": "bdcDY", | ||
| 50 | "url": "http://192.168.2.252:6080/arcgis/rest/services/bdc/BDCDY/MapServer", | ||
| 51 | "alpha":100, | ||
| 52 | "children":[ | ||
| 53 | { | ||
| 54 | "label":"界址点", | ||
| 55 | "id": "bdcDY_0", | ||
| 56 | "url": "http://192.168.2.252:6080/arcgis/rest/services/bdc/BDCDY/MapServer", | ||
| 57 | "alpha":100 | ||
| 58 | }, | ||
| 59 | { | ||
| 60 | "label":"界址线", | ||
| 61 | "id": "bdcDY_1", | ||
| 62 | "url": "http://192.168.2.252:6080/arcgis/rest/services/bdc/BDCDY/MapServer", | ||
| 63 | "alpha":100 | ||
| 64 | }, | ||
| 65 | { | ||
| 66 | "label":"林权", | ||
| 67 | "id": "bdcDY_2", | ||
| 68 | "url": "http://192.168.2.252:6080/arcgis/rest/services/bdc/BDCDY/MapServer", | ||
| 69 | "alpha":100 | ||
| 70 | }, | ||
| 71 | { | ||
| 72 | "label":"自然幢", | ||
| 73 | "id": "ZRZ", | ||
| 74 | "name": "zrz", | ||
| 75 | "url": "http://192.168.2.252:6080/arcgis/rest/services/bdc/BDCDY/MapServer", | ||
| 76 | "alpha":100 | ||
| 77 | }, | ||
| 78 | { | ||
| 79 | "label":"构筑物", | ||
| 80 | "id": "bdcDY_4", | ||
| 81 | "url": "http://192.168.2.252:6080/arcgis/rest/services/bdc/BDCDY/MapServer", | ||
| 82 | "alpha":100 | ||
| 83 | }, | ||
| 84 | { | ||
| 85 | "label":"点状定着物", | ||
| 86 | "id": "bdcDY_5", | ||
| 87 | "url": "http://192.168.2.252:6080/arcgis/rest/services/bdc/BDCDY/MapServer", | ||
| 88 | "alpha":100 | ||
| 89 | }, | ||
| 90 | { | ||
| 91 | "label":"线状定着物", | ||
| 92 | "id": "bdcDY_6", | ||
| 93 | "url": "http://192.168.2.252:6080/arcgis/rest/services/bdc/BDCDY/MapServer", | ||
| 94 | "alpha":100 | ||
| 95 | }, | ||
| 96 | { | ||
| 97 | "label":"面状定着物", | ||
| 98 | "id": "bdcDY_7", | ||
| 99 | "url": "http://192.168.2.252:6080/arcgis/rest/services/bdc/bdcDY_610100/MapServer", | ||
| 100 | "alpha":100 | ||
| 101 | }, | ||
| 102 | { | ||
| 103 | "label":"宗地", | ||
| 104 | "id": "ZDJBXX", | ||
| 105 | "name": "zd", | ||
| 106 | "url": "http://192.168.2.252:6080/arcgis/rest/services/bdc/BDCDY/MapServer", | ||
| 107 | "alpha":100, | ||
| 108 | "fields": [ "YSDM", "ZDDM", "BDCDYH", "ZDTZM", "ZL", "ZDMJ", "MJDW", "QLLX", "QLXZ" ] | ||
| 109 | }, | ||
| 110 | { | ||
| 111 | "label":"宗地历史", | ||
| 112 | "id": "ZDJBXXLS", | ||
| 113 | "name": "zdls", | ||
| 114 | "url": "http://192.168.2.252:6080/arcgis/rest/services/bdc/BDCDY/MapServer", | ||
| 115 | "alpha":100, | ||
| 116 | "fields": [ "YSDM", "ZDDM", "BDCDYH", "ZDTZM", "ZL", "ZDMJ", "MJDW", "QLLX", "QLXZ" ] | ||
| 117 | }, | ||
| 118 | { | ||
| 119 | "label":"宗海", | ||
| 120 | "id": "ZHJBXX", | ||
| 121 | "url": "http://192.168.2.252:6080/arcgis/rest/services/bdc/BDCDY/MapServer", | ||
| 122 | "alpha":100 | ||
| 123 | } | ||
| 124 | |||
| 125 | ] | ||
| 126 | }, | ||
| 127 | { | ||
| 128 | "label":"自然地理", | ||
| 129 | "id": "ZRDL", | ||
| 130 | "url": "http://192.168.2.252:6080/arcgis/rest/services/bdc/ZRDL/MapServer", | ||
| 131 | "alpha":100, | ||
| 132 | "children":[ | ||
| 133 | { | ||
| 134 | "label":"水系", | ||
| 135 | "id": "ZRDL_0", | ||
| 136 | "url": "http://192.168.2.252:6080/arcgis/rest/services/bdc/ZRDL/MapServer", | ||
| 137 | "alpha":100 | ||
| 138 | }, | ||
| 139 | { | ||
| 140 | "label":"植被", | ||
| 141 | "id": "ZRDL_1", | ||
| 142 | "url": "http://192.168.2.252:6080/arcgis/rest/services/bdc/ZRDL/MapServer", | ||
| 143 | "alpha":100 | ||
| 144 | }, | ||
| 145 | { | ||
| 146 | "label":"辅助面", | ||
| 147 | "id": "ZRDL_2", | ||
| 148 | "url": "http://192.168.2.252:6080/arcgis/rest/services/bdc/ZRDL/MapServer", | ||
| 149 | "alpha":100 | ||
| 150 | } | ||
| 151 | ] | ||
| 152 | } | ||
| 153 | ] | ||
| 154 | }, | ||
| 155 | { | ||
| 156 | "label":"厦门数据", | ||
| 157 | "id":"2-1", | ||
| 158 | "alpha":100, | ||
| 159 | "children":[ | ||
| 160 | { | ||
| 161 | "label":"规划用地", | ||
| 162 | "id": "ghyd", | ||
| 163 | "url": "http://192.168.2.252:6080/arcgis/rest/services/xiamen/ghyd/MapServer", | ||
| 164 | "alpha":100, | ||
| 165 | "children":[ | ||
| 166 | { | ||
| 167 | "label":"规划用地", | ||
| 168 | "id": "ghyd_0", | ||
| 169 | "url": "http://192.168.2.252:6080/arcgis/rest/services/xiamen/ghyd/MapServer", | ||
| 170 | "alpha":100, | ||
| 171 | "fields": [ "地块编号", "规划现状", "行政区", "维护文号", "规划用地性质代号", "规划用地性质名称", "所属管理单元", "所属编制单元" ] | ||
| 172 | } | ||
| 173 | ] | ||
| 174 | }, | ||
| 175 | { | ||
| 176 | "label":"基本农田", | ||
| 177 | "id": "jbnt", | ||
| 178 | "url": "http://192.168.2.252:6080/arcgis/rest/services/xiamen/jbnt/MapServer", | ||
| 179 | "alpha":100, | ||
| 180 | "children":[ | ||
| 181 | { | ||
| 182 | "label":"基本农田", | ||
| 183 | "id": "jbnt_0", | ||
| 184 | "url": "http://192.168.2.252:6080/arcgis/rest/services/xiamen/jbnt/MapServer", | ||
| 185 | "alpha":100, | ||
| 186 | "fields": [ "编制单位", "权属单位代码", "权属单位名称", "座落单位代码", "座落单位名称", "地类名称", "基本农田面积" ] | ||
| 187 | } | ||
| 188 | ] | ||
| 189 | }, | ||
| 190 | { | ||
| 191 | "label":"行政区划", | ||
| 192 | "id": "xmxzq", | ||
| 193 | "url": "http://192.168.2.252:6080/arcgis/rest/services/xiamen/xmxzq/MapServer", | ||
| 194 | "alpha":100, | ||
| 195 | "children":[ | ||
| 196 | { | ||
| 197 | "label":"村级行政区划", | ||
| 198 | "id": "xmxzq_0", | ||
| 199 | "url": "http://192.168.2.252:6080/arcgis/rest/services/xiamen/xmxzq/MapServer", | ||
| 200 | "alpha":100 | ||
| 201 | }, | ||
| 202 | { | ||
| 203 | "label":"镇级行政区划", | ||
| 204 | "id": "xmxzq_1", | ||
| 205 | "url": "http://192.168.2.252:6080/arcgis/rest/services/xiamen/xmxzq/MapServer", | ||
| 206 | "alpha":100 | ||
| 207 | }, | ||
| 208 | { | ||
| 209 | "label":"区级行政区划", | ||
| 210 | "id": "xmxzq_2", | ||
| 211 | "url": "http://192.168.2.252:6080/arcgis/rest/services/xiamen/xmxzq/MapServer", | ||
| 212 | "alpha":100 | ||
| 213 | } | ||
| 214 | ] | ||
| 215 | }, | ||
| 216 | { | ||
| 217 | "label":"现状建筑", | ||
| 218 | "id": "xzjz", | ||
| 219 | "url": "http://192.168.2.252:6080/arcgis/rest/services/xiamen/xzjz/MapServer", | ||
| 220 | "alpha":100, | ||
| 221 | "children":[ | ||
| 222 | { | ||
| 223 | "label":"现状建筑", | ||
| 224 | "id": "xzjz_0", | ||
| 225 | "url": "http://192.168.2.252:6080/arcgis/rest/services/xiamen/xzjz/MapServer", | ||
| 226 | "alpha":100, | ||
| 227 | "fields": [ "SJLY", "PRODATE", "GXSJ", "DWMC", "AQDJ", "DWDM", "ZXDX", "ZXDY" ] | ||
| 228 | } | ||
| 229 | ] | ||
| 230 | }, | ||
| 231 | { | ||
| 232 | "label":"用地", | ||
| 233 | "id": "ypyd", | ||
| 234 | "url": "http://192.168.2.252:6080/arcgis/rest/services/xiamen/ypyd/MapServer", | ||
| 235 | "alpha":100, | ||
| 236 | "children":[ | ||
| 237 | { | ||
| 238 | "label":"用地", | ||
| 239 | "id": "ypyd_0", | ||
| 240 | "url": "http://192.168.2.252:6080/arcgis/rest/services/xiamen/ypyd/MapServer", | ||
| 241 | "alpha":100 | ||
| 242 | }, | ||
| 243 | { | ||
| 244 | "label":"选址", | ||
| 245 | "id": "ypyd_0", | ||
| 246 | "url": "http://192.168.2.252:6080/arcgis/rest/services/xiamen/ypyd/MapServer", | ||
| 247 | "alpha":100 | ||
| 248 | }, | ||
| 249 | { | ||
| 250 | "label":"红线", | ||
| 251 | "id": "ypyd_0", | ||
| 252 | "url": "http://192.168.2.252:6080/arcgis/rest/services/xiamen/ypyd/MapServer", | ||
| 253 | "alpha":100 | ||
| 254 | }, | ||
| 255 | { | ||
| 256 | "label":"道路", | ||
| 257 | "id": "ypyd_0", | ||
| 258 | "url": "http://192.168.2.252:6080/arcgis/rest/services/xiamen/ypyd/MapServer", | ||
| 259 | "alpha":100 | ||
| 260 | } | ||
| 261 | ] | ||
| 262 | } | ||
| 263 | ] | ||
| 264 | } | ||
| 265 | ] | ||
| ... | \ No newline at end of file | ... | \ No newline at end of file |
| ... | @@ -254,3 +254,28 @@ export function selectRepairQlxx (data) { | ... | @@ -254,3 +254,28 @@ export function selectRepairQlxx (data) { |
| 254 | data | 254 | data |
| 255 | }) | 255 | }) |
| 256 | } | 256 | } |
| 257 | /** | ||
| 258 | * @description: 选择林权首次 | ||
| 259 | * @param {*} data | ||
| 260 | * @author: renchao | ||
| 261 | */ | ||
| 262 | export function selectLqQjdc (data) { | ||
| 263 | return request({ | ||
| 264 | url: SERVER.SERVERAPI + '/rest/ywbl/ywsq/selectLqQjdc', | ||
| 265 | method: 'post', | ||
| 266 | data | ||
| 267 | }) | ||
| 268 | } | ||
| 269 | /** | ||
| 270 | * @description: 选择林权转移/变更/注销 | ||
| 271 | * @param {*} data | ||
| 272 | * @author: renchao | ||
| 273 | */ | ||
| 274 | export function selectLq (data) { | ||
| 275 | return request({ | ||
| 276 | url: SERVER.SERVERAPI + '/rest/ywbl/ywsq/selectLq', | ||
| 277 | method: 'post', | ||
| 278 | data | ||
| 279 | }) | ||
| 280 | } | ||
| 281 | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-07-25 16:06:21 | 4 | * @LastEditTime: 2023-08-11 16:48:17 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <transition name="msgbox-fade" v-if="myShow"> | 7 | <transition name="msgbox-fade" v-if="myShow"> |
| ... | @@ -149,7 +149,7 @@ | ... | @@ -149,7 +149,7 @@ |
| 149 | min-height: 200px; | 149 | min-height: 200px; |
| 150 | transform: translate(-50%, -50%); | 150 | transform: translate(-50%, -50%); |
| 151 | border-radius: 5px; | 151 | border-radius: 5px; |
| 152 | overflow: hidden; | 152 | // overflow: hidden; |
| 153 | } | 153 | } |
| 154 | 154 | ||
| 155 | .ls-mask-window b { | 155 | .ls-mask-window b { | ... | ... |
| ... | @@ -142,7 +142,7 @@ | ... | @@ -142,7 +142,7 @@ |
| 142 | min-height: 200px; | 142 | min-height: 200px; |
| 143 | transform: translate(-50%, -50%); | 143 | transform: translate(-50%, -50%); |
| 144 | border-radius: 5px; | 144 | border-radius: 5px; |
| 145 | overflow: hidden; | 145 | // overflow: hidden; |
| 146 | } | 146 | } |
| 147 | 147 | ||
| 148 | .ls-mask-window b { | 148 | .ls-mask-window b { | ... | ... |
| ... | @@ -139,7 +139,7 @@ | ... | @@ -139,7 +139,7 @@ |
| 139 | min-height: 200px; | 139 | min-height: 200px; |
| 140 | transform: translate(-50%, -50%); | 140 | transform: translate(-50%, -50%); |
| 141 | border-radius: 5px; | 141 | border-radius: 5px; |
| 142 | overflow: hidden; | 142 | // overflow: hidden; |
| 143 | } | 143 | } |
| 144 | 144 | ||
| 145 | .ls-mask-window b { | 145 | .ls-mask-window b { | ... | ... |
| ... | @@ -592,22 +592,6 @@ | ... | @@ -592,22 +592,6 @@ |
| 592 | } | 592 | } |
| 593 | }); | 593 | }); |
| 594 | }, | 594 | }, |
| 595 | // // 更新土地用途信息 | ||
| 596 | // upDateTdytxxList(val) { | ||
| 597 | // this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); | ||
| 598 | // this.key++; | ||
| 599 | // }, | ||
| 600 | // // 更新权利人信息 | ||
| 601 | // upDateQlrxxList(val) { | ||
| 602 | // this.ruleForm.qlrData && (this.ruleForm.qlrData = _.cloneDeep(val)); | ||
| 603 | // this.czrOptions = this.ruleForm.qlrData; | ||
| 604 | // this.key++; | ||
| 605 | // }, | ||
| 606 | // // 更新义务人信息 | ||
| 607 | // upDateYwrxxList(val) { | ||
| 608 | // this.ruleForm.ywrData && (this.ruleForm.ywrData = _.cloneDeep(val)); | ||
| 609 | // this.key++; | ||
| 610 | // }, | ||
| 611 | /** | 595 | /** |
| 612 | * @description: onSubmit | 596 | * @description: onSubmit |
| 613 | * @author: renchao | 597 | * @author: renchao | ... | ... |
| ... | @@ -234,7 +234,6 @@ export default { | ... | @@ -234,7 +234,6 @@ export default { |
| 234 | this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); | 234 | this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); |
| 235 | this.key++; | 235 | this.key++; |
| 236 | }, | 236 | }, |
| 237 | // 更新权利人信息 | ||
| 238 | /** | 237 | /** |
| 239 | * @description: 更新权利人信息 | 238 | * @description: 更新权利人信息 |
| 240 | * @param {*} val | 239 | * @param {*} val | ... | ... |
| ... | @@ -41,7 +41,7 @@ | ... | @@ -41,7 +41,7 @@ |
| 41 | </el-row> | 41 | </el-row> |
| 42 | <div class="slxx_title title-block bdcqk"> | 42 | <div class="slxx_title title-block bdcqk"> |
| 43 | 抵押不动产情况 | 43 | 抵押不动产情况 |
| 44 | <div class="count"> | 44 | <div class="count"> |
| 45 | <el-form-item | 45 | <el-form-item |
| 46 | label="抵押不动产信息:" | 46 | label="抵押不动产信息:" |
| 47 | prop="ztQlxx.bdcqzh" | 47 | prop="ztQlxx.bdcqzh" |
| ... | @@ -59,12 +59,10 @@ | ... | @@ -59,12 +59,10 @@ |
| 59 | <el-table-column | 59 | <el-table-column |
| 60 | prop="bdcqzh" | 60 | prop="bdcqzh" |
| 61 | width="160" | 61 | width="160" |
| 62 | label="不动产权证书" | 62 | label="不动产权证书"></el-table-column> |
| 63 | ></el-table-column> | ||
| 64 | <el-table-column | 63 | <el-table-column |
| 65 | prop="qlrmc" | 64 | prop="qlrmc" |
| 66 | label="被执行人" | 65 | label="被执行人"></el-table-column> |
| 67 | ></el-table-column> | ||
| 68 | <el-table-column prop="mjmc" label="面积"></el-table-column> | 66 | <el-table-column prop="mjmc" label="面积"></el-table-column> |
| 69 | <el-table-column prop="ytmc" label="用途"></el-table-column> | 67 | <el-table-column prop="ytmc" label="用途"></el-table-column> |
| 70 | <el-table-column prop="zl" label="坐落"></el-table-column> | 68 | <el-table-column prop="zl" label="坐落"></el-table-column> |
| ... | @@ -126,29 +124,25 @@ | ... | @@ -126,29 +124,25 @@ |
| 126 | </el-row> | 124 | </el-row> |
| 127 | <div class="slxx_title title-block bdcqk"> | 125 | <div class="slxx_title title-block bdcqk"> |
| 128 | 抵押权信息 | 126 | 抵押权信息 |
| 129 | <div class="count" v-if="ssqlxxshow"> | 127 | <div class="count" v-if="ssqlxxshow"> |
| 130 | <el-form-item | 128 | <el-form-item |
| 131 | label="上手权利信息:" | 129 | label="上手权利信息:" |
| 132 | prop="ssQlxx.bdcqzh" | 130 | prop="ssQlxx.bdcqzh" |
| 133 | :rules="rules.ssQlxxrules" | 131 | :rules="rules.ssQlxxrules"> |
| 134 | > | ||
| 135 | <select-table | 132 | <select-table |
| 136 | v-model="ruleForm.ssQlxx" | 133 | v-model="ruleForm.ssQlxx" |
| 137 | :table-width="730" | 134 | :table-width="730" |
| 138 | :tableData="ssQlxxList" | 135 | :tableData="ssQlxxList" |
| 139 | :props="props" | 136 | :props="props" |
| 140 | @change="ssQlxxchange" | 137 | @change="ssQlxxchange"> |
| 141 | > | ||
| 142 | <el-table-column | 138 | <el-table-column |
| 143 | prop="qllxmc" | 139 | prop="qllxmc" |
| 144 | width="130" | 140 | width="130" |
| 145 | label="权利类型" | 141 | label="权利类型"></el-table-column> |
| 146 | ></el-table-column> | ||
| 147 | <el-table-column | 142 | <el-table-column |
| 148 | prop="bdcqzh" | 143 | prop="bdcqzh" |
| 149 | width="160" | 144 | width="160" |
| 150 | label="不动产权证书" | 145 | label="不动产权证书"></el-table-column> |
| 151 | ></el-table-column> | ||
| 152 | <el-table-column prop="qlrmc" label="权利人"></el-table-column> | 146 | <el-table-column prop="qlrmc" label="权利人"></el-table-column> |
| 153 | <el-table-column prop="mjmc" label="面积"></el-table-column> | 147 | <el-table-column prop="mjmc" label="面积"></el-table-column> |
| 154 | <el-table-column prop="ytmc" label="用途"></el-table-column> | 148 | <el-table-column prop="ytmc" label="用途"></el-table-column> |
| ... | @@ -487,33 +481,6 @@ | ... | @@ -487,33 +481,6 @@ |
| 487 | </el-radio-group> | 481 | </el-radio-group> |
| 488 | </el-form-item> | 482 | </el-form-item> |
| 489 | </el-col> | 483 | </el-col> |
| 490 | <!-- <el-col :span="6" v-show="ruleForm.qlxx.gyfs != '0'"> | ||
| 491 | <el-form-item label="是否分别持证:"> | ||
| 492 | <el-radio-group | ||
| 493 | v-model="ruleForm.qlxx.sqfbcz" | ||
| 494 | :disabled="!ableOperation"> | ||
| 495 | <el-radio :label="1">是</el-radio> | ||
| 496 | <el-radio :label="0">否</el-radio> | ||
| 497 | </el-radio-group> | ||
| 498 | </el-form-item> | ||
| 499 | </el-col> | ||
| 500 | <el-col | ||
| 501 | :span="6" | ||
| 502 | v-show="ruleForm.qlxx.sqfbcz == '0' && ruleForm.qlxx.gyfs != '0'"> | ||
| 503 | <el-form-item label="持证人:"> | ||
| 504 | <el-select | ||
| 505 | v-model="ruleForm.czr" | ||
| 506 | placeholder="持证人" | ||
| 507 | :disabled="!ableOperation"> | ||
| 508 | <el-option | ||
| 509 | v-for="item in czrOptions" | ||
| 510 | :key="item.zjh" | ||
| 511 | :label="item.sqrmc" | ||
| 512 | :value="item.zjh"> | ||
| 513 | </el-option> | ||
| 514 | </el-select> | ||
| 515 | </el-form-item> | ||
| 516 | </el-col> --> | ||
| 517 | </el-row> | 484 | </el-row> |
| 518 | <qlrCommonTable | 485 | <qlrCommonTable |
| 519 | :tableData="ruleForm.qlrData" | 486 | :tableData="ruleForm.qlrData" | ... | ... |
| ... | @@ -45,29 +45,24 @@ | ... | @@ -45,29 +45,24 @@ |
| 45 | <el-form-item | 45 | <el-form-item |
| 46 | label="地役权不动产情况" | 46 | label="地役权不动产情况" |
| 47 | prop="ztQlxx.bdcqzh" | 47 | prop="ztQlxx.bdcqzh" |
| 48 | :rules="rules.ztQlxxrules" | 48 | :rules="rules.ztQlxxrules"> |
| 49 | > | ||
| 50 | <select-table | 49 | <select-table |
| 51 | v-model="ruleForm.ztQlxx" | 50 | v-model="ruleForm.ztQlxx" |
| 52 | :table-width="730" | 51 | :table-width="730" |
| 53 | :tableData="ztQlxxList" | 52 | :tableData="ztQlxxList" |
| 54 | :props="props" | 53 | :props="props" |
| 55 | @change="ztQlxxchange" | 54 | @change="ztQlxxchange"> |
| 56 | > | ||
| 57 | <el-table-column | 55 | <el-table-column |
| 58 | prop="qllxmc" | 56 | prop="qllxmc" |
| 59 | width="130" | 57 | width="130" |
| 60 | label="权利类型" | 58 | label="权利类型"></el-table-column> |
| 61 | ></el-table-column> | ||
| 62 | <el-table-column | 59 | <el-table-column |
| 63 | prop="bdcqzh" | 60 | prop="bdcqzh" |
| 64 | width="160" | 61 | width="160" |
| 65 | label="不动产权证书" | 62 | label="不动产权证书"></el-table-column> |
| 66 | ></el-table-column> | ||
| 67 | <el-table-column | 63 | <el-table-column |
| 68 | prop="qlrmc" | 64 | prop="qlrmc" |
| 69 | label="被执行人" | 65 | label="被执行人"></el-table-column> |
| 70 | ></el-table-column> | ||
| 71 | <el-table-column prop="mjmc" label="面积"></el-table-column> | 66 | <el-table-column prop="mjmc" label="面积"></el-table-column> |
| 72 | <el-table-column prop="ytmc" label="用途"></el-table-column> | 67 | <el-table-column prop="ytmc" label="用途"></el-table-column> |
| 73 | <el-table-column prop="zl" label="坐落"></el-table-column> | 68 | <el-table-column prop="zl" label="坐落"></el-table-column> |
| ... | @@ -133,25 +128,21 @@ | ... | @@ -133,25 +128,21 @@ |
| 133 | <el-form-item | 128 | <el-form-item |
| 134 | label="上手权利信息:" | 129 | label="上手权利信息:" |
| 135 | prop="ssQlxx.bdcqzh" | 130 | prop="ssQlxx.bdcqzh" |
| 136 | :rules="rules.ssQlxxrules" | 131 | :rules="rules.ssQlxxrules"> |
| 137 | > | ||
| 138 | <select-table | 132 | <select-table |
| 139 | v-model="ruleForm.ssQlxx" | 133 | v-model="ruleForm.ssQlxx" |
| 140 | :table-width="730" | 134 | :table-width="730" |
| 141 | :tableData="ssQlxxList" | 135 | :tableData="ssQlxxList" |
| 142 | :props="props" | 136 | :props="props" |
| 143 | @change="ssQlxxchange" | 137 | @change="ssQlxxchange"> |
| 144 | > | ||
| 145 | <el-table-column | 138 | <el-table-column |
| 146 | prop="qllxmc" | 139 | prop="qllxmc" |
| 147 | width="130" | 140 | width="130" |
| 148 | label="权利类型" | 141 | label="权利类型"></el-table-column> |
| 149 | ></el-table-column> | ||
| 150 | <el-table-column | 142 | <el-table-column |
| 151 | prop="bdcqzh" | 143 | prop="bdcqzh" |
| 152 | width="160" | 144 | width="160" |
| 153 | label="不动产权证书" | 145 | label="不动产权证书"></el-table-column> |
| 154 | ></el-table-column> | ||
| 155 | <el-table-column prop="qlrmc" label="权利人"></el-table-column> | 146 | <el-table-column prop="qlrmc" label="权利人"></el-table-column> |
| 156 | <el-table-column prop="mjmc" label="面积"></el-table-column> | 147 | <el-table-column prop="mjmc" label="面积"></el-table-column> |
| 157 | <el-table-column prop="ytmc" label="用途"></el-table-column> | 148 | <el-table-column prop="ytmc" label="用途"></el-table-column> |
| ... | @@ -428,33 +419,6 @@ | ... | @@ -428,33 +419,6 @@ |
| 428 | </el-radio-group> | 419 | </el-radio-group> |
| 429 | </el-form-item> | 420 | </el-form-item> |
| 430 | </el-col> | 421 | </el-col> |
| 431 | <!-- <el-col :span="6" v-show="ruleForm.qlxx.gyfs != '0'"> | ||
| 432 | <el-form-item label="是否分别持证:"> | ||
| 433 | <el-radio-group | ||
| 434 | v-model="ruleForm.qlxx.sqfbcz" | ||
| 435 | :disabled="!ableOperation"> | ||
| 436 | <el-radio :label="1">是</el-radio> | ||
| 437 | <el-radio :label="0">否</el-radio> | ||
| 438 | </el-radio-group> | ||
| 439 | </el-form-item> | ||
| 440 | </el-col> | ||
| 441 | <el-col | ||
| 442 | :span="6" | ||
| 443 | v-show="ruleForm.qlxx.sqfbcz == '0' && ruleForm.qlxx.gyfs == '1'"> | ||
| 444 | <el-form-item label="持证人:"> | ||
| 445 | <el-select | ||
| 446 | v-model="ruleForm.czr" | ||
| 447 | placeholder="持证人" | ||
| 448 | :disabled="!ableOperation"> | ||
| 449 | <el-option | ||
| 450 | v-for="item in czrOptions" | ||
| 451 | :key="item.zjh" | ||
| 452 | :label="item.sqrmc" | ||
| 453 | :value="item.zjh"> | ||
| 454 | </el-option> | ||
| 455 | </el-select> | ||
| 456 | </el-form-item> | ||
| 457 | </el-col> --> | ||
| 458 | </el-row> | 422 | </el-row> |
| 459 | <qlrCommonTable | 423 | <qlrCommonTable |
| 460 | :tableData="ruleForm.qlrData" | 424 | :tableData="ruleForm.qlrData" | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-08-04 15:53:36 | 4 | * @LastEditTime: 2023-08-14 10:28:44 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <!-- 受理信息 --> | 7 | <!-- 受理信息 --> |
| ... | @@ -16,8 +16,7 @@ | ... | @@ -16,8 +16,7 @@ |
| 16 | :inline="flag" | 16 | :inline="flag" |
| 17 | label-width="145px" | 17 | label-width="145px" |
| 18 | inline-message | 18 | inline-message |
| 19 | :show-message="false" | 19 | :show-message="false"> |
| 20 | > | ||
| 21 | <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''"> | 20 | <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''"> |
| 22 | <div class="slxx_title title-block"> | 21 | <div class="slxx_title title-block"> |
| 23 | 补录信息 | 22 | 补录信息 |
| ... | @@ -42,7 +41,7 @@ | ... | @@ -42,7 +41,7 @@ |
| 42 | </el-row> | 41 | </el-row> |
| 43 | <div class="slxx_title title-block bdcqk"> | 42 | <div class="slxx_title title-block bdcqk"> |
| 44 | 建设用地、宅基地使用权信息 | 43 | 建设用地、宅基地使用权信息 |
| 45 | <div class="count" v-if="ssqlxxshow"> | 44 | <div class="count" v-if="ssqlxxshow"> |
| 46 | <el-form-item | 45 | <el-form-item |
| 47 | label="上手权利信息:" | 46 | label="上手权利信息:" |
| 48 | prop="ssQlxx.bdcqzh" | 47 | prop="ssQlxx.bdcqzh" |
| ... | @@ -80,8 +79,7 @@ | ... | @@ -80,8 +79,7 @@ |
| 80 | <el-form-item | 79 | <el-form-item |
| 81 | label="业务号:" | 80 | label="业务号:" |
| 82 | prop="qlxx.ywh" | 81 | prop="qlxx.ywh" |
| 83 | :rules="rules.ywhrules" | 82 | :rules="rules.ywhrules"> |
| 84 | > | ||
| 85 | <el-input v-model="ruleForm.qlxx.ywh"></el-input> | 83 | <el-input v-model="ruleForm.qlxx.ywh"></el-input> |
| 86 | </el-form-item> | 84 | </el-form-item> |
| 87 | </el-col> | 85 | </el-col> |
| ... | @@ -288,179 +286,179 @@ | ... | @@ -288,179 +286,179 @@ |
| 288 | </div> | 286 | </div> |
| 289 | </template> | 287 | </template> |
| 290 | <script> | 288 | <script> |
| 291 | import { mapGetters } from "vuex"; | 289 | import { mapGetters } from "vuex"; |
| 292 | import store from "@/store/index.js"; | 290 | import store from "@/store/index.js"; |
| 293 | import ywmix from "@/views/ywbl/mixin/index"; | 291 | import ywmix from "@/views/ywbl/mixin/index"; |
| 294 | import { init, getSsQlxx,getQlxxByQlxxBsm, save } from "@/api/djbRepair.js"; | 292 | import { init, getSsQlxx, getQlxxByQlxxBsm, save } from "@/api/djbRepair.js"; |
| 295 | import qlrCommonTable from "@/views/djbworkflow/components/qlrCommonTable"; | 293 | import qlrCommonTable from "@/views/djbworkflow/components/qlrCommonTable"; |
| 296 | import tdytTable from "@/views/workflow/components/tdytTable"; | 294 | import tdytTable from "@/views/workflow/components/tdytTable"; |
| 297 | import selectTable from "@/components/selectTable/index.vue"; | 295 | import selectTable from "@/components/selectTable/index.vue"; |
| 298 | export default { | 296 | export default { |
| 299 | mixins: [ywmix], | 297 | mixins: [ywmix], |
| 300 | components: { qlrCommonTable, tdytTable, selectTable }, | 298 | components: { qlrCommonTable, tdytTable, selectTable }, |
| 301 | computed: { | 299 | computed: { |
| 302 | ...mapGetters(["dictData", "flag"]), | 300 | ...mapGetters(["dictData", "flag"]), |
| 303 | // 根据流程判断表单是否为只读 | 301 | // 根据流程判断表单是否为只读 |
| 304 | editDisabled() { | 302 | editDisabled () { |
| 305 | if (!this.ableOperation) { | 303 | if (!this.ableOperation) { |
| 306 | //只读状态 | 304 | //只读状态 |
| 307 | return true; | 305 | return true; |
| 308 | } | ||
| 309 | return false; | ||
| 310 | }, | ||
| 311 | }, | ||
| 312 | data() { | ||
| 313 | return { | ||
| 314 | mjdw: "1", | ||
| 315 | ssqlxxshow: true, | ||
| 316 | props: { | ||
| 317 | label: "bdcqzh", | ||
| 318 | value: "bdcdyid", | ||
| 319 | }, | ||
| 320 | // 键名转换,方法默认是label和children进行树状渲染 | ||
| 321 | normalizer(node) { | ||
| 322 | //方法 | ||
| 323 | if (node.children == null || node.children == "null") { | ||
| 324 | delete node.children; | ||
| 325 | } | 306 | } |
| 326 | return { | 307 | return false; |
| 327 | id: node.dcode, | ||
| 328 | label: node.dname, | ||
| 329 | }; | ||
| 330 | }, | 308 | }, |
| 331 | //表单是否可操作 | 309 | }, |
| 332 | propsParam: this.$attrs, | 310 | data () { |
| 333 | ableOperation: false, | 311 | return { |
| 334 | key: 0, | 312 | mjdw: "1", |
| 335 | ssQlxxList: [], | 313 | ssqlxxshow: true, |
| 336 | // 登记类型 | 314 | props: { |
| 337 | djlxlist: [ | 315 | label: "bdcqzh", |
| 338 | { | 316 | value: "bdcdyid", |
| 339 | dcode: "100", | ||
| 340 | dname: "首次登记", | ||
| 341 | }, | ||
| 342 | { | ||
| 343 | dcode: "200", | ||
| 344 | dname: "转移登记", | ||
| 345 | }, | ||
| 346 | { | ||
| 347 | dcode: "300", | ||
| 348 | dname: "变更登记", | ||
| 349 | }, | 317 | }, |
| 350 | { | 318 | // 键名转换,方法默认是label和children进行树状渲染 |
| 351 | dcode: "500", | 319 | normalizer (node) { |
| 352 | dname: "更正登记", | 320 | //方法 |
| 321 | if (node.children == null || node.children == "null") { | ||
| 322 | delete node.children; | ||
| 323 | } | ||
| 324 | return { | ||
| 325 | id: node.dcode, | ||
| 326 | label: node.dname, | ||
| 327 | }; | ||
| 353 | }, | 328 | }, |
| 329 | //表单是否可操作 | ||
| 330 | propsParam: this.$attrs, | ||
| 331 | ableOperation: false, | ||
| 332 | key: 0, | ||
| 333 | ssQlxxList: [], | ||
| 334 | // 登记类型 | ||
| 335 | djlxlist: [ | ||
| 336 | { | ||
| 337 | dcode: "100", | ||
| 338 | dname: "首次登记", | ||
| 339 | }, | ||
| 340 | { | ||
| 341 | dcode: "200", | ||
| 342 | dname: "转移登记", | ||
| 343 | }, | ||
| 344 | { | ||
| 345 | dcode: "300", | ||
| 346 | dname: "变更登记", | ||
| 347 | }, | ||
| 348 | { | ||
| 349 | dcode: "500", | ||
| 350 | dname: "更正登记", | ||
| 351 | }, | ||
| 354 | 352 | ||
| 355 | { | 353 | { |
| 356 | dcode: "901", | 354 | dcode: "901", |
| 357 | dname: "补证", | 355 | dname: "补证", |
| 358 | }, | 356 | }, |
| 359 | { | 357 | { |
| 360 | dcode: "902", | 358 | dcode: "902", |
| 361 | dname: "换证", | 359 | dname: "换证", |
| 362 | }, | 360 | }, |
| 363 | ], | ||
| 364 | // 权属状态 | ||
| 365 | qsztlist: [ | ||
| 366 | { | ||
| 367 | dcode: "1", | ||
| 368 | dname: "现势", | ||
| 369 | }, | ||
| 370 | { | ||
| 371 | dcode: "2", | ||
| 372 | dname: "历史", | ||
| 373 | }, | ||
| 374 | ], | ||
| 375 | tdxz: null, | ||
| 376 | isShow: false, | ||
| 377 | disabled: true, | ||
| 378 | czrOptions: [], | ||
| 379 | ruleForm: {}, | ||
| 380 | //传递参数\ | ||
| 381 | rules: { | ||
| 382 | ssQlxxrules: [ | ||
| 383 | { required: true, message: "上手权利信息", trigger: "blur" }, | ||
| 384 | ], | 361 | ], |
| 385 | bdcqzhrules: [ | 362 | // 权属状态 |
| 386 | { required: true, message: "不动产权证号:", trigger: "blur" }, | 363 | qsztlist: [ |
| 364 | { | ||
| 365 | dcode: "1", | ||
| 366 | dname: "现势", | ||
| 367 | }, | ||
| 368 | { | ||
| 369 | dcode: "2", | ||
| 370 | dname: "历史", | ||
| 371 | }, | ||
| 387 | ], | 372 | ], |
| 388 | // qxdmrules: [{ required: true, message: "区县代码", trigger: "blur" }], | 373 | tdxz: null, |
| 389 | djjgrules: [{ required: true, message: "登记机构", trigger: "blur" }], | 374 | isShow: false, |
| 390 | dbrrules: [{ required: true, message: "登簿人", trigger: "blur" }], | 375 | disabled: true, |
| 391 | djsjrules: [{ required: true, message: "登记时间", trigger: "blur" }], | 376 | czrOptions: [], |
| 392 | djlxrules: [{ required: true, message: "登记类型", trigger: "blur" }], | 377 | ruleForm: {}, |
| 393 | ywhrules: [{ required: true, message: "业务号", trigger: "blur" }], | 378 | //传递参数\ |
| 394 | }, | 379 | rules: { |
| 395 | }; | 380 | ssQlxxrules: [ |
| 396 | }, | 381 | { required: true, message: "上手权利信息", trigger: "blur" }, |
| 397 | created() { | 382 | ], |
| 398 | this.loadData(); | 383 | bdcqzhrules: [ |
| 399 | }, | 384 | { required: true, message: "不动产权证号:", trigger: "blur" }, |
| 400 | mounted() { | 385 | ], |
| 401 | this.ableOperation = this.$parent.ableOperation; | 386 | // qxdmrules: [{ required: true, message: "区县代码", trigger: "blur" }], |
| 402 | }, | 387 | djjgrules: [{ required: true, message: "登记机构", trigger: "blur" }], |
| 403 | methods: { | 388 | dbrrules: [{ required: true, message: "登簿人", trigger: "blur" }], |
| 404 | /** | 389 | djsjrules: [{ required: true, message: "登记时间", trigger: "blur" }], |
| 405 | * @description: ssQlxxchange | 390 | djlxrules: [{ required: true, message: "登记类型", trigger: "blur" }], |
| 406 | * @param {*} val | 391 | ywhrules: [{ required: true, message: "业务号", trigger: "blur" }], |
| 407 | * @author: renchao | 392 | }, |
| 408 | */ | 393 | }; |
| 409 | ssQlxxchange(val) { | ||
| 410 | this.ruleForm.ssQlxx = val; | ||
| 411 | this.ruleForm.qlxx.ssywh = val.ywh; | ||
| 412 | this.ssQlxxchangediolog(val); | ||
| 413 | }, | 394 | }, |
| 414 | // 弹框事件 | 395 | created () { |
| 415 | ssQlxxchangediolog(val) { | 396 | this.loadData(); |
| 416 | this.$confirm("是否将上手权利信息同步到表单", "提示", { | 397 | }, |
| 417 | iconClass: "el-icon-question", //自定义图标样式 | 398 | mounted () { |
| 418 | confirmButtonText: "确认", //确认按钮文字更换 | 399 | this.ableOperation = this.$parent.ableOperation; |
| 419 | cancelButtonText: "取消", //取消按钮文字更换 | 400 | }, |
| 420 | showClose: true, //是否显示右上角关闭按钮 | 401 | methods: { |
| 421 | type: "warning", | 402 | /** |
| 422 | }).then(() => { | 403 | * @description: ssQlxxchange |
| 423 | getQlxxByQlxxBsm({ qlxxBsm: val.bsmQlxx }).then((res) => { | 404 | * @param {*} val |
| 424 | if (res.code == 200) { | 405 | * @author: renchao |
| 425 | this.nowlist = res.result; | 406 | */ |
| 426 | for (var key in this.ruleForm.jsydsyq) { | 407 | ssQlxxchange (val) { |
| 427 | if ( | 408 | this.ruleForm.ssQlxx = val; |
| 428 | this.ruleForm.jsydsyq[key] == "" || | 409 | this.ruleForm.qlxx.ssywh = val.ywh; |
| 429 | this.ruleForm.jsydsyq[key] == null | 410 | this.ssQlxxchangediolog(val); |
| 430 | ) { | 411 | }, |
| 431 | this.ruleForm.jsydsyq[key] = this.nowlist.jsydsyq[key]; | 412 | // 弹框事件 |
| 413 | ssQlxxchangediolog (val) { | ||
| 414 | this.$confirm("是否将上手权利信息同步到表单", "提示", { | ||
| 415 | iconClass: "el-icon-question", //自定义图标样式 | ||
| 416 | confirmButtonText: "确认", //确认按钮文字更换 | ||
| 417 | cancelButtonText: "取消", //取消按钮文字更换 | ||
| 418 | showClose: true, //是否显示右上角关闭按钮 | ||
| 419 | type: "warning", | ||
| 420 | }).then(() => { | ||
| 421 | getQlxxByQlxxBsm({ qlxxBsm: val.bsmQlxx }).then((res) => { | ||
| 422 | if (res.code == 200) { | ||
| 423 | this.nowlist = res.result; | ||
| 424 | for (var key in this.ruleForm.jsydsyq) { | ||
| 425 | if ( | ||
| 426 | this.ruleForm.jsydsyq[key] == "" || | ||
| 427 | this.ruleForm.jsydsyq[key] == null | ||
| 428 | ) { | ||
| 429 | this.ruleForm.jsydsyq[key] = this.nowlist.jsydsyq[key]; | ||
| 430 | } | ||
| 432 | } | 431 | } |
| 433 | } | 432 | for (var key in this.ruleForm.qlxx) { |
| 434 | for (var key in this.ruleForm.qlxx) { | 433 | if ( |
| 435 | if ( | 434 | this.ruleForm.qlxx[key] == "" || |
| 436 | this.ruleForm.qlxx[key] == ""|| | ||
| 437 | this.ruleForm.qlxx[key] == null && | 435 | this.ruleForm.qlxx[key] == null && |
| 438 | key != "ywh" && | 436 | key != "ywh" && |
| 439 | key != "dbr" && | 437 | key != "dbr" && |
| 440 | key != "djsj" && | 438 | key != "djsj" && |
| 441 | key != "ssywh" && | 439 | key != "ssywh" && |
| 442 | key != "ssywh" && | 440 | key != "ssywh" && |
| 443 | key != "bdcqzh") { | 441 | key != "bdcqzh") { |
| 444 | this.ruleForm.qlxx[key] = this.nowlist.qlxx[key]; | 442 | this.ruleForm.qlxx[key] = this.nowlist.qlxx[key]; |
| 445 | 443 | ||
| 446 | } | 444 | } |
| 445 | } | ||
| 446 | if (!this.ruleForm.tdytqxList.length) { | ||
| 447 | this.ruleForm.tdytqxList = this.nowlist.tdytqxList; | ||
| 448 | } | ||
| 449 | if (!this.ruleForm.qlrData.length) { | ||
| 450 | this.ruleForm.qlrData = this.nowlist.qlrData; | ||
| 451 | } | ||
| 452 | if (!this.ruleForm.ywrData.length) { | ||
| 453 | this.ruleForm.ywrData = this.nowlist.ywrData; | ||
| 454 | } | ||
| 455 | this.$message({ | ||
| 456 | type: "success", | ||
| 457 | message: "同步成功!", | ||
| 458 | }); | ||
| 447 | } | 459 | } |
| 448 | if (!this.ruleForm.tdytqxList.length) { | 460 | }); |
| 449 | this.ruleForm.tdytqxList = this.nowlist.tdytqxList; | 461 | }).catch(() => { |
| 450 | } | ||
| 451 | if (!this.ruleForm.qlrData.length) { | ||
| 452 | this.ruleForm.qlrData = this.nowlist.qlrData; | ||
| 453 | } | ||
| 454 | if (!this.ruleForm.ywrData.length) { | ||
| 455 | this.ruleForm.ywrData = this.nowlist.ywrData; | ||
| 456 | } | ||
| 457 | this.$message({ | ||
| 458 | type: "success", | ||
| 459 | message: "同步成功!", | ||
| 460 | }); | ||
| 461 | } | ||
| 462 | }); | ||
| 463 | }).catch(() => { | ||
| 464 | this.$message({ | 462 | this.$message({ |
| 465 | type: "info", | 463 | type: "info", |
| 466 | message: "已取消同步", | 464 | message: "已取消同步", |
| ... | @@ -522,7 +520,6 @@ export default { | ... | @@ -522,7 +520,6 @@ export default { |
| 522 | } | 520 | } |
| 523 | }); | 521 | }); |
| 524 | }, | 522 | }, |
| 525 | // 更新土地用途信息 | ||
| 526 | /** | 523 | /** |
| 527 | * @description: 更新土地用途信息 | 524 | * @description: 更新土地用途信息 |
| 528 | * @param {*} val | 525 | * @param {*} val | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-08-04 15:53:40 | 4 | * @LastEditTime: 2023-08-14 10:29:57 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <!-- 受理信息 --> | 7 | <!-- 受理信息 --> |
| ... | @@ -15,8 +15,7 @@ | ... | @@ -15,8 +15,7 @@ |
| 15 | :show-message="false" | 15 | :show-message="false" |
| 16 | :label-position="flag ? 'top' : ''" | 16 | :label-position="flag ? 'top' : ''" |
| 17 | :inline="flag" | 17 | :inline="flag" |
| 18 | label-width="145px" | 18 | label-width="145px"> |
| 19 | > | ||
| 20 | <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''"> | 19 | <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''"> |
| 21 | <div class="slxx_title title-block"> | 20 | <div class="slxx_title title-block"> |
| 22 | 补录信息 | 21 | 补录信息 |
| ... | @@ -101,8 +100,7 @@ | ... | @@ -101,8 +100,7 @@ |
| 101 | <el-form-item | 100 | <el-form-item |
| 102 | label="业务号:" | 101 | label="业务号:" |
| 103 | prop="qlxx.ywh" | 102 | prop="qlxx.ywh" |
| 104 | :rules="rules.ywhrules" | 103 | :rules="rules.ywhrules"> |
| 105 | > | ||
| 106 | <el-input v-model="ruleForm.qlxx.ywh"></el-input> | 104 | <el-input v-model="ruleForm.qlxx.ywh"></el-input> |
| 107 | </el-form-item> | 105 | </el-form-item> |
| 108 | </el-col> | 106 | </el-col> |
| ... | @@ -364,33 +362,6 @@ | ... | @@ -364,33 +362,6 @@ |
| 364 | </el-radio-group> | 362 | </el-radio-group> |
| 365 | </el-form-item> | 363 | </el-form-item> |
| 366 | </el-col> | 364 | </el-col> |
| 367 | <!-- <el-col :span="6" v-show="ruleForm.qlxx.gyfs != '0'"> | ||
| 368 | <el-form-item label="是否分别持证:"> | ||
| 369 | <el-radio-group | ||
| 370 | v-model="ruleForm.qlxx.sqfbcz" | ||
| 371 | :disabled="!ableOperation"> | ||
| 372 | <el-radio :label="1">是</el-radio> | ||
| 373 | <el-radio :label="0">否</el-radio> | ||
| 374 | </el-radio-group> | ||
| 375 | </el-form-item> | ||
| 376 | </el-col> --> | ||
| 377 | <!-- <el-col | ||
| 378 | :span="6" | ||
| 379 | v-show="ruleForm.qlxx.sqfbcz == '0' && ruleForm.qlxx.gyfs != '0'"> | ||
| 380 | <el-form-item label="持证人:"> | ||
| 381 | <el-select | ||
| 382 | v-model="ruleForm.czr" | ||
| 383 | placeholder="持证人" | ||
| 384 | :disabled="!ableOperation"> | ||
| 385 | <el-option | ||
| 386 | v-for="item in czrOptions" | ||
| 387 | :key="item.zjh" | ||
| 388 | :label="item.sqrmc" | ||
| 389 | :value="item.zjh"> | ||
| 390 | </el-option> | ||
| 391 | </el-select> | ||
| 392 | </el-form-item> | ||
| 393 | </el-col> --> | ||
| 394 | </el-row> | 365 | </el-row> |
| 395 | <qlrCommonTable | 366 | <qlrCommonTable |
| 396 | :tableData="ruleForm.qlrData" | 367 | :tableData="ruleForm.qlrData" |
| ... | @@ -408,151 +379,150 @@ | ... | @@ -408,151 +379,150 @@ |
| 408 | </div> | 379 | </div> |
| 409 | </template> | 380 | </template> |
| 410 | <script> | 381 | <script> |
| 411 | import { mapGetters } from "vuex"; | 382 | import { mapGetters } from "vuex"; |
| 412 | import store from "@/store/index.js"; | 383 | import store from "@/store/index.js"; |
| 413 | import ywmix from "@/views/ywbl/mixin/index"; | 384 | import ywmix from "@/views/ywbl/mixin/index"; |
| 414 | import { init, getSsQlxx, getQlxxByQlxxBsm, save } from "@/api/djbRepair.js"; | 385 | import { init, getSsQlxx, getQlxxByQlxxBsm, save } from "@/api/djbRepair.js"; |
| 415 | import qlrCommonTable from "@/views/djbworkflow/components/qlrCommonTable"; | 386 | import qlrCommonTable from "@/views/djbworkflow/components/qlrCommonTable"; |
| 416 | import selectTable from "@/components/selectTable/index.vue"; | 387 | import selectTable from "@/components/selectTable/index.vue"; |
| 417 | import tdytTable from "@/views/workflow/components/tdytTable"; | 388 | import tdytTable from "@/views/workflow/components/tdytTable"; |
| 418 | export default { | 389 | export default { |
| 419 | mixins: [ywmix], | 390 | mixins: [ywmix], |
| 420 | components: { qlrCommonTable, tdytTable, selectTable }, | 391 | components: { qlrCommonTable, tdytTable, selectTable }, |
| 421 | computed: { | 392 | computed: { |
| 422 | ...mapGetters(["dictData", "flag"]), | 393 | ...mapGetters(["dictData", "flag"]), |
| 423 | // 根据流程判断表单是否为只读 | 394 | // 根据流程判断表单是否为只读 |
| 424 | editDisabled() { | 395 | editDisabled () { |
| 425 | if (!this.ableOperation) { | 396 | if (!this.ableOperation) { |
| 426 | //只读状态 | 397 | //只读状态 |
| 427 | return true; | 398 | return true; |
| 428 | } | ||
| 429 | return false; | ||
| 430 | }, | ||
| 431 | }, | ||
| 432 | data() { | ||
| 433 | return { | ||
| 434 | ssqlxxshow: true, | ||
| 435 | props: { | ||
| 436 | label: "bdcqzh", | ||
| 437 | value: "bdcdyid", | ||
| 438 | }, | ||
| 439 | // 键名转换,方法默认是label和children进行树状渲染 | ||
| 440 | normalizer(node) { | ||
| 441 | //方法 | ||
| 442 | if (node.children == null || node.children == "null") { | ||
| 443 | delete node.children; | ||
| 444 | } | 399 | } |
| 445 | return { | 400 | return false; |
| 446 | id: node.dcode, | ||
| 447 | label: node.dname, | ||
| 448 | }; | ||
| 449 | }, | 401 | }, |
| 450 | //表单是否可操作 | 402 | }, |
| 451 | propsParam: this.$attrs, | 403 | data () { |
| 452 | key: 0, | 404 | return { |
| 453 | // 登记类型 | 405 | ssqlxxshow: true, |
| 454 | djlxlist: [ | 406 | props: { |
| 455 | { | 407 | label: "bdcqzh", |
| 456 | dcode: "100", | 408 | value: "bdcdyid", |
| 457 | dname: "首次登记", | ||
| 458 | }, | ||
| 459 | { | ||
| 460 | dcode: "200", | ||
| 461 | dname: "转移登记", | ||
| 462 | }, | ||
| 463 | { | ||
| 464 | dcode: "300", | ||
| 465 | dname: "变更登记", | ||
| 466 | }, | 409 | }, |
| 467 | { | 410 | // 键名转换,方法默认是label和children进行树状渲染 |
| 468 | dcode: "500", | 411 | normalizer (node) { |
| 469 | dname: "更正登记", | 412 | //方法 |
| 413 | if (node.children == null || node.children == "null") { | ||
| 414 | delete node.children; | ||
| 415 | } | ||
| 416 | return { | ||
| 417 | id: node.dcode, | ||
| 418 | label: node.dname, | ||
| 419 | }; | ||
| 470 | }, | 420 | }, |
| 421 | //表单是否可操作 | ||
| 422 | propsParam: this.$attrs, | ||
| 423 | key: 0, | ||
| 424 | // 登记类型 | ||
| 425 | djlxlist: [ | ||
| 426 | { | ||
| 427 | dcode: "100", | ||
| 428 | dname: "首次登记", | ||
| 429 | }, | ||
| 430 | { | ||
| 431 | dcode: "200", | ||
| 432 | dname: "转移登记", | ||
| 433 | }, | ||
| 434 | { | ||
| 435 | dcode: "300", | ||
| 436 | dname: "变更登记", | ||
| 437 | }, | ||
| 438 | { | ||
| 439 | dcode: "500", | ||
| 440 | dname: "更正登记", | ||
| 441 | }, | ||
| 471 | 442 | ||
| 472 | { | 443 | { |
| 473 | dcode: "901", | 444 | dcode: "901", |
| 474 | dname: "补证", | 445 | dname: "补证", |
| 475 | }, | 446 | }, |
| 476 | { | 447 | { |
| 477 | dcode: "902", | 448 | dcode: "902", |
| 478 | dname: "换证", | 449 | dname: "换证", |
| 479 | }, | 450 | }, |
| 480 | ], | ||
| 481 | // 权属状态 | ||
| 482 | qsztlist: [ | ||
| 483 | { | ||
| 484 | dcode: "1", | ||
| 485 | dname: "现势", | ||
| 486 | }, | ||
| 487 | { | ||
| 488 | dcode: "2", | ||
| 489 | dname: "历史", | ||
| 490 | }, | ||
| 491 | ], | ||
| 492 | isShow: false, | ||
| 493 | disabled: true, | ||
| 494 | czrOptions: [], | ||
| 495 | ssQlxxList: [], | ||
| 496 | ruleForm: {}, | ||
| 497 | ableOperation: false, | ||
| 498 | //传递参数\ | ||
| 499 | rules: { | ||
| 500 | ssQlxxrules: [ | ||
| 501 | { required: true, message: "上手权利信息", trigger: "blur" }, | ||
| 502 | ], | 451 | ], |
| 503 | bdcqzhrules: [ | 452 | // 权属状态 |
| 504 | { required: true, message: "不动产权证号:", trigger: "blur" }, | 453 | qsztlist: [ |
| 454 | { | ||
| 455 | dcode: "1", | ||
| 456 | dname: "现势", | ||
| 457 | }, | ||
| 458 | { | ||
| 459 | dcode: "2", | ||
| 460 | dname: "历史", | ||
| 461 | }, | ||
| 505 | ], | 462 | ], |
| 506 | // qxdmrules: [{ required: true, message: "区县代码", trigger: "blur" }], | 463 | isShow: false, |
| 507 | djjgrules: [{ required: true, message: "登记机构", trigger: "blur" }], | 464 | disabled: true, |
| 508 | dbrrules: [{ required: true, message: "登簿人", trigger: "blur" }], | 465 | ssQlxxList: [], |
| 509 | djsjrules: [{ required: true, message: "登记时间", trigger: "blur" }], | 466 | ruleForm: {}, |
| 510 | djlxrules: [{ required: true, message: "登记类型", trigger: "change" }], | 467 | ableOperation: false, |
| 468 | //传递参数\ | ||
| 469 | rules: { | ||
| 470 | ssQlxxrules: [ | ||
| 471 | { required: true, message: "上手权利信息", trigger: "blur" }, | ||
| 472 | ], | ||
| 473 | bdcqzhrules: [ | ||
| 474 | { required: true, message: "不动产权证号:", trigger: "blur" }, | ||
| 475 | ], | ||
| 476 | // qxdmrules: [{ required: true, message: "区县代码", trigger: "blur" }], | ||
| 477 | djjgrules: [{ required: true, message: "登记机构", trigger: "blur" }], | ||
| 478 | dbrrules: [{ required: true, message: "登簿人", trigger: "blur" }], | ||
| 479 | djsjrules: [{ required: true, message: "登记时间", trigger: "blur" }], | ||
| 480 | djlxrules: [{ required: true, message: "登记类型", trigger: "change" }], | ||
| 511 | ywhrules: [{ required: true, message: "业务号", trigger: "blur" }], | 481 | ywhrules: [{ required: true, message: "业务号", trigger: "blur" }], |
| 512 | }, | 482 | }, |
| 513 | }; | 483 | }; |
| 514 | }, | 484 | }, |
| 515 | created() {}, | 485 | created () { }, |
| 516 | mounted() { | 486 | mounted () { |
| 517 | this.loadData(); | 487 | this.loadData(); |
| 518 | this.ableOperation = this.$parent.ableOperation; | 488 | this.ableOperation = this.$parent.ableOperation; |
| 519 | }, | ||
| 520 | methods: { | ||
| 521 | /** | ||
| 522 | * @description: ssQlxxchange | ||
| 523 | * @param {*} val | ||
| 524 | * @author: renchao | ||
| 525 | */ | ||
| 526 | ssQlxxchange(val) { | ||
| 527 | this.ruleForm.ssQlxx = val; | ||
| 528 | this.ruleForm.qlxx.ssywh = val.ywh; | ||
| 529 | this.ssQlxxchangediolog(val); | ||
| 530 | }, | 489 | }, |
| 531 | // 弹框事件 | 490 | methods: { |
| 532 | ssQlxxchangediolog(val) { | 491 | /** |
| 533 | this.$confirm("是否将上手权利信息同步到表单", "提示", { | 492 | * @description: ssQlxxchange |
| 534 | iconClass: "el-icon-question", //自定义图标样式 | 493 | * @param {*} val |
| 535 | confirmButtonText: "确认", //确认按钮文字更换 | 494 | * @author: renchao |
| 536 | cancelButtonText: "取消", //取消按钮文字更换 | 495 | */ |
| 537 | showClose: true, //是否显示右上角关闭按钮 | 496 | ssQlxxchange (val) { |
| 538 | type: "warning", | 497 | this.ruleForm.ssQlxx = val; |
| 539 | }) | 498 | this.ruleForm.qlxx.ssywh = val.ywh; |
| 540 | .then(() => { | 499 | this.ssQlxxchangediolog(val); |
| 541 | getQlxxByQlxxBsm({ qlxxBsm: val.bsmQlxx }).then((res) => { | 500 | }, |
| 542 | if (res.code == 200) { | 501 | // 弹框事件 |
| 543 | this.nowlist = res.result; | 502 | ssQlxxchangediolog (val) { |
| 544 | for (var key in this.ruleForm.tdsyq) { | 503 | this.$confirm("是否将上手权利信息同步到表单", "提示", { |
| 545 | if ( | 504 | iconClass: "el-icon-question", //自定义图标样式 |
| 546 | this.ruleForm.tdsyq[key] == "" || | 505 | confirmButtonText: "确认", //确认按钮文字更换 |
| 547 | this.ruleForm.tdsyq[key] == null | 506 | cancelButtonText: "取消", //取消按钮文字更换 |
| 548 | ) { | 507 | showClose: true, //是否显示右上角关闭按钮 |
| 549 | this.ruleForm.tdsyq[key] = this.nowlist.tdsyq[key]; | 508 | type: "warning", |
| 509 | }) | ||
| 510 | .then(() => { | ||
| 511 | getQlxxByQlxxBsm({ qlxxBsm: val.bsmQlxx }).then((res) => { | ||
| 512 | if (res.code == 200) { | ||
| 513 | this.nowlist = res.result; | ||
| 514 | for (var key in this.ruleForm.tdsyq) { | ||
| 515 | if ( | ||
| 516 | this.ruleForm.tdsyq[key] == "" || | ||
| 517 | this.ruleForm.tdsyq[key] == null | ||
| 518 | ) { | ||
| 519 | this.ruleForm.tdsyq[key] = this.nowlist.tdsyq[key]; | ||
| 520 | } | ||
| 550 | } | 521 | } |
| 551 | } | 522 | for (var key in this.ruleForm.qlxx) { |
| 552 | for (var key in this.ruleForm.qlxx) { | 523 | if ( |
| 553 | if ( | 524 | this.ruleForm.qlxx[key] == "" || |
| 554 | this.ruleForm.qlxx[key] == ""|| | 525 | this.ruleForm.qlxx[key] == null && |
| 555 | this.ruleForm.qlxx[key] == null && | ||
| 556 | key != "ywh" && | 526 | key != "ywh" && |
| 557 | key != "dbr" && | 527 | key != "dbr" && |
| 558 | key != "djsj" && | 528 | key != "djsj" && |
| ... | @@ -561,105 +531,104 @@ export default { | ... | @@ -561,105 +531,104 @@ export default { |
| 561 | key != "bdcqzh") { | 531 | key != "bdcqzh") { |
| 562 | this.ruleForm.qlxx[key] = this.nowlist.qlxx[key]; | 532 | this.ruleForm.qlxx[key] = this.nowlist.qlxx[key]; |
| 563 | 533 | ||
| 534 | } | ||
| 564 | } | 535 | } |
| 536 | if (!this.ruleForm.tdytqxList.length) { | ||
| 537 | this.ruleForm.tdytqxList = this.nowlist.tdytqxList; | ||
| 538 | } | ||
| 539 | if (!this.ruleForm.qlrData.length) { | ||
| 540 | this.ruleForm.qlrData = this.nowlist.qlrData; | ||
| 541 | } | ||
| 542 | if (!this.ruleForm.ywrData.length) { | ||
| 543 | this.ruleForm.ywrData = this.nowlist.ywrData; | ||
| 544 | } | ||
| 545 | this.$message({ | ||
| 546 | type: "success", | ||
| 547 | message: "同步成功!", | ||
| 548 | }); | ||
| 565 | } | 549 | } |
| 566 | if (!this.ruleForm.tdytqxList.length) { | 550 | }); |
| 567 | this.ruleForm.tdytqxList = this.nowlist.tdytqxList; | 551 | }) |
| 568 | } | 552 | .catch(() => { |
| 569 | if (!this.ruleForm.qlrData.length) { | 553 | this.$message({ |
| 570 | this.ruleForm.qlrData = this.nowlist.qlrData; | 554 | type: "info", |
| 571 | } | 555 | message: "已取消同步", |
| 572 | if (!this.ruleForm.ywrData.length) { | 556 | }); |
| 573 | this.ruleForm.ywrData = this.nowlist.ywrData; | ||
| 574 | } | ||
| 575 | this.$message({ | ||
| 576 | type: "success", | ||
| 577 | message: "同步成功!", | ||
| 578 | }); | ||
| 579 | } | ||
| 580 | }); | ||
| 581 | }) | ||
| 582 | .catch(() => { | ||
| 583 | this.$message({ | ||
| 584 | type: "info", | ||
| 585 | message: "已取消同步", | ||
| 586 | }); | 557 | }); |
| 587 | }); | 558 | }, |
| 588 | }, | 559 | /** |
| 589 | /** | 560 | * @description: djlxchange |
| 590 | * @description: djlxchange | 561 | * @param {*} val |
| 591 | * @param {*} val | 562 | * @author: renchao |
| 592 | * @author: renchao | 563 | */ |
| 593 | */ | 564 | djlxchange (val) { |
| 594 | djlxchange(val) { | 565 | if (val == null || val == 100) { |
| 595 | if (val == null || val == 100) { | 566 | this.ssqlxxshow = false; |
| 596 | this.ssqlxxshow = false; | 567 | } else { |
| 597 | } else { | 568 | this.ssqlxxshow = true; |
| 598 | this.ssqlxxshow = true; | 569 | } |
| 599 | } | 570 | }, |
| 600 | }, | ||
| 601 | 571 | ||
| 602 | // 字典 | 572 | // 字典 |
| 603 | /** | 573 | /** |
| 604 | * @description: 字典 | 574 | * @description: 字典 |
| 605 | * @param {*} val | 575 | * @param {*} val |
| 606 | * @author: renchao | 576 | * @author: renchao |
| 607 | */ | 577 | */ |
| 608 | getDictData(val) { | 578 | getDictData (val) { |
| 609 | return store.getters.dictData[val]; | 579 | return store.getters.dictData[val]; |
| 610 | }, | 580 | }, |
| 611 | /** | 581 | /** |
| 612 | * @description: loadData | 582 | * @description: loadData |
| 613 | * @author: renchao | 583 | * @author: renchao |
| 614 | */ | 584 | */ |
| 615 | loadData() { | 585 | loadData () { |
| 616 | this.$startLoading(); | 586 | this.$startLoading(); |
| 617 | this.propsParam.isEdit = this.$parent.isEdit; | 587 | this.propsParam.isEdit = this.$parent.isEdit; |
| 618 | init(this.propsParam).then((res) => { | 588 | init(this.propsParam).then((res) => { |
| 619 | if (res.code == 200) { | 589 | if (res.code == 200) { |
| 620 | this.ruleForm = res.result; | 590 | this.ruleForm = res.result; |
| 621 | this.ruleForm.tdsyq.mjdw="1" | 591 | this.ruleForm.tdsyq.mjdw = "1" |
| 622 | 592 | ||
| 623 | let djlx = this.ruleForm.qlxx.djlx; | 593 | let djlx = this.ruleForm.qlxx.djlx; |
| 624 | if (djlx == null || djlx == 100) { | 594 | if (djlx == null || djlx == 100) { |
| 625 | this.ssqlxxshow = false; | 595 | this.ssqlxxshow = false; |
| 626 | } | ||
| 627 | this.$endLoading(); | ||
| 628 | this.isShow = true; | ||
| 629 | //获取主体信息 | ||
| 630 | getSsQlxx({ | ||
| 631 | bdcdyid: this.propsParam.bdcdyid, | ||
| 632 | qllx: this.propsParam.qllx, | ||
| 633 | bsmQlxx: this.ruleForm.qlxx.bsmQlxx, | ||
| 634 | }).then((res) => { | ||
| 635 | if (res.code == 200) { | ||
| 636 | this.ssQlxxList = res.result; | ||
| 637 | } | 596 | } |
| 638 | }); | 597 | this.$endLoading(); |
| 639 | } | 598 | this.isShow = true; |
| 640 | }); | 599 | //获取主体信息 |
| 641 | }, | 600 | getSsQlxx({ |
| 642 | // 更新土地用途信息 | 601 | bdcdyid: this.propsParam.bdcdyid, |
| 643 | /** | 602 | qllx: this.propsParam.qllx, |
| 644 | * @description: 更新土地用途信息 | 603 | bsmQlxx: this.ruleForm.qlxx.bsmQlxx, |
| 645 | * @param {*} val | 604 | }).then((res) => { |
| 646 | * @author: renchao | 605 | if (res.code == 200) { |
| 647 | */ | 606 | this.ssQlxxList = res.result; |
| 648 | upDateTdytxxList(val) { | 607 | } |
| 649 | this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); | 608 | }); |
| 650 | this.key++; | 609 | } |
| 651 | }, | 610 | }); |
| 652 | // 更新权利人信息 | 611 | }, |
| 653 | /** | 612 | // 更新土地用途信息 |
| 654 | * @description: 更新权利人信息 | 613 | /** |
| 655 | * @param {*} val | 614 | * @description: 更新土地用途信息 |
| 656 | * @author: renchao | 615 | * @param {*} val |
| 657 | */ | 616 | * @author: renchao |
| 658 | upDateQlrxxList(val) { | 617 | */ |
| 659 | this.ruleForm.qlrData && (this.ruleForm.qlrData = _.cloneDeep(val)); | 618 | upDateTdytxxList (val) { |
| 660 | this.czrOptions = this.ruleForm.qlrData; | 619 | this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); |
| 661 | this.key++; | 620 | this.key++; |
| 662 | }, | 621 | }, |
| 622 | // 更新权利人信息 | ||
| 623 | /** | ||
| 624 | * @description: 更新权利人信息 | ||
| 625 | * @param {*} val | ||
| 626 | * @author: renchao | ||
| 627 | */ | ||
| 628 | upDateQlrxxList (val) { | ||
| 629 | this.ruleForm.qlrData && (this.ruleForm.qlrData = _.cloneDeep(val)); | ||
| 630 | this.key++; | ||
| 631 | }, | ||
| 663 | /** | 632 | /** |
| 664 | * @description: onSubmit | 633 | * @description: onSubmit |
| 665 | * @author: renchao | 634 | * @author: renchao |
| ... | @@ -700,7 +669,7 @@ export default { | ... | @@ -700,7 +669,7 @@ export default { |
| 700 | message: "共有方式:共同所有,按份所有,其他所有,权利人必须是两个以上", | 669 | message: "共有方式:共同所有,按份所有,其他所有,权利人必须是两个以上", |
| 701 | type: "error", | 670 | type: "error", |
| 702 | }); | 671 | }); |
| 703 | return false; | 672 | return false; |
| 704 | } | 673 | } |
| 705 | } | 674 | } |
| 706 | save(this.ruleForm).then((res) => { | 675 | save(this.ruleForm).then((res) => { | ... | ... |
| ... | @@ -42,7 +42,7 @@ | ... | @@ -42,7 +42,7 @@ |
| 42 | </el-row> | 42 | </el-row> |
| 43 | <div class="slxx_title title-block bdcqk"> | 43 | <div class="slxx_title title-block bdcqk"> |
| 44 | 预告买卖不动产情况 | 44 | 预告买卖不动产情况 |
| 45 | <div class="count" v-if="ssqlxxshow"> | 45 | <div class="count" v-if="ssqlxxshow"> |
| 46 | <el-form-item | 46 | <el-form-item |
| 47 | label="上手权利信息:" | 47 | label="上手权利信息:" |
| 48 | prop="ssQlxx.bdcqzh" | 48 | prop="ssQlxx.bdcqzh" |
| ... | @@ -259,7 +259,7 @@ | ... | @@ -259,7 +259,7 @@ |
| 259 | v-model="ruleForm.ygdj.jzmj" | 259 | v-model="ruleForm.ygdj.jzmj" |
| 260 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> | 260 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> |
| 261 | <el-select | 261 | <el-select |
| 262 | v-model="ruleForm.ygdj.mjdw" | 262 | v-model="ruleForm.ygdj.mjdw" |
| 263 | :disabled="!ableOperation" | 263 | :disabled="!ableOperation" |
| 264 | style="width: 20%"> | 264 | style="width: 20%"> |
| 265 | <el-option | 265 | <el-option |
| ... | @@ -375,33 +375,6 @@ | ... | @@ -375,33 +375,6 @@ |
| 375 | </el-radio-group> | 375 | </el-radio-group> |
| 376 | </el-form-item> | 376 | </el-form-item> |
| 377 | </el-col> | 377 | </el-col> |
| 378 | <!-- <el-col :span="6" v-show="ruleForm.qlxx.gyfs != '0'"> | ||
| 379 | <el-form-item label="是否分别持证:"> | ||
| 380 | <el-radio-group | ||
| 381 | v-model="ruleForm.qlxx.sqfbcz" | ||
| 382 | :disabled="!ableOperation"> | ||
| 383 | <el-radio :label="1">是</el-radio> | ||
| 384 | <el-radio :label="0">否</el-radio> | ||
| 385 | </el-radio-group> | ||
| 386 | </el-form-item> | ||
| 387 | </el-col> | ||
| 388 | <el-col | ||
| 389 | :span="6" | ||
| 390 | v-show="ruleForm.qlxx.sqfbcz == '0' && ruleForm.qlxx.gyfs != '0'"> | ||
| 391 | <el-form-item label="持证人:"> | ||
| 392 | <el-select | ||
| 393 | v-model="ruleForm.czr" | ||
| 394 | placeholder="持证人" | ||
| 395 | :disabled="!ableOperation"> | ||
| 396 | <el-option | ||
| 397 | v-for="item in czrOptions" | ||
| 398 | :key="item.zjh" | ||
| 399 | :label="item.sqrmc" | ||
| 400 | :value="item.zjh"> | ||
| 401 | </el-option> | ||
| 402 | </el-select> | ||
| 403 | </el-form-item> | ||
| 404 | </el-col> --> | ||
| 405 | </el-row> | 378 | </el-row> |
| 406 | <qlrCommonTable | 379 | <qlrCommonTable |
| 407 | :tableData="ruleForm.qlrData" | 380 | :tableData="ruleForm.qlrData" |
| ... | @@ -432,7 +405,7 @@ | ... | @@ -432,7 +405,7 @@ |
| 432 | </div> | 405 | </div> |
| 433 | </template> | 406 | </template> |
| 434 | <script> | 407 | <script> |
| 435 | import ywmix from "./dataprocessing"; | 408 | import ywmix from "./dataprocessing"; |
| 436 | import qlrCommonTable from "@/views/djbworkflow/components/qlrCommonTable"; | 409 | import qlrCommonTable from "@/views/djbworkflow/components/qlrCommonTable"; |
| 437 | import ywrCommonTable from "@/views/djbworkflow/components/ywrCommonTable"; | 410 | import ywrCommonTable from "@/views/djbworkflow/components/ywrCommonTable"; |
| 438 | import tdytTable from "@/views/workflow/components/tdytTable"; | 411 | import tdytTable from "@/views/workflow/components/tdytTable"; |
| ... | @@ -442,7 +415,7 @@ | ... | @@ -442,7 +415,7 @@ |
| 442 | components: { qlrCommonTable, ywrCommonTable, tdytTable, selectTable }, | 415 | components: { qlrCommonTable, ywrCommonTable, tdytTable, selectTable }, |
| 443 | data () { | 416 | data () { |
| 444 | return { | 417 | return { |
| 445 | //传递参数\ | 418 | //传递参数\ |
| 446 | rules: { | 419 | rules: { |
| 447 | ztQlxxrules: [ | 420 | ztQlxxrules: [ |
| 448 | { required: true, message: "抵押不动产信息", trigger: "blur" }, | 421 | { required: true, message: "抵押不动产信息", trigger: "blur" }, | ... | ... |
| ... | @@ -16,8 +16,7 @@ | ... | @@ -16,8 +16,7 @@ |
| 16 | :inline="flag" | 16 | :inline="flag" |
| 17 | inline-message | 17 | inline-message |
| 18 | :show-message="false" | 18 | :show-message="false" |
| 19 | label-width="145px" | 19 | label-width="145px"> |
| 20 | > | ||
| 21 | <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''"> | 20 | <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''"> |
| 22 | <div class="slxx_title title-block"> | 21 | <div class="slxx_title title-block"> |
| 23 | 补录信息 | 22 | 补录信息 |
| ... | @@ -46,25 +45,21 @@ | ... | @@ -46,25 +45,21 @@ |
| 46 | <el-form-item | 45 | <el-form-item |
| 47 | label="抵押不动产信息:" | 46 | label="抵押不动产信息:" |
| 48 | prop="ztQlxx.bdcqzh" | 47 | prop="ztQlxx.bdcqzh" |
| 49 | :rules="rules.ztQlxxrules" | 48 | :rules="rules.ztQlxxrules"> |
| 50 | > | ||
| 51 | <select-table | 49 | <select-table |
| 52 | v-model="ruleForm.ztQlxx" | 50 | v-model="ruleForm.ztQlxx" |
| 53 | :table-width="550" | 51 | :table-width="550" |
| 54 | :tableData="ztQlxxList" | 52 | :tableData="ztQlxxList" |
| 55 | :props="props" | 53 | :props="props" |
| 56 | @change="ztQlxxchange" | 54 | @change="ztQlxxchange"> |
| 57 | > | ||
| 58 | <el-table-column | 55 | <el-table-column |
| 59 | prop="qllxmc" | 56 | prop="qllxmc" |
| 60 | width="130" | 57 | width="130" |
| 61 | label="权利类型" | 58 | label="权利类型"></el-table-column> |
| 62 | ></el-table-column> | ||
| 63 | <el-table-column | 59 | <el-table-column |
| 64 | prop="bdcqzh" | 60 | prop="bdcqzh" |
| 65 | width="160" | 61 | width="160" |
| 66 | label="不动产权证书" | 62 | label="不动产权证书"></el-table-column> |
| 67 | ></el-table-column> | ||
| 68 | <el-table-column prop="qlrmc" label="权利人"></el-table-column> | 63 | <el-table-column prop="qlrmc" label="权利人"></el-table-column> |
| 69 | <el-table-column prop="mjmc" label="面积"></el-table-column> | 64 | <el-table-column prop="mjmc" label="面积"></el-table-column> |
| 70 | <el-table-column prop="ytmc" label="用途"></el-table-column> | 65 | <el-table-column prop="ytmc" label="用途"></el-table-column> |
| ... | @@ -131,25 +126,21 @@ | ... | @@ -131,25 +126,21 @@ |
| 131 | <el-form-item | 126 | <el-form-item |
| 132 | label="上手权利信息:" | 127 | label="上手权利信息:" |
| 133 | prop="ssQlxx.bdcqzh" | 128 | prop="ssQlxx.bdcqzh" |
| 134 | :rules="rules.ssQlxxrules" | 129 | :rules="rules.ssQlxxrules"> |
| 135 | > | ||
| 136 | <select-table | 130 | <select-table |
| 137 | v-model="ruleForm.ssQlxx" | 131 | v-model="ruleForm.ssQlxx" |
| 138 | :table-width="550" | 132 | :table-width="550" |
| 139 | :tableData="ssQlxxList" | 133 | :tableData="ssQlxxList" |
| 140 | :props="props" | 134 | :props="props" |
| 141 | @change="ssQlxxchange" | 135 | @change="ssQlxxchange"> |
| 142 | > | ||
| 143 | <el-table-column | 136 | <el-table-column |
| 144 | prop="qllxmc" | 137 | prop="qllxmc" |
| 145 | width="130" | 138 | width="130" |
| 146 | label="权利类型" | 139 | label="权利类型"></el-table-column> |
| 147 | ></el-table-column> | ||
| 148 | <el-table-column | 140 | <el-table-column |
| 149 | prop="bdcqzh" | 141 | prop="bdcqzh" |
| 150 | width="160" | 142 | width="160" |
| 151 | label="不动产权证书" | 143 | label="不动产权证书"></el-table-column> |
| 152 | ></el-table-column> | ||
| 153 | <el-table-column prop="qlrmc" label="权利人"></el-table-column> | 144 | <el-table-column prop="qlrmc" label="权利人"></el-table-column> |
| 154 | <el-table-column prop="mjmc" label="面积"></el-table-column> | 145 | <el-table-column prop="mjmc" label="面积"></el-table-column> |
| 155 | <el-table-column prop="ytmc" label="用途"></el-table-column> | 146 | <el-table-column prop="ytmc" label="用途"></el-table-column> |
| ... | @@ -169,8 +160,7 @@ | ... | @@ -169,8 +160,7 @@ |
| 169 | <el-form-item | 160 | <el-form-item |
| 170 | label="业务号:" | 161 | label="业务号:" |
| 171 | prop="qlxx.ywh" | 162 | prop="qlxx.ywh" |
| 172 | :rules="rules.ywhrules" | 163 | :rules="rules.ywhrules"> |
| 173 | > | ||
| 174 | <el-input v-model="ruleForm.qlxx.ywh"></el-input> | 164 | <el-input v-model="ruleForm.qlxx.ywh"></el-input> |
| 175 | </el-form-item> | 165 | </el-form-item> |
| 176 | </el-col> | 166 | </el-col> |
| ... | @@ -195,15 +185,13 @@ | ... | @@ -195,15 +185,13 @@ |
| 195 | <el-form-item | 185 | <el-form-item |
| 196 | label="登记类型:" | 186 | label="登记类型:" |
| 197 | prop="qlxx.djlx" | 187 | prop="qlxx.djlx" |
| 198 | :rules="rules.djlxrules" | 188 | :rules="rules.djlxrules"> |
| 199 | > | ||
| 200 | <el-select v-model="ruleForm.qlxx.djlx" @change="djlxchange"> | 189 | <el-select v-model="ruleForm.qlxx.djlx" @change="djlxchange"> |
| 201 | <el-option | 190 | <el-option |
| 202 | v-for="item in djlxlist" | 191 | v-for="item in djlxlist" |
| 203 | :key="item.dcode" | 192 | :key="item.dcode" |
| 204 | :label="item.dname" | 193 | :label="item.dname" |
| 205 | :value="item.dcode" | 194 | :value="item.dcode"> |
| 206 | > | ||
| 207 | </el-option> | 195 | </el-option> |
| 208 | </el-select> | 196 | </el-select> |
| 209 | </el-form-item> | 197 | </el-form-item> |
| ... | @@ -217,8 +205,7 @@ | ... | @@ -217,8 +205,7 @@ |
| 217 | <el-form-item | 205 | <el-form-item |
| 218 | label="不动产权证号:" | 206 | label="不动产权证号:" |
| 219 | prop="qlxx.bdcqzh" | 207 | prop="qlxx.bdcqzh" |
| 220 | :rules="rules.bdcqzhrules" | 208 | :rules="rules.bdcqzhrules"> |
| 221 | > | ||
| 222 | <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input> | 209 | <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input> |
| 223 | </el-form-item> | 210 | </el-form-item> |
| 224 | </el-col> | 211 | </el-col> |
| ... | @@ -231,8 +218,7 @@ | ... | @@ -231,8 +218,7 @@ |
| 231 | <el-form-item | 218 | <el-form-item |
| 232 | label="登记机构:" | 219 | label="登记机构:" |
| 233 | prop="qlxx.djjg" | 220 | prop="qlxx.djjg" |
| 234 | :rules="rules.djjgrules" | 221 | :rules="rules.djjgrules"> |
| 235 | > | ||
| 236 | <el-input v-model="ruleForm.qlxx.djjg"></el-input> | 222 | <el-input v-model="ruleForm.qlxx.djjg"></el-input> |
| 237 | </el-form-item> | 223 | </el-form-item> |
| 238 | </el-col> | 224 | </el-col> |
| ... | @@ -240,8 +226,7 @@ | ... | @@ -240,8 +226,7 @@ |
| 240 | <el-form-item | 226 | <el-form-item |
| 241 | label="登簿人:" | 227 | label="登簿人:" |
| 242 | prop="qlxx.dbr" | 228 | prop="qlxx.dbr" |
| 243 | :rules="rules.dbrrules" | 229 | :rules="rules.dbrrules"> |
| 244 | > | ||
| 245 | <el-input v-model="ruleForm.qlxx.dbr"></el-input> | 230 | <el-input v-model="ruleForm.qlxx.dbr"></el-input> |
| 246 | </el-form-item> | 231 | </el-form-item> |
| 247 | </el-col> | 232 | </el-col> |
| ... | @@ -249,16 +234,14 @@ | ... | @@ -249,16 +234,14 @@ |
| 249 | <el-form-item | 234 | <el-form-item |
| 250 | label="登记时间:" | 235 | label="登记时间:" |
| 251 | prop="qlxx.djsj" | 236 | prop="qlxx.djsj" |
| 252 | :rules="rules.djsjrules" | 237 | :rules="rules.djsjrules"> |
| 253 | > | ||
| 254 | <el-date-picker | 238 | <el-date-picker |
| 255 | v-model="ruleForm.qlxx.djsj" | 239 | v-model="ruleForm.qlxx.djsj" |
| 256 | class="width100" | 240 | class="width100" |
| 257 | type="date" | 241 | type="date" |
| 258 | placeholder="选择日期" | 242 | placeholder="选择日期" |
| 259 | value-format="yyyy-MM-dd HH:mm:ss" | 243 | value-format="yyyy-MM-dd HH:mm:ss" |
| 260 | format="yyyy-MM-dd" | 244 | format="yyyy-MM-dd"> |
| 261 | > | ||
| 262 | </el-date-picker> | 245 | </el-date-picker> |
| 263 | </el-form-item> | 246 | </el-form-item> |
| 264 | </el-col> | 247 | </el-col> |
| ... | @@ -269,8 +252,7 @@ | ... | @@ -269,8 +252,7 @@ |
| 269 | v-for="item in qsztlist" | 252 | v-for="item in qsztlist" |
| 270 | :key="item.dcode" | 253 | :key="item.dcode" |
| 271 | :label="item.dname" | 254 | :label="item.dname" |
| 272 | :value="item.dcode" | 255 | :value="item.dcode"> |
| 273 | > | ||
| 274 | </el-option> | 256 | </el-option> |
| 275 | </el-select> | 257 | </el-select> |
| 276 | </el-form-item> | 258 | </el-form-item> |
| ... | @@ -288,9 +270,7 @@ | ... | @@ -288,9 +270,7 @@ |
| 288 | <el-input | 270 | <el-input |
| 289 | v-model="ruleForm.yydj.bdcdjzmh" | 271 | v-model="ruleForm.yydj.bdcdjzmh" |
| 290 | prop="yydj.bdcdjzmh" | 272 | prop="yydj.bdcdjzmh" |
| 291 | :rules="rules.bdcdjzmhrules" | 273 | :rules="rules.bdcdjzmhrules">></el-input> |
| 292 | >></el-input | ||
| 293 | > | ||
| 294 | </el-form-item> | 274 | </el-form-item> |
| 295 | </el-col> | 275 | </el-col> |
| 296 | 276 | ||
| ... | @@ -317,12 +297,11 @@ | ... | @@ -317,12 +297,11 @@ |
| 317 | type="date" | 297 | type="date" |
| 318 | placeholder="选择日期" | 298 | placeholder="选择日期" |
| 319 | value-format="yyyy-MM-dd HH:mm:ss" | 299 | value-format="yyyy-MM-dd HH:mm:ss" |
| 320 | format="yyyy-MM-dd" | 300 | format="yyyy-MM-dd"> |
| 321 | > | ||
| 322 | </el-date-picker> | 301 | </el-date-picker> |
| 323 | </el-form-item> | 302 | </el-form-item> |
| 324 | </el-col> | 303 | </el-col> |
| 325 | <el-col :span="24"> | 304 | <el-col :span="24"> |
| 326 | <el-form-item label="附记:"> | 305 | <el-form-item label="附记:"> |
| 327 | <el-input v-model="ruleForm.yydj.fj"></el-input> | 306 | <el-input v-model="ruleForm.yydj.fj"></el-input> |
| 328 | </el-form-item> | 307 | </el-form-item> |
| ... | @@ -337,8 +316,7 @@ | ... | @@ -337,8 +316,7 @@ |
| 337 | <el-form-item label="共有方式:"> | 316 | <el-form-item label="共有方式:"> |
| 338 | <el-radio-group | 317 | <el-radio-group |
| 339 | :disabled="!ableOperation" | 318 | :disabled="!ableOperation" |
| 340 | v-model="ruleForm.qlxx.gyfs" | 319 | v-model="ruleForm.qlxx.gyfs"> |
| 341 | > | ||
| 342 | <el-radio label="0">单独所有</el-radio> | 320 | <el-radio label="0">单独所有</el-radio> |
| 343 | <el-radio label="1">共同共有</el-radio> | 321 | <el-radio label="1">共同共有</el-radio> |
| 344 | <el-radio label="2">按份所有</el-radio> | 322 | <el-radio label="2">按份所有</el-radio> |
| ... | @@ -346,45 +324,13 @@ | ... | @@ -346,45 +324,13 @@ |
| 346 | </el-radio-group> | 324 | </el-radio-group> |
| 347 | </el-form-item> | 325 | </el-form-item> |
| 348 | </el-col> | 326 | </el-col> |
| 349 | <!-- <el-col :span="6" v-show="ruleForm.qlxx.gyfs != '0'"> | ||
| 350 | <el-form-item label="是否分别持证:"> | ||
| 351 | <el-radio-group | ||
| 352 | v-model="ruleForm.qlxx.sqfbcz" | ||
| 353 | :disabled="!ableOperation" | ||
| 354 | > | ||
| 355 | <el-radio :label="1">是</el-radio> | ||
| 356 | <el-radio :label="0">否</el-radio> | ||
| 357 | </el-radio-group> | ||
| 358 | </el-form-item> | ||
| 359 | </el-col> | ||
| 360 | <el-col | ||
| 361 | :span="6" | ||
| 362 | v-show="ruleForm.qlxx.sqfbcz == '0' && ruleForm.qlxx.gyfs == '1'" | ||
| 363 | > | ||
| 364 | <el-form-item label="持证人:"> | ||
| 365 | <el-select | ||
| 366 | v-model="ruleForm.czr" | ||
| 367 | placeholder="持证人" | ||
| 368 | :disabled="!ableOperation" | ||
| 369 | > | ||
| 370 | <el-option | ||
| 371 | v-for="item in czrOptions" | ||
| 372 | :key="item.zjh" | ||
| 373 | :label="item.sqrmc" | ||
| 374 | :value="item.zjh" | ||
| 375 | > | ||
| 376 | </el-option> | ||
| 377 | </el-select> | ||
| 378 | </el-form-item> | ||
| 379 | </el-col> --> | ||
| 380 | </el-row> | 327 | </el-row> |
| 381 | <qlrCommonTable | 328 | <qlrCommonTable |
| 382 | :tableData="ruleForm.qlrData" | 329 | :tableData="ruleForm.qlrData" |
| 383 | @upDateQlrxxList="upDateQlrxxList" | 330 | @upDateQlrxxList="upDateQlrxxList" |
| 384 | :key="key" | 331 | :key="key" |
| 385 | :ableOperation="ableOperation" | 332 | :ableOperation="ableOperation" |
| 386 | :gyfs="ruleForm.qlxx.gyfs" | 333 | :gyfs="ruleForm.qlxx.gyfs" /> |
| 387 | /> | ||
| 388 | <div v-if="ruleForm.ywrData"> | 334 | <div v-if="ruleForm.ywrData"> |
| 389 | <div class="slxx_title title-block"> | 335 | <div class="slxx_title title-block"> |
| 390 | 义务人信息 | 336 | 义务人信息 |
| ... | @@ -395,8 +341,7 @@ | ... | @@ -395,8 +341,7 @@ |
| 395 | :tableData="ruleForm.ywrData" | 341 | :tableData="ruleForm.ywrData" |
| 396 | :key="key" | 342 | :key="key" |
| 397 | :ableOperation="ableOperation" | 343 | :ableOperation="ableOperation" |
| 398 | @upDateQlrxxList="upDateYwrxxList" | 344 | @upDateQlrxxList="upDateYwrxxList" /> |
| 399 | /> | ||
| 400 | </div> | 345 | </div> |
| 401 | </div> | 346 | </div> |
| 402 | <el-row class="btn" v-if="ableOperation"> | 347 | <el-row class="btn" v-if="ableOperation"> |
| ... | @@ -409,59 +354,59 @@ | ... | @@ -409,59 +354,59 @@ |
| 409 | </template> | 354 | </template> |
| 410 | <script> | 355 | <script> |
| 411 | 356 | ||
| 412 | // import ywmix from "@/views/ywbl/mixin/index"; | 357 | // import ywmix from "@/views/ywbl/mixin/index"; |
| 413 | import ywmix from "./dataprocessing"; | 358 | import ywmix from "./dataprocessing"; |
| 414 | import qlrCommonTable from "@/views/djbworkflow/components/qlrCommonTable"; | 359 | import qlrCommonTable from "@/views/djbworkflow/components/qlrCommonTable"; |
| 415 | import ywrCommonTable from "@/views/djbworkflow/components/ywrCommonTable"; | 360 | import ywrCommonTable from "@/views/djbworkflow/components/ywrCommonTable"; |
| 416 | import tdytTable from "@/views/workflow/components/tdytTable"; | 361 | import tdytTable from "@/views/workflow/components/tdytTable"; |
| 417 | import selectTable from "@/components/selectTable/index.vue"; | 362 | import selectTable from "@/components/selectTable/index.vue"; |
| 418 | export default { | 363 | export default { |
| 419 | mixins: [ywmix], | 364 | mixins: [ywmix], |
| 420 | components: { qlrCommonTable, ywrCommonTable, tdytTable, selectTable }, | 365 | components: { qlrCommonTable, ywrCommonTable, tdytTable, selectTable }, |
| 421 | data() { | 366 | data () { |
| 422 | return { | 367 | return { |
| 423 | ssqlxxshow: true, | 368 | ssqlxxshow: true, |
| 424 | //表单是否可操作 | 369 | //表单是否可操作 |
| 425 | propsParam: this.$attrs, | 370 | propsParam: this.$attrs, |
| 426 | key: 0, | 371 | key: 0, |
| 427 | isShow: false, | 372 | isShow: false, |
| 428 | disabled: true, | 373 | disabled: true, |
| 429 | czrOptions: [], | 374 | czrOptions: [], |
| 430 | ssQlxxList: [], | 375 | ssQlxxList: [], |
| 431 | ztQlxxList: [], | 376 | ztQlxxList: [], |
| 432 | ruleForm: {}, | 377 | ruleForm: {}, |
| 433 | // 权属状态 | 378 | // 权属状态 |
| 434 | //传递参数\ | 379 | //传递参数\ |
| 435 | rules: { | 380 | rules: { |
| 436 | ssQlxxrules: [ | 381 | ssQlxxrules: [ |
| 437 | { required: true, message: "上手权利信息", trigger: "blur" }, | 382 | { required: true, message: "上手权利信息", trigger: "blur" }, |
| 438 | ], | 383 | ], |
| 439 | ztQlxxrules: [ | 384 | ztQlxxrules: [ |
| 440 | { required: true, message: "抵押不动产信息", trigger: "blur" }, | 385 | { required: true, message: "抵押不动产信息", trigger: "blur" }, |
| 441 | ], | 386 | ], |
| 442 | bdcqzhrules: [ | 387 | bdcqzhrules: [ |
| 443 | { required: true, message: "不动产证号 ", trigger: "blur" }, | 388 | { required: true, message: "不动产证号 ", trigger: "blur" }, |
| 444 | ], | 389 | ], |
| 445 | // qxdmrules: [{ required: true, message: "区县代码", trigger: "blur" }], | 390 | // qxdmrules: [{ required: true, message: "区县代码", trigger: "blur" }], |
| 446 | djjgrules: [{ required: true, message: "登记机构", trigger: "change" }], | 391 | djjgrules: [{ required: true, message: "登记机构", trigger: "change" }], |
| 447 | dbrrules: [{ required: true, message: "登簿人", trigger: "blur" }], | 392 | dbrrules: [{ required: true, message: "登簿人", trigger: "blur" }], |
| 448 | djsjrules: [{ required: true, message: "登记时间", trigger: "blur" }], | 393 | djsjrules: [{ required: true, message: "登记时间", trigger: "blur" }], |
| 449 | djlxrules: [{ required: true, message: "登记类型", trigger: "change" }], | 394 | djlxrules: [{ required: true, message: "登记类型", trigger: "change" }], |
| 450 | ywhrules: [{ required: true, message: "业务号", trigger: "blur" }], | 395 | ywhrules: [{ required: true, message: "业务号", trigger: "blur" }], |
| 451 | bdcdjzmhrules: [ | 396 | bdcdjzmhrules: [ |
| 452 | { required: true, message: "不动产登记证明号: ", trigger: "blur" }, | 397 | { required: true, message: "不动产登记证明号: ", trigger: "blur" }, |
| 453 | ], | 398 | ], |
| 454 | yysxrules: [{ required: true, message: "异议事项", trigger: "blur" }], | 399 | yysxrules: [{ required: true, message: "异议事项", trigger: "blur" }], |
| 455 | }, | 400 | }, |
| 456 | ableOperation: false, | 401 | ableOperation: false, |
| 457 | }; | 402 | }; |
| 458 | }, | 403 | }, |
| 459 | methods: { | 404 | methods: { |
| 460 | 405 | ||
| 461 | }, | 406 | }, |
| 462 | }; | 407 | }; |
| 463 | </script> | 408 | </script> |
| 464 | <style scoped lang="scss"> | 409 | <style scoped lang="scss"> |
| 465 | @import "~@/styles/public.scss"; | 410 | @import "~@/styles/public.scss"; |
| 466 | @import "~@/styles/slxx/slxx.scss"; | 411 | @import "~@/styles/slxx/slxx.scss"; |
| 467 | </style> | 412 | </style> | ... | ... |
| 1 | /* | 1 | /* |
| 2 | * @Description:workFramezu.vue组件的方法 头部按钮弹框方法 | 2 | * @Description:workFramezu.vue组件的方法 头部按钮弹框方法 |
| 3 | * @Autor: miaofang | 3 | * @Autor: miaofang |
| 4 | * @LastEditTime: 2023-07-17 16:14:23 | 4 | * @LastEditTime: 2023-08-10 13:41:26 |
| 5 | */ | 5 | */ |
| 6 | import { getPrintTemplateByCode } from "@/api/print"; | 6 | import { getPrintTemplateByCode } from "@/api/print"; |
| 7 | import { getQllxByBdcdyid } from "@/api/djbDetail.js"; | 7 | import { getQllxByBdcdyid } from "@/api/djbDetail.js"; |
| ... | @@ -19,7 +19,7 @@ import { | ... | @@ -19,7 +19,7 @@ import { |
| 19 | } from "@/api/workFlow.js"; | 19 | } from "@/api/workFlow.js"; |
| 20 | import { mapGetters } from 'vuex' | 20 | import { mapGetters } from 'vuex' |
| 21 | export default { | 21 | export default { |
| 22 | data() { | 22 | data () { |
| 23 | return { | 23 | return { |
| 24 | //是否开启材料分屏 | 24 | //是否开启材料分屏 |
| 25 | splitScreen: false, | 25 | splitScreen: false, |
| ... | @@ -40,7 +40,7 @@ export default { | ... | @@ -40,7 +40,7 @@ export default { |
| 40 | 40 | ||
| 41 | } | 41 | } |
| 42 | }, | 42 | }, |
| 43 | mounted() { | 43 | mounted () { |
| 44 | this.flowInitParam(); | 44 | this.flowInitParam(); |
| 45 | }, | 45 | }, |
| 46 | methods: { | 46 | methods: { |
| ... | @@ -49,7 +49,7 @@ export default { | ... | @@ -49,7 +49,7 @@ export default { |
| 49 | * @description: 加载流程初始参数 | 49 | * @description: 加载流程初始参数 |
| 50 | * @author: renchao | 50 | * @author: renchao |
| 51 | */ | 51 | */ |
| 52 | flowInitParam() { | 52 | flowInitParam () { |
| 53 | var formdata = new FormData(); | 53 | var formdata = new FormData(); |
| 54 | 54 | ||
| 55 | formdata.append("bsmSlsq", this.bsmSlsq); | 55 | formdata.append("bsmSlsq", this.bsmSlsq); |
| ... | @@ -60,7 +60,7 @@ export default { | ... | @@ -60,7 +60,7 @@ export default { |
| 60 | stepExpandInfo(formdata).then((res) => { | 60 | stepExpandInfo(formdata).then((res) => { |
| 61 | if (res.code === 200) { | 61 | if (res.code === 200) { |
| 62 | this.leftButtonList = res.result.button; | 62 | this.leftButtonList = res.result.button; |
| 63 | if (res.result.properties&&res.result.properties.length) { | 63 | if (res.result.properties && res.result.properties.length) { |
| 64 | this.showidea = res.result.properties[0].value | 64 | this.showidea = res.result.properties[0].value |
| 65 | } | 65 | } |
| 66 | 66 | ||
| ... | @@ -82,7 +82,7 @@ export default { | ... | @@ -82,7 +82,7 @@ export default { |
| 82 | * @param {*} item | 82 | * @param {*} item |
| 83 | * @author: renchao | 83 | * @author: renchao |
| 84 | */ | 84 | */ |
| 85 | operation(item) { | 85 | operation (item) { |
| 86 | //按钮 B0:选择不动产单元 B1:流程图 B2:材料分屏 B3:材料导入 B4:登记簿 B5:证书预览 B6:打印申请书 B7:证书领取 B8:楼盘表 B9:登簿 | 86 | //按钮 B0:选择不动产单元 B1:流程图 B2:材料分屏 B3:材料导入 B4:登记簿 B5:证书预览 B6:打印申请书 B7:证书领取 B8:楼盘表 B9:登簿 |
| 87 | //操作按钮 登簿:record 转件:transfer 退回:back 退出:signout | 87 | //操作按钮 登簿:record 转件:transfer 退回:back 退出:signout |
| 88 | let that = this; | 88 | let that = this; |
| ... | @@ -125,15 +125,6 @@ export default { | ... | @@ -125,15 +125,6 @@ export default { |
| 125 | //新增材料信息选项卡数据 | 125 | //新增材料信息选项卡数据 |
| 126 | this.tabList.splice(this.clxxIndex, 0, this.clxxTab); | 126 | this.tabList.splice(this.clxxIndex, 0, this.clxxTab); |
| 127 | } | 127 | } |
| 128 | // this.closefp() | ||
| 129 | |||
| 130 | // if (this.splitScreen) { | ||
| 131 | // //如果当前选项卡为材料信息内容,递减到上一个选项卡内容 | ||
| 132 | // if (this.tabName == this.clxxTab.value) { | ||
| 133 | // this.tabName = this.tabList[0].value; | ||
| 134 | // this.getFromRouter(this.tabList[0].value); | ||
| 135 | // } | ||
| 136 | // } | ||
| 137 | break; | 128 | break; |
| 138 | case "B3": //材料导入 | 129 | case "B3": //材料导入 |
| 139 | document.getElementById("cldr").click(); | 130 | document.getElementById("cldr").click(); |
| ... | @@ -141,41 +132,6 @@ export default { | ... | @@ -141,41 +132,6 @@ export default { |
| 141 | case "B4": | 132 | case "B4": |
| 142 | this.$popupDialog("登记簿详情", "registerBook/djbFrame", this.currentSelectProps, '80%', true) | 133 | this.$popupDialog("登记簿详情", "registerBook/djbFrame", this.currentSelectProps, '80%', true) |
| 143 | break; | 134 | break; |
| 144 | // case "B5": | ||
| 145 | // const h = this.$createElement; | ||
| 146 | // this.$msgbox({ | ||
| 147 | // title: '请选择新增权利类型', | ||
| 148 | // message: h('p', null, [ | ||
| 149 | // h('span', null, '内容可以是 '), | ||
| 150 | // h('el-button', { style: 'color: teal' }, 'VNode'), | ||
| 151 | // h('i', { style: 'color: teal' }, 'VNode') | ||
| 152 | // ]), | ||
| 153 | // showCancelButton: true, | ||
| 154 | // confirmButtonText: '确定', | ||
| 155 | // cancelButtonText: '取消', | ||
| 156 | // beforeClose: (action, instance, done) => { | ||
| 157 | // if (action === 'confirm') { | ||
| 158 | // instance.confirmButtonLoading = true; | ||
| 159 | // instance.confirmButtonText = '执行中...'; | ||
| 160 | // setTimeout(() => { | ||
| 161 | // done(); | ||
| 162 | // setTimeout(() => { | ||
| 163 | // instance.confirmButtonLoading = false; | ||
| 164 | // }, 300); | ||
| 165 | // }, 3000); | ||
| 166 | // } else { | ||
| 167 | // done(); | ||
| 168 | // } | ||
| 169 | // } | ||
| 170 | // }).then(action => { | ||
| 171 | // this.addRepairRecord() | ||
| 172 | // this.$message({ | ||
| 173 | // type: 'info', | ||
| 174 | // message: 'action: ' + action | ||
| 175 | // }); | ||
| 176 | // }); | ||
| 177 | |||
| 178 | // break; | ||
| 179 | case "B5": | 135 | case "B5": |
| 180 | if (this.currentSelectProps.bdcdyid) { | 136 | if (this.currentSelectProps.bdcdyid) { |
| 181 | getQllxByBdcdyid({ bdcdyid: this.currentSelectProps.bdcdyid }).then( | 137 | getQllxByBdcdyid({ bdcdyid: this.currentSelectProps.bdcdyid }).then( |
| ... | @@ -187,10 +143,6 @@ export default { | ... | @@ -187,10 +143,6 @@ export default { |
| 187 | } | 143 | } |
| 188 | ); | 144 | ); |
| 189 | } | 145 | } |
| 190 | // this.$refs.Menu.loadBdcdylist("add") | ||
| 191 | // this.$popupDialog("选择新增权力类型", "djbworkflow/djbBook/components/qllxcloseDailog", this.currentSelectProps, '50%', true) | ||
| 192 | |||
| 193 | |||
| 194 | break; | 146 | break; |
| 195 | case "B6": | 147 | case "B6": |
| 196 | //根据编号获取对应信息 | 148 | //根据编号获取对应信息 |
| ... | @@ -292,7 +244,7 @@ export default { | ... | @@ -292,7 +244,7 @@ export default { |
| 292 | * @description: del | 244 | * @description: del |
| 293 | * @author: renchao | 245 | * @author: renchao |
| 294 | */ | 246 | */ |
| 295 | del() { | 247 | del () { |
| 296 | let formdata = new FormData(); | 248 | let formdata = new FormData(); |
| 297 | formdata.append("bsmSlsq", this.bsmSlsq); | 249 | formdata.append("bsmSlsq", this.bsmSlsq); |
| 298 | this.$confirm("确定要删除吗, 是否继续?", "提示", { | 250 | this.$confirm("确定要删除吗, 是否继续?", "提示", { |
| ... | @@ -327,7 +279,7 @@ export default { | ... | @@ -327,7 +279,7 @@ export default { |
| 327 | * @param {*} obj | 279 | * @param {*} obj |
| 328 | * @author: renchao | 280 | * @author: renchao |
| 329 | */ | 281 | */ |
| 330 | sendToNext(obj) { | 282 | sendToNext (obj) { |
| 331 | this.$popupDialog("转出", "djbworkflow/components/zc", { | 283 | this.$popupDialog("转出", "djbworkflow/components/zc", { |
| 332 | obj: obj, | 284 | obj: obj, |
| 333 | bsmSlsq: this.bsmSlsq, | 285 | bsmSlsq: this.bsmSlsq, |
| ... | @@ -340,7 +292,7 @@ export default { | ... | @@ -340,7 +292,7 @@ export default { |
| 340 | * @description: 转出最后一个流程 | 292 | * @description: 转出最后一个流程 |
| 341 | * @author: renchao | 293 | * @author: renchao |
| 342 | */ | 294 | */ |
| 343 | sendToEnd() { | 295 | sendToEnd () { |
| 344 | this.$popupDialog("转出", "djbworkflow/components/zc", { | 296 | this.$popupDialog("转出", "djbworkflow/components/zc", { |
| 345 | obj: "", | 297 | obj: "", |
| 346 | bsmSlsq: this.bsmSlsq, | 298 | bsmSlsq: this.bsmSlsq, |
| ... | @@ -355,7 +307,7 @@ export default { | ... | @@ -355,7 +307,7 @@ export default { |
| 355 | * @description: 批量操作 | 307 | * @description: 批量操作 |
| 356 | * @author: renchao | 308 | * @author: renchao |
| 357 | */ | 309 | */ |
| 358 | handleBatchDel() { | 310 | handleBatchDel () { |
| 359 | this.$popupDialog("批量删除", "workflow/components/batchDel", { | 311 | this.$popupDialog("批量删除", "workflow/components/batchDel", { |
| 360 | width: "50%", | 312 | width: "50%", |
| 361 | btnShow: false, | 313 | btnShow: false, |
| ... | @@ -369,7 +321,7 @@ export default { | ... | @@ -369,7 +321,7 @@ export default { |
| 369 | * @param {*} file | 321 | * @param {*} file |
| 370 | * @author: renchao | 322 | * @author: renchao |
| 371 | */ | 323 | */ |
| 372 | handleChange(file) { | 324 | handleChange (file) { |
| 373 | var formdata = new FormData(); | 325 | var formdata = new FormData(); |
| 374 | formdata.append("file", file.raw); | 326 | formdata.append("file", file.raw); |
| 375 | formdata.append("bsmSldy", this.currentSelectProps.bsmSldy); | 327 | formdata.append("bsmSldy", this.currentSelectProps.bsmSldy); |
| ... | @@ -388,7 +340,7 @@ export default { | ... | @@ -388,7 +340,7 @@ export default { |
| 388 | * @param {*} file | 340 | * @param {*} file |
| 389 | * @author: renchao | 341 | * @author: renchao |
| 390 | */ | 342 | */ |
| 391 | beforeUpload(file) { | 343 | beforeUpload (file) { |
| 392 | return true; | 344 | return true; |
| 393 | } | 345 | } |
| 394 | } | 346 | } | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-07-11 08:58:31 | 4 | * @LastEditTime: 2023-08-14 11:16:12 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <div class="container"> | 7 | <div class="container"> |
| ... | @@ -12,8 +12,7 @@ | ... | @@ -12,8 +12,7 @@ |
| 12 | <li | 12 | <li |
| 13 | @click="operation(item)" | 13 | @click="operation(item)" |
| 14 | v-for="(item, index) in leftButtonList" | 14 | v-for="(item, index) in leftButtonList" |
| 15 | :key="index" | 15 | :key="index"> |
| 16 | > | ||
| 17 | <svg-icon class="icon" :icon-class="item.icon" /> | 16 | <svg-icon class="icon" :icon-class="item.icon" /> |
| 18 | <span class="iconName">{{ item.name }}</span> | 17 | <span class="iconName">{{ item.name }}</span> |
| 19 | </li> | 18 | </li> |
| ... | @@ -22,17 +21,11 @@ | ... | @@ -22,17 +21,11 @@ |
| 22 | <li | 21 | <li |
| 23 | @click="operation(item)" | 22 | @click="operation(item)" |
| 24 | v-for="(item, index) in rightButtonList" | 23 | v-for="(item, index) in rightButtonList" |
| 25 | :key="index" | 24 | :key="index"> |
| 26 | > | ||
| 27 | <svg-icon class="icon" :icon-class="item.icon" /> | 25 | <svg-icon class="icon" :icon-class="item.icon" /> |
| 28 | <span class="iconName">{{ item.name }}</span> | 26 | <span class="iconName">{{ item.name }}</span> |
| 29 | </li> | 27 | </li> |
| 30 | </ul> | 28 | </ul> |
| 31 | <!-- <NoticeBar | ||
| 32 | class="NoticeBar" | ||
| 33 | :noticeList="noticeList" | ||
| 34 | v-if="noticeList.length > 0" | ||
| 35 | /> --> | ||
| 36 | </div> | 29 | </div> |
| 37 | <!-- 内容框架 --> | 30 | <!-- 内容框架 --> |
| 38 | <div class="containerFrame"> | 31 | <div class="containerFrame"> |
| ... | @@ -52,22 +45,19 @@ | ... | @@ -52,22 +45,19 @@ |
| 52 | <el-tabs | 45 | <el-tabs |
| 53 | v-model="tabName" | 46 | v-model="tabName" |
| 54 | :before-leave="beforeLeave" | 47 | :before-leave="beforeLeave" |
| 55 | @tab-click="handleClick" | 48 | @tab-click="handleClick"> |
| 56 | > | ||
| 57 | <el-tab-pane | 49 | <el-tab-pane |
| 58 | :label="item.name" | 50 | :label="item.name" |
| 59 | :name="item.value" | 51 | :name="item.value" |
| 60 | v-for="item in tabList" | 52 | v-for="item in tabList" |
| 61 | :key="item.value" | 53 | :key="item.value"> |
| 62 | > | ||
| 63 | </el-tab-pane> | 54 | </el-tab-pane> |
| 64 | </el-tabs> | 55 | </el-tabs> |
| 65 | 56 | ||
| 66 | <component | 57 | <component |
| 67 | :key="fresh" | 58 | :key="fresh" |
| 68 | :is="componentTag" | 59 | :is="componentTag" |
| 69 | v-bind="currentSelectProps" | 60 | v-bind="currentSelectProps" /> |
| 70 | /> | ||
| 71 | </div> | 61 | </div> |
| 72 | </div> | 62 | </div> |
| 73 | </div> | 63 | </div> |
| ... | @@ -76,269 +66,269 @@ | ... | @@ -76,269 +66,269 @@ |
| 76 | </div> | 66 | </div> |
| 77 | </template> | 67 | </template> |
| 78 | <style scoped lang="scss"> | 68 | <style scoped lang="scss"> |
| 79 | @import "~@/styles/mixin.scss"; | 69 | @import "~@/styles/mixin.scss"; |
| 80 | @import "./workFrame.scss"; | 70 | @import "./workFrame.scss"; |
| 81 | </style> | 71 | </style> |
| 82 | <script> | 72 | <script> |
| 83 | import WorkFlow from "./mixin/index"; | 73 | import WorkFlow from "./mixin/index"; |
| 84 | import { getForm } from "./flowform"; | 74 | import { getForm } from "./flowform"; |
| 85 | import { getStepFormInfo } from "@/api/workFlow.js"; | 75 | import { getStepFormInfo } from "@/api/workFlow.js"; |
| 86 | import NoticeBar from "@/components/NoticeBar/index"; | 76 | import NoticeBar from "@/components/NoticeBar/index"; |
| 87 | // import ProcessViewer from "./components/processViewer.vue"; | 77 | // import ProcessViewer from "./components/processViewer.vue"; |
| 88 | 78 | ||
| 89 | import ordinaryMenu from "./components/leftmenu/ordinaryMenu.vue"; | 79 | import ordinaryMenu from "./components/leftmenu/ordinaryMenu.vue"; |
| 90 | import qllxDailog from "./djbBook/components/qllxDailog"; | 80 | import qllxDailog from "./djbBook/components/qllxDailog"; |
| 91 | import selectBdc from "@/views/ywbl/ywsq/selectBdc.vue"; | 81 | import selectBdc from "@/views/ywbl/ywsq/selectBdc.vue"; |
| 92 | import { loadTreeData, getNode } from "./components/leftmenu/djbFrameData.js"; | 82 | import { loadTreeData, getNode } from "./components/leftmenu/djbFrameData.js"; |
| 93 | // 登记簿数据信息 | 83 | // 登记簿数据信息 |
| 94 | import { addRepairRecord } from "@/api/djbRepair.js"; | 84 | import { addRepairRecord } from "@/api/djbRepair.js"; |
| 95 | // 获取权利类型数组 | 85 | // 获取权利类型数组 |
| 96 | 86 | ||
| 97 | import { getBdcqljqtsx } from "@/api/djbDetail.js"; | 87 | import { getBdcqljqtsx } from "@/api/djbDetail.js"; |
| 98 | export default { | 88 | export default { |
| 99 | components: { | 89 | components: { |
| 100 | selectBdc, | 90 | selectBdc, |
| 101 | NoticeBar, | 91 | NoticeBar, |
| 102 | ordinaryMenu, | 92 | ordinaryMenu, |
| 103 | qllxDailog, | 93 | qllxDailog, |
| 104 | }, | ||
| 105 | mixins: [WorkFlow], | ||
| 106 | data() { | ||
| 107 | return { | ||
| 108 | bsmSlsq: this.$route.query.bsmSlsq, | ||
| 109 | //当前流程所在环节 | ||
| 110 | bestepid: this.$route.query.bestepid, | ||
| 111 | //当前流程所在环节 | ||
| 112 | zbhj: this.$route.query.zbhj, | ||
| 113 | //设置那个表单选中 | ||
| 114 | tabName: "", | ||
| 115 | isEdit: true, | ||
| 116 | // 弹框显示 | ||
| 117 | dialogVisible: true, | ||
| 118 | //表单集合 | ||
| 119 | tabList: [], | ||
| 120 | //选择加载哪一个组件 | ||
| 121 | componentTag: "", | ||
| 122 | //设置表单传递数据 | ||
| 123 | currentSelectProps: {}, | ||
| 124 | // 首次拿到的业务信息 | ||
| 125 | oneSelectProps: {}, | ||
| 126 | //材料信息选择卡索引 | ||
| 127 | oneget: true, | ||
| 128 | //页面监听时间 | ||
| 129 | _beforeUnload_time: "", | ||
| 130 | treedata: {}, | ||
| 131 | tabdata: [], | ||
| 132 | bsmRepair: "", | ||
| 133 | defaultNode: {}, | ||
| 134 | clxxForm: "", | ||
| 135 | //材料信息选择卡索引 | ||
| 136 | clxxIndex: "", | ||
| 137 | //材料信息选项卡对象 | ||
| 138 | clxxTab: {}, | ||
| 139 | ableOperation: false, | ||
| 140 | }; | ||
| 141 | }, | ||
| 142 | mounted() { | ||
| 143 | // this.getleftMenubl() | ||
| 144 | }, | ||
| 145 | |||
| 146 | methods: { | ||
| 147 | /** | ||
| 148 | * @description: stepForm | ||
| 149 | * @param {*} qllx | ||
| 150 | * @author: renchao | ||
| 151 | */ | ||
| 152 | stepForm(qllx) { | ||
| 153 | this.oneSelectProps.qllx = qllx; | ||
| 154 | if (this.$refs.Menu.supplementarylist.length) { | ||
| 155 | getStepFormInfo(this.oneSelectProps).then((res) => { | ||
| 156 | this.$nextTick(function () { | ||
| 157 | this.tabList = res.result; | ||
| 158 | this.tabName = this.tabList[0].value; | ||
| 159 | this.ableOperation = this.tabList[0].ableOperation; | ||
| 160 | this.getFromRouter(this.tabName); | ||
| 161 | |||
| 162 | if (this.tabList.length != 8) { | ||
| 163 | let that = this; | ||
| 164 | this.tabList.forEach(function (item, index) { | ||
| 165 | if (item.value == "clxx") { | ||
| 166 | that.clxxIndex = index; | ||
| 167 | that.clxxForm = getForm(item.value, that.$route.query.sqywbm); | ||
| 168 | that.clxxTab = item; | ||
| 169 | } | ||
| 170 | }); | ||
| 171 | } | ||
| 172 | }); | ||
| 173 | }); | ||
| 174 | } | ||
| 175 | }, | 94 | }, |
| 176 | // 获取右侧选项卡 | 95 | mixins: [WorkFlow], |
| 177 | /** | 96 | data () { |
| 178 | * @description: 获取右侧选项卡 | 97 | return { |
| 179 | * @param {*} val | 98 | bsmSlsq: this.$route.query.bsmSlsq, |
| 180 | * @author: renchao | 99 | //当前流程所在环节 |
| 181 | */ | 100 | bestepid: this.$route.query.bestepid, |
| 182 | getCurrentSelectProps(val) { | 101 | //当前流程所在环节 |
| 183 | this.bsmRepair = val.bsmRepair; | 102 | zbhj: this.$route.query.zbhj, |
| 184 | if (val.bdcdyid) { | 103 | //设置那个表单选中 |
| 185 | this.oneSelectProps = val; | 104 | tabName: "", |
| 186 | } | 105 | isEdit: true, |
| 187 | this.currentSelectProps = val; | 106 | // 弹框显示 |
| 188 | if (this.currentSelectProps.bsmRepair) { | 107 | dialogVisible: true, |
| 189 | this.stepForm(this.currentSelectProps.qllx); | 108 | //表单集合 |
| 190 | } else if (!this.oneget) { | 109 | tabList: [], |
| 191 | this.getdjblist(); | 110 | //选择加载哪一个组件 |
| 192 | } | 111 | componentTag: "", |
| 193 | if (this.oneget) { | 112 | //设置表单传递数据 |
| 194 | this.oneget = false; | 113 | currentSelectProps: {}, |
| 195 | this.stepForm(this.currentSelectProps.qllx); | 114 | // 首次拿到的业务信息 |
| 196 | } | 115 | oneSelectProps: {}, |
| 116 | //材料信息选择卡索引 | ||
| 117 | oneget: true, | ||
| 118 | //页面监听时间 | ||
| 119 | _beforeUnload_time: "", | ||
| 120 | treedata: {}, | ||
| 121 | tabdata: [], | ||
| 122 | bsmRepair: "", | ||
| 123 | defaultNode: {}, | ||
| 124 | clxxForm: "", | ||
| 125 | //材料信息选择卡索引 | ||
| 126 | clxxIndex: "", | ||
| 127 | //材料信息选项卡对象 | ||
| 128 | clxxTab: {}, | ||
| 129 | ableOperation: false, | ||
| 130 | }; | ||
| 197 | }, | 131 | }, |
| 198 | // 获取渲染登记簿列表 | 132 | mounted () { |
| 199 | /** | 133 | // this.getleftMenubl() |
| 200 | * @description: 获取渲染登记簿列表 | ||
| 201 | * @author: renchao | ||
| 202 | */ | ||
| 203 | getdjblist() { | ||
| 204 | getBdcqljqtsx({ | ||
| 205 | bdcdyid: this.currentSelectProps.bdcdyid, | ||
| 206 | bdcdyh: this.currentSelectProps.bdcdyh, | ||
| 207 | }).then((res) => { | ||
| 208 | if (res.code === 200) { | ||
| 209 | this.treedata = loadTreeData(res.result); | ||
| 210 | this.$nextTick(function () { | ||
| 211 | this.defaultNode = getNode(this.currentSelectProps.qllx, { | ||
| 212 | linShi: 0, | ||
| 213 | xianShi: 0, | ||
| 214 | liShi: 0, | ||
| 215 | }); | ||
| 216 | this.tabName = this.defaultNode.id; //data[0].id为默认选中的节点 | ||
| 217 | }); | ||
| 218 | let settree = JSON.parse(JSON.stringify(this.treedata)); | ||
| 219 | this.tabdata = [ | ||
| 220 | ...settree, | ||
| 221 | ...settree[1].children[0].children[0].children, | ||
| 222 | ]; | ||
| 223 | this.tabdata.forEach((item, index, arr) => { | ||
| 224 | arr[index].name = item.label; | ||
| 225 | arr[index].value = item.id; | ||
| 226 | }); | ||
| 227 | this.tabList = this.tabdata; | ||
| 228 | } | ||
| 229 | }); | ||
| 230 | }, | 134 | }, |
| 231 | //选项卡切换事件 | ||
| 232 | /** | ||
| 233 | * @description: 右侧表单选项卡事件 | ||
| 234 | * @param {*} handleClick | ||
| 235 | * @author: renchao | ||
| 236 | */ | ||
| 237 | handleClick(a) { | ||
| 238 | let p = Object.keys(this.tabList[0]).filter( | ||
| 239 | (item) => item == "ableOperation" | ||
| 240 | ); | ||
| 241 | if (p) { | ||
| 242 | this.ableOperation = this.tabList[a.index].ableOperation; | ||
| 243 | } | ||
| 244 | 135 | ||
| 245 | }, | 136 | methods: { |
| 246 | //右侧表单选项卡事件 | 137 | /** |
| 247 | /** | 138 | * @description: stepForm |
| 248 | * @description: 右侧表单选项卡事件 | 139 | * @param {*} qllx |
| 249 | * @param {*} activeName | 140 | * @author: renchao |
| 250 | * @author: renchao | 141 | */ |
| 251 | */ | 142 | stepForm (qllx) { |
| 143 | this.oneSelectProps.qllx = qllx; | ||
| 144 | if (this.$refs.Menu.supplementarylist.length) { | ||
| 145 | getStepFormInfo(this.oneSelectProps).then((res) => { | ||
| 146 | this.$nextTick(function () { | ||
| 147 | this.tabList = res.result; | ||
| 148 | this.tabName = this.tabList[0].value; | ||
| 149 | this.ableOperation = this.tabList[0].ableOperation; | ||
| 150 | this.getFromRouter(this.tabName); | ||
| 252 | 151 | ||
| 253 | beforeLeave(activeName) { | 152 | if (this.tabList.length != 8) { |
| 254 | if (activeName && activeName != 0) this.getFromRouter(activeName); | 153 | let that = this; |
| 255 | }, | 154 | this.tabList.forEach(function (item, index) { |
| 256 | //切换选项卡内容组件 | 155 | if (item.value == "clxx") { |
| 257 | /** | 156 | that.clxxIndex = index; |
| 258 | * @description: 切换选项卡内容组件 | 157 | that.clxxForm = getForm(item.value, that.$route.query.sqywbm); |
| 259 | * @param {*} tabname | 158 | that.clxxTab = item; |
| 260 | * @author: renchao | 159 | } |
| 261 | */ | 160 | }); |
| 262 | getFromRouter(tabname) { | 161 | } |
| 263 | this.componentTag = getForm(tabname); | 162 | }); |
| 264 | }, | 163 | }); |
| 265 | changeywh () { | ||
| 266 | this.$refs.Menu.getleftMenubl("change"); | ||
| 267 | }, | ||
| 268 | // 增加补录记录 | ||
| 269 | /** | ||
| 270 | * @description: 增加补录记录 | ||
| 271 | * @param {*} row | ||
| 272 | * @param {*} del | ||
| 273 | * @author: renchao | ||
| 274 | */ | ||
| 275 | addRepairRecord(row, del) { | ||
| 276 | let from = { | ||
| 277 | bsmQlxx: "", | ||
| 278 | bsmSlsq: this.bsmSlsq, | ||
| 279 | bsmSldy: this.currentSelectProps.bsmSldy, | ||
| 280 | operate: "C", | ||
| 281 | qllx: "", | ||
| 282 | }; | ||
| 283 | if (row) { | ||
| 284 | from.bsmQlxx = row.bsmQlxx; | ||
| 285 | if (del) { | ||
| 286 | from.operate = del; | ||
| 287 | } else { | ||
| 288 | from.operate = row.bsmQlxx ? "U" : "C"; | ||
| 289 | } | 164 | } |
| 290 | from.qllx = row.qllx; | 165 | }, |
| 291 | } | 166 | // 获取右侧选项卡 |
| 292 | addRepairRecord(from) | 167 | /** |
| 293 | .then((res) => { | 168 | * @description: 获取右侧选项卡 |
| 294 | if (res.code == "200") { | 169 | * @param {*} val |
| 295 | this.$refs.qllxlist.dialogVisible = false; | 170 | * @author: renchao |
| 296 | this.$nextTick(() => { | 171 | */ |
| 297 | this.$refs.Menu.getleftMenubl(res.result); | 172 | getCurrentSelectProps (val) { |
| 298 | this.$message({ | 173 | this.bsmRepair = val.bsmRepair; |
| 299 | type: "success", | 174 | if (val.bdcdyid) { |
| 300 | message: "补录成功!", | 175 | this.oneSelectProps = val; |
| 176 | } | ||
| 177 | this.currentSelectProps = val; | ||
| 178 | if (this.currentSelectProps.bsmRepair) { | ||
| 179 | this.stepForm(this.currentSelectProps.qllx); | ||
| 180 | } else if (!this.oneget) { | ||
| 181 | this.getdjblist(); | ||
| 182 | } | ||
| 183 | if (this.oneget) { | ||
| 184 | this.oneget = false; | ||
| 185 | this.stepForm(this.currentSelectProps.qllx); | ||
| 186 | } | ||
| 187 | }, | ||
| 188 | // 获取渲染登记簿列表 | ||
| 189 | /** | ||
| 190 | * @description: 获取渲染登记簿列表 | ||
| 191 | * @author: renchao | ||
| 192 | */ | ||
| 193 | getdjblist () { | ||
| 194 | getBdcqljqtsx({ | ||
| 195 | bdcdyid: this.currentSelectProps.bdcdyid, | ||
| 196 | bdcdyh: this.currentSelectProps.bdcdyh, | ||
| 197 | }).then((res) => { | ||
| 198 | if (res.code === 200) { | ||
| 199 | this.treedata = loadTreeData(res.result); | ||
| 200 | this.$nextTick(function () { | ||
| 201 | this.defaultNode = getNode(this.currentSelectProps.qllx, { | ||
| 202 | linShi: 0, | ||
| 203 | xianShi: 0, | ||
| 204 | liShi: 0, | ||
| 301 | }); | 205 | }); |
| 206 | this.tabName = this.defaultNode.id; //data[0].id为默认选中的节点 | ||
| 302 | }); | 207 | }); |
| 303 | } else { | 208 | let settree = JSON.parse(JSON.stringify(this.treedata)); |
| 304 | this.$alert(res.message, "提示", { | 209 | this.tabdata = [ |
| 305 | confirmButtonText: "确定", | 210 | ...settree, |
| 306 | type: "warning", | 211 | ...settree[1].children[0].children[0].children, |
| 212 | ]; | ||
| 213 | this.tabdata.forEach((item, index, arr) => { | ||
| 214 | arr[index].name = item.label; | ||
| 215 | arr[index].value = item.id; | ||
| 307 | }); | 216 | }); |
| 217 | this.tabList = this.tabdata; | ||
| 308 | } | 218 | } |
| 309 | }) | ||
| 310 | .catch((res) => { | ||
| 311 | console.log("错", res); | ||
| 312 | }); | 219 | }); |
| 313 | }, | 220 | }, |
| 314 | // openDialog () { | 221 | //选项卡切换事件 |
| 315 | // this.$store.dispatch('user/refreshPage', false) | 222 | /** |
| 316 | // let data = JSON.parse(localStorage.getItem('ywbl')) | 223 | * @description: 右侧表单选项卡事件 |
| 317 | // let title | 224 | * @param {*} handleClick |
| 318 | // if (data?.sqywmc) { | 225 | * @author: renchao |
| 319 | // title = "申请业务:" + data?.sqywmc | 226 | */ |
| 320 | // } else { | 227 | handleClick (a) { |
| 321 | // title = "申请业务:" + data?.djywmc | 228 | let p = Object.keys(this.tabList[0]).filter( |
| 322 | // } | 229 | (item) => item == "ableOperation" |
| 230 | ); | ||
| 231 | if (p) { | ||
| 232 | this.ableOperation = this.tabList[a.index].ableOperation; | ||
| 233 | } | ||
| 234 | |||
| 235 | }, | ||
| 236 | //右侧表单选项卡事件 | ||
| 237 | /** | ||
| 238 | * @description: 右侧表单选项卡事件 | ||
| 239 | * @param {*} activeName | ||
| 240 | * @author: renchao | ||
| 241 | */ | ||
| 323 | 242 | ||
| 324 | // this.$popupDialog(title, "ywbl/ywsq/selectBdc", { 'djywbm': this.$route.query.sqywbm, 'isJump': true, 'sqywInfo': data }, "80%", true) | 243 | beforeLeave (activeName) { |
| 325 | // } | 244 | if (activeName && activeName != 0) this.getFromRouter(activeName); |
| 326 | }, | 245 | }, |
| 327 | }; | 246 | //切换选项卡内容组件 |
| 247 | /** | ||
| 248 | * @description: 切换选项卡内容组件 | ||
| 249 | * @param {*} tabname | ||
| 250 | * @author: renchao | ||
| 251 | */ | ||
| 252 | getFromRouter (tabname) { | ||
| 253 | this.componentTag = getForm(tabname); | ||
| 254 | }, | ||
| 255 | changeywh () { | ||
| 256 | this.$refs.Menu.getleftMenubl("change"); | ||
| 257 | }, | ||
| 258 | // 增加补录记录 | ||
| 259 | /** | ||
| 260 | * @description: 增加补录记录 | ||
| 261 | * @param {*} row | ||
| 262 | * @param {*} del | ||
| 263 | * @author: renchao | ||
| 264 | */ | ||
| 265 | addRepairRecord (row, del) { | ||
| 266 | let from = { | ||
| 267 | bsmQlxx: "", | ||
| 268 | bsmSlsq: this.bsmSlsq, | ||
| 269 | bsmSldy: this.currentSelectProps.bsmSldy, | ||
| 270 | operate: "C", | ||
| 271 | qllx: "", | ||
| 272 | }; | ||
| 273 | if (row) { | ||
| 274 | from.bsmQlxx = row.bsmQlxx; | ||
| 275 | if (del) { | ||
| 276 | from.operate = del; | ||
| 277 | } else { | ||
| 278 | from.operate = row.bsmQlxx ? "U" : "C"; | ||
| 279 | } | ||
| 280 | from.qllx = row.qllx; | ||
| 281 | } | ||
| 282 | addRepairRecord(from) | ||
| 283 | .then((res) => { | ||
| 284 | if (res.code == "200") { | ||
| 285 | this.$refs.qllxlist.dialogVisible = false; | ||
| 286 | this.$nextTick(() => { | ||
| 287 | this.$refs.Menu.getleftMenubl(res.result); | ||
| 288 | this.$message({ | ||
| 289 | type: "success", | ||
| 290 | message: "补录成功!", | ||
| 291 | }); | ||
| 292 | }); | ||
| 293 | } else { | ||
| 294 | this.$alert(res.message, "提示", { | ||
| 295 | confirmButtonText: "确定", | ||
| 296 | type: "warning", | ||
| 297 | }); | ||
| 298 | } | ||
| 299 | }) | ||
| 300 | .catch((res) => { | ||
| 301 | console.log("错", res); | ||
| 302 | }); | ||
| 303 | }, | ||
| 304 | // openDialog () { | ||
| 305 | // this.$store.dispatch('user/refreshPage', false) | ||
| 306 | // let data = JSON.parse(localStorage.getItem('ywbl')) | ||
| 307 | // let title | ||
| 308 | // if (data?.sqywmc) { | ||
| 309 | // title = "申请业务:" + data?.sqywmc | ||
| 310 | // } else { | ||
| 311 | // title = "申请业务:" + data?.djywmc | ||
| 312 | // } | ||
| 313 | |||
| 314 | // this.$popupDialog(title, "ywbl/ywsq/selectBdc", { 'djywbm': this.$route.query.sqywbm, 'isJump': true, 'sqywInfo': data }, "80%", true) | ||
| 315 | // } | ||
| 316 | }, | ||
| 317 | }; | ||
| 328 | </script> | 318 | </script> |
| 329 | <style scoped lang="scss"> | 319 | <style scoped lang="scss"> |
| 330 | .rightContainer { | 320 | .rightContainer { |
| 331 | position: relative; | 321 | position: relative; |
| 332 | } | 322 | } |
| 333 | .count { | 323 | .count { |
| 334 | font-size: 14px; | 324 | font-size: 14px; |
| 335 | position: absolute; | 325 | position: absolute; |
| 336 | right: 25px; | 326 | right: 25px; |
| 337 | top: 12px; | 327 | top: 12px; |
| 338 | height: 30px; | 328 | height: 30px; |
| 339 | span { | 329 | span { |
| 340 | font-weight: 600; | 330 | font-weight: 600; |
| 341 | color: #3498db; | 331 | color: #3498db; |
| 332 | } | ||
| 342 | } | 333 | } |
| 343 | } | ||
| 344 | </style> | 334 | </style> | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-07-19 09:52:46 | 4 | * @LastEditTime: 2023-08-10 16:28:55 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <div class="content"> | 7 | <div class="content"> |
| ... | @@ -57,7 +57,7 @@ | ... | @@ -57,7 +57,7 @@ |
| 57 | if (res.code === 200) { | 57 | if (res.code === 200) { |
| 58 | this.treedata = loadTreeData(res.result, this.formData.bdcdyh); | 58 | this.treedata = loadTreeData(res.result, this.formData.bdcdyh); |
| 59 | this.$nextTick(function () { | 59 | this.$nextTick(function () { |
| 60 | this.defaultNode = getNode(this.formData.qllx, { linShi: 0, xianShi: 0, liShi: 0 }, ""); | 60 | this.defaultNode = getNode(this.formData.qllx, { linShi: 0, xianShi: 0, liShi: 0 }, this.formData.bdcdylx || ""); |
| 61 | this.$refs.tree.setCurrentKey(this.defaultNode.id); //data[0].id为默认选中的节点 | 61 | this.$refs.tree.setCurrentKey(this.defaultNode.id); //data[0].id为默认选中的节点 |
| 62 | this.loadComponent(this.defaultNode.form); | 62 | this.loadComponent(this.defaultNode.form); |
| 63 | }); | 63 | }); |
| ... | @@ -95,7 +95,7 @@ | ... | @@ -95,7 +95,7 @@ |
| 95 | </script> | 95 | </script> |
| 96 | <style scoped lang="scss"> | 96 | <style scoped lang="scss"> |
| 97 | /deep/.rollTable { | 97 | /deep/.rollTable { |
| 98 | height: calc(100vh - 240px) !important; | 98 | height: calc(100vh - 300px) !important; |
| 99 | } | 99 | } |
| 100 | 100 | ||
| 101 | .content { | 101 | .content { |
| ... | @@ -114,8 +114,8 @@ | ... | @@ -114,8 +114,8 @@ |
| 114 | .right { | 114 | .right { |
| 115 | width: calc(100% - 256px); | 115 | width: calc(100% - 256px); |
| 116 | height: 704px; | 116 | height: 704px; |
| 117 | // overflow-y: scroll; | 117 | // overflow-y: scroll; |
| 118 | overflow: auto; | 118 | // overflow: auto; |
| 119 | background-color: #f5f5f5; | 119 | background-color: #f5f5f5; |
| 120 | border: 1px solid rgb(228, 228, 228); | 120 | border: 1px solid rgb(228, 228, 228); |
| 121 | } | 121 | } | ... | ... |
| ... | @@ -10,7 +10,7 @@ var qlxxPage = [ | ... | @@ -10,7 +10,7 @@ var qlxxPage = [ |
| 10 | { qllx: "A07", id: "jsydsyq", form: "jsydsyq.vue", label: "集体建设用地使用权" }, | 10 | { qllx: "A07", id: "jsydsyq", form: "jsydsyq.vue", label: "集体建设用地使用权" }, |
| 11 | { qllx: "A08", id: "", form: "", label: "集体建设用地使用权/房屋所有权" }, | 11 | { qllx: "A08", id: "", form: "", label: "集体建设用地使用权/房屋所有权" }, |
| 12 | { qllx: "A09", id: "jsydsyq", form: "jsydsyq.vue", label: "土地承包经营权" }, | 12 | { qllx: "A09", id: "jsydsyq", form: "jsydsyq.vue", label: "土地承包经营权" }, |
| 13 | { qllx: "A11", id: "jsydsyq", form: "jsydsyq.vue", label: "林地使用权" }, | 13 | { qllx: "A11", id: "ldsyq", form: "ldsyq.vue", label: "林地使用权" }, |
| 14 | { qllx: "A12", id: "jsydsyq", form: "jsydsyq.vue", label: "林地使用权/森林、林木使用权" }, | 14 | { qllx: "A12", id: "jsydsyq", form: "jsydsyq.vue", label: "林地使用权/森林、林木使用权" }, |
| 15 | { qllx: "A13", id: "jsydsyq", form: "jsydsyq.vue", label: "草原使用权" }, | 15 | { qllx: "A13", id: "jsydsyq", form: "jsydsyq.vue", label: "草原使用权" }, |
| 16 | { qllx: "A14", id: "jsydsyq", form: "jsydsyq.vue", label: "水域滩涂养殖权" }, | 16 | { qllx: "A14", id: "jsydsyq", form: "jsydsyq.vue", label: "水域滩涂养殖权" }, | ... | ... |
| ... | @@ -12,7 +12,7 @@ | ... | @@ -12,7 +12,7 @@ |
| 12 | <div class="xxTableBox rollTable"> | 12 | <div class="xxTableBox rollTable"> |
| 13 | <!-- 固定前三个 --> | 13 | <!-- 固定前三个 --> |
| 14 | <table class="xxTable"> | 14 | <table class="xxTable"> |
| 15 | <tr v-for="(item, colindex) in columns" :key="colindex"> | 15 | <tr v-for="(item, colindex) in columns" :class="judge(item.label) ? 'cols':''" :key="colindex"> |
| 16 | <td> | 16 | <td> |
| 17 | {{ item.label }} | 17 | {{ item.label }} |
| 18 | </td> | 18 | </td> |
| ... | @@ -46,9 +46,14 @@ | ... | @@ -46,9 +46,14 @@ |
| 46 | {{ getQsztName(row[item.prop]) }} | 46 | {{ getQsztName(row[item.prop]) }} |
| 47 | </span> | 47 | </span> |
| 48 | 48 | ||
| 49 | <span v-else> {{ row[item.prop] }}</span> | 49 | <span v-if="item.prop !== 'qszt' && !judge(item.label)"> {{ row[item.prop] }}</span> |
| 50 | <div class="many" v-if="judge(item.label)"> | ||
| 51 | <div v-for="(label, index) in row.djQlxxFdcqxmDoList" :key="index"> | ||
| 52 | {{ label[item.prop] }} | ||
| 53 | </div> | ||
| 54 | </div> | ||
| 50 | </td> | 55 | </td> |
| 51 | <td v-for="count in emptycolNum" :key="~count"></td> | 56 | <td v-for="count in emptycolNum" class="empty" :key="~count"></td> |
| 52 | </tr> | 57 | </tr> |
| 53 | </table> | 58 | </table> |
| 54 | </div> | 59 | </div> |
| ... | @@ -137,6 +142,18 @@ | ... | @@ -137,6 +142,18 @@ |
| 137 | } | 142 | } |
| 138 | return name; | 143 | return name; |
| 139 | }, | 144 | }, |
| 145 | /** | ||
| 146 | * @description: judge | ||
| 147 | * @param {*} lable | ||
| 148 | * @author: renchao | ||
| 149 | */ | ||
| 150 | judge(label){ | ||
| 151 | if ('项目名称幢号总层数规划用途用途名称批准用途实际用途房屋结构房屋结构名称建筑面积竣工时间总套数'.indexOf(label) > -1) { | ||
| 152 | return true | ||
| 153 | }else{ | ||
| 154 | return false | ||
| 155 | } | ||
| 156 | }, | ||
| 140 | // 新增一条补录信息 | 157 | // 新增一条补录信息 |
| 141 | /** | 158 | /** |
| 142 | * @description: 新增一条补录信息 | 159 | * @description: 新增一条补录信息 |
| ... | @@ -170,4 +187,24 @@ | ... | @@ -170,4 +187,24 @@ |
| 170 | 187 | ||
| 171 | <style lang="scss" scoped> | 188 | <style lang="scss" scoped> |
| 172 | @import "./qlxxCommon.scss"; | 189 | @import "./qlxxCommon.scss"; |
| 190 | .cols{ | ||
| 191 | td{ | ||
| 192 | .many{ | ||
| 193 | width: 100%; | ||
| 194 | height: 100%; | ||
| 195 | display: flex; | ||
| 196 | flex-direction: row; | ||
| 197 | div{ | ||
| 198 | flex: 1; | ||
| 199 | border-right: 2px solid #e3e2e2; | ||
| 200 | line-height: 40px; | ||
| 201 | overflow: unset; | ||
| 202 | width: 450px; | ||
| 203 | } | ||
| 204 | div:last-child{ | ||
| 205 | border: 0; | ||
| 206 | } | ||
| 207 | } | ||
| 208 | } | ||
| 209 | } | ||
| 173 | </style> | 210 | </style> | ... | ... |
src/views/registerBook/ldsyq.vue
0 → 100644
| 1 | <!-- | ||
| 2 | * @Description: | ||
| 3 | * @Autor: renchao | ||
| 4 | * @LastEditTime: 2023-08-11 15:33:53 | ||
| 5 | --> | ||
| 6 | <template> | ||
| 7 | <div class="djxxTable"> | ||
| 8 | <div class="tableBox"> | ||
| 9 | <div class="title"> | ||
| 10 | {{ title }} | ||
| 11 | <div class="checkbox"> | ||
| 12 | <el-checkbox-group v-model="checkList" @change="checkChange"> | ||
| 13 | <el-checkbox v-for="item in qsztList" :key="item.value" :label="item.value">{{ item.label }}</el-checkbox> | ||
| 14 | </el-checkbox-group> | ||
| 15 | </div> | ||
| 16 | </div> | ||
| 17 | <div class="xxTableBox rollTable"> | ||
| 18 | <!-- 固定前三个 --> | ||
| 19 | <table class="xxTable"> | ||
| 20 | <tr v-for="(item, colindex) in columns" :key="colindex"> | ||
| 21 | <td> | ||
| 22 | {{ item.label }} | ||
| 23 | </td> | ||
| 24 | <td v-for="(row, index) in tableData" :key="index" :class="[ | ||
| 25 | row.qszt == '2' ? 'lishi' : '', | ||
| 26 | row.qszt == '0' ? 'linshi' : '', | ||
| 27 | row.qlzt == '4' ? 'linshi' : '', | ||
| 28 | |||
| 29 | item.prop == 'qszt' && row.qlzt == '3' ? 'linshiIcon' : '', | ||
| 30 | item.prop == 'qszt' && row.qlzt == '2' ? 'linshiIcon' : '', | ||
| 31 | item.prop == 'qszt' && row.qlzt == '1' ? 'xianshiIcon' : '', | ||
| 32 | item.prop == 'qszt' && row.qlzt == '4' ? 'zhuxiaoIcon' : '' | ||
| 33 | ]"> | ||
| 34 | <div class="setbut" v-if="item.prop == 'cz'&&row.sjlx !='系统数据'"> | ||
| 35 | <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row)">编辑</el-button> | ||
| 36 | <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row,'D')">删除</el-button> | ||
| 37 | </div> | ||
| 38 | <div class="icon" v-if="item.prop == 'qszt' &&row.qlzt == '1'"> | ||
| 39 | 有效 | ||
| 40 | </div> | ||
| 41 | <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '2'"> | ||
| 42 | 正在补录 | ||
| 43 | </div> | ||
| 44 | <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '3'"> | ||
| 45 | 正在申请 | ||
| 46 | </div> | ||
| 47 | <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '4'"> | ||
| 48 | 正在注销 | ||
| 49 | </div> | ||
| 50 | <span v-if="item.prop == 'qszt'"> | ||
| 51 | {{ getQsztName(row[item.prop]) }} | ||
| 52 | </span> | ||
| 53 | |||
| 54 | <span v-else> {{ row[item.prop] }}</span> | ||
| 55 | </td> | ||
| 56 | <td v-for="count in emptycolNum" :key="~count"></td> | ||
| 57 | </tr> | ||
| 58 | </table> | ||
| 59 | </div> | ||
| 60 | </div> | ||
| 61 | </div> | ||
| 62 | </template> | ||
| 63 | |||
| 64 | <script> | ||
| 65 | import { datas } from "./qlxxFormData.js"; | ||
| 66 | import { getSjlx } from "@/utils/dictionary.js"; | ||
| 67 | import { getLqList } from "@/api/djbDetail.js"; | ||
| 68 | export default { | ||
| 69 | data () { | ||
| 70 | return { | ||
| 71 | title: "林地使用权登记信息", | ||
| 72 | qsztList: datas.columns().qsztList, | ||
| 73 | checkList: datas.columns().checkList, | ||
| 74 | //传递参数 | ||
| 75 | propsParam: this.$attrs, | ||
| 76 | //列表数据 | ||
| 77 | tableData: [], | ||
| 78 | //空列值个数 | ||
| 79 | emptycolNum: datas.columns().emptycolNum, | ||
| 80 | //列名称对象 | ||
| 81 | columns: datas.columns().LDSYQ, | ||
| 82 | }; | ||
| 83 | }, | ||
| 84 | created () { | ||
| 85 | this.loadData(); | ||
| 86 | }, | ||
| 87 | methods: { | ||
| 88 | /** | ||
| 89 | * @description: loadData | ||
| 90 | * @author: renchao | ||
| 91 | */ | ||
| 92 | loadData () { | ||
| 93 | |||
| 94 | if (this.$parent.addRepairRecord) { | ||
| 95 | this.columns.unshift({ | ||
| 96 | prop: "cz", | ||
| 97 | label: "操作" | ||
| 98 | }) | ||
| 99 | } | ||
| 100 | getLqList({ | ||
| 101 | bdcdyid: this.propsParam.bdcdyid, | ||
| 102 | qllx: this.propsParam.qllx, | ||
| 103 | qszt: this.checkList, | ||
| 104 | }).then((res) => { | ||
| 105 | if (res.code === 200) { | ||
| 106 | this.tableData = res.result; | ||
| 107 | this.tableData.forEach(item => { | ||
| 108 | item.sjlx = getSjlx(item.sjlx) | ||
| 109 | }) | ||
| 110 | if (this.tableData.length < datas.columns().emptycolNum) { | ||
| 111 | this.emptycolNum = | ||
| 112 | datas.columns().emptycolNum - this.tableData.length; | ||
| 113 | } else { | ||
| 114 | this.emptycolNum = 0; | ||
| 115 | } | ||
| 116 | } | ||
| 117 | }); | ||
| 118 | }, | ||
| 119 | /** | ||
| 120 | * @description: checkChange | ||
| 121 | * @author: renchao | ||
| 122 | */ | ||
| 123 | checkChange () { | ||
| 124 | if (this.checkList.length === 0) { | ||
| 125 | this.tableData = []; | ||
| 126 | this.emptycolNum = datas.columns().emptycolNum; | ||
| 127 | } else { | ||
| 128 | this.loadData(); | ||
| 129 | } | ||
| 130 | }, | ||
| 131 | /** | ||
| 132 | * @description: getQsztName | ||
| 133 | * @param {*} code | ||
| 134 | * @author: renchao | ||
| 135 | */ | ||
| 136 | getQsztName (code) { | ||
| 137 | let name = ""; | ||
| 138 | for (let item of this.qsztList) { | ||
| 139 | if (item.value == code) { | ||
| 140 | name = item.label; | ||
| 141 | break; | ||
| 142 | } | ||
| 143 | } | ||
| 144 | return name; | ||
| 145 | }, | ||
| 146 | // 新增一条补录信息 | ||
| 147 | /** | ||
| 148 | * @description: 新增一条补录信息 | ||
| 149 | * @param {*} row | ||
| 150 | * @param {*} del | ||
| 151 | * @author: renchao | ||
| 152 | */ | ||
| 153 | editDialog (row, del) { | ||
| 154 | this.$confirm('此操作将新增一条补录信息, 是否继续?', '提示', { | ||
| 155 | confirmButtonText: '确定', | ||
| 156 | cancelButtonText: '取消', | ||
| 157 | type: 'warning' | ||
| 158 | }).then(() => { | ||
| 159 | this.$parent.addRepairRecord(row, del) | ||
| 160 | |||
| 161 | this.$message({ | ||
| 162 | type: 'success', | ||
| 163 | message: '补录成功!' | ||
| 164 | }); | ||
| 165 | }).catch(() => { | ||
| 166 | this.$message({ | ||
| 167 | type: 'info', | ||
| 168 | message: '取消编辑' | ||
| 169 | }); | ||
| 170 | }); | ||
| 171 | |||
| 172 | }, | ||
| 173 | }, | ||
| 174 | }; | ||
| 175 | </script> | ||
| 176 | |||
| 177 | <style lang="scss" scoped> | ||
| 178 | @import "./qlxxCommon.scss"; | ||
| 179 | </style> | ||
| 180 | |||
| ... | \ No newline at end of file | ... | \ No newline at end of file |
| ... | @@ -183,7 +183,11 @@ | ... | @@ -183,7 +183,11 @@ |
| 183 | min-width: 280px; | 183 | min-width: 280px; |
| 184 | z-index: 1; | 184 | z-index: 1; |
| 185 | } | 185 | } |
| 186 | 186 | td:first-child{ | |
| 187 | flex: inherit !important; | ||
| 188 | width: 200px !important; | ||
| 189 | min-width: auto !important; | ||
| 190 | } | ||
| 187 | >tr:nth-child(odd) td { | 191 | >tr:nth-child(odd) td { |
| 188 | background: #f2f2f2; | 192 | background: #f2f2f2; |
| 189 | } | 193 | } | ... | ... |
| ... | @@ -1136,6 +1136,92 @@ class data extends filter { | ... | @@ -1136,6 +1136,92 @@ class data extends filter { |
| 1136 | label: "注销异议登记时间", | 1136 | label: "注销异议登记时间", |
| 1137 | }, | 1137 | }, |
| 1138 | ], | 1138 | ], |
| 1139 | LDSYQ: [ | ||
| 1140 | { | ||
| 1141 | prop: "qszt", | ||
| 1142 | label: "权属状态", | ||
| 1143 | }, | ||
| 1144 | { | ||
| 1145 | prop: "sjlx", | ||
| 1146 | label: "数据类型", | ||
| 1147 | }, | ||
| 1148 | { | ||
| 1149 | prop: "qllxmc", | ||
| 1150 | label: "权利类型", | ||
| 1151 | }, | ||
| 1152 | { | ||
| 1153 | prop: "djlxmc", | ||
| 1154 | label: "登记类型", | ||
| 1155 | }, | ||
| 1156 | { | ||
| 1157 | prop: "ssywh", | ||
| 1158 | label: "上手业务号", | ||
| 1159 | }, | ||
| 1160 | { | ||
| 1161 | prop: "ywh", | ||
| 1162 | label: "业务号", | ||
| 1163 | }, | ||
| 1164 | { | ||
| 1165 | prop: "bdcdyh", | ||
| 1166 | label: "不动产单元号", | ||
| 1167 | }, | ||
| 1168 | { | ||
| 1169 | prop: "zl", | ||
| 1170 | label: "坐落", | ||
| 1171 | }, | ||
| 1172 | { | ||
| 1173 | prop: "gyqk", | ||
| 1174 | label: "共有情况", | ||
| 1175 | }, | ||
| 1176 | { | ||
| 1177 | prop: "qlrlx", | ||
| 1178 | label: "权利人类型", | ||
| 1179 | }, | ||
| 1180 | { | ||
| 1181 | prop: "qlrmc", | ||
| 1182 | label: "权利人", | ||
| 1183 | }, | ||
| 1184 | { | ||
| 1185 | prop: "qlrzjzl", | ||
| 1186 | label: "证件种类", | ||
| 1187 | }, | ||
| 1188 | { | ||
| 1189 | prop: "qlrzjhm", | ||
| 1190 | label: "证件号", | ||
| 1191 | }, | ||
| 1192 | { | ||
| 1193 | prop: "qlxzmc", | ||
| 1194 | label: "权利性质", | ||
| 1195 | }, | ||
| 1196 | { | ||
| 1197 | prop: "ytmc", | ||
| 1198 | label: "土地用途", | ||
| 1199 | }, | ||
| 1200 | { | ||
| 1201 | prop: "fbfdm", | ||
| 1202 | label: "发包方代码", | ||
| 1203 | }, | ||
| 1204 | { | ||
| 1205 | prop: "fbfmc", | ||
| 1206 | label: "发包方名称", | ||
| 1207 | }, | ||
| 1208 | { | ||
| 1209 | prop: "mjmc", | ||
| 1210 | label: "使用权面积", | ||
| 1211 | }, | ||
| 1212 | { | ||
| 1213 | prop: "djjg", | ||
| 1214 | label: "登记机构", | ||
| 1215 | }, | ||
| 1216 | { | ||
| 1217 | prop: "dbr", | ||
| 1218 | label: "登簿人", | ||
| 1219 | }, | ||
| 1220 | { | ||
| 1221 | prop: "djsj", | ||
| 1222 | label: "登记时间", | ||
| 1223 | }, | ||
| 1224 | ] | ||
| 1139 | } | 1225 | } |
| 1140 | } | 1226 | } |
| 1141 | 1227 | ... | ... |
| 1 | <template> | 1 | <template> |
| 2 | <div class="gis"> | 2 | <iframe :src="ip +'/txdw/#/' + formData.bsmZd" frameborder="0" style="width: 100%; height:710px;"></iframe> |
| 3 | <div class="gis-container" ref="main"> | ||
| 4 | <div class="flex-transverse" ref="transverse"> | ||
| 5 | <div id="arcgisMap0" class="flex-single"></div> | ||
| 6 | </div> | ||
| 7 | <div class="flex-vertical" ref="vertical"></div> | ||
| 8 | </div> | ||
| 9 | |||
| 10 | <el-card class="box-card"> | ||
| 11 | <div v-for="( item, i ) in curr" :key="i" class="text item"> | ||
| 12 | <el-row> | ||
| 13 | <el-col :span="10"> | ||
| 14 | <div class="grid-content">{{ item.key }}</div> | ||
| 15 | </el-col> | ||
| 16 | <el-col :span="14"> | ||
| 17 | <div class="grid-content">{{ item.value }}</div> | ||
| 18 | </el-col> | ||
| 19 | </el-row> | ||
| 20 | </div> | ||
| 21 | </el-card> | ||
| 22 | </div> | ||
| 23 | </template> | 3 | </template> |
| 24 | |||
| 25 | <script> | 4 | <script> |
| 26 | |||
| 27 | import apiWrapper from '@union/gis-sdk'; | ||
| 28 | import layerJson from '@/api/json/layer.json'; | ||
| 29 | import axios from 'axios'; | ||
| 30 | import { log } from 'bpmn-js-token-simulation'; | ||
| 31 | |||
| 32 | export default { | 5 | export default { |
| 33 | props: { | 6 | props: { |
| 34 | formData: { | 7 | formData: { |
| ... | @@ -40,104 +13,8 @@ | ... | @@ -40,104 +13,8 @@ |
| 40 | }, | 13 | }, |
| 41 | data () { | 14 | data () { |
| 42 | return { | 15 | return { |
| 43 | curr: [] | 16 | ip: window._config.services.management |
| 44 | } | ||
| 45 | }, | ||
| 46 | mounted () { | ||
| 47 | let doc = document.querySelector('.gis'); | ||
| 48 | this.$nextTick(() => { | ||
| 49 | Object.assign(doc.style, { width: + doc.clientWidth + 'px', height: '700px' }); | ||
| 50 | }) | ||
| 51 | }, | ||
| 52 | created () { | ||
| 53 | let { special2 } = apiWrapper.thematic, { wrapper } = apiWrapper, id = this.formData.bsmZd | ||
| 54 | wrapper.reduction(special2).then(() => { | ||
| 55 | let { children } = layerJson[0].children[2], i = 0, o, name, url, { Layer } = wrapper; | ||
| 56 | for (; o = children[i]; i++) if (o.id === 'ZDJBXX' && (name = o.name) === 'zd') { url = o.url + '/' + i; break; } | ||
| 57 | |||
| 58 | Layer.createLayer([{ type: 'FeatureServer', url, name, spatial: true, visible: false }]).then(() => { | ||
| 59 | this.positioning(id, name); | ||
| 60 | }); | ||
| 61 | }); | ||
| 62 | }, | ||
| 63 | methods: { | ||
| 64 | positioning (id, name) { | ||
| 65 | let { Layer } = apiWrapper.wrapper; | ||
| 66 | Layer.attrGraph({ | ||
| 67 | grap: id, name, where: { id }, sym: { color: [0, 139, 0, 100], outline: { color: [0, 139, 0, 150], width: 2 } }, | ||
| 68 | callback: d => { | ||
| 69 | d.length ? this.analysis(id) : this.$message.error(' 暂无图形'); | ||
| 70 | } | ||
| 71 | }); | ||
| 72 | }, | ||
| 73 | analysis (id) { | ||
| 74 | |||
| 75 | let { Views, Action } = apiWrapper.wrapper; | ||
| 76 | Views.grapsExtent(id); | ||
| 77 | setTimeout(() => { Action.gighlight({ name: id, about: 1000 }) }, 1500); | ||
| 78 | |||
| 79 | axios.get(window._config.services.management + '/bdcqjdc/rest/zd/qjZdjbxx/getQjZdjbxxDetailById', { params: { id } }).then(d => { | ||
| 80 | if (d.status !== 200) return; | ||
| 81 | let { result = {} } = d.data, data = []; | ||
| 82 | Object.keys(result).forEach(e => { result[e] && data.push({ key: e, value: result[e] }) }); | ||
| 83 | this.curr.splice(0, ...data); | ||
| 84 | document.querySelector('.box-card').style.display = 'block'; | ||
| 85 | }); | ||
| 86 | } | 17 | } |
| 87 | } | 18 | } |
| 88 | } | 19 | } |
| 89 | 20 | </script> | |
| 90 | </script> | ||
| 91 | |||
| 92 | <style scoped lang="scss"> | ||
| 93 | .gis-container { | ||
| 94 | display: -webkit-flex; | ||
| 95 | display: flex; | ||
| 96 | -webkit-flex-wrap: wrap; | ||
| 97 | flex-wrap: wrap; | ||
| 98 | width: 100%; | ||
| 99 | height: 100%; | ||
| 100 | } | ||
| 101 | |||
| 102 | .flex-transverse { | ||
| 103 | display: -webkit-flex; | ||
| 104 | display: flex; | ||
| 105 | -webkit-flex-wrap: wrap; | ||
| 106 | flex-wrap: wrap; | ||
| 107 | width: 100%; | ||
| 108 | height: 100%; | ||
| 109 | } | ||
| 110 | |||
| 111 | .flex-single { | ||
| 112 | width: 100%; | ||
| 113 | height: 100%; | ||
| 114 | background-color: white; | ||
| 115 | } | ||
| 116 | |||
| 117 | .box-card { | ||
| 118 | background-color: rgba(255, 255, 255, 0.5); | ||
| 119 | border-radius: 8px; | ||
| 120 | top: 30px; | ||
| 121 | right: 30px; | ||
| 122 | position: absolute; | ||
| 123 | width: 16%; | ||
| 124 | padding: 10px; | ||
| 125 | display: none; | ||
| 126 | } | ||
| 127 | |||
| 128 | .el-row { | ||
| 129 | margin-bottom: 20px; | ||
| 130 | } | ||
| 131 | .el-col { | ||
| 132 | border-radius: 4px; | ||
| 133 | } | ||
| 134 | .grid-content { | ||
| 135 | border-radius: 4px; | ||
| 136 | min-height: 20px; | ||
| 137 | font-family: "Helvetica Neue"; | ||
| 138 | } | ||
| 139 | .row-bg { | ||
| 140 | padding: 10px 0; | ||
| 141 | background-color: #f9fafc; | ||
| 142 | } | ||
| 143 | </style> | ||
| ... | \ No newline at end of file | ... | \ No newline at end of file | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-07-28 15:47:25 | 4 | * @LastEditTime: 2023-08-10 15:20:52 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <div> | 7 | <div> |
| ... | @@ -154,7 +154,27 @@ | ... | @@ -154,7 +154,27 @@ |
| 154 | context.fillText(line, 138, y + (index * 20)); // 调整行高 | 154 | context.fillText(line, 138, y + (index * 20)); // 调整行高 |
| 155 | }) | 155 | }) |
| 156 | }) | 156 | }) |
| 157 | context.fillText(this.bdcqz.fj ? this.bdcqz.fj : '', 580, 100); | 157 | |
| 158 | let lines1 = this.bdcqz.fj ? this.bdcqz.fj.split(' ') : []; | ||
| 159 | lines1.forEach((line, index) => { | ||
| 160 | const y = 100 + (index * 37); // 每行文本的垂直位置 | ||
| 161 | let currentLine = ''; | ||
| 162 | let arr = []; | ||
| 163 | for (let word of line) { | ||
| 164 | const testLine = currentLine + word; | ||
| 165 | const lineWidth = context.measureText(testLine).width; | ||
| 166 | if (lineWidth <= 395) { | ||
| 167 | currentLine = testLine; | ||
| 168 | } else { | ||
| 169 | arr.push(currentLine); | ||
| 170 | currentLine = word; | ||
| 171 | } | ||
| 172 | } | ||
| 173 | arr.push(currentLine); | ||
| 174 | arr.forEach((line, index) => { | ||
| 175 | context.fillText(line, 580, y + (index * 20)); // 调整行高 | ||
| 176 | }) | ||
| 177 | }) | ||
| 158 | } | 178 | } |
| 159 | image.src = this.imgSrc | 179 | image.src = this.imgSrc |
| 160 | }, | 180 | }, | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-08-02 15:33:01 | 4 | * @LastEditTime: 2023-08-10 13:43:32 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <div class="from-clues loadingtext" v-Loading="loading" element-loading-text="拼命加载中..." style="height:720px;text-align: center;"> | 7 | <div class="from-clues loadingtext" v-Loading="loading" element-loading-text="拼命加载中..." style="height:720px;text-align: center;"> |
| ... | @@ -68,7 +68,6 @@ | ... | @@ -68,7 +68,6 @@ |
| 68 | } | 68 | } |
| 69 | }, | 69 | }, |
| 70 | methods: { | 70 | methods: { |
| 71 | //获取证书内容 | ||
| 72 | /** | 71 | /** |
| 73 | * @description: 获取证书内容 | 72 | * @description: 获取证书内容 |
| 74 | * @param {*} code | 73 | * @param {*} code |
| ... | @@ -78,7 +77,6 @@ | ... | @@ -78,7 +77,6 @@ |
| 78 | var value = this.bdcqz[code]; | 77 | var value = this.bdcqz[code]; |
| 79 | return value; | 78 | return value; |
| 80 | }, | 79 | }, |
| 81 | //获取受理申请下全部不动产权证 | ||
| 82 | /** | 80 | /** |
| 83 | * @description: 获取受理申请下全部不动产权证 | 81 | * @description: 获取受理申请下全部不动产权证 |
| 84 | * @author: renchao | 82 | * @author: renchao | ... | ... |
| 1 | /* | 1 | /* |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-08-09 14:41:17 | 4 | * @LastEditTime: 2023-08-10 09:34:25 |
| 5 | */ | 5 | */ |
| 6 | import { getPrintTemplateByCode } from "@/api/print"; | 6 | import { getPrintTemplateByCode } from "@/api/print"; |
| 7 | import { uploadUndo } from "@/api/clxx"; | 7 | import { uploadUndo } from "@/api/clxx"; |
| ... | @@ -173,7 +173,7 @@ export default { | ... | @@ -173,7 +173,7 @@ export default { |
| 173 | break; | 173 | break; |
| 174 | // 图形定位 | 174 | // 图形定位 |
| 175 | case "B-TXDW": | 175 | case "B-TXDW": |
| 176 | this.$popupDialog('图形定位', 'workflow/components/dialog/txdw', { bsmZd: this.bsmZd }, '80%', true) | 176 | this.$popupDialog('图形定位', 'workflow/components/dialog/txdw', { bsmZd: this.bsmZd }, '85%', true) |
| 177 | break; | 177 | break; |
| 178 | case "back": //退回按钮 | 178 | case "back": //退回按钮 |
| 179 | this.$popupDialog("退回", "workflow/components/th", { | 179 | this.$popupDialog("退回", "workflow/components/th", { | ... | ... |
| ... | @@ -132,14 +132,11 @@ | ... | @@ -132,14 +132,11 @@ |
| 132 | * @author: renchao | 132 | * @author: renchao |
| 133 | */ | 133 | */ |
| 134 | getCurrentSelectProps (val) { | 134 | getCurrentSelectProps (val) { |
| 135 | console.log(val, 'valvalvalval'); | ||
| 135 | this.currentSelectProps = val | 136 | this.currentSelectProps = val |
| 136 | |||
| 137 | getZdInfo(val.bdcdyid).then(res => { | 137 | getZdInfo(val.bdcdyid).then(res => { |
| 138 | this.bsmZd = res?.result[0]?.bsmZd | 138 | this.bsmZd = res?.result[0]?.bsmZd |
| 139 | }) | 139 | }) |
| 140 | // getZdInfo(val.bdcdyid).then(res => { | ||
| 141 | // this.bsmZd = res?.result[0]?.bsmZd | ||
| 142 | // }) | ||
| 143 | }, | 140 | }, |
| 144 | /** | 141 | /** |
| 145 | * @description: beforeunloadHandler | 142 | * @description: beforeunloadHandler | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-08-02 09:31:38 | 4 | * @LastEditTime: 2023-08-14 12:56:43 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <!-- 受理信息 --> | 7 | <!-- 受理信息 --> |
| 8 | <div class="slxx"> | 8 | <div class="slxx"> |
| 9 | <el-form :model="ruleForm" :rules="rules" class="loadingtext" ref="ruleForm" :label-position="flag ? 'top' : ''" | 9 | <el-form :model="ruleForm" :rules="rules" class="loadingtext" ref="ruleForm" :label-position="flag ? 'top' : ''" |
| 10 | :inline="flag" label-width="140px"> | 10 | :inline="flag" label-width="180px"> |
| 11 | <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''"> | 11 | <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''"> |
| 12 | <div class="slxx_title title-block"> | 12 | <div class="slxx_title title-block"> |
| 13 | 受理信息 | 13 | 受理信息 |
| ... | @@ -289,6 +289,7 @@ | ... | @@ -289,6 +289,7 @@ |
| 289 | Init(formdata).then((res) => { | 289 | Init(formdata).then((res) => { |
| 290 | if (res.code === 200 && res.result) { | 290 | if (res.code === 200 && res.result) { |
| 291 | this.ruleForm = res.result; | 291 | this.ruleForm = res.result; |
| 292 | this.czrOptions = this.ruleForm.qlrList; | ||
| 292 | this.ruleForm.diyaq.sfczjzhxz = "0"; | 293 | this.ruleForm.diyaq.sfczjzhxz = "0"; |
| 293 | } | 294 | } |
| 294 | this.$endLoading(); | 295 | this.$endLoading(); |
| ... | @@ -339,8 +340,6 @@ | ... | @@ -339,8 +340,6 @@ |
| 339 | } | 340 | } |
| 340 | }); | 341 | }); |
| 341 | }, | 342 | }, |
| 342 | |||
| 343 | // 更新权利人信息 | ||
| 344 | /** | 343 | /** |
| 345 | * @description: 更新权利人信息 | 344 | * @description: 更新权利人信息 |
| 346 | * @param {*} val | 345 | * @param {*} val |
| ... | @@ -349,9 +348,9 @@ | ... | @@ -349,9 +348,9 @@ |
| 349 | upDateQlrxxList (val) { | 348 | upDateQlrxxList (val) { |
| 350 | if (!_.isEqual(val, this.ruleForm.qlrList)) { | 349 | if (!_.isEqual(val, this.ruleForm.qlrList)) { |
| 351 | this.ruleForm.qlrList = _.cloneDeep(val); | 350 | this.ruleForm.qlrList = _.cloneDeep(val); |
| 351 | this.czrOptions = this.ruleForm.qlrList; | ||
| 352 | } | 352 | } |
| 353 | }, | 353 | }, |
| 354 | // 更新义务人信息 | ||
| 355 | /** | 354 | /** |
| 356 | * @description: 更新义务人信息 | 355 | * @description: 更新义务人信息 |
| 357 | * @param {*} val | 356 | * @param {*} val | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: 房屋多幢受理信息 | 2 | * @Description: 房屋多幢受理信息 |
| 3 | * @Autor: ssq | 3 | * @Autor: ssq |
| 4 | * @LastEditTime: 2023-08-04 16:33:46 | 4 | * @LastEditTime: 2023-08-14 13:02:34 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <div class="slxx"> | 7 | <div class="slxx"> |
| ... | @@ -117,31 +117,42 @@ | ... | @@ -117,31 +117,42 @@ |
| 117 | </el-radio-group> | 117 | </el-radio-group> |
| 118 | </el-form-item> | 118 | </el-form-item> |
| 119 | </el-col> | 119 | </el-col> |
| 120 | <el-col :span="5"> | 120 | <!-- <el-col :span="5"> |
| 121 | <el-form-item label="发证方式:"> | 121 | <el-form-item label="发证方式:"> |
| 122 | <el-radio-group v-model="ruleForm.slsq.fzfs" :disabled="!ableOperation"> | 122 | <el-radio-group v-model="ruleForm.slsq.fzfs" :disabled="!ableOperation"> |
| 123 | <el-radio label="1">小证</el-radio> | 123 | <el-radio label="1">小证</el-radio> |
| 124 | <el-radio label="2">大证</el-radio> | 124 | <el-radio label="2">大证</el-radio> |
| 125 | </el-radio-group> | 125 | </el-radio-group> |
| 126 | </el-form-item> | 126 | </el-form-item> |
| 127 | </el-col> | 127 | </el-col> --> |
| 128 | 128 | <el-col :span="5" v-show="ruleForm.sldy.gyfs != '0'"> | |
| 129 | <el-col :span="5" v-show="ruleForm.sldy.gyfs == '2'"> | ||
| 130 | <el-form-item label="是否分别持证:"> | 129 | <el-form-item label="是否分别持证:"> |
| 131 | <el-radio-group v-model="ruleForm.sldy.sqfbcz" :disabled="!ableOperation"> | 130 | <el-radio-group |
| 132 | <el-radio label="1">是</el-radio> | 131 | v-model="ruleForm.sldy.sqfbcz" |
| 133 | <el-radio label="0">否</el-radio> | 132 | :disabled="!ableOperation"> |
| 133 | <el-radio :label="1">是</el-radio> | ||
| 134 | <el-radio :label="0">否</el-radio> | ||
| 134 | </el-radio-group> | 135 | </el-radio-group> |
| 135 | </el-form-item> | 136 | </el-form-item> |
| 136 | </el-col> | 137 | </el-col> |
| 137 | <el-col :span="5" v-show="ruleForm.sldy.gyfs == '2'"> | 138 | <el-col |
| 139 | :span="5" | ||
| 140 | v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'"> | ||
| 138 | <el-form-item label="持证人:"> | 141 | <el-form-item label="持证人:"> |
| 139 | <el-select v-model="ruleForm.slsq.czr" placeholder="持证人" :disabled="!ableOperation"> | 142 | <el-select |
| 140 | <el-option v-for="item in czrOptions" :key="item.value" :label="item.label" :value="item.value"> | 143 | v-model="ruleForm.czr" |
| 144 | placeholder="持证人" | ||
| 145 | :disabled="!ableOperation"> | ||
| 146 | <el-option | ||
| 147 | v-for="item in czrOptions" | ||
| 148 | :key="item.zjh" | ||
| 149 | :label="item.sqrmc" | ||
| 150 | :value="item.zjh"> | ||
| 141 | </el-option> | 151 | </el-option> |
| 142 | </el-select> | 152 | </el-select> |
| 143 | </el-form-item> | 153 | </el-form-item> |
| 144 | </el-col> | 154 | </el-col> |
| 155 | |||
| 145 | </el-row> | 156 | </el-row> |
| 146 | <qlrCommonTable @upDateQlrxxList="upDateQlrxxList" :tableData="ruleForm.qlrList" :disabled="!ableOperation" | 157 | <qlrCommonTable @upDateQlrxxList="upDateQlrxxList" :tableData="ruleForm.qlrList" :disabled="!ableOperation" |
| 147 | :gyfs="ruleForm.slsq.gyfs" /> | 158 | :gyfs="ruleForm.slsq.gyfs" /> |
| ... | @@ -201,6 +212,7 @@ | ... | @@ -201,6 +212,7 @@ |
| 201 | } | 212 | } |
| 202 | //初始化发证方式,1:小证,2:大正 | 213 | //初始化发证方式,1:小证,2:大正 |
| 203 | this.ruleForm.slsq.fzfs == null ? this.ruleForm.slsq.fzfs = '1' : this.ruleForm.slsq.fzfs; | 214 | this.ruleForm.slsq.fzfs == null ? this.ruleForm.slsq.fzfs = '1' : this.ruleForm.slsq.fzfs; |
| 215 | this.czrOptions = this.ruleForm.qlrList; | ||
| 204 | } | 216 | } |
| 205 | }); | 217 | }); |
| 206 | }, | 218 | }, |
| ... | @@ -242,7 +254,6 @@ | ... | @@ -242,7 +254,6 @@ |
| 242 | } | 254 | } |
| 243 | }, | 255 | }, |
| 244 | methods: { | 256 | methods: { |
| 245 | // 更新土地用途信息 | ||
| 246 | /** | 257 | /** |
| 247 | * @description: 更新土地用途信息 | 258 | * @description: 更新土地用途信息 |
| 248 | * @param {*} val | 259 | * @param {*} val |
| ... | @@ -252,7 +263,6 @@ | ... | @@ -252,7 +263,6 @@ |
| 252 | this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); | 263 | this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); |
| 253 | this.key++; | 264 | this.key++; |
| 254 | }, | 265 | }, |
| 255 | // 更新权利人信息 | ||
| 256 | /** | 266 | /** |
| 257 | * @description: 更新权利人信息 | 267 | * @description: 更新权利人信息 |
| 258 | * @param {*} val | 268 | * @param {*} val |
| ... | @@ -260,6 +270,8 @@ | ... | @@ -260,6 +270,8 @@ |
| 260 | */ | 270 | */ |
| 261 | upDateQlrxxList (val) { | 271 | upDateQlrxxList (val) { |
| 262 | this.ruleForm.qlrList = _.cloneDeep(val); | 272 | this.ruleForm.qlrList = _.cloneDeep(val); |
| 273 | this.czrOptions = this.ruleForm.qlrList; | ||
| 274 | this.key++; | ||
| 263 | }, | 275 | }, |
| 264 | /** | 276 | /** |
| 265 | * @description: showCZInfo | 277 | * @description: showCZInfo | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: 受理信息 | 2 | * @Description: 受理信息 |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-08-04 16:32:05 | 4 | * @LastEditTime: 2023-08-14 12:57:21 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <div class="slxx"> | 7 | <div class="slxx"> |
| ... | @@ -187,15 +187,6 @@ | ... | @@ -187,15 +187,6 @@ |
| 187 | </el-radio-group> | 187 | </el-radio-group> |
| 188 | </el-form-item> | 188 | </el-form-item> |
| 189 | </el-col> | 189 | </el-col> |
| 190 | <!-- <el-col :span="5"> | ||
| 191 | <el-form-item label="发证方式:"> | ||
| 192 | <el-radio-group v-model="ruleForm.slsq.fzfs" :disabled="!ableOperation"> | ||
| 193 | <el-radio label="1">小证</el-radio> | ||
| 194 | <el-radio label="2">大证</el-radio> | ||
| 195 | </el-radio-group> | ||
| 196 | </el-form-item> | ||
| 197 | </el-col> --> | ||
| 198 | |||
| 199 | <el-col :span="6" v-show="ruleForm.sldy.gyfs != '0'"> | 190 | <el-col :span="6" v-show="ruleForm.sldy.gyfs != '0'"> |
| 200 | <el-form-item label="是否分别持证:"> | 191 | <el-form-item label="是否分别持证:"> |
| 201 | <el-radio-group | 192 | <el-radio-group |
| ... | @@ -280,12 +271,13 @@ | ... | @@ -280,12 +271,13 @@ |
| 280 | } | 271 | } |
| 281 | //初始化发证方式,1:小证,2:大正 | 272 | //初始化发证方式,1:小证,2:大正 |
| 282 | this.ruleForm.slsq.fzfs == null ? this.ruleForm.slsq.fzfs = '1' : this.ruleForm.slsq.fzfs; | 273 | this.ruleForm.slsq.fzfs == null ? this.ruleForm.slsq.fzfs = '1' : this.ruleForm.slsq.fzfs; |
| 274 | this.czrOptions = this.ruleForm.qlrList; | ||
| 283 | } | 275 | } |
| 284 | }); | 276 | }) |
| 285 | }, | 277 | }, |
| 286 | components: { qlrCommonTable, tdytTable }, | 278 | components: { qlrCommonTable, tdytTable }, |
| 287 | computed: { | 279 | computed: { |
| 288 | ...mapGetters(["dictData", "flag"]), | 280 | ...mapGetters(["dictData", "flag"]) |
| 289 | }, | 281 | }, |
| 290 | data () { | 282 | data () { |
| 291 | return { | 283 | return { |
| ... | @@ -331,6 +323,7 @@ | ... | @@ -331,6 +323,7 @@ |
| 331 | this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); | 323 | this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); |
| 332 | this.key++; | 324 | this.key++; |
| 333 | }, | 325 | }, |
| 326 | |||
| 334 | /** | 327 | /** |
| 335 | * @description: 更新权利人信息 | 328 | * @description: 更新权利人信息 |
| 336 | * @param {*} val | 329 | * @param {*} val |
| ... | @@ -338,6 +331,7 @@ | ... | @@ -338,6 +331,7 @@ |
| 338 | */ | 331 | */ |
| 339 | upDateQlrxxList (val) { | 332 | upDateQlrxxList (val) { |
| 340 | this.ruleForm.qlrList = _.cloneDeep(val); | 333 | this.ruleForm.qlrList = _.cloneDeep(val); |
| 334 | this.czrOptions = this.ruleForm.qlrList; | ||
| 341 | }, | 335 | }, |
| 342 | /** | 336 | /** |
| 343 | * @description: 更新权利人信息 | 337 | * @description: 更新权利人信息 | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: 受理信息 | 2 | * @Description: 受理信息 |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-08-04 16:32:08 | 4 | * @LastEditTime: 2023-08-14 12:58:13 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <div class="slxx"> | 7 | <div class="slxx"> |
| ... | @@ -279,6 +279,7 @@ | ... | @@ -279,6 +279,7 @@ |
| 279 | }; | 279 | }; |
| 280 | //初始化发证方式,1:小证,2:大正 | 280 | //初始化发证方式,1:小证,2:大正 |
| 281 | this.ruleForm.slsq.fzfs == null ? this.ruleForm.slsq.fzfs = '1' : this.ruleForm.slsq.fzfs; | 281 | this.ruleForm.slsq.fzfs == null ? this.ruleForm.slsq.fzfs = '1' : this.ruleForm.slsq.fzfs; |
| 282 | this.czrOptions = this.ruleForm.qlrList; | ||
| 282 | } | 283 | } |
| 283 | }); | 284 | }); |
| 284 | }, | 285 | }, |
| ... | @@ -359,7 +360,6 @@ | ... | @@ -359,7 +360,6 @@ |
| 359 | } | 360 | } |
| 360 | }); | 361 | }); |
| 361 | }, | 362 | }, |
| 362 | // 更新土地用途信息 | ||
| 363 | /** | 363 | /** |
| 364 | * @description: 更新土地用途信息 | 364 | * @description: 更新土地用途信息 |
| 365 | * @param {*} val | 365 | * @param {*} val |
| ... | @@ -369,7 +369,6 @@ | ... | @@ -369,7 +369,6 @@ |
| 369 | this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); | 369 | this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); |
| 370 | this.key++; | 370 | this.key++; |
| 371 | }, | 371 | }, |
| 372 | // 更新权利人信息 | ||
| 373 | /** | 372 | /** |
| 374 | * @description: 更新权利人信息 | 373 | * @description: 更新权利人信息 |
| 375 | * @param {*} val | 374 | * @param {*} val |
| ... | @@ -377,6 +376,8 @@ | ... | @@ -377,6 +376,8 @@ |
| 377 | */ | 376 | */ |
| 378 | upDateQlrxxList (val) { | 377 | upDateQlrxxList (val) { |
| 379 | this.ruleForm.qlrList = _.cloneDeep(val); | 378 | this.ruleForm.qlrList = _.cloneDeep(val); |
| 379 | this.czrOptions = this.ruleForm.qlrList; | ||
| 380 | this.key++; | ||
| 380 | }, | 381 | }, |
| 381 | // 更新权利人信息 | 382 | // 更新权利人信息 |
| 382 | /** | 383 | /** | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: 受理信息 | 2 | * @Description: 受理信息 |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-08-01 18:14:10 | 4 | * @LastEditTime: 2023-08-14 12:58:35 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <div class="slxx"> | 7 | <div class="slxx"> |
| ... | @@ -111,7 +111,7 @@ | ... | @@ -111,7 +111,7 @@ |
| 111 | <div class="triangle"></div> | 111 | <div class="triangle"></div> |
| 112 | </div> | 112 | </div> |
| 113 | <el-row :gutter="10"> | 113 | <el-row :gutter="10"> |
| 114 | <el-col :span="14" v-if="ruleForm.sldyList.length > 0"> | 114 | <el-col :span="12" v-if="ruleForm.sldyList.length>0"> |
| 115 | <el-form-item label="共有方式:"> | 115 | <el-form-item label="共有方式:"> |
| 116 | <el-radio-group | 116 | <el-radio-group |
| 117 | :disabled="!ableOperation" | 117 | :disabled="!ableOperation" |
| ... | @@ -126,30 +126,34 @@ | ... | @@ -126,30 +126,34 @@ |
| 126 | </el-form-item> | 126 | </el-form-item> |
| 127 | </el-col> | 127 | </el-col> |
| 128 | 128 | ||
| 129 | <el-col | 129 | <el-col :span="6" v-show="ruleForm.sldy.gyfs != '0'"> |
| 130 | :span="5" | 130 | <el-form-item label="是否分别持证:"> |
| 131 | v-show="ruleForm.sldyList.length > 0 && ruleForm.slsq.gyfs != '0'" | 131 | <el-radio-group |
| 132 | > | 132 | v-model="ruleForm.sldy.sqfbcz" |
| 133 | <el-form-item | 133 | :disabled="!ableOperation"> |
| 134 | label="是否分别持证:" | 134 | <el-radio :label="1">是</el-radio> |
| 135 | v-if="ruleForm.sldyList.length > 0" | 135 | <el-radio :label="0">否</el-radio> |
| 136 | > | ||
| 137 | <el-radio-group v-model="ruleForm.sldyList[0].sqfbcz"> | ||
| 138 | <el-radio label="1">是</el-radio> | ||
| 139 | <el-radio label="0">否</el-radio> | ||
| 140 | </el-radio-group> | 136 | </el-radio-group> |
| 141 | </el-form-item> | 137 | </el-form-item> |
| 142 | </el-col> | 138 | </el-col> |
| 143 | <el-col | 139 | <el-col |
| 144 | :span="5" | 140 | :span="6" |
| 145 | v-show=" | 141 | v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'"> |
| 146 | ruleForm.sldyList.length > 0 && ruleForm.sldyList[0].gyfs != '0' | ||
| 147 | " | ||
| 148 | > | ||
| 149 | <el-form-item label="持证人:"> | 142 | <el-form-item label="持证人:"> |
| 150 | <el-input v-model="ruleForm.slsq.czr"></el-input> | 143 | <el-select |
| 144 | v-model="ruleForm.czr" | ||
| 145 | placeholder="持证人" | ||
| 146 | :disabled="!ableOperation"> | ||
| 147 | <el-option | ||
| 148 | v-for="item in czrOptions" | ||
| 149 | :key="item.zjh" | ||
| 150 | :label="item.sqrmc" | ||
| 151 | :value="item.zjh"> | ||
| 152 | </el-option> | ||
| 153 | </el-select> | ||
| 151 | </el-form-item> | 154 | </el-form-item> |
| 152 | </el-col> | 155 | </el-col> |
| 156 | |||
| 153 | </el-row> | 157 | </el-row> |
| 154 | <qlrCommonTable | 158 | <qlrCommonTable |
| 155 | @upDateQlrxxList="upDateQlrxxList" | 159 | @upDateQlrxxList="upDateQlrxxList" |
| ... | @@ -183,112 +187,27 @@ | ... | @@ -183,112 +187,27 @@ |
| 183 | </div> | 187 | </div> |
| 184 | </template> | 188 | </template> |
| 185 | <script> | 189 | <script> |
| 186 | import ywmix from "@/views/ywbl/mixin/index"; | 190 | import ywmix from "@/views/ywbl/mixin/index" |
| 187 | import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; | 191 | import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; |
| 188 | import { | 192 | import { BatchInit, Init, saveBatchData, saveData } from "@/api/workflow/fwsyqFlow.js"; |
| 189 | BatchInit, | 193 | import { mapGetters } from "vuex"; |
| 190 | Init, | 194 | export default { |
| 191 | saveBatchData, | 195 | mixins: [ywmix], |
| 192 | saveData, | 196 | mounted (callbackfn, thisArg) { |
| 193 | } from "@/api/workflow/fwsyqFlow.js"; | 197 | this.ableOperation = this.$parent.currentSelectTab.ableOperation |
| 194 | import { mapGetters } from "vuex"; | 198 | this.propsParam = this.$attrs; |
| 195 | export default { | 199 | var formdata = new FormData(); |
| 196 | mixins: [ywmix], | 200 | formdata.append("bsmSldy", this.propsParam.bsmSldy); |
| 197 | mounted(callbackfn, thisArg) { | 201 | formdata.append("djlx", this.propsParam.djlx); |
| 198 | this.ableOperation = this.$parent.currentSelectTab.ableOperation; | 202 | formdata.append("bsmSlsq", this.bsmSlsq); |
| 199 | this.propsParam = this.$attrs; | 203 | formdata.append("isEdit", this.ableOperation); |
| 200 | var formdata = new FormData(); | 204 | BatchInit(formdata).then((res) => { |
| 201 | formdata.append("bsmSldy", this.propsParam.bsmSldy); | 205 | if (res.code == 200) { |
| 202 | formdata.append("djlx", this.propsParam.djlx); | 206 | this.ruleForm = res.result; |
| 203 | formdata.append("bsmSlsq", this.bsmSlsq); | 207 | this.czrOptions = this.ruleForm.qlrList; |
| 204 | formdata.append("isEdit", this.ableOperation); | 208 | this.splicingFdcq2Info(); |
| 205 | BatchInit(formdata).then((res) => { | 209 | } |
| 206 | if (res.code == 200) { | 210 | }) |
| 207 | this.ruleForm = res.result; | ||
| 208 | this.splicingFdcq2Info(); | ||
| 209 | } | ||
| 210 | }); | ||
| 211 | }, | ||
| 212 | components: { qlrCommonTable }, | ||
| 213 | computed: { | ||
| 214 | ...mapGetters(["dictData", "flag"]), | ||
| 215 | }, | ||
| 216 | data() { | ||
| 217 | return { | ||
| 218 | disabled: true, | ||
| 219 | tdytOption: [], | ||
| 220 | ruleForm: { | ||
| 221 | cfdjList: [], //查封登记 | ||
| 222 | diyaqList: [], //抵押权 | ||
| 223 | fdcq2List: [], //房屋信息集合 | ||
| 224 | qlrList: [], //权利人 | ||
| 225 | ywrList: [], //义务人 | ||
| 226 | qlxxList: [], //权利信息集合 | ||
| 227 | sldyList: [], //受理不动产单元集合 | ||
| 228 | slsq: {}, //受理申请流程明细 | ||
| 229 | flow: {}, //受理申请流程明细 | ||
| 230 | sqrList: [], //申请人 | ||
| 231 | ssQlxxList: [], //上手权利信息 | ||
| 232 | user: {}, //用户 | ||
| 233 | zdjbxx: {}, //宗地基本信息 | ||
| 234 | }, | ||
| 235 | //传递参数 | ||
| 236 | propsParam: this.$attrs, | ||
| 237 | //表单是否可操作 | ||
| 238 | ableOperation: true, | ||
| 239 | rules: {}, | ||
| 240 | bsmSlsq: this.$route.query.bsmSlsq, //受理申请标识码 | ||
| 241 | splicingFdcq2: { | ||
| 242 | //前端根据后台数组组装展示内容 | ||
| 243 | fwxz: "", //房屋性质 | ||
| 244 | fwjg: "", //房屋结构 | ||
| 245 | jzmj: "", //建筑面积 | ||
| 246 | zts: "", //房屋总套数 | ||
| 247 | }, | ||
| 248 | }; | ||
| 249 | }, | ||
| 250 | methods: { | ||
| 251 | //组装房地产权通用信息 | ||
| 252 | /** | ||
| 253 | * @description: 组装房地产权通用信息 | ||
| 254 | * @author: renchao | ||
| 255 | */ | ||
| 256 | splicingFdcq2Info() { | ||
| 257 | let fdcq2List = this.ruleForm.fdcq2List; | ||
| 258 | let fwxzArr = []; | ||
| 259 | let fwjgArr = []; | ||
| 260 | let jzmj = 0; | ||
| 261 | fdcq2List.forEach((fdcq2) => { | ||
| 262 | fwxzArr.push(fdcq2.fwxzmc); | ||
| 263 | fwjgArr.push(fdcq2.fwjgmc); | ||
| 264 | jzmj += parseFloat(fdcq2.jzmj); | ||
| 265 | }); | ||
| 266 | //将数据转为字符串 | ||
| 267 | //房屋性质 | ||
| 268 | let fwxz = Array.from(new Set(fwxzArr)).join(","); | ||
| 269 | //房屋结构 | ||
| 270 | let fwjg = Array.from(new Set(fwjgArr)).join(","); | ||
| 271 | this.splicingFdcq2.fwxz = fwxz; | ||
| 272 | this.splicingFdcq2.fwjg = fwjg; | ||
| 273 | this.splicingFdcq2.jzmj = jzmj == null ? 0 : jzmj; | ||
| 274 | this.splicingFdcq2.zts = fdcq2List.length; | ||
| 275 | }, | ||
| 276 | |||
| 277 | // 更新权利人信息 | ||
| 278 | /** | ||
| 279 | * @description: 更新权利人信息 | ||
| 280 | * @param {*} val | ||
| 281 | * @author: renchao | ||
| 282 | */ | ||
| 283 | upDateQlrxxList(val) { | ||
| 284 | this.ruleForm.qlrList = _.cloneDeep(val); | ||
| 285 | }, | ||
| 286 | /** | ||
| 287 | * @description: showCZInfo | ||
| 288 | * @author: renchao | ||
| 289 | */ | ||
| 290 | showCZInfo() { | ||
| 291 | console.log(this.ruleForm.slsq.gyfs); | ||
| 292 | }, | 211 | }, |
| 293 | // 更新义务人信息 | 212 | // 更新义务人信息 |
| 294 | /** | 213 | /** |
| ... | @@ -299,30 +218,116 @@ export default { | ... | @@ -299,30 +218,116 @@ export default { |
| 299 | upDateYwrxxList(val) { | 218 | upDateYwrxxList(val) { |
| 300 | this.ruleForm.ywrList = _.cloneDeep(val); | 219 | this.ruleForm.ywrList = _.cloneDeep(val); |
| 301 | }, | 220 | }, |
| 302 | /** | 221 | data () { |
| 303 | * @description: onSubmit | 222 | return { |
| 304 | * @author: renchao | 223 | disabled: true, |
| 305 | */ | 224 | tdytOption: [], |
| 306 | onSubmit() { | 225 | ruleForm: { |
| 307 | saveBatchData(this.ruleForm).then((res) => { | 226 | cfdjList: []//查封登记 |
| 308 | if (res.code === 200) { | 227 | , diyaqList: []//抵押权 |
| 309 | this.$message({ | 228 | , fdcq2List: []//房屋信息集合 |
| 310 | showClose: true, | 229 | , qlrList: []//权利人 |
| 311 | message: "保存成功!", | 230 | , ywrList: []//义务人 |
| 312 | type: "success", | 231 | , qlxxList: []//权利信息集合 |
| 313 | }); | 232 | , sldyList: []//受理不动产单元集合 |
| 314 | this.$store.dispatch("user/refreshPage", true); | 233 | , slsq: {}//受理申请流程明细 |
| 315 | } else { | 234 | , flow: {}//受理申请流程明细 |
| 316 | this.$message({ | 235 | , sqrList: []//申请人 |
| 317 | showClose: true, | 236 | , ssQlxxList: []//上手权利信息 |
| 318 | message: res.message, | 237 | , user: {}//用户 |
| 319 | type: "error", | 238 | , zdjbxx: {}//宗地基本信息 |
| 320 | }); | 239 | }, |
| 240 | czrOptions: [], | ||
| 241 | //传递参数 | ||
| 242 | propsParam: this.$attrs, | ||
| 243 | //表单是否可操作 | ||
| 244 | ableOperation: true, | ||
| 245 | rules: {}, | ||
| 246 | bsmSlsq: this.$route.query.bsmSlsq,//受理申请标识码 | ||
| 247 | splicingFdcq2: {//前端根据后台数组组装展示内容 | ||
| 248 | fwxz: ''//房屋性质 | ||
| 249 | , fwjg: ''//房屋结构 | ||
| 250 | , jzmj: '' //建筑面积 | ||
| 251 | , zts: ''//房屋总套数 | ||
| 321 | } | 252 | } |
| 322 | }); | 253 | } |
| 323 | }, | 254 | }, |
| 324 | }, | 255 | methods: { |
| 325 | }; | 256 | //组装房地产权通用信息 |
| 257 | /** | ||
| 258 | * @description: 组装房地产权通用信息 | ||
| 259 | * @author: renchao | ||
| 260 | */ | ||
| 261 | splicingFdcq2Info () { | ||
| 262 | let fdcq2List = this.ruleForm.fdcq2List; | ||
| 263 | let fwxzArr = []; | ||
| 264 | let fwjgArr = []; | ||
| 265 | let jzmj = 0; | ||
| 266 | fdcq2List.forEach(fdcq2 => { | ||
| 267 | fwxzArr.push(fdcq2.fwxzmc); | ||
| 268 | fwjgArr.push(fdcq2.fwjgmc); | ||
| 269 | jzmj += parseFloat(fdcq2.jzmj); | ||
| 270 | }) | ||
| 271 | //将数据转为字符串 | ||
| 272 | //房屋性质 | ||
| 273 | let fwxz = Array.from(new Set(fwxzArr)).join(","); | ||
| 274 | //房屋结构 | ||
| 275 | let fwjg = Array.from(new Set(fwjgArr)).join(","); | ||
| 276 | this.splicingFdcq2.fwxz = fwxz; | ||
| 277 | this.splicingFdcq2.fwjg = fwjg; | ||
| 278 | this.splicingFdcq2.jzmj = jzmj == null ? 0 : jzmj; | ||
| 279 | this.splicingFdcq2.zts = fdcq2List.length; | ||
| 280 | |||
| 281 | }, | ||
| 282 | /** | ||
| 283 | * @description: 更新权利人信息 | ||
| 284 | * @param {*} val | ||
| 285 | * @author: renchao | ||
| 286 | */ | ||
| 287 | upDateQlrxxList (val) { | ||
| 288 | this.ruleForm.qlrList = _.cloneDeep(val); | ||
| 289 | this.czrOptions = this.ruleForm.qlrList; | ||
| 290 | }, | ||
| 291 | /** | ||
| 292 | * @description: showCZInfo | ||
| 293 | * @author: renchao | ||
| 294 | */ | ||
| 295 | showCZInfo () { | ||
| 296 | console.log(this.ruleForm.slsq.gyfs); | ||
| 297 | }, | ||
| 298 | // 更新义务人信息 | ||
| 299 | /** | ||
| 300 | * @description: 更新义务人信息 | ||
| 301 | * @param {*} val | ||
| 302 | * @author: renchao | ||
| 303 | */ | ||
| 304 | upDateYwrxxList (val) { | ||
| 305 | this.ruleForm.ywrList = _.cloneDeep(val); | ||
| 306 | }, | ||
| 307 | /** | ||
| 308 | * @description: onSubmit | ||
| 309 | * @author: renchao | ||
| 310 | */ | ||
| 311 | onSubmit () { | ||
| 312 | saveBatchData(this.ruleForm).then((res) => { | ||
| 313 | if (res.code === 200) { | ||
| 314 | this.$message({ | ||
| 315 | showClose: true, | ||
| 316 | message: "保存成功!", | ||
| 317 | type: "success", | ||
| 318 | }); | ||
| 319 | this.$store.dispatch('user/refreshPage', true); | ||
| 320 | } else { | ||
| 321 | this.$message({ | ||
| 322 | showClose: true, | ||
| 323 | message: res.message, | ||
| 324 | type: "error" | ||
| 325 | }) | ||
| 326 | } | ||
| 327 | }) | ||
| 328 | } | ||
| 329 | } | ||
| 330 | } | ||
| 326 | </script> | 331 | </script> |
| 327 | <style scoped lang="scss"> | 332 | <style scoped lang="scss"> |
| 328 | @import "~@/styles/public.scss"; | 333 | @import "~@/styles/public.scss"; | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-08-04 15:45:47 | 4 | * @LastEditTime: 2023-08-14 13:03:32 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <!-- 受理信息 --> | 7 | <!-- 受理信息 --> |
| ... | @@ -163,7 +163,7 @@ | ... | @@ -163,7 +163,7 @@ |
| 163 | </el-form-item> | 163 | </el-form-item> |
| 164 | </el-col> | 164 | </el-col> |
| 165 | </el-row> | 165 | </el-row> |
| 166 | <qlrCommonTable :tableData="ruleForm.qlrxx" :gyfs="ruleForm.gyfs" :disabled="!ableOperation" /> | 166 | <qlrCommonTable :tableData="ruleForm.qlrList" :gyfs="ruleForm.gyfs" :disabled="!ableOperation" /> |
| 167 | <div class="slxx_title title-block"> | 167 | <div class="slxx_title title-block"> |
| 168 | 登记原因 | 168 | 登记原因 |
| 169 | <div class="triangle"></div> | 169 | <div class="triangle"></div> |
| ... | @@ -206,6 +206,7 @@ | ... | @@ -206,6 +206,7 @@ |
| 206 | ...res.result.qlxxdatas, | 206 | ...res.result.qlxxdatas, |
| 207 | ...res.result.jsydsyqdatas, | 207 | ...res.result.jsydsyqdatas, |
| 208 | }; | 208 | }; |
| 209 | this.czrOptions = this.ruleForm.qlrList; | ||
| 209 | } | 210 | } |
| 210 | }); | 211 | }); |
| 211 | }, | 212 | }, |
| ... | @@ -266,6 +267,7 @@ | ... | @@ -266,6 +267,7 @@ |
| 266 | */ | 267 | */ |
| 267 | upDateTdytxxList (val) { | 268 | upDateTdytxxList (val) { |
| 268 | this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); | 269 | this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); |
| 270 | this.czrOptions = this.ruleForm.qlrData; | ||
| 269 | this.key++; | 271 | this.key++; |
| 270 | }, | 272 | }, |
| 271 | /** | 273 | /** | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-08-04 16:31:38 | 4 | * @LastEditTime: 2023-08-14 13:04:38 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <!-- 受理信息 --> | 7 | <!-- 受理信息 --> |
| ... | @@ -55,12 +55,12 @@ | ... | @@ -55,12 +55,12 @@ |
| 55 | <el-row :gutter="10"> | 55 | <el-row :gutter="10"> |
| 56 | <el-col :span="8"> | 56 | <el-col :span="8"> |
| 57 | <el-form-item label="宗地代码:"> | 57 | <el-form-item label="宗地代码:"> |
| 58 | <el-input v-model="ruleForm.zdjbxx.zddm"></el-input> | 58 | <el-input v-model="ruleForm.zdjbxx.zddm" disabled></el-input> |
| 59 | </el-form-item> | 59 | </el-form-item> |
| 60 | </el-col> | 60 | </el-col> |
| 61 | <el-col :span="8"> | 61 | <el-col :span="8"> |
| 62 | <el-form-item label="不动产单元号:"> | 62 | <el-form-item label="不动产单元号:"> |
| 63 | <el-input v-model="ruleForm.sldy.bdcdyh"></el-input> | 63 | <el-input v-model="ruleForm.sldy.bdcdyh" disabled></el-input> |
| 64 | </el-form-item> | 64 | </el-form-item> |
| 65 | </el-col> | 65 | </el-col> |
| 66 | <el-col :span="8"> | 66 | <el-col :span="8"> | ... | ... |
| ... | @@ -2,7 +2,7 @@ | ... | @@ -2,7 +2,7 @@ |
| 2 | <!-- | 2 | <!-- |
| 3 | * @Description: | 3 | * @Description: |
| 4 | * @Autor: renchao | 4 | * @Autor: renchao |
| 5 | * @LastEditTime: 2023-08-04 16:32:14 | 5 | * @LastEditTime: 2023-08-14 12:54:53 |
| 6 | --> | 6 | --> |
| 7 | <template> | 7 | <template> |
| 8 | <!-- 受理信息 --> | 8 | <!-- 受理信息 --> |
| ... | @@ -232,6 +232,7 @@ | ... | @@ -232,6 +232,7 @@ |
| 232 | Init(formdata).then((res) => { | 232 | Init(formdata).then((res) => { |
| 233 | if (res.code === 200 && res.result) { | 233 | if (res.code === 200 && res.result) { |
| 234 | this.ruleForm = res.result; | 234 | this.ruleForm = res.result; |
| 235 | this.czrOptions = this.ruleForm.qlrList; | ||
| 235 | } | 236 | } |
| 236 | this.$endLoading(); | 237 | this.$endLoading(); |
| 237 | }); | 238 | }); |
| ... | @@ -274,6 +275,8 @@ | ... | @@ -274,6 +275,8 @@ |
| 274 | */ | 275 | */ |
| 275 | upDateQlrxxList (val) { | 276 | upDateQlrxxList (val) { |
| 276 | this.ruleForm.qlrList = _.cloneDeep(val); | 277 | this.ruleForm.qlrList = _.cloneDeep(val); |
| 278 | this.czrOptions = this.ruleForm.qlrList; | ||
| 279 | this.key++ | ||
| 277 | }, | 280 | }, |
| 278 | /** | 281 | /** |
| 279 | * @description: onSubmit | 282 | * @description: onSubmit | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: 房屋多幢受理信息 | 2 | * @Description: 房屋多幢受理信息 |
| 3 | * @Autor: ssq | 3 | * @Autor: ssq |
| 4 | * @LastEditTime: 2023-08-04 15:46:17 | 4 | * @LastEditTime: 2023-08-14 12:49:48 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <div class="slxx"> | 7 | <div class="slxx"> |
| ... | @@ -172,36 +172,29 @@ | ... | @@ -172,36 +172,29 @@ |
| 172 | </el-radio-group> | 172 | </el-radio-group> |
| 173 | </el-form-item> | 173 | </el-form-item> |
| 174 | </el-col> | 174 | </el-col> |
| 175 | <!-- <el-col :span="5"> | 175 | <el-col :span="6" v-show="ruleForm.sldy.gyfs != '0'"> |
| 176 | <el-form-item label="发证方式:"> | ||
| 177 | <el-radio-group v-model="ruleForm.slsq.fzfs" :disabled="!ableOperation"> | ||
| 178 | <el-radio label="1">小证</el-radio> | ||
| 179 | <el-radio label="2">大证</el-radio> | ||
| 180 | </el-radio-group> | ||
| 181 | </el-form-item> | ||
| 182 | </el-col> --> | ||
| 183 | |||
| 184 | <el-col :span="6" v-show="ruleForm.sldy.gyfs == '2'"> | ||
| 185 | <el-form-item label="是否分别持证:"> | 176 | <el-form-item label="是否分别持证:"> |
| 186 | <el-radio-group | 177 | <el-radio-group |
| 187 | v-model="ruleForm.sldy.sqfbcz" | 178 | v-model="ruleForm.sldy.sqfbcz" |
| 188 | :disabled="!ableOperation"> | 179 | :disabled="!ableOperation"> |
| 189 | <el-radio label="1">是</el-radio> | 180 | <el-radio :label="1">是</el-radio> |
| 190 | <el-radio label="0">否</el-radio> | 181 | <el-radio :label="0">否</el-radio> |
| 191 | </el-radio-group> | 182 | </el-radio-group> |
| 192 | </el-form-item> | 183 | </el-form-item> |
| 193 | </el-col> | 184 | </el-col> |
| 194 | <el-col :span="6" v-show="ruleForm.sldy.gyfs == '2'"> | 185 | <el-col |
| 186 | :span="6" | ||
| 187 | v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'"> | ||
| 195 | <el-form-item label="持证人:"> | 188 | <el-form-item label="持证人:"> |
| 196 | <el-select | 189 | <el-select |
| 197 | v-model="ruleForm.slsq.czr" | 190 | v-model="ruleForm.czr" |
| 198 | placeholder="持证人" | 191 | placeholder="持证人" |
| 199 | :disabled="!ableOperation"> | 192 | :disabled="!ableOperation"> |
| 200 | <el-option | 193 | <el-option |
| 201 | v-for="item in czrOptions" | 194 | v-for="(item,index) in czrOptions" |
| 202 | :key="item.value" | 195 | :key="index" |
| 203 | :label="item.label" | 196 | :label="item.sqrmc" |
| 204 | :value="item.value"> | 197 | :value="item.zjh"> |
| 205 | </el-option> | 198 | </el-option> |
| 206 | </el-select> | 199 | </el-select> |
| 207 | </el-form-item> | 200 | </el-form-item> |
| ... | @@ -274,6 +267,7 @@ | ... | @@ -274,6 +267,7 @@ |
| 274 | this.ruleForm.slsq.fzfs == null | 267 | this.ruleForm.slsq.fzfs == null |
| 275 | ? (this.ruleForm.slsq.fzfs = "1") | 268 | ? (this.ruleForm.slsq.fzfs = "1") |
| 276 | : this.ruleForm.slsq.fzfs; | 269 | : this.ruleForm.slsq.fzfs; |
| 270 | this.czrOptions = this.ruleForm.qlrList; | ||
| 277 | } | 271 | } |
| 278 | }); | 272 | }); |
| 279 | }, | 273 | }, |
| ... | @@ -313,7 +307,6 @@ | ... | @@ -313,7 +307,6 @@ |
| 313 | }; | 307 | }; |
| 314 | }, | 308 | }, |
| 315 | methods: { | 309 | methods: { |
| 316 | // 更新土地用途信息 | ||
| 317 | /** | 310 | /** |
| 318 | * @description: 更新土地用途信息 | 311 | * @description: 更新土地用途信息 |
| 319 | * @param {*} val | 312 | * @param {*} val |
| ... | @@ -321,9 +314,7 @@ | ... | @@ -321,9 +314,7 @@ |
| 321 | */ | 314 | */ |
| 322 | upDateTdytxxList (val) { | 315 | upDateTdytxxList (val) { |
| 323 | this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); | 316 | this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); |
| 324 | this.key++; | ||
| 325 | }, | 317 | }, |
| 326 | // 更新权利人信息 | ||
| 327 | /** | 318 | /** |
| 328 | * @description: 更新权利人信息 | 319 | * @description: 更新权利人信息 |
| 329 | * @param {*} val | 320 | * @param {*} val |
| ... | @@ -331,10 +322,11 @@ | ... | @@ -331,10 +322,11 @@ |
| 331 | */ | 322 | */ |
| 332 | upDateQlrxxList (val) { | 323 | upDateQlrxxList (val) { |
| 333 | this.ruleForm.qlrList = _.cloneDeep(val); | 324 | this.ruleForm.qlrList = _.cloneDeep(val); |
| 325 | this.czrOptions = this.ruleForm.qlrList; | ||
| 326 | this.key++; | ||
| 334 | }, | 327 | }, |
| 335 | // 更新权利人信息 | ||
| 336 | /** | 328 | /** |
| 337 | * @description: 更新权利人信息 | 329 | * @description: 更新业务人信息 |
| 338 | * @param {*} val | 330 | * @param {*} val |
| 339 | * @author: renchao | 331 | * @author: renchao |
| 340 | */ | 332 | */ | ... | ... |
| ... | @@ -258,12 +258,8 @@ | ... | @@ -258,12 +258,8 @@ |
| 258 | formdata.append("isEdit", this.ableOperation); | 258 | formdata.append("isEdit", this.ableOperation); |
| 259 | Init(formdata).then((res) => { | 259 | Init(formdata).then((res) => { |
| 260 | this.ruleForm = res.result; | 260 | this.ruleForm = res.result; |
| 261 | this.czrOptions = this.ruleForm.qlrList; | ||
| 261 | this.$endLoading(); | 262 | this.$endLoading(); |
| 262 | if (res.code === 200) { | ||
| 263 | } | ||
| 264 | else { | ||
| 265 | this.$alert(res.message, '提示'); | ||
| 266 | } | ||
| 267 | }) | 263 | }) |
| 268 | }, | 264 | }, |
| 269 | components: { qlrCommonTable, JtcyTable }, | 265 | components: { qlrCommonTable, JtcyTable }, |
| ... | @@ -317,6 +313,7 @@ | ... | @@ -317,6 +313,7 @@ |
| 317 | */ | 313 | */ |
| 318 | upDateQlrxxList (val) { | 314 | upDateQlrxxList (val) { |
| 319 | this.ruleForm.qlrList = _.cloneDeep(val) | 315 | this.ruleForm.qlrList = _.cloneDeep(val) |
| 316 | this.czrOptions = this.ruleForm.qlrList; | ||
| 320 | }, | 317 | }, |
| 321 | /** | 318 | /** |
| 322 | * @description: upDateJtcyList | 319 | * @description: upDateJtcyList | ... | ... |
| ... | @@ -263,12 +263,9 @@ | ... | @@ -263,12 +263,9 @@ |
| 263 | formdata.append("isEdit", this.ableOperation); | 263 | formdata.append("isEdit", this.ableOperation); |
| 264 | Init(formdata).then((res) => { | 264 | Init(formdata).then((res) => { |
| 265 | this.ruleForm = res.result; | 265 | this.ruleForm = res.result; |
| 266 | this.czrOptions = this.ruleForm.qlrList; | ||
| 266 | this.$endLoading(); | 267 | this.$endLoading(); |
| 267 | if (res.code === 200) { | 268 | |
| 268 | } | ||
| 269 | else { | ||
| 270 | this.$alert(res.message, '提示'); | ||
| 271 | } | ||
| 272 | }) | 269 | }) |
| 273 | }, | 270 | }, |
| 274 | components: { qlrCommonTable, JtcyTable }, | 271 | components: { qlrCommonTable, JtcyTable }, |
| ... | @@ -310,7 +307,6 @@ | ... | @@ -310,7 +307,6 @@ |
| 310 | } | 307 | } |
| 311 | }); | 308 | }); |
| 312 | }, | 309 | }, |
| 313 | //权利人更新 | ||
| 314 | /** | 310 | /** |
| 315 | * @description: 权利人更新 | 311 | * @description: 权利人更新 |
| 316 | * @param {*} val | 312 | * @param {*} val |
| ... | @@ -318,8 +314,8 @@ | ... | @@ -318,8 +314,8 @@ |
| 318 | */ | 314 | */ |
| 319 | upDateQlrxxList (val) { | 315 | upDateQlrxxList (val) { |
| 320 | this.ruleForm.qlrList = _.cloneDeep(val) | 316 | this.ruleForm.qlrList = _.cloneDeep(val) |
| 317 | this.czrOptions = this.ruleForm.qlrList; | ||
| 321 | }, | 318 | }, |
| 322 | // 更新义务人信息 | ||
| 323 | /** | 319 | /** |
| 324 | * @description: 更新义务人信息 | 320 | * @description: 更新义务人信息 |
| 325 | * @param {*} val | 321 | * @param {*} val | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-08-04 15:51:27 | 4 | * @LastEditTime: 2023-08-14 13:06:03 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <!-- 受理信息 --> | 7 | <!-- 受理信息 --> |
| ... | @@ -358,6 +358,7 @@ | ... | @@ -358,6 +358,7 @@ |
| 358 | Init(formdata).then((res) => { | 358 | Init(formdata).then((res) => { |
| 359 | this.$nextTick(() => { | 359 | this.$nextTick(() => { |
| 360 | that.ruleForm = res.result; | 360 | that.ruleForm = res.result; |
| 361 | this.czrOptions = this.ruleForm.qlrList; | ||
| 361 | that.$endLoading(); | 362 | that.$endLoading(); |
| 362 | that.isShow = true; | 363 | that.isShow = true; |
| 363 | this.czrOptions = this.ruleForm.qlrList; | 364 | this.czrOptions = this.ruleForm.qlrList; |
| ... | @@ -394,7 +395,6 @@ | ... | @@ -394,7 +395,6 @@ |
| 394 | }; | 395 | }; |
| 395 | }, | 396 | }, |
| 396 | methods: { | 397 | methods: { |
| 397 | // 更新土地用途信息 | ||
| 398 | /** | 398 | /** |
| 399 | * @description: 更新土地用途信息 | 399 | * @description: 更新土地用途信息 |
| 400 | * @param {*} val | 400 | * @param {*} val |
| ... | @@ -404,7 +404,6 @@ | ... | @@ -404,7 +404,6 @@ |
| 404 | this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); | 404 | this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); |
| 405 | this.key++; | 405 | this.key++; |
| 406 | }, | 406 | }, |
| 407 | // 更新权利人信息 | ||
| 408 | /** | 407 | /** |
| 409 | * @description: 更新权利人信息 | 408 | * @description: 更新权利人信息 |
| 410 | * @param {*} val | 409 | * @param {*} val | ... | ... |
| ... | @@ -228,8 +228,8 @@ | ... | @@ -228,8 +228,8 @@ |
| 228 | formdata.append("isEdit", this.ableOperation); | 228 | formdata.append("isEdit", this.ableOperation); |
| 229 | Init(formdata).then(res => { | 229 | Init(formdata).then(res => { |
| 230 | if (res.code === 200 && res.result) { | 230 | if (res.code === 200 && res.result) { |
| 231 | console.log(res.result.ygdj.ygdjzlmc); | ||
| 232 | this.ruleForm = res.result; | 231 | this.ruleForm = res.result; |
| 232 | this.czrOptions = this.ruleForm.qlrList; | ||
| 233 | this.$endLoading(); | 233 | this.$endLoading(); |
| 234 | } | 234 | } |
| 235 | }) | 235 | }) |
| ... | @@ -258,7 +258,6 @@ | ... | @@ -258,7 +258,6 @@ |
| 258 | }; | 258 | }; |
| 259 | }, | 259 | }, |
| 260 | methods: { | 260 | methods: { |
| 261 | // 更新权利人信息 | ||
| 262 | /** | 261 | /** |
| 263 | * @description: 更新权利人信息 | 262 | * @description: 更新权利人信息 |
| 264 | * @param {*} val | 263 | * @param {*} val |
| ... | @@ -266,10 +265,10 @@ | ... | @@ -266,10 +265,10 @@ |
| 266 | */ | 265 | */ |
| 267 | upDateQlrxxList (val) { | 266 | upDateQlrxxList (val) { |
| 268 | this.ruleForm.qlrList = _.cloneDeep(val); | 267 | this.ruleForm.qlrList = _.cloneDeep(val); |
| 268 | this.czrOptions = this.ruleForm.qlrList | ||
| 269 | }, | 269 | }, |
| 270 | // 更新权利人信息 | ||
| 271 | /** | 270 | /** |
| 272 | * @description: 更新权利人信息 | 271 | * @description: 更新业务人信息 |
| 273 | * @param {*} val | 272 | * @param {*} val |
| 274 | * @author: renchao | 273 | * @author: renchao |
| 275 | */ | 274 | */ | ... | ... |
| ... | @@ -198,6 +198,7 @@ | ... | @@ -198,6 +198,7 @@ |
| 198 | if (res.code === 200 && res.result) { | 198 | if (res.code === 200 && res.result) { |
| 199 | this.$endLoading(); | 199 | this.$endLoading(); |
| 200 | this.ruleForm = res.result; | 200 | this.ruleForm = res.result; |
| 201 | this.czrOptions = this.ruleForm.qlrList; | ||
| 201 | } | 202 | } |
| 202 | }); | 203 | }); |
| 203 | }, | 204 | }, |
| ... | @@ -232,7 +233,6 @@ | ... | @@ -232,7 +233,6 @@ |
| 232 | } | 233 | } |
| 233 | }); | 234 | }); |
| 234 | }, | 235 | }, |
| 235 | // 更新权利人信息 | ||
| 236 | /** | 236 | /** |
| 237 | * @description: 更新权利人信息 | 237 | * @description: 更新权利人信息 |
| 238 | * @param {*} val | 238 | * @param {*} val |
| ... | @@ -240,10 +240,10 @@ | ... | @@ -240,10 +240,10 @@ |
| 240 | */ | 240 | */ |
| 241 | upDateQlrxxList (val) { | 241 | upDateQlrxxList (val) { |
| 242 | this.ruleForm.qlrList = _.cloneDeep(val); | 242 | this.ruleForm.qlrList = _.cloneDeep(val); |
| 243 | this.czrOptions = this.ruleForm.qlrList; | ||
| 243 | }, | 244 | }, |
| 244 | // 更新权利人信息 | ||
| 245 | /** | 245 | /** |
| 246 | * @description: 更新权利人信息 | 246 | * @description: 更新业务人信息 |
| 247 | * @param {*} val | 247 | * @param {*} val |
| 248 | * @author: renchao | 248 | * @author: renchao |
| 249 | */ | 249 | */ | ... | ... |
| ... | @@ -260,6 +260,7 @@ | ... | @@ -260,6 +260,7 @@ |
| 260 | Init(formdata).then((res) => { | 260 | Init(formdata).then((res) => { |
| 261 | if (res.code === 200 && res.result) { | 261 | if (res.code === 200 && res.result) { |
| 262 | that.ruleForm = res.result; | 262 | that.ruleForm = res.result; |
| 263 | this.czrOptions = this.ruleForm.qlrList; | ||
| 263 | setTimeout(() => { | 264 | setTimeout(() => { |
| 264 | that.loading = false | 265 | that.loading = false |
| 265 | }, 300) | 266 | }, 300) |
| ... | @@ -285,7 +286,6 @@ | ... | @@ -285,7 +286,6 @@ |
| 285 | }; | 286 | }; |
| 286 | }, | 287 | }, |
| 287 | methods: { | 288 | methods: { |
| 288 | // 更新权利人信息 | ||
| 289 | /** | 289 | /** |
| 290 | * @description: 更新权利人信息 | 290 | * @description: 更新权利人信息 |
| 291 | * @param {*} val | 291 | * @param {*} val |
| ... | @@ -293,10 +293,10 @@ | ... | @@ -293,10 +293,10 @@ |
| 293 | */ | 293 | */ |
| 294 | upDateQlrxxList (val) { | 294 | upDateQlrxxList (val) { |
| 295 | this.ruleForm.qlrList = _.cloneDeep(val); | 295 | this.ruleForm.qlrList = _.cloneDeep(val); |
| 296 | this.czrOptions = this.ruleForm.qlrList | ||
| 296 | }, | 297 | }, |
| 297 | // 更新权利人信息 | ||
| 298 | /** | 298 | /** |
| 299 | * @description: 更新权利人信息 | 299 | * @description: 义务人信息 |
| 300 | * @param {*} val | 300 | * @param {*} val |
| 301 | * @author: renchao | 301 | * @author: renchao |
| 302 | */ | 302 | */ | ... | ... |
| ... | @@ -222,9 +222,8 @@ | ... | @@ -222,9 +222,8 @@ |
| 222 | bacthInit(formdata).then((res) => { | 222 | bacthInit(formdata).then((res) => { |
| 223 | this.$endLoading(); | 223 | this.$endLoading(); |
| 224 | if (res.code === 200 && res.result) { | 224 | if (res.code === 200 && res.result) { |
| 225 | this.$nextTick(() => { | 225 | this.ruleForm = res.result; |
| 226 | this.ruleForm = res.result; | 226 | this.czrOptions = this.ruleForm.qlrList; |
| 227 | }) | ||
| 228 | } else { | 227 | } else { |
| 229 | this.$message.error(res.message); | 228 | this.$message.error(res.message); |
| 230 | } | 229 | } |
| ... | @@ -280,6 +279,7 @@ | ... | @@ -280,6 +279,7 @@ |
| 280 | upDateQlrxxList (val) { | 279 | upDateQlrxxList (val) { |
| 281 | if (!_.isEqual(val, this.ruleForm.qlrList)) { | 280 | if (!_.isEqual(val, this.ruleForm.qlrList)) { |
| 282 | this.ruleForm.qlrList = _.cloneDeep(val); | 281 | this.ruleForm.qlrList = _.cloneDeep(val); |
| 282 | this.czrOptions = this.ruleForm.qlrList; | ||
| 283 | } | 283 | } |
| 284 | }, | 284 | }, |
| 285 | // 更新义务人信息 | 285 | // 更新义务人信息 | ... | ... |
| ... | @@ -274,8 +274,8 @@ | ... | @@ -274,8 +274,8 @@ |
| 274 | Init(formdata).then((res) => { | 274 | Init(formdata).then((res) => { |
| 275 | if (res.code === 200 && res.result) { | 275 | if (res.code === 200 && res.result) { |
| 276 | this.ruleForm = res.result; | 276 | this.ruleForm = res.result; |
| 277 | this.czrOptions = this.ruleForm.qlrList; | ||
| 277 | this.$endLoading(); | 278 | this.$endLoading(); |
| 278 | //this.ruleForm.diyaq.sfczjzhxz = "0"; | ||
| 279 | } | 279 | } |
| 280 | }) | 280 | }) |
| 281 | }, | 281 | }, |
| ... | @@ -319,7 +319,6 @@ | ... | @@ -319,7 +319,6 @@ |
| 319 | }); | 319 | }); |
| 320 | }, | 320 | }, |
| 321 | 321 | ||
| 322 | // 更新权利人信息 | ||
| 323 | /** | 322 | /** |
| 324 | * @description: 更新权利人信息 | 323 | * @description: 更新权利人信息 |
| 325 | * @param {*} val | 324 | * @param {*} val |
| ... | @@ -328,6 +327,7 @@ | ... | @@ -328,6 +327,7 @@ |
| 328 | upDateQlrxxList (val) { | 327 | upDateQlrxxList (val) { |
| 329 | if (!_.isEqual(val, this.ruleForm.qlrList)) { | 328 | if (!_.isEqual(val, this.ruleForm.qlrList)) { |
| 330 | this.ruleForm.qlrList = _.cloneDeep(val); | 329 | this.ruleForm.qlrList = _.cloneDeep(val); |
| 330 | this.czrOptions = this.ruleForm.qlrList | ||
| 331 | } | 331 | } |
| 332 | }, | 332 | }, |
| 333 | // 更新义务人信息 | 333 | // 更新义务人信息 | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-08-07 16:06:37 | 4 | * @LastEditTime: 2023-08-14 13:26:06 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <div class="from-clues"> | 7 | <div class="from-clues"> |
| ... | @@ -9,7 +9,7 @@ | ... | @@ -9,7 +9,7 @@ |
| 9 | <el-tab-pane label="自然幢" name="zrz"></el-tab-pane> | 9 | <el-tab-pane label="自然幢" name="zrz"></el-tab-pane> |
| 10 | <el-tab-pane label="多幢" name="dz"></el-tab-pane> | 10 | <el-tab-pane label="多幢" name="dz"></el-tab-pane> |
| 11 | </el-tabs> | 11 | </el-tabs> |
| 12 | <div v-if="activeName == 'zrz'"> | 12 | <div v-show="activeName == 'zrz'"> |
| 13 | <div class="from-clues-header"> | 13 | <div class="from-clues-header"> |
| 14 | <el-form :model="queryzrzForm" ref="queryzrzForm" label-width="110px"> | 14 | <el-form :model="queryzrzForm" ref="queryzrzForm" label-width="110px"> |
| 15 | <el-row> | 15 | <el-row> |
| ... | @@ -72,7 +72,7 @@ | ... | @@ -72,7 +72,7 @@ |
| 72 | <el-button type="primary" plain @click="submitForm" :loading="loading">发起申请</el-button> | 72 | <el-button type="primary" plain @click="submitForm" :loading="loading">发起申请</el-button> |
| 73 | </div> | 73 | </div> |
| 74 | </div> | 74 | </div> |
| 75 | <div v-if="activeName == 'dz'"> | 75 | <div v-show="activeName == 'dz'"> |
| 76 | <div class="from-clues-header"> | 76 | <div class="from-clues-header"> |
| 77 | <el-form :model="querydzForm" ref="querydzForm" label-width="110px"> | 77 | <el-form :model="querydzForm" ref="querydzForm" label-width="110px"> |
| 78 | <el-row> | 78 | <el-row> |
| ... | @@ -112,7 +112,7 @@ | ... | @@ -112,7 +112,7 @@ |
| 112 | </el-form> | 112 | </el-form> |
| 113 | </div> | 113 | </div> |
| 114 | <div class="from-clues-content loadingtext"> | 114 | <div class="from-clues-content loadingtext"> |
| 115 | <lb-table ref="table" @row-click="handleRowClick" :page-size="pageData.pageSize" :calcHeight="400" | 115 | <lb-table ref="table" @row-click="handleRowClick" :page-size="pageData.pageSize" :calcHeight="300" |
| 116 | :current-page.sync="pageData.currentPage" :total="dztableData.total" @size-change="handleSizeChange" @select="select" | 116 | :current-page.sync="pageData.currentPage" :total="dztableData.total" @size-change="handleSizeChange" @select="select" |
| 117 | @p-current-change="handleCurrentChange" @selection-change="handleSelectionChange" :column="dztableData.columns" | 117 | @p-current-change="handleCurrentChange" @selection-change="handleSelectionChange" :column="dztableData.columns" |
| 118 | :data="dztableData.data"> | 118 | :data="dztableData.data"> |
| ... | @@ -354,8 +354,8 @@ | ... | @@ -354,8 +354,8 @@ |
| 354 | * @author: renchao | 354 | * @author: renchao |
| 355 | */ | 355 | */ |
| 356 | handleRowClick (row) { | 356 | handleRowClick (row) { |
| 357 | // 如果状态是1,那就是单选 | 357 | // 自然幢多选,多幢单选 |
| 358 | if (this.sqywInfo.sqywdylx == "1") { | 358 | if (this.activeName == 'dz') { |
| 359 | const bdcdysz = this.bdcdysz | 359 | const bdcdysz = this.bdcdysz |
| 360 | this.$refs.table.clearSelection() | 360 | this.$refs.table.clearSelection() |
| 361 | if (bdcdysz.length == 1) { | 361 | if (bdcdysz.length == 1) { | ... | ... |
| 1 | <!-- | ||
| 2 | * @Description: | ||
| 3 | * @Autor: renchao | ||
| 4 | * @LastEditTime: 2023-08-10 16:30:18 | ||
| 5 | --> | ||
| 6 | <template> | ||
| 7 | <div class="from-clues"> | ||
| 8 | <!-- 表单部分 林权转移变更注销 --> | ||
| 9 | <div class="from-clues-header"> | ||
| 10 | <el-form :model="queryForm" ref="queryForm"> | ||
| 11 | <el-row :gutter="20"> | ||
| 12 | <el-col :span="6"> | ||
| 13 | <el-form-item label="宗地代码"> | ||
| 14 | <el-input placeholder="请输入宗地代码" maxlength="19" v-model="queryForm.zddm" clearable class="width100"> | ||
| 15 | </el-input> | ||
| 16 | </el-form-item> | ||
| 17 | </el-col> | ||
| 18 | <el-col :span="6"> | ||
| 19 | <el-form-item label="不动产单元号"> | ||
| 20 | <el-input placeholder="请输入不动产单元号" maxlength="28" v-model="queryForm.bdcdyh" clearable class="width100"> | ||
| 21 | </el-input> | ||
| 22 | </el-form-item> | ||
| 23 | </el-col> | ||
| 24 | <el-col :span="6"> | ||
| 25 | <el-form-item label="坐落"> | ||
| 26 | <el-input placeholder="请输入坐落" v-model.trim="queryForm.zl" clearable class="width100"> | ||
| 27 | </el-input> | ||
| 28 | </el-form-item> | ||
| 29 | </el-col> | ||
| 30 | <el-col :span="6" class="btnColRight"> | ||
| 31 | <el-form-item> | ||
| 32 | <!-- <el-button type="primary" @click="resetForm(true)">重置</el-button> --> | ||
| 33 | <el-button type="primary" @click="handleSearch">查询</el-button> | ||
| 34 | </el-form-item> | ||
| 35 | </el-col> | ||
| 36 | </el-row> | ||
| 37 | </el-form> | ||
| 38 | </div> | ||
| 39 | <!-- 表格 --> | ||
| 40 | <div class="from-clues-content loadingtext"> | ||
| 41 | <lb-table ref="table" @row-click="handleRowClick" :page-size="pageData.pageSize" :calcHeight="300" | ||
| 42 | :current-page.sync="pageData.currentPage" :total="tableData.total" @size-change="handleSizeChange" @select="select" | ||
| 43 | @p-current-change="handleCurrentChange" @selection-change="handleSelectionChange" :column="tableData.columns" | ||
| 44 | :data="tableData.data"> | ||
| 45 | </lb-table> | ||
| 46 | </div> | ||
| 47 | <div class="submit_button"> | ||
| 48 | <el-button @click="$popupCacel">取消</el-button> | ||
| 49 | <el-button type="primary" plain @click="submitForm" :loading="loading">发起申请</el-button> | ||
| 50 | </div> | ||
| 51 | </div> | ||
| 52 | </template> | ||
| 53 | <script> | ||
| 54 | //首次登记 | ||
| 55 | import jump from "./mixin/jump"; | ||
| 56 | import store from '@/store/index.js' | ||
| 57 | import table from "@/utils/mixin/table"; | ||
| 58 | import { ywPopupDialog } from "@/utils/popup.js"; | ||
| 59 | import { selectLq } from "@/api/ywsq.js"; | ||
| 60 | import { startBusinessFlow } from "@/api/workFlow.js"; | ||
| 61 | import { datas, sendThis } from "../javascript/selectQjzdjbxx.js"; | ||
| 62 | import { defaultParameters } from "../javascript/publicDefaultPar.js"; | ||
| 63 | export default { | ||
| 64 | mixins: [table, jump], | ||
| 65 | props: { | ||
| 66 | isJump: { type: Boolean, default: false }, | ||
| 67 | sqywInfo: { type: Object, default: () => { } }, | ||
| 68 | }, | ||
| 69 | data () { | ||
| 70 | return { | ||
| 71 | loading: false, | ||
| 72 | queryForm: defaultParameters.defaultParameters(), | ||
| 73 | tableData: { | ||
| 74 | total: 0, | ||
| 75 | columns: datas.columns(), | ||
| 76 | data: [], | ||
| 77 | }, | ||
| 78 | bdcdysz: [], | ||
| 79 | bsmSqyw: | ||
| 80 | this.sqywInfo.nodetype === "djlx" | ||
| 81 | ? this.sqywInfo.bsmSqyw | ||
| 82 | : this.sqywInfo.parentid, | ||
| 83 | }; | ||
| 84 | }, | ||
| 85 | mounted () { | ||
| 86 | sendThis(this); | ||
| 87 | }, | ||
| 88 | methods: { | ||
| 89 | /** | ||
| 90 | * @description: queryClick | ||
| 91 | * @author: renchao | ||
| 92 | */ | ||
| 93 | queryClick () { | ||
| 94 | this.$startLoading(); | ||
| 95 | this.queryForm.sqywbm = this.sqywInfo.djywbm; | ||
| 96 | selectLq({ ...this.queryForm, ...this.pageData }).then((res) => { | ||
| 97 | this.$endLoading(); | ||
| 98 | if (res.code === 200) { | ||
| 99 | let { total, records } = res.result; | ||
| 100 | this.tableData.total = total; | ||
| 101 | this.tableData.data = records; | ||
| 102 | } | ||
| 103 | }); | ||
| 104 | }, | ||
| 105 | |||
| 106 | /** | ||
| 107 | * @description: submitForm | ||
| 108 | * @author: renchao | ||
| 109 | */ | ||
| 110 | submitForm () { | ||
| 111 | if (this.bdcdysz.length == 0) { | ||
| 112 | this.$alert("请至少选择一条数据"); | ||
| 113 | return; | ||
| 114 | } | ||
| 115 | this.loading = true | ||
| 116 | startBusinessFlow({ | ||
| 117 | bsmSqyw: this.bsmSqyw, | ||
| 118 | bdcdysz: this.bdcdysz, | ||
| 119 | djqxbm: this.sqywInfo.nodetype == "djqx" ? this.sqywInfo.nodecode : "", | ||
| 120 | djqxmc: this.sqywInfo.nodetype == "djqx" ? this.sqywInfo.nodename : "", | ||
| 121 | }).then((res) => { | ||
| 122 | this.loading = false | ||
| 123 | if (res.code == 200) { | ||
| 124 | this.$message({ | ||
| 125 | showClose: true, | ||
| 126 | message: "发起申请成功", | ||
| 127 | type: "success", | ||
| 128 | }); | ||
| 129 | if (!this.isJump) { | ||
| 130 | this.jump(res.result, this.djywbm); | ||
| 131 | } else { | ||
| 132 | store.dispatch('user/refreshPage', true); | ||
| 133 | } | ||
| 134 | this.$popupCacel() | ||
| 135 | } else { | ||
| 136 | ywPopupDialog("申请错误明细", "components/ywdialog", { message: res.message, result: res.result }, '36%') | ||
| 137 | } | ||
| 138 | }).catch(() => { | ||
| 139 | this.loading = false | ||
| 140 | }) | ||
| 141 | }, | ||
| 142 | /** | ||
| 143 | * @description: handleSelectionChange | ||
| 144 | * @param {*} val | ||
| 145 | * @author: renchao | ||
| 146 | */ | ||
| 147 | handleSelectionChange (val) { | ||
| 148 | val.forEach((item, index) => { | ||
| 149 | item.bsm = item.zdbsm; | ||
| 150 | }); | ||
| 151 | if (this.sqywInfo.sqywdylx == "1") { | ||
| 152 | if (val.length > 1) { | ||
| 153 | this.bdcdysz = [...val[val.length - 1]]; | ||
| 154 | } else { | ||
| 155 | this.bdcdysz = val; | ||
| 156 | } | ||
| 157 | } else { | ||
| 158 | this.bdcdysz = val; | ||
| 159 | } | ||
| 160 | }, | ||
| 161 | /** | ||
| 162 | * @description: select | ||
| 163 | * @param {*} selection | ||
| 164 | * @param {*} row | ||
| 165 | * @author: renchao | ||
| 166 | */ | ||
| 167 | select (selection, row) { | ||
| 168 | if (this.sqywInfo.sqywdylx == "1") { | ||
| 169 | // 清除 所有勾选项 | ||
| 170 | this.$refs.table.clearSelection() | ||
| 171 | // 当表格数据都没有被勾选的时候 就返回 | ||
| 172 | // 主要用于将当前勾选的表格状态清除 | ||
| 173 | if (selection.length == 0) return | ||
| 174 | this.$refs.table.toggleRowSelection(row, true); | ||
| 175 | } | ||
| 176 | }, | ||
| 177 | |||
| 178 | /** | ||
| 179 | * @description: handleRowClick | ||
| 180 | * @param {*} row | ||
| 181 | * @author: renchao | ||
| 182 | */ | ||
| 183 | handleRowClick (row) { | ||
| 184 | // 如果状态是1,那就是单选 | ||
| 185 | if (this.sqywInfo.sqywdylx == "1") { | ||
| 186 | const bdcdysz = this.bdcdysz | ||
| 187 | this.$refs.table.clearSelection() | ||
| 188 | if (bdcdysz.length == 1) { | ||
| 189 | bdcdysz.forEach(item => { | ||
| 190 | // 判断 如果当前的一行被勾选, 再次点击的时候就会取消选中 | ||
| 191 | if (item == row) { | ||
| 192 | this.$refs.table.toggleRowSelection(row, false); | ||
| 193 | } | ||
| 194 | // 不然就让当前的一行勾选 | ||
| 195 | else { | ||
| 196 | this.$refs.table.toggleRowSelection(row, true); | ||
| 197 | } | ||
| 198 | }) | ||
| 199 | } | ||
| 200 | else { | ||
| 201 | this.$refs.table.toggleRowSelection(row, true); | ||
| 202 | } | ||
| 203 | } else { | ||
| 204 | this.$refs.table.toggleRowSelection(row); | ||
| 205 | } | ||
| 206 | }, | ||
| 207 | /** | ||
| 208 | * @description: openBook | ||
| 209 | * @param {*} row | ||
| 210 | * @author: renchao | ||
| 211 | */ | ||
| 212 | openBook (row) { | ||
| 213 | var param = { | ||
| 214 | bdcdyid: row.bdcdyid, | ||
| 215 | qllx: row.qllx, | ||
| 216 | bdcdyh: row.bdcdyh, | ||
| 217 | bsmQlxx: row.bsmQlxx, | ||
| 218 | }; | ||
| 219 | this.$popup("登记簿详情", "registerBook/djbFrame", { | ||
| 220 | formData: param | ||
| 221 | }) | ||
| 222 | }, | ||
| 223 | |||
| 224 | }, | ||
| 225 | }; | ||
| 226 | </script> | ||
| 227 | <style scoped lang="scss"> | ||
| 228 | @import "~@/styles/mixin.scss"; | ||
| 229 | @import "~@/styles/public.scss"; | ||
| 230 | </style> | ||
| 231 |
| 1 | <!-- | ||
| 2 | * @Description: | ||
| 3 | * @Autor: renchao | ||
| 4 | * @LastEditTime: 2023-08-11 15:54:34 | ||
| 5 | --> | ||
| 6 | <template> | ||
| 7 | <div class="from-clues"> | ||
| 8 | <!-- 表单部分 林权首次 --> | ||
| 9 | <div class="from-clues-header"> | ||
| 10 | <el-form :model="queryForm" ref="queryForm"> | ||
| 11 | <el-row :gutter="20"> | ||
| 12 | <el-col :span="6"> | ||
| 13 | <el-form-item label="宗地代码"> | ||
| 14 | <el-input placeholder="请输入宗地代码" maxlength="19" v-model="queryForm.zddm" clearable class="width100"> | ||
| 15 | </el-input> | ||
| 16 | </el-form-item> | ||
| 17 | </el-col> | ||
| 18 | <el-col :span="6"> | ||
| 19 | <el-form-item label="不动产单元号"> | ||
| 20 | <el-input placeholder="请输入不动产单元号" maxlength="28" v-model="queryForm.bdcdyh" clearable class="width100"> | ||
| 21 | </el-input> | ||
| 22 | </el-form-item> | ||
| 23 | </el-col> | ||
| 24 | <el-col :span="6"> | ||
| 25 | <el-form-item label="坐落"> | ||
| 26 | <el-input placeholder="请输入坐落" v-model.trim="queryForm.zl" clearable class="width100"> | ||
| 27 | </el-input> | ||
| 28 | </el-form-item> | ||
| 29 | </el-col> | ||
| 30 | <el-col :span="6" class="btnColRight"> | ||
| 31 | <el-form-item> | ||
| 32 | <!-- <el-button type="primary" @click="resetForm(true)">重置</el-button> --> | ||
| 33 | <el-button type="primary" @click="handleSearch">查询</el-button> | ||
| 34 | </el-form-item> | ||
| 35 | </el-col> | ||
| 36 | </el-row> | ||
| 37 | </el-form> | ||
| 38 | </div> | ||
| 39 | <!-- 表格 --> | ||
| 40 | <div class="from-clues-content loadingtext"> | ||
| 41 | <lb-table ref="table" @row-click="handleRowClick" :page-size="pageData.pageSize" :calcHeight="300" | ||
| 42 | :current-page.sync="pageData.currentPage" :total="tableData.total" @size-change="handleSizeChange" @select="select" | ||
| 43 | @p-current-change="handleCurrentChange" @selection-change="handleSelectionChange" :column="tableData.columns" | ||
| 44 | :data="tableData.data"> | ||
| 45 | </lb-table> | ||
| 46 | </div> | ||
| 47 | <div class="submit_button"> | ||
| 48 | <el-button @click="$popupCacel">取消</el-button> | ||
| 49 | <el-button type="primary" plain @click="submitForm" :loading="loading">发起申请</el-button> | ||
| 50 | </div> | ||
| 51 | </div> | ||
| 52 | </template> | ||
| 53 | <script> | ||
| 54 | //首次登记 | ||
| 55 | import jump from "./mixin/jump"; | ||
| 56 | import store from '@/store/index.js' | ||
| 57 | import table from "@/utils/mixin/table"; | ||
| 58 | import { ywPopupDialog } from "@/utils/popup.js"; | ||
| 59 | import { selectZdjbxx } from "@/api/ywsq.js"; | ||
| 60 | import { startBusinessFlow } from "@/api/workFlow.js"; | ||
| 61 | import { datas, sendThis } from "../javascript/selectQjzdjbxx.js"; | ||
| 62 | import { defaultParameters } from "../javascript/publicDefaultPar.js"; | ||
| 63 | export default { | ||
| 64 | mixins: [table, jump], | ||
| 65 | props: { | ||
| 66 | isJump: { type: Boolean, default: false }, | ||
| 67 | sqywInfo: { type: Object, default: () => { } }, | ||
| 68 | }, | ||
| 69 | data () { | ||
| 70 | return { | ||
| 71 | loading: false, | ||
| 72 | queryForm: defaultParameters.defaultParameters(), | ||
| 73 | tableData: { | ||
| 74 | total: 0, | ||
| 75 | columns: datas.columns(), | ||
| 76 | data: [], | ||
| 77 | }, | ||
| 78 | bdcdysz: [], | ||
| 79 | bsmSqyw: | ||
| 80 | this.sqywInfo.nodetype === "djlx" | ||
| 81 | ? this.sqywInfo.bsmSqyw | ||
| 82 | : this.sqywInfo.parentid, | ||
| 83 | }; | ||
| 84 | }, | ||
| 85 | mounted () { | ||
| 86 | sendThis(this); | ||
| 87 | }, | ||
| 88 | methods: { | ||
| 89 | /** | ||
| 90 | * @description: queryClick | ||
| 91 | * @author: renchao | ||
| 92 | */ | ||
| 93 | queryClick () { | ||
| 94 | this.$startLoading(); | ||
| 95 | this.queryForm.sqywbm = this.sqywInfo.djywbm; | ||
| 96 | selectZdjbxx({ ...this.queryForm, ...this.pageData }).then((res) => { | ||
| 97 | this.$endLoading(); | ||
| 98 | if (res.code === 200) { | ||
| 99 | let { total, records } = res.result; | ||
| 100 | this.tableData.total = total; | ||
| 101 | this.tableData.data = records; | ||
| 102 | } | ||
| 103 | }); | ||
| 104 | }, | ||
| 105 | |||
| 106 | /** | ||
| 107 | * @description: submitForm | ||
| 108 | * @author: renchao | ||
| 109 | */ | ||
| 110 | submitForm () { | ||
| 111 | if (this.bdcdysz.length == 0) { | ||
| 112 | this.$alert("请至少选择一条数据"); | ||
| 113 | return; | ||
| 114 | } | ||
| 115 | this.loading = true | ||
| 116 | startBusinessFlow({ | ||
| 117 | bsmSqyw: this.bsmSqyw, | ||
| 118 | bdcdysz: this.bdcdysz, | ||
| 119 | djqxbm: this.sqywInfo.nodetype == "djqx" ? this.sqywInfo.nodecode : "", | ||
| 120 | djqxmc: this.sqywInfo.nodetype == "djqx" ? this.sqywInfo.nodename : "", | ||
| 121 | }).then((res) => { | ||
| 122 | this.loading = false | ||
| 123 | if (res.code == 200) { | ||
| 124 | this.$message({ | ||
| 125 | showClose: true, | ||
| 126 | message: "发起申请成功", | ||
| 127 | type: "success", | ||
| 128 | }); | ||
| 129 | if (!this.isJump) { | ||
| 130 | this.jump(res.result, this.djywbm); | ||
| 131 | } else { | ||
| 132 | store.dispatch('user/refreshPage', true); | ||
| 133 | } | ||
| 134 | this.$popupCacel() | ||
| 135 | } else { | ||
| 136 | ywPopupDialog("申请错误明细", "components/ywdialog", { message: res.message, result: res.result }, '36%') | ||
| 137 | } | ||
| 138 | }).catch(() => { | ||
| 139 | this.loading = false | ||
| 140 | }) | ||
| 141 | }, | ||
| 142 | /** | ||
| 143 | * @description: handleSelectionChange | ||
| 144 | * @param {*} val | ||
| 145 | * @author: renchao | ||
| 146 | */ | ||
| 147 | handleSelectionChange (val) { | ||
| 148 | val.forEach((item, index) => { | ||
| 149 | item.bsm = item.zdbsm; | ||
| 150 | }); | ||
| 151 | if (this.sqywInfo.sqywdylx == "1") { | ||
| 152 | if (val.length > 1) { | ||
| 153 | this.bdcdysz = [...val[val.length - 1]]; | ||
| 154 | } else { | ||
| 155 | this.bdcdysz = val; | ||
| 156 | } | ||
| 157 | } else { | ||
| 158 | this.bdcdysz = val; | ||
| 159 | } | ||
| 160 | }, | ||
| 161 | /** | ||
| 162 | * @description: select | ||
| 163 | * @param {*} selection | ||
| 164 | * @param {*} row | ||
| 165 | * @author: renchao | ||
| 166 | */ | ||
| 167 | select (selection, row) { | ||
| 168 | if (this.sqywInfo.sqywdylx == "1") { | ||
| 169 | // 清除 所有勾选项 | ||
| 170 | this.$refs.table.clearSelection() | ||
| 171 | // 当表格数据都没有被勾选的时候 就返回 | ||
| 172 | // 主要用于将当前勾选的表格状态清除 | ||
| 173 | if (selection.length == 0) return | ||
| 174 | this.$refs.table.toggleRowSelection(row, true); | ||
| 175 | } | ||
| 176 | }, | ||
| 177 | |||
| 178 | /** | ||
| 179 | * @description: handleRowClick | ||
| 180 | * @param {*} row | ||
| 181 | * @author: renchao | ||
| 182 | */ | ||
| 183 | handleRowClick (row) { | ||
| 184 | // 如果状态是1,那就是单选 | ||
| 185 | if (this.sqywInfo.sqywdylx == "1") { | ||
| 186 | const bdcdysz = this.bdcdysz | ||
| 187 | this.$refs.table.clearSelection() | ||
| 188 | if (bdcdysz.length == 1) { | ||
| 189 | bdcdysz.forEach(item => { | ||
| 190 | // 判断 如果当前的一行被勾选, 再次点击的时候就会取消选中 | ||
| 191 | if (item == row) { | ||
| 192 | this.$refs.table.toggleRowSelection(row, false); | ||
| 193 | } | ||
| 194 | // 不然就让当前的一行勾选 | ||
| 195 | else { | ||
| 196 | this.$refs.table.toggleRowSelection(row, true); | ||
| 197 | } | ||
| 198 | }) | ||
| 199 | } | ||
| 200 | else { | ||
| 201 | this.$refs.table.toggleRowSelection(row, true); | ||
| 202 | } | ||
| 203 | } else { | ||
| 204 | this.$refs.table.toggleRowSelection(row); | ||
| 205 | } | ||
| 206 | }, | ||
| 207 | /** | ||
| 208 | * @description: openBook | ||
| 209 | * @param {*} row | ||
| 210 | * @author: renchao | ||
| 211 | */ | ||
| 212 | openBook (row) { | ||
| 213 | var param = { | ||
| 214 | bdcdyid: row.bdcdyid, | ||
| 215 | qllx: row.qllx, | ||
| 216 | bdcdyh: row.bdcdyh, | ||
| 217 | bsmQlxx: row.bsmQlxx, | ||
| 218 | }; | ||
| 219 | this.$popup("登记簿详情", "registerBook/djbFrame", { | ||
| 220 | formData: param | ||
| 221 | }) | ||
| 222 | }, | ||
| 223 | |||
| 224 | }, | ||
| 225 | }; | ||
| 226 | </script> | ||
| 227 | <style scoped lang="scss"> | ||
| 228 | @import "~@/styles/mixin.scss"; | ||
| 229 | @import "~@/styles/public.scss"; | ||
| 230 | </style> | ||
| 231 |
| ... | @@ -375,7 +375,7 @@ | ... | @@ -375,7 +375,7 @@ |
| 375 | console.log("this.selectParam", this.selectParam); | 375 | console.log("this.selectParam", this.selectParam); |
| 376 | let title = "申请业务:" + this.selectParam?.djywmc ? this.selectParam?.djywmc : ''; | 376 | let title = "申请业务:" + this.selectParam?.djywmc ? this.selectParam?.djywmc : ''; |
| 377 | 377 | ||
| 378 | this.$popupDialog(title, "ywbl/ywsq/selectBdc", { 'sqywInfo': this.selectParam }, "85%") | 378 | this.$popupDialog(title, "ywbl/ywsq/selectBdc", { 'sqywInfo': this.selectParam }, "90%", true) |
| 379 | }, | 379 | }, |
| 380 | /** | 380 | /** |
| 381 | * @description: loadView | 381 | * @description: loadView | ... | ... |
| 1 | /* | 1 | /* |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-08-04 09:54:32 | 4 | * @LastEditTime: 2023-08-14 11:21:48 |
| 5 | */ | 5 | */ |
| 6 | import filter from '@/utils/filter.js' | 6 | import filter from '@/utils/filter.js' |
| 7 | let vm = null | 7 | let vm = null |
| ... | @@ -50,8 +50,8 @@ class data extends filter { | ... | @@ -50,8 +50,8 @@ class data extends filter { |
| 50 | }, | 50 | }, |
| 51 | { | 51 | { |
| 52 | prop: "qllxmc", | 52 | prop: "qllxmc", |
| 53 | width: '100', | ||
| 54 | showOverflowTooltip: true, | 53 | showOverflowTooltip: true, |
| 54 | width: '100', | ||
| 55 | label: "权利类型", | 55 | label: "权利类型", |
| 56 | }, | 56 | }, |
| 57 | { | 57 | { | ... | ... |
| 1 | /* | 1 | /* |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-07-14 17:00:00 | 4 | * @LastEditTime: 2023-08-10 15:35:50 |
| 5 | */ | 5 | */ |
| 6 | import filter from '@/utils/filter.js' | 6 | import filter from '@/utils/filter.js' |
| 7 | let vm = null | 7 | let vm = null |
| ... | @@ -40,17 +40,6 @@ class data extends filter { | ... | @@ -40,17 +40,6 @@ class data extends filter { |
| 40 | <div> | 40 | <div> |
| 41 | <a style='color:#3498db;' v-show={scope.row.djblzt == 1}>{this.yWstatus(scope.row)}</a> | 41 | <a style='color:#3498db;' v-show={scope.row.djblzt == 1}>{this.yWstatus(scope.row)}</a> |
| 42 | <span v-show={scope.row.djblzt != 1}>{this.yWstatus(scope.row)}</span> | 42 | <span v-show={scope.row.djblzt != 1}>{this.yWstatus(scope.row)}</span> |
| 43 | {/* <a style='color:#3498db;' v-show={scope.row.djblzt == 1} >正在办理</a> | ||
| 44 | <span v-show={scope.row.zjgcdyzt == 1}>,在建工程抵押</span> | ||
| 45 | <span v-show={scope.row.ycfzt == 1}>,已预查封</span> | ||
| 46 | <span v-show={scope.row.ycfzt == 1}>,已预查封</span> | ||
| 47 | <span v-show={scope.row.cfzt == 1}>,已查封</span> | ||
| 48 | <span v-show={scope.row.diyizt == 1}>,已地役</span> | ||
| 49 | <span v-show={scope.row.yyzt == 1}>,异议中</span> | ||
| 50 | <span v-show={scope.row.xzzt == 1}>,已限制</span> | ||
| 51 | <span v-show={scope.row.ygmmzt == 1}>,已预告买卖</span> | ||
| 52 | <span v-show={scope.row.ygdyzt == 1}>,已预告抵押</span> | ||
| 53 | <span v-show={scope.row.dyzt == 1}>,已抵押</span> */} | ||
| 54 | </div> | 43 | </div> |
| 55 | ) | 44 | ) |
| 56 | } | 45 | } |
| ... | @@ -67,7 +56,8 @@ class data extends filter { | ... | @@ -67,7 +56,8 @@ class data extends filter { |
| 67 | { | 56 | { |
| 68 | prop: "bdcqzh", | 57 | prop: "bdcqzh", |
| 69 | label: "不动产权证号", | 58 | label: "不动产权证号", |
| 70 | minWidth: '150' | 59 | showOverflowTooltip: true, |
| 60 | width: '150' | ||
| 71 | }, | 61 | }, |
| 72 | { | 62 | { |
| 73 | prop: "gyqk", | 63 | prop: "gyqk", | ... | ... |
| ... | @@ -13,7 +13,6 @@ export function queueDjywmc (djywbm, djqxbm) { | ... | @@ -13,7 +13,6 @@ export function queueDjywmc (djywbm, djqxbm) { |
| 13 | case "A03100"://建设用地使用权(首次登记) | 13 | case "A03100"://建设用地使用权(首次登记) |
| 14 | case "A05100"://宅基地使用权(首次登记) | 14 | case "A05100"://宅基地使用权(首次登记) |
| 15 | case "A07100"://集体建设用地使用权(首次登记) | 15 | case "A07100"://集体建设用地使用权(首次登记) |
| 16 | case "A11100"://林地使用权 | ||
| 17 | vm = "selectQjzdjbxx"; | 16 | vm = "selectQjzdjbxx"; |
| 18 | break; | 17 | break; |
| 19 | case "A01200": | 18 | case "A01200": |
| ... | @@ -95,6 +94,14 @@ export function queueDjywmc (djywbm, djqxbm) { | ... | @@ -95,6 +94,14 @@ export function queueDjywmc (djywbm, djqxbm) { |
| 95 | case "C04371": //一并国有房屋转移 | 94 | case "C04371": //一并国有房屋转移 |
| 96 | vm = "selectYbgybg"; | 95 | vm = "selectYbgybg"; |
| 97 | break; | 96 | break; |
| 97 | case "A11100"://林地使用权首次 | ||
| 98 | vm = "selectLqsc"; | ||
| 99 | break; | ||
| 100 | case "A11200"://林地使用权转移 | ||
| 101 | case "A11300"://林地使用权登记 | ||
| 102 | case "A11400"://林地使用权变更 | ||
| 103 | vm = "selectLqqt"; | ||
| 104 | break; | ||
| 98 | default: | 105 | default: |
| 99 | vm = "selecBdcql"; | 106 | vm = "selecBdcql"; |
| 100 | break; | 107 | break; | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-04-19 09:29:54 | 4 | * @LastEditTime: 2023-08-10 14:01:09 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <img :src="formData.previewImage" class="imgClass"> | 7 | <div class="from-clues loadingtext" v-Loading="loading" element-loading-text="拼命加载中..." style="height:720px;text-align: center;"> |
| 8 | <el-empty description="暂无数据" v-if="headTabBdcqz.length == 0 && noData"></el-empty> | ||
| 9 | <canvas ref="zs" width="1000" height="700"></canvas> | ||
| 10 | </div> | ||
| 8 | </template> | 11 | </template> |
| 12 | |||
| 9 | <script> | 13 | <script> |
| 10 | export default { | 14 | import { getSlsqBdcqzList } from "@/api/bdcqz.js" |
| 11 | props: { | 15 | export default { |
| 12 | formData: { | 16 | name: "zsyl", |
| 13 | type: Object, | 17 | props: { |
| 14 | default: () => { } | 18 | formData: { |
| 19 | type: Object, | ||
| 20 | default: {} | ||
| 21 | } | ||
| 22 | }, | ||
| 23 | data () { | ||
| 24 | return { | ||
| 25 | noData: false, | ||
| 26 | imgSrc: require('@/image/bdcqz/bdcqzs2.jpg'), | ||
| 27 | loading: false, | ||
| 28 | } | ||
| 29 | }, | ||
| 30 | mounted () { | ||
| 31 | this.getHeadTabBdcqz(); | ||
| 32 | }, | ||
| 33 | methods: { | ||
| 34 | /** | ||
| 35 | * @description: 获取受理申请下全部不动产权证 | ||
| 36 | * @author: renchao | ||
| 37 | */ | ||
| 38 | getHeadTabBdcqz () { | ||
| 39 | this.loading = true | ||
| 40 | getSlsqBdcqzList({ bsmSlsq: this.formData.bsmSlsq }).then(res => { | ||
| 41 | if (res.code == 200) { | ||
| 42 | this.noData = true | ||
| 43 | if (res.result && res.result.length > 0) { | ||
| 44 | this.bdcqz = res.result[0] | ||
| 45 | this.drawTextOnImage() | ||
| 46 | } | ||
| 47 | } | ||
| 48 | this.loading = false | ||
| 49 | }) | ||
| 50 | }, | ||
| 51 | /** | ||
| 52 | * @description: 不动产证书 | ||
| 53 | * @author: renchao | ||
| 54 | */ | ||
| 55 | drawTextOnImage () { | ||
| 56 | const canvas = this.$refs.zs; | ||
| 57 | const context = canvas.getContext('2d'); | ||
| 58 | const image = new Image(); | ||
| 59 | image.onload = () => { | ||
| 60 | context.drawImage(image, 0, 0); | ||
| 61 | context.font = '18px 楷体'; | ||
| 62 | context.fillStyle = '#000000'; | ||
| 63 | context.fillText(this.bdcqz.sjjc ? this.bdcqz.sjjc : '', 60, 56); | ||
| 64 | context.fillText(this.bdcqz.djnd ? this.bdcqz.djnd : '', 113, 56); | ||
| 65 | context.fillText(this.bdcqz.sxqc ? this.bdcqz.sxqc : '', 180, 56); | ||
| 66 | context.fillText(this.bdcqz.sxh ? this.bdcqz.sxh : '', 370, 56); | ||
| 67 | context.fillText(this.bdcqz.qlr ? this.bdcqz.qlr : '', 138, 97); | ||
| 68 | context.fillText(this.bdcqz.gyqk ? this.bdcqz.gyqk : '', 138, 138); | ||
| 69 | context.fillText(this.bdcqz.zl ? this.bdcqz.zl : '', 138, 180); | ||
| 70 | context.fillText(this.bdcqz.bdcdyh ? this.bdcqz.bdcdyh : '', 138, 223); | ||
| 71 | context.fillText(this.bdcqz.qllx ? this.bdcqz.qllx : '', 138, 263); | ||
| 72 | context.fillText(this.bdcqz.qlxz ? this.bdcqz.qlxz : '', 138, 303); | ||
| 73 | context.fillText(this.bdcqz.yt ? this.bdcqz.yt : '', 138, 346); | ||
| 74 | context.fillText(this.bdcqz.mj ? this.bdcqz.mj : '', 138, 386); | ||
| 75 | context.fillText(this.bdcqz.syqx ? this.bdcqz.syqx : '', 138, 429); | ||
| 76 | // qlqtzk | ||
| 77 | const maxWidth = 280; // 最大宽度限制 | ||
| 78 | let lines = this.bdcqz.qlqtzk ? this.bdcqz.qlqtzk.split('\n') : []; | ||
| 79 | lines.forEach((line, index) => { | ||
| 80 | const y = 469 + (index * 37); // 每行文本的垂直位置 | ||
| 81 | let currentLine = ''; | ||
| 82 | let arr = []; | ||
| 83 | for (let word of line) { | ||
| 84 | const testLine = currentLine + word; | ||
| 85 | const lineWidth = context.measureText(testLine).width; | ||
| 86 | if (lineWidth <= maxWidth) { | ||
| 87 | currentLine = testLine; | ||
| 88 | } else { | ||
| 89 | arr.push(currentLine); | ||
| 90 | currentLine = word; | ||
| 91 | } | ||
| 92 | } | ||
| 93 | arr.push(currentLine); | ||
| 94 | arr.forEach((line, index) => { | ||
| 95 | context.fillText(line, 138, y + (index * 20)); // 调整行高 | ||
| 96 | }) | ||
| 97 | }) | ||
| 98 | let lines1 = this.bdcqz.fj ? this.bdcqz.fj.split(' ') : []; | ||
| 99 | lines1.forEach((line, index) => { | ||
| 100 | const y = 100 + (index * 37); // 每行文本的垂直位置 | ||
| 101 | let currentLine = ''; | ||
| 102 | let arr = []; | ||
| 103 | for (let word of line) { | ||
| 104 | const testLine = currentLine + word; | ||
| 105 | const lineWidth = context.measureText(testLine).width; | ||
| 106 | if (lineWidth <= 395) { | ||
| 107 | currentLine = testLine; | ||
| 108 | } else { | ||
| 109 | arr.push(currentLine); | ||
| 110 | currentLine = word; | ||
| 111 | } | ||
| 112 | } | ||
| 113 | arr.push(currentLine); | ||
| 114 | arr.forEach((line, index) => { | ||
| 115 | context.fillText(line, 580, y + (index * 20)); // 调整行高 | ||
| 116 | }) | ||
| 117 | }) | ||
| 118 | |||
| 119 | } | ||
| 120 | image.src = this.imgSrc | ||
| 121 | }, | ||
| 15 | } | 122 | } |
| 16 | } | 123 | } |
| 17 | } | ||
| 18 | </script> | 124 | </script> |
| 19 | <style> | ||
| 20 | .imgClass { | ||
| 21 | width: 100%; | ||
| 22 | } | ||
| 23 | </style> | ||
| ... | \ No newline at end of file | ... | \ No newline at end of file | ... | ... |
| ... | @@ -91,9 +91,7 @@ class data extends filter { | ... | @@ -91,9 +91,7 @@ class data extends filter { |
| 91 | width: '80', | 91 | width: '80', |
| 92 | render: (h, scope) => { | 92 | render: (h, scope) => { |
| 93 | return ( | 93 | return ( |
| 94 | <div> | 94 | <el-button type="text" icon="el-icon-view" onClick={() => { vm.openDialog(scope.row) }}>查看</el-button> |
| 95 | <el-link type="primary" onClick={() => { vm.openDialog(scope.row) }}>查看</el-link> | ||
| 96 | </div> | ||
| 97 | ) | 95 | ) |
| 98 | } | 96 | } |
| 99 | }, | 97 | }, | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-08-08 15:23:32 | 4 | * @LastEditTime: 2023-08-10 14:05:49 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <div class="from-clues"> | 7 | <div class="from-clues"> |
| ... | @@ -107,20 +107,13 @@ | ... | @@ -107,20 +107,13 @@ |
| 107 | this.$startLoading() | 107 | this.$startLoading() |
| 108 | bdcqzPreview(item).then(res => { | 108 | bdcqzPreview(item).then(res => { |
| 109 | this.$endLoading() | 109 | this.$endLoading() |
| 110 | this.dialogVisible = true; | 110 | this.$popupDialog("证书预览", "workflow/components/dialog/zsyl", { |
| 111 | let blob = new Blob([res]); | 111 | bsmSlsq: item.bsmSlsq |
| 112 | this.$popupDialog("证书内容", "zhcx/zslqcx/components/zslr", { 'previewImage': window.URL.createObjectURL(blob) }) | 112 | }, '1210px', true) |
| 113 | }) | 113 | }) |
| 114 | }, | ||
| 115 | /** | ||
| 116 | * @description: handleClose | ||
| 117 | * @author: renchao | ||
| 118 | */ | ||
| 119 | handleClose () { | ||
| 120 | this.dialogVisible = false; | ||
| 121 | } | 114 | } |
| 122 | }, | 115 | } |
| 123 | }; | 116 | } |
| 124 | </script> | 117 | </script> |
| 125 | <style scoped lang="scss"> | 118 | <style scoped lang="scss"> |
| 126 | @import "~@/styles/public.scss"; | 119 | @import "~@/styles/public.scss"; | ... | ... |
-
Please register or sign in to post a comment