Skip to content

bdc / bdcdj-web

Go to a project
Toggle navigation
Toggle navigation pinning
e5a2afea by yangwei
Options

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

2 parents 8c757cc0 3dfad10b
Inline Side-by-side
Showing 76 changed files with 8574 additions and 1813 deletions
1 /*
2 * @Description: 字典接口
3 * @Autor: renchao
4 * @LastEditTime: 2023-05-16 16:06:51
5 */
6 import request from '@/utils/request'
7 let SERVER = window.config ? window.config : JSON.parse(localStorage.getItem('ApiUrl'))
8
9 /**
10 * @description: 获取登记簿全部字段
11 * @author: renchao
12 */
13 export function getFieldList (params) {
14 return request({
15 url: SERVER.SERVERAPI + '/rest/sys/SysDjbFieldDO/getFieldList',
16 method: 'get',
17 params
18 })
19 }
20 /**
21 * @description: 获取登记簿打印字段
22 * @author: renchao
23 */
24 export function getFieldListByQlxx (params) {
25 return request({
26 url: SERVER.SERVERAPI + '/rest/sys/SysDjbFieldDO/getFieldListByQlxx',
27 method: 'get',
28 params
29 })
30 }
31 /**
32 * @description: 保存登记簿打印字段
33 * @param {*} data
34 * @author: renchao
35 */
36 export function save (bsmMb,data) {
37 return request({
38 url: SERVER.SERVERAPI + `/rest/sys/SysDjbFieldDO/save/${bsmMb}`,
39 method: 'post',
40 data
41 })
42 }
43
44 /**
45 * @description: 获取登记簿打印字段
46 * @author: renchao
47 */
48 // export function getQllxList () {
49 // return request({
50 // url: SERVER.SERVERAPI + '/rest/sys/SysDjbFieldDO/getQllxList',
51 // method: 'get'
52 // })
53 // }
1 /* 1 /*
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-08-09 14:32:38 4 * @LastEditTime: 2023-09-01 15:10:55
5 */ 5 */
6 import request from '@/utils/request' 6 import request from '@/utils/request'
7 let SERVER = window.config ? window.config : JSON.parse(localStorage.getItem('ApiUrl')) 7 let SERVER = window.config ? window.config : JSON.parse(localStorage.getItem('ApiUrl'))
...@@ -166,16 +166,16 @@ export function judgeUserTaskPermission (params) { ...@@ -166,16 +166,16 @@ export function judgeUserTaskPermission (params) {
166 }) 166 })
167 } 167 }
168 168
169
169 /** 170 /**
170 * @description: 获取申请书数据 171 * @description: 打印申请书
171 * @param {*} data 172 * @param {*} data
172 * @author: renchao 173 * @author: renchao
173 */ 174 */
174 export function getPrintApplicationInfo (data) { 175 export function getPrintApplicationForm (bsmSldy) {
175 return request({ 176 return request({
176 url: SERVER.SERVERAPI + '/rest/business/workFlow/getPrintApplicationInfo', 177 url: SERVER.SERVERAPI + '/rest/ywbl/print/getPrintApplicationForm?bsmSldy=' + bsmSldy,
177 method: 'post', 178 method: 'get'
178 data
179 }) 179 })
180 } 180 }
181 181
......
...@@ -47,7 +47,6 @@ ...@@ -47,7 +47,6 @@
47 </template> 47 </template>
48 48
49 <script> 49 <script>
50 import { log } from 'bpmn-js-token-simulation'
51 import LbColumn from './lb-column' 50 import LbColumn from './lb-column'
52 export default { 51 export default {
53 props: { 52 props: {
......
...@@ -66,6 +66,14 @@ export const constantRoutes = [ ...@@ -66,6 +66,14 @@ export const constantRoutes = [
66 hidden: true, 66 hidden: true,
67 meta: { title: '发起申请' } 67 meta: { title: '发起申请' }
68 }, 68 },
69 // 打印登记簿
70 {
71 path: '/printdjb',
72 component: () => import('@/views/printdjb/printdjb.vue'),
73 name: 'printdjb',
74 hidden: true,
75 meta: { title: '打印登记簿' }
76 },
69 { 77 {
70 path: '/', 78 path: '/',
71 component: Layout, 79 component: Layout,
......
1 <!-- 1 <!--
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-08-01 17:33:26 4 * @LastEditTime: 2023-09-01 13:30:54
5 --> 5 -->
6 <template> 6 <template>
7 <div> 7 <div>
...@@ -245,8 +245,6 @@ ...@@ -245,8 +245,6 @@
245 this.isaddupdate = true; 245 this.isaddupdate = true;
246 } 246 }
247 }, 247 },
248
249 // 删除
250 /** 248 /**
251 * @description: 删除 249 * @description: 删除
252 * @param {*} index 250 * @param {*} index
...@@ -254,7 +252,8 @@ ...@@ -254,7 +252,8 @@
254 * @author: renchao 252 * @author: renchao
255 */ 253 */
256 deleClick (index, row) { 254 deleClick (index, row) {
257 this.tableData.splice(index, 1); 255 this.tableDataList.splice(index, 1);
256 this.$emit("upDateQlrxxList", this.tableDataList);
258 }, 257 },
259 258
260 // 身份证读取 259 // 身份证读取
...@@ -280,7 +279,7 @@ ...@@ -280,7 +279,7 @@
280 * @author: renchao 279 * @author: renchao
281 */ 280 */
282 editClick (index, row) { 281 editClick (index, row) {
283 this.details.gyfs=this.gyfs 282 this.details.gyfs = this.gyfs
284 this.dataIndex = index; 283 this.dataIndex = index;
285 this.details = row; 284 this.details = row;
286 this.dialog = true; 285 this.dialog = true;
......
1 <!-- 1 <!--
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-08-01 18:19:57 4 * @LastEditTime: 2023-09-01 13:43:42
5 --> 5 -->
6 <template> 6 <template>
7 <div> 7 <div>
...@@ -237,15 +237,15 @@ ...@@ -237,15 +237,15 @@
237 * @author: renchao 237 * @author: renchao
238 */ 238 */
239 addClick () { 239 addClick () {
240 if (this.gyfs == "0" && this.tableDataList.length > 0) { 240 // if (this.gyfs == "0" && this.tableDataList.length > 0) {
241 this.$message.warning("当前共有方式为单独所有，无法添加多个权利人"); 241 // this.$message.warning("当前共有方式为单独所有，无法添加多个权利人");
242 } else { 242 // } else {
243 this.dialog = true; 243 // this.dialog = true;
244 this.isaddupdate = true; 244 // this.isaddupdate = true;
245 } 245 // }
246 this.dialog = true;
247 this.isaddupdate = true;
246 }, 248 },
247
248 // 删除
249 /** 249 /**
250 * @description: 删除 250 * @description: 删除
251 * @param {*} index 251 * @param {*} index
...@@ -253,7 +253,8 @@ ...@@ -253,7 +253,8 @@
253 * @author: renchao 253 * @author: renchao
254 */ 254 */
255 deleClick (index, row) { 255 deleClick (index, row) {
256 this.tableData.splice(index, 1); 256 this.tableDataList.splice(index, 1);
257 this.$emit("upDateQlrxxList", this.tableDataList);
257 }, 258 },
258 259
259 // 身份证读取 260 // 身份证读取
...@@ -271,7 +272,7 @@ ...@@ -271,7 +272,7 @@
271 * @author: renchao 272 * @author: renchao
272 */ 273 */
273 editClick (index, row) { 274 editClick (index, row) {
274 this.details.gyfs=this.gyfs 275 this.details.gyfs = this.gyfs
275 this.details = row; 276 this.details = row;
276 this.dataIndex = index; 277 this.dataIndex = index;
277 this.dialog = true; 278 this.dialog = true;
......
...@@ -9,17 +9,14 @@ ...@@ -9,17 +9,14 @@
9 <el-form 9 <el-form
10 :model="ruleForm" 10 :model="ruleForm"
11 :rules="rules" 11 :rules="rules"
12 :class="{ readonly: editDisabled }" 12 v-Loading="loading"
13 class="loadingtext"
14 ref="ruleForm" 13 ref="ruleForm"
15 :label-position="flag ? 'top' : ''" 14 :label-position="flag ? 'top' : ''"
16 :inline="flag" 15 :inline="flag"
17 label-width="145px" 16 label-width="190px">
18 inline-message
19 :show-message="false">
20 <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''"> 17 <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''">
21 <div class="slxx_title title-block"> 18 <div class="slxx_title title-block">
22 补录信息 19 申请业务信息
23 <div class="triangle"></div> 20 <div class="triangle"></div>
24 </div> 21 </div>
25 <el-row :gutter="10"> 22 <el-row :gutter="10">
......
1 <!--
2 * @Description:
3 * @Autor: renchao
4 * @LastEditTime: 2023-08-22 16:27:45
5 -->
6 <template>
7 <!-- 受理信息 -->
8 <div class="slxx">
9 <el-form
10 :model="ruleForm"
11 :rules="rules"
12 :class="{ readonly: editDisabled }"
13 class="loadingtext"
14 ref="ruleForm"
15 :label-position="flag ? 'top' : ''"
16 :show-message="false"
17 :inline="flag"
18 label-width="190px"
19 >
20 <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''">
21 <div class="slxx_title title-block">
22 申请业务信息
23 <div class="triangle"></div>
24 </div>
25 <el-row :gutter="10">
26 <el-col :span="8">
27 <el-form-item label="补录编号：">
28 <el-input disabled v-model="ruleForm.repair.ywh"></el-input>
29 </el-form-item>
30 </el-col>
31 <el-col :span="8">
32 <el-form-item label="补录人员：">
33 <el-input disabled v-model="ruleForm.repair.slry"></el-input>
34 </el-form-item>
35 </el-col>
36 <el-col :span="8">
37 <el-form-item label="补录时间：">
38 <el-input disabled v-model="ruleForm.repair.slsj"></el-input>
39 </el-form-item>
40 </el-col>
41 </el-row>
42 <div class="slxx_title title-block bdcqk">
43 建设用地、宅基地使用权信息
44 <div class="count" v-if="ssqlxxshow">
45 <el-form-item
46 label="上手权利信息："
47 prop="ssQlxx.bdcqzh"
48 :rules="rules.ssQlxxrules"
49 >
50 <select-table
51 v-model="ruleForm.ssQlxx"
52 :table-width="730"
53 :tableData="ssQlxxList"
54 :props="props"
55 @change="ssQlxxchange"
56 >
57 <el-table-column
58 prop="qllxmc"
59 width="130"
60 label="权利类型"
61 ></el-table-column>
62 <el-table-column
63 prop="bdcqzh"
64 width="160"
65 label="不动产权证书"
66 ></el-table-column>
67 <el-table-column prop="qlrmc" label="权利人"></el-table-column>
68 <el-table-column prop="mjmc" label="面积"></el-table-column>
69 <el-table-column prop="ytmc" label="用途"></el-table-column>
70 <el-table-column prop="zl" label="坐落"></el-table-column>
71 </select-table>
72 </el-form-item>
73 </div>
74 <div class="triangle"></div>
75 </div>
76 <el-row :gutter="10">
77 <el-col :span="8">
78 <el-form-item label="不动产单元号：">
79 <el-input disabled v-model="ruleForm.qlxx.bdcdyh"></el-input>
80 </el-form-item>
81 </el-col>
82 <el-col :span="8">
83 <el-form-item
84 label="业务号："
85 prop="qlxx.ywh"
86 :rules="rules.ywhrules"
87 >
88 <el-input
89 maxlength="20"
90 onkeyup="this.value=this.value.replace(/[^\w_]/g,'');"
91 v-model="ruleForm.qlxx.ywh"
92 ></el-input>
93 </el-form-item>
94 </el-col>
95 <el-col :span="8">
96 <el-form-item label="上手业务号：">
97 <el-input disabled v-model="ruleForm.qlxx.ssywh"></el-input>
98 </el-form-item>
99 </el-col>
100 </el-row>
101 <el-row :gutter="10">
102 <el-col :span="8">
103 <el-form-item label="权利类型：">
104 <el-input disabled v-model="ruleForm.qlxx.qllxmc"></el-input>
105 </el-form-item>
106 </el-col>
107 <el-col :span="8">
108 <el-form-item
109 label="登记类型："
110 prop="qlxx.djlx"
111 :rules="rules.djlxrules"
112 >
113 <el-select v-model="ruleForm.qlxx.djlx" @change="djlxchange">
114 <el-option
115 v-for="item in djlxlist"
116 :key="item.dcode"
117 :label="item.dname"
118 :value="item.dcode"
119 >
120 </el-option>
121 </el-select>
122 </el-form-item>
123 </el-col>
124 <el-col :span="8">
125 <el-form-item label="权属状态：">
126 <el-select v-model="ruleForm.qlxx.qszt">
127 <el-option
128 v-for="item in qsztlist"
129 :key="item.dcode"
130 :label="item.dname"
131 :value="item.dcode"
132 >
133 </el-option>
134 </el-select>
135 </el-form-item>
136 </el-col>
137
138 <el-col :span="8">
139 <el-form-item label="发包方">
140 <el-input v-model="ruleForm.lq.fbf"></el-input>
141 </el-form-item>
142 </el-col>
143 <el-col :span="8">
144 <el-form-item label="发包方代码">
145 <el-input v-model="ruleForm.lq.fbfdm"></el-input>
146 </el-form-item>
147 </el-col>
148 <el-col :span="8">
149 <el-form-item label="林地使用(承包)起始时间">
150 <el-input v-model="ruleForm.lq.ldsyqssj"></el-input>
151 </el-form-item>
152 </el-col>
153 <el-col :span="8">
154 <el-form-item label="林地使用(承包)结束时间">
155 <el-input v-model="ruleForm.lq.ldsyjssj"></el-input>
156 </el-form-item>
157 </el-col>
158 <el-col :span="8">
159 <el-form-item label="林地使用（承包）期限">
160 <el-input v-model="ruleForm.lq.ldsyqx"></el-input>
161 </el-form-item>
162 </el-col>
163 <el-col :span="8">
164 <el-form-item label="林地所有权性质">
165 <el-input v-model="ruleForm.lq.ldsyqxz"></el-input>
166 </el-form-item>
167 </el-col>
168 <el-col :span="8">
169 <el-form-item label="森林类别">
170 <el-input v-model="ruleForm.lq.sllb"></el-input>
171 </el-form-item>
172 </el-col>
173 <el-col :span="8">
174 <el-form-item label="森林林木所有权人">
175 <el-input v-model="ruleForm.lq.sllmsyqr1"></el-input>
176 </el-form-item>
177 </el-col>
178 <el-col :span="8">
179 <el-form-item label="森林林木使用权人">
180 <el-input v-model="ruleForm.lq.sllmsyqr2"></el-input>
181 </el-form-item>
182 </el-col>
183 <el-col :span="8">
184 <el-form-item label="主要树种">
185 <el-input v-model="ruleForm.lq.zysz"></el-input>
186 </el-form-item>
187 </el-col>
188 <el-col :span="8">
189 <el-form-item label="株数">
190 <el-input v-model="ruleForm.lq.sllb"></el-input>
191 </el-form-item>
192 </el-col>
193 <el-col :span="8">
194 <el-form-item label="林种">
195 <el-input v-model="ruleForm.lq.sllb"></el-input>
196 </el-form-item>
197 </el-col>
198 <el-col :span="8">
199 <el-form-item label="起源">
200 <el-input v-model="ruleForm.lq.sllb"></el-input>
201 </el-form-item>
202 </el-col>
203 <el-col :span="8">
204 <el-form-item label="造林年度">
205 <el-input v-model="ruleForm.lq.sllb"></el-input>
206 </el-form-item>
207 </el-col>
208 <el-col :span="8">
209 <el-form-item label="林班">
210 <el-input v-model="ruleForm.lq.lb"></el-input>
211 </el-form-item>
212 </el-col>
213 <el-col :span="8">
214 <el-form-item label="小班">
215 <el-input v-model="ruleForm.lq.xb"></el-input>
216 </el-form-item>
217 </el-col>
218 <el-col :span="8">
219 <el-form-item label="小地名">
220 <el-input v-model="ruleForm.lq.xdm"></el-input>
221 </el-form-item>
222 </el-col>
223
224 <!-- <el-col :span="8">
225 <el-form-item label="房地坐落：">
226 <el-input v-model="ruleForm.qlxx.zl"></el-input>
227 </el-form-item>
228 </el-col> -->
229 <el-col :span="8">
230 <el-form-item label="使用（承包）面积">
231 <div class="flex">
232 <el-input
233 maxlength="12"
234 v-model="ruleForm.lq.syqmj"
235 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"
236 ></el-input>
237 <el-select disabled v-model="mjdw" style="width: 68px">
238 <el-option
239 v-for="item in dictData['A7']"
240 :key="item.dcode"
241 :label="item.dname"
242 :value="item.dcode"
243 >
244 </el-option>
245 </el-select>
246 </div>
247 </el-form-item>
248 </el-col>
249 <el-col :span="8">
250 <el-form-item label="使用权起止时间：">
251 <el-input maxlength="20" v-model="ruleForm.lq.syqqzsj"></el-input>
252 </el-form-item>
253 </el-col>
254 <el-col :span="8">
255 <el-form-item label="土地使用期限：">
256 <el-input maxlength="10" v-model="ruleForm.lq.tdsyqx"></el-input>
257 </el-form-item>
258 </el-col>
259 <el-col :span="8">
260 <el-form-item label="取得价格：">
261 <div style="display: flex">
262 <el-input
263 maxlength="11"
264 v-model="ruleForm.lq.qdjg"
265 style="width: 500%"
266 ></el-input>
267 <el-select v-model="ruleForm.lq.jedw">
268 <el-option
269 v-for="item in dictData['A57']"
270 :key="item.dcode"
271 :label="item.dname"
272 :value="item.dcode"
273 >
274 </el-option>
275 </el-select>
276 </div>
277 </el-form-item>
278 </el-col>
279
280 <el-col :span="8">
281 <el-form-item
282 label="不动产权证号："
283 prop="qlxx.bdcqzh"
284 :rules="rules.bdcqzhrules"
285 >
286 <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input>
287 </el-form-item>
288 </el-col>
289 <!-- <el-col :span="8">
290 <el-form-item
291 label="区县代码："
292 prop="qlxx.qxdm"
293 :rules="rules.qxdmrules"
294 >
295 <el-input v-model="ruleForm.qlxx.qxdm"></el-input>
296 </el-form-item>
297 </el-col> -->
298 <el-col :span="8">
299 <el-form-item
300 label="登记机构："
301 prop="qlxx.djjg"
302 :rules="rules.djjgrules"
303 >
304 <el-input v-model="ruleForm.qlxx.djjg"></el-input>
305 </el-form-item>
306 </el-col>
307 <el-col :span="8">
308 <el-form-item
309 label="登簿人："
310 prop="qlxx.dbr"
311 :rules="rules.dbrrules"
312 >
313 <el-input v-model="ruleForm.qlxx.dbr"></el-input>
314 </el-form-item>
315 </el-col>
316 <el-col :span="8">
317 <el-form-item
318 label="登记时间："
319 prop="qlxx.djsj"
320 :rules="rules.djsjrules"
321 >
322 <el-date-picker
323 v-model="ruleForm.qlxx.djsj"
324 type="date"
325 class="width100"
326 placeholder="选择日期"
327 value-format="yyyy-MM-dd HH:mm:ss"
328 format="yyyy-MM-dd"
329 >
330 </el-date-picker>
331 </el-form-item>
332 </el-col>
333 </el-row>
334 <el-row>
335 <el-col :span="24">
336 <el-form-item label="附记：">
337 <el-input
338 v-model="ruleForm.lq.fj"
339 type="textarea"
340 maxlength="500"
341 show-word-limit
342 ></el-input>
343 </el-form-item>
344 </el-col>
345 </el-row>
346 <div class="slxx_title title-block">
347 土地用途
348 <div class="triangle"></div>
349 </div>
350 <tdytTable
351 :tableData="ruleForm.tdytqxList"
352 @upDateTdytxxList="upDateTdytxxList"
353 :ableOperation="ableOperation"
354 />
355 <div class="slxx_title title-block">
356 权利人信息
357 <div class="triangle"></div>
358 </div>
359 <el-row :gutter="10">
360 <el-col :span="12">
361 <el-form-item label="共有方式：">
362 <el-radio-group
363 :disabled="!ableOperation"
364 v-model="ruleForm.qlxx.gyfs"
365 >
366 <el-radio label="0">单独所有</el-radio>
367 <el-radio label="1">共同共有</el-radio>
368 <el-radio label="2">按份所有</el-radio>
369 <el-radio label="3">其它共有</el-radio>
370 </el-radio-group>
371 </el-form-item>
372 </el-col>
373 </el-row>
374 <qlrCommonTable
375 :tableData="ruleForm.qlrData"
376 @upDateQlrxxList="upDateQlrxxList"
377 :key="key"
378 :ableOperation="ableOperation"
379 :gyfs="ruleForm.qlxx.gyfs"
380 />
381 </div>
382 <el-row class="btn" v-if="ableOperation">
383 <el-form-item>
384 <el-button type="primary" @click="onSubmit">保存</el-button>
385 </el-form-item>
386 </el-row>
387 </el-form>
388 </div>
389 </template>
390 <script>
391 import { mapGetters } from "vuex";
392 import store from "@/store/index.js";
393 import ywmix from "@/views/ywbl/mixin/index";
394 import { init, getSsQlxx, getQlxxByQlxxBsm, save } from "@/api/djbRepair.js";
395 import qlrCommonTable from "@/views/djbworkflow/components/qlrCommonTable";
396 import tdytTable from "@/views/workflow/components/tdytTable";
397 import selectTable from "@/components/selectTable/index.vue";
398 export default {
399 mixins: [ywmix],
400 components: { qlrCommonTable, tdytTable, selectTable },
401 computed: {
402 ...mapGetters(["dictData", "flag"]),
403 // 根据流程判断表单是否为只读
404 editDisabled() {
405 if (!this.ableOperation) {
406 //只读状态
407 return true;
408 }
409 return false;
410 },
411 },
412 data() {
413 return {
414 mjdw: "1",
415 ssqlxxshow: true,
416 props: {
417 label: "bdcqzh",
418 value: "bdcdyid",
419 },
420 // 键名转换，方法默认是label和children进行树状渲染
421 normalizer(node) {
422 //方法
423 if (node.children == null || node.children == "null") {
424 delete node.children;
425 }
426 return {
427 id: node.dcode,
428 label: node.dname,
429 };
430 },
431 //表单是否可操作
432 propsParam: this.$attrs,
433 ableOperation: false,
434 key: 0,
435 ssQlxxList: [],
436 // 登记类型
437 djlxlist: [
438 {
439 dcode: "100",
440 dname: "首次登记",
441 },
442 {
443 dcode: "200",
444 dname: "转移登记",
445 },
446 {
447 dcode: "300",
448 dname: "变更登记",
449 },
450 {
451 dcode: "500",
452 dname: "更正登记",
453 },
454
455 {
456 dcode: "901",
457 dname: "补证",
458 },
459 {
460 dcode: "902",
461 dname: "换证",
462 },
463 ],
464 // 权属状态
465 qsztlist: [
466 {
467 dcode: "1",
468 dname: "现势",
469 },
470 {
471 dcode: "2",
472 dname: "历史",
473 },
474 ],
475 tdxz: null,
476 isShow: false,
477 disabled: true,
478 czrOptions: [],
479 ruleForm: {},
480 //传递参数\
481 rules: {
482 ssQlxxrules: [
483 { required: true, message: "上手权利信息", trigger: "blur" },
484 ],
485 bdcqzhrules: [
486 { required: true, message: "不动产权证号：", trigger: "blur" },
487 ],
488 // qxdmrules: [{ required: true, message: "区县代码", trigger: "blur" }],
489 djjgrules: [{ required: true, message: "登记机构", trigger: "blur" }],
490 dbrrules: [{ required: true, message: "登簿人", trigger: "blur" }],
491 djsjrules: [{ required: true, message: "登记时间", trigger: "blur" }],
492 djlxrules: [{ required: true, message: "登记类型", trigger: "change" }],
493 ywhrules: [{ required: true, message: "业务号", trigger: "blur" }],
494 },
495 };
496 },
497 created() {
498 this.loadData();
499 },
500 mounted() {
501 this.ableOperation = this.$parent.ableOperation;
502 },
503 methods: {
504 /**
505 * @description: ssQlxxchange
506 * @param {*} val
507 * @author: renchao
508 */
509 ssQlxxchange(val) {
510 this.ruleForm.ssQlxx = val;
511 this.ruleForm.qlxx.ssywh = val.ywh;
512 this.ssQlxxchangediolog(val);
513 },
514 // 弹框事件
515 ssQlxxchangediolog(val) {
516 this.$confirm("是否将上手权利信息同步到表单", "提示", {
517 iconClass: "el-icon-question", //自定义图标样式
518 confirmButtonText: "确认", //确认按钮文字更换
519 cancelButtonText: "取消", //取消按钮文字更换
520 showClose: true, //是否显示右上角关闭按钮
521 type: "warning",
522 })
523 .then(() => {
524 getQlxxByQlxxBsm({ qlxxBsm: val.bsmQlxx }).then((res) => {
525 if (res.code == 200) {
526 this.nowlist = res.result;
527 for (var key in this.ruleForm.lq) {
528 if (
529 this.ruleForm.lq[key] == "" ||
530 this.ruleForm.lq[key] == null
531 ) {
532 this.ruleForm.lq[key] = this.nowlist.lq[key];
533 }
534 }
535 for (var key in this.ruleForm.qlxx) {
536 if (
537 this.ruleForm.qlxx[key] == "" ||
538 (this.ruleForm.qlxx[key] == null &&
539 key != "ywh" &&
540 key != "dbr" &&
541 key != "djsj" &&
542 key != "ssywh" &&
543 key != "ssywh" &&
544 key != "bdcqzh")
545 ) {
546 this.ruleForm.qlxx[key] = this.nowlist.qlxx[key];
547 }
548 }
549 if (!this.ruleForm.tdytqxList.length) {
550 this.ruleForm.tdytqxList = this.nowlist.tdytqxList;
551 }
552 if (!this.ruleForm.qlrData.length) {
553 this.ruleForm.qlrData = this.nowlist.qlrData;
554 }
555 if (!this.ruleForm.ywrData.length) {
556 this.ruleForm.ywrData = this.nowlist.ywrData;
557 }
558 this.$message({
559 type: "success",
560 message: "同步成功!",
561 });
562 }
563 });
564 })
565 .catch(() => {
566 this.$message({
567 type: "info",
568 message: "已取消同步",
569 });
570 });
571 },
572 /**
573 * @description: djlxchange
574 * @param {*} val
575 * @author: renchao
576 */
577 djlxchange(val) {
578 if (val == null || val == 100) {
579 this.ssqlxxshow = false;
580 } else {
581 this.ssqlxxshow = true;
582 }
583 },
584 // 字典
585 /**
586 * @description: 字典
587 * @param {*} val
588 * @author: renchao
589 */
590 getDictData(val) {
591 return store.getters.dictData[val];
592 },
593 /**
594 * @description: loadData
595 * @author: renchao
596 */
597 loadData() {
598 this.$startLoading();
599 this.propsParam.isEdit = this.$parent.isEdit;
600 init(this.propsParam).then((res) => {
601 if (res.code == 200) {
602 this.ruleForm = res.result;
603 let djlx = this.ruleForm.qlxx.djlx;
604 if (djlx == null || djlx == 100) {
605 this.ssqlxxshow = false;
606 }
607 this.$endLoading();
608 if (this.ruleForm.tdytqxList.length > 0) {
609 this.tdxz = this.ruleForm.tdytqxList[0].qlxzbm;
610 } else {
611 this.tdxz = null;
612 }
613 this.isShow = true;
614 //获取主体信息
615 getSsQlxx({
616 bdcdyid: this.propsParam.bdcdyid,
617 qllx: this.propsParam.qllx,
618 bsmQlxx: this.ruleForm.qlxx.bsmQlxx,
619 }).then((res) => {
620 if (res.code == 200) {
621 this.ssQlxxList = res.result;
622 }
623 });
624 }
625 });
626 },
627 /**
628 * @description: 更新土地用途信息
629 * @param {*} val
630 * @author: renchao
631 */
632 upDateTdytxxList(val) {
633 this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val));
634 this.key++;
635 },
636 // 更新权利人信息
637 /**
638 * @description: 更新权利人信息
639 * @param {*} val
640 * @author: renchao
641 */
642 upDateQlrxxList(val) {
643 this.ruleForm.qlrData && (this.ruleForm.qlrData = _.cloneDeep(val));
644 this.czrOptions = this.ruleForm.qlrData;
645 this.key++;
646 },
647 // 保存
648 /**
649 * @description: onSubmit
650 * @author: renchao
651 */
652 onSubmit() {
653 this.$refs.ruleForm.validate((valid) => {
654 if (valid) {
655 let arr = this.ruleForm.tdytqxList.filter((item) => !item.yt);
656 if (arr.length > 0) {
657 this.$message({
658 showClose: true,
659 message: "土地用途不能为空",
660 type: "error",
661 });
662 return false;
663 }
664 if (this.ruleForm.qlrData.length == 0) {
665 this.$message({
666 showClose: true,
667 message: "请确认权利人信息",
668 type: "error",
669 });
670 return false;
671 }
672 if (this.ruleForm.qlxx.gyfs == "0") {
673 if (this.ruleForm.qlrData.length > 1) {
674 this.$message({
675 showClose: true,
676 message: "共有方式：单独所有，权利人只能是一个人",
677 type: "error",
678 });
679 return false;
680 }
681 } else {
682 if (this.ruleForm.qlrData.length <= 1) {
683 this.$message({
684 showClose: true,
685 message:
686 "共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上",
687 type: "error",
688 });
689 return false;
690 }
691 }
692 save(this.ruleForm).then((res) => {
693 if (res.code === 200) {
694 this.$message({
695 showClose: true,
696 message: "保存成功！",
697 type: "success",
698 });
699 this.$parent.changeywh();
700 this.$store.dispatch("user/refreshPage", true);
701 } else {
702 this.$message({
703 showClose: true,
704 message: res.message,
705 type: "error",
706 });
707 }
708 });
709 } else {
710 return false;
711 }
712 });
713 },
714 },
715 };
716 </script>
717 <style scoped lang="scss">
718 @import "~@/styles/public.scss";
719 @import "~@/styles/slxx/slxx.scss";
720 </style>
...@@ -46,6 +46,14 @@ export function getForm(tabName) { ...@@ -46,6 +46,14 @@ export function getForm(tabName) {
46 case "yydj": 46 case "yydj":
47 form = require("@/views/registerBook/yydj.vue"); 47 form = require("@/views/registerBook/yydj.vue");
48 break; 48 break;
49 //林地使用权
50 case "slxxlq":
51 form = require("@/views/djbworkflow/djbBook/components/blxxtabs/lq.vue");
52 break;
53 //森林林木使用权
54 case "sllmslxx":
55 form = require("@/views/ywbl/slsqxx/sllmslxx");
56 break;
49 case "slxxjsydsyq": 57 case "slxxjsydsyq":
50 form = require("@/views/djbworkflow/djbBook/components/blxxtabs/jsydsyq.vue"); 58 form = require("@/views/djbworkflow/djbBook/components/blxxtabs/jsydsyq.vue");
51 break; 59 break;
......
1 /* 1 /*
2 * @Description:workFramezu.vue组件的方法 头部按钮弹框方法 2 * @Description:workFramezu.vue组件的方法 头部按钮弹框方法
3 * @Autor: miaofang 3 * @Autor: miaofang
4 * @LastEditTime: 2023-08-30 15:52:01 4 * @LastEditTime: 2023-09-01 15:10:21
5 */ 5 */
6 import { getPrintTemplateByCode } from "@/api/print"; 6 import { getPrintTemplateByCode } from "@/api/print";
7 import { getQllxByBdcdyid } from "@/api/djbDetail.js"; 7 import { getQllxByBdcdyid } from "@/api/djbDetail.js";
...@@ -14,7 +14,7 @@ import { ...@@ -14,7 +14,7 @@ import {
14 completeTask, 14 completeTask,
15 getNextLinkInfo, 15 getNextLinkInfo,
16 getWorkFlowImage, 16 getWorkFlowImage,
17 getPrintApplicationInfo, 17 getPrintApplicationForm,
18 unClaimTask 18 unClaimTask
19 } from "@/api/workFlow.js"; 19 } from "@/api/workFlow.js";
20 import { mapGetters } from 'vuex' 20 import { mapGetters } from 'vuex'
...@@ -147,7 +147,7 @@ export default { ...@@ -147,7 +147,7 @@ export default {
147 //根据编号获取对应信息 147 //根据编号获取对应信息
148 getPrintTemplateByCode({ tmpno: 'dysqs' }).then(res => { 148 getPrintTemplateByCode({ tmpno: 'dysqs' }).then(res => {
149 if (res.code == 200) { 149 if (res.code == 200) {
150 getPrintApplicationInfo(this.currentSelectProps).then(infoRes => { 150 getPrintApplicationForm(this.currentSelectProps.bsmSldy).then(infoRes => {
151 if (infoRes.code == 200) { 151 if (infoRes.code == 200) {
152 //打开模板设计 152 //打开模板设计
153 let LODOP = getLodop(document.getElementById('LODOP_OB'), document.getElementById('LODOP_EM')); 153 let LODOP = getLodop(document.getElementById('LODOP_OB'), document.getElementById('LODOP_EM'));
......
1 <!--
2 * @Description:
3 * @Autor: renchao
4 * @LastEditTime: 2023-07-19 09:52:07
5 -->
6 <template>
7 <div class="bdcqljqtsx">
8 <div class="content" v-if="qlxxList.ztqlmc">
9 <div class="title">不动产权利及其他事项<br />登记信息</div>
10 <div>
11 不动产单元号:
12 <div class="underline">{{ bdcdyh }}</div>
13 </div>
14 <br /><br /><br />
15 <div>
16 <div class="underline">{{ qlxxList.ztqlmc }}</div>
17 登记 共
18 <div class="underline">{{ qlxxList.ztql.total }}</div>
19 条
20 </div>
21 <br /><br />
22 <div>
23 抵押权登记 共
24 <div class="underline">{{ qlxxList.diyaq.total }}</div>
25 条
26 </div>
27 <br />
28 <div>
29 地役权登记 共
30 <div class="underline">{{ qlxxList.diyiq.total }}</div>
31 条
32 </div>
33 <br />
34 <div>
35 预告登记 共
36 <div class="underline">{{ qlxxList.ygdj.total }}</div>
37 条
38 </div>
39 <br />
40 <div>
41 异议登记 共
42 <div class="underline">{{ qlxxList.yydj.total }}</div>
43 条
44 </div>
45 <br />
46 <div>
47 查封登记 共
48 <div class="underline">{{ qlxxList.cfdj.total }}</div>
49 条
50 </div>
51 <br />
52 </div>
53 </div>
54 </template>
55
56 <script>
57 import { getBdcqljqtsx } from "@/api/djbDetail.js";
58 export default {
59 name: "bdcqljqtsx",
60 data () {
61 return {
62 //传递参数
63 //传递参数
64 bdcdyid: this.$route.query.bdcdyid,
65 qllx: this.$route.query.qllx,
66 qlxxList: "",
67 };
68 },
69 mounted () {
70 getBdcqljqtsx({
71 bdcdyid: this.bdcdyid,
72 bdcdyh: this.bdcdyh,
73 }).then((res) => {
74 if (res.code === 200) {
75 this.qlxxList = res.result;
76 }
77 });
78 },
79 };
80 </script>
81
82 <style lang="scss" scoped>
83 .bdcqljqtsx {
84 width: 100%;
85 height: 100%;
86 background: #fff;
87
88 .content {
89 width: 50%;
90 height: 100%;
91 margin: 0 auto;
92 text-align: right;
93 color: #333;
94 font-family: "Arial Negreta", "Arial Normal", "Arial", sans-serif;
95 font-weight: 700;
96 font-size: 18px;
97 line-height: 16px;
98
99 .title {
100 font-size: 32px;
101 text-align: center;
102 padding: 40px 0;
103 line-height: 34px;
104 }
105
106 .underline {
107 font-size: 14px;
108 font-weight: normal;
109 text-decoration: underline;
110 display: inline-block;
111 }
112 }
113 }
114 </style>
1 <!--
2 * @Description:
3 * @Autor: renchao
4 * @LastEditTime: 2023-08-25 17:06:44
5 -->
6 <template>
7 <div class="djxxTable">
8 <div class="tableBox">
9 <div class="title">
10 {{ title }}
11 <div class="checkbox">
12 <el-checkbox-group v-model="checkList" @change="checkChange">
13 <el-checkbox
14 v-for="item in qsztList"
15 :key="item.value"
16 :label="item.value">{{ item.label }}</el-checkbox>
17 </el-checkbox-group>
18 </div>
19 </div>
20 <div class="xxTableBox rollTable">
21 <table class="xxTable">
22 <tr v-for="(item, colindex) in columns" :key="colindex">
23 <td>{{ item.label }}</td>
24 <td
25 v-for="(row, index) in tableData"
26 :key="index"
27 :class="[
28 row.qszt == '2' ? 'lishi' : '',
29 row.qszt == '0' ? 'linshi' : '',
30 row.qlzt == '4' ? 'linshi' : '',
31
32 item.prop == 'qszt' && row.qlzt == '3' ? 'linshiIcon' : '',
33 item.prop == 'qszt' && row.qlzt == '2' ? 'linshiIcon' : '',
34 item.prop == 'qszt' && row.qlzt == '1' ? 'xianshiIcon' : '',
35 item.prop == 'qszt' && row.qlzt == '4' ? 'zhuxiaoIcon' : ''
36 ]">
37 <div class="setbut" v-if="item.prop == 'cz'&&row.sjlx !='系统数据'">
38 <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row)">编辑</el-button>
39 <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row,'D')">删除</el-button>
40 </div>
41 <div class="icon" v-if="item.prop == 'qszt' &&row.qlzt == '1'">
42 有效
43 </div>
44 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '2'">
45 正在补录
46 </div>
47 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '3'">
48 正在申请
49 </div>
50 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '4'">
51 正在注销
52 </div>
53
54 <p v-if="!['djyy','fj'].includes(item.prop)">
55 <span v-if="item.prop == 'qszt'">
56 {{ getQsztName(row[item.prop]) }}
57 </span>
58 <span v-else>{{ row[item.prop] }}</span>
59 </p>
60
61 <el-tooltip v-else effect="dark" :content="row[item.prop]" placement="top" popper-class="tooltip-width">
62 <span class="ellipsis-line">
63 {{ row[item.prop] }}
64 </span>
65 </el-tooltip>
66 </td>
67 <td v-for="count in emptycolNum" :key="~count"></td>
68 </tr>
69 </table>
70 </div>
71 </div>
72 </div>
73 </template>
74
75 <script>
76 import { datas } from "./qlxxFormData.js";
77 import { getSjlx } from "@/utils/dictionary.js";
78 import { getCfdjList } from "@/api/djbDetail.js";
79 export default {
80 data () {
81 return {
82 title: "查封登记信息",
83 qsztList: datas.columns().qsztList,
84 checkList: datas.columns().checkList,
85 //传递参数
86 bdcdyid: this.$route.query.bdcdyid,
87 qllx: this.$route.query.qllx,
88 //列表数据
89 tableData: [],
90 //空列值个数
91 emptycolNum: datas.columns().emptycolNum,
92 //列名称对象
93 columns: datas.columns().CFDJ,
94 };
95 },
96 created () {
97 this.loadData();
98 },
99 methods: {
100 /**
101 * @description: loadData
102 * @author: renchao
103 */
104 loadData () {
105 if (this.$parent.addRepairRecord) {
106 this.columns.unshift({ prop: "cz", label: "操作" });
107 }
108 getCfdjList({
109 bdcdyid: this.bdcdyid,
110 qllx: this.qllx,
111 qszt: this.checkList,
112 }).then((res) => {
113 if (res.code === 200) {
114 this.tableData = res.result;
115 this.tableData.forEach(item => {
116 item.sjlx = getSjlx(item.sjlx)
117 })
118 this.tableData.forEach((item, index) => {
119 if (item.sfbxf == "1") {
120 item.zxywh = "";
121 item.zxdbr = "";
122 item.zxsj = "";
123 }
124 });
125 if (this.tableData.length < datas.columns().emptycolNum) {
126 this.emptycolNum =
127 datas.columns().emptycolNum - this.tableData.length;
128 } else {
129 this.emptycolNum = 0;
130 }
131 }
132 });
133 },
134 /**
135 * @description: checkChange
136 * @author: renchao
137 */
138 checkChange () {
139 if (this.checkList.length === 0) {
140 this.tableData = [];
141 this.emptycolNum = datas.columns().emptycolNum;
142 } else {
143 this.loadData();
144 }
145 },
146 /**
147 * @description: getQsztName
148 * @author: renchao
149 */
150 getQsztName (code) {
151 let name = "";
152 for (let item of this.qsztList) {
153 if (item.value == code) {
154 name = item.label;
155 break;
156 }
157 }
158 return name;
159 },
160 // 新增一条补录信息
161 /**
162 * @description: 新增一条补录信息
163 * @param {*} row
164 * @param {*} del
165 * @author: renchao
166 */
167 editDialog (row, del) {
168 this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", {
169 confirmButtonText: "确定",
170 cancelButtonText: "取消",
171 type: "warning",
172 })
173 .then(() => {
174 this.$parent.addRepairRecord(row, del);
175
176 this.$message({
177 type: "success",
178 message: "补录成功!",
179 });
180 })
181 .catch(() => {
182 this.$message({
183 type: "info",
184 message: "取消编辑",
185 });
186 });
187 },
188 },
189 };
190 </script>
191
192 <style lang="scss" scoped>
193 @import "./qlxxCommon.scss";
194 </style>
1 <!--
2 * @Description:
3 * @Autor: renchao
4 * @LastEditTime: 2023-08-23 15:54:12
5 -->
6 <template>
7 <div class="djxxTable">
8 <div class="tableBox">
9 <div class="title">
10 {{ title }}
11 <div class="checkbox">
12 <el-checkbox-group v-model="checkList" @change="checkChange">
13 <el-checkbox
14 v-for="item in qsztList"
15 :key="item.value"
16 :label="item.value">{{ item.label }}</el-checkbox>
17 </el-checkbox-group>
18 </div>
19 </div>
20 <div class="xxTableBox rollTable">
21 <table class="xxTable">
22 <tr v-for="(item, colindex) in columns" :key="colindex">
23 <td>
24 {{ item.label }}
25 </td>
26 <td
27 v-for="(row, index) in tableData"
28 :key="index"
29 :class="[
30 row.qszt == '2' ? 'lishi' : '',
31 row.qszt == '0' ? 'linshi' : '',
32 row.qlzt == '4' ? 'linshi' : '',
33
34 item.prop == 'qszt' && row.qlzt == '3' ? 'linshiIcon' : '',
35 item.prop == 'qszt' && row.qlzt == '2' ? 'linshiIcon' : '',
36 item.prop == 'qszt' && row.qlzt == '1' ? 'xianshiIcon' : '',
37 item.prop == 'qszt' && row.qlzt == '4' ? 'zhuxiaoIcon' : '',
38 ]">
39 <div class="setbut" v-if="item.prop == 'cz'&&row.sjlx !='系统数据'">
40 <el-button
41 type="text"
42 icon="el-icon-edit-outline"
43 @click="editDialog(row)">编辑</el-button>
44 <el-button
45 type="text"
46 icon="el-icon-edit-outline"
47 @click="editDialog(row, 'D')">删除</el-button>
48 </div>
49 <div class="icon" v-if="item.prop == 'qszt' &&row.qlzt == '1'">
50 有效
51 </div>
52 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '2'">
53 正在补录
54 </div>
55 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '3'">
56 正在申请
57 </div>
58 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '4'">
59 正在注销
60 </div>
61
62 <p v-if="!['djyy','fj'].includes(item.prop)">
63 <span v-if="item.prop == 'qszt'">
64 {{ getQsztName(row[item.prop]) }}
65 </span>
66 <span v-else>{{ row[item.prop] }}</span>
67 </p>
68
69 <el-tooltip v-else effect="dark" :content="row[item.prop]" placement="top" popper-class="tooltip-width">
70 <span class="ellipsis-line">
71 {{ row[item.prop] }}
72 </span>
73 </el-tooltip>
74 </td>
75 <td v-for="count in emptycolNum" :key="~count"></td>
76 </tr>
77 </table>
78 </div>
79 </div>
80 </div>
81 </template>
82
83 <script>
84 import { datas } from "./qlxxFormData.js";
85 import { getSjlx, getDictLeabel } from "@/utils/dictionary.js";
86 import { getDiyaqList } from "@/api/djbDetail.js";
87 export default {
88 data () {
89 return {
90 title: "抵押权登记信息",
91 qsztList: datas.columns().qsztList,
92 checkList: datas.columns().checkList,
93 //传递参数
94 bdcdyid: this.$route.query.bdcdyid,
95 qllx: this.$route.query.qllx,
96 //列表数据
97 tableData: [],
98 //空列值个数
99 emptycolNum: datas.columns().emptycolNum,
100 //列名称对象
101 columns: datas.columns().DYAQ,
102 };
103 },
104 created () {
105 this.loadData();
106 },
107 methods: {
108 /**
109 * @description: loadData
110 * @author: renchao
111 */
112 loadData () {
113 if (this.$parent.addRepairRecord) {
114 this.columns.unshift({ prop: "cz", label: "操作" });
115 }
116 getDiyaqList({
117 bdcdyid: this.bdcdyid,
118 qllx: this.qllx,
119 qszt: this.checkList,
120 }).then((res) => {
121 if (res.code === 200) {
122 this.tableData = res.result;
123 this.tableData.forEach((item) => {
124 item.sjlx = getSjlx(item.sjlx);
125 item.dybdclx = getDictLeabel(item.dybdclx, 'A27')
126 });
127 if (this.tableData.length < datas.columns().emptycolNum) {
128 this.emptycolNum =
129 datas.columns().emptycolNum - this.tableData.length;
130 } else {
131 this.emptycolNum = 0;
132 }
133 }
134 });
135 },
136 /**
137 * @description: checkChange
138 * @author: renchao
139 */
140 checkChange () {
141 if (this.checkList.length === 0) {
142 this.tableData = [];
143 this.emptycolNum = datas.columns().emptycolNum;
144 } else {
145 this.loadData();
146 }
147 },
148 /**
149 * @description: getQsztName
150 * @param {*} code
151 * @author: renchao
152 */
153 getQsztName (code) {
154 let name = "";
155 for (let item of this.qsztList) {
156 if (item.value == code) {
157 name = item.label;
158 break;
159 }
160 }
161 return name;
162 },
163 // 新增一条补录信息
164 /**
165 * @description: 新增一条补录信息
166 * @param {*} row
167 * @param {*} del
168 * @author: renchao
169 */
170 editDialog (row, del) {
171 this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", {
172 confirmButtonText: "确定",
173 cancelButtonText: "取消",
174 type: "warning",
175 })
176 .then(() => {
177 this.$parent.addRepairRecord(row, del);
178 this.$message({
179 type: "success",
180 message: "补录成功!",
181 });
182 })
183 .catch(() => {
184 this.$message({
185 type: "info",
186 message: "取消编辑",
187 });
188 });
189 },
190 },
191 };
192 </script>
193
194 <style lang="scss" scoped>
195 @import "./qlxxCommon.scss";
196 </style>
1 <!--
2 * @Description:
3 * @Autor: renchao
4 * @LastEditTime: 2023-08-25 17:12:43
5 -->
6 <template>
7 <div class="djxxTable">
8 <div class="tableBox">
9 <div class="title">
10 {{ title }}
11 <div class="checkbox">
12 <el-checkbox-group v-model="checkList" @change="checkChange">
13 <el-checkbox
14 v-for="item in qsztList"
15 :key="item.value"
16 :label="item.value">{{ item.label }}</el-checkbox>
17 </el-checkbox-group>
18 </div>
19 </div>
20 <div class="xxTableBox rollTable">
21 <table class="xxTable">
22 <tr v-for="(item, colindex) in columns" :key="colindex">
23 <td>
24 {{ item.label }}
25 </td>
26 <td
27 v-for="(row, index) in tableData"
28 :key="index"
29 :class="[
30 row.qszt == '2' ? 'lishi' : '',
31 row.qszt == '0' ? 'linshi' : '',
32 row.qlzt == '4' ? 'linshi' : '',
33
34 item.prop == 'qszt' && row.qlzt == '3' ? 'linshiIcon' : '',
35 item.prop == 'qszt' && row.qlzt == '2' ? 'linshiIcon' : '',
36 item.prop == 'qszt' && row.qlzt == '1' ? 'xianshiIcon' : '',
37 item.prop == 'qszt' && row.qlzt == '4' ? 'zhuxiaoIcon' : ''
38 ]">
39 <div class="setbut" v-if="item.prop == 'cz'&&row.sjlx !='系统数据'">
40 <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row)">编辑</el-button>
41 <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row,'D')">删除</el-button>
42 </div>
43 <div class="icon" v-if="item.prop == 'qszt' &&row.qlzt == '1'">
44 有效
45 </div>
46 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '2'">
47 正在补录
48 </div>
49 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '3'">
50 正在申请
51 </div>
52 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '4'">
53 正在注销
54 </div>
55
56 <p v-if="!['djyy','fj'].includes(item.prop)">
57 <span v-if="item.prop == 'qszt'">
58 {{ getQsztName(row[item.prop]) }}
59 </span>
60 <span v-else>{{ row[item.prop] }}</span>
61 </p>
62
63 <el-tooltip v-else effect="dark" :content="row[item.prop]" placement="top" popper-class="tooltip-width">
64 <span class="ellipsis-line">
65 {{ row[item.prop] }}
66 </span>
67 </el-tooltip>
68 </td>
69 <td v-for="count in emptycolNum" :key="~count"></td>
70 </tr>
71 </table>
72 </div>
73 </div>
74 </div>
75 </template>
76
77 <script>
78 import { datas } from "./qlxxFormData.js";
79 import { getSjlx, getDictLeabel } from "@/utils/dictionary.js";
80 import { getDiyiqList } from "@/api/djbDetail.js";
81 export default {
82 data () {
83 return {
84 title: "地役权登记信息",
85 qsztList: datas.columns().qsztList,
86 checkList: datas.columns().checkList,
87 //传递参数
88 bdcdyid: this.$route.query.bdcdyid,
89 qllx: this.$route.query.qllx,
90 //列表数据
91 tableData: [],
92 //空列值个数
93 emptycolNum: datas.columns().emptycolNum,
94 //列名称对象
95 columns: datas.columns().DYIQ,
96 };
97 },
98 created () {
99 this.loadData();
100 },
101 methods: {
102 /**
103 * @description: loadData
104 * @author: renchao
105 */
106 loadData () {
107 if (this.$parent.addRepairRecord) {
108 this.columns.unshift({ prop: "cz", label: "操作" });
109 }
110 getDiyiqList({
111 bdcdyid: this.bdcdyid,
112 qllx: this.qllx,
113 qszt: this.checkList,
114 }).then((res) => {
115 if (res.code === 200) {
116 this.tableData = res.result;
117 this.tableData.forEach((item) => {
118 item.sjlx = getSjlx(item.sjlx);
119 item.dybdclx = getDictLeabel(item.dybdclx, 'A27')
120 });
121 if (this.tableData.length < datas.columns().emptycolNum) {
122 this.emptycolNum =
123 datas.columns().emptycolNum - this.tableData.length;
124 } else {
125 this.emptycolNum = 0;
126 }
127 }
128 });
129 },
130 /**
131 * @description: checkChange
132 * @author: renchao
133 */
134 checkChange () {
135 if (this.checkList.length === 0) {
136 this.tableData = [];
137 this.emptycolNum = datas.columns().emptycolNum;
138 } else {
139 this.loadData();
140 }
141 },
142 /**
143 * @description: getQsztName
144 * @param {*} code
145 * @author: renchao
146 */
147 getQsztName (code) {
148 let name = "";
149 for (let item of this.qsztList) {
150 if (item.value == code) {
151 name = item.label;
152 break;
153 }
154 }
155 return name;
156 },
157 // 新增一条补录信息
158 /**
159 * @description: 新增一条补录信息
160 * @param {*} row
161 * @param {*} del
162 * @author: renchao
163 */
164 editDialog (row, del) {
165 this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", {
166 confirmButtonText: "确定",
167 cancelButtonText: "取消",
168 type: "warning",
169 })
170 .then(() => {
171 this.$parent.addRepairRecord(row, del);
172
173 this.$message({
174 type: "success",
175 message: "补录成功!",
176 });
177 })
178 .catch(() => {
179 this.$message({
180 type: "info",
181 message: "取消编辑",
182 });
183 });
184 },
185 },
186 };
187 </script>
188
189 <style lang="scss" scoped>
190 @import "./qlxxCommon.scss";
191 </style>
1 <!--
2 * @Description:
3 * @Autor: renchao
4 * @LastEditTime: 2023-07-19 09:52:42
5 -->
6 <template>
7 <div class="djbfm">
8 <br /><br />
9 <p>
10 <font>{{ info.sheng }}</font>
11 省 (区、市)
12 <font>{{ info.shi }}</font>
13 市 (区)
14 <font>{{ info.xian }}</font>
15 区 (县、市)
16 </p>
17 <p>
18 <font>{{ info.jdh }}</font>
19 街道 (乡、镇)
20 <font>{{ info.jfh }}</font>
21 街坊 (村)
22 <font>{{ info.zh }}</font>
23 组
24 </p>
25 <div class="title">不动产登记簿</div>
26 <br />
27 <p>
28 宗地/宗海号:
29 <font>{{ info.zddm }}</font>
30 </p>
31 <div class="bottom">
32 <p>
33 登记机构:
34 <font>{{ info.djjg }}</font>
35 </p>
36 </div>
37 </div>
38 </template>
39
40 <script>
41 import { getDjbfm } from "@/api/djbDetail.js";
42
43 export default {
44 data () {
45 return {
46 //传递参数
47 bdcdyid: this.$route.query.bdcdyid,
48 info: {},
49 };
50 },
51 mounted () {
52 this.loadData();
53 },
54 methods: {
55 /**
56 * @description: loadData
57 * @author: renchao
58 */
59 loadData () {
60 getDjbfm({ bdcdyid: this.bdcdyid }).then((res) => {
61 if (res.code === 200) {
62 this.info = res.result;
63 }
64 });
65 },
66 },
67 };
68 </script>
69
70 <style lang="scss" scoped>
71 .djbfm {
72 width: 100%;
73 height: 100%;
74 background: #fff;
75 line-height: 45px;
76 text-align: center;
77 font-size: 18px;
78 font-family: serif;
79 position: relative;
80
81 font {
82 border-bottom: 1px solid #000;
83 display: inline-block;
84 padding: 0 15px;
85 line-height: 16px;
86 }
87
88 .title {
89 height: 40%;
90 display: flex;
91 font-size: 38px;
92 color: #000;
93 justify-content: center;
94 align-items: center;
95 }
96
97 .bottom {
98 position: absolute;
99 bottom: 0px;
100 text-align: center;
101 width: 100%;
102 left: 0;
103 height: 100px;
104 line-height: 100px;
105
106 p {
107 font-size: 28px;
108 }
109
110 font {
111 font-size: 24px;
112 line-height: 24px;
113 }
114 }
115 }
116 </style>
1 <template>
2 <div class="all">
3 <div class="tbalede">
4 <div class="title">
5 {{ title }}
6 </div>
7 <table class="xxTable">
8 <tr v-for="(item, colindex) in columns" :key="colindex">
9 <td>
10 {{ item.label }}
11 </td>
12 <td v-for="(row, index) in tableData" :key="index">
13 <span>
14 {{ getQsztName(row[item.prop]) }}
15 </span>
16 <span v-if="['djyy','fj'].includes(item.prop)">
17 {{ row[item.prop] }}
18 </span>
19
20 <span v-if="(item.prop !== 'qszt' && item.prop !== 'djyy'&& item.prop !== 'fj') && !judge(item.label)">
21 {{ row[item.prop] }}
22 </span>
23 <div v-if="judge(item.label)">
24 <div v-for="(label, index) in row.djQlxxFdcqxmDoList" :key="index">
25 {{ label[item.prop] }}
26 </div>
27 </div>
28 </td>
29 <td v-for="count in emptycolNum" :key="~count"></td>
30 </tr>
31 </table>
32 </div>
33 <div class="tbalede">
34 <div class="title">
35 {{ title }}
36 </div>
37 <table class="xxTable">
38 <tr v-for="(item, colindex) in columns" :key="colindex">
39 <td>
40 {{ item.label }}
41 </td>
42 <td v-for="(row, index) in tableData" :key="index">
43 <span class="ooo" v-if="item.prop == 'qszt'">
44 {{ getQsztName(row[item.prop]) }}
45 </span>
46
47 <el-tooltip v-if="['djyy','fj'].includes(item.prop)" >
48 <span>
49 {{ row[item.prop] }}
50 </span>
51 </el-tooltip>
52
53 <span v-if="(item.prop !== 'qszt' && item.prop !== 'djyy'&& item.prop !== 'fj') && !judge(item.label)">
54 {{ row[item.prop] }}
55 </span>
56 <div v-if="judge(item.label)">
57 <div v-for="(label, index) in row.djQlxxFdcqxmDoList" :key="index">
58 {{ label[item.prop] }}
59 </div>
60 </div>
61 </td>
62 <td v-for="count in emptycolNum" :key="~count"></td>
63 </tr>
64 </table>
65 </div>
66 </div>
67 </template>
68
69 <script>
70 import { datas } from "./qlxxFormData.js";
71 import { getSjlx } from "@/utils/dictionary.js";
72 import { getFdcq1List } from "@/api/djbDetail.js";
73 export default {
74 data () {
75 return {
76 title: "房地产权登记信息（多幢）",
77 qsztList: datas.columns().qsztList,
78 checkList: datas.columns().checkList,
79 //传递参数
80 bdcdyid: this.$route.query.bdcdyid,
81 qllx: this.$route.query.qllx,
82 //列表数据
83 tableData: [],
84 //空列值个数
85 emptycolNum: datas.columns().emptycolNum,
86 //列名称对象
87 columns: datas.columns().FDCQ1,
88 };
89 },
90 created () {
91 this.loadData();
92 },
93 methods: {
94 /**
95 * @description: loadData
96 * @author: renchao
97 */
98 loadData () {
99 if (this.$parent.addRepairRecord) {
100 this.columns.unshift({
101 prop: "cz",
102 label: "操作"
103 })
104 }
105 getFdcq1List({
106 bdcdyid: this.bdcdyid,
107 qllx: this.qllx,
108 qszt: this.checkList,
109 }).then((res) => {
110 if (res.code === 200) {
111 this.tableData = res.result;
112 this.tableData.forEach(item => {
113 this.tableData.push(item)
114 item.sjlx = getSjlx(item.sjlx)
115
116 })
117 if (this.tableData.length < datas.columns().emptycolNum) {
118 this.emptycolNum =
119 datas.columns().emptycolNum - this.tableData.length;
120 } else {
121 this.emptycolNum = 0;
122 }
123 }
124 });
125 },
126 /**
127 * @description: checkChange
128 * @author: renchao
129 */
130 checkChange () {
131 if (this.checkList.length === 0) {
132 this.tableData = [];
133 this.emptycolNum = datas.columns().emptycolNum;
134 } else {
135 this.loadData();
136 }
137 },
138 /**
139 * @description: getQsztName
140 * @param {*} code
141 * @author: renchao
142 */
143 getQsztName (code) {
144 let name = "";
145 for (let item of this.qsztList) {
146 if (item.value == code) {
147 name = item.label;
148 break;
149 }
150 }
151 return name;
152 },
153 /**
154 * @description: judge
155 * @param {*} lable
156 * @author: renchao
157 */
158 judge (label) {
159 if ('项目名称幢号总层数规划用途用途名称批准用途实际用途房屋结构房屋结构名称建筑面积竣工时间总套数'.indexOf(label) > -1) {
160 return true
161 } else {
162 return false
163 }
164 },
165 // 新增一条补录信息
166 /**
167 * @description: 新增一条补录信息
168 * @param {*} row
169 * @param {*} del
170 * @author: renchao
171 */
172 editDialog (row, del) {
173 this.$confirm('此操作将新增一条补录信息, 是否继续?', '提示', {
174 confirmButtonText: '确定',
175 cancelButtonText: '取消',
176 type: 'warning'
177 }).then(() => {
178 this.$parent.addRepairRecord(row, del)
179
180 this.$message({
181 type: 'success',
182 message: '补录成功!'
183 });
184 }).catch(() => {
185 this.$message({
186 type: 'info',
187 message: '取消编辑'
188 });
189 });
190
191 },
192 },
193 };
194 </script>
195
196 <style lang="scss" scoped>
197 .all {
198 width: 794px;
199 height: 100%;
200 margin: auto;
201 background-color: rgb(255, 255, 255);
202 overflow: hidden
203 }
204 .tbalede {
205 width: 794px;
206 height: 1123px;
207 margin: auto;
208 .title {
209 width: 100%;
210 font-weight: 700;
211 font-size: 16px;
212 text-align: center;
213 height: 62px;
214 line-height: 62px;
215 position: relative;
216 margin: 0 3px;
217 }
218 }
219 .top {
220 width: 80%;
221 height: 100px;
222 margin: auto;
223 display: flex;
224 position: relative;
225 }
226 p {
227 position: absolute;
228 bottom: 10px;
229 right: 10px;
230 }
231 table {
232 width: 80%;
233 border: 1px solid black;
234 margin: 0 auto;
235 border-collapse: collapse;
236 }
237 .head {
238 font-size: 20px;
239 width: 100%;
240 height: 40px;
241 margin: auto;
242 }
243 .dyh {
244 padding: 10px;
245 font-size: 12px;
246 text-align: left;
247 }
248
249
250 .content {
251 height: 40px;
252 }
253 .slash-wrap {
254 position: relative;
255 box-sizing: border-box;
256 width: 150px;
257 height: 40px;
258 }
259 /* 斜线 */
260 .slash1 {
261 position: absolute;
262 display: block;
263 top: 0;
264 left: 0;
265 width: 133px;
266 height: 1px;
267 background-color: #949393;
268 transform: rotate(17.93010235415598deg);
269 transform-origin: top left;
270 }
271 /* 左下角文字 */
272 .left {
273 position: absolute;
274 left: 30px;
275 bottom: 5px;
276 }
277
278 /* 右上角文字 */
279 .mid {
280 position: absolute;
281 /* 右上角 right:0; top: 0; */
282 right: 29px;
283 top: 4px;
284 }
285 .xxTable {
286 width: 100%;
287 border-collapse: collapse;
288
289
290
291 tr td {
292 border: 2px solid rgb(227, 226, 226);
293 text-align: center;
294 height: 40px;
295 font-size: 13px;
296 // flex: 1;
297 // display: flex;
298 // align-items: center;
299 // justify-content: center;
300 min-width: 80px;
301 z-index: 1;
302 .ooo{
303 width: 190px!important;
304
305 }
306 }
307 td:first-child{
308 flex: inherit !important;
309 // width: 200px !important;
310 min-width: 180px !important;
311 }
312
313 }
314 .ellipsis-line {
315 display: inline-block;
316 width: 300px;
317 height: 100px!important;
318 line-height: 20px!important;
319 word-break: break-all;
320 text-overflow: ellipsis;
321 overflow: hidden;
322 }
323 </style>
1 <!--
2 * @Description:
3 * @Autor: renchao
4 * @LastEditTime: 2023-08-25 17:17:06
5 -->
6 <template>
7 <div class="djxxTable">
8 <div class="tableBox">
9 <div class="title">
10 {{ title }}
11 <div class="checkbox">
12 <el-checkbox-group v-model="checkList" @change="checkChange">
13 <el-checkbox
14 v-for="item in qsztList"
15 :key="item.value"
16 :label="item.value">{{ item.label }}</el-checkbox>
17 </el-checkbox-group>
18 </div>
19 </div>
20 <div class="xxTableBox rollTable">
21 <table class="xxTable">
22 <tr v-for="(item, colindex) in columns" :key="colindex">
23 <td>
24 {{ item.label }}
25 </td>
26 <td
27 v-for="(row, index) in tableData"
28 :key="index"
29 :class="[
30 row.qszt == '2' ? 'lishi' : '',
31 row.qszt == '0' ? 'linshi' : '',
32 row.qlzt == '4' ? 'linshi' : '',
33
34 item.prop == 'qszt' && row.qlzt == '3' ? 'linshiIcon' : '',
35 item.prop == 'qszt' && row.qlzt == '2' ? 'linshiIcon' : '',
36 item.prop == 'qszt' && row.qlzt == '1' ? 'xianshiIcon' : '',
37 item.prop == 'qszt' && row.qlzt == '4' ? 'zhuxiaoIcon' : ''
38 ]">
39 <div class="setbut" v-if="item.prop == 'cz'&&row.sjlx !='系统数据'">
40 <el-button
41 type="text"
42 icon="el-icon-edit-outline"
43 @click="editDialog(row)">编辑</el-button>
44 <el-button
45 type="text"
46 icon="el-icon-edit-outline"
47 @click="editDialog(row, 'D')">删除</el-button>
48 </div>
49 <div class="icon" v-if="item.prop == 'qszt' &&row.qlzt == '1'">
50 有效
51 </div>
52 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '2'">
53 正在补录
54 </div>
55 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '3'">
56 正在申请
57 </div>
58 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '4'">
59 正在注销
60 </div>
61
62 <p v-if="!['djyy','fj'].includes(item.prop)">
63 <span v-if="item.prop == 'qszt'">
64 {{ getQsztName(row[item.prop]) }}
65 </span>
66 <span v-else>{{ row[item.prop] }}</span>
67 </p>
68
69 <el-tooltip v-else effect="dark" :content="row[item.prop]" placement="top" popper-class="tooltip-width">
70 <span class="ellipsis-line">
71 {{ row[item.prop] }}
72 </span>
73 </el-tooltip>
74
75 </td>
76 <td v-for="count in emptycolNum" :key="~count"></td>
77 </tr>
78 </table>
79 </div>
80 </div>
81 </div>
82 </template>
83
84 <script>
85 import { datas } from "./qlxxFormData.js";
86 import { getSjlx } from "@/utils/dictionary.js";
87 import { getFdcq2List } from "@/api/djbDetail.js";
88 export default {
89 data () {
90 return {
91 title: "房地产权登记信息（独幢、层、套、间房屋）",
92 qsztList: datas.columns().qsztList,
93 checkList: datas.columns().checkList,
94 //传递参数
95 bdcdyid: this.$route.query.bdcdyid,
96 qllx: this.$route.query.qllx,
97 //列表数据
98 tableData: [],
99 //空列值个数
100 emptycolNum: datas.columns().emptycolNum,
101 //列名称对象
102 columns: datas.columns().FDCQ2,
103 };
104 },
105 created () {
106 this.loadData();
107 },
108 methods: {
109 /**
110 * @description: loadData
111 * @author: renchao
112 */
113 loadData () {
114 if (this.$parent.addRepairRecord) {
115 this.columns.unshift({ prop: "cz", label: "操作" });
116 }
117 getFdcq2List({
118 bdcdyid: this.bdcdyid,
119 qllx: this.qllx,
120 qszt: this.checkList,
121 }).then((res) => {
122 if (res.code === 200) {
123 this.tableData = res.result;
124 this.tableData.forEach((item) => {
125 item.sjlx = getSjlx(item.sjlx);
126 });
127 if (this.tableData.length < datas.columns().emptycolNum) {
128 this.emptycolNum =
129 datas.columns().emptycolNum - this.tableData.length;
130 } else {
131 this.emptycolNum = 0;
132 }
133 }
134 });
135 },
136 /**
137 * @description: checkChange
138 * @author: renchao
139 */
140 checkChange () {
141 if (this.checkList.length === 0) {
142 this.tableData = [];
143 this.emptycolNum = datas.columns().emptycolNum;
144 } else {
145 this.loadData();
146 }
147 },
148 /**
149 * @description: getQsztName
150 * @param {*} code
151 * @author: renchao
152 */
153 getQsztName (code) {
154 let name = "";
155 for (let item of this.qsztList) {
156 if (item.value == code) {
157 name = item.label;
158 break;
159 }
160 }
161 return name;
162 },
163 // 新增一条补录信息
164 /**
165 * @description: 新增一条补录信息
166 * @param {*} row
167 * @param {*} del
168 * @author: renchao
169 */
170 editDialog (row, del) {
171 this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", {
172 confirmButtonText: "确定",
173 cancelButtonText: "取消",
174 type: "warning",
175 })
176 .then(() => {
177 this.$parent.addRepairRecord(row, del);
178 })
179 .catch(() => {
180 this.$message({
181 type: "info",
182 message: "取消",
183 });
184 });
185 },
186 },
187 };
188 </script>
189
190 <style lang="scss" scoped>
191 @import "./qlxxCommon.scss";
192 </style>
1 <!--
2 * @Description:
3 * @Autor: renchao
4 * @LastEditTime: 2023-08-24 16:15:01
5 -->
6 <template>
7 <div class="djxxTable">
8 <div class="tableBox">
9 <div class="title">
10 {{ title }}
11 <div class="checkbox">
12 <el-checkbox-group v-model="checkList" @change="checkChange">
13 <el-checkbox v-for="item in qsztList" :key="item.value" :label="item.value">{{ item.label }}</el-checkbox>
14 </el-checkbox-group>
15 </div>
16 </div>
17 <div class="xxTableBox rollTable">
18 <!-- 固定前三个 -->
19 <table class="xxTable">
20 <tr v-for="(item, colindex) in columns" :key="colindex">
21 <td>
22 {{ item.label }}
23 </td>
24 <td v-for="(row, index) in tableData" :key="index" :class="[
25 row.qszt == '2' ? 'lishi' : '',
26 row.qszt == '0' ? 'linshi' : '',
27 row.qlzt == '4' ? 'linshi' : '',
28
29 item.prop == 'qszt' && row.qlzt == '3' ? 'linshiIcon' : '',
30 item.prop == 'qszt' && row.qlzt == '2' ? 'linshiIcon' : '',
31 item.prop == 'qszt' && row.qlzt == '1' ? 'xianshiIcon' : '',
32 item.prop == 'qszt' && row.qlzt == '4' ? 'zhuxiaoIcon' : ''
33 ]">
34 <div class="setbut" v-if="item.prop == 'cz'&&row.sjlx !='系统数据'">
35 <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row)">编辑</el-button>
36 <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row,'D')">删除</el-button>
37 </div>
38 <div class="icon" v-if="item.prop == 'qszt' &&row.qlzt == '1'">
39 有效
40 </div>
41 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '2'">
42 正在补录
43 </div>
44 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '3'">
45 正在申请
46 </div>
47 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '4'">
48 正在注销
49 </div>
50
51 <p v-if="!['djyy','fj'].includes(item.prop)">
52 <span v-if="item.prop == 'qszt'">
53 {{ getQsztName(row[item.prop]) }}
54 </span>
55 <span v-else>{{ row[item.prop] }}</span>
56 </p>
57 <el-tooltip v-else effect="dark" :content="row[item.prop]" placement="top" popper-class="tooltip-width">
58 <span class="ellipsis-line">
59 {{ row[item.prop] }}
60 </span>
61 </el-tooltip>
62 </td>
63 <td v-for="count in emptycolNum" :key="~count"></td>
64 </tr>
65 </table>
66 </div>
67 </div>
68 </div>
69 </template>
70
71 <script>
72 import { datas } from "./qlxxFormData.js";
73 import { getSjlx } from "@/utils/dictionary.js";
74 import { getJsydsyqList } from "@/api/djbDetail.js";
75 export default {
76 data () {
77 return {
78 title: "建设用地使用权、宅基地使用权登记信息",
79 qsztList: datas.columns().qsztList,
80 checkList: datas.columns().checkList,
81 //传递参数
82 bdcdyid: this.$route.query.bdcdyid,
83 qllx: this.$route.query.qllx,
84 //列表数据
85 tableData: [],
86 //空列值个数
87 emptycolNum: datas.columns().emptycolNum,
88 //列名称对象
89 columns: datas.columns().JSYDSYQ,
90 };
91 },
92 created () {
93 this.loadData();
94 },
95 methods: {
96 /**
97 * @description: loadData
98 * @author: renchao
99 */
100 loadData () {
101
102 if (this.$parent.addRepairRecord) {
103 this.columns.unshift({
104 prop: "cz",
105 label: "操作"
106 })
107 }
108 getJsydsyqList({
109 bdcdyid: this.bdcdyid,
110 qllx: this.qllx,
111 qszt: this.checkList,
112 }).then((res) => {
113 if (res.code === 200) {
114 this.tableData = res.result;
115 this.tableData.forEach(item => {
116 item.sjlx = getSjlx(item.sjlx)
117 })
118 if (this.tableData.length < datas.columns().emptycolNum) {
119 this.emptycolNum =
120 datas.columns().emptycolNum - this.tableData.length;
121 } else {
122 this.emptycolNum = 0;
123 }
124 }
125 });
126 },
127 /**
128 * @description: checkChange
129 * @author: renchao
130 */
131 checkChange () {
132 if (this.checkList.length === 0) {
133 this.tableData = [];
134 this.emptycolNum = datas.columns().emptycolNum;
135 } else {
136 this.loadData();
137 }
138 },
139 /**
140 * @description: getQsztName
141 * @param {*} code
142 * @author: renchao
143 */
144 getQsztName (code) {
145 let name = "";
146 for (let item of this.qsztList) {
147 if (item.value == code) {
148 name = item.label;
149 break;
150 }
151 }
152 return name;
153 },
154 // 新增一条补录信息
155 /**
156 * @description: 新增一条补录信息
157 * @param {*} row
158 * @param {*} del
159 * @author: renchao
160 */
161 editDialog (row, del) {
162 this.$confirm('此操作将新增一条补录信息, 是否继续?', '提示', {
163 confirmButtonText: '确定',
164 cancelButtonText: '取消',
165 type: 'warning'
166 }).then(() => {
167 this.$parent.addRepairRecord(row, del)
168
169 this.$message({
170 type: 'success',
171 message: '补录成功!'
172 });
173 }).catch(() => {
174 this.$message({
175 type: 'info',
176 message: '取消编辑'
177 });
178 });
179
180 },
181 },
182 };
183 </script>
184
185 <style lang="scss" scoped>
186 @import "./qlxxCommon.scss";
187 </style>
1 <!--
2 * @Description:
3 * @Autor: renchao
4 * @LastEditTime: 2023-08-25 17:16:32
5 -->
6 <template>
7 <div class="all">
8 <div class="tbalede">
9 <table class="xxTable">
10 <tr>
11 <th colspan="5" class="head"> {{ title }}</th>
12 </tr>
13 <tr v-for="(item, colindex) in columns" :key="colindex">
14 <td>
15 {{ item.label }}
16 </td>
17 <td
18 v-for="(row, index) in tableData"
19 :key="index">
20 <span>
21 {{ getQsztName(row[item.prop]) }}
22 </span>
23
24 <span>
25 {{ row[item.prop] }}
26 </span>
27
28 </td>
29 <td v-for="count in emptycolNum" :key="~count"></td>
30 </tr>
31 </table>
32 </div>
33 </div>
34 </template>
35
36 <script>
37 import { datas } from "./qlxxFormData.js";
38 import { getSjlx, getDictLeabel } from "@/utils/dictionary.js";
39 import { getLqList } from "@/api/djbDetail.js";
40 export default {
41 data () {
42 return {
43 title: "林权登记信息",
44 qsztList: datas.columns().qsztList,
45 checkList: datas.columns().checkList,
46 //传递参数
47 bdcdyid: this.$route.query.bdcdyid,
48 qllx: this.$route.query.qllx,
49 //列表数据
50 tableData: [],
51 //空列值个数
52 emptycolNum: datas.columns().emptycolNum,
53 //列名称对象
54 columns: datas.columns().LDSYQ,
55 };
56 },
57 created () {
58 this.loadData();
59 },
60 methods: {
61 /**
62 * @description: loadData
63 * @author: renchao
64 */
65 loadData () {
66 if (this.$parent.addRepairRecord) {
67 this.columns.unshift({
68 prop: "cz",
69 label: "操作",
70 });
71 }
72 getLqList({
73 bdcdyid: this.bdcdyid,
74 qllx: this.qllx,
75 qszt: this.checkList,
76 }).then((res) => {
77 if (res.code === 200) {
78 this.tableData = res.result;
79 this.tableData.forEach((item) => {
80 item.sjlx = getSjlx(item.sjlx);
81 item.ldsyqxz = getDictLeabel(item.ldsyqxz, 'A45')
82 item.lz = getDictLeabel(item.lz, 'A26')
83 item.qy = getDictLeabel(item.qy, 'A52')
84 });
85 if (this.tableData.length < datas.columns().emptycolNum) {
86 this.emptycolNum =
87 datas.columns().emptycolNum - this.tableData.length;
88 } else {
89 this.emptycolNum = 0;
90 }
91 }
92 });
93 },
94 /**
95 * @description: checkChange
96 * @author: renchao
97 */
98 checkChange () {
99 if (this.checkList.length === 0) {
100 this.tableData = [];
101 this.emptycolNum = datas.columns().emptycolNum;
102 } else {
103 this.loadData();
104 }
105 },
106 /**
107 * @description: getQsztName
108 * @param {*} code
109 * @author: renchao
110 */
111 getQsztName (code) {
112 let name = "";
113 for (let item of this.qsztList) {
114 if (item.value == code) {
115 name = item.label;
116 break;
117 }
118 }
119 return name;
120 },
121 // 新增一条补录信息
122 /**
123 * @description: 新增一条补录信息
124 * @param {*} row
125 * @param {*} del
126 * @author: renchao
127 */
128 editDialog (row, del) {
129 this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", {
130 confirmButtonText: "确定",
131 cancelButtonText: "取消",
132 type: "warning",
133 })
134 .then(() => {
135 this.$parent.addRepairRecord(row, del);
136
137 this.$message({
138 type: "success",
139 message: "补录成功!",
140 });
141 })
142 .catch(() => {
143 this.$message({
144 type: "info",
145 message: "取消编辑",
146 });
147 });
148 },
149 },
150 };
151 </script>
152
153 <style lang="scss" scoped>
154 .all {
155 width: 794px;
156 height: 100%;
157 margin: auto;
158 background-color: rgb(255, 255, 255);
159 }
160 .tbalede {
161 width: 794px;
162 height: 1123px;
163 margin: auto;
164 }
165 .top {
166 width: 80%;
167 height: 100px;
168 margin: auto;
169 display: flex;
170 position: relative;
171 }
172 p {
173 position: absolute;
174 bottom: 10px;
175 right: 10px;
176 }
177 table {
178 width: 80%;
179 border: 1px solid black;
180 margin: 0 auto;
181 border-collapse: collapse;
182 }
183 .head {
184 font-size: 20px;
185 width: 100%;
186 height: 40px;
187 margin: auto;
188 }
189 .dyh {
190 padding: 10px;
191 font-size: 12px;
192 text-align: left;
193 }
194
195
196 .content {
197 height: 40px;
198 }
199 .slash-wrap {
200 position: relative;
201 box-sizing: border-box;
202 width: 150px;
203 height: 40px;
204 }
205 /* 斜线 */
206 .slash1 {
207 position: absolute;
208 display: block;
209 top: 0;
210 left: 0;
211 width: 133px;
212 height: 1px;
213 background-color: #949393;
214 transform: rotate(17.93010235415598deg);
215 transform-origin: top left;
216 }
217 /* 左下角文字 */
218 .left {
219 position: absolute;
220 left: 30px;
221 bottom: 5px;
222 }
223
224 /* 右上角文字 */
225 .mid {
226 position: absolute;
227 /* 右上角 right:0; top: 0; */
228 right: 29px;
229 top: 4px;
230 }
231 .xxTable {
232 width: 100%;
233 border-collapse: collapse;
234 table-layout:fixed;
235
236
237 td {
238 border: 1px solid rgb(0, 0, 0);
239 text-align: center;
240 height: 40px;
241 width: 80px!important;
242 word-wrap:break-word
243 }
244 td:first-child{
245 min-width: 180px !important;
246 }
247
248 }
249 .ellipsis-line {
250 display: inline-block;
251 width: 300px;
252 height: 100px!important;
253 line-height: 20px!important;
254 word-break: break-all;
255 text-overflow: ellipsis;
256 overflow: hidden;
257 }
258 </style>
1 <!--
2 * @Description:
3 * @Autor: renchao
4 * @LastEditTime: 2023-08-25 17:19:17
5 -->
6 <template>
7 <div class="djxxTable">
8 <div class="tableBox">
9 <div class="title">
10 {{ title }}
11 <div class="checkbox">
12 <el-checkbox-group v-model="checkList" @change="checkChange">
13 <el-checkbox v-for="item in qsztList" :key="item.value" :label="item.value">{{ item.label }}</el-checkbox>
14 </el-checkbox-group>
15 </div>
16 </div>
17 <div class="xxTableBox">
18 <!-- 固定前三个 -->
19 <table class="xxTable">
20 <tr v-for="(item, colindex) in columns.slice(0, 3)" :key="colindex">
21 <td>
22 {{ item.label }}
23 </td>
24 <td v-for="(row, index) in tableData" :key="index" :class="[
25 row.qszt == '2' ? 'lishi' : '',
26 row.qszt == '0' ? 'linshi' : '',
27 row.qlzt == '4' ? 'linshi' : '',
28
29 item.prop == 'qszt' && row.qlzt == '3' ? 'linshiIcon' : '',
30 item.prop == 'qszt' && row.qlzt == '2' ? 'linshiIcon' : '',
31 item.prop == 'qszt' && row.qlzt == '1' ? 'xianshiIcon' : '',
32 item.prop == 'qszt' && row.qlzt == '4' ? 'zhuxiaoIcon' : ''
33 ]">
34 <div class="setbut" v-if="item.prop == 'cz'&&row.sjlx !='系统数据'">
35 <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row)">编辑</el-button>
36 <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row,'D')">删除</el-button>
37 </div>
38 <div class="icon" v-if="row.qlzt == '1'">
39 有效
40 </div>
41 <div class="icon" v-if="row.qlzt == '2'">
42 正在补录
43 </div>
44 <div class="icon" v-if="row.qlzt == '3'">
45 正在申请
46 </div>
47 <div class="icon" v-if="row.qlzt == '4'">
48 正在注销
49 </div>
50
51 <p v-if="!['djyy','fj'].includes(item.prop)">
52 <span v-if="item.prop == 'qszt'">
53 {{ getQsztName(row[item.prop]) }}
54 </span>
55 <span v-else>{{ row[item.prop] }}</span>
56 </p>
57
58 <el-tooltip v-else effect="dark" :content="row[item.prop]" placement="top" popper-class="tooltip-width">
59 <span class="ellipsis-line">
60 {{ row[item.prop] }}
61 </span>
62 </el-tooltip>
63
64 </td>
65 <td v-for="count in emptycolNum" :key="~count"></td>
66 </tr>
67 </table>
68
69 <table class="xxTable rollTable">
70 <tr v-for="(item, colindex) in columns.slice(3)" :key="colindex">
71 <td>
72 {{ item.label }}
73 </td>
74 <td v-for="(row, index) in tableData" :key="index" :class="[
75 row.qszt == '2' ? 'lishi' : '',
76 row.qszt == '0' ? 'linshi' : '',
77 row.qlzt == '4' ? 'linshi' : '',
78
79 item.prop == 'qszt' && row.qlzt == '3' ? 'linshiIcon' : '',
80 item.prop == 'qszt' && row.qlzt == '2' ? 'linshiIcon' : '',
81 item.prop == 'qszt' && row.qlzt == '1' ? 'xianshiIcon' : '',
82 item.prop == 'qszt' && row.qlzt == '4' ? 'zhuxiaoIcon' : ''
83 ]">
84 <div class="icon" v-if="item.prop == 'qszt' &&row.qlzt == '1'">
85 有效
86 </div>
87 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '2'">
88 正在补录
89 </div>
90 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '3'">
91 正在申请
92 </div>
93 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '4'">
94 正在注销
95 </div>
96
97 <p v-if="!['djyy','fj'].includes(item.prop)">
98 <span v-if="item.prop == 'qszt'">
99 {{ getQsztName(row[item.prop]) }}
100 </span>
101 <span v-else>{{ row[item.prop] }}</span>
102 </p>
103
104 <el-tooltip v-else effect="dark" :content="row[item.prop]" placement="top" popper-class="tooltip-width">
105 <span class="ellipsis-line">
106 {{ row[item.prop] }}
107 </span>
108 </el-tooltip>
109 </td>
110 <td v-for="count in emptycolNum" :key="~count"></td>
111 </tr>
112 </table>
113 </div>
114 </div>
115 </div>
116 </template>
117
118 <script>
119 import { datas } from "./qlxxFormData.js";
120 import { getSjlx } from "@/utils/dictionary.js";
121 import { getNydsyqList } from "@/api/djbDetail.js";
122 export default {
123 data () {
124 return {
125 title: "农用地使用权登记信息",
126 qsztList: datas.columns().qsztList,
127 checkList: datas.columns().checkList,
128 //传递参数
129 bdcdyid: this.$route.query.bdcdyid,
130 qllx: this.$route.query.qllx,
131 //列表数据
132 tableData: [],
133 //空列值个数
134 emptycolNum: datas.columns().emptycolNum,
135 //列名称对象
136 columns: datas.columns().NYDSYQ,
137 };
138 },
139 created () {
140 var qllx = this.$route.query.sqywbm.substr(0, 3)
141 if (qllx == 'A09') {
142 this.title = '土地经营权登记信息'
143 } else {
144 this.title = '农用地使用权登记信息'
145 }
146 this.loadData();
147 },
148 methods: {
149 /**
150 * @description: loadData
151 * @author: renchao
152 */
153 loadData () {
154 if (this.$parent.addRepairRecord) {
155 this.columns.unshift({
156 prop: "cz",
157 label: "操作"
158 })
159 }
160 getNydsyqList({
161 bdcdyid: this.bdcdyid,
162 qllx: this.qllx,
163 qszt: this.checkList,
164 }).then((res) => {
165 if (res.code === 200) {
166 this.tableData = res.result;
167 this.tableData.forEach(item => {
168 item.sjlx = getSjlx(item.sjlx)
169 })
170 if (this.tableData.length < datas.columns().emptycolNum) {
171 this.emptycolNum =
172 datas.columns().emptycolNum - this.tableData.length;
173 } else {
174 this.emptycolNum = 0;
175 }
176 }
177 });
178 },
179 /**
180 * @description: checkChange
181 * @author: renchao
182 */
183 checkChange () {
184 if (this.checkList.length === 0) {
185 this.tableData = [];
186 this.emptycolNum = datas.columns().emptycolNum;
187 } else {
188 this.loadData();
189 }
190 },
191 /**
192 * @description: getQsztName
193 * @author: renchao
194 */
195 getQsztName (code) {
196 let name = "";
197 for (let item of this.qsztList) {
198 if (item.value == code) {
199 name = item.label;
200 break;
201 }
202 }
203 return name;
204 },
205 // 新增一条补录信息
206 /**
207 * @description: 新增一条补录信息
208 * @param {*} row
209 * @param {*} del
210 * @author: renchao
211 */
212 editDialog (row, del) {
213 this.$confirm('此操作将新增一条补录信息, 是否继续?', '提示', {
214 confirmButtonText: '确定',
215 cancelButtonText: '取消',
216 type: 'warning'
217 }).then(() => {
218 this.$parent.addRepairRecord(row, del)
219
220 this.$message({
221 type: 'success',
222 message: '补录成功!'
223 });
224 }).catch(() => {
225 this.$message({
226 type: 'info',
227 message: '取消编辑'
228 });
229 });
230
231 },
232 },
233 };
234 </script>
235
236 <style lang="scss" scoped>
237 @import "./qlxxCommon.scss";
238 </style>
1 .djxxTable {
2 width: 100%;
3 height: 100%;
4 background: #fff;
5 color: #333;
6
7 .tableBox {
8 margin: 0 auto;
9 display: flex;
10 flex-wrap: wrap;
11
12 .title {
13 width: 100%;
14 font-weight: 700;
15 font-size: 16px;
16 text-align: center;
17 background: #e9e9e9;
18 height: 62px;
19 line-height: 62px;
20 position: relative;
21 margin: 0 3px;
22
23 .checkbox {
24 position: absolute;
25 right: 20px;
26 bottom: -16px;
27 height: 62px;
28 }
29 }
30
31 .xxTableBox {
32 overflow: scroll;
33 width: 100%;
34 }
35
36 .xxTable>tr:first-child th {
37 width: 140px;
38 }
39
40 .xxTable {
41 //border-spacing: 1px;
42 width: 100%;
43 border-collapse: collapse;
44 // table-layout: fixed;
45
46 tr {
47 box-sizing: border-box;
48 }
49
50 tr>th {
51 border: 1px solid #ccc;
52 background: #F2F2F2;
53 color: #333333;
54 font-size: 16px;
55 height: 40px;
56 }
57
58 tr:nth-child(1) {
59 position: sticky;
60 top: 0px;
61 z-index: 3;
62 margin-top: -2px;
63 &:after{
64 content: "";
65 display: inline-block;
66 width: 100%;
67 height: 2px;
68 background-color: rgb(227, 226, 226);
69 position: absolute;
70 bottom: -1px;
71 left: 0;
72 z-index: 3;
73 }
74 }
75
76 tr:nth-child(2) {
77 position: sticky;
78 top: 40px;
79 z-index: 3;
80 &:after{
81 content: "";
82 display: inline-block;
83 width: 100%;
84 height: 2px;
85 background-color: rgb(227, 226, 226);
86 position: absolute;
87 bottom: -1px;
88 left: 0;
89 z-index: 3;
90 }
91 }
92
93 tr:nth-child(3) {
94 position: sticky;
95 top: 80px;
96 z-index: 3;
97 box-shadow: 0px 15px 10px -15px #409EFF;
98 }
99
100 tr td:first-child {
101 position: sticky;
102 left: 0;
103 z-index: 2;
104 margin-left: -2px;
105 &:before{
106 content: "";
107 display: inline-block;
108 width: 2px;
109 height: 43px;
110 background-color: #e3e2e2;
111 position: absolute;
112 top: 0;
113 left: -2px;
114 z-index: 3;
115 }
116 &:after{
117 content: "";
118 display: inline-block;
119 width: 2px;
120 height: 43px;
121 background-color: #e3e2e2;
122 position: absolute;
123 top: 0;
124 right: -2px;
125 z-index: 3;
126 }
127 }
128
129 th.linshi,
130 th.xianshi {
131 background: #464c5b;
132 }
133
134 th.lishi {
135 background: rgba(70, 76, 91, 0.8);
136 }
137
138 .one th {
139 height: 25px;
140 font-size: 14px;
141 }
142
143 th.linshi {
144 color: #ff5100;
145 }
146
147 .two th {
148 height: 45px;
149
150 p:nth-child(2) {
151 font-size: 14px;
152 }
153 }
154
155 .linshiIcon {
156 position: relative;
157
158 .icon {
159 position: absolute;
160 top: 12px;
161 right: -5px;
162 transform: rotate(45deg);
163 color: #fff;
164 font-size: 12px;
165 z-index: 10;
166 }
167 }
168
169 .linshiIcon::after {
170 content: "";
171 display: block;
172 width: 0;
173 height: 0;
174 border-width: 0px 0px 55px 55px;
175 border-style: none solid solid;
176 border-color: transparent transparent #ff5100;
177 position: absolute;
178 top: 0;
179 right: 0;
180 transform: rotate(-90deg);
181 }
182
183 .xianshiIcon {
184 position: relative;
185
186 .icon {
187 position: absolute;
188 top: 9px;
189 right: 5px;
190 transform: rotate(45deg);
191 color: #fff;
192 font-size: 12px;
193 z-index: 10;
194 }
195 }
196
197 .xianshiIcon::after {
198 content: "";
199 display: block;
200 width: 0;
201 height: 0;
202 border-width: 0px 0px 55px 55px;
203 border-style: none solid solid;
204 border-color: transparent transparent #67C23A;
205 position: absolute;
206 top: 0;
207 right: 0;
208 transform: rotate(-90deg);
209 }
210
211
212
213 tr {
214 // display: flex;
215 }
216
217 tr td {
218 border: 2px solid rgb(227, 226, 226);
219 text-align: center;
220 height: 40px;
221 font-size: 13px;
222 width: 140px;
223 // flex: 1;
224 width: 100%;
225 // display: flex;
226 // align-items: center;
227 // justify-content: center;
228 min-width: 340px;
229 z-index: 1;
230 }
231 td:first-child{
232 flex: inherit !important;
233 // width: 200px !important;
234 min-width: 180px !important;
235 }
236 >tr:nth-child(odd) td {
237 background: #f2f2f2;
238 }
239
240 >tr:nth-child(even) td {
241 background: #f9f9f9;
242 }
243
244 td.linshi {
245 color: #ff5100;
246 }
247
248 tr>td.lishi {
249 color: #7f7f7f;
250 }
251 }
252
253 .rollTable {
254 margin-top: -2px;
255 display: block;
256 height: calc(100vh - 185px);
257 overflow-y: scroll;
258 margin-left: 2px;
259 }
260 }
261 }
1 import filter from '@/utils/filter.js'
2
3 class data extends filter {
4 constructor() {
5 super()
6 }
7 columns() {
8 return {
9 //空列值个数
10 emptycolNum: 3,
11 checkList: ["0", "1", "2"],
12 //权属状态集合
13 qsztList: [
14 {
15 value: "0",
16 label: "临时",
17 },
18 {
19 value: "1",
20 label: "现势",
21 },
22 {
23 value: "2",
24 label: "历史",
25 },
26 ],
27 TDSYQ: [
28 {
29 prop: "qszt",
30 label: "权属状态",
31 },
32 {
33 prop: "sjlx",
34 label: "数据类型",
35 },
36 {
37 prop: "qllxmc",
38 label: "权利类型",
39 },
40 {
41 prop: "djlxmc",
42 label: "登记类型",
43 },
44 {
45 prop: "ssywh",
46 label: "上手业务号",
47 },
48 {
49 prop: "dah",
50 label: "档案号",
51 },
52 {
53 prop: "ywh",
54 label: "业务号",
55 },
56 {
57 prop: "bdcdyh",
58 label: "不动产单元号",
59 },
60 {
61 prop: "zl",
62 label: "坐落",
63 },
64 {
65 prop: "gyqk",
66 label: "共有情况",
67 },
68 {
69 prop: "qlrlx",
70 label: "权利人类型",
71 },
72 {
73 prop: "qlrmc",
74 label: "权利人",
75 },
76 {
77 prop: "qlrzjzl",
78 label: "证件种类",
79 },
80 {
81 prop: "qlrzjhm",
82 label: "证件号",
83 },
84 {
85 prop: "ytmc",
86 label: "土地用途",
87 },
88 {
89 prop: "mjdw",
90 label: "面积单位",
91 },
92 {
93 prop: "gdmj",
94 label: "耕地面积",
95 },
96 {
97 prop: "ldmj",
98 label: "林地面积",
99 },
100 {
101 prop: "cdmj",
102 label: "草地面积",
103 },
104 {
105 prop: "qtnydmj",
106 label: "其他农用地面积",
107 },
108 {
109 prop: "jsydmj",
110 label: "建设用地面积",
111 },
112 {
113 prop: "wlydmj",
114 label: "未利用地面积",
115 },
116 {
117 prop: "djyy",
118 label: "登记原因",
119 },
120 {
121 prop: "bdcqzh",
122 label: "不动产权证号",
123 },
124 {
125 prop: "djsj",
126 label: "登记时间",
127 },
128 {
129 prop: "dbr",
130 label: "登簿人",
131 },
132 {
133 prop: "fj",
134 label: "附记",
135 },
136 ],
137 JSYDSYQ: [
138 {
139 prop: "qszt",
140 label: "权属状态",
141 },
142 {
143 prop: "sjlx",
144 label: "数据类型",
145 },
146 {
147 prop: "qllxmc",
148 label: "权利类型",
149 },
150 {
151 prop: "djlxmc",
152 label: "登记类型",
153 },
154 {
155 prop: "ssywh",
156 label: "上手业务号",
157 },
158 {
159 prop: "dah",
160 label: "档案号",
161 },
162 {
163 prop: "ywh",
164 label: "业务号",
165 },
166 {
167 prop: "bdcdyh",
168 label: "不动产单元号",
169 },
170 {
171 prop: "zl",
172 label: "坐落",
173 },
174 {
175 prop: "gyqk",
176 label: "共有情况",
177 },
178 {
179 prop: "qlrlx",
180 label: "权利人类型",
181 },
182 {
183 prop: "qlrmc",
184 label: "权利人",
185 },
186 {
187 prop: "qlrzjzl",
188 label: "证件种类",
189 },
190 {
191 prop: "qlrzjhm",
192 label: "证件号",
193 },
194 {
195 prop: "mjmc",
196 label: "使用权面积",
197 },
198 {
199 prop: "qlxzmc",
200 label: "权利性质",
201 },
202 {
203 prop: "ytmc",
204 label: "土地用途",
205 },
206 {
207 prop: "syqqzsj",
208 label: "使用权起止时间",
209 },
210 // {
211 // prop: "syqjssj",
212 // label: "使用权结束时间",
213 // },
214 // {
215 // prop: "tdsyqx",
216 // label: "土地使用期限",
217 // },
218 {
219 prop: "tdsyqx",
220 label: "土地使用期限",
221 },
222 {
223 prop: "qdjgmc",
224 label: "取得价格",
225 },
226 {
227 prop: "djyy",
228 label: "登记原因",
229 },
230 {
231 prop: "bdcqzh",
232 label: "不动产权证号",
233 },
234 {
235 prop: "djsj",
236 label: "登记时间",
237 },
238 {
239 prop: "dbr",
240 label: "登簿人",
241 },
242 {
243 prop: "fj",
244 label: "附记",
245 },
246 ],
247 FDCQ1: [
248 {
249 prop: "qszt",
250 label: "权属状态",
251 },
252 {
253 prop: "sjlx",
254 label: "数据类型",
255 },
256 {
257 prop: "qllxmc",
258 label: "权利类型",
259 },
260 {
261 prop: "djlxmc",
262 label: "登记类型",
263 },
264 {
265 prop: "xmmc",
266 label: "项目名称",
267 },
268 {
269 prop: "zh",
270 label: "幢号",
271 },
272
273 {
274 prop: "zcs",
275 label: "总层数",
276 },
277 {
278 prop: "ghyt",
279 label: "规划用途",
280 },
281 {
282 prop: "ytmc",
283 label: "用途名称",
284 },
285 {
286 prop: "pzyt",
287 label: "批准用途",
288 },
289 {
290 prop: "sjyt",
291 label: "实际用途",
292 }, {
293 prop: "fwjg",
294 label: "房屋结构",
295 }, {
296 prop: "fwjgmc",
297 label: "房屋结构名称",
298 }, {
299 prop: "jzmj",
300 label: "建筑面积",
301 },
302 {
303 prop: "jgsj",
304 label: "竣工时间",
305 }, {
306 prop: "zts",
307 label: "总套数",
308 },
309 {
310 prop: "djyy",
311 label: "登记原因",
312 },
313 {
314 prop: "bdcqzh",
315 label: "不动产权证号",
316 },
317 {
318 prop: "djsj",
319 label: "登记时间",
320 },
321 {
322 prop: "dbr",
323 label: "登簿人",
324 },
325 {
326 prop: "fj",
327 label: "附记",
328 },
329 ],
330 FDCQ2: [
331 {
332 prop: "qszt",
333 label: "权属状态",
334 },
335 {
336 prop: "sjlx",
337 label: "数据类型",
338 },
339 {
340 prop: "qllxmc",
341 label: "权利类型",
342 },
343 {
344 prop: "djlxmc",
345 label: "登记类型",
346 },
347 {
348 prop: "ssywh",
349 label: "上手业务号",
350 },
351 {
352 prop: "dah",
353 label: "档案号",
354 },
355 {
356 prop: "ywh",
357 label: "业务号",
358 },
359 {
360 prop: "bdcdyh",
361 label: "不动产单元号",
362 },
363 {
364 prop: "zl",
365 label: "坐落",
366 },
367 {
368 prop: "gyqk",
369 label: "共有情况",
370 },
371 {
372 prop: "qlrlx",
373 label: "权利人类型",
374 },
375 {
376 prop: "qlrmc",
377 label: "权利人",
378 },
379 {
380 prop: "qlrzjzl",
381 label: "证件种类",
382 },
383 {
384 prop: "qlrzjhm",
385 label: "证件号",
386 },
387 {
388 prop: "tdsyqr",
389 label: "土地使用权人",
390 },
391 {
392 prop: "dytdmj",
393 label: "独用土地面积(m²)",
394 },
395 {
396 prop: "fttdmj",
397 label: "分摊土地面积(m²)",
398 },
399 {
400 prop: "tdxzmc",
401 label: "土地性质",
402 },
403 {
404 prop: "tdsyqzsj",
405 label: "使用权起止时间",
406 },
407 {
408 prop: "qdjgmc",
409 label: "房地产交易价格",
410 },
411 {
412 prop: "ytmc",
413 label: "房屋用途",
414 },
415 {
416 prop: "fwxzmc",
417 label: "房屋性质",
418 },
419 {
420 prop: "fwjgmc",
421 label: "房屋结构",
422 },
423 {
424 prop: "szc",
425 label: "所在层",
426 },
427 {
428 prop: "zcs",
429 label: "总层数",
430 },
431 {
432 prop: "jzmj",
433 label: "建筑面积（m2）",
434 },
435 {
436 prop: "zyjzmj",
437 label: "专有建筑面积（m2）",
438 },
439
440 {
441 prop: "ftjzmj",
442 label: "分摊建筑面积（m2）",
443 },
444 {
445 prop: "jgsj",
446 label: "竣工时间",
447 },
448 {
449 prop: "djyy",
450 label: "登记原因",
451 },
452 {
453 prop: "bdcqzh",
454 label: "不动产权证号",
455 },
456 {
457 prop: "djsj",
458 label: "登记时间",
459 },
460 {
461 prop: "dbr",
462 label: "登簿人",
463 },
464 {
465 prop: "fj",
466 label: "附记",
467 },
468 ],
469 NYDSYQ: [
470 {
471 prop: "qszt",
472 label: "权属状态",
473 },
474 {
475 prop: "sjlx",
476 label: "数据类型",
477 },
478 {
479 prop: "qllxmc",
480 label: "权利类型",
481 },
482 {
483 prop: "djlxmc",
484 label: "登记类型",
485 },
486 {
487 prop: "ssywh",
488 label: "上手业务号",
489 },
490 {
491 prop: "dah",
492 label: "档案号",
493 },
494 {
495 prop: "ywh",
496 label: "业务号",
497 },
498 {
499 prop: "bdcdyh",
500 label: "不动产单元号",
501 },
502 {
503 prop: "zl",
504 label: "坐落",
505 },
506 {
507 prop: "gyqk",
508 label: "共有情况",
509 },
510 {
511 prop: "qlrlx",
512 label: "权利人类型",
513 },
514 {
515 prop: "qlrmc",
516 label: "权利人",
517 },
518 {
519 prop: "qlrzjzl",
520 label: "证件种类",
521 },
522 {
523 prop: "qlrzjhm",
524 label: "证件号",
525 },
526 {
527 prop: "mj",
528 label: "使用权面积(m²)",
529 },
530 {
531 prop: "qlxzmc",
532 label: "权利性质",
533 },
534 {
535 prop: "ytmc",
536 label: "土地用途",
537 },
538 {
539 prop: "fbfdm",
540 label: "发包方代码",
541 },
542 {
543 prop: "fbfmc",
544 label: "发包方名称",
545 },
546 {
547 prop: "cbqzsj",
548 label: "承包起止时间",
549 },
550 {
551 prop: "cbqx",
552 label: "承包期限",
553 },
554 {
555 prop: "tdsyqxzmc",
556 label: "土地所有权性质",
557 },
558 {
559 prop: "syttlxmc",
560 label: "水域滩涂类型",
561 },
562 {
563 prop: "yzyfsmc",
564 label: "养殖业方式",
565 },
566 {
567 prop: "cyzl",
568 label: "草原质量",
569 },
570 {
571 prop: "syzcl",
572 label: "适宜载畜量",
573 },
574 {
575 prop: "ydyhflmc",
576 label: "用地用海分类",
577 },
578 {
579 prop: "djyy",
580 label: "登记原因",
581 },
582 {
583 prop: "bdcqzh",
584 label: "不动产权证号",
585 },
586 {
587 prop: "djsj",
588 label: "登记时间",
589 },
590 {
591 prop: "dbr",
592 label: "登簿人",
593 },
594 {
595 prop: "fj",
596 label: "附记",
597 },
598 ],
599 DYAQ: [
600 {
601 prop: "qszt",
602 label: "权属状态",
603 },
604 {
605 prop: "sjlx",
606 label: "数据类型",
607 },
608 {
609 prop: "dybdclx",
610 label: "抵押不动产类型",
611 render: (h, scope) => {
612 return (
613 <div>
614 <span v-show={scope.row.dybdclx == '1'}>土地</span>
615 <span v-show={scope.row.dybdclx == '2'}>土地和房屋</span>
616 <span v-show={scope.row.dybdclx == '3'}>林地和林木</span>
617 <span v-show={scope.row.dybdclx == '4'}>土地和在建建筑物</span>
618 <span v-show={scope.row.dybdclx == '5'}>海域</span>
619 <span v-show={scope.row.dybdclx == '6'}>海域和构筑物</span>
620 <span v-show={scope.row.dybdclx == '7'}>其它</span>
621 </div>
622 )
623 }
624 },
625 {
626 prop: "djlxmc",
627 label: "登记类型",
628 },
629 {
630 prop: "ssywh",
631 label: "上手业务号",
632 },
633 {
634 prop: "dah",
635 label: "档案号",
636 },
637 {
638 prop: "ywh",
639 label: "业务号",
640 },
641 {
642 prop: "bdcdyh",
643 label: "不动产单元号",
644 },
645 {
646 prop: "zl",
647 label: "在建建筑物坐落",
648 },
649 {
650 prop: "dyfsmc",
651 label: "抵押方式",
652 },
653 {
654 prop: "qlrmc",
655 label: "抵押权人",
656 },
657 {
658 prop: "qlrzjzl",
659 label: "抵押权人证件种类",
660 },
661 {
662 prop: "qlrzjhm",
663 label: "抵押权人证件号",
664 },
665 {
666 prop: "dyrlx",
667 label: "抵押人类型",
668 },
669 {
670 prop: "ywrmc",
671 label: "抵押人",
672 },
673 {
674 prop: "ywrzjzl",
675 label: "抵押人证件种类",
676 },
677 {
678 prop: "ywrzjhm",
679 label: "抵押人证件号",
680 },
681
682 {
683 prop: "sfygdj",
684 label: "是否预告登记",
685 },
686 {
687 prop: "zjjzwdyfw",
688 label: "在建建筑物抵押范围",
689 },
690 {
691 prop: "dymj",
692 label: "抵押面积",
693 },
694 {
695 prop: "bdbzzqse",
696 label: "被担保主债权数额(万元)",
697 },
698 {
699 prop: "dbfw",
700 label: "担保范围",
701 },
702 {
703 prop: "zwlxqssj",
704 label: "债务履行起始时间",
705 },
706 {
707 prop: "zwlxjssj",
708 label: "债务履行结束时间",
709 },
710 {
711 prop: "zwlxqx",
712 label: "债务履行期限(债务确定期间)",
713 },
714 {
715 prop: "zgzqqdsshse",
716 label: "最高债权确定事实和数额",
717 },
718 {
719 prop: "sfczyd",
720 label: "是否存在禁止或限制转让抵押不动产的约定",
721 },
722 {
723 prop: "djyy",
724 label: "登记原因",
725 },
726 {
727 prop: "bdcqzh",
728 label: "不动产登记证明号",
729 },
730 {
731 prop: "fj",
732 label: "附记",
733 },
734 {
735 prop: "djsj",
736 label: "登记时间",
737 },
738 {
739 prop: "dbr",
740 label: "登簿人",
741 },
742 {
743 prop: "djjg",
744 label: "登记机构",
745 },
746 {
747 prop: "zxywh",
748 label: "注销抵押业务号",
749 },
750 {
751 prop: "zxdyyy",
752 label: "注销抵押原因",
753 },
754 {
755 prop: "zxsj",
756 label: "注销登记时间",
757 },
758 {
759 prop: "zxdbr",
760 label: "注销登簿人",
761 },
762
763 ],
764 DYIQ: [
765 {
766 prop: "qszt",
767 label: "权属状态",
768 },
769 {
770 prop: "sjlx",
771 label: "数据类型",
772 },
773 {
774 prop: "djlxmc",
775 label: "登记类型",
776 },
777 {
778 prop: "ssywh",
779 label: "上手业务号",
780 },
781 {
782 prop: "dah",
783 label: "档案号",
784 },
785 {
786 prop: "ywh",
787 label: "业务号",
788 },
789 {
790 prop: "gydbdcdyh",
791 label: "供役地不动产单元号",
792 },
793 {
794 prop: "gydqlr",
795 label: "供役地权利人",
796 },
797 {
798 prop: "gydqlrzjzl",
799 label: "供役地权利人证件种类",
800 },
801 {
802 prop: "xydbdcdyh",
803 label: "需役地不动产单元号",
804 },
805 {
806 prop: "xydzl",
807 label: "需役地坐落",
808 },
809 {
810 prop: "xydqlr",
811 label: "需役地权利人",
812 },
813 {
814 prop: "xydqlrzjzl",
815 label: "需役地权利人证件种类",
816 },
817 {
818 prop: "xydzjh",
819 label: "需役地证件号",
820 },
821 {
822 prop: "djyy",
823 label: "登记原因",
824 },
825 {
826 prop: "dyqnr",
827 label: "地役权内容",
828 },
829 {
830 prop: "qlqssj",
831 label: "权利起始时间",
832 },
833 {
834 prop: "qljssj",
835 label: "权利结束时间",
836 },
837 {
838 prop: "bdcdjzmh",
839 label: "不动产登记证明号",
840 },
841 {
842 prop: "qxdm",
843 label: "区县代码",
844 },
845 {
846 prop: "djjg",
847 label: "登记机构",
848 },
849 {
850 prop: "dbr",
851 label: "登簿人",
852 },
853 {
854 prop: "djsj",
855 label: "登记时间",
856 },
857 ],
858 YGDJ: [
859 {
860 prop: "qszt",
861 label: "权属状态",
862 },
863 {
864 prop: "sjlx",
865 label: "数据类型",
866 },
867 {
868 prop: "ygdjzlmc",
869 label: "预告登记种类",
870 },
871 {
872 prop: "djlxmc",
873 label: "登记类型",
874 },
875 {
876 prop: "ssywh",
877 label: "上手业务号",
878 },
879 {
880 prop: "dah",
881 label: "档案号",
882 },
883 {
884 prop: "ywh",
885 label: "业务号",
886 },
887 {
888 prop: "bdcdyh",
889 label: "不动产单元号",
890 },
891 {
892 prop: "zl",
893 label: "坐落",
894 },
895 {
896 prop: "qlrmc",
897 label: "权利人",
898 },
899 {
900 prop: "qlrzjzl",
901 label: "证件种类",
902 },
903 {
904 prop: "qlrzjhm",
905 label: "证件号",
906 },
907 {
908 prop: "ywrmc",
909 label: "义务人",
910 },
911 {
912 prop: "ywrzjzl",
913 label: "证件种类",
914 },
915 {
916 prop: "ywrzjhm",
917 label: "证件号",
918 },
919 {
920 prop: "fwxzmc",
921 label: "房屋性质",
922 },
923 {
924 prop: "fwjgmc",
925 label: "房屋结构",
926 },
927 {
928 prop: "ytmc",
929 label: "房屋用途",
930 },
931 {
932 prop: "szc",
933 label: "所在层",
934 },
935 {
936 prop: "zcs",
937 label: "总层数",
938 },
939 {
940 prop: "jzmj",
941 label: "建筑面积/抵押面积(㎡)",
942 },
943 {
944 prop: "djyy",
945 label: "登记原因",
946 },
947 {
948 prop: "fj",
949 label: "附记",
950 },
951 {
952 prop: "qdjgmc",
953 label: "取得价格/被担保主债权数额",
954 },
955 {
956 prop: "dbfw",
957 label: "担保范围",
958 },
959 {
960 prop: "sfczyd",
961 label: "是否存在禁止或限制转让抵押不动产的约定",
962 },
963 {
964 prop: "djsj",
965 label: "登记时间",
966 },
967 {
968 prop: "bdcqzh",
969 label: "不动产登记证明号",
970 },
971 {
972 prop: "dbr",
973 label: "登簿人",
974 },
975 {
976 prop: "zxywh",
977 label: "注销预告业务号",
978 },
979 {
980 prop: "zxyy",
981 label: "注销预告原因",
982 },
983 {
984 prop: "zxsj",
985 label: "注销时间",
986 }
987 ],
988 CFDJ: [
989 {
990 prop: "qszt",
991 label: "权属状态",
992 },
993 {
994 prop: "sjlx",
995 label: "数据类型",
996 },
997 {
998 prop: "cflxmc",
999 label: "查封类型",
1000 },
1001 {
1002 prop: "ssywh",
1003 label: "上手业务号",
1004 },
1005 {
1006 prop: "dah",
1007 label: "档案号",
1008 },
1009 {
1010 prop: "ywh",
1011 label: "业务号",
1012 },
1013 {
1014 prop: "bdcdyh",
1015 label: "不动产单元号",
1016 },
1017 {
1018 prop: "zl",
1019 label: "坐落",
1020 },
1021 {
1022 prop: "cfjg",
1023 label: "查封机关",
1024 },
1025 {
1026 prop: "ywrmc",
1027 label: "被执行人",
1028 },
1029 {
1030 prop: "ywrzjzl",
1031 label: "证件种类",
1032 },
1033 {
1034 prop: "ywrzjhm",
1035 label: "证件号",
1036 },
1037
1038 {
1039 prop: "cfwh",
1040 label: "查封文号",
1041 },
1042 {
1043 prop: "cfwj",
1044 label: "查封文件",
1045 },
1046 {
1047 prop: "cfqssj",
1048 label: "查封起始时间",
1049 },
1050 {
1051 prop: "cfjssj",
1052 label: "查封结束时间",
1053 },
1054 {
1055 prop: "cfqx",
1056 label: "查封期限",
1057 },
1058 {
1059 prop: "cffw",
1060 label: "查封范围",
1061 },
1062 {
1063 prop: "djjg",
1064 label: "登记机构",
1065 },
1066 {
1067 prop: "dbr",
1068 label: "登簿人",
1069 },
1070 {
1071 prop: "djsj",
1072 label: "登记时间",
1073 },
1074 {
1075 prop: "zxywh",
1076 label: "解封业务号",
1077 },
1078 {
1079 prop: "jfjg",
1080 label: "解封机关",
1081 },
1082 {
1083 prop: "jfwh",
1084 label: "解封文号",
1085 },
1086 {
1087 prop: "jfwj",
1088 label: "解封文件",
1089 },
1090 {
1091 prop: "zxsj",
1092 label: "解封登记时间",
1093 },
1094 {
1095 prop: "zxdbr",
1096 label: "解封登簿人",
1097 },
1098 ],
1099 YYDJ: [
1100 {
1101 prop: "sjlx",
1102 label: "数据类型",
1103 },
1104 {
1105 prop: "qszt",
1106 label: "权属状态",
1107 },
1108 {
1109 prop: "qllxmc",
1110 label: "权利类型",
1111 },
1112 {
1113 prop: "djlxmc",
1114 label: "登记类型",
1115 },
1116 {
1117 prop: "ssywh",
1118 label: "上手业务号",
1119 },
1120 {
1121 prop: "dah",
1122 label: "档案号",
1123 },
1124 {
1125 prop: "ywh",
1126 label: "业务号",
1127 },
1128 {
1129 prop: "bdcdyh",
1130 label: "不动产单元号",
1131 },
1132 {
1133 prop: "zl",
1134 label: "坐落",
1135 },
1136 {
1137 prop: "yyr",
1138 label: "异议人",
1139 },
1140 {
1141 prop: "zjzl",
1142 label: "证件种类",
1143 },
1144 {
1145 prop: "zjh",
1146 label: "证件号",
1147 },
1148 {
1149 prop: "yysx",
1150 label: "异议事项",
1151 },
1152 {
1153 prop: "bdcdjzmh",
1154 label: "不动产登记证明号",
1155 },
1156 {
1157 prop: "djjg",
1158 label: "登记机构",
1159 },
1160 {
1161 prop: "dbr",
1162 label: "登簿人",
1163 },
1164 {
1165 prop: "djsj",
1166 label: "登记时间",
1167 },
1168 {
1169 prop: "zxyyywh",
1170 label: "注销异议业务号",
1171 },
1172 {
1173 prop: "zxyyyy",
1174 label: "注销异议原因",
1175 },
1176 {
1177 prop: "zxyydbr",
1178 label: "注销异议登簿人",
1179 },
1180 {
1181 prop: "zxyydjsj",
1182 label: "注销异议登记时间",
1183 },
1184 ],
1185 LDSYQ: [
1186 {
1187 prop: "ywh",
1188 label: "业务号",
1189 },
1190 {
1191 prop: "sjlx",
1192 label: "数据类型",
1193 },
1194 {
1195 prop: "qllxmc",
1196 label: "权利类型",
1197 },
1198 {
1199 prop: "djlxmc",
1200 label: "登记类型",
1201 },
1202 {
1203 prop: "ssywh",
1204 label: "上手业务号",
1205 },
1206
1207 {
1208 prop: "bdcdyh",
1209 label: "不动产单元号",
1210 },
1211 {
1212 prop: "zl",
1213 label: "坐落",
1214 },
1215 {
1216 prop: "gyqk",
1217 label: "共有情况",
1218 },
1219 {
1220 prop: "qlrzjzl",
1221 label: "证件种类",
1222 },
1223 {
1224 prop: "qlrzjhm",
1225 label: "证件号",
1226 },
1227 {
1228 prop: "ldsyqxz",
1229 label: "林地所有权性质",
1230 },
1231 {
1232 prop: "fbf",
1233 label: "发包方",
1234 },
1235 {
1236 prop: "fbfdm",
1237 label: "发包方代码",
1238 },
1239 {
1240 prop: "syqmj",
1241 label: "使用权面积",
1242 },
1243 {
1244 prop: "sllb",
1245 label: "森林类别",
1246 },
1247 {
1248 prop: "zylz",
1249 label: "主要树种",
1250 },
1251 {
1252 prop: "zs",
1253 label: "株数",
1254 },
1255 {
1256 prop: "lz",
1257 label: "林种",
1258 },
1259 {
1260 prop: "qy",
1261 label: "起源",
1262 },
1263 {
1264 prop: "zlnd",
1265 label: "造林年度",
1266 },
1267 {
1268 prop: "lb",
1269 label: "林班",
1270 },
1271 {
1272 prop: "xb",
1273 label: "小班",
1274 },
1275 {
1276 prop: "xdm",
1277 label: "小地名",
1278 },
1279 {
1280 prop: "djjg",
1281 label: "登记机构",
1282 },
1283 {
1284 prop: "dbr",
1285 label: "登簿人",
1286 },
1287 {
1288 prop: "djsj",
1289 label: "登记时间",
1290 },
1291 ]
1292 }
1293 }
1294
1295
1296 }
1297
1298 let datas = new data()
1299
1300 export {
1301 datas
1302 }
1 <!--
2 * @Description:
3 * @Autor: renchao
4 * @LastEditTime: 2023-08-25 17:14:29
5 -->
6 <template>
7 <div class="djxxTable">
8 <div class="tableBox">
9 <div class="title">
10 {{ title }}
11 <div class="checkbox">
12 <el-checkbox-group v-model="checkList" @change="checkChange">
13 <el-checkbox v-for="item in qsztList" :key="item.value" :label="item.value">{{ item.label }}</el-checkbox>
14 </el-checkbox-group>
15 </div>
16 </div>
17 <div class="xxTableBox rollTable">
18 <table class="xxTable">
19 <tr v-for="(item, colindex) in columns" :key="colindex">
20 <td>
21 {{ item.label }}
22 </td>
23 <td v-for="(row, index) in tableData" :key="index" :class="[
24 row.qszt == '2' ? 'lishi' : '',
25 row.qszt == '0' ? 'linshi' : '',
26 row.qlzt == '4' ? 'linshi' : '',
27
28 item.prop == 'qszt' && row.qlzt == '3' ? 'linshiIcon' : '',
29 item.prop == 'qszt' && row.qlzt == '2' ? 'linshiIcon' : '',
30 item.prop == 'qszt' && row.qlzt == '1' ? 'xianshiIcon' : '',
31 item.prop == 'qszt' && row.qlzt == '4' ? 'zhuxiaoIcon' : ''
32 ]">
33 <div class="setbut" v-if="item.prop == 'cz'">
34 <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row)">编辑</el-button>
35 <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row,'D')">删除</el-button>
36 </div>
37 <div class="icon" v-if="item.prop == 'qszt' &&row.qlzt == '1'">
38 有效
39 </div>
40 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '2'">
41 正在补录
42 </div>
43 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '3'">
44 正在申请
45 </div>
46 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '4'">
47 正在注销
48 </div>
49
50 <p v-if="!['djyy','fj'].includes(item.prop)">
51 <span v-if="item.prop == 'qszt'">
52 {{ getQsztName(row[item.prop]) }}
53 </span>
54 <span v-else>{{ row[item.prop] }}</span>
55 </p>
56
57 <el-tooltip v-else effect="dark" :content="row[item.prop]" placement="top" popper-class="tooltip-width">
58 <span class="ellipsis-line">
59 {{ row[item.prop] }}
60 </span>
61 </el-tooltip>
62 </td>
63 <td v-for="count in emptycolNum" :key="~count"></td>
64 </tr>
65 </table>
66 </div>
67 </div>
68 </div>
69 </template>
70
71 <script>
72 import { datas } from "./qlxxFormData.js";
73 import { getYgdjList } from "@/api/djbDetail.js";
74 import { getSjlx, getDictLeabel } from "@/utils/dictionary.js";
75 export default {
76 data () {
77 return {
78 bdcdyid: this.$route.query.bdcdyid,
79 qllx: this.$route.query.qllx,
80 title: "预告登记信息",
81 qsztList: datas.columns().qsztList,
82 checkList: datas.columns().checkList,
83 //列表数据
84 tableData: [],
85 //空列值个数
86 emptycolNum: datas.columns().emptycolNum,
87 //列名称对象
88 columns: datas.columns().YGDJ,
89 };
90 },
91 created () {
92 this.loadData();
93 },
94 methods: {
95 /**
96 * @description: loadData
97 * @author: renchao
98 */
99 loadData () {
100 // 判断是否在登记簿补录调的子页面
101 if (this.$parent.addRepairRecord) {
102 this.columns.unshift({
103 prop: "cz",
104 label: "操作"
105 })
106 }
107 getYgdjList({
108 bdcdyid: this.bdcdyid,
109 qllx: this.qllx,
110 qszt: this.checkList,
111 }).then((res) => {
112 if (res.code === 200) {
113 this.tableData = res.result;
114 this.tableData.forEach((item) => {
115 item.sjlx = getSjlx(item.sjlx);
116 item.dybdclx = getDictLeabel(item.dybdclx, 'A27')
117 });
118 if (this.tableData.length < datas.columns().emptycolNum) {
119 this.emptycolNum =
120 datas.columns().emptycolNum - this.tableData.length;
121 } else {
122 this.emptycolNum = 0;
123 }
124 }
125 });
126 },
127 /**
128 * @description: checkChange
129 * @author: renchao
130 */
131 checkChange () {
132 if (this.checkList.length === 0) {
133 this.tableData = [];
134 this.emptycolNum = datas.columns().emptycolNum;
135 } else {
136 this.loadData();
137 }
138 },
139 /**
140 * @description: getQsztName
141 * @param {*} code
142 * @author: renchao
143 */
144 getQsztName (code) {
145 let name = "";
146 for (let item of this.qsztList) {
147 if (item.value == code) {
148 name = item.label;
149 break;
150 }
151 }
152 return name;
153 },
154 // 新增一条补录信息
155 /**
156 * @description: 新增一条补录信息
157 * @param {*} row
158 * @param {*} del
159 * @author: renchao
160 */
161 editDialog (row, del) {
162 this.$confirm('此操作将新增一条补录信息, 是否继续?', '提示', {
163 confirmButtonText: '确定',
164 cancelButtonText: '取消',
165 type: 'warning'
166 }).then(() => {
167 this.$parent.addRepairRecord(row, del)
168
169 this.$message({
170 type: 'success',
171 message: '补录成功!'
172 });
173 }).catch(() => {
174 this.$message({
175 type: 'info',
176 message: '取消编辑'
177 });
178 });
179
180 },
181 },
182 };
183 </script>
184
185 <style lang="scss" scoped>
186 @import "./qlxxCommon.scss";
187 </style>
1 <!--
2 * @Description:
3 * @Autor: renchao
4 * @LastEditTime: 2023-08-24 16:15:45
5 -->
6 <template>
7 <div class="djxxTable">
8 <div class="tableBox">
9 <div class="title">
10 {{ title }}
11 <div class="checkbox">
12 <el-checkbox-group v-model="checkList" @change="checkChange">
13 <el-checkbox v-for="item in qsztList" :key="item.value" :label="item.value">{{ item.label }}</el-checkbox>
14 </el-checkbox-group>
15 </div>
16 </div>
17 <div class="xxTableBox rollTable">
18 <table class="xxTable">
19 <tr v-for="(item, colindex) in columns" :key="colindex">
20 <td>
21 {{ item.label }}
22 </td>
23 <td v-for="(row, index) in tableData" :key="index" :class="[
24 row.qszt == '2' ? 'lishi' : '',
25 row.qszt == '0' ? 'linshi' : '',
26 row.qlzt == '4' ? 'linshi' : '',
27
28 item.prop == 'qszt' && row.qlzt == '3' ? 'linshiIcon' : '',
29 item.prop == 'qszt' && row.qlzt == '2' ? 'linshiIcon' : '',
30 item.prop == 'qszt' && row.qlzt == '1' ? 'xianshiIcon' : '',
31 item.prop == 'qszt' && row.qlzt == '4' ? 'zhuxiaoIcon' : ''
32 ]">
33 <div class="setbut" v-if="item.prop == 'cz'">
34 <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row)">编辑</el-button>
35 <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row,'D')">删除</el-button>
36 </div>
37 <div class="icon" v-if="item.prop == 'qszt' &&row.qlzt == '1'">
38 有效
39 </div>
40 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '2'">
41 正在补录
42 </div>
43 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '3'">
44 正在申请
45 </div>
46 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '4'">
47 正在注销
48 </div>
49
50 <p v-if="!['djyy','fj'].includes(item.prop)">
51 <span v-if="item.prop == 'qszt'">
52 {{ getQsztName(row[item.prop]) }}
53 </span>
54 <span v-else>{{ row[item.prop] }}</span>
55 </p>
56
57 <el-tooltip v-else effect="dark" :content="row[item.prop]" placement="top" popper-class="tooltip-width">
58 <span class="ellipsis-line">
59 {{ row[item.prop] }}
60 </span>
61 </el-tooltip>
62 </td>
63 <td v-for="count in emptycolNum" :key="~count"></td>
64 </tr>
65 </table>
66 </div>
67 </div>
68 </div>
69 </template>
70
71 <script>
72 import { datas } from "./qlxxFormData.js";
73 import { getYydjList } from "@/api/djbDetail.js";
74 import { getSjlx, getDictLeabel } from "@/utils/dictionary.js";
75 export default {
76 data () {
77 return {
78 title: "异议登记信息",
79 qsztList: datas.columns().qsztList,
80 checkList: datas.columns().checkList,
81 //传递参数
82 bdcdyid: this.$route.query.bdcdyid,
83 qllx: this.$route.query.qllx,
84 //列表数据
85 tableData: [],
86 //空列值个数
87 emptycolNum: datas.columns().emptycolNum,
88 //列名称对象
89 columns: datas.columns().YYDJ,
90 };
91 },
92 created () {
93 this.loadData();
94 },
95 methods: {
96 /**
97 * @description: loadData
98 * @author: renchao
99 */
100 loadData () {
101 if (this.$parent.addRepairRecord) {
102 this.columns.unshift({
103 prop: "cz",
104 label: "操作"
105 })
106 }
107 getYydjList({
108 bdcdyid: this.bdcdyid,
109 qllx: this.qllx,
110 qszt: this.checkList,
111 }).then((res) => {
112 if (res.code === 200) {
113 this.tableData = res.result;
114 this.tableData.forEach((item) => {
115 item.sjlx = getSjlx(item.sjlx);
116 item.dybdclx = getDictLeabel(item.dybdclx, 'A27')
117 });
118 if (this.tableData.length < datas.columns().emptycolNum) {
119 this.emptycolNum =
120 datas.columns().emptycolNum - this.tableData.length;
121 } else {
122 this.emptycolNum = 0;
123 }
124 }
125 });
126 },
127 /**
128 * @description: checkChange
129 * @author: renchao
130 */
131 checkChange () {
132 if (this.checkList.length === 0) {
133 this.tableData = [];
134 this.emptycolNum = datas.columns().emptycolNum;
135 } else {
136 this.loadData();
137 }
138 },
139 /**
140 * @description: getQsztName
141 * @param {*} code
142 * @author: renchao
143 */
144 getQsztName (code) {
145 let name = "";
146 for (let item of this.qsztList) {
147 if (item.value == code) {
148 name = item.label;
149 break;
150 }
151 }
152 return name;
153 },
154 // 新增一条补录信息
155 /**
156 * @description: 新增一条补录信息
157 * @param {*} row
158 * @param {*} del
159 * @author: renchao
160 */
161 editDialog (row, del) {
162 this.$confirm('此操作将新增一条补录信息, 是否继续?', '提示', {
163 confirmButtonText: '确定',
164 cancelButtonText: '取消',
165 type: 'warning'
166 }).then(() => {
167 this.$parent.addRepairRecord(row, del)
168
169 this.$message({
170 type: 'success',
171 message: '补录成功!'
172 });
173 }).catch(() => {
174 this.$message({
175 type: 'info',
176 message: '取消编辑'
177 });
178 });
179
180 },
181 },
182 };
183 </script>
184
185 <style lang="scss" scoped>
186 @import "./qlxxCommon.scss";
187 </style>
1 <!--
2 * @Description :宗地基本信息
3 * @Autor : miaofang
4 * @LastEditTime: 2023-08-04 10:06:45
5 -->
6 <template>
7 <div class="tableDivCss">
8 <table cellpadding="0" cellspacing="0" class="tableCss">
9 <tr>
10 <th colspan="5" class="title">宗地基本信息</th>
11 </tr>
12 <tr>
13 <td>单位</td>
14 <td colspan="4">{{ zdjbxx.mjdw | dictionary("A7") }}</td>
15 </tr>
16 <tr>
17 <td>不动产类型</td>
18 <td colspan="4">{{ bdclxList[zdjbxx.bdclx] }}</td>
19 </tr>
20 <tr>
21 <td>坐落</td>
22 <td colspan="4">{{ zdjbxx.zl }}</td>
23 </tr>
24 <tr>
25 <td rowspan="8">土地状况</td>
26 </tr>
27 <tr>
28 <td style="width: 15%">宗地面积</td>
29 <td style="width: 30%">{{ zdjbxx.zdmj }}m²</td>
30 <td style="width: 15%">用途</td>
31 <td style="width: 30%">{{ zdjbxx.yt | dicyt("tdyt") }}</td>
32 </tr>
33 <tr>
34 <td>等级</td>
35 <td>{{ zdjbxx.djmc }}</td>
36 <td>价格</td>
37 <td>{{ zdjbxx.jg }}</td>
38 </tr>
39 <tr>
40 <td>权利类型</td>
41 <td>{{ zdjbxx.qllxmc }}</td>
42 <td>权利性质</td>
43 <td>{{ zdjbxx.qlxzmc }}</td>
44 </tr>
45 <tr>
46 <td>权利设定方式</td>
47 <td>{{ zdjbxx.qlsdfs | dictionary("A10") }}</td>
48 <td>容积率</td>
49 <td>{{ zdjbxx.rjl }}</td>
50 </tr>
51 <tr>
52 <td>建筑密度</td>
53 <td>{{ zdjbxx.jzmd }}</td>
54 <td>建筑限高</td>
55 <td>{{ zdjbxx.jzxg }}</td>
56 </tr>
57 <tr>
58 <td>图幅号</td>
59 <td>{{ zdjbxx.tfh }}</td>
60 <td>地籍号</td>
61 <td>{{ zdjbxx.djh }}</td>
62 </tr>
63 <tr>
64 <td>档案号</td>
65 <td>{{ zdjbxx.dah }}</td>
66 <td>地块代码</td>
67 <td>{{ zdjbxx.dkdm }}</td>
68 </tr>
69 <tr>
70 <td rowspan="5">宗地四至</td>
71 </tr>
72
73 <tr>
74 <td>东</td>
75 <td colspan="3">{{ zdjbxx.zdszd }}</td>
76 </tr>
77 <tr>
78 <td>南</td>
79 <td colspan="3">{{ zdjbxx.zdszn }}</td>
80 </tr>
81 <tr>
82 <td>西</td>
83 <td colspan="3">{{ zdjbxx.zdszx }}</td>
84 </tr>
85 <tr>
86 <td>北</td>
87 <td colspan="3">{{ zdjbxx.zdszb }}</td>
88 </tr>
89 <tr>
90 <td>附记</td>
91 <td colspan="4">{{ zdjbxx.fj }}</td>
92 </tr>
93 <tr v-if="showGroup">
94 <td rowspan="4">变化情况</td>
95 </tr>
96
97 <tr v-if="showGroup">
98 <td>变化原因</td>
99 <td>变化内容</td>
100 <td>登记时间</td>
101 <td>登簿人</td>
102 </tr>
103 <!-- <tr >
104 <td>{{ zdbhqks[0].bhyy }}</td>
105 <td>{{ zdbhqks[0].bhnr }}</td>
106 <td>{{ zdbhqks[0].djsj }}</td>
107 <td>{{ zdbhqks[0].dbr }}</td>
108 </tr> -->
109 </table>
110 </div>
111 </template>
112
113 <script>
114 import store from "@/store/index.js";
115 import { getZdjjxxBybdcdyid } from "@/api/djbDetail.js";
116
117 export default {
118 data () {
119 return {
120 bdcdyid: this.$route.query.bdcdyid,
121 bhqkColumns: [
122 {
123 prop: "ssywh",
124 label: "上手业务号",
125 },
126 {
127 prop: "zddm",
128 label: "宗地代码",
129 },
130 {
131 prop: "bhqzddm",
132 label: "变化前宗地代码",
133 },
134 {
135 prop: "bhnr",
136 label: "变化内容",
137 },
138 {
139 prop: "bhyy",
140 label: "变化原因",
141 },
142 {
143 prop: "djsj",
144 label: "登记时间",
145 },
146 {
147 prop: "dbr",
148 label: "登簿人",
149 },
150 {
151 prop: "fj",
152 label: "附记",
153 },
154 ],
155 bhqkTableWidth: 745,
156 zdjbxx: {},
157 zdbhqks: [],
158 propsParam: this.$attrs,
159 showGroup: false,
160 bdclxList: ["", "宗地", "宗海", "自然幢", "多幢", "构筑物", "林权", "户"],
161 foundItemaa: {},
162 foundItemaaa: {},
163 };
164 },
165 filters: {
166 dictionary: function (value, param) {
167 const foundItem = store.getters.dictData[param].find(
168 (item) => item.dcode === String(value)
169 );
170 if (foundItem) {
171 return foundItem.dname;
172 }
173 },
174 dicyt: function (value, param) {
175 const res = store.getters.dictData[param].filter((item) => {
176 if (item.dcode === String(value)) {
177 return item;
178 } else {
179 if (item.children.length) {
180 const res2 = item.children.filter((items) => {
181 if (items.dcode === String(value)) {
182 return items;
183 }
184 });
185 if (res2.length) {
186 return res2;
187
188 }
189
190 }
191 }
192 });
193 if (res[0]) {
194 return res[0].dname
195 }
196 },
197 },
198 created () {
199 this.loadData();
200 },
201 methods: {
202 /**
203 * @description: loadData
204 * @author: renchao
205 */
206 loadData () {
207 getZdjjxxBybdcdyid({ bdcdyid: this.bdcdyid }).then((res) => {
208 if (res.code === 200) {
209 this.zdjbxx = res.result.zdjbxx;
210 this.zdbhqks = res.result.zdbhqkList;
211 if (this.zdbhqks != null && this.zdbhqks.length > 0) {
212 this.showGroup = true;
213 }
214 }
215 });
216 },
217 },
218 };
219 </script>
220 <style lang="scss" scoped>
221 @import "~@/styles/tablecss.scss";
222 .tableDivCss{
223 width: 100%;
224 height: 100%;
225 background-color: rgb(255, 255, 255);
226
227 }
228 </style>
1 <!--
2 * @Description:
3 * @Autor: renchao
4 * @LastEditTime: 2023-08-23 15:57:40
5 -->
6 <template>
7 <div class="all">
8 <!-- <el-button v-if="isshow" @click="printdjb" class="printdjb"
9 >开始打印</el-button> -->
10 <component
11 :is="currentTabComponent"
12 class="tab"
13 ></component>
14 </div>
15 </template>
16
17 <script>
18 import djbfm from "./components/djbfm.vue";
19 import zdjbxx from "./components/zdjbxx.vue";
20 import fdcq1 from "./components/fdcq1.vue";
21 import fdcq2 from "./components/fdcq2.vue";
22 import jsydsyq from "./components/jsydsyq.vue";
23 import ldsyq from "./components/ldsyq.vue";
24 import nydsyq from "./components/nydsyq.vue";
25 import yydj from "./components/yydj.vue";
26 import ygdj from "./components/ygdj.vue";
27 import cfdj from "./components/cfdj.vue";
28 import diyiq from "./components/diyiq.vue";
29 import diyaq from "./components/diyaq.vue";
30 import bdcqljqtsx from "./components/bdcqljqtsx.vue";
31
32 export default {
33 components: {
34 djbfm,
35 zdjbxx,
36 fdcq1,
37 fdcq2,
38 jsydsyq,
39 ldsyq,
40 nydsyq,
41 yydj,
42 cfdj,
43 diyiq,
44 diyaq,
45 ygdj,
46 bdcqljqtsx
47 // currentTab:this.$route.query.content,
48 },
49 data() {
50 return {
51 isshow: true,
52 };
53 },
54 computed: {
55
56 currentTabComponent() {
57 return this.$route.query.content
58 }
59 },
60 mounted() {
61 this.currentTab=this.$route.query.content
62 this.printdjb()
63 },
64 methods: {
65 printdjb() {
66 this.isshow = false;
67 setTimeout(() => {
68 window.print();
69 }, 200);
70 },
71 },
72 };
73 </script>
74 <style scoped lang="scss">
75
76
77 /* 斜线 */
78 .slash1 {
79 position: absolute;
80 display: block;
81 top: 0;
82 left: 0;
83 width: 133px;
84 height: 1px;
85 background-color: #949393;
86 transform: rotate(17.93010235415598deg);
87 transform-origin: top left;
88 }
89 /* 左下角文字 */
90 .left {
91 position: absolute;
92 left: 30px;
93 bottom: 5px;
94 }
95
96 /* 右上角文字 */
97 .mid {
98 position: absolute;
99 /* 右上角 right:0; top: 0; */
100 right: 29px;
101 top: 4px;
102 }
103 </style>
...@@ -6,6 +6,7 @@ ...@@ -6,6 +6,7 @@
6 <template> 6 <template>
7 <div class="bdcqljqtsx"> 7 <div class="bdcqljqtsx">
8 <div class="content" v-if="qlxxList.ztqlmc"> 8 <div class="content" v-if="qlxxList.ztqlmc">
9 <el-button class="print" @click="print">打印</el-button>
9 <div class="title">不动产权利及其他事项<br />登记信息</div> 10 <div class="title">不动产权利及其他事项<br />登记信息</div>
10 <div> 11 <div>
11 不动产单元号: 12 不动产单元号:
...@@ -74,6 +75,15 @@ ...@@ -74,6 +75,15 @@
74 } 75 }
75 }); 76 });
76 }, 77 },
78 methods: {
79 print() {
80 console.log("this.propsParam.bdcdyid ", this.propsParam);
81 window.open(
82 `'#/printdjb?bdcdyid=${this.propsParam.bdcdyid}&qllx=${this.propsParam.qllx}&content=bdcqljqtsx`,
83 `bdcqljqtsx`
84 );
85 },
86 }
77 }; 87 };
78 </script> 88 </script>
79 89
...@@ -82,7 +92,14 @@ ...@@ -82,7 +92,14 @@
82 width: 100%; 92 width: 100%;
83 height: 100%; 93 height: 100%;
84 background: #fff; 94 background: #fff;
85 95 position: relative;
96 .print {
97 // background-color: #0079fe;
98 z-index: 10;
99 position: absolute;
100 left: 11px;
101 top: 5px;
102 }
86 .content { 103 .content {
87 width: 50%; 104 width: 50%;
88 height: 100%; 105 height: 100%;
...@@ -94,6 +111,7 @@ ...@@ -94,6 +111,7 @@
94 font-size: 18px; 111 font-size: 18px;
95 line-height: 16px; 112 line-height: 16px;
96 113
114
97 .title { 115 .title {
98 font-size: 32px; 116 font-size: 32px;
99 text-align: center; 117 text-align: center;
......
...@@ -8,12 +8,15 @@ ...@@ -8,12 +8,15 @@
8 <div class="tableBox"> 8 <div class="tableBox">
9 <div class="title"> 9 <div class="title">
10 {{ title }} 10 {{ title }}
11 <el-button class="print" @click="print">打印</el-button>
11 <div class="checkbox"> 12 <div class="checkbox">
12 <el-checkbox-group v-model="checkList" @change="checkChange"> 13 <el-checkbox-group v-model="checkList" @change="checkChange">
13 <el-checkbox 14 <el-checkbox
14 v-for="item in qsztList" 15 v-for="item in qsztList"
15 :key="item.value" 16 :key="item.value"
16 :label="item.value">{{ item.label }}</el-checkbox> 17 :label="item.value"
18 >{{ item.label }}</el-checkbox
19 >
17 </el-checkbox-group> 20 </el-checkbox-group>
18 </div> 21 </div>
19 </div> 22 </div>
...@@ -25,20 +28,34 @@ ...@@ -25,20 +28,34 @@
25 v-for="(row, index) in tableData" 28 v-for="(row, index) in tableData"
26 :key="index" 29 :key="index"
27 :class="[ 30 :class="[
28 row.qszt == '2' ? 'lishi' : '', 31 row.qszt == '2' ? 'lishi' : '',
29 row.qszt == '0' ? 'linshi' : '', 32 row.qszt == '0' ? 'linshi' : '',
30 row.qlzt == '4' ? 'linshi' : '', 33 row.qlzt == '4' ? 'linshi' : '',
31 34
32 item.prop == 'qszt' && row.qlzt == '3' ? 'linshiIcon' : '', 35 item.prop == 'qszt' && row.qlzt == '3' ? 'linshiIcon' : '',
33 item.prop == 'qszt' && row.qlzt == '2' ? 'linshiIcon' : '', 36 item.prop == 'qszt' && row.qlzt == '2' ? 'linshiIcon' : '',
34 item.prop == 'qszt' && row.qlzt == '1' ? 'xianshiIcon' : '', 37 item.prop == 'qszt' && row.qlzt == '1' ? 'xianshiIcon' : '',
35 item.prop == 'qszt' && row.qlzt == '4' ? 'zhuxiaoIcon' : '' 38 item.prop == 'qszt' && row.qlzt == '4' ? 'zhuxiaoIcon' : '',
36 ]"> 39 ]"
37 <div class="setbut" v-if="item.prop == 'cz'&&row.sjlx !='系统数据'"> 40 >
38 <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row)">编辑</el-button> 41 <div
39 <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row,'D')">删除</el-button> 42 class="setbut"
43 v-if="item.prop == 'cz' && row.sjlx != '系统数据'"
44 >
45 <el-button
46 type="text"
47 icon="el-icon-edit-outline"
48 @click="editDialog(row)"
49 >编辑</el-button
50 >
51 <el-button
52 type="text"
53 icon="el-icon-edit-outline"
54 @click="editDialog(row, 'D')"
55 >删除</el-button
56 >
40 </div> 57 </div>
41 <div class="icon" v-if="item.prop == 'qszt' &&row.qlzt == '1'"> 58 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '1'">
42 有效 59 有效
43 </div> 60 </div>
44 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '2'"> 61 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '2'">
...@@ -51,14 +68,20 @@ ...@@ -51,14 +68,20 @@
51 正在注销 68 正在注销
52 </div> 69 </div>
53 70
54 <p v-if="!['djyy','fj'].includes(item.prop)"> 71 <p v-if="!['djyy', 'fj'].includes(item.prop)">
55 <span v-if="item.prop == 'qszt'"> 72 <span v-if="item.prop == 'qszt'">
56 {{ getQsztName(row[item.prop]) }} 73 {{ getQsztName(row[item.prop]) }}
57 </span> 74 </span>
58 <span v-else>{{ row[item.prop] }}</span> 75 <span v-else>{{ row[item.prop] }}</span>
59 </p> 76 </p>
60 77
61 <el-tooltip v-else effect="dark" :content="row[item.prop]" placement="top" popper-class="tooltip-width"> 78 <el-tooltip
79 v-else
80 effect="dark"
81 :content="row[item.prop]"
82 placement="top"
83 popper-class="tooltip-width"
84 >
62 <span class="ellipsis-line"> 85 <span class="ellipsis-line">
63 {{ row[item.prop] }} 86 {{ row[item.prop] }}
64 </span> 87 </span>
...@@ -73,121 +96,138 @@ ...@@ -73,121 +96,138 @@
73 </template> 96 </template>
74 97
75 <script> 98 <script>
76 import { datas } from "./qlxxFormData.js"; 99 import { datas } from "./qlxxFormData.js";
77 import { getSjlx } from "@/utils/dictionary.js"; 100 import { getSjlx } from "@/utils/dictionary.js";
78 import { getCfdjList } from "@/api/djbDetail.js"; 101 import { getCfdjList } from "@/api/djbDetail.js";
79 export default { 102 export default {
80 data () { 103 data() {
81 return { 104 return {
82 title: "查封登记信息", 105 title: "查封登记信息",
83 qsztList: datas.columns().qsztList, 106 qsztList: datas.columns().qsztList,
84 checkList: datas.columns().checkList, 107 checkList: datas.columns().checkList,
85 //传递参数 108 //传递参数
86 propsParam: this.$attrs, 109 propsParam: this.$attrs,
87 //列表数据 110 //列表数据
88 tableData: [], 111 tableData: [],
89 //空列值个数 112 //空列值个数
90 emptycolNum: datas.columns().emptycolNum, 113 emptycolNum: datas.columns().emptycolNum,
91 //列名称对象 114 //列名称对象
92 columns: datas.columns().CFDJ, 115 columns: datas.columns().CFDJ,
93 }; 116 };
94 }, 117 },
95 created () { 118 created() {
96 this.loadData(); 119 this.loadData();
97 }, 120 },
98 methods: { 121 methods: {
99 /** 122 /**
100 * @description: loadData 123 * @description: loadData
101 * @author: renchao 124 * @author: renchao
102 */ 125 */
103 loadData () { 126 loadData() {
104 if (this.$parent.addRepairRecord) { 127 if (this.$parent.addRepairRecord) {
105 this.columns.unshift({ prop: "cz", label: "操作" }); 128 this.columns.unshift({ prop: "cz", label: "操作" });
106 } 129 }
107 getCfdjList({ 130 getCfdjList({
108 bdcdyid: this.propsParam.bdcdyid, 131 bdcdyid: this.propsParam.bdcdyid,
109 qllx: this.propsParam.qllx, 132 qllx: this.propsParam.qllx,
110 qszt: this.checkList, 133 qszt: this.checkList,
111 }).then((res) => { 134 }).then((res) => {
112 if (res.code === 200) { 135 if (res.code === 200) {
113 this.tableData = res.result; 136 this.tableData = res.result;
114 this.tableData.forEach(item => { 137 this.tableData.forEach((item) => {
115 item.sjlx = getSjlx(item.sjlx) 138 item.sjlx = getSjlx(item.sjlx);
116 }) 139 });
117 this.tableData.forEach((item, index) => { 140 this.tableData.forEach((item, index) => {
118 if (item.sfbxf == "1") { 141 if (item.sfbxf == "1") {
119 item.zxywh = ""; 142 item.zxywh = "";
120 item.zxdbr = ""; 143 item.zxdbr = "";
121 item.zxsj = ""; 144 item.zxsj = "";
122 }
123 });
124 if (this.tableData.length < datas.columns().emptycolNum) {
125 this.emptycolNum =
126 datas.columns().emptycolNum - this.tableData.length;
127 } else {
128 this.emptycolNum = 0;
129 } 145 }
146 });
147 if (this.tableData.length < datas.columns().emptycolNum) {
148 this.emptycolNum =
149 datas.columns().emptycolNum - this.tableData.length;
150 } else {
151 this.emptycolNum = 0;
130 } 152 }
131 });
132 },
133 /**
134 * @description: checkChange
135 * @author: renchao
136 */
137 checkChange () {
138 if (this.checkList.length === 0) {
139 this.tableData = [];
140 this.emptycolNum = datas.columns().emptycolNum;
141 } else {
142 this.loadData();
143 } 153 }
144 }, 154 });
145 /** 155 },
146 * @description: getQsztName 156 /**
147 * @author: renchao 157 * @description: checkChange
148 */ 158 * @author: renchao
149 getQsztName (code) { 159 */
150 let name = ""; 160 checkChange() {
151 for (let item of this.qsztList) { 161 if (this.checkList.length === 0) {
152 if (item.value == code) { 162 this.tableData = [];
153 name = item.label; 163 this.emptycolNum = datas.columns().emptycolNum;
154 break; 164 } else {
155 } 165 this.loadData();
166 }
167 },
168 /**
169 * @description: getQsztName
170 * @author: renchao
171 */
172 getQsztName(code) {
173 let name = "";
174 for (let item of this.qsztList) {
175 if (item.value == code) {
176 name = item.label;
177 break;
156 } 178 }
157 return name; 179 }
158 }, 180 return name;
159 // 新增一条补录信息 181 },
160 /** 182 // 新增一条补录信息
161 * @description: 新增一条补录信息 183 /**
162 * @param {*} row 184 * @description: 新增一条补录信息
163 * @param {*} del 185 * @param {*} row
164 * @author: renchao 186 * @param {*} del
165 */ 187 * @author: renchao
166 editDialog (row, del) { 188 */
167 this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", { 189 editDialog(row, del) {
168 confirmButtonText: "确定", 190 this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", {
169 cancelButtonText: "取消", 191 confirmButtonText: "确定",
170 type: "warning", 192 cancelButtonText: "取消",
171 }) 193 type: "warning",
172 .then(() => { 194 })
173 this.$parent.addRepairRecord(row, del); 195 .then(() => {
196 this.$parent.addRepairRecord(row, del);
174 197
175 this.$message({ 198 this.$message({
176 type: "success", 199 type: "success",
177 message: "补录成功!", 200 message: "补录成功!",
178 });
179 })
180 .catch(() => {
181 this.$message({
182 type: "info",
183 message: "取消编辑",
184 });
185 }); 201 });
186 }, 202 })
203 .catch(() => {
204 this.$message({
205 type: "info",
206 message: "取消编辑",
207 });
208 });
209 },
210 print() {
211 console.log("this.propsParam.bdcdyid ", this.propsParam);
212 window.open(
213 `'#/printdjb?bdcdyid=${this.propsParam.bdcdyid}&qllx=${this.propsParam.qllx}&content=cfdj`,
214 `cfdj`
215 );
187 }, 216 },
188 }; 217 },
218 };
189 </script> 219 </script>
190 220
191 <style lang="scss" scoped> 221 <style lang="scss" scoped>
192 @import "./qlxxCommon.scss"; 222 @import "./qlxxCommon.scss";
223 .title {
224 position: relative;
225 .print {
226 // background-color: #0079fe;
227 z-index: 10;
228 position: absolute;
229 left: 11px;
230 top: 5px;
231 }
232 }
193 </style> 233 </style>
......
...@@ -8,12 +8,15 @@ ...@@ -8,12 +8,15 @@
8 <div class="tableBox"> 8 <div class="tableBox">
9 <div class="title"> 9 <div class="title">
10 {{ title }} 10 {{ title }}
11 <el-button class="print" @click="print">打印</el-button>
11 <div class="checkbox"> 12 <div class="checkbox">
12 <el-checkbox-group v-model="checkList" @change="checkChange"> 13 <el-checkbox-group v-model="checkList" @change="checkChange">
13 <el-checkbox 14 <el-checkbox
14 v-for="item in qsztList" 15 v-for="item in qsztList"
15 :key="item.value" 16 :key="item.value"
16 :label="item.value">{{ item.label }}</el-checkbox> 17 :label="item.value"
18 >{{ item.label }}</el-checkbox
19 >
17 </el-checkbox-group> 20 </el-checkbox-group>
18 </div> 21 </div>
19 </div> 22 </div>
...@@ -35,18 +38,26 @@ ...@@ -35,18 +38,26 @@
35 item.prop == 'qszt' && row.qlzt == '2' ? 'linshiIcon' : '', 38 item.prop == 'qszt' && row.qlzt == '2' ? 'linshiIcon' : '',
36 item.prop == 'qszt' && row.qlzt == '1' ? 'xianshiIcon' : '', 39 item.prop == 'qszt' && row.qlzt == '1' ? 'xianshiIcon' : '',
37 item.prop == 'qszt' && row.qlzt == '4' ? 'zhuxiaoIcon' : '', 40 item.prop == 'qszt' && row.qlzt == '4' ? 'zhuxiaoIcon' : '',
38 ]"> 41 ]"
39 <div class="setbut" v-if="item.prop == 'cz'&&row.sjlx !='系统数据'"> 42 >
43 <div
44 class="setbut"
45 v-if="item.prop == 'cz' && row.sjlx != '系统数据'"
46 >
40 <el-button 47 <el-button
41 type="text" 48 type="text"
42 icon="el-icon-edit-outline" 49 icon="el-icon-edit-outline"
43 @click="editDialog(row)">编辑</el-button> 50 @click="editDialog(row)"
51 >编辑</el-button
52 >
44 <el-button 53 <el-button
45 type="text" 54 type="text"
46 icon="el-icon-edit-outline" 55 icon="el-icon-edit-outline"
47 @click="editDialog(row, 'D')">删除</el-button> 56 @click="editDialog(row, 'D')"
57 >删除</el-button
58 >
48 </div> 59 </div>
49 <div class="icon" v-if="item.prop == 'qszt' &&row.qlzt == '1'"> 60 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '1'">
50 有效 61 有效
51 </div> 62 </div>
52 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '2'"> 63 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '2'">
...@@ -59,14 +70,20 @@ ...@@ -59,14 +70,20 @@
59 正在注销 70 正在注销
60 </div> 71 </div>
61 72
62 <p v-if="!['djyy','fj'].includes(item.prop)"> 73 <p v-if="!['djyy', 'fj'].includes(item.prop)">
63 <span v-if="item.prop == 'qszt'"> 74 <span v-if="item.prop == 'qszt'">
64 {{ getQsztName(row[item.prop]) }} 75 {{ getQsztName(row[item.prop]) }}
65 </span> 76 </span>
66 <span v-else>{{ row[item.prop] }}</span> 77 <span v-else>{{ row[item.prop] }}</span>
67 </p> 78 </p>
68 79
69 <el-tooltip v-else effect="dark" :content="row[item.prop]" placement="top" popper-class="tooltip-width"> 80 <el-tooltip
81 v-else
82 effect="dark"
83 :content="row[item.prop]"
84 placement="top"
85 popper-class="tooltip-width"
86 >
70 <span class="ellipsis-line"> 87 <span class="ellipsis-line">
71 {{ row[item.prop] }} 88 {{ row[item.prop] }}
72 </span> 89 </span>
...@@ -81,115 +98,132 @@ ...@@ -81,115 +98,132 @@
81 </template> 98 </template>
82 99
83 <script> 100 <script>
84 import { datas } from "./qlxxFormData.js"; 101 import { datas } from "./qlxxFormData.js";
85 import { getSjlx, getDictLeabel } from "@/utils/dictionary.js"; 102 import { getSjlx, getDictLeabel } from "@/utils/dictionary.js";
86 import { getDiyaqList } from "@/api/djbDetail.js"; 103 import { getDiyaqList } from "@/api/djbDetail.js";
87 export default { 104 export default {
88 data () { 105 data() {
89 return { 106 return {
90 title: "抵押权登记信息", 107 title: "抵押权登记信息",
91 qsztList: datas.columns().qsztList, 108 qsztList: datas.columns().qsztList,
92 checkList: datas.columns().checkList, 109 checkList: datas.columns().checkList,
93 //传递参数 110 //传递参数
94 propsParam: this.$attrs, 111 propsParam: this.$attrs,
95 //列表数据 112 //列表数据
96 tableData: [], 113 tableData: [],
97 //空列值个数 114 //空列值个数
98 emptycolNum: datas.columns().emptycolNum, 115 emptycolNum: datas.columns().emptycolNum,
99 //列名称对象 116 //列名称对象
100 columns: datas.columns().DYAQ, 117 columns: datas.columns().DYAQ,
101 }; 118 };
102 }, 119 },
103 created () { 120 created() {
104 this.loadData(); 121 this.loadData();
105 }, 122 },
106 methods: { 123 methods: {
107 /** 124 /**
108 * @description: loadData 125 * @description: loadData
109 * @author: renchao 126 * @author: renchao
110 */ 127 */
111 loadData () { 128 loadData() {
112 if (this.$parent.addRepairRecord) { 129 if (this.$parent.addRepairRecord) {
113 this.columns.unshift({ prop: "cz", label: "操作" }); 130 this.columns.unshift({ prop: "cz", label: "操作" });
114 } 131 }
115 getDiyaqList({ 132 getDiyaqList({
116 bdcdyid: this.propsParam.bdcdyid, 133 bdcdyid: this.propsParam.bdcdyid,
117 qllx: this.propsParam.qllx, 134 qllx: this.propsParam.qllx,
118 qszt: this.checkList, 135 qszt: this.checkList,
119 }).then((res) => { 136 }).then((res) => {
120 if (res.code === 200) { 137 if (res.code === 200) {
121 this.tableData = res.result; 138 this.tableData = res.result;
122 this.tableData.forEach((item) => { 139 this.tableData.forEach((item) => {
123 item.sjlx = getSjlx(item.sjlx); 140 item.sjlx = getSjlx(item.sjlx);
124 item.dybdclx = getDictLeabel(item.dybdclx, 'A27') 141 item.dybdclx = getDictLeabel(item.dybdclx, "A27");
125 }); 142 });
126 if (this.tableData.length < datas.columns().emptycolNum) { 143 if (this.tableData.length < datas.columns().emptycolNum) {
127 this.emptycolNum = 144 this.emptycolNum =
128 datas.columns().emptycolNum - this.tableData.length; 145 datas.columns().emptycolNum - this.tableData.length;
129 } else { 146 } else {
130 this.emptycolNum = 0; 147 this.emptycolNum = 0;
131 }
132 } 148 }
133 });
134 },
135 /**
136 * @description: checkChange
137 * @author: renchao
138 */
139 checkChange () {
140 if (this.checkList.length === 0) {
141 this.tableData = [];
142 this.emptycolNum = datas.columns().emptycolNum;
143 } else {
144 this.loadData();
145 } 149 }
146 }, 150 });
147 /** 151 },
148 * @description: getQsztName 152 /**
149 * @param {*} code 153 * @description: checkChange
150 * @author: renchao 154 * @author: renchao
151 */ 155 */
152 getQsztName (code) { 156 checkChange() {
153 let name = ""; 157 if (this.checkList.length === 0) {
154 for (let item of this.qsztList) { 158 this.tableData = [];
155 if (item.value == code) { 159 this.emptycolNum = datas.columns().emptycolNum;
156 name = item.label; 160 } else {
157 break; 161 this.loadData();
158 } 162 }
163 },
164 /**
165 * @description: getQsztName
166 * @param {*} code
167 * @author: renchao
168 */
169 getQsztName(code) {
170 let name = "";
171 for (let item of this.qsztList) {
172 if (item.value == code) {
173 name = item.label;
174 break;
159 } 175 }
160 return name; 176 }
161 }, 177 return name;
162 // 新增一条补录信息 178 },
163 /** 179 // 新增一条补录信息
164 * @description: 新增一条补录信息 180 /**
165 * @param {*} row 181 * @description: 新增一条补录信息
166 * @param {*} del 182 * @param {*} row
167 * @author: renchao 183 * @param {*} del
168 */ 184 * @author: renchao
169 editDialog (row, del) { 185 */
170 this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", { 186 editDialog(row, del) {
171 confirmButtonText: "确定", 187 this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", {
172 cancelButtonText: "取消", 188 confirmButtonText: "确定",
173 type: "warning", 189 cancelButtonText: "取消",
190 type: "warning",
191 })
192 .then(() => {
193 this.$parent.addRepairRecord(row, del);
194 this.$message({
195 type: "success",
196 message: "补录成功!",
197 });
174 }) 198 })
175 .then(() => { 199 .catch(() => {
176 this.$parent.addRepairRecord(row, del); 200 this.$message({
177 this.$message({ 201 type: "info",
178 type: "success", 202 message: "取消编辑",
179 message: "补录成功!",
180 });
181 })
182 .catch(() => {
183 this.$message({
184 type: "info",
185 message: "取消编辑",
186 });
187 }); 203 });
188 }, 204 });
205 },
206 print() {
207 console.log("this.propsParam.bdcdyid ", this.propsParam);
208 window.open(
209 `'#/printdjb?bdcdyid=${this.propsParam.bdcdyid}&qllx=${this.propsParam.qllx}&content=diyaq`,
210 `diyaq`
211 );
189 }, 212 },
190 }; 213 },
214 };
191 </script> 215 </script>
192 216
193 <style lang="scss" scoped> 217 <style lang="scss" scoped>
194 @import "./qlxxCommon.scss"; 218 @import "./qlxxCommon.scss";
219 .title {
220 position: relative;
221 .print {
222 // background-color: #0079fe;
223 z-index: 10;
224 position: absolute;
225 left: 11px;
226 top: 5px;
227 }
228 }
195 </style> 229 </style>
......
...@@ -8,12 +8,15 @@ ...@@ -8,12 +8,15 @@
8 <div class="tableBox"> 8 <div class="tableBox">
9 <div class="title"> 9 <div class="title">
10 {{ title }} 10 {{ title }}
11 <el-button class="print" @click="print">打印</el-button>
11 <div class="checkbox"> 12 <div class="checkbox">
12 <el-checkbox-group v-model="checkList" @change="checkChange"> 13 <el-checkbox-group v-model="checkList" @change="checkChange">
13 <el-checkbox 14 <el-checkbox
14 v-for="item in qsztList" 15 v-for="item in qsztList"
15 :key="item.value" 16 :key="item.value"
16 :label="item.value">{{ item.label }}</el-checkbox> 17 :label="item.value"
18 >{{ item.label }}</el-checkbox
19 >
17 </el-checkbox-group> 20 </el-checkbox-group>
18 </div> 21 </div>
19 </div> 22 </div>
...@@ -27,20 +30,34 @@ ...@@ -27,20 +30,34 @@
27 v-for="(row, index) in tableData" 30 v-for="(row, index) in tableData"
28 :key="index" 31 :key="index"
29 :class="[ 32 :class="[
30 row.qszt == '2' ? 'lishi' : '', 33 row.qszt == '2' ? 'lishi' : '',
31 row.qszt == '0' ? 'linshi' : '', 34 row.qszt == '0' ? 'linshi' : '',
32 row.qlzt == '4' ? 'linshi' : '', 35 row.qlzt == '4' ? 'linshi' : '',
33 36
34 item.prop == 'qszt' && row.qlzt == '3' ? 'linshiIcon' : '', 37 item.prop == 'qszt' && row.qlzt == '3' ? 'linshiIcon' : '',
35 item.prop == 'qszt' && row.qlzt == '2' ? 'linshiIcon' : '', 38 item.prop == 'qszt' && row.qlzt == '2' ? 'linshiIcon' : '',
36 item.prop == 'qszt' && row.qlzt == '1' ? 'xianshiIcon' : '', 39 item.prop == 'qszt' && row.qlzt == '1' ? 'xianshiIcon' : '',
37 item.prop == 'qszt' && row.qlzt == '4' ? 'zhuxiaoIcon' : '' 40 item.prop == 'qszt' && row.qlzt == '4' ? 'zhuxiaoIcon' : '',
38 ]"> 41 ]"
39 <div class="setbut" v-if="item.prop == 'cz'&&row.sjlx !='系统数据'"> 42 >
40 <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row)">编辑</el-button> 43 <div
41 <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row,'D')">删除</el-button> 44 class="setbut"
45 v-if="item.prop == 'cz' && row.sjlx != '系统数据'"
46 >
47 <el-button
48 type="text"
49 icon="el-icon-edit-outline"
50 @click="editDialog(row)"
51 >编辑</el-button
52 >
53 <el-button
54 type="text"
55 icon="el-icon-edit-outline"
56 @click="editDialog(row, 'D')"
57 >删除</el-button
58 >
42 </div> 59 </div>
43 <div class="icon" v-if="item.prop == 'qszt' &&row.qlzt == '1'"> 60 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '1'">
44 有效 61 有效
45 </div> 62 </div>
46 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '2'"> 63 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '2'">
...@@ -53,14 +70,20 @@ ...@@ -53,14 +70,20 @@
53 正在注销 70 正在注销
54 </div> 71 </div>
55 72
56 <p v-if="!['djyy','fj'].includes(item.prop)"> 73 <p v-if="!['djyy', 'fj'].includes(item.prop)">
57 <span v-if="item.prop == 'qszt'"> 74 <span v-if="item.prop == 'qszt'">
58 {{ getQsztName(row[item.prop]) }} 75 {{ getQsztName(row[item.prop]) }}
59 </span> 76 </span>
60 <span v-else>{{ row[item.prop] }}</span> 77 <span v-else>{{ row[item.prop] }}</span>
61 </p> 78 </p>
62 79
63 <el-tooltip v-else effect="dark" :content="row[item.prop]" placement="top" popper-class="tooltip-width"> 80 <el-tooltip
81 v-else
82 effect="dark"
83 :content="row[item.prop]"
84 placement="top"
85 popper-class="tooltip-width"
86 >
64 <span class="ellipsis-line"> 87 <span class="ellipsis-line">
65 {{ row[item.prop] }} 88 {{ row[item.prop] }}
66 </span> 89 </span>
...@@ -75,116 +98,133 @@ ...@@ -75,116 +98,133 @@
75 </template> 98 </template>
76 99
77 <script> 100 <script>
78 import { datas } from "./qlxxFormData.js"; 101 import { datas } from "./qlxxFormData.js";
79 import { getSjlx, getDictLeabel } from "@/utils/dictionary.js"; 102 import { getSjlx, getDictLeabel } from "@/utils/dictionary.js";
80 import { getDiyiqList } from "@/api/djbDetail.js"; 103 import { getDiyiqList } from "@/api/djbDetail.js";
81 export default { 104 export default {
82 data () { 105 data() {
83 return { 106 return {
84 title: "地役权登记信息", 107 title: "地役权登记信息",
85 qsztList: datas.columns().qsztList, 108 qsztList: datas.columns().qsztList,
86 checkList: datas.columns().checkList, 109 checkList: datas.columns().checkList,
87 //传递参数 110 //传递参数
88 propsParam: this.$attrs, 111 propsParam: this.$attrs,
89 //列表数据 112 //列表数据
90 tableData: [], 113 tableData: [],
91 //空列值个数 114 //空列值个数
92 emptycolNum: datas.columns().emptycolNum, 115 emptycolNum: datas.columns().emptycolNum,
93 //列名称对象 116 //列名称对象
94 columns: datas.columns().DYIQ, 117 columns: datas.columns().DYIQ,
95 }; 118 };
96 }, 119 },
97 created () { 120 created() {
98 this.loadData(); 121 this.loadData();
99 }, 122 },
100 methods: { 123 methods: {
101 /** 124 /**
102 * @description: loadData 125 * @description: loadData
103 * @author: renchao 126 * @author: renchao
104 */ 127 */
105 loadData () { 128 loadData() {
106 if (this.$parent.addRepairRecord) { 129 if (this.$parent.addRepairRecord) {
107 this.columns.unshift({ prop: "cz", label: "操作" }); 130 this.columns.unshift({ prop: "cz", label: "操作" });
108 } 131 }
109 getDiyiqList({ 132 getDiyiqList({
110 bdcdyid: this.propsParam.bdcdyid, 133 bdcdyid: this.propsParam.bdcdyid,
111 qllx: this.propsParam.qllx, 134 qllx: this.propsParam.qllx,
112 qszt: this.checkList, 135 qszt: this.checkList,
113 }).then((res) => { 136 }).then((res) => {
114 if (res.code === 200) { 137 if (res.code === 200) {
115 this.tableData = res.result; 138 this.tableData = res.result;
116 this.tableData.forEach((item) => { 139 this.tableData.forEach((item) => {
117 item.sjlx = getSjlx(item.sjlx); 140 item.sjlx = getSjlx(item.sjlx);
118 item.dybdclx = getDictLeabel(item.dybdclx, 'A27') 141 item.dybdclx = getDictLeabel(item.dybdclx, "A27");
119 }); 142 });
120 if (this.tableData.length < datas.columns().emptycolNum) { 143 if (this.tableData.length < datas.columns().emptycolNum) {
121 this.emptycolNum = 144 this.emptycolNum =
122 datas.columns().emptycolNum - this.tableData.length; 145 datas.columns().emptycolNum - this.tableData.length;
123 } else { 146 } else {
124 this.emptycolNum = 0; 147 this.emptycolNum = 0;
125 }
126 } 148 }
127 });
128 },
129 /**
130 * @description: checkChange
131 * @author: renchao
132 */
133 checkChange () {
134 if (this.checkList.length === 0) {
135 this.tableData = [];
136 this.emptycolNum = datas.columns().emptycolNum;
137 } else {
138 this.loadData();
139 } 149 }
140 }, 150 });
141 /** 151 },
142 * @description: getQsztName 152 /**
143 * @param {*} code 153 * @description: checkChange
144 * @author: renchao 154 * @author: renchao
145 */ 155 */
146 getQsztName (code) { 156 checkChange() {
147 let name = ""; 157 if (this.checkList.length === 0) {
148 for (let item of this.qsztList) { 158 this.tableData = [];
149 if (item.value == code) { 159 this.emptycolNum = datas.columns().emptycolNum;
150 name = item.label; 160 } else {
151 break; 161 this.loadData();
152 } 162 }
163 },
164 /**
165 * @description: getQsztName
166 * @param {*} code
167 * @author: renchao
168 */
169 getQsztName(code) {
170 let name = "";
171 for (let item of this.qsztList) {
172 if (item.value == code) {
173 name = item.label;
174 break;
153 } 175 }
154 return name; 176 }
155 }, 177 return name;
156 // 新增一条补录信息 178 },
157 /** 179 // 新增一条补录信息
158 * @description: 新增一条补录信息 180 /**
159 * @param {*} row 181 * @description: 新增一条补录信息
160 * @param {*} del 182 * @param {*} row
161 * @author: renchao 183 * @param {*} del
162 */ 184 * @author: renchao
163 editDialog (row, del) { 185 */
164 this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", { 186 editDialog(row, del) {
165 confirmButtonText: "确定", 187 this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", {
166 cancelButtonText: "取消", 188 confirmButtonText: "确定",
167 type: "warning", 189 cancelButtonText: "取消",
168 }) 190 type: "warning",
169 .then(() => { 191 })
170 this.$parent.addRepairRecord(row, del); 192 .then(() => {
193 this.$parent.addRepairRecord(row, del);
171 194
172 this.$message({ 195 this.$message({
173 type: "success", 196 type: "success",
174 message: "补录成功!", 197 message: "补录成功!",
175 });
176 })
177 .catch(() => {
178 this.$message({
179 type: "info",
180 message: "取消编辑",
181 });
182 }); 198 });
183 }, 199 })
200 .catch(() => {
201 this.$message({
202 type: "info",
203 message: "取消编辑",
204 });
205 });
206 },
207 print() {
208 console.log("this.propsParam.bdcdyid ", this.propsParam);
209 window.open(
210 `'#/printdjb?bdcdyid=${this.propsParam.bdcdyid}&qllx=${this.propsParam.qllx}&content=diyiq`,
211 `diyiq`
212 );
184 }, 213 },
185 }; 214 },
215 };
186 </script> 216 </script>
187 217
188 <style lang="scss" scoped> 218 <style lang="scss" scoped>
189 @import "./qlxxCommon.scss"; 219 @import "./qlxxCommon.scss";
220 .title {
221 position: relative;
222 .print {
223 // background-color: #0079fe;
224 z-index: 10;
225 position: absolute;
226 left: 11px;
227 top: 5px;
228 }
229 }
190 </style> 230 </style>
......
...@@ -16,7 +16,7 @@ ...@@ -16,7 +16,7 @@
16 node-key="id" 16 node-key="id"
17 :default-checked-keys="[showTab]"> 17 :default-checked-keys="[showTab]">
18 </el-tree> 18 </el-tree>
19 <el-collapse v-model="activeName" accordion> 19 <el-collapse v-model="activeName" accordion @change="handleChange">
20 <el-collapse-item 20 <el-collapse-item
21 class="sfqqq" 21 class="sfqqq"
22 ref="sfq" 22 ref="sfq"
...@@ -149,8 +149,6 @@ ...@@ -149,8 +149,6 @@
149 this.iskey = index 149 this.iskey = index
150 } 150 }
151 }) 151 })
152 // this.$refs.tree.setCurrentKey(this.defaultNode.id); //data[0].id为默认选中的节点
153 // this.loadComponent(this.defaultNode.form);
154 152
155 this.setstyle(0, 0, this.iskey); 153 this.setstyle(0, 0, this.iskey);
156 154
...@@ -215,11 +213,11 @@ ...@@ -215,11 +213,11 @@
215 this.currentSelectProps.bdcdyid = data.bdcdyid; 213 this.currentSelectProps.bdcdyid = data.bdcdyid;
216 this.loadComponent(data.form); 214 this.loadComponent(data.form);
217 } else { 215 } else {
218 let newindex = this.sfqdata.findIndex((item) => { 216 this.loadComponent(data.form);
217 let newindex = this.sfqdata.findIndex((item) => {
219 return item.bdcdyid == data.bdcdyid; 218 return item.bdcdyid == data.bdcdyid;
220 }); 219 });
221 this.setstyle(newindex, index, this.iskey); 220 this.setstyle(newindex, index);
222 this.currentSelectProps.bdcdyid = data.bdcdyid;
223 } 221 }
224 222
225 }, 223 },
......
...@@ -6,6 +6,7 @@ ...@@ -6,6 +6,7 @@
6 <template> 6 <template>
7 <div class="djbfm"> 7 <div class="djbfm">
8 <br /><br /> 8 <br /><br />
9 <el-button class="print" @click="print">打印</el-button>
9 <p> 10 <p>
10 <font>{{ info.sheng }}</font> 11 <font>{{ info.sheng }}</font>
11 省 (区、市) 12 省 (区、市)
...@@ -63,6 +64,10 @@ ...@@ -63,6 +64,10 @@
63 } 64 }
64 }); 65 });
65 }, 66 },
67 print(){
68 console.log("this.propsParam.bdcdyid ",this.propsParam);
69 window.open(`'#/printdjb?bdcdyid=${this.propsParam.bdcdyid}&qllx=${this.propsParam.qllx}&content=djbfm`, `djbfm`);
70 }
66 }, 71 },
67 }; 72 };
68 </script> 73 </script>
...@@ -78,7 +83,15 @@ ...@@ -78,7 +83,15 @@
78 font-size: 18px; 83 font-size: 18px;
79 font-family: serif; 84 font-family: serif;
80 position: relative; 85 position: relative;
86 .print{
87 // background-color: #0079fe;
88 z-index: 10;
89 position: absolute;
90 left: 11px;
91 top: 5px;
92
81 93
94 }
82 font { 95 font {
83 border-bottom: 1px solid #000; 96 border-bottom: 1px solid #000;
84 display: inline-block; 97 display: inline-block;
......
...@@ -3,34 +3,61 @@ ...@@ -3,34 +3,61 @@
3 <div class="tableBox"> 3 <div class="tableBox">
4 <div class="title"> 4 <div class="title">
5 {{ title }} 5 {{ title }}
6 <el-button class="print" @click="print">打印</el-button>
6 <div class="checkbox"> 7 <div class="checkbox">
7 <el-checkbox-group v-model="checkList" @change="checkChange"> 8 <el-checkbox-group v-model="checkList" @change="checkChange">
8 <el-checkbox v-for="item in qsztList" :key="item.value" :label="item.value">{{ item.label }}</el-checkbox> 9 <el-checkbox
10 v-for="item in qsztList"
11 :key="item.value"
12 :label="item.value"
13 >{{ item.label }}</el-checkbox
14 >
9 </el-checkbox-group> 15 </el-checkbox-group>
10 </div> 16 </div>
11 </div> 17 </div>
12 <div class="xxTableBox rollTable"> 18 <div class="xxTableBox rollTable">
13 <!-- 固定前三个 --> 19 <!-- 固定前三个 -->
14 <table class="xxTable"> 20 <table class="xxTable">
15 <tr v-for="(item, colindex) in columns" :class="judge(item.label) ? 'cols':''" :key="colindex"> 21 <tr
22 v-for="(item, colindex) in columns"
23 :class="judge(item.label) ? 'cols' : ''"
24 :key="colindex"
25 >
16 <td> 26 <td>
17 {{ item.label }} 27 {{ item.label }}
18 </td> 28 </td>
19 <td v-for="(row, index) in tableData" :key="index" :class="[ 29 <td
20 row.qszt == '2' ? 'lishi' : '', 30 v-for="(row, index) in tableData"
21 row.qszt == '0' ? 'linshi' : '', 31 :key="index"
22 row.qlzt == '4' ? 'linshi' : '', 32 :class="[
33 row.qszt == '2' ? 'lishi' : '',
34 row.qszt == '0' ? 'linshi' : '',
35 row.qlzt == '4' ? 'linshi' : '',
23 36
24 item.prop == 'qszt' && row.qlzt == '3' ? 'linshiIcon' : '', 37 item.prop == 'qszt' && row.qlzt == '3' ? 'linshiIcon' : '',
25 item.prop == 'qszt' && row.qlzt == '2' ? 'linshiIcon' : '', 38 item.prop == 'qszt' && row.qlzt == '2' ? 'linshiIcon' : '',
26 item.prop == 'qszt' && row.qlzt == '1' ? 'xianshiIcon' : '', 39 item.prop == 'qszt' && row.qlzt == '1' ? 'xianshiIcon' : '',
27 item.prop == 'qszt' && row.qlzt == '4' ? 'zhuxiaoIcon' : '' 40 item.prop == 'qszt' && row.qlzt == '4' ? 'zhuxiaoIcon' : '',
28 ]"> 41 ]"
29 <div class="setbut" v-if="item.prop == 'cz'&&row.sjlx !='系统数据'"> 42 >
30 <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row)">编辑</el-button> 43 <div
31 <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row,'D')">删除</el-button> 44 class="setbut"
45 v-if="item.prop == 'cz' && row.sjlx != '系统数据'"
46 >
47 <el-button
48 type="text"
49 icon="el-icon-edit-outline"
50 @click="editDialog(row)"
51 >编辑</el-button
52 >
53 <el-button
54 type="text"
55 icon="el-icon-edit-outline"
56 @click="editDialog(row, 'D')"
57 >删除</el-button
58 >
32 </div> 59 </div>
33 <div class="icon" v-if="item.prop == 'qszt' &&row.qlzt == '1'"> 60 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '1'">
34 有效 61 有效
35 </div> 62 </div>
36 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '2'"> 63 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '2'">
...@@ -46,17 +73,33 @@ ...@@ -46,17 +73,33 @@
46 {{ getQsztName(row[item.prop]) }} 73 {{ getQsztName(row[item.prop]) }}
47 </span> 74 </span>
48 75
49 <el-tooltip v-if="['djyy','fj'].includes(item.prop)" effect="dark" :content="row[item.prop]" placement="top" popper-class="tooltip-width"> 76 <el-tooltip
77 v-if="['djyy', 'fj'].includes(item.prop)"
78 effect="dark"
79 :content="row[item.prop]"
80 placement="top"
81 popper-class="tooltip-width"
82 >
50 <span class="ellipsis-line"> 83 <span class="ellipsis-line">
51 {{ row[item.prop] }} 84 {{ row[item.prop] }}
52 </span> 85 </span>
53 </el-tooltip> 86 </el-tooltip>
54 87
55 <span v-if="(item.prop !== 'qszt' && item.prop !== 'djyy'&& item.prop !== 'fj') && !judge(item.label)"> 88 <span
89 v-if="
90 item.prop !== 'qszt' &&
91 item.prop !== 'djyy' &&
92 item.prop !== 'fj' &&
93 !judge(item.label)
94 "
95 >
56 {{ row[item.prop] }} 96 {{ row[item.prop] }}
57 </span> 97 </span>
58 <div class="many" v-if="judge(item.label)"> 98 <div class="many" v-if="judge(item.label)">
59 <div v-for="(label, index) in row.djQlxxFdcqxmDoList" :key="index"> 99 <div
100 v-for="(label, index) in row.djQlxxFdcqxmDoList"
101 :key="index"
102 >
60 {{ label[item.prop] }} 103 {{ label[item.prop] }}
61 </div> 104 </div>
62 </div> 105 </div>
...@@ -70,148 +113,170 @@ ...@@ -70,148 +113,170 @@
70 </template> 113 </template>
71 114
72 <script> 115 <script>
73 import { datas } from "./qlxxFormData.js"; 116 import { datas } from "./qlxxFormData.js";
74 import { getSjlx } from "@/utils/dictionary.js"; 117 import { getSjlx } from "@/utils/dictionary.js";
75 import { getFdcq1List } from "@/api/djbDetail.js"; 118 import { getFdcq1List } from "@/api/djbDetail.js";
76 export default { 119 export default {
77 data () { 120 data() {
78 return { 121 return {
79 title: "房地产权登记信息（多幢）", 122 title: "房地产权登记信息（多幢）",
80 qsztList: datas.columns().qsztList, 123 qsztList: datas.columns().qsztList,
81 checkList: datas.columns().checkList, 124 checkList: datas.columns().checkList,
82 //传递参数 125 //传递参数
83 propsParam: this.$attrs, 126 propsParam: this.$attrs,
84 //列表数据 127 //列表数据
85 tableData: [], 128 tableData: [],
86 //空列值个数 129 //空列值个数
87 emptycolNum: datas.columns().emptycolNum, 130 emptycolNum: datas.columns().emptycolNum,
88 //列名称对象 131 //列名称对象
89 columns: datas.columns().FDCQ1, 132 columns: datas.columns().FDCQ1,
90 }; 133 };
91 }, 134 },
92 created () { 135 created() {
93 this.loadData(); 136 this.loadData();
94 }, 137 },
95 methods: { 138 methods: {
96 /** 139 /**
97 * @description: loadData 140 * @description: loadData
98 * @author: renchao 141 * @author: renchao
99 */ 142 */
100 loadData () { 143 loadData() {
101 if (this.$parent.addRepairRecord) { 144 if (this.$parent.addRepairRecord) {
102 this.columns.unshift({ 145 this.columns.unshift({
103 prop: "cz", 146 prop: "cz",
104 label: "操作" 147 label: "操作",
105 })
106 }
107 getFdcq1List({
108 bdcdyid: this.propsParam.bdcdyid,
109 qllx: this.propsParam.qllx,
110 qszt: this.checkList,
111 }).then((res) => {
112 if (res.code === 200) {
113 this.tableData = res.result;
114 this.tableData.forEach(item => {
115 item.sjlx = getSjlx(item.sjlx)
116 })
117 if (this.tableData.length < datas.columns().emptycolNum) {
118 this.emptycolNum =
119 datas.columns().emptycolNum - this.tableData.length;
120 } else {
121 this.emptycolNum = 0;
122 }
123 }
124 }); 148 });
125 }, 149 }
126 /** 150 getFdcq1List({
127 * @description: checkChange 151 bdcdyid: this.propsParam.bdcdyid,
128 * @author: renchao 152 qllx: this.propsParam.qllx,
129 */ 153 qszt: this.checkList,
130 checkChange () { 154 }).then((res) => {
131 if (this.checkList.length === 0) { 155 if (res.code === 200) {
132 this.tableData = []; 156 this.tableData = res.result;
133 this.emptycolNum = datas.columns().emptycolNum; 157 this.tableData.forEach((item) => {
134 } else { 158 item.sjlx = getSjlx(item.sjlx);
135 this.loadData(); 159 });
136 } 160 if (this.tableData.length < datas.columns().emptycolNum) {
137 }, 161 this.emptycolNum =
138 /** 162 datas.columns().emptycolNum - this.tableData.length;
139 * @description: getQsztName 163 } else {
140 * @param {*} code 164 this.emptycolNum = 0;
141 * @author: renchao
142 */
143 getQsztName (code) {
144 let name = "";
145 for (let item of this.qsztList) {
146 if (item.value == code) {
147 name = item.label;
148 break;
149 } 165 }
150 } 166 }
151 return name; 167 });
152 }, 168 },
153 /** 169 /**
154 * @description: judge 170 * @description: checkChange
155 * @param {*} lable 171 * @author: renchao
156 * @author: renchao 172 */
157 */ 173 checkChange() {
158 judge (label) { 174 if (this.checkList.length === 0) {
159 if ('项目名称幢号总层数规划用途用途名称批准用途实际用途房屋结构房屋结构名称建筑面积竣工时间总套数'.indexOf(label) > -1) { 175 this.tableData = [];
160 return true 176 this.emptycolNum = datas.columns().emptycolNum;
161 } else { 177 } else {
162 return false 178 this.loadData();
179 }
180 },
181 /**
182 * @description: getQsztName
183 * @param {*} code
184 * @author: renchao
185 */
186 getQsztName(code) {
187 let name = "";
188 for (let item of this.qsztList) {
189 if (item.value == code) {
190 name = item.label;
191 break;
163 } 192 }
164 }, 193 }
165 // 新增一条补录信息 194 return name;
166 /** 195 },
167 * @description: 新增一条补录信息 196 /**
168 * @param {*} row 197 * @description: judge
169 * @param {*} del 198 * @param {*} lable
170 * @author: renchao 199 * @author: renchao
171 */ 200 */
172 editDialog (row, del) { 201 judge(label) {
173 this.$confirm('此操作将新增一条补录信息, 是否继续?', '提示', { 202 if (
174 confirmButtonText: '确定', 203 "项目名称幢号总层数规划用途用途名称批准用途实际用途房屋结构房屋结构名称建筑面积竣工时间总套数".indexOf(
175 cancelButtonText: '取消', 204 label
176 type: 'warning' 205 ) > -1
177 }).then(() => { 206 ) {
178 this.$parent.addRepairRecord(row, del) 207 return true;
208 } else {
209 return false;
210 }
211 },
212 // 新增一条补录信息
213 /**
214 * @description: 新增一条补录信息
215 * @param {*} row
216 * @param {*} del
217 * @author: renchao
218 */
219 editDialog(row, del) {
220 this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", {
221 confirmButtonText: "确定",
222 cancelButtonText: "取消",
223 type: "warning",
224 })
225 .then(() => {
226 this.$parent.addRepairRecord(row, del);
179 227
180 this.$message({ 228 this.$message({
181 type: 'success', 229 type: "success",
182 message: '补录成功!' 230 message: "补录成功!",
183 }); 231 });
184 }).catch(() => { 232 })
233 .catch(() => {
185 this.$message({ 234 this.$message({
186 type: 'info', 235 type: "info",
187 message: '取消编辑' 236 message: "取消编辑",
188 }); 237 });
189 }); 238 });
190
191 },
192 }, 239 },
193 }; 240 print() {
241 console.log("this.propsParam.bdcdyid ", this.propsParam);
242 window.open(
243 `'#/printdjb?bdcdyid=${this.propsParam.bdcdyid}&qllx=${this.propsParam.qllx}&content=fdcq1`,
244 `fdcq1`
245 );
246 },
247 },
248 };
194 </script> 249 </script>
195 250
196 <style lang="scss" scoped> 251 <style lang="scss" scoped>
197 @import "./qlxxCommon.scss"; 252 @import "./qlxxCommon.scss";
198 .cols { 253 .cols {
199 td { 254 td {
200 .many { 255 .many {
201 width: 100%; 256 width: 100%;
202 height: 100%; 257 height: 100%;
203 display: flex; 258 display: flex;
204 flex-direction: row; 259 flex-direction: row;
205 div { 260 div {
206 flex: 1; 261 flex: 1;
207 border-right: 2px solid #e3e2e2; 262 border-right: 2px solid #e3e2e2;
208 line-height: 40px; 263 line-height: 40px;
209 overflow: unset; 264 overflow: unset;
210 } 265 }
211 div:last-child { 266 div:last-child {
212 border: 0; 267 border: 0;
213 }
214 } 268 }
215 } 269 }
216 } 270 }
271 }
272 .title {
273 position: relative;
274 .print {
275 // background-color: #0079fe;
276 z-index: 10;
277 position: absolute;
278 left: 11px;
279 top: 5px;
280 }
281 }
217 </style> 282 </style>
......
...@@ -8,12 +8,15 @@ ...@@ -8,12 +8,15 @@
8 <div class="tableBox"> 8 <div class="tableBox">
9 <div class="title"> 9 <div class="title">
10 {{ title }} 10 {{ title }}
11 <el-button class="print" @click="print">打印</el-button>
11 <div class="checkbox"> 12 <div class="checkbox">
12 <el-checkbox-group v-model="checkList" @change="checkChange"> 13 <el-checkbox-group v-model="checkList" @change="checkChange">
13 <el-checkbox 14 <el-checkbox
14 v-for="item in qsztList" 15 v-for="item in qsztList"
15 :key="item.value" 16 :key="item.value"
16 :label="item.value">{{ item.label }}</el-checkbox> 17 :label="item.value"
18 >{{ item.label }}</el-checkbox
19 >
17 </el-checkbox-group> 20 </el-checkbox-group>
18 </div> 21 </div>
19 </div> 22 </div>
...@@ -34,19 +37,27 @@ ...@@ -34,19 +37,27 @@
34 item.prop == 'qszt' && row.qlzt == '3' ? 'linshiIcon' : '', 37 item.prop == 'qszt' && row.qlzt == '3' ? 'linshiIcon' : '',
35 item.prop == 'qszt' && row.qlzt == '2' ? 'linshiIcon' : '', 38 item.prop == 'qszt' && row.qlzt == '2' ? 'linshiIcon' : '',
36 item.prop == 'qszt' && row.qlzt == '1' ? 'xianshiIcon' : '', 39 item.prop == 'qszt' && row.qlzt == '1' ? 'xianshiIcon' : '',
37 item.prop == 'qszt' && row.qlzt == '4' ? 'zhuxiaoIcon' : '' 40 item.prop == 'qszt' && row.qlzt == '4' ? 'zhuxiaoIcon' : '',
38 ]"> 41 ]"
39 <div class="setbut" v-if="item.prop == 'cz'&&row.sjlx !='系统数据'"> 42 >
43 <div
44 class="setbut"
45 v-if="item.prop == 'cz' && row.sjlx != '系统数据'"
46 >
40 <el-button 47 <el-button
41 type="text" 48 type="text"
42 icon="el-icon-edit-outline" 49 icon="el-icon-edit-outline"
43 @click="editDialog(row)">编辑</el-button> 50 @click="editDialog(row)"
51 >编辑</el-button
52 >
44 <el-button 53 <el-button
45 type="text" 54 type="text"
46 icon="el-icon-edit-outline" 55 icon="el-icon-edit-outline"
47 @click="editDialog(row, 'D')">删除</el-button> 56 @click="editDialog(row, 'D')"
57 >删除</el-button
58 >
48 </div> 59 </div>
49 <div class="icon" v-if="item.prop == 'qszt' &&row.qlzt == '1'"> 60 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '1'">
50 有效 61 有效
51 </div> 62 </div>
52 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '2'"> 63 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '2'">
...@@ -59,19 +70,24 @@ ...@@ -59,19 +70,24 @@
59 正在注销 70 正在注销
60 </div> 71 </div>
61 72
62 <p v-if="!['djyy','fj'].includes(item.prop)"> 73 <p v-if="!['djyy', 'fj'].includes(item.prop)">
63 <span v-if="item.prop == 'qszt'"> 74 <span v-if="item.prop == 'qszt'">
64 {{ getQsztName(row[item.prop]) }} 75 {{ getQsztName(row[item.prop]) }}
65 </span> 76 </span>
66 <span v-else>{{ row[item.prop] }}</span> 77 <span v-else>{{ row[item.prop] }}</span>
67 </p> 78 </p>
68 79
69 <el-tooltip v-else effect="dark" :content="row[item.prop]" placement="top" popper-class="tooltip-width"> 80 <el-tooltip
81 v-else
82 effect="dark"
83 :content="row[item.prop]"
84 placement="top"
85 popper-class="tooltip-width"
86 >
70 <span class="ellipsis-line"> 87 <span class="ellipsis-line">
71 {{ row[item.prop] }} 88 {{ row[item.prop] }}
72 </span> 89 </span>
73 </el-tooltip> 90 </el-tooltip>
74
75 </td> 91 </td>
76 <td v-for="count in emptycolNum" :key="~count"></td> 92 <td v-for="count in emptycolNum" :key="~count"></td>
77 </tr> 93 </tr>
...@@ -82,110 +98,127 @@ ...@@ -82,110 +98,127 @@
82 </template> 98 </template>
83 99
84 <script> 100 <script>
85 import { datas } from "./qlxxFormData.js"; 101 import { datas } from "./qlxxFormData.js";
86 import { getSjlx } from "@/utils/dictionary.js"; 102 import { getSjlx } from "@/utils/dictionary.js";
87 import { getFdcq2List } from "@/api/djbDetail.js"; 103 import { getFdcq2List } from "@/api/djbDetail.js";
88 export default { 104 export default {
89 data () { 105 data() {
90 return { 106 return {
91 title: "房地产权登记信息（独幢、层、套、间房屋）", 107 title: "房地产权登记信息（独幢、层、套、间房屋）",
92 qsztList: datas.columns().qsztList, 108 qsztList: datas.columns().qsztList,
93 checkList: datas.columns().checkList, 109 checkList: datas.columns().checkList,
94 //传递参数 110 //传递参数
95 propsParam: this.$attrs, 111 propsParam: this.$attrs,
96 //列表数据 112 //列表数据
97 tableData: [], 113 tableData: [],
98 //空列值个数 114 //空列值个数
99 emptycolNum: datas.columns().emptycolNum, 115 emptycolNum: datas.columns().emptycolNum,
100 //列名称对象 116 //列名称对象
101 columns: datas.columns().FDCQ2, 117 columns: datas.columns().FDCQ2,
102 }; 118 };
103 }, 119 },
104 created () { 120 created() {
105 this.loadData(); 121 this.loadData();
106 }, 122 },
107 methods: { 123 methods: {
108 /** 124 /**
109 * @description: loadData 125 * @description: loadData
110 * @author: renchao 126 * @author: renchao
111 */ 127 */
112 loadData () { 128 loadData() {
113 if (this.$parent.addRepairRecord) { 129 if (this.$parent.addRepairRecord) {
114 this.columns.unshift({ prop: "cz", label: "操作" }); 130 this.columns.unshift({ prop: "cz", label: "操作" });
115 } 131 }
116 getFdcq2List({ 132 getFdcq2List({
117 bdcdyid: this.propsParam.bdcdyid, 133 bdcdyid: this.propsParam.bdcdyid,
118 qllx: this.propsParam.qllx, 134 qllx: this.propsParam.qllx,
119 qszt: this.checkList, 135 qszt: this.checkList,
120 }).then((res) => { 136 }).then((res) => {
121 if (res.code === 200) { 137 if (res.code === 200) {
122 this.tableData = res.result; 138 this.tableData = res.result;
123 this.tableData.forEach((item) => { 139 this.tableData.forEach((item) => {
124 item.sjlx = getSjlx(item.sjlx); 140 item.sjlx = getSjlx(item.sjlx);
125 }); 141 });
126 if (this.tableData.length < datas.columns().emptycolNum) { 142 if (this.tableData.length < datas.columns().emptycolNum) {
127 this.emptycolNum = 143 this.emptycolNum =
128 datas.columns().emptycolNum - this.tableData.length; 144 datas.columns().emptycolNum - this.tableData.length;
129 } else { 145 } else {
130 this.emptycolNum = 0; 146 this.emptycolNum = 0;
131 }
132 } 147 }
133 });
134 },
135 /**
136 * @description: checkChange
137 * @author: renchao
138 */
139 checkChange () {
140 if (this.checkList.length === 0) {
141 this.tableData = [];
142 this.emptycolNum = datas.columns().emptycolNum;
143 } else {
144 this.loadData();
145 } 148 }
146 }, 149 });
147 /** 150 },
148 * @description: getQsztName 151 /**
149 * @param {*} code 152 * @description: checkChange
150 * @author: renchao 153 * @author: renchao
151 */ 154 */
152 getQsztName (code) { 155 checkChange() {
153 let name = ""; 156 if (this.checkList.length === 0) {
154 for (let item of this.qsztList) { 157 this.tableData = [];
155 if (item.value == code) { 158 this.emptycolNum = datas.columns().emptycolNum;
156 name = item.label; 159 } else {
157 break; 160 this.loadData();
158 } 161 }
162 },
163 /**
164 * @description: getQsztName
165 * @param {*} code
166 * @author: renchao
167 */
168 getQsztName(code) {
169 let name = "";
170 for (let item of this.qsztList) {
171 if (item.value == code) {
172 name = item.label;
173 break;
159 } 174 }
160 return name; 175 }
161 }, 176 return name;
162 // 新增一条补录信息 177 },
163 /** 178 // 新增一条补录信息
164 * @description: 新增一条补录信息 179 /**
165 * @param {*} row 180 * @description: 新增一条补录信息
166 * @param {*} del 181 * @param {*} row
167 * @author: renchao 182 * @param {*} del
168 */ 183 * @author: renchao
169 editDialog (row, del) { 184 */
170 this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", { 185 editDialog(row, del) {
171 confirmButtonText: "确定", 186 this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", {
172 cancelButtonText: "取消", 187 confirmButtonText: "确定",
173 type: "warning", 188 cancelButtonText: "取消",
189 type: "warning",
190 })
191 .then(() => {
192 this.$parent.addRepairRecord(row, del);
174 }) 193 })
175 .then(() => { 194 .catch(() => {
176 this.$parent.addRepairRecord(row, del); 195 this.$message({
177 }) 196 type: "info",
178 .catch(() => { 197 message: "取消",
179 this.$message({
180 type: "info",
181 message: "取消",
182 });
183 }); 198 });
184 }, 199 });
200 },
201 print() {
202 console.log("this.propsParam.bdcdyid ", this.propsParam);
203 window.open(
204 `'#/printdjb?bdcdyid=${this.propsParam.bdcdyid}&qllx=${this.propsParam.qllx}&content=fdcq2`,
205 `fdcq2`
206 );
185 }, 207 },
186 }; 208 },
209 };
187 </script> 210 </script>
188 211
189 <style lang="scss" scoped> 212 <style lang="scss" scoped>
190 @import "./qlxxCommon.scss"; 213 @import "./qlxxCommon.scss";
214 .title {
215 position: relative;
216 .print {
217 // background-color: #0079fe;
218 z-index: 10;
219 position: absolute;
220 left: 11px;
221 top: 5px;
222 }
223 }
191 </style> 224 </style>
......
...@@ -8,9 +8,15 @@ ...@@ -8,9 +8,15 @@
8 <div class="tableBox"> 8 <div class="tableBox">
9 <div class="title"> 9 <div class="title">
10 {{ title }} 10 {{ title }}
11 <el-button class="print" @click="print">打印</el-button>
11 <div class="checkbox"> 12 <div class="checkbox">
12 <el-checkbox-group v-model="checkList" @change="checkChange"> 13 <el-checkbox-group v-model="checkList" @change="checkChange">
13 <el-checkbox v-for="item in qsztList" :key="item.value" :label="item.value">{{ item.label }}</el-checkbox> 14 <el-checkbox
15 v-for="item in qsztList"
16 :key="item.value"
17 :label="item.value"
18 >{{ item.label }}</el-checkbox
19 >
14 </el-checkbox-group> 20 </el-checkbox-group>
15 </div> 21 </div>
16 </div> 22 </div>
...@@ -21,21 +27,38 @@ ...@@ -21,21 +27,38 @@
21 <td> 27 <td>
22 {{ item.label }} 28 {{ item.label }}
23 </td> 29 </td>
24 <td v-for="(row, index) in tableData" :key="index" :class="[ 30 <td
25 row.qszt == '2' ? 'lishi' : '', 31 v-for="(row, index) in tableData"
26 row.qszt == '0' ? 'linshi' : '', 32 :key="index"
27 row.qlzt == '4' ? 'linshi' : '', 33 :class="[
34 row.qszt == '2' ? 'lishi' : '',
35 row.qszt == '0' ? 'linshi' : '',
36 row.qlzt == '4' ? 'linshi' : '',
28 37
29 item.prop == 'qszt' && row.qlzt == '3' ? 'linshiIcon' : '', 38 item.prop == 'qszt' && row.qlzt == '3' ? 'linshiIcon' : '',
30 item.prop == 'qszt' && row.qlzt == '2' ? 'linshiIcon' : '', 39 item.prop == 'qszt' && row.qlzt == '2' ? 'linshiIcon' : '',
31 item.prop == 'qszt' && row.qlzt == '1' ? 'xianshiIcon' : '', 40 item.prop == 'qszt' && row.qlzt == '1' ? 'xianshiIcon' : '',
32 item.prop == 'qszt' && row.qlzt == '4' ? 'zhuxiaoIcon' : '' 41 item.prop == 'qszt' && row.qlzt == '4' ? 'zhuxiaoIcon' : '',
33 ]"> 42 ]"
34 <div class="setbut" v-if="item.prop == 'cz'&&row.sjlx !='系统数据'"> 43 >
35 <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row)">编辑</el-button> 44 <div
36 <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row,'D')">删除</el-button> 45 class="setbut"
46 v-if="item.prop == 'cz' && row.sjlx != '系统数据'"
47 >
48 <el-button
49 type="text"
50 icon="el-icon-edit-outline"
51 @click="editDialog(row)"
52 >编辑</el-button
53 >
54 <el-button
55 type="text"
56 icon="el-icon-edit-outline"
57 @click="editDialog(row, 'D')"
58 >删除</el-button
59 >
37 </div> 60 </div>
38 <div class="icon" v-if="item.prop == 'qszt' &&row.qlzt == '1'"> 61 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '1'">
39 有效 62 有效
40 </div> 63 </div>
41 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '2'"> 64 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '2'">
...@@ -48,13 +71,19 @@ ...@@ -48,13 +71,19 @@
48 正在注销 71 正在注销
49 </div> 72 </div>
50 73
51 <p v-if="!['djyy','fj'].includes(item.prop)"> 74 <p v-if="!['djyy', 'fj'].includes(item.prop)">
52 <span v-if="item.prop == 'qszt'"> 75 <span v-if="item.prop == 'qszt'">
53 {{ getQsztName(row[item.prop]) }} 76 {{ getQsztName(row[item.prop]) }}
54 </span> 77 </span>
55 <span v-else>{{ row[item.prop] }}</span> 78 <span v-else>{{ row[item.prop] }}</span>
56 </p> 79 </p>
57 <el-tooltip v-else effect="dark" :content="row[item.prop]" placement="top" popper-class="tooltip-width"> 80 <el-tooltip
81 v-else
82 effect="dark"
83 :content="row[item.prop]"
84 placement="top"
85 popper-class="tooltip-width"
86 >
58 <span class="ellipsis-line"> 87 <span class="ellipsis-line">
59 {{ row[item.prop] }} 88 {{ row[item.prop] }}
60 </span> 89 </span>
...@@ -69,118 +98,135 @@ ...@@ -69,118 +98,135 @@
69 </template> 98 </template>
70 99
71 <script> 100 <script>
72 import { datas } from "./qlxxFormData.js"; 101 import { datas } from "./qlxxFormData.js";
73 import { getSjlx } from "@/utils/dictionary.js"; 102 import { getSjlx } from "@/utils/dictionary.js";
74 import { getJsydsyqList } from "@/api/djbDetail.js"; 103 import { getJsydsyqList } from "@/api/djbDetail.js";
75 export default { 104 export default {
76 data () { 105 data() {
77 return { 106 return {
78 title: "建设用地使用权、宅基地使用权登记信息", 107 title: "建设用地使用权、宅基地使用权登记信息",
79 qsztList: datas.columns().qsztList, 108 qsztList: datas.columns().qsztList,
80 checkList: datas.columns().checkList, 109 checkList: datas.columns().checkList,
81 //传递参数 110 //传递参数
82 propsParam: this.$attrs, 111 propsParam: this.$attrs,
83 //列表数据 112 //列表数据
84 tableData: [], 113 tableData: [],
85 //空列值个数 114 //空列值个数
86 emptycolNum: datas.columns().emptycolNum, 115 emptycolNum: datas.columns().emptycolNum,
87 //列名称对象 116 //列名称对象
88 columns: datas.columns().JSYDSYQ, 117 columns: datas.columns().JSYDSYQ,
89 }; 118 };
90 }, 119 },
91 created () { 120 created() {
92 this.loadData(); 121 this.loadData();
93 }, 122 },
94 methods: { 123 methods: {
95 /** 124 /**
96 * @description: loadData 125 * @description: loadData
97 * @author: renchao 126 * @author: renchao
98 */ 127 */
99 loadData () { 128 loadData() {
100 129 if (this.$parent.addRepairRecord) {
101 if (this.$parent.addRepairRecord) { 130 this.columns.unshift({
102 this.columns.unshift({ 131 prop: "cz",
103 prop: "cz", 132 label: "操作",
104 label: "操作"
105 })
106 }
107 getJsydsyqList({
108 bdcdyid: this.propsParam.bdcdyid,
109 qllx: this.propsParam.qllx,
110 qszt: this.checkList,
111 }).then((res) => {
112 if (res.code === 200) {
113 this.tableData = res.result;
114 this.tableData.forEach(item => {
115 item.sjlx = getSjlx(item.sjlx)
116 })
117 if (this.tableData.length < datas.columns().emptycolNum) {
118 this.emptycolNum =
119 datas.columns().emptycolNum - this.tableData.length;
120 } else {
121 this.emptycolNum = 0;
122 }
123 }
124 }); 133 });
125 }, 134 }
126 /** 135 getJsydsyqList({
127 * @description: checkChange 136 bdcdyid: this.propsParam.bdcdyid,
128 * @author: renchao 137 qllx: this.propsParam.qllx,
129 */ 138 qszt: this.checkList,
130 checkChange () { 139 }).then((res) => {
131 if (this.checkList.length === 0) { 140 if (res.code === 200) {
132 this.tableData = []; 141 this.tableData = res.result;
133 this.emptycolNum = datas.columns().emptycolNum; 142 this.tableData.forEach((item) => {
134 } else { 143 item.sjlx = getSjlx(item.sjlx);
135 this.loadData(); 144 });
136 } 145 if (this.tableData.length < datas.columns().emptycolNum) {
137 }, 146 this.emptycolNum =
138 /** 147 datas.columns().emptycolNum - this.tableData.length;
139 * @description: getQsztName 148 } else {
140 * @param {*} code 149 this.emptycolNum = 0;
141 * @author: renchao
142 */
143 getQsztName (code) {
144 let name = "";
145 for (let item of this.qsztList) {
146 if (item.value == code) {
147 name = item.label;
148 break;
149 } 150 }
150 } 151 }
151 return name; 152 });
152 }, 153 },
153 // 新增一条补录信息 154 /**
154 /** 155 * @description: checkChange
155 * @description: 新增一条补录信息 156 * @author: renchao
156 * @param {*} row 157 */
157 * @param {*} del 158 checkChange() {
158 * @author: renchao 159 if (this.checkList.length === 0) {
159 */ 160 this.tableData = [];
160 editDialog (row, del) { 161 this.emptycolNum = datas.columns().emptycolNum;
161 this.$confirm('此操作将新增一条补录信息, 是否继续?', '提示', { 162 } else {
162 confirmButtonText: '确定', 163 this.loadData();
163 cancelButtonText: '取消', 164 }
164 type: 'warning' 165 },
165 }).then(() => { 166 /**
166 this.$parent.addRepairRecord(row, del) 167 * @description: getQsztName
168 * @param {*} code
169 * @author: renchao
170 */
171 getQsztName(code) {
172 let name = "";
173 for (let item of this.qsztList) {
174 if (item.value == code) {
175 name = item.label;
176 break;
177 }
178 }
179 return name;
180 },
181 // 新增一条补录信息
182 /**
183 * @description: 新增一条补录信息
184 * @param {*} row
185 * @param {*} del
186 * @author: renchao
187 */
188 editDialog(row, del) {
189 this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", {
190 confirmButtonText: "确定",
191 cancelButtonText: "取消",
192 type: "warning",
193 })
194 .then(() => {
195 this.$parent.addRepairRecord(row, del);
167 196
168 this.$message({ 197 this.$message({
169 type: 'success', 198 type: "success",
170 message: '补录成功!' 199 message: "补录成功!",
171 }); 200 });
172 }).catch(() => { 201 })
202 .catch(() => {
173 this.$message({ 203 this.$message({
174 type: 'info', 204 type: "info",
175 message: '取消编辑' 205 message: "取消编辑",
176 }); 206 });
177 }); 207 });
178
179 },
180 }, 208 },
181 }; 209 print() {
210 console.log("this.propsParam.bdcdyid ", this.propsParam);
211 window.open(
212 `'#/printdjb?bdcdyid=${this.propsParam.bdcdyid}&qllx=${this.propsParam.qllx}&content=jsydsyq`,
213 `jsydsyq`
214 );
215 },
216 },
217 };
182 </script> 218 </script>
183 219
184 <style lang="scss" scoped> 220 <style lang="scss" scoped>
185 @import "./qlxxCommon.scss"; 221 @import "./qlxxCommon.scss";
222 .title {
223 position: relative;
224 .print {
225 // background-color: #0079fe;
226 z-index: 10;
227 position: absolute;
228 left: 11px;
229 top: 5px;
230 }
231 }
186 </style> 232 </style>
......
...@@ -8,12 +8,15 @@ ...@@ -8,12 +8,15 @@
8 <div class="tableBox"> 8 <div class="tableBox">
9 <div class="title"> 9 <div class="title">
10 {{ title }} 10 {{ title }}
11 <el-button class="print" @click="print">打印</el-button>
11 <div class="checkbox"> 12 <div class="checkbox">
12 <el-checkbox-group v-model="checkList" @change="checkChange"> 13 <el-checkbox-group v-model="checkList" @change="checkChange">
13 <el-checkbox 14 <el-checkbox
14 v-for="item in qsztList" 15 v-for="item in qsztList"
15 :key="item.value" 16 :key="item.value"
16 :label="item.value">{{ item.label }}</el-checkbox> 17 :label="item.value"
18 >{{ item.label }}</el-checkbox
19 >
17 </el-checkbox-group> 20 </el-checkbox-group>
18 </div> 21 </div>
19 </div> 22 </div>
...@@ -29,33 +32,60 @@ ...@@ -29,33 +32,60 @@
29 row.qszt == '2' ? 'lishi' : '', 32 row.qszt == '2' ? 'lishi' : '',
30 row.qszt == '0' ? 'linshi' : '', 33 row.qszt == '0' ? 'linshi' : '',
31 row.qlzt == '4' ? 'linshi' : '', 34 row.qlzt == '4' ? 'linshi' : '',
32 35
33 item.prop == 'qszt' && row.qlzt == '3' ? 'linshiIcon' : '', 36 item.prop == 'qszt' && row.qlzt == '3' ? 'linshiIcon' : '',
34 item.prop == 'qszt' && row.qlzt == '2' ? 'linshiIcon' : '', 37 item.prop == 'qszt' && row.qlzt == '2' ? 'linshiIcon' : '',
35 item.prop == 'qszt' && row.qlzt == '1' ? 'xianshiIcon' : '', 38 item.prop == 'qszt' && row.qlzt == '1' ? 'xianshiIcon' : '',
36 item.prop == 'qszt' && row.qlzt == '4' ? 'zhuxiaoIcon' : '' 39 item.prop == 'qszt' && row.qlzt == '4' ? 'zhuxiaoIcon' : '',
37 ]"> 40 ]"
38 <div class="setbut" v-if="item.prop == 'cz'&&row.sjlx !='系统数据'"> 41 >
39 <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row)">编辑</el-button> 42 <div
40 <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row,'D')">删除</el-button> 43 class="setbut"
44 v-if="item.prop == 'cz' && row.sjlx != '系统数据'"
45 >
46 <el-button
47 type="text"
48 icon="el-icon-edit-outline"
49 @click="editDialog(row)"
50 >编辑</el-button
51 >
52 <el-button
53 type="text"
54 icon="el-icon-edit-outline"
55 @click="editDialog(row, 'D')"
56 >删除</el-button
57 >
58 </div>
59 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '1'">
60 有效
61 </div>
62 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '2'">
63 正在补录
64 </div>
65 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '3'">
66 正在申请
67 </div>
68 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '4'">
69 正在注销
41 </div> 70 </div>
42 <div class="icon" v-if="item.prop == 'qszt' &&row.qlzt == '1'">有效</div>
43 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '2'">正在补录</div>
44 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '3'">正在申请</div>
45 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '4'">正在注销</div>
46 71
47 <p v-if="!['djyy','fj'].includes(item.prop)"> 72 <p v-if="!['djyy', 'fj'].includes(item.prop)">
48 <span v-if="item.prop == 'qszt'"> 73 <span v-if="item.prop == 'qszt'">
49 {{ getQsztName(row[item.prop]) }} 74 {{ getQsztName(row[item.prop]) }}
50 </span> 75 </span>
51 <span v-else>{{ row[item.prop] }}</span> 76 <span v-else>{{ row[item.prop] }}</span>
52 </p> 77 </p>
53 <el-tooltip v-else effect="dark" :content="row[item.prop]" placement="top" popper-class="tooltip-width"> 78 <el-tooltip
79 v-else
80 effect="dark"
81 :content="row[item.prop]"
82 placement="top"
83 popper-class="tooltip-width"
84 >
54 <span class="ellipsis-line"> 85 <span class="ellipsis-line">
55 {{ row[item.prop] }} 86 {{ row[item.prop] }}
56 </span> 87 </span>
57 </el-tooltip> 88 </el-tooltip>
58
59 </td> 89 </td>
60 <td v-for="count in emptycolNum" :key="~count"></td> 90 <td v-for="count in emptycolNum" :key="~count"></td>
61 </tr> 91 </tr>
...@@ -64,124 +94,140 @@ ...@@ -64,124 +94,140 @@
64 </div> 94 </div>
65 </div> 95 </div>
66 </template> 96 </template>
67 97
68 <script> 98 <script>
69 import { datas } from "./qlxxFormData.js"; 99 import { datas } from "./qlxxFormData.js";
70 import { getSjlx, getDictLeabel } from "@/utils/dictionary.js"; 100 import { getSjlx, getDictLeabel } from "@/utils/dictionary.js";
71 import { getLqList } from "@/api/djbDetail.js"; 101 import { getLqList } from "@/api/djbDetail.js";
72 export default { 102 export default {
73 data () { 103 data() {
74 return { 104 return {
75 title: "林权登记信息", 105 title: "林权登记信息",
76 qsztList: datas.columns().qsztList, 106 qsztList: datas.columns().qsztList,
77 checkList: datas.columns().checkList, 107 checkList: datas.columns().checkList,
78 //传递参数 108 //传递参数
79 propsParam: this.$attrs, 109 propsParam: this.$attrs,
80 //列表数据 110 //列表数据
81 tableData: [], 111 tableData: [],
82 //空列值个数 112 //空列值个数
83 emptycolNum: datas.columns().emptycolNum, 113 emptycolNum: datas.columns().emptycolNum,
84 //列名称对象 114 //列名称对象
85 columns: datas.columns().LDSYQ, 115 columns: datas.columns().LDSYQ,
86 }; 116 };
87 }, 117 },
88 created () { 118 created() {
89 this.loadData(); 119 this.loadData();
90 }, 120 },
91 methods: { 121 methods: {
92 /** 122 /**
93 * @description: loadData 123 * @description: loadData
94 * @author: renchao 124 * @author: renchao
95 */ 125 */
96 loadData () { 126 loadData() {
97 if (this.$parent.addRepairRecord) { 127 if (this.$parent.addRepairRecord) {
98 this.columns.unshift({ 128 this.columns.unshift({
99 prop: "cz", 129 prop: "cz",
100 label: "操作", 130 label: "操作",
131 });
132 }
133 getLqList({
134 bdcdyid: this.propsParam.bdcdyid,
135 qllx: this.propsParam.qllx,
136 qszt: this.checkList,
137 }).then((res) => {
138 if (res.code === 200) {
139 this.tableData = res.result;
140 this.tableData.forEach((item) => {
141 item.sjlx = getSjlx(item.sjlx);
142 item.ldsyqxz = getDictLeabel(item.ldsyqxz, "A45");
143 item.lz = getDictLeabel(item.lz, "A26");
144 item.qy = getDictLeabel(item.qy, "A52");
101 }); 145 });
102 } 146 if (this.tableData.length < datas.columns().emptycolNum) {
103 getLqList({ 147 this.emptycolNum =
104 bdcdyid: this.propsParam.bdcdyid, 148 datas.columns().emptycolNum - this.tableData.length;
105 qllx: this.propsParam.qllx, 149 } else {
106 qszt: this.checkList, 150 this.emptycolNum = 0;
107 }).then((res) => {
108 if (res.code === 200) {
109 this.tableData = res.result;
110 this.tableData.forEach((item) => {
111 item.sjlx = getSjlx(item.sjlx);
112 item.ldsyqxz = getDictLeabel(item.ldsyqxz, 'A45')
113 item.lz = getDictLeabel(item.lz, 'A26')
114 item.qy = getDictLeabel(item.qy, 'A52')
115 });
116 if (this.tableData.length < datas.columns().emptycolNum) {
117 this.emptycolNum =
118 datas.columns().emptycolNum - this.tableData.length;
119 } else {
120 this.emptycolNum = 0;
121 }
122 } 151 }
123 });
124 },
125 /**
126 * @description: checkChange
127 * @author: renchao
128 */
129 checkChange () {
130 if (this.checkList.length === 0) {
131 this.tableData = [];
132 this.emptycolNum = datas.columns().emptycolNum;
133 } else {
134 this.loadData();
135 } 152 }
136 }, 153 });
137 /** 154 },
138 * @description: getQsztName 155 /**
139 * @param {*} code 156 * @description: checkChange
140 * @author: renchao 157 * @author: renchao
141 */ 158 */
142 getQsztName (code) { 159 checkChange() {
143 let name = ""; 160 if (this.checkList.length === 0) {
144 for (let item of this.qsztList) { 161 this.tableData = [];
145 if (item.value == code) { 162 this.emptycolNum = datas.columns().emptycolNum;
146 name = item.label; 163 } else {
147 break; 164 this.loadData();
148 } 165 }
166 },
167 /**
168 * @description: getQsztName
169 * @param {*} code
170 * @author: renchao
171 */
172 getQsztName(code) {
173 let name = "";
174 for (let item of this.qsztList) {
175 if (item.value == code) {
176 name = item.label;
177 break;
149 } 178 }
150 return name; 179 }
151 }, 180 return name;
152 // 新增一条补录信息 181 },
153 /** 182 // 新增一条补录信息
154 * @description: 新增一条补录信息 183 /**
155 * @param {*} row 184 * @description: 新增一条补录信息
156 * @param {*} del 185 * @param {*} row
157 * @author: renchao 186 * @param {*} del
158 */ 187 * @author: renchao
159 editDialog (row, del) { 188 */
160 this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", { 189 editDialog(row, del) {
161 confirmButtonText: "确定", 190 this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", {
162 cancelButtonText: "取消", 191 confirmButtonText: "确定",
163 type: "warning", 192 cancelButtonText: "取消",
164 }) 193 type: "warning",
165 .then(() => { 194 })
166 this.$parent.addRepairRecord(row, del); 195 .then(() => {
196 this.$parent.addRepairRecord(row, del);
167 197
168 this.$message({ 198 this.$message({
169 type: "success", 199 type: "success",
170 message: "补录成功!", 200 message: "补录成功!",
171 });
172 })
173 .catch(() => {
174 this.$message({
175 type: "info",
176 message: "取消编辑",
177 });
178 }); 201 });
179 }, 202 })
203 .catch(() => {
204 this.$message({
205 type: "info",
206 message: "取消编辑",
207 });
208 });
180 }, 209 },
181 }; 210 print() {
211 console.log("this.propsParam.bdcdyid ", this.propsParam);
212 window.open(
213 `'#/printdjb?bdcdyid=${this.propsParam.bdcdyid}&qllx=${this.propsParam.qllx}&content=ldsyq`,
214 `ldsyq`
215 );
216 },
217 },
218 };
182 </script> 219 </script>
183 220
184 <style lang="scss" scoped> 221 <style lang="scss" scoped>
185 @import "./qlxxCommon.scss"; 222 @import "./qlxxCommon.scss";
223 .title {
224 position: relative;
225 .print {
226 // background-color: #0079fe;
227 z-index: 10;
228 position: absolute;
229 left: 11px;
230 top: 5px;
231 }
232 }
186 </style> 233 </style>
187
...\ No newline at end of file ...\ No newline at end of file
......
...@@ -8,9 +8,15 @@ ...@@ -8,9 +8,15 @@
8 <div class="tableBox"> 8 <div class="tableBox">
9 <div class="title"> 9 <div class="title">
10 {{ title }} 10 {{ title }}
11 <el-button class="print" @click="print">打印</el-button>
11 <div class="checkbox"> 12 <div class="checkbox">
12 <el-checkbox-group v-model="checkList" @change="checkChange"> 13 <el-checkbox-group v-model="checkList" @change="checkChange">
13 <el-checkbox v-for="item in qsztList" :key="item.value" :label="item.value">{{ item.label }}</el-checkbox> 14 <el-checkbox
15 v-for="item in qsztList"
16 :key="item.value"
17 :label="item.value"
18 >{{ item.label }}</el-checkbox
19 >
14 </el-checkbox-group> 20 </el-checkbox-group>
15 </div> 21 </div>
16 </div> 22 </div>
...@@ -21,46 +27,60 @@ ...@@ -21,46 +27,60 @@
21 <td> 27 <td>
22 {{ item.label }} 28 {{ item.label }}
23 </td> 29 </td>
24 <td v-for="(row, index) in tableData" :key="index" :class="[ 30 <td
25 row.qszt == '2' ? 'lishi' : '', 31 v-for="(row, index) in tableData"
26 row.qszt == '0' ? 'linshi' : '', 32 :key="index"
27 row.qlzt == '4' ? 'linshi' : '', 33 :class="[
34 row.qszt == '2' ? 'lishi' : '',
35 row.qszt == '0' ? 'linshi' : '',
36 row.qlzt == '4' ? 'linshi' : '',
28 37
29 item.prop == 'qszt' && row.qlzt == '3' ? 'linshiIcon' : '', 38 item.prop == 'qszt' && row.qlzt == '3' ? 'linshiIcon' : '',
30 item.prop == 'qszt' && row.qlzt == '2' ? 'linshiIcon' : '', 39 item.prop == 'qszt' && row.qlzt == '2' ? 'linshiIcon' : '',
31 item.prop == 'qszt' && row.qlzt == '1' ? 'xianshiIcon' : '', 40 item.prop == 'qszt' && row.qlzt == '1' ? 'xianshiIcon' : '',
32 item.prop == 'qszt' && row.qlzt == '4' ? 'zhuxiaoIcon' : '' 41 item.prop == 'qszt' && row.qlzt == '4' ? 'zhuxiaoIcon' : '',
33 ]"> 42 ]"
34 <div class="setbut" v-if="item.prop == 'cz'&&row.sjlx !='系统数据'"> 43 >
35 <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row)">编辑</el-button> 44 <div
36 <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row,'D')">删除</el-button> 45 class="setbut"
37 </div> 46 v-if="item.prop == 'cz' && row.sjlx != '系统数据'"
38 <div class="icon" v-if="row.qlzt == '1'"> 47 >
39 有效 48 <el-button
40 </div> 49 type="text"
41 <div class="icon" v-if="row.qlzt == '2'"> 50 icon="el-icon-edit-outline"
42 正在补录 51 @click="editDialog(row)"
43 </div> 52 >编辑</el-button
44 <div class="icon" v-if="row.qlzt == '3'"> 53 >
45 正在申请 54 <el-button
46 </div> 55 type="text"
47 <div class="icon" v-if="row.qlzt == '4'"> 56 icon="el-icon-edit-outline"
48 正在注销 57 @click="editDialog(row, 'D')"
58 >删除</el-button
59 >
49 </div> 60 </div>
61 <div class="icon" v-if="row.qlzt == '1'">有效</div>
62 <div class="icon" v-if="row.qlzt == '2'">正在补录</div>
63 <div class="icon" v-if="row.qlzt == '3'">正在申请</div>
64 <div class="icon" v-if="row.qlzt == '4'">正在注销</div>
50 65
51 <p v-if="!['djyy','fj'].includes(item.prop)"> 66 <p v-if="!['djyy', 'fj'].includes(item.prop)">
52 <span v-if="item.prop == 'qszt'"> 67 <span v-if="item.prop == 'qszt'">
53 {{ getQsztName(row[item.prop]) }} 68 {{ getQsztName(row[item.prop]) }}
54 </span> 69 </span>
55 <span v-else>{{ row[item.prop] }}</span> 70 <span v-else>{{ row[item.prop] }}</span>
56 </p> 71 </p>
57 72
58 <el-tooltip v-else effect="dark" :content="row[item.prop]" placement="top" popper-class="tooltip-width"> 73 <el-tooltip
74 v-else
75 effect="dark"
76 :content="row[item.prop]"
77 placement="top"
78 popper-class="tooltip-width"
79 >
59 <span class="ellipsis-line"> 80 <span class="ellipsis-line">
60 {{ row[item.prop] }} 81 {{ row[item.prop] }}
61 </span> 82 </span>
62 </el-tooltip> 83 </el-tooltip>
63
64 </td> 84 </td>
65 <td v-for="count in emptycolNum" :key="~count"></td> 85 <td v-for="count in emptycolNum" :key="~count"></td>
66 </tr> 86 </tr>
...@@ -71,17 +91,21 @@ ...@@ -71,17 +91,21 @@
71 <td> 91 <td>
72 {{ item.label }} 92 {{ item.label }}
73 </td> 93 </td>
74 <td v-for="(row, index) in tableData" :key="index" :class="[ 94 <td
75 row.qszt == '2' ? 'lishi' : '', 95 v-for="(row, index) in tableData"
76 row.qszt == '0' ? 'linshi' : '', 96 :key="index"
77 row.qlzt == '4' ? 'linshi' : '', 97 :class="[
98 row.qszt == '2' ? 'lishi' : '',
99 row.qszt == '0' ? 'linshi' : '',
100 row.qlzt == '4' ? 'linshi' : '',
78 101
79 item.prop == 'qszt' && row.qlzt == '3' ? 'linshiIcon' : '', 102 item.prop == 'qszt' && row.qlzt == '3' ? 'linshiIcon' : '',
80 item.prop == 'qszt' && row.qlzt == '2' ? 'linshiIcon' : '', 103 item.prop == 'qszt' && row.qlzt == '2' ? 'linshiIcon' : '',
81 item.prop == 'qszt' && row.qlzt == '1' ? 'xianshiIcon' : '', 104 item.prop == 'qszt' && row.qlzt == '1' ? 'xianshiIcon' : '',
82 item.prop == 'qszt' && row.qlzt == '4' ? 'zhuxiaoIcon' : '' 105 item.prop == 'qszt' && row.qlzt == '4' ? 'zhuxiaoIcon' : '',
83 ]"> 106 ]"
84 <div class="icon" v-if="item.prop == 'qszt' &&row.qlzt == '1'"> 107 >
108 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '1'">
85 有效 109 有效
86 </div> 110 </div>
87 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '2'"> 111 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '2'">
...@@ -94,14 +118,20 @@ ...@@ -94,14 +118,20 @@
94 正在注销 118 正在注销
95 </div> 119 </div>
96 120
97 <p v-if="!['djyy','fj'].includes(item.prop)"> 121 <p v-if="!['djyy', 'fj'].includes(item.prop)">
98 <span v-if="item.prop == 'qszt'"> 122 <span v-if="item.prop == 'qszt'">
99 {{ getQsztName(row[item.prop]) }} 123 {{ getQsztName(row[item.prop]) }}
100 </span> 124 </span>
101 <span v-else>{{ row[item.prop] }}</span> 125 <span v-else>{{ row[item.prop] }}</span>
102 </p> 126 </p>
103 127
104 <el-tooltip v-else effect="dark" :content="row[item.prop]" placement="top" popper-class="tooltip-width"> 128 <el-tooltip
129 v-else
130 effect="dark"
131 :content="row[item.prop]"
132 placement="top"
133 popper-class="tooltip-width"
134 >
105 <span class="ellipsis-line"> 135 <span class="ellipsis-line">
106 {{ row[item.prop] }} 136 {{ row[item.prop] }}
107 </span> 137 </span>
...@@ -116,122 +146,140 @@ ...@@ -116,122 +146,140 @@
116 </template> 146 </template>
117 147
118 <script> 148 <script>
119 import { datas } from "./qlxxFormData.js"; 149 import { datas } from "./qlxxFormData.js";
120 import { getSjlx } from "@/utils/dictionary.js"; 150 import { getSjlx } from "@/utils/dictionary.js";
121 import { getNydsyqList } from "@/api/djbDetail.js"; 151 import { getNydsyqList } from "@/api/djbDetail.js";
122 export default { 152 export default {
123 data () { 153 data() {
124 return { 154 return {
125 title: "农用地使用权登记信息", 155 title: "农用地使用权登记信息",
126 qsztList: datas.columns().qsztList, 156 qsztList: datas.columns().qsztList,
127 checkList: datas.columns().checkList, 157 checkList: datas.columns().checkList,
128 //传递参数 158 //传递参数
129 propsParam: this.$attrs, 159 propsParam: this.$attrs,
130 //列表数据 160 //列表数据
131 tableData: [], 161 tableData: [],
132 //空列值个数 162 //空列值个数
133 emptycolNum: datas.columns().emptycolNum, 163 emptycolNum: datas.columns().emptycolNum,
134 //列名称对象 164 //列名称对象
135 columns: datas.columns().NYDSYQ, 165 columns: datas.columns().NYDSYQ,
136 }; 166 };
167 },
168 created() {
169 var qllx = this.$route.query.sqywbm.substr(0, 3);
170 if (qllx == "A09") {
171 this.title = "土地经营权登记信息";
172 } else {
173 this.title = "农用地使用权登记信息";
174 }
175 this.loadData();
176 },
177 methods: {
178 /**
179 * @description: loadData
180 * @author: renchao
181 */
182 loadData() {
183 if (this.$parent.addRepairRecord) {
184 this.columns.unshift({
185 prop: "cz",
186 label: "操作",
187 });
188 }
189 getNydsyqList({
190 bdcdyid: this.propsParam.bdcdyid,
191 qllx: this.propsParam.qllx,
192 qszt: this.checkList,
193 }).then((res) => {
194 if (res.code === 200) {
195 this.tableData = res.result;
196 this.tableData.forEach((item) => {
197 item.sjlx = getSjlx(item.sjlx);
198 });
199 if (this.tableData.length < datas.columns().emptycolNum) {
200 this.emptycolNum =
201 datas.columns().emptycolNum - this.tableData.length;
202 } else {
203 this.emptycolNum = 0;
204 }
205 }
206 });
137 }, 207 },
138 created () { 208 /**
139 var qllx = this.$route.query.sqywbm.substr(0, 3) 209 * @description: checkChange
140 if (qllx == 'A09') { 210 * @author: renchao
141 this.title = '土地经营权登记信息' 211 */
212 checkChange() {
213 if (this.checkList.length === 0) {
214 this.tableData = [];
215 this.emptycolNum = datas.columns().emptycolNum;
142 } else { 216 } else {
143 this.title = '农用地使用权登记信息' 217 this.loadData();
144 } 218 }
145 this.loadData();
146 }, 219 },
147 methods: { 220 /**
148 /** 221 * @description: getQsztName
149 * @description: loadData 222 * @author: renchao
150 * @author: renchao 223 */
151 */ 224 getQsztName(code) {
152 loadData () { 225 let name = "";
153 if (this.$parent.addRepairRecord) { 226 for (let item of this.qsztList) {
154 this.columns.unshift({ 227 if (item.value == code) {
155 prop: "cz", 228 name = item.label;
156 label: "操作" 229 break;
157 })
158 }
159 getNydsyqList({
160 bdcdyid: this.propsParam.bdcdyid,
161 qllx: this.propsParam.qllx,
162 qszt: this.checkList,
163 }).then((res) => {
164 if (res.code === 200) {
165 this.tableData = res.result;
166 this.tableData.forEach(item => {
167 item.sjlx = getSjlx(item.sjlx)
168 })
169 if (this.tableData.length < datas.columns().emptycolNum) {
170 this.emptycolNum =
171 datas.columns().emptycolNum - this.tableData.length;
172 } else {
173 this.emptycolNum = 0;
174 }
175 }
176 });
177 },
178 /**
179 * @description: checkChange
180 * @author: renchao
181 */
182 checkChange () {
183 if (this.checkList.length === 0) {
184 this.tableData = [];
185 this.emptycolNum = datas.columns().emptycolNum;
186 } else {
187 this.loadData();
188 } 230 }
189 }, 231 }
190 /** 232 return name;
191 * @description: getQsztName 233 },
192 * @author: renchao 234 // 新增一条补录信息
193 */ 235 /**
194 getQsztName (code) { 236 * @description: 新增一条补录信息
195 let name = ""; 237 * @param {*} row
196 for (let item of this.qsztList) { 238 * @param {*} del
197 if (item.value == code) { 239 * @author: renchao
198 name = item.label; 240 */
199 break; 241 editDialog(row, del) {
200 } 242 this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", {
201 } 243 confirmButtonText: "确定",
202 return name; 244 cancelButtonText: "取消",
203 }, 245 type: "warning",
204 // 新增一条补录信息 246 })
205 /** 247 .then(() => {
206 * @description: 新增一条补录信息 248 this.$parent.addRepairRecord(row, del);
207 * @param {*} row
208 * @param {*} del
209 * @author: renchao
210 */
211 editDialog (row, del) {
212 this.$confirm('此操作将新增一条补录信息, 是否继续?', '提示', {
213 confirmButtonText: '确定',
214 cancelButtonText: '取消',
215 type: 'warning'
216 }).then(() => {
217 this.$parent.addRepairRecord(row, del)
218 249
219 this.$message({ 250 this.$message({
220 type: 'success', 251 type: "success",
221 message: '补录成功!' 252 message: "补录成功!",
222 }); 253 });
223 }).catch(() => { 254 })
255 .catch(() => {
224 this.$message({ 256 this.$message({
225 type: 'info', 257 type: "info",
226 message: '取消编辑' 258 message: "取消编辑",
227 }); 259 });
228 }); 260 });
229
230 },
231 }, 261 },
232 }; 262 print() {
263 console.log("this.propsParam.bdcdyid ", this.propsParam);
264 window.open(
265 `'#/printdjb?bdcdyid=${this.propsParam.bdcdyid}&qllx=${this.propsParam.qllx}&content=nydsyq`,
266 `nydsyq`
267 );
268 },
269 },
270 };
233 </script> 271 </script>
234 272
235 <style lang="scss" scoped> 273 <style lang="scss" scoped>
236 @import "./qlxxCommon.scss"; 274 @import "./qlxxCommon.scss";
275 .title {
276 position: relative;
277 .print {
278 // background-color: #0079fe;
279 z-index: 10;
280 position: absolute;
281 left: 11px;
282 top: 5px;
283 }
284 }
237 </style> 285 </style>
......
...@@ -761,7 +761,7 @@ class data extends filter { ...@@ -761,7 +761,7 @@ class data extends filter {
761 }, 761 },
762 { 762 {
763 prop: "bdbzzqse", 763 prop: "bdbzzqse",
764 label: "被担保主债权数额(万元)", 764 label: "被担保主债权数额",
765 }, 765 },
766 { 766 {
767 prop: "dbfw", 767 prop: "dbfw",
...@@ -776,7 +776,7 @@ class data extends filter { ...@@ -776,7 +776,7 @@ class data extends filter {
776 label: "债务履行结束时间", 776 label: "债务履行结束时间",
777 }, 777 },
778 { 778 {
779 prop: "zwlxqx", 779 prop: "dyqx",
780 label: "债务履行期限(债务确定期间)", 780 label: "债务履行期限(债务确定期间)",
781 }, 781 },
782 { 782 {
...@@ -784,7 +784,7 @@ class data extends filter { ...@@ -784,7 +784,7 @@ class data extends filter {
784 label: "最高债权确定事实和数额", 784 label: "最高债权确定事实和数额",
785 }, 785 },
786 { 786 {
787 prop: "sfczyd", 787 prop: "sfczjzhxz",
788 label: "是否存在禁止或限制转让抵押不动产的约定", 788 label: "是否存在禁止或限制转让抵押不动产的约定",
789 }, 789 },
790 { 790 {
...@@ -1017,7 +1017,7 @@ class data extends filter { ...@@ -1017,7 +1017,7 @@ class data extends filter {
1017 label: "附记", 1017 label: "附记",
1018 }, 1018 },
1019 { 1019 {
1020 prop: "qdjgmc", 1020 prop: "qdjg",
1021 label: "取得价格/被担保主债权数额", 1021 label: "取得价格/被担保主债权数额",
1022 }, 1022 },
1023 { 1023 {
...@@ -1025,7 +1025,7 @@ class data extends filter { ...@@ -1025,7 +1025,7 @@ class data extends filter {
1025 label: "担保范围", 1025 label: "担保范围",
1026 }, 1026 },
1027 { 1027 {
1028 prop: "sfczyd", 1028 prop: "sfczjzhxz",
1029 label: "是否存在禁止或限制转让抵押不动产的约定", 1029 label: "是否存在禁止或限制转让抵押不动产的约定",
1030 }, 1030 },
1031 { 1031 {
......
...@@ -4,9 +4,9 @@ ...@@ -4,9 +4,9 @@
4 * @LastEditors: yangwei 4 * @LastEditors: yangwei
5 * @LastEditTime: 2023-08-15 14:15:19 5 * @LastEditTime: 2023-08-15 14:15:19
6 * @FilePath: \bdcdj-web\src\views\registerBook\sllmsyq.vue 6 * @FilePath: \bdcdj-web\src\views\registerBook\sllmsyq.vue
7 * @Description: 7 * @Description:
8 * 8 *
9 * Copyright (c) 2023 by yangwei, All Rights Reserved. 9 * Copyright (c) 2023 by yangwei, All Rights Reserved.
10 --> 10 -->
11 <!-- 11 <!--
12 * @Description: 12 * @Description:
...@@ -18,6 +18,7 @@ ...@@ -18,6 +18,7 @@
18 <div class="tableBox"> 18 <div class="tableBox">
19 <div class="title"> 19 <div class="title">
20 {{ title }} 20 {{ title }}
21 <el-button class="print" @click="print">打印</el-button>
21 <div class="checkbox"> 22 <div class="checkbox">
22 <el-checkbox-group v-model="checkList" @change="checkChange"> 23 <el-checkbox-group v-model="checkList" @change="checkChange">
23 <el-checkbox 24 <el-checkbox
...@@ -39,7 +40,7 @@ ...@@ -39,7 +40,7 @@
39 row.qszt == '2' ? 'lishi' : '', 40 row.qszt == '2' ? 'lishi' : '',
40 row.qszt == '0' ? 'linshi' : '', 41 row.qszt == '0' ? 'linshi' : '',
41 row.qlzt == '4' ? 'linshi' : '', 42 row.qlzt == '4' ? 'linshi' : '',
42 43
43 item.prop == 'qszt' && row.qlzt == '3' ? 'linshiIcon' : '', 44 item.prop == 'qszt' && row.qlzt == '3' ? 'linshiIcon' : '',
44 item.prop == 'qszt' && row.qlzt == '2' ? 'linshiIcon' : '', 45 item.prop == 'qszt' && row.qlzt == '2' ? 'linshiIcon' : '',
45 item.prop == 'qszt' && row.qlzt == '1' ? 'xianshiIcon' : '', 46 item.prop == 'qszt' && row.qlzt == '1' ? 'xianshiIcon' : '',
...@@ -78,7 +79,7 @@ ...@@ -78,7 +79,7 @@
78 </div> 79 </div>
79 </div> 80 </div>
80 </template> 81 </template>
81 82
82 <script> 83 <script>
83 import { datas } from "./qlxxFormData.js"; 84 import { datas } from "./qlxxFormData.js";
84 import { getSjlx } from "@/utils/dictionary.js"; 85 import { getSjlx } from "@/utils/dictionary.js";
...@@ -188,11 +189,27 @@ ...@@ -188,11 +189,27 @@
188 }); 189 });
189 }); 190 });
190 }, 191 },
192 print() {
193 console.log("this.propsParam.bdcdyid ", this.propsParam);
194 window.open(
195 `'#/printdjb?bdcdyid=${this.propsParam.bdcdyid}&qllx=${this.propsParam.qllx}&content=sllmsyq`,
196 `sllmsyq`
197 );
198 },
191 }, 199 },
192 }; 200 };
193 </script> 201 </script>
194 202
195 <style lang="scss" scoped> 203 <style lang="scss" scoped>
196 @import "./qlxxCommon.scss"; 204 @import "./qlxxCommon.scss";
205 .title {
206 position: relative;
207 .print {
208 // background-color: #0079fe;
209 z-index: 10;
210 position: absolute;
211 left: 11px;
212 top: 5px;
213 }
214 }
197 </style> 215 </style>
198
...\ No newline at end of file ...\ No newline at end of file
......
...@@ -8,6 +8,7 @@ ...@@ -8,6 +8,7 @@
8 <div class="tableBox"> 8 <div class="tableBox">
9 <div class="title"> 9 <div class="title">
10 {{ title }} 10 {{ title }}
11 <el-button class="print" @click="print">打印</el-button>
11 <div class="checkbox"> 12 <div class="checkbox">
12 <el-checkbox-group v-model="checkList" @change="checkChange"> 13 <el-checkbox-group v-model="checkList" @change="checkChange">
13 <el-checkbox v-for="item in qsztList" :key="item.value" :label="item.value">{{ item.label }}</el-checkbox> 14 <el-checkbox v-for="item in qsztList" :key="item.value" :label="item.value">{{ item.label }}</el-checkbox>
...@@ -178,10 +179,27 @@ ...@@ -178,10 +179,27 @@
178 }); 179 });
179 180
180 }, 181 },
182 print() {
183 console.log("this.propsParam.bdcdyid ", this.propsParam);
184 window.open(
185 `'#/printdjb?bdcdyid=${this.propsParam.bdcdyid}&qllx=${this.propsParam.qllx}&content=tdsyq`,
186 `tdsyq`
187 );
188 },
181 }, 189 },
182 }; 190 };
183 </script> 191 </script>
184 192
185 <style lang="scss" scoped> 193 <style lang="scss" scoped>
186 @import "./qlxxCommon.scss"; 194 @import "./qlxxCommon.scss";
195 .title {
196 position: relative;
197 .print {
198 // background-color: #0079fe;
199 z-index: 10;
200 position: absolute;
201 left: 11px;
202 top: 5px;
203 }
204 }
187 </style> 205 </style>
......
...@@ -8,6 +8,7 @@ ...@@ -8,6 +8,7 @@
8 <div class="tableBox"> 8 <div class="tableBox">
9 <div class="title"> 9 <div class="title">
10 {{ title }} 10 {{ title }}
11 <el-button class="print" @click="print">打印</el-button>
11 <div class="checkbox"> 12 <div class="checkbox">
12 <el-checkbox-group v-model="checkList" @change="checkChange"> 13 <el-checkbox-group v-model="checkList" @change="checkChange">
13 <el-checkbox v-for="item in qsztList" :key="item.value" :label="item.value">{{ item.label }}</el-checkbox> 14 <el-checkbox v-for="item in qsztList" :key="item.value" :label="item.value">{{ item.label }}</el-checkbox>
...@@ -178,10 +179,27 @@ ...@@ -178,10 +179,27 @@
178 }); 179 });
179 180
180 }, 181 },
182 print() {
183 console.log("this.propsParam.bdcdyid ", this.propsParam);
184 window.open(
185 `'#/printdjb?bdcdyid=${this.propsParam.bdcdyid}&qllx=${this.propsParam.qllx}&content=ygdj`,
186 `ygdj`
187 );
188 },
181 }, 189 },
182 }; 190 };
183 </script> 191 </script>
184 192
185 <style lang="scss" scoped> 193 <style lang="scss" scoped>
186 @import "./qlxxCommon.scss"; 194 @import "./qlxxCommon.scss";
195 .title {
196 position: relative;
197 .print {
198 // background-color: #0079fe;
199 z-index: 10;
200 position: absolute;
201 left: 11px;
202 top: 5px;
203 }
204 }
187 </style> 205 </style>
......
...@@ -8,6 +8,7 @@ ...@@ -8,6 +8,7 @@
8 <div class="tableBox"> 8 <div class="tableBox">
9 <div class="title"> 9 <div class="title">
10 {{ title }} 10 {{ title }}
11 <el-button class="print" @click="print">打印</el-button>
11 <div class="checkbox"> 12 <div class="checkbox">
12 <el-checkbox-group v-model="checkList" @change="checkChange"> 13 <el-checkbox-group v-model="checkList" @change="checkChange">
13 <el-checkbox v-for="item in qsztList" :key="item.value" :label="item.value">{{ item.label }}</el-checkbox> 14 <el-checkbox v-for="item in qsztList" :key="item.value" :label="item.value">{{ item.label }}</el-checkbox>
...@@ -177,10 +178,27 @@ ...@@ -177,10 +178,27 @@
177 }); 178 });
178 179
179 }, 180 },
181 print() {
182 console.log("this.propsParam.bdcdyid ", this.propsParam);
183 window.open(
184 `'#/printdjb?bdcdyid=${this.propsParam.bdcdyid}&qllx=${this.propsParam.qllx}&content=yydj`,
185 `yydj`
186 );
187 },
180 }, 188 },
181 }; 189 };
182 </script> 190 </script>
183 191
184 <style lang="scss" scoped> 192 <style lang="scss" scoped>
185 @import "./qlxxCommon.scss"; 193 @import "./qlxxCommon.scss";
194 .title {
195 position: relative;
196 .print {
197 // background-color: #0079fe;
198 z-index: 10;
199 position: absolute;
200 left: 11px;
201 top: 5px;
202 }
203 }
186 </style> 204 </style>
......
...@@ -6,6 +6,7 @@ ...@@ -6,6 +6,7 @@
6 <template> 6 <template>
7 <div class="tableDivCss"> 7 <div class="tableDivCss">
8 <table cellpadding="0" cellspacing="0" class="tableCss"> 8 <table cellpadding="0" cellspacing="0" class="tableCss">
9 <el-button class="print" @click="print">打印</el-button>
9 <tr> 10 <tr>
10 <th colspan="5" class="title">宗地基本信息</th> 11 <th colspan="5" class="title">宗地基本信息</th>
11 </tr> 12 </tr>
...@@ -111,111 +112,126 @@ ...@@ -111,111 +112,126 @@
111 </template> 112 </template>
112 113
113 <script> 114 <script>
114 import store from "@/store/index.js"; 115 import store from "@/store/index.js";
115 import { getZdjjxxBybdcdyid } from "@/api/djbDetail.js"; 116 import { getZdjjxxBybdcdyid } from "@/api/djbDetail.js";
116 117
117 export default { 118 export default {
118 data () { 119 data() {
119 return { 120 return {
120 bhqkColumns: [ 121 bhqkColumns: [
121 { 122 {
122 prop: "ssywh", 123 prop: "ssywh",
123 label: "上手业务号", 124 label: "上手业务号",
124 }, 125 },
125 { 126 {
126 prop: "zddm", 127 prop: "zddm",
127 label: "宗地代码", 128 label: "宗地代码",
128 }, 129 },
129 { 130 {
130 prop: "bhqzddm", 131 prop: "bhqzddm",
131 label: "变化前宗地代码", 132 label: "变化前宗地代码",
132 }, 133 },
133 { 134 {
134 prop: "bhnr", 135 prop: "bhnr",
135 label: "变化内容", 136 label: "变化内容",
136 }, 137 },
137 { 138 {
138 prop: "bhyy", 139 prop: "bhyy",
139 label: "变化原因", 140 label: "变化原因",
140 }, 141 },
141 { 142 {
142 prop: "djsj", 143 prop: "djsj",
143 label: "登记时间", 144 label: "登记时间",
144 }, 145 },
145 { 146 {
146 prop: "dbr", 147 prop: "dbr",
147 label: "登簿人", 148 label: "登簿人",
148 }, 149 },
149 { 150 {
150 prop: "fj", 151 prop: "fj",
151 label: "附记", 152 label: "附记",
152 }, 153 },
153 ], 154 ],
154 bhqkTableWidth: 745, 155 bhqkTableWidth: 745,
155 zdjbxx: {}, 156 zdjbxx: {},
156 zdbhqks: [], 157 zdbhqks: [],
157 propsParam: this.$attrs, 158 propsParam: this.$attrs,
158 showGroup: false, 159 showGroup: false,
159 bdclxList: ["", "宗地", "宗海", "自然幢", "多幢", "构筑物", "林权", "户"], 160 bdclxList: ["", "宗地", "宗海", "自然幢", "多幢", "构筑物", "林权", "户"],
160 foundItemaa: {}, 161 foundItemaa: {},
161 foundItemaaa: {}, 162 foundItemaaa: {},
162 }; 163 };
164 },
165 filters: {
166 dictionary: function (value, param) {
167 const foundItem = store.getters.dictData[param].find(
168 (item) => item.dcode === String(value)
169 );
170 if (foundItem) {
171 return foundItem.dname;
172 }
163 }, 173 },
164 filters: { 174 dicyt: function (value, param) {
165 dictionary: function (value, param) { 175 const res = store.getters.dictData[param].filter((item) => {
166 const foundItem = store.getters.dictData[param].find( 176 if (item.dcode === String(value)) {
167 (item) => item.dcode === String(value) 177 return item;
168 ); 178 } else {
169 if (foundItem) { 179 if (item.children.length) {
170 return foundItem.dname; 180 const res2 = item.children.filter((items) => {
171 } 181 if (items.dcode === String(value)) {
172 }, 182 return items;
173 dicyt: function (value, param) {
174 const res = store.getters.dictData[param].filter((item) => {
175 if (item.dcode === String(value)) {
176 return item;
177 } else {
178 if (item.children.length) {
179 const res2 = item.children.filter((items) => {
180 if (items.dcode === String(value)) {
181 return items;
182 }
183 });
184 if (res2.length) {
185 return res2;
186
187 } 183 }
188 184 });
185 if (res2.length) {
186 return res2;
189 } 187 }
190 } 188 }
191 });
192 if (res[0]) {
193 return res[0].dname
194 } 189 }
195 }, 190 });
196 }, 191 if (res[0]) {
197 created () { 192 return res[0].dname;
198 this.loadData(); 193 }
199 }, 194 },
200 methods: { 195 },
201 /** 196 created() {
202 * @description: loadData 197 this.loadData();
203 * @author: renchao 198 },
204 */ 199 methods: {
205 loadData () { 200 /**
206 getZdjjxxBybdcdyid({ bdcdyid: this.propsParam.bdcdyid }).then((res) => { 201 * @description: loadData
207 if (res.code === 200) { 202 * @author: renchao
208 this.zdjbxx = res.result.zdjbxx; 203 */
209 this.zdbhqks = res.result.zdbhqkList; 204 loadData() {
210 if (this.zdbhqks != null && this.zdbhqks.length > 0) { 205 getZdjjxxBybdcdyid({ bdcdyid: this.propsParam.bdcdyid }).then((res) => {
211 this.showGroup = true; 206 if (res.code === 200) {
212 } 207 this.zdjbxx = res.result.zdjbxx;
208 this.zdbhqks = res.result.zdbhqkList;
209 if (this.zdbhqks != null && this.zdbhqks.length > 0) {
210 this.showGroup = true;
213 } 211 }
214 }); 212 }
215 }, 213 });
214 },
215 print() {
216 console.log("this.propsParam.bdcdyid ", this.propsParam);
217 window.open(
218 `'#/printdjb?bdcdyid=${this.propsParam.bdcdyid}&qllx=${this.propsParam.qllx}&content=zdjbxx`,
219 `zdjbxx`
220 );
216 }, 221 },
217 }; 222 },
223 };
218 </script> 224 </script>
219 <style lang="scss" scoped> 225 <style lang="scss" scoped>
220 @import "~@/styles/tablecss.scss"; 226 @import "~@/styles/tablecss.scss";
227 .tableCss {
228 position: relative;
229 .print {
230 // background-color: #0079fe;
231 z-index: 10;
232 position: absolute;
233 left: 11px;
234 top: 5px;
235 }
236 }
221 </style> 237 </style>
......
...@@ -171,6 +171,8 @@ ...@@ -171,6 +171,8 @@
171 if (['zsdy', 'zmdy'].includes(that.ruleForm.tmpno)) { 171 if (['zsdy', 'zmdy'].includes(that.ruleForm.tmpno)) {
172 LODOP.SET_PRINT_PAGESIZE(2, 0, 0, "B4"); // 设置纸张大小为 B4 172 LODOP.SET_PRINT_PAGESIZE(2, 0, 0, "B4"); // 设置纸张大小为 B4
173 LODOP.SET_PRINT_MODE("RESELECT_ORIENT", true); // 手动设置方向 173 LODOP.SET_PRINT_MODE("RESELECT_ORIENT", true); // 手动设置方向
174 } else {
175 LODOP.SET_PRINT_PAGESIZE(1, 0, 0, "A4"); // 设置纸张大小为 B4
174 } 176 }
175 LODOP.ADD_PRINT_DATA("ProgramData", this.ruleForm.tmpcontent); //装载模板 177 LODOP.ADD_PRINT_DATA("ProgramData", this.ruleForm.tmpcontent); //装载模板
176 //窗口关闭后，回调函数中保存的设计代码 178 //窗口关闭后，回调函数中保存的设计代码
......
1 <!--
2 * @Description:
3 * @Autor: renchao
4 * @LastEditTime: 2023-07-19 16:04:58
5 -->
6 <template>
7 <div style="text-align: center" class="transfer">
8 <el-transfer
9 filterable
10 :filter-method="filterMethod"
11 filter-placeholder="请输入关键词搜索"
12 v-model="value"
13 target-order="unshift"
14 :left-default-checked="[]"
15 :right-default-checked="[]"
16 :titles="['待选合集', '已选合集']"
17 :button-texts="['转到左边', '转到右边']"
18 @right-check-change="choose"
19 :data="datalist"
20 v-loading="loading"
21 >
22 <div slot-scope="{ option }">
23 <div
24 class="default-tranfer-item"
25 @mouseenter="indexKey = option.key"
26 @mouseleave="indexKey = null"
27 >
28 <span>{{ option.despriction }}</span>
29 <div
30 v-show="value.includes(option.key) && indexKey === option.key"
31 class="button-group"
32 >
33 <!-- 阻止事件冒泡 -->
34 <!-- 自定义数据项，将上、下、底部、顶部的排序功能放在数据项里面 -->
35 <em
36 class="el-icon-top"
37 @click.stop.prevent="publicMobileMethod('handleUp', option.key)"
38 ></em>
39 <em
40 class="iconfont icon-huidaodingbu"
41 @click.stop.prevent="publicMobileMethod('handleTop', option.key)"
42 ></em>
43 <em
44 class="el-icon-bottom"
45 @click.stop.prevent="publicMobileMethod('handleDown', option.key)"
46 ></em>
47 <em
48 class="el-icon-download"
49 @click.stop.prevent="
50 publicMobileMethod('handleBottom', option.key)
51 "
52 ></em>
53 </div>
54 </div>
55 </div>
56 </el-transfer>
57 <div class="btn">
58 <el-button @click="$popupCacel">取消</el-button>
59 <el-button type="primary" @click="submitForm" plain>确定</el-button>
60 </div>
61 <!-- <footer class="footer">
62 <div>
63 <el-button class="cancel" size="mini" @click="$popupCacel">取消</el-button>
64 <el-button class="determine" size="mini" @click="submitForm">确定</el-button>
65 </div>
66 </footer> -->
67 </div>
68 </template>
69
70 <script>
71 import { getFieldList, getFieldListByQlxx, save } from "@/api/SysDjbFieldDO";
72 export default {
73 props: {
74 formData: {
75 type: Object,
76 default: () => {},
77 },
78 },
79 data() {
80 return {
81 loading: true,
82 datalist:[],
83 list: [], // 全部数据
84 value: [], // 选中数据
85 item: [], // 右侧勾选数据
86 chuanlist: [],
87 indexKey: null, // 高亮显示
88 filterMethod(query, item) {
89 return item.despriction.indexOf(query) > -1;
90 },
91 };
92 },
93 mounted() {
94 this.generateData();
95 },
96
97 methods: {
98 /**
99 * 初始数据集
100 * @returns {*[]}
101 */
102 generateData() {
103 const data = [];
104 this.value = [];
105 getFieldList({ qllx: this.formData.qllx }).then((res) => {
106 if (res.code === 200) {
107 let listss = res.result;
108 listss.forEach((item, index) => {
109 this.list.push({
110 key: index,
111 name: item.name,
112 despriction: item.despriction,
113 });
114 });
115 getFieldListByQlxx({ qllx: this.formData.qllx }).then((res) => {
116 let listss = res.result;
117 if (res.code === 200) {
118 this.list.forEach((el, idx) => {
119 listss.forEach((item) => {
120 if (el.name == item.name) {
121 this.value.push(idx);
122 }
123 });
124 });
125 this.datalist=this.list
126 // this.list.forEach((item,index) => {
127 // this.value.push({
128 // key: index,
129 // name:item.name,
130 // despriction: item.despriction,
131 // });
132 // });
133 }
134 });
135 }
136 });
137 },
138 /**
139 * 确定选择
140 */
141 submitForm() {
142 this.value.forEach((item) => {
143 this.chuanlist.push(this.list[item]);
144 });
145
146 save(this.formData.bsmMb, this.chuanlist).then((res) => {
147 if (res.code == 200) {
148 this.$popupCacel();
149 this.$message({
150 message: "保存成功",
151 type: "success",
152 });
153 } else {
154 this.$message({
155 message: "保存失败",
156 type: "error",
157 });
158 }
159 });
160 },
161 /**
162 * 监听右侧选中
163 */
164 choose(value) {
165 this.item = value;
166 },
167 /**
168 * 右侧数据点击排序
169 */
170 publicMobileMethod(direction, key) {
171 const self = this;
172 let index;
173 // 判断是否超出一条
174 const item = self.item;
175 if (item.length === 1 || item.length === 0) {
176 self.value.forEach((val, indexs) => {
177 // 获取需移动数据的下标
178 if (val === key) {
179 index = indexs;
180 }
181 });
182 if (
183 index === 0 &&
184 direction !== "handleBottom" &&
185 direction !== "handleDown"
186 ) {
187 return self.$message("没有上移的空间了");
188 }
189 if (
190 index === self.value.length - 1 &&
191 direction !== "handleUp" &&
192 direction !== "handleTop"
193 ) {
194 return self.$message("没有下移的空间了");
195 }
196 // 改变的数组
197 const changeItem = self.value[index];
198 // 根据下标在数组中删除该数据
199 self.value.splice(index, 1);
200 // 判断加入数组位置
201 if (direction) {
202 // 置顶
203 direction === "handleTop" && self.value.unshift(changeItem);
204 // 置底
205 direction === "handleBottom" && self.value.push(changeItem);
206 // 上移
207 direction === "handleUp" &&
208 self.value.splice(index - 1, 0, changeItem);
209 // 下移
210 direction === "handleDown" &&
211 self.value.splice(index + 1, 0, changeItem);
212 }
213 } else {
214 self.$message.error("只能选择一条数据进行上下移动");
215 }
216 },
217 },
218 };
219 </script>
220 <style scoped lang="scss">
221 @import "~@/styles/mixin.scss";
222 @import "~@/styles/dialogBoxheader.scss";
223
224 .determine.el-button--mini {
225 background-color: #2a76cd;
226 color: #ffffff;
227 }
228
229 .el-transfer__button.cancel,
230 .el-button--mini.cancel {
231 &:focus,
232 &:hover {
233 background: #ffffff;
234 border-color: #2a76cd;
235 color: #2a76cd;
236 }
237 }
238
239 .el-transfer {
240 display: flex;
241 justify-content: space-between;
242 align-items: center;
243
244 .el-transfer-panel__item {
245 margin-right: 0;
246 }
247
248 .default-tranfer-item {
249 width: 100%;
250 display: flex;
251 align-items: center;
252 justify-content: space-between;
253
254 .button-group {
255 em {
256 margin-right: 8px;
257 }
258 }
259 }
260 /deep/.el-checkbox-group {
261 .el-checkbox {
262 display: flex;
263 position: relative;
264 .el-checkbox__input {
265 position: absolute;
266 left: 10px;
267 }
268 }
269 .el-checkbox:last-of-type {
270 margin-right: 30px;
271 }
272 }
273
274 .el-input.el-input--small {
275 .el-input__inner {
276 border-radius: 4px;
277 }
278 }
279
280 .el-transfer__buttons {
281 padding: 0;
282 margin: 0 17px;
283
284 .el-transfer__button {
285 display: block;
286 margin: 0 0 5px 0;
287 padding: 4px 8px;
288 }
289
290 .el-button--primary.el-transfer__button {
291 display: flex;
292 justify-content: center;
293 align-items: center;
294 background: #2a76cd;
295 border-color: #2a76cd;
296 }
297
298 .el-button--primary.is-disabled {
299 background-color: #a0cfff;
300 border-color: #a0cfff;
301 }
302 }
303
304 .el-checkbox__input.is-indeterminate {
305 .el-checkbox__inner {
306 background: #2a76cd;
307 border-color: #2a76cd;
308 }
309 }
310
311 .el-transfer-panel {
312 width: 49%;
313 border-radius: 0;
314 }
315
316 .el-transfer-panel__body {
317 .el-checkbox__label {
318 &:hover {
319 color: #2a76cd;
320 }
321 }
322 }
323
324 .el-transfer-panel__header {
325 .el-checkbox {
326 .el-checkbox__label {
327 font-size: 14px;
328
329 span {
330 left: 100px;
331 }
332 }
333 }
334 }
335
336 .el-transfer-panel__footer {
337 top: 0;
338 left: 61%;
339 background-color: transparent;
340 display: flex;
341 width: 30%;
342 justify-content: right;
343 border-color: transparent;
344
345 .el-button--text {
346 color: #b5b5b5;
347 margin-left: 5px;
348
349 .icon-huidaodingbu {
350 font-size: 16px;
351 }
352
353 em {
354 font-size: 14px;
355 font-weight: 600;
356 }
357 }
358 }
359
360 .el-transfer-panel:first-child {
361 .el-transfer-panel__header {
362 .el-checkbox {
363 .el-checkbox__label {
364 span {
365 left: 84px;
366 }
367 }
368 }
369 }
370 }
371 }
372
373 /deep/.el-transfer {
374 .el-transfer-panel {
375 width: 400px;
376 height: 700px;
377 .el-transfer-panel__list.is-filterable {
378 height: 606px;
379 }
380 }
381 }
382 </style>
1 /* 1 /*
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-04-11 13:53:12 4 * @LastEditTime: 2023-04-11 13:53:12
5 */ 5 */
...@@ -61,10 +61,11 @@ class data extends filter { ...@@ -61,10 +61,11 @@ class data extends filter {
61 }, 61 },
62 { 62 {
63 label: '操作', 63 label: '操作',
64 width: '80', 64 width: '160',
65 render: (h, scope) => { 65 render: (h, scope) => {
66 return ( 66 return (
67 <div> 67 <div>
68 <el-button type="text" icon="el-icon-edit-outline" onClick={() => { vm.djbdisposition(scope.row) }}>配置</el-button>
68 <el-button type="text" icon="el-icon-edit-outline" onClick={() => { vm.editClick(scope.row) }}>修改</el-button> 69 <el-button type="text" icon="el-icon-edit-outline" onClick={() => { vm.editClick(scope.row) }}>修改</el-button>
69 </div> 70 </div>
70 ) 71 )
......
...@@ -88,6 +88,9 @@ ...@@ -88,6 +88,9 @@
88 */ 88 */
89 editClick (row) { 89 editClick (row) {
90 this.$popupDialog("其他及附记模板", "system/qtjfjmb/components/editDialog", row, '60%') 90 this.$popupDialog("其他及附记模板", "system/qtjfjmb/components/editDialog", row, '60%')
91 },
92 djbdisposition(row){
93 this.$popupDialog("配置登记簿打印字段", "system/qtjfjmb/components/djbdisposition", row, '60%')
91 } 94 }
92 } 95 }
93 } 96 }
......
1 <!-- 1 <!--
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-08-15 09:43:21 4 * @LastEditTime: 2023-09-04 17:09:21
5 --> 5 -->
6 <template> 6 <template>
7 <div class="clxx"> 7 <div class="clxx">
...@@ -134,7 +134,6 @@ ...@@ -134,7 +134,6 @@
134 this.previewImg.bsmSj = this.tableData[this.treeCheckIndex].bsmSj; 134 this.previewImg.bsmSj = this.tableData[this.treeCheckIndex].bsmSj;
135 } 135 }
136 }, 136 },
137 // 材料目录明细初始化
138 /** 137 /**
139 * @description: 材料目录明细初始化 138 * @description: 材料目录明细初始化
140 * @param {*} type 139 * @param {*} type
......
1 <!-- 1 <!--
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-08-30 16:14:24 4 * @LastEditTime: 2023-09-01 14:09:02
5 --> 5 -->
6 <template> 6 <template>
7 <dialogBox 7 <dialogBox
8 title="申请人信息" 8 title="申请人信息"
9 width="60%" 9 width="75%"
10 isMain 10 isMain
11 v-model="myValue" 11 v-model="myValue"
12 :isFullscreen="false" 12 :isFullscreen="false"
13 @submitForm="submitForm" 13 @submitForm="submitForm"
14 @closeDialog="closeDialog" 14 @closeDialog="closeDialog"
15 :isButton="showButton"> 15 :isButton="isShow">
16
17 <el-tabs v-model="activeName" @tab-click="handleClick" class="from-clues-header">
18 <el-tab-pane label="基本信息" name="1"></el-tab-pane>
19 <el-tab-pane label="银行机构" name="2"></el-tab-pane>
20 <el-tab-pane label="企业信息" name="3"></el-tab-pane>
21 </el-tabs>
22
16 <el-form 23 <el-form
24 v-if="activeName==1"
17 :model="ruleForm" 25 :model="ruleForm"
18 :rules="rules" 26 :rules="rules"
19 ref="ruleForm" 27 ref="ruleForm"
20 label-width="120px"> 28 label-width="120px">
21 <el-form-item label="身份证读卡器"> 29 <el-form-item label="身份证读卡器">
22 <el-button type="text" icon="el-icon-tickets" :disabled="!showButton" @click="readClick">读取</el-button> 30 <el-button type="text" icon="el-icon-tickets" :disabled="!showButton" @click="readClick">读取</el-button>
31 <el-button type="primary">信息备案</el-button>
23 </el-form-item> 32 </el-form-item>
24 <el-row> 33 <el-row>
25 <el-col :span="8"> 34 <el-col :span="8">
...@@ -244,11 +253,107 @@ ...@@ -244,11 +253,107 @@
244 </el-col> 253 </el-col>
245 </el-row> 254 </el-row>
246 </el-form> 255 </el-form>
256 <div v-if="activeName==2" class="padding10">
257 <el-form :model="queryForm" label-width="80px">
258 <el-row>
259 <el-col :span="8">
260 <el-form-item label="证件号">
261 <el-input placeholder="证件号" maxlength="28" v-model="queryForm.zjh" clearable class="width100">
262 </el-input>
263 </el-form-item>
264 </el-col>
265 <el-col :span="8">
266 <el-form-item label="姓名/名称">
267 <el-input placeholder="" v-model.trim="queryForm.sqrmc" clearable class="width100">
268 </el-input>
269 </el-form-item>
270 </el-col>
271 <el-col :span="8" class="btnColRight">
272 <el-form-item>
273 <el-button type="primary" @click="handleSearch">查询</el-button>
274 </el-form-item>
275 </el-col>
276 </el-row>
277 </el-form>
278 <el-table :data="tableDataYh.data" border v-Loading="loading" :height="426.8">
279 <el-table-column v-for="item in tableDataYh.columns" :key="item.index" :prop="item.prop" :label="item.label" align="center">
280 </el-table-column>
281 <el-table-column label="证件种类">
282 <template slot-scope="scope">
283 <el-select v-model="scope.row.zjh" placeholder="请选择">
284 <el-option
285 v-for="item in dictData['A30']"
286 :key="item.dcode"
287 :label="item.dname"
288 :value="item.dcode">
289 </el-option>
290 </el-select>
291 </template>
292 </el-table-column>
293 <el-table-column label="操作" width="50">
294 <template slot-scope="scope">
295 <el-button type="text" @click="handlesYhSelect(scope.row)">使用</el-button>
296 </template>
297 </el-table-column>
298 </el-table>
299 <el-pagination background layout="prev, pager, next,total" :total="tableDataYh.total"
300 @current-change="handleCurrentChange"></el-pagination>
301
302 </div>
303
304 <div v-if="activeName==3" class="padding10">
305 <el-form :model="queryForm" label-width="80px">
306 <el-row>
307 <el-col :span="8">
308 <el-form-item label="证件号">
309 <el-input placeholder="证件号" maxlength="28" v-model="queryForm.zjh" clearable class="width100">
310 </el-input>
311 </el-form-item>
312 </el-col>
313 <el-col :span="8">
314 <el-form-item label="姓名/名称">
315 <el-input placeholder="" v-model.trim="queryForm.sqrmc" clearable class="width100">
316 </el-input>
317 </el-form-item>
318 </el-col>
319 <el-col :span="8" class="btnColRight">
320 <el-form-item>
321 <el-button type="primary" @click="handleSearch">查询</el-button>
322 </el-form-item>
323 </el-col>
324 </el-row>
325 </el-form>
326 <el-table :data="tableDataQy.data" border v-Loading="loading" :height="426.8">
327 <el-table-column v-for="item in tableDataQy.columns" :key="item.index" :prop="item.prop" :label="item.label" align="center">
328 </el-table-column>
329 <el-table-column label="证件种类">
330 <template slot-scope="scope">
331 <el-select v-model="scope.row.zjh" placeholder="请选择">
332 <el-option
333 v-for="item in dictData['A30']"
334 :key="item.dcode"
335 :label="item.dname"
336 :value="item.dcode">
337 </el-option>
338 </el-select>
339 </template>
340 </el-table-column>
341 <el-table-column label="操作" width="50">
342 <template slot-scope="scope">
343 <el-button type="text" @click="handlesYhSelect(scope.row)">使用</el-button>
344 </template>
345 </el-table-column>
346 </el-table>
347 <el-pagination background layout="prev, pager, next,total" :total="tableDataQy.total"
348 @current-change="handleCurrentChange"></el-pagination>
349 </div>
350
247 </dialogBox> 351 </dialogBox>
248 </template> 352 </template>
249 <script> 353 <script>
250 import { mapGetters } from "vuex"; 354 import { mapGetters } from "vuex";
251 import { getIdCardInfo } from '@/utils/operation.js' 355 import { getIdCardInfo } from '@/utils/operation.js'
356 import { dataYh, dataQy, sendThis } from "../../javascript/addQlrData";
252 export default { 357 export default {
253 props: { 358 props: {
254 value: { type: Boolean, default: false }, 359 value: { type: Boolean, default: false },
...@@ -260,6 +365,9 @@ ...@@ -260,6 +365,9 @@
260 }, 365 },
261 data () { 366 data () {
262 return { 367 return {
368 isShow: false,
369 activeName: '1',
370 loading: false,
263 myValue: this.value, 371 myValue: this.value,
264 ruleForm: { 372 ruleForm: {
265 sqrlx: "", 373 sqrlx: "",
...@@ -290,11 +398,37 @@ ...@@ -290,11 +398,37 @@
290 zjzl: [{ required: true, message: "证件种类", trigger: "change" }], 398 zjzl: [{ required: true, message: "证件种类", trigger: "change" }],
291 zjh: [{ required: true, message: "证件号", trigger: "blur" }], 399 zjh: [{ required: true, message: "证件号", trigger: "blur" }],
292 }, 400 },
293 }; 401 tableDataYh: {
402 total: 0,
403 columns: dataYh.columns(),
404 data: [
405 {
406 sqrmc: '李怡然',
407 zjh: '99999999999',
408 frmc: '李怡然同学',
409 txdz: '山东日照',
410 dh: '18802933269'
411 }
412 ],
413 },
414 queryForm: {
415 zjh: "",
416 sqrmc: ""
417 },
418 tableDataQy: {
419 total: 0,
420 columns: dataQy.columns(),
421 data: [],
422 },
423 }
424 },
425 mounted () {
426 sendThis(this);
294 }, 427 },
295 watch: { 428 watch: {
296 value (val) { 429 value (val) {
297 this.myValue = _.cloneDeep(val) 430 this.myValue = _.cloneDeep(val)
431 this.isShow = this.showButton
298 }, 432 },
299 details: { 433 details: {
300 handler: function (val, oldVal) { 434 handler: function (val, oldVal) {
...@@ -304,6 +438,21 @@ ...@@ -304,6 +438,21 @@
304 } 438 }
305 }, 439 },
306 methods: { 440 methods: {
441 handleClick (event, tab) {
442 if (this.activeName != 1) {
443 this.isShow = false
444 } else {
445 this.isShow = true
446 }
447 },
448 handlesYhSelect (row) {
449 this.$emit("updateDetail", _.cloneDeep(row));
450 this.$emit("input", false);
451 },
452 handleSearch () { },
453 handleCurrentChange (val) {
454 console.log(val);
455 },
307 /** 456 /**
308 * @description: 身份证打卡器 457 * @description: 身份证打卡器
309 * @param {*} row 458 * @param {*} row
...@@ -365,4 +514,7 @@ ...@@ -365,4 +514,7 @@
365 padding-top: 10px; 514 padding-top: 10px;
366 background-color: #fff; 515 background-color: #fff;
367 } 516 }
517 .padding10 {
518 padding-bottom: 10px;
519 }
368 </style> 520 </style>
......
1 <!-- 1 <!--
2 * @Description: 房屋多幢明细 2 * @Description: 房屋多幢明细
3 * @Autor: 3 * @Autor:
4 * @LastEditTime: 2023年07月31日 13:32:21 4 * @LastEditTime: 2023-09-01 13:29:29
5 --> 5 -->
6 <template> 6 <template>
7 <div> 7 <div>
...@@ -14,8 +14,7 @@ ...@@ -14,8 +14,7 @@
14 :heightNumSetting="true" 14 :heightNumSetting="true"
15 :minHeight="150" 15 :minHeight="150"
16 height="150" 16 height="150"
17 style="width: 100%" 17 style="width: 100%">
18 >
19 <el-table-column prop="index" width="50" :render-header="renderHeader"> 18 <el-table-column prop="index" width="50" :render-header="renderHeader">
20 <template slot-scope="scope"> 19 <template slot-scope="scope">
21 <div style="text-align: center">{{ scope.$index + 1 }}</div> 20 <div style="text-align: center">{{ scope.$index + 1 }}</div>
...@@ -33,8 +32,7 @@ ...@@ -33,8 +32,7 @@
33 :disabled="!ableOperation" 32 :disabled="!ableOperation"
34 v-model="scope.row.xmmc" 33 v-model="scope.row.xmmc"
35 placeholder="请输入内容" 34 placeholder="请输入内容"
36 @input="updaterow(scope.row)" 35 @input="updaterow(scope.row)">
37 >
38 </el-input> 36 </el-input>
39 </template> 37 </template>
40 </el-table-column> 38 </el-table-column>
...@@ -50,8 +48,7 @@ ...@@ -50,8 +48,7 @@
50 :normalizer="normalizer" 48 :normalizer="normalizer"
51 :appendToBody="true" 49 :appendToBody="true"
52 z-index="9999" 50 z-index="9999"
53 @input="updaterow(scope.row)" 51 @input="updaterow(scope.row)" />
54 />
55 </template> 52 </template>
56 </el-table-column> 53 </el-table-column>
57 <el-table-column prop="ghyt" label="房屋用途" min-width="100"> 54 <el-table-column prop="ghyt" label="房屋用途" min-width="100">
...@@ -66,8 +63,7 @@ ...@@ -66,8 +63,7 @@
66 :normalizer="normalizer" 63 :normalizer="normalizer"
67 :appendToBody="true" 64 :appendToBody="true"
68 z-index="9999" 65 z-index="9999"
69 @input="updaterow(scope.row)" 66 @input="updaterow(scope.row)" />
70 />
71 </template> 67 </template>
72 </el-table-column> 68 </el-table-column>
73 <el-table-column prop="fwjg" label="房屋结构" min-width="100"> 69 <el-table-column prop="fwjg" label="房屋结构" min-width="100">
...@@ -82,8 +78,7 @@ ...@@ -82,8 +78,7 @@
82 :normalizer="normalizer" 78 :normalizer="normalizer"
83 :appendToBody="true" 79 :appendToBody="true"
84 z-index="9999" 80 z-index="9999"
85 @input="updaterow(scope.row)" 81 @input="updaterow(scope.row)" />
86 />
87 </template> 82 </template>
88 </el-table-column> 83 </el-table-column>
89 <el-table-column prop="jzmj" label="建筑面积" min-width="100"> 84 <el-table-column prop="jzmj" label="建筑面积" min-width="100">
...@@ -95,8 +90,7 @@ ...@@ -95,8 +90,7 @@
95 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null" 90 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"
96 v-model="scope.row.jzmj" 91 v-model="scope.row.jzmj"
97 placeholder="请输入内容" 92 placeholder="请输入内容"
98 @input="updaterow(scope.row)" 93 @input="updaterow(scope.row)">
99 >
100 </el-input> 94 </el-input>
101 </template> 95 </template>
102 </el-table-column> 96 </el-table-column>
...@@ -109,8 +103,7 @@ ...@@ -109,8 +103,7 @@
109 placeholder="选择日期" 103 placeholder="选择日期"
110 value-format="yyyy-MM-dd HH:mm:ss" 104 value-format="yyyy-MM-dd HH:mm:ss"
111 format="yyyy-MM-dd" 105 format="yyyy-MM-dd"
112 @input="updaterow(scope.row)" 106 @input="updaterow(scope.row)">
113 >
114 </el-date-picker> 107 </el-date-picker>
115 </template> 108 </template>
116 </el-table-column> 109 </el-table-column>
...@@ -122,8 +115,7 @@ ...@@ -122,8 +115,7 @@
122 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null" 115 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"
123 v-model="scope.row.zcs" 116 v-model="scope.row.zcs"
124 placeholder="请输入内容" 117 placeholder="请输入内容"
125 @input="updaterow(scope.row)" 118 @input="updaterow(scope.row)">
126 >
127 </el-input> 119 </el-input>
128 </template> 120 </template>
129 </el-table-column> 121 </el-table-column>
...@@ -135,8 +127,7 @@ ...@@ -135,8 +127,7 @@
135 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null" 127 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"
136 v-model="scope.row.zts" 128 v-model="scope.row.zts"
137 placeholder="请输入内容" 129 placeholder="请输入内容"
138 @input="updaterow(scope.row)" 130 @input="updaterow(scope.row)">
139 >
140 </el-input> 131 </el-input>
141 </template> 132 </template>
142 </el-table-column> 133 </el-table-column>
...@@ -144,101 +135,100 @@ ...@@ -144,101 +135,100 @@
144 </div> 135 </div>
145 </template> 136 </template>
146 <script> 137 <script>
147 import {mapGetters} from "vuex"; 138 import { mapGetters } from "vuex";
148 139
149 export default { 140 export default {
150 computed: { 141 computed: {
151 ...mapGetters(["dictData"]), 142 ...mapGetters(["dictData"]),
152 },
153 props: {
154 tableData: {
155 type: Array,
156 default: function () {
157 return [];
158 },
159 },
160 ableOperation: {
161 type: Boolean,
162 default: false,
163 }, 143 },
164 144 props: {
165 }, 145 tableData: {
166 data() { 146 type: Array,
167 return { 147 default: function () {
168 // 键名转换，方法默认是label和children进行树状渲染 148 return [];
169 key: 0, 149 },
170 tableDataList: [],
171 normalizer(node) {
172 if (node.children == null || node.children == "null") {
173 delete node.children;
174 }
175 return {
176 id: node.dcode,
177 label: node.dname,
178 children: node.children,
179 };
180 }, 150 },
181 }; 151 ableOperation: {
182 }, 152 type: Boolean,
183 mounted() { 153 default: false,
184 },
185 watch: {
186 tableData: {
187 handler: function (val, oldVal) {
188 let that = this;
189 this.$nextTick(() => {
190 if (val.length == 0 || !val) {
191 that.tableDataList = _.cloneDeep([
192 {
193 yt: null,
194 qssj: "",
195 jssj: "",
196 tdsyqx: "",
197 },
198 ]);
199 } else {
200 that.tableDataList = _.cloneDeep(val);
201 }
202 });
203 }, 154 },
204 immediate: true, 155
205 deep: true,
206 }, 156 },
207 }, 157 data () {
208 methods: { 158 return {
209 /** 159 // 键名转换，方法默认是label和children进行树状渲染
210 * @description: renderHeader 160 key: 0,
211 * @author: renchao 161 tableDataList: [],
212 */ 162 normalizer (node) {
213 renderHeader() { 163 if (node.children == null || node.children == "null") {
214 return ( 164 delete node.children;
215 <div> 165 }
216 {"序号"} 166 return {
217 </div> 167 id: node.dcode,
218 ); 168 label: node.dname,
169 children: node.children,
170 };
171 },
172 };
173 },
174 mounted () {
219 }, 175 },
220 updaterow(a) { 176 watch: {
221 console.log("updaterow:"+JSON.stringify(a)); 177 tableData: {
222 this.$emit("updateFdcwxmList", this.tableDataList); 178 handler: function (val, oldVal) {
179 let that = this;
180 this.$nextTick(() => {
181 if (val.length == 0 || !val) {
182 that.tableDataList = _.cloneDeep([
183 {
184 yt: null,
185 qssj: "",
186 jssj: "",
187 tdsyqx: "",
188 },
189 ]);
190 } else {
191 that.tableDataList = _.cloneDeep(val);
192 }
193 });
194 },
195 immediate: true,
196 deep: true,
197 },
198 },
199 methods: {
200 /**
201 * @description: renderHeader
202 * @author: renchao
203 */
204 renderHeader () {
205 return (
206 <div>
207 {"序号"}
208 </div>
209 );
210 },
211 updaterow (a) {
212 this.$emit("updateFdcwxmList", this.tableDataList);
213 }
223 } 214 }
224 }, 215 }
225 };
226 </script> 216 </script>
227 <style scoped lang="scss"> 217 <style scoped lang="scss">
228 .el-input { 218 .el-input {
229 border: none !important; 219 border: none !important;
230 } 220 }
231 221
232 /deep/ .el-table__row { 222 /deep/ .el-table__row {
233 border: none !important; 223 border: none !important;
234 } 224 }
235 225
236 .el-date-editor.el-input { 226 .el-date-editor.el-input {
237 width: 100%; 227 width: 100%;
238 } 228 }
239 229
240 /deep/ .el-table th { 230 /deep/ .el-table th {
241 height: 30px !important; 231 height: 30px !important;
242 } 232 }
243 </style> 233 </style>
244 234
......
1 <!-- 1 <!--
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-09-01 08:21:18 4 * @LastEditTime: 2023-09-01 13:35:05
5 --> 5 -->
6 <template> 6 <template>
7 <div> 7 <div>
...@@ -205,7 +205,8 @@ ...@@ -205,7 +205,8 @@
205 * @author: renchao 205 * @author: renchao
206 */ 206 */
207 deleClick (index, row) { 207 deleClick (index, row) {
208 this.tableData.splice(index, 1) 208 this.tableDataList.splice(index, 1)
209 this.$emit('upDateQlrxxList', this.tableDataList)
209 }, 210 },
210 /** 211 /**
211 * @description: 身份证读取 212 * @description: 身份证读取
...@@ -234,7 +235,6 @@ ...@@ -234,7 +235,6 @@
234 } 235 }
235 }) 236 })
236 }, 237 },
237 // 修改
238 /** 238 /**
239 * @description: 修改 239 * @description: 修改
240 * @param {*} index 240 * @param {*} index
...@@ -257,10 +257,8 @@ ...@@ -257,10 +257,8 @@
257 * @author: renchao 257 * @author: renchao
258 */ 258 */
259 queryViewClick (index, row) { 259 queryViewClick (index, row) {
260 // this.details.gyfs=this.gyfs
261 this.details = row 260 this.details = row
262 this.dialog = true 261 this.dialog = true
263
264 } 262 }
265 } 263 }
266 } 264 }
......
1 <!-- 1 <!--
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-08-31 09:36:04 4 * @LastEditTime: 2023-09-04 17:12:05
5 --> 5 -->
6 <template> 6 <template>
7 <div class="szxx"> 7 <div class="szxx">
...@@ -114,15 +114,18 @@ ...@@ -114,15 +114,18 @@
114 * @author: renchao 114 * @author: renchao
115 */ 115 */
116 list () { 116 list () {
117 var bsmSlsq = this.$route.query.bsmSlsq; 117 return new Promise((resolve, reject) => {
118 getSlsqBdcqzList({ bsmSlsq: bsmSlsq }).then((res) => { 118 var bsmSlsq = this.$route.query.bsmSlsq;
119 if (res.code === 200) { 119 getSlsqBdcqzList({ bsmSlsq: bsmSlsq }).then((res) => {
120 this.tableData = res.result; 120 resolve(res.code);
121 if (res.result) { 121 if (res.code === 200) {
122 this.bdcqz = res.result[0]; 122 this.tableData = res.result;
123 if (res.result) {
124 this.bdcqz = res.result[0];
125 }
123 } 126 }
124 } 127 })
125 }); 128 })
126 }, 129 },
127 /** 130 /**
128 * @description: 打开证书预览弹窗 131 * @description: 打开证书预览弹窗
...@@ -166,13 +169,14 @@ ...@@ -166,13 +169,14 @@
166 * @author: renchao 169 * @author: renchao
167 */ 170 */
168 confirmInvalid () { 171 confirmInvalid () {
169 invalidCertificate({ bsmBdcqz: this.bsmBdcqz, zfyy: this.zfyy }).then((res) => { 172 invalidCertificate({ bsmBdcqz: this.bsmBdcqz, zfyy: this.zfyy }).then(async (res) => {
170 if (res.code === 200) { 173 if (res.code === 200) {
171 this.list(); 174 this.list();
172 this.$message.success("作废成功"); 175 this.$message.success("作废成功");
173 this.invalidDiglog = false; 176 this.invalidDiglog = false;
174 this.zfyy = '' 177 this.zfyy = ''
175 this.openZsylDialog(this.bdcqz); 178 let res = await this.list()
179 if (res && res == 200) this.openZsylDialog(this.bdcqz);
176 } else { 180 } else {
177 this.$message.error(res.message); 181 this.$message.error(res.message);
178 } 182 }
......
1 <!--
2 * @Description:
3 * @Autor: renchao
4 * @LastEditTime: 2023-09-01 13:33:27
5 -->
6 <template>
7 <div>
8 <lb-table :column="column" :pagination="false" :key="key" :heightNumSetting="true"
9 :data="tableDataList">
10 </lb-table>
11 <addQlr v-model="dialog" :details="details" :showButton="disabled" @updateDetail="handleupdateDetail" />
12 </div>
13 </template>
14 <script>
15 import { mapGetters } from 'vuex'
16 import { getIdCardInfo } from '@/utils/operation.js'
17 import addQlr from './dialog/addQlr.vue'
18 export default {
19 components: {
20 addQlr
21 },
22 computed: {
23 ...mapGetters(["dictData"]),
24 },
25 props: {
26 tableData: {
27 type: Array,
28 default: function () {
29 return []
30 }
31 },
32 gyfs: {
33 type: String,
34 default: '1'
35 },
36 disabled: {
37 type: Boolean,
38 default: true
39 }
40 },
41 data () {
42 return {
43 key: 0,
44 dataIndex: 0,
45 dialog: false,
46 isaddupdate: false,
47 details: {},
48 tableDataList: [],
49 InformationTable: [
50 {
51 width: '50',
52 renderHeader: (h, scope) => {
53 return <div> {
54 !this.disabled ? '序号' : <i class="el-icon-plus pointer" onClick={() => { this.addClick() }}></i>
55 }
56 </div>
57 },
58 render: (h, scope) => {
59 return (
60 <div>
61 {
62 !this.disabled ? <span>{scope.$index + 1}</span> :
63 <i class="el-icon-minus pointer" onClick={() => { this.deleClick(scope.$index, scope.row) }}></i>
64 }
65 </div>
66 )
67 }
68 },
69 {
70 label: '身份证读卡器',
71 align: 'center',
72 render: (h, scope) => {
73 return <el-button type="text" icon="el-icon-tickets" disabled={!this.disabled} onClick={() => { this.readClick(scope.row) }}>读取</el-button>
74 }
75 },
76 {
77 prop: "sqrmc",
78 label: "姓名/名称"
79 },
80 {
81 prop: "zjzl",
82 label: "证件种类",
83 render: (h, scope) => {
84 return this.dictData['A30'] && this.dictData['A30'].map(option => {
85 if (option.dcode == scope.row.zjzl) {
86 return <span>{option.dname}</span>
87 }
88 })
89 }
90 },
91 {
92 prop: "zjh",
93 label: "证件号"
94 },
95 {
96 prop: "dh",
97 label: "联系电话"
98 },
99 {
100 label: '操作',
101 render: (h, scope) => {
102 return (
103 <div>
104 {
105 this.disabled ? <el-button
106 icon="el-icon-edit-outline"
107 type="text"
108 onClick={() => { this.editClick(scope.$index, scope.row) }}>编辑</el-button> : <el-button
109 icon="el-icon-view"
110 type="text"
111 onClick={() => { this.queryViewClick(scope.$index, scope.row) }} > 查看</el-button>
112 }
113 </div>
114 )
115 }
116 }
117 ],
118 column: []
119 }
120 },
121 watch: {
122 tableData: {
123 handler: function (val, oldVal) {
124 let that = this
125 this.$nextTick(() => {
126 if (val.length == 0 || !val) {
127 // that.tableDataList = _.cloneDeep([{
128 // sqrmc: '',
129 // dlrzjlx: '',
130 // dlrzjh: '',
131 // fr: ''
132 // }])
133 } else {
134 that.tableDataList = _.cloneDeep(val)
135 }
136 })
137 },
138 immediate: true,
139 deep: true
140 },
141 gyfs: {
142 handler (newVal, oldValue) {
143 let dataList = _.cloneDeep(this.InformationTable)
144 if (newVal == 0) {
145 this.column = _.cloneDeep(dataList)
146 this.tableDataList = _.cloneDeep(this.tableData)
147 } else if ((newVal == '1' || newVal == '3')) {
148 this.column = dataList
149 } else {
150 this.column = _.cloneDeep(dataList)
151 this.column.splice(
152 2, 0, {
153 prop: "qlbl",
154 label: "份数"
155 })
156 }
157 },
158 immediate: true
159 }
160 },
161 methods: {
162 /**
163 * @description: handleupdateDetail
164 * @param {*} value
165 * @author: renchao
166 */
167 handleupdateDetail (value) {
168 let arr = this.tableData.map(item => item.zjh)
169 if (this.isaddupdate) {
170 if (!arr.includes(value.zjh)) {
171 this.tableDataList[this.tableDataList.length] = _.cloneDeep(value);
172 this.$emit('upDateQlrxxList', this.tableDataList)
173 } else {
174 this.$message.error('证件号不能重复');
175 }
176 } else {
177 if (!arr.includes(value.zjh) || this.tableData[this.dataIndex].zjh == value.zjh) {
178 this.tableDataList[this.dataIndex] = _.cloneDeep(value);
179 this.$emit('upDateQlrxxList', this.tableDataList)
180 } else {
181 this.$message.error('证件号不能重复');
182 }
183 }
184 this.key++
185 },
186 /**
187 * @description: 新增
188 * @author: renchao
189 */
190 addClick () {
191 // if (this.gyfs == '0' && this.tableDataList.length > 0) {
192 // this.$message.warning("当前共有方式为单独所有，无法添加多个权利人")
193 // } else {
194 // this.key++
195 // this.details = {}
196 // this.dialog = true
197 // this.isaddupdate = true
198 // }
199 this.key++
200 this.details = {}
201 this.dialog = true
202 this.isaddupdate = true
203 },
204
205 /**
206 * @description: 删除
207 * @param {*} index
208 * @param {*} row
209 * @author: renchao
210 */
211 deleClick (index, row) {
212 this.tableDataList.splice(index, 1)
213 this.$emit('upDateQlrxxList', this.tableDataList)
214 },
215 /**
216 * @description: 身份证读取
217 * @param {*} row
218 * @author: renchao
219 */
220 readClick (row) {
221 getIdCardInfo().then(res => {
222 if (res.data.code == 0) {
223 let data = res.data.IDCardInfo
224 row.sqrmc = data.name
225 row.zjzl = '1'
226 row.zjh = data.cardID
227 row.xb = data.sexCode
228 row.txdz = data.address
229 row.fzjg = data.issueOrgan
230 this.$message({
231 message: '读取成功！',
232 type: 'success'
233 })
234 } else {
235 this.$message({
236 message: res.data.message,
237 type: 'warning'
238 })
239 }
240 })
241 },
242 /**
243 * @description: 修改
244 * @param {*} index
245 * @param {*} row
246 * @author: renchao
247 */
248 editClick (index, row) {
249 this.details = row
250 this.details.gyfs = this.gyfs
251 this.dataIndex = index
252 this.dialog = true
253 this.isaddupdate = false
254 },
255 /**
256 * @description: queryViewClick
257 * @param {*} index
258 * @param {*} row
259 * @author: renchao
260 */
261 queryViewClick (index, row) {
262 // this.details.gyfs=this.gyfs
263 this.details = row
264 this.dialog = true
265
266 }
267 }
268 }
269 </script>
270 <style scoped lang="scss">
271 /deep/.el-table th {
272 height: 30px !important;
273 }
274 /deep/.el-table .cell {
275 padding-right: 12px;
276 }
277 </style>
1 /*
2 * @Description:
3 * @Autor: renchao
4 * @LastEditTime: 2023-09-01 10:53:12
5 */
6 import filter from '@/utils/filter.js'
7 let vm = null
8
9 const sendThis = (_this) => {
10 vm = _this
11 }
12 class data1 extends filter {
13 constructor() {
14 super()
15 }
16 columns () {
17 return [
18 {
19 prop: "sqrmc",
20 label: "姓名/名称",
21 },
22
23 {
24 prop: "zjh",
25 label: "证件号",
26 },
27 {
28 prop: "frmc",
29 label: "法人名称",
30 },
31 {
32 prop: "txdz",
33 label: "地址",
34 },
35 {
36 prop: "dh",
37 label: "联系电话",
38 }
39 ]
40 }
41
42 }
43 class data2 extends filter {
44 constructor() {
45 super()
46 }
47
48 columns () {
49 return [
50 {
51 prop: "sqrmc",
52 label: "姓名/名称",
53 },
54 {
55 prop: "zjh",
56 label: "证件号",
57 },
58 {
59 prop: "frmc",
60 label: "法人名称",
61 },
62 {
63 prop: "txdz",
64 label: "地址",
65 },
66 {
67 prop: "dh",
68 label: "联系电话",
69 },
70 ]
71 }
72
73 }
74 let dataYh = new data1()
75 let dataQy = new data2()
76 export {
77 dataYh,
78 dataQy,
79 sendThis
80 }
...@@ -12,7 +12,7 @@ import { ...@@ -12,7 +12,7 @@ import {
12 completeTask, 12 completeTask,
13 getNextLinkInfo, 13 getNextLinkInfo,
14 getWorkFlowImage, 14 getWorkFlowImage,
15 getPrintApplicationInfo, 15 getPrintApplicationForm,
16 deleteFlow, 16 deleteFlow,
17 unClaimTask, 17 unClaimTask,
18 getZdInfo 18 getZdInfo
...@@ -131,7 +131,7 @@ export default { ...@@ -131,7 +131,7 @@ export default {
131 //根据编号获取对应信息 131 //根据编号获取对应信息
132 getPrintTemplateByCode({ tmpno: 'dysqs' }).then(res => { 132 getPrintTemplateByCode({ tmpno: 'dysqs' }).then(res => {
133 if (res.code == 200) { 133 if (res.code == 200) {
134 getPrintApplicationInfo(this.currentSelectProps).then(infoRes => { 134 getPrintApplicationForm(this.currentSelectProps.bsmSldy).then(infoRes => {
135 if (infoRes.code == 200) { 135 if (infoRes.code == 200) {
136 //打开模板设计 136 //打开模板设计
137 let LODOP = getLodop(document.getElementById('LODOP_OB'), document.getElementById('LODOP_EM')); 137 let LODOP = getLodop(document.getElementById('LODOP_OB'), document.getElementById('LODOP_EM'));
......
1 /*
2 * @Description:
3 * @Autor: renchao
4 * @LastEditTime: 2023-09-01 10:17:27
5 */
6 import filter from '@/utils/filter.js'
7 let vm = null
8
9 const sendThis = (_this) => {
10 vm = _this
11 }
12 class data extends filter {
13 constructor() {
14 super()
15 }
16 columns () {
17 return [
18 {
19 label: '序号',
20 type: 'index',
21 width: '50',
22 render: (h, scope) => {
23 return (
24 <div>
25 {(vm.pageData.currentPage - 1) * vm.pageData.pageSize + scope.$index + 1}
26 </div>
27 )
28 }
29 },
30 {
31 prop: "sqrmc",
32 label: "姓名/名称",
33 },
34 {
35 prop: "zjzl",
36 label: "证件种类",
37 render: (h, scope) => {
38 return (
39 <el-select
40 class="width100"
41 clearable
42 value={scope.row[scope.column.property]}
43 onChange={(val) => {
44 scope.row[scope.column.property] = val;
45 }}
46 >
47 {vm.dictData["A30"].map((option) => {
48 return (
49 <el-option
50 label={option.dname}
51 value={option.dcode}
52 ></el-option>
53 );
54 })}
55 </el-select>
56 );
57 },
58 },
59 {
60 prop: "zjh",
61 label: "证件号",
62 },
63 {
64 prop: "frmc",
65 label: "法人名称",
66 },
67 {
68 prop: "txdz",
69 label: "地址",
70 },
71 {
72 prop: "dh",
73 label: "联系电话",
74 },
75 {
76 label: '操作',
77 width: '80',
78 align: 'center',
79 render: (h, scope) => {
80 return (
81 <div>
82 <el-button type="text" onClick={() => { this.handleDelete(scope.row) }}>删除</el-button>
83 </div>
84 )
85 }
86 }
87 ]
88 }
89 }
90 let datas = new data()
91 export {
92 datas,
93 sendThis
94 }
1 <!-- 1 <!--
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-08-25 08:59:16 4 * @LastEditTime: 2023-09-01 10:17:48
5 --> 5 -->
6 <template> 6 <template>
7 <div class='qyxxba'> <el-empty description="正在开发"></el-empty></div> 7 <div class="from-clues">
8 <!-- 表单部分 -->
9 <div class="from-clues-header">
10 <el-form :model="queryForm" ref="queryForm" @submit.native.prevent label-width="80px">
11 <el-row>
12 <el-col :span="5">
13 <el-form-item label="姓名/名称">
14 <el-input placeholder="姓名/名称" v-model="queryForm.sqrmc" clearable class="width100">
15 </el-input>
16 </el-form-item>
17 </el-col>
18 <el-col :span="5">
19 <el-form-item label="证件号">
20 <el-input placeholder="证件号" v-model="queryForm.zjh" clearable class="width100">
21 </el-input>
22 </el-form-item>
23 </el-col>
24 <el-col :span="14" class="btnColRight">
25 <el-form-item>
26 <el-button type="primary" native-type="submit" @click="handleSearch">查询</el-button>
27 </el-form-item>
28 </el-col>
29 </el-row>
30 </el-form>
31 </div>
32 <div class="from-clues-content">
33 <lb-table :page-size="pageData.size" border :current-page.sync="pageData.currentPage" :heightNum="280"
34 :total="tableData.total" @size-change="handleSizeChange" @p-current-change="handleCurrentChange"
35 :column="tableData.columns" :data="tableData.data">
36 </lb-table>
37 </div>
38 </div>
8 </template> 39 </template>
9 <script> 40 <script>
10 41 import table from "@/utils/mixin/table"
42 import { datas, sendThis } from "./data"
11 export default { 43 export default {
44 name: "cwrz",
12 components: {}, 45 components: {},
46 mixins: [table],
47 mounted () {
48 sendThis(this);
49 },
50 computed: {
51 },
13 data () { 52 data () {
14 return { 53 return {
15 } 54 queryForm: {
55 sqrmc: "",
56 zjh: "",
57 },
58 pageData: {
59 current: 1,
60 size: 10,
61 },
62 tableData: {
63 total: 0,
64 columns: datas.columns(),
65 data: [],
66 },
67 };
68 },
69 methods: {
70 /**
71 * @description: queryClick
72 * @author: renchao
73 */
74 queryClick () {
75 },
76 handleSearch () { },
77 handleDelete () { }
16 } 78 }
17 } 79 }
18 </script> 80 </script>
19 <style scoped lang='scss'>
20 </style>
...\ No newline at end of file ...\ No newline at end of file
81 <style scoped lang="scss">
82 @import "~@/styles/public.scss";
83 </style>
84
......
1 /*
2 * @Description:
3 * @Autor: renchao
4 * @LastEditTime: 2023-09-01 10:17:27
5 */
6 import filter from '@/utils/filter.js'
7 let vm = null
8
9 const sendThis = (_this) => {
10 vm = _this
11 }
12 class data extends filter {
13 constructor() {
14 super()
15 }
16 columns () {
17 return [
18 {
19 label: '序号',
20 type: 'index',
21 width: '50',
22 render: (h, scope) => {
23 return (
24 <div>
25 {(vm.pageData.currentPage - 1) * vm.pageData.pageSize + scope.$index + 1}
26 </div>
27 )
28 }
29 },
30 {
31 prop: "sqrmc",
32 label: "姓名/名称",
33 },
34 {
35 prop: "zjzl",
36 label: "证件种类",
37 render: (h, scope) => {
38 return (
39 <el-select
40 class="width100"
41 clearable
42 value={scope.row[scope.column.property]}
43 onChange={(val) => {
44 scope.row[scope.column.property] = val;
45 }}
46 >
47 {vm.dictData["A30"].map((option) => {
48 return (
49 <el-option
50 label={option.dname}
51 value={option.dcode}
52 ></el-option>
53 );
54 })}
55 </el-select>
56 );
57 },
58 },
59 {
60 prop: "zjh",
61 label: "证件号",
62 },
63 {
64 prop: "frmc",
65 label: "法人名称",
66 },
67 {
68 prop: "txdz",
69 label: "地址",
70 },
71 {
72 prop: "dh",
73 label: "联系电话",
74 },
75 {
76 label: '操作',
77 width: '80',
78 align: 'center',
79 render: (h, scope) => {
80 return (
81 <div>
82 <el-button type="text" onClick={() => { this.handleDelete(scope.row) }}>删除</el-button>
83 </div>
84 )
85 }
86 }
87 ]
88 }
89 }
90 let datas = new data()
91 export {
92 datas,
93 sendThis
94 }
1 <!-- 1 <!--
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-08-25 08:59:04 4 * @LastEditTime: 2023-09-04 16:59:15
5 --> 5 -->
6 <template> 6 <template>
7 <div class='yhjgba'> 7 <div class="from-clues">
8 <el-empty description="正在开发"></el-empty> 8 <!-- 表单部分 -->
9 <div class="from-clues-header">
10 <el-form :model="queryForm" ref="queryForm" @submit.native.prevent label-width="80px">
11 <el-row>
12 <el-col :span="5">
13 <el-form-item label="姓名/名称">
14 <el-input placeholder="姓名/名称" v-model="queryForm.sqrmc" clearable class="width100">
15 </el-input>
16 </el-form-item>
17 </el-col>
18 <el-col :span="5">
19 <el-form-item label="证件号">
20 <el-input placeholder="证件号" v-model="queryForm.zjh" clearable class="width100">
21 </el-input>
22 </el-form-item>
23 </el-col>
24 <el-col :span="14" class="btnColRight">
25 <el-form-item>
26 <el-button type="primary" native-type="submit" @click="handleSearch">查询</el-button>
27 </el-form-item>
28 </el-col>
29 </el-row>
30 </el-form>
31 </div>
32 <div class="from-clues-content">
33 <lb-table :page-size="pageData.size" border :current-page.sync="pageData.currentPage" :heightNum="280"
34 :total="tableData.total" @size-change="handleSizeChange" @p-current-change="handleCurrentChange"
35 :column="tableData.columns" :data="tableData.data">
36 </lb-table>
37 </div>
9 </div> 38 </div>
10 </template> 39 </template>
11 <script> 40 <script>
12 41 import table from "@/utils/mixin/table"
42 import { datas, sendThis } from "./data"
13 export default { 43 export default {
44 name: "cwrz",
14 components: {}, 45 components: {},
46 mixins: [table],
47 mounted () {
48 sendThis(this);
49 },
50 computed: {
51 },
15 data () { 52 data () {
16 return { 53 return {
17 } 54 queryForm: {
55 sqrmc: "",
56 zjh: "",
57 },
58 pageData: {
59 current: 1,
60 size: 10,
61 },
62 tableData: {
63 total: 0,
64 columns: datas.columns(),
65 data: [],
66 },
67 };
68 },
69 methods: {
70 /**
71 * @description: queryClick
72 * @author: renchao
73 */
74 queryClick () {
75 },
76 handleSearch () { },
77 handleDelete () { }
18 } 78 }
19 } 79 }
20 </script> 80 </script>
21 <style scoped lang='scss'>
22 </style>
...\ No newline at end of file ...\ No newline at end of file
81 <style scoped lang="scss">
82 @import "~@/styles/public.scss";
83 </style>
84
......
...@@ -100,12 +100,12 @@ ...@@ -100,12 +100,12 @@
100 </el-form-item> 100 </el-form-item>
101 </el-col> 101 </el-col>
102 <el-col :span="8"> 102 <el-col :span="8">
103 <el-form-item label="面积："> 103 <el-form-item label="权利性质：">
104 <el-input disabled v-model="ruleForm.ztQlxx.qlmjmc"></el-input> 104 <el-input disabled v-model="ruleForm.ztQlxx.qlxzmc"></el-input>
105 </el-form-item> 105 </el-form-item>
106 </el-col> 106 </el-col>
107 <el-col :span="8"> 107 <el-col :span="8">
108 <el-form-item label="用途："> 108 <el-form-item label="权利用途：">
109 <el-input disabled v-model="ruleForm.ztQlxx.qlytmc"></el-input> 109 <el-input disabled v-model="ruleForm.ztQlxx.qlytmc"></el-input>
110 </el-form-item> 110 </el-form-item>
111 </el-col> 111 </el-col>
...@@ -122,7 +122,7 @@ ...@@ -122,7 +122,7 @@
122 <el-input disabled v-model="ruleForm.sldy.ybdcqzsh"></el-input> 122 <el-input disabled v-model="ruleForm.sldy.ybdcqzsh"></el-input>
123 </el-form-item> 123 </el-form-item>
124 </el-col> 124 </el-col>
125 <el-col :span="7"> 125 <el-col :span="8">
126 <el-form-item label="抵押方式："> 126 <el-form-item label="抵押方式：">
127 <el-radio-group disabled v-model="ruleForm.diyaq.dyfs"> 127 <el-radio-group disabled v-model="ruleForm.diyaq.dyfs">
128 <el-radio label="1">一般抵押权</el-radio> 128 <el-radio label="1">一般抵押权</el-radio>
...@@ -130,20 +130,58 @@ ...@@ -130,20 +130,58 @@
130 </el-radio-group> 130 </el-radio-group>
131 </el-form-item> 131 </el-form-item>
132 </el-col> 132 </el-col>
133 <el-col :span="9"> 133 <el-col :span="8">
134 <el-form-item label="抵押面积：">
135 <div class="flex">
136 <el-input
137 maxlength="12"
138 v-model="ruleForm.diyaq.dymj"
139 disabled></el-input>
140 <el-select disabled v-model="ruleForm.diyaq.mjdw" style="width: 68px">
141 <el-option
142 v-for="item in dictData['A7']"
143 :key="item.dcode"
144 :label="item.dname"
145 :value="item.dcode">
146 </el-option>
147 </el-select>
148 </div>
149 </el-form-item>
150 </el-col>
151 </el-row>
152 <el-row :gutter="10">
153 <el-col :span="8">
134 <el-form-item 154 <el-form-item
135 label="是否存在禁止或者限制转让抵押不动产的约定：" 155 label="是否禁止或者限制转让的约定："
136 label-width="350px" 156 label-width="200px"
137 > 157 >
138 <el-radio-group 158 <el-radio-group
139 v-model="ruleForm.diyaq.sfczjzhxz" 159 v-model="ruleForm.diyaq.sfczjzhxz"
140 :disabled="!viewEdit || isJfOperation" 160 :disabled="!viewEdit || isJfOperation"
141 > 161 >
142 <el-radio label="1">启用</el-radio> 162 <el-radio label="1">是</el-radio>
143 <el-radio label="0">禁用</el-radio> 163 <el-radio label="0">否</el-radio>
144 </el-radio-group> 164 </el-radio-group>
145 </el-form-item> 165 </el-form-item>
146 </el-col> 166 </el-col>
167 <el-col :span="8">
168 <el-form-item
169 label="是否预告登记："
170 >
171 <el-radio-group v-model="ruleForm.diyaq.sfygdj" disabled>
172 <el-radio label="1">是</el-radio>
173 <el-radio label="0">否</el-radio>
174 </el-radio-group>
175 </el-form-item>
176 </el-col>
177 <el-col :span="8">
178 <el-form-item label="债务履行期限：">
179 <el-input
180 v-model="ruleForm.diyaq.dyqx"
181 :disabled="!viewEdit || isJfOperation"
182 ></el-input>
183 </el-form-item>
184 </el-col>
147 </el-row> 185 </el-row>
148 186
149 <el-row :gutter="10"> 187 <el-row :gutter="10">
...@@ -366,7 +404,6 @@ export default { ...@@ -366,7 +404,6 @@ export default {
366 if (res.code === 200 && res.result) { 404 if (res.code === 200 && res.result) {
367 this.ruleForm = res.result; 405 this.ruleForm = res.result;
368 this.czrOptions = this.ruleForm.qlrList; 406 this.czrOptions = this.ruleForm.qlrList;
369 this.ruleForm.diyaq.sfczjzhxz = "0";
370 } 407 }
371 this.ruleForm.qlrList.forEach((item) => { 408 this.ruleForm.qlrList.forEach((item) => {
372 if (item.sfczr == 1) { 409 if (item.sfczr == 1) {
......
1 <!-- 1 <!--
2 * @Description: 房屋多幢受理信息 2 * @Description: 房屋多幢受理信息
3 * @Autor: ssq 3 * @Autor: ssq
4 * @LastEditTime: 2023-08-30 15:47:48 4 * @LastEditTime: 2023-09-01 13:23:30
5 --> 5 -->
6 <template> 6 <template>
7 <div class="slxx"> 7 <div class="slxx">
...@@ -107,7 +107,7 @@ ...@@ -107,7 +107,7 @@
107 <el-form-item label="独用土地面积："> 107 <el-form-item label="独用土地面积：">
108 <el-input :disabled="!viewEdit" maxlength="12" v-model="ruleForm.fdcq1.dytdmj"></el-input> 108 <el-input :disabled="!viewEdit" maxlength="12" v-model="ruleForm.fdcq1.dytdmj"></el-input>
109 </el-form-item> 109 </el-form-item>
110 </el-col>1 110 </el-col>
111 <el-col :span="8"> 111 <el-col :span="8">
112 <el-form-item label="分摊土地面积："> 112 <el-form-item label="分摊土地面积：">
113 <el-input :disabled="!viewEdit" maxlength="12" v-model="ruleForm.fdcq1.fttdmj"></el-input> 113 <el-input :disabled="!viewEdit" maxlength="12" v-model="ruleForm.fdcq1.fttdmj"></el-input>
...@@ -217,12 +217,13 @@ ...@@ -217,12 +217,13 @@
217 义务人信息 217 义务人信息
218 <div class="triangle"></div> 218 <div class="triangle"></div>
219 </div> 219 </div>
220 <qlrCommonTable 220 <ywrCommonTable
221 v-if="ruleForm.qlxx" 221 v-if="ruleForm.qlxx"
222 :disabled="viewEdit" 222 :disabled="viewEdit"
223 @upDateQlrxxList="upDateYwrxxList" 223 @upDateQlrxxList="upDateYwrxxList"
224 :tableData="ruleForm.ywrList" 224 :tableData="ruleForm.ywrList"
225 :gyfs="ruleForm.qlxx.gyfs" /> 225 :gyfs="ruleForm.qlxx.gyfs" />
226
226 </div> 227 </div>
227 <div class="slxx_title title-block"> 228 <div class="slxx_title title-block">
228 登记原因 229 登记原因
...@@ -254,6 +255,7 @@ ...@@ -254,6 +255,7 @@
254 <script> 255 <script>
255 import ywmix from "@/views/ywbl/mixin/index"; 256 import ywmix from "@/views/ywbl/mixin/index";
256 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; 257 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
258 import ywrCommonTable from "@/views/workflow/components/ywrCommonTable";
257 import fdcqxmTable from "@/views/workflow/components/fdcqxmTable"; 259 import fdcqxmTable from "@/views/workflow/components/fdcqxmTable";
258 import tdytTable from "@/views/workflow/components/tdytTable"; 260 import tdytTable from "@/views/workflow/components/tdytTable";
259 import { Init, saveData } from "@/api/workflow/fwsyq1Flow.js"; 261 import { Init, saveData } from "@/api/workflow/fwsyq1Flow.js";
...@@ -290,7 +292,7 @@ ...@@ -290,7 +292,7 @@
290 } 292 }
291 }); 293 });
292 }, 294 },
293 components: { qlrCommonTable, tdytTable, fdcqxmTable }, 295 components: { qlrCommonTable, tdytTable, fdcqxmTable, ywrCommonTable },
294 computed: { 296 computed: {
295 ...mapGetters(["dictData", "flag"]), 297 ...mapGetters(["dictData", "flag"]),
296 }, 298 },
......
1 <!-- 1 <!--
2 * @Description: 受理信息 2 * @Description: 受理信息
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-08-25 09:49:00 4 * @LastEditTime: 2023-09-01 13:40:52
5 --> 5 -->
6 <template> 6 <template>
7 <div class="slxx"> 7 <div class="slxx">
...@@ -115,7 +115,7 @@ ...@@ -115,7 +115,7 @@
115 <el-form-item label="独用土地面积："> 115 <el-form-item label="独用土地面积：">
116 <div class="flex"> 116 <div class="flex">
117 <el-input 117 <el-input
118 maxlength="12" 118 maxlength="12"
119 v-model="ruleForm.fdcq2.dytdmj" 119 v-model="ruleForm.fdcq2.dytdmj"
120 :disabled="!viewEdit" 120 :disabled="!viewEdit"
121 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> 121 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input>
...@@ -134,7 +134,7 @@ ...@@ -134,7 +134,7 @@
134 <el-form-item label="分摊土地面积："> 134 <el-form-item label="分摊土地面积：">
135 <div class="flex"> 135 <div class="flex">
136 <el-input 136 <el-input
137 maxlength="12" 137 maxlength="12"
138 v-model="ruleForm.fdcq2.fttdmj" 138 v-model="ruleForm.fdcq2.fttdmj"
139 :disabled="!viewEdit" 139 :disabled="!viewEdit"
140 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> 140 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input>
...@@ -203,7 +203,7 @@ ...@@ -203,7 +203,7 @@
203 <el-col :span="8"> 203 <el-col :span="8">
204 <el-form-item label="所在层："> 204 <el-form-item label="所在层：">
205 <el-input 205 <el-input
206 maxlength="20" 206 maxlength="20"
207 v-model="ruleForm.fdcq2.szc" 207 v-model="ruleForm.fdcq2.szc"
208 :disabled="!viewEdit"></el-input> 208 :disabled="!viewEdit"></el-input>
209 </el-form-item> 209 </el-form-item>
...@@ -211,7 +211,7 @@ ...@@ -211,7 +211,7 @@
211 <el-col :span="8"> 211 <el-col :span="8">
212 <el-form-item label="总层数："> 212 <el-form-item label="总层数：">
213 <el-input 213 <el-input
214 maxlength="4" 214 maxlength="4"
215 :disabled="!viewEdit" 215 :disabled="!viewEdit"
216 v-model.number="ruleForm.fdcq2.zcs" 216 v-model.number="ruleForm.fdcq2.zcs"
217 oninput="value=value.replace(/[^0-9]/g,'')"></el-input> 217 oninput="value=value.replace(/[^0-9]/g,'')"></el-input>
...@@ -221,7 +221,7 @@ ...@@ -221,7 +221,7 @@
221 <el-form-item label="房地产交易价格："> 221 <el-form-item label="房地产交易价格：">
222 <div class="flex"> 222 <div class="flex">
223 <el-input 223 <el-input
224 maxlength="11" 224 maxlength="11"
225 v-model="ruleForm.fdcq2.fdcjyjg" 225 v-model="ruleForm.fdcq2.fdcjyjg"
226 style="width: 500%" 226 style="width: 500%"
227 :disabled="!viewEdit" 227 :disabled="!viewEdit"
...@@ -262,7 +262,7 @@ ...@@ -262,7 +262,7 @@
262 <el-form-item label="专有建筑面积："> 262 <el-form-item label="专有建筑面积：">
263 <div class="flex"> 263 <div class="flex">
264 <el-input 264 <el-input
265 maxlength="12" 265 maxlength="12"
266 v-model="ruleForm.fdcq2.zyjzmj" 266 v-model="ruleForm.fdcq2.zyjzmj"
267 :disabled="!viewEdit" 267 :disabled="!viewEdit"
268 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> 268 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input>
...@@ -281,7 +281,7 @@ ...@@ -281,7 +281,7 @@
281 <el-form-item label="分摊建筑面积："> 281 <el-form-item label="分摊建筑面积：">
282 <div class="flex"> 282 <div class="flex">
283 <el-input 283 <el-input
284 maxlength="12" 284 maxlength="12"
285 v-model="ruleForm.fdcq2.ftjzmj" 285 v-model="ruleForm.fdcq2.ftjzmj"
286 :disabled="!viewEdit" 286 :disabled="!viewEdit"
287 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> 287 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input>
...@@ -374,7 +374,7 @@ ...@@ -374,7 +374,7 @@
374 义务人信息 374 义务人信息
375 <div class="triangle"></div> 375 <div class="triangle"></div>
376 </div> 376 </div>
377 <qlrCommonTable 377 <ywrCommonTable
378 v-if="ruleForm.qlxx" 378 v-if="ruleForm.qlxx"
379 @upDateQlrxxList="upDateYwrxxList" 379 @upDateQlrxxList="upDateYwrxxList"
380 :tableData="ruleForm.ywrList" 380 :tableData="ruleForm.ywrList"
...@@ -411,6 +411,7 @@ ...@@ -411,6 +411,7 @@
411 <script> 411 <script>
412 import ywmix from "@/views/ywbl/mixin/index"; 412 import ywmix from "@/views/ywbl/mixin/index";
413 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; 413 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
414 import ywrCommonTable from "@/views/workflow/components/ywrCommonTable";
414 import tdytTable from "@/views/workflow/components/tdytTable"; 415 import tdytTable from "@/views/workflow/components/tdytTable";
415 import { Init, saveData } from "@/api/workflow/fwsyqFlow.js"; 416 import { Init, saveData } from "@/api/workflow/fwsyqFlow.js";
416 import { mapGetters } from "vuex"; 417 import { mapGetters } from "vuex";
......
1 <!-- 1 <!--
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-08-25 09:39:00 4 * @LastEditTime: 2023-09-01 13:41:37
5 --> 5 -->
6 <template> 6 <template>
7 <!-- 受理信息 --> 7 <!-- 受理信息 -->
...@@ -203,7 +203,7 @@ ...@@ -203,7 +203,7 @@
203 义务人信息 203 义务人信息
204 <div class="triangle"></div> 204 <div class="triangle"></div>
205 </div> 205 </div>
206 <qlrCommonTable 206 <ywrCommonTable
207 v-if="ruleForm.ywrList" 207 v-if="ruleForm.ywrList"
208 :disabled="viewEdit" 208 :disabled="viewEdit"
209 :tableData="ruleForm.ywrList" 209 :tableData="ruleForm.ywrList"
...@@ -244,6 +244,7 @@ ...@@ -244,6 +244,7 @@
244 import { Init, saveData } from "@/api/workflow/jsydsyqFlow.js"; 244 import { Init, saveData } from "@/api/workflow/jsydsyqFlow.js";
245 import tdytTable from "@/views/workflow/components/tdytTable"; 245 import tdytTable from "@/views/workflow/components/tdytTable";
246 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; 246 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
247 import ywrCommonTable from "@/views/workflow/components/ywrCommonTable";
247 export default { 248 export default {
248 mixins: [ywmix], 249 mixins: [ywmix],
249 mounted () { 250 mounted () {
...@@ -270,7 +271,7 @@ ...@@ -270,7 +271,7 @@
270 }); 271 });
271 }); 272 });
272 }, 273 },
273 components: { qlrCommonTable, tdytTable }, 274 components: { qlrCommonTable, tdytTable, ywrCommonTable },
274 computed: { 275 computed: {
275 ...mapGetters(["dictData", "flag"]), 276 ...mapGetters(["dictData", "flag"]),
276 // 根据流程判断表单是否为只读 277 // 根据流程判断表单是否为只读
......
1 <!-- 1 <!--
2 * @Description: 房屋多幢受理信息 2 * @Description: 房屋多幢受理信息
3 * @Autor: ssq 3 * @Autor: ssq
4 * @LastEditTime: 2023-09-01 09:22:02 4 * @LastEditTime: 2023-09-01 13:42:05
5 --> 5 -->
6 <template> 6 <template>
7 <div class="slxx"> 7 <div class="slxx">
...@@ -267,7 +267,7 @@ ...@@ -267,7 +267,7 @@
267 义务人信息 267 义务人信息
268 <div class="triangle"></div> 268 <div class="triangle"></div>
269 </div> 269 </div>
270 <qlrCommonTable 270 <ywrCommonTable
271 v-if="ruleForm.qlxx" 271 v-if="ruleForm.qlxx"
272 :disabled="viewEdit" 272 :disabled="viewEdit"
273 @upDateQlrxxList="upDateYwrxxList" 273 @upDateQlrxxList="upDateYwrxxList"
...@@ -304,6 +304,7 @@ ...@@ -304,6 +304,7 @@
304 <script> 304 <script>
305 import ywmix from "@/views/ywbl/mixin/index"; 305 import ywmix from "@/views/ywbl/mixin/index";
306 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; 306 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
307 import ywrCommonTable from "@/views/workflow/components/ywrCommonTable";
307 import tdytTable from "@/views/workflow/components/tdytTable"; 308 import tdytTable from "@/views/workflow/components/tdytTable";
308 import { Init, saveData } from "@/api/workflow/lqFlow.js"; 309 import { Init, saveData } from "@/api/workflow/lqFlow.js";
309 import { mapGetters } from "vuex"; 310 import { mapGetters } from "vuex";
...@@ -339,7 +340,7 @@ ...@@ -339,7 +340,7 @@
339 } 340 }
340 }) 341 })
341 }, 342 },
342 components: { qlrCommonTable, tdytTable }, 343 components: { qlrCommonTable, tdytTable, ywrCommonTable },
343 computed: { 344 computed: {
344 ...mapGetters(["dictData", "flag"]) 345 ...mapGetters(["dictData", "flag"])
345 }, 346 },
......
...@@ -8,8 +8,7 @@ ...@@ -8,8 +8,7 @@
8 ref="ruleForm" 8 ref="ruleForm"
9 :label-position="flag ? 'top' : ''" 9 :label-position="flag ? 'top' : ''"
10 :inline="flag" 10 :inline="flag"
11 label-width="120px" 11 label-width="120px">
12 >
13 <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''"> 12 <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''">
14 <div class="slxx_title title-block"> 13 <div class="slxx_title title-block">
15 申请业务信息 14 申请业务信息
...@@ -99,16 +98,14 @@ ...@@ -99,16 +98,14 @@
99 <el-form-item label="发包方名称："> 98 <el-form-item label="发包方名称：">
100 <el-input 99 <el-input
101 v-model="ruleForm.nydsyq.fbfmc" 100 v-model="ruleForm.nydsyq.fbfmc"
102 :disabled="!viewEdit" 101 :disabled="!viewEdit"></el-input>
103 ></el-input>
104 </el-form-item> 102 </el-form-item>
105 </el-col> 103 </el-col>
106 <el-col :span="8"> 104 <el-col :span="8">
107 <el-form-item label="发包方代码："> 105 <el-form-item label="发包方代码：">
108 <el-input 106 <el-input
109 v-model="ruleForm.nydsyq.fbfdm" 107 v-model="ruleForm.nydsyq.fbfdm"
110 :disabled="!viewEdit" 108 :disabled="!viewEdit"></el-input>
111 ></el-input>
112 </el-form-item> 109 </el-form-item>
113 </el-col> 110 </el-col>
114 <el-col :span="8"> 111 <el-col :span="8">
...@@ -118,14 +115,12 @@ ...@@ -118,14 +115,12 @@
118 class="width100" 115 class="width100"
119 :disabled="!viewEdit" 116 :disabled="!viewEdit"
120 filterable 117 filterable
121 clearable 118 clearable>
122 >
123 <el-option 119 <el-option
124 v-for="item in dictData['A45']" 120 v-for="item in dictData['A45']"
125 :key="item.dname" 121 :key="item.dname"
126 :label="item.dname" 122 :label="item.dname"
127 :value="item.dname" 123 :value="item.dname">
128 >
129 </el-option> 124 </el-option>
130 </el-select> 125 </el-select>
131 </el-form-item> 126 </el-form-item>
...@@ -152,14 +147,12 @@ ...@@ -152,14 +147,12 @@
152 class="width100" 147 class="width100"
153 filterable 148 filterable
154 clearable 149 clearable
155 @change="changeSyttlx" 150 @change="changeSyttlx">
156 >
157 <el-option 151 <el-option
158 v-for="item in dictData['A23']" 152 v-for="item in dictData['A23']"
159 :key="item.dcode" 153 :key="item.dcode"
160 :label="item.dname" 154 :label="item.dname"
161 :value="item.dcode" 155 :value="item.dcode">
162 >
163 </el-option> 156 </el-option>
164 </el-select> 157 </el-select>
165 </el-form-item> 158 </el-form-item>
...@@ -172,14 +165,12 @@ ...@@ -172,14 +165,12 @@
172 class="width100" 165 class="width100"
173 filterable 166 filterable
174 clearable 167 clearable
175 @change="changeYzyfs" 168 @change="changeYzyfs">
176 >
177 <el-option 169 <el-option
178 v-for="item in dictData['A24']" 170 v-for="item in dictData['A24']"
179 :key="item.dcode" 171 :key="item.dcode"
180 :label="item.dname" 172 :label="item.dname"
181 :value="item.dcode" 173 :value="item.dcode">
182 >
183 </el-option> 174 </el-option>
184 </el-select> 175 </el-select>
185 </el-form-item> 176 </el-form-item>
...@@ -188,8 +179,7 @@ ...@@ -188,8 +179,7 @@
188 <el-form-item label="草原质量："> 179 <el-form-item label="草原质量：">
189 <el-input 180 <el-input
190 v-model="ruleForm.nydsyq.cyzl" 181 v-model="ruleForm.nydsyq.cyzl"
191 :disabled="!viewEdit" 182 :disabled="!viewEdit"></el-input>
192 ></el-input>
193 </el-form-item> 183 </el-form-item>
194 </el-col> 184 </el-col>
195 </el-row> 185 </el-row>
...@@ -199,8 +189,7 @@ ...@@ -199,8 +189,7 @@
199 <el-input 189 <el-input
200 v-model="ruleForm.nydsyq.syzcl" 190 v-model="ruleForm.nydsyq.syzcl"
201 :disabled="!viewEdit" 191 :disabled="!viewEdit"
202 oninput="value=value.replace(/[^\d.]/g,'')" 192 oninput="value=value.replace(/[^\d.]/g,'')"></el-input>
203 ></el-input>
204 </el-form-item> 193 </el-form-item>
205 </el-col> 194 </el-col>
206 <el-col :span="8"> 195 <el-col :span="8">
...@@ -211,14 +200,12 @@ ...@@ -211,14 +200,12 @@
211 class="width100" 200 class="width100"
212 filterable 201 filterable
213 clearable 202 clearable
214 @change="changeYdyhfl" 203 @change="changeYdyhfl">
215 >
216 <el-option 204 <el-option
217 v-for="item in dictData['A51']" 205 v-for="item in dictData['A51']"
218 :key="item.dcode" 206 :key="item.dcode"
219 :label="item.dname" 207 :label="item.dname"
220 :value="item.dcode" 208 :value="item.dcode">
221 >
222 </el-option> 209 </el-option>
223 </el-select> 210 </el-select>
224 </el-form-item> 211 </el-form-item>
...@@ -227,8 +214,7 @@ ...@@ -227,8 +214,7 @@
227 <el-form-item label="土地承包合同："> 214 <el-form-item label="土地承包合同：">
228 <el-input 215 <el-input
229 v-model="ruleForm.nydsyq.tdcbht" 216 v-model="ruleForm.nydsyq.tdcbht"
230 :disabled="!viewEdit" 217 :disabled="!viewEdit"></el-input>
231 ></el-input>
232 </el-form-item> 218 </el-form-item>
233 </el-col> 219 </el-col>
234 </el-row> 220 </el-row>
...@@ -240,8 +226,7 @@ ...@@ -240,8 +226,7 @@
240 maxlength="500" 226 maxlength="500"
241 show-word-limit 227 show-word-limit
242 v-model="ruleForm.nydsyq.fj" 228 v-model="ruleForm.nydsyq.fj"
243 :disabled="!viewEdit" 229 :disabled="!viewEdit"></el-input>
244 ></el-input>
245 </el-form-item> 230 </el-form-item>
246 </el-col> 231 </el-col>
247 </el-row> 232 </el-row>
...@@ -254,8 +239,7 @@ ...@@ -254,8 +239,7 @@
254 <el-form-item label="共有方式："> 239 <el-form-item label="共有方式：">
255 <el-radio-group 240 <el-radio-group
256 :disabled="!viewEdit" 241 :disabled="!viewEdit"
257 v-model="ruleForm.sldy.gyfs" 242 v-model="ruleForm.sldy.gyfs">
258 >
259 <el-radio label="0">单独所有</el-radio> 243 <el-radio label="0">单独所有</el-radio>
260 <el-radio label="1">共同共有</el-radio> 244 <el-radio label="1">共同共有</el-radio>
261 <el-radio label="2">按份所有</el-radio> 245 <el-radio label="2">按份所有</el-radio>
...@@ -268,8 +252,7 @@ ...@@ -268,8 +252,7 @@
268 <el-radio-group 252 <el-radio-group
269 v-model="ruleForm.sldy.sqfbcz" 253 v-model="ruleForm.sldy.sqfbcz"
270 :disabled="!viewEdit" 254 :disabled="!viewEdit"
271 @input="updaterow()" 255 @input="updaterow()">
272 >
273 <el-radio :label="1">是</el-radio> 256 <el-radio :label="1">是</el-radio>
274 <el-radio :label="0">否</el-radio> 257 <el-radio :label="0">否</el-radio>
275 </el-radio-group> 258 </el-radio-group>
...@@ -277,20 +260,17 @@ ...@@ -277,20 +260,17 @@
277 </el-col> 260 </el-col>
278 <el-col 261 <el-col
279 :span="6" 262 :span="6"
280 v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'" 263 v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'">
281 >
282 <el-form-item label="持证人："> 264 <el-form-item label="持证人：">
283 <el-select 265 <el-select
284 v-model="czr" 266 v-model="czr"
285 placeholder="持证人" 267 placeholder="持证人"
286 :disabled="!viewEdit" 268 :disabled="!viewEdit">
287 >
288 <el-option 269 <el-option
289 v-for="item in czrOptions" 270 v-for="item in czrOptions"
290 :key="item.zjh" 271 :key="item.zjh"
291 :label="item.sqrmc" 272 :label="item.sqrmc"
292 :value="item.zjh" 273 :value="item.zjh">
293 >
294 </el-option> 274 </el-option>
295 </el-select> 275 </el-select>
296 </el-form-item> 276 </el-form-item>
...@@ -300,17 +280,15 @@ ...@@ -300,17 +280,15 @@
300 :tableData="ruleForm.qlrList" 280 :tableData="ruleForm.qlrList"
301 @upDateQlrxxList="upDateQlrxxList" 281 @upDateQlrxxList="upDateQlrxxList"
302 :disabled="viewEdit" 282 :disabled="viewEdit"
303 :gyfs="ruleForm.sldy.gyfs" 283 :gyfs="ruleForm.sldy.gyfs" />
304 />
305 <div class="slxx_title title-block"> 284 <div class="slxx_title title-block">
306 义务人信息 285 义务人信息
307 <div class="triangle"></div> 286 <div class="triangle"></div>
308 </div> 287 </div>
309 <qlrCommonTable 288 <ywrCommonTable
310 :tableData="ruleForm.ywrList" 289 :tableData="ruleForm.ywrList"
311 @upDateQlrxxList="upDateYwrxxList" 290 @upDateQlrxxList="upDateYwrxxList"
312 :disabled="viewEdit" 291 :disabled="viewEdit" />
313 />
314 <div class="slxx_title title-block"> 292 <div class="slxx_title title-block">
315 家庭成员 293 家庭成员
316 <div class="triangle"></div> 294 <div class="triangle"></div>
...@@ -319,8 +297,7 @@ ...@@ -319,8 +297,7 @@
319 :tableData="ruleForm.jtcyList" 297 :tableData="ruleForm.jtcyList"
320 :disabled="!viewEdit" 298 :disabled="!viewEdit"
321 @upDateJtcyList="upDateJtcyList" 299 @upDateJtcyList="upDateJtcyList"
322 :gyfs="ruleForm.slywxx.gyfs" 300 :gyfs="ruleForm.slywxx.gyfs" />
323 />
324 <div class="slxx_title title-block"> 301 <div class="slxx_title title-block">
325 登记原因 302 登记原因
326 <div class="triangle"></div> 303 <div class="triangle"></div>
...@@ -334,8 +311,7 @@ ...@@ -334,8 +311,7 @@
334 maxlength="500" 311 maxlength="500"
335 show-word-limit 312 show-word-limit
336 :disabled="!viewEdit" 313 :disabled="!viewEdit"
337 v-model="ruleForm.nydsyq.djyy" 314 v-model="ruleForm.nydsyq.djyy">
338 >
339 </el-input> 315 </el-input>
340 </el-form-item> 316 </el-form-item>
341 </el-col> 317 </el-col>
...@@ -350,205 +326,206 @@ ...@@ -350,205 +326,206 @@
350 </div> 326 </div>
351 </template> 327 </template>
352 <script> 328 <script>
353 import { mapGetters } from "vuex"; 329 import { mapGetters } from "vuex";
354 import ywmix from "@/views/ywbl/mixin/index"; 330 import ywmix from "@/views/ywbl/mixin/index";
355 import { Init, saveData } from "@/api/workflow/nydsyqFlow.js"; 331 import { Init, saveData } from "@/api/workflow/nydsyqFlow.js";
356 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; 332 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
357 import JtcyTable from "@/views/workflow/components/JtcyTable"; 333 import ywrCommonTable from "@/views/workflow/components/ywrCommonTable";
358 export default { 334 import JtcyTable from "@/views/workflow/components/JtcyTable";
359 mixins: [ywmix], 335 export default {
360 mounted() { 336 mixins: [ywmix],
361 this.viewEdit = this.$parent.currentSelectTab.ableOperation; 337 mounted () {
362 this.propsParam = this.$attrs; 338 this.viewEdit = this.$parent.currentSelectTab.ableOperation;
363 var formdata = new FormData(); 339 this.propsParam = this.$attrs;
364 this.$startLoading(); 340 var formdata = new FormData();
365 formdata.append("bsmSldy", this.propsParam.bsmSldy); 341 this.$startLoading();
366 formdata.append("djlx", this.propsParam.djlx); 342 formdata.append("bsmSldy", this.propsParam.bsmSldy);
367 formdata.append("isEdit", this.viewEdit); 343 formdata.append("djlx", this.propsParam.djlx);
368 Init(formdata).then((res) => { 344 formdata.append("isEdit", this.viewEdit);
369 this.ruleForm = res.result; 345 Init(formdata).then((res) => {
370 this.czrOptions = this.ruleForm.qlrList; 346 this.ruleForm = res.result;
371 this.ruleForm.qlrList.forEach((item) => { 347 this.czrOptions = this.ruleForm.qlrList;
372 if (item.sfczr == 1) { 348 this.ruleForm.qlrList.forEach((item) => {
373 this.czr = item.sqrmc; 349 if (item.sfczr == 1) {
374 } 350 this.czr = item.sqrmc;
375 }); 351 }
376 this.$endLoading();
377 });
378 },
379 components: { qlrCommonTable, JtcyTable },
380 computed: {
381 ...mapGetters(["dictData", "flag"]),
382 },
383 data() {
384 return {
385 //表单是否可操作
386 viewEdit: true,
387 disabled: true,
388 czrOptions: [],
389 czr: "",
390 ruleForm: {},
391 //传递参数
392 propsParam: {},
393 rules: {},
394 };
395 },
396 methods: {
397 /**
398 * @description: onSubmit
399 * @author: renchao
400 */
401 onSubmit() {
402 let that = this;
403 if (this.ruleForm.qlrList.length == 0) {
404 this.$message({
405 showClose: true,
406 message: "请确认权利人信息",
407 type: "error",
408 }); 352 });
409 return false; 353 this.$endLoading();
410 } 354 });
411 355 },
412 if (this.ruleForm.sldy.gyfs == "0") { 356 components: { qlrCommonTable, JtcyTable, ywrCommonTable },
413 if (this.ruleForm.qlrList.length > 1) { 357 computed: {
414 this.$message({ 358 ...mapGetters(["dictData", "flag"]),
415 showClose: true, 359 },
416 message: "共有方式：单独所有，权利人只能是一个人", 360 data () {
417 type: "error", 361 return {
418 }); 362 //表单是否可操作
419 return false; 363 viewEdit: true,
420 } 364 disabled: true,
421 this.ruleForm.qlrList[0].sfczr = "1"; 365 czrOptions: [],
422 } else { 366 czr: "",
423 if (this.ruleForm.qlrList.length <= 1) { 367 ruleForm: {},
368 //传递参数
369 propsParam: {},
370 rules: {},
371 };
372 },
373 methods: {
374 /**
375 * @description: onSubmit
376 * @author: renchao
377 */
378 onSubmit () {
379 let that = this;
380 if (this.ruleForm.qlrList.length == 0) {
424 this.$message({ 381 this.$message({
425 showClose: true, 382 showClose: true,
426 message: 383 message: "请确认权利人信息",
427 "共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上",
428 type: "error", 384 type: "error",
429 }); 385 });
430 return false; 386 return false;
431 } 387 }
432 //是否分别持证 388
433 if (this.ruleForm.sldy.sqfbcz == "1") { 389 if (this.ruleForm.sldy.gyfs == "0") {
434 //是 390 if (this.ruleForm.qlrList.length > 1) {
435 this.ruleForm.qlrList.forEach((item, index) => { 391 this.$message({
436 item.sfczr = "1"; 392 showClose: true,
437 }); 393 message: "共有方式：单独所有，权利人只能是一个人",
394 type: "error",
395 });
396 return false;
397 }
398 this.ruleForm.qlrList[0].sfczr = "1";
438 } else { 399 } else {
439 if (!that.czr) { 400 if (this.ruleForm.qlrList.length <= 1) {
440 that.$message({ 401 this.$message({
441 showClose: true, 402 showClose: true,
442 message: "请选择持证人", 403 message:
404 "共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上",
443 type: "error", 405 type: "error",
444 }); 406 });
445 return false; 407 return false;
446 } 408 }
447 this.ruleForm.qlrList.forEach((item, index) => { 409 //是否分别持证
448 if (item.zjh == this.czr) { 410 if (this.ruleForm.sldy.sqfbcz == "1") {
411 //是
412 this.ruleForm.qlrList.forEach((item, index) => {
449 item.sfczr = "1"; 413 item.sfczr = "1";
450 } else { 414 });
451 item.sfczr = "0"; 415 } else {
416 if (!that.czr) {
417 that.$message({
418 showClose: true,
419 message: "请选择持证人",
420 type: "error",
421 });
422 return false;
452 } 423 }
453 }); 424 this.ruleForm.qlrList.forEach((item, index) => {
425 if (item.zjh == this.czr) {
426 item.sfczr = "1";
427 } else {
428 item.sfczr = "0";
429 }
430 });
431 }
454 } 432 }
455 }
456 433
457 saveData(this.ruleForm).then((res) => { 434 saveData(this.ruleForm).then((res) => {
458 if (res.code === 200) { 435 if (res.code === 200) {
459 this.$message({ 436 this.$message({
460 showClose: true, 437 showClose: true,
461 message: "保存成功！", 438 message: "保存成功！",
462 type: "success", 439 type: "success",
463 }); 440 });
464 this.$store.dispatch("user/refreshPage", true); 441 this.$store.dispatch("user/refreshPage", true);
465 } else { 442 } else {
466 this.$message({ 443 this.$message({
467 showClose: true, 444 showClose: true,
468 message: res.message, 445 message: res.message,
469 type: "error", 446 type: "error",
470 }); 447 });
471 } 448 }
472 }); 449 });
473 }, 450 },
474 /** 451 /**
475 * @description: 权利人更新 452 * @description: 权利人更新
476 * @param {*} val 453 * @param {*} val
477 * @author: renchao 454 * @author: renchao
478 */ 455 */
479 upDateQlrxxList(val) { 456 upDateQlrxxList (val) {
480 this.ruleForm.qlrList = _.cloneDeep(val); 457 this.ruleForm.qlrList = _.cloneDeep(val);
481 this.czrOptions = this.ruleForm.qlrList; 458 this.czrOptions = this.ruleForm.qlrList;
482 }, 459 },
483 // 是否持证人变化 460 // 是否持证人变化
484 /** 461 /**
485 * @description: 是否持证人变化 462 * @description: 是否持证人变化
486 * @param {*} val 463 * @param {*} val
487 * @author: renchao 464 * @author: renchao
488 */ 465 */
489 updaterow() { 466 updaterow () {
490 this.czr = ""; 467 this.czr = "";
491 }, 468 },
492 /** 469 /**
493 * @description: 更新义务人信息 470 * @description: 更新义务人信息
494 * @param {*} val 471 * @param {*} val
495 * @author: renchao 472 * @author: renchao
496 */ 473 */
497 upDateYwrxxList(val) { 474 upDateYwrxxList (val) {
498 this.ruleForm.ywrList = _.cloneDeep(val); 475 this.ruleForm.ywrList = _.cloneDeep(val);
499 }, 476 },
500 //家庭成员更新 477 //家庭成员更新
501 /** 478 /**
502 * @description: 家庭成员更新 479 * @description: 家庭成员更新
503 * @param {*} val 480 * @param {*} val
504 * @author: renchao 481 * @author: renchao
505 */ 482 */
506 upDateJtcyList(val) { 483 upDateJtcyList (val) {
507 this.ruleForm.jtcyList = _.cloneDeep(val); 484 this.ruleForm.jtcyList = _.cloneDeep(val);
508 }, 485 },
509 //水域滩涂类型变化事件 486 //水域滩涂类型变化事件
510 /** 487 /**
511 * @description: 水域滩涂类型变化事件 488 * @description: 水域滩涂类型变化事件
512 * @param {*} e 489 * @param {*} e
513 * @author: renchao 490 * @author: renchao
514 */ 491 */
515 changeSyttlx(e) { 492 changeSyttlx (e) {
516 let itemLx = {}; 493 let itemLx = {};
517 itemLx = this.dictData["A23"].find((item) => { 494 itemLx = this.dictData["A23"].find((item) => {
518 return item.dcode == e; 495 return item.dcode == e;
519 }); 496 });
520 this.ruleForm.nydsyq.syttlxmc = itemLx.dname; 497 this.ruleForm.nydsyq.syttlxmc = itemLx.dname;
521 }, 498 },
522 //养殖业方式变化事件 499 //养殖业方式变化事件
523 /** 500 /**
524 * @description: 养殖业方式变化事件 501 * @description: 养殖业方式变化事件
525 * @param {*} e 502 * @param {*} e
526 * @author: renchao 503 * @author: renchao
527 */ 504 */
528 changeYzyfs(e) { 505 changeYzyfs (e) {
529 let itemLx = {}; 506 let itemLx = {};
530 itemLx = this.dictData["A24"].find((item) => { 507 itemLx = this.dictData["A24"].find((item) => {
531 return item.dcode == e; 508 return item.dcode == e;
532 }); 509 });
533 this.ruleForm.nydsyq.yzyfsmc = itemLx.dname; 510 this.ruleForm.nydsyq.yzyfsmc = itemLx.dname;
534 }, 511 },
535 //用地用海变化事件 512 //用地用海变化事件
536 /** 513 /**
537 * @description: 用地用海变化事件 514 * @description: 用地用海变化事件
538 * @param {*} e 515 * @param {*} e
539 * @author: renchao 516 * @author: renchao
540 */ 517 */
541 changeYdyhfl(e) { 518 changeYdyhfl (e) {
542 let itemLx = {}; 519 let itemLx = {};
543 itemLx = this.dictData["A51"].find((item) => { 520 itemLx = this.dictData["A51"].find((item) => {
544 return item.dcode == e; 521 return item.dcode == e;
545 }); 522 });
546 this.ruleForm.nydsyq.ydyhflmc = itemLx.dname; 523 this.ruleForm.nydsyq.ydyhflmc = itemLx.dname;
524 },
547 }, 525 },
548 }, 526 };
549 };
550 </script> 527 </script>
551 <style scoped lang="scss"> 528 <style scoped lang="scss">
552 @import "~@/styles/public.scss"; 529 @import "~@/styles/public.scss";
553 @import "~@/styles/slxx/slxx.scss"; 530 @import "~@/styles/slxx/slxx.scss";
554 </style> 531 </style>
......
1 <!-- 1 <!--
2 * @Description: 房屋多幢受理信息 2 * @Description: 房屋多幢受理信息
3 * @Autor: ssq 3 * @Autor: ssq
4 * @LastEditTime: 2023-09-01 09:52:40 4 * @LastEditTime: 2023-09-01 13:37:53
5 --> 5 -->
6 <template> 6 <template>
7 <div class="slxx"> 7 <div class="slxx">
...@@ -266,7 +266,7 @@ ...@@ -266,7 +266,7 @@
266 义务人信息 266 义务人信息
267 <div class="triangle"></div> 267 <div class="triangle"></div>
268 </div> 268 </div>
269 <qlrCommonTable 269 <ywrCommonTable
270 v-if="ruleForm.qlxx" 270 v-if="ruleForm.qlxx"
271 :disabled="viewEdit" 271 :disabled="viewEdit"
272 @upDateQlrxxList="upDateYwrxxList" 272 @upDateQlrxxList="upDateYwrxxList"
...@@ -303,6 +303,7 @@ ...@@ -303,6 +303,7 @@
303 <script> 303 <script>
304 import ywmix from "@/views/ywbl/mixin/index"; 304 import ywmix from "@/views/ywbl/mixin/index";
305 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; 305 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
306 import ywrCommonTable from "@/views/workflow/components/ywrCommonTable";
306 import tdytTable from "@/views/workflow/components/tdytTable"; 307 import tdytTable from "@/views/workflow/components/tdytTable";
307 import { Init, saveData } from "@/api/workflow/sllmFlow.js"; 308 import { Init, saveData } from "@/api/workflow/sllmFlow.js";
308 import { mapGetters } from "vuex"; 309 import { mapGetters } from "vuex";
...@@ -334,7 +335,7 @@ ...@@ -334,7 +335,7 @@
334 } 335 }
335 }); 336 });
336 }, 337 },
337 components: { qlrCommonTable, tdytTable }, 338 components: { qlrCommonTable, tdytTable, ywrCommonTable },
338 computed: { 339 computed: {
339 ...mapGetters(["dictData", "flag"]), 340 ...mapGetters(["dictData", "flag"]),
340 }, 341 },
......
1 <!-- 1 <!--
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-08-16 16:09:58 4 * @LastEditTime: 2023-09-01 13:38:47
5 --> 5 -->
6 <template> 6 <template>
7 <!-- 受理信息 --> 7 <!-- 受理信息 -->
...@@ -13,8 +13,7 @@ ...@@ -13,8 +13,7 @@
13 ref="ruleForm" 13 ref="ruleForm"
14 :label-position="flag ? 'top' : ''" 14 :label-position="flag ? 'top' : ''"
15 :inline="flag" 15 :inline="flag"
16 label-width="120px" 16 label-width="120px">
17 >
18 <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''"> 17 <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''">
19 <div class="slxx_title title-block"> 18 <div class="slxx_title title-block">
20 申请业务信息 19 申请业务信息
...@@ -92,22 +91,19 @@ ...@@ -92,22 +91,19 @@
92 <el-form-item label="农用地面积："> 91 <el-form-item label="农用地面积：">
93 <div class="flex"> 92 <div class="flex">
94 <el-input 93 <el-input
95 maxlength="12" 94 maxlength="12"
96 v-model="ruleForm.tdsyq.nydmj" 95 v-model="ruleForm.tdsyq.nydmj"
97 :disabled="!viewEdit" 96 :disabled="!viewEdit"
98 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null" 97 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input>
99 ></el-input>
100 <el-select 98 <el-select
101 v-model="mjdw" 99 v-model="mjdw"
102 :disabled="!viewEdit" 100 :disabled="!viewEdit"
103 style="width: 68px" 101 style="width: 68px">
104 >
105 <el-option 102 <el-option
106 v-for="item in dictData['A7']" 103 v-for="item in dictData['A7']"
107 :key="item.dcode" 104 :key="item.dcode"
108 :label="item.dname" 105 :label="item.dname"
109 :value="item.dcode" 106 :value="item.dcode">
110 >
111 </el-option> 107 </el-option>
112 </el-select> 108 </el-select>
113 </div> 109 </div>
...@@ -117,22 +113,19 @@ ...@@ -117,22 +113,19 @@
117 <el-form-item label="耕地面积："> 113 <el-form-item label="耕地面积：">
118 <div class="flex"> 114 <div class="flex">
119 <el-input 115 <el-input
120 maxlength="12" 116 maxlength="12"
121 v-model="ruleForm.tdsyq.gdmj" 117 v-model="ruleForm.tdsyq.gdmj"
122 :disabled="!viewEdit" 118 :disabled="!viewEdit"
123 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null" 119 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input>
124 ></el-input>
125 <el-select 120 <el-select
126 v-model="mjdw" 121 v-model="mjdw"
127 :disabled="!viewEdit" 122 :disabled="!viewEdit"
128 style="width: 68px" 123 style="width: 68px">
129 >
130 <el-option 124 <el-option
131 v-for="item in dictData['A7']" 125 v-for="item in dictData['A7']"
132 :key="item.dcode" 126 :key="item.dcode"
133 :label="item.dname" 127 :label="item.dname"
134 :value="item.dcode" 128 :value="item.dcode">
135 >
136 </el-option> 129 </el-option>
137 </el-select> 130 </el-select>
138 </div> 131 </div>
...@@ -142,22 +135,19 @@ ...@@ -142,22 +135,19 @@
142 <el-form-item label="林地面积："> 135 <el-form-item label="林地面积：">
143 <div class="flex"> 136 <div class="flex">
144 <el-input 137 <el-input
145 maxlength="12" 138 maxlength="12"
146 v-model="ruleForm.tdsyq.ldmj" 139 v-model="ruleForm.tdsyq.ldmj"
147 :disabled="!viewEdit" 140 :disabled="!viewEdit"
148 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null" 141 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input>
149 ></el-input>
150 <el-select 142 <el-select
151 v-model="mjdw" 143 v-model="mjdw"
152 :disabled="!viewEdit" 144 :disabled="!viewEdit"
153 style="width: 68px" 145 style="width: 68px">
154 >
155 <el-option 146 <el-option
156 v-for="item in dictData['A7']" 147 v-for="item in dictData['A7']"
157 :key="item.dcode" 148 :key="item.dcode"
158 :label="item.dname" 149 :label="item.dname"
159 :value="item.dcode" 150 :value="item.dcode">
160 >
161 </el-option> 151 </el-option>
162 </el-select> 152 </el-select>
163 </div> 153 </div>
...@@ -169,22 +159,19 @@ ...@@ -169,22 +159,19 @@
169 <el-form-item label="草地面积："> 159 <el-form-item label="草地面积：">
170 <div class="flex"> 160 <div class="flex">
171 <el-input 161 <el-input
172 maxlength="12" 162 maxlength="12"
173 v-model="ruleForm.tdsyq.cdmj" 163 v-model="ruleForm.tdsyq.cdmj"
174 :disabled="!viewEdit" 164 :disabled="!viewEdit"
175 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null" 165 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input>
176 ></el-input>
177 <el-select 166 <el-select
178 v-model="mjdw" 167 v-model="mjdw"
179 :disabled="!viewEdit" 168 :disabled="!viewEdit"
180 style="width: 68px" 169 style="width: 68px">
181 >
182 <el-option 170 <el-option
183 v-for="item in dictData['A7']" 171 v-for="item in dictData['A7']"
184 :key="item.dcode" 172 :key="item.dcode"
185 :label="item.dname" 173 :label="item.dname"
186 :value="item.dcode" 174 :value="item.dcode">
187 >
188 </el-option> 175 </el-option>
189 </el-select> 176 </el-select>
190 </div> 177 </div>
...@@ -194,22 +181,19 @@ ...@@ -194,22 +181,19 @@
194 <el-form-item label="其他农用地面积："> 181 <el-form-item label="其他农用地面积：">
195 <div class="flex"> 182 <div class="flex">
196 <el-input 183 <el-input
197 maxlength="12" 184 maxlength="12"
198 v-model="ruleForm.tdsyq.qtnydmj" 185 v-model="ruleForm.tdsyq.qtnydmj"
199 :disabled="!viewEdit" 186 :disabled="!viewEdit"
200 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null" 187 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input>
201 ></el-input>
202 <el-select 188 <el-select
203 v-model="mjdw" 189 v-model="mjdw"
204 :disabled="!viewEdit" 190 :disabled="!viewEdit"
205 style="width: 68px" 191 style="width: 68px">
206 >
207 <el-option 192 <el-option
208 v-for="item in dictData['A7']" 193 v-for="item in dictData['A7']"
209 :key="item.dcode" 194 :key="item.dcode"
210 :label="item.dname" 195 :label="item.dname"
211 :value="item.dcode" 196 :value="item.dcode">
212 >
213 </el-option> 197 </el-option>
214 </el-select> 198 </el-select>
215 </div> 199 </div>
...@@ -219,22 +203,19 @@ ...@@ -219,22 +203,19 @@
219 <el-form-item label="建筑使用面积："> 203 <el-form-item label="建筑使用面积：">
220 <div class="flex"> 204 <div class="flex">
221 <el-input 205 <el-input
222 maxlength="12" 206 maxlength="12"
223 v-model="ruleForm.tdsyq.jsydmj" 207 v-model="ruleForm.tdsyq.jsydmj"
224 :disabled="!viewEdit" 208 :disabled="!viewEdit"
225 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null" 209 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input>
226 ></el-input>
227 <el-select 210 <el-select
228 v-model="mjdw" 211 v-model="mjdw"
229 :disabled="!viewEdit" 212 :disabled="!viewEdit"
230 style="width: 68px" 213 style="width: 68px">
231 >
232 <el-option 214 <el-option
233 v-for="item in dictData['A7']" 215 v-for="item in dictData['A7']"
234 :key="item.dcode" 216 :key="item.dcode"
235 :label="item.dname" 217 :label="item.dname"
236 :value="item.dcode" 218 :value="item.dcode">
237 >
238 </el-option> 219 </el-option>
239 </el-select> 220 </el-select>
240 </div> 221 </div>
...@@ -246,22 +227,19 @@ ...@@ -246,22 +227,19 @@
246 <el-form-item label="未利用地面积："> 227 <el-form-item label="未利用地面积：">
247 <div class="flex"> 228 <div class="flex">
248 <el-input 229 <el-input
249 maxlength="12" 230 maxlength="12"
250 v-model="ruleForm.tdsyq.wlydmj" 231 v-model="ruleForm.tdsyq.wlydmj"
251 :disabled="!viewEdit" 232 :disabled="!viewEdit"
252 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null" 233 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input>
253 ></el-input>
254 <el-select 234 <el-select
255 v-model="mjdw" 235 v-model="mjdw"
256 :disabled="!viewEdit" 236 :disabled="!viewEdit"
257 style="width: 68px" 237 style="width: 68px">
258 >
259 <el-option 238 <el-option
260 v-for="item in dictData['A7']" 239 v-for="item in dictData['A7']"
261 :key="item.dcode" 240 :key="item.dcode"
262 :label="item.dname" 241 :label="item.dname"
263 :value="item.dcode" 242 :value="item.dcode">
264 >
265 </el-option> 243 </el-option>
266 </el-select> 244 </el-select>
267 </div> 245 </div>
...@@ -275,8 +253,7 @@ ...@@ -275,8 +253,7 @@
275 <tdytTable 253 <tdytTable
276 :tableData="ruleForm.tdytqxList" 254 :tableData="ruleForm.tdytqxList"
277 :ableOperation="viewEdit" 255 :ableOperation="viewEdit"
278 @upDateTdytxxList="upDateTdytxxList" 256 @upDateTdytxxList="upDateTdytxxList" />
279 />
280 <div class="slxx_title title-block"> 257 <div class="slxx_title title-block">
281 权利人信息 258 权利人信息
282 <div class="triangle"></div> 259 <div class="triangle"></div>
...@@ -286,8 +263,7 @@ ...@@ -286,8 +263,7 @@
286 <el-form-item label="共有方式："> 263 <el-form-item label="共有方式：">
287 <el-radio-group 264 <el-radio-group
288 :disabled="!viewEdit" 265 :disabled="!viewEdit"
289 v-model="ruleForm.sldy.gyfs" 266 v-model="ruleForm.sldy.gyfs">
290 >
291 <el-radio label="0">单独所有</el-radio> 267 <el-radio label="0">单独所有</el-radio>
292 <el-radio label="1">共同共有</el-radio> 268 <el-radio label="1">共同共有</el-radio>
293 <el-radio label="2">按份所有</el-radio> 269 <el-radio label="2">按份所有</el-radio>
...@@ -300,8 +276,7 @@ ...@@ -300,8 +276,7 @@
300 <el-radio-group 276 <el-radio-group
301 v-model="ruleForm.sldy.sqfbcz" 277 v-model="ruleForm.sldy.sqfbcz"
302 :disabled="!viewEdit" 278 :disabled="!viewEdit"
303 @input="updaterow()" 279 @input="updaterow()">
304 >
305 <el-radio :label="1">是</el-radio> 280 <el-radio :label="1">是</el-radio>
306 <el-radio :label="0">否</el-radio> 281 <el-radio :label="0">否</el-radio>
307 </el-radio-group> 282 </el-radio-group>
...@@ -309,20 +284,17 @@ ...@@ -309,20 +284,17 @@
309 </el-col> 284 </el-col>
310 <el-col 285 <el-col
311 :span="6" 286 :span="6"
312 v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'" 287 v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'">
313 >
314 <el-form-item label="持证人："> 288 <el-form-item label="持证人：">
315 <el-select 289 <el-select
316 v-model="czr" 290 v-model="czr"
317 placeholder="持证人" 291 placeholder="持证人"
318 :disabled="!viewEdit" 292 :disabled="!viewEdit">
319 >
320 <el-option 293 <el-option
321 v-for="item in czrOptions" 294 v-for="item in czrOptions"
322 :key="item.zjh" 295 :key="item.zjh"
323 :label="item.sqrmc" 296 :label="item.sqrmc"
324 :value="item.zjh" 297 :value="item.zjh">
325 >
326 </el-option> 298 </el-option>
327 </el-select> 299 </el-select>
328 </el-form-item> 300 </el-form-item>
...@@ -333,21 +305,19 @@ ...@@ -333,21 +305,19 @@
333 :disabled="viewEdit" 305 :disabled="viewEdit"
334 @upDateQlrxxList="upDateQlrxxList" 306 @upDateQlrxxList="upDateQlrxxList"
335 :key="key" 307 :key="key"
336 :gyfs="ruleForm.sldy.gyfs" 308 :gyfs="ruleForm.sldy.gyfs" />
337 />
338 309
339 <div v-if="ruleForm.ywrList && ruleForm.ywrList.length > 0"> 310 <div v-if="ruleForm.ywrList && ruleForm.ywrList.length > 0">
340 <div class="slxx_title title-block"> 311 <div class="slxx_title title-block">
341 义务人信息 312 义务人信息
342 <div class="triangle"></div> 313 <div class="triangle"></div>
343 </div> 314 </div>
344 <qlrCommonTable 315 <ywrCommonTable
345 v-if="ruleForm.ywrList" 316 v-if="ruleForm.ywrList"
346 :disabled="viewEdit" 317 :disabled="viewEdit"
347 :tableData="ruleForm.ywrList" 318 :tableData="ruleForm.ywrList"
348 :key="key" 319 :key="key"
349 @upDateQlrxxList="upDateYwrxxList" 320 @upDateQlrxxList="upDateYwrxxList" />
350 />
351 </div> 321 </div>
352 322
353 <div class="slxx_title title-block"> 323 <div class="slxx_title title-block">
...@@ -363,8 +333,7 @@ ...@@ -363,8 +333,7 @@
363 show-word-limit 333 show-word-limit
364 type="textarea" 334 type="textarea"
365 :disabled="!viewEdit" 335 :disabled="!viewEdit"
366 v-model="ruleForm.tdsyq.djyy" 336 v-model="ruleForm.tdsyq.djyy">
367 >
368 </el-input> 337 </el-input>
369 </el-form-item> 338 </el-form-item>
370 </el-col> 339 </el-col>
...@@ -379,200 +348,201 @@ ...@@ -379,200 +348,201 @@
379 </div> 348 </div>
380 </template> 349 </template>
381 <script> 350 <script>
382 import { mapGetters } from "vuex"; 351 import { mapGetters } from "vuex";
383 import ywmix from "@/views/ywbl/mixin/index"; 352 import ywmix from "@/views/ywbl/mixin/index";
384 import { Init, saveData } from "@/api/workflow/tdsyqFlow.js"; 353 import { Init, saveData } from "@/api/workflow/tdsyqFlow.js";
385 import tdytTable from "@/views/workflow/components/tdytTable"; 354 import tdytTable from "@/views/workflow/components/tdytTable";
386 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; 355 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
387 export default { 356 import ywrCommonTable from "@/views/workflow/components/ywrCommonTable";
388 mixins: [ywmix], 357 export default {
389 components: { qlrCommonTable, tdytTable }, 358 mixins: [ywmix],
390 mounted() { 359 components: { qlrCommonTable, tdytTable, ywrCommonTable },
391 this.viewEdit = this.$parent.currentSelectTab.ableOperation; 360 mounted () {
392 this.propsParam = this.$attrs; 361 this.viewEdit = this.$parent.currentSelectTab.ableOperation;
393 var formdata = new FormData(); 362 this.propsParam = this.$attrs;
394 let that = this; 363 var formdata = new FormData();
395 this.$startLoading(); 364 let that = this;
396 formdata.append("bsmSldy", this.propsParam.bsmSldy); 365 this.$startLoading();
397 formdata.append("djlx", this.propsParam.djlx); 366 formdata.append("bsmSldy", this.propsParam.bsmSldy);
398 formdata.append("isEdit", this.viewEdit); 367 formdata.append("djlx", this.propsParam.djlx);
399 Init(formdata).then((res) => { 368 formdata.append("isEdit", this.viewEdit);
400 this.$nextTick(() => { 369 Init(formdata).then((res) => {
401 that.ruleForm = res.result; 370 this.$nextTick(() => {
402 this.czrOptions = this.ruleForm.qlrList; 371 that.ruleForm = res.result;
403 that.$endLoading(); 372 this.czrOptions = this.ruleForm.qlrList;
404 that.isShow = true; 373 that.$endLoading();
405 this.czrOptions = this.ruleForm.qlrList; 374 that.isShow = true;
406 this.ruleForm.qlrList.forEach((item) => { 375 this.czrOptions = this.ruleForm.qlrList;
407 if (item.sfczr == 1) { 376 this.ruleForm.qlrList.forEach((item) => {
408 this.czr = item.sqrmc; 377 if (item.sfczr == 1) {
409 } 378 this.czr = item.sqrmc;
379 }
380 });
410 }); 381 });
411 }); 382 });
412 });
413 },
414
415 computed: {
416 ...mapGetters(["dictData", "flag"]),
417 },
418 data() {
419 return {
420 mjdw: "1",
421 value2: {
422 id: "520000198407304275",
423 user: "史平",
424 },
425 props: {
426 label: "user",
427 value: "id",
428 keyword: "keyword",
429 },
430
431 //表单是否可操作
432 viewEdit: true,
433 key: 0,
434 isShow: false,
435 disabled: true,
436 czrOptions: [],
437 czr: "",
438 ruleForm: {},
439 //传递参数
440 propsParam: {},
441 rules: {},
442 };
443 },
444 methods: {
445 /**
446 * @description: 更新土地用途信息
447 * @param {*} val
448 * @author: renchao
449 */
450 upDateTdytxxList(val) {
451 this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val));
452 this.key++;
453 },
454 /**
455 * @description: 更新权利人信息
456 * @param {*} val
457 * @author: renchao
458 */
459 upDateQlrxxList(val) {
460 this.ruleForm.qlrList && (this.ruleForm.qlrList = _.cloneDeep(val));
461 this.czrOptions = this.ruleForm.qlrList;
462 this.key++;
463 }, 383 },
464 // 更新义务人信息 384
465 /** 385 computed: {
466 * @description: 更新义务人信息 386 ...mapGetters(["dictData", "flag"]),
467 * @param {*} val
468 * @author: renchao
469 */
470 upDateYwrxxList(val) {
471 this.ruleForm.ywrList && (this.ruleForm.ywrList = _.cloneDeep(val));
472 this.key++;
473 },
474 // 是否持证人变化
475 /**
476 * @description: 是否持证人变化
477 * @param {*} val
478 * @author: renchao
479 */
480 updaterow() {
481 this.czr = "";
482 }, 387 },
483 /** 388 data () {
484 * @description: onSubmit 389 return {
485 * @author: renchao 390 mjdw: "1",
486 */ 391 value2: {
487 onSubmit() { 392 id: "520000198407304275",
488 let that = this; 393 user: "史平",
489 let arr = this.ruleForm.tdytqxList.filter((item) => !item.yt); 394 },
490 if (arr.length > 0) { 395 props: {
491 this.$message({ 396 label: "user",
492 showClose: true, 397 value: "id",
493 message: "土地用途不能为空", 398 keyword: "keyword",
494 type: "error", 399 },
495 });
496 return false;
497 }
498 if (this.ruleForm.qlrList.length == 0) {
499 this.$message({
500 showClose: true,
501 message: "请确认权利人信息",
502 type: "error",
503 });
504 return false;
505 }
506 400
507 if (this.ruleForm.sldy.gyfs == "0") { 401 //表单是否可操作
508 if (this.ruleForm.qlrList.length > 1) { 402 viewEdit: true,
403 key: 0,
404 isShow: false,
405 disabled: true,
406 czrOptions: [],
407 czr: "",
408 ruleForm: {},
409 //传递参数
410 propsParam: {},
411 rules: {},
412 };
413 },
414 methods: {
415 /**
416 * @description: 更新土地用途信息
417 * @param {*} val
418 * @author: renchao
419 */
420 upDateTdytxxList (val) {
421 this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val));
422 this.key++;
423 },
424 /**
425 * @description: 更新权利人信息
426 * @param {*} val
427 * @author: renchao
428 */
429 upDateQlrxxList (val) {
430 this.ruleForm.qlrList && (this.ruleForm.qlrList = _.cloneDeep(val));
431 this.czrOptions = this.ruleForm.qlrList;
432 this.key++;
433 },
434 // 更新义务人信息
435 /**
436 * @description: 更新义务人信息
437 * @param {*} val
438 * @author: renchao
439 */
440 upDateYwrxxList (val) {
441 this.ruleForm.ywrList && (this.ruleForm.ywrList = _.cloneDeep(val));
442 this.key++;
443 },
444 // 是否持证人变化
445 /**
446 * @description: 是否持证人变化
447 * @param {*} val
448 * @author: renchao
449 */
450 updaterow () {
451 this.czr = "";
452 },
453 /**
454 * @description: onSubmit
455 * @author: renchao
456 */
457 onSubmit () {
458 let that = this;
459 let arr = this.ruleForm.tdytqxList.filter((item) => !item.yt);
460 if (arr.length > 0) {
509 this.$message({ 461 this.$message({
510 showClose: true, 462 showClose: true,
511 message: "共有方式：单独所有，权利人只能是一个人", 463 message: "土地用途不能为空",
512 type: "error", 464 type: "error",
513 }); 465 });
514 return false; 466 return false;
515 } 467 }
516 this.ruleForm.qlrList[0].sfczr = "1"; 468 if (this.ruleForm.qlrList.length == 0) {
517 } else {
518 if (this.ruleForm.qlrList.length <= 1) {
519 this.$message({ 469 this.$message({
520 showClose: true, 470 showClose: true,
521 message: 471 message: "请确认权利人信息",
522 "共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上",
523 type: "error", 472 type: "error",
524 }); 473 });
525 return false; 474 return false;
526 } 475 }
527 //是否分别持证 476
528 if (this.ruleForm.sldy.sqfbcz == "1") { 477 if (this.ruleForm.sldy.gyfs == "0") {
529 //是 478 if (this.ruleForm.qlrList.length > 1) {
530 this.ruleForm.qlrList.forEach((item, index) => { 479 this.$message({
531 item.sfczr = "1"; 480 showClose: true,
532 }); 481 message: "共有方式：单独所有，权利人只能是一个人",
482 type: "error",
483 });
484 return false;
485 }
486 this.ruleForm.qlrList[0].sfczr = "1";
533 } else { 487 } else {
534 if (!that.czr) { 488 if (this.ruleForm.qlrList.length <= 1) {
535 that.$message({ 489 this.$message({
536 showClose: true, 490 showClose: true,
537 message: "请选择持证人", 491 message:
492 "共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上",
538 type: "error", 493 type: "error",
539 }); 494 });
540 return false; 495 return false;
541 } 496 }
542 this.ruleForm.qlrList.forEach((item, index) => { 497 //是否分别持证
543 if (item.zjh == this.czr) { 498 if (this.ruleForm.sldy.sqfbcz == "1") {
499 //是
500 this.ruleForm.qlrList.forEach((item, index) => {
544 item.sfczr = "1"; 501 item.sfczr = "1";
545 } else { 502 });
546 item.sfczr = "0"; 503 } else {
504 if (!that.czr) {
505 that.$message({
506 showClose: true,
507 message: "请选择持证人",
508 type: "error",
509 });
510 return false;
547 } 511 }
548 }); 512 this.ruleForm.qlrList.forEach((item, index) => {
549 } 513 if (item.zjh == this.czr) {
550 } 514 item.sfczr = "1";
551 /** 515 } else {
552 * @description: saveData 516 item.sfczr = "0";
553 * @author: renchao 517 }
554 */ 518 });
555 saveData(this.ruleForm).then((res) => { 519 }
556 if (res.code === 200) {
557 this.$message({
558 showClose: true,
559 message: "保存成功！",
560 type: "success",
561 });
562 this.$store.dispatch("user/refreshPage", true);
563 } else {
564 this.$message({
565 showClose: true,
566 message: res.message,
567 type: "error",
568 });
569 } 520 }
570 }); 521 /**
522 * @description: saveData
523 * @author: renchao
524 */
525 saveData(this.ruleForm).then((res) => {
526 if (res.code === 200) {
527 this.$message({
528 showClose: true,
529 message: "保存成功！",
530 type: "success",
531 });
532 this.$store.dispatch("user/refreshPage", true);
533 } else {
534 this.$message({
535 showClose: true,
536 message: res.message,
537 type: "error",
538 });
539 }
540 });
541 },
571 }, 542 },
572 }, 543 };
573 };
574 </script> 544 </script>
575 <style scoped lang="scss"> 545 <style scoped lang="scss">
576 @import "~@/styles/public.scss"; 546 @import "~@/styles/public.scss";
577 @import "~@/styles/slxx/slxx.scss"; 547 @import "~@/styles/slxx/slxx.scss";
578 </style> 548 </style>
......
...@@ -242,7 +242,7 @@ ...@@ -242,7 +242,7 @@
242 义务人信息 242 义务人信息
243 <div class="triangle"></div> 243 <div class="triangle"></div>
244 </div> 244 </div>
245 <qlrCommonTable 245 <ywrCommonTable
246 @upDateQlrxxList="upDateYwrxxList" 246 @upDateQlrxxList="upDateYwrxxList"
247 :disabled="viewEdit" 247 :disabled="viewEdit"
248 :tableData="ruleForm.ywrList" 248 :tableData="ruleForm.ywrList"
...@@ -277,6 +277,7 @@ ...@@ -277,6 +277,7 @@
277 <script> 277 <script>
278 import ywmix from "@/views/ywbl/mixin/index"; 278 import ywmix from "@/views/ywbl/mixin/index";
279 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; 279 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
280 import ywrCommonTable from "@/views/workflow/components/ywrCommonTable";
280 import { Init, saveData } from "@/api/workflow/ygdjFlow.js"; 281 import { Init, saveData } from "@/api/workflow/ygdjFlow.js";
281 import { mapGetters } from "vuex"; 282 import { mapGetters } from "vuex";
282 export default { 283 export default {
...@@ -304,7 +305,7 @@ ...@@ -304,7 +305,7 @@
304 } 305 }
305 }) 306 })
306 }, 307 },
307 components: { qlrCommonTable }, 308 components: { qlrCommonTable, ywrCommonTable },
308 computed: { 309 computed: {
309 ...mapGetters(["dictData", "flag"]), 310 ...mapGetters(["dictData", "flag"]),
310 }, 311 },
......
...@@ -170,7 +170,7 @@ ...@@ -170,7 +170,7 @@
170 义务人信息 170 义务人信息
171 <div class="triangle"></div> 171 <div class="triangle"></div>
172 </div> 172 </div>
173 <qlrCommonTable 173 <ywrCommonTable
174 @upDateQlrxxList="upDateYwrxxList" 174 @upDateQlrxxList="upDateYwrxxList"
175 :tableData="ruleForm.ywrList" 175 :tableData="ruleForm.ywrList"
176 :disabled="viewEdit" 176 :disabled="viewEdit"
...@@ -205,6 +205,7 @@ ...@@ -205,6 +205,7 @@
205 <script> 205 <script>
206 import ywmix from "@/views/ywbl/mixin/index"; 206 import ywmix from "@/views/ywbl/mixin/index";
207 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; 207 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
208 import ywrCommonTable from "@/views/workflow/components/ywrCommonTable";
208 import { Init, saveData } from "@/api/workflow/ygdjFlow.js"; 209 import { Init, saveData } from "@/api/workflow/ygdjFlow.js";
209 import { mapGetters } from "vuex"; 210 import { mapGetters } from "vuex";
210 export default { 211 export default {
...@@ -230,7 +231,7 @@ ...@@ -230,7 +231,7 @@
230 } 231 }
231 }); 232 });
232 }, 233 },
233 components: { qlrCommonTable }, 234 components: { qlrCommonTable, ywrCommonTable },
234 computed: { 235 computed: {
235 ...mapGetters(["dictData", "flag"]), 236 ...mapGetters(["dictData", "flag"]),
236 }, 237 },
......
...@@ -8,7 +8,7 @@ ...@@ -8,7 +8,7 @@
8 ref="ruleForm" 8 ref="ruleForm"
9 :label-position="flag ? 'top' : ''" 9 :label-position="flag ? 'top' : ''"
10 :inline="flag" 10 :inline="flag"
11 label-width="120px"> 11 label-width="140px">
12 <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''"> 12 <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''">
13 <div class="slxx_title title-block"> 13 <div class="slxx_title title-block">
14 申请业务信息 14 申请业务信息
...@@ -59,7 +59,7 @@ ...@@ -59,7 +59,7 @@
59 </el-form-item> 59 </el-form-item>
60 </el-col> 60 </el-col>
61 <el-col :span="8"> 61 <el-col :span="8">
62 <el-form-item label="不动产登记证明号："> 62 <el-form-item label="不动产证明号：">
63 <el-input disabled v-model="ruleForm.ztQlxx.bdcqzh"></el-input> 63 <el-input disabled v-model="ruleForm.ztQlxx.bdcqzh"></el-input>
64 </el-form-item> 64 </el-form-item>
65 </el-col> 65 </el-col>
...@@ -130,13 +130,22 @@ ...@@ -130,13 +130,22 @@
130 <el-input disabled v-model="ruleForm.ygdj.ygdjzlmc"></el-input> 130 <el-input disabled v-model="ruleForm.ygdj.ygdjzlmc"></el-input>
131 </el-form-item> 131 </el-form-item>
132 </el-col> 132 </el-col>
133 <el-col :span="8"> 133 <el-col :span="8">
134 <el-form-item label="是否存在禁止或限制："> 134 <el-form-item
135 <el-input 135 label="是否禁止或者限制转让的约定："
136 label-width="200px"
137 >
138 <el-radio-group
136 v-model="ruleForm.ygdj.sfczjzhxz" 139 v-model="ruleForm.ygdj.sfczjzhxz"
137 :disabled="ruleForm.sldy.djlx == '300' && !viewEdit"></el-input> 140 :disabled="!viewEdit || isJfOperation"
141 >
142 <el-radio label="1">是</el-radio>
143 <el-radio label="0">否</el-radio>
144 </el-radio-group>
138 </el-form-item> 145 </el-form-item>
139 </el-col> 146 </el-col>
147 </el-row>
148 <el-row :gutter="10">
140 <el-col :span="8"> 149 <el-col :span="8">
141 <el-form-item label="被担保主债权数额："> 150 <el-form-item label="被担保主债权数额：">
142 <div class="flex"> 151 <div class="flex">
...@@ -248,7 +257,7 @@ ...@@ -248,7 +257,7 @@
248 抵押人信息 257 抵押人信息
249 <div class="triangle"></div> 258 <div class="triangle"></div>
250 </div> 259 </div>
251 <qlrCommonTable 260 <ywrCommonTable
252 @upDateQlrxxList="upDateYwrxxList" 261 @upDateQlrxxList="upDateYwrxxList"
253 :tableData="ruleForm.ywrList" 262 :tableData="ruleForm.ywrList"
254 :disabled="viewEdit" 263 :disabled="viewEdit"
...@@ -282,6 +291,7 @@ ...@@ -282,6 +291,7 @@
282 <script> 291 <script>
283 import ywmix from "@/views/ywbl/mixin/index"; 292 import ywmix from "@/views/ywbl/mixin/index";
284 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; 293 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
294 import ywrCommonTable from "@/views/workflow/components/ywrCommonTable";
285 import { Init, saveData } from "@/api/workflow/ygdyFlow.js"; 295 import { Init, saveData } from "@/api/workflow/ygdyFlow.js";
286 import { mapGetters } from "vuex"; 296 import { mapGetters } from "vuex";
287 export default { 297 export default {
...@@ -311,7 +321,7 @@ ...@@ -311,7 +321,7 @@
311 } 321 }
312 }) 322 })
313 }, 323 },
314 components: { qlrCommonTable }, 324 components: { qlrCommonTable, ywrCommonTable },
315 computed: { 325 computed: {
316 ...mapGetters(["dictData", "flag"]) 326 ...mapGetters(["dictData", "flag"])
317 }, 327 },
......
...@@ -457,8 +457,6 @@ export default { ...@@ -457,8 +457,6 @@ export default {
457 updaterow() { 457 updaterow() {
458 this.czr = ""; 458 this.czr = "";
459 }, 459 },
460
461 // 更新权利人信息
462 /** 460 /**
463 * @description: 更新权利人信息 461 * @description: 更新权利人信息
464 * @param {*} val 462 * @param {*} val
...@@ -470,7 +468,6 @@ export default { ...@@ -470,7 +468,6 @@ export default {
470 this.czrOptions = this.ruleForm.qlrList; 468 this.czrOptions = this.ruleForm.qlrList;
471 } 469 }
472 }, 470 },
473 // 更新义务人信息
474 /** 471 /**
475 * @description: 更新义务人信息 472 * @description: 更新义务人信息
476 * @param {*} val 473 * @param {*} val
......
...@@ -497,7 +497,6 @@ export default { ...@@ -497,7 +497,6 @@ export default {
497 updaterow() { 497 updaterow() {
498 this.czr = ""; 498 this.czr = "";
499 }, 499 },
500 // 更新义务人信息
501 /** 500 /**
502 * @description: 更新义务人信息 501 * @description: 更新义务人信息
503 * @param {*} val 502 * @param {*} val
...@@ -507,9 +506,9 @@ export default { ...@@ -507,9 +506,9 @@ export default {
507 if (!_.isEqual(val, this.ruleForm.ywrList)) { 506 if (!_.isEqual(val, this.ruleForm.ywrList)) {
508 this.ruleForm.ywrList = _.cloneDeep(val); 507 this.ruleForm.ywrList = _.cloneDeep(val);
509 } 508 }
510 }, 509 }
511 }, 510 }
512 }; 511 }
513 </script> 512 </script>
514 <style scoped lang="scss"> 513 <style scoped lang="scss">
515 @import "~@/styles/public.scss"; 514 @import "~@/styles/public.scss";
......
...@@ -67,7 +67,7 @@ ...@@ -67,7 +67,7 @@
67 import { datas, sendThis } from "../javascript/selecBdcql.js"; 67 import { datas, sendThis } from "../javascript/selecBdcql.js";
68 import { defaultParameters } from "../javascript/publicDefaultPar.js"; 68 import { defaultParameters } from "../javascript/publicDefaultPar.js";
69 import { selectQlxx } from "@/api/ywsq.js"; 69 import { selectQlxx } from "@/api/ywsq.js";
70 import { startBusinessFlow } from "@/api/workFlow.js"; 70 import { startBusinessFlow,startTogetherFlow } from "@/api/workFlow.js";
71 import { getQllxByBsmSqyw } from "@/api/sysSqdjyw.js"; 71 import { getQllxByBsmSqyw } from "@/api/sysSqdjyw.js";
72 export default { 72 export default {
73 mixins: [table, jump], 73 mixins: [table, jump],
...@@ -126,8 +126,37 @@ ...@@ -126,8 +126,37 @@
126 this.$alert("请至少选择一条数据"); 126 this.$alert("请至少选择一条数据");
127 return; 127 return;
128 } 128 }
129 this.loading = true 129 this.loading = true;
130 startBusinessFlow({ 130 if(this.sqywInfo.sqfl=='1'){
131 startBusinessFlow({
132 bsmSqyw: this.sqywInfo.bsmSqyw,
133 bdcdysz: this.bdcdysz,
134 }).then((res) => {
135 this.loading = false
136 if (res.code == 200) {
137 this.$message({
138 showClose: true,
139 message: "发起申请成功",
140 type: "success",
141 });
142 if (!this.isJump) {
143 this.jump(res.result, this.sqywInfo.djywbm);
144 } else {
145 store.dispatch('user/refreshPage', true);
146 }
147 this.$popupCacel()
148 } else {
149 if (res.result && res.result.length > 0) {
150 ywPopupDialog("申请错误明细", "components/ywdialog", { result: res.result }, '36%', true)
151 } else {
152 ywPopupDialog("申请错误明细", "components/ywdialog", { message: res.message }, '36%', true)
153 }
154 }
155 }).catch(() => {
156 this.loading = false
157 })
158 }else{
159 startTogetherFlow({
131 bsmSqyw: this.sqywInfo.bsmSqyw, 160 bsmSqyw: this.sqywInfo.bsmSqyw,
132 bdcdysz: this.bdcdysz, 161 bdcdysz: this.bdcdysz,
133 }).then((res) => { 162 }).then((res) => {
...@@ -135,15 +164,15 @@ ...@@ -135,15 +164,15 @@
135 if (res.code == 200) { 164 if (res.code == 200) {
136 this.$message({ 165 this.$message({
137 showClose: true, 166 showClose: true,
138 message: "发起申请成功", 167 message: '发起申请成功',
139 type: "success", 168 type: 'success'
140 }); 169 })
141 if (!this.isJump) { 170 if (!this.isJump) {
142 this.jump(res.result, this.sqywInfo.djywbm); 171 this.jump(res.result, this.sqywInfo.djywbm)
143 } else { 172 } else {
144 store.dispatch('user/refreshPage', true); 173 store.dispatch('user/refreshPage', true);
174 this.$popupCacel()
145 } 175 }
146 this.$popupCacel()
147 } else { 176 } else {
148 if (res.result && res.result.length > 0) { 177 if (res.result && res.result.length > 0) {
149 ywPopupDialog("申请错误明细", "components/ywdialog", { result: res.result }, '36%', true) 178 ywPopupDialog("申请错误明细", "components/ywdialog", { result: res.result }, '36%', true)
...@@ -154,6 +183,8 @@ ...@@ -154,6 +183,8 @@
154 }).catch(() => { 183 }).catch(() => {
155 this.loading = false 184 this.loading = false
156 }) 185 })
186 }
187
157 }, 188 },
158 /** 189 /**
159 * @description: handleSelectionChange 190 * @description: handleSelectionChange
......
...@@ -135,12 +135,12 @@ class data extends filter { ...@@ -135,12 +135,12 @@ class data extends filter {
135 }, 135 },
136 { 136 {
137 label: '操作', 137 label: '操作',
138 width: '110', 138 width: '160',
139 align: 'center', 139 align: 'center',
140 render: (h, scope) => { 140 render: (h, scope) => {
141 return ( 141 return (
142 <div> 142 <div>
143 <el-button type="text" onClick={() => { vm.handleLpbClick(scope.row) }}>楼盘表</el-button> 143 <el-button type="text" icon="el-icon-film" onClick={() => { vm.handleLpbClick(scope.row) }}>楼盘表</el-button>
144 <el-button type="text" icon="el-icon-edit-outline" onClick={() => { vm.openBook(scope.row) }}>登记薄</el-button> 144 <el-button type="text" icon="el-icon-edit-outline" onClick={() => { vm.openBook(scope.row) }}>登记薄</el-button>
145 </div> 145 </div>
146 ) 146 )
......
...@@ -92,11 +92,11 @@ export function queueDjywmc (djywbm, djqxbm) { ...@@ -92,11 +92,11 @@ export function queueDjywmc (djywbm, djqxbm) {
92 case "C40100": //一并申请首次 92 case "C40100": //一并申请首次
93 vm = "selectYbsc"; 93 vm = "selectYbsc";
94 break; 94 break;
95 case "C40300": //一并申请变更 95 // case "C40300": //一并申请变更
96 case "C40400": //一并申请注销 96 // case "C40400": //一并申请注销
97 vm = "selectYbbg"; 97 // vm = "selectYbbg";
98 break; 98 // break;
99 case "C04372": //一并国有房屋变更 99 //case "C04372": //一并国有房屋变更
100 case "C04371": //一并国有房屋转移 100 case "C04371": //一并国有房屋转移
101 vm = "selectYbgybg"; 101 vm = "selectYbgybg";
102 break; 102 break;
......
...@@ -125,7 +125,7 @@ class data extends filter { ...@@ -125,7 +125,7 @@ class data extends filter {
125 }, 125 },
126 { 126 {
127 label: '操作', 127 label: '操作',
128 width: '130', 128 width: '160',
129 fixed: 'right', 129 fixed: 'right',
130 render: (h, scope) => { 130 render: (h, scope) => {
131 return ( 131 return (
......