Skip to content

任超 / js.CadastralSystem

Go to a project
Toggle navigation
Toggle navigation pinning
ac695d2a by zhaoqian
Options

hbj页面

1 parent f6b4106f
Inline Side-by-side
Showing 2 changed files with 47 additions and 42 deletions
...@@ -95,8 +95,8 @@ export default { ...@@ -95,8 +95,8 @@ export default {
95 ); 95 );
96 96
97 const tooltip = new G6.Tooltip({ 97 const tooltip = new G6.Tooltip({
98 offsetX: 210, 98 offsetX: 10,
99 offsetY: 210, 99 offsetY: 10,
100 itemTypes: ['node', 'edge'], 100 itemTypes: ['node', 'edge'],
101 getContent: (e) => { 101 getContent: (e) => {
102 const outDiv = document.createElement('div'); 102 const outDiv = document.createElement('div');
......
...@@ -21,7 +21,7 @@ ...@@ -21,7 +21,7 @@
21 <td colspan="2" align="center" >不动产单元号<i class="requisite">*</i></td> 21 <td colspan="2" align="center" >不动产单元号<i class="requisite">*</i></td>
22 <!-- todo 此处暂时存放的是不动产单元号标识码，而不是不动产单元号--> 22 <!-- todo 此处暂时存放的是不动产单元号标识码，而不是不动产单元号-->
23 <td colspan="4" class="psr"> 23 <td colspan="4" class="psr">
24 <el-input v-model="form.bdcdyh" class="percent80"></el-input> 24 <el-input v-model="form.bdcdyh" class="percent80" :disabled="disableFlag"></el-input>
25 <el-button @click.prevent="generatorCode" size="mini" class="createBtn" type="warning">生成</el-button> 25 <el-button @click.prevent="generatorCode" size="mini" class="createBtn" type="warning">生成</el-button>
26 </td> 26 </td>
27 <td colspan="2" align="center" >原不动产单元</td> 27 <td colspan="2" align="center" >原不动产单元</td>
...@@ -37,36 +37,36 @@ ...@@ -37,36 +37,36 @@
37 </td> 37 </td>
38 <td colspan="2" align="center" >层号</td> 38 <td colspan="2" align="center" >层号</td>
39 <td colspan="4" > 39 <td colspan="4" >
40 <el-input v-model="form.ch"></el-input> 40 <el-input v-model="form.ch" :disabled="disableFlag"></el-input>
41 </td> 41 </td>
42 </tr> 42 </tr>
43 43
44 <tr height="30"> 44 <tr height="30">
45 <td colspan="2" align="center" >实际层数</td> 45 <td colspan="2" align="center" >实际层数</td>
46 <td colspan="4" > 46 <td colspan="4" >
47 <el-input v-model="form.sjcs"></el-input> 47 <el-input v-model="form.sjcs" :disabled="disableFlag"></el-input>
48 </td> 48 </td>
49 <td colspan="2" align="center" >实际层</td> 49 <td colspan="2" align="center" >实际层</td>
50 <td colspan="4" > 50 <td colspan="4" >
51 <el-input v-model="form.sjc"></el-input> 51 <el-input v-model="form.sjc" :disabled="disableFlag"></el-input>
52 </td> 52 </td>
53 </tr> 53 </tr>
54 54
55 <tr height="30"> 55 <tr height="30">
56 <td colspan="2" align="center" >所在单元</td> 56 <td colspan="2" align="center" >所在单元</td>
57 <td colspan="4" > 57 <td colspan="4" >
58 <el-input v-model="form.zdymc"></el-input> 58 <el-input v-model="form.zdymc" :disabled="disableFlag"></el-input>
59 </td> 59 </td>
60 <td colspan="2" align="center" >房屋编号</td> 60 <td colspan="2" align="center" >房屋编号</td>
61 <td colspan="4" > 61 <td colspan="4" >
62 <el-input v-model="form.fwbh"></el-input> 62 <el-input v-model="form.fwbh" :disabled="disableFlag"></el-input>
63 </td> 63 </td>
64 </tr> 64 </tr>
65 65
66 <tr height="30"> 66 <tr height="30">
67 <td colspan="2" align="center" >房屋类型<i class="requisite">*</i></td> 67 <td colspan="2" align="center" >房屋类型<i class="requisite">*</i></td>
68 <td colspan="4" > 68 <td colspan="4" >
69 <el-select v-model="form.fwlxbsm" placeholder="请选择" > 69 <el-select v-model="form.fwlxbsm" placeholder="请选择" :disabled="disableFlag">
70 <el-option 70 <el-option
71 v-for="item in $store.state.fwlxList" 71 v-for="item in $store.state.fwlxList"
72 :key="item.bsm" 72 :key="item.bsm"
...@@ -77,7 +77,7 @@ ...@@ -77,7 +77,7 @@
77 </td> 77 </td>
78 <td colspan="2" align="center" >房屋性质<i class="requisite">*</i></td> 78 <td colspan="2" align="center" >房屋性质<i class="requisite">*</i></td>
79 <td colspan="4" > 79 <td colspan="4" >
80 <el-select v-model="form.fwxzbsm" placeholder="请选择" > 80 <el-select v-model="form.fwxzbsm" placeholder="请选择" :disabled="disableFlag">
81 <el-option 81 <el-option
82 v-for="item in $store.state.fwxzOptions" 82 v-for="item in $store.state.fwxzOptions"
83 :key="item.bsm" 83 :key="item.bsm"
...@@ -91,18 +91,18 @@ ...@@ -91,18 +91,18 @@
91 <tr height="30"> 91 <tr height="30">
92 <td colspan="2" align="center" >户号</td> 92 <td colspan="2" align="center" >户号</td>
93 <td colspan="4" > 93 <td colspan="4" >
94 <el-input v-model="form.hh"></el-input> 94 <el-input v-model="form.hh" :disabled="disableFlag"></el-input>
95 </td> 95 </td>
96 <td colspan="2" align="center" >室号</td> 96 <td colspan="2" align="center" >室号</td>
97 <td colspan="4" > 97 <td colspan="4" >
98 <el-input v-model="form.shbw"></el-input> 98 <el-input v-model="form.shbw" :disabled="disableFlag"></el-input>
99 </td> 99 </td>
100 </tr> 100 </tr>
101 101
102 <tr height="30"> 102 <tr height="30">
103 <td colspan="2" align="center" >户型</td> 103 <td colspan="2" align="center" >户型</td>
104 <td colspan="4" > 104 <td colspan="4" >
105 <el-select v-model="form.hxbsm" placeholder="请选择" > 105 <el-select v-model="form.hxbsm" placeholder="请选择" :disabled="disableFlag">
106 <el-option 106 <el-option
107 v-for="item in $store.state.hxList" 107 v-for="item in $store.state.hxList"
108 :key="item.bsm" 108 :key="item.bsm"
...@@ -113,7 +113,7 @@ ...@@ -113,7 +113,7 @@
113 </td> 113 </td>
114 <td colspan="2" align="center" >户型结构</td> 114 <td colspan="2" align="center" >户型结构</td>
115 <td colspan="4" > 115 <td colspan="4" >
116 <el-select v-model="form.hxjgbsm" placeholder="请选择" > 116 <el-select v-model="form.hxjgbsm" placeholder="请选择" :disabled="disableFlag">
117 <el-option 117 <el-option
118 v-for="item in $store.state.hxjgList" 118 v-for="item in $store.state.hxjgList"
119 :key="item.bsm" 119 :key="item.bsm"
...@@ -127,7 +127,7 @@ ...@@ -127,7 +127,7 @@
127 <tr height="30"> 127 <tr height="30">
128 <td colspan="2" align="center" >产别<i class="requisite">*</i></td> 128 <td colspan="2" align="center" >产别<i class="requisite">*</i></td>
129 <td colspan="4" > 129 <td colspan="4" >
130 <el-select v-model="form.fwcbbsm" placeholder="请选择" > 130 <el-select v-model="form.fwcbbsm" placeholder="请选择" :disabled="disableFlag">
131 <el-option 131 <el-option
132 v-for="item in $store.state.cbOptions" 132 v-for="item in $store.state.cbOptions"
133 :key="item.bsm" 133 :key="item.bsm"
...@@ -138,7 +138,7 @@ ...@@ -138,7 +138,7 @@
138 </td> 138 </td>
139 <td colspan="2" align="center" >产权来源<i class="requisite">*</i></td> 139 <td colspan="2" align="center" >产权来源<i class="requisite">*</i></td>
140 <td colspan="4" > 140 <td colspan="4" >
141 <el-select v-model="form.fwcqlybsm" placeholder="请选择" > 141 <el-select v-model="form.fwcqlybsm" placeholder="请选择" :disabled="disableFlag">
142 <el-option 142 <el-option
143 v-for="item in $store.state.cqlyOptions" 143 v-for="item in $store.state.cqlyOptions"
144 :key="item.bsm" 144 :key="item.bsm"
...@@ -153,62 +153,62 @@ ...@@ -153,62 +153,62 @@
153 <td colspan="2" rowspan="6" align="center" >预测</td> 153 <td colspan="2" rowspan="6" align="center" >预测</td>
154 <td colspan="2" align="center" >建筑面积（㎡） </td> 154 <td colspan="2" align="center" >建筑面积（㎡） </td>
155 <td colspan="2" align="center" > 155 <td colspan="2" align="center" >
156 <el-input v-model="form.ycjzmj" :disabled="form.scyclx==='1'"></el-input> 156 <el-input v-model="form.ycjzmj" :disabled="form.scyclx==='1'||disableFlag"></el-input>
157 </td> 157 </td>
158 <td colspan="2" rowspan="6" align="center" >实测</td> 158 <td colspan="2" rowspan="6" align="center" >实测</td>
159 <td colspan="2" align="center" >建筑面积（㎡）</td> 159 <td colspan="2" align="center" >建筑面积（㎡）</td>
160 <td colspan="2" align="center" > 160 <td colspan="2" align="center" >
161 <el-input v-model="form.scjzmj" :disabled="form.scyclx==='0'"></el-input> 161 <el-input v-model="form.scjzmj" :disabled="form.scyclx==='0'||disableFlag"></el-input>
162 </td> 162 </td>
163 </tr> 163 </tr>
164 <tr height="30"> 164 <tr height="30">
165 <td colspan="2" align="center" >套内建筑面积（㎡））</td> 165 <td colspan="2" align="center" >套内建筑面积（㎡））</td>
166 <td colspan="2" align="center" > 166 <td colspan="2" align="center" >
167 <el-input v-model="form.yctnjzmj" :disabled="form.scyclx==='1'"></el-input> 167 <el-input v-model="form.yctnjzmj" :disabled="form.scyclx==='1'||disableFlag"></el-input>
168 </td> 168 </td>
169 <td colspan="2" align="center" >套内建筑面积（㎡）</td> 169 <td colspan="2" align="center" >套内建筑面积（㎡）</td>
170 <td colspan="2" align="center" > 170 <td colspan="2" align="center" >
171 <el-input v-model="form.sctnjzmj" :disabled="form.scyclx==='0'"></el-input> 171 <el-input v-model="form.sctnjzmj" :disabled="form.scyclx==='0'||disableFlag"></el-input>
172 </td> 172 </td>
173 </tr> 173 </tr>
174 <tr height="30"> 174 <tr height="30">
175 <td colspan="2" align="center" >分摊建筑面积（㎡）</td> 175 <td colspan="2" align="center" >分摊建筑面积（㎡）</td>
176 <td colspan="2" align="center" > 176 <td colspan="2" align="center" >
177 <el-input v-model="form.ycftjzmj" :disabled="form.scyclx==='1'"></el-input> 177 <el-input v-model="form.ycftjzmj" :disabled="form.scyclx==='1'||disableFlag"></el-input>
178 </td> 178 </td>
179 <td colspan="2" align="center" >分摊建筑面积（㎡）</td> 179 <td colspan="2" align="center" >分摊建筑面积（㎡）</td>
180 <td colspan="2" align="center" > 180 <td colspan="2" align="center" >
181 <el-input v-model="form.scftjzmj" :disabled="form.scyclx==='0'"></el-input> 181 <el-input v-model="form.scftjzmj" :disabled="form.scyclx==='0'||disableFlag"></el-input>
182 </td> 182 </td>
183 </tr> 183 </tr>
184 <tr height="30"> 184 <tr height="30">
185 <td colspan="2" align="center" >地下部分建筑面积（㎡）</td> 185 <td colspan="2" align="center" >地下部分建筑面积（㎡）</td>
186 <td colspan="2" align="center" > 186 <td colspan="2" align="center" >
187 <el-input v-model="form.ycdxbfjzmj" :disabled="form.scyclx==='1'"></el-input> 187 <el-input v-model="form.ycdxbfjzmj" :disabled="form.scyclx==='1'||disableFlag"></el-input>
188 </td> 188 </td>
189 <td colspan="2" align="center" >地下部分建筑面积（㎡）</td> 189 <td colspan="2" align="center" >地下部分建筑面积（㎡）</td>
190 <td colspan="2" align="center" > 190 <td colspan="2" align="center" >
191 <el-input v-model="form.scdxbfjzmj" :disabled="form.scyclx==='0'"></el-input> 191 <el-input v-model="form.scdxbfjzmj" :disabled="form.scyclx==='0'||disableFlag"></el-input>
192 </td> 192 </td>
193 </tr> 193 </tr>
194 <tr height="30"> 194 <tr height="30">
195 <td colspan="2" align="center" >其它建筑面积（㎡）</td> 195 <td colspan="2" align="center" >其它建筑面积（㎡）</td>
196 <td colspan="2" align="center" > 196 <td colspan="2" align="center" >
197 <el-input v-model="form.ycqtjzmj" :disabled="form.scyclx==='1'"></el-input> 197 <el-input v-model="form.ycqtjzmj" :disabled="form.scyclx==='1'||disableFlag"></el-input>
198 </td> 198 </td>
199 <td colspan="2" align="center" >其它建筑面积（㎡）</td> 199 <td colspan="2" align="center" >其它建筑面积（㎡）</td>
200 <td colspan="2" align="center" > 200 <td colspan="2" align="center" >
201 <el-input v-model="form.scqtjzmj" :disabled="form.scyclx==='0'"></el-input> 201 <el-input v-model="form.scqtjzmj" :disabled="form.scyclx==='0'||disableFlag"></el-input>
202 </td> 202 </td>
203 </tr> 203 </tr>
204 <tr height="30"> 204 <tr height="30">
205 <td colspan="2" align="center" >分摊系数</td> 205 <td colspan="2" align="center" >分摊系数</td>
206 <td colspan="2" align="center" > 206 <td colspan="2" align="center" >
207 <el-input v-model="form.ycftxs" :disabled="form.scyclx==='1'"></el-input> 207 <el-input v-model="form.ycftxs" :disabled="form.scyclx==='1'||disableFlag"></el-input>
208 </td> 208 </td>
209 <td colspan="2" align="center" >分摊系数</td> 209 <td colspan="2" align="center" >分摊系数</td>
210 <td colspan="2" align="center" > 210 <td colspan="2" align="center" >
211 <el-input v-model="form.scftxs" :disabled="form.scyclx==='0'"></el-input> 211 <el-input v-model="form.scftxs" :disabled="form.scyclx==='0'||disableFlag"></el-input>
212 </td> 212 </td>
213 </tr> 213 </tr>
214 214
...@@ -240,7 +240,7 @@ ...@@ -240,7 +240,7 @@
240 :default-expand-all="defaultExpandAll" 240 :default-expand-all="defaultExpandAll"
241 :multiple="multiple" 241 :multiple="multiple"
242 :placeholder="placeholder" 242 :placeholder="placeholder"
243 :disabled="disabled" 243 :disabled="disableFlag"
244 :data="$store.state.fwytList" 244 :data="$store.state.fwytList"
245 :props="treeProps" 245 :props="treeProps"
246 :check-strictly="checkStrictly" 246 :check-strictly="checkStrictly"
...@@ -255,7 +255,7 @@ ...@@ -255,7 +255,7 @@
255 :default-expand-all="defaultExpandAll" 255 :default-expand-all="defaultExpandAll"
256 :multiple="multiple" 256 :multiple="multiple"
257 :placeholder="placeholder" 257 :placeholder="placeholder"
258 :disabled="disabled" 258 :disabled="disableFlag"
259 :data="$store.state.fwytList" 259 :data="$store.state.fwytList"
260 :props="treeProps" 260 :props="treeProps"
261 :check-strictly="checkStrictly" 261 :check-strictly="checkStrictly"
...@@ -281,7 +281,7 @@ ...@@ -281,7 +281,7 @@
281 <span @click="deleteFwjgInfo(index)">删除</span> 281 <span @click="deleteFwjgInfo(index)">删除</span>
282 </td> 282 </td>
283 <td colspan="9" > 283 <td colspan="9" >
284 <el-select v-model="item1.fwjgzdbsm" placeholder="请选择" > 284 <el-select v-model="item1.fwjgzdbsm" placeholder="请选择" :disabled="disableFlag">
285 <el-option 285 <el-option
286 v-for="item in $store.state.fwjgList" 286 v-for="item in $store.state.fwjgList"
287 :key="item.bsm" 287 :key="item.bsm"
...@@ -295,15 +295,15 @@ ...@@ -295,15 +295,15 @@
295 <tr height="30"> 295 <tr height="30">
296 <td colspan="2" align="center" >共有土地面积（㎡）</td> 296 <td colspan="2" align="center" >共有土地面积（㎡）</td>
297 <td colspan="2" > 297 <td colspan="2" >
298 <el-input v-model="form.gytdmj"></el-input> 298 <el-input v-model="form.gytdmj" :disabled="disableFlag"></el-input>
299 </td> 299 </td>
300 <td colspan="2" align="center" >分摊土地面积（㎡）</td> 300 <td colspan="2" align="center" >分摊土地面积（㎡）</td>
301 <td colspan="2" > 301 <td colspan="2" >
302 <el-input v-model="form.fttdmj"></el-input> 302 <el-input v-model="form.fttdmj" :disabled="disableFlag"></el-input>
303 </td> 303 </td>
304 <td colspan="2" align="center" >多幢独用土地面积（㎡）</td> 304 <td colspan="2" align="center" >多幢独用土地面积（㎡）</td>
305 <td colspan="2" > 305 <td colspan="2" >
306 <el-input v-model="form.dytdmj"></el-input> 306 <el-input v-model="form.dytdmj" :disabled="disableFlag"></el-input>
307 </td> 307 </td>
308 </tr> 308 </tr>
309 309
...@@ -324,29 +324,29 @@ ...@@ -324,29 +324,29 @@
324 <span>坐落<i class="requisite">*</i></span> 324 <span>坐落<i class="requisite">*</i></span>
325 </td> 325 </td>
326 <td colspan="10" > 326 <td colspan="10" >
327 <el-input v-model="form.zl"></el-input> 327 <el-input v-model="form.zl" :disabled="disableFlag"></el-input>
328 </td> 328 </td>
329 </tr> 329 </tr>
330 330
331 <tr height="30"> 331 <tr height="30">
332 <td colspan="2" align="center" >东墙体归属</td> 332 <td colspan="2" align="center" >东墙体归属</td>
333 <td colspan="4" > 333 <td colspan="4" >
334 <el-input v-model="form.dqtgs"></el-input> 334 <el-input v-model="form.dqtgs" :disabled="disableFlag"></el-input>
335 </td> 335 </td>
336 <td colspan="2" align="center" >南墙体归属</td> 336 <td colspan="2" align="center" >南墙体归属</td>
337 <td colspan="4" > 337 <td colspan="4" >
338 <el-input v-model="form.nqtgs"></el-input> 338 <el-input v-model="form.nqtgs" :disabled="disableFlag"></el-input>
339 </td> 339 </td>
340 </tr> 340 </tr>
341 341
342 <tr height="30"> 342 <tr height="30">
343 <td colspan="2" align="center" >西墙体归属</td> 343 <td colspan="2" align="center" >西墙体归属</td>
344 <td colspan="4" > 344 <td colspan="4" >
345 <el-input v-model="form.xqtgs"></el-input> 345 <el-input v-model="form.xqtgs" :disabled="disableFlag"></el-input>
346 </td> 346 </td>
347 <td colspan="2" align="center" >北墙体归属</td> 347 <td colspan="2" align="center" >北墙体归属</td>
348 <td colspan="4" > 348 <td colspan="4" >
349 <el-input v-model="form.bqtgs"></el-input> 349 <el-input v-model="form.bqtgs" :disabled="disableFlag"></el-input>
350 </td> 350 </td>
351 </tr> 351 </tr>
352 352
...@@ -355,7 +355,7 @@ ...@@ -355,7 +355,7 @@
355 <span>附加说明</span> 355 <span>附加说明</span>
356 </td> 356 </td>
357 <td colspan="10" rowspan="2" > 357 <td colspan="10" rowspan="2" >
358 <el-input v-model="form.bz" type="textarea"></el-input> 358 <el-input v-model="form.bz" type="textarea" :disabled="disableFlag"></el-input>
359 </td> 359 </td>
360 </tr> 360 </tr>
361 <tr height="30"> 361 <tr height="30">
...@@ -366,7 +366,7 @@ ...@@ -366,7 +366,7 @@
366 <span>调查意见</span> 366 <span>调查意见</span>
367 </td> 367 </td>
368 <td colspan="10" > 368 <td colspan="10" >
369 <el-input v-model="form.name"></el-input> 369 <el-input v-model="form.name" :disabled="disableFlag"></el-input>
370 </td> 370 </td>
371 </tr> 371 </tr>
372 372
...@@ -375,7 +375,7 @@ ...@@ -375,7 +375,7 @@
375 <span>审查员</span> 375 <span>审查员</span>
376 </td> 376 </td>
377 <td colspan="2" > 377 <td colspan="2" >
378 <el-input v-model="form.name"></el-input> 378 <el-input v-model="form.name" :disabled="disableFlag"></el-input>
379 </td> 379 </td>
380 <td colspan="2" rowspan="2" align="right" style="width:8.33%;padding-right:10px"> 380 <td colspan="2" rowspan="2" align="right" style="width:8.33%;padding-right:10px">
381 <span>审查日期</span> 381 <span>审查日期</span>
...@@ -421,6 +421,8 @@ ...@@ -421,6 +421,8 @@
421 data () { 421 data () {
422 return { 422 return {
423 423
424 disableFlag:false,
425
424 //树型结构 426 //树型结构
425 show:true, 427 show:true,
426 clearable: true, 428 clearable: true,
...@@ -565,6 +567,9 @@ ...@@ -565,6 +567,9 @@
565 getQjHDetailByBsm(hbsm).then((res)=>{ 567 getQjHDetailByBsm(hbsm).then((res)=>{
566 if(res.code===200){ 568 if(res.code===200){
567 this.form = res.result; 569 this.form = res.result;
570 if(res.result.qszt !== '0'){
571 this.disableFlag = true;
572 }
568 if(this.form.scyclx==='0'){ 573 if(this.form.scyclx==='0'){
569 this.$set(this.form,"ycjzmj", this.form.jzmj) 574 this.$set(this.form,"ycjzmj", this.form.jzmj)
570 this.$set(this.form,"yctnjzmj", this.form.tnjzmj) 575 this.$set(this.form,"yctnjzmj", this.form.tnjzmj)
......