feat(controlLeft/airwayList): 添加蛙跳飞行权限控制

src/components/MMCFlightControlCenter/components/hangar/components/controlPanel/components/controlLeft/components/airwayList/index.vue

@@ -3,19 +3,32 @@
     <div class="task-list-header">
       <div
         class="task-list-header__item"
-        :class="{active: tabIndex === 0 && useTimedTask}"
+        :class="{ active: tabIndex === 0 && useTimedTask }"
         @click="tabIndex = 0"
       >
         <label>常态飞行</label>
       </div>
       <template v-if="useTimedTask">
-        <div class="task-list-header__item" :class="{active: tabIndex === 1}" @click="tabIndex = 1">
+        <div
+          class="task-list-header__item"
+          :class="{ active: tabIndex === 1 }"
+          @click="tabIndex = 1"
+        >
           <label>定时飞行</label>
         </div>
-        <div class="task-list-header__item" :class="{active: tabIndex === 2}" @click="tabIndex = 2">
+        <div
+          class="task-list-header__item"
+          :class="{ active: tabIndex === 2 }"
+          @click="tabIndex = 2"
+        >
           <label>周期飞行</label>
         </div>
-        <div class="task-list-header__item" :class="{active: tabIndex ===3}" @click="tabIndex = 3">
+        <div
+          v-if="isLeapFrogFligh"
+          class="task-list-header__item"
+          :class="{ active: tabIndex === 3 }"
+          @click="tabIndex = 3"
+        >
           <label>蛙跳飞行</label>
         </div>
       </template>
@@ -24,7 +37,10 @@
       <!-- 常态任务 -->
       <NormalTask v-if="tabIndex === 0"></NormalTask>
       <!-- 定时任务 --><!-- 周期任务 -->
-      <TimedTask v-else-if="tabIndex === 1 || tabIndex === 2 " :type="tabIndex"></TimedTask>
+      <TimedTask
+        v-else-if="tabIndex === 1 || tabIndex === 2"
+        :type="tabIndex"
+      ></TimedTask>
       <!-- 蛙跳飞行 -->
       <leapFrogFligh v-else></leapFrogFligh>
     </div>
@@ -43,11 +59,12 @@ export default {
   components: {
     NormalTask,
     TimedTask,
-    leapFrogFligh
+    leapFrogFligh,
   },
   data() {
     return {
       tabIndex: 0,
+      isLeapFrogFligh: false,
     };
   },
   computed: {
@@ -60,8 +77,36 @@ export default {
       }
     },
   },
+  created() {
+    let tmjData = JSON.parse(localStorage.getItem("tmj"));
+    if (tmjData) {
+      const userList = this.handleGetMenuList(tmjData.user.menuList);
+      // 获取蛙跳权限
+      let leapFrogFlighFlag = userList.find((item) => item.id == 3096);
+      if (leapFrogFlighFlag) {
+        this.isLeapFrogFligh = true;
+      }
+    }
+  },
   mounted() {},
-  methods: {},
+  methods: {
+    handleGetMenuList(menuList) {
+      const collector = [];
+
+      const flattenMenu = (items) => {
+        items.forEach((item) => {
+          if (item.children && item.children.length > 0) {
+            flattenMenu(item.children);
+          } else {
+            collector.push(item);
+          }
+        });
+      };
+
+      flattenMenu(menuList);
+      return collector;
+    },
+  },
 };
 </script>