添案例接口添多数据情况批量标记弹窗封装新增查答卷查投票抽屉考勤面管添在线注释及清空考和测管内容判断

src/components/drawers/TimeManage.vue

@@ -58,7 +58,7 @@
           </div>
         </div>
         <div class="btnss" style="margin-top: 20px">
-          <div class="btn btn1" @click="showopen" style="margin-right: 20px">
+          <div class="btn btn1" @click="godie" style="margin-right: 20px">
             <div class="img1"></div>
             <div class="wz">催促学习</div>
           </div>
@@ -73,9 +73,7 @@
             :columns="tableDataFunc()"
             :data-source="tabledata"
             :loading="tableDataTotal === -1 ? true : false"
-            expandRowByClick="true"
             :scroll="{ x: 900 }"
-            @expand="expandTable"
             :pagination="false"
           />
           <div class="tableBox">
@@ -95,13 +93,9 @@
         </div>
       </div>
       <div class="btnn">
-        <button class="btn1" @click="test()">取消</button>
+        <button class="btn1">取消</button>
         <button class="btn2">确定</button>
       </div>
-      <div class="noticebox" v-show="open">
-        <div><img src="../../assets/images/taskpage/check.png" /></div>
-        <div class="notext">催促学员成功</div>
-      </div>
       <CVote v-model:CVvisible="CVvisible"/>
     </div>
   </a-drawer>
@@ -109,6 +103,7 @@
 
 <script>
 import { toRefs, reactive, onMounted, onUnmounted } from "vue";
+import { message } from 'ant-design-vue';
 import CVote from "./CheckVote.vue"
 import * as api from "../../api/index";
 export default {
@@ -163,7 +158,18 @@ export default {
           label: "已完成",
         },
       ],
-      tabledata: [],
+      tabledata: [
+        {
+          workNum:1,
+          status:"已完成",
+          operation:"",
+        },
+        {
+          workNum:2,
+          status:"未完成",
+          operation:"",
+        },
+      ],
     });
     const tableDataFunc = ()=> {
       if(
@@ -290,40 +296,65 @@ export default {
     //在线投票等管理列表操作
     const ListOpera = () => {
       let arr = state.tabledata;
-      console.log(arr,'-=-=-=-=-=-=-=-=--=-==----=-=-=-');
       arr.map((value) => {
-        value.operation = (
-          <div
-            style={{
-              display: "flex",
-              alignItems: "center",
-              justifyContent: "center",
-            }}
-          >
+        if(value.status == '已完成'){
+            value.operation = (
             <div
-              class="operation"
-              onClick={() => {
-                state.CVvisible = true;
+              style={{
+                display: "flex",
+                alignItems: "center",
+                justifyContent: "center",
               }}
-            >  
-              查看
+            >
+                <a-button 
+                    type="link"
+                    class="operation"
+                    style="cursor:pointer;margin-right:10px;"
+                    onClick={() => {
+                      state.CVvisible = true;
+                    }}
+                >
+                    查看
+                </a-button>
             </div>
-          </div>
-        );
+          );
+        } else {
+          value.operation = (
+            <div
+              style={{
+                display: "flex",
+                alignItems: "center",
+                justifyContent: "center",
+              }}
+            >
+                <a-button 
+                    type="link"
+                    class="operation"
+                    style="cursor:pointer;margin-right:10px;"
+                    disabled
+                >
+                    查看
+                </a-button>
+            </div>
+          );
+        }
       });
       state.tabledata = arr;
-      console.log(state.tabledata,'-----------');
     };
     ListOpera();
-    const selectProjectName = (value, index) => {
-      console.log("value", value, index);
-      state.projectName = value;
-    };
     const closeDrawer = () => {
       ctx.emit("update:Tvisible", false);
     };
-    const showopen = () => {
-      state.open = true;
+    const afterVisibleChange = () => {
+        getManageList();
+    };
+    const selectProjectName = (value) => {
+      state.projectName = value;
+    };
+    //催促
+    const godie = () => {
+      message.destroy()
+      message.success("催促学习成功")
     };
     const onChange = (pageNumber) => {
       console.log("Page: ", pageNumber);
@@ -335,7 +366,6 @@ export default {
         pageNo: state.pageNo,
         pageSize: state.pageSize,
         projectId: 27,
-        // projectTaskId: 370,
         projectTaskId: props.projectTaskId,
         status: -1,
       };
@@ -349,8 +379,7 @@ export default {
             state.tabledata.push(res.data.data.rows[i].userInfoBo);
           }
         })
-        .catch((err) => {
-          console.log("获取时间任务列表失败cc", err);
+        .catch(() => {
         });
     };
 
@@ -391,28 +420,13 @@ export default {
       state.tabledata = [];
       getManageList();
     };
-    const test = ()=> {
-      state.CVvisible = true
-    }
-    let timer;
-    onMounted(() => {
-      setTimeout(() => {
-        getManageList();
-      }, 500);
-      timer = setInterval(() => {
-        state.open = false;
-      }, 3000);
-    });
-    onUnmounted(() => {
-      clearInterval(timer);
-    });
     return {
-      test,
       ...toRefs(state),
       selectProjectName,
       closeDrawer,
+      afterVisibleChange,
       tableDataFunc,
-      showopen,
+      godie,
       onMounted,
       onUnmounted,
       onChange,