hz/fe-manage
1
0
Fork 0
mirror of https://codeup.aliyun.com/67762337eccfc218f6110e0e/vue/fe-manage.git synced 2025-12-12 04:16:47 +08:00
Code Issues Packages Projects Releases Wiki Activity

导出详细学习记录 - loading 更改 5

Browse Source
This commit is contained in:
gengxin
2025-03-03 19:50:16 +08:00
parent bd09fd3c57
commit 0c5c3308aa
2 changed files with 15 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
src/components/student/OnlineClassModelStudent.vue
View File

@@ -93,6 +93,7 @@
</a-col> </a-col>
<a-col> <a-col>
<a-button class="cus-btn" style="background: #4ea6ff; color: #fff; width: 150px" <a-button class="cus-btn" style="background: #4ea6ff; color: #fff; width: 150px"
:loading="exportLoading"
@click="exportStudy"> @click="exportStudy">
导出详细学习记录 导出详细学习记录
</a-button> </a-button>
@@ -331,12 +332,14 @@ function exportStu() {
window.open(`${process.env.VUE_APP_BASE_API}/admin/student/exportOnlineStudent?type=3&&thirdType=8&pid=${searchParams.value.pid}`); window.open(`${process.env.VUE_APP_BASE_API}/admin/student/exportOnlineStudent?type=3&&thirdType=8&pid=${searchParams.value.pid}`);
} }
const exportLoading = ref(false)
const exportStudy = async () => { const exportStudy = async () => {
if(studentList.value.length == 0){ if(studentList.value.length == 0){
return message.warning('暂无可导出的学习记录') return message.warning('暂无可导出的学习记录')
} }
console.log("开始执行 gx 刷新"); exportLoading.value = true;
downLoadXlsx(`${process.env.VUE_APP_BASE_API}/admin/student/exportOnlineStudentDetail?type=4&&thirdType=8&pid=${searchParams.value.pid}`,'在线课学员学习记录'); downLoadXlsx(`${process.env.VUE_APP_BASE_API}/admin/student/exportOnlineStudentDetail?type=4&&thirdType=8&pid=${searchParams.value.pid}`,'在线课学员学习记录',exportLoading);
} }
defineExpose({ defineExpose({
searchStu, searchStu,

18
src/utils/zipdownload.js
View File

@@ -1,19 +1,21 @@
import axios from 'axios' import axios from 'axios'
import {getCookieForName} from "@/api/method"; import {getCookieForName} from "@/api/method";
import { ref } from 'vue';
const mimeMap = { const mimeMap = {
xlsx: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet', xlsx: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet',
zip: 'application/zip' zip: 'application/zip'
} }
export function downLoadXlsx(str, filename) { export const downLoadXlsx = async (str, filename,exportLoading) => {
await axios({ const res = await axios({
method: 'get', method: 'get',
url: str, url: str,
responseType: 'blob', responseType: 'blob',
headers: { 'Authorization': 'Bearer ' + getCookieForName("token") } headers: { 'Authorization': 'Bearer ' + getCookieForName("token") }
}).then(res => { });
resolveBlob(res, mimeMap.xlsx,filename) resolveBlob(res, mimeMap.xlsx,filename)
}) exportLoading.value = false;
return { exportLoading };
} }
const baseUrl = process.env.VUE_APP_ACT_API const baseUrl = process.env.VUE_APP_ACT_API
export function downLoadZip(str, filename) { export function downLoadZip(str, filename) {