style:善证

+<!--
+ * @Description: 
+ * @Autor: renchao
+ * @LastEditTime: 2023-05-04 14:13:28
+-->
 <template>
-  <div>
-    <lb-table :column="tableData.columns" border :maxHeight="300" heightNumSetting :pagination="false" :key="key" :data="tableData.data">
+  <lb-table :column="tableData.columns" heightNumSetting :pagination="false" :key="key" :data="tableData.data">
   </lb-table>
-  </div>
 </template>
 <script>
-import { mapGetters } from 'vuex'
-import { getSzRecordList } from "@/api/bdcqz.js";
-import table from "@/utils/mixin/table";
-import { datas } from "../javascript/szxxdata";
-export default {
+  import { mapGetters } from 'vuex'
+  import { getSzRecordList } from "@/api/bdcqz.js";
+  import table from "@/utils/mixin/table";
+  import { datas } from "../../javascript/szxxdata";
+  export default {
     components: {
 
     },
@@ -21,7 +24,7 @@ export default {
       formData: {
         type: Object,
         default: {}
-    },
+      }
     },
     data () {
       return {
@@ -36,20 +39,20 @@ export default {
         },
       }
     },
-  mounted() {
+    mounted () {
       this.query()
     },
     methods: {
-    query(){
-        getSzRecordList({bsmBdcqz: this.formData.bsmBdcqz}).then(res => {
-            if(res.code == 200){
+      query () {
+        getSzRecordList({ bsmBdcqz: this.formData.bsmBdcqz }).then(res => {
+          if (res.code == 200) {
             this.tableData.data = res.result;
+            this.key++
           }
         })
       }
     }
-}
+  }
 </script>
 <style scoped lang='scss'>
-
 </style>
\ No newline at end of file

@@ -72,7 +72,6 @@
 <script>
   import { getSlsqBdcqzList, invalidCertificate, getSzRecordList } from "@/api/bdcqz.js";
   import bdcqzPrint from "./zsdy.vue";
-  import { popupDialog } from "@/utils/popup.js";
   export default {
     components: { bdcqzPrint },
     props: {},
@@ -122,23 +121,6 @@
             this.bdcqz = item;
             this.$refs.bdcqzPrint.getBdcqzPreview();
           })
-          //证书打印
-          // this.$popup("证书打印", "workflow/components/zsdy", {
-          //   height: "700px",
-          //   width: "800px",
-          //   formData: {
-          //     bsmSlsq: this.bsmSlsq,
-          //     bdcqz: item,
-          //   },
-          //   btnShow: true,
-          //   confirmText: "打印证书",
-          //   cancel: () => {
-          //     console.log("取消回调");
-          //   },
-          //   confirm: () => {
-          //     that.list();
-          //   },
-          // });
         }
       },
       //再次打印
@@ -166,7 +148,7 @@
         });
       },
       openRecordPop (item) {
-        popupDialog("缮证记录", "workflow/components/szRecord", { bsmBdcqz: item.bsmBdcqz }, '50%')
+        this.$popupDialog("缮证记录", "workflow/components/dialog/szRecord", { bsmBdcqz: item.bsmBdcqz }, '60%', true)
       }
     },
   };

@@ -4,24 +4,21 @@
     width="60%"
     v-model="myValue"
     @closeDialog="closeDialog"
-    @submitForm="handleSubmit"
-  >
+    @submitForm="handleSubmit">
     <div>
       <div>
         <el-form
           :model="ruleForm"
           :rules="rules"
           ref="ruleForm"
-          label-width="120px"
-        >
+          label-width="120px">
           <el-form-item label="印刷序列号：" prop="ysxlh">
             <el-select v-model="ruleForm.ysxlh" placeholder="请选择">
               <el-option
                 v-for="item in ysxlh"
                 :key="item.ysxlh"
                 :label="item.ysxlh"
-                :value="item.ysxlh"
-              >
+                :value="item.ysxlh">
               </el-option>
             </el-select>
           </el-form-item>
@@ -34,15 +31,15 @@
 </template>
 
 <script>
-import { datas } from "../javascript/zsyl.js";
-import { readYsxlh, certificate, bdcqzPreview } from "@/api/bdcqz.js";
-export default {
+  import { datas } from "../javascript/zsyl.js";
+  import { readYsxlh, certificate, bdcqzPreview } from "@/api/bdcqz.js";
+  export default {
     components: {},
     props: {
       value: { type: Boolean, default: false },
-    bdcqz: { type: Object, default: () => {} },
+      bdcqz: { type: Object, default: () => { } },
     },
-  data() {
+    data () {
       return {
         myValue: this.value,
         //印刷序列号集合
@@ -66,7 +63,7 @@ export default {
       };
     },
     watch: {
-    value(val) {
+      value (val) {
         this.myValue = val;
         if (val) {
           this.columns = datas.columns();
@@ -76,25 +73,25 @@ export default {
     },
     methods: {
       //获取印刷序列号列表
-    ysxlhList() {
+      ysxlhList () {
         readYsxlh({ zslx: this.bdcqz.bdcqzlx }).then((res) => {
           if (res.code === 200) {
             this.ysxlh = res.result;
           }
         });
       },
-    closeDialog() {
+      closeDialog () {
         this.$emit("input", false);
       },
-    handleSubmit() {
+      handleSubmit () {
         this.savePrintRecord();
       },
       //获取证书内容
-    getRowValue(code) {
+      getRowValue (code) {
         var value = this.bdcqz[code];
         return value;
       },
-    getBdcqzPreview() {
+      getBdcqzPreview () {
         this.$startLoading()
         bdcqzPreview(this.bdcqz).then(res => {
           this.$endLoading()
@@ -104,7 +101,7 @@ export default {
         })
       },
       //保存打印记录
-    savePrintRecord() {
+      savePrintRecord () {
         this.ruleForm.bsmBdcqz = this.bdcqz.bsmBdcqz;
         this.ruleForm.bdcqzlx = this.bdcqz.bdcqzlx;
         this.ruleForm.szzh = this.bdcqz.bdcqzh;
@@ -120,24 +117,24 @@ export default {
         });
       },
     },
-};
+  };
 </script>
 <style scoped lang="scss">
-@import "~@/styles/mixin.scss";
+  @import "~@/styles/mixin.scss";
 
-.aaaa {
+  .aaaa {
     width: 1024px;
     height: 739px;
     font-family: KaiTi;
     font-weight: 700;
-}
-.bdcdjzm {
+  }
+  .bdcdjzm {
     width: 1123px;
     height: 794px;
     font-family: KaiTi;
     font-weight: 700;
-}
-.zmyl-box {
+  }
+  .zmyl-box {
     //position: relative;
     position: absolute;
     height: 600px;
@@ -145,14 +142,14 @@ export default {
     margin-left: 775px;
     font-size: 16px;
     justify-content: space-between;
-}
-.bdcqzh {
+  }
+  .bdcqzh {
     height: 70px;
     left: 0;
     bottom: 0;
     font-size: 18px;
-}
-.zsyl-box {
+  }
+  .zsyl-box {
     display: flex;
     justify-content: space-between;
     // padding: 20px;
@@ -230,11 +227,11 @@ export default {
     /deep/.el-table__row {
       background: #fafbe5 !important;
     }
-}
-.middle_padding {
+  }
+  .middle_padding {
     padding-bottom: 10px;
-}
-.zsyl-button {
+  }
+  .zsyl-button {
     text-align: center;
     margin-top: 20px;
     .operation_button {
@@ -245,5 +242,5 @@ export default {
       color: white;
       background-color: rgb(0, 121, 254);
     }
-}
+  }
 </style>