Merge branch 'dev'
Showing
33 changed files
with
406 additions
and
170 deletions
... | @@ -220,6 +220,18 @@ aside { | ... | @@ -220,6 +220,18 @@ aside { |
220 | margin: 0 auto; | 220 | margin: 0 auto; |
221 | } | 221 | } |
222 | 222 | ||
223 | .ellipsis-table { | ||
224 | display: inline-block; | ||
225 | word-break: break-all; | ||
226 | text-overflow: ellipsis; | ||
227 | display: -webkit-box; | ||
228 | -webkit-box-orient: vertical; | ||
229 | -webkit-line-clamp: 2; | ||
230 | /* 这里是超出几行省略 */ | ||
231 | overflow: hidden; | ||
232 | margin: 0 auto; | ||
233 | } | ||
234 | |||
223 | .tooltip-width { | 235 | .tooltip-width { |
224 | max-width: 300px; | 236 | max-width: 300px; |
225 | } | 237 | } | ... | ... |
1 | /* | 1 | /* |
2 | * @Description: | 2 | * @Description: |
3 | * @Autor: renchao | 3 | * @Autor: renchao |
4 | * @LastEditTime: 2023-07-17 13:31:39 | 4 | * @LastEditTime: 2023-08-28 15:31:31 |
5 | */ | 5 | */ |
6 | import store from '@/store' | 6 | import store from '@/store' |
7 | // table 内部过滤器 由于过滤器只能在模板中使用 所以 就有了 jsx内部方法过滤器 | 7 | // table 内部过滤器 由于过滤器只能在模板中使用 所以 就有了 jsx内部方法过滤器 | ... | ... |
... | @@ -173,10 +173,15 @@ export default { | ... | @@ -173,10 +173,15 @@ export default { |
173 | .bgc{ | 173 | .bgc{ |
174 | 174 | ||
175 | td{ | 175 | td{ |
176 | background-color: rgb(182, 203, 207) !important; | 176 | // background-color: rgb(182, 203, 207) !important; |
177 | 177 | ||
178 | } | 178 | } |
179 | } | 179 | } |
180 | .xxTable tr td{ | ||
181 | |||
182 | min-width: 520px!important; | ||
183 | |||
184 | } | ||
180 | .red{ | 185 | .red{ |
181 | color: red; | 186 | color: red; |
182 | } | 187 | } | ... | ... |
1 | <!-- | 1 | <!-- |
2 | * @Description: | 2 | * @Description: |
3 | * @Autor: renchao | 3 | * @Autor: renchao |
4 | * @LastEditTime: 2023-08-17 13:56:50 | 4 | * @LastEditTime: 2023-08-28 15:36:15 |
5 | --> | 5 | --> |
6 | <template> | 6 | <template> |
7 | <div class="content loadingtext"> | 7 | <div class="content loadingtext"> |
... | @@ -68,6 +68,8 @@ | ... | @@ -68,6 +68,8 @@ |
68 | //左侧树形结构数据 | 68 | //左侧树形结构数据 |
69 | treedata: [], | 69 | treedata: [], |
70 | sfqdata: [], | 70 | sfqdata: [], |
71 | keyy: "", | ||
72 | iskey: "", | ||
71 | activeName: 0, | 73 | activeName: 0, |
72 | // 查询参数 | 74 | // 查询参数 |
73 | queryForm: {}, | 75 | queryForm: {}, |
... | @@ -126,27 +128,6 @@ | ... | @@ -126,27 +128,6 @@ |
126 | } | 128 | } |
127 | }, | 129 | }, |
128 | 130 | ||
129 | // 获取不动产信息 | ||
130 | /** | ||
131 | * @description: 获取不动产信息 | ||
132 | * @param {*} a | ||
133 | * @param {*} b | ||
134 | * @author: renchao | ||
135 | */ | ||
136 | loadBdcdylist (a, b) { | ||
137 | var formdata = new FormData(); | ||
138 | formdata.append("bsmSlsq", a); | ||
139 | formdata.append("bestepid", b); | ||
140 | leftMenu(formdata).then((res) => { | ||
141 | if (res.code === 200) { | ||
142 | if (res.result) { | ||
143 | this.currentSelectProps = res.result[0]; | ||
144 | this.loadData(this.currentSelectProps.bdcdyh); | ||
145 | } | ||
146 | } | ||
147 | }); | ||
148 | }, | ||
149 | |||
150 | /** | 131 | /** |
151 | * @description: getBdcdyh | 132 | * @description: getBdcdyh |
152 | * @author: miaofang | 133 | * @author: miaofang |
... | @@ -170,12 +151,12 @@ | ... | @@ -170,12 +151,12 @@ |
170 | return item.bdcdyid == val.bdcdyid; | 151 | return item.bdcdyid == val.bdcdyid; |
171 | }); | 152 | }); |
172 | this.activeName = index | 153 | this.activeName = index |
173 | this.setstyle(index, 0); | 154 | this.setstyle(index, 0, this.iskey); |
174 | } else { | 155 | } else { |
175 | this.sfqdata.push(loadsfqData(res.result, val.bdcdyh, val.bdcdyid)); | 156 | this.sfqdata.push(loadsfqData(res.result, val.bdcdyh, val.bdcdyid)); |
176 | this.activeName = this.sfqdata.length - 1; | 157 | this.activeName = this.sfqdata.length - 1; |
177 | this.$nextTick(() => { | 158 | this.$nextTick(() => { |
178 | this.setstyle(this.sfqdata.length - 1, 0); | 159 | this.setstyle(this.sfqdata.length - 1, 0, this.iskey); |
179 | }) | 160 | }) |
180 | } | 161 | } |
181 | } | 162 | } |
... | @@ -183,8 +164,8 @@ | ... | @@ -183,8 +164,8 @@ |
183 | this.currentSelectProps = { | 164 | this.currentSelectProps = { |
184 | bdcdyid: val.bdcdyid, | 165 | bdcdyid: val.bdcdyid, |
185 | bdcdyh: val.bdcdyh, | 166 | bdcdyh: val.bdcdyh, |
186 | qllx: this.formData.qllx, | 167 | qllx: this.currentSelectProps.qllx, |
187 | bsmQlxx: this.formData.bsmQlxx, | 168 | bsmQlxx: this.currentSelectProps.bsmQlxx, |
188 | }; | 169 | }; |
189 | }, | 170 | }, |
190 | /** | 171 | /** |
... | @@ -197,9 +178,7 @@ | ... | @@ -197,9 +178,7 @@ |
197 | bdcdyh: val, | 178 | bdcdyh: val, |
198 | }).then((res) => { | 179 | }).then((res) => { |
199 | if (res.code === 200) { | 180 | if (res.code === 200) { |
200 | this.treedata = loadTreeData( | 181 | this.treedata = loadTreeData(val); |
201 | val | ||
202 | ); | ||
203 | this.sfqdata.push( | 182 | this.sfqdata.push( |
204 | loadsfqData(res.result, val, this.currentSelectProps.bdcdyid) | 183 | loadsfqData(res.result, val, this.currentSelectProps.bdcdyid) |
205 | ); | 184 | ); |
... | @@ -207,11 +186,19 @@ | ... | @@ -207,11 +186,19 @@ |
207 | this.defaultNode = getNode( | 186 | this.defaultNode = getNode( |
208 | this.currentSelectProps.qllx, | 187 | this.currentSelectProps.qllx, |
209 | { linShi: 0, xianShi: 0, liShi: 0 }, | 188 | { linShi: 0, xianShi: 0, liShi: 0 }, |
210 | "" | 189 | res.result.bdcdylx || "" |
211 | ); | 190 | ); |
212 | this.$refs.tree.setCurrentKey(this.defaultNode.id); //data[0].id为默认选中的节点 | 191 | this.sfqdata[0].children.forEach((item, index) => { |
213 | this.loadComponent(this.defaultNode.form); | 192 | if (item.id == this.defaultNode.id) { |
214 | this.setstyle(0, 0); | 193 | this.iskey = index |
194 | } | ||
195 | }) | ||
196 | // this.$refs.tree.setCurrentKey(this.defaultNode.id); //data[0].id为默认选中的节点 | ||
197 | // this.loadComponent(this.defaultNode.form); | ||
198 | |||
199 | this.setstyle(0, 0, this.iskey); | ||
200 | |||
201 | |||
215 | }); | 202 | }); |
216 | } | 203 | } |
217 | }); | 204 | }); |
... | @@ -225,11 +212,6 @@ | ... | @@ -225,11 +212,6 @@ |
225 | /* | 212 | /* |
226 | 点击登记簿菜单 | 213 | 点击登记簿菜单 |
227 | */ | 214 | */ |
228 | /** | ||
229 | * @description: 点击登记簿菜单 | ||
230 | * @param {*} data | ||
231 | * @author: renchao | ||
232 | */ | ||
233 | handleNodeClick (data) { | 215 | handleNodeClick (data) { |
234 | this.loadComponent(data.form); | 216 | this.loadComponent(data.form); |
235 | }, | 217 | }, |
... | @@ -240,19 +222,21 @@ | ... | @@ -240,19 +222,21 @@ |
240 | * @author: renchao | 222 | * @author: renchao |
241 | * 设置样式和点击定位到当前功能 | 223 | * 设置样式和点击定位到当前功能 |
242 | */ | 224 | */ |
243 | setstyle (newindex, index) { | 225 | setstyle (newindex, index, key) { |
244 | if (index == 0) { | 226 | if (key != undefined || this.keyy == index) { |
245 | this.loadComponent(this.$refs.sfq[newindex].$children[0].$attrs.re.form); | 227 | if (key != undefined) { |
228 | this.keyy = key | ||
246 | } | 229 | } |
247 | let dpme = this.$refs.sfq[newindex].$children[0].$el | 230 | this.loadComponent(this.$refs.sfq[newindex].$children[this.keyy].$attrs.re.form); |
248 | if (index != 0) { | 231 | let dpme = this.$refs.sfq[newindex].$children[this.keyy].$el |
249 | dpme.style.backgroundColor = "#ffffff"; | ||
250 | dpme.style.color = "black"; | ||
251 | dpme.style.border = "none"; | ||
252 | } else { | ||
253 | dpme.style.backgroundColor = "#f5f5f5"; | 232 | dpme.style.backgroundColor = "#f5f5f5"; |
254 | dpme.style.color = "#0079fe"; | 233 | dpme.style.color = "#0079fe"; |
255 | dpme.style.borderRight = "4px solid #0079fe"; | 234 | dpme.style.borderRight = "4px solid #0079fe"; |
235 | } else { | ||
236 | let dpme = this.$refs.sfq[newindex].$children[this.keyy].$el | ||
237 | dpme.style.backgroundColor = "#ffffff"; | ||
238 | dpme.style.color = "black"; | ||
239 | dpme.style.border = "none"; | ||
256 | } | 240 | } |
257 | }, | 241 | }, |
258 | /** | 242 | /** |
... | @@ -262,12 +246,21 @@ | ... | @@ -262,12 +246,21 @@ |
262 | * 新增列表功能 | 246 | * 新增列表功能 |
263 | */ | 247 | */ |
264 | addlist (data, index) { | 248 | addlist (data, index) { |
249 | if (index != undefined) { | ||
265 | let newindex = this.sfqdata.findIndex((item) => { | 250 | let newindex = this.sfqdata.findIndex((item) => { |
266 | return item.bdcdyid == data.bdcdyid; | 251 | return item.bdcdyid == data.bdcdyid; |
267 | }); | 252 | }); |
268 | this.setstyle(newindex, index); | 253 | this.setstyle(newindex, index); |
269 | this.currentSelectProps.bdcdyid = data.bdcdyid; | 254 | this.currentSelectProps.bdcdyid = data.bdcdyid; |
270 | this.loadComponent(data.form); | 255 | this.loadComponent(data.form); |
256 | } else { | ||
257 | let newindex = this.sfqdata.findIndex((item) => { | ||
258 | return item.bdcdyid == data.bdcdyid; | ||
259 | }); | ||
260 | this.setstyle(newindex, index, this.iskey); | ||
261 | this.currentSelectProps.bdcdyid = data.bdcdyid; | ||
262 | } | ||
263 | |||
271 | }, | 264 | }, |
272 | /** | 265 | /** |
273 | * @description: loadComponent | 266 | * @description: loadComponent |
... | @@ -319,21 +312,10 @@ | ... | @@ -319,21 +312,10 @@ |
319 | height: 45px; | 312 | height: 45px; |
320 | } | 313 | } |
321 | 314 | ||
322 | /deep/ .el-tree-node:focus > .el-tree-node__content { | ||
323 | // background-color: #f5f5f5; | ||
324 | // color: #0079fe; | ||
325 | // border-right: 4px solid #0079fe; | ||
326 | } | ||
327 | |||
328 | /deep/.el-tree-node { | 315 | /deep/.el-tree-node { |
329 | white-space: pre-wrap; | 316 | white-space: pre-wrap; |
330 | } | 317 | } |
331 | 318 | ||
332 | /deep/ .is-current > .el-tree-node__content { | ||
333 | // background-color: #f5f5f5; | ||
334 | // color: #0079fe; | ||
335 | // border-right: 4px solid #0079fe; | ||
336 | } | ||
337 | /deep/.el-collapse-item__header { | 319 | /deep/.el-collapse-item__header { |
338 | width: 100%; | 320 | width: 100%; |
339 | cursor: pointer; | 321 | cursor: pointer; | ... | ... |
1 | <!-- | 1 | <!-- |
2 | * @Description: | 2 | * @Description: |
3 | * @Autor: renchao | 3 | * @Autor: renchao |
4 | * @LastEditTime: 2023-08-25 17:35:22 | 4 | * @LastEditTime: 2023-08-28 10:34:21 |
5 | --> | 5 | --> |
6 | <template> | 6 | <template> |
7 | <el-form ref="ruleForm" :model="ruleForm" label-width="100px" :rules="rules"> | 7 | <el-form ref="ruleForm" :model="ruleForm" label-width="100px" :rules="rules"> |
... | @@ -187,6 +187,9 @@ | ... | @@ -187,6 +187,9 @@ |
187 | LODOP.ADD_PRINT_SETUP_BKIMG("<img border='0' src='http://192.168.2.38:9000/bdcdj/zhengshu_image/bdcqzs2.jpg'>"); | 187 | LODOP.ADD_PRINT_SETUP_BKIMG("<img border='0' src='http://192.168.2.38:9000/bdcdj/zhengshu_image/bdcqzs2.jpg'>"); |
188 | LODOP.SET_SHOW_MODE("BKIMG_PRINT", 1);//打印包含背景图 | 188 | LODOP.SET_SHOW_MODE("BKIMG_PRINT", 1);//打印包含背景图 |
189 | LODOP.SET_PRINT_PAGESIZE(1, 0, 0, "B4"); | 189 | LODOP.SET_PRINT_PAGESIZE(1, 0, 0, "B4"); |
190 | } else if (that.ruleForm.tmpno == 'zmdy') { | ||
191 | LODOP.ADD_PRINT_SETUP_BKIMG("<img border='0' src='http://192.168.2.38:9000/bdcdj/zhengshu_image/bdcdjzm.jpg'>"); | ||
192 | LODOP.SET_SHOW_MODE("BKIMG_PRINT", 1);//打印包含背景图 | ||
190 | } | 193 | } |
191 | that.loadStatus = '2'; | 194 | that.loadStatus = '2'; |
192 | }, 1000); | 195 | }, 1000); | ... | ... |
1 | <!-- | 1 | <!-- |
2 | * @Description: | 2 | * @Description: |
3 | * @Autor: renchao | 3 | * @Autor: renchao |
4 | * @LastEditTime: 2023-08-25 16:25:57 | 4 | * @LastEditTime: 2023-08-28 14:14:09 |
5 | --> | 5 | --> |
6 | <template> | 6 | <template> |
7 | <div> | 7 | <div> |
... | @@ -22,8 +22,17 @@ | ... | @@ -22,8 +22,17 @@ |
22 | </el-select> | 22 | </el-select> |
23 | </el-form-item> | 23 | </el-form-item> |
24 | </el-form> | 24 | </el-form> |
25 | <div class="zs-content"> | 25 | |
26 | <canvas ref="zs" width="1000" class="zsyl" height="700"></canvas> | 26 | <el-tabs v-model="activeName" @tab-click="handleClick" v-if="headTabBdcqz.length >1"> |
27 | <el-tab-pane :label="item.qlr + (item.bdcqzh !== null ? '(' + item.bdcqzh + ')' : '')" :name="item.bsmBdcqz" | ||
28 | v-for="(item, index) in headTabBdcqz" :key="index"> | ||
29 | </el-tab-pane> | ||
30 | </el-tabs> | ||
31 | <el-empty description="暂无数据" v-if="headTabBdcqz.length == 0 && noData"></el-empty> | ||
32 | |||
33 | <div class="zs-content" style="width:1180px;"> | ||
34 | <canvas ref="zs" width="1000" v-show="headTabBdcqz[0]&&headTabBdcqz[0].bdcqzlx==1" height="700"></canvas> | ||
35 | <canvas ref="zm" width="1180" v-show="headTabBdcqz[0]&&headTabBdcqz[0].bdcqzlx!=1" height="780"></canvas> | ||
27 | </div> | 36 | </div> |
28 | </div> | 37 | </div> |
29 | <!-- 打印模板需要此模块 --> | 38 | <!-- 打印模板需要此模块 --> |
... | @@ -54,14 +63,21 @@ | ... | @@ -54,14 +63,21 @@ |
54 | }, | 63 | }, |
55 | data () { | 64 | data () { |
56 | return { | 65 | return { |
66 | key: 0, | ||
57 | // 不动产证书图片地址 | 67 | // 不动产证书图片地址 |
68 | noData: false, | ||
58 | imgSrc: require('@/image/bdcqz/bdcqzs2.jpg'), | 69 | imgSrc: require('@/image/bdcqz/bdcqzs2.jpg'), |
70 | bdczmSrc: require('@/image/bdcqz/bdczm.jpg'), | ||
59 | loading: false, | 71 | loading: false, |
60 | bdcqz: [], | 72 | bdcqz: [], |
61 | //印刷序列号集合 | 73 | //印刷序列号集合 |
62 | ysxlh: [], | 74 | ysxlh: [], |
63 | //列名称对象 | 75 | //列名称对象 |
64 | columns: [], | 76 | columns: [], |
77 | //tab切换栏数组 | ||
78 | headTabBdcqz: [], | ||
79 | //tab选择绑定值 | ||
80 | activeName: '', | ||
65 | ruleForm: { | 81 | ruleForm: { |
66 | bsmBdcqz: "", | 82 | bsmBdcqz: "", |
67 | szmc: "不动产权证书", | 83 | szmc: "不动产权证书", |
... | @@ -83,7 +99,6 @@ | ... | @@ -83,7 +99,6 @@ |
83 | this.getHeadTabBdcqz() | 99 | this.getHeadTabBdcqz() |
84 | }, | 100 | }, |
85 | methods: { | 101 | methods: { |
86 | //获取印刷序列号列表 | ||
87 | /** | 102 | /** |
88 | * @description: 获取印刷序列号列表 | 103 | * @description: 获取印刷序列号列表 |
89 | * @author: renchao | 104 | * @author: renchao |
... | @@ -103,15 +118,36 @@ | ... | @@ -103,15 +118,36 @@ |
103 | this.loading = true | 118 | this.loading = true |
104 | getSlsqBdcqzList({ bsmSlsq: this.formData.bsmSlsq }).then(res => { | 119 | getSlsqBdcqzList({ bsmSlsq: this.formData.bsmSlsq }).then(res => { |
105 | if (res.code == 200) { | 120 | if (res.code == 200) { |
121 | this.noData = true | ||
106 | if (res.result && res.result.length > 0) { | 122 | if (res.result && res.result.length > 0) { |
123 | this.activeName = res.result[0].bsmBdcqz | ||
107 | this.bdcqz = res.result[0] | 124 | this.bdcqz = res.result[0] |
125 | this.headTabBdcqz = res.result | ||
126 | if (res.result[0].bdcqzlx == 1) { | ||
108 | this.drawTextOnImage() | 127 | this.drawTextOnImage() |
128 | } else { | ||
129 | this.drawTextzmImage() | ||
130 | } | ||
109 | } | 131 | } |
110 | } | 132 | } |
111 | this.loading = false | 133 | this.loading = false |
112 | }) | 134 | }) |
113 | }, | 135 | }, |
114 | /** | 136 | /** |
137 | * @description: tab表头切换方法 | ||
138 | * @param {*} e | ||
139 | * @author: renchao | ||
140 | */ | ||
141 | handleClick (e) { | ||
142 | this.bdcqz = this.headTabBdcqz[e.index - 0] | ||
143 | this.activeName = this.headTabBdcqz.bsmBdcqz | ||
144 | if (this.bdcqz.bdcqzlx == 1) { | ||
145 | this.drawTextOnImage() | ||
146 | } else { | ||
147 | this.drawTextzmImage() | ||
148 | } | ||
149 | }, | ||
150 | /** | ||
115 | * @description: 不动产证书 | 151 | * @description: 不动产证书 |
116 | * @author: renchao | 152 | * @author: renchao |
117 | */ | 153 | */ |
... | @@ -198,6 +234,7 @@ | ... | @@ -198,6 +234,7 @@ |
198 | const maxWidth = 332; // 最大宽度限制 | 234 | const maxWidth = 332; // 最大宽度限制 |
199 | let lines = this.bdcqz.qlqtzk ? this.bdcqz.qlqtzk.split('\n') : []; | 235 | let lines = this.bdcqz.qlqtzk ? this.bdcqz.qlqtzk.split('\n') : []; |
200 | for (let i = 0; i < lines.length; i++) { | 236 | for (let i = 0; i < lines.length; i++) { |
237 | let num = Math.ceil(getByteLen(lines[i]) / 41) | ||
201 | if (getByteLen(lines[i]) > 41) { | 238 | if (getByteLen(lines[i]) > 41) { |
202 | let currentLine = ''; | 239 | let currentLine = ''; |
203 | let arr = []; | 240 | let arr = []; |
... | @@ -212,13 +249,23 @@ | ... | @@ -212,13 +249,23 @@ |
212 | } | 249 | } |
213 | } | 250 | } |
214 | arr.push(currentLine); | 251 | arr.push(currentLine); |
252 | if (i > 0) { | ||
253 | arr.forEach((line, index) => { | ||
254 | context.fillText(line, 129, 490 + (28 * (i - 1)) + 5 * num + (index * 14)); // 调整行高 | ||
255 | }) | ||
256 | } else { | ||
215 | arr.forEach((line, index) => { | 257 | arr.forEach((line, index) => { |
216 | context.fillText(line, 129, 490 + (28 * (i - 1)) + (index * 14)); // 调整行高 | 258 | context.fillText(line, 129, 490 + (28 * (i - 1)) + (index * 14)); // 调整行高 |
217 | }) | 259 | }) |
260 | } | ||
261 | } else { | ||
262 | if (i > 0) { | ||
263 | context.fillText(lines[i] ? lines[i] : '', 129, 495 + 5 * num + (30 * (i - 1))); | ||
218 | } else { | 264 | } else { |
219 | context.fillText(lines[i] ? lines[i] : '', 129, 495 + (30 * (i - 1))); | 265 | context.fillText(lines[i] ? lines[i] : '', 129, 495 + (30 * (i - 1))); |
220 | } | 266 | } |
221 | } | 267 | } |
268 | } | ||
222 | 269 | ||
223 | let lines1 = this.bdcqz.fj ? this.bdcqz.fj.split('\n') : []; | 270 | let lines1 = this.bdcqz.fj ? this.bdcqz.fj.split('\n') : []; |
224 | lines1.forEach((line, index) => { | 271 | lines1.forEach((line, index) => { |
... | @@ -329,6 +376,128 @@ | ... | @@ -329,6 +376,128 @@ |
329 | image.src = this.imgSrc | 376 | image.src = this.imgSrc |
330 | }, | 377 | }, |
331 | /** | 378 | /** |
379 | * @description: 不动产证明 | ||
380 | * @author: renchao | ||
381 | */ | ||
382 | drawTextzmImage () { | ||
383 | function getByteLen (val) { | ||
384 | var len = 0; | ||
385 | for (var i = 0; i < val.length; i++) { | ||
386 | var length = val.charCodeAt(i); | ||
387 | if (length >= 0 && length <= 128) { | ||
388 | len += 1; | ||
389 | } else { | ||
390 | len += 2; | ||
391 | } | ||
392 | } | ||
393 | return len; | ||
394 | } | ||
395 | |||
396 | const canvas = this.$refs.zm; | ||
397 | const context = canvas.getContext('2d'); | ||
398 | const image = new Image(); | ||
399 | image.onload = () => { | ||
400 | context.drawImage(image, 0, 0); | ||
401 | context.font = '16px 楷体'; | ||
402 | context.fillStyle = '#000000'; | ||
403 | // ysxlh | ||
404 | context.fillText(this.bdcqz.ysxlh ? this.bdcqz.ysxlh : '', 280, 712); | ||
405 | // djsj | ||
406 | if (this.bdcqz.djsj) { | ||
407 | let djsjList = this.bdcqz.djsj.split(' ')[0].split('/') | ||
408 | context.fillText(djsjList[0] ? djsjList[0] : '', 327, 580); | ||
409 | context.fillText(djsjList[1] ? djsjList[1] : '', 393, 580); | ||
410 | context.fillText(djsjList[2] ? djsjList[2] : '', 443, 580); | ||
411 | } | ||
412 | context.fillText(this.bdcqz.sjjc ? this.bdcqz.sjjc : '', 620, 125); | ||
413 | context.fillText(this.bdcqz.djnd ? this.bdcqz.djnd : '', 665, 125); | ||
414 | context.fillText(this.bdcqz.sxqc ? this.bdcqz.sxqc : '', 750, 125); | ||
415 | context.fillText(this.bdcqz.sxh ? this.bdcqz.sxh : '', 960, 123); | ||
416 | context.fillText(this.bdcqz.zmqlhsx ? this.bdcqz.zmqlhsx : '', 775, 180); | ||
417 | context.fillText(this.bdcqz.qlr ? this.bdcqz.qlr : '', 775, 228); | ||
418 | // 义务人 | ||
419 | context.fillText(this.bdcqz.ywr ? this.bdcqz.ywr : '', 775, 275); | ||
420 | context.fillText(this.bdcqz.zl ? this.bdcqz.zl : '', 775, 325); | ||
421 | // bdcdyh | ||
422 | this.bdcdyh = this.bdcqz.bdcdyh.slice(0, 6) + ' ' + this.bdcqz.bdcdyh.slice(6, 12) + ' ' + | ||
423 | this.bdcqz.bdcdyh.slice(12, 19) + ' ' + this.bdcqz.bdcdyh.slice(19, this.bdcqz.bdcdyh.length) | ||
424 | context.fillText(this.bdcdyh ? this.bdcdyh : '', 775, 373); | ||
425 | // qlqtzk | ||
426 | const maxWidth = 295; // 最大宽度限制 | ||
427 | let lines = this.bdcqz.qlqtzk ? this.bdcqz.qlqtzk.split('\n') : []; | ||
428 | for (let i = 0; i < lines.length; i++) { | ||
429 | let num = Math.ceil(getByteLen(lines[i]) / 41) | ||
430 | if (getByteLen(lines[i]) > 41) { | ||
431 | let currentLine = ''; | ||
432 | let arr = []; | ||
433 | for (let word of lines[i]) { | ||
434 | const testLine = currentLine + word; | ||
435 | const lineWidth = context.measureText(testLine).width; | ||
436 | if (lineWidth <= maxWidth) { | ||
437 | currentLine = testLine; | ||
438 | } else { | ||
439 | arr.push(currentLine); | ||
440 | currentLine = word; | ||
441 | } | ||
442 | } | ||
443 | arr.push(currentLine); | ||
444 | if (i > 0) { | ||
445 | arr.forEach((line, index) => { | ||
446 | context.fillText(line, 770, 438 + (23 * (i - 1)) + 5 * num + (index * 16)); // 调整行高 | ||
447 | }) | ||
448 | } else { | ||
449 | arr.forEach((line, index) => { | ||
450 | context.fillText(line, 770, 438 + (23 * (i - 1)) + (index * 16)); // 调整行高 | ||
451 | }) | ||
452 | } | ||
453 | } else { | ||
454 | if (i > 0) { | ||
455 | context.fillText(lines[i] ? lines[i] : '', 770, 450 + 5 * num + (23 * (i - 1))); | ||
456 | } else { | ||
457 | context.fillText(lines[i] ? lines[i] : '', 770, 450 + (23 * (i - 1))); | ||
458 | } | ||
459 | } | ||
460 | } | ||
461 | // fj | ||
462 | let lines1 = this.bdcqz.fj ? this.bdcqz.fj.split('\n') : []; | ||
463 | for (let i = 0; i < lines1.length; i++) { | ||
464 | let num = Math.ceil(getByteLen(lines1[i]) / 41) | ||
465 | if (getByteLen(lines1[i]) > 41) { | ||
466 | let currentLine = ''; | ||
467 | let arr = []; | ||
468 | for (let word of lines1[i]) { | ||
469 | const testLine = currentLine + word; | ||
470 | const lineWidth = context.measureText(testLine).width; | ||
471 | if (lineWidth <= maxWidth) { | ||
472 | currentLine = testLine; | ||
473 | } else { | ||
474 | arr.push(currentLine); | ||
475 | currentLine = word; | ||
476 | } | ||
477 | } | ||
478 | arr.push(currentLine); | ||
479 | if (i > 0) { | ||
480 | arr.forEach((line, index) => { | ||
481 | context.fillText(line, 770, 610 + (25 * (i - 1)) + 5 * num + (index * 15)); // 调整行高 | ||
482 | }) | ||
483 | } else { | ||
484 | arr.forEach((line, index) => { | ||
485 | context.fillText(line, 770, 610 + (25 * (i - 1)) + (index * 15)); // 调整行高 | ||
486 | }) | ||
487 | } | ||
488 | } else { | ||
489 | if (i > 0) { | ||
490 | context.fillText(lines1[i] ? lines1[i] : '', 770, 610 + 5 * num + (23 * (i - 1))); | ||
491 | } else { | ||
492 | context.fillText(lines1[i] ? lines1[i] : '', 770, 610 + (23 * (i - 1))); | ||
493 | } | ||
494 | } | ||
495 | } | ||
496 | } | ||
497 | |||
498 | image.src = this.bdczmSrc; | ||
499 | }, | ||
500 | /** | ||
332 | * @description: handleSubmit | 501 | * @description: handleSubmit |
333 | * @author: renchao | 502 | * @author: renchao |
334 | */ | 503 | */ |
... | @@ -347,7 +516,7 @@ | ... | @@ -347,7 +516,7 @@ |
347 | certificate(this.ruleForm).then((res) => { | 516 | certificate(this.ruleForm).then((res) => { |
348 | if (res.code === 200) { | 517 | if (res.code === 200) { |
349 | that.$popupCacel() | 518 | that.$popupCacel() |
350 | // this.$message.success("提交成功") | 519 | if (this.bdcqz.bdcqzlx == 1) { |
351 | getPrintTemplateByCode({ tmpno: 'zsdy' }).then(res => { | 520 | getPrintTemplateByCode({ tmpno: 'zsdy' }).then(res => { |
352 | if (res.code == 200) { | 521 | if (res.code == 200) { |
353 | getSlsqBdcqzList({ bsmSlsq: this.formData.bsmSlsq }).then(infoRes => { | 522 | getSlsqBdcqzList({ bsmSlsq: this.formData.bsmSlsq }).then(infoRes => { |
... | @@ -372,6 +541,36 @@ | ... | @@ -372,6 +541,36 @@ |
372 | this.$message.error(res.message) | 541 | this.$message.error(res.message) |
373 | } | 542 | } |
374 | }) | 543 | }) |
544 | } else { | ||
545 | getPrintTemplateByCode({ tmpno: 'zmdy' }).then(res => { | ||
546 | if (res.code == 200) { | ||
547 | getSlsqBdcqzList({ bsmSlsq: this.formData.bsmSlsq }).then(infoRes => { | ||
548 | if (infoRes.code == 200) { | ||
549 | if (infoRes.result && infoRes.result.length > 0) { | ||
550 | //打开模板设计 | ||
551 | let LODOP = getLodop(document.getElementById('LODOP_OB'), document.getElementById('LODOP_EM')); | ||
552 | LODOP.ADD_PRINT_DATA("ProgramData", res.result.tmpcontent); //装载模板 | ||
553 | |||
554 | // 年月日 | ||
555 | infoRes.result[0].nian = infoRes.result[0].djsj.split(' ')[0].split('/')[0] | ||
556 | infoRes.result[0].yue = infoRes.result[0].djsj.split(' ')[0].split('/')[1] | ||
557 | infoRes.result[0].ri = infoRes.result[0].djsj.split(' ')[0].split('/')[1] | ||
558 | infoRes.result[0].bdcdyh1 = infoRes.result[0].bdcdyh.slice(0, 6) + ' ' + infoRes.result[0].bdcdyh.slice(6, 12) + ' ' + | ||
559 | infoRes.result[0].bdcdyh.slice(12, 19) + ' ' + infoRes.result[0].bdcdyh.slice(19, infoRes.result[0].bdcdyh.length) | ||
560 | //todo 调取后端接口获取数据 循环set | ||
561 | for (let key in infoRes.result[0]) { | ||
562 | LODOP.SET_PRINT_STYLEA(key, "CONTENT", infoRes.result[0][key]); | ||
563 | } | ||
564 | LODOP.PREVIEW(); | ||
565 | that.$popupCacel() | ||
566 | } | ||
567 | } | ||
568 | }) | ||
569 | } else { | ||
570 | this.$message.error(res.message) | ||
571 | } | ||
572 | }) | ||
573 | } | ||
375 | 574 | ||
376 | //刷新列表 | 575 | //刷新列表 |
377 | store.dispatch('user/reWorkFresh', true) | 576 | store.dispatch('user/reWorkFresh', true) | ... | ... |
1 | <!-- | 1 | <!-- |
2 | * @Description: | 2 | * @Description: |
3 | * @Autor: renchao | 3 | * @Autor: renchao |
4 | * @LastEditTime: 2023-08-22 16:58:24 | 4 | * @LastEditTime: 2023-08-28 12:53:50 |
5 | --> | 5 | --> |
6 | <template> | 6 | <template> |
7 | <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="100px"> | 7 | <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="100px"> | ... | ... |
1 | <!-- | 1 | <!-- |
2 | * @Description: | 2 | * @Description: |
3 | * @Autor: renchao | 3 | * @Autor: renchao |
4 | * @LastEditTime: 2023-08-25 14:10:54 | 4 | * @LastEditTime: 2023-08-28 13:57:58 |
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;"> |
... | @@ -204,26 +204,8 @@ | ... | @@ -204,26 +204,8 @@ |
204 | // 权利其他状态 | 204 | // 权利其他状态 |
205 | const maxWidth = 332; // 最大宽度限制 | 205 | const maxWidth = 332; // 最大宽度限制 |
206 | let lines = this.bdcqz.qlqtzk ? this.bdcqz.qlqtzk.split('\n') : []; | 206 | let lines = this.bdcqz.qlqtzk ? this.bdcqz.qlqtzk.split('\n') : []; |
207 | // lines.forEach((line, index) => { | ||
208 | // const y = 463 + (index * 33); // 每行文本的垂直位置 | ||
209 | // let currentLine = ''; | ||
210 | // let arr = []; | ||
211 | // for (let word of line) { | ||
212 | // const testLine = currentLine + word; | ||
213 | // const lineWidth = context.measureText(testLine).width; | ||
214 | // if (lineWidth <= maxWidth) { | ||
215 | // currentLine = testLine; | ||
216 | // } else { | ||
217 | // arr.push(currentLine); | ||
218 | // currentLine = word; | ||
219 | // } | ||
220 | // } | ||
221 | // arr.push(currentLine); | ||
222 | // arr.forEach((line, index) => { | ||
223 | // context.fillText(line, 129, y + (index * 17)); // 调整行高 | ||
224 | // }) | ||
225 | // }) | ||
226 | for (let i = 0; i < lines.length; i++) { | 207 | for (let i = 0; i < lines.length; i++) { |
208 | let num = Math.ceil(getByteLen(lines[i]) / 41) | ||
227 | if (getByteLen(lines[i]) > 41) { | 209 | if (getByteLen(lines[i]) > 41) { |
228 | let currentLine = ''; | 210 | let currentLine = ''; |
229 | let arr = []; | 211 | let arr = []; |
... | @@ -238,13 +220,23 @@ | ... | @@ -238,13 +220,23 @@ |
238 | } | 220 | } |
239 | } | 221 | } |
240 | arr.push(currentLine); | 222 | arr.push(currentLine); |
223 | if (i > 0) { | ||
224 | arr.forEach((line, index) => { | ||
225 | context.fillText(line, 129, 485 + (28 * (i - 1)) + 5 * num + (index * 14)); // 调整行高 | ||
226 | }) | ||
227 | } else { | ||
241 | arr.forEach((line, index) => { | 228 | arr.forEach((line, index) => { |
242 | context.fillText(line, 129, 485 + (28 * (i - 1)) + (index * 14)); // 调整行高 | 229 | context.fillText(line, 129, 485 + (28 * (i - 1)) + (index * 14)); // 调整行高 |
243 | }) | 230 | }) |
231 | } | ||
232 | } else { | ||
233 | if (i > 0) { | ||
234 | context.fillText(lines[i] ? lines[i] : '', 129, 495 + 5 * num + (25 * (i - 1))); | ||
244 | } else { | 235 | } else { |
245 | context.fillText(lines[i] ? lines[i] : '', 129, 495 + (25 * (i - 1))); | 236 | context.fillText(lines[i] ? lines[i] : '', 129, 495 + (25 * (i - 1))); |
246 | } | 237 | } |
247 | } | 238 | } |
239 | } | ||
248 | 240 | ||
249 | let lines1 = this.bdcqz.fj ? this.bdcqz.fj.split('\n') : []; | 241 | let lines1 = this.bdcqz.fj ? this.bdcqz.fj.split('\n') : []; |
250 | lines1.forEach((line, index) => { | 242 | lines1.forEach((line, index) => { |
... | @@ -448,12 +440,12 @@ | ... | @@ -448,12 +440,12 @@ |
448 | // qlqtzk | 440 | // qlqtzk |
449 | const maxWidth = 295; // 最大宽度限制 | 441 | const maxWidth = 295; // 最大宽度限制 |
450 | let lines = this.bdcqz.qlqtzk ? this.bdcqz.qlqtzk.split('\n') : []; | 442 | let lines = this.bdcqz.qlqtzk ? this.bdcqz.qlqtzk.split('\n') : []; |
451 | if (lines[0]) { | 443 | for (let i = 0; i < lines.length; i++) { |
452 | lines[0].split(' ').forEach((line, index) => { | 444 | let num = Math.ceil(getByteLen(lines[i]) / 41) |
453 | const y = 415 + (index * 30); // 每行文本的垂直位置 | 445 | if (getByteLen(lines[i]) > 41) { |
454 | let currentLine = ''; | 446 | let currentLine = ''; |
455 | let arr = []; | 447 | let arr = []; |
456 | for (let word of line) { | 448 | for (let word of lines[i]) { |
457 | const testLine = currentLine + word; | 449 | const testLine = currentLine + word; |
458 | const lineWidth = context.measureText(testLine).width; | 450 | const lineWidth = context.measureText(testLine).width; |
459 | if (lineWidth <= maxWidth) { | 451 | if (lineWidth <= maxWidth) { |
... | @@ -464,38 +456,31 @@ | ... | @@ -464,38 +456,31 @@ |
464 | } | 456 | } |
465 | } | 457 | } |
466 | arr.push(currentLine); | 458 | arr.push(currentLine); |
459 | if (i > 0) { | ||
467 | arr.forEach((line, index) => { | 460 | arr.forEach((line, index) => { |
468 | context.fillText(line, 775, y + (index * 14)); // 调整行高 | 461 | context.fillText(line, 770, 438 + (23 * (i - 1)) + 5 * num + (index * 16)); // 调整行高 |
469 | }); | 462 | }) |
470 | }); | 463 | } else { |
464 | arr.forEach((line, index) => { | ||
465 | context.fillText(line, 770, 438 + (23 * (i - 1)) + (index * 16)); // 调整行高 | ||
466 | }) | ||
471 | } | 467 | } |
472 | |||
473 | lines.slice(1).forEach((line, index) => { | ||
474 | const y = ((parseInt(lines[0].length) / 19) * 22) + 415 + (index * 20); // 每行文本的垂直位置 | ||
475 | let currentLine = ''; | ||
476 | let arr = []; | ||
477 | for (let word of line) { | ||
478 | const testLine = currentLine + word; | ||
479 | const lineWidth = context.measureText(testLine).width; | ||
480 | if (lineWidth <= maxWidth) { | ||
481 | currentLine = testLine; | ||
482 | } else { | 468 | } else { |
483 | arr.push(currentLine); | 469 | if (i > 0) { |
484 | currentLine = word; | 470 | context.fillText(lines[i] ? lines[i] : '', 770, 450 + 5 * num + (23 * (i - 1))); |
471 | } else { | ||
472 | context.fillText(lines[i] ? lines[i] : '', 770, 450 + (23 * (i - 1))); | ||
473 | } | ||
485 | } | 474 | } |
486 | } | 475 | } |
487 | arr.push(currentLine); | ||
488 | arr.forEach((line, index) => { | ||
489 | context.fillText(line, 775, y + (index * 16)); // 调整行高 | ||
490 | }) | ||
491 | }) | ||
492 | // fj | 476 | // fj |
493 | let lines1 = this.bdcqz.fj ? this.bdcqz.fj.split('\n') : []; | 477 | let lines1 = this.bdcqz.fj ? this.bdcqz.fj.split('\n') : []; |
494 | lines1.forEach((line, index) => { | 478 | for (let i = 0; i < lines1.length; i++) { |
495 | const y = 590 + (index * 27); // 每行文本的垂直位置 | 479 | let num = Math.ceil(getByteLen(lines1[i]) / 41) |
480 | if (getByteLen(lines1[i]) > 41) { | ||
496 | let currentLine = ''; | 481 | let currentLine = ''; |
497 | let arr = []; | 482 | let arr = []; |
498 | for (let word of line) { | 483 | for (let word of lines1[i]) { |
499 | const testLine = currentLine + word; | 484 | const testLine = currentLine + word; |
500 | const lineWidth = context.measureText(testLine).width; | 485 | const lineWidth = context.measureText(testLine).width; |
501 | if (lineWidth <= maxWidth) { | 486 | if (lineWidth <= maxWidth) { |
... | @@ -506,11 +491,24 @@ | ... | @@ -506,11 +491,24 @@ |
506 | } | 491 | } |
507 | } | 492 | } |
508 | arr.push(currentLine); | 493 | arr.push(currentLine); |
494 | if (i > 0) { | ||
509 | arr.forEach((line, index) => { | 495 | arr.forEach((line, index) => { |
510 | context.fillText(line, 775, y + (index * 20)); // 调整行高 | 496 | context.fillText(line, 770, 610 + (25 * (i - 1)) + 5 * num + (index * 15)); // 调整行高 |
511 | }) | 497 | }) |
498 | } else { | ||
499 | arr.forEach((line, index) => { | ||
500 | context.fillText(line, 770, 610 + (25 * (i - 1)) + (index * 15)); // 调整行高 | ||
512 | }) | 501 | }) |
513 | } | 502 | } |
503 | } else { | ||
504 | if (i > 0) { | ||
505 | context.fillText(lines1[i] ? lines1[i] : '', 770, 610 + 5 * num + (23 * (i - 1))); | ||
506 | } else { | ||
507 | context.fillText(lines1[i] ? lines1[i] : '', 770, 610 + (23 * (i - 1))); | ||
508 | } | ||
509 | } | ||
510 | } | ||
511 | } | ||
514 | 512 | ||
515 | image.src = this.bdczmSrc; | 513 | image.src = this.bdczmSrc; |
516 | } | 514 | } | ... | ... |
... | @@ -242,7 +242,7 @@ export default { | ... | @@ -242,7 +242,7 @@ export default { |
242 | * @author: renchao | 242 | * @author: renchao |
243 | */ | 243 | */ |
244 | add(val) { | 244 | add(val) { |
245 | if (val != "") { | 245 | if (val != ""&&this.tableData.length>0) { |
246 | this.$set(this.tableData[this.currentindex], "shyj", val); | 246 | this.$set(this.tableData[this.currentindex], "shyj", val); |
247 | } | 247 | } |
248 | }, | 248 | }, | ... | ... |
1 | <!-- | 1 | <!-- |
2 | * @Description: | 2 | * @Description: |
3 | * @Autor: renchao | 3 | * @Autor: renchao |
4 | * @LastEditTime: 2023-08-23 15:07:51 | 4 | * @LastEditTime: 2023-08-28 09:56:03 |
5 | --> | 5 | --> |
6 | <template> | 6 | <template> |
7 | <div class="from-clues"> | 7 | <div class="from-clues"> |
... | @@ -349,4 +349,16 @@ | ... | @@ -349,4 +349,16 @@ |
349 | </script> | 349 | </script> |
350 | <style scoped lang="scss"> | 350 | <style scoped lang="scss"> |
351 | @import "~@/styles/public.scss"; | 351 | @import "~@/styles/public.scss"; |
352 | /deep/ .back{ | ||
353 | display: inline-block; | ||
354 | font-size: 14px; | ||
355 | width: 20px; | ||
356 | height: 20px; | ||
357 | border-radius: 10px; | ||
358 | line-height: 20px; | ||
359 | margin-right: 4px; | ||
360 | text-align: center; | ||
361 | background-color: rgba(171,12,12,0.1); | ||
362 | color: #B44747; | ||
363 | } | ||
352 | </style> | 364 | </style> | ... | ... |
1 | /* | 1 | /* |
2 | * @Description: | 2 | * @Description: |
3 | * @Autor: renchao | 3 | * @Autor: renchao |
4 | * @LastEditTime: 2023-08-23 15:06:21 | 4 | * @LastEditTime: 2023-08-28 09:01:00 |
5 | */ | 5 | */ |
6 | import filter from '@/utils/filter.js' | 6 | import filter from '@/utils/filter.js' |
7 | let vm = null | 7 | let vm = null |
... | @@ -30,11 +30,11 @@ class data extends filter { | ... | @@ -30,11 +30,11 @@ class data extends filter { |
30 | { | 30 | { |
31 | prop: "ywlymc", | 31 | prop: "ywlymc", |
32 | label: "业务来源", | 32 | label: "业务来源", |
33 | width: '100' | 33 | minWidth: '100' |
34 | }, | 34 | }, |
35 | { | 35 | { |
36 | label: "流程状态", | 36 | label: "流程状态", |
37 | width: '80', | 37 | minWidth: '80', |
38 | render: (h, scope) => { | 38 | render: (h, scope) => { |
39 | if (scope.row.cfgqzt == '1') { | 39 | if (scope.row.cfgqzt == '1') { |
40 | return <div class='suspend'>查封挂起</div> | 40 | return <div class='suspend'>查封挂起</div> |
... | @@ -48,12 +48,19 @@ class data extends filter { | ... | @@ -48,12 +48,19 @@ class data extends filter { |
48 | { | 48 | { |
49 | prop: "zbhj", | 49 | prop: "zbhj", |
50 | label: "在办环节", | 50 | label: "在办环节", |
51 | width: '80' | 51 | width: '80', |
52 | render: (h, scope) => { | ||
53 | if (scope.row.stepnum > 1) { | ||
54 | return <span><span class="back">退</span>{scope.row.zbhj}</span> | ||
55 | } else { | ||
56 | return <span>{scope.row.zbhj}</span> | ||
57 | } | ||
58 | } | ||
52 | }, | 59 | }, |
53 | { | 60 | { |
54 | label: '业务号', | 61 | label: '业务号', |
55 | align: 'center', | 62 | align: 'center', |
56 | width: '100', | 63 | minWidth: '100', |
57 | render: (h, scope) => { | 64 | render: (h, scope) => { |
58 | return <el-button type="text" onClick={() => { vm.ywhClick(scope.row) }}>{scope.row.ywh}</el-button> | 65 | return <el-button type="text" onClick={() => { vm.ywhClick(scope.row) }}>{scope.row.ywh}</el-button> |
59 | } | 66 | } |
... | @@ -61,30 +68,49 @@ class data extends filter { | ... | @@ -61,30 +68,49 @@ class data extends filter { |
61 | { | 68 | { |
62 | prop: "sqywmc", | 69 | prop: "sqywmc", |
63 | label: "申请业务名称", | 70 | label: "申请业务名称", |
64 | width: '220' | 71 | minWidth: '220' |
65 | }, | 72 | }, |
66 | { | 73 | { |
67 | prop: "bdcdyh", | 74 | prop: "bdcdyh", |
68 | label: "不动产单元号", | 75 | label: "不动产单元号", |
69 | width: '170', | 76 | minWidth: '170', |
70 | }, | 77 | }, |
71 | { | 78 | { |
72 | prop: "qlrmc", | ||
73 | label: "权利人", | 79 | label: "权利人", |
74 | width: '120', | 80 | width: '120', |
75 | showOverflowTooltip: true | 81 | render: (h, scope) => { |
82 | return ( | ||
83 | <div> | ||
84 | <el-tooltip effect="dark" content={scope.row.qlrmc} placement="top" popper-class="tooltip-width "> | ||
85 | <span class="ellipsis-table"> {scope.row.qlrmc}</span> | ||
86 | </el-tooltip> | ||
87 | </div> | ||
88 | ) | ||
89 | } | ||
76 | }, | 90 | }, |
77 | { | 91 | { |
78 | prop: "ywrmc", | ||
79 | label: "义务人", | 92 | label: "义务人", |
80 | width: '120', | 93 | width: '120', |
81 | showOverflowTooltip: true | 94 | render: (h, scope) => { |
95 | return ( | ||
96 | <div> | ||
97 | <el-tooltip effect="dark" content={scope.row.ywrmc} placement="top" popper-class="tooltip-width "> | ||
98 | <span class="ellipsis-table"> {scope.row.ywrmc}</span> | ||
99 | </el-tooltip> | ||
100 | </div> | ||
101 | ) | ||
102 | } | ||
82 | }, | 103 | }, |
83 | { | 104 | { |
84 | prop: "zl", | ||
85 | label: "坐落", | 105 | label: "坐落", |
86 | width: '150', | 106 | width: '150', |
87 | showOverflowTooltip: true, | 107 | render: (h, scope) => { |
108 | return ( | ||
109 | <el-tooltip effect="dark" content={scope.row.zl} placement="top" popper-class="tooltip-width "> | ||
110 | <span class="ellipsis-table"> {scope.row.zl}</span> | ||
111 | </el-tooltip> | ||
112 | ) | ||
113 | } | ||
88 | }, | 114 | }, |
89 | { | 115 | { |
90 | prop: "slsj", | 116 | prop: "slsj", |
... | @@ -95,21 +121,14 @@ class data extends filter { | ... | @@ -95,21 +121,14 @@ class data extends filter { |
95 | { | 121 | { |
96 | prop: "slry", | 122 | prop: "slry", |
97 | label: "受理人员", | 123 | label: "受理人员", |
98 | minWidth: '80' | 124 | width: '80' |
99 | }, | 125 | }, |
100 | { | 126 | { |
101 | label: "转入时间", | 127 | label: "转入时间", |
102 | sortable: 'custom', | 128 | sortable: 'custom', |
103 | prop: 'fromstepdate', | 129 | prop: 'fromstepdate', |
104 | width: '140' | 130 | width: '140' |
105 | }, | 131 | } |
106 | // { | ||
107 | // label: '操作', | ||
108 | // width: '80', | ||
109 | // render: (h, scope) => { | ||
110 | // return <el-button type="text" icon="el-icon-delete" onClick={() => { vm.del(scope.row) }}>删除</el-button> | ||
111 | // } | ||
112 | // } | ||
113 | ] | 132 | ] |
114 | } | 133 | } |
115 | } | 134 | } | ... | ... |
... | @@ -9,7 +9,7 @@ | ... | @@ -9,7 +9,7 @@ |
9 | label-width="120px"> | 9 | label-width="120px"> |
10 | <div class="slxx_con"> | 10 | <div class="slxx_con"> |
11 | <div class="slxx_title title-block"> | 11 | <div class="slxx_title title-block"> |
12 | 受理信息 | 12 | 申请业务信息 |
13 | <div class="triangle"></div> | 13 | <div class="triangle"></div> |
14 | </div> | 14 | </div> |
15 | <el-row :gutter="10"> | 15 | <el-row :gutter="10"> | ... | ... |
... | @@ -14,7 +14,7 @@ | ... | @@ -14,7 +14,7 @@ |
14 | label-width="120px"> | 14 | label-width="120px"> |
15 | <div class="slxx_con"> | 15 | <div class="slxx_con"> |
16 | <div class="slxx_title title-block"> | 16 | <div class="slxx_title title-block"> |
17 | 受理信息 | 17 | 申请业务信息 |
18 | <div class="triangle"></div> | 18 | <div class="triangle"></div> |
19 | </div> | 19 | </div> |
20 | <el-row :gutter="10"> | 20 | <el-row :gutter="10"> | ... | ... |
... | @@ -17,7 +17,7 @@ | ... | @@ -17,7 +17,7 @@ |
17 | > | 17 | > |
18 | <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''"> | 18 | <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''"> |
19 | <div class="slxx_title title-block"> | 19 | <div class="slxx_title title-block"> |
20 | 受理信息 | 20 | 申请业务信息 |
21 | <div class="triangle"></div> | 21 | <div class="triangle"></div> |
22 | </div> | 22 | </div> |
23 | <el-row :gutter="10"> | 23 | <el-row :gutter="10"> | ... | ... |
... | @@ -15,7 +15,7 @@ | ... | @@ -15,7 +15,7 @@ |
15 | > | 15 | > |
16 | <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''"> | 16 | <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''"> |
17 | <div class="slxx_title title-block"> | 17 | <div class="slxx_title title-block"> |
18 | 受理信息 | 18 | 申请业务信息 |
19 | <div class="triangle"></div> | 19 | <div class="triangle"></div> |
20 | </div> | 20 | </div> |
21 | <el-row :gutter="10" v-if="ruleForm.slsq"> | 21 | <el-row :gutter="10" v-if="ruleForm.slsq"> |
... | @@ -69,7 +69,7 @@ | ... | @@ -69,7 +69,7 @@ |
69 | </el-col> | 69 | </el-col> |
70 | <el-col :span="8"> | 70 | <el-col :span="8"> |
71 | <el-form-item label="坐落:"> | 71 | <el-form-item label="坐落:"> |
72 | <el-input v-model="ruleForm.sldy.zl"></el-input> | 72 | <el-input maxlength="100" v-model="ruleForm.sldy.zl"></el-input> |
73 | </el-form-item> | 73 | </el-form-item> |
74 | </el-col> | 74 | </el-col> |
75 | </el-row> | 75 | </el-row> | ... | ... |
... | @@ -14,7 +14,7 @@ | ... | @@ -14,7 +14,7 @@ |
14 | label-width="120px"> | 14 | label-width="120px"> |
15 | <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''"> | 15 | <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''"> |
16 | <div class="slxx_title title-block"> | 16 | <div class="slxx_title title-block"> |
17 | 受理信息 | 17 | 申请业务信息 |
18 | <div class="triangle"></div> | 18 | <div class="triangle"></div> |
19 | </div> | 19 | </div> |
20 | <el-row :gutter="10" v-if="ruleForm.slsq"> | 20 | <el-row :gutter="10" v-if="ruleForm.slsq"> |
... | @@ -68,7 +68,7 @@ | ... | @@ -68,7 +68,7 @@ |
68 | </el-col> | 68 | </el-col> |
69 | <el-col :span="8"> | 69 | <el-col :span="8"> |
70 | <el-form-item label="坐落:"> | 70 | <el-form-item label="坐落:"> |
71 | <el-input v-model="ruleForm.sldy.zl" disabled></el-input> | 71 | <el-input maxlength="100" v-model="ruleForm.sldy.zl" disabled></el-input> |
72 | </el-form-item> | 72 | </el-form-item> |
73 | </el-col> | 73 | </el-col> |
74 | </el-row> | 74 | </el-row> | ... | ... |
... | @@ -15,7 +15,7 @@ | ... | @@ -15,7 +15,7 @@ |
15 | > | 15 | > |
16 | <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''"> | 16 | <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''"> |
17 | <div class="slxx_title title-block"> | 17 | <div class="slxx_title title-block"> |
18 | 受理信息 | 18 | 申请业务信息 |
19 | <div class="triangle"></div> | 19 | <div class="triangle"></div> |
20 | </div> | 20 | </div> |
21 | <el-row :gutter="10" v-if="ruleForm.slsq"> | 21 | <el-row :gutter="10" v-if="ruleForm.slsq"> | ... | ... |
... | @@ -15,7 +15,7 @@ | ... | @@ -15,7 +15,7 @@ |
15 | > | 15 | > |
16 | <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''"> | 16 | <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''"> |
17 | <div class="slxx_title title-block"> | 17 | <div class="slxx_title title-block"> |
18 | 受理信息 | 18 | 申请业务信息 |
19 | <div class="triangle"></div> | 19 | <div class="triangle"></div> |
20 | </div> | 20 | </div> |
21 | <el-row :gutter="10" v-if="ruleForm.slsq"> | 21 | <el-row :gutter="10" v-if="ruleForm.slsq"> | ... | ... |
... | @@ -16,7 +16,7 @@ | ... | @@ -16,7 +16,7 @@ |
16 | > | 16 | > |
17 | <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''"> | 17 | <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''"> |
18 | <div class="slxx_title title-block"> | 18 | <div class="slxx_title title-block"> |
19 | 受理信息 | 19 | 申请业务信息 |
20 | <div class="triangle"></div> | 20 | <div class="triangle"></div> |
21 | </div> | 21 | </div> |
22 | <el-row :gutter="10"> | 22 | <el-row :gutter="10"> | ... | ... |
... | @@ -17,7 +17,7 @@ | ... | @@ -17,7 +17,7 @@ |
17 | label-width="120px"> | 17 | label-width="120px"> |
18 | <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''"> | 18 | <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''"> |
19 | <div class="slxx_title title-block"> | 19 | <div class="slxx_title title-block"> |
20 | 受理信息 | 20 | 申请业务信息 |
21 | <div class="triangle"></div> | 21 | <div class="triangle"></div> |
22 | </div> | 22 | </div> |
23 | <el-row :gutter="10"> | 23 | <el-row :gutter="10"> |
... | @@ -70,8 +70,8 @@ | ... | @@ -70,8 +70,8 @@ |
70 | </el-form-item> | 70 | </el-form-item> |
71 | </el-col> | 71 | </el-col> |
72 | <el-col :span="8"> | 72 | <el-col :span="8"> |
73 | <el-form-item label="权利性质:"> | 73 | <el-form-item label="权利性质1:"> |
74 | <el-input v-model="ruleForm.zdjbxx.qlxzmc"></el-input> | 74 | <el-input maxlength="25" v-model="ruleForm.zdjbxx.qlxzmc"></el-input> |
75 | </el-form-item> | 75 | </el-form-item> |
76 | </el-col> | 76 | </el-col> |
77 | </el-row> | 77 | </el-row> |
... | @@ -121,7 +121,7 @@ | ... | @@ -121,7 +121,7 @@ |
121 | 121 | ||
122 | <el-col :span="16"> | 122 | <el-col :span="16"> |
123 | <el-form-item label="坐落:"> | 123 | <el-form-item label="坐落:"> |
124 | <el-input v-model="ruleForm.sldy.zl"></el-input> | 124 | <el-input maxlength="100" v-model="ruleForm.sldy.zl"></el-input> |
125 | </el-form-item> | 125 | </el-form-item> |
126 | </el-col> | 126 | </el-col> |
127 | </el-row> | 127 | </el-row> | ... | ... |
... | @@ -17,7 +17,7 @@ | ... | @@ -17,7 +17,7 @@ |
17 | > | 17 | > |
18 | <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''"> | 18 | <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''"> |
19 | <div class="slxx_title title-block"> | 19 | <div class="slxx_title title-block"> |
20 | 受理信息 | 20 | 申请业务信息 |
21 | <div class="triangle"></div> | 21 | <div class="triangle"></div> |
22 | </div> | 22 | </div> |
23 | <el-row :gutter="10"> | 23 | <el-row :gutter="10"> | ... | ... |
... | @@ -14,7 +14,7 @@ | ... | @@ -14,7 +14,7 @@ |
14 | label-width="140px"> | 14 | label-width="140px"> |
15 | <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''"> | 15 | <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''"> |
16 | <div class="slxx_title title-block"> | 16 | <div class="slxx_title title-block"> |
17 | 受理信息 | 17 | 申请业务信息 |
18 | <div class="triangle"></div> | 18 | <div class="triangle"></div> |
19 | </div> | 19 | </div> |
20 | <el-row :gutter="10" v-if="ruleForm.slsq"> | 20 | <el-row :gutter="10" v-if="ruleForm.slsq"> | ... | ... |
... | @@ -12,7 +12,7 @@ | ... | @@ -12,7 +12,7 @@ |
12 | > | 12 | > |
13 | <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''"> | 13 | <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''"> |
14 | <div class="slxx_title title-block"> | 14 | <div class="slxx_title title-block"> |
15 | 受理信息 | 15 | 申请业务信息 |
16 | <div class="triangle"></div> | 16 | <div class="triangle"></div> |
17 | </div> | 17 | </div> |
18 | <el-row :gutter="10"> | 18 | <el-row :gutter="10"> | ... | ... |
... | @@ -12,7 +12,7 @@ | ... | @@ -12,7 +12,7 @@ |
12 | > | 12 | > |
13 | <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''"> | 13 | <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''"> |
14 | <div class="slxx_title title-block"> | 14 | <div class="slxx_title title-block"> |
15 | 受理信息 | 15 | 申请业务信息 |
16 | <div class="triangle"></div> | 16 | <div class="triangle"></div> |
17 | </div> | 17 | </div> |
18 | <el-row :gutter="10"> | 18 | <el-row :gutter="10"> | ... | ... |
... | @@ -14,7 +14,7 @@ | ... | @@ -14,7 +14,7 @@ |
14 | label-width="140px"> | 14 | label-width="140px"> |
15 | <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''"> | 15 | <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''"> |
16 | <div class="slxx_title title-block"> | 16 | <div class="slxx_title title-block"> |
17 | 受理信息 | 17 | 申请业务信息 |
18 | <div class="triangle"></div> | 18 | <div class="triangle"></div> |
19 | </div> | 19 | </div> |
20 | <el-row :gutter="10" v-if="ruleForm.slsq"> | 20 | <el-row :gutter="10" v-if="ruleForm.slsq"> | ... | ... |
... | @@ -17,7 +17,7 @@ | ... | @@ -17,7 +17,7 @@ |
17 | > | 17 | > |
18 | <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''"> | 18 | <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''"> |
19 | <div class="slxx_title title-block"> | 19 | <div class="slxx_title title-block"> |
20 | 受理信息 | 20 | 申请业务信息 |
21 | <div class="triangle"></div> | 21 | <div class="triangle"></div> |
22 | </div> | 22 | </div> |
23 | <el-row :gutter="10"> | 23 | <el-row :gutter="10"> | ... | ... |
... | @@ -12,7 +12,7 @@ | ... | @@ -12,7 +12,7 @@ |
12 | > | 12 | > |
13 | <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''"> | 13 | <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''"> |
14 | <div class="slxx_title title-block"> | 14 | <div class="slxx_title title-block"> |
15 | 受理信息 | 15 | 申请业务信息 |
16 | <div class="triangle"></div> | 16 | <div class="triangle"></div> |
17 | </div> | 17 | </div> |
18 | <el-row :gutter="10" v-if="ruleForm.slsq"> | 18 | <el-row :gutter="10" v-if="ruleForm.slsq"> | ... | ... |
... | @@ -12,7 +12,7 @@ | ... | @@ -12,7 +12,7 @@ |
12 | > | 12 | > |
13 | <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''"> | 13 | <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''"> |
14 | <div class="slxx_title title-block"> | 14 | <div class="slxx_title title-block"> |
15 | 受理信息 | 15 | 申请业务信息 |
16 | <div class="triangle"></div> | 16 | <div class="triangle"></div> |
17 | </div> | 17 | </div> |
18 | <el-row :gutter="10" v-if="ruleForm.slsq"> | 18 | <el-row :gutter="10" v-if="ruleForm.slsq"> | ... | ... |
... | @@ -12,7 +12,7 @@ | ... | @@ -12,7 +12,7 @@ |
12 | > | 12 | > |
13 | <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''"> | 13 | <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''"> |
14 | <div class="slxx_title title-block"> | 14 | <div class="slxx_title title-block"> |
15 | 受理信息 | 15 | 申请业务信息 |
16 | <div class="triangle"></div> | 16 | <div class="triangle"></div> |
17 | </div> | 17 | </div> |
18 | <el-row :gutter="10" v-if="ruleForm.slsq"> | 18 | <el-row :gutter="10" v-if="ruleForm.slsq"> | ... | ... |
... | @@ -9,7 +9,7 @@ | ... | @@ -9,7 +9,7 @@ |
9 | > | 9 | > |
10 | <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''"> | 10 | <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''"> |
11 | <div class="slxx_title title-block"> | 11 | <div class="slxx_title title-block"> |
12 | 受理信息 | 12 | 申请业务信息 |
13 | <div class="triangle"></div> | 13 | <div class="triangle"></div> |
14 | </div> | 14 | </div> |
15 | <el-row :gutter="10" v-if="ruleForm.flow"> | 15 | <el-row :gutter="10" v-if="ruleForm.flow"> | ... | ... |
... | @@ -12,7 +12,7 @@ | ... | @@ -12,7 +12,7 @@ |
12 | > | 12 | > |
13 | <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''"> | 13 | <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''"> |
14 | <div class="slxx_title title-block"> | 14 | <div class="slxx_title title-block"> |
15 | 受理信息 | 15 | 申请业务信息 |
16 | <div class="triangle"></div> | 16 | <div class="triangle"></div> |
17 | </div> | 17 | </div> |
18 | <el-row :gutter="10"> | 18 | <el-row :gutter="10"> | ... | ... |
1 | /* | 1 | /* |
2 | * @Description: | 2 | * @Description: |
3 | * @Autor: renchao | 3 | * @Autor: renchao |
4 | * @LastEditTime: 2023-08-23 15:04:35 | 4 | * @LastEditTime: 2023-08-28 15:33:57 |
5 | */ | 5 | */ |
6 | import filter from '@/utils/filter.js' | 6 | import filter from '@/utils/filter.js' |
7 | let vm = null | 7 | let vm = null |
... | @@ -73,10 +73,15 @@ class data extends filter { | ... | @@ -73,10 +73,15 @@ class data extends filter { |
73 | label: "义务人", | 73 | label: "义务人", |
74 | }, | 74 | }, |
75 | { | 75 | { |
76 | prop: "zl", | ||
77 | label: "坐落", | 76 | label: "坐落", |
78 | showOverflowTooltip: true, | 77 | width: '150', |
79 | minWidth: '130' | 78 | render: (h, scope) => { |
79 | return ( | ||
80 | <el-tooltip effect="dark" content={scope.row.zl} placement="top" popper-class="tooltip-width "> | ||
81 | <span class="ellipsis-table"> {scope.row.zl}</span> | ||
82 | </el-tooltip> | ||
83 | ) | ||
84 | } | ||
80 | }, | 85 | }, |
81 | { | 86 | { |
82 | prop: "slsj", | 87 | prop: "slsj", |
... | @@ -87,6 +92,7 @@ class data extends filter { | ... | @@ -87,6 +92,7 @@ class data extends filter { |
87 | { | 92 | { |
88 | prop: "slry", | 93 | prop: "slry", |
89 | label: "受理人员", | 94 | label: "受理人员", |
95 | width: '80' | ||
90 | }, | 96 | }, |
91 | { | 97 | { |
92 | label: "转出时间", | 98 | label: "转出时间", | ... | ... |
-
Please register or sign in to post a comment