Merge branch 'dev'
Showing
33 changed files
with
458 additions
and
222 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) { |
| 246 | } | 228 | this.keyy = key |
| 247 | let dpme = this.$refs.sfq[newindex].$children[0].$el | 229 | } |
| 248 | if (index != 0) { | 230 | this.loadComponent(this.$refs.sfq[newindex].$children[this.keyy].$attrs.re.form); |
| 249 | dpme.style.backgroundColor = "#ffffff"; | 231 | let dpme = this.$refs.sfq[newindex].$children[this.keyy].$el |
| 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) { |
| 265 | let newindex = this.sfqdata.findIndex((item) => { | 249 | if (index != undefined) { |
| 266 | return item.bdcdyid == data.bdcdyid; | 250 | let newindex = this.sfqdata.findIndex((item) => { |
| 267 | }); | 251 | return item.bdcdyid == data.bdcdyid; |
| 268 | this.setstyle(newindex, index); | 252 | }); |
| 269 | this.currentSelectProps.bdcdyid = data.bdcdyid; | 253 | this.setstyle(newindex, index); |
| 270 | this.loadComponent(data.form); | 254 | this.currentSelectProps.bdcdyid = data.bdcdyid; |
| 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] |
| 108 | this.drawTextOnImage() | 125 | this.headTabBdcqz = res.result |
| 126 | if (res.result[0].bdcqzlx == 1) { | ||
| 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,11 +249,21 @@ | ... | @@ -212,11 +249,21 @@ |
| 212 | } | 249 | } |
| 213 | } | 250 | } |
| 214 | arr.push(currentLine); | 251 | arr.push(currentLine); |
| 215 | arr.forEach((line, index) => { | 252 | if (i > 0) { |
| 216 | context.fillText(line, 129, 490 + (28 * (i - 1)) + (index * 14)); // 调整行高 | 253 | arr.forEach((line, index) => { |
| 217 | }) | 254 | context.fillText(line, 129, 490 + (28 * (i - 1)) + 5 * num + (index * 14)); // 调整行高 |
| 255 | }) | ||
| 256 | } else { | ||
| 257 | arr.forEach((line, index) => { | ||
| 258 | context.fillText(line, 129, 490 + (28 * (i - 1)) + (index * 14)); // 调整行高 | ||
| 259 | }) | ||
| 260 | } | ||
| 218 | } else { | 261 | } else { |
| 219 | context.fillText(lines[i] ? lines[i] : '', 129, 495 + (30 * (i - 1))); | 262 | if (i > 0) { |
| 263 | context.fillText(lines[i] ? lines[i] : '', 129, 495 + 5 * num + (30 * (i - 1))); | ||
| 264 | } else { | ||
| 265 | context.fillText(lines[i] ? lines[i] : '', 129, 495 + (30 * (i - 1))); | ||
| 266 | } | ||
| 220 | } | 267 | } |
| 221 | } | 268 | } |
| 222 | 269 | ||
| ... | @@ -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,31 +516,61 @@ | ... | @@ -347,31 +516,61 @@ |
| 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 => { |
| 354 | if (infoRes.code == 200) { | 523 | if (infoRes.code == 200) { |
| 355 | if (infoRes.result && infoRes.result.length > 0) { | 524 | if (infoRes.result && infoRes.result.length > 0) { |
| 356 | //打开模板设计 | 525 | //打开模板设计 |
| 357 | let LODOP = getLodop(document.getElementById('LODOP_OB'), document.getElementById('LODOP_EM')); | 526 | let LODOP = getLodop(document.getElementById('LODOP_OB'), document.getElementById('LODOP_EM')); |
| 358 | LODOP.ADD_PRINT_DATA("ProgramData", res.result.tmpcontent); //装载模板 | 527 | LODOP.ADD_PRINT_DATA("ProgramData", res.result.tmpcontent); //装载模板 |
| 359 | 528 | ||
| 360 | infoRes.result[0].bdcdyh1 = infoRes.result[0].bdcdyh.slice(0, 6) + ' ' + infoRes.result[0].bdcdyh.slice(6, 12) + ' ' + | 529 | infoRes.result[0].bdcdyh1 = infoRes.result[0].bdcdyh.slice(0, 6) + ' ' + infoRes.result[0].bdcdyh.slice(6, 12) + ' ' + |
| 361 | infoRes.result[0].bdcdyh.slice(12, 19) + ' ' + infoRes.result[0].bdcdyh.slice(19, infoRes.result[0].bdcdyh.length) | 530 | infoRes.result[0].bdcdyh.slice(12, 19) + ' ' + infoRes.result[0].bdcdyh.slice(19, infoRes.result[0].bdcdyh.length) |
| 362 | //todo 调取后端接口获取数据 循环set | 531 | //todo 调取后端接口获取数据 循环set |
| 363 | for (let key in infoRes.result[0]) { | 532 | for (let key in infoRes.result[0]) { |
| 364 | LODOP.SET_PRINT_STYLEA(key, "CONTENT", infoRes.result[0][key]); | 533 | LODOP.SET_PRINT_STYLEA(key, "CONTENT", infoRes.result[0][key]); |
| 534 | } | ||
| 535 | LODOP.PREVIEW(); | ||
| 536 | that.$popupCacel() | ||
| 365 | } | 537 | } |
| 366 | LODOP.PREVIEW(); | ||
| 367 | that.$popupCacel() | ||
| 368 | } | 538 | } |
| 369 | } | 539 | }) |
| 370 | }) | 540 | } else { |
| 371 | } else { | 541 | this.$message.error(res.message) |
| 372 | this.$message.error(res.message) | 542 | } |
| 373 | } | 543 | }) |
| 374 | }) | 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,11 +220,21 @@ | ... | @@ -238,11 +220,21 @@ |
| 238 | } | 220 | } |
| 239 | } | 221 | } |
| 240 | arr.push(currentLine); | 222 | arr.push(currentLine); |
| 241 | arr.forEach((line, index) => { | 223 | if (i > 0) { |
| 242 | context.fillText(line, 129, 485 + (28 * (i - 1)) + (index * 14)); // 调整行高 | 224 | arr.forEach((line, index) => { |
| 243 | }) | 225 | context.fillText(line, 129, 485 + (28 * (i - 1)) + 5 * num + (index * 14)); // 调整行高 |
| 226 | }) | ||
| 227 | } else { | ||
| 228 | arr.forEach((line, index) => { | ||
| 229 | context.fillText(line, 129, 485 + (28 * (i - 1)) + (index * 14)); // 调整行高 | ||
| 230 | }) | ||
| 231 | } | ||
| 244 | } else { | 232 | } else { |
| 245 | context.fillText(lines[i] ? lines[i] : '', 129, 495 + (25 * (i - 1))); | 233 | if (i > 0) { |
| 234 | context.fillText(lines[i] ? lines[i] : '', 129, 495 + 5 * num + (25 * (i - 1))); | ||
| 235 | } else { | ||
| 236 | context.fillText(lines[i] ? lines[i] : '', 129, 495 + (25 * (i - 1))); | ||
| 237 | } | ||
| 246 | } | 238 | } |
| 247 | } | 239 | } |
| 248 | 240 | ||
| ... | @@ -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,52 +456,58 @@ | ... | @@ -464,52 +456,58 @@ |
| 464 | } | 456 | } |
| 465 | } | 457 | } |
| 466 | arr.push(currentLine); | 458 | arr.push(currentLine); |
| 467 | arr.forEach((line, index) => { | 459 | if (i > 0) { |
| 468 | context.fillText(line, 775, y + (index * 14)); // 调整行高 | 460 | arr.forEach((line, index) => { |
| 469 | }); | 461 | context.fillText(line, 770, 438 + (23 * (i - 1)) + 5 * num + (index * 16)); // 调整行高 |
| 470 | }); | 462 | }) |
| 471 | } | ||
| 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 { | 463 | } else { |
| 483 | arr.push(currentLine); | 464 | arr.forEach((line, index) => { |
| 484 | currentLine = word; | 465 | context.fillText(line, 770, 438 + (23 * (i - 1)) + (index * 16)); // 调整行高 |
| 466 | }) | ||
| 467 | } | ||
| 468 | } else { | ||
| 469 | if (i > 0) { | ||
| 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))); | ||
| 485 | } | 473 | } |
| 486 | } | 474 | } |
| 487 | arr.push(currentLine); | 475 | } |
| 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) |
| 496 | let currentLine = ''; | 480 | if (getByteLen(lines1[i]) > 41) { |
| 497 | let arr = []; | 481 | let currentLine = ''; |
| 498 | for (let word of line) { | 482 | let arr = []; |
| 499 | const testLine = currentLine + word; | 483 | for (let word of lines1[i]) { |
| 500 | const lineWidth = context.measureText(testLine).width; | 484 | const testLine = currentLine + word; |
| 501 | if (lineWidth <= maxWidth) { | 485 | const lineWidth = context.measureText(testLine).width; |
| 502 | currentLine = testLine; | 486 | if (lineWidth <= maxWidth) { |
| 487 | currentLine = testLine; | ||
| 488 | } else { | ||
| 489 | arr.push(currentLine); | ||
| 490 | currentLine = word; | ||
| 491 | } | ||
| 492 | } | ||
| 493 | arr.push(currentLine); | ||
| 494 | if (i > 0) { | ||
| 495 | arr.forEach((line, index) => { | ||
| 496 | context.fillText(line, 770, 610 + (25 * (i - 1)) + 5 * num + (index * 15)); // 调整行高 | ||
| 497 | }) | ||
| 503 | } else { | 498 | } else { |
| 504 | arr.push(currentLine); | 499 | arr.forEach((line, index) => { |
| 505 | currentLine = word; | 500 | context.fillText(line, 770, 610 + (25 * (i - 1)) + (index * 15)); // 调整行高 |
| 501 | }) | ||
| 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))); | ||
| 506 | } | 508 | } |
| 507 | } | 509 | } |
| 508 | arr.push(currentLine); | 510 | } |
| 509 | arr.forEach((line, index) => { | ||
| 510 | context.fillText(line, 775, y + (index * 20)); // 调整行高 | ||
| 511 | }) | ||
| 512 | }) | ||
| 513 | } | 511 | } |
| 514 | 512 | ||
| 515 | image.src = this.bdczmSrc; | 513 | image.src = this.bdczmSrc; | ... | ... |
| ... | @@ -185,7 +185,7 @@ export default { | ... | @@ -185,7 +185,7 @@ export default { |
| 185 | console.log("this.tableData333",this.tableData); | 185 | console.log("this.tableData333",this.tableData); |
| 186 | }); | 186 | }); |
| 187 | this.$endLoading(); | 187 | this.$endLoading(); |
| 188 | 188 | ||
| 189 | } | 189 | } |
| 190 | 190 | ||
| 191 | }); | 191 | }); |
| ... | @@ -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