任务管理页面功能优化

src/views/task/category.vue

@@ -26,7 +26,7 @@
       </el-form-item>
     </el-form>
 
-    <el-row :gutter="10" class="mb8">
+    <el-row :gutter="10" style="margin-bottom: 8px">
       <el-col :span="1.5">
         <el-button
           type="primary"
@@ -40,7 +40,10 @@
       </el-col>
     </el-row>
 
-    <el-table :data="categoryList">
+    <el-table :data="categoryList"
+              border
+              stripe
+              size="mini">
       <el-table-column label="分类编号" prop="id" width="100"/>
       <el-table-column label="分类名称" prop="categoryName" :show-overflow-tooltip="true"/>
       <el-table-column label="分类描述" prop="description" :show-overflow-tooltip="true"/>
@@ -181,12 +184,12 @@ export default {
     },
     // 表单重置
     reset() {
-        this.form = {
-          id: undefined,
-          categoryName: undefined,
-          description: undefined,
-          status: "0",
-        };
+      this.form = {
+        id: undefined,
+        categoryName: undefined,
+        description: undefined,
+        status: "0",
+      };
       this.resetForm("form");
     },
     /** 搜索按钮操作 */

src/views/task/project.vue

@@ -34,7 +34,7 @@
       </el-form-item>
     </el-form>
 
-    <el-row :gutter="10" class="mb8">
+    <el-row :gutter="10" style="margin-bottom: 8px">
       <el-col :span="1.5">
         <el-button
           type="primary"
@@ -48,7 +48,10 @@
       </el-col>
     </el-row>
 
-    <el-table :data="projectList">
+    <el-table :data="projectList"
+              border
+              stripe
+              size="mini">
       <el-table-column label="项目编号" prop="id" width="100"/>
       <el-table-column label="项目名称" prop="projectName" :show-overflow-tooltip="true"/>
       <el-table-column label="项目描述" prop="description" :show-overflow-tooltip="true"/>

src/views/task/task.vue

@@ -46,7 +46,7 @@
       </el-form-item>
     </el-form>
 
-    <el-row :gutter="10" class="mb8">
+    <el-row :gutter="10" style="margin-bottom:8px">
       <el-col :span="1.5">
         <el-button
           type="primary"
@@ -176,9 +176,9 @@
         </el-form-item>
         <el-form-item label="执行人" prop="executor">
           <el-cascader
-            ref="dut"
             v-model="form.executor"
             :options="userList"
+            @change="(val)=>selectExecutor(val,'form')"
             :props="{ expandTrigger: 'hover',value:'id',label:'label' }"
             :show-all-levels="false"></el-cascader>
         </el-form-item>
@@ -257,6 +257,7 @@
                 ref="dut"
                 v-model="c.executor"
                 :options="userList"
+                @change="(val)=>selectExecutor(val,'splitForm',index)"
                 :props="{ expandTrigger: 'hover',value:'id',label:'label' }"
                 :show-all-levels="false"></el-cascader>
             </el-form-item>
@@ -448,11 +449,17 @@ export default {
       this.title = "添加项目";
     },
 
-    selectExecutor(val) {
-      console.log(val);
+    selectExecutor(val, form, index) {
+      if (form === 'splitForm') {
+        let child = this.splitForm.children[index];
+        child.executor = val[val.length - 1]
+      }
+      if (form === 'form') {
+        this.form.executor = val[val.length - 1]
+      }
     },
     selectCoExecutor(val) {
-      console.log(val);
+      this.form.coExecutor = val.join();
     },
     /** 审核按钮操作 */
     handleAudit(row) {
@@ -498,9 +505,10 @@ export default {
     },
     /** 分解任务提交按钮 */
     submitSplit() {
-      console.log(this.splitForm);
       splitTask(this.splitForm).then(res => {
-        console.log(res);
+        this.getList()
+        this.splitOpen = false
+        this.$message.success("操作成功");
       })
     },