任务列表界面优化

src/views/system/user/authUser.vue

@@ -43,7 +43,8 @@
         <!--<el-table-column label="所属仓库" prop="warehouseName"></el-table-column>-->
         <el-table-column label="状态">
           <template slot-scope="scope">
-            <el-tag :type="scope.row.userFlag | statusFilterType">{{
+            <el-tag :type="scope.row.userFlag | statusFilterType">
+              {{
                 scope.row.userFlag | statusFilterName
               }}
             </el-tag>

src/views/udi/trace/task/index.vue

@@ -132,12 +132,27 @@
           </template>
         </el-table-column>
 
-<!--        <el-table-column label="任务状态" prop="status" width="120"></el-table-column>-->
+
+<!--        <el-table-column label="任务状态" prop="status" width="120">-->
+<!--          <template slot-scope="scope">-->
+<!--            {{ formatTaskType1(scope.row) }}-->
+<!--          </template>-->
+<!--        </el-table-column>-->
+
         <el-table-column label="任务状态" prop="status" width="120">
           <template slot-scope="scope">
-            {{ formatTaskType1(scope.row) }}
+            <el-tag :type="scope.row.status | statusFilterType">
+              {{
+                scope.row.status | statusFilterName
+              }}
+            </el-tag>
           </template>
         </el-table-column>
+
+
+
+
+
         <el-table-column label="医疗器械注册人" prop="ylqxzcrbarmc" width="180"></el-table-column>
         <el-table-column label="医疗器械注册人统一社会信用号" prop="creditNum" width="220"></el-table-column>
         <el-table-column label="产品名称" prop="cpmctymc" width="180"></el-table-column>
@@ -276,7 +291,18 @@
 
 import {isBlank} from "@/utils/strUtil";
 import {getTraceTaskList} from "@/api/udi/udiTrace";
-
+const formJson = {
+  id: "",
+  passWord: "",
+  userName: "",
+  checkPassword: "",
+  employeeName: "",
+  taskFlag: 1,
+  comments: '',
+  dept: null,
+  roles: [],
+  depts: [],
+};
 export default {
   data() {
     return {
@@ -294,6 +320,7 @@ export default {
         startAduditTime: null,
         endAduditTime: null,
       },
+      formData: formJson,
       total: 0,
       codeRelTotal: 0,
       loading: true,
@@ -369,6 +396,7 @@ export default {
     hideSearch() {
       this.showSearch = !this.showSearch;
     },
+
     formatTaskType(row) {
       switch (row.taskType) {
         case 1:
@@ -393,6 +421,7 @@ export default {
           return '任务状态有误！！';
       }
     },
+
     // //点击一行数据后发送的事件
     // handleSelectionChange(val) {
     //   this.currentRow = val;
@@ -507,6 +536,24 @@ export default {
       })
     },
   },
+  filters: {
+    statusFilterType(status) {
+      const statusMap = {
+        1: "gray",
+        2: "success",
+        3: "danger"
+      };
+      return statusMap[status];
+    },
+    statusFilterName(status) {
+      const statusMap = {
+        1: "未处理",
+        2: "正在处理",
+        3: "已处理"
+      };
+      return statusMap[status];
+    },
+  },
   created() {
     this.getTaskList()
   }