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