perf: 优化站点详情

base-manager-ui/admin/src/pages/basicset/site/website.vue

@@ -17,14 +17,14 @@
                 >同步数据</a-button
               >
               <a-button
-                type="primary"
                 v-permission="[1]"
+                type="primary"
                 @click="editSiteInfo(siteData[0])"
                 >编辑</a-button
               >
               <a-button
-                type="danger"
                 v-permission="[1]"
+                type="danger"
                 @click="deleteSite(siteData[0].id, 0)"
                 >删除</a-button
               >
@@ -160,27 +160,14 @@
                     <a-row>
                       <a-col :span="16">
                         <span>工作日：</span>
-                        <span class="work-day" v-if="item.workday1 === 1"
-                          >星期一</span
-                        >
-                        <span class="work-day" v-if="item.workday2 === 1"
-                          >星期二</span
-                        >
-                        <span class="work-day" v-if="item.workday3 === 1"
-                          >星期三</span
-                        >
-                        <span class="work-day" v-if="item.workday4 === 1"
-                          >星期四</span
-                        >
-                        <span class="work-day" v-if="item.workday5 === 1"
-                          >星期五</span
-                        >
-                        <span class="work-day" v-if="item.workday6 === 1"
-                          >星期六</span
-                        >
-                        <span class="work-day" v-if="item.workday7 === 1"
-                          >星期天</span
-                        >
+                        <template v-for="(day, i) in workday">
+                          <span
+                            :key="day"
+                            class="work-day"
+                            v-if="item[`workday${i + 1}`]"
+                            >{{ day }}</span
+                          >
+                        </template>
                       </a-col>
                     </a-row>
                   </div>
@@ -267,6 +254,15 @@ import {
   getSiteList,
   SyncSiteData,
 } from "@/services/basicsetFun";
+const workday = [
+  "星期一",
+  "星期二",
+  "星期三",
+  "星期四",
+  "星期五",
+  "星期六",
+  "星期日",
+];
 export default {
   components: {
     sitetree,
@@ -277,6 +273,7 @@ export default {
 
   data() {
     return {
+      workday,
       loading: false,
       title: "新增站点",
       formVisible: false,
@@ -310,7 +307,7 @@ export default {
       if (res.data.code === 1) {
         let { data, dict } = res.data.data;
         data.forEach((v) => {
-          v.modelIds = v.modelIds.split(",");
+          v.modelIds = v.modelIds && v.modelIds.split(",");
           v.modelData = Object.keys(dict.modelIds)
             .reduce(
               (pre, cur) => (
@@ -329,10 +326,9 @@ export default {
     async getSiteInfo() {
       this.loading = true;
       let res = await siteInfo({ id: this.siteId });
-      this.loading = false;
       if (res.data.code === 1) {
         let { data, dict } = res.data;
-        data.modelIds = data.modelIds.split(",");
+        data.modelIds = data.modelIds && data.modelIds.split(",");
         data.modelData = Object.keys(dict.modelIds)
           .reduce(
             (pre, cur) => (
@@ -345,6 +341,7 @@ export default {
           });
         this.siteData = [data];
       }
+      this.loading = false;
     },
 
     // 删除
@@ -378,18 +375,18 @@ export default {
     },
     //查看全部
     cookAll(text) {
-      this.allShow = true;
       this.details = text;
+      this.allShow = true;
     },
     //新增站点
     addSiteAll() {
-      if (this.areaID) {
-        this.title = "新增站点";
-        this.formVisible = true;
-        this.$refs.addsite.onAdd();
-      } else {
+      if (!this.areaID) {
         this.$message.warning("请先选择区域");
+        return;
       }
+      this.title = "新增站点";
+      this.formVisible = true;
+      this.$refs.addsite.onAdd();
     },
     // 切换站点
     changePage(num) {
@@ -399,10 +396,11 @@ export default {
       this.formVisible = false;
     },
     // 编辑
-    editSiteInfo(data) {
+    editSiteInfo(row) {
       this.title = "编辑站点";
-      this.formVisible = true;
+      let data = this.$_.cloneDeep(row);
       this.$refs.addsite.onEdit(data);
+      this.formVisible = true;
     },
     // 同步数据
     handleSync(id) {
@@ -564,18 +562,22 @@ export default {
         .item_box {
           display: flex;
           flex-wrap: wrap;
+          gap: 10px;
           .item {
             width: 140px;
             height: 54px;
-            margin-right: 10px;
-            margin-bottom: 10px;
             padding: 6px;
             display: flex;
             align-items: center;
             justify-content: center;
             background-color: #38b6ff;
+            text-align: center;
             color: #fff;
             border-radius: 5px;
+            display: -webkit-box;
+            -webkit-box-orient: vertical;
+            -webkit-line-clamp: 2;
+            overflow: hidden;
           }
         }
       }