合格证

pages/qc/certificate/waitOpened/index.vue

 <template>
   <div class="wait-opened">
-    <DataGrid :columns="columns" ref="grid" :action="action" :conditions="easySearch" :high="false" :height="tdHeight" ></DataGrid>
+    <DataGrid
+      :columns="columns"
+      ref="grid"
+      :action="action"
+      :conditions="easySearch"
+      :high="false"
+      :height="tdHeight"
+    ></DataGrid>
     <Modal v-model="addModal" title="开合格证" fullscreen footer-hide :mask-closable="false">
       <Add @on-close="cancel" @on-ok="addOk" :eid="curId" ref="addFile" />
     </Modal>
@@ -8,10 +15,10 @@
 </template>
 
 <script>
-import Api from '../api'
-import Add from './add'
+import Api from "../api";
+import Add from "./add";
 export default {
-  name: 'index',
+  name: "index",
   components: {
     Add
   },
@@ -21,144 +28,144 @@ export default {
       checkLists: [],
       addModal: false,
       curId: null,
-      tdHeight:'',
+      tdHeight: "",
       columns: [
-        { key: 'id', title: this.l('id'), hide: true, align: 'left' },
+        { key: "id", title: this.l("id"), hide: true, align: "left" },
         {
-          key: 'mesCode',
-          title: this.l('mesCode'),
-          align: 'left',
+          key: "mesCode",
+          title: this.l("mesCode"),
+          align: "left",
           easy: true,
           high: true
         },
         {
-          key: 'productName',
-          title: this.l('productName'),
-          align: 'left',
+          key: "productName",
+          title: this.l("productName"),
+          align: "left",
           easy: true,
           high: true
         },
         {
-          key: 'drawnNumber',
-          title: this.l('drawnNumber'),
-          align: 'left',
+          key: "drawnNumber",
+          title: this.l("drawnNumber"),
+          align: "left",
           easy: true,
           high: true
         },
         {
-          key: 'quantity',
-          title: this.l('quantity'),
-          align: 'left',
+          key: "quantity",
+          title: this.l("quantity"),
+          align: "left",
           easy: true,
           high: true
         },
 
         {
-          key: 'qualifiedQuantity',
-          title: this.l('qualifiedQuantity'),
-          align: 'left',
+          key: "qualifiedQuantity",
+          title: this.l("qualifiedQuantity"),
+          align: "left",
           easy: true,
           high: true
         },
         {
-          key: 'uncertificateQuantity',
-          title: this.l('uncertificateQuantity'),
-          align: 'left',
+          key: "uncertificateQuantity",
+          title: this.l("uncertificateQuantity"),
+          align: "left",
           easy: true,
           high: true
         },
         {
-          key: 'actualFinishDate',
-          title: this.l('actualFinishDate'),
-          align: 'left',
+          key: "actualFinishDate",
+          title: this.l("actualFinishDate"),
+          align: "left",
           easy: true,
           high: true,
           width: 180,
           render: (h, params) => {
             return h(
-              'span',
-              params.row.actualFinishDate == '0001-01-01 00:00:00'
-                ? ''
+              "span",
+              params.row.actualFinishDate == "0001-01-01 00:00:00"
+                ? ""
                 : params.row.actualFinishDate
-            )
+            );
           }
         },
         {
-          key: 'productingPreparationPeople',
-          title: this.l('productingPreparationPeople'),
-          align: 'left',
+          key: "productingPreparationPeople",
+          title: this.l("productingPreparationPeople"),
+          align: "left",
           easy: true,
           high: true
         },
         {
-          key: 'status',
-          title: this.l('status'),
-          align: 'left',
+          key: "status",
+          title: this.l("status"),
+          align: "left",
           easy: true,
           high: true,
-          code: 'plan.order.status'
+          code: "plan.order.status"
         },
         {
-          title: '操作',
-          key: 'id',
+          title: "操作",
+          key: "id",
           // width: 250,
-          align: 'center',
+          align: "center",
           render: (h, params) => {
-            return h('div', { class: 'action' }, [
+            return h("div", { class: "action" }, [
               h(
-                'op',
+                "op",
                 {
                   attrs: {
-                    oprate: 'add'
+                    oprate: "add"
                   },
                   on: { click: () => this.add(params.row) }
                 },
-                '开合格证'
+                "开合格证"
               )
-            ])
+            ]);
           }
         }
       ],
       easySearch: {
-        keys: { op: 'mesCode', value: null, default: true },
-        type: { op: 'Equal', value: 1 }
+        keys: { op: "mesCode", value: null, default: true },
+        type: { op: "Equal", value: 1 }
       }
-    }
+    };
   },
   async fetch({ store, params }) {
-    await store.dispatch('loadDictionary') // 加载数据字典
+    await store.dispatch("loadDictionary"); // 加载数据字典
   },
   mounted() {},
   created() {
-    this.tdHeight = window.innerHeight - 200
+    this.tdHeight = window.innerHeight - 200;
   },
   methods: {
     addOk() {
-      //   this.$refs.grid.load()
-      this.addModal = false
-      this.curId = 0
+      this.$refs.grid.load();
+      this.addModal = false;
+      this.curId = 0;
     },
     cancel() {
-      this.curId = 0
-      this.addModal = false
+      this.curId = 0;
+      this.addModal = false;
     },
     reload() {
-      this.$refs.grid.load()
+      this.$refs.grid.load();
     },
     add(row) {
-      this.addModal = true
-      this.curId = row.id
-      this.$refs.addFile.entity.productName = row.productName
-      this.$refs.addFile.entity.productStatus = row.status
-      this.$refs.addFile.entity.productCode = row.drawnNumber
+      this.addModal = true;
+      this.curId = row.id;
+      this.$refs.addFile.entity.productName = row.productName;
+      this.$refs.addFile.entity.productStatus = row.status;
+      this.$refs.addFile.entity.productCode = row.drawnNumber;
     },
     // 列表title
     l(key) {
-      let vkey = 'waitOpened' + '.' + key
-      return this.$t(vkey) || key
+      let vkey = "waitOpened" + "." + key;
+      return this.$t(vkey) || key;
     }
   }
-}
+};
 </script>
 
 <style lang="less" scoped>