天气预警与公告通知

src/views/core/task/index.vue

@@ -8,7 +8,7 @@
       </el-col>
       <el-col :span="20" :xs="24">
     <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
-
+<!--
       <el-form-item label="调阅周期" prop="cycle">
         <el-select v-model="queryParams.cycle" placeholder="请选择周期" clearable>
           <el-option
@@ -23,7 +23,7 @@
         <el-select v-model="queryParams.roleId" placeholder="请选择">
           <el-option v-for="item in roleList" :key="item.id" :label="item.name" :value="item.id"></el-option>
         </el-select>
-      </el-form-item>
+      </el-form-item>-->
 
       <el-form-item label="计划时间" prop="planStartTime">
         <el-date-picker
@@ -87,11 +87,11 @@
         </template>
       </el-table-column>
       <el-table-column label="任务名称" align="center" prop="taskName" width="220"/>
-      <el-table-column label="调阅周期" align="center" prop="cycle" >
+<!--      <el-table-column label="调阅周期" align="center" prop="cycle" >
         <template slot-scope="scope">
           <dict-tag :options="dict.type.sys_access_cycle" :value="scope.row.cycle" />
         </template>
-      </el-table-column>
+      </el-table-column>-->
       <el-table-column label="开始时间" align="center" prop="planStartTime" width="160">
 <!--        <template slot-scope="scope">
           <span>{{ parseTime(scope.row.planStartTime, '{y}-{m}-{d}') }}</span>
@@ -102,25 +102,23 @@
           <span>{{ parseTime(scope.row.planEndTime, '{y}-{m}-{d}') }}</span>
         </template>-->
       </el-table-column>
-      <el-table-column label="状态" align="center" prop="status">
+      <el-table-column label="任务进度" align="center" prop="status">
         <template slot-scope="scope">
+          <span :style="statusColor(scope.row.status)">
           <dict-tag :options="dict.type.retrieval_task_status" :value="scope.row.status"/>
+          </span>
         </template>
       </el-table-column>
       <el-table-column label="调阅机构" align="center" prop="orgName"  width="220"/>
 
-      <el-table-column label="调阅角色" align="center" prop="roleName" width="160"/>
+<!--      <el-table-column label="调阅角色" align="center" prop="roleName" width="160"/>
 
       <el-table-column label="调阅开始时间" align="center" prop="startTime" width="160">
-<!--        <template slot-scope="scope">
-          <span>{{ parseTime(scope.row.startTime, '{y}-{m}-{d}') }}</span>
-        </template>-->
+
       </el-table-column>
       <el-table-column label="调阅结束时间" align="center" prop="endTime" width="160">
-<!--        <template slot-scope="scope">
-          <span>{{ parseTime(scope.row.endTime, '{y}-{m}-{d}') }}</span>
-        </template>-->
-      </el-table-column>
+
+      </el-table-column>-->
       <el-table-column label="调阅人" align="center" prop="retrievalUserName" width="140"/>
       <el-table-column label="异常数" align="center" prop="exceptionCount" />
       <el-table-column label="操作" fixed="right" style="width: 100px" align="center" class-name="small-padding fixed-width">
@@ -321,7 +319,25 @@ export default {
       this.download('core/retrievalTask/export', {
         ...this.queryParams
       }, `${this.orgName+'-监控调阅任务记录-'+this.formatTime(new Date(),'YYYYMMhh')}.xlsx`)
-    }
+    },
+    statusColor(status) {
+      let color = "";
+      switch (status) {
+        case "0":
+          color = "#00B0F0";
+          break;
+        case "1":
+          color = "#FFC000";
+          break;
+        case "2":
+          color = "#00B050";
+          break;
+        case "3":
+          color = "#FF0000";
+          break;
+      }
+        return "color:" + color;
+    },
   }
 };
 </script>