feat:任务大纲管理传值更改 抽屉打开重新刷新

src/components/drawers/WorkManage.vue

@@ -43,7 +43,11 @@
             </div>
           </div>
           <div class="btns">
-            <div class="btn btn1" style="margin-right: 20px" @click="searchTaskList">
+            <div
+              class="btn btn1"
+              style="margin-right: 20px"
+              @click="searchTaskList"
+            >
               <div class="img1"></div>
               <div class="wz">搜索</div>
             </div>
@@ -124,7 +128,7 @@
 </template>
 
 <script>
-import { toRefs, reactive,onMounted } from "vue";
+import { toRefs, reactive, onMounted } from "vue";
 import WorkDetail from "../drawers/WorkDetail.vue";
 import * as api from "../../api/index";
 export default {
@@ -138,7 +142,7 @@ export default {
     projectTaskId: {
       type: Number,
       default: null,
-    }
+    },
   },
 
   setup(props, ctx) {
@@ -147,42 +151,38 @@ export default {
       visible: false, //导出数据弹窗
       close: false, //导出弹窗的关闭按钮
       WDvisible: false, //作业详情
+      pageNo: 1,
       pageSize: 10,
       currentPage: 1,
       tableDataTotal: 100,
-      projectName:'',
+      projectName: "",
       projectNameList: [
         {
           id: 1,
-          value: "项目一",
-          label: "项目一",
+          value: "-1",
+          label: "未开始",
         },
         {
           id: 2,
-          value: "项目二",
-          label: "项目二",
+          value: "0",
+          label: "进行中",
         },
         {
           id: 3,
-          value: "项目三",
-          label: "项目三",
-        },
-        {
-          id: 4,
-          value: "项目四",
-          label: "项目四",
+          value: "1",
+          label: "已完成",
         },
       ],
       tabledata: [
-        {
-          key: 1,
-          userName: "哈哈",
-          deptName: "产品部",
-          jobName: "产品经理",
-          comp: "好好学习",
-          time: "-",
-          state: "未完成",
-        },
+        // {
+        //   key: 1,
+        //   userName: "哈哈",
+        //   deptName: "产品部",
+        //   jobName: "产品经理",
+        //   comp: "好好学习",
+        //   time: "-",
+        //   state: "未完成",
+        // },
       ],
       tablecolumns: [
         {
@@ -229,7 +229,7 @@ export default {
     });
     const selectProjectName = (value, index) => {
       console.log("value", value, index);
-      state.projectName = value
+      state.projectName = value;
     };
     const closeDrawer = () => {
       ctx.emit("update:Wvisible", false);
@@ -251,47 +251,16 @@ export default {
     const getManageList = () => {
       let obj = {
         name: "",
-        pageNo: 0,
-        pageSize: 0,
+        pageNo: state.pageNo,
+        pageSize: state.pageSize,
+        projectId: 27,
         projectTaskId: props.projectTaskId,
-        status: 0,
+        status: -1,
       };
       api
         .taskStudentList(obj)
         .then((res) => {
-          console.log("获取作业任务管理列表成功", res);
-          // state.pageNo = res.data.data.pageNo
-          state.pageSize = res.data.data.pageSize;
-          state.pageSize = res.data.data.pageSize;
-          // for (let i = 0; i < res.data.data.rows.length; i++) {
-          //   state.tabledata.push(res.data.data.rows[i].userInfoBo);
-          // }
-          for (let i = 0; i < res.data.data.rows.length; i++) {
-            state.tabledata.push(res.data.data.rows[i]);
-            //需要确认值 赋给tablecolumns
-            console.log('state.tabledata',state.tabledata);
-          }
-        })
-        .catch((err) => {
-          console.log("获取作业任务列表失败", err);
-        });
-    };
-
-
-    //搜索任务列表
-    const searchTaskList = () => {
-      let objser = {
-        name: state.name,
-        pageNo: 0,
-        pageSize: 0,
-        projectTaskId: props.projectTaskId,
-        status: state.projectName,
-      };
-      api
-        .taskStudentList(objser)
-        .then((res) => {
-          console.log("获取任务管理列表成功", res);
-          // state.pageNo = res.data.data.pageNo
+          state.pageNo = res.data.data.pageNo;
           state.pageSize = res.data.data.pageSize;
           state.pageSize = res.data.data.pageSize;
           for (let i = 0; i < res.data.data.rows.length; i++) {
@@ -299,14 +268,45 @@ export default {
           }
         })
         .catch((err) => {
-          console.log("获取任务列表失败", err);
+          console.log("获取作业任务列表失败", err);
         });
     };
 
+    //搜索任务列表
+    const searchTaskList = () => {
+      let objser = {
+        name: "",
+        pageNo: state.pageNo,
+        pageSize: state.pageSize,
+        projectId: 27,
+        projectTaskId: props.projectTaskId,
+        status: -1,
+      };
+      if (state.name !== "" || state.projectName !== "") {
+        api
+          .taskStudentList(objser)
+          .then((res) => {
+            state.pageNo = res.data.data.pageNo;
+            state.pageSize = res.data.data.pageSize;
+            state.pageSize = res.data.data.pageSize;
+            let newArr = [];
+            for (let i = 0; i < res.data.data.rows.length; i++) {
+              if (res.data.data.rows[i].userInfoBo.userName == state.name)
+                newArr.push(res.data.data.rows[i].userInfoBo);
+            }
+            state.tabledata = newArr;
+          })
+          .catch((err) => {
+            console.log("搜索任务列表失败", err);
+          });
+      }
+    };
+
     //重置任务列表
     const resetTaskList = () => {
-      state.name = "",
-      state.projectName="";
+      state.name = "";
+      state.projectName = "";
+      state.tabledata = [];
       getManageList();
     };
 
@@ -314,7 +314,7 @@ export default {
       setTimeout(() => {
         getManageList();
       }, 1000);
-    })
+    });
     return {
       ...toRefs(state),
       selectProjectName,