任务列表界面优化

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>
@@ -66,7 +67,7 @@
             <el-button
               type="text"
               @click.native="handleForm(scope.$index, scope.row)"
-        
+
             >编辑
             </el-button>
             <el-button
@@ -170,7 +171,7 @@
             </el-col>
             <el-col :span="11" type="flex">
               <el-form-item label="状态" prop="userFlag">
-                <el-radio-group v-model="formData.userFlag" 
+                <el-radio-group v-model="formData.userFlag"
                 :disabled="formData.userName === 'admin'? true : false">
                   <el-radio :label="1">正常</el-radio>
                   <el-radio :label="0">禁用</el-radio>
@@ -210,7 +211,7 @@
           <el-row :gutter="20" type="flex">
             <el-col :span="11" type="flex">
               <el-form-item label="角色">
-                <el-checkbox-group v-model="formData.roles" 
+                <el-checkbox-group v-model="formData.roles"
                 :disabled="formData.userName === 'admin'? true : false" >
                   <el-checkbox
                     v-for="item in roles"
@@ -388,7 +389,7 @@ export default {
     },
     findInv(val) {
       // 获取仓库列表
-     
+
     },
     handleCurrentChange(val) {
       this.query.page = val;
@@ -613,7 +614,7 @@ export default {
     this.getList();
     // 加载角色列表
     this.getRoleList();
-    
+
     this.findDeptMethod();
 
     //查询是否启用多级仓库，判断是否启用部门

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()
   }