--no commit message
Showing
10 changed files
with
368 additions
and
396 deletions
| ... | @@ -5,7 +5,9 @@ | ... | @@ -5,7 +5,9 @@ |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <div class="djxxTable"> | 7 | <div class="djxxTable"> |
| 8 | <div v-show="false"> | 8 | <djbDetail :title="title" :shows="shows" :propsParam="propsParam" |
| 9 | :columns="columns" :tableData="tableData" /> | ||
| 10 | <!-- <div v-show="false"> | ||
| 9 | <printTemplate id="boxcfdj" :tableData="tableData" :render="render" /> | 11 | <printTemplate id="boxcfdj" :tableData="tableData" :render="render" /> |
| 10 | </div> | 12 | </div> |
| 11 | <div class="tableBox"> | 13 | <div class="tableBox"> |
| ... | @@ -85,35 +87,31 @@ | ... | @@ -85,35 +87,31 @@ |
| 85 | </tr> | 87 | </tr> |
| 86 | </table> | 88 | </table> |
| 87 | </div> | 89 | </div> |
| 88 | </div> | 90 | </div> --> |
| 89 | </div> | 91 | </div> |
| 90 | </template> | 92 | </template> |
| 91 | 93 | ||
| 92 | <script> | 94 | <script> |
| 93 | import printTemplate from "./components/printTemplate.vue"; | 95 | import djbDetail from "./components/djbDetail.vue" |
| 94 | import { datas } from "./qlxxFormData.js"; | 96 | import { datas } from "./qlxxFormData.js"; |
| 95 | import { getSjlx } from "@/utils/dictionary.js"; | 97 | import { getSjlx } from "@/utils/dictionary.js"; |
| 96 | import { getCfdjList } from "@/api/djbDetail.js"; | 98 | import { getCfdjList } from "@/api/djbDetail.js"; |
| 97 | export default { | 99 | export default { |
| 98 | components: { | 100 | components: { |
| 99 | printTemplate, | 101 | djbDetail |
| 100 | }, | 102 | }, |
| 101 | data () { | 103 | data () { |
| 102 | return { | 104 | return { |
| 103 | printObj: { | ||
| 104 | id: "box", | ||
| 105 | //其他配置项, | ||
| 106 | }, | ||
| 107 | shows: false, | 105 | shows: false, |
| 108 | title: "查封登记信息", | 106 | title: "查封登记信息", |
| 109 | qsztList: datas.columns().qsztList, | 107 | // qsztList: datas.columns().qsztList, |
| 110 | checkList: datas.columns().checkList, | 108 | // checkList: datas.columns().checkList, |
| 111 | //传递参数 | 109 | //传递参数 |
| 112 | propsParam: this.$attrs, | 110 | propsParam: this.$attrs, |
| 113 | //列表数据 | 111 | //列表数据 |
| 114 | tableData: [], | 112 | tableData: [], |
| 115 | //空列值个数 | 113 | //空列值个数 |
| 116 | emptycolNum: datas.columns().emptycolNum, | 114 | // emptycolNum: datas.columns().emptycolNum, |
| 117 | //列名称对象 | 115 | //列名称对象 |
| 118 | columns: datas.columns().CFDJ, | 116 | columns: datas.columns().CFDJ, |
| 119 | render: false, | 117 | render: false, |
| ... | @@ -124,35 +122,6 @@ | ... | @@ -124,35 +122,6 @@ |
| 124 | }, | 122 | }, |
| 125 | methods: { | 123 | methods: { |
| 126 | /** | 124 | /** |
| 127 | * @description: openPrint | ||
| 128 | * @author: miaofang | ||
| 129 | */ | ||
| 130 | openPrint () { | ||
| 131 | this.render = true; | ||
| 132 | setTimeout(() => { | ||
| 133 | this.prinsss(); | ||
| 134 | }, 100); | ||
| 135 | }, | ||
| 136 | /** | ||
| 137 | * @description: prinsss | ||
| 138 | * @author: miaofang | ||
| 139 | */ | ||
| 140 | prinsss () { | ||
| 141 | printJS({ | ||
| 142 | printable: "boxcfdj", // // 文档来源:pdf或图像的url,html元素的id或json数据的对象 | ||
| 143 | type: "html", | ||
| 144 | maxWidth: 800, // 最大宽度 | ||
| 145 | font_size: "", // 不设置则使用默认字体大小 | ||
| 146 | style: `@font-face { | ||
| 147 | font-family: "STZHONGS"; | ||
| 148 | src: url(${window.ttf}) format("truetype"); | ||
| 149 | }`, | ||
| 150 | // 继承原来的所有样式 | ||
| 151 | targetStyles: ["*"], | ||
| 152 | }); | ||
| 153 | this.render = false | ||
| 154 | }, | ||
| 155 | /** | ||
| 156 | * @description: loadData | 125 | * @description: loadData |
| 157 | * @author: renchao | 126 | * @author: renchao |
| 158 | */ | 127 | */ |
| ... | @@ -187,60 +156,60 @@ | ... | @@ -187,60 +156,60 @@ |
| 187 | } | 156 | } |
| 188 | }); | 157 | }); |
| 189 | }, | 158 | }, |
| 190 | /** | 159 | // /** |
| 191 | * @description: checkChange | 160 | // * @description: checkChange |
| 192 | * @author: renchao | 161 | // * @author: renchao |
| 193 | */ | 162 | // */ |
| 194 | checkChange () { | 163 | // checkChange () { |
| 195 | if (this.checkList.length === 0) { | 164 | // if (this.checkList.length === 0) { |
| 196 | this.tableData = []; | 165 | // this.tableData = []; |
| 197 | this.emptycolNum = datas.columns().emptycolNum; | 166 | // this.emptycolNum = datas.columns().emptycolNum; |
| 198 | } else { | 167 | // } else { |
| 199 | this.loadData(); | 168 | // this.loadData(); |
| 200 | } | 169 | // } |
| 201 | }, | 170 | // }, |
| 202 | /** | 171 | // /** |
| 203 | * @description: getQsztName | 172 | // * @description: getQsztName |
| 204 | * @author: renchao | 173 | // * @author: renchao |
| 205 | */ | 174 | // */ |
| 206 | getQsztName (code) { | 175 | // getQsztName (code) { |
| 207 | let name = ""; | 176 | // let name = ""; |
| 208 | for (let item of this.qsztList) { | 177 | // for (let item of this.qsztList) { |
| 209 | if (item.value == code) { | 178 | // if (item.value == code) { |
| 210 | name = item.label; | 179 | // name = item.label; |
| 211 | break; | 180 | // break; |
| 212 | } | 181 | // } |
| 213 | } | 182 | // } |
| 214 | return name; | 183 | // return name; |
| 215 | }, | 184 | // }, |
| 216 | // 新增一条补录信息 | 185 | // // 新增一条补录信息 |
| 217 | /** | 186 | // /** |
| 218 | * @description: 新增一条补录信息 | 187 | // * @description: 新增一条补录信息 |
| 219 | * @param {*} row | 188 | // * @param {*} row |
| 220 | * @param {*} del | 189 | // * @param {*} del |
| 221 | * @author: renchao | 190 | // * @author: renchao |
| 222 | */ | 191 | // */ |
| 223 | editDialog (row, del) { | 192 | // editDialog (row, del) { |
| 224 | this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", { | 193 | // this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", { |
| 225 | confirmButtonText: "确定", | 194 | // confirmButtonText: "确定", |
| 226 | cancelButtonText: "取消", | 195 | // cancelButtonText: "取消", |
| 227 | type: "warning", | 196 | // type: "warning", |
| 228 | }) | 197 | // }) |
| 229 | .then(() => { | 198 | // .then(() => { |
| 230 | this.$parent.addRepairRecord(row, del); | 199 | // this.$parent.addRepairRecord(row, del); |
| 231 | 200 | ||
| 232 | this.$message({ | 201 | // this.$message({ |
| 233 | type: "success", | 202 | // type: "success", |
| 234 | message: "补录成功!", | 203 | // message: "补录成功!", |
| 235 | }); | 204 | // }); |
| 236 | }) | 205 | // }) |
| 237 | .catch(() => { | 206 | // .catch(() => { |
| 238 | this.$message({ | 207 | // this.$message({ |
| 239 | type: "info", | 208 | // type: "info", |
| 240 | message: "取消编辑", | 209 | // message: "取消编辑", |
| 241 | }); | 210 | // }); |
| 242 | }); | 211 | // }); |
| 243 | }, | 212 | // }, |
| 244 | }, | 213 | }, |
| 245 | }; | 214 | }; |
| 246 | </script> | 215 | </script> | ... | ... |
| ... | @@ -13,7 +13,7 @@ | ... | @@ -13,7 +13,7 @@ |
| 13 | </div> | 13 | </div> |
| 14 | <div class="title"> | 14 | <div class="title"> |
| 15 | {{ title }} | 15 | {{ title }} |
| 16 | <el-button class="print" v-show="shows" @click="openPrint()">打印</el-button> | 16 | <el-button class="print" v-show="shows" @click="openPrint()">打印1</el-button> |
| 17 | <div class="checkbox"> | 17 | <div class="checkbox"> |
| 18 | <el-checkbox-group v-model="checkList" @change="checkChange"> | 18 | <el-checkbox-group v-model="checkList" @change="checkChange"> |
| 19 | <el-checkbox | 19 | <el-checkbox |
| ... | @@ -133,6 +133,7 @@ | ... | @@ -133,6 +133,7 @@ |
| 133 | }, | 133 | }, |
| 134 | methods: { | 134 | methods: { |
| 135 | openPrint () { | 135 | openPrint () { |
| 136 | console.log("tableData",this.tableDataaaa); | ||
| 136 | this.render = true; | 137 | this.render = true; |
| 137 | setTimeout(() => { | 138 | setTimeout(() => { |
| 138 | this.prinsss(); | 139 | this.prinsss(); | ... | ... |
| ... | @@ -69,6 +69,8 @@ export default { | ... | @@ -69,6 +69,8 @@ export default { |
| 69 | }, | 69 | }, |
| 70 | render: { | 70 | render: { |
| 71 | handler(newValue, oldValue) { | 71 | handler(newValue, oldValue) { |
| 72 | console.log("newValue",newValue); | ||
| 73 | console.log("columns",this.columns); | ||
| 72 | if (newValue) { | 74 | if (newValue) { |
| 73 | this.loadData(); | 75 | this.loadData(); |
| 74 | } | 76 | } |
| ... | @@ -88,6 +90,7 @@ export default { | ... | @@ -88,6 +90,7 @@ export default { |
| 88 | }).then((res) => { | 90 | }).then((res) => { |
| 89 | if (res.code === 200) { | 91 | if (res.code === 200) { |
| 90 | this.columns = res.result; | 92 | this.columns = res.result; |
| 93 | console.log("columnssssssssssss",this.columns); | ||
| 91 | } | 94 | } |
| 92 | }); | 95 | }); |
| 93 | if (this.tableData.length && this.datass.length == 0) { | 96 | if (this.tableData.length && this.datass.length == 0) { | ... | ... |
| ... | @@ -5,7 +5,9 @@ | ... | @@ -5,7 +5,9 @@ |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <div class="djxxTable"> | 7 | <div class="djxxTable"> |
| 8 | <div v-show="false"> | 8 | <djbDetail :title="title" :shows="shows" :propsParam="propsParam" |
| 9 | :columns="columns" :tableData="tableData" /> | ||
| 10 | <!-- <div v-show="false"> | ||
| 9 | <printTemplate id="boxdiyaq" :tableData="tableData" :render="render" /> | 11 | <printTemplate id="boxdiyaq" :tableData="tableData" :render="render" /> |
| 10 | </div> | 12 | </div> |
| 11 | <div class="tableBox"> | 13 | <div class="tableBox"> |
| ... | @@ -87,35 +89,31 @@ | ... | @@ -87,35 +89,31 @@ |
| 87 | </tr> | 89 | </tr> |
| 88 | </table> | 90 | </table> |
| 89 | </div> | 91 | </div> |
| 90 | </div> | 92 | </div> --> |
| 91 | </div> | 93 | </div> |
| 92 | </template> | 94 | </template> |
| 93 | 95 | ||
| 94 | <script> | 96 | <script> |
| 97 | import djbDetail from "./components/djbDetail.vue" | ||
| 95 | import { datas } from "./qlxxFormData.js"; | 98 | import { datas } from "./qlxxFormData.js"; |
| 96 | import { getSjlx, getDictLeabel } from "@/utils/dictionary.js"; | 99 | import { getSjlx, getDictLeabel } from "@/utils/dictionary.js"; |
| 97 | import { getDiyaqList } from "@/api/djbDetail.js"; | 100 | import { getDiyaqList } from "@/api/djbDetail.js"; |
| 98 | import printTemplate from "./components/printTemplate.vue"; | ||
| 99 | export default { | 101 | export default { |
| 100 | components: { | 102 | components: { |
| 101 | printTemplate, | 103 | djbDetail |
| 102 | }, | 104 | }, |
| 103 | data () { | 105 | data () { |
| 104 | return { | 106 | return { |
| 105 | printObj: { | ||
| 106 | id: "box", | ||
| 107 | //其他配置项, | ||
| 108 | }, | ||
| 109 | shows: false, | 107 | shows: false, |
| 110 | title: "抵押权登记信息", | 108 | title: "抵押权登记信息", |
| 111 | qsztList: datas.columns().qsztList, | 109 | // qsztList: datas.columns().qsztList, |
| 112 | checkList: datas.columns().checkList, | 110 | // checkList: datas.columns().checkList, |
| 113 | //传递参数 | 111 | //传递参数 |
| 114 | propsParam: this.$attrs, | 112 | propsParam: this.$attrs, |
| 115 | //列表数据 | 113 | //列表数据 |
| 116 | tableData: [], | 114 | tableData: [], |
| 117 | //空列值个数 | 115 | //空列值个数 |
| 118 | emptycolNum: datas.columns().emptycolNum, | 116 | // emptycolNum: datas.columns().emptycolNum, |
| 119 | //列名称对象 | 117 | //列名称对象 |
| 120 | columns: datas.columns().DYAQ, | 118 | columns: datas.columns().DYAQ, |
| 121 | render: false, | 119 | render: false, |
| ... | @@ -125,35 +123,35 @@ | ... | @@ -125,35 +123,35 @@ |
| 125 | this.loadData(); | 123 | this.loadData(); |
| 126 | }, | 124 | }, |
| 127 | methods: { | 125 | methods: { |
| 128 | /** | 126 | // /** |
| 129 | * @description: openPrint | 127 | // * @description: openPrint |
| 130 | * @author: miaofang | 128 | // * @author: miaofang |
| 131 | */ | 129 | // */ |
| 132 | openPrint () { | 130 | // openPrint () { |
| 133 | this.render = true; | 131 | // this.render = true; |
| 134 | setTimeout(() => { | 132 | // setTimeout(() => { |
| 135 | this.prinsss(); | 133 | // this.prinsss(); |
| 136 | }, 100); | 134 | // }, 100); |
| 137 | }, | 135 | // }, |
| 138 | /** | 136 | // /** |
| 139 | * @description: prinsss | 137 | // * @description: prinsss |
| 140 | * @author: miaofang | 138 | // * @author: miaofang |
| 141 | */ | 139 | // */ |
| 142 | prinsss () { | 140 | // prinsss () { |
| 143 | printJS({ | 141 | // printJS({ |
| 144 | printable: "boxdiyaq", // // 文档来源:pdf或图像的url,html元素的id或json数据的对象 | 142 | // printable: "boxdiyaq", // // 文档来源:pdf或图像的url,html元素的id或json数据的对象 |
| 145 | type: "html", | 143 | // type: "html", |
| 146 | maxWidth: 800, // 最大宽度 | 144 | // maxWidth: 800, // 最大宽度 |
| 147 | font_size: "", // 不设置则使用默认字体大小 | 145 | // font_size: "", // 不设置则使用默认字体大小 |
| 148 | style: `@font-face { | 146 | // style: `@font-face { |
| 149 | font-family: "STZHONGS"; | 147 | // font-family: "STZHONGS"; |
| 150 | src: url(${window.ttf}) format("truetype"); | 148 | // src: url(${window.ttf}) format("truetype"); |
| 151 | }`, | 149 | // }`, |
| 152 | // 继承原来的所有样式 | 150 | // // 继承原来的所有样式 |
| 153 | targetStyles: ["*"], | 151 | // targetStyles: ["*"], |
| 154 | }); | 152 | // }); |
| 155 | this.render = false | 153 | // this.render = false |
| 156 | }, | 154 | // }, |
| 157 | /** | 155 | /** |
| 158 | * @description: loadData | 156 | * @description: loadData |
| 159 | * @author: renchao | 157 | * @author: renchao |
| ... | @@ -183,60 +181,60 @@ | ... | @@ -183,60 +181,60 @@ |
| 183 | } | 181 | } |
| 184 | }); | 182 | }); |
| 185 | }, | 183 | }, |
| 186 | /** | 184 | // /** |
| 187 | * @description: checkChange | 185 | // * @description: checkChange |
| 188 | * @author: renchao | 186 | // * @author: renchao |
| 189 | */ | 187 | // */ |
| 190 | checkChange () { | 188 | // checkChange () { |
| 191 | if (this.checkList.length === 0) { | 189 | // if (this.checkList.length === 0) { |
| 192 | this.tableData = []; | 190 | // this.tableData = []; |
| 193 | this.emptycolNum = datas.columns().emptycolNum; | 191 | // this.emptycolNum = datas.columns().emptycolNum; |
| 194 | } else { | 192 | // } else { |
| 195 | this.loadData(); | 193 | // this.loadData(); |
| 196 | } | 194 | // } |
| 197 | }, | 195 | // }, |
| 198 | /** | 196 | // /** |
| 199 | * @description: getQsztName | 197 | // * @description: getQsztName |
| 200 | * @param {*} code | 198 | // * @param {*} code |
| 201 | * @author: renchao | 199 | // * @author: renchao |
| 202 | */ | 200 | // */ |
| 203 | getQsztName (code) { | 201 | // getQsztName (code) { |
| 204 | let name = ""; | 202 | // let name = ""; |
| 205 | for (let item of this.qsztList) { | 203 | // for (let item of this.qsztList) { |
| 206 | if (item.value == code) { | 204 | // if (item.value == code) { |
| 207 | name = item.label; | 205 | // name = item.label; |
| 208 | break; | 206 | // break; |
| 209 | } | 207 | // } |
| 210 | } | 208 | // } |
| 211 | return name; | 209 | // return name; |
| 212 | }, | 210 | // }, |
| 213 | // 新增一条补录信息 | 211 | // // 新增一条补录信息 |
| 214 | /** | 212 | // /** |
| 215 | * @description: 新增一条补录信息 | 213 | // * @description: 新增一条补录信息 |
| 216 | * @param {*} row | 214 | // * @param {*} row |
| 217 | * @param {*} del | 215 | // * @param {*} del |
| 218 | * @author: renchao | 216 | // * @author: renchao |
| 219 | */ | 217 | // */ |
| 220 | editDialog (row, del) { | 218 | // editDialog (row, del) { |
| 221 | this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", { | 219 | // this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", { |
| 222 | confirmButtonText: "确定", | 220 | // confirmButtonText: "确定", |
| 223 | cancelButtonText: "取消", | 221 | // cancelButtonText: "取消", |
| 224 | type: "warning", | 222 | // type: "warning", |
| 225 | }) | 223 | // }) |
| 226 | .then(() => { | 224 | // .then(() => { |
| 227 | this.$parent.addRepairRecord(row, del); | 225 | // this.$parent.addRepairRecord(row, del); |
| 228 | this.$message({ | 226 | // this.$message({ |
| 229 | type: "success", | 227 | // type: "success", |
| 230 | message: "补录成功!", | 228 | // message: "补录成功!", |
| 231 | }); | 229 | // }); |
| 232 | }) | 230 | // }) |
| 233 | .catch(() => { | 231 | // .catch(() => { |
| 234 | this.$message({ | 232 | // this.$message({ |
| 235 | type: "info", | 233 | // type: "info", |
| 236 | message: "取消编辑", | 234 | // message: "取消编辑", |
| 237 | }); | 235 | // }); |
| 238 | }); | 236 | // }); |
| 239 | }, | 237 | // }, |
| 240 | }, | 238 | }, |
| 241 | }; | 239 | }; |
| 242 | </script> | 240 | </script> | ... | ... |
| ... | @@ -5,7 +5,9 @@ | ... | @@ -5,7 +5,9 @@ |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <div class="djxxTable"> | 7 | <div class="djxxTable"> |
| 8 | <div v-show="false"> | 8 | <djbDetail :title="title" :shows="shows" :propsParam="propsParam" |
| 9 | :columns="columns" :tableData="tableData" /> | ||
| 10 | <!-- <div v-show="false"> | ||
| 9 | <printTemplate id="boxdiyiq" :tableData="tableData" :render="render"/> | 11 | <printTemplate id="boxdiyiq" :tableData="tableData" :render="render"/> |
| 10 | </div> | 12 | </div> |
| 11 | <div class="tableBox"> | 13 | <div class="tableBox"> |
| ... | @@ -98,35 +100,31 @@ | ... | @@ -98,35 +100,31 @@ |
| 98 | </tr> | 100 | </tr> |
| 99 | </table> | 101 | </table> |
| 100 | </div> | 102 | </div> |
| 101 | </div> | 103 | </div> --> |
| 102 | </div> | 104 | </div> |
| 103 | </template> | 105 | </template> |
| 104 | 106 | ||
| 105 | <script> | 107 | <script> |
| 108 | import djbDetail from "./components/djbDetail.vue" | ||
| 106 | import { datas } from "./qlxxFormData.js"; | 109 | import { datas } from "./qlxxFormData.js"; |
| 107 | import { getSjlx, getDictLeabel } from "@/utils/dictionary.js"; | 110 | import { getSjlx, getDictLeabel } from "@/utils/dictionary.js"; |
| 108 | import { getDiyiqList } from "@/api/djbDetail.js"; | 111 | import { getDiyiqList } from "@/api/djbDetail.js"; |
| 109 | import printTemplate from "./components/printTemplate.vue"; | ||
| 110 | export default { | 112 | export default { |
| 111 | components: { | 113 | components: { |
| 112 | printTemplate, | 114 | djbDetail |
| 113 | }, | 115 | }, |
| 114 | data() { | 116 | data() { |
| 115 | return { | 117 | return { |
| 116 | printObj: { | ||
| 117 | id: "box", | ||
| 118 | //其他配置项, | ||
| 119 | }, | ||
| 120 | shows:false, | 118 | shows:false, |
| 121 | title: "地役权登记信息", | 119 | title: "地役权登记信息", |
| 122 | qsztList: datas.columns().qsztList, | 120 | // qsztList: datas.columns().qsztList, |
| 123 | checkList: datas.columns().checkList, | 121 | // checkList: datas.columns().checkList, |
| 124 | //传递参数 | 122 | //传递参数 |
| 125 | propsParam: this.$attrs, | 123 | propsParam: this.$attrs, |
| 126 | //列表数据 | 124 | //列表数据 |
| 127 | tableData: [], | 125 | tableData: [], |
| 128 | //空列值个数 | 126 | //空列值个数 |
| 129 | emptycolNum: datas.columns().emptycolNum, | 127 | // emptycolNum: datas.columns().emptycolNum, |
| 130 | //列名称对象 | 128 | //列名称对象 |
| 131 | columns: datas.columns().DYIQ, | 129 | columns: datas.columns().DYIQ, |
| 132 | render: false, | 130 | render: false, |
| ... | @@ -136,34 +134,34 @@ export default { | ... | @@ -136,34 +134,34 @@ export default { |
| 136 | this.loadData(); | 134 | this.loadData(); |
| 137 | }, | 135 | }, |
| 138 | methods: { /** | 136 | methods: { /** |
| 139 | * @description: openPrint | 137 | // * @description: openPrint |
| 140 | * @author: miaofang | 138 | // * @author: miaofang |
| 141 | */ | 139 | // */ |
| 142 | openPrint() { | 140 | // openPrint() { |
| 143 | this.render = true; | 141 | // this.render = true; |
| 144 | setTimeout(() => { | 142 | // setTimeout(() => { |
| 145 | this.prinsss(); | 143 | // this.prinsss(); |
| 146 | }, 100); | 144 | // }, 100); |
| 147 | }, | 145 | // }, |
| 148 | /** | 146 | // /** |
| 149 | * @description: prinsss | 147 | // * @description: prinsss |
| 150 | * @author: miaofang | 148 | // * @author: miaofang |
| 151 | */ | 149 | // */ |
| 152 | prinsss() { | 150 | // prinsss() { |
| 153 | printJS({ | 151 | // printJS({ |
| 154 | printable: "boxdiyiq", // // 文档来源:pdf或图像的url,html元素的id或json数据的对象 | 152 | // printable: "boxdiyiq", // // 文档来源:pdf或图像的url,html元素的id或json数据的对象 |
| 155 | type: "html", | 153 | // type: "html", |
| 156 | maxWidth: 800, // 最大宽度 | 154 | // maxWidth: 800, // 最大宽度 |
| 157 | font_size: "", // 不设置则使用默认字体大小 | 155 | // font_size: "", // 不设置则使用默认字体大小 |
| 158 | style: `@font-face { | 156 | // style: `@font-face { |
| 159 | font-family: "STZHONGS"; | 157 | // font-family: "STZHONGS"; |
| 160 | src: url(${window.ttf}) format("truetype"); | 158 | // src: url(${window.ttf}) format("truetype"); |
| 161 | }`, | 159 | // }`, |
| 162 | // 继承原来的所有样式 | 160 | // // 继承原来的所有样式 |
| 163 | targetStyles: ["*"], | 161 | // targetStyles: ["*"], |
| 164 | }); | 162 | // }); |
| 165 | this.render=false | 163 | // this.render=false |
| 166 | }, | 164 | // }, |
| 167 | /** | 165 | /** |
| 168 | * @description: loadData | 166 | * @description: loadData |
| 169 | * @author: miaofang | 167 | * @author: miaofang |
| ... | @@ -193,61 +191,61 @@ export default { | ... | @@ -193,61 +191,61 @@ export default { |
| 193 | } | 191 | } |
| 194 | }); | 192 | }); |
| 195 | }, | 193 | }, |
| 196 | /** | 194 | // /** |
| 197 | * @description: checkChange | 195 | // * @description: checkChange |
| 198 | * @author: miaofang | 196 | // * @author: miaofang |
| 199 | */ | 197 | // */ |
| 200 | checkChange() { | 198 | // checkChange() { |
| 201 | if (this.checkList.length === 0) { | 199 | // if (this.checkList.length === 0) { |
| 202 | this.tableData = []; | 200 | // this.tableData = []; |
| 203 | this.emptycolNum = datas.columns().emptycolNum; | 201 | // this.emptycolNum = datas.columns().emptycolNum; |
| 204 | } else { | 202 | // } else { |
| 205 | this.loadData(); | 203 | // this.loadData(); |
| 206 | } | 204 | // } |
| 207 | }, | 205 | // }, |
| 208 | /** | 206 | // /** |
| 209 | * @description: getQsztName | 207 | // * @description: getQsztName |
| 210 | * @param {*} code | 208 | // * @param {*} code |
| 211 | * @author: miaofang | 209 | // * @author: miaofang |
| 212 | */ | 210 | // */ |
| 213 | getQsztName(code) { | 211 | // getQsztName(code) { |
| 214 | let name = ""; | 212 | // let name = ""; |
| 215 | for (let item of this.qsztList) { | 213 | // for (let item of this.qsztList) { |
| 216 | if (item.value == code) { | 214 | // if (item.value == code) { |
| 217 | name = item.label; | 215 | // name = item.label; |
| 218 | break; | 216 | // break; |
| 219 | } | 217 | // } |
| 220 | } | 218 | // } |
| 221 | return name; | 219 | // return name; |
| 222 | }, | 220 | // }, |
| 223 | // 新增一条补录信息 | 221 | // // 新增一条补录信息 |
| 224 | /** | 222 | // /** |
| 225 | * @description: 新增一条补录信息 | 223 | // * @description: 新增一条补录信息 |
| 226 | * @param {*} row | 224 | // * @param {*} row |
| 227 | * @param {*} del | 225 | // * @param {*} del |
| 228 | * @author: miaofang | 226 | // * @author: miaofang |
| 229 | */ | 227 | // */ |
| 230 | editDialog(row, del) { | 228 | // editDialog(row, del) { |
| 231 | this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", { | 229 | // this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", { |
| 232 | confirmButtonText: "确定", | 230 | // confirmButtonText: "确定", |
| 233 | cancelButtonText: "取消", | 231 | // cancelButtonText: "取消", |
| 234 | type: "warning", | 232 | // type: "warning", |
| 235 | }) | 233 | // }) |
| 236 | .then(() => { | 234 | // .then(() => { |
| 237 | this.$parent.addRepairRecord(row, del); | 235 | // this.$parent.addRepairRecord(row, del); |
| 238 | 236 | ||
| 239 | this.$message({ | 237 | // this.$message({ |
| 240 | type: "success", | 238 | // type: "success", |
| 241 | message: "补录成功!", | 239 | // message: "补录成功!", |
| 242 | }); | 240 | // }); |
| 243 | }) | 241 | // }) |
| 244 | .catch(() => { | 242 | // .catch(() => { |
| 245 | this.$message({ | 243 | // this.$message({ |
| 246 | type: "info", | 244 | // type: "info", |
| 247 | message: "取消编辑", | 245 | // message: "取消编辑", |
| 248 | }); | 246 | // }); |
| 249 | }); | 247 | // }); |
| 250 | }, | 248 | // }, |
| 251 | }, | 249 | }, |
| 252 | }; | 250 | }; |
| 253 | </script> | 251 | </script> | ... | ... |
| ... | @@ -5,14 +5,14 @@ | ... | @@ -5,14 +5,14 @@ |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <div class="djxxTable"> | 7 | <div class="djxxTable"> |
| 8 | <djbDetail :title="title" :shows="shows" :propsParam="propsParam" | ||
| 9 | :columns="columns" :tableData="tableData" /> | ||
| 8 | <!-- <div v-show="false"> | 10 | <!-- <div v-show="false"> |
| 9 | <printTemplate | 11 | <printTemplate |
| 10 | id="boxfdcq" | 12 | id="boxfdcq" |
| 11 | :tableData="tableData" | 13 | :tableData="tableData" |
| 12 | :render="render" /> | 14 | :render="render" /> |
| 13 | </div> --> | 15 | </div> --> |
| 14 | <djbDetail :title="title" :shows="shows" :propsParam="propsParam" | ||
| 15 | :columns="columns" :tableData="tableData" /> | ||
| 16 | <!-- <div class="tableBox"> | 16 | <!-- <div class="tableBox"> |
| 17 | <div class="title"> | 17 | <div class="title"> |
| 18 | {{ title }} | 18 | {{ title }} |
| ... | @@ -100,10 +100,8 @@ | ... | @@ -100,10 +100,8 @@ |
| 100 | import { getSjlx } from "@/utils/dictionary.js"; | 100 | import { getSjlx } from "@/utils/dictionary.js"; |
| 101 | import { getFdcq2List } from "@/api/djbDetail.js"; | 101 | import { getFdcq2List } from "@/api/djbDetail.js"; |
| 102 | import djbDetail from "./components/djbDetail.vue" | 102 | import djbDetail from "./components/djbDetail.vue" |
| 103 | import printTemplate from "./components/printTemplate.vue"; | ||
| 104 | export default { | 103 | export default { |
| 105 | components: { | 104 | components: { |
| 106 | printTemplate, | ||
| 107 | djbDetail | 105 | djbDetail |
| 108 | }, | 106 | }, |
| 109 | 107 | ... | ... |
| ... | @@ -5,7 +5,9 @@ | ... | @@ -5,7 +5,9 @@ |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <div class="djxxTable"> | 7 | <div class="djxxTable"> |
| 8 | <div v-show="false"> | 8 | <djbDetail :title="title" :shows="shows" :propsParam="propsParam" |
| 9 | :columns="columns" :tableData="tableData" /> | ||
| 10 | <!-- <div v-show="false"> | ||
| 9 | <printTemplate | 11 | <printTemplate |
| 10 | id="boxjsydsyq" | 12 | id="boxjsydsyq" |
| 11 | :tableData="tableData" | 13 | :tableData="tableData" |
| ... | @@ -30,7 +32,6 @@ | ... | @@ -30,7 +32,6 @@ |
| 30 | </div> | 32 | </div> |
| 31 | </div> | 33 | </div> |
| 32 | <div class="xxTableBox rollTable"> | 34 | <div class="xxTableBox rollTable"> |
| 33 | <!-- 固定前三个 --> | ||
| 34 | <table class="xxTable"> | 35 | <table class="xxTable"> |
| 35 | <tr v-for="(item, colindex) in columns" :key="colindex"> | 36 | <tr v-for="(item, colindex) in columns" :key="colindex"> |
| 36 | <td> | 37 | <td> |
| ... | @@ -102,7 +103,7 @@ | ... | @@ -102,7 +103,7 @@ |
| 102 | </tr> | 103 | </tr> |
| 103 | </table> | 104 | </table> |
| 104 | </div> | 105 | </div> |
| 105 | </div> | 106 | </div> --> |
| 106 | </div> | 107 | </div> |
| 107 | </template> | 108 | </template> |
| 108 | 109 | ... | ... |
This diff is collapsed.
Click to expand it.
| ... | @@ -5,7 +5,9 @@ | ... | @@ -5,7 +5,9 @@ |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <div class="djxxTable"> | 7 | <div class="djxxTable"> |
| 8 | <div v-show="false"> | 8 | <djbDetail :title="title" :shows="shows" :propsParam="propsParam" |
| 9 | :columns="columns" :tableData="tableData" /> | ||
| 10 | <!-- <div v-show="false"> | ||
| 9 | <printTemplate id="boxygdj" :tableData="tableData" :render="render"/> | 11 | <printTemplate id="boxygdj" :tableData="tableData" :render="render"/> |
| 10 | </div> | 12 | </div> |
| 11 | <div class="tableBox"> | 13 | <div class="tableBox"> |
| ... | @@ -93,7 +95,7 @@ | ... | @@ -93,7 +95,7 @@ |
| 93 | </tr> | 95 | </tr> |
| 94 | </table> | 96 | </table> |
| 95 | </div> | 97 | </div> |
| 96 | </div> | 98 | </div> --> |
| 97 | </div> | 99 | </div> |
| 98 | </template> | 100 | </template> |
| 99 | 101 | ||
| ... | @@ -114,14 +116,14 @@ export default { | ... | @@ -114,14 +116,14 @@ export default { |
| 114 | // }, | 116 | // }, |
| 115 | shows:false, | 117 | shows:false, |
| 116 | title: "预告登记信息", | 118 | title: "预告登记信息", |
| 117 | qsztList: datas.columns().qsztList, | 119 | // qsztList: datas.columns().qsztList, |
| 118 | checkList: datas.columns().checkList, | 120 | // checkList: datas.columns().checkList, |
| 119 | //传递参数 | 121 | //传递参数 |
| 120 | propsParam: this.$attrs, | 122 | propsParam: this.$attrs, |
| 121 | //列表数据 | 123 | //列表数据 |
| 122 | tableData: [], | 124 | tableData: [], |
| 123 | //空列值个数 | 125 | //空列值个数 |
| 124 | emptycolNum: datas.columns().emptycolNum, | 126 | // emptycolNum: datas.columns().emptycolNum, |
| 125 | //列名称对象 | 127 | //列名称对象 |
| 126 | columns: datas.columns().YGDJ, | 128 | columns: datas.columns().YGDJ, |
| 127 | render:false | 129 | render:false |
| ... | @@ -131,27 +133,27 @@ export default { | ... | @@ -131,27 +133,27 @@ export default { |
| 131 | this.loadData(); | 133 | this.loadData(); |
| 132 | }, | 134 | }, |
| 133 | methods: { | 135 | methods: { |
| 134 | openPrint(){ | 136 | // openPrint(){ |
| 135 | this.render=true | 137 | // this.render=true |
| 136 | setTimeout(() => { | 138 | // setTimeout(() => { |
| 137 | this.prinsss() | 139 | // this.prinsss() |
| 138 | }, 100) | 140 | // }, 100) |
| 139 | }, | 141 | // }, |
| 140 | prinsss(){ | 142 | // prinsss(){ |
| 141 | printJS({ | 143 | // printJS({ |
| 142 | printable: "boxygdj", // // 文档来源:pdf或图像的url,html元素的id或json数据的对象 | 144 | // printable: "boxygdj", // // 文档来源:pdf或图像的url,html元素的id或json数据的对象 |
| 143 | type: "html", | 145 | // type: "html", |
| 144 | maxWidth: 800, // 最大宽度 | 146 | // maxWidth: 800, // 最大宽度 |
| 145 | font_size: "", // 不设置则使用默认字体大小 | 147 | // font_size: "", // 不设置则使用默认字体大小 |
| 146 | style: `@font-face { | 148 | // style: `@font-face { |
| 147 | font-family: "STZHONGS"; | 149 | // font-family: "STZHONGS"; |
| 148 | src: url(${window.ttf}) format("truetype"); | 150 | // src: url(${window.ttf}) format("truetype"); |
| 149 | }`, | 151 | // }`, |
| 150 | // 继承原来的所有样式 | 152 | // // 继承原来的所有样式 |
| 151 | targetStyles: ["*"] | 153 | // targetStyles: ["*"] |
| 152 | }); | 154 | // }); |
| 153 | this.render=false | 155 | // this.render=false |
| 154 | }, | 156 | // }, |
| 155 | /** | 157 | /** |
| 156 | * @description: loadData | 158 | * @description: loadData |
| 157 | * @author: miaofang | 159 | * @author: miaofang | ... | ... |
| ... | @@ -5,7 +5,9 @@ | ... | @@ -5,7 +5,9 @@ |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <div class="djxxTable"> | 7 | <div class="djxxTable"> |
| 8 | <div v-show="false"> | 8 | <djbDetail :title="title" :shows="shows" :propsParam="propsParam" |
| 9 | :columns="columns" :tableData="tableData" /> | ||
| 10 | <!-- <div v-show="false"> | ||
| 9 | <printTemplate | 11 | <printTemplate |
| 10 | id="boxyydj" | 12 | id="boxyydj" |
| 11 | :tableData="tableData" | 13 | :tableData="tableData" |
| ... | @@ -99,7 +101,7 @@ | ... | @@ -99,7 +101,7 @@ |
| 99 | </tr> | 101 | </tr> |
| 100 | </table> | 102 | </table> |
| 101 | </div> | 103 | </div> |
| 102 | </div> | 104 | </div> --> |
| 103 | </div> | 105 | </div> |
| 104 | </template> | 106 | </template> |
| 105 | 107 | ||
| ... | @@ -107,11 +109,11 @@ | ... | @@ -107,11 +109,11 @@ |
| 107 | import { datas } from "./qlxxFormData.js"; | 109 | import { datas } from "./qlxxFormData.js"; |
| 108 | import { getYydjList } from "@/api/djbDetail.js"; | 110 | import { getYydjList } from "@/api/djbDetail.js"; |
| 109 | import { getSjlx, getDictLeabel } from "@/utils/dictionary.js"; | 111 | import { getSjlx, getDictLeabel } from "@/utils/dictionary.js"; |
| 110 | import printTemplate from "./components/printTemplate.vue"; | 112 | import djbDetail from "./components/djbDetail.vue" |
| 111 | export default { | 113 | export default { |
| 112 | components: { | 114 | components: { |
| 113 | printTemplate, | 115 | djbDetail |
| 114 | }, | 116 | }, |
| 115 | data() { | 117 | data() { |
| 116 | return { | 118 | return { |
| 117 | printObj: { | 119 | printObj: { |
| ... | @@ -137,27 +139,27 @@ export default { | ... | @@ -137,27 +139,27 @@ export default { |
| 137 | this.loadData(); | 139 | this.loadData(); |
| 138 | }, | 140 | }, |
| 139 | methods: { | 141 | methods: { |
| 140 | openPrint() { | 142 | // openPrint() { |
| 141 | this.render = true; | 143 | // this.render = true; |
| 142 | setTimeout(() => { | 144 | // setTimeout(() => { |
| 143 | this.prinsss(); | 145 | // this.prinsss(); |
| 144 | }, 100); | 146 | // }, 100); |
| 145 | }, | 147 | // }, |
| 146 | prinsss() { | 148 | // prinsss() { |
| 147 | printJS({ | 149 | // printJS({ |
| 148 | printable: "boxyydj", // // 文档来源:pdf或图像的url,html元素的id或json数据的对象 | 150 | // printable: "boxyydj", // // 文档来源:pdf或图像的url,html元素的id或json数据的对象 |
| 149 | type: "html", | 151 | // type: "html", |
| 150 | maxWidth: 800, // 最大宽度 | 152 | // maxWidth: 800, // 最大宽度 |
| 151 | font_size: "", // 不设置则使用默认字体大小 | 153 | // font_size: "", // 不设置则使用默认字体大小 |
| 152 | style: `@font-face { | 154 | // style: `@font-face { |
| 153 | font-family: "STZHONGS"; | 155 | // font-family: "STZHONGS"; |
| 154 | src: url(${window.ttf}) format("truetype"); | 156 | // src: url(${window.ttf}) format("truetype"); |
| 155 | }`, | 157 | // }`, |
| 156 | // 继承原来的所有样式 | 158 | // // 继承原来的所有样式 |
| 157 | targetStyles: ["*"], | 159 | // targetStyles: ["*"], |
| 158 | }); | 160 | // }); |
| 159 | this.render=false | 161 | // this.render=false |
| 160 | }, | 162 | // }, |
| 161 | /** | 163 | /** |
| 162 | * @description: loadData | 164 | * @description: loadData |
| 163 | * @author: miaofang | 165 | * @author: miaofang |
| ... | @@ -190,61 +192,61 @@ export default { | ... | @@ -190,61 +192,61 @@ export default { |
| 190 | } | 192 | } |
| 191 | }); | 193 | }); |
| 192 | }, | 194 | }, |
| 193 | /** | 195 | // /** |
| 194 | * @description: checkChange | 196 | // * @description: checkChange |
| 195 | * @author: miaofang | 197 | // * @author: miaofang |
| 196 | */ | 198 | // */ |
| 197 | checkChange() { | 199 | // checkChange() { |
| 198 | if (this.checkList.length === 0) { | 200 | // if (this.checkList.length === 0) { |
| 199 | this.tableData = []; | 201 | // this.tableData = []; |
| 200 | this.emptycolNum = datas.columns().emptycolNum; | 202 | // this.emptycolNum = datas.columns().emptycolNum; |
| 201 | } else { | 203 | // } else { |
| 202 | this.loadData(); | 204 | // this.loadData(); |
| 203 | } | 205 | // } |
| 204 | }, | 206 | // }, |
| 205 | /** | 207 | // /** |
| 206 | * @description: getQsztName | 208 | // * @description: getQsztName |
| 207 | * @param {*} code | 209 | // * @param {*} code |
| 208 | * @author: miaofang | 210 | // * @author: miaofang |
| 209 | */ | 211 | // */ |
| 210 | getQsztName(code) { | 212 | // getQsztName(code) { |
| 211 | let name = ""; | 213 | // let name = ""; |
| 212 | for (let item of this.qsztList) { | 214 | // for (let item of this.qsztList) { |
| 213 | if (item.value == code) { | 215 | // if (item.value == code) { |
| 214 | name = item.label; | 216 | // name = item.label; |
| 215 | break; | 217 | // break; |
| 216 | } | 218 | // } |
| 217 | } | 219 | // } |
| 218 | return name; | 220 | // return name; |
| 219 | }, | 221 | // }, |
| 220 | // 新增一条补录信息 | 222 | // // 新增一条补录信息 |
| 221 | /** | 223 | // /** |
| 222 | * @description: 新增一条补录信息 | 224 | // * @description: 新增一条补录信息 |
| 223 | * @param {*} row | 225 | // * @param {*} row |
| 224 | * @param {*} del | 226 | // * @param {*} del |
| 225 | * @author: miaofang | 227 | // * @author: miaofang |
| 226 | */ | 228 | // */ |
| 227 | editDialog(row, del) { | 229 | // editDialog(row, del) { |
| 228 | this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", { | 230 | // this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", { |
| 229 | confirmButtonText: "确定", | 231 | // confirmButtonText: "确定", |
| 230 | cancelButtonText: "取消", | 232 | // cancelButtonText: "取消", |
| 231 | type: "warning", | 233 | // type: "warning", |
| 232 | }) | 234 | // }) |
| 233 | .then(() => { | 235 | // .then(() => { |
| 234 | this.$parent.addRepairRecord(row, del); | 236 | // this.$parent.addRepairRecord(row, del); |
| 235 | 237 | ||
| 236 | this.$message({ | 238 | // this.$message({ |
| 237 | type: "success", | 239 | // type: "success", |
| 238 | message: "补录成功!", | 240 | // message: "补录成功!", |
| 239 | }); | 241 | // }); |
| 240 | }) | 242 | // }) |
| 241 | .catch(() => { | 243 | // .catch(() => { |
| 242 | this.$message({ | 244 | // this.$message({ |
| 243 | type: "info", | 245 | // type: "info", |
| 244 | message: "取消编辑", | 246 | // message: "取消编辑", |
| 245 | }); | 247 | // }); |
| 246 | }); | 248 | // }); |
| 247 | }, | 249 | // }, |
| 248 | }, | 250 | }, |
| 249 | }; | 251 | }; |
| 250 | </script> | 252 | </script> | ... | ... |
-
Please register or sign in to post a comment