列表展示和详情样式

@@ -33,7 +33,6 @@
     >
     <el-table
       :data="flyList"
-      style="width: 800px"
       v-loading="loading"
       size="small"
     >
@@ -52,6 +51,15 @@
         </template>
       </el-table-column>
 
+      <el-table-column prop="createUserName" label="操作人" align="center">
+      </el-table-column>
+
+      <el-table-column prop="createTime" label="更新时间" align="center">
+        <template slot-scope="scope">
+          {{scope.row.createTime | formatTimer}}
+        </template>
+      </el-table-column>
+
       <el-table-column label="操作" prop="id" align="center">
         <template slot-scope="scope">
           <el-button
@@ -115,6 +123,10 @@ import {
   enableOrDisable,
 } from "@/api/destinationFlight";
 
+import {
+  parseTime
+} from "@/utils/FedEx";
+
 export default {
   data() {
     return {
@@ -193,10 +205,33 @@ export default {
         })
         .catch(function () {});
     },
+    parseDate(time){
+      // debugger
+      let str = new Date(time).format("yyyy-MM-dd");
+      // let str =  parseTime(date, 'yyyy-dd-mm');
+      return str;
+    }
   },
   created() {
     this.getList();
   },
+  filters: {
+    formatTimer: function(value) {
+      let date = new Date(value);
+      let y = date.getFullYear();
+      let MM = date.getMonth() + 1;
+      MM = MM < 10 ? "0" + MM : MM;
+      let d = date.getDate();
+      d = d < 10 ? "0" + d : d;
+      let h = date.getHours();
+      h = h < 10 ? "0" + h : h;
+      let m = date.getMinutes();
+      m = m < 10 ? "0" + m : m;
+      let s = date.getSeconds();
+      s = s < 10 ? "0" + s : s;
+      return y + "-" + MM + "-" + d + " " + h + ":" + m + ":" + s;
+    }
+  },
 };
 </script>
 

@@ -121,6 +121,7 @@
       </el-form-item>
 
       <el-form-item label="申报类别">
+        <el-card shadow="never" style="width:70%">
         <el-checkbox-group v-model="form.typeOfGoods">
           <el-checkbox
             v-for="item in cargoType"
@@ -129,20 +130,24 @@
             :name="item.chineseName"
           ></el-checkbox>
         </el-checkbox-group>
+        </el-card>
       </el-form-item>
 
       <el-form-item label="货物类型">
-        <el-checkbox-group v-model="form.declarationCategory">
-          <el-checkbox
-            v-for="item in cargoStatus"
-            :key="item.id"
-            :label="item.chineseName"
-            :name="item.chineseName"
-          ></el-checkbox>
-        </el-checkbox-group>
+        <el-card shadow="never" style="width:70%">
+          <el-checkbox-group v-model="form.declarationCategory">
+            <el-checkbox
+              v-for="item in cargoStatus"
+              :key="item.id"
+              :label="item.chineseName"
+              :name="item.chineseName"
+            ></el-checkbox>
+          </el-checkbox-group>
+        </el-card>
       </el-form-item>
 
       <el-form-item label="Service Code">
+        <el-card shadow="never" style="width:70%">
         <el-checkbox-group v-model="form.serviceCode">
           <el-checkbox
             v-for="item in serviceCode"
@@ -151,9 +156,11 @@
             :name="item.englishName"
           ></el-checkbox>
         </el-checkbox-group>
+        </el-card>
       </el-form-item>
 
       <el-form-item label="Sub Category">
+        <el-card shadow="never" style="width:70%">
         <el-checkbox-group v-model="form.subCategory">
           <el-checkbox
             v-for="item in subCategory"
@@ -162,6 +169,7 @@
             :name="item.englishName"
           ></el-checkbox>
         </el-checkbox-group>
+        </el-card>
       </el-form-item>
     </el-form>
     <el-row style="margin-left: 200px">
@@ -317,17 +325,23 @@ export default {
 <style rel="stylesheet/scss" lang="scss">
 .el-textarea.is-disabled .el-textarea__inner {
   background-color: rgba(255, 255, 255, 0.5);
-  color: #82848a;
+  color: #303133;
 }
 .el-input.is-disabled .el-input__inner {
   background-color: rgba(255, 255, 255, 0.5);
-  color: #82848a;
+  color: #303133;
 }
 .el-checkbox__input.is-disabled.is-checked .el-checkbox__inner {
   background-color: rgba(255, 255, 255, 0.5);
 }
 .el-checkbox__input.is-disabled + span.el-checkbox__label {
-  color: #82848a;
+  color: #303133;
+}
+.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner::after {
+    border-color: #303133;
+}
+.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner{
+  border-color: #606266
 }
 </style>