合并

src/router/index.js

@@ -6,7 +6,7 @@ Vue.use(VueRouter)
 const routes = [
   {
     path: '/',
-    name: 'mian',
+    redirect: '/cargoCharts'
   },
   {
     path: '/mian',

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,6 +8,7 @@
       :columns="columns"
       :row-key="rowKey"
       :row-selection="withSelection ? { selectedRowKeys: selectedRowKeys, onChange: onSelectChange } : null"
+      :rowClassName="rowClassName"
       bordered
     >
       <template
@@ -92,6 +93,13 @@ export default {
       // console.log(selectedRowKeys)
       this.selectedRowKeys = selectedRowKeys
     },
+    rowClassName(index) {
+      if (index.index % 2 == 0) {
+        return "warning-row";
+      } else {
+        return "warning-rows";
+      }
+    },
     editRow(row) {
       console.log('edit')
     },
@@ -117,6 +125,14 @@ export default {
       font-weight: bold;
     }
     .ant-table-tbody {
+      .warning-row {
+        background-color: #f3f5f8;
+        padding: 9px 16px;
+      }
+      .warning-rows {
+        background-color: #fff;
+        padding: 9px 16px;
+      }
       td {
         font-size: 14px;
         font-family: Helvetica, 'Microsoft YaHei';

src/views/securityCheck/index.vue

@@ -1,5 +1,111 @@
 <template>
-  <div>
-    <router-view />
-  </div>
+  <a-layout id="components-layout-demo-custom-trigger">
+    <a-layout-sider v-model="collapsed" :trigger="null" collapsible>
+      <div class="logo" />
+      <a-menu theme="dark" mode="inline">
+        <a-menu-item
+          :key="index"
+          v-for="(item, index) in router"
+          @click="up(item.path)"
+        >
+          <a-icon type="user" />
+          <span>
+            {{ item.name }}
+          </span>
+        </a-menu-item>
+      </a-menu>
+    </a-layout-sider>
+    <a-layout>
+      <!-- <a-layout-header style="background: #fff; padding: 0">
+        <a-icon
+          class="trigger"
+          :type="collapsed ? 'menu-unfold' : 'menu-fold'"
+          @click="() => (collapsed = !collapsed)"
+        />
+      </a-layout-header> -->
+      <a-layout-content
+        :style="{
+          margin: '24px 16px',
+          padding: '24px',
+          background: '#fff',
+          minHeight: '280px',
+        }"
+      >
+        <router-view />
+      </a-layout-content>
+    </a-layout>
+  </a-layout>
 </template>
+<script>
+export default {
+  data() {
+    return {
+      collapsed: false,
+      router: [
+        {
+          path: "/cargoCharts",
+          name: "航空货物关联统计图",
+        },
+        {
+          path: "/cargoRelevanceTable",
+          name: "航空货物关联统计表",
+        },
+        {
+          path: "/cargoStatistics",
+          name: "航空货物综合统计",
+        },
+        {
+          path: "/cargoTable",
+          name: "航空货物综合统计表",
+        },
+        {
+          path: "/agent",
+          name: "代理人信息统计",
+        },
+        {
+          path: "/agentTable",
+          name: "代理人信息统计表",
+        },
+        {
+          path: "/securityChannel",
+          name: "安检通道综合效率",
+        },
+        {
+          path: "/comprehensive",
+          name: "安检通道综合效率日月",
+        },
+        {
+          path: "/waybillTable",
+          name: "运单管理",
+        },
+      ],
+    };
+  },
+  created() {},
+  methods: {
+    up(data) {
+      console.log(data);
+      this.$router.push(data);
+    },
+  },
+};
+</script>
+<style>
+#components-layout-demo-custom-trigger .trigger {
+  font-size: 18px;
+  line-height: 64px;
+  padding: 0 24px;
+  cursor: pointer;
+  transition: color 0.3s;
+}
+
+#components-layout-demo-custom-trigger .trigger:hover {
+  color: #1890ff;
+}
+
+#components-layout-demo-custom-trigger .logo {
+  height: 32px;
+  background: rgba(255, 255, 255, 0.2);
+  margin: 16px;
+}
+</style>

src/views/securityCheck/views/cargoRelevanceTable.vue

@@ -147,6 +147,7 @@ export default {
           normalRatio: "10%",
           strictCount: 1000,
           strictRatio: "5%",
+          index: 1,
         },
         {
           destination: "PEK",
@@ -161,6 +162,7 @@ export default {
           normalRatio: "10%",
           strictCount: 1000,
           strictRatio: "5%",
+          index: 2,
         },
         {
           destination: "NZH",
@@ -175,6 +177,7 @@ export default {
           normalRatio: "10%",
           strictCount: 1000,
           strictRatio: "5%",
+          index: 3,
         },
       ],
     };
@@ -210,6 +213,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

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