fix:进入定时/周期任务时-列表会闪现已被删除的任务列表，二次进入后才显示正常

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

@@ -6,16 +6,25 @@
       <div class="header__column status">状态</div>
       <div class="header__column flex2">操作</div>
     </div>
-    <div class="timed-task-main" v-loading="loading" element-loading-background="rgba(0, 0, 0, 0.8)">
+    <div
+      class="timed-task-main"
+      v-loading="loading"
+      element-loading-background="rgba(0, 0, 0, 0.8)"
+    >
       <div
         class="row"
-        :class="{single: i % 2 != 0}"
+        :class="{ single: i % 2 != 0 }"
         v-for="(item, i) in taskListAll"
         :key="item.id"
       >
         <div class="row__column flex2">
-          <el-tooltip class="item" effect="dark" :content="item.name" placement="top-start">
-            <span>{{item.name}}</span>
+          <el-tooltip
+            class="item"
+            effect="dark"
+            :content="item.name"
+            placement="top-start"
+          >
+            <span class="f12">{{ item.name }}</span>
           </el-tooltip>
         </div>
         <div class="row__column flex2 col-2">
@@ -25,12 +34,17 @@
             :content="item.taskStartTime"
             placement="top-start"
           >
-            <span>{{item.taskStartTime}}</span>
+            <span class="f9">{{ item.taskStartTime }}</span>
           </el-tooltip>
         </div>
-        <div class="row__column status" style="color: rgb(255, 189, 54);">
-          <el-tooltip class="item" effect="dark" :content="item.status" placement="top-start">
-            <span>{{item.status}}</span>
+        <div class="row__column status" style="color: rgb(255, 189, 54)">
+          <el-tooltip
+            class="item"
+            effect="dark"
+            :content="item.status"
+            placement="top-start"
+          >
+            <span class="f12">{{ item.status }}</span>
           </el-tooltip>
         </div>
         <div class="row__column flex2 ctrl">
@@ -40,7 +54,7 @@
           <el-tooltip content="计划安排" placement="top">
             <i class="el-icon-date" @click="onOpenPlan(item)"></i>
           </el-tooltip>
-          <el-tooltip content="编辑" placement="top">
+          <el-tooltip content="编辑" placement="top" v-if="item">
             <i class="el-icon-edit" @click="onOpenEdit(item)"></i>
           </el-tooltip>
           <!-- <el-tooltip content="开关" placement="top">
@@ -62,7 +76,11 @@
       :taskList="taskListAll"
       @close="showFlightPlan = false"
     ></FlightPlan>
-    <FlightEdit v-if="showFlightEdit" :task="selectedTask" @close="showFlightEdit = false"></FlightEdit>
+    <FlightEdit
+      v-if="showFlightEdit"
+      :task="selectedTask"
+      @close="showFlightEdit = false"
+    ></FlightEdit>
   </div>
 </template>
 
@@ -92,7 +110,7 @@ export default {
       taskListAll: [],
       timeHandle: null,
       selectedTask: null, //选中的任务
-      loading: false
+      loading: false,
     };
   },
   computed: {
@@ -136,16 +154,19 @@ export default {
      * 更新任务列表
      */
     getTaskList() {
-      console.log("getTaskList", this.taskListAll);
       this.rootNode.$emit("taskListGet", {
         pageNo: 1,
         pageSize: 100,
         type: this.type, // 0: 日常任务 1.定时任务 2.周期任务
-        taskStatus: 11,//筛选掉审核未通过的
+        taskStatus: 11, //筛选掉审核未通过的
         hangar: this.hangar,
         putDevice: 2,
         callback: (res) => {
-          this.taskListAll = res.records || [];
+          if (res.taskType == this.type) {
+            this.taskListAll = res.records || [];
+          } else {
+            this.taskListAll = [];
+          }
         },
       });
     },
@@ -215,7 +236,7 @@ export default {
   height: 230px;
   display: flex;
   flex-direction: column;
-  padding: 16px 17px;
+  padding: 16px 4px;
   gap: 0px;
   box-sizing: border-box;
   position: relative;
@@ -223,7 +244,7 @@ export default {
   &::before {
     position: absolute;
     content: "";
-    width: calc(100% - 26px);
+    width: calc(100% - 5px);
     height: calc(100% - 24px);
     border-radius: 4px;
     border: 1px solid #4b4b4b;
@@ -337,4 +358,4 @@ export default {
     }
   }
 }
-</style>
\ No newline at end of file
+</style>

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

@@ -59,7 +59,7 @@ export default {
 
 <style lang="scss" scoped>
 .task-list {
-  width: 350px;
+  width: 352px;
   height: 254px;
   background: #222222;
   border-radius: 10px 10px 10px 10px;