141c94e6 by renchao@pashanhoo.com

style:善证

1 parent 943ebf77
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>
......