优化

src/views/realTimeMonitor/components/parameterArea.vue

@@ -88,7 +88,11 @@
             <el-dropdown-item command="close">关闭GPS</el-dropdown-item>
           </el-dropdown-menu>
         </el-dropdown>
-        <el-button type="primary" @click="handlehistoryPic">
+        <el-button
+          type="primary"
+          @click="handlehistoryPic"
+          v-if="showhisButton('/realTimeSearch') && role !== 0"
+        >
           历史图片</el-button
         >
         <el-button
@@ -243,6 +247,7 @@ export default {
       selectTowerId: "",
       collectFlag: false, //收藏
       btnShowList: [],
+      menuList: [],
     };
   },
 
@@ -263,11 +268,18 @@ export default {
         return map;
       }, {});
     },
+    showButtonhisMap() {
+      return this.menuList.reduce((map, button) => {
+        map[button.key] = true; // 假设只要key存在，就显示按钮
+        return map;
+      }, {});
+    },
   },
   created() {
     this.roleUser = localStorage.getItem("role");
     console.log("asdsaddddddddddddddddddddddddd", this.roleUser);
     this.btnShowList = JSON.parse(localStorage.getItem("btnPermission"));
+    this.menuList = JSON.parse(localStorage.getItem("menuPermission"));
     console.log(this.btnShowList);
   },
   mounted() {
@@ -278,6 +290,10 @@ export default {
     showButton(key) {
       return this.showButtonMap[key] || false;
     },
+    //控制显示与隐藏
+    showhisButton(key) {
+      return this.showButtonhisMap[key] || false;
+    },
     //双击选中复制
     handleDblClick(val) {
       // alert(val);

src/views/system/roleManagement/components/blindMenuPermiss.vue

@@ -79,6 +79,7 @@ export default {
             this.btnCheckOption = res.data.filter((item) =>
               item.key.includes("Btn")
             );
+            console.log(this.menuCheckOption, this.btnCheckOption);
             this.getRolePermission();
           } else {
             this.$message.error(res.msg);
@@ -95,9 +96,29 @@ export default {
             console.log(res);
             this.checkedIds = res.data;
             console.log(this.checkedIds);
-            this.checkedMenu = this.checkedIds.map((obj) => obj.resourceId);
+
-            this.checkedBtn = this.checkedIds.map((obj) => obj.resourceId);
+            // 创建一个Set，以便快速检查id是否存在
-            console.log("我时查询到的选中的值", this.checkedIds);
+            const menuOptionIds = new Set(
+              this.menuCheckOption.map((option) => option.id)
+            );
+
+            // 过滤资源数组，只保留那些其resourceId存在于menuOptionIds中的项
+            const filteredResources = this.checkedIds.filter((resource) =>
+              menuOptionIds.has(resource.resourceId)
+            );
+            // 创建一个Set，以便快速检查id是否存在
+            const btnOptionIds = new Set(
+              this.btnCheckOption.map((option) => option.id)
+            );
+
+            // 过滤资源数组，只保留那些其resourceId存在于menuOptionIds中的项
+            const filteredBtnResources = this.checkedIds.filter((resource) =>
+              btnOptionIds.has(resource.resourceId)
+            );
+            console.log(filteredResources, filteredBtnResources);
+            this.checkedMenu = filteredResources.map((obj) => obj.resourceId);
+            this.checkedBtn = filteredBtnResources.map((obj) => obj.resourceId);
+            // console.log("我时查询到的选中的值", this.checkedIds);
 
             this.treeLoading = false;
           } else {