feat:增加关闭导入学员弹框后,重新获取学员列表信息。

This commit is contained in:
wyx
2023-01-10 16:34:17 +08:00
parent f9830f71cc
commit 2f86d38cdd
3 changed files with 27 additions and 5 deletions

View File

@@ -171,6 +171,7 @@ export default {
const state = reactive({
template: process.env.VUE_APP_TEMPLATE + "导入学员模版-1672998102528.xlsx",
importStudent: process.env.VUE_APP_BASE_API + "admin/student/importStudent",
timers: "", // 定时器,用于清空定时器使用
uploadpercent: -1,
uploadErr: false, //上传失败
addLoading: false,
@@ -182,6 +183,7 @@ export default {
locationHref: location.href.indexOf('http://') !== -1 ? 'http://111.231.196.214:12016/' : location.href.slice(0, location.href.indexOf('/m')) + '/upload/'
});
const closeDrawer = () => {
clearInterval(state.timers);
state.fileList = [];
state.uploadpercent = -1;
state.addLoading = false;
@@ -191,6 +193,8 @@ export default {
state.errNum = 0;
state.downloadErrUrl = "";
ctx.emit("update:AddImpStuvisible", false);
// 通知父组件重新获取学员列表
ctx.emit("AddImpStuvisibleClose", false);
};
const afterVisibleChange = (bool) => {
@@ -228,7 +232,7 @@ export default {
type: 3
})
let i = 0;
let timer = setInterval(() => {
state.timers = setInterval(() => {
let uid = info.file.response.data;
api
.getImportStatus(uid)
@@ -246,12 +250,12 @@ export default {
state.succNum = res.data.data.successNum;
state.errNum = res.data.data.failedNum;
state.downloadErrUrl = res.data.data.url;
clearInterval(timer);
clearInterval(state.timers);
}
}
})
.catch((err) => {
clearInterval(timer);
clearInterval(state.timers);
state.showBottomBar = true;
state.addLoading = false;
console.log("查询导入状态失败", err);

View File

@@ -180,7 +180,7 @@
<!-- 二维码签到弹窗 -->
<SignQR v-model:signQRvisible="signQRvisible" />
<!-- 导入学员抽屉 -->
<imp-stu v-model:AddImpStuvisible="AddImpStuvisible" :courseId="projectTaskInfo.courseId" :courseType="2"/>
<imp-stu v-model:AddImpStuvisible="AddImpStuvisible" @AddImpStuvisibleClose="AddImpStuvisibleClose" :courseId="projectTaskInfo.courseId" :courseType="2"/>
<!-- 批量签到弹窗 -->
<a-modal
v-model:visible="copyModal"
@@ -727,6 +727,14 @@ export default {
// console.log(err);
// });
}
{/* 添加学员弹框关闭,重新获取学员列表 */}
const AddImpStuvisibleClose = () => {
console.log('关闭了导入学员弹框')
{/* 此处操作重新获取学员列表数据 */}
getStudent()
}
return {
...toRefs(state),
selectProjectName,
@@ -746,6 +754,7 @@ export default {
changePaginationStu,
exportTaskStu,
clearLine,
AddImpStuvisibleClose
};
},
};

View File

@@ -174,7 +174,7 @@
<!-- 二维码签到弹窗 -->
<SignQR v-model:signQRvisible="signQRvisible" />
<!-- 导入学员抽屉 -->
<imp-stu v-model:AddImpStuvisible="AddImpStuvisible" :courseId="datasource.courseId" :courseType="1"/>
<imp-stu v-model:AddImpStuvisible="AddImpStuvisible" @AddImpStuvisibleClose="AddImpStuvisibleClose" :courseId="datasource.courseId" :courseType="1" />
<!-- 批量签到弹窗 -->
<a-modal
v-model:visible="copyModal"
@@ -695,6 +695,14 @@ export default {
state.codeIndex = 1;
state.codeType = 2;
};
{/* 添加学员弹框关闭,重新获取学员列表 */}
const AddImpStuvisibleClose = () => {
console.log('关闭了导入学员弹框')
{/* 此处操作重新获取学员列表数据 */}
getStudent()
}
return {
...toRefs(state),
selectProjectName,
@@ -715,6 +723,7 @@ export default {
exportTaskStu,
clearLine,
qrcodeVisible,
AddImpStuvisibleClose
};
},
};