添加权限控制

src/components/Sidebar.vue

@@ -6,8 +6,8 @@
       mode="horizontal"
       router
     >
-      <template v-for="item in routeItem">
+      <template v-for="item in processedRouteItems">
-        <template v-if="item.subs">
+        <template v-if="item.subs && item.show">
           <el-submenu :index="item.path" :key="item.path">
             <template slot="title">
               <span slot="title">{{ item.name }}</span>
@@ -19,7 +19,7 @@
             </template>
           </el-submenu>
         </template>
-        <template v-else>
+        <template v-else-if="item.show">
           <el-menu-item :index="item.path" :key="item.path">
             <span slot="title">{{ item.name }}</span>
           </el-menu-item>
@@ -115,8 +115,24 @@ export default {
           ],
         },
       ],
+      rawMenus: "",
     };
   },
+  computed: {
+    processedRouteItems() {
+      // 将 rawMenus 转换为布尔值数组
+      const menus = this.rawMenus.split(",").map(Number);
+      // 处理 routeItems，添加 show 属性
+      return this.routeItem.map((item, index) => {
+        // 如果 item 没有 show 属性，则添加它
+        if (!item.hasOwnProperty("show")) {
+          return { ...item, show: menus[index] };
+        } else {
+          return { ...item, show: item.show && menus[index] }; // 逻辑与，两者都为真时才显示
+        }
+      });
+    },
+  },
   mounted() {
     console.log(window.location.host);
     console.log(process.env.NODE_ENV);
@@ -152,6 +168,8 @@ export default {
     },
   },
   created() {
+    this.rawMenus = localStorage.getItem("menus") || "1,1,1,1,0,0,0"; // 提供一个默认值以防没有数据
+    console.log(this.menus);
     this.setCurrentRoute();
   },
 };

src/utils/api/index.js

@@ -1150,6 +1150,18 @@ export function ieddlDelApi(data) {
   });
 }
 
+// /ieddl​/listFiles 查询文件和目录
+export function ieddllistFilesApi(data) {
+  return request({
+    url: "/ieddl/listFiles",
+    method: "get",
+    params: data,
+    headers: {
+      "Content-Type": "application/x-www-form-urlencoded;charset=UTF-8",
+    },
+  });
+}
+
 //下载记录
 export function ieddlDownloadAllApi(data) {
   return request({

src/views/clientDownFile/server/components/addserverDialog.vue

@@ -17,7 +17,12 @@
           :model="formInfo"
         >
           <el-form-item label="IED：" prop="iedId">
-            <el-select v-model="formInfo.iedId" filterable placeholder="请选择">
+            <el-select
+              v-model="formInfo.iedId"
+              filterable
+              placeholder="请选择"
+              @change="changeIed"
+            >
               <el-option
                 v-for="item in iedOptions"
                 :key="item.id"
@@ -84,6 +89,7 @@ import {
   ieddlUpdateApi,
   listIedConfigApi,
   monitoringListAllApi,
+  ieddllistFilesApi,
 } from "@/utils/api/index";
 export default {
   props: ["title"],
@@ -108,6 +114,7 @@ export default {
       ],
       iedOptions: [],
       devIdOptions: [],
+      iedId: "",
     };
   },
   created() {},
@@ -213,6 +220,23 @@ export default {
         })
         .catch((err) => {});
     },
+    //切换ied
+    changeIed(val) {
+      console.log(val);
+      this.iedId = val;
+      this.getiedFileList();
+    },
+    //获取路径
+    getiedFileList() {
+      ieddllistFilesApi({
+        iedId: this.iedId,
+        path: "/",
+      })
+        .then((res) => {
+          console.log(res);
+        })
+        .catch((err) => {});
+    },
     //获取传感器
     getmonitorList() {
       monitoringListAllApi()

src/views/login/index.vue

@@ -99,7 +99,11 @@ export default {
               if (res.success) {
                 console.log(res.data);
                 //this.$router.push("/weather");
-                localStorage.setItem("token", "13747c96ff9f434cb09ecf78e4b9a8bc");
+                localStorage.setItem(
+                  "token",
+                  "13747c96ff9f434cb09ecf78e4b9a8bc"
+                );
+                localStorage.setItem("menus", res.data.menus);
                 this.$message({
                   duration: 1500,
                   showClose: true,

src/views/realTimeData/index.vue

@@ -119,50 +119,6 @@
                 >历史数据</el-button
               >
             </div>
-            <el-tooltip placement="bottom-start">
-              <div slot="content">
-                <div class="textitem">
-                  <h3 class="headTitle" :title="item.name">
-                    {{ item.jgName }}/{{ item.zsbName }}/{{ item.name }}
-                  </h3>
-                  <p>
-                    采集时间：
-                    <span v-if="item.lastData" class="timeclass">
-                      {{ item.lastData.acquisitionTime }}
-                    </span>
-                    <span v-else class="timeclass"> -- </span>
-                  </p>
-                  <!-- 遍历 typePoints 显示数据 -->
-                  <div
-                    class="dataclass"
-                    v-for="fieldDesc in item.typePoints"
-                    :key="fieldDesc.field"
-                  >
-                    <strong
-                      >{{ fieldDesc.fieldDesc || fieldDesc.field }}:</strong
-                    >
-                    <span
-                      v-if="item.lastData && fieldDesc.field in item.lastData"
-                    >
-                      {{ getDataByField(item, fieldDesc.field) }}
-                    </span>
-                    <span v-else> -- </span>
-                  </div>
-                  <!-- 显示 lastData 中有但 typePoints 中没有的字段 -->
-                  <div
-                    class="dataclass"
-                    v-for="(value, key) in item.lastData"
-                    :key="key"
-                    v-if="
-                      !item.typePoints.some((fd) => fd.field === key) &&
-                      key !== 'acquisitionTime'
-                    "
-                  >
-                    <strong>{{ key }}:</strong>
-                    {{ value }}
-                  </div>
-                </div>
-              </div>
             <div class="textitem">
               <p>
                 采集时间：
@@ -178,9 +134,7 @@
                 :key="fieldDesc.field"
               >
                 <strong>{{ fieldDesc.fieldDesc || fieldDesc.field }}:</strong>
-                  <span
+                <span v-if="item.lastData && fieldDesc.field in item.lastData">
-                    v-if="item.lastData && fieldDesc.field in item.lastData"
-                  >
                   {{ getDataByField(item, fieldDesc.field) }}
                 </span>
                 <span v-else> -- </span>
@@ -199,7 +153,6 @@
                 {{ value }}
               </div>
             </div>
-            </el-tooltip>
           </el-card>
         </div>
         <div class="emptyBox" v-else>
@@ -603,7 +556,7 @@ export default {
         }
         .el-card__body {
           padding: 8px;
-          height: 78px;
+          height: auto;
           .textitem {
             height: 100%;
             overflow: hidden;