Skip to content

bdc / bdcdj-web

Go to a project
Toggle navigation
Toggle navigation pinning
e7879b95 by 田浩浩
Options

Merge branch 'master' of http://yun.pashanhoo.com:9090/bdc/bdcdj-web

2 parents dad5c811 6c39eedf
Inline Side-by-side
Showing 27 changed files with 820 additions and 1458 deletions
...@@ -19,9 +19,9 @@ ...@@ -19,9 +19,9 @@
19 <el-button type="primary" @click="clickImage">（放大） 显示（缩小）</el-button> 19 <el-button type="primary" @click="clickImage">（放大） 显示（缩小）</el-button>
20 <el-upload class="fileUpdate" action="" :show-file-list="false" multiple :auto-upload="false" 20 <el-upload class="fileUpdate" action="" :show-file-list="false" multiple :auto-upload="false"
21 :on-change="handleChange" accept=".JPG, .PNG, .JPEG,.jpg, .png, .jpeg" :before-upload="beforeUpload"> 21 :on-change="handleChange" accept=".JPG, .PNG, .JPEG,.jpg, .png, .jpeg" :before-upload="beforeUpload">
22 <el-button icon="el-icon-upload" type="primary">上传</el-button> 22 <el-button icon="el-icon-upload" type="primary" v-if="!this.$route.query.viewtype">上传</el-button>
23 </el-upload> 23 </el-upload>
24 <el-button type="primary" icon="el-icon-delete-solid" @click="handleDelete">删除</el-button> 24 <el-button type="primary" icon="el-icon-delete-solid" @click="handleDelete" v-if="!this.$route.query.viewtype">删除</el-button>
25 </div> 25 </div>
26 <ul> 26 <ul>
27 <li v-for="(img, index) in thumbnailImages" :key="index" :class="{ active: previewImg.index === index }" 27 <li v-for="(img, index) in thumbnailImages" :key="index" :class="{ active: previewImg.index === index }"
......
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>
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') {
......
...@@ -45,7 +45,7 @@ ...@@ -45,7 +45,7 @@
45 </template> 45 </template>
46 46
47 <script> 47 <script>
48 import personInfoTable from '@/views/components/personInfoTable' 48 import personInfoTable from './personInfoTable'
49 import { addJtfcCxjgXx } from '@/api/sqcx' 49 import { addJtfcCxjgXx } from '@/api/sqcx'
50 import { datas, sendThis } from "./addjtfcdata"; 50 import { datas, sendThis } from "./addjtfcdata";
51 51
......
...@@ -34,7 +34,7 @@ export default { ...@@ -34,7 +34,7 @@ export default {
34 dialog: false, 34 dialog: false,
35 details: {}, 35 details: {},
36 tableDataList: [], 36 tableDataList: [],
37 InformationTable: [ 37 qlrCommonTable: [
38 { 38 {
39 width: '50', 39 width: '50',
40 renderHeader: (h, scope) => { 40 renderHeader: (h, scope) => {
...@@ -92,7 +92,7 @@ export default { ...@@ -92,7 +92,7 @@ export default {
92 } 92 }
93 } 93 }
94 ], 94 ],
95 column: this.InformationTable 95 column: this.qlrCommonTable
96 } 96 }
97 }, 97 },
98 watch: { 98 watch: {
...@@ -115,7 +115,7 @@ export default { ...@@ -115,7 +115,7 @@ export default {
115 }, 115 },
116 gyfs: { 116 gyfs: {
117 handler (newVal, oldValue) { 117 handler (newVal, oldValue) {
118 let dataList = _.cloneDeep(this.InformationTable) 118 let dataList = _.cloneDeep(this.qlrCommonTable)
119 if (newVal == '1') { 119 if (newVal == '1') {
120 this.column = _.cloneDeep(dataList).slice(1, dataList.length) 120 this.column = _.cloneDeep(dataList).slice(1, dataList.length)
121 } else { 121 } else {
......
...@@ -31,7 +31,7 @@ export default { ...@@ -31,7 +31,7 @@ export default {
31 dialog: false, 31 dialog: false,
32 details: {}, 32 details: {},
33 tableDataList: [], 33 tableDataList: [],
34 InformationTable: [ 34 qlrCommonTable: [
35 { 35 {
36 label: '序号', 36 label: '序号',
37 type: 'index', 37 type: 'index',
...@@ -69,7 +69,7 @@ export default { ...@@ -69,7 +69,7 @@ export default {
69 label: "坐落" 69 label: "坐落"
70 }, 70 },
71 ], 71 ],
72 column: this.InformationTable 72 column: this.qlrCommonTable
73 } 73 }
74 }, 74 },
75 watch: { 75 watch: {
...@@ -92,7 +92,7 @@ export default { ...@@ -92,7 +92,7 @@ export default {
92 }, 92 },
93 gyfs: { 93 gyfs: {
94 handler (newVal, oldValue) { 94 handler (newVal, oldValue) {
95 let dataList = _.cloneDeep(this.InformationTable) 95 let dataList = _.cloneDeep(this.qlrCommonTable)
96 if (newVal == '1') { 96 if (newVal == '1') {
97 this.column = _.cloneDeep(dataList).slice(1, dataList.length) 97 this.column = _.cloneDeep(dataList).slice(1, dataList.length)
98 } else if ((newVal == '2')) { 98 } else if ((newVal == '2')) {
......
...@@ -49,6 +49,10 @@ export default { ...@@ -49,6 +49,10 @@ export default {
49 methods: { 49 methods: {
50 closeDialog () { 50 closeDialog () {
51 this.$emit("input", false); 51 this.$emit("input", false);
52 this.ruleForm = {
53 cllx: "",
54 clmc: "",
55 }
52 }, 56 },
53 handleSubmit () { 57 handleSubmit () {
54 this.$parent.addSave(this.ruleForm); 58 this.$parent.addSave(this.ruleForm);
......
1 <template>
2 <dialogBox title="材料明细" width="60%" v-model="value" @closeDialog="closeDialog" :isButton="false">
3 <div class="clxx">
4 <div class="right">
5 <!-- 材料目录明细 -->
6 <div class="clmlmx-box">
7 <div class="title">申请材料目录</div>
8 <lb-table :column="column" :key="key" :heightNum="150" :pagination="false" :data="data">
9 </lb-table>
10 </div>
11 </div>
12 </div>
13 </dialogBox>
14 </template>
15 <script>
16 import { mapGetters } from "vuex";
17 import { clmlInit, move, save, clmlDelete } from "@/api/fqsq.js";
18 export default {
19 components: { },
20 props: {
21 value: { type: Boolean, default: false },
22 data: { type: Array, default: () => {} },
23 },
24 data () {
25 return {
26 isDialog: false,
27 iclass: "",
28 column: [
29 {
30 width: "50",
31 renderHeader: (h, scope) => {
32 return (
33 <div>
34 {
35 ''
36 }
37 </div>
38 )
39 },
40 render: (h, scope) => {
41 return (
42 <div>
43 {
44 this.$route.query.viewtype || scope.row.sfxjcl == '0' ? <span>{}</span> :
45 <i class="el-icon-minus pointer"
46 onClick={() => {
47 this.handleDelete(scope.$index, scope.row);
48 }}
49 ></i>
50 }
51 </div>
52 )
53 }
54 },
55 {
56 width: "50",
57 label: '序号',
58 render: (h, scope) => {
59 return <span>{scope.$index + 1}</span>
60 }
61 },
62 {
63 prop: "isrequired",
64 label: "是否必选",
65 width: "50",
66 render: (h, scope) => {
67 if (scope.row.sfxjcl === "1") {
68 return (
69 <div>
70 <span>可选</span>
71 </div>
72 );
73 }
74 else {
75 return (
76 <div>
77 <span>必选</span>
78 </div>
79 );
80 }
81 },
82 },
83 {
84 prop: "sjmc",
85 label: "材料名称",
86 },
87 {
88 prop: "sjlx",
89 label: "材料类型",
90 width: "80",
91 render: (h, scope) => {
92 return (
93 <div>
94 <span>{this.dicStatus(scope.row.sjlx, "A40")}</span>
95 </div>
96 );
97 },
98 },
99 {
100 prop: "sjsl",
101 label: "份数",
102 width: "50"
103 },
104 {
105 prop: "smzt",
106 label: "扫描状态",
107 width: "80",
108 render: (h, scope) => {
109 if (scope.row.children.length > 0) {
110 return (
111 <div>
112 <span>已扫描</span>
113 </div>
114 );
115 } else {
116 return (
117 <div>
118 <span>未扫描</span>
119 </div>
120 );
121 }
122 },
123 },
124 {
125 prop: "ys",
126 label: "扫描页数",
127 width: "50"
128 },
129 {
130 label: "操作",
131 width: "80",
132 render: (h, scope) => {
133 return (
134 <div>
135 <el-button
136 type="text"
137 disabled={scope.$index == 0}
138 onClick={() => {
139 this.moveUpward(scope.$index, scope.row);
140 }}
141 >
142 上移
143 </el-button>
144 <el-button
145 type="text"
146 disabled={scope.$index + 1 == this.tableData.length}
147 onClick={() => {
148 this.moveDown(scope.$index, scope.row);
149 }}
150 >
151 下移
152 </el-button>
153 </div>
154 );
155 },
156 },
157 ],
158 key: 0,
159 tableData: [],
160 }
161 },
162 computed: {
163 ...mapGetters(["dictData"])
164 },
165 created () {
166
167 },
168 methods: {
169 // 材料目录明细初始化
170 clmlInitList () {
171 return new Promise(resolve => {
172 this.unitData = this.$parent.unitData;
173 var formdata = new FormData();
174 formdata.append("bsmSldy", this.unitData[0]?.bsmSldy);
175 formdata.append("bsmSlsq", this.$route.query.bsmSlsq);
176 clmlInit(formdata).then((res) => {
177 if(res.code == 200){
178 resolve(res.code)
179 if(res.result && res.result.length > 0){
180 this.data = res.result;
181 }else{
182 this.data = []
183 }
184 }else{
185 this.$message.error(res.message)
186 }
187 })
188 })
189 },
190 // 上移
191 moveUpward (index, row) {
192 let obj = {
193 xh: row.xh,
194 bsmSlsq: row.bsmSlsq,
195 moveDirection: "UP",
196 };
197 // 接口待调
198 move(obj).then(async (res) => {
199 if (res.code == 200) {
200 let res = await this.clmlInitList()
201 if (res == 200) {
202 this.$message({
203 message: '上移成功',
204 type: 'success'
205 })
206 this.$parent.setTableData(this.data)
207 }
208 } else {
209 this.$message.error(res.message);
210 }
211 })
212 },
213 // 下移
214 moveDown (index, row) {
215 let obj = {
216 xh: row.xh,
217 bsmSlsq: row.bsmSlsq,
218 moveDirection: "DOWN",
219 }
220 // 接口待调
221 move(obj).then(async (res) => {
222 if (res.code == 200) {
223 let res = await this.clmlInitList()
224 if (res == 200) {
225 this.$message({
226 message: '下移成功',
227 type: 'success'
228 })
229 this.$parent.setTableData(this.data)
230 }
231 } else {
232 this.$message.error(res.message);
233 }
234 })
235 },
236 // 材料目录删除
237 handleDelete (index, row) {
238 let that = this
239 this.$confirm('此操作将永久删除该 是否继续?', '提示', {
240 confirmButtonText: '确定',
241 cancelButtonText: '取消',
242 type: 'warning'
243 }).then(() => {
244 clmlDelete({ sjBsm: row.bsmSj }).then(async (res) => {
245 if (res.code == 200) {
246 let res = await that.clmlInitList()
247 if (res == 200) {
248 that.$message({
249 message: "删除成功",
250 type: "success",
251 })
252 this.$parent.setTableData(this.data)
253 }
254 }
255 })
256 }).catch(() => {
257 this.$message({
258 type: 'info',
259 message: '已取消删除'
260 })
261 })
262 },
263 // 字典
264 dicStatus (val, code) {
265 let data = this.$store.getters.dictData[code],
266 name = "暂无";
267 if (data) {
268 data.map((item) => {
269 if (item.dcode == val) {
270 name = item.dname;
271 }
272 });
273 return name;
274 }
275 },
276 closeDialog(){
277 this.$emit("input", false);
278 },
279 },
280 };
281 </script>
282 <style scoped lang='scss'>
283 @import "~@/styles/mixin.scss";
284
285 .active {
286 background: $light-blue !important;
287 color: #fff;
288 }
289
290 .required {
291 font-size: 12px;
292 color: $pink;
293 float: left;
294 }
295
296 .cl_number {
297 float: right;
298 }
299
300 .clxx {
301 width: 100%;
302 display: flex;
303 padding-left: 5px;
304 height: calc(100vh - 125px);
305
306 .left {
307 display: flex;
308 flex-direction: column;
309 justify-content: space-between;
310
311 .item {
312 width: 28px;
313 height: 49%;
314 @include flex-center;
315 background-color: #E4E7ED;
316 border-bottom-right-radius: 10px;
317 padding: 5px;
318 cursor: pointer;
319 transition: all 0.3s;
320
321 &:hover {
322 @extend .active;
323 }
324 }
325 }
326
327 .right {
328 width: 100%;
329 height: 100%;
330
331 .clmlmx-box {
332 margin: 0 auto;
333
334 .title {
335 text-align: center;
336 height: 60px;
337 line-height: 60px;
338 border: 1px solid #dfe6ec;
339 font-size: 20px;
340 background: #81d3f81a;
341 margin-bottom: -1px;
342 }
343 }
344
345 .clyl-box {
346 width: 100%;
347 height: 100%;
348 display: flex;
349
350 .menu-tree {
351 width: 20%;
352 min-width: 160px;
353 height: 100%;
354 margin-right: 10px;
355 border-right: 1px dotted #d9d9d9;
356 padding: 0 15px;
357
358
359 .item {
360 line-height: 30px;
361 padding-top: 5px;
362 border-bottom: 1px solid #e8e8e8;
363 font-size: 16px;
364 text-align: center;
365 color: $light-blue;
366
367 .itemIcon {
368 float: right;
369 line-height: 60px;
370 cursor: pointer;
371 }
372
373 .child {
374 line-height: 32px;
375 border-bottom: 1px solid #e8e8e8;
376 padding-left: 10px;
377 color: #6b6b6b;
378 cursor: pointer;
379 box-sizing: border-box;
380 border-radius: 6px;
381 line-height: 20px;
382 transition: all 0.3s;
383 padding: 8px 0;
384 }
385
386 .child:hover {
387 color: $light-blue;
388 transform: scale(1.1);
389 }
390
391 .checked {
392 border: 1px solid $light-blue;
393 color: $light-blue;
394 }
395 }
396 }
397
398 .clyl-img {
399 width: 75%;
400 height: 100%;
401 background: #f3f4f7;
402 margin: 0 auto;
403 position: relative;
404 }
405 }
406 }
407 }
408 </style>
...\ No newline at end of file ...\ No newline at end of file
1 <template>
2 <div class="clxx">
3 <div class="right">
4 <!-- 材料预览 -->
5 <div class="clyl-box">
6 <div class="menu-tree">
7 <el-button type="primary" native-type="submit" @click="viewDetail" style="width:100%;margin-top:10px;">查看明细</el-button>
8 <div class="item">
9 材料目录({{tableData.length}})
10 <div style="margin-top:10px">
11 <div style="text-align: center;line-height:20px;color:black;font-size:14px" v-if="tableData.length == 0">暂无数据</div>
12 <div v-for="(item,index) in tableData" :key="item.bsmSj"
13 :class="['child', treeCheckId == item.bsmSj ? 'checked' : '']" @click="treeClick(item,index)">
14 <span v-if="item.isrequired==1" class="required">必选</span>
15 {{ item.sjmc }}
16 <span class="cl_number">({{item.children ? item.children.length : 0}})</span>
17 </div>
18 </div>
19 </div>
20 <el-button type="primary" native-type="submit" style="width:100%" @click="handleAdd()" v-if="!this.$route.query.viewtype">新增</el-button>
21 </div>
22 <image-preview ref='imageRef' :previewImg="previewImg" @updateList="updateList" @nextPriview="nextPriview"
23 @prevPriview="prevPriview" />
24 </div>
25 </div>
26 <clxxAddDialog v-model="isDialog" />
27 <clxxDetailDialog v-model="detailDialog" :data="tableData"/>
28 </div>
29 </template>
30 <script>
31 import { mapGetters } from "vuex";
32 import clxxAddDialog from "./clxxAddDialog.vue";
33 import clxxDetailDialog from "./clxxDetailDialog.vue";
34 import imagePreview from '@/views/components/imagePreview.vue'
35 import { clmlInit, move, save, clmlDelete } from "@/api/fqsq.js";
36 import { popupDialog } from "@/utils/popup.js";
37 export default {
38 components: { clxxAddDialog, imagePreview,clxxDetailDialog },
39 data () {
40 return {
41 isDialog: false,
42 detailDialog: false,
43 iclass: "",
44 // 材料目录选中
45 treeCheckIndex: 0,
46 treeCheckId: "",
47 key: 0,
48 tableData: [],
49 previewImg: {
50 // 收件标识码
51 bsmSj: '',
52 bsmSlsq: this.$parent.bsmSlsq,
53 index: 0,
54 selectedIndex: 0,
55 imgList: []
56 }
57 }
58 },
59 computed: {
60 ...mapGetters(["dictData"])
61 },
62 created () {
63 this.clmlInitList(1)
64 },
65 methods: {
66 // 自动预览
67 nextPriview () {
68 if (this.treeCheckIndex < this.tableData.length) {
69 this.treeCheckIndex++
70 this.treeCheckId = this.tableData[this.treeCheckIndex].bsmSj
71 this.previewImg.index = 0
72 this.previewImg.imgList = this.tableData[this.treeCheckIndex].children
73 this.previewImg.bsmSj = this.tableData[this.treeCheckIndex].bsmSj
74 }
75 },
76 prevPriview () {
77 if (this.treeCheckIndex >= 1) {
78 this.treeCheckIndex--
79 this.treeCheckId = this.tableData[this.treeCheckIndex].bsmSj
80 this.previewImg.index = this.previewImg.imgList.length
81 this.previewImg.imgList = this.tableData[this.treeCheckIndex].children
82 this.previewImg.bsmSj = this.tableData[this.treeCheckIndex].bsmSj
83 }
84 },
85 // 材料目录明细初始化
86 clmlInitList (type) {
87 //type 1：列表初始化 2：新增材料
88 return new Promise(resolve => {
89 this.unitData = this.$parent.unitData;
90 var formdata = new FormData();
91 formdata.append("bsmSldy", this.unitData[0]?.bsmSldy);
92 formdata.append("bsmSlsq", this.$parent.bsmSlsq);
93 clmlInit(formdata).then((res) => {
94 if(res.code == 200){
95 resolve(res.code)
96 if (res.result && res.result.length > 0) {
97 this.tableData = res.result;
98 if(type == 1){
99 this.treeClick(this.tableData[0],0);
100 }else{
101 //新增材料后刷新列表焦点置于新增的对象上
102 this.treeClick(this.tableData[this.tableData.length - 1],this.tableData.length - 1);
103 }
104 }
105 }else{
106 this.$message.error(res.message)
107 }
108 })
109 })
110 },
111 setChecked(item){
112 this.treeCheckId = item.bsmSj;
113 this.title = item.sjmc;
114 this.titleYs = 1;
115 this.titleNum = item.children.length;
116 this.previewImg.imgList = item.children;
117 this.previewImg.bsmSj = item.bsmSj;
118 },
119 updateList (val) {
120 let that = this
121 if (val != null) { //删除最后一张图片时 val=null
122 this.tableData.forEach(item => {
123 if (item.bsmSj === val.bsmSj) {
124 item.children = val.children
125 }
126 })
127 this.previewImg.imgList = _.cloneDeep(val.children)
128 if (this.previewImg.index == this.previewImg.imgList.length) {
129 this.previewImg.index = this.previewImg.index - 1
130 }
131 } else {
132 this.previewImg.imgList = []
133 this.tableData.forEach((item, index) => {
134 if (this.treeCheckId == item.bsmSj) {
135 item.children = []
136 that.treeCheckIndex = index
137 }
138 })
139 }
140
141 },
142 // 添加材料目录
143 handleAdd () {
144 this.isDialog = true;
145 },
146 // 新增弹窗保存
147 addSave (data) {
148 let obj = {
149 bsmSlsq: this.$parent.bsmSlsq,
150 isrequired: "1",
151 sjmc: data.clmc,
152 sjsl: 0,
153 smzt: '',
154 ys: 0,
155 sjlx: data.cllx,
156 sfxjcl: "1", // 是否必选
157 };
158 save(obj).then(async (res) => {
159 if (res.code == 200) {
160 let res = await this.clmlInitList(2)
161 if (res == 200) this.$message({
162 message: "新增成功",
163 type: "success",
164 })
165 }
166 });
167 },
168 // 材料目录点击选中
169 treeClick (item, index) {
170 this.previewImg.index = 0
171 this.treeCheckId = item?.bsmSj
172 this.treeCheckIndex = index
173 this.previewImg.imgList = item?.children
174 this.previewImg.bsmSj = item?.bsmSj
175 },
176 // 小图片点击
177 imgClick (item, index) {
178 this.showImg = item;
179 this.titleYs = index + 1;
180 },
181 // 字典
182 dicStatus (val, code) {
183 let data = this.$store.getters.dictData[code],
184 name = "暂无";
185 if (data) {
186 data.map((item) => {
187 if (item.dcode == val) {
188 name = item.dname;
189 }
190 });
191 return name;
192 }
193 },
194 //查看明细
195 viewDetail(){
196 this.detailDialog = true;
197 },
198 //设置tableData
199 setTableData(tableData){
200 this.$nextTick(res => {
201 this.tableData = tableData;
202 })
203 },
204 },
205 };
206 </script>
207 <style scoped lang='scss'>
208 @import "~@/styles/mixin.scss";
209
210 .active {
211 background: $light-blue !important;
212 color: #fff;
213 }
214
215 .required {
216 font-size: 12px;
217 color: $pink;
218 float: left;
219 }
220
221 .cl_number {
222 float: right;
223 }
224
225 .clxx {
226 width: 100%;
227 display: flex;
228 padding-left: 5px;
229 height: calc(100vh - 125px);
230
231 .left {
232 display: flex;
233 flex-direction: column;
234 justify-content: space-between;
235
236 .item {
237 width: 28px;
238 height: 49%;
239 @include flex-center;
240 background-color: #E4E7ED;
241 border-bottom-right-radius: 10px;
242 padding: 5px;
243 cursor: pointer;
244 transition: all 0.3s;
245
246 &:hover {
247 @extend .active;
248 }
249 }
250 }
251
252 .right {
253 width: 100%;
254 height: 100%;
255
256 .clmlmx-box {
257 margin: 0 auto;
258
259 .title {
260 text-align: center;
261 height: 60px;
262 line-height: 60px;
263 border: 1px solid #dfe6ec;
264 font-size: 20px;
265 background: #81d3f81a;
266 margin-bottom: -1px;
267 }
268 }
269
270 .clyl-box {
271 width: 100%;
272 height: 100%;
273 display: flex;
274
275 .menu-tree {
276 width: 20%;
277 min-width: 160px;
278 height: 100%;
279 margin-right: 10px;
280 border-right: 1px dotted #d9d9d9;
281 padding: 0 15px;
282
283
284 .item {
285 line-height: 30px;
286 padding-top: 5px;
287 border-bottom: 1px solid #e8e8e8;
288 font-size: 16px;
289 text-align: center;
290 color: $light-blue;
291
292 .itemIcon {
293 float: right;
294 line-height: 60px;
295 cursor: pointer;
296 }
297
298 .child {
299 line-height: 32px;
300 border-bottom: 1px solid #e8e8e8;
301 padding-left: 10px;
302 color: #6b6b6b;
303 cursor: pointer;
304 box-sizing: border-box;
305 border-radius: 6px;
306 line-height: 20px;
307 transition: all 0.3s;
308 padding: 8px 0;
309 }
310
311 .child:hover {
312 color: $light-blue;
313 transform: scale(1.1);
314 }
315
316 .checked {
317 border: 1px solid $light-blue;
318 color: $light-blue;
319 }
320 }
321 }
322
323 .clyl-img {
324 width: 75%;
325 height: 100%;
326 background: #f3f4f7;
327 margin: 0 auto;
328 position: relative;
329 }
330 }
331 }
332 }
333 </style>
...\ No newline at end of file ...\ No newline at end of file
...@@ -55,7 +55,7 @@ export default { ...@@ -55,7 +55,7 @@ export default {
55 } 55 }
56 }, 56 },
57 { 57 {
58 label: '身份证读卡器', 58 label: '身份证读卡器2',
59 align: 'center', 59 align: 'center',
60 render: (h, scope) => { 60 render: (h, scope) => {
61 return <el-button type="text" icon="el-icon-tickets" onClick={() => { this.readClick(scope) }}>读取</el-button> 61 return <el-button type="text" icon="el-icon-tickets" onClick={() => { this.readClick(scope) }}>读取</el-button>
...@@ -67,7 +67,17 @@ export default { ...@@ -67,7 +67,17 @@ export default {
67 }, 67 },
68 { 68 {
69 prop: "zjzl", 69 prop: "zjzl",
70 label: "证件种类" 70 label: "证件种类2",
71 render: (h, scope) => {
72 alert("2")
73 this.dictData['A30'].forEach(item => {
74 if (item.dcode == scope.row.zjzl) {
75 var varName =item.dname
76 alert(varName)
77 return <div>varName</div>
78 }
79 })
80 }
71 }, 81 },
72 { 82 {
73 prop: "zjh", 83 prop: "zjh",
...@@ -138,10 +148,10 @@ export default { ...@@ -138,10 +148,10 @@ export default {
138 }, 148 },
139 methods: { 149 methods: {
140 updateDetail (value) { 150 updateDetail (value) {
141 this.tableDataList[this.dataIndex] = value; 151 this.tableDataList[this.dataIndex] = _.cloneDeep(value);
142 console.log(this.tableDataList); 152 console.log(this.tableDataList);
143 this.key++ 153 //
144 this.$emit('upDateQlrxxList', this.tableDataList) 154 this.$emit('upDateQlrxxList', _.cloneDeep(this.tableDataList))
145 }, 155 },
146 156
147 // 新增 157 // 新增
......
...@@ -31,7 +31,7 @@ export default { ...@@ -31,7 +31,7 @@ export default {
31 dialog: false, 31 dialog: false,
32 details: {}, 32 details: {},
33 tableDataList: [], 33 tableDataList: [],
34 InformationTable: [ 34 qlrCommonTable: [
35 { 35 {
36 width: '50', 36 width: '50',
37 renderHeader: (h, scope) => { 37 renderHeader: (h, scope) => {
...@@ -84,7 +84,7 @@ export default { ...@@ -84,7 +84,7 @@ export default {
84 } 84 }
85 } 85 }
86 ], 86 ],
87 column: this.InformationTable 87 column: this.qlrCommonTable
88 } 88 }
89 }, 89 },
90 watch: { 90 watch: {
...@@ -107,7 +107,7 @@ export default { ...@@ -107,7 +107,7 @@ export default {
107 }, 107 },
108 gyfs: { 108 gyfs: {
109 handler (newVal, oldValue) { 109 handler (newVal, oldValue) {
110 let dataList = _.cloneDeep(this.InformationTable) 110 let dataList = _.cloneDeep(this.qlrCommonTable)
111 if (newVal == '1') { 111 if (newVal == '1') {
112 this.column = _.cloneDeep(dataList).slice(1, dataList.length) 112 this.column = _.cloneDeep(dataList).slice(1, dataList.length)
113 } else if ((newVal == '2')) { 113 } else if ((newVal == '2')) {
......
...@@ -13,6 +13,7 @@ ...@@ -13,6 +13,7 @@
13 import { datas } from "../javascript/zsyl.js"; 13 import { datas } from "../javascript/zsyl.js";
14 import { getSlsqBdcqzList,bdcqzPreview} from "@/api/bdcqz.js" 14 import { getSlsqBdcqzList,bdcqzPreview} from "@/api/bdcqz.js"
15 export default { 15 export default {
16 name: "zsyl",
16 components: { 17 components: {
17 }, 18 },
18 props: { 19 props: {
...@@ -85,7 +86,9 @@ export default { ...@@ -85,7 +86,9 @@ export default {
85 this.getBdcqzPreview(); 86 this.getBdcqzPreview();
86 }, 87 },
87 getBdcqzPreview(){ 88 getBdcqzPreview(){
89 this.$startLoading()
88 bdcqzPreview(this.bdcqz).then(res => { 90 bdcqzPreview(this.bdcqz).then(res => {
91 this.$endLoading()
89 let blob = new Blob([res]); 92 let blob = new Blob([res]);
90 let url = window.URL.createObjectURL(blob); 93 let url = window.URL.createObjectURL(blob);
91 this.previewImage = url; 94 this.previewImage = url;
......
...@@ -37,7 +37,7 @@ export function getForm (tabName, djywbm) { ...@@ -37,7 +37,7 @@ export function getForm (tabName, djywbm) {
37 break; 37 break;
38 38
39 case "clxx": 39 case "clxx":
40 form = require("@/views/workflow/components/clxx.vue"); 40 form = require("@/views/workflow/components/clxxUnify.vue");
41 break; 41 break;
42 case "spyj": 42 case "spyj":
43 form = require("@/views/workflow/components/spyj.vue"); 43 form = require("@/views/workflow/components/spyj.vue");
......
...@@ -206,13 +206,13 @@ ...@@ -206,13 +206,13 @@
206 </el-form-item> 206 </el-form-item>
207 </el-col> 207 </el-col>
208 </el-row> 208 </el-row>
209 <InformationTable :tableData="ruleForm.qlrList" @upDateQlrxxList="upDateQlrxxList" 209 <qlrCommonTable :tableData="ruleForm.qlrList" @upDateQlrxxList="upDateQlrxxList"
210 :viewtype="$route.query.viewtype" :gyfs="ruleForm.slywxx.gyfs" /> 210 :viewtype="$route.query.viewtype" :gyfs="ruleForm.slywxx.gyfs" />
211 <div class="slxx_title title-block"> 211 <div class="slxx_title title-block">
212 抵押人信息 212 抵押人信息
213 <div class="triangle"></div> 213 <div class="triangle"></div>
214 </div> 214 </div>
215 <InformationTable :tableData="ruleForm.ywrList" @upDateQlrxxList="upDateYwrxxList" 215 <qlrCommonTable :tableData="ruleForm.ywrList" @upDateQlrxxList="upDateYwrxxList"
216 :viewtype="$route.query.viewtype" /> 216 :viewtype="$route.query.viewtype" />
217 217
218 <div class="slxx_title title-block"> 218 <div class="slxx_title title-block">
...@@ -244,7 +244,7 @@ ...@@ -244,7 +244,7 @@
244 </div> 244 </div>
245 </template> 245 </template>
246 <script> 246 <script>
247 import InformationTable from "@/views/workflow/components/InformationTable"; 247 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
248 import { Init, saveData } from "@/api/workflow/diyaqFlow.js"; 248 import { Init, saveData } from "@/api/workflow/diyaqFlow.js";
249 import { mapGetters } from "vuex"; 249 import { mapGetters } from "vuex";
250 export default { 250 export default {
...@@ -261,7 +261,7 @@ export default { ...@@ -261,7 +261,7 @@ export default {
261 } 261 }
262 }); 262 });
263 }, 263 },
264 components: { InformationTable }, 264 components: { qlrCommonTable },
265 computed: { 265 computed: {
266 ...mapGetters(["dictData", "flag"]), 266 ...mapGetters(["dictData", "flag"]),
267 }, 267 },
......
...@@ -201,13 +201,13 @@ ...@@ -201,13 +201,13 @@
201 </el-form-item> 201 </el-form-item>
202 </el-col> 202 </el-col>
203 </el-row> 203 </el-row>
204 <InformationTable :tableData="ruleForm.qlrList" @upDateQlrxxList="upDateQlrxxList" 204 <qlrCommonTable :tableData="ruleForm.qlrList" @upDateQlrxxList="upDateQlrxxList"
205 :viewtype="$route.query.viewtype" :gyfs="ruleForm.slywxx.gyfs" /> 205 :viewtype="$route.query.viewtype" :gyfs="ruleForm.slywxx.gyfs" />
206 <div class="slxx_title title-block"> 206 <div class="slxx_title title-block">
207 抵押人信息 207 抵押人信息
208 <div class="triangle"></div> 208 <div class="triangle"></div>
209 </div> 209 </div>
210 <InformationTable :tableData="ruleForm.ywrList" @upDateQlrxxList="upDateYwrxxList" 210 <qlrCommonTable :tableData="ruleForm.ywrList" @upDateQlrxxList="upDateYwrxxList"
211 :viewtype="$route.query.viewtype" /> 211 :viewtype="$route.query.viewtype" />
212 212
213 <div class="slxx_title title-block"> 213 <div class="slxx_title title-block">
...@@ -234,7 +234,7 @@ ...@@ -234,7 +234,7 @@
234 </div> 234 </div>
235 </template> 235 </template>
236 <script> 236 <script>
237 import InformationTable from "@/views/workflow/components/InformationTable"; 237 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
238 import { Init, saveData } from "@/api/workflow/diyaqFlow.js"; 238 import { Init, saveData } from "@/api/workflow/diyaqFlow.js";
239 import { mapGetters } from "vuex"; 239 import { mapGetters } from "vuex";
240 export default { 240 export default {
...@@ -251,7 +251,7 @@ export default { ...@@ -251,7 +251,7 @@ export default {
251 } 251 }
252 }); 252 });
253 }, 253 },
254 components: { InformationTable }, 254 components: { qlrCommonTable },
255 computed: { 255 computed: {
256 ...mapGetters(["dictData", "flag"]), 256 ...mapGetters(["dictData", "flag"]),
257 }, 257 },
......
...@@ -167,7 +167,7 @@ ...@@ -167,7 +167,7 @@
167 </el-form-item> 167 </el-form-item>
168 </el-col> 168 </el-col>
169 </el-row> 169 </el-row>
170 <InformationTable v-if="ruleForm.qlxx" @upDateQlrxxList="upDateQlrxxList" :tableData="ruleForm.qlrList" 170 <qlrCommonTable v-if="ruleForm.qlxx" @upDateQlrxxList="upDateQlrxxList" :tableData="ruleForm.qlrList"
171 :gyfs="ruleForm.qlxx.gyfs" /> 171 :gyfs="ruleForm.qlxx.gyfs" />
172 172
173 <div v-if="ruleForm.ywrList.length > 0"> 173 <div v-if="ruleForm.ywrList.length > 0">
...@@ -175,7 +175,7 @@ ...@@ -175,7 +175,7 @@
175 义务人信息 175 义务人信息
176 <div class="triangle"></div> 176 <div class="triangle"></div>
177 </div> 177 </div>
178 <InformationTable v-if="ruleForm.qlxx" @upDateQlrxxList="upDateYwrxxList" :tableData="ruleForm.ywrList" 178 <qlrCommonTable v-if="ruleForm.qlxx" @upDateQlrxxList="upDateYwrxxList" :tableData="ruleForm.ywrList"
179 :gyfs="ruleForm.qlxx.gyfs" /> 179 :gyfs="ruleForm.qlxx.gyfs" />
180 </div> 180 </div>
181 <div class="slxx_title title-block"> 181 <div class="slxx_title title-block">
...@@ -201,7 +201,7 @@ ...@@ -201,7 +201,7 @@
201 </div> 201 </div>
202 </template> 202 </template>
203 <script> 203 <script>
204 import InformationTable from "@/views/workflow/components/InformationTable"; 204 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
205 import { Init, saveBatchData } from "@/api/workflow/fwsyqFlow.js"; 205 import { Init, saveBatchData } from "@/api/workflow/fwsyqFlow.js";
206 import { mapGetters } from "vuex"; 206 import { mapGetters } from "vuex";
207 export default { 207 export default {
...@@ -219,7 +219,7 @@ export default { ...@@ -219,7 +219,7 @@ export default {
219 } 219 }
220 }); 220 });
221 }, 221 },
222 components: { InformationTable }, 222 components: { qlrCommonTable },
223 computed: { 223 computed: {
224 ...mapGetters(["dictData", "flag"]), 224 ...mapGetters(["dictData", "flag"]),
225 }, 225 },
......
...@@ -161,7 +161,7 @@ ...@@ -161,7 +161,7 @@
161 </el-form-item> 161 </el-form-item>
162 </el-col> 162 </el-col>
163 </el-row> 163 </el-row>
164 <InformationTable v-if="ruleForm.qlxx" @upDateQlrxxList="upDateQlrxxList" :tableData="ruleForm.qlrList" 164 <qlrCommonTable v-if="ruleForm.qlxx" @upDateQlrxxList="upDateQlrxxList" :tableData="ruleForm.qlrList"
165 :gyfs="ruleForm.qlxx.gyfs" /> 165 :gyfs="ruleForm.qlxx.gyfs" />
166 <div class="slxx_title title-block"> 166 <div class="slxx_title title-block">
167 登记原因 167 登记原因
...@@ -186,7 +186,7 @@ ...@@ -186,7 +186,7 @@
186 </div> 186 </div>
187 </template> 187 </template>
188 <script> 188 <script>
189 import InformationTable from "@/views/workflow/components/InformationTable"; 189 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
190 import { Init, saveBatchData } from "@/api/workflow/fwsyqFlow.js"; 190 import { Init, saveBatchData } from "@/api/workflow/fwsyqFlow.js";
191 import { mapGetters } from "vuex"; 191 import { mapGetters } from "vuex";
192 import SERVER from "@/api/config"; 192 import SERVER from "@/api/config";
...@@ -207,7 +207,7 @@ export default { ...@@ -207,7 +207,7 @@ export default {
207 } 207 }
208 }); 208 });
209 }, 209 },
210 components: { InformationTable }, 210 components: { qlrCommonTable },
211 computed: { 211 computed: {
212 ...mapGetters(["dictData", "flag"]), 212 ...mapGetters(["dictData", "flag"]),
213 }, 213 },
......
...@@ -150,7 +150,7 @@ ...@@ -150,7 +150,7 @@
150 </el-form-item> 150 </el-form-item>
151 </el-col> 151 </el-col>
152 </el-row> 152 </el-row>
153 <InformationTable :tableData="ruleForm.qlrxx" :gyfs="ruleForm.gyfs" /> 153 <qlrCommonTable :tableData="ruleForm.qlrxx" :gyfs="ruleForm.gyfs" />
154 <div class="slxx_title title-block"> 154 <div class="slxx_title title-block">
155 登记原因 155 登记原因
156 <div class="triangle"></div> 156 <div class="triangle"></div>
...@@ -173,7 +173,7 @@ ...@@ -173,7 +173,7 @@
173 </div> 173 </div>
174 </template> 174 </template>
175 <script> 175 <script>
176 import InformationTable from "@/views/workflow/components/InformationTable"; 176 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
177 import { Init } from "@/api/workflow/fwsyqFlow.js"; 177 import { Init } from "@/api/workflow/fwsyqFlow.js";
178 import { mapGetters } from "vuex"; 178 import { mapGetters } from "vuex";
179 export default { 179 export default {
...@@ -192,7 +192,7 @@ export default { ...@@ -192,7 +192,7 @@ export default {
192 } 192 }
193 }); 193 });
194 }, 194 },
195 components: { InformationTable }, 195 components: { qlrCommonTable },
196 computed: { 196 computed: {
197 ...mapGetters(["dictData", "flag"]), 197 ...mapGetters(["dictData", "flag"]),
198 }, 198 },
......
...@@ -145,14 +145,14 @@ ...@@ -145,14 +145,14 @@
145 </el-form-item> 145 </el-form-item>
146 </el-col> 146 </el-col>
147 </el-row> 147 </el-row>
148 <InformationTable :tableData="ruleForm.qlrList" @upDateQlrxxList="upDateQlrxxList" 148 <qlrCommonTable :tableData="ruleForm.qlrList" @upDateQlrxxList="upDateQlrxxList"
149 :viewtype="$route.query.viewtype" :gyfs="ruleForm.slywxx.gyfs" /> 149 :viewtype="$route.query.viewtype" :gyfs="ruleForm.slywxx.gyfs" />
150 <div v-if="ruleForm.ywrList.length > 0"> 150 <div v-if="ruleForm.ywrList.length > 0">
151 <div class="slxx_title title-block"> 151 <div class="slxx_title title-block">
152 义务人信息 152 义务人信息
153 <div class="triangle"></div> 153 <div class="triangle"></div>
154 </div> 154 </div>
155 <InformationTable :tableData="ruleForm.ywrList" @upDateQlrxxList="upDateYwrxxList" 155 <qlrCommonTable :tableData="ruleForm.ywrList" @upDateQlrxxList="upDateYwrxxList"
156 :viewtype="$route.query.viewtype" /> 156 :viewtype="$route.query.viewtype" />
157 </div> 157 </div>
158 158
...@@ -181,7 +181,7 @@ ...@@ -181,7 +181,7 @@
181 <script> 181 <script>
182 import { mapGetters } from "vuex" 182 import { mapGetters } from "vuex"
183 import { Init, saveData } from "@/api/workflow/jsydsyqFlow.js" 183 import { Init, saveData } from "@/api/workflow/jsydsyqFlow.js"
184 import InformationTable from "@/views/workflow/components/InformationTable" 184 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"
185 export default { 185 export default {
186 created () { 186 created () {
187 this.propsParam = this.$attrs; 187 this.propsParam = this.$attrs;
...@@ -203,7 +203,7 @@ export default { ...@@ -203,7 +203,7 @@ export default {
203 } 203 }
204 }) 204 })
205 }, 205 },
206 components: { InformationTable }, 206 components: { qlrCommonTable },
207 computed: { 207 computed: {
208 ...mapGetters(["dictData", "flag"]) 208 ...mapGetters(["dictData", "flag"])
209 }, 209 },
......
...@@ -149,7 +149,7 @@ ...@@ -149,7 +149,7 @@
149 </el-form-item> 149 </el-form-item>
150 </el-col> 150 </el-col>
151 </el-row> 151 </el-row>
152 <InformationTable :tableData="ruleForm.qlrList" @upDateQlrxxList='upDateQlrxxList' 152 <qlrCommonTable :tableData="ruleForm.qlrList" @upDateQlrxxList='upDateQlrxxList'
153 :viewtype="$route.query.viewtype" :gyfs="ruleForm.slywxx.gyfs" /> 153 :viewtype="$route.query.viewtype" :gyfs="ruleForm.slywxx.gyfs" />
154 <div class="slxx_title title-block"> 154 <div class="slxx_title title-block">
155 登记原因 155 登记原因
...@@ -175,7 +175,7 @@ ...@@ -175,7 +175,7 @@
175 </template> 175 </template>
176 <script> 176 <script>
177 import { mapGetters } from "vuex"; 177 import { mapGetters } from "vuex";
178 import InformationTable from "@/views/workflow/components/InformationTable"; 178 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
179 import { Init, saveData } from "@/api/workflow/jsydsyqFlow.js"; 179 import { Init, saveData } from "@/api/workflow/jsydsyqFlow.js";
180 export default { 180 export default {
181 async created () { 181 async created () {
...@@ -189,7 +189,7 @@ export default { ...@@ -189,7 +189,7 @@ export default {
189 } 189 }
190 }); 190 });
191 }, 191 },
192 components: { InformationTable }, 192 components: { qlrCommonTable },
193 computed: { 193 computed: {
194 ...mapGetters(["dictData", "flag"]) 194 ...mapGetters(["dictData", "flag"])
195 }, 195 },
......
...@@ -201,7 +201,7 @@ ...@@ -201,7 +201,7 @@
201 </el-form-item> 201 </el-form-item>
202 </el-col> 202 </el-col>
203 </el-row> 203 </el-row>
204 <InformationTable :tableData="ruleForm.qlrList" @upDateQlrxxList="upDateQlrxxList" 204 <qlrCommonTable :tableData="ruleForm.qlrList" @upDateQlrxxList="upDateQlrxxList"
205 :viewtype="$route.query.viewtype" :gyfs="ruleForm.slywxx.gyfs" /> 205 :viewtype="$route.query.viewtype" :gyfs="ruleForm.slywxx.gyfs" />
206 <div class="slxx_title title-block"> 206 <div class="slxx_title title-block">
207 家庭成员 207 家庭成员
...@@ -234,7 +234,7 @@ ...@@ -234,7 +234,7 @@
234 <script> 234 <script>
235 import { mapGetters } from "vuex" 235 import { mapGetters } from "vuex"
236 import { Init, saveData } from "@/api/workflow/nydsyqFlow.js" 236 import { Init, saveData } from "@/api/workflow/nydsyqFlow.js"
237 import InformationTable from "@/views/workflow/components/InformationTable" 237 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"
238 import JtcyTable from "@/views/workflow/components/JtcyTable" 238 import JtcyTable from "@/views/workflow/components/JtcyTable"
239 export default { 239 export default {
240 created () { 240 created () {
...@@ -251,7 +251,7 @@ export default { ...@@ -251,7 +251,7 @@ export default {
251 } 251 }
252 }) 252 })
253 }, 253 },
254 components: { InformationTable, JtcyTable }, 254 components: { qlrCommonTable, JtcyTable },
255 computed: { 255 computed: {
256 ...mapGetters(["dictData", "flag"]) 256 ...mapGetters(["dictData", "flag"])
257 }, 257 },
......
...@@ -201,13 +201,13 @@ ...@@ -201,13 +201,13 @@
201 </el-form-item> 201 </el-form-item>
202 </el-col> 202 </el-col>
203 </el-row> 203 </el-row>
204 <InformationTable :tableData="ruleForm.qlrList" @upDateQlrxxList="upDateQlrxxList" 204 <qlrCommonTable :tableData="ruleForm.qlrList" @upDateQlrxxList="upDateQlrxxList"
205 :viewtype="$route.query.viewtype" :gyfs="ruleForm.slywxx.gyfs" /> 205 :viewtype="$route.query.viewtype" :gyfs="ruleForm.slywxx.gyfs" />
206 <div class="slxx_title title-block"> 206 <div class="slxx_title title-block">
207 义务人信息 207 义务人信息
208 <div class="triangle"></div> 208 <div class="triangle"></div>
209 </div> 209 </div>
210 <InformationTable :tableData="ruleForm.ywrList" @upDateQlrxxList="upDateYwrxxList" 210 <qlrCommonTable :tableData="ruleForm.ywrList" @upDateQlrxxList="upDateYwrxxList"
211 :viewtype="$route.query.viewtype" /> 211 :viewtype="$route.query.viewtype" />
212 <div class="slxx_title title-block"> 212 <div class="slxx_title title-block">
213 家庭成员 213 家庭成员
...@@ -240,7 +240,7 @@ ...@@ -240,7 +240,7 @@
240 <script> 240 <script>
241 import { mapGetters } from "vuex" 241 import { mapGetters } from "vuex"
242 import { Init, saveData } from "@/api/workflow/nydsyqFlow.js" 242 import { Init, saveData } from "@/api/workflow/nydsyqFlow.js"
243 import InformationTable from "@/views/workflow/components/InformationTable" 243 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"
244 import JtcyTable from "@/views/workflow/components/JtcyTable" 244 import JtcyTable from "@/views/workflow/components/JtcyTable"
245 export default { 245 export default {
246 created () { 246 created () {
...@@ -257,7 +257,7 @@ export default { ...@@ -257,7 +257,7 @@ export default {
257 } 257 }
258 }) 258 })
259 }, 259 },
260 components: { InformationTable, JtcyTable }, 260 components: { qlrCommonTable, JtcyTable },
261 computed: { 261 computed: {
262 ...mapGetters(["dictData", "flag"]) 262 ...mapGetters(["dictData", "flag"])
263 }, 263 },
......
...@@ -142,13 +142,13 @@ ...@@ -142,13 +142,13 @@
142 </el-form-item> 142 </el-form-item>
143 </el-col> 143 </el-col>
144 </el-row> 144 </el-row>
145 <InformationTable v-if="ruleForm.qlxx" @upDateQlrxxList="upDateQlrxxList" :tableData="ruleForm.qlrList" 145 <qlrCommonTable v-if="ruleForm.qlxx" @upDateQlrxxList="upDateQlrxxList" :tableData="ruleForm.qlrList"
146 :gyfs="ruleForm.qlxx.gyfs" /> 146 :gyfs="ruleForm.qlxx.gyfs" />
147 <div class="slxx_title title-block"> 147 <div class="slxx_title title-block">
148 义务人信息 148 义务人信息
149 <div class="triangle"></div> 149 <div class="triangle"></div>
150 </div> 150 </div>
151 <InformationTable v-if="ruleForm.qlxx" @upDateQlrxxList="upDateYwrxxList" :tableData="ruleForm.ywrList" 151 <qlrCommonTable v-if="ruleForm.qlxx" @upDateQlrxxList="upDateYwrxxList" :tableData="ruleForm.ywrList"
152 :gyfs="ruleForm.qlxx.gyfs" /> 152 :gyfs="ruleForm.qlxx.gyfs" />
153 <div class="slxx_title title-block"> 153 <div class="slxx_title title-block">
154 登记原因 154 登记原因
...@@ -173,7 +173,7 @@ ...@@ -173,7 +173,7 @@
173 </div> 173 </div>
174 </template> 174 </template>
175 <script> 175 <script>
176 import InformationTable from "@/views/workflow/components/InformationTable"; 176 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
177 import { Init, saveData } from "@/api/workflow/ygdjFlow.js"; 177 import { Init, saveData } from "@/api/workflow/ygdjFlow.js";
178 import { mapGetters } from "vuex"; 178 import { mapGetters } from "vuex";
179 export default { 179 export default {
...@@ -189,7 +189,7 @@ export default { ...@@ -189,7 +189,7 @@ export default {
189 } 189 }
190 }) 190 })
191 }, 191 },
192 components: { InformationTable }, 192 components: { qlrCommonTable },
193 computed: { 193 computed: {
194 ...mapGetters(["dictData", "flag"]), 194 ...mapGetters(["dictData", "flag"]),
195 }, 195 },
......
...@@ -145,13 +145,13 @@ ...@@ -145,13 +145,13 @@
145 </el-form-item> 145 </el-form-item>
146 </el-col> 146 </el-col>
147 </el-row> 147 </el-row>
148 <InformationTable v-if="ruleForm.qlxx" @upDateQlrxxList="upDateQlrxxList" :tableData="ruleForm.qlrList" 148 <qlrCommonTable v-if="ruleForm.qlxx" @upDateQlrxxList="upDateQlrxxList" :tableData="ruleForm.qlrList"
149 :gyfs="ruleForm.qlxx.gyfs" /> 149 :gyfs="ruleForm.qlxx.gyfs" />
150 <div class="slxx_title title-block"> 150 <div class="slxx_title title-block">
151 义务人信息 151 义务人信息
152 <div class="triangle"></div> 152 <div class="triangle"></div>
153 </div> 153 </div>
154 <InformationTable v-if="ruleForm.qlxx" @upDateQlrxxList="upDateYwrxxList" :tableData="ruleForm.ywrList" 154 <qlrCommonTable v-if="ruleForm.qlxx" @upDateQlrxxList="upDateYwrxxList" :tableData="ruleForm.ywrList"
155 :gyfs="ruleForm.qlxx.gyfs" /> 155 :gyfs="ruleForm.qlxx.gyfs" />
156 <div class="slxx_title title-block"> 156 <div class="slxx_title title-block">
157 登记原因 157 登记原因
...@@ -176,7 +176,7 @@ ...@@ -176,7 +176,7 @@
176 </div> 176 </div>
177 </template> 177 </template>
178 <script> 178 <script>
179 import InformationTable from "@/views/workflow/components/InformationTable"; 179 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
180 import { Init, saveData } from "@/api/workflow/ygdjFlow.js"; 180 import { Init, saveData } from "@/api/workflow/ygdjFlow.js";
181 import { mapGetters } from "vuex"; 181 import { mapGetters } from "vuex";
182 export default { 182 export default {
...@@ -191,7 +191,7 @@ export default { ...@@ -191,7 +191,7 @@ export default {
191 } 191 }
192 }); 192 });
193 }, 193 },
194 components: { InformationTable }, 194 components: { qlrCommonTable },
195 computed: { 195 computed: {
196 ...mapGetters(["dictData", "flag"]), 196 ...mapGetters(["dictData", "flag"]),
197 }, 197 },
......