From fa7044f3ccc9a91bc2bc117d1a06f650d86554f2 Mon Sep 17 00:00:00 2001
From: zhangzengfei <zhangzengfei@iotlink.com>
Date: 星期二, 15 六月 2021 16:07:16 +0800
Subject: [PATCH] 优化联动规则加载场景列表的操作

---
 src/pages/settings/components/BasicSetting.vue |  119 +++++++++++++++++++++++++++++++----------------------------
 1 files changed, 62 insertions(+), 57 deletions(-)

diff --git a/src/pages/settings/components/BasicSetting.vue b/src/pages/settings/components/BasicSetting.vue
index 437cf00..604374d 100644
--- a/src/pages/settings/components/BasicSetting.vue
+++ b/src/pages/settings/components/BasicSetting.vue
@@ -8,7 +8,7 @@
       type="border-card"
     >
       <!-- 鏈満淇℃伅 -->
-      <el-tab-pane label="鏈満淇℃伅" name="first">
+      <el-tab-pane label="鏈満淇℃伅" name="sysInfo" v-if="isShow('settings:sysInfo')">
         <el-menu
           :default-openeds="openeds"
           background-color="#fff"
@@ -79,20 +79,24 @@
             <el-menu-item-group class="item-group desc-info">
               <el-row :gutter="gutter">
                 <el-col :span="12" class="flex-box">
-                  <div class="xiangqin-label">ID</div>
+                  <div class="xiangqin-label">璁惧ID</div>
                   <div class="xiangqing-info">{{sysinfo.server_id}}</div>
                 </el-col>
-                <el-col :span="12" class="flex-box">
+                <!-- <el-col :span="12" class="flex-box">
                   <div class="xiangqin-label">璁惧缂栧彿</div>
                   <div class="xiangqing-info">{{sysinfo.deviceNum}}</div>
-                </el-col>
+                </el-col>-->
                 <el-col :span="12" class="flex-box">
                   <div class="xiangqin-label">璁惧鍨嬪彿</div>
-                  <div class="xiangqing-info">{{sysinfo.deviceType}}</div>
+                  <div class="xiangqing-info">{{sysinfo.deviceModel}}</div>
                 </el-col>
                 <el-col :span="12" class="flex-box">
-                  <div class="xiangqin-label">璁惧搴忓垪鍙�</div>
-                  <div class="xiangqing-info">{{sysinfo.deviceSerialNum}}</div>
+                  <div class="xiangqin-label">璁惧绫诲瀷</div>
+                  <div class="xiangqing-info">{{sysinfo.deviceDesc}}</div>
+                </el-col>
+                <el-col :span="12" class="flex-box">
+                  <div class="xiangqin-label">閫氶亾涓暟</div>
+                  <div class="xiangqing-info">{{sysinfo.channelCount}}</div>
                 </el-col>
                 <el-col :span="12" class="flex-box">
                   <div class="xiangqin-label">涓绘帶鐗堟湰</div>
@@ -101,14 +105,6 @@
                 <el-col :span="12" class="flex-box">
                   <div class="xiangqin-label">web鐗堟湰</div>
                   <div class="xiangqing-info">{{sysinfo.webVersion}}</div>
-                </el-col>
-                <el-col :span="12" class="flex-box">
-                  <div class="xiangqin-label">閫氶亾涓暟</div>
-                  <div class="xiangqing-info">{{sysinfo.channelCount}}</div>
-                </el-col>
-                <el-col :span="12" class="flex-box">
-                  <div class="xiangqin-label">纭洏涓暟</div>
-                  <div class="xiangqing-info">{{sysinfo.diskCount}}</div>
                 </el-col>
                 <el-col :span="12" class="flex-box">
                   <div class="xiangqin-label">纭洏淇℃伅</div>
@@ -179,29 +175,11 @@
       </el-tab-pane>
 
       <!-- 鏃堕棿閰嶇疆 -->
-      <el-tab-pane label="鏃堕棿閰嶇疆" name="second">
+      <el-tab-pane label="鏃堕棿閰嶇疆" name="timeSet" v-if="isShow('settings:timeSet')">
         <el-form label-width="100px">
           <el-form-item label="璁惧鏃堕棿">
-            <!-- <el-input v-model="equipmentTime" placeholder="璇疯緭鍏�" size="small"></el-input> -->
             {{ equipmentTime }}
           </el-form-item>
-
-          <!-- <el-form-item label="鏃跺尯" prop="timezone">
-            <el-select
-              v-model="timezone"
-              placeholder="璇烽�夋嫨"
-              style="width: 360px; height: 32px"
-              size="small"
-              @change="checkTimeZone"
-            >
-              <el-option
-                v-for="item in timeZoneOption"
-                :key="item.value"
-                :label="item.label"
-                :value="item.value"
-              ></el-option>
-            </el-select>
-          </el-form-item>-->
           <div style="text-align: left;padding: 10px 0px">
             <div class="time-type">NTP鏍℃椂</div>
             <div style="padding: 10px 0px;">
@@ -269,7 +247,7 @@
       </el-tab-pane>
 
       <!-- 闆嗙兢绠$悊 -->
-      <el-tab-pane label="闆嗙兢绠$悊" name="third">
+      <el-tab-pane label="闆嗙兢绠$悊" name="cluster" v-if="isShow('settings:cluster')">
         <cluster-management></cluster-management>
       </el-tab-pane>
       <!-- <el-tab-pane label="澶栭儴璁块棶" name="fourth">
@@ -312,11 +290,11 @@
           </el-submenu>
         </el-menu>
       </el-tab-pane>-->
-      <el-tab-pane label="鏉冮檺绠$悊" name="user">
-        <authority-management v-if="activeName === 'user'"></authority-management>
+      <el-tab-pane label="鏉冮檺绠$悊" name="permission" v-if="isShow('settings:permission')">
+        <authority-management v-if="activeName === 'permission'"></authority-management>
       </el-tab-pane>
-      <el-tab-pane label="骞挎挱璁剧疆" name="radio">
-        <radio-set v-if="activeName === 'radio'"></radio-set>
+      <el-tab-pane label="骞挎挱璁剧疆" name="broadcast" v-if="isShow('settings:broadcast')">
+        <radio-set v-if="activeName === 'broadcast'"></radio-set>
       </el-tab-pane>
     </el-tabs>
   </div>
@@ -342,6 +320,7 @@
 import ClusterManagement from "./ClusterManagement";
 import AuthorityManagement from "./AuthorityManagement";
 import RadioSet from "./RadioSet";
+import config from '../../../../package.json'
 
 export default {
   name: "BasicSettings",
@@ -352,15 +331,26 @@
     RadioSet
   },
   computed: {
-    timeZoneOption() {
-      let options = []
-      TimeZones.forEach(zone => {
-        options = options.concat(zone.utc.map(v => {
-          return { value: v, label: v }
-        }))
-      })
-      return options
-    }
+    // timeZoneOption() {
+    //   let options = []
+    //   TimeZones.forEach(zone => {
+    //     options = options.concat(zone.utc.map(v => {
+    //       return { value: v, label: v }
+    //     }))
+    //   })
+    //   return options
+    // },
+    isAdmin() {
+      if (
+        sessionStorage.getItem("userInfo") &&
+        sessionStorage.getItem("userInfo") !== ""
+      ) {
+        let loginName = JSON.parse(sessionStorage.getItem("userInfo")).username;
+        return loginName === "superadmin" || loginName === "basic";
+      }
+
+      return false;
+    },
   },
   directives: {
     focus: {
@@ -374,7 +364,7 @@
       loading: true,
       loadingText: "",
       gutter: 10,
-      activeName: "first",
+      activeName: "sysInfo",
       timezone: "",
       syncType: "1",
       ntpServer: "",
@@ -471,8 +461,22 @@
         countyOptions: []
       },
       webPort: 0,
-      ntpTestLoading: false
+      ntpTestLoading: false,
+      buttonAuthority: sessionStorage.getItem("buttonAuthoritys") || [],
     };
+  },
+  created() {
+    if (this.isShow("settings:sysInfo")) {
+      this.activeName = "sysInfo";
+    } else if (this.isShow("settings:timeSet")) {
+      this.activeName = "timeSet";
+    } else if (this.isShow("settings:cluster")) {
+      this.activeName = "cluster";
+    } else if (this.isShow("settings:permission")) {
+      this.activeName = "permission";
+    } else if (this.isShow("settings:broadcast")) {
+      this.activeName = "broadcast";
+    }
   },
   mounted() {
     this.$nextTick(() => {
@@ -481,7 +485,6 @@
       this.initResourceConfig();
       this.initClockConf();
       //this.markStartTime();
-
     });
   },
   beforeDestroy() {
@@ -489,6 +492,9 @@
     clearInterval(this.browserTimer);
   },
   methods: {
+    isShow(authority) {
+      return this.isAdmin || this.buttonAuthority.indexOf("," + authority + ",") > -1
+    },
     initSysinfo() {
       this.loadingText = "姝e湪鑾峰彇璁惧淇℃伅...";
       getDevInfo().then(rsp => {
@@ -506,7 +512,7 @@
             let devInfo = this.sysinfo.deviceInfo;
 
             this.sysinfo.cpuInfo = devInfo.cpu[0].modelName;
-            this.sysinfo.disks = devInfo.disk;
+            this.sysinfo.disks = "( " + devInfo.disk + ") ";
             this.sysinfo.mem = (devInfo.mem.total / 1024 / 1024 / 1024).toFixed(2) + "GB";
             // this.sysinfo.arch = devInfo.host.kernelArch;
             this.sysinfo.uptime = this.secondsFormat(devInfo.host.uptime);
@@ -517,6 +523,8 @@
           }
 
           this.webPort = this.sysinfo.server_port;
+
+          this.sysinfo.webVersion = 'V' + config.version;
         }
 
         this.loading = false;
@@ -551,7 +559,6 @@
     },
     runClock() {
       this.equipmentTime = this.formatTime(++this.timestamp, 'Y-M-D h:m:s');
-      // console.log(this.equipmentTime)
       this.clockTimer = setTimeout(() => {
         this.runClock();
       }, 1000)
@@ -598,7 +605,7 @@
             if (this.sysinfo.ip !== this.originNetConfig.ip) {
               let newUri = location.protocol + "//" + this.sysinfo.ip + ":" + this.sysinfo.server_port;
               var changeIPTimer = setTimeout(() => {
-                this.$alert('<strong>鎮ㄥ凡淇敼浜嗘湇鍔″櫒ip, 璇烽噸鏂扮櫥褰�</strong><a href="' + newUri + '"> ' + newUri + '<a/>', '鎻愮ず', {
+                this.$alert('<strong>鎮ㄥ凡淇敼浜嗘湇鍔″櫒ip, 璇烽噸鏂扮櫥褰�</strong><a target="_parent" href="' + newUri + '"> ' + newUri + '<a/>', '鎻愮ず', {
                   dangerouslyUseHTMLString: true
                 });
               }, 10000)
@@ -644,7 +651,7 @@
             if (this.sysinfo.server_port !== this.webPort) {
               let newUri = location.protocol + "//" + this.sysinfo.ip + ":" + this.sysinfo.server_port;
               var changeIPTimer = setTimeout(() => {
-                this.$alert('<strong>鎮ㄥ凡淇敼浜嗘湇鍔″櫒绔彛, 璇烽噸鏂扮櫥褰�</strong><a href="' + newUri + '"> ' + newUri + '<a/>', '鎻愮ず', {
+                this.$alert('<strong>鎮ㄥ凡淇敼浜嗘湇鍔″櫒绔彛, 璇烽噸鏂扮櫥褰�</strong><a target="_parent" href="' + newUri + '"> ' + newUri + '<a/>', '鎻愮ず', {
                   dangerouslyUseHTMLString: true
                 });
               }, 5000)
@@ -657,7 +664,6 @@
       });
     },
     checkTimeZone(val) {
-      debugger;
 
     },
     submitClock() {
@@ -694,7 +700,6 @@
             message: "璁剧疆鎴愬姛"
           });
         }
-
         this.initClockConf();
       })
     },

--
Gitblit v1.8.0