|
@@ -63,6 +63,8 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
+
|
|
|
+ <!-- pc端 查看切换 isDesktop-->
|
|
|
<div class="search_nav" v-if="isDesktop">
|
|
|
<div class="right">
|
|
|
<span :class="{ active: stype == 1 }" @click="checkDataType(1)" v-if="!peopleId">按题目查看</span>
|
|
@@ -70,7 +72,8 @@
|
|
|
<span :class="{ active: stype == 3 }" @click="checkDataType(3)" v-show="false">按数量查看</span>
|
|
|
</div>
|
|
|
<div class="left" v-if="isDesktop">
|
|
|
- <div style="margin-right: 10px;position: relative;" v-if="stype == 2 || stype == 3">
|
|
|
+ <!-- <div style="margin-right: 10px;position: relative;" v-if="stype == 2 || stype == 3"> -->
|
|
|
+ <div style="margin-right: 10px;position: relative;">
|
|
|
<el-select v-model="TeachingValue" @change="searchCourse" placeholder="按教研室">
|
|
|
<el-option
|
|
|
label="全部"
|
|
@@ -109,6 +112,7 @@
|
|
|
<el-input v-model="courseName" class="student_input" :disabled="!(!peopleId)" placeholder="请输入需要搜索的姓名"></el-input>
|
|
|
<span class="serach_icon" @click="searchCourse" ></span>
|
|
|
</div>
|
|
|
+
|
|
|
<div class="btnA" v-if="stype == 1 && !pdfLoading" @click="exportPDF">导出PDF</div>
|
|
|
<div class="btnA" v-if="stype == 2" @mouseenter="btnDisplay = true" @mouseleave="btnDisplay = false">
|
|
|
导出数据
|
|
@@ -120,6 +124,8 @@
|
|
|
<div class="btnA" v-if="stype == 3" @click="exportAllWord2">导出人员数据</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
+
|
|
|
+ <!-- 手机端 查看切换 isDesktop-->
|
|
|
<div class="search_nav" style="display:flex;justify-content:space-evenly;border: none;" v-if="!isDesktop">
|
|
|
<div class="right">
|
|
|
<span :class="{ active2: stype == 1 }" @click="checkDataType(1)">按题目查看</span>
|
|
@@ -128,6 +134,7 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
+ <!-- 按题目pc端 isDesktop-->
|
|
|
<div class="title_content" v-if="stype == 1 && isDesktop" v-loading="isLoading">
|
|
|
<div class="title_box" v-if="!testArray.length"
|
|
|
style="display: flex;align-items: center;justify-content: center;height: 500px;">
|
|
@@ -286,6 +293,7 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
+ <!-- 按题目手机端 !isDesktop-->
|
|
|
<div class="title_content" v-if="stype == 1 && !isDesktop" v-loading="isLoading">
|
|
|
<div class="title_box" v-if="!testArray.length"
|
|
|
style="display: flex;align-items: center;justify-content: center;height: 500px;">
|
|
@@ -469,6 +477,8 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
+
|
|
|
+ <!-- 按人员pc端 isDesktop-->
|
|
|
<div class="table_content" v-if="stype == 2 && isDesktop">
|
|
|
<el-table class="el-table" ref="table" :data="worksArray" border :fit="true" :key="2" v-loading="isLoading"
|
|
|
style="width: 100%" :header-cell-style="{ background: '#f1f1f1', fontSize: '17px' }"
|
|
@@ -534,6 +544,7 @@
|
|
|
</el-table-column>
|
|
|
</el-table>
|
|
|
</div>
|
|
|
+ <!-- 按人员手机端 !isDesktop-->
|
|
|
<div class="table_content" v-if="stype == 2 && !isDesktop">
|
|
|
|
|
|
<div v-for="(i,index) in worksArray" :key="i.id" class="isDesktopTable_content">
|
|
@@ -549,7 +560,7 @@
|
|
|
<div class="isDBri">
|
|
|
<div>序号:{{ i.time }}</div>
|
|
|
<div>提交时间:{{ i.time }}</div>
|
|
|
- <div>评课人:</div>
|
|
|
+ <div>评课人:{{ i.uteaName }}</div>
|
|
|
</div>
|
|
|
<div style="height: 1px;background-color: #717C8D;width: 100%;margin-bottom: 10px;"></div>
|
|
|
<div>
|
|
@@ -610,7 +621,7 @@
|
|
|
<img class="IsDImg" :src="file.url" alt="" v-if="file.type == 3" />
|
|
|
<img class="IsDImg" :src="wordIcon" alt="" v-if="file.type == 4" />
|
|
|
<img class="IsDImg" :src="fileIcon" alt="" v-if="file.type == 5" />
|
|
|
- <div class="name" style="height: 30px;background-color: #ccc;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;">
|
|
|
+ <div class="name" style="height: 30px;background-color: #f9f9f9;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;">
|
|
|
<!-- <el-tooltip :content="file.name" placement="top" effect="dark"> -->
|
|
|
{{ file.name }}
|
|
|
<!-- </el-tooltip> -->
|
|
@@ -766,6 +777,16 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
+ <div class="fileLoadDiv">
|
|
|
+ <el-dialog
|
|
|
+ title=""
|
|
|
+ :visible.sync="fileLoading"
|
|
|
+ :modal="false"
|
|
|
+ :before-close="fileClose">
|
|
|
+ <div>{{ fileLoadCount }} / {{ fileLoadNum }}</div>
|
|
|
+ </el-dialog>
|
|
|
+ </div>
|
|
|
+
|
|
|
<share-box :testJson="testJson" :TeachingValue="TeachingValue" :TeachName="TeachNameCpt" :dialogVisibleShare.sync="dialogVisibleShare"></share-box>
|
|
|
<wpdf :dialogVisiblePdf.sync="dialogVisiblePdf" :url="wurl"></wpdf>
|
|
|
<wVideo :dialogVisibleVideo.sync="dialogVisibleVideo" :url="wurl"></wVideo>
|
|
@@ -893,7 +914,11 @@ export default {
|
|
|
chapters: [],
|
|
|
filterPlacement: 'bottom-end',
|
|
|
pdfLoading: false,
|
|
|
- btnDisplay: false
|
|
|
+ btnDisplay: false,
|
|
|
+
|
|
|
+ fileLoading: false,
|
|
|
+ fileLoadCount: 0,
|
|
|
+ fileLoadNum: 0,
|
|
|
};
|
|
|
},
|
|
|
watch: {},
|
|
@@ -981,6 +1006,9 @@ export default {
|
|
|
}
|
|
|
},
|
|
|
methods: {
|
|
|
+ fileClose(done){
|
|
|
+ done()
|
|
|
+ },
|
|
|
//获取教研室列表
|
|
|
getClass2() {
|
|
|
let params = {
|
|
@@ -1082,6 +1110,7 @@ export default {
|
|
|
);
|
|
|
},
|
|
|
checkDataType(type) {
|
|
|
+ this.TeachingValue = ''
|
|
|
if (this.stype != type) {
|
|
|
this.stype = type
|
|
|
this.courseName = ''
|
|
@@ -1155,6 +1184,7 @@ export default {
|
|
|
time: this.works[i].time,
|
|
|
array: _json,
|
|
|
cut:0,
|
|
|
+ uteaName: this.works[i].uteaName,
|
|
|
courseJson: JSON.parse(this.works[i].courseJson),
|
|
|
})
|
|
|
}
|
|
@@ -1956,6 +1986,9 @@ export default {
|
|
|
this.isDesktop = this.screenWidth > 750; // 你可以根据需要调整这个阈值
|
|
|
},
|
|
|
downloadFileType5(fileData,title="附件"){
|
|
|
+ this.fileLoading = true
|
|
|
+ this.fileLoadNum = 0
|
|
|
+ this.fileLoadCount = 0
|
|
|
let data = fileData;
|
|
|
const zip = new JSZip();
|
|
|
let downFileArray = [];
|
|
@@ -1964,6 +1997,11 @@ export default {
|
|
|
downFileArray.push({userid:i.userid,username:i.username ? i.username : '匿名',urlList:data.filter(d=>d.userid==i.userid).map(m=>m)});
|
|
|
})
|
|
|
let promises = [];
|
|
|
+ // console.log('downFileArray',downFileArray);
|
|
|
+ downFileArray.forEach(e=>{
|
|
|
+ this.fileLoadNum += e.urlList.length
|
|
|
+ })
|
|
|
+
|
|
|
if(downFileArray.length==1){//只有一位老师的情况
|
|
|
if(downFileArray[0].urlList.length>1){//多个文件的情况
|
|
|
const folder = zip.folder(`${downFileArray[0].username}`);
|
|
@@ -1973,8 +2011,18 @@ export default {
|
|
|
// 下载文件, 并存成ArrayBuffer对象
|
|
|
const file_name = i.name; // 获取文件名
|
|
|
folder.file(file_name, data.data, { binary: true }); // 逐个添加文件
|
|
|
- }
|
|
|
+ this.fileLoadCount += 1
|
|
|
+ if (this.fileLoadCount == this.fileLoadNum) {
|
|
|
+ this.fileLoading = false
|
|
|
+ }
|
|
|
+ }else{
|
|
|
+ this.fileLoadCount += 1
|
|
|
+ if (this.fileLoadCount == this.fileLoadNum) {
|
|
|
+ this.fileLoading = false
|
|
|
+ }
|
|
|
+ }
|
|
|
});
|
|
|
+
|
|
|
promises.push(promise)
|
|
|
})
|
|
|
|
|
@@ -1984,7 +2032,16 @@ export default {
|
|
|
// 下载文件, 并存成ArrayBuffer对象
|
|
|
const file_name = `${downFileArray[0].username}-${downFileArray[0].urlList[0].name}`; // 获取文件名
|
|
|
zip.file(file_name, data.data, { binary: true }); // 逐个添加文件
|
|
|
- }
|
|
|
+ this.fileLoadCount+=1
|
|
|
+ if (this.fileLoadCount == this.fileLoadNum) {
|
|
|
+ this.fileLoading = false
|
|
|
+ }
|
|
|
+ }else{
|
|
|
+ this.fileLoadCount+=1
|
|
|
+ if (this.fileLoadCount == this.fileLoadNum) {
|
|
|
+ this.fileLoading = false
|
|
|
+ }
|
|
|
+ }
|
|
|
}))
|
|
|
}
|
|
|
}else if(downFileArray.length>1){//有多位老师的情况
|
|
@@ -1995,7 +2052,16 @@ export default {
|
|
|
// 下载文件, 并存成ArrayBuffer对象
|
|
|
const file_name = `${i.username ? i.username : '匿名'}-${i.urlList[0].name}`; // 获取文件名
|
|
|
zip.file(file_name, data.data, { binary: true }); // 逐个添加文件
|
|
|
- }
|
|
|
+ this.fileLoadCount+=1
|
|
|
+ if (this.fileLoadCount == this.fileLoadNum) {
|
|
|
+ this.fileLoading = false
|
|
|
+ }
|
|
|
+ }else{
|
|
|
+ this.fileLoadCount+=1
|
|
|
+ if (this.fileLoadCount == this.fileLoadNum) {
|
|
|
+ this.fileLoading = false
|
|
|
+ }
|
|
|
+ }
|
|
|
}))
|
|
|
}else if(i.urlList.length>1){//有多个文件的
|
|
|
const folder = zip.folder(`${i.username ? i.username : '匿名'}`);
|
|
@@ -2005,7 +2071,16 @@ export default {
|
|
|
// 下载文件, 并存成ArrayBuffer对象
|
|
|
const file_name = ui.name; // 获取文件名
|
|
|
folder.file(file_name, data.data, { binary: true }); // 逐个添加文件
|
|
|
- }
|
|
|
+ this.fileLoadCount+=1
|
|
|
+ if (this.fileLoadCount == this.fileLoadNum) {
|
|
|
+ this.fileLoading = false
|
|
|
+ }
|
|
|
+ }else{
|
|
|
+ this.fileLoadCount+=1
|
|
|
+ if (this.fileLoadCount == this.fileLoadNum) {
|
|
|
+ this.fileLoading = false
|
|
|
+ }
|
|
|
+ }
|
|
|
})
|
|
|
promises.push(promise)
|
|
|
})
|
|
@@ -2895,4 +2970,20 @@ export default {
|
|
|
right: 10px;
|
|
|
top: 0;
|
|
|
}
|
|
|
+.fileLoadDiv >>> .el-dialog__header{
|
|
|
+ display: none;
|
|
|
+}
|
|
|
+.fileLoadDiv >>> .el-dialog__body{
|
|
|
+ display: flex;
|
|
|
+ justify-content: center;
|
|
|
+}
|
|
|
+.fileLoadDiv >>> .el-dialog{
|
|
|
+ margin-top: 60vh !important;
|
|
|
+ width: 200px !important;
|
|
|
+ height: 80px;
|
|
|
+ display: flex;
|
|
|
+ justify-content: center;
|
|
|
+ align-items: center;
|
|
|
+ border-radius: 15px;
|
|
|
+}
|
|
|
</style>
|