Merge branch 'dev' of http://yun.pashanhoo.com:9090/bdc/bdcdj-web into dev
Showing
30 changed files
with
2336 additions
and
826 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 | } | ... | ... |
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 | ... | ... |
... | @@ -3,24 +3,24 @@ | ... | @@ -3,24 +3,24 @@ |
3 | <el-row> | 3 | <el-row> |
4 | <el-col :span="12"> | 4 | <el-col :span="12"> |
5 | <el-form-item label="企业名称:" prop="qymc"> | 5 | <el-form-item label="企业名称:" prop="qymc"> |
6 | <el-input v-model="ruleForm.qymc" ></el-input> | 6 | <el-input v-model="ruleForm.qymc"></el-input> |
7 | </el-form-item> | 7 | </el-form-item> |
8 | </el-col> | 8 | </el-col> |
9 | <el-col :span="12"> | 9 | <el-col :span="12"> |
10 | <el-form-item label="电话:" prop="dh"> | 10 | <el-form-item label="电话:" prop="dh"> |
11 | <el-input v-model="ruleForm.dh" ></el-input> | 11 | <el-input v-model="ruleForm.dh"></el-input> |
12 | </el-form-item> | 12 | </el-form-item> |
13 | </el-col> | 13 | </el-col> |
14 | </el-row> | 14 | </el-row> |
15 | <el-row> | 15 | <el-row> |
16 | <el-col :span="12"> | 16 | <el-col :span="12"> |
17 | <el-form-item label="证件种类:"> | 17 | <el-form-item label="证件种类:"> |
18 | <el-input v-model="ruleForm.zjzl" ></el-input> | 18 | <el-input v-model="ruleForm.zjzl"></el-input> |
19 | </el-form-item> | 19 | </el-form-item> |
20 | </el-col> | 20 | </el-col> |
21 | <el-col :span="12"> | 21 | <el-col :span="12"> |
22 | <el-form-item label="证件号:" prop="zjh"> | 22 | <el-form-item label="证件号:" prop="zjh"> |
23 | <el-input v-model="ruleForm.zjh" ></el-input> | 23 | <el-input v-model="ruleForm.zjh"></el-input> |
24 | </el-form-item> | 24 | </el-form-item> |
25 | </el-col> | 25 | </el-col> |
26 | </el-row> | 26 | </el-row> |
... | @@ -28,237 +28,235 @@ | ... | @@ -28,237 +28,235 @@ |
28 | <el-row> | 28 | <el-row> |
29 | <el-col :span="12"> | 29 | <el-col :span="12"> |
30 | <el-form-item label="法人名称:" prop="frmc"> | 30 | <el-form-item label="法人名称:" prop="frmc"> |
31 | <el-input v-model="ruleForm.frmc" ></el-input> | 31 | <el-input v-model="ruleForm.frmc"></el-input> |
32 | </el-form-item> | 32 | </el-form-item> |
33 | </el-col> | 33 | </el-col> |
34 | <el-col :span="12"> | 34 | <el-col :span="12"> |
35 | <el-form-item label="法人电话:" prop="frdh"> | 35 | <el-form-item label="法人电话:" prop="frdh"> |
36 | <el-input v-model="ruleForm.frdh" ></el-input> | 36 | <el-input v-model="ruleForm.frdh"></el-input> |
37 | </el-form-item> | 37 | </el-form-item> |
38 | </el-col> | 38 | </el-col> |
39 | </el-row> | 39 | </el-row> |
40 | <el-row> | 40 | <el-row> |
41 | <el-col :span="12"> | 41 | <el-col :span="12"> |
42 | <el-form-item label="单位地址:"> | 42 | <el-form-item label="单位地址:"> |
43 | <el-input v-model="ruleForm.dwdz" ></el-input> | 43 | <el-input v-model="ruleForm.dwdz"></el-input> |
44 | </el-form-item> | 44 | </el-form-item> |
45 | </el-col> | 45 | </el-col> |
46 | <el-col :span="12"> | 46 | <el-col :span="12"> |
47 | <el-form-item label="邮编:" prop="yb"> | 47 | <el-form-item label="邮编:" prop="yb"> |
48 | <el-input v-model="ruleForm.yb" ></el-input> | 48 | <el-input v-model="ruleForm.yb"></el-input> |
49 | </el-form-item> | 49 | </el-form-item> |
50 | </el-col> | 50 | </el-col> |
51 | </el-row> | 51 | </el-row> |
52 | <el-form-item > | 52 | <el-form-item style="text-align:center"> |
53 | <el-button type="primary" @click="submitForm">保存</el-button> | ||
54 | <el-button @click="closeDialog">取消</el-button> | 53 | <el-button @click="closeDialog">取消</el-button> |
54 | <el-button type="primary" @click="submitForm">保存</el-button> | ||
55 | </el-form-item> | 55 | </el-form-item> |
56 | </el-form> | 56 | </el-form> |
57 | </template> | 57 | </template> |
58 | 58 | ||
59 | <script> | 59 | <script> |
60 | import store from '@/store/index.js' | 60 | import store from '@/store/index.js' |
61 | import { addQy } from "@/api/xxba.js" | 61 | import { addQy } from "@/api/xxba.js" |
62 | export default { | 62 | export default { |
63 | props: { | 63 | props: { |
64 | formData: { | 64 | formData: { |
65 | type: Object, | 65 | type: Object, |
66 | default: () => { }, | 66 | default: () => { }, |
67 | }, | ||
68 | }, | ||
69 | data () { | ||
70 | return { | ||
71 | DJJGLIST: store.getters.dictData['ywly'], | ||
72 | readOnly: false, | ||
73 | //表单提交数据 | ||
74 | ruleForm: { | ||
75 | batchno: '', | ||
76 | djjg: '', | ||
77 | operator: '超级管理员', | ||
78 | operationtime: '', | ||
79 | bz: '', | ||
80 | zsstarno: '', | ||
81 | zsendno: '', | ||
82 | zsnum: '', | ||
83 | zmstarno: '', | ||
84 | zmendno: '', | ||
85 | zmnum: '' | ||
86 | }, | 67 | }, |
87 | //表格数据 | 68 | }, |
88 | tableForm: [ | 69 | data () { |
89 | { | 70 | return { |
90 | name: '不动产权证书', | 71 | DJJGLIST: store.getters.dictData['ywly'], |
91 | ksysxlh: '', | 72 | readOnly: false, |
92 | jsysxlh: '', | 73 | //表单提交数据 |
93 | bs: 0, | 74 | ruleForm: { |
94 | zslx: 1 | 75 | batchno: '', |
76 | djjg: '', | ||
77 | operator: '超级管理员', | ||
78 | operationtime: '', | ||
79 | bz: '', | ||
80 | zsstarno: '', | ||
81 | zsendno: '', | ||
82 | zsnum: '', | ||
83 | zmstarno: '', | ||
84 | zmendno: '', | ||
85 | zmnum: '' | ||
95 | }, | 86 | }, |
96 | { | 87 | //表格数据 |
97 | name: '不动产登记证明', | 88 | tableForm: [ |
98 | ksysxlh: '', | 89 | { |
99 | jsysxlh: '', | 90 | name: '不动产权证书', |
100 | bs: 0, | 91 | ksysxlh: '', |
101 | zslx: 2 | 92 | jsysxlh: '', |
102 | } | 93 | bs: 0, |
103 | ], | 94 | zslx: 1 |
104 | //证书入库业务号参数 | 95 | }, |
105 | ywhQueryForm: { | 96 | { |
106 | serialtype: 'zsrkbh', | 97 | name: '不动产登记证明', |
107 | serialname: '证书入库编号', | 98 | ksysxlh: '', |
108 | serialcode: 'zsrk', | 99 | jsysxlh: '', |
109 | digit: '5' | 100 | bs: 0, |
110 | }, | 101 | zslx: 2 |
111 | rules: { | 102 | } |
112 | batchNo: [ | ||
113 | { required: true, message: '入库编号不能为空', trigger: 'blur' } | ||
114 | ], | ||
115 | djjg: [ | ||
116 | { required: true, message: '请选择登记机构', trigger: 'change' } | ||
117 | ], | ||
118 | rksj: [ | ||
119 | { required: true, message: '请选择入库时间', trigger: 'change' } | ||
120 | ], | 103 | ], |
121 | }, | 104 | //证书入库业务号参数 |
122 | } | 105 | ywhQueryForm: { |
123 | }, | 106 | serialtype: 'zsrkbh', |
124 | mounted () { | 107 | serialname: '证书入库编号', |
125 | if (this.formData.bsmBatch) { | 108 | serialcode: 'zsrk', |
126 | this.tableForm[0].bs = null; | 109 | digit: '5' |
127 | this.tableForm[1].bs = null; | 110 | }, |
128 | this.getDetailInfo(this.formData.bsmBatch); | 111 | rules: { |
129 | } else {} | 112 | batchNo: [ |
130 | }, | 113 | { required: true, message: '入库编号不能为空', trigger: 'blur' } |
131 | methods: { | 114 | ], |
132 | //表单提交 | 115 | djjg: [ |
133 | /** | 116 | { required: true, message: '请选择登记机构', trigger: 'change' } |
134 | * @description: 表单提交 | 117 | ], |
135 | * @author: renchao | 118 | rksj: [ |
136 | */ | 119 | { required: true, message: '请选择入库时间', trigger: 'change' } |
137 | submitForm () { | 120 | ], |
138 | this.tableForm.forEach((item, index) => { | 121 | }, |
139 | if (item.bs < 0) { | 122 | } |
140 | return; | ||
141 | } | ||
142 | }) | ||
143 | addQy(this.ruleForm).then(res => { | ||
144 | if (res.code == 200) { | ||
145 | this.$message.success('保存成功') | ||
146 | this.$emit("input", false); | ||
147 | this.$refs['ruleForm'].resetFields(); | ||
148 | this.resetTableFields(); | ||
149 | this.closeDialog(); | ||
150 | this.$parent.queryClick(); | ||
151 | } else { | ||
152 | this.$message.error(res.message); | ||
153 | } | ||
154 | }) | ||
155 | }, | 123 | }, |
156 | //获取详情信息 | 124 | mounted () { |
157 | /** | 125 | if (this.formData.bsmBatch) { |
158 | * @description: 获取详情信息 | 126 | this.tableForm[0].bs = null; |
159 | * @param {*} bsmBatch | 127 | this.tableForm[1].bs = null; |
160 | * @author: renchao | 128 | this.getDetailInfo(this.formData.bsmBatch); |
161 | */ | 129 | } else { } |
162 | getDetailInfo (bsmBatch) { | ||
163 | getZsglInfo({ "bsmBatch": bsmBatch }).then(res => { | ||
164 | if (res.code == 200) { | ||
165 | this.ruleForm = res.result; | ||
166 | this.readOnly = false; | ||
167 | this.tableForm[0].ksysxlh = res.result.zsstarno; | ||
168 | this.tableForm[0].jsysxlh = res.result.zsendno; | ||
169 | this.tableForm[0].bs = res.result.zsnum; | ||
170 | this.tableForm[1].ksysxlh = res.result.zmstarno; | ||
171 | this.tableForm[1].jsysxlh = res.result.zmendno; | ||
172 | this.tableForm[1].bs = res.result.zmnum; | ||
173 | } | ||
174 | }) | ||
175 | }, | 130 | }, |
176 | //印刷序列号处理 | 131 | methods: { |
177 | /** | 132 | /** |
178 | * @description: 印刷序列号处理 | 133 | * @description: 表单提交 |
179 | * @param {*} item | 134 | * @author: renchao |
180 | * @author: renchao | 135 | */ |
181 | */ | 136 | submitForm () { |
182 | ysxlhDeal (item) { | 137 | this.tableForm.forEach((item, index) => { |
183 | if (item.ksysxlh && item.jsysxlh) { | 138 | if (item.bs < 0) { |
184 | if (item.ksysxlh.length == item.jsysxlh.length) { | ||
185 | if (item.ksysxlh.length != 11) { | ||
186 | item.bs = -1; | ||
187 | return; | 139 | return; |
188 | } | 140 | } |
189 | if (item.ksysxlh > item.jsysxlh) { | 141 | }) |
142 | addQy(this.ruleForm).then(res => { | ||
143 | if (res.code == 200) { | ||
144 | this.$message.success('保存成功') | ||
145 | this.$emit("input", false); | ||
146 | this.$refs['ruleForm'].resetFields(); | ||
147 | this.resetTableFields(); | ||
148 | this.closeDialog(); | ||
149 | //刷新列表 | ||
150 | store.dispatch('user/reWorkFresh', true) | ||
151 | } else { | ||
152 | this.$message.error(res.message); | ||
153 | } | ||
154 | }) | ||
155 | }, | ||
156 | /** | ||
157 | * @description: 获取详情信息 | ||
158 | * @param {*} bsmBatch | ||
159 | * @author: renchao | ||
160 | */ | ||
161 | getDetailInfo (bsmBatch) { | ||
162 | getZsglInfo({ "bsmBatch": bsmBatch }).then(res => { | ||
163 | if (res.code == 200) { | ||
164 | this.ruleForm = res.result; | ||
165 | this.readOnly = false; | ||
166 | this.tableForm[0].ksysxlh = res.result.zsstarno; | ||
167 | this.tableForm[0].jsysxlh = res.result.zsendno; | ||
168 | this.tableForm[0].bs = res.result.zsnum; | ||
169 | this.tableForm[1].ksysxlh = res.result.zmstarno; | ||
170 | this.tableForm[1].jsysxlh = res.result.zmendno; | ||
171 | this.tableForm[1].bs = res.result.zmnum; | ||
172 | } | ||
173 | }) | ||
174 | }, | ||
175 | /** | ||
176 | * @description: 印刷序列号处理 | ||
177 | * @param {*} item | ||
178 | * @author: renchao | ||
179 | */ | ||
180 | ysxlhDeal (item) { | ||
181 | if (item.ksysxlh && item.jsysxlh) { | ||
182 | if (item.ksysxlh.length == item.jsysxlh.length) { | ||
183 | if (item.ksysxlh.length != 11) { | ||
184 | item.bs = -1; | ||
185 | return; | ||
186 | } | ||
187 | if (item.ksysxlh > item.jsysxlh) { | ||
188 | item.bs = -1; | ||
189 | return; | ||
190 | } | ||
191 | item.bs = item.jsysxlh - item.ksysxlh + 1; | ||
192 | if (item.zslx == 1) { | ||
193 | this.ruleForm.zsstarno = item.ksysxlh; | ||
194 | this.ruleForm.zsendno = item.jsysxlh; | ||
195 | this.ruleForm.zsnum = item.bs | ||
196 | } else if (item.zslx == 2) { | ||
197 | this.ruleForm.zmstarno = item.ksysxlh; | ||
198 | this.ruleForm.zmendno = item.jsysxlh; | ||
199 | this.ruleForm.zmnum = item.bs | ||
200 | } | ||
201 | } else { | ||
190 | item.bs = -1; | 202 | item.bs = -1; |
191 | return; | ||
192 | } | 203 | } |
193 | item.bs = item.jsysxlh - item.ksysxlh + 1; | 204 | } else { |
205 | item.bs = 0; | ||
194 | if (item.zslx == 1) { | 206 | if (item.zslx == 1) { |
195 | this.ruleForm.zsstarno = item.ksysxlh; | 207 | this.ruleForm.zsstarno = ''; |
196 | this.ruleForm.zsendno = item.jsysxlh; | 208 | this.ruleForm.zsendno = ''; |
197 | this.ruleForm.zsnum = item.bs | 209 | this.ruleForm.zsnum = item.bs |
198 | } else if (item.zslx == 2) { | 210 | } else if (item.zslx == 2) { |
199 | this.ruleForm.zmstarno = item.ksysxlh; | 211 | this.ruleForm.zmstarno = ''; |
200 | this.ruleForm.zmendno = item.jsysxlh; | 212 | this.ruleForm.zmendno = ''; |
201 | this.ruleForm.zmnum = item.bs | 213 | this.ruleForm.zmnum = item.bs |
202 | } | 214 | } |
203 | } else { | ||
204 | item.bs = -1; | ||
205 | } | ||
206 | } else { | ||
207 | item.bs = 0; | ||
208 | if (item.zslx == 1) { | ||
209 | this.ruleForm.zsstarno = ''; | ||
210 | this.ruleForm.zsendno = ''; | ||
211 | this.ruleForm.zsnum = item.bs | ||
212 | } else if (item.zslx == 2) { | ||
213 | this.ruleForm.zmstarno = ''; | ||
214 | this.ruleForm.zmendno = ''; | ||
215 | this.ruleForm.zmnum = item.bs | ||
216 | } | 215 | } |
216 | }, | ||
217 | /** | ||
218 | * @description: resetTableFields | ||
219 | * @author: renchao | ||
220 | */ | ||
221 | resetTableFields () { | ||
222 | this.tableForm = [ | ||
223 | { | ||
224 | name: '不动产权证书', | ||
225 | ksysxlh: '', | ||
226 | jsysxlh: '', | ||
227 | bs: 0, | ||
228 | zslx: 1 | ||
229 | }, | ||
230 | { | ||
231 | name: '不动产权登记证明', | ||
232 | ksysxlh: '', | ||
233 | jsysxlh: '', | ||
234 | bs: 0, | ||
235 | zslx: 2 | ||
236 | } | ||
237 | ] | ||
238 | }, | ||
239 | /** | ||
240 | * @description: closeDialog | ||
241 | * @author: renchao | ||
242 | */ | ||
243 | closeDialog () { | ||
244 | this.$popupCacel() | ||
245 | this.$refs['ruleForm'].resetFields(); | ||
246 | this.resetTableFields(); | ||
217 | } | 247 | } |
218 | }, | ||
219 | /** | ||
220 | * @description: resetTableFields | ||
221 | * @author: renchao | ||
222 | */ | ||
223 | resetTableFields () { | ||
224 | this.tableForm = [ | ||
225 | { | ||
226 | name: '不动产权证书', | ||
227 | ksysxlh: '', | ||
228 | jsysxlh: '', | ||
229 | bs: 0, | ||
230 | zslx: 1 | ||
231 | }, | ||
232 | { | ||
233 | name: '不动产权登记证明', | ||
234 | ksysxlh: '', | ||
235 | jsysxlh: '', | ||
236 | bs: 0, | ||
237 | zslx: 2 | ||
238 | } | ||
239 | ] | ||
240 | }, | ||
241 | /** | ||
242 | * @description: closeDialog | ||
243 | * @author: renchao | ||
244 | */ | ||
245 | closeDialog () { | ||
246 | this.$popupCacel() | ||
247 | this.$refs['ruleForm'].resetFields(); | ||
248 | this.resetTableFields(); | ||
249 | } | 248 | } |
250 | } | 249 | } |
251 | } | ||
252 | </script> | 250 | </script> |
253 | <style scoped lang="scss"> | 251 | <style scoped lang="scss"> |
254 | @import "~@/styles/mixin.scss"; | 252 | @import "~@/styles/mixin.scss"; |
255 | @import "~@/styles/dialogBoxheader.scss"; | 253 | @import "~@/styles/dialogBoxheader.scss"; |
256 | 254 | ||
257 | .font-red { | 255 | .font-red { |
258 | color: red | 256 | color: red; |
259 | } | 257 | } |
260 | 258 | ||
261 | .middle-margin-bottom { | 259 | .middle-margin-bottom { |
262 | margin-top: 20px | 260 | margin-top: 20px; |
263 | } | 261 | } |
264 | </style> | 262 | </style> | ... | ... |
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> | ... | ... |
... | @@ -3,24 +3,24 @@ | ... | @@ -3,24 +3,24 @@ |
3 | <el-row> | 3 | <el-row> |
4 | <el-col :span="12"> | 4 | <el-col :span="12"> |
5 | <el-form-item label="企业名称:" prop="qymc"> | 5 | <el-form-item label="企业名称:" prop="qymc"> |
6 | <el-input v-model="ruleForm.qymc" ></el-input> | 6 | <el-input v-model="ruleForm.qymc"></el-input> |
7 | </el-form-item> | 7 | </el-form-item> |
8 | </el-col> | 8 | </el-col> |
9 | <el-col :span="12"> | 9 | <el-col :span="12"> |
10 | <el-form-item label="电话:" prop="dh"> | 10 | <el-form-item label="电话:" prop="dh"> |
11 | <el-input v-model="ruleForm.dh" ></el-input> | 11 | <el-input v-model="ruleForm.dh"></el-input> |
12 | </el-form-item> | 12 | </el-form-item> |
13 | </el-col> | 13 | </el-col> |
14 | </el-row> | 14 | </el-row> |
15 | <el-row> | 15 | <el-row> |
16 | <el-col :span="12"> | 16 | <el-col :span="12"> |
17 | <el-form-item label="证件种类:"> | 17 | <el-form-item label="证件种类:"> |
18 | <el-input v-model="ruleForm.zjzl" ></el-input> | 18 | <el-input v-model="ruleForm.zjzl"></el-input> |
19 | </el-form-item> | 19 | </el-form-item> |
20 | </el-col> | 20 | </el-col> |
21 | <el-col :span="12"> | 21 | <el-col :span="12"> |
22 | <el-form-item label="证件号:" prop="zjh"> | 22 | <el-form-item label="证件号:" prop="zjh"> |
23 | <el-input v-model="ruleForm.zjh" ></el-input> | 23 | <el-input v-model="ruleForm.zjh"></el-input> |
24 | </el-form-item> | 24 | </el-form-item> |
25 | </el-col> | 25 | </el-col> |
26 | </el-row> | 26 | </el-row> |
... | @@ -28,28 +28,28 @@ | ... | @@ -28,28 +28,28 @@ |
28 | <el-row> | 28 | <el-row> |
29 | <el-col :span="12"> | 29 | <el-col :span="12"> |
30 | <el-form-item label="法人名称:" prop="frmc"> | 30 | <el-form-item label="法人名称:" prop="frmc"> |
31 | <el-input v-model="ruleForm.frmc" ></el-input> | 31 | <el-input v-model="ruleForm.frmc"></el-input> |
32 | </el-form-item> | 32 | </el-form-item> |
33 | </el-col> | 33 | </el-col> |
34 | <el-col :span="12"> | 34 | <el-col :span="12"> |
35 | <el-form-item label="法人电话:" prop="frdh"> | 35 | <el-form-item label="法人电话:" prop="frdh"> |
36 | <el-input v-model="ruleForm.frdh" ></el-input> | 36 | <el-input v-model="ruleForm.frdh"></el-input> |
37 | </el-form-item> | 37 | </el-form-item> |
38 | </el-col> | 38 | </el-col> |
39 | </el-row> | 39 | </el-row> |
40 | <el-row> | 40 | <el-row> |
41 | <el-col :span="12"> | 41 | <el-col :span="12"> |
42 | <el-form-item label="单位地址:"> | 42 | <el-form-item label="单位地址:"> |
43 | <el-input v-model="ruleForm.dwdz" ></el-input> | 43 | <el-input v-model="ruleForm.dwdz"></el-input> |
44 | </el-form-item> | 44 | </el-form-item> |
45 | </el-col> | 45 | </el-col> |
46 | <el-col :span="12"> | 46 | <el-col :span="12"> |
47 | <el-form-item label="邮编:" prop="yb"> | 47 | <el-form-item label="邮编:" prop="yb"> |
48 | <el-input v-model="ruleForm.yb" ></el-input> | 48 | <el-input v-model="ruleForm.yb"></el-input> |
49 | </el-form-item> | 49 | </el-form-item> |
50 | </el-col> | 50 | </el-col> |
51 | </el-row> | 51 | </el-row> |
52 | <el-form-item > | 52 | <el-form-item style="text-align:center"> |
53 | <el-button type="primary" @click="submitForm">保存</el-button> | 53 | <el-button type="primary" @click="submitForm">保存</el-button> |
54 | <el-button @click="closeDialog">取消</el-button> | 54 | <el-button @click="closeDialog">取消</el-button> |
55 | </el-form-item> | 55 | </el-form-item> |
... | @@ -57,208 +57,206 @@ | ... | @@ -57,208 +57,206 @@ |
57 | </template> | 57 | </template> |
58 | 58 | ||
59 | <script> | 59 | <script> |
60 | import store from '@/store/index.js' | 60 | import store from '@/store/index.js' |
61 | import { addYh } from "@/api/xxba.js" | 61 | import { addYh } from "@/api/xxba.js" |
62 | export default { | 62 | export default { |
63 | props: { | 63 | props: { |
64 | formData: { | 64 | formData: { |
65 | type: Object, | 65 | type: Object, |
66 | default: () => { }, | 66 | default: () => { }, |
67 | }, | ||
68 | }, | ||
69 | data () { | ||
70 | return { | ||
71 | DJJGLIST: store.getters.dictData['ywly'], | ||
72 | readOnly: false, | ||
73 | //表单提交数据 | ||
74 | ruleForm: { | ||
75 | batchno: '', | ||
76 | djjg: '', | ||
77 | operator: '超级管理员', | ||
78 | operationtime: '', | ||
79 | bz: '', | ||
80 | zsstarno: '', | ||
81 | zsendno: '', | ||
82 | zsnum: '', | ||
83 | zmstarno: '', | ||
84 | zmendno: '', | ||
85 | zmnum: '' | ||
86 | }, | 67 | }, |
87 | //表格数据 | 68 | }, |
88 | tableForm: [ | 69 | data () { |
89 | { | 70 | return { |
90 | name: '不动产权证书', | 71 | DJJGLIST: store.getters.dictData['ywly'], |
91 | ksysxlh: '', | 72 | readOnly: false, |
92 | jsysxlh: '', | 73 | //表单提交数据 |
93 | bs: 0, | 74 | ruleForm: { |
94 | zslx: 1 | 75 | batchno: '', |
76 | djjg: '', | ||
77 | operator: '超级管理员', | ||
78 | operationtime: '', | ||
79 | bz: '', | ||
80 | zsstarno: '', | ||
81 | zsendno: '', | ||
82 | zsnum: '', | ||
83 | zmstarno: '', | ||
84 | zmendno: '', | ||
85 | zmnum: '' | ||
95 | }, | 86 | }, |
96 | { | 87 | //表格数据 |
97 | name: '不动产登记证明', | 88 | tableForm: [ |
98 | ksysxlh: '', | 89 | { |
99 | jsysxlh: '', | 90 | name: '不动产权证书', |
100 | bs: 0, | 91 | ksysxlh: '', |
101 | zslx: 2 | 92 | jsysxlh: '', |
102 | } | 93 | bs: 0, |
103 | ], | 94 | zslx: 1 |
104 | //证书入库业务号参数 | 95 | }, |
105 | ywhQueryForm: { | 96 | { |
106 | serialtype: 'zsrkbh', | 97 | name: '不动产登记证明', |
107 | serialname: '证书入库编号', | 98 | ksysxlh: '', |
108 | serialcode: 'zsrk', | 99 | jsysxlh: '', |
109 | digit: '5' | 100 | bs: 0, |
110 | }, | 101 | zslx: 2 |
111 | rules: { | 102 | } |
112 | batchNo: [ | ||
113 | { required: true, message: '入库编号不能为空', trigger: 'blur' } | ||
114 | ], | ||
115 | djjg: [ | ||
116 | { required: true, message: '请选择登记机构', trigger: 'change' } | ||
117 | ], | ||
118 | rksj: [ | ||
119 | { required: true, message: '请选择入库时间', trigger: 'change' } | ||
120 | ], | 103 | ], |
121 | }, | 104 | //证书入库业务号参数 |
122 | } | 105 | ywhQueryForm: { |
123 | }, | 106 | serialtype: 'zsrkbh', |
124 | mounted () { | 107 | serialname: '证书入库编号', |
125 | if (this.formData.bsmBatch) { | 108 | serialcode: 'zsrk', |
126 | this.tableForm[0].bs = null; | 109 | digit: '5' |
127 | this.tableForm[1].bs = null; | 110 | }, |
128 | this.getDetailInfo(this.formData.bsmBatch); | 111 | rules: { |
129 | } else {} | 112 | batchNo: [ |
130 | }, | 113 | { required: true, message: '入库编号不能为空', trigger: 'blur' } |
131 | methods: { | 114 | ], |
132 | //表单提交 | 115 | djjg: [ |
133 | /** | 116 | { required: true, message: '请选择登记机构', trigger: 'change' } |
134 | * @description: 表单提交 | 117 | ], |
135 | * @author: renchao | 118 | rksj: [ |
136 | */ | 119 | { required: true, message: '请选择入库时间', trigger: 'change' } |
137 | submitForm () { | 120 | ], |
138 | this.tableForm.forEach((item, index) => { | 121 | }, |
139 | if (item.bs < 0) { | 122 | } |
140 | return; | ||
141 | } | ||
142 | }) | ||
143 | addYh(this.ruleForm).then(res => { | ||
144 | if (res.code == 200) { | ||
145 | this.$message.success('保存成功') | ||
146 | this.$emit("input", false); | ||
147 | this.$refs['ruleForm'].resetFields(); | ||
148 | this.resetTableFields(); | ||
149 | this.closeDialog(); | ||
150 | this.$parent.queryClick(); | ||
151 | } else { | ||
152 | this.$message.error(res.message); | ||
153 | } | ||
154 | }) | ||
155 | }, | 123 | }, |
156 | //获取详情信息 | 124 | mounted () { |
157 | /** | 125 | if (this.formData.bsmBatch) { |
158 | * @description: 获取详情信息 | 126 | this.tableForm[0].bs = null; |
159 | * @param {*} bsmBatch | 127 | this.tableForm[1].bs = null; |
160 | * @author: renchao | 128 | this.getDetailInfo(this.formData.bsmBatch); |
161 | */ | 129 | } |
162 | getDetailInfo (bsmBatch) { | ||
163 | getZsglInfo({ "bsmBatch": bsmBatch }).then(res => { | ||
164 | if (res.code == 200) { | ||
165 | this.ruleForm = res.result; | ||
166 | this.readOnly = false; | ||
167 | this.tableForm[0].ksysxlh = res.result.zsstarno; | ||
168 | this.tableForm[0].jsysxlh = res.result.zsendno; | ||
169 | this.tableForm[0].bs = res.result.zsnum; | ||
170 | this.tableForm[1].ksysxlh = res.result.zmstarno; | ||
171 | this.tableForm[1].jsysxlh = res.result.zmendno; | ||
172 | this.tableForm[1].bs = res.result.zmnum; | ||
173 | } | ||
174 | }) | ||
175 | }, | 130 | }, |
176 | //印刷序列号处理 | 131 | methods: { |
177 | /** | 132 | /** |
178 | * @description: 印刷序列号处理 | 133 | * @description: 表单提交 |
179 | * @param {*} item | 134 | * @author: renchao |
180 | * @author: renchao | 135 | */ |
181 | */ | 136 | submitForm () { |
182 | ysxlhDeal (item) { | 137 | this.tableForm.forEach((item, index) => { |
183 | if (item.ksysxlh && item.jsysxlh) { | 138 | if (item.bs < 0) { |
184 | if (item.ksysxlh.length == item.jsysxlh.length) { | ||
185 | if (item.ksysxlh.length != 11) { | ||
186 | item.bs = -1; | ||
187 | return; | 139 | return; |
188 | } | 140 | } |
189 | if (item.ksysxlh > item.jsysxlh) { | 141 | }) |
142 | addYh(this.ruleForm).then(res => { | ||
143 | if (res.code == 200) { | ||
144 | this.$message.success('保存成功') | ||
145 | this.$emit("input", false); | ||
146 | this.$refs['ruleForm'].resetFields(); | ||
147 | this.resetTableFields(); | ||
148 | this.closeDialog(); | ||
149 | //刷新列表 | ||
150 | store.dispatch('user/reWorkFresh', true) | ||
151 | } else { | ||
152 | this.$message.error(res.message); | ||
153 | } | ||
154 | }) | ||
155 | }, | ||
156 | /** | ||
157 | * @description: 获取详情信息 | ||
158 | * @param {*} bsmBatch | ||
159 | * @author: renchao | ||
160 | */ | ||
161 | getDetailInfo (bsmBatch) { | ||
162 | getZsglInfo({ "bsmBatch": bsmBatch }).then(res => { | ||
163 | if (res.code == 200) { | ||
164 | this.ruleForm = res.result; | ||
165 | this.readOnly = false; | ||
166 | this.tableForm[0].ksysxlh = res.result.zsstarno; | ||
167 | this.tableForm[0].jsysxlh = res.result.zsendno; | ||
168 | this.tableForm[0].bs = res.result.zsnum; | ||
169 | this.tableForm[1].ksysxlh = res.result.zmstarno; | ||
170 | this.tableForm[1].jsysxlh = res.result.zmendno; | ||
171 | this.tableForm[1].bs = res.result.zmnum; | ||
172 | } | ||
173 | }) | ||
174 | }, | ||
175 | /** | ||
176 | * @description: 印刷序列号处理 | ||
177 | * @param {*} item | ||
178 | * @author: renchao | ||
179 | */ | ||
180 | ysxlhDeal (item) { | ||
181 | if (item.ksysxlh && item.jsysxlh) { | ||
182 | if (item.ksysxlh.length == item.jsysxlh.length) { | ||
183 | if (item.ksysxlh.length != 11) { | ||
184 | item.bs = -1; | ||
185 | return; | ||
186 | } | ||
187 | if (item.ksysxlh > item.jsysxlh) { | ||
188 | item.bs = -1; | ||
189 | return; | ||
190 | } | ||
191 | item.bs = item.jsysxlh - item.ksysxlh + 1; | ||
192 | if (item.zslx == 1) { | ||
193 | this.ruleForm.zsstarno = item.ksysxlh; | ||
194 | this.ruleForm.zsendno = item.jsysxlh; | ||
195 | this.ruleForm.zsnum = item.bs | ||
196 | } else if (item.zslx == 2) { | ||
197 | this.ruleForm.zmstarno = item.ksysxlh; | ||
198 | this.ruleForm.zmendno = item.jsysxlh; | ||
199 | this.ruleForm.zmnum = item.bs | ||
200 | } | ||
201 | } else { | ||
190 | item.bs = -1; | 202 | item.bs = -1; |
191 | return; | ||
192 | } | 203 | } |
193 | item.bs = item.jsysxlh - item.ksysxlh + 1; | 204 | } else { |
205 | item.bs = 0; | ||
194 | if (item.zslx == 1) { | 206 | if (item.zslx == 1) { |
195 | this.ruleForm.zsstarno = item.ksysxlh; | 207 | this.ruleForm.zsstarno = ''; |
196 | this.ruleForm.zsendno = item.jsysxlh; | 208 | this.ruleForm.zsendno = ''; |
197 | this.ruleForm.zsnum = item.bs | 209 | this.ruleForm.zsnum = item.bs |
198 | } else if (item.zslx == 2) { | 210 | } else if (item.zslx == 2) { |
199 | this.ruleForm.zmstarno = item.ksysxlh; | 211 | this.ruleForm.zmstarno = ''; |
200 | this.ruleForm.zmendno = item.jsysxlh; | 212 | this.ruleForm.zmendno = ''; |
201 | this.ruleForm.zmnum = item.bs | 213 | this.ruleForm.zmnum = item.bs |
202 | } | 214 | } |
203 | } else { | ||
204 | item.bs = -1; | ||
205 | } | ||
206 | } else { | ||
207 | item.bs = 0; | ||
208 | if (item.zslx == 1) { | ||
209 | this.ruleForm.zsstarno = ''; | ||
210 | this.ruleForm.zsendno = ''; | ||
211 | this.ruleForm.zsnum = item.bs | ||
212 | } else if (item.zslx == 2) { | ||
213 | this.ruleForm.zmstarno = ''; | ||
214 | this.ruleForm.zmendno = ''; | ||
215 | this.ruleForm.zmnum = item.bs | ||
216 | } | 215 | } |
216 | }, | ||
217 | /** | ||
218 | * @description: resetTableFields | ||
219 | * @author: renchao | ||
220 | */ | ||
221 | resetTableFields () { | ||
222 | this.tableForm = [ | ||
223 | { | ||
224 | name: '不动产权证书', | ||
225 | ksysxlh: '', | ||
226 | jsysxlh: '', | ||
227 | bs: 0, | ||
228 | zslx: 1 | ||
229 | }, | ||
230 | { | ||
231 | name: '不动产权登记证明', | ||
232 | ksysxlh: '', | ||
233 | jsysxlh: '', | ||
234 | bs: 0, | ||
235 | zslx: 2 | ||
236 | } | ||
237 | ] | ||
238 | }, | ||
239 | /** | ||
240 | * @description: closeDialog | ||
241 | * @author: renchao | ||
242 | */ | ||
243 | closeDialog () { | ||
244 | this.$popupCacel() | ||
245 | this.$refs['ruleForm'].resetFields(); | ||
246 | this.resetTableFields(); | ||
217 | } | 247 | } |
218 | }, | ||
219 | /** | ||
220 | * @description: resetTableFields | ||
221 | * @author: renchao | ||
222 | */ | ||
223 | resetTableFields () { | ||
224 | this.tableForm = [ | ||
225 | { | ||
226 | name: '不动产权证书', | ||
227 | ksysxlh: '', | ||
228 | jsysxlh: '', | ||
229 | bs: 0, | ||
230 | zslx: 1 | ||
231 | }, | ||
232 | { | ||
233 | name: '不动产权登记证明', | ||
234 | ksysxlh: '', | ||
235 | jsysxlh: '', | ||
236 | bs: 0, | ||
237 | zslx: 2 | ||
238 | } | ||
239 | ] | ||
240 | }, | ||
241 | /** | ||
242 | * @description: closeDialog | ||
243 | * @author: renchao | ||
244 | */ | ||
245 | closeDialog () { | ||
246 | this.$popupCacel() | ||
247 | this.$refs['ruleForm'].resetFields(); | ||
248 | this.resetTableFields(); | ||
249 | } | 248 | } |
250 | } | 249 | } |
251 | } | ||
252 | </script> | 250 | </script> |
253 | <style scoped lang="scss"> | 251 | <style scoped lang="scss"> |
254 | @import "~@/styles/mixin.scss"; | 252 | @import "~@/styles/mixin.scss"; |
255 | @import "~@/styles/dialogBoxheader.scss"; | 253 | @import "~@/styles/dialogBoxheader.scss"; |
256 | 254 | ||
257 | .font-red { | 255 | .font-red { |
258 | color: red | 256 | color: red; |
259 | } | 257 | } |
260 | 258 | ||
261 | .middle-margin-bottom { | 259 | .middle-margin-bottom { |
262 | margin-top: 20px | 260 | margin-top: 20px; |
263 | } | 261 | } |
264 | </style> | 262 | </style> | ... | ... |
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