style:周期任务样式更改

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

@@ -6,24 +6,10 @@
       <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="row"
-        :class="{ single: i % 2 != 0 }"
-        v-for="(item, i) in taskListAll"
-        :key="item.id"
-      >
+    <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 }" 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"
-          >
+          <el-tooltip class="item" effect="dark" :content="item.name" placement="top-start">
             <span class="f12">{{ item.name }}</span>
           </el-tooltip>
         </div>
@@ -38,51 +24,41 @@
               </div>
             </template>
             <div v-if="type == 2" class="f9">
-              <div>
-                {{ item.taskStartTime }}
+              <div v-if="item.taskStartTime == '/'">
+                /
+              </div>
+              <div v-else>
+                <div>
+                  {{ item.taskStartTime }}
+                </div>
+                {{ item.taskEndTime }}
               </div>
-              {{ item.taskEndTime }}
             </div>
+
             <span class="f9" v-else>{{ 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"
-          >
+          <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">
           <el-tooltip content="查看" placement="top">
-            <i
-              class="el-icon-position"
-              style
-              @click="onSwitchAirway(item, true)"
-            ></i>
+            <i class="el-icon-position" style @click="onSwitchAirway(item, true)"></i>
           </el-tooltip>
           <el-tooltip content="计划安排" placement="top">
             <i class="el-icon-date" @click="onOpenPlan(item)"></i>
           </el-tooltip>
           <el-tooltip content="编辑" placement="top" v>
-            <i
-              class="el-icon-edit"
-              @click="onOpenEdit(item)"
-              v-if="item.status !== '执行中' && item.status !== '已完成'"
-            ></i>
+            <i class="el-icon-edit" @click="onOpenEdit(item)" v-if="item.status !== '执行中' && item.status !== '已完成'"></i>
           </el-tooltip>
           <!-- <el-tooltip content="开关" placement="top">
             <i class="el-icon-turn-off"></i>
           </el-tooltip> -->
           <el-tooltip content="删除" placement="top">
-            <i
-              v-if="item.status !== '执行中' && item.status !== '已完成'"
-              class="el-icon-delete"
-              @click="onDelAirway(item)"
-            ></i>
+            <i v-if="item.status !== '执行中' && item.status !== '已完成'" class="el-icon-delete"
+              @click="onDelAirway(item)"></i>
           </el-tooltip>
         </div>
       </div>
@@ -91,18 +67,9 @@
       <div class="task-add__btn" @click="showFlightPlan = true">创建定时任务</div>
     </div>-->
 
-    <FlightPlan
-      v-if="showFlightPlan"
-      :taskId="selectedTask.id"
-      :taskList="taskListAll"
-      @close="showFlightPlan = false"
-    >
+    <FlightPlan v-if="showFlightPlan" :taskId="selectedTask.id" :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>
 
@@ -206,36 +173,36 @@ export default {
     /**
      * 更新任务列表
      */
-     getTaskList() {
-  const params = {
-    pageNo: 1,
-    pageSize: 100,
-    type: this.type, // 0: 日常任务, 1: 定时任务, 2: 周期任务
-    taskStatus: 11, // 筛选掉审核未通过的
-    hangar: this.hangar,
-    putDevice: 2,
-    callback: this.handleTaskListResponse.bind(this),
-  };
+    getTaskList() {
+      const params = {
+        pageNo: 1,
+        pageSize: 100,
+        type: this.type, // 0: 日常任务, 1: 定时任务, 2: 周期任务
+        taskStatus: 11, // 筛选掉审核未通过的
+        hangar: this.hangar,
+        putDevice: 2,
+        callback: this.handleTaskListResponse.bind(this),
+      };
 
-  this.rootNode.$emit("taskListGet", params);
-},
+      this.rootNode.$emit("taskListGet", params);
+    },
 
-handleTaskListResponse(res) {
-  if (res.taskType !== this.type || res.records.length === 0) {
-    this.taskListAll = [];
-    return;
-  }
-  this.taskListAll = res.records.sort((a, b) => {
-    const aIsExecuting = a.status === "执行中";
-    const bIsExecuting = b.status === "执行中";
-    return aIsExecuting === bIsExecuting ? 0 : (aIsExecuting ? -1 : 1);
-  });
-  const executeFlightRoute = this.taskListAll.find(item => item.status === "执行中");
-  if (executeFlightRoute && this.executeFlightRouteId !== executeFlightRoute.airwayId) {
-    this.executeFlightRouteId = executeFlightRoute.airwayId;
-    this.onSwitchAirway(executeFlightRoute);
-  }
-},
+    handleTaskListResponse(res) {
+      if (res.taskType !== this.type || res.records.length === 0) {
+        this.taskListAll = [];
+        return;
+      }
+      this.taskListAll = res.records.sort((a, b) => {
+        const aIsExecuting = a.status === "执行中";
+        const bIsExecuting = b.status === "执行中";
+        return aIsExecuting === bIsExecuting ? 0 : (aIsExecuting ? -1 : 1);
+      });
+      const executeFlightRoute = this.taskListAll.find(item => item.status === "执行中");
+      if (executeFlightRoute && this.executeFlightRouteId !== executeFlightRoute.airwayId) {
+        this.executeFlightRouteId = executeFlightRoute.airwayId;
+        this.onSwitchAirway(executeFlightRoute);
+      }
+    },
     /**
      * 显示或隐藏航线
      */