perf: 优化首页

admin_2/src/pages/home/Home.vue

@@ -17,7 +17,9 @@
               :value="homeData.totalCount"
             ></el-statistic>
             <div class="text-[14px] text-[#424E65]">
-              数仓最近汇聚时间：{{ newTime }}
+              数仓汇聚时间范围：2023-01-01 00:00:00至{{
+                homeData.lastStatUpdateTime
+              }}
             </div>
           </div>
         </div>
@@ -96,88 +98,7 @@ export default {
         dimensions: ["name", "value"],
         source: [],
       },
-      areaList: [
-        {
-          name: "高新区",
-          systemList: ["排队系统", "评价系统"],
-          date: "2024-06-26",
-          img: require("@/assets/img/gaoxinqu.png"),
-        },
-        {
-          name: "高县",
-          systemList: ["排队系统", "评价系统"],
-          date: "2024-06-26",
-          img: require("@/assets/img/gaoxian.png"),
-        },
-        {
-          name: "屏山县",
-          systemList: ["排队系统", "评价系统"],
-          date: "2024-06-26",
-          img: require("@/assets/img/pingshanxian.png"),
-        },
-        {
-          name: "翠屏区",
-          systemList: ["排队系统", "评价系统"],
-          date: "2024-06-26",
-          img: require("@/assets/img/cuipingqu.png"),
-        },
-        {
-          name: "叙洲区",
-          systemList: ["排队系统", "评价系统"],
-          date: "2024-06-26",
-          img: require("@/assets/img/xuzhouqu.png"),
-        },
-        {
-          name: "珙县",
-          systemList: [],
-          date: "2024-06-26",
-          img: require("@/assets/img/gongxian.png"),
-        },
-        {
-          name: "南溪区",
-          systemList: ["排队系统", "评价系统"],
-          date: "2024-06-26",
-          img: require("@/assets/img/nanxiqu.png"),
-        },
-        {
-          name: "江安县",
-          systemList: ["排队系统", "评价系统"],
-          date: "2024-06-26",
-          img: require("@/assets/img/jianganxian.png"),
-        },
-        {
-          name: "长宁县",
-          systemList: ["排队系统", "评价系统"],
-          date: "2024-06-26",
-          img: require("@/assets/img/changningxian.png"),
-        },
-        {
-          name: "筠连县",
-          systemList: [],
-          date: "2024-06-26",
-          img: require("@/assets/img/junlianxina.png"),
-        },
-        {
-          name: "兴文县",
-          systemList: ["排队系统"],
-          date: "2024-06-26",
-          img: require("@/assets/img/xingwenxian.png"),
-        },
-        {
-          name: "两海示范区",
-          systemList: ["排队系统", "评价系统"],
-          date: "2024-06-26",
-          img: require("@/assets/img/lianghaishifanqu.png"),
-        },
-        {
-          name: "三江新区",
-          systemList: ["排队系统", "评价系统"],
-          date: "2024-06-26",
-          img: require("@/assets/img/sanjiangxinqu.png"),
-        },
-      ],
       homeData: {},
-      newTime: this.$moment().format("YYYY-MM-DD HH:mm:ss"),
     };
   },
   created() {

admin_2/src/pages/home/components/AreaCard.vue

@@ -13,7 +13,7 @@
     <div class="content">
       <!-- 对接时间 -->
       <div class="w-full">
-        <span class="time" v-if="tag.length">
+        <span class="time" v-if="isAccess">
           对接时间：<span v-if="data.accessTime">{{
             data.accessTime | dateDayFormat
           }}</span>
@@ -21,7 +21,7 @@
       </div>
       <!-- name -->
       <span class="name">{{ data.areaName }}</span>
-      <div class="flex gap-2" v-if="tag.length">
+      <div class="flex gap-2" v-if="isAccess">
         <span class="item" v-for="(v, i) in tag" :key="i">{{ v }}</span>
       </div>
       <span class="item-2" v-else>等待对接</span>
@@ -50,6 +50,15 @@ export default {
         return [];
       }
     },
+    isAccess() {
+      if (this.data.accessSystemList && this.data.accessSystemList.length) {
+        return this.data.accessSystemList.every((v) => {
+          return v.enabled != 0;
+        });
+      } else {
+        return false;
+      }
+    },
   },
   methods: {
     handleClick() {

admin_2/src/pages/system/access/Access.vue

@@ -72,7 +72,7 @@
 import TableHeader from "@/components/TableHeader.vue";
 import AddAccess from "./components/AddAccess.vue";
 import AccessSystem from "./components/AccessSystem.vue";
-import { getAccessList, delAccess, getSystemList } from "@/api/system";
+import { getAccessList, delAccess } from "@/api/system";
 export default {
   components: {
     TableHeader,
@@ -128,13 +128,13 @@ export default {
           align: "center",
           formatter: (row) => {
             if (row.accessSystemList && row.accessSystemList.length) {
-              return row.accessSystemList.map((v) => {
               return (
-                  <el-tag type="info" size="small" class="mr-2">
-                    {v.systemName}
-                  </el-tag>
+                <div class="flex flex-wrap gap-2">
+                  {row.accessSystemList.map((v) => {
+                    return <el-tag size="small">{v.systemName}</el-tag>;
+                  })}
+                </div>
               );
-              });
             }
           },
         },
@@ -143,13 +143,17 @@ export default {
           align: "center",
           formatter: (row) => {
             if (row.tag) {
-              return row.tag.split(",").map((v) => {
               return (
-                  <el-tag type="info" size="small" class="mr-2">
+                <div class="flex flex-wrap gap-2">
+                  {row.tag.split(",").map((v) => {
+                    return (
+                      <el-tag type="info" size="small">
                         {v}
                       </el-tag>
                     );
-              });
+                  })}
+                </div>
+              );
             }
           },
         },
@@ -229,22 +233,10 @@ export default {
     };
   },
   created() {
-    this.getSystemList();
     this.getAccessList();
   },
   computed: {},
   methods: {
-    // 获取区域系统列表
-    async getSystemList() {
-      let res = await getSystemList({
-        page: 1,
-        size: -1,
-      });
-      if (res.data.code == 1) {
-        let { data } = res.data.data;
-        this.systemList = data;
-      }
-    },
     // 获取接入区域列表
     async getAccessList() {
       this.loading = true;