Skip to content

bdc / bdcdj-web

Go to a project
Toggle navigation
Toggle navigation pinning
631e5027 by 任超
Options

feat：抵押信息

2 parents 3c42c895 eb5bf84b
Inline Side-by-side
Showing 43 changed files with 1124 additions and 1929 deletions
...@@ -73,6 +73,7 @@ export function bdcqzPreview (data) { ...@@ -73,6 +73,7 @@ export function bdcqzPreview (data) {
73 return request({ 73 return request({
74 url: SERVER.SERVERAPI + '/rest/ywbl/bdcqz/bdcqzPreview', 74 url: SERVER.SERVERAPI + '/rest/ywbl/bdcqz/bdcqzPreview',
75 method: 'post', 75 method: 'post',
76 data 76 data,
77 responseType: 'blob'
77 }) 78 })
78 } 79 }
...\ No newline at end of file ...\ No newline at end of file
......
...@@ -119,6 +119,25 @@ export function saveSpyjBySlsq (data) { ...@@ -119,6 +119,25 @@ export function saveSpyjBySlsq (data) {
119 data 119 data
120 }) 120 })
121 } 121 }
122
123 // 获取用户常用意见
124 export function getUserCommonOpinion (data) {
125 return request({
126 url: SERVER.SERVERAPI + '/rest/ywbl/opinion/getUserCommonOpinion',
127 method: 'post',
128 data
129 })
130 }
131
132 // 新增用户常用意见
133 export function addUserCommonOpinion (params) {
134 return request({
135 url: SERVER.SERVERAPI + '/rest/ywbl/opinion/addUserCommonOpinion',
136 method: 'get',
137 params
138 })
139 }
140
122 // 登簿接口 141 // 登簿接口
123 export function record (data) { 142 export function record (data) {
124 return request({ 143 return request({
......
...@@ -88,7 +88,7 @@ export const asyncRoutes = [ ...@@ -88,7 +88,7 @@ export const asyncRoutes = [
88 path: 'ywsq', 88 path: 'ywsq',
89 id: '21', 89 id: '21',
90 parentId: '2', 90 parentId: '2',
91 component: () => import('@/views/ywbl/ywsq/ywsq.vue'), 91 component: () => import('@/views/ywbl/ywsq/guidePage.vue'),
92 name: 'ywsq', 92 name: 'ywsq',
93 meta: { title: '业务申请' } 93 meta: { title: '业务申请' }
94 }, 94 },
......
...@@ -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') {
......
...@@ -62,7 +62,6 @@ export default { ...@@ -62,7 +62,6 @@ export default {
62 }; 62 };
63 }, 63 },
64 handleNodeClick (data, node, elem) { 64 handleNodeClick (data, node, elem) {
65 console.log(data.form);
66 this.loadComponent(data.form); 65 this.loadComponent(data.form);
67 }, 66 },
68 loadComponent (form) { 67 loadComponent (form) {
......
...@@ -421,29 +421,44 @@ class data extends filter { ...@@ -421,29 +421,44 @@ class data extends filter {
421 label: "不动产单元号", 421 label: "不动产单元号",
422 }, 422 },
423 { 423 {
424 prop: "zjjzwzl", 424 prop: "zl",
425 label: "在建建筑物坐落", 425 label: "在建建筑物坐落",
426 }, 426 },
427
428 { 427 {
429 prop: "dyqr", 428 prop: "qlrmc",
430 label: "抵押权人", 429 label: "抵押权人",
431 }, 430 },
432 { 431 {
433 prop: "zjzl", 432 prop: "qlrzjzl",
434 label: "证件种类", 433 label: "抵押权人证件种类",
435 }, 434 },
436 { 435 {
437 prop: "zjh", 436 prop: "qlrzjhm",
438 label: "证件号", 437 label: "抵押权人证件号",
439 }, 438 },
440 { 439 {
441 prop: "dyr", 440 prop: "ywrmc",
442 label: "抵押人", 441 label: "抵押人",
443 }, 442 },
444 { 443 {
444 prop: "ywrzjzl",
445 label: "抵押人证件种类",
446 },
447 {
448 prop: "ywrzjhm",
449 label: "抵押人证件号",
450 },
451 {
445 prop: "dyfs", 452 prop: "dyfs",
446 label: "抵押方式", 453 label: "抵押方式",
454 render: (h, scope) => {
455 return (
456 <div>
457 <span v-show={scope.row.dyfs == '1'}>一般抵押权</span>
458 <span v-show={scope.row.dyfs == '2'}>最高额抵押权</span>
459 </div>
460 )
461 }
447 }, 462 },
448 { 463 {
449 prop: "sfygdj", 464 prop: "sfygdj",
...@@ -490,10 +505,18 @@ class data extends filter { ...@@ -490,10 +505,18 @@ class data extends filter {
490 label: "登记原因", 505 label: "登记原因",
491 }, 506 },
492 { 507 {
493 prop: "bdcdjzmh", 508 prop: "bdcqzh",
494 label: "不动产登记证明号", 509 label: "不动产登记证明号",
495 }, 510 },
496 { 511 {
512 prop: "fj",
513 label: "附记",
514 },
515 {
516 prop: "qlqtzk",
517 label: "权利其他状况",
518 },
519 {
497 prop: "djsj", 520 prop: "djsj",
498 label: "登记时间", 521 label: "登记时间",
499 }, 522 },
...@@ -506,21 +529,22 @@ class data extends filter { ...@@ -506,21 +529,22 @@ class data extends filter {
506 label: "登记机构", 529 label: "登记机构",
507 }, 530 },
508 { 531 {
509 prop: "fj", 532 prop: "zxywh",
510 label: "附记", 533 label: "注销抵押业务号",
511 }, 534 },
512 { 535 {
513 prop: "qlqtzk", 536 prop: "zxdyyy",
514 label: "权利其他状况", 537 label: "注销抵押原因",
515 }, 538 },
516 { 539 {
517 prop: "zxdyywh", 540 prop: "zxsj",
518 label: "注销抵押业务号", 541 label: "注销登记时间",
519 }, 542 },
520 { 543 {
521 prop: "zxdyyy", 544 prop: "zxdbr",
522 label: "注销抵押原因", 545 label: "登簿人",
523 }, 546 },
547
524 ], 548 ],
525 DYIQ: [ 549 DYIQ: [
526 { 550 {
......
...@@ -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
1 <template>
2 <dialogBox title="常用意见" width="60%" isMain v-model="value" @closeDialog="closeDialog" :isButton="false">
3 <div>
4 <el-button type="primary" native-type="submit" @click="openDialog()">新增常用</el-button>
5 <lb-table :page-size="pageData.size" border :current-page.sync="pageData.current" :total="tableData.total"
6 @size-change="handleSizeChange" @p-current-change="handleCurrentChange" :column="columns"
7 :data="tableData.data">
8 </lb-table>
9 <el-dialog title="新增意见" :visible.sync="addDialog" width="50%" :modal="false" top="30vh">
10 <div class="invalid-reson">常用意见：</div>
11 <el-input v-model="commonOpinion" placeholder="请输入常用意见" type="textarea" :rows="4"></el-input>
12 <div class="dialog-footer">
13 <el-button @click="closeaddDiglog()">取 消</el-button>
14 <el-button type="primary" @click="addOpinion()">确 定</el-button>
15 </div>
16 </el-dialog>
17 </div>
18 </dialogBox>
19 </template>
20 <script>
21 import table from "@/utils/mixin/table";
22 import { getUserCommonOpinion,addUserCommonOpinion } from "@/api/fqsq.js"
23 export default {
24 components: {},
25 mixins: [table],
26 props: {
27 value: { type: Boolean, default: false },
28 },
29 data () {
30 return {
31 columns: [
32 {
33 label: '序号',
34 type: 'index',
35 width: '50',
36 },
37 {
38 prop: "opinion",
39 label: "意见描述",
40 },
41 {
42 label: '操作',
43 width: '100',
44 render: (h, scope) => {
45 return (
46 <div>
47 <el-button type="text" onClick={() => { this.useCommonOpinion(scope.row) }}>使用</el-button>
48 </div>
49 )
50 }
51 }
52 ],
53 tableData: {
54 total: 0,
55 data: [],
56 },
57 addDialog: false,
58 commonOpinion: ''
59 }
60 },
61 mounted() {
62 this.queryList()
63 },
64 methods: {
65 queryList(){
66 getUserCommonOpinion(this.pageData).then(res => {
67 let { total, records } = res.result
68 this.tableData.total = total;
69 this.tableData.data = records ? records : []
70 })
71 },
72 //新增常用意见
73 addOpinion(){
74 addUserCommonOpinion({commonOpinion: this.commonOpinion}).then(res => {
75 if(res.code == 200){
76 this.closeaddDiglog();
77 this.queryList()
78 }else{
79 this.$message.error(res.message)
80 }
81 })
82 },
83 //打开新增弹窗
84 openDialog() {
85 this.addDialog = true
86 },
87 //关闭新增弹窗
88 closeaddDiglog() {
89 this.addDialog = false;
90 this.commonOpinion = "";
91 },
92 //使用常用意见
93 useCommonOpinion(item){
94 this.$parent.useOpinion(item.opinion);
95 this.$emit("input", false);
96 },
97 //关闭列表弹窗
98 closeDialog () {
99 this.$emit("input", false);
100 this.commonOpinion = "";
101 }
102 }
103 }
104 </script>
105 <style scoped lang='scss'>
106 .invalid-reson {
107 margin-bottom: 10px;
108 }
109 .dialog-footer {
110 margin-top: 10px;
111 display: flex;
112 justify-content: flex-end;
113 }
114 </style>
...\ No newline at end of file ...\ No newline at end of file
...@@ -22,6 +22,7 @@ ...@@ -22,6 +22,7 @@
22 <el-col :span="6" class="btnColRight"> 22 <el-col :span="6" class="btnColRight">
23 <el-form-item> 23 <el-form-item>
24 <el-button type="primary" icon="el-icon-search" @click="fetchData()">查询</el-button> 24 <el-button type="primary" icon="el-icon-search" @click="fetchData()">查询</el-button>
25 <el-button type="primary" icon="el-icon-search" @click="zslqClick()">证书领取</el-button>
25 </el-form-item> 26 </el-form-item>
26 </el-col> 27 </el-col>
27 </el-row> 28 </el-row>
...@@ -31,15 +32,19 @@ ...@@ -31,15 +32,19 @@
31 <lb-table border :column="tableData.columns" :heightNum="210" :data="tableData.data" :pagination="false"> 32 <lb-table border :column="tableData.columns" :heightNum="210" :data="tableData.data" :pagination="false">
32 </lb-table> 33 </lb-table>
33 </div> 34 </div>
35 <zslqDialog v-model="dialogVisible" @update:dialogVisible="dialogVisibles"></zslqDialog>
34 </div> 36 </div>
35 </template> 37 </template>
36 <script> 38 <script>
37 import table from "@/utils/mixin/table"; 39 import table from "@/utils/mixin/table";
40 import zslqDialog from "./zslq.vue";
38 import { getCertificateList } from "@/api/bdcqz.js"; 41 import { getCertificateList } from "@/api/bdcqz.js";
39 import { datas } from "../javascript/fzxxdata"; 42 import { datas } from "../javascript/fzxxdata";
40 export default { 43 export default {
41 mixins: [table], 44 mixins: [table],
42 components: {}, 45 components: {
46 zslqDialog
47 },
43 props: { 48 props: {
44 }, 49 },
45 data () { 50 data () {
...@@ -54,18 +59,26 @@ export default { ...@@ -54,18 +59,26 @@ export default {
54 total: 0, 59 total: 0,
55 columns: datas.columns().fzgrid, 60 columns: datas.columns().fzgrid,
56 data: [], 61 data: [],
57 } 62 },
63 dialogVisible:false
58 } 64 }
59 }, 65 },
60 methods: { 66 methods: {
61 // 列表渲染接口 67 // 列表渲染接口
62 fetchData () { 68 fetchData () {
63 this.ruleForm.bsmSldy = this.$parent.unitData[0].bsmSldy; 69 this.ruleForm.bsmSlsq = this.$route.query.bsmSlsq;
64 getCertificateList(this.ruleForm).then(res => { 70 getCertificateList(this.ruleForm).then(res => {
65 if (res.code === 200) { 71 if (res.code === 200) {
66 this.tableData.data = res.result; 72 this.tableData.data = res.result;
67 } 73 }
68 }) 74 })
75 },
76 zslqClick(){
77 this.dialogVisible = true;
78 },
79 //子组件传 过来的 数据
80 dialogVisibles(v){
81 this.dialogVisible = v;
69 } 82 }
70 } 83 }
71 } 84 }
......
...@@ -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>
......
...@@ -14,17 +14,11 @@ ...@@ -14,17 +14,11 @@
14 <el-row> 14 <el-row>
15 <el-col :span="24"> 15 <el-col :span="24">
16 <el-form-item label-width="0" class="opinion_item" prop="shyj"> 16 <el-form-item label-width="0" class="opinion_item" prop="shyj">
17 <el-input type="textarea" :rows="4" class="opinion" placeholder="请输入审批意见" v-if="item.stepShjy == '1'" 17 <el-input type="textarea" :rows="4" class="opinion" placeholder="请输入审批意见" v-if="item.stepShjy == '1' && ableOperation"
18 v-model="ruleForm.shyj"></el-input> 18 v-model="ruleForm.shyj"></el-input>
19 <el-input type="textarea" :rows="4" class="opinion" v-model="item.shyj" v-else :disabled="true"> 19 <el-input type="textarea" :rows="4" class="opinion" v-model="item.shyj" v-else :disabled="true">
20 </el-input> 20 </el-input>
21 <el-popover placement="right" width="50" trigger="hover" v-if="item.stepShjy == '1'"> 21 <el-button class="opinion_btn" @click="commonOpinion" v-if="item.stepShjy == '1' && ableOperation">常用意见</el-button>
22 <ul class="pointer">
23 <li @click="handleClick">复审</li>
24 <li>初审意见</li>
25 </ul>
26 <el-button class="opinion_btn" slot="reference">常用意见</el-button>
27 </el-popover>
28 </el-form-item> 22 </el-form-item>
29 </el-col> 23 </el-col>
30 </el-row> 24 </el-row>
...@@ -42,32 +36,35 @@ ...@@ -42,32 +36,35 @@
42 </el-row> 36 </el-row>
43 </div> 37 </div>
44 </div> 38 </div>
45 <div class="submit_button" v-if="!$route.query.viewtype"> 39 <div class="submit_button" v-if="ableOperation">
46 <el-button type="primary" v-if="tableData.length>0" @click="onSubmit">保存</el-button> 40 <el-button type="primary" @click="onSubmit">保存</el-button>
47 </div> 41 </div>
48 </el-form> 42 </el-form>
49 <el-empty v-if="tableData.length==0" description="暂无数据"></el-empty> 43 <el-empty v-if="tableData.length==0" description="暂无数据"></el-empty>
44 <commonDialog v-model="commonDialog" />
50 </div> 45 </div>
51 </template> 46 </template>
52 <script> 47 <script>
53 import { getSpyjList, saveSpyj, saveSpyjBySlsq } from "@/api/fqsq.js"; 48 import { getSpyjList, saveSpyj, saveSpyjBySlsq } from "@/api/fqsq.js";
49 import { popupDialog } from "@/utils/popup.js";
50 import commonDialog from "./commonOpinion.vue";
51 import { mapGetters } from 'vuex'
54 export default { 52 export default {
55 components: {}, 53 components: {commonDialog},
56 props: { 54 props: {
57 }, 55 },
56 computed: {
57 ...mapGetters([ 'userData'])
58 },
58 data () { 59 data () {
59 return { 60 return {
60 bsmSlsq: '', 61 bsmSlsq: '',
61 //刷新值 62 //刷新值
62 refresh : 10, 63 refresh : 10,
63 bestepid: '', 64 ableOperation: true,
64 ruleForm: {
65 shyj: '',
66 bsmSlsq: this.$route.query.bsmSlsq, 65 bsmSlsq: this.$route.query.bsmSlsq,
67 stepid: this.$route.query.bestepid, 66 bestepid: this.$route.query.bestepid,
68 shryxm: '', 67 ruleForm: {},
69 shjssj: '',
70 },
71 rules: { 68 rules: {
72 shyj: [ 69 shyj: [
73 { required: true, message: '请输入审批意见', trigger: 'blur' } 70 { required: true, message: '请输入审批意见', trigger: 'blur' }
...@@ -75,10 +72,14 @@ export default { ...@@ -75,10 +72,14 @@ export default {
75 }, 72 },
76 tableData: [], 73 tableData: [],
77 propsParam: {}, 74 propsParam: {},
75 commonDialog: false
78 } 76 }
79 }, 77 },
80 created () { 78 created () {
81 this.propsParam = this.$attrs; 79 this.propsParam = this.$attrs;
80 if(this.$route.query.viewtype){
81 this.ableOperation = false
82 }
82 this.list(); 83 this.list();
83 }, 84 },
84 methods: { 85 methods: {
...@@ -90,24 +91,33 @@ export default { ...@@ -90,24 +91,33 @@ export default {
90 var formdata = new FormData(); 91 var formdata = new FormData();
91 formdata.append("bsmBusiness", this.propsParam.bsmBusiness); 92 formdata.append("bsmBusiness", this.propsParam.bsmBusiness);
92 formdata.append("bestepid", this.$route.query.bestepid); 93 formdata.append("bestepid", this.$route.query.bestepid);
94 formdata.append("ableOperation",this.ableOperation)
93 getSpyjList(formdata).then((res) => { 95 getSpyjList(formdata).then((res) => {
94 if (res.code === 200 && res.result) { 96 if (res.code === 200 && res.result) {
95 this.tableData = res.result 97 this.tableData = res.result
96 this.ruleForm.shyj = res.result[res.result.length - 1].shyj 98 this.ruleForm = res.result[res.result.length - 1]
97 } 99 }
98 }) 100 })
99 }, 101 },
100 onSubmit () { 102 onSubmit () {
103 this.ruleForm.bsmSlsq = this.bsmSlsq
104 this.ruleForm.bestepid = this.bestepid
101 saveSpyjBySlsq(this.ruleForm).then(res => { 105 saveSpyjBySlsq(this.ruleForm).then(res => {
102 if (res.code === 200) { 106 if (res.code === 200) {
103 this.$message.success("保存成功") 107 this.$message.success("保存成功")
104 this.refresh += 1 108 this.refresh += 1
105 this.tableData[this.tableData.length - 1].shryxm = res.result.shryxm
106 this.tableData[this.tableData.length - 1].shjssj = res.result.shjssj
107 } else { 109 } else {
108 this.$message.error(res.message) 110 this.$message.error(res.message)
109 } 111 }
110 }) 112 })
113 },
114 //打开常用意见列表弹窗
115 commonOpinion(){
116 this.commonDialog = true
117 },
118 //使用常用意见
119 useOpinion(opinion){
120 this.ruleForm.shyj = opinion
111 } 121 }
112 } 122 }
113 } 123 }
......
...@@ -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')) {
......
1 <template> 1 <template>
2 <dialogBox title="不动产权证领取" width="85%" @closeDialog="closeDialog" @submitForm="handleSubmit" v-model="value" >
2 <div class="zslq"> 3 <div class="zslq">
3 <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="100px"> 4 <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="100px">
4 <el-row> 5 <el-row>
...@@ -30,7 +31,7 @@ ...@@ -30,7 +31,7 @@
30 <el-col :span="6"> 31 <el-col :span="6">
31 <el-form-item label="证件类型" prop="lzrzjlb"> 32 <el-form-item label="证件类型" prop="lzrzjlb">
32 <el-select v-model="ruleForm.lzrzjlb" filterable clearable placeholder="请选择"> 33 <el-select v-model="ruleForm.lzrzjlb" filterable clearable placeholder="请选择">
33 <el-option v-for="item in zslqList" :key="item.dcode" :label="item.dname" :value="item.dcode"> 34 <el-option v-for="item in zjzlData" :key="item.dcode" :label="item.dname" :value="item.dcode">
34 </el-option> 35 </el-option>
35 </el-select> 36 </el-select>
36 </el-form-item> 37 </el-form-item>
...@@ -46,12 +47,9 @@ ...@@ -46,12 +47,9 @@
46 </el-form-item> 47 </el-form-item>
47 </el-col> 48 </el-col>
48 </el-row> 49 </el-row>
49 <el-row style="text-align:center">
50 <el-button type="primary" @click="onSubmit">确定</el-button>
51 <el-button>取消</el-button>
52 </el-row>
53 </el-form> 50 </el-form>
54 </div> 51 </div>
52 </dialogBox>
55 </template> 53 </template>
56 54
57 <script> 55 <script>
...@@ -60,15 +58,18 @@ import table from "@/utils/mixin/table"; ...@@ -60,15 +58,18 @@ import table from "@/utils/mixin/table";
60 import { getUnclaimedBdcqz, issueCertificate } from "@/api/bdcqz.js"; 58 import { getUnclaimedBdcqz, issueCertificate } from "@/api/bdcqz.js";
61 import { datas } from "../javascript/fzxxdata"; 59 import { datas } from "../javascript/fzxxdata";
62 export default { 60 export default {
61 props: {
62 value: { type: Boolean, default: true }
63 },
63 mixins: [table], 64 mixins: [table],
64 data () { 65 data () {
65 return { 66 return {
66 zslqList: [], 67 zjzlData: store.getters.dictData['A30'],
67 ruleForm: { 68 ruleForm: {
68 fzrxm: '', 69 fzrxm: '',
69 fzsj: '', 70 fzsj: '',
70 fzsl: '', 71 fzsl: '',
71 bsmBdcqz: [], 72 bdcqzList: [],
72 lzrxm: '', 73 lzrxm: '',
73 lzrzjlb: '', 74 lzrzjlb: '',
74 lzrzjh: '', 75 lzrzjh: '',
...@@ -95,44 +96,43 @@ export default { ...@@ -95,44 +96,43 @@ export default {
95 }, 96 },
96 } 97 }
97 }, 98 },
98 props: ["formData"], 99 watch: {
99 created () { 100 value (val) {
100 this.zslqList = store.getters.dictData['A30']; 101 if (val) {
101 this.loadGrid(); 102 this.loadGrid();
103 }
102 }, 104 },
103 methods: {
104 onSubmit () {
105
106 }, 105 },
107 fetchData () { }, 106 methods: {
108 //列表初始化 107 //列表初始化
109 loadGrid () { 108 loadGrid () {
110 getUnclaimedBdcqz({ bsmSlsq: this.formData.bsmSlsq }).then(res => { 109 getUnclaimedBdcqz({ bsmSlsq: this.$route.query.bsmSlsq }).then(res => {
111 if (res.code === 200) { 110 if (res.code === 200) {
112 this.tableData.data = res.result; 111 this.tableData.data = res.result;
112 this.ruleForm.bdcqzList = res.result;
113 } 113 }
114 }) 114 })
115 }, 115 },
116 submitForm () { 116 handleSubmit () {
117 this.$refs.ruleForm.validate(valid => { 117 this.$refs.ruleForm.validate(valid => {
118 if (valid) { 118 if (valid) {
119 issueCertificate(this.ruleForm).then(res => { 119 issueCertificate(this.ruleForm).then(res => {
120 if (res.code == 200) { 120 if (res.code == 200) {
121 this.$message.success('保存成功') 121 this.$message.success('保存成功');
122 this.$parent.fetchData();
122 this.$emit("input", false); 123 this.$emit("input", false);
123 this.$refs.ruleForm.resetFields();
124 } else { 124 } else {
125 this.$message.error(res.message) 125 this.$message.error(res.message)
126 } 126 }
127 }) 127 })
128 } else { 128 } else {
129 this.$message.error("请填写领取人信息！")
129 return false; 130 return false;
130 } 131 }
131 }); 132 });
132 }, 133 },
133 closeDialog () { 134 closeDialog () {
134 this.$emit("input", false); 135 this.$emit("input", false);
135 this.$refs.ruleForm.resetFields();
136 }, 136 },
137 } 137 }
138 } 138 }
......
...@@ -4,38 +4,16 @@ ...@@ -4,38 +4,16 @@
4 <el-tabs v-model="activeName" @tab-click="handleClick" v-if="headTabBdcqz.length > 1"> 4 <el-tabs v-model="activeName" @tab-click="handleClick" v-if="headTabBdcqz.length > 1">
5 <el-tab-pane :label="item.qlr + '(' + item.bdcqzh + ')'" :name="item.bsmBdcqz" v-for="(item,index) in headTabBdcqz" :key="index"></el-tab-pane> 5 <el-tab-pane :label="item.qlr + '(' + item.bdcqzh + ')'" :name="item.bsmBdcqz" v-for="(item,index) in headTabBdcqz" :key="index"></el-tab-pane>
6 </el-tabs> 6 </el-tabs>
7 <div class="aaaa">{{bdcqz.bdcqzlx == '1' ? '不动产权证书' : '不动产权证明'}}</div> 7 <!-- <div class="zsyl-title">{{bdcqz.bdcqzlx == '1' ? '不动产权证书' : '不动产权证明'}}</div> -->
8 <div class="zsyl-box"> 8 <img :src="previewImage" :class="imgClass">
9 <div class="zsyl-left">
10 <div class="zsyl-title">
11 <span v-if="bdcqz.bdcqzh">{{bdcqz.bdcqzh}}</span>
12 <span v-else>____( )________不动产权第 号</span>
13 </div>
14 <table class="table-column">
15 <tr v-for="(item, colindex) in columns" :key="colindex">
16 <td>
17 <span>{{ item.label }}</span>
18 </td>
19 <td>
20 <span>
21 {{ getRowValue(item.prop) }}
22 </span>
23 </td>
24 </tr>
25 </table>
26 </div>
27 <div class="zsyl-right">
28 <div class="zsyl-title">附记</div>
29 <div class="zsyl-text">{{bdcqz.fj}}</div>
30 </div>
31 </div>
32 </div> 9 </div>
33 </template> 10 </template>
34 11
35 <script> 12 <script>
36 import { datas } from "../javascript/zsyl.js"; 13 import { datas } from "../javascript/zsyl.js";
37 import { getSlsqBdcqzList} from "@/api/bdcqz.js" 14 import { getSlsqBdcqzList,bdcqzPreview} from "@/api/bdcqz.js"
38 export default { 15 export default {
16 name: "zsyl",
39 components: { 17 components: {
40 }, 18 },
41 props: { 19 props: {
...@@ -58,6 +36,8 @@ export default { ...@@ -58,6 +36,8 @@ export default {
58 headTabBdcqz: [], 36 headTabBdcqz: [],
59 //tab选择绑定值 37 //tab选择绑定值
60 activeName: '', 38 activeName: '',
39 //证书图片预览
40 previewImage: '',
61 ruleForm: { 41 ruleForm: {
62 bsmBdcqz: '', 42 bsmBdcqz: '',
63 szmc: '不动产权证书', 43 szmc: '不动产权证书',
...@@ -89,11 +69,12 @@ export default { ...@@ -89,11 +69,12 @@ export default {
89 getHeadTabBdcqz(){ 69 getHeadTabBdcqz(){
90 getSlsqBdcqzList({bsmSlsq: this.formData.bsmSlsq}).then(res => { 70 getSlsqBdcqzList({bsmSlsq: this.formData.bsmSlsq}).then(res => {
91 if(res.code == 200){ 71 if(res.code == 200){
92 if(res.result){ 72 if(res.result && res.result.length > 0){
93 this.activeName = res.result[0].bsmBdcqz 73 this.activeName = res.result[0].bsmBdcqz
94 this.bdcqz = res.result[0] 74 this.bdcqz = res.result[0]
95 }
96 this.headTabBdcqz = res.result 75 this.headTabBdcqz = res.result
76 this.getBdcqzPreview();
77 }
97 } 78 }
98 79
99 }) 80 })
...@@ -102,42 +83,26 @@ export default { ...@@ -102,42 +83,26 @@ export default {
102 handleClick(e){ 83 handleClick(e){
103 this.bdcqz = this.headTabBdcqz[e.index - 0] 84 this.bdcqz = this.headTabBdcqz[e.index - 0]
104 this.activeName = this.headTabBdcqz.bsmBdcqz 85 this.activeName = this.headTabBdcqz.bsmBdcqz
105 } 86 this.getBdcqzPreview();
87 },
88 getBdcqzPreview(){
89 this.$startLoading()
90 bdcqzPreview(this.bdcqz).then(res => {
91 this.$endLoading()
92 let blob = new Blob([res]);
93 let url = window.URL.createObjectURL(blob);
94 this.previewImage = url;
95 })
96 },
106 } 97 }
107 } 98 }
108 </script> 99 </script>
109 <style scoped lang="scss"> 100 <style scoped lang="scss">
110 @import "~@/styles/mixin.scss"; 101 @import "~@/styles/mixin.scss";
111 .zsyl-box{ 102 .imgClass{
112 display: flex; 103 display: inline-block;
113 justify-content: space-between; 104 height: auto;
114 padding: 20px; 105 max-width: 100%;
115 background: #FAFBE5;
116 .zsyl-left{
117 width: 330px;
118 .zsyl-title{
119 font-size: 18px;
120 text-align: center;
121 }
122 }
123 .zsyl-right{
124 width: 330px;
125 .zsyl-title{
126 letter-spacing: 50px;
127 text-align: center;
128 text-indent: 50px;
129 }
130 .zsyl-text{
131 border: 1px solid #ccc;
132 height: 90%;
133 }
134 }
135 .zsyl-title{
136 margin-bottom: 12px;
137 }
138 /deep/.el-table__row{
139 background: #FAFBE5!important;
140 }
141 } 106 }
142 .middle_padding { 107 .middle_padding {
143 padding-bottom: 10px; 108 padding-bottom: 10px;
...@@ -166,10 +131,10 @@ export default { ...@@ -166,10 +131,10 @@ export default {
166 background: rgb(251,249,229); 131 background: rgb(251,249,229);
167 } 132 }
168 } 133 }
169 .aaaa{ 134 .zsyl-title{
170 background: #FAFBE5; 135 background: #FAFBE5;
171 text-align: center; 136 text-align: center;
172 padding-top: 10px; 137 padding: 5px 0px;
173 font-size: 20px; 138 font-size: 20px;
174 } 139 }
175 </style> 140 </style>
......
...@@ -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");
......
...@@ -20,6 +20,14 @@ class data extends filter { ...@@ -20,6 +20,14 @@ class data extends filter {
20 { 20 {
21 prop: "bdcqzlx", 21 prop: "bdcqzlx",
22 label: "不动产权证类型", 22 label: "不动产权证类型",
23 render: (h, scope) => {
24 return (
25 <div>
26 <span v-show={scope.row.bdcqzlx == '1'}>不动产权证书</span>
27 <span v-show={scope.row.bdcqzlx == '2'}>不动产登记证明</span>
28 </div>
29 )
30 }
23 }, 31 },
24 { 32 {
25 prop: "qllx", 33 prop: "qllx",
...@@ -51,18 +59,13 @@ class data extends filter { ...@@ -51,18 +59,13 @@ class data extends filter {
51 label: "坐落" 59 label: "坐落"
52 }, 60 },
53 { 61 {
54 prop: "lzrxm", 62 prop: "fzsj",
55 label: "领取人" 63 label: "发证时间"
56 }, 64 },
57 { 65 {
58 label: '操作', 66 prop: "lzrxm",
59 width: '200', 67 label: "领证人姓名"
60 align: 'center', 68 },
61 fixed: 'right',
62 render: (h, scope) => {
63 return <el-button type="text" icon="el-icon-delete" onClick={() => { vm.del(scope.row) }}>添加领取材料</el-button>
64 }
65 }
66 ], 69 ],
67 //领证证列表 70 //领证证列表
68 lzgrid: [ 71 lzgrid: [
...@@ -75,6 +78,14 @@ class data extends filter { ...@@ -75,6 +78,14 @@ class data extends filter {
75 prop: "bdcqzlx", 78 prop: "bdcqzlx",
76 label: "不动产权证类型", 79 label: "不动产权证类型",
77 width: '120', 80 width: '120',
81 render: (h, scope) => {
82 return (
83 <div>
84 <span v-show={scope.row.bdcqzlx == '1'}>不动产权证书</span>
85 <span v-show={scope.row.bdcqzlx == '2'}>不动产登记证明</span>
86 </div>
87 )
88 }
78 }, 89 },
79 { 90 {
80 prop: "qllx", 91 prop: "qllx",
......
...@@ -127,7 +127,7 @@ export default { ...@@ -127,7 +127,7 @@ export default {
127 popupDialog("证书预览", "workflow/components/zsyl", { 127 popupDialog("证书预览", "workflow/components/zsyl", {
128 bsmSlsq: this.bsmSlsq, 128 bsmSlsq: this.bsmSlsq,
129 entryType: '1' 129 entryType: '1'
130 }, '800px') 130 }, '1070px')
131 break; 131 break;
132 case "B7": 132 case "B7":
133 this.$popup("证书领取", "workflow/components/zslq", { 133 this.$popup("证书领取", "workflow/components/zslq", {
......
...@@ -87,7 +87,7 @@ import { deleteFlow, unClaimTask } from "@/api/ywbl.js"; ...@@ -87,7 +87,7 @@ import { deleteFlow, unClaimTask } from "@/api/ywbl.js";
87 import ProcessViewer from './components/processViewer.vue' 87 import ProcessViewer from './components/processViewer.vue'
88 import { getWorkFlowImage } from "@/api/workflow/jsydsyqFlow.js"; 88 import { getWorkFlowImage } from "@/api/workflow/jsydsyqFlow.js";
89 import { getForm } from "./flowform.js"; 89 import { getForm } from "./flowform.js";
90 import fqsqDialog from "@/views/ywbl/ywsq/slectBdc.vue"; 90 import fqsqDialog from "@/views/ywbl/ywsq/selectBdc.vue";
91 import { queueDjywmc } from "@/views/ywbl/ywsq/slectBdcdata.js"; 91 import { queueDjywmc } from "@/views/ywbl/ywsq/slectBdcdata.js";
92 export default { 92 export default {
93 components: { 93 components: {
...@@ -289,8 +289,8 @@ export default { ...@@ -289,8 +289,8 @@ export default {
289 break; 289 break;
290 case "B5": 290 case "B5":
291 this.$popup("证书预览", "workflow/components/zsyl", { 291 this.$popup("证书预览", "workflow/components/zsyl", {
292 height: "600px", 292 height: "850px",
293 width: "800px", 293 width: "1070px",
294 formData: { 294 formData: {
295 bsmSlsq: this.bsmSlsq, 295 bsmSlsq: this.bsmSlsq,
296 entryType: '1' 296 entryType: '1'
......
...@@ -79,7 +79,7 @@ import { getForm } from './flowform' ...@@ -79,7 +79,7 @@ import { getForm } from './flowform'
79 import NoticeBar from '@/components/NoticeBar/index' 79 import NoticeBar from '@/components/NoticeBar/index'
80 import { deleteFlow, unClaimTask } from "@/api/ywbl.js"; 80 import { deleteFlow, unClaimTask } from "@/api/ywbl.js";
81 import ProcessViewer from './components/processViewer.vue' 81 import ProcessViewer from './components/processViewer.vue'
82 import fqsqDialog from "@/views/ywbl/ywsq/slectBdc.vue"; 82 import fqsqDialog from "@/views/ywbl/ywsq/selectBdc.vue";
83 export default { 83 export default {
84 components: { 84 components: {
85 fqsqDialog, 85 fqsqDialog,
......
...@@ -66,11 +66,16 @@ ...@@ -66,11 +66,16 @@
66 </el-row> 66 </el-row>
67 <el-row :gutter="10"> 67 <el-row :gutter="10">
68 <el-col :span="8"> 68 <el-col :span="8">
69 <el-form-item :class="flag ? 'marginBot0' : ''" label="权利类型：">
70 <el-input disabled v-model="ruleForm.qlxxold.qllxmc"></el-input>
71 </el-form-item>
72 </el-col>
73 <el-col :span="8">
69 <el-form-item :class="flag ? 'marginBot0' : ''" label="不动产权证号："> 74 <el-form-item :class="flag ? 'marginBot0' : ''" label="不动产权证号：">
70 <el-input disabled v-model="ruleForm.slywxx.ybdcqzsh"></el-input> 75 <el-input disabled v-model="ruleForm.qlxxold.bdcqzh"></el-input>
71 </el-form-item> 76 </el-form-item>
72 </el-col> 77 </el-col>
73 <el-col :span="16"> 78 <el-col :span="8">
74 <el-form-item :class="flag ? 'marginBot0' : ''" label="坐落："> 79 <el-form-item :class="flag ? 'marginBot0' : ''" label="坐落：">
75 <el-input disabled v-model="ruleForm.qlxxold.zl"></el-input> 80 <el-input disabled v-model="ruleForm.qlxxold.zl"></el-input>
76 </el-form-item> 81 </el-form-item>
...@@ -78,11 +83,6 @@ ...@@ -78,11 +83,6 @@
78 </el-row> 83 </el-row>
79 <el-row :gutter="10"> 84 <el-row :gutter="10">
80 <el-col :span="8"> 85 <el-col :span="8">
81 <el-form-item :class="flag ? 'marginBot0' : ''" label="用途：">
82 <el-input disabled v-model="ruleForm.qlxxold.ytmc"></el-input>
83 </el-form-item>
84 </el-col>
85 <el-col :span="8">
86 <el-form-item :class="flag ? 'marginBot0' : ''" label="不动产单元号："> 86 <el-form-item :class="flag ? 'marginBot0' : ''" label="不动产单元号：">
87 <el-input disabled v-model="ruleForm.qlxxold.bdcdyh"></el-input> 87 <el-input disabled v-model="ruleForm.qlxxold.bdcdyh"></el-input>
88 </el-form-item> 88 </el-form-item>
...@@ -92,10 +92,15 @@ ...@@ -92,10 +92,15 @@
92 <el-input disabled v-model="ruleForm.qlxxold.mj"></el-input> 92 <el-input disabled v-model="ruleForm.qlxxold.mj"></el-input>
93 </el-form-item> 93 </el-form-item>
94 </el-col> 94 </el-col>
95 <el-col :span="8">
96 <el-form-item :class="flag ? 'marginBot0' : ''" label="用途：">
97 <el-input disabled v-model="ruleForm.qlxxold.ytmc"></el-input>
98 </el-form-item>
99 </el-col>
95 </el-row> 100 </el-row>
96 101
97 <div class="slxx_title title-block"> 102 <div class="slxx_title title-block">
98 抵押信息 103 抵押信息11
99 <div class="triangle"></div> 104 <div class="triangle"></div>
100 </div> 105 </div>
101 106
...@@ -150,7 +155,8 @@ ...@@ -150,7 +155,8 @@
150 <el-row> 155 <el-row>
151 <el-col :span="24"> 156 <el-col :span="24">
152 <el-form-item :class="flag ? 'marginBot0' : ''" label="担保范围："> 157 <el-form-item :class="flag ? 'marginBot0' : ''" label="担保范围：">
153 <el-input v-model="ruleForm.diyaq.dbfw"></el-input> 158 <el-input v-model="ruleForm.diyaq.dbfw"
159 :disabled="$route.query.viewtype == 1 || ruleForm.slywxx.djlx == '300'"></el-input>
154 </el-form-item> 160 </el-form-item>
155 </el-col> 161 </el-col>
156 </el-row> 162 </el-row>
...@@ -201,14 +207,14 @@ ...@@ -201,14 +207,14 @@
201 </el-form-item> 207 </el-form-item>
202 </el-col> 208 </el-col>
203 </el-row> 209 </el-row>
204 <InformationTable :tableData="ruleForm.qlrList" @upDateQlrxxList="upDateQlrxxList" 210 <qlrCommonTable :tableData="ruleForm.qlrList" @upDateQlrxxList="upDateQlrxxList"
205 :viewtype="$route.query.viewtype" :gyfs="ruleForm.slywxx.gyfs" /> 211 :viewtype="$route.query.viewtype" :gyfs="ruleForm.slywxx.gyfs" />
206 <div class="slxx_title title-block"> 212 <div class="slxx_title title-block">
207 抵押人信息 213 抵押人信息
208 <div class="triangle"></div> 214 <div class="triangle"></div>
209 </div> 215 </div>
210 <!-- <InformationTable :tableData="ruleForm.ywrList" @upDateQlrxxList="upDateYwrxxList" 216 <InformationTable :tableData="ruleForm.ywrList" @upDateQlrxxList="upDateYwrxxList"
211 :viewtype="$route.query.viewtype" /> --> 217 :viewtype="$route.query.viewtype" />
212 218
213 <div class="slxx_title title-block"> 219 <div class="slxx_title title-block">
214 登记原因 220 登记原因
...@@ -216,7 +222,13 @@ ...@@ -216,7 +222,13 @@
216 </div> 222 </div>
217 <el-row :gutter="10"> 223 <el-row :gutter="10">
218 <el-col> 224 <el-col>
219 <el-form-item :class="flag ? 'marginBot0' : ''" label="登记原因：" prop="djyy"> 225 <el-form-item v-if="ruleForm.slywxx.djlx == '400'" :class="flag ? 'marginBot0' : ''" label="注销抵押原因："
226 prop="djyy">
227 <el-input class="textArea" type="textarea" :disabled="$route.query.viewtype == 1"
228 v-model="ruleForm.diyaq.zxdyyy">
229 </el-input>
230 </el-form-item>
231 <el-form-item v-else :class="flag ? 'marginBot0' : ''" label="登记原因：" prop="djyy">
220 <el-input class="textArea" type="textarea" :disabled="$route.query.viewtype == 1" 232 <el-input class="textArea" type="textarea" :disabled="$route.query.viewtype == 1"
221 v-model="ruleForm.diyaq.djyy"> 233 v-model="ruleForm.diyaq.djyy">
222 </el-input> 234 </el-input>
...@@ -234,7 +246,7 @@ ...@@ -234,7 +246,7 @@
234 </div> 246 </div>
235 </template> 247 </template>
236 <script> 248 <script>
237 import InformationTable from "@/views/workflow/components/InformationTable"; 249 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
238 import { Init, saveData } from "@/api/workflow/diyaqFlow.js"; 250 import { Init, saveData } from "@/api/workflow/diyaqFlow.js";
239 import { mapGetters } from "vuex"; 251 import { mapGetters } from "vuex";
240 export default { 252 export default {
...@@ -251,7 +263,7 @@ export default { ...@@ -251,7 +263,7 @@ export default {
251 } 263 }
252 }) 264 })
253 }, 265 },
254 components: { InformationTable }, 266 components: { qlrCommonTable },
255 computed: { 267 computed: {
256 ...mapGetters(["dictData", "flag"]), 268 ...mapGetters(["dictData", "flag"]),
257 }, 269 },
......
...@@ -67,7 +67,7 @@ ...@@ -67,7 +67,7 @@
67 <el-row :gutter="10"> 67 <el-row :gutter="10">
68 <el-col :span="8"> 68 <el-col :span="8">
69 <el-form-item :class="flag ? 'marginBot0' : ''" label="不动产权证号："> 69 <el-form-item :class="flag ? 'marginBot0' : ''" label="不动产权证号：">
70 <el-input disabled v-model="ruleForm.slywxx.ybdcqzsh"></el-input> 70 <el-input disabled v-model="ruleForm.qlxxold.bdcqzh"></el-input>
71 </el-form-item> 71 </el-form-item>
72 </el-col> 72 </el-col>
73 <el-col :span="16"> 73 <el-col :span="16">
...@@ -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 },
......
...@@ -120,7 +120,7 @@ export default { ...@@ -120,7 +120,7 @@ export default {
120 return; 120 return;
121 } 121 }
122 startBusinessFlow({ 122 startBusinessFlow({
123 bsmSqyw: this.bsmSqyw, 123 bsmSqyw: this.sqywInfo.bsmSqyw,
124 bdcdysz: this.bdcdysz, 124 bdcdysz: this.bdcdysz,
125 djqxbm: this.sqywInfo.nodetype=="djqx"?this.sqywInfo.nodecode:"", 125 djqxbm: this.sqywInfo.nodetype=="djqx"?this.sqywInfo.nodecode:"",
126 djqxmc: this.sqywInfo.nodetype=="djqx"?this.sqywInfo.nodename:"", 126 djqxmc: this.sqywInfo.nodetype=="djqx"?this.sqywInfo.nodename:"",
...@@ -132,7 +132,7 @@ export default { ...@@ -132,7 +132,7 @@ export default {
132 type: 'success' 132 type: 'success'
133 }) 133 })
134 if (!this.isJump) { 134 if (!this.isJump) {
135 this.jump(res.result, this.djywbm) 135 this.jump(res.result, this.sqywInfo.djywbm)
136 } else { 136 } else {
137 this.$emit('updateDialog', true) 137 this.$emit('updateDialog', true)
138 } 138 }
......
1 <template>
2 <dialogBox :title="title" width="85%" :isButton="false" :isMain="true" @closeDialog="closeDialog" v-model="myValue">
3 <component :is="editItem" @closeDialog="closeDialog" v-bind="$attrs" :isJump="isJump" id="slectBdc"
4 @updateDialog="updateDialog" :djywbm="djywbm" :key="key" :djqxObj="djqxObj" />
5 </dialogBox>
6 </template>
7 <script>
8 import { queueDjywmc } from './slectBdcdata.js'
9 export default {
10 props: {
11 isJump: { type: Boolean, default: false },
12 value: { type: Boolean, default: true },
13 djywbm: { type: String, default: '' },
14 djqxObj: { type: Object, default: () => { } }
15 },
16 data () {
17 return {
18 title: "",
19 key: 0,
20 editItem: '',
21 myValue: this.value
22 }
23 },
24 watch: {
25 value (val) {
26 this.myValue = val
27 this.key++
28 if (this.$route.query.sqywbm) {
29 let dd = queueDjywmc(this.$route.query.sqywbm)
30 this.editItem = this.loadView(dd)
31 }
32 },
33 'djywbm' (val) {
34 let dd = queueDjywmc(val)
35 this.editItem = this.loadView(dd)
36 }
37 },
38 methods: {
39 loadView (view) {
40 this.title = "申请业务：" + this.djqxObj.djywmc;
41 return r => require.ensure([], () => r(require(`./components/${view}.vue`)))
42 },
43 closeDialog () {
44 this.$emit("input", false)
45 },
46 updateDialog () {
47 this.$emit("input", false)
48 this.$emit("updateDialog", true)
49 }
50 }
51 }
52 </script>
53 <style scoped lang="scss">
54 @import "~@/styles/mixin.scss";
55 @import "~@/styles/public.scss";
56
57 /deep/.submit_button {
58 text-align: center;
59 padding: 10px;
60 margin: 10px;
61 }
62 </style>
1 <template>
2 <div class="ywsq" id="ywsq">
3 <div class="ywsq-left">
4 <p v-for="(item, index) in leftList" @click="handleleftTitle(index)" :key="index"
5 :class="{ 'active': n == index }">{{ item }}</p>
6 <el-collapse disabled v-model="activeNames">
7 <el-collapse-item title="业务申请" name="1">
8 <ul class="item-list">
9 <li v-for="(obj, key) in list" :key="key" @click="handleList(list, obj)" :class="obj.check ? 'active' : ''">
10 {{ obj.nodename }}</li>
11 </ul>
12 </el-collapse-item>
13 </el-collapse>
14 </div>
15
16 <!-- right -->
17 <div class="ywsq-right">
18 <div class="right-type el-card box-card is-always-shadow" v-if="n == -1">
19 <div class="right-title">登记类型</div>
20 <ul class="type-content">
21 <li :class="item.cselect ? 'cactive' : ''" @dblclick="handleDjqxItem(item)" @click="handleDjlxSelect(item)"
22 v-for="(item, index) in djlxList" :key="index">
23 <p>
24 {{ item.nodename }}
25 </p>
26 <p v-if="item.sffqlc == 1" :class="item.userCollect == 1 ? 'active' : ''"
27 @click.stop="handleCollection(item)">
28 <i class="el-icon-star-off" :class="item.userCollect == 1 ? 'active' : ''"></i>
29 </p>
30 </li>
31 </ul>
32 </div>
33 <div class="right-situation el-card box-card is-always-shadow">
34 <div class="right-title">{{ obj[n] }}</div>
35 <ul>
36 <li v-for="(item, index) in itemList" :key="index" @dblclick="handleSelectItem(item, itemList)"
37 @click="handleSelectYw(item, itemList)" :class="item.cselect ? 'cactive' : ''">
38 <p v-if="n == 0">
39 {{ item.djywmc }}<br>
40 {{ item.nodename }}
41 </p>
42 <dt v-else>{{ item.nodename }}</dt>
43
44 <p :class="item.userCollect == 1 ? 'active' : ''" @click.stop="handleCollection(item)">
45 <i class="el-icon-star-off" :class="item.userCollect == 1 ? 'active' : ''"></i>
46 </p>
47 </li>
48 </ul>
49 </div>
50 <div class="submit-button">
51 <el-button type="primary" :disabled="btnDisabled" @click="bthSelectClick">选择不动产</el-button>
52 </div>
53 </div>
54 <fqsqDialog v-model="isDialog" :djqxObj="djqxObj" :bsmSqyw="bsmSqyw" :djywbm="djywbm" />
55 </div>
56 </template>
57 <script>
58 import fqsqDialog from "./slectBdc.vue"
59 import { getCollectBiz, getleftMenu, getNextNode, addCollectBiz, deleteCollectBiz } from "@/api/ywbl"
60 export default {
61 data () {
62 return {
63 n: 0,
64 activeNames: ['1'],
65 leftList: [
66 '常办业务', '一并申请', '登记簿补录',
67 ],
68 // 左侧列表
69 list: [],
70 djlxList: [],
71
72 itemList: [],
73 ywList: [],
74 djqxList: [],
75 obj: {
76 '0': '常办业务列表',
77 '-1': '登记情形'
78 },
79 isDialog: false,
80 btnDisabled: true,
81 djywbm: '',
82 djqxObj: {},
83 bsmSqyw: ''
84 }
85 },
86 components: {
87 fqsqDialog
88 },
89 created () {
90 this.getDataList()
91 },
92 methods: {
93 getDataList () {
94 getCollectBiz().then(res => {
95 let { result } = res
96 this.ywList = result
97 this.ywList.forEach(item => {
98 this.$set(item, 'cselect', false)
99 item.userCollect = 1
100 })
101 if (this.n == 0) {
102 this.itemList = this.ywList
103 }
104 })
105 getleftMenu().then(res => {
106 let { result } = res
107 this.list = result
108 })
109 },
110 handleleftTitle (index) {
111 this.n = index
112 let obj = {
113 '0': this.ywList
114 }
115 this.itemList = obj[this.n]
116 this.list.forEach(item => {
117 if (item.check) item.check = false
118 })
119
120 },
121 // 业务-登记情形选择
122 handleSelectYw (item, list) {
123 list.forEach(item => {
124 this.$set(item, 'cselect', false)
125 })
126 item.cselect = true;
127 this.djqxObj = item;
128 if (item.sffqlc == '1') {
129 this.btnDisabled = false
130 this.bsmSqyw = item.bsmSqyw
131 this.djywbm = item.djywbm
132 }
133 },
134 handleList (list, obj) {
135 this.btnDisabled = true
136 list.forEach(item => {
137 if (item.check) item.check = false
138 })
139 this.n = -1
140 this.$set(obj, 'check', true)
141 this.getNextNode(obj.bsmSqyw)
142 this.djqxList = []
143 this.djlxList = []
144 this.itemList = []
145 },
146 // 获取下个节点类型
147 getNextNode (bsmSqyw, type = true) {
148 getNextNode(bsmSqyw).then(res => {
149 if (res.result.djqx) this.djqxList = res.result.djqx
150 if (res.result.djlx) this.djlxList = res.result.djlx
151 if (type) {
152 this.djqxList.forEach(item => {
153 this.$set(item, 'cselect', false)
154 })
155 this.djlxList.forEach(item => {
156 this.$set(item, 'cselect', false)
157 })
158 }
159 this.itemList = this.djqxList
160 })
161 },
162 handleCollection (item) {
163 let that = this
164 if (item.userCollect == '2') {
165 addCollectBiz(item.bsmSqyw).then(res => {
166 if (res.code == 200) {
167 item.userCollect = '1'
168 that.$message({
169 message: '收藏成功！',
170 type: 'success'
171 })
172 that.getDataList()
173 }
174 })
175 } else {
176 this.$confirm('此操作将取消收藏, 是否继续?', '提示', {
177 confirmButtonText: '确定',
178 cancelButtonText: '取消',
179 type: 'warning'
180 }).then(() => {
181 deleteCollectBiz(item.bsmSqyw).then(res => {
182 if (res.code == 200) {
183 item.userCollect = '2'
184 that.$message({
185 message: '取消收藏成功！',
186 type: 'success'
187 })
188 that.getDataList()
189 }
190 })
191 }).catch(() => {
192 this.$message({
193 type: 'info',
194 message: '已取消收藏'
195 })
196 })
197 }
198 },
199 handleSelect (item) {
200 this.busList.forEach(item => {
201 item.cselect = false
202 })
203 item.cselect = !item.cselect
204 },
205 // 登记类型
206 handleDjlxSelect (item) {
207 this.djlxList.forEach(item => {
208 item.cselect = false
209 })
210 this.btnDisabled = true
211 item.cselect = true;
212 this.djqxObj = item;
213 if (item.sffqlc == '1') {
214 this.btnDisabled = false
215 this.bsmSqyw = item.bsmSqyw
216 this.djywbm = item.djywbm;
217 } else {
218 this.getNextNode(item.bsmSqyw, false)
219 }
220 this.djqxList = []
221 },
222 handleDjqxItem (item) {
223 this.djlxList.forEach(item => {
224 item.cselect = false
225 })
226 console.log(item);
227 if (item.sffqlc == 1) {
228 this.djywbm = item.djywbm
229 this.bsmSqyw = item.bsmSqyw
230 item.cselect = true
231 this.isDialog = true
232 this.btnDisabled = true
233 }
234 },
235 handleSelectItem (item, list) {
236 this.handleSelectYw(item, list)
237 this.isDialog = true
238 },
239 // 选择不动产信息
240 bthSelectClick () {
241 this.isDialog = true
242 },
243 loadView (view) {
244 return r => require.ensure([], () => r(require(`./components/${view}/${view}.vue`)))
245 }
246 }
247 }
248 </script>
249 <style scoped lang='scss'>
250 @import "~@/styles/mixin.scss";
251 @import './ywsq.scss';
252
253 /deep/.el-collapse-item__content {
254 padding-bottom: 0;
255 }
256
257 /deep/.el-collapse-item__wrap {
258 border-bottom: none;
259 }
260 </style>
...\ No newline at end of file ...\ No newline at end of file