Merge branch 'dev' of http://yun.pashanhoo.com:9090/bdc/bdcdj-web into dev
Showing
30 changed files
with
496 additions
and
316 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> |
This diff is collapsed.
Click to expand it.
... | @@ -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> | ... | ... |
This diff is collapsed.
Click to expand it.
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 | } | ... | ... |
1 | <!-- | 1 | <!-- |
2 | * @Description: | 2 | * @Description: |
3 | * @Autor: renchao | 3 | * @Autor: renchao |
4 | * @LastEditTime: 2023-09-05 16:40:43 | 4 | * @LastEditTime: 2023-09-06 15:32:50 |
5 | --> | 5 | --> |
6 | <template> | 6 | <template> |
7 | <div> | 7 | <div> |
... | @@ -211,7 +211,7 @@ | ... | @@ -211,7 +211,7 @@ |
211 | const image = new Image(); | 211 | const image = new Image(); |
212 | image.onload = () => { | 212 | image.onload = () => { |
213 | context.drawImage(image, 0, 0); | 213 | context.drawImage(image, 0, 0); |
214 | context.font = '16px 楷体'; | 214 | context.font = '18px 楷体'; |
215 | context.fillStyle = '#000000'; | 215 | context.fillStyle = '#000000'; |
216 | context.fillText(this.bdcqz.sjjc ? this.bdcqz.sjjc : '', 60, 56); | 216 | context.fillText(this.bdcqz.sjjc ? this.bdcqz.sjjc : '', 60, 56); |
217 | context.fillText(this.bdcqz.djnd ? this.bdcqz.djnd : '', 113, 56); | 217 | context.fillText(this.bdcqz.djnd ? this.bdcqz.djnd : '', 113, 56); |
... | @@ -440,7 +440,7 @@ | ... | @@ -440,7 +440,7 @@ |
440 | const image = new Image(); | 440 | const image = new Image(); |
441 | image.onload = () => { | 441 | image.onload = () => { |
442 | context.drawImage(image, 0, 0); | 442 | context.drawImage(image, 0, 0); |
443 | context.font = '16px 楷体'; | 443 | context.font = '18px 楷体'; |
444 | context.fillStyle = '#000000'; | 444 | context.fillStyle = '#000000'; |
445 | // ysxlh | 445 | // ysxlh |
446 | context.fillText(this.bdcqz.ysxlh ? this.bdcqz.ysxlh : '', 280, 712); | 446 | context.fillText(this.bdcqz.ysxlh ? this.bdcqz.ysxlh : '', 280, 712); | ... | ... |
1 | <!-- | 1 | <!-- |
2 | * @Description: | 2 | * @Description: |
3 | * @Autor: renchao | 3 | * @Autor: renchao |
4 | * @LastEditTime: 2023-08-31 09:48:52 | 4 | * @LastEditTime: 2023-09-06 16:15:09 |
5 | --> | 5 | --> |
6 | <template> | 6 | <template> |
7 | <div class="from-clues loadingtext" v-Loading="loading" element-loading-text="拼命加载中..." style="height:720px;text-align: center;"> | 7 | <div class="from-clues loadingtext" v-Loading="loading" element-loading-text="拼命加载中..." style="height:720px;text-align: center;"> |
... | @@ -143,7 +143,7 @@ | ... | @@ -143,7 +143,7 @@ |
143 | const image = new Image(); | 143 | const image = new Image(); |
144 | image.onload = () => { | 144 | image.onload = () => { |
145 | context.drawImage(image, 0, 0); | 145 | context.drawImage(image, 0, 0); |
146 | context.font = '16px 楷体'; | 146 | context.font = '18px 楷体'; |
147 | context.fillStyle = '#000000'; | 147 | context.fillStyle = '#000000'; |
148 | context.fillText(this.bdcqz.sjjc ? this.bdcqz.sjjc : '', 60, 56); | 148 | context.fillText(this.bdcqz.sjjc ? this.bdcqz.sjjc : '', 60, 56); |
149 | context.fillText(this.bdcqz.djnd ? this.bdcqz.djnd : '', 113, 56); | 149 | context.fillText(this.bdcqz.djnd ? this.bdcqz.djnd : '', 113, 56); |
... | @@ -206,17 +206,16 @@ | ... | @@ -206,17 +206,16 @@ |
206 | } | 206 | } |
207 | // context.fillText(this.bdcqz.syqx ? this.bdcqz.syqx : '', 129, 429); | 207 | // context.fillText(this.bdcqz.syqx ? this.bdcqz.syqx : '', 129, 429); |
208 | // 权利其他状态 | 208 | // 权利其他状态 |
209 | const maxWidth = 332; // 最大宽度限制 | ||
210 | let lines = this.bdcqz.qlqtzk ? this.bdcqz.qlqtzk.split('\n') : []; | 209 | let lines = this.bdcqz.qlqtzk ? this.bdcqz.qlqtzk.split('\n') : []; |
211 | for (let i = 0; i < lines.length; i++) { | 210 | for (let i = 0; i < lines.length; i++) { |
212 | let num = Math.ceil(getByteLen(lines[i]) / 41) | 211 | let num = Math.ceil(getByteLen(lines[i]) / 38) |
213 | if (getByteLen(lines[i]) > 41) { | 212 | if (getByteLen(lines[i]) > 38) { |
214 | let currentLine = ''; | 213 | let currentLine = ''; |
215 | let arr = []; | 214 | let arr = []; |
216 | for (let word of lines[i]) { | 215 | for (let word of lines[i]) { |
217 | const testLine = currentLine + word; | 216 | const testLine = currentLine + word; |
218 | const lineWidth = context.measureText(testLine).width; | 217 | const lineWidth = context.measureText(testLine).width; |
219 | if (lineWidth <= maxWidth) { | 218 | if (lineWidth <= 323) { |
220 | currentLine = testLine; | 219 | currentLine = testLine; |
221 | } else { | 220 | } else { |
222 | arr.push(currentLine); | 221 | arr.push(currentLine); |
... | @@ -226,11 +225,11 @@ | ... | @@ -226,11 +225,11 @@ |
226 | arr.push(currentLine); | 225 | arr.push(currentLine); |
227 | if (i > 0) { | 226 | if (i > 0) { |
228 | arr.forEach((line, index) => { | 227 | arr.forEach((line, index) => { |
229 | context.fillText(line, 129, 480 + (26 * (i - 1)) + 5 * num + (index * 13)); // 调整行高 | 228 | context.fillText(line, 129, 480 + (26 * (i - 1)) + 4 * num + (index * 14)); // 调整行高 |
230 | }) | 229 | }) |
231 | } else { | 230 | } else { |
232 | arr.forEach((line, index) => { | 231 | arr.forEach((line, index) => { |
233 | context.fillText(line, 129, 480 + (26 * (i - 1)) + (index * 13)); // 调整行高 | 232 | context.fillText(line, 129, 490 + (26 * (i - 1)) + (index * 14)); // 调整行高 |
234 | }) | 233 | }) |
235 | } | 234 | } |
236 | } else { | 235 | } else { |
... | @@ -374,7 +373,7 @@ | ... | @@ -374,7 +373,7 @@ |
374 | const image = new Image(); | 373 | const image = new Image(); |
375 | image.onload = () => { | 374 | image.onload = () => { |
376 | context.drawImage(image, 0, 0); | 375 | context.drawImage(image, 0, 0); |
377 | context.font = '16px 楷体'; | 376 | context.font = '18px 楷体'; |
378 | context.fillStyle = '#000000'; | 377 | context.fillStyle = '#000000'; |
379 | // ysxlh | 378 | // ysxlh |
380 | context.fillText(this.bdcqz.ysxlh ? this.bdcqz.ysxlh : '', 280, 712); | 379 | context.fillText(this.bdcqz.ysxlh ? this.bdcqz.ysxlh : '', 280, 712); |
... | @@ -464,20 +463,19 @@ | ... | @@ -464,20 +463,19 @@ |
464 | arr.push(currentLine); | 463 | arr.push(currentLine); |
465 | if (i > 0) { | 464 | if (i > 0) { |
466 | arr.forEach((line, index) => { | 465 | arr.forEach((line, index) => { |
467 | context.fillText(line, 770, 428 + (23 * (i - 1)) + 5 * num + (index * 14)); // 调整行高 | 466 | context.fillText(line, 770, 428 + (25 * (i - 1)) + 5 * num + (index * 15)); // 调整行高 |
468 | }) | 467 | }) |
469 | } else { | 468 | } else { |
470 | arr.forEach((line, index) => { | 469 | arr.forEach((line, index) => { |
471 | context.fillText(line, 770, 435 + (23 * (i - 1)) + (index * 14)); // 调整行高 | 470 | context.fillText(line, 770, 435 + (25 * (i - 1)) + (index * 14)); // 调整行高 |
472 | }) | 471 | }) |
473 | } | 472 | } |
474 | } else { | 473 | } else { |
475 | context.fillText(lines[i] ? lines[i] : '', 770, 440 + 4 * num + (22 * (i - 1))); | 474 | if (i > 0) { |
476 | // if (i > 0) { | 475 | context.fillText(lines[i] ? lines[i] : '', 770, 440 + 5 * num + (24 * (i - 1))); |
477 | // context.fillText(lines[i] ? lines[i] : '', 770, 440 + 5 * num + (23 * (i - 1))); | 476 | } else { |
478 | // } else { | 477 | context.fillText(lines[i] ? lines[i] : '', 770, 440 + (24 * (i - 1))); |
479 | // context.fillText(lines[i] ? lines[i] : '', 770, 440 + (23 * (i - 1))); | 478 | } |
480 | // } | ||
481 | } | 479 | } |
482 | } | 480 | } |
483 | // fj | 481 | // fj | ... | ... |
This diff is collapsed.
Click to expand it.
1 | /* | 1 | /* |
2 | * @Description: | 2 | * @Description: |
3 | * @Autor: renchao | 3 | * @Autor: renchao |
4 | * @LastEditTime: 2023-09-01 10:17:27 | 4 | * @LastEditTime: 2023-09-06 16:10:25 |
5 | */ | 5 | */ |
6 | import filter from '@/utils/filter.js' | 6 | import filter from '@/utils/filter.js' |
7 | let vm = null | 7 | let vm = null |
... | @@ -35,26 +35,8 @@ class data extends filter { | ... | @@ -35,26 +35,8 @@ class data extends filter { |
35 | prop: "zjzl", | 35 | prop: "zjzl", |
36 | label: "证件种类", | 36 | label: "证件种类", |
37 | render: (h, scope) => { | 37 | render: (h, scope) => { |
38 | return ( | 38 | return <span>{this.dicStatus(scope.row.zjzl, "A30")}</span> |
39 | <el-select | 39 | } |
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 | }, | 40 | }, |
59 | { | 41 | { |
60 | prop: "zjh", | 42 | prop: "zjh", |
... | @@ -79,7 +61,7 @@ class data extends filter { | ... | @@ -79,7 +61,7 @@ class data extends filter { |
79 | render: (h, scope) => { | 61 | render: (h, scope) => { |
80 | return ( | 62 | return ( |
81 | <div> | 63 | <div> |
82 | <el-button type="text" onClick={() => { this.handleDelete(scope.row) }}>删除</el-button> | 64 | <el-button type="text" onClick={() => { vm.handleDelete(scope.row) }}>删除</el-button> |
83 | </div> | 65 | </div> |
84 | ) | 66 | ) |
85 | } | 67 | } | ... | ... |
1 | <!-- | 1 | <!-- |
2 | * @Description: | 2 | * @Description: |
3 | * @Autor: renchao | 3 | * @Autor: renchao |
4 | * @LastEditTime: 2023-09-01 10:17:48 | 4 | * @LastEditTime: 2023-09-06 16:08:08 |
5 | --> | 5 | --> |
6 | <template> | 6 | <template> |
7 | <div class="from-clues"> | 7 | <div class="from-clues"> |
... | @@ -30,7 +30,7 @@ | ... | @@ -30,7 +30,7 @@ |
30 | </el-row> | 30 | </el-row> |
31 | </el-form> | 31 | </el-form> |
32 | </div> | 32 | </div> |
33 | <div class="from-clues-content"> | 33 | <div class="from-clues-content loadingtext"> |
34 | <lb-table :page-size="pageData.size" border :current-page.sync="pageData.currentPage" :heightNum="280" | 34 | <lb-table :page-size="pageData.size" border :current-page.sync="pageData.currentPage" :heightNum="280" |
35 | :total="tableData.total" @size-change="handleSizeChange" @p-current-change="handleCurrentChange" | 35 | :total="tableData.total" @size-change="handleSizeChange" @p-current-change="handleCurrentChange" |
36 | :column="tableData.columns" :data="tableData.data"> | 36 | :column="tableData.columns" :data="tableData.data"> |
... | @@ -39,6 +39,7 @@ | ... | @@ -39,6 +39,7 @@ |
39 | </div> | 39 | </div> |
40 | </template> | 40 | </template> |
41 | <script> | 41 | <script> |
42 | import { mapGetters } from 'vuex' | ||
42 | import table from "@/utils/mixin/table" | 43 | import table from "@/utils/mixin/table" |
43 | import { datas, sendThis } from "./data" | 44 | import { datas, sendThis } from "./data" |
44 | import { queryQyByPage, addQy } from "@/api/xxba.js"; | 45 | import { queryQyByPage, addQy } from "@/api/xxba.js"; |
... | @@ -53,6 +54,15 @@ | ... | @@ -53,6 +54,15 @@ |
53 | this.queryClick() | 54 | this.queryClick() |
54 | }, | 55 | }, |
55 | computed: { | 56 | computed: { |
57 | ...mapGetters(['workFresh']) | ||
58 | }, | ||
59 | watch: { | ||
60 | workFresh: { | ||
61 | handler (newVal, oldVal) { | ||
62 | console.log(newVal, 'newVal'); | ||
63 | if (newVal) this.queryClick() | ||
64 | } | ||
65 | } | ||
56 | }, | 66 | }, |
57 | data () { | 67 | data () { |
58 | return { | 68 | return { |
... | @@ -60,10 +70,6 @@ | ... | @@ -60,10 +70,6 @@ |
60 | qymc: "", | 70 | qymc: "", |
61 | zjh: "", | 71 | zjh: "", |
62 | }, | 72 | }, |
63 | pageData: { | ||
64 | current: 1, | ||
65 | size: 10, | ||
66 | }, | ||
67 | tableData: { | 73 | tableData: { |
68 | total: 0, | 74 | total: 0, |
69 | columns: datas.columns(), | 75 | columns: datas.columns(), |
... | @@ -77,11 +83,7 @@ | ... | @@ -77,11 +83,7 @@ |
77 | */ | 83 | */ |
78 | queryClick () { | 84 | queryClick () { |
79 | this.$startLoading(); | 85 | this.$startLoading(); |
80 | let pageForm = { | 86 | let data = { ...this.queryForm, ...this.pageData } |
81 | pageSize: this.pageData.size, | ||
82 | pageNumber: this.pageData.current | ||
83 | } | ||
84 | let data = {...this.queryForm, ...pageForm} | ||
85 | queryQyByPage(data).then((res) => { | 87 | queryQyByPage(data).then((res) => { |
86 | this.$endLoading(); | 88 | this.$endLoading(); |
87 | if (res.code === 200) { | 89 | if (res.code === 200) { |
... | @@ -89,7 +91,7 @@ | ... | @@ -89,7 +91,7 @@ |
89 | this.tableData.total = total; | 91 | this.tableData.total = total; |
90 | this.tableData.data = records; | 92 | this.tableData.data = records; |
91 | } | 93 | } |
92 | }); | 94 | }) |
93 | }, | 95 | }, |
94 | handleSearch () { | 96 | handleSearch () { |
95 | this.queryClick(); | 97 | this.queryClick(); |
... | @@ -97,7 +99,23 @@ | ... | @@ -97,7 +99,23 @@ |
97 | handleAdd () { | 99 | handleAdd () { |
98 | this.$popupDialog("添加企业", "xxba/qyxxba/components/addDialog", {}, "50%") | 100 | this.$popupDialog("添加企业", "xxba/qyxxba/components/addDialog", {}, "50%") |
99 | }, | 101 | }, |
100 | handleDelete () { } | 102 | handleDelete () { |
103 | this.$confirm('此操作将永久删除该文件, 是否继续?', '提示', { | ||
104 | confirmButtonText: '确定', | ||
105 | cancelButtonText: '取消', | ||
106 | type: 'warning' | ||
107 | }).then(() => { | ||
108 | this.$message({ | ||
109 | type: 'success', | ||
110 | message: '删除成功!' | ||
111 | }); | ||
112 | }).catch(() => { | ||
113 | this.$message({ | ||
114 | type: 'info', | ||
115 | message: '已取消删除' | ||
116 | }); | ||
117 | }); | ||
118 | } | ||
101 | } | 119 | } |
102 | } | 120 | } |
103 | </script> | 121 | </script> | ... | ... |
This diff is collapsed.
Click to expand it.
1 | /* | 1 | /* |
2 | * @Description: | 2 | * @Description: |
3 | * @Autor: renchao | 3 | * @Autor: renchao |
4 | * @LastEditTime: 2023-09-01 10:17:27 | 4 | * @LastEditTime: 2023-09-06 16:12:16 |
5 | */ | 5 | */ |
6 | import filter from '@/utils/filter.js' | 6 | import filter from '@/utils/filter.js' |
7 | let vm = null | 7 | let vm = null |
... | @@ -35,26 +35,8 @@ class data extends filter { | ... | @@ -35,26 +35,8 @@ class data extends filter { |
35 | prop: "zjzl", | 35 | prop: "zjzl", |
36 | label: "证件种类", | 36 | label: "证件种类", |
37 | render: (h, scope) => { | 37 | render: (h, scope) => { |
38 | return ( | 38 | return <span>{this.dicStatus(scope.row.zjzl, "A30")}</span> |
39 | <el-select | 39 | } |
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 | }, | 40 | }, |
59 | { | 41 | { |
60 | prop: "zjh", | 42 | prop: "zjh", |
... | @@ -79,7 +61,7 @@ class data extends filter { | ... | @@ -79,7 +61,7 @@ class data extends filter { |
79 | render: (h, scope) => { | 61 | render: (h, scope) => { |
80 | return ( | 62 | return ( |
81 | <div> | 63 | <div> |
82 | <el-button type="text" onClick={() => { this.handleDelete(scope.row) }}>删除</el-button> | 64 | <el-button type="text" onClick={() => { vm.handleDelete(scope.row) }}>删除</el-button> |
83 | </div> | 65 | </div> |
84 | ) | 66 | ) |
85 | } | 67 | } | ... | ... |
1 | <!-- | 1 | <!-- |
2 | * @Description: | 2 | * @Description: |
3 | * @Autor: renchao | 3 | * @Autor: renchao |
4 | * @LastEditTime: 2023-09-01 10:17:48 | 4 | * @LastEditTime: 2023-09-06 16:08:32 |
5 | --> | 5 | --> |
6 | <template> | 6 | <template> |
7 | <div class="from-clues"> | 7 | <div class="from-clues"> |
... | @@ -30,78 +30,96 @@ | ... | @@ -30,78 +30,96 @@ |
30 | </el-row> | 30 | </el-row> |
31 | </el-form> | 31 | </el-form> |
32 | </div> | 32 | </div> |
33 | <div class="from-clues-content"> | 33 | <div class="from-clues-content loadingtext"> |
34 | <lb-table :page-size="pageData.size" border :current-page.sync="pageData.currentPage" :heightNum="280" | 34 | <lb-table :page-size="pageData.size" border :current-page.sync="pageData.currentPage" :heightNum="280" |
35 | :total="tableData.total" @size-change="handleSizeChange" @p-current-change="handleCurrentChange" | 35 | :total="tableData.total" @size-change="handleSizeChange" @p-current-change="handleCurrentChange" |
36 | :column="tableData.columns" :data="tableData.data"> | 36 | :column="tableData.columns" :data="tableData.data"> |
37 | </lb-table> | 37 | </lb-table> |
38 | </div> | 38 | </div> |
39 | </div> | 39 | </div> |
40 | </template> | 40 | </template> |
41 | <script> | 41 | <script> |
42 | import table from "@/utils/mixin/table" | 42 | import { mapGetters } from 'vuex' |
43 | import { datas, sendThis } from "./data" | 43 | import table from "@/utils/mixin/table" |
44 | import { queryYhByPage, addYh } from "@/api/xxba.js"; | 44 | import { datas, sendThis } from "./data" |
45 | export default { | 45 | import { queryYhByPage, addYh } from "@/api/xxba.js"; |
46 | name: "cwrz", | 46 | export default { |
47 | components: {}, | 47 | name: "cwrz", |
48 | mixins: [table], | 48 | components: {}, |
49 | mounted () { | 49 | mixins: [table], |
50 | sendThis(this); | 50 | mounted () { |
51 | }, | 51 | sendThis(this); |
52 | activated () { | 52 | }, |
53 | this.queryClick() | 53 | activated () { |
54 | }, | 54 | this.queryClick() |
55 | computed: { | 55 | }, |
56 | }, | 56 | computed: { |
57 | data () { | 57 | ...mapGetters(['workFresh']) |
58 | return { | 58 | }, |
59 | queryForm: { | 59 | watch: { |
60 | qymc: "", | 60 | workFresh: { |
61 | zjh: "", | 61 | handler (newVal, oldVal) { |
62 | console.log(newVal, 'newVal'); | ||
63 | if (newVal) this.queryClick() | ||
64 | } | ||
65 | } | ||
66 | }, | ||
67 | data () { | ||
68 | return { | ||
69 | queryForm: { | ||
70 | qymc: "", | ||
71 | zjh: "", | ||
72 | }, | ||
73 | tableData: { | ||
74 | total: 0, | ||
75 | columns: datas.columns(), | ||
76 | data: [], | ||
77 | }, | ||
78 | }; | ||
79 | }, | ||
80 | methods: { | ||
81 | /** | ||
82 | * @description: queryClick | ||
83 | */ | ||
84 | queryClick () { | ||
85 | this.$startLoading(); | ||
86 | let data = { ...this.queryForm, ...this.pageData } | ||
87 | queryYhByPage(data).then((res) => { | ||
88 | this.$endLoading(); | ||
89 | if (res.code === 200) { | ||
90 | let { total, records } = res.result; | ||
91 | this.tableData.total = total; | ||
92 | this.tableData.data = records; | ||
93 | } | ||
94 | }); | ||
62 | }, | 95 | }, |
63 | pageData: { | 96 | handleSearch () { |
64 | current: 1, | 97 | this.queryClick(); |
65 | size: 10, | ||
66 | }, | 98 | }, |
67 | tableData: { | 99 | handleAdd () { |
68 | total: 0, | 100 | this.$popupDialog("添加企业", "xxba/yhjgba/components/addDialog", {}, "50%") |
69 | columns: datas.columns(), | ||
70 | data: [], | ||
71 | }, | 101 | }, |
72 | }; | 102 | handleDelete () { |
73 | }, | 103 | this.$confirm('此操作将永久删除该文件, 是否继续?', '提示', { |
74 | methods: { | 104 | confirmButtonText: '确定', |
75 | /** | 105 | cancelButtonText: '取消', |
76 | * @description: queryClick | 106 | type: 'warning' |
77 | */ | 107 | }).then(() => { |
78 | queryClick () { | 108 | this.$message({ |
79 | this.$startLoading(); | 109 | type: 'success', |
80 | let pageForm = { | 110 | message: '删除成功!' |
81 | pageSize: this.pageData.size, | 111 | }); |
82 | pageNumber: this.pageData.current | 112 | }).catch(() => { |
113 | this.$message({ | ||
114 | type: 'info', | ||
115 | message: '已取消删除' | ||
116 | }); | ||
117 | }); | ||
83 | } | 118 | } |
84 | let data = {...this.queryForm, ...pageForm} | 119 | } |
85 | queryYhByPage(data).then((res) => { | ||
86 | this.$endLoading(); | ||
87 | if (res.code === 200) { | ||
88 | let { total, records } = res.result; | ||
89 | this.tableData.total = total; | ||
90 | this.tableData.data = records; | ||
91 | } | ||
92 | }); | ||
93 | }, | ||
94 | handleSearch () { | ||
95 | this.queryClick(); | ||
96 | }, | ||
97 | handleAdd () { | ||
98 | this.$popupDialog("添加企业", "xxba/yhjgba/components/addDialog", {}, "50%") | ||
99 | }, | ||
100 | handleDelete () { } | ||
101 | } | 120 | } |
102 | } | ||
103 | </script> | 121 | </script> |
104 | <style scoped lang="scss"> | 122 | <style scoped lang="scss"> |
105 | @import "~@/styles/public.scss"; | 123 | @import "~@/styles/public.scss"; |
106 | </style> | 124 | </style> |
107 | 125 | ... | ... |
-
Please register or sign in to post a comment