style:善证
Showing
3 changed files
with
50 additions
and
68 deletions
| 1 | <!-- | ||
| 2 | * @Description: | ||
| 3 | * @Autor: renchao | ||
| 4 | * @LastEditTime: 2023-05-04 14:13:28 | ||
| 5 | --> | ||
| 1 | <template> | 6 | <template> |
| 2 | <div> | 7 | <lb-table :column="tableData.columns" heightNumSetting :pagination="false" :key="key" :data="tableData.data"> |
| 3 | <lb-table :column="tableData.columns" border :maxHeight="300" heightNumSetting :pagination="false" :key="key" :data="tableData.data"> | ||
| 4 | </lb-table> | 8 | </lb-table> |
| 5 | </div> | ||
| 6 | </template> | 9 | </template> |
| 7 | <script> | 10 | <script> |
| 8 | import { mapGetters } from 'vuex' | 11 | import { mapGetters } from 'vuex' |
| 9 | import { getSzRecordList } from "@/api/bdcqz.js"; | 12 | import { getSzRecordList } from "@/api/bdcqz.js"; |
| 10 | import table from "@/utils/mixin/table"; | 13 | import table from "@/utils/mixin/table"; |
| 11 | import { datas } from "../javascript/szxxdata"; | 14 | import { datas } from "../../javascript/szxxdata"; |
| 12 | export default { | 15 | export default { |
| 13 | components: { | 16 | components: { |
| 14 | 17 | ||
| 15 | }, | 18 | }, |
| ... | @@ -21,7 +24,7 @@ export default { | ... | @@ -21,7 +24,7 @@ export default { |
| 21 | formData: { | 24 | formData: { |
| 22 | type: Object, | 25 | type: Object, |
| 23 | default: {} | 26 | default: {} |
| 24 | }, | 27 | } |
| 25 | }, | 28 | }, |
| 26 | data () { | 29 | data () { |
| 27 | return { | 30 | return { |
| ... | @@ -36,20 +39,20 @@ export default { | ... | @@ -36,20 +39,20 @@ export default { |
| 36 | }, | 39 | }, |
| 37 | } | 40 | } |
| 38 | }, | 41 | }, |
| 39 | mounted() { | 42 | mounted () { |
| 40 | this.query() | 43 | this.query() |
| 41 | }, | 44 | }, |
| 42 | methods: { | 45 | methods: { |
| 43 | query(){ | 46 | query () { |
| 44 | getSzRecordList({bsmBdcqz: this.formData.bsmBdcqz}).then(res => { | 47 | getSzRecordList({ bsmBdcqz: this.formData.bsmBdcqz }).then(res => { |
| 45 | if(res.code == 200){ | 48 | if (res.code == 200) { |
| 46 | this.tableData.data = res.result; | 49 | this.tableData.data = res.result; |
| 50 | this.key++ | ||
| 47 | } | 51 | } |
| 48 | }) | 52 | }) |
| 49 | } | 53 | } |
| 50 | } | 54 | } |
| 51 | } | 55 | } |
| 52 | </script> | 56 | </script> |
| 53 | <style scoped lang='scss'> | 57 | <style scoped lang='scss'> |
| 54 | |||
| 55 | </style> | 58 | </style> |
| ... | \ No newline at end of file | ... | \ No newline at end of file | ... | ... |
| ... | @@ -72,7 +72,6 @@ | ... | @@ -72,7 +72,6 @@ |
| 72 | <script> | 72 | <script> |
| 73 | import { getSlsqBdcqzList, invalidCertificate, getSzRecordList } from "@/api/bdcqz.js"; | 73 | import { getSlsqBdcqzList, invalidCertificate, getSzRecordList } from "@/api/bdcqz.js"; |
| 74 | import bdcqzPrint from "./zsdy.vue"; | 74 | import bdcqzPrint from "./zsdy.vue"; |
| 75 | import { popupDialog } from "@/utils/popup.js"; | ||
| 76 | export default { | 75 | export default { |
| 77 | components: { bdcqzPrint }, | 76 | components: { bdcqzPrint }, |
| 78 | props: {}, | 77 | props: {}, |
| ... | @@ -122,23 +121,6 @@ | ... | @@ -122,23 +121,6 @@ |
| 122 | this.bdcqz = item; | 121 | this.bdcqz = item; |
| 123 | this.$refs.bdcqzPrint.getBdcqzPreview(); | 122 | this.$refs.bdcqzPrint.getBdcqzPreview(); |
| 124 | }) | 123 | }) |
| 125 | //证书打印 | ||
| 126 | // this.$popup("证书打印", "workflow/components/zsdy", { | ||
| 127 | // height: "700px", | ||
| 128 | // width: "800px", | ||
| 129 | // formData: { | ||
| 130 | // bsmSlsq: this.bsmSlsq, | ||
| 131 | // bdcqz: item, | ||
| 132 | // }, | ||
| 133 | // btnShow: true, | ||
| 134 | // confirmText: "打印证书", | ||
| 135 | // cancel: () => { | ||
| 136 | // console.log("取消回调"); | ||
| 137 | // }, | ||
| 138 | // confirm: () => { | ||
| 139 | // that.list(); | ||
| 140 | // }, | ||
| 141 | // }); | ||
| 142 | } | 124 | } |
| 143 | }, | 125 | }, |
| 144 | //再次打印 | 126 | //再次打印 |
| ... | @@ -166,7 +148,7 @@ | ... | @@ -166,7 +148,7 @@ |
| 166 | }); | 148 | }); |
| 167 | }, | 149 | }, |
| 168 | openRecordPop (item) { | 150 | openRecordPop (item) { |
| 169 | popupDialog("缮证记录", "workflow/components/szRecord", { bsmBdcqz: item.bsmBdcqz }, '50%') | 151 | this.$popupDialog("缮证记录", "workflow/components/dialog/szRecord", { bsmBdcqz: item.bsmBdcqz }, '60%', true) |
| 170 | } | 152 | } |
| 171 | }, | 153 | }, |
| 172 | }; | 154 | }; | ... | ... |
| ... | @@ -4,24 +4,21 @@ | ... | @@ -4,24 +4,21 @@ |
| 4 | width="60%" | 4 | width="60%" |
| 5 | v-model="myValue" | 5 | v-model="myValue" |
| 6 | @closeDialog="closeDialog" | 6 | @closeDialog="closeDialog" |
| 7 | @submitForm="handleSubmit" | 7 | @submitForm="handleSubmit"> |
| 8 | > | ||
| 9 | <div> | 8 | <div> |
| 10 | <div> | 9 | <div> |
| 11 | <el-form | 10 | <el-form |
| 12 | :model="ruleForm" | 11 | :model="ruleForm" |
| 13 | :rules="rules" | 12 | :rules="rules" |
| 14 | ref="ruleForm" | 13 | ref="ruleForm" |
| 15 | label-width="120px" | 14 | label-width="120px"> |
| 16 | > | ||
| 17 | <el-form-item label="印刷序列号:" prop="ysxlh"> | 15 | <el-form-item label="印刷序列号:" prop="ysxlh"> |
| 18 | <el-select v-model="ruleForm.ysxlh" placeholder="请选择"> | 16 | <el-select v-model="ruleForm.ysxlh" placeholder="请选择"> |
| 19 | <el-option | 17 | <el-option |
| 20 | v-for="item in ysxlh" | 18 | v-for="item in ysxlh" |
| 21 | :key="item.ysxlh" | 19 | :key="item.ysxlh" |
| 22 | :label="item.ysxlh" | 20 | :label="item.ysxlh" |
| 23 | :value="item.ysxlh" | 21 | :value="item.ysxlh"> |
| 24 | > | ||
| 25 | </el-option> | 22 | </el-option> |
| 26 | </el-select> | 23 | </el-select> |
| 27 | </el-form-item> | 24 | </el-form-item> |
| ... | @@ -34,15 +31,15 @@ | ... | @@ -34,15 +31,15 @@ |
| 34 | </template> | 31 | </template> |
| 35 | 32 | ||
| 36 | <script> | 33 | <script> |
| 37 | import { datas } from "../javascript/zsyl.js"; | 34 | import { datas } from "../javascript/zsyl.js"; |
| 38 | import { readYsxlh, certificate, bdcqzPreview } from "@/api/bdcqz.js"; | 35 | import { readYsxlh, certificate, bdcqzPreview } from "@/api/bdcqz.js"; |
| 39 | export default { | 36 | export default { |
| 40 | components: {}, | 37 | components: {}, |
| 41 | props: { | 38 | props: { |
| 42 | value: { type: Boolean, default: false }, | 39 | value: { type: Boolean, default: false }, |
| 43 | bdcqz: { type: Object, default: () => {} }, | 40 | bdcqz: { type: Object, default: () => { } }, |
| 44 | }, | 41 | }, |
| 45 | data() { | 42 | data () { |
| 46 | return { | 43 | return { |
| 47 | myValue: this.value, | 44 | myValue: this.value, |
| 48 | //印刷序列号集合 | 45 | //印刷序列号集合 |
| ... | @@ -66,7 +63,7 @@ export default { | ... | @@ -66,7 +63,7 @@ export default { |
| 66 | }; | 63 | }; |
| 67 | }, | 64 | }, |
| 68 | watch: { | 65 | watch: { |
| 69 | value(val) { | 66 | value (val) { |
| 70 | this.myValue = val; | 67 | this.myValue = val; |
| 71 | if (val) { | 68 | if (val) { |
| 72 | this.columns = datas.columns(); | 69 | this.columns = datas.columns(); |
| ... | @@ -76,25 +73,25 @@ export default { | ... | @@ -76,25 +73,25 @@ export default { |
| 76 | }, | 73 | }, |
| 77 | methods: { | 74 | methods: { |
| 78 | //获取印刷序列号列表 | 75 | //获取印刷序列号列表 |
| 79 | ysxlhList() { | 76 | ysxlhList () { |
| 80 | readYsxlh({ zslx: this.bdcqz.bdcqzlx }).then((res) => { | 77 | readYsxlh({ zslx: this.bdcqz.bdcqzlx }).then((res) => { |
| 81 | if (res.code === 200) { | 78 | if (res.code === 200) { |
| 82 | this.ysxlh = res.result; | 79 | this.ysxlh = res.result; |
| 83 | } | 80 | } |
| 84 | }); | 81 | }); |
| 85 | }, | 82 | }, |
| 86 | closeDialog() { | 83 | closeDialog () { |
| 87 | this.$emit("input", false); | 84 | this.$emit("input", false); |
| 88 | }, | 85 | }, |
| 89 | handleSubmit() { | 86 | handleSubmit () { |
| 90 | this.savePrintRecord(); | 87 | this.savePrintRecord(); |
| 91 | }, | 88 | }, |
| 92 | //获取证书内容 | 89 | //获取证书内容 |
| 93 | getRowValue(code) { | 90 | getRowValue (code) { |
| 94 | var value = this.bdcqz[code]; | 91 | var value = this.bdcqz[code]; |
| 95 | return value; | 92 | return value; |
| 96 | }, | 93 | }, |
| 97 | getBdcqzPreview() { | 94 | getBdcqzPreview () { |
| 98 | this.$startLoading() | 95 | this.$startLoading() |
| 99 | bdcqzPreview(this.bdcqz).then(res => { | 96 | bdcqzPreview(this.bdcqz).then(res => { |
| 100 | this.$endLoading() | 97 | this.$endLoading() |
| ... | @@ -104,7 +101,7 @@ export default { | ... | @@ -104,7 +101,7 @@ export default { |
| 104 | }) | 101 | }) |
| 105 | }, | 102 | }, |
| 106 | //保存打印记录 | 103 | //保存打印记录 |
| 107 | savePrintRecord() { | 104 | savePrintRecord () { |
| 108 | this.ruleForm.bsmBdcqz = this.bdcqz.bsmBdcqz; | 105 | this.ruleForm.bsmBdcqz = this.bdcqz.bsmBdcqz; |
| 109 | this.ruleForm.bdcqzlx = this.bdcqz.bdcqzlx; | 106 | this.ruleForm.bdcqzlx = this.bdcqz.bdcqzlx; |
| 110 | this.ruleForm.szzh = this.bdcqz.bdcqzh; | 107 | this.ruleForm.szzh = this.bdcqz.bdcqzh; |
| ... | @@ -120,24 +117,24 @@ export default { | ... | @@ -120,24 +117,24 @@ export default { |
| 120 | }); | 117 | }); |
| 121 | }, | 118 | }, |
| 122 | }, | 119 | }, |
| 123 | }; | 120 | }; |
| 124 | </script> | 121 | </script> |
| 125 | <style scoped lang="scss"> | 122 | <style scoped lang="scss"> |
| 126 | @import "~@/styles/mixin.scss"; | 123 | @import "~@/styles/mixin.scss"; |
| 127 | 124 | ||
| 128 | .aaaa { | 125 | .aaaa { |
| 129 | width: 1024px; | 126 | width: 1024px; |
| 130 | height: 739px; | 127 | height: 739px; |
| 131 | font-family: KaiTi; | 128 | font-family: KaiTi; |
| 132 | font-weight: 700; | 129 | font-weight: 700; |
| 133 | } | 130 | } |
| 134 | .bdcdjzm { | 131 | .bdcdjzm { |
| 135 | width: 1123px; | 132 | width: 1123px; |
| 136 | height: 794px; | 133 | height: 794px; |
| 137 | font-family: KaiTi; | 134 | font-family: KaiTi; |
| 138 | font-weight: 700; | 135 | font-weight: 700; |
| 139 | } | 136 | } |
| 140 | .zmyl-box { | 137 | .zmyl-box { |
| 141 | //position: relative; | 138 | //position: relative; |
| 142 | position: absolute; | 139 | position: absolute; |
| 143 | height: 600px; | 140 | height: 600px; |
| ... | @@ -145,14 +142,14 @@ export default { | ... | @@ -145,14 +142,14 @@ export default { |
| 145 | margin-left: 775px; | 142 | margin-left: 775px; |
| 146 | font-size: 16px; | 143 | font-size: 16px; |
| 147 | justify-content: space-between; | 144 | justify-content: space-between; |
| 148 | } | 145 | } |
| 149 | .bdcqzh { | 146 | .bdcqzh { |
| 150 | height: 70px; | 147 | height: 70px; |
| 151 | left: 0; | 148 | left: 0; |
| 152 | bottom: 0; | 149 | bottom: 0; |
| 153 | font-size: 18px; | 150 | font-size: 18px; |
| 154 | } | 151 | } |
| 155 | .zsyl-box { | 152 | .zsyl-box { |
| 156 | display: flex; | 153 | display: flex; |
| 157 | justify-content: space-between; | 154 | justify-content: space-between; |
| 158 | // padding: 20px; | 155 | // padding: 20px; |
| ... | @@ -230,11 +227,11 @@ export default { | ... | @@ -230,11 +227,11 @@ export default { |
| 230 | /deep/.el-table__row { | 227 | /deep/.el-table__row { |
| 231 | background: #fafbe5 !important; | 228 | background: #fafbe5 !important; |
| 232 | } | 229 | } |
| 233 | } | 230 | } |
| 234 | .middle_padding { | 231 | .middle_padding { |
| 235 | padding-bottom: 10px; | 232 | padding-bottom: 10px; |
| 236 | } | 233 | } |
| 237 | .zsyl-button { | 234 | .zsyl-button { |
| 238 | text-align: center; | 235 | text-align: center; |
| 239 | margin-top: 20px; | 236 | margin-top: 20px; |
| 240 | .operation_button { | 237 | .operation_button { |
| ... | @@ -245,5 +242,5 @@ export default { | ... | @@ -245,5 +242,5 @@ export default { |
| 245 | color: white; | 242 | color: white; |
| 246 | background-color: rgb(0, 121, 254); | 243 | background-color: rgb(0, 121, 254); |
| 247 | } | 244 | } |
| 248 | } | 245 | } |
| 249 | </style> | 246 | </style> | ... | ... |
-
Please register or sign in to post a comment