feat:增加签到签退等

src/components/drawers/AllStuOver.vue

@@ -1,54 +1,104 @@
 <template>
-    <a-modal
-        :visible="ASOvervisible"
-        :closable="closable"
-        centered="true"
-        :footer="null"
-        wrapClassName="AllStuOverModel"
-        @cancel="closeModal"
-    >
-        <div class="head">
-            <div class="inhead">
-                <div class="left">
-                    <div class="gan"></div>
-                    <div class="tis">提示</div>
-                </div>
-                <div class="right" @click="closeModal"></div>
-            </div>
+  <a-modal
+    :visible="ASOvervisible"
+    :closable="closable"
+    centered="true"
+    :footer="null"
+    wrapClassName="AllStuOverModel"
+    @cancel="closeModal"
+  >
+    <div class="head">
+      <div class="inhead">
+        <div class="left">
+          <div class="gan"></div>
+          <div class="tis">提示</div>
         </div>
-        <div class="main">确定将所选学员标记完成吗</div>
-        <div class="butn">
-            <button class="btn btn1" @click="closeModal">取消</button>
-            <button class="btn btn2" @click="check">确定</button>
-        </div>
-    </a-modal>
+        <div class="right" @click="closeModal"></div>
+      </div>
+    </div>
+    <div class="main">确定将所选学员标记完成吗</div>
+    <div class="butn">
+      <button class="btn btn1" @click="closeModal">取消</button>
+      <button class="btn btn2" @click="batchFinishTask">确定</button>
+    </div>
+  </a-modal>
 </template>
 
 <script>
 import { toRefs, reactive } from "vue";
+import { message } from "ant-design-vue";
+import * as api from "../../api/index1";
 export default {
-props: {
-    ASOvervisible:{
-        type:Boolean,
-        default:false
-    }
-},
-setup(props,ctx){
+  props: {
+    ASOvervisible: {
+      type: Boolean,
+      default: false,
+    },
+    type: {
+      type: Number,
+      default: null,
+    },
+    ids: {
+      type: Array,
+      default: () => [],
+    },
+    taskId: {
+      type: Number,
+      default: null,
+    },
+    pid: {
+      type: Number,
+      default: null,
+    },
+    taskType: {
+      type: Number,
+      default: null,
+    },
+    currentStageId: {
+      type: Number,
+      default: null,
+    },
+  },
+  setup(props, ctx) {
     const state = reactive({
-        closable:false,
+      closable: false,
     });
     const closeModal = () => {
-        ctx.emit("update:ASOvervisible", false);
+      ctx.emit("update:ASOvervisible", false);
     };
-    const check = () => {
+
+    //批量标记完成
+    const batchFinishTask = () => {
+      if (props.studentsId.length === 0) {
+        message.destroy();
+        message.warning("请选择学员");
+        return;
+      }
+      console.log("props.studentsId", props.studentsId);
       closeModal();
+      let obj = {
+        ids: props.ids,
+        type: props.type,
+        taskId: props.taskId,
+        pid: props.pid,
+        taskType: props.taskType,
+        currentStageId: props.currentStageId,
+      };
+      api
+        .batchFinishTask(obj)
+        .then((res) => {
+          console.log("批量标记结果", res);
+        })
+        .catch((err) => {
+          console.log("批量标记失败", err);
+        });
     };
-    return{
-        ...toRefs(state),
-        closeModal,
-        check,
-    }
-}
+    return {
+      ...toRefs(state),
+      closeModal,
+      batchFinishTask,
+    };
+  },
 };
 </script>
 <style lang="scss">