样式修改

pages/qc/certificate/endIssued/index.vue

 <template>
   <div class="end-issued">
-    <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="detailModal" title="查看合格证" footer-hide width="1000" :mask-closable="false">
       <Detail @on-close="cancel" @on-ok="addOk" :eid="curId" />
     </Modal>
@@ -8,10 +15,10 @@
 </template>
 
 <script>
-import Api from '../api'
-import Detail from './detail'
+import Api from "../api";
+import Detail from "./detail";
 export default {
-  name: 'index',
+  name: "index",
   components: {
     Detail
   },
@@ -21,145 +28,145 @@ export default {
       detailModal: false,
       curId: 0,
       modalInfo: false,
-      tdHeight:'',
+      tdHeight: "",
       rules: {
-        approveUser: [{ required: true, message: '必填', trigger: 'blur' }]
+        approveUser: [{ required: true, message: "必填", trigger: "blur" }]
       },
       columns: [
-        { key: 'id', title: this.l('id'), hide: true, align: 'left' },
+        { key: "id", title: this.l("id"), hide: true, align: "left" },
         // {
         //   type: 'selection',
         //   width: 60,
         //   align: 'center'
         // },
         {
-          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: 'productQuantity',
-          title: this.l('productQuantity'),
-          align: 'left',
+          key: "productQuantity",
+          title: this.l("productQuantity"),
+          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,
           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",
 
           render: (h, params) => {
-            return h('div', { class: 'action' }, [
+            return h("div", { class: "action" }, [
               h(
-                'op',
+                "op",
                 {
                   attrs: {
-                    oprate: 'detail'
+                    oprate: "detail"
                   },
                   on: { click: () => this.detail(params.row.id) }
                 },
-                '查看合格证'
+                "查看合格证"
               )
-            ])
+            ]);
           }
         }
       ],
       easySearch: {
-        keys: { op: 'mesCode', value: '', default: true },
-        type: { op: 'Equal', value: 2 }
+        keys: { op: "mesCode", value: "", default: true },
+        type: { op: "Equal", value: 2 }
       }
-    }
+    };
   },
   mounted() {},
   created() {
-    this.tdHeight = window.innerHeight - 260
+    this.tdHeight = window.innerHeight - 200;
   },
   methods: {
     addOk() {
       //   this.$refs.grid.load()
-      this.detailModal = false
-      this.curId = 0
+      this.detailModal = false;
+      this.curId = 0;
     },
     cancel() {
-      this.curId = 0
-      this.detailModal = false
+      this.curId = 0;
+      this.detailModal = false;
     },
     reload() {
-      this.$refs.grid.load()
+      this.$refs.grid.load();
     },
     detail(id) {
-      this.detailModal = true
-      this.curId = id
+      this.detailModal = true;
+      this.curId = id;
     },
 
     // 列表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>

pages/qc/certificate/waitOpened/index.vue

@@ -130,7 +130,7 @@ export default {
   },
   mounted() {},
   created() {
-    this.tdHeight = window.innerHeight - 260
+    this.tdHeight = window.innerHeight - 200
   },
   methods: {
     addOk() {