55
Showing
4 changed files
with
4 additions
and
1400 deletions
src/views/lpb/hbj/index.vue
deleted
100644 → 0
1 | <template> | ||
2 | <div class="h content-form" ref="mainBox" :class="$route.path == '/h' ? 'hpage' : ''" | ||
3 | :style="{'height': $route.path == '/h' ? '100%' : formHeight+'px'}"> | ||
4 | <el-form ref="form" :model="form" label-width="160px" class="form"> | ||
5 | <Qlr ref="qlrxxModule" :bsm='bsm' :qszt="form.qszt" :type="lx"></Qlr> | ||
6 | <table border="1" width="100%" cellspacing="0" cellpadding="0" class="hTable"> | ||
7 | <tbody> | ||
8 | <tr height="30"> | ||
9 | <th colspan="12" align="center"> | ||
10 | <font size="4">户基本信息</font> | ||
11 | </th> | ||
12 | </tr> | ||
13 | <tr height="30"> | ||
14 | <td colspan="2" align="center" class="tdright">宗地代码<i class="requisite">*</i></td> | ||
15 | <td colspan="4"> | ||
16 | <el-input v-model="form.zddm" disabled></el-input> | ||
17 | </td> | ||
18 | <td colspan="2" align="center" class="tdright">自然幢号<i class="requisite">*</i></td> | ||
19 | <td colspan="4"> | ||
20 | <el-input v-model="form.zrzh" disabled></el-input> | ||
21 | </td> | ||
22 | </tr> | ||
23 | <tr height="30"> | ||
24 | <td colspan="2" align="center" class="tdright">不动产单元号<i class="requisite">*</i></td> | ||
25 | <!-- todo 此处暂时存放的是不动产单元号标识码,而不是不动产单元号--> | ||
26 | <td colspan="4" class="psr"> | ||
27 | <el-input v-model="form.bdcdyh" class="percent80" :disabled="disableFlag" ref="bdcdyh"> | ||
28 | </el-input> | ||
29 | <el-button @click.prevent="generatorCode" size="mini" class="createBtn" type="warning" | ||
30 | :disabled="disableFlag">生成</el-button> | ||
31 | </td> | ||
32 | <!-- <td colspan="2" align="center" >原不动产单元</td>--> | ||
33 | <!-- <td colspan="4" >--> | ||
34 | <!-- <el-input v-model="form.ydybsm" disabled></el-input>--> | ||
35 | <!-- </td>--> | ||
36 | <td colspan="2" align="center" class="tdright">逻辑幢号</td> | ||
37 | <td colspan="4"> | ||
38 | <el-input v-model="form.ljzh" disabled></el-input> | ||
39 | </td> | ||
40 | |||
41 | </tr> | ||
42 | |||
43 | <tr height="30"> | ||
44 | <td colspan="2" align="center" class="tdright">房屋性质<i class="requisite">*</i></td> | ||
45 | <td colspan="4"> | ||
46 | <el-select v-model="form.fwxzbsm" placeholder="请选择" :disabled="disableFlag" ref="fwxzbsm"> | ||
47 | <el-option v-for="item in $store.state.fwxzOptions" :key="item.bsm" :label="item.mc" | ||
48 | :value="item.bsm"> | ||
49 | </el-option> | ||
50 | </el-select> | ||
51 | </td> | ||
52 | |||
53 | <td colspan="2" align="center" class="tdright">所在单元</td> | ||
54 | <td colspan="4"> | ||
55 | <el-input v-model="form.zdymc" disabled></el-input> | ||
56 | </td> | ||
57 | |||
58 | </tr> | ||
59 | |||
60 | <tr height="30"> | ||
61 | <td colspan="2" align="center" class="tdright">层号</td> | ||
62 | <td colspan="4"> | ||
63 | <el-input v-model="form.ch" :disabled="disableFlag"></el-input> | ||
64 | </td> | ||
65 | |||
66 | <td colspan="2" align="center" class="tdright">实际层</td> | ||
67 | <td colspan="4"> | ||
68 | <el-input v-model="form.sjc" disabled></el-input> | ||
69 | </td> | ||
70 | |||
71 | </tr> | ||
72 | |||
73 | <tr height="30"> | ||
74 | <td colspan="2" align="center" class="tdright">房屋编号</td> | ||
75 | <td colspan="4"> | ||
76 | <el-input v-model="form.fwbh" :disabled="disableFlag"></el-input> | ||
77 | </td> | ||
78 | <td colspan="2" align="center" class="tdright">实际层数</td> | ||
79 | <td colspan="4"> | ||
80 | <el-input v-model="form.sjcs" disabled></el-input> | ||
81 | </td> | ||
82 | |||
83 | </tr> | ||
84 | <tr height="30"> | ||
85 | <td colspan="2" align="center" class="tdright">室号</td> | ||
86 | <td colspan="4"> | ||
87 | <el-input v-model="form.shbw" :disabled="disableFlag"></el-input> | ||
88 | </td> | ||
89 | <td colspan="2" align="center" class="tdright">户号</td> | ||
90 | <td colspan="4"> | ||
91 | <el-input v-model="form.hh" disabled></el-input> | ||
92 | </td> | ||
93 | |||
94 | </tr> | ||
95 | |||
96 | <tr height="30"> | ||
97 | <td colspan="2" align="center" class="tdright">房屋类型<i class="requisite">*</i></td> | ||
98 | <td colspan="4"> | ||
99 | <el-select v-model="form.fwlxbsm" placeholder="请选择" :disabled="disableFlag" ref="fwlxbsm"> | ||
100 | <el-option v-for="item in $store.state.fwlxList" :key="item.bsm" :label="item.mc" | ||
101 | :value="item.bsm"> | ||
102 | </el-option> | ||
103 | </el-select> | ||
104 | </td> | ||
105 | |||
106 | <td colspan="2" align="center" class="tdright">名义层</td> | ||
107 | <td colspan="4"> | ||
108 | <el-input v-model="form.myc" disabled></el-input> | ||
109 | </td> | ||
110 | |||
111 | |||
112 | </tr> | ||
113 | |||
114 | |||
115 | <tr height="30"> | ||
116 | <td colspan="2" align="center" class="tdright">户型</td> | ||
117 | <td colspan="4"> | ||
118 | <el-select v-model="form.hxbsm" placeholder="请选择" :disabled="disableFlag"> | ||
119 | <el-option v-for="item in $store.state.hxList" :key="item.bsm" :label="item.mc" | ||
120 | :value="item.bsm"> | ||
121 | </el-option> | ||
122 | </el-select> | ||
123 | </td> | ||
124 | <td colspan="2" align="center" class="tdright">户型结构</td> | ||
125 | <td colspan="4"> | ||
126 | <el-select v-model="form.hxjgbsm" placeholder="请选择" :disabled="disableFlag"> | ||
127 | <el-option v-for="item in $store.state.hxjgList" :key="item.bsm" :label="item.mc" | ||
128 | :value="item.bsm"> | ||
129 | </el-option> | ||
130 | </el-select> | ||
131 | </td> | ||
132 | </tr> | ||
133 | |||
134 | <tr height="30"> | ||
135 | <td colspan="2" align="center" class="tdright">产别<i class="requisite">*</i></td> | ||
136 | <td colspan="4"> | ||
137 | <el-select v-model="form.fwcbbsm" placeholder="请选择" :disabled="disableFlag" ref="fwcbbsm"> | ||
138 | <el-option v-for="item in $store.state.cbOptions" :key="item.bsm" :label="item.mc" | ||
139 | :value="item.bsm"> | ||
140 | </el-option> | ||
141 | </el-select> | ||
142 | </td> | ||
143 | <td colspan="2" align="center" class="tdright">产权来源<i class="requisite">*</i></td> | ||
144 | <td colspan="4"> | ||
145 | <el-select v-model="form.fwcqlybsm" placeholder="请选择" :disabled="disableFlag" | ||
146 | ref="fwcqlybsm"> | ||
147 | <el-option v-for="item in $store.state.cqlyOptions" :key="item.bsm" :label="item.mc" | ||
148 | :value="item.bsm"> | ||
149 | </el-option> | ||
150 | </el-select> | ||
151 | </td> | ||
152 | </tr> | ||
153 | |||
154 | <tr height="30"> | ||
155 | <td colspan="2" rowspan="6" align="center" class="tdright">预测</td> | ||
156 | <td colspan="2" align="center" class="tdright">建筑面积(㎡)</td> | ||
157 | <td colspan="2" align="center"> | ||
158 | <el-input v-model="form.ycjzmj" type="number" | ||
159 | :disabled="form.scyclx === '1' || disableFlag"> | ||
160 | </el-input> | ||
161 | </td> | ||
162 | <td colspan="2" rowspan="6" align="center" class="tdright">实测</td> | ||
163 | <td colspan="2" align="center" class="tdright">建筑面积(㎡)</td> | ||
164 | <td colspan="2" align="center"> | ||
165 | <el-input v-model="form.scjzmj" type="number" | ||
166 | :disabled="form.scyclx === '0' || disableFlag"> | ||
167 | </el-input> | ||
168 | </td> | ||
169 | </tr> | ||
170 | <tr height="30"> | ||
171 | <td colspan="2" align="center" class="tdright">套内建筑面积(㎡)</td> | ||
172 | <td colspan="2" align="center"> | ||
173 | <el-input v-model="form.yctnjzmj" type="number" | ||
174 | :disabled="form.scyclx === '1' || disableFlag"> | ||
175 | </el-input> | ||
176 | </td> | ||
177 | <td colspan="2" align="center" class="tdright">套内建筑面积(㎡)</td> | ||
178 | <td colspan="2" align="center"> | ||
179 | <el-input v-model="form.sctnjzmj" type="number" | ||
180 | :disabled="form.scyclx === '0' || disableFlag"> | ||
181 | </el-input> | ||
182 | </td> | ||
183 | </tr> | ||
184 | <tr height="30"> | ||
185 | <td colspan="2" align="center" class="tdright">分摊建筑面积(㎡)</td> | ||
186 | <td colspan="2" align="center"> | ||
187 | <el-input v-model="form.ycftjzmj" type="number" | ||
188 | :disabled="form.scyclx === '1' || disableFlag"> | ||
189 | </el-input> | ||
190 | </td> | ||
191 | <td colspan="2" align="center" class="tdright">分摊建筑面积(㎡)</td> | ||
192 | <td colspan="2" align="center"> | ||
193 | <el-input v-model="form.scftjzmj" type="number" | ||
194 | :disabled="form.scyclx === '0' || disableFlag"> | ||
195 | </el-input> | ||
196 | </td> | ||
197 | </tr> | ||
198 | <tr height="30"> | ||
199 | <td colspan="2" align="center" class="tdright">地下部分建筑面积(㎡)</td> | ||
200 | <td colspan="2" align="center"> | ||
201 | <el-input v-model="form.ycdxbfjzmj" type="number" | ||
202 | :disabled="form.scyclx === '1' || disableFlag"></el-input> | ||
203 | </td> | ||
204 | <td colspan="2" align="center" class="tdright">地下部分建筑面积(㎡)</td> | ||
205 | <td colspan="2" align="center"> | ||
206 | <el-input v-model="form.scdxbfjzmj" type="number" | ||
207 | :disabled="form.scyclx === '0' || disableFlag"></el-input> | ||
208 | </td> | ||
209 | </tr> | ||
210 | <tr height="30"> | ||
211 | <td colspan="2" align="center" class="tdright">其它建筑面积(㎡)</td> | ||
212 | <td colspan="2" align="center"> | ||
213 | <el-input v-model="form.ycqtjzmj" type="number" | ||
214 | :disabled="form.scyclx === '1' || disableFlag"> | ||
215 | </el-input> | ||
216 | </td> | ||
217 | <td colspan="2" align="center" class="tdright">其它建筑面积(㎡)</td> | ||
218 | <td colspan="2" align="center"> | ||
219 | <el-input v-model="form.scqtjzmj" type="number" | ||
220 | :disabled="form.scyclx === '0' || disableFlag"> | ||
221 | </el-input> | ||
222 | </td> | ||
223 | </tr> | ||
224 | <tr height="30"> | ||
225 | <td colspan="2" align="center" class="tdright">分摊系数</td> | ||
226 | <td colspan="2" align="center"> | ||
227 | <input class="formInput" v-model="form.ycftxs" type="number" | ||
228 | :disabled="form.scyclx === '1' || disableFlag" @blur="inputFtxsBlur($event)" | ||
229 | ref="ycftxs" /> | ||
230 | </td> | ||
231 | <td colspan="2" align="center" class="tdright">分摊系数</td> | ||
232 | <td colspan="2" align="center"> | ||
233 | <input class="formInput" v-model="form.scftxs" type="number" | ||
234 | :disabled="form.scyclx === '0' || disableFlag" @blur="inputFtxsBlur($event)" | ||
235 | ref="scftxs" /> | ||
236 | </td> | ||
237 | </tr> | ||
238 | <tr height="30"> | ||
239 | <td colspan="2" align="center" class="tdright">共有土地面积(㎡)</td> | ||
240 | <td colspan="2"> | ||
241 | <el-input v-model="form.gytdmj" type="number" :disabled="disableFlag"></el-input> | ||
242 | </td> | ||
243 | <td colspan="2" align="center" class="tdright">分摊土地面积(㎡)</td> | ||
244 | <td colspan="2"> | ||
245 | <el-input v-model="form.fttdmj" type="number" :disabled="disableFlag"></el-input> | ||
246 | </td> | ||
247 | <td colspan="2" align="center" class="tdright">多幢独用土地面积(㎡)</td> | ||
248 | <td colspan="2"> | ||
249 | <el-input v-model="form.dytdmj" type="number" :disabled="disableFlag"></el-input> | ||
250 | </td> | ||
251 | </tr> | ||
252 | |||
253 | <tr> | ||
254 | <td colspan="2" align="center" class="tdright"> | ||
255 | <span>坐落<i class="requisite">*</i></span> | ||
256 | </td> | ||
257 | <td colspan="10"> | ||
258 | <input class="formInput" v-model="form.zl" ref="zl" @blur="inputBlur($event)" | ||
259 | :disabled="disableFlag" /> | ||
260 | </td> | ||
261 | </tr> | ||
262 | |||
263 | <tr height="30" v-for="(item1, index) in form.fwytList" :key="index"> | ||
264 | <td v-if="index === 0" colspan="2" :rowspan="ytTitleRowspan" align="center" class="tdright" | ||
265 | id="ytTitle"> | ||
266 | <el-button type="primary" style="margin-right: 10px" class="changeBtn addMinus inAdd" | ||
267 | @click="addYtInfo">+</el-button> | ||
268 | <span>房屋用途<i class="requisite">*</i></span> | ||
269 | </td> | ||
270 | |||
271 | <td width="30" colspan="2" align="center" class="tdright"> | ||
272 | <el-button type="primary" class="changeBtn addMinus inMinus" @click="deleteYtInfo(index)">- | ||
273 | </el-button> | ||
274 | 规划用途 | ||
275 | </td> | ||
276 | <td width="30" colspan="2" align="center"> | ||
277 | <el-select-tree ref="ghyt" v-if="show" :default-expand-all="defaultExpandAll" | ||
278 | @change="updateSjfyyt(item1)" :multiple="multiple" :placeholder="placeholder" | ||
279 | :disabled="disableFlag" :data="$store.state.fwytList" :props="treeProps" | ||
280 | :check-strictly="checkStrictly" :clearable="clearable" v-model="item1.fwytzdbsm"> | ||
281 | </el-select-tree> | ||
282 | </td> | ||
283 | <td width="30" colspan="2" align="center" class="tdright">用途</td> | ||
284 | <td width="30" colspan="4" align="center"> | ||
285 | <el-select-tree ref="yt" v-if="show" :default-expand-all="defaultExpandAll" | ||
286 | :multiple="multiple" :placeholder="placeholder" :disabled="disableFlag" | ||
287 | :data="$store.state.fwytList" :props="treeProps" :check-strictly="checkStrictly" | ||
288 | :clearable="clearable" v-model="item1.fwsjytbsm"></el-select-tree> | ||
289 | </td> | ||
290 | </tr> | ||
291 | |||
292 | <tr height="30" v-for="(item1, index) in form.fwjgList" :key="'jg' + index"> | ||
293 | <td colspan="2" v-if="index === 0" :rowspan="fwjgTitleRowspan" align="center" class="tdright"> | ||
294 | <!-- <el-button type="primary" size="mini" style="margin-right: 10px" @click="addFwjgInfo">添加</el-button> --> | ||
295 | <el-button type="primary" style="margin-right: 10px" class="changeBtn addMinus inAdd" | ||
296 | @click="addFwjgInfo">+</el-button> | ||
297 | <span>房屋结构<i class="requisite">*</i></span> | ||
298 | </td> | ||
299 | <td colspan="2" align="center" class="tdright"> | ||
300 | <el-button type="primary" style="margin-right: 5px" class="changeBtn addMinus inMinus" | ||
301 | @click="deleteFwjgInfo(index)">-</el-button> | ||
302 | <span @click="deleteFwjgInfo(index)">房屋结构</span> | ||
303 | </td> | ||
304 | <td colspan="8"> | ||
305 | <el-select v-model="item1.fwjgzdbsm" ref="fwjg" placeholder="请选择" :disabled="disableFlag"> | ||
306 | <el-option v-for="item in $store.state.jgOptions" :key="item.bsm" :label="item.mc" | ||
307 | :value="item.bsm"> | ||
308 | </el-option> | ||
309 | </el-select> | ||
310 | </td> | ||
311 | </tr> | ||
312 | |||
313 | |||
314 | |||
315 | <tr> | ||
316 | <td colspan="12" rowspan="4" align="center"> | ||
317 | <Qlxz ref="qlxzModule" :hasSyqx='false' :formData="form"></Qlxz> | ||
318 | </td> | ||
319 | </tr> | ||
320 | <tr></tr> | ||
321 | <tr></tr> | ||
322 | <tr></tr> | ||
323 | |||
324 | <tr height="30"> | ||
325 | <td colspan="2" align="center" class="tdright">东墙体归属</td> | ||
326 | <td colspan="4"> | ||
327 | <el-input v-model="form.dqtgs" :disabled="disableFlag"></el-input> | ||
328 | </td> | ||
329 | <td colspan="2" align="center" class="tdright">南墙体归属</td> | ||
330 | <td colspan="4"> | ||
331 | <el-input v-model="form.nqtgs" :disabled="disableFlag"></el-input> | ||
332 | </td> | ||
333 | </tr> | ||
334 | |||
335 | <tr height="30"> | ||
336 | <td colspan="2" align="center" class="tdright">西墙体归属</td> | ||
337 | <td colspan="4"> | ||
338 | <el-input v-model="form.xqtgs" :disabled="disableFlag"></el-input> | ||
339 | </td> | ||
340 | <td colspan="2" align="center" class="tdright">北墙体归属</td> | ||
341 | <td colspan="4"> | ||
342 | <el-input v-model="form.bqtgs" :disabled="disableFlag"></el-input> | ||
343 | </td> | ||
344 | </tr> | ||
345 | |||
346 | <tr height="30"> | ||
347 | <td colspan="2" rowspan="2" align="center" class="tdright"> | ||
348 | <span>附加说明</span> | ||
349 | </td> | ||
350 | <td colspan="10" rowspan="2"> | ||
351 | <el-input v-model="form.bz" type="textarea" :disabled="disableFlag"></el-input> | ||
352 | </td> | ||
353 | </tr> | ||
354 | <tr height="30"> | ||
355 | </tr> | ||
356 | |||
357 | <tr height="30"> | ||
358 | <td colspan="2" rowspan="2" align="center" class="tdright"> | ||
359 | <span>调查意见</span> | ||
360 | </td> | ||
361 | <td colspan="10"> | ||
362 | <el-input v-model="form.name" :disabled="disableFlag"></el-input> | ||
363 | </td> | ||
364 | </tr> | ||
365 | |||
366 | <tr height="30"> | ||
367 | <td colspan="4" rowspan="2" align="right" class="tdright" | ||
368 | style="width:8.33%;padding-right:10px"> | ||
369 | <span>审查员</span> | ||
370 | </td> | ||
371 | <td colspan="2"> | ||
372 | <el-input v-model="form.name" :disabled="disableFlag"></el-input> | ||
373 | </td> | ||
374 | <td colspan="2" rowspan="2" align="right" class="tdright" | ||
375 | style="width:8.33%;padding-right:10px"> | ||
376 | <span>审查日期</span> | ||
377 | </td> | ||
378 | <td colspan="2"> | ||
379 | <el-date-picker v-model="form.date" type="date" placeholder="选择日期"> | ||
380 | </el-date-picker> | ||
381 | </td> | ||
382 | </tr> | ||
383 | </tbody> | ||
384 | </table> | ||
385 | </el-form> | ||
386 | <div class="header-button" :style="{ width: mainBoxWidth + 'px' }"> | ||
387 | <el-button type="primary" class="saveBtn" @click="onSave" :disabled="disableFlag">保存</el-button> | ||
388 | <el-button type="primary" @click="onSubmit" :disabled="disableFlag">提交</el-button> | ||
389 | <!-- <el-button type="primary" @click="registerCall">登记调用</el-button> --> | ||
390 | </div> | ||
391 | </div> | ||
392 | |||
393 | </template> | ||
394 | |||
395 | <script> | ||
396 | import Qlr from "@/components/formMenu/qlr"; | ||
397 | import Qlxz from "@/components/formMenu/qlxz"; | ||
398 | // import { getQjHDetailByBsm, updateQjH } from "@api/h"; | ||
399 | // import { getBdcdyh } from "@api/zrz"; | ||
400 | // import { submit, registerCall } from "@api/common" | ||
401 | export default { | ||
402 | name: 'zrz', | ||
403 | components: { | ||
404 | Qlr, | ||
405 | Qlxz, | ||
406 | }, | ||
407 | inject: ['getTreeByBsm'], | ||
408 | props: { | ||
409 | bsm: String, //户标识码 | ||
410 | scyclx: { | ||
411 | type: String, | ||
412 | default: "1", | ||
413 | } | ||
414 | }, | ||
415 | data () { | ||
416 | return { | ||
417 | disableFlag: false, | ||
418 | //树型结构 | ||
419 | show: true, | ||
420 | clearable: true, | ||
421 | defaultExpandAll: true, | ||
422 | multiple: false, | ||
423 | placeholder: '请选择', | ||
424 | disabled: false, | ||
425 | checkStrictly: true, | ||
426 | treeProps: { | ||
427 | value: 'bsm', | ||
428 | children: 'children', | ||
429 | label: 'mc' | ||
430 | }, | ||
431 | |||
432 | lx: 'h', | ||
433 | hbsm: '', | ||
434 | form: { | ||
435 | bsm: '',//户标识码 | ||
436 | zrzbsm: '', //自然幢标识码 | ||
437 | ljzbsm: '', //逻辑幢标识码 | ||
438 | ljzh: '', //逻辑幢号 | ||
439 | zdybsm: '', //幢单元标识码 | ||
440 | cbsm: '', //层标识码 | ||
441 | ch: '', //层号 | ||
442 | zdbsm: '', //宗地标识码 | ||
443 | bdcdyh: '', //不动产单元号标识码 | ||
444 | ydybsm: '', //原单元标识码 | ||
445 | zrzh: '', //自然幢号 | ||
446 | mjdwbsm: '', //面积单位编号 | ||
447 | sjcs: '', //实际层数 | ||
448 | hh: '', //户号 | ||
449 | hxbsm: '', //户型标识码 | ||
450 | hxjgbsm: '', //户型结构标识码 | ||
451 | dltdmj: '', //独立使用土地面积 | ||
452 | fttdmj: '', //分摊土地使用面积 | ||
453 | gytdmj: '', //共有土地面积 | ||
454 | fwlxbsm: '', //房屋类型标识码 | ||
455 | fwxzbsm: '', //房屋性质标识码 | ||
456 | sjc: '', //实际层 | ||
457 | dqtgs: '', //东墙体归属 | ||
458 | nqtgs: '', //南墙体归属 | ||
459 | xqtgs: '', //西墙体归属 | ||
460 | bqtgs: '', //北墙体归属 | ||
461 | fwbh: '', //房屋编号 | ||
462 | fjsm: '', //附加说明 | ||
463 | fwcbbsm: '', //房屋产别标识码 | ||
464 | sjhs: '', //实际户数 | ||
465 | shbw: '', //室号部位 | ||
466 | fwcqlybsm: '', //房屋产权来源标识码 | ||
467 | myc: '', //名义层 | ||
468 | qszt: '', //权属状态 | ||
469 | |||
470 | //预测数据 | ||
471 | ycjzmj: '', //建筑面积 | ||
472 | yctnjzmj: '', //套内建筑面积 | ||
473 | ycftjzmj: '', //分摊建筑面积 | ||
474 | ycdxbfjzmj: '', //地下部分建筑面积 | ||
475 | ycqtjzmj: '', //其它建筑面积 | ||
476 | ycftxs: '', //分摊系数 | ||
477 | |||
478 | //实测数据 | ||
479 | scjzmj: '', //建筑面积 | ||
480 | sctnjzmj: '', //套内建筑面积 | ||
481 | scftjzmj: '', //分摊建筑面积 | ||
482 | scdxbfjzmj: '', //地下部分建筑面积 | ||
483 | scqtjzmj: '', //其它建筑面积 | ||
484 | scftxs: '', //分摊系数 | ||
485 | |||
486 | scyclx: '0', //实预测类型(0:预测,1:实测;),区别户是实测还是预测数据 | ||
487 | scycglbsm: '', //实测预测关联标识码 | ||
488 | bz: '', //备注 | ||
489 | name: '', | ||
490 | date: '', | ||
491 | fwytList: [{ | ||
492 | glbsm: '', //关联标识码 | ||
493 | fwytzdbsm: '', //房屋用途字典标识码 | ||
494 | sx: '', //顺序 | ||
495 | fwsjytbsm: '', //房屋实际用途字典标识码 | ||
496 | }], | ||
497 | fwjgList: [{ | ||
498 | fwjgzdbsm: '', //房屋结构字典标识码 | ||
499 | glbsm: '', //关联标识码 | ||
500 | sx: '', //顺序 | ||
501 | }], | ||
502 | qlxzList: [{ | ||
503 | qlxzdm: '', //权利性质代码 | ||
504 | glbsm: '', //宗地BSM、自然幢BSM、户BSM、多幢BSM、宗海BSM | ||
505 | qlxzzdbsm: '', //权利性质字典表标识码 | ||
506 | qlxzmc: '', //权利名称名称 | ||
507 | zhqlxzlx: '', //除宗海数据外,默认都是空;0:用海类型权利性质;2:海岛用途权利性质 | ||
508 | addQjTdytRequestList: [{ | ||
509 | }], //土地用途新增实体列表 | ||
510 | }] | ||
511 | }, | ||
512 | value: '', | ||
513 | ytTitleRowspan: 1, //用途的单元格垂直合并数量 | ||
514 | fwjgTitleRowspan: 1, //房屋结构的单元格垂直合并数量 | ||
515 | formHeight: 0, | ||
516 | mainBoxWidth: 0, | ||
517 | |||
518 | rules: [], | ||
519 | ftxsrules: [], | ||
520 | } | ||
521 | }, | ||
522 | created () { | ||
523 | if (this.bsm) { | ||
524 | // this.getHInfo(this.bsm); | ||
525 | } | ||
526 | this.$nextTick(() => { | ||
527 | this.mainBoxWidth = this.$refs.mainBox.clientWidth; | ||
528 | this.formHeight = (document.documentElement.clientHeight || document.body.clientHeight) - 260 | ||
529 | }) | ||
530 | }, | ||
531 | methods: { | ||
532 | |||
533 | inputFtxsBlur (e) { | ||
534 | if (e.target.value !== '' && +e.target.value > 0 && +e.target.value < 10) { | ||
535 | e.target.style.border = "" | ||
536 | } else { | ||
537 | e.target.style.border = "1px solid red"; | ||
538 | e.target.style.boxSizing = 'border-box'; | ||
539 | } | ||
540 | }, | ||
541 | |||
542 | inputBlur (e) { | ||
543 | if (e.target.value != '') { | ||
544 | e.target.style.border = "" | ||
545 | } else { | ||
546 | e.target.style.border = "1px solid red"; | ||
547 | e.target.style.boxSizing = 'border-box'; | ||
548 | } | ||
549 | }, | ||
550 | |||
551 | // registerCall () { | ||
552 | // let data = { | ||
553 | // type: 'h', | ||
554 | // bsm: this.bsm | ||
555 | // } | ||
556 | // registerCall(data).then(res => { | ||
557 | // if (res.success) { | ||
558 | // this.$message.success("登记成功") | ||
559 | // // if(this.lpbParent === 'isLpb'){ | ||
560 | // lpbContent.loadingData(this.form.zrzbsm, this.form.scyclx); | ||
561 | // // } | ||
562 | // this.getTreeByBsm(this.$store.state.zdbsm, 'h', '0,1,2') | ||
563 | // } | ||
564 | // }) | ||
565 | // }, | ||
566 | |||
567 | updateSjfyyt (data) { | ||
568 | data.fwsjytbsm = data.fwytzdbsm; | ||
569 | }, | ||
570 | |||
571 | addYtInfo () { | ||
572 | this.form.fwytList.push({ | ||
573 | glbsm: '', | ||
574 | fwytzdbsm: '', | ||
575 | fwsjytbsm: '', | ||
576 | sx: '', | ||
577 | }); | ||
578 | this.ytTitleRowspan = this.form.fwytList.length; | ||
579 | }, | ||
580 | deleteYtInfo (index) { | ||
581 | if (this.form.fwytList.length <= 1) { | ||
582 | this.$message({ | ||
583 | message: '不能删除,最少含有一条用途信息', | ||
584 | type: 'warning' | ||
585 | }); | ||
586 | } else { | ||
587 | this.form.fwytList.splice(index, 1); | ||
588 | this.ytTitleRowspan = this.form.fwytList.length; | ||
589 | } | ||
590 | }, | ||
591 | addFwjgInfo () { | ||
592 | this.form.fwjgList.push({ | ||
593 | fwjgzdbsm: '', //房屋结构字典标识码 | ||
594 | glbsm: '', //关联标识码 | ||
595 | sx: '', //顺序 | ||
596 | }); | ||
597 | this.fwjgTitleRowspan = this.form.fwjgList.length; | ||
598 | }, | ||
599 | deleteFwjgInfo (index) { | ||
600 | if (this.form.fwjgList.length <= 1) { | ||
601 | this.$message({ | ||
602 | message: '不能删除,最少含有一条房屋结构信息', | ||
603 | type: 'warning' | ||
604 | }); | ||
605 | } else { | ||
606 | this.form.fwjgList.splice(index, 1); | ||
607 | this.fwjgTitleRowspan = this.form.fwjgList.length; | ||
608 | } | ||
609 | }, | ||
610 | //根据户bsm查询户信息 | ||
611 | getHInfo (hbsm) { | ||
612 | //this.bsm = hbsm; | ||
613 | // getQjHDetailByBsm(hbsm).then((res) => { | ||
614 | // if (res.code === 200) { | ||
615 | // this.form = res.result; | ||
616 | // this.hbsm = res.result.bsm; | ||
617 | // if (res.result.gygyqlrqk != null) { | ||
618 | // this.$refs.qlrxxModule.changeGyfs(res.result.gygyqlrqk); | ||
619 | // } | ||
620 | // this.$refs.qlrxxModule.getQlrInfo(hbsm); | ||
621 | // if (this.form.bblx === 0 && this.form.qszt === '0' && this.form.bhqkbsm == null) { | ||
622 | // this.disableFlag = false | ||
623 | // } else { | ||
624 | // this.disableFlag = true | ||
625 | // } | ||
626 | // if (this.form.scyclx === '0') { | ||
627 | // this.$set(this.form, "ycjzmj", this.form.jzmj) | ||
628 | // this.$set(this.form, "yctnjzmj", this.form.tnjzmj) | ||
629 | // this.$set(this.form, "ycftjzmj", this.form.ftjzmj) | ||
630 | // this.$set(this.form, "ycdxbfjzmj", this.form.dxbfjzmj) | ||
631 | // this.$set(this.form, "ycqtjzmj", this.form.qtjzmj) | ||
632 | // this.$set(this.form, "ycftxs", this.form.ftxs) | ||
633 | // this.$set(this.form, "scjzmj", this.form.gljzmj) | ||
634 | // this.$set(this.form, "sctnjzmj", this.form.gltnjzmj) | ||
635 | // this.$set(this.form, "scftjzmj", this.form.glftjzmj) | ||
636 | // this.$set(this.form, "scdxbfjzmj", this.form.gldxbfjzmj) | ||
637 | // this.$set(this.form, "scqtjzmj", this.form.glqtjzmj) | ||
638 | // this.$set(this.form, "scftxs", this.form.glftxs) | ||
639 | // } else if (this.form.scyclx === '1') { | ||
640 | // this.$set(this.form, "scjzmj", this.form.jzmj) | ||
641 | // this.$set(this.form, "sctnjzmj", this.form.tnjzmj) | ||
642 | // this.$set(this.form, "scftjzmj", this.form.ftjzmj) | ||
643 | // this.$set(this.form, "scdxbfjzmj", this.form.dxbfjzmj) | ||
644 | // this.$set(this.form, "scqtjzmj", this.form.qtjzmj) | ||
645 | // this.$set(this.form, "scftxs", this.form.ftxs) | ||
646 | // this.$set(this.form, "ycjzmj", this.form.gljzmj) | ||
647 | // this.$set(this.form, "yctnjzmj", this.form.gltnjzmj) | ||
648 | // this.$set(this.form, "ycftjzmj", this.form.glftjzmj) | ||
649 | // this.$set(this.form, "ycdxbfjzmj", this.form.gldxbfjzmj) | ||
650 | // this.$set(this.form, "ycqtjzmj", this.form.glqtjzmj) | ||
651 | // this.$set(this.form, "ycftxs", this.form.glftxs) | ||
652 | |||
653 | // } | ||
654 | // if (res.result.fwytList.length === 0) { | ||
655 | // this.form.fwytList.push({ | ||
656 | // glbsm: '', //关联标识码 | ||
657 | // fwytzdbsm: '', //房屋用途字典标识码 | ||
658 | // sx: '', //顺序 | ||
659 | // fwsjytbsm: '', //房屋实际用途字典标识码 | ||
660 | // }) | ||
661 | // } | ||
662 | // if (res.result.fwjgList.length === 0) { | ||
663 | // this.form.fwjgList.push({ | ||
664 | // fwjgzdbsm: '', //房屋结构字典标识码 | ||
665 | // glbsm: '', //关联标识码 | ||
666 | // sx: '', //顺序 | ||
667 | // }) | ||
668 | // } | ||
669 | // this.fwjgTitleRowspan = this.form.fwjgList.length; | ||
670 | // this.ytTitleRowspan = this.form.fwytList.length; | ||
671 | // if (res.result.qjQlxzListVOS.length > 0) { | ||
672 | // if (res.result.qjQlxzListVOS[0].list.length < 1) { | ||
673 | // res.result.qjQlxzListVOS[0].list.push({ | ||
674 | // "pzdjbsm": "", | ||
675 | // "pzdjmc": "", | ||
676 | // "pzytdm": "", | ||
677 | // "pzytmc": "", | ||
678 | // "pzytmj": 0, | ||
679 | // "qlxzbsm": "", | ||
680 | // "sjdjbsm": "", | ||
681 | // "sjdjmc": "", | ||
682 | // "sjytdm": "", | ||
683 | // "sjytmc": "", | ||
684 | // "sjytmj": 0, | ||
685 | // "syqx": "", | ||
686 | // "tdsyjssj": "", | ||
687 | // "tdsyqssj": "", | ||
688 | // "tdzh": "" | ||
689 | // }) | ||
690 | // } | ||
691 | // //权利性质数据传给子组件 | ||
692 | // this.$refs.qlxzModule.countList = res.result.qjQlxzListVOS | ||
693 | // } else { | ||
694 | // this.$refs.qlxzModule.countList = [ | ||
695 | // { | ||
696 | // id: Math.random(), | ||
697 | // isInside: false, | ||
698 | // hasNotBorder: false, | ||
699 | // "bsm": "",//权利性质标识码 | ||
700 | // "glbsm": "",//宗地BSM、自然幢BSM、户BSM、多幢BSM、宗海BSM | ||
701 | // "qlxzdm": "", | ||
702 | // "zhqlxzlx": "", //除宗海数据外,默认都是空;0:用海类型权利性质;2:海岛用途权利性质 | ||
703 | // list: [ | ||
704 | // { | ||
705 | // "pzdjbsm": "", | ||
706 | // "pzdjmc": "", | ||
707 | // "pzytdm": "", | ||
708 | // "pzytmc": "", | ||
709 | // "pzytmj": 0, | ||
710 | // "qlxzbsm": "", | ||
711 | // "sjdjbsm": "", | ||
712 | // "sjdjmc": "", | ||
713 | // "sjytdm": "", | ||
714 | // "sjytmc": "", | ||
715 | // "sjytmj": 0, | ||
716 | // "syqx": "", | ||
717 | // "tdsyjssj": "", | ||
718 | // "tdsyqssj": "", | ||
719 | // "tdzh": "" | ||
720 | // } | ||
721 | // ] | ||
722 | // }, | ||
723 | // ] | ||
724 | // } | ||
725 | // } | ||
726 | // }) | ||
727 | }, | ||
728 | //保存户信息 | ||
729 | onSave () { | ||
730 | |||
731 | if (this.form.scyclx === '0') { | ||
732 | this.ftxsrules = [ | ||
733 | { | ||
734 | data: this.form.ycftxs, | ||
735 | name: '不动产单元号', | ||
736 | dom: this.$refs.ycftxs, | ||
737 | rule: /^(?!0(\.0{1,2})?$)(\d(\.\d{1,2})?)$/, //大于0小于10的所有保留两位的数字 | ||
738 | }, | ||
739 | ] | ||
740 | } else { | ||
741 | this.ftxsrules = [ | ||
742 | { | ||
743 | data: this.form.scftxs, | ||
744 | name: '不动产单元号', | ||
745 | dom: this.$refs.scftxs, | ||
746 | rule: /^(?!0(\.0{1,2})?$)(\d(\.\d{1,2})?)$/, //大于0小于10的所有保留两位的数字 | ||
747 | }, | ||
748 | ] | ||
749 | } | ||
750 | |||
751 | |||
752 | this.rules = [ | ||
753 | { | ||
754 | data: this.form.bdcdyh, | ||
755 | name: '不动产单元号', | ||
756 | dom: this.$refs.bdcdyh, | ||
757 | rule: /^\s*$/g, //非空 | ||
758 | }, | ||
759 | { | ||
760 | data: this.form.fwlxbsm, | ||
761 | name: '房屋类型', | ||
762 | dom: this.$refs.fwlxbsm, | ||
763 | rule: /^\s*$/g, //非空 | ||
764 | }, | ||
765 | { | ||
766 | data: this.form.fwxzbsm, | ||
767 | name: '房屋性质', | ||
768 | dom: this.$refs.fwxzbsm, | ||
769 | rule: /^\s*$/g, //非空 | ||
770 | }, | ||
771 | { | ||
772 | data: this.form.fwcbbsm, | ||
773 | name: '产别', | ||
774 | dom: this.$refs.fwcbbsm, | ||
775 | rule: /^\s*$/g, //非空 | ||
776 | }, | ||
777 | { | ||
778 | data: this.form.fwcqlybsm, | ||
779 | name: '产权来源', | ||
780 | dom: this.$refs.fwcqlybsm, | ||
781 | rule: /^\s*$/g, //非空 | ||
782 | }, | ||
783 | { | ||
784 | data: this.form.zl, | ||
785 | name: '坐落', | ||
786 | dom: this.$refs.zl, | ||
787 | rule: /^\s*$/g, //非空 | ||
788 | }, | ||
789 | ] | ||
790 | this.form.fwytList.forEach((item, index) => { | ||
791 | this.rules.push( | ||
792 | { | ||
793 | data: item.fwytzdbsm, | ||
794 | name: '规划用途', | ||
795 | dom: this.$refs.ghyt[index], | ||
796 | rule: /^\s*$/g, //非空 | ||
797 | }, | ||
798 | { | ||
799 | data: item.fwytzdbsm, | ||
800 | name: '用途', | ||
801 | dom: this.$refs.yt[index], | ||
802 | rule: /^\s*$/g, //非空 | ||
803 | }, | ||
804 | ) | ||
805 | }) | ||
806 | this.form.fwjgList.forEach((item, index) => { | ||
807 | this.rules.push( | ||
808 | { | ||
809 | data: item.fwjgzdbsm, | ||
810 | name: '房屋结构', | ||
811 | dom: this.$refs.fwjg[index], | ||
812 | rule: /^\s*$/g, //非空 | ||
813 | }, | ||
814 | ) | ||
815 | }) | ||
816 | this.form.qlxzList = this.$refs.qlxzModule.getQlxzDataList(); | ||
817 | this.$refs.qlxzModule.getRules(); | ||
818 | let flag = true; | ||
819 | |||
820 | this.rules.forEach(item => { | ||
821 | if (item.rule.test(item.data) || item.data == null) { | ||
822 | if (item.dom.$el) { | ||
823 | item.dom.$el.style.border = '1px solid red'; | ||
824 | item.dom.$el.style.boxSizing = 'border-box'; | ||
825 | } else { | ||
826 | item.dom.style.border = '1px solid red'; | ||
827 | item.dom.style.boxSizing = 'border-box'; | ||
828 | } | ||
829 | flag = false; | ||
830 | return false | ||
831 | } | ||
832 | }) | ||
833 | let ftxsflag = true; | ||
834 | this.ftxsrules.forEach(item => { | ||
835 | console.log(item.data + ":item.data") | ||
836 | console.log(item.data !== "" + ":item.data !==") | ||
837 | if (item.data !== "" && item.data !== null) { | ||
838 | if (!item.rule.test(+item.data) || item.data == null) { | ||
839 | if (item.dom.$el) { | ||
840 | item.dom.$el.style.border = '1px solid red'; | ||
841 | item.dom.$el.style.boxSizing = 'border-box'; | ||
842 | } else { | ||
843 | item.dom.style.border = '1px solid red'; | ||
844 | item.dom.style.boxSizing = 'border-box'; | ||
845 | } | ||
846 | ftxsflag = false; | ||
847 | return false | ||
848 | } | ||
849 | } | ||
850 | }) | ||
851 | |||
852 | this.$nextTick(() => { | ||
853 | if (flag && ftxsflag && this.$refs.qlxzModule.getRulesResult()) { | ||
854 | if (this.form.scyclx === '0') { | ||
855 | this.form.jzmj = this.form.ycjzmj; | ||
856 | this.form.tnjzmj = this.form.yctnjzmj; | ||
857 | this.form.ftjzmj = this.form.ycftjzmj; | ||
858 | this.form.dxbfjzmj = this.form.ycdxbfjzmj; | ||
859 | this.form.qtjzmj = this.form.ycqtjzmj; | ||
860 | this.form.ftxs = this.form.ycftxs; | ||
861 | } else if (this.form.scyclx === '1') { | ||
862 | this.form.jzmj = this.form.scjzmj; | ||
863 | this.form.tnjzmj = this.form.sctnjzmj; | ||
864 | this.form.ftjzmj = this.form.scftjzmj; | ||
865 | this.form.dxbfjzmj = this.form.scdxbfjzmj; | ||
866 | this.form.qtjzmj = this.form.scqtjzmj; | ||
867 | this.form.ftxs = this.form.scftxs; | ||
868 | } | ||
869 | vm.loadingShow('请求发送中'); | ||
870 | // updateQjH(this.form).then((res) => { | ||
871 | // vm.loadingHide(); | ||
872 | // if (res.code === 200) { | ||
873 | // this.$message.success("保存成功!") | ||
874 | // console.log(this, "this") | ||
875 | // } else { | ||
876 | // this.$message.warning(res.message) | ||
877 | // } | ||
878 | // }) | ||
879 | // .catch((error) => { | ||
880 | // vm.loadingHide(); | ||
881 | // console.log(error); | ||
882 | // }); | ||
883 | } else { | ||
884 | this.$message({ | ||
885 | // message: item.name+'不能为空', | ||
886 | message: '表单数据有误', | ||
887 | type: "warning", | ||
888 | }); | ||
889 | } | ||
890 | }) | ||
891 | |||
892 | }, | ||
893 | onSubmit () { | ||
894 | let data = { | ||
895 | glbsm: this.bsm, | ||
896 | status: 1, | ||
897 | type: "h" | ||
898 | } | ||
899 | // submit(data).then((res) => { | ||
900 | // if (res.code === 200) { | ||
901 | // this.$message.success("提交完成!"); | ||
902 | // // if(this.lpbParent === 'isLpb'){ | ||
903 | // lpbContent.loadingData(this.form.zrzbsm, this.form.scyclx); | ||
904 | // // } | ||
905 | // } else { | ||
906 | // this.$message.warning(res.message) | ||
907 | // } | ||
908 | // }) | ||
909 | }, | ||
910 | onReset () { | ||
911 | this.form.bdcdyh = '', //不动产单元号 | ||
912 | this.form.mjdwbsm = '', //面积单位编号 | ||
913 | this.form.hxbsm = '', //户型标识码 | ||
914 | this.form.hxjgbsm = '', //户型结构标识码 | ||
915 | this.form.dltdmj = '', //独立使用土地面积 | ||
916 | this.form.fttdmj = '', //分摊土地使用面积 | ||
917 | this.form.gytdmj = '', //共有土地面积 | ||
918 | this.form.fwlxbsm = '', //房屋类型标识码 | ||
919 | this.form.fwxzbsm = '', //房屋性质标识码 | ||
920 | this.form.sjc = '', //实际层 | ||
921 | this.form.dqtgs = '', //东墙体归属 | ||
922 | this.form.nqtgs = '', //南墙体归属 | ||
923 | this.form.xqtgs = '', //西墙体归属 | ||
924 | this.form.bqtgs = '', //北墙体归属 | ||
925 | this.form.fwbh = '', //房屋编号 | ||
926 | this.form.fjsm = '', //附加说明 | ||
927 | this.form.fwcbbsm = '', //房屋产别标识码 | ||
928 | this.form.sjhs = '', //实际户数 | ||
929 | this.form.shbw = '', //室号部位 | ||
930 | this.form.fwcqlybsm = '', //房屋产权来源标识码 | ||
931 | //预测数据 | ||
932 | this.form.ycjzmj = '', //建筑面积 | ||
933 | this.form.yctnjzmj = '', //套内建筑面积 | ||
934 | this.form.ycftjzmj = '', //分摊建筑面积 | ||
935 | this.form.ycdxbfjzmj = '', //地下部分建筑面积 | ||
936 | this.form.ycqtjzmj = '', //其它建筑面积 | ||
937 | this.form.ycftxs = '', //分摊系数 | ||
938 | //实测数据 | ||
939 | this.form.scjzmj = '', //建筑面积 | ||
940 | this.form.sctnjzmj = '', //套内建筑面积 | ||
941 | this.form.scftjzmj = '', //分摊建筑面积 | ||
942 | this.form.scdxbfjzmj = '', //地下部分建筑面积 | ||
943 | this.form.scqtjzmj = '', //其它建筑面积 | ||
944 | this.form.scftxs = '', //分摊系数 | ||
945 | this.form.scyclx = '0', //实预测类型(0:预测,1:实测;),区别户是实测还是预测数据 | ||
946 | this.form.scycglbsm = '', //实测预测关联标识码 | ||
947 | this.form.bz = '', //备注 | ||
948 | this.form.name = '', | ||
949 | this.form.date = '', | ||
950 | this.form.fwytList = [{ | ||
951 | glbsm: '', //关联标识码 | ||
952 | fwytzdbsm: '', //房屋用途字典标识码 | ||
953 | sx: '', //顺序 | ||
954 | fwsjytbsm: '', //房屋实际用途字典标识码 | ||
955 | }], | ||
956 | this.form.fwjgList = [{ | ||
957 | fwjgzdbsm: '', //房屋结构字典标识码 | ||
958 | glbsm: '', //关联标识码 | ||
959 | sx: '', //顺序 | ||
960 | }], | ||
961 | this.form.qlxzList = [{ | ||
962 | qlxzdm: '', //权利性质代码 | ||
963 | glbsm: '', //宗地BSM、自然幢BSM、户BSM、多幢BSM、宗海BSM | ||
964 | qlxzzdbsm: '', //权利性质字典表标识码 | ||
965 | qlxzmc: '', //权利名称名称 | ||
966 | zhqlxzlx: '', //除宗海数据外,默认都是空;0:用海类型权利性质;2:海岛用途权利性质 | ||
967 | addQjTdytRequestList: [{ | ||
968 | }], //土地用途新增实体列表 | ||
969 | }] | ||
970 | console.log("----------------------------------") | ||
971 | console.log(this.form) | ||
972 | }, | ||
973 | |||
974 | //不动产单元号再次生成提示框 | ||
975 | open () { | ||
976 | this.$confirm('已经存在不动产单元号或者自然幢号, 是否继续?', '提示', { | ||
977 | confirmButtonText: '确定', | ||
978 | cancelButtonText: '取消', | ||
979 | type: 'warning' | ||
980 | }).then(() => { | ||
981 | // getBdcdyh(this.form.zrzh, "h") | ||
982 | // .then((res) => { | ||
983 | // this.form.zrzh = res.result.substring(0, 24); | ||
984 | // this.form.bdcdyh = res.result; | ||
985 | // }) | ||
986 | this.$message({ | ||
987 | type: 'success', | ||
988 | message: '生成成功!' | ||
989 | }); | ||
990 | }).catch(() => { | ||
991 | this.$message({ | ||
992 | type: 'info', | ||
993 | message: '已取消' | ||
994 | }); | ||
995 | }); | ||
996 | }, | ||
997 | |||
998 | generatorCode () { | ||
999 | if (this.form.bdcdyh != null && this.form.bdcdyh !== '') { | ||
1000 | this.open(); | ||
1001 | return; | ||
1002 | } | ||
1003 | // getBdcdyh(this.form.zrzh, "h") | ||
1004 | // .then((res) => { | ||
1005 | // this.form.zrzh = res.result.substring(0, 24); | ||
1006 | // this.form.bdcdyh = res.result; | ||
1007 | // }) | ||
1008 | }, | ||
1009 | }, | ||
1010 | watch: { | ||
1011 | scyclx: { | ||
1012 | handler (n) { | ||
1013 | this.$nextTick(() => { | ||
1014 | this.form.scyclx = this.scyclx; | ||
1015 | }) | ||
1016 | } | ||
1017 | }, | ||
1018 | |||
1019 | "form.bdcdyh": function (val) { | ||
1020 | if (val != '') { | ||
1021 | this.$refs.bdcdyh.$el.style.border = ''; | ||
1022 | } | ||
1023 | }, | ||
1024 | |||
1025 | "form.fwlxbsm": { | ||
1026 | handler: function (val) { | ||
1027 | if (val != '') { | ||
1028 | this.$refs.fwlxbsm.$el.style.border = ''; | ||
1029 | } | ||
1030 | }, | ||
1031 | immediate: false | ||
1032 | }, | ||
1033 | |||
1034 | "form.fwxzbsm": { | ||
1035 | handler: function (val) { | ||
1036 | if (val != '') { | ||
1037 | this.$refs.fwxzbsm.$el.style.border = ''; | ||
1038 | } | ||
1039 | }, | ||
1040 | immediate: false | ||
1041 | }, | ||
1042 | |||
1043 | "form.fwcqlybsm": { | ||
1044 | handler: function (val) { | ||
1045 | if (val != '') { | ||
1046 | this.$refs.fwcqlybsm.$el.style.border = ''; | ||
1047 | } | ||
1048 | }, | ||
1049 | immediate: false | ||
1050 | }, | ||
1051 | |||
1052 | "form.fwcbbsm": { | ||
1053 | handler: function (val) { | ||
1054 | if (val != '') { | ||
1055 | this.$refs.fwcbbsm.$el.style.border = ''; | ||
1056 | } | ||
1057 | }, | ||
1058 | immediate: false | ||
1059 | }, | ||
1060 | |||
1061 | "form.fwytList": { | ||
1062 | handler: function (newVal, oldVal) { | ||
1063 | newVal.forEach((item, ind) => { | ||
1064 | if (item.fwytzdbsm != '') { | ||
1065 | this.$refs.ghyt[ind].$el.style.border = "" | ||
1066 | this.$refs.yt[ind].$el.style.border = "" | ||
1067 | } | ||
1068 | }) | ||
1069 | }, | ||
1070 | deep: true | ||
1071 | }, | ||
1072 | "form.fwjgList": { | ||
1073 | handler: function (newVal, oldVal) { | ||
1074 | newVal.forEach((item, ind) => { | ||
1075 | if (item.fwjgzdbsm != '') { | ||
1076 | this.$refs.fwjg[ind].$el.style.border = "" | ||
1077 | } | ||
1078 | }) | ||
1079 | }, | ||
1080 | deep: true | ||
1081 | }, | ||
1082 | |||
1083 | "$store.state.sxdrType": { | ||
1084 | handler (n) { | ||
1085 | this.$nextTick(() => { | ||
1086 | if (n === 'h') { | ||
1087 | this.getHInfo(this.$store.state.hbsm) | ||
1088 | } | ||
1089 | }) | ||
1090 | }, | ||
1091 | immediate: false, | ||
1092 | deep: true, | ||
1093 | } | ||
1094 | } | ||
1095 | } | ||
1096 | </script> | ||
1097 | <style rel="stylesheet/scss" lang="scss" scoped> | ||
1098 | .h { | ||
1099 | height: 100%; | ||
1100 | width: 100%; | ||
1101 | margin-top: 10px; | ||
1102 | overflow-y: scroll; | ||
1103 | overflow-x: hidden; | ||
1104 | |||
1105 | /deep/.el-input__inner { | ||
1106 | width: 100%; | ||
1107 | border: 0; | ||
1108 | } | ||
1109 | |||
1110 | /deep/textarea { | ||
1111 | width: 100%; | ||
1112 | border: 0; | ||
1113 | } | ||
1114 | |||
1115 | |||
1116 | .el-form-item { | ||
1117 | font-weight: bold; | ||
1118 | font-size: xx-large | ||
1119 | } | ||
1120 | |||
1121 | table { | ||
1122 | background: #fff; | ||
1123 | table-layout: fixed; | ||
1124 | } | ||
1125 | |||
1126 | td { | ||
1127 | //bgcolor:#F1F4FC; | ||
1128 | width: 8.33%; | ||
1129 | height: 36px; | ||
1130 | text-align: right; | ||
1131 | } | ||
1132 | |||
1133 | .el-select { | ||
1134 | display: block; | ||
1135 | } | ||
1136 | |||
1137 | .form { | ||
1138 | overflow-y: scroll; | ||
1139 | overflow-x: hidden; | ||
1140 | margin-bottom: 30px; | ||
1141 | } | ||
1142 | } | ||
1143 | |||
1144 | .hpage { | ||
1145 | box-sizing: border-box; | ||
1146 | padding: 8px 6px 18px 18px; | ||
1147 | } | ||
1148 | |||
1149 | table { | ||
1150 | font-size: 14px; | ||
1151 | } | ||
1152 | |||
1153 | .hTable { | ||
1154 | margin-top: 10px; | ||
1155 | } | ||
1156 | |||
1157 | /deep/.el-select-tree { | ||
1158 | width: 100%; | ||
1159 | |||
1160 | .el-input__inner { | ||
1161 | height: 30px !important; | ||
1162 | } | ||
1163 | } | ||
1164 | |||
1165 | .header-button { | ||
1166 | z-index: 3; | ||
1167 | height: 50px; | ||
1168 | position: absolute; | ||
1169 | bottom: 0; | ||
1170 | right: 6px; | ||
1171 | text-align: center; | ||
1172 | background-color: #ffffff; | ||
1173 | |||
1174 | .el-button { | ||
1175 | padding: 10px 30px; | ||
1176 | margin-top: 8px; | ||
1177 | } | ||
1178 | |||
1179 | .saveBtn { | ||
1180 | background-color: #00CACD; | ||
1181 | border-color: #00CACD; | ||
1182 | } | ||
1183 | |||
1184 | .saveBtn:hover { | ||
1185 | background-color: rgba(0, 202, 205, .8); | ||
1186 | border-color: rgba(0, 202, 205, .8); | ||
1187 | } | ||
1188 | } | ||
1189 | </style> |
src/views/lpb/hbj/lpb-hbj/index.vue
deleted
100644 → 0
1 | <template> | ||
2 | <el-tabs v-model="activeName" @tab-click="handleClick"> | ||
3 | <el-tab-pane label="户基本信息表" name="hjbxx"> | ||
4 | <hbj ref="hbj" :bsm="hbsm"></hbj> | ||
5 | </el-tab-pane> | ||
6 | <el-tab-pane label="登记簿" name="djb"> | ||
7 | <!-- <djb v-if="djbVisible" :style="{ 'height': formHeight + 'px' }"></djb> --> | ||
8 | </el-tab-pane> | ||
9 | <el-tab-pane label="附件材料" name="fjcl"> | ||
10 | <!-- <fjcl v-if="fjclVisible" ref="fjcl" :lpbParent="true" :style="{ 'height': formHeight + 'px' }" | ||
11 | :is-disabled="isDisabled"></fjcl> --> | ||
12 | </el-tab-pane> | ||
13 | </el-tabs> | ||
14 | </template> | ||
15 | |||
16 | <script> | ||
17 | import hbj from "../index" | ||
18 | // import djb from "../../../../../zd/djb/index"; | ||
19 | // import fjcl from "../../../../../zd/fjcl/fjcl" | ||
20 | // import { queryStatus } from "@api/search" | ||
21 | export default { | ||
22 | name: "index", | ||
23 | components: { | ||
24 | hbj, | ||
25 | // djb, | ||
26 | // fjcl | ||
27 | }, | ||
28 | props: { | ||
29 | bsm: String, //户标识码 | ||
30 | }, | ||
31 | data () { | ||
32 | return { | ||
33 | isDisabled: false, | ||
34 | hbsm: this.$store.state.hbsm, | ||
35 | activeName: "hjbxx", | ||
36 | djbVisible: false, | ||
37 | fjclVisible: false, | ||
38 | formHeight: 0, | ||
39 | } | ||
40 | }, | ||
41 | mounted () { | ||
42 | this.formHeight = (document.documentElement.clientHeight || document.body.clientHeight) - 260 | ||
43 | }, | ||
44 | methods: { | ||
45 | loadingStatus () { | ||
46 | let bsm = this.$store.state.hbsm; | ||
47 | // queryStatus(bsm).then(res => { | ||
48 | // if (res.success) { | ||
49 | // let qszt = res.result.qszt; | ||
50 | // this.isDisabled = +qszt !== 0; | ||
51 | // } | ||
52 | // }) | ||
53 | }, | ||
54 | handleClick (tab, event) { | ||
55 | this.loadingStatus() | ||
56 | // console.log(tab, event); | ||
57 | switch (tab.name) { | ||
58 | case 'djb': | ||
59 | this.djbVisible = true; | ||
60 | break; | ||
61 | case 'fjcl': | ||
62 | this.fjclVisible = true; | ||
63 | break; | ||
64 | default: | ||
65 | break; | ||
66 | } | ||
67 | }, | ||
68 | }, | ||
69 | watch: {} | ||
70 | } | ||
71 | </script> | ||
72 | |||
73 | <style scoped lang="scss"> | ||
74 | .el-tabs { | ||
75 | /deep/.el-tabs__nav-scroll { | ||
76 | margin-left: -35px; | ||
77 | } | ||
78 | } | ||
79 | </style> |
... | @@ -134,10 +134,7 @@ export default { | ... | @@ -134,10 +134,7 @@ export default { |
134 | bsms: [], | 134 | bsms: [], |
135 | dialogVisible: false, | 135 | dialogVisible: false, |
136 | scyclx: "0", //1是实测 0是预测 | 136 | scyclx: "0", //1是实测 0是预测 |
137 | pd: [], //创建楼盘的树结构数据 | ||
138 | menuType: "", | 137 | menuType: "", |
139 | treeData: {}, | ||
140 | inputWidth: 200, | ||
141 | selectedZt: "dyzt", //图例选中项,默认选中单元状态 | 138 | selectedZt: "dyzt", //图例选中项,默认选中单元状态 |
142 | dyztList: [ | 139 | dyztList: [ |
143 | { | 140 | { |
... | @@ -222,21 +219,6 @@ export default { | ... | @@ -222,21 +219,6 @@ export default { |
222 | }, 100); | 219 | }, 100); |
223 | }, | 220 | }, |
224 | methods: { | 221 | methods: { |
225 | //取消选中 | ||
226 | batchCancelChoosed () { | ||
227 | this.bsms = []; | ||
228 | this.qsztList = []; | ||
229 | this.$refs.lpbContent.hbsmList = []; | ||
230 | this.$refs.lpbContent.choosedList = []; | ||
231 | this.$refs.lpbContent.$refs.hBsm.forEach((item) => { | ||
232 | item.style.border = ''; | ||
233 | item.className = ""; | ||
234 | }); | ||
235 | this.$refs.lpbContent.$refs.cBsm.forEach((item) => { | ||
236 | item.style.border = ''; | ||
237 | item.className = ""; | ||
238 | }); | ||
239 | }, | ||
240 | 222 | ||
241 | loading () { | 223 | loading () { |
242 | this.getLpbMenuTree(this.$store.state.zrzbsm); | 224 | this.getLpbMenuTree(this.$store.state.zrzbsm); |
... | @@ -250,49 +232,6 @@ export default { | ... | @@ -250,49 +232,6 @@ export default { |
250 | this.lpbContentHight = window.innerHeight - 190; | 232 | this.lpbContentHight = window.innerHeight - 190; |
251 | }, | 233 | }, |
252 | 234 | ||
253 | //弹框中的保存按钮,根据不同菜单点击类型调用不同子组件的保存方法 | ||
254 | saveInfo () { | ||
255 | switch (this.menuType) { | ||
256 | case "ljz": | ||
257 | this.$refs.ljz.onSave(this.$refs.ljz.form, this.treeData.bsm); | ||
258 | break; | ||
259 | case "zdy": | ||
260 | this.$refs.zdy.submitForm("form", this.pd[0].bsm, this.treeData.bsm); | ||
261 | break; | ||
262 | case "ch": | ||
263 | this.$refs.ch.onSave(this.pd[0].bsm); | ||
264 | break; | ||
265 | case "c": | ||
266 | this.$refs.c.onSave(this.pd[0].bsm); | ||
267 | break; | ||
268 | default: | ||
269 | break; | ||
270 | } | ||
271 | }, | ||
272 | //弹框中的重置按钮 | ||
273 | resetInfo () { | ||
274 | switch (this.menuType) { | ||
275 | case "ljz": | ||
276 | this.$refs.ljz.reset(); | ||
277 | break; | ||
278 | case "zdy": | ||
279 | this.$refs.zdy.reset(); | ||
280 | break; | ||
281 | case "ch": | ||
282 | this.$refs.ch.reset(); | ||
283 | break; | ||
284 | case "c": | ||
285 | this.$refs.c.reset(); | ||
286 | break; | ||
287 | |||
288 | default: | ||
289 | break; | ||
290 | } | ||
291 | }, | ||
292 | //关闭弹框 | ||
293 | closeDaialog () { | ||
294 | this.dialogVisible = false; | ||
295 | }, | ||
296 | //图例的展开收起 | 235 | //图例的展开收起 |
297 | legendToggle () { | 236 | legendToggle () { |
298 | this.legendToggleFlag = !this.legendToggleFlag; | 237 | this.legendToggleFlag = !this.legendToggleFlag; | ... | ... |
... | @@ -190,11 +190,9 @@ | ... | @@ -190,11 +190,9 @@ |
190 | </template> | 190 | </template> |
191 | <script> | 191 | <script> |
192 | import { getLpb } from '@/api/zhcx' | 192 | import { getLpb } from '@/api/zhcx' |
193 | import { Message } from 'element-ui'; | ||
194 | import hbj from "../hbj/lpb-hbj/index"; | ||
195 | export default { | 193 | export default { |
196 | name: "", | 194 | name: "", |
197 | components: { hbj }, | 195 | components: { }, |
198 | props: { | 196 | props: { |
199 | zrzbsm: { | 197 | zrzbsm: { |
200 | type: String, | 198 | type: String, |
... | @@ -240,26 +238,12 @@ export default { | ... | @@ -240,26 +238,12 @@ export default { |
240 | //右键层户数据 | 238 | //右键层户数据 |
241 | chData: "", | 239 | chData: "", |
242 | rightClickFlag: "", | 240 | rightClickFlag: "", |
243 | //层操作数据 | 241 | |
244 | addCVisible: false, | ||
245 | addCData: { | ||
246 | title: "", | ||
247 | cbsm: "", //层标识码 | ||
248 | hcount: "", //添加户数 | ||
249 | scyclx: "", //实测预测类型 | ||
250 | sjc: "", //当前的层的SJC +1 | ||
251 | }, | ||
252 | formLabelWidth: "120px", | 242 | formLabelWidth: "120px", |
253 | yclpbData: {}, | 243 | yclpbData: {}, |
254 | sclpbData: {}, | 244 | sclpbData: {}, |
255 | fghbChoosedList: [], | 245 | |
256 | canHb: '',//判断合并类型 | 246 | |
257 | hfgDialogVisible: false, //户分割弹框 | ||
258 | fgData: { | ||
259 | fghs: "", | ||
260 | oldbsm: '', | ||
261 | fgfx: 0 | ||
262 | }, | ||
263 | zrzChecked: false, //自然幢全选 | 247 | zrzChecked: false, //自然幢全选 |
264 | }; | 248 | }; |
265 | }, | 249 | }, |
... | @@ -425,10 +409,7 @@ export default { | ... | @@ -425,10 +409,7 @@ export default { |
425 | 409 | ||
426 | break; | 410 | break; |
427 | case 'isLpb': | 411 | case 'isLpb': |
428 | this.$parent.getHbsm(this.hbsmList, false); | ||
429 | this.$parent.getQsztList(this.hqsztList, false); | ||
430 | break; | 412 | break; |
431 | |||
432 | default: | 413 | default: |
433 | break; | 414 | break; |
434 | } | 415 | } |
... | @@ -499,55 +480,10 @@ export default { | ... | @@ -499,55 +480,10 @@ export default { |
499 | this.chData = item; | 480 | this.chData = item; |
500 | switch (this.lpbParent) { | 481 | switch (this.lpbParent) { |
501 | case 'isHbfg': | 482 | case 'isHbfg': |
502 | this.rightClickFlag = this.isHb ? 'hb' : 'fg'; | ||
503 | if (this.fghbChoosedList.length > 1) { | ||
504 | //合并 | ||
505 | this.lpbChVisible = this.hbsmList.indexOf(this.chData.bsm) > -1 ? true : false; | ||
506 | //判断选中户可以执行的合并类型 | ||
507 | let chIsSame = this.fghbChoosedList.every((item) => { | ||
508 | return item.ch == this.fghbChoosedList[0].ch; | ||
509 | }); | ||
510 | let hhIsSame = this.fghbChoosedList.every((item) => { | ||
511 | return item.hh == this.fghbChoosedList[0].hh; | ||
512 | }); | ||
513 | this.$nextTick(() => { | ||
514 | if (chIsSame) { | ||
515 | this.canHb = 'zyhb' | ||
516 | } else if (hhIsSame) { | ||
517 | this.canHb = 'sxhb' | ||
518 | } else { | ||
519 | this.canHb = '' | ||
520 | } | ||
521 | }) | ||
522 | } else { | ||
523 | //分割 | ||
524 | this.lpbChVisible = this.hbsmList.indexOf(this.chData.bsm) > -1 ? true : false; | ||
525 | this.fgData.oldbsm = item.bsm; | ||
526 | console.log(item, 'item'); | ||
527 | //判断户的实际sjcs为1,只能水平分割 | ||
528 | this.fgData.fgfx = item.sjcs == 1 ? 0 : 1; | ||
529 | if (item.sjcs == 1) { | ||
530 | //判断户的实际sjcs为1,只能水平分割 | ||
531 | this.fgData.fgfx = 0; | ||
532 | this.fgData.fghs = ''; | ||
533 | } else { | ||
534 | this.fgData.fgfx = 1; | ||
535 | //判断户的实际sjhs不为1,分割户数为sjhs的值 | ||
536 | this.fgData.fghs = item.sjcs; | ||
537 | } | ||
538 | } | ||
539 | break; | 483 | break; |
540 | case 'isFwsxbg': | 484 | case 'isFwsxbg': |
541 | if (this.hbsmList[0] == item.bsm) { | ||
542 | this.rightClickFlag = 'fwsxbg'; | ||
543 | this.lpbChVisible = true; | ||
544 | } else { | ||
545 | this.lpbChVisible = false; | ||
546 | } | ||
547 | break; | 485 | break; |
548 | case 'isCxlz': | 486 | case 'isCxlz': |
549 | this.rightClickFlag = 'cxlz'; | ||
550 | this.lpbChVisible = this.hbsmList.indexOf(this.chData.bsm) > -1 ? true : false; | ||
551 | break; | 487 | break; |
552 | case 'isLpb': | 488 | case 'isLpb': |
553 | this.rightClickFlag = type; | 489 | this.rightClickFlag = type; |
... | @@ -562,9 +498,6 @@ export default { | ... | @@ -562,9 +498,6 @@ export default { |
562 | hDyztClick (e, bsm, hs) { | 498 | hDyztClick (e, bsm, hs) { |
563 | this.handleTdClick(e.target.parentNode, bsm, hs); | 499 | this.handleTdClick(e.target.parentNode, bsm, hs); |
564 | }, | 500 | }, |
565 | dyztIconClick () { | ||
566 | |||
567 | }, | ||
568 | // 层选中事件 | 501 | // 层选中事件 |
569 | handleClickC (e, item) { | 502 | handleClickC (e, item) { |
570 | if (this.lpbParent == 'isLpb') { | 503 | if (this.lpbParent == 'isLpb') { | ... | ... |
-
Please register or sign in to post a comment