feat:修改学员端面授学员签到二维码

This commit is contained in:
lixg
2023-01-09 15:55:11 +08:00
parent 07a474ecda
commit 1ee350895f
5 changed files with 92 additions and 32 deletions

View File

@@ -28,12 +28,11 @@
<div style="height: 176px; margin-bottom: 20px">
<a-upload-dragger
v-model:fileList="fileList"
action="/admin/student/importHomeWork"
:action="importHomeWork"
name="file"
:multiple="true"
:before-upload="beforeUpload"
@change="handleChange"
@customRequest="handleUpload"
:showUploadList="false"
>
<p class="ant-upload-drag-icon">
<inbox-outlined></inbox-outlined>
@@ -48,7 +47,10 @@
<div class="tipz">支持扩展名.xls/.xlsx</div>
</div> -->
<div class="loadstate">
<div class="loadborder">
<div
class="loadborder"
v-if="uploadpercent < 100 && uploadpercent !== -1"
>
<div class="content">
<div class="img"></div>
<div class="timebox">
@@ -56,18 +58,19 @@
<div class="tit">京东方商业模型.xls</div>
<div class="stateloading">正在上传</div>
</div>
<div class="prog">
<a-progress :percent="uploadpercent" />
<!-- <div class="prog">
<div class="inprogloading"></div>
</div>
</div> -->
</div>
<div class="curloading">
<div class="cur">55%</div>
<!-- <div class="cancel" style="margin-left: 20px">暂停</div>
<div class="cancel" style="margin-left: 15px">取消</div> -->
<!-- <div class="cur">55%</div> -->
<div class="cancel" style="margin-left: 20px">暂停</div>
<div class="cancel" style="margin-left: 15px">取消</div>
</div>
</div>
</div>
<div class="loadborder">
<div class="loadborder" v-if="uploadErr">
<div class="content">
<div class="img"></div>
<div class="timebox">
@@ -75,12 +78,14 @@
<div class="tit">京东方商业模型.xls</div>
<div class="statedefeat">上传失败</div>
</div>
<div class="prog">
<a-progress :percent="uploadpercent" />
<!-- <div class="prog">
<div class="inprogdefeat"></div>
</div>
</div> -->
</div>
<div class="curloading">
<div class="cur">55%</div>
<!-- <div class="cur">55%</div> -->
<div
style="color: #387df7; margin-left: 20px; cursor: pointer"
>
@@ -99,7 +104,7 @@
</div>
</div>
</div>
<div class="loadborder">
<div class="loadborder" v-if="uploadpercent === 100">
<div class="content">
<div class="img"></div>
<div class="timebox">
@@ -107,13 +112,14 @@
<div class="tit">京东方商业模型.xls</div>
<div class="statesucce">上传成功</div>
</div>
<div class="prog">
<a-progress :percent="uploadpercent" />
<!-- <div class="prog">
<div class="inprogsucce"></div>
</div>
</div> -->
</div>
<div class="curloading">
<div class="cur">100%</div>
<!-- <div class="cancel" style="margin-left: 20px">删除</div> -->
<!-- <div class="cur">100%</div> -->
<div class="cancel" style="margin-left: 20px">删除</div>
</div>
</div>
</div>
@@ -153,6 +159,10 @@ export default {
setup(props, ctx) {
const state = reactive({
fileType: ["xls", "xlsx"],
importHomeWork:
process.env.VUE_APP_BASE_API + "admin/student/importHomeWork",
uploadpercent: -1,
uploadErr: false, //上传失败
});
const closeDrawer = () => {
ctx.emit("update:eScorevisible", false);
@@ -164,10 +174,16 @@ export default {
//上传文件
const handleChange = (info) => {
console.log("info", info, props.id);
setInterval(() => {
console.log("我是文件上传的进度---------->", info.file.percent);
}, 1000);
console.log("info11111", info);
state.uploadpercent = info.file.percent;
// let timer = setInterval(() => {
// state.uploadpercent = info.file.percent;
// if (state.uploadpercent === 100) {
// clearInterval(timer);
// }
// console.log("我是文件上传的进度---------->", info.file.percent);
// }, 1000);
console.log("我是文件上传的进度---------->", info.file.percent);
const status = info.file.status;
if (status !== "uploading") {
console.log(info.file, info.fileList);
@@ -177,14 +193,15 @@ export default {
formData.append("uploadFile", info.file);
// formData.append("offcoursePlanId", props.id);
console.log("info.file", info.file);
// api.batchImportScore(formData).then((res) => {
// // if (res.data.code === 200) {
// // console.log('上传成功')
// // }
// console.log("上传成绩", res);
// });
api.batchImportScore(formData).then((res) => {
if (res.data.code === 200) {
console.log("上传成功");
}
console.log("上传成绩", res);
});
message.success(`${info.file.name} file uploaded successfully.`);
} else if (status === "error") {
state.uploadErr = true;
message.error(`${info.file.name} file upload failed.`);
}
};
@@ -355,7 +372,7 @@ export default {
display: flex;
width: 262px;
justify-content: space-between;
margin-bottom: 8px;
// margin-bottom: 8px;
.tit {
font-size: 14px;
font-weight: 400;