mirror of
https://codeup.aliyun.com/67762337eccfc218f6110e0e/vue/fe-manage.git
synced 2025-12-14 13:26:45 +08:00
feat:修改学员端面授学员签到二维码
This commit is contained in:
@@ -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;
|
||||
|
||||
Reference in New Issue
Block a user