1

src/views/securityCheck/components/securityCheckHeader.vue

@@ -26,8 +26,7 @@
             v-model="formData.startDate"
             type="date"
             size="small"
-            format="开始：yyyy-MM-dd"
-            value-format="yyyy-MM-dd"
+            format="YYYY-MM-DD"
           />
         </a-form-item>
         <a-form-item prop="endDate" style="margin-right: 36px">
@@ -35,8 +34,7 @@
             v-model="formData.endDate"
             type="date"
             size="small"
-            format="结束：yyyy-MM-dd"
-            value-format="yyyy-MM-dd"
+            format="YYYY-MM-DD"
           />
         </a-form-item>
         <a-form-item
@@ -312,6 +310,9 @@ export default {
     // height: 32px;
     // line-height: 30px;
   }
+  ::v-deep .ant-calendar-picker-icon {
+    display: none;
+  }
   .ant-btn-primary {
     background-color: #2d67e3;
   }

src/views/securityCheck/components/securityCheckTable.vue

@@ -8,10 +8,9 @@
       ref="table"
       :data-source="tableData"
       :columns="tableCols"
-      stripeed
-      fited
       bordered
       height="100%"
+      :rowClassName="rowClassName"
     >
       <template v-if="withSelection">
         <a-table-column type="selection" width="35" />
@@ -99,6 +98,13 @@ export default {
     this.$refs["table"].doLayout();
   },
   methods: {
+    rowClassName(index) {
+      if (index.index % 2 == 0) {
+        return "warning-row";
+      } else {
+        return "warning-rows";
+      }
+    },
     editRow(row) {
       console.log("edit");
     },
@@ -112,6 +118,12 @@ export default {
 <style lang="scss" scoped>
 .security-check-table-wrapper {
   width: 100%;
+  ::v-deep .warning-row {
+    background-color: #f3f5f8;
+  }
+  ::v-deep .warning-rows {
+    background-color: #fff;
+  }
   ::v-deep .ant-table-column-title {
     font-size: 14px;
     font-family: Helvetica, "Microsoft YaHei";

src/views/securityCheck/views/cargoRelevanceTable.vue

@@ -146,6 +146,7 @@ export default {
           normalRatio: "10%",
           strictCount: 1000,
           strictRatio: "5%",
+          index: 1,
         },
         {
           destination: "PEK",
@@ -160,6 +161,7 @@ export default {
           normalRatio: "10%",
           strictCount: 1000,
           strictRatio: "5%",
+          index: 2,
         },
         {
           destination: "NZH",
@@ -174,6 +176,7 @@ export default {
           normalRatio: "10%",
           strictCount: 1000,
           strictRatio: "5%",
+          index: 3,
         },
       ],
     };
@@ -209,6 +212,7 @@ export default {
 <style lang="scss" scoped>
 .table-wrapper {
   padding: 0 24px;
+  background: #dfe3ea;
   .table-header-wrapper {
     padding-top: 24px;
   }

src/views/securityCheck/views/cargoTable.vue

@@ -148,6 +148,7 @@ export default {
 <style lang="scss" scoped>
 .table-wrapper {
   padding: 0 24px;
+  background: #dfe3ea;
   .table-header-wrapper {
     padding-top: 24px;
   }