Skip to content

bdc / bdcdj-web

Go to a project
Toggle navigation
Toggle navigation pinning
9cdcbba9 by xiaomiao
Options

登记簿打印

1 parent 3dfad10b
Inline Side-by-side
Showing 22 changed files with 1821 additions and 305 deletions
...@@ -26,6 +26,7 @@ ...@@ -26,6 +26,7 @@
26 "qrcode": "^1.5.3", 26 "qrcode": "^1.5.3",
27 "vue": "2.6.10", 27 "vue": "2.6.10",
28 "vue-json-editor": "^1.4.3", 28 "vue-json-editor": "^1.4.3",
29 "vue-print-nb": "^1.7.5",
29 "vue-quill-editor": "^3.0.6", 30 "vue-quill-editor": "^3.0.6",
30 "vue-router": "3.0.2", 31 "vue-router": "3.0.2",
31 "vue-seamless-scroll": "^1.1.23", 32 "vue-seamless-scroll": "^1.1.23",
......
...@@ -15,6 +15,8 @@ import mixin from '@/utils/mixin/theme.js' ...@@ -15,6 +15,8 @@ import mixin from '@/utils/mixin/theme.js'
15 import Loading from '@/components/Loading/index.js'; 15 import Loading from '@/components/Loading/index.js';
16 import '@riophae/vue-treeselect/dist/vue-treeselect.css' 16 import '@riophae/vue-treeselect/dist/vue-treeselect.css'
17 import { startLoadingAddCount, endLoadingSubCount } from './utils/requestLoading' 17 import { startLoadingAddCount, endLoadingSubCount } from './utils/requestLoading'
18 import Print from 'vue-print-nb'
19 Vue.use(Print);
18 Vue.mixin(mixin); 20 Vue.mixin(mixin);
19 Vue.use(Loading.directive); 21 Vue.use(Loading.directive);
20 22
......
...@@ -66,14 +66,6 @@ export const constantRoutes = [ ...@@ -66,14 +66,6 @@ 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 },
77 { 69 {
78 path: '/', 70 path: '/',
79 component: Layout, 71 component: Layout,
......
...@@ -5,8 +5,8 @@ ...@@ -5,8 +5,8 @@
5 --> 5 -->
6 <template> 6 <template>
7 <div class="bdcqljqtsx"> 7 <div class="bdcqljqtsx">
8 <div class="content" v-if="qlxxList.ztqlmc"> 8 <el-button class="print" v-print="printObj">打印</el-button>
9 <el-button class="print" @click="print">打印</el-button> 9 <div class="content" v-if="qlxxList.ztqlmc" id="box">
10 <div class="title">不动产权利及其他事项<br />登记信息</div> 10 <div class="title">不动产权利及其他事项<br />登记信息</div>
11 <div> 11 <div>
12 不动产单元号: 12 不动产单元号:
...@@ -60,6 +60,10 @@ ...@@ -60,6 +60,10 @@
60 name: "bdcqljqtsx", 60 name: "bdcqljqtsx",
61 data () { 61 data () {
62 return { 62 return {
63 printObj: {
64 id: "box",
65 //其他配置项，
66 },
63 //传递参数 67 //传递参数
64 propsParam: this.$attrs, 68 propsParam: this.$attrs,
65 qlxxList: "", 69 qlxxList: "",
...@@ -75,15 +79,6 @@ ...@@ -75,15 +79,6 @@
75 } 79 }
76 }); 80 });
77 }, 81 },
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 }
87 }; 82 };
88 </script> 83 </script>
89 84
...@@ -100,6 +95,8 @@ ...@@ -100,6 +95,8 @@
100 left: 11px; 95 left: 11px;
101 top: 5px; 96 top: 5px;
102 } 97 }
98
99 }
103 .content { 100 .content {
104 width: 50%; 101 width: 50%;
105 height: 100%; 102 height: 100%;
...@@ -126,5 +123,4 @@ ...@@ -126,5 +123,4 @@
126 display: inline-block; 123 display: inline-block;
127 } 124 }
128 } 125 }
129 }
130 </style> 126 </style>
......
1 <!-- 1 <!--
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-08-25 17:06:44 4 * @LastEditTime: 2023-08-23 15:54:12
5 --> 5 -->
6 <template> 6 <template>
7 <div class="djxxTable"> 7 <div class="djxxTable">
8 <div v-show="false">
9 <printTemplate id="box" :propsParam="propsParam" :tableData="tableData"/>
10 </div>
8 <div class="tableBox"> 11 <div class="tableBox">
9 <div class="title"> 12 <div class="title">
10 {{ title }} 13 {{ title }}
11 <el-button class="print" @click="print">打印</el-button> 14 <el-button class="print" v-show="shows" v-print="printObj">打印</el-button>
12 <div class="checkbox"> 15 <div class="checkbox">
13 <el-checkbox-group v-model="checkList" @change="checkChange"> 16 <el-checkbox-group v-model="checkList" @change="checkChange">
14 <el-checkbox 17 <el-checkbox
...@@ -96,12 +99,21 @@ ...@@ -96,12 +99,21 @@
96 </template> 99 </template>
97 100
98 <script> 101 <script>
102 import printTemplate from "./components/printTemplate.vue";
99 import { datas } from "./qlxxFormData.js"; 103 import { datas } from "./qlxxFormData.js";
100 import { getSjlx } from "@/utils/dictionary.js"; 104 import { getSjlx } from "@/utils/dictionary.js";
101 import { getCfdjList } from "@/api/djbDetail.js"; 105 import { getCfdjList } from "@/api/djbDetail.js";
102 export default { 106 export default {
107 components: {
108 printTemplate,
109 },
103 data() { 110 data() {
104 return { 111 return {
112 printObj: {
113 id: "box",
114 //其他配置项，
115 },
116 shows:false,
105 title: "查封登记信息", 117 title: "查封登记信息",
106 qsztList: datas.columns().qsztList, 118 qsztList: datas.columns().qsztList,
107 checkList: datas.columns().checkList, 119 checkList: datas.columns().checkList,
...@@ -134,6 +146,7 @@ export default { ...@@ -134,6 +146,7 @@ export default {
134 }).then((res) => { 146 }).then((res) => {
135 if (res.code === 200) { 147 if (res.code === 200) {
136 this.tableData = res.result; 148 this.tableData = res.result;
149 this.shows=this.tableData.length>0
137 this.tableData.forEach((item) => { 150 this.tableData.forEach((item) => {
138 item.sjlx = getSjlx(item.sjlx); 151 item.sjlx = getSjlx(item.sjlx);
139 }); 152 });
...@@ -207,13 +220,6 @@ export default { ...@@ -207,13 +220,6 @@ export default {
207 }); 220 });
208 }); 221 });
209 }, 222 },
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 );
216 },
217 }, 223 },
218 }; 224 };
219 </script> 225 </script>
......
1 <!--
2 * @Description:
3 * @Autor: renchao
4 * @LastEditTime: 2023-08-24 16:15:01
5 -->
6 <template>
7 <div id="box">
8 <div class="tbalede" v-for="(el, indexx) in datass" :key="indexx" style="page-break-after: always">
9 <div class="title">{{ title }}</div>
10 <table class="xxTable">
11 <tr v-for="(item) in columns" :key="item.name">
12 <td>
13 {{ item.despriction }}
14 </td>
15 <td v-for="(row, index) in el" :key="index+'2'">
16 {{ row[item.name] }}
17 </td>
18
19 <td v-show="el.emptycolNum" v-for="count in emptycolNum" :key="count"></td>
20 </tr>
21 </table>
22 </div>
23 </div>
24 </template>
25
26 <script>
27 import { datas } from "./qlxxFormData.js";
28 import { getSjlx } from "@/utils/dictionary.js";
29 import { getFieldListByQlxx } from "@/api/SysDjbFieldDO.js";
30
31 export default {
32 data() {
33 return {
34 title: this.$parent.title,
35 checkList: datas.columns().checkList,
36 //列表数据
37 //空列值个数
38 emptycolNum:3,
39 //列名称对象
40 columns: [],
41 datass:[],
42 };
43 },
44 props: {
45 propsParam: {
46 type: Object,
47 default: () => {},
48 },
49 tableData: {
50 type: Array,
51 default: () => [],
52 },
53 },
54 created() {
55 },
56 watch: {
57 tableData: {
58 handler (newValue, oldValue) {
59 this.tableData=newValue
60 this.loadData()
61 },
62 }
63 },
64 methods: {
65 /**
66 * @description: loadData
67 * @author: renchao
68 */
69 loadData() {
70 getFieldListByQlxx({
71 qllx: this.propsParam.qllx
72 }).then((res) => {
73 if (res.code === 200) {
74 this.columns = res.result;
75
76 }
77 });
78
79 this.tableData.forEach((item) => {
80 item.sjlx = getSjlx(item.sjlx);
81 })
82 for (let i = 0; i < this.tableData.length; i+=3) {
83 this.datass.push(this.tableData.slice(i,i+3))
84 }
85 let num=this.datass[this.datass.length-1].length
86 if (num < 3) {
87 this.emptycolNum =
88 3 - num;
89 this.datass[this.datass.length-1].emptycolNum=true
90 } else {
91 this.emptycolNum = 0;
92 }
93 },
94 },
95 };
96 </script>
97
98 <style lang="scss" scoped>
99 .tbalede {
100 width: 794px;
101 // height: 1123px;
102 margin: auto;
103 .title {
104 width: 100%;
105 font-weight: 700;
106 font-size: 16px;
107 text-align: center;
108 height: 62px;
109 line-height: 62px;
110 position: relative;
111 margin: 0 3px;
112 }
113 .xxTable {
114 width: 100%;
115 border-collapse: collapse;
116
117 tr td {
118 border: 2px solid rgb(227, 226, 226);
119 text-align: center;
120 height: 40px;
121 font-size: 13px;
122 min-width: 80px;
123 z-index: 1;
124 min-width: 80px;
125 padding: 5px;
126 }
127 }
128 }
129 </style>
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 }
...@@ -5,10 +5,13 @@ ...@@ -5,10 +5,13 @@
5 --> 5 -->
6 <template> 6 <template>
7 <div class="djxxTable"> 7 <div class="djxxTable">
8 <div v-show="false">
9 <printTemplate id="box" :propsParam="propsParam" :tableData="tableData"/>
10 </div>
8 <div class="tableBox"> 11 <div class="tableBox">
9 <div class="title"> 12 <div class="title">
10 {{ title }} 13 {{ title }}
11 <el-button class="print" @click="print">打印</el-button> 14 <el-button class="print" v-show="shows" v-print="printObj">打印</el-button>
12 <div class="checkbox"> 15 <div class="checkbox">
13 <el-checkbox-group v-model="checkList" @change="checkChange"> 16 <el-checkbox-group v-model="checkList" @change="checkChange">
14 <el-checkbox 17 <el-checkbox
...@@ -101,9 +104,18 @@ ...@@ -101,9 +104,18 @@
101 import { datas } from "./qlxxFormData.js"; 104 import { datas } from "./qlxxFormData.js";
102 import { getSjlx, getDictLeabel } from "@/utils/dictionary.js"; 105 import { getSjlx, getDictLeabel } from "@/utils/dictionary.js";
103 import { getDiyaqList } from "@/api/djbDetail.js"; 106 import { getDiyaqList } from "@/api/djbDetail.js";
107 import printTemplate from "./components/printTemplate.vue";
104 export default { 108 export default {
109 components: {
110 printTemplate,
111 },
105 data() { 112 data() {
106 return { 113 return {
114 printObj: {
115 id: "box",
116 //其他配置项，
117 },
118 shows:false,
107 title: "抵押权登记信息", 119 title: "抵押权登记信息",
108 qsztList: datas.columns().qsztList, 120 qsztList: datas.columns().qsztList,
109 checkList: datas.columns().checkList, 121 checkList: datas.columns().checkList,
...@@ -136,6 +148,7 @@ export default { ...@@ -136,6 +148,7 @@ export default {
136 }).then((res) => { 148 }).then((res) => {
137 if (res.code === 200) { 149 if (res.code === 200) {
138 this.tableData = res.result; 150 this.tableData = res.result;
151 this.shows=this.tableData.length>0
139 this.tableData.forEach((item) => { 152 this.tableData.forEach((item) => {
140 item.sjlx = getSjlx(item.sjlx); 153 item.sjlx = getSjlx(item.sjlx);
141 item.dybdclx = getDictLeabel(item.dybdclx, "A27"); 154 item.dybdclx = getDictLeabel(item.dybdclx, "A27");
...@@ -203,13 +216,6 @@ export default { ...@@ -203,13 +216,6 @@ export default {
203 }); 216 });
204 }); 217 });
205 }, 218 },
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 );
212 },
213 }, 219 },
214 }; 220 };
215 </script> 221 </script>
......
1 <!-- 1 <!--
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-08-25 17:12:43 4 * @LastEditTime: 2023-08-23 15:54:12
5 --> 5 -->
6 <template> 6 <template>
7 <div class="djxxTable"> 7 <div class="djxxTable">
8 <div v-show="false">
9 <printTemplate id="box" :propsParam="propsParam" :tableData="tableData"/>
10 </div>
8 <div class="tableBox"> 11 <div class="tableBox">
9 <div class="title"> 12 <div class="title">
10 {{ title }} 13 {{ title }}
11 <el-button class="print" @click="print">打印</el-button> 14 <el-button class="print" v-show="shows" v-print="printObj">打印</el-button>
12 <div class="checkbox"> 15 <div class="checkbox">
13 <el-checkbox-group v-model="checkList" @change="checkChange"> 16 <el-checkbox-group v-model="checkList" @change="checkChange">
14 <el-checkbox 17 <el-checkbox
...@@ -101,9 +104,18 @@ ...@@ -101,9 +104,18 @@
101 import { datas } from "./qlxxFormData.js"; 104 import { datas } from "./qlxxFormData.js";
102 import { getSjlx, getDictLeabel } from "@/utils/dictionary.js"; 105 import { getSjlx, getDictLeabel } from "@/utils/dictionary.js";
103 import { getDiyiqList } from "@/api/djbDetail.js"; 106 import { getDiyiqList } from "@/api/djbDetail.js";
107 import printTemplate from "./components/printTemplate.vue";
104 export default { 108 export default {
109 components: {
110 printTemplate,
111 },
105 data() { 112 data() {
106 return { 113 return {
114 printObj: {
115 id: "box",
116 //其他配置项，
117 },
118 shows:false,
107 title: "地役权登记信息", 119 title: "地役权登记信息",
108 qsztList: datas.columns().qsztList, 120 qsztList: datas.columns().qsztList,
109 checkList: datas.columns().checkList, 121 checkList: datas.columns().checkList,
...@@ -136,6 +148,7 @@ export default { ...@@ -136,6 +148,7 @@ export default {
136 }).then((res) => { 148 }).then((res) => {
137 if (res.code === 200) { 149 if (res.code === 200) {
138 this.tableData = res.result; 150 this.tableData = res.result;
151 this.shows=this.tableData.length>0
139 this.tableData.forEach((item) => { 152 this.tableData.forEach((item) => {
140 item.sjlx = getSjlx(item.sjlx); 153 item.sjlx = getSjlx(item.sjlx);
141 item.dybdclx = getDictLeabel(item.dybdclx, "A27"); 154 item.dybdclx = getDictLeabel(item.dybdclx, "A27");
...@@ -204,13 +217,6 @@ export default { ...@@ -204,13 +217,6 @@ export default {
204 }); 217 });
205 }); 218 });
206 }, 219 },
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 );
213 },
214 }, 220 },
215 }; 221 };
216 </script> 222 </script>
......
...@@ -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 @change="handleChange"> 19 <el-collapse v-model="activeName" accordion>
20 <el-collapse-item 20 <el-collapse-item
21 class="sfqqq" 21 class="sfqqq"
22 ref="sfq" 22 ref="sfq"
......
...@@ -5,10 +5,10 @@ ...@@ -5,10 +5,10 @@
5 --> 5 -->
6 <template> 6 <template>
7 <div class="djbfm"> 7 <div class="djbfm">
8 <br /><br /> 8 <el-button class="print" v-print="printObj">打印</el-button>
9 <el-button class="print" @click="print">打印</el-button> 9 <div class="fm" id="box">
10 <p> 10 <p>
11 <font>{{ info.sheng }}</font> 11 <font style="">{{ info.sheng }}</font>
12 省 (区、市) 12 省 (区、市)
13 <font>{{ info.shi }}</font> 13 <font>{{ info.shi }}</font>
14 市 (区) 14 市 (区)
...@@ -24,7 +24,6 @@ ...@@ -24,7 +24,6 @@
24 组 24 组
25 </p> 25 </p>
26 <div class="title">不动产登记簿</div> 26 <div class="title">不动产登记簿</div>
27 <br />
28 <p> 27 <p>
29 宗地/宗海号: 28 宗地/宗海号:
30 <font>{{ info.zddm }}</font> 29 <font>{{ info.zddm }}</font>
...@@ -36,6 +35,8 @@ ...@@ -36,6 +35,8 @@
36 </p> 35 </p>
37 </div> 36 </div>
38 </div> 37 </div>
38 </div>
39
39 </template> 40 </template>
40 41
41 <script> 42 <script>
...@@ -44,6 +45,10 @@ ...@@ -44,6 +45,10 @@
44 export default { 45 export default {
45 data () { 46 data () {
46 return { 47 return {
48 printObj: {
49 id: "box",
50 //其他配置项，
51 },
47 //传递参数 52 //传递参数
48 propsParam: this.$attrs, 53 propsParam: this.$attrs,
49 info: {}, 54 info: {},
...@@ -64,10 +69,6 @@ ...@@ -64,10 +69,6 @@
64 } 69 }
65 }); 70 });
66 }, 71 },
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 }
71 }, 72 },
72 }; 73 };
73 </script> 74 </script>
...@@ -76,12 +77,6 @@ ...@@ -76,12 +77,6 @@
76 .djbfm { 77 .djbfm {
77 width: 100%; 78 width: 100%;
78 height: 100%; 79 height: 100%;
79 background: #fff;
80 border-right: 1px solid #ccc;
81 line-height: 45px;
82 text-align: center;
83 font-size: 18px;
84 font-family: serif;
85 position: relative; 80 position: relative;
86 .print{ 81 .print{
87 // background-color: #0079fe; 82 // background-color: #0079fe;
...@@ -92,6 +87,17 @@ ...@@ -92,6 +87,17 @@
92 87
93 88
94 } 89 }
90
91 }
92 .fm{
93 width: 100%;
94 height: 100%;
95 background: #fff;
96 line-height: 45px;
97 text-align: center;
98 font-size: 18px;
99 font-family: serif;
100 }
95 font { 101 font {
96 border-bottom: 1px solid #000; 102 border-bottom: 1px solid #000;
97 display: inline-block; 103 display: inline-block;
...@@ -126,5 +132,4 @@ ...@@ -126,5 +132,4 @@
126 line-height: 24px; 132 line-height: 24px;
127 } 133 }
128 } 134 }
129 }
130 </style> 135 </style>
......
1 <!--
2 * @Description:
3 * @Autor: renchao
4 * @LastEditTime: 2023-08-23 15:54:12
5 -->
1 <template> 6 <template>
2 <div class="djxxTable"> 7 <div class="djxxTable">
8 <div v-show="false">
9 <printTemplate id="box" :propsParam="propsParam" :tableData="tableData"/>
10 </div>
3 <div class="tableBox"> 11 <div class="tableBox">
4 <div class="title"> 12 <div class="title">
5 {{ title }} 13 {{ title }}
6 <el-button class="print" @click="print">打印</el-button> 14 <el-button class="print" v-show="shows" v-print="printObj">打印</el-button>
7 <div class="checkbox"> 15 <div class="checkbox">
8 <el-checkbox-group v-model="checkList" @change="checkChange"> 16 <el-checkbox-group v-model="checkList" @change="checkChange">
9 <el-checkbox 17 <el-checkbox
...@@ -113,12 +121,22 @@ ...@@ -113,12 +121,22 @@
113 </template> 121 </template>
114 122
115 <script> 123 <script>
124
116 import { datas } from "./qlxxFormData.js"; 125 import { datas } from "./qlxxFormData.js";
117 import { getSjlx } from "@/utils/dictionary.js"; 126 import { getSjlx } from "@/utils/dictionary.js";
118 import { getFdcq1List } from "@/api/djbDetail.js"; 127 import { getFdcq1List } from "@/api/djbDetail.js";
128 import printTemplate from "./components/printTemplate.vue";
119 export default { 129 export default {
130 components: {
131 printTemplate,
132 },
120 data() { 133 data() {
121 return { 134 return {
135 printObj: {
136 id: "box",
137 //其他配置项，
138 },
139 shows:false,
122 title: "房地产权登记信息（多幢）", 140 title: "房地产权登记信息（多幢）",
123 qsztList: datas.columns().qsztList, 141 qsztList: datas.columns().qsztList,
124 checkList: datas.columns().checkList, 142 checkList: datas.columns().checkList,
...@@ -141,11 +159,8 @@ export default { ...@@ -141,11 +159,8 @@ export default {
141 * @author: renchao 159 * @author: renchao
142 */ 160 */
143 loadData() { 161 loadData() {
144 if (this.$parent.addRepairRecord) { 162 if (this.$parent.addRepairRecord) {
145 this.columns.unshift({ 163 this.columns.unshift({ prop: "cz", label: "操作" });
146 prop: "cz",
147 label: "操作",
148 });
149 } 164 }
150 getFdcq1List({ 165 getFdcq1List({
151 bdcdyid: this.propsParam.bdcdyid, 166 bdcdyid: this.propsParam.bdcdyid,
...@@ -154,6 +169,7 @@ export default { ...@@ -154,6 +169,7 @@ export default {
154 }).then((res) => { 169 }).then((res) => {
155 if (res.code === 200) { 170 if (res.code === 200) {
156 this.tableData = res.result; 171 this.tableData = res.result;
172 this.shows=this.tableData.length>0
157 this.tableData.forEach((item) => { 173 this.tableData.forEach((item) => {
158 item.sjlx = getSjlx(item.sjlx); 174 item.sjlx = getSjlx(item.sjlx);
159 }); 175 });
...@@ -237,13 +253,6 @@ export default { ...@@ -237,13 +253,6 @@ export default {
237 }); 253 });
238 }); 254 });
239 }, 255 },
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 }, 256 },
248 }; 257 };
249 </script> 258 </script>
......
1 <!-- 1 <!--
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-08-25 17:17:06 4 * @LastEditTime: 2023-08-23 15:54:12
5 --> 5 -->
6 <template> 6 <template>
7 <div class="djxxTable"> 7 <div class="djxxTable">
8 <div v-show="false">
9 <printTemplate id="box" :propsParam="propsParam" :tableData="tableData"/>
10 </div>
8 <div class="tableBox"> 11 <div class="tableBox">
9 <div class="title"> 12 <div class="title">
10 {{ title }} 13 {{ title }}
11 <el-button class="print" @click="print">打印</el-button> 14 <el-button class="print" v-show="shows" v-print="printObj">打印</el-button>
12 <div class="checkbox"> 15 <div class="checkbox">
13 <el-checkbox-group v-model="checkList" @change="checkChange"> 16 <el-checkbox-group v-model="checkList" @change="checkChange">
14 <el-checkbox 17 <el-checkbox
...@@ -98,12 +101,21 @@ ...@@ -98,12 +101,21 @@
98 </template> 101 </template>
99 102
100 <script> 103 <script>
104 import printTemplate from "./components/printTemplate.vue";
101 import { datas } from "./qlxxFormData.js"; 105 import { datas } from "./qlxxFormData.js";
102 import { getSjlx } from "@/utils/dictionary.js"; 106 import { getSjlx } from "@/utils/dictionary.js";
103 import { getFdcq2List } from "@/api/djbDetail.js"; 107 import { getFdcq2List } from "@/api/djbDetail.js";
104 export default { 108 export default {
109 components: {
110 printTemplate,
111 },
105 data() { 112 data() {
106 return { 113 return {
114 printObj: {
115 id: "box",
116 //其他配置项，
117 },
118 shows:false,
107 title: "房地产权登记信息（独幢、层、套、间房屋）", 119 title: "房地产权登记信息（独幢、层、套、间房屋）",
108 qsztList: datas.columns().qsztList, 120 qsztList: datas.columns().qsztList,
109 checkList: datas.columns().checkList, 121 checkList: datas.columns().checkList,
...@@ -136,6 +148,8 @@ export default { ...@@ -136,6 +148,8 @@ export default {
136 }).then((res) => { 148 }).then((res) => {
137 if (res.code === 200) { 149 if (res.code === 200) {
138 this.tableData = res.result; 150 this.tableData = res.result;
151 this.shows=this.tableData.length>0
152 console.log("this.tableData111",this.tableData);
139 this.tableData.forEach((item) => { 153 this.tableData.forEach((item) => {
140 item.sjlx = getSjlx(item.sjlx); 154 item.sjlx = getSjlx(item.sjlx);
141 }); 155 });
...@@ -198,13 +212,6 @@ export default { ...@@ -198,13 +212,6 @@ export default {
198 }); 212 });
199 }); 213 });
200 }, 214 },
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 );
207 },
208 }, 215 },
209 }; 216 };
210 </script> 217 </script>
......
1 <!-- 1 <!--
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-08-24 16:15:01 4 * @LastEditTime: 2023-08-23 15:54:12
5 --> 5 -->
6 <template> 6 <template>
7 <div class="djxxTable"> 7 <div class="djxxTable">
8 <div v-show="false">
9 <printTemplate id="box" :propsParam="propsParam" :tableData="tableData"/>
10 </div>
8 <div class="tableBox"> 11 <div class="tableBox">
9 <div class="title"> 12 <div class="title">
10 {{ title }} 13 {{ title }}
11 <el-button class="print" @click="print">打印</el-button> 14 <el-button class="print" v-show="shows" v-print="printObj">打印</el-button>
12 <div class="checkbox"> 15 <div class="checkbox">
13 <el-checkbox-group v-model="checkList" @change="checkChange"> 16 <el-checkbox-group v-model="checkList" @change="checkChange">
14 <el-checkbox 17 <el-checkbox
...@@ -98,12 +101,21 @@ ...@@ -98,12 +101,21 @@
98 </template> 101 </template>
99 102
100 <script> 103 <script>
104 import printTemplate from "./components/printTemplate.vue";
101 import { datas } from "./qlxxFormData.js"; 105 import { datas } from "./qlxxFormData.js";
102 import { getSjlx } from "@/utils/dictionary.js"; 106 import { getSjlx } from "@/utils/dictionary.js";
103 import { getJsydsyqList } from "@/api/djbDetail.js"; 107 import { getJsydsyqList } from "@/api/djbDetail.js";
104 export default { 108 export default {
109 components: {
110 printTemplate,
111 },
105 data() { 112 data() {
106 return { 113 return {
114 printObj: {
115 id: "box",
116 //其他配置项，
117 },
118 shows:false,
107 title: "建设用地使用权、宅基地使用权登记信息", 119 title: "建设用地使用权、宅基地使用权登记信息",
108 qsztList: datas.columns().qsztList, 120 qsztList: datas.columns().qsztList,
109 checkList: datas.columns().checkList, 121 checkList: datas.columns().checkList,
...@@ -126,12 +138,7 @@ export default { ...@@ -126,12 +138,7 @@ export default {
126 * @author: renchao 138 * @author: renchao
127 */ 139 */
128 loadData() { 140 loadData() {
129 if (this.$parent.addRepairRecord) { 141
130 this.columns.unshift({
131 prop: "cz",
132 label: "操作",
133 });
134 }
135 getJsydsyqList({ 142 getJsydsyqList({
136 bdcdyid: this.propsParam.bdcdyid, 143 bdcdyid: this.propsParam.bdcdyid,
137 qllx: this.propsParam.qllx, 144 qllx: this.propsParam.qllx,
...@@ -139,6 +146,7 @@ export default { ...@@ -139,6 +146,7 @@ export default {
139 }).then((res) => { 146 }).then((res) => {
140 if (res.code === 200) { 147 if (res.code === 200) {
141 this.tableData = res.result; 148 this.tableData = res.result;
149 this.shows=this.tableData.length>0
142 this.tableData.forEach((item) => { 150 this.tableData.forEach((item) => {
143 item.sjlx = getSjlx(item.sjlx); 151 item.sjlx = getSjlx(item.sjlx);
144 }); 152 });
...@@ -206,27 +214,20 @@ export default { ...@@ -206,27 +214,20 @@ export default {
206 }); 214 });
207 }); 215 });
208 }, 216 },
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 },
217 }; 218 };
218 </script> 219 </script>
219 220
220 <style lang="scss" scoped> 221 <style lang="scss" scoped>
221 @import "./qlxxCommon.scss"; 222 @import "./qlxxCommon.scss";
222 .title { 223 .title {
223 position: relative; 224 position: relative;
224 .print { 225 .print {
225 // background-color: #0079fe; 226 // background-color: #0079fe;
226 z-index: 10; 227 z-index: 10;
227 position: absolute; 228 position: absolute;
228 left: 11px; 229 left: 11px;
229 top: 5px; 230 top: 5px;
230 } 231 }
231 } 232 }
232 </style> 233 </style>
......
1 <!-- 1 <!--
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-08-25 17:16:32 4 * @LastEditTime: 2023-08-23 15:54:12
5 --> 5 -->
6 <template> 6 <template>
7 <div class="djxxTable"> 7 <div class="djxxTable">
8 <div v-show="false">
9 <printTemplate id="box" :propsParam="propsParam" :tableData="tableData"/>
10 </div>
8 <div class="tableBox"> 11 <div class="tableBox">
9 <div class="title"> 12 <div class="title">
10 {{ title }} 13 {{ title }}
11 <el-button class="print" @click="print">打印</el-button> 14 <el-button class="print" v-show="shows" v-print="printObj">打印</el-button>
12 <div class="checkbox"> 15 <div class="checkbox">
13 <el-checkbox-group v-model="checkList" @change="checkChange"> 16 <el-checkbox-group v-model="checkList" @change="checkChange">
14 <el-checkbox 17 <el-checkbox
...@@ -99,9 +102,18 @@ ...@@ -99,9 +102,18 @@
99 import { datas } from "./qlxxFormData.js"; 102 import { datas } from "./qlxxFormData.js";
100 import { getSjlx, getDictLeabel } from "@/utils/dictionary.js"; 103 import { getSjlx, getDictLeabel } from "@/utils/dictionary.js";
101 import { getLqList } from "@/api/djbDetail.js"; 104 import { getLqList } from "@/api/djbDetail.js";
105 import printTemplate from "./components/printTemplate.vue";
102 export default { 106 export default {
107 components: {
108 printTemplate,
109 },
103 data() { 110 data() {
104 return { 111 return {
112 printObj: {
113 id: "box",
114 //其他配置项，
115 },
116 shows:false,
105 title: "林权登记信息", 117 title: "林权登记信息",
106 qsztList: datas.columns().qsztList, 118 qsztList: datas.columns().qsztList,
107 checkList: datas.columns().checkList, 119 checkList: datas.columns().checkList,
...@@ -137,6 +149,7 @@ export default { ...@@ -137,6 +149,7 @@ export default {
137 }).then((res) => { 149 }).then((res) => {
138 if (res.code === 200) { 150 if (res.code === 200) {
139 this.tableData = res.result; 151 this.tableData = res.result;
152 this.shows=this.tableData.length>0
140 this.tableData.forEach((item) => { 153 this.tableData.forEach((item) => {
141 item.sjlx = getSjlx(item.sjlx); 154 item.sjlx = getSjlx(item.sjlx);
142 item.ldsyqxz = getDictLeabel(item.ldsyqxz, "A45"); 155 item.ldsyqxz = getDictLeabel(item.ldsyqxz, "A45");
...@@ -207,13 +220,6 @@ export default { ...@@ -207,13 +220,6 @@ export default {
207 }); 220 });
208 }); 221 });
209 }, 222 },
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 }, 223 },
218 }; 224 };
219 </script> 225 </script>
......
1 <!-- 1 <!--
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-08-25 17:19:17 4 * @LastEditTime: 2023-08-23 15:54:12
5 --> 5 -->
6 <template> 6 <template>
7 <div class="djxxTable"> 7 <div class="djxxTable">
8 <div v-show="false">
9 <printTemplate id="box" :propsParam="propsParam" :tableData="tableData"/>
10 </div>
8 <div class="tableBox"> 11 <div class="tableBox">
9 <div class="title"> 12 <div class="title">
10 {{ title }} 13 {{ title }}
11 <el-button class="print" @click="print">打印</el-button> 14 <el-button class="print" v-show="shows" v-print="printObj">打印</el-button>
12 <div class="checkbox"> 15 <div class="checkbox">
13 <el-checkbox-group v-model="checkList" @change="checkChange"> 16 <el-checkbox-group v-model="checkList" @change="checkChange">
14 <el-checkbox 17 <el-checkbox
...@@ -150,8 +153,16 @@ import { datas } from "./qlxxFormData.js"; ...@@ -150,8 +153,16 @@ import { datas } from "./qlxxFormData.js";
150 import { getSjlx } from "@/utils/dictionary.js"; 153 import { getSjlx } from "@/utils/dictionary.js";
151 import { getNydsyqList } from "@/api/djbDetail.js"; 154 import { getNydsyqList } from "@/api/djbDetail.js";
152 export default { 155 export default {
156 components: {
157 printTemplate,
158 },
153 data() { 159 data() {
154 return { 160 return {
161 printObj: {
162 id: "box",
163 //其他配置项，
164 },
165 shows:false,
155 title: "农用地使用权登记信息", 166 title: "农用地使用权登记信息",
156 qsztList: datas.columns().qsztList, 167 qsztList: datas.columns().qsztList,
157 checkList: datas.columns().checkList, 168 checkList: datas.columns().checkList,
...@@ -193,6 +204,7 @@ export default { ...@@ -193,6 +204,7 @@ export default {
193 }).then((res) => { 204 }).then((res) => {
194 if (res.code === 200) { 205 if (res.code === 200) {
195 this.tableData = res.result; 206 this.tableData = res.result;
207 this.shows=this.tableData.length>0
196 this.tableData.forEach((item) => { 208 this.tableData.forEach((item) => {
197 item.sjlx = getSjlx(item.sjlx); 209 item.sjlx = getSjlx(item.sjlx);
198 }); 210 });
...@@ -259,13 +271,6 @@ export default { ...@@ -259,13 +271,6 @@ export default {
259 }); 271 });
260 }); 272 });
261 }, 273 },
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 }, 274 },
270 }; 275 };
271 </script> 276 </script>
......
...@@ -15,10 +15,13 @@ ...@@ -15,10 +15,13 @@
15 --> 15 -->
16 <template> 16 <template>
17 <div class="djxxTable"> 17 <div class="djxxTable">
18 <div v-show="false">
19 <printTemplate id="box" :propsParam="propsParam" :tableData="tableData"/>
20 </div>
18 <div class="tableBox"> 21 <div class="tableBox">
19 <div class="title"> 22 <div class="title">
20 {{ title }} 23 {{ title }}
21 <el-button class="print" @click="print">打印</el-button> 24 <el-button class="print" v-show="shows" v-print="printObj">打印</el-button>
22 <div class="checkbox"> 25 <div class="checkbox">
23 <el-checkbox-group v-model="checkList" @change="checkChange"> 26 <el-checkbox-group v-model="checkList" @change="checkChange">
24 <el-checkbox 27 <el-checkbox
...@@ -84,9 +87,18 @@ ...@@ -84,9 +87,18 @@
84 import { datas } from "./qlxxFormData.js"; 87 import { datas } from "./qlxxFormData.js";
85 import { getSjlx } from "@/utils/dictionary.js"; 88 import { getSjlx } from "@/utils/dictionary.js";
86 import { getLqList } from "@/api/djbDetail.js"; 89 import { getLqList } from "@/api/djbDetail.js";
87 export default { 90 import printTemplate from "./components/printTemplate.vue";
88 data () { 91 export default {
89 return { 92 components: {
93 printTemplate,
94 },
95 data() {
96 return {
97 printObj: {
98 id: "box",
99 //其他配置项，
100 },
101 shows:false,
90 title: "林权登记信息", 102 title: "林权登记信息",
91 qsztList: datas.columns().qsztList, 103 qsztList: datas.columns().qsztList,
92 checkList: datas.columns().checkList, 104 checkList: datas.columns().checkList,
...@@ -122,6 +134,7 @@ ...@@ -122,6 +134,7 @@
122 }).then((res) => { 134 }).then((res) => {
123 if (res.code === 200) { 135 if (res.code === 200) {
124 this.tableData = res.result; 136 this.tableData = res.result;
137 this.shows=this.tableData.length>0
125 this.tableData.forEach((item) => { 138 this.tableData.forEach((item) => {
126 item.sjlx = getSjlx(item.sjlx); 139 item.sjlx = getSjlx(item.sjlx);
127 }); 140 });
...@@ -189,13 +202,6 @@ ...@@ -189,13 +202,6 @@
189 }); 202 });
190 }); 203 });
191 }, 204 },
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 },
199 }, 205 },
200 }; 206 };
201 </script> 207 </script>
......
1 <!-- 1 <!--
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-08-24 16:15:38 4 * @LastEditTime: 2023-08-23 15:54:12
5 --> 5 -->
6 <template> 6 <template>
7 <div class="djxxTable"> 7 <div class="djxxTable">
8 <div v-show="false">
9 <printTemplate id="box" :propsParam="propsParam" :tableData="tableData"/>
10 </div>
8 <div class="tableBox"> 11 <div class="tableBox">
9 <div class="title"> 12 <div class="title">
10 {{ title }} 13 {{ title }}
11 <el-button class="print" @click="print">打印</el-button> 14 <el-button class="print" v-show="shows" v-print="printObj">打印</el-button>
12 <div class="checkbox"> 15 <div class="checkbox">
13 <el-checkbox-group v-model="checkList" @change="checkChange"> 16 <el-checkbox-group v-model="checkList" @change="checkChange">
14 <el-checkbox v-for="item in qsztList" :key="item.value" :label="item.value">{{ item.label }}</el-checkbox> 17 <el-checkbox v-for="item in qsztList" :key="item.value" :label="item.value">{{ item.label }}</el-checkbox>
...@@ -74,9 +77,18 @@ ...@@ -74,9 +77,18 @@
74 import { datas } from "./qlxxFormData.js"; 77 import { datas } from "./qlxxFormData.js";
75 import { getSjlx } from "@/utils/dictionary.js"; 78 import { getSjlx } from "@/utils/dictionary.js";
76 import { getTdsyqList } from "@/api/djbDetail.js"; 79 import { getTdsyqList } from "@/api/djbDetail.js";
77 export default { 80 import printTemplate from "./components/printTemplate.vue";
78 data () { 81 export default {
79 return { 82 components: {
83 printTemplate,
84 },
85 data() {
86 return {
87 printObj: {
88 id: "box",
89 //其他配置项，
90 },
91 shows:false,
80 title: "土地所有权信息", 92 title: "土地所有权信息",
81 qsztList: datas.columns().qsztList, 93 qsztList: datas.columns().qsztList,
82 checkList: datas.columns().checkList, 94 checkList: datas.columns().checkList,
...@@ -113,6 +125,7 @@ ...@@ -113,6 +125,7 @@
113 }).then((res) => { 125 }).then((res) => {
114 if (res.code === 200) { 126 if (res.code === 200) {
115 this.tableData = res.result; 127 this.tableData = res.result;
128 this.shows=this.tableData.length>0
116 this.tableData.forEach(item => { 129 this.tableData.forEach(item => {
117 item.sjlx = getSjlx(item.sjlx) 130 item.sjlx = getSjlx(item.sjlx)
118 }) 131 })
...@@ -179,13 +192,6 @@ ...@@ -179,13 +192,6 @@
179 }); 192 });
180 193
181 }, 194 },
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 },
189 }, 195 },
190 }; 196 };
191 </script> 197 </script>
......
1 <!-- 1 <!--
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-08-25 17:14:29 4 * @LastEditTime: 2023-08-23 15:54:12
5 --> 5 -->
6 <template> 6 <template>
7 <div class="djxxTable"> 7 <div class="djxxTable">
8 <div v-show="false">
9 <printTemplate id="box" :propsParam="propsParam" :tableData="tableData"/>
10 </div>
8 <div class="tableBox"> 11 <div class="tableBox">
9 <div class="title"> 12 <div class="title">
10 {{ title }} 13 {{ title }}
11 <el-button class="print" @click="print">打印</el-button> 14 <el-button class="print" v-show="shows" v-print="printObj">打印</el-button>
12 <div class="checkbox"> 15 <div class="checkbox">
13 <el-checkbox-group v-model="checkList" @change="checkChange"> 16 <el-checkbox-group v-model="checkList" @change="checkChange">
14 <el-checkbox v-for="item in qsztList" :key="item.value" :label="item.value">{{ item.label }}</el-checkbox> 17 <el-checkbox
18 v-for="item in qsztList"
19 :key="item.value"
20 :label="item.value"
21 >{{ item.label }}</el-checkbox
22 >
15 </el-checkbox-group> 23 </el-checkbox-group>
16 </div> 24 </div>
17 </div> 25 </div>
...@@ -21,21 +29,35 @@ ...@@ -21,21 +29,35 @@
21 <td> 29 <td>
22 {{ item.label }} 30 {{ item.label }}
23 </td> 31 </td>
24 <td v-for="(row, index) in tableData" :key="index" :class="[ 32 <td
25 row.qszt == '2' ? 'lishi' : '', 33 v-for="(row, index) in tableData"
26 row.qszt == '0' ? 'linshi' : '', 34 :key="index"
27 row.qlzt == '4' ? 'linshi' : '', 35 :class="[
36 row.qszt == '2' ? 'lishi' : '',
37 row.qszt == '0' ? 'linshi' : '',
38 row.qlzt == '4' ? 'linshi' : '',
28 39
29 item.prop == 'qszt' && row.qlzt == '3' ? 'linshiIcon' : '', 40 item.prop == 'qszt' && row.qlzt == '3' ? 'linshiIcon' : '',
30 item.prop == 'qszt' && row.qlzt == '2' ? 'linshiIcon' : '', 41 item.prop == 'qszt' && row.qlzt == '2' ? 'linshiIcon' : '',
31 item.prop == 'qszt' && row.qlzt == '1' ? 'xianshiIcon' : '', 42 item.prop == 'qszt' && row.qlzt == '1' ? 'xianshiIcon' : '',
32 item.prop == 'qszt' && row.qlzt == '4' ? 'zhuxiaoIcon' : '' 43 item.prop == 'qszt' && row.qlzt == '4' ? 'zhuxiaoIcon' : '',
33 ]"> 44 ]"
45 >
34 <div class="setbut" v-if="item.prop == 'cz'"> 46 <div class="setbut" v-if="item.prop == 'cz'">
35 <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row)">编辑</el-button> 47 <el-button
36 <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row,'D')">删除</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 >
37 </div> 59 </div>
38 <div class="icon" v-if="item.prop == 'qszt' &&row.qlzt == '1'"> 60 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '1'">
39 有效 61 有效
40 </div> 62 </div>
41 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '2'"> 63 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '2'">
...@@ -48,14 +70,20 @@ ...@@ -48,14 +70,20 @@
48 正在注销 70 正在注销
49 </div> 71 </div>
50 72
51 <p v-if="!['djyy','fj'].includes(item.prop)"> 73 <p v-if="!['djyy', 'fj'].includes(item.prop)">
52 <span v-if="item.prop == 'qszt'"> 74 <span v-if="item.prop == 'qszt'">
53 {{ getQsztName(row[item.prop]) }} 75 {{ getQsztName(row[item.prop]) }}
54 </span> 76 </span>
55 <span v-else>{{ row[item.prop] }}</span> 77 <span v-else>{{ row[item.prop] }}</span>
56 </p> 78 </p>
57 79
58 <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 >
59 <span class="ellipsis-line"> 87 <span class="ellipsis-line">
60 {{ row[item.prop] }} 88 {{ row[item.prop] }}
61 </span> 89 </span>
...@@ -70,129 +98,133 @@ ...@@ -70,129 +98,133 @@
70 </template> 98 </template>
71 99
72 <script> 100 <script>
73 import { datas } from "./qlxxFormData.js"; 101 import printTemplate from "./components/printTemplate.vue";
74 import { getYgdjList } from "@/api/djbDetail.js"; 102 import { datas } from "./qlxxFormData.js";
75 import { getSjlx, getDictLeabel } from "@/utils/dictionary.js"; 103 import { getYgdjList } from "@/api/djbDetail.js";
76 export default { 104 import { getSjlx, getDictLeabel } from "@/utils/dictionary.js";
77 data () { 105 export default {
78 return { 106 components: {
79 title: "预告登记信息", 107 printTemplate,
80 qsztList: datas.columns().qsztList, 108 },
81 checkList: datas.columns().checkList, 109 data() {
82 //传递参数 110 return {
83 propsParam: this.$attrs, 111 printObj: {
84 //列表数据 112 id: "box",
85 tableData: [], 113 //其他配置项，
86 //空列值个数
87 emptycolNum: datas.columns().emptycolNum,
88 //列名称对象
89 columns: datas.columns().YGDJ,
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 getYgdjList({
109 bdcdyid: this.propsParam.bdcdyid,
110 qllx: this.propsParam.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 item.dybdclx = getDictLeabel(item.dybdclx, 'A27')
118 });
119 if (this.tableData.length < datas.columns().emptycolNum) {
120 this.emptycolNum =
121 datas.columns().emptycolNum - this.tableData.length;
122 } else {
123 this.emptycolNum = 0;
124 }
125 }
126 });
127 },
128 /**
129 * @description: checkChange
130 * @author: renchao
131 */
132 checkChange () {
133 if (this.checkList.length === 0) {
134 this.tableData = [];
135 this.emptycolNum = datas.columns().emptycolNum;
136 } else {
137 this.loadData();
138 }
139 }, 114 },
140 /** 115 shows:false,
141 * @description: getQsztName 116 title: "预告登记信息",
142 * @param {*} code 117 qsztList: datas.columns().qsztList,
143 * @author: renchao 118 checkList: datas.columns().checkList,
144 */ 119 //传递参数
145 getQsztName (code) { 120 propsParam: this.$attrs,
146 let name = ""; 121 //列表数据
147 for (let item of this.qsztList) { 122 tableData: [],
148 if (item.value == code) { 123 //空列值个数
149 name = item.label; 124 emptycolNum: datas.columns().emptycolNum,
150 break; 125 //列名称对象
126 columns: datas.columns().YGDJ,
127 };
128 },
129 created() {
130 this.loadData();
131 },
132 methods: {
133 /**
134 * @description: loadData
135 * @author: renchao
136 */
137 loadData() {
138 // 判断是否在登记簿补录调的子页面
139 if (this.$parent.addRepairRecord) {
140 this.columns.unshift({
141 prop: "cz",
142 label: "操作",
143 });
144 }
145 getYgdjList({
146 bdcdyid: this.propsParam.bdcdyid,
147 qllx: this.propsParam.qllx,
148 qszt: this.checkList,
149 }).then((res) => {
150 if (res.code === 200) {
151 this.tableData = res.result;
152 this.shows=this.tableData.length>0
153 this.tableData.forEach((item) => {
154 item.sjlx = getSjlx(item.sjlx);
155 item.dybdclx = getDictLeabel(item.dybdclx, "A27");
156 });
157 if (this.tableData.length < datas.columns().emptycolNum) {
158 this.emptycolNum =
159 datas.columns().emptycolNum - this.tableData.length;
160 } else {
161 this.emptycolNum = 0;
151 } 162 }
152 } 163 }
153 return name; 164 });
154 }, 165 },
155 // 新增一条补录信息 166 /**
156 /** 167 * @description: checkChange
157 * @description: 新增一条补录信息 168 * @author: renchao
158 * @param {*} row 169 */
159 * @param {*} del 170 checkChange() {
160 * @author: renchao 171 if (this.checkList.length === 0) {
161 */ 172 this.tableData = [];
162 editDialog (row, del) { 173 this.emptycolNum = datas.columns().emptycolNum;
163 this.$confirm('此操作将新增一条补录信息, 是否继续?', '提示', { 174 } else {
164 confirmButtonText: '确定', 175 this.loadData();
165 cancelButtonText: '取消', 176 }
166 type: 'warning' 177 },
167 }).then(() => { 178 /**
168 this.$parent.addRepairRecord(row, del) 179 * @description: getQsztName
180 * @param {*} code
181 * @author: renchao
182 */
183 getQsztName(code) {
184 let name = "";
185 for (let item of this.qsztList) {
186 if (item.value == code) {
187 name = item.label;
188 break;
189 }
190 }
191 return name;
192 },
193 // 新增一条补录信息
194 /**
195 * @description: 新增一条补录信息
196 * @param {*} row
197 * @param {*} del
198 * @author: renchao
199 */
200 editDialog(row, del) {
201 this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", {
202 confirmButtonText: "确定",
203 cancelButtonText: "取消",
204 type: "warning",
205 })
206 .then(() => {
207 this.$parent.addRepairRecord(row, del);
169 208
170 this.$message({ 209 this.$message({
171 type: 'success', 210 type: "success",
172 message: '补录成功!' 211 message: "补录成功!",
173 }); 212 });
174 }).catch(() => { 213 })
214 .catch(() => {
175 this.$message({ 215 this.$message({
176 type: 'info', 216 type: "info",
177 message: '取消编辑' 217 message: "取消编辑",
178 }); 218 });
179 }); 219 });
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 },
189 }, 220 },
190 }; 221 },
222 };
191 </script> 223 </script>
192 224
193 <style lang="scss" scoped> 225 <style lang="scss" scoped>
194 @import "./qlxxCommon.scss"; 226 @import "./qlxxCommon.scss";
195 .title { 227 .title {
196 position: relative; 228 position: relative;
197 .print { 229 .print {
198 // background-color: #0079fe; 230 // background-color: #0079fe;
......
1 <!-- 1 <!--
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-08-24 16:15:45 4 * @LastEditTime: 2023-08-23 15:54:12
5 --> 5 -->
6 <template> 6 <template>
7 <div class="djxxTable"> 7 <div class="djxxTable">
8 <div v-show="false">
9 <printTemplate id="box" :propsParam="propsParam" :tableData="tableData"/>
10 </div>
8 <div class="tableBox"> 11 <div class="tableBox">
9 <div class="title"> 12 <div class="title">
10 {{ title }} 13 {{ title }}
11 <el-button class="print" @click="print">打印</el-button> 14 <el-button class="print" v-show="shows" v-print="printObj">打印</el-button>
12 <div class="checkbox"> 15 <div class="checkbox">
13 <el-checkbox-group v-model="checkList" @change="checkChange"> 16 <el-checkbox-group v-model="checkList" @change="checkChange">
14 <el-checkbox v-for="item in qsztList" :key="item.value" :label="item.value">{{ item.label }}</el-checkbox> 17 <el-checkbox v-for="item in qsztList" :key="item.value" :label="item.value">{{ item.label }}</el-checkbox>
...@@ -73,9 +76,18 @@ ...@@ -73,9 +76,18 @@
73 import { datas } from "./qlxxFormData.js"; 76 import { datas } from "./qlxxFormData.js";
74 import { getYydjList } from "@/api/djbDetail.js"; 77 import { getYydjList } from "@/api/djbDetail.js";
75 import { getSjlx, getDictLeabel } from "@/utils/dictionary.js"; 78 import { getSjlx, getDictLeabel } from "@/utils/dictionary.js";
76 export default { 79 import printTemplate from "./components/printTemplate.vue";
77 data () { 80 export default {
78 return { 81 components: {
82 printTemplate,
83 },
84 data() {
85 return {
86 printObj: {
87 id: "box",
88 //其他配置项，
89 },
90 shows:false,
79 title: "异议登记信息", 91 title: "异议登记信息",
80 qsztList: datas.columns().qsztList, 92 qsztList: datas.columns().qsztList,
81 checkList: datas.columns().checkList, 93 checkList: datas.columns().checkList,
...@@ -111,6 +123,7 @@ ...@@ -111,6 +123,7 @@
111 }).then((res) => { 123 }).then((res) => {
112 if (res.code === 200) { 124 if (res.code === 200) {
113 this.tableData = res.result; 125 this.tableData = res.result;
126 this.shows=this.tableData.length>0
114 this.tableData.forEach((item) => { 127 this.tableData.forEach((item) => {
115 item.sjlx = getSjlx(item.sjlx); 128 item.sjlx = getSjlx(item.sjlx);
116 item.dybdclx = getDictLeabel(item.dybdclx, 'A27') 129 item.dybdclx = getDictLeabel(item.dybdclx, 'A27')
...@@ -178,13 +191,6 @@ ...@@ -178,13 +191,6 @@
178 }); 191 });
179 192
180 }, 193 },
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 },
188 }, 194 },
189 }; 195 };
190 </script> 196 </script>
......
...@@ -5,8 +5,8 @@ ...@@ -5,8 +5,8 @@
5 --> 5 -->
6 <template> 6 <template>
7 <div class="tableDivCss"> 7 <div class="tableDivCss">
8 <table cellpadding="0" cellspacing="0" class="tableCss"> 8 <el-button class="print" v-print="printObj">打印</el-button>
9 <el-button class="print" @click="print">打印</el-button> 9 <table cellpadding="0" cellspacing="0" id="box" class="tableCss">
10 <tr> 10 <tr>
11 <th colspan="5" class="title">宗地基本信息</th> 11 <th colspan="5" class="title">宗地基本信息</th>
12 </tr> 12 </tr>
...@@ -118,6 +118,10 @@ import { getZdjjxxBybdcdyid } from "@/api/djbDetail.js"; ...@@ -118,6 +118,10 @@ import { getZdjjxxBybdcdyid } from "@/api/djbDetail.js";
118 export default { 118 export default {
119 data() { 119 data() {
120 return { 120 return {
121 printObj: {
122 id: "box",
123 //其他配置项，
124 },
121 bhqkColumns: [ 125 bhqkColumns: [
122 { 126 {
123 prop: "ssywh", 127 prop: "ssywh",
...@@ -212,26 +216,21 @@ export default { ...@@ -212,26 +216,21 @@ export default {
212 } 216 }
213 }); 217 });
214 }, 218 },
215 print() { 219
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 );
221 },
222 }, 220 },
223 }; 221 };
224 </script> 222 </script>
225 <style lang="scss" scoped> 223 <style lang="scss" scoped>
226 @import "~@/styles/tablecss.scss"; 224 @import "~@/styles/tablecss.scss";
227 .tableCss { 225 .tableDivCss {
228 position: relative; 226 position: relative;
229 .print { 227 .print {
228 display: inline;
230 // background-color: #0079fe; 229 // background-color: #0079fe;
231 z-index: 10; 230 z-index: 10;
232 position: absolute; 231 position: absolute;
233 left: 11px; 232 left: 11px;
234 top: 5px; 233 top: 11px;
235 } 234 }
236 } 235 }
237 </style> 236 </style>
......
...@@ -123,13 +123,7 @@ export default { ...@@ -123,13 +123,7 @@ export default {
123 }); 123 });
124 }); 124 });
125 this.datalist=this.list 125 this.datalist=this.list
126 // this.list.forEach((item,index) => { 126 this.loading=false
127 // this.value.push({
128 // key: index,
129 // name:item.name,
130 // despriction: item.despriction,
131 // });
132 // });
133 } 127 }
134 }); 128 });
135 } 129 }
......