style:宗地基本信息
Showing
5 changed files
with
119 additions
and
160 deletions
| 1 | .tableDivCss { | 1 | .tableDivCss { | 
| 2 | width: 100%; | 2 | width: 100%; | 
| 3 | height: 100%; | 3 | height: 95%; | 
| 4 | background-color: #f5f5f5; | 4 | background-color: #f5f5f5; | 
| 5 | padding: 5px; | 5 | padding: 5px; | 
| 6 | overflow-y: scroll; | 6 | overflow-y: scroll; | 
| 7 | box-sizing: border-box; | ||
| 7 | } | 8 | } | 
| 8 | 9 | ||
| 9 | .tableCss { | 10 | .tableCss { | ... | ... | 
| 1 | /* | 1 | /* | 
| 2 | * @Description:workFramezu.vue组件的方法 头部按钮弹框方法 | 2 | * @Description:workFramezu.vue组件的方法 头部按钮弹框方法 | 
| 3 | * @Autor: miaofang | 3 | * @Autor: miaofang | 
| 4 | * @LastEditTime: 2023-09-26 14:25:23 | 4 | * @LastEditTime: 2023-12-19 10:02:20 | 
| 5 | */ | 5 | */ | 
| 6 | import { getPrintTemplateByCode } from "@/api/print"; | 6 | import { getPrintTemplateByCode } from "@/api/print"; | 
| 7 | import { getQllxByBdcdyid } from "@/api/djbDetail.js"; | 7 | import { getQllxByBdcdyid } from "@/api/djbDetail.js"; | 
| ... | @@ -143,27 +143,9 @@ export default { | ... | @@ -143,27 +143,9 @@ export default { | 
| 143 | } | 143 | } | 
| 144 | break; | 144 | break; | 
| 145 | case "B6": | 145 | case "B6": | 
| 146 | //根据编号获取对应信息 | 146 | this.$popupDialog("打印申请书", "workflow/components/dialog/sqs", | 
| 147 | getPrintTemplateByCode({ tmpno: 'dysqs' }).then(res => { | 147 | { bsmSldy: this.currentSelectProps.bsmSldy }, '30%', true | 
| 148 | if (res.code == 200) { | 148 | ) | 
| 149 | getPrintApplicationForm(this.currentSelectProps.bsmSldy).then(infoRes => { | ||
| 150 | if (infoRes.code == 200) { | ||
| 151 | //打开模板设计 | ||
| 152 | let LODOP = getLodop(document.getElementById('LODOP_OB'), document.getElementById('LODOP_EM')); | ||
| 153 | LODOP.ADD_PRINT_DATA("ProgramData", res.result.tmpcontent); //装载模板 | ||
| 154 | //todo 调取后端接口获取数据 循环set | ||
| 155 | for (let key in infoRes.result) { | ||
| 156 | LODOP.SET_PRINT_STYLEA(key, "CONTENT", infoRes.result[key]); | ||
| 157 | } | ||
| 158 | LODOP.PREVIEW(); | ||
| 159 | } else { | ||
| 160 | this.$message.error(infoRes.message) | ||
| 161 | } | ||
| 162 | }) | ||
| 163 | } else { | ||
| 164 | this.$message.error(res.message) | ||
| 165 | } | ||
| 166 | }) | ||
| 167 | break; | 149 | break; | 
| 168 | case "B7": | 150 | case "B7": | 
| 169 | this.$popupDialog("证书领取", "workflow/components/dialog/zslq", | 151 | this.$popupDialog("证书领取", "workflow/components/dialog/zslq", | ... | ... | 
| ... | @@ -219,10 +219,9 @@ | ... | @@ -219,10 +219,9 @@ | 
| 219 | </script> | 219 | </script> | 
| 220 | <style lang="scss" scoped> | 220 | <style lang="scss" scoped> | 
| 221 | @import "~@/styles/tablecss.scss"; | 221 | @import "~@/styles/tablecss.scss"; | 
| 222 | .tableDivCss{ | 222 | .tableDivCss { | 
| 223 | width: 100%; | 223 | width: 100%; | 
| 224 | height: 100%; | 224 | height: 100%; | 
| 225 | background-color: rgb(255, 255, 255); | 225 | background-color: rgb(255, 255, 255); | 
| 226 | |||
| 227 | } | 226 | } | 
| 228 | </style> | 227 | </style> | ... | ... | 
| 1 | <!-- | 1 | <!-- | 
| 2 | * @Description :宗地基本信息 | 2 | * @Description :宗地基本信息 | 
| 3 | * @Autor : miaofang | 3 | * @Autor : miaofang | 
| 4 | * @LastEditTime: 2023-08-04 10:06:45 | 4 | * @LastEditTime: 2023-12-19 14:48:11 | 
| 5 | --> | 5 | --> | 
| 6 | <template> | 6 | <template> | 
| 7 | <div class="tableDivCss"> | 7 | <div class="tableDivCss"> | 
| 8 | <el-button class="print" v-print="printObj">打印</el-button> | 8 | <el-button class="print" v-print="printObj">打印</el-button> | 
| 9 | <table cellpadding="0" cellspacing="0" id="box" class="tableCss"> | 9 | <table cellpadding="0" cellspacing="0" id="box" class="tableCss"> | 
| 10 | <tr> | 10 | <tr> | 
| 11 | <th colspan="5" class="title">宗地基本信息</th> | 11 | <th colspan="5" class="title">宗地基本信息</th> | 
| ... | @@ -29,7 +29,7 @@ | ... | @@ -29,7 +29,7 @@ | 
| 29 | <td style="width: 15%">宗地面积</td> | 29 | <td style="width: 15%">宗地面积</td> | 
| 30 | <td style="width: 30%">{{ zdjbxx.zdmj }}m²</td> | 30 | <td style="width: 30%">{{ zdjbxx.zdmj }}m²</td> | 
| 31 | <td style="width: 15%">用途</td> | 31 | <td style="width: 15%">用途</td> | 
| 32 | <td style="width: 30%">{{ zdjbxx.yt | dicyt("tdyt") }}</td> | 32 | <td style="width: 30%">{{ zdjbxx.ghytmc }}</td> | 
| 33 | </tr> | 33 | </tr> | 
| 34 | <tr> | 34 | <tr> | 
| 35 | <td>等级</td> | 35 | <td>等级</td> | 
| ... | @@ -112,125 +112,125 @@ | ... | @@ -112,125 +112,125 @@ | 
| 112 | </template> | 112 | </template> | 
| 113 | 113 | ||
| 114 | <script> | 114 | <script> | 
| 115 | import store from "@/store/index.js"; | 115 | import store from "@/store/index.js"; | 
| 116 | import { getZdjjxxBybdcdyid } from "@/api/djbDetail.js"; | 116 | import { getZdjjxxBybdcdyid } from "@/api/djbDetail.js"; | 
| 117 | 117 | ||
| 118 | export default { | 118 | export default { | 
| 119 | data() { | 119 | data () { | 
| 120 | return { | 120 | return { | 
| 121 | printObj: { | 121 | printObj: { | 
| 122 | id: "box", | 122 | id: "box", | 
| 123 | //其他配置项, | 123 | //其他配置项, | 
| 124 | }, | ||
| 125 | bhqkColumns: [ | ||
| 126 | { | ||
| 127 | prop: "ssywh", | ||
| 128 | label: "上手业务号", | ||
| 129 | }, | ||
| 130 | { | ||
| 131 | prop: "zddm", | ||
| 132 | label: "宗地代码", | ||
| 133 | }, | ||
| 134 | { | ||
| 135 | prop: "bhqzddm", | ||
| 136 | label: "变化前宗地代码", | ||
| 137 | }, | ||
| 138 | { | ||
| 139 | prop: "bhnr", | ||
| 140 | label: "变化内容", | ||
| 141 | }, | ||
| 142 | { | ||
| 143 | prop: "bhyy", | ||
| 144 | label: "变化原因", | ||
| 145 | }, | 124 | }, | 
| 146 | { | 125 | bhqkColumns: [ | 
| 147 | prop: "djsj", | 126 | { | 
| 148 | label: "登记时间", | 127 | prop: "ssywh", | 
| 149 | }, | 128 | label: "上手业务号", | 
| 150 | { | 129 | }, | 
| 151 | prop: "dbr", | 130 | { | 
| 152 | label: "登簿人", | 131 | prop: "zddm", | 
| 153 | }, | 132 | label: "宗地代码", | 
| 154 | { | 133 | }, | 
| 155 | prop: "fj", | 134 | { | 
| 156 | label: "附记", | 135 | prop: "bhqzddm", | 
| 157 | }, | 136 | label: "变化前宗地代码", | 
| 158 | ], | 137 | }, | 
| 159 | bhqkTableWidth: 745, | 138 | { | 
| 160 | zdjbxx: {}, | 139 | prop: "bhnr", | 
| 161 | zdbhqks: [], | 140 | label: "变化内容", | 
| 162 | propsParam: this.$attrs, | 141 | }, | 
| 163 | showGroup: false, | 142 | { | 
| 164 | bdclxList: ["", "宗地", "宗海", "自然幢", "多幢", "构筑物", "林权", "户"], | 143 | prop: "bhyy", | 
| 165 | foundItemaa: {}, | 144 | label: "变化原因", | 
| 166 | foundItemaaa: {}, | 145 | }, | 
| 167 | }; | 146 | { | 
| 168 | }, | 147 | prop: "djsj", | 
| 169 | filters: { | 148 | label: "登记时间", | 
| 170 | dictionary: function (value, param) { | 149 | }, | 
| 171 | const foundItem = store.getters.dictData[param].find( | 150 | { | 
| 172 | (item) => item.dcode === String(value) | 151 | prop: "dbr", | 
| 173 | ); | 152 | label: "登簿人", | 
| 174 | if (foundItem) { | 153 | }, | 
| 175 | return foundItem.dname; | 154 | { | 
| 176 | } | 155 | prop: "fj", | 
| 156 | label: "附记", | ||
| 157 | }, | ||
| 158 | ], | ||
| 159 | bhqkTableWidth: 745, | ||
| 160 | zdjbxx: {}, | ||
| 161 | zdbhqks: [], | ||
| 162 | propsParam: this.$attrs, | ||
| 163 | showGroup: false, | ||
| 164 | bdclxList: ["", "宗地", "宗海", "自然幢", "多幢", "构筑物", "林权", "户"], | ||
| 165 | foundItemaa: {}, | ||
| 166 | foundItemaaa: {}, | ||
| 167 | }; | ||
| 177 | }, | 168 | }, | 
| 178 | dicyt: function (value, param) { | 169 | filters: { | 
| 179 | const res = store.getters.dictData[param].filter((item) => { | 170 | dictionary: function (value, param) { | 
| 180 | if (item.dcode === String(value)) { | 171 | const foundItem = store.getters.dictData[param].find( | 
| 181 | return item; | 172 | (item) => item.dcode === String(value) | 
| 182 | } else { | 173 | ); | 
| 183 | if (item.children.length) { | 174 | if (foundItem) { | 
| 184 | const res2 = item.children.filter((items) => { | 175 | return foundItem.dname; | 
| 185 | if (items.dcode === String(value)) { | 176 | } | 
| 186 | return items; | 177 | }, | 
| 178 | dicyt: function (value, param) { | ||
| 179 | const res = store.getters.dictData[param].filter((item) => { | ||
| 180 | if (item.dcode === String(value)) { | ||
| 181 | return item; | ||
| 182 | } else { | ||
| 183 | if (item.children.length) { | ||
| 184 | const res2 = item.children.filter((items) => { | ||
| 185 | if (items.dcode === String(value)) { | ||
| 186 | return items; | ||
| 187 | } | ||
| 188 | }); | ||
| 189 | if (res2.length) { | ||
| 190 | return res2; | ||
| 187 | } | 191 | } | 
| 188 | }); | ||
| 189 | if (res2.length) { | ||
| 190 | return res2; | ||
| 191 | } | 192 | } | 
| 192 | } | 193 | } | 
| 194 | }); | ||
| 195 | if (res[0]) { | ||
| 196 | return res[0].dname; | ||
| 193 | } | 197 | } | 
| 194 | }); | 198 | }, | 
| 195 | if (res[0]) { | ||
| 196 | return res[0].dname; | ||
| 197 | } | ||
| 198 | }, | 199 | }, | 
| 199 | }, | 200 | created () { | 
| 200 | created() { | 201 | this.loadData(); | 
| 201 | this.loadData(); | ||
| 202 | }, | ||
| 203 | methods: { | ||
| 204 | /** | ||
| 205 | * @description: loadData | ||
| 206 | * @author: renchao | ||
| 207 | */ | ||
| 208 | loadData() { | ||
| 209 | getZdjjxxBybdcdyid({ bdcdyid: this.propsParam.bdcdyid }).then((res) => { | ||
| 210 | if (res.code === 200) { | ||
| 211 | this.zdjbxx = res.result.zdjbxx; | ||
| 212 | this.zdbhqks = res.result.zdbhqkList; | ||
| 213 | if (this.zdbhqks != null && this.zdbhqks.length > 0) { | ||
| 214 | this.showGroup = true; | ||
| 215 | } | ||
| 216 | } | ||
| 217 | }); | ||
| 218 | }, | 202 | }, | 
| 203 | methods: { | ||
| 204 | /** | ||
| 205 | * @description: loadData | ||
| 206 | * @author: renchao | ||
| 207 | */ | ||
| 208 | loadData () { | ||
| 209 | getZdjjxxBybdcdyid({ bdcdyid: this.propsParam.bdcdyid }).then((res) => { | ||
| 210 | if (res.code === 200) { | ||
| 211 | this.zdjbxx = res.result.zdjbxx; | ||
| 212 | this.zdbhqks = res.result.zdbhqkList; | ||
| 213 | if (this.zdbhqks != null && this.zdbhqks.length > 0) { | ||
| 214 | this.showGroup = true; | ||
| 215 | } | ||
| 216 | } | ||
| 217 | }); | ||
| 218 | }, | ||
| 219 | 219 | ||
| 220 | }, | 220 | }, | 
| 221 | }; | 221 | }; | 
| 222 | </script> | 222 | </script> | 
| 223 | <style lang="scss" scoped> | 223 | <style lang="scss" scoped> | 
| 224 | @import "~@/styles/tablecss.scss"; | 224 | @import "~@/styles/tablecss.scss"; | 
| 225 | .tableDivCss { | 225 | .tableDivCss { | 
| 226 | position: relative; | 226 | position: relative; | 
| 227 | .print { | 227 | .print { | 
| 228 | display: inline; | 228 | display: inline; | 
| 229 | // background-color: #0079fe; | 229 | // background-color: #0079fe; | 
| 230 | z-index: 10; | 230 | z-index: 10; | 
| 231 | position: absolute; | 231 | position: absolute; | 
| 232 | left: 11px; | 232 | left: 11px; | 
| 233 | top: 11px; | 233 | top: 11px; | 
| 234 | } | ||
| 234 | } | 235 | } | 
| 235 | } | ||
| 236 | </style> | 236 | </style> | ... | ... | 
| 1 | /* | 1 | /* | 
| 2 | * @Description: | 2 | * @Description: | 
| 3 | * @Autor: renchao | 3 | * @Autor: renchao | 
| 4 | * @LastEditTime: 2023-11-22 17:05:55 | 4 | * @LastEditTime: 2023-12-19 10:02:03 | 
| 5 | */ | 5 | */ | 
| 6 | import Vue from 'vue' | 6 | import Vue from 'vue' | 
| 7 | import { getPrintTemplateByCode } from "@/api/print"; | 7 | import { getPrintTemplateByCode } from "@/api/print"; | 
| ... | @@ -137,29 +137,6 @@ export default { | ... | @@ -137,29 +137,6 @@ export default { | 
| 137 | this.$popupDialog("打印申请书", "workflow/components/dialog/sqs", | 137 | this.$popupDialog("打印申请书", "workflow/components/dialog/sqs", | 
| 138 | { bsmSldy: this.currentSelectProps.bsmSldy }, '30%', true | 138 | { bsmSldy: this.currentSelectProps.bsmSldy }, '30%', true | 
| 139 | ) | 139 | ) | 
| 140 | //根据编号获取对应信息 | ||
| 141 | // getPrintTemplateByCode({ tmpno: Vue.prototype.BASE_API.adapter }).then(res => { | ||
| 142 | // if (res.code === 200) { | ||
| 143 | // getPrintApplicationForm(this.currentSelectProps.bsmSldy).then(infoRes => { | ||
| 144 | // if (infoRes.code === 200) { | ||
| 145 | // let LODOP = getLodop(document.getElementById('LODOP_OB'), document.getElementById('LODOP_EM')); | ||
| 146 | |||
| 147 | // // 装载第一个模板并设置数据 | ||
| 148 | // LODOP.ADD_PRINT_DATA("ProgramData", res.result.tmpcontent); | ||
| 149 | // for (let key in infoRes.result) { | ||
| 150 | // LODOP.SET_PRINT_STYLEA(key, "CONTENT", infoRes.result[key]); | ||
| 151 | // } | ||
| 152 | |||
| 153 | // // 进行预览 | ||
| 154 | // LODOP.PREVIEW(); | ||
| 155 | // } else { | ||
| 156 | // this.$message.error(infoRes.message); | ||
| 157 | // } | ||
| 158 | // }); | ||
| 159 | // } else { | ||
| 160 | // this.$message.error(res.message); | ||
| 161 | // } | ||
| 162 | // }) | ||
| 163 | break; | 140 | break; | 
| 164 | case "B7": | 141 | case "B7": | 
| 165 | this.$popupDialog("证书领取", "workflow/components/dialog/zslq", | 142 | this.$popupDialog("证书领取", "workflow/components/dialog/zslq", | ... | ... | 
- 
Please register or sign in to post a comment