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

src/components/drawers/AddOnline.vue

@@ -59,13 +59,13 @@
           <div class="mntc_left">
             <div class="notice_icon"></div>
             <span style="color: rgba(0, 0, 0, 0.65); margin-right: 17px"
-              >已选择 <span style="color: #388be1">{{ RowsNum }}</span> 项</span
+              >已选择 <span style="color: #388be1">{{ selectedRowKeys.length }}</span> 项</span
             >
             <span style="color: rgba(0, 0, 0, 0.65)"
               >列表选项总计：<span>{{ tableDataTotal }}</span> 条</span
             >
           </div>
-          <div class="mntc_right">
+          <div class="mntc_right" @click="clearLine">
             <span style="color: #387df7; margin-right: 24px">清空</span>
           </div>
         </div>
@@ -75,15 +75,15 @@
             :row-class-name="
               (_record, index) => (index % 2 === 1 ? 'table-striped' : null)
             "
-            :row-selection="rowSelection"
+            :row-selection="{
+              selectedRowKeys:selectedRowKeys,
+              onChange:onSelectChange,
+              onSelect:onSelected,
+              }"
             :columns="tableDataFunc()"
             :data-source="tableData"
             :loading="tableDataTotal === -1 ? true : false"
-            expandRowByClick="true"
-            this.getMilitaryDeployment()
-            @expand="expandTable"
             :pagination="false"
-            filterMultiple:false
           />
           <div class="pa">
             <a-pagination
@@ -107,7 +107,7 @@
   </a-drawer>
 </template>
 <script>
-import { reactive, toRefs, onMounted } from "vue";
+import { reactive, toRefs } from "vue";
 import * as api from "../../api/indexInvist.js";
 import * as apiTask from "../../api/indexTaskadd";
 import { message } from "ant-design-vue";
@@ -172,7 +172,7 @@ export default {
       time: undefined,
       assessmentId: null,
       assessmentName: "",
-      RowsNum: 0,
+      selectedRowKeys:[],
       tableData: [],
       currentPage: 1,
       tableDataTotal: 0,
@@ -181,11 +181,11 @@ export default {
     const closeDrawer = () => {
       ctx.emit("update:addonlineVisible", false);
       ctx.emit("update:edit", false);
-      // ctx.emit("changeData", false);
       localStorage.setItem("stageId", props.chooseStageId);
       localStorage.setItem("chapterId", props.isactive);
     };
     const afterVisibleChange = () => {
+      getAllOnlineText();
     };
     const tableDataFunc = () => {
       const columns = [
@@ -199,7 +199,6 @@ export default {
         {
           title: "名称",
           dataIndex: "name",
-          // width: "30%",
           key: "name",
           width: "100px",
           align: "left",
@@ -236,25 +235,18 @@ export default {
       ];
       return columns;
     };
-    const rowSelection = {
-      checkStrictly: false,
-      onSelectAll: (selected) => {
-        if (selected == true) {
-          state.RowsNum = state.tableDataTotal;
-        } else {
-          state.RowsNum = 0;
-        }
-      },
-      onSelect: (selectedRows, selected) => {
-        if (selected == true) {
-          state.RowsNum++;
-        } else {
-          state.RowsNum--;
-        }
-        state.assessmentId = selectedRows.assessmentId;
-        state.assessmentName = selectedRows.name;
-      },
-    };
+    const onSelected = (record) => {
+      state.assessmentId = record.assessmentId;
+      state.assessmentName = record.name;
+    }
+    const onSelectChange = (selectedRowKeys,b) => {
+      state.selectedRowKeys = selectedRowKeys
+      console.log(b);
+    }
+    //清空所选
+    const clearLine = ()=> {
+      state.selectedRowKeys=[]
+    }
     const handelChangePage = (page, pageSize) => {
       state.currentPage = page;
       state.pageSize = pageSize;
@@ -265,7 +257,7 @@ export default {
       let array = [];
       data.map((value, index) => {
         let obj = {
-          key: index,
+          key: index+1,
           assessmentId: value.assessmentId,
           num: value.essayQuestionVoList.length,
           name: value.assessmentName ? value.assessmentName : "-",
@@ -305,12 +297,14 @@ export default {
           type: 1,
         })
           .then(() => {
+            message.destroy()
             message.success(`${props.edit ? "编辑" : "新增"}关卡任务成功`);
             ctx.emit("changeData", false);
             closeDrawer();
             state.addLoading = false;
           })
           .catch(() => {
+            message.destroy()
             message.error(`${props.edit ? "编辑" : "新增"}关卡任务失败`);
           });
       } else if (props.isLevel == 2) {
@@ -324,11 +318,13 @@ export default {
             type: 1,
           })
           .then(() => {
+            message.destroy()
             message.success(`${props.edit ? "编辑" : "新增"}阶段任务成功`);
             ctx.emit("changeData", false);
             closeDrawer();
           })
           .catch(() => {
+            message.destroy()
             message.error(`${props.edit ? "编辑" : "新增"}阶段任务失败`);
           });
       } else if (props.isLevel == 3) {
@@ -340,16 +336,14 @@ export default {
       state.inputV1 = "";
       getAllOnlineText();
     };
-    onMounted(() => {
-      // createOnline();
-      getAllOnlineText();
-    });
     return {
       ...toRefs(state),
       afterVisibleChange,
       closeDrawer,
       tableDataFunc,
-      rowSelection,
+      onSelected,
+      onSelectChange,
+      clearLine,
       handelChangePage,
       getAllOnlineText,
       getTableDate,