From 8eff378710b7074fe7241c73f3975345ffe8959b Mon Sep 17 00:00:00 2001
From: zhanghua <314079846@qq.com>
Date: 星期四, 19 九月 2024 12:56:58 +0800
Subject: [PATCH] 上传添加遮挡
---
src/views/student/index.vue | 109 +++++++++++++++++++++++++++++++++---------------------
1 files changed, 66 insertions(+), 43 deletions(-)
diff --git a/src/views/student/index.vue b/src/views/student/index.vue
index 63bb9df..c45ea31 100644
--- a/src/views/student/index.vue
+++ b/src/views/student/index.vue
@@ -8,13 +8,20 @@
</el-tabs>
<div style="display: flex; justify-content: space-between">
<!-- <el-button type="primary" size="small" @click="showCreate">鏂板缓瀛﹀憳</el-button> -->
- <el-button type="primary" size="small" @click="handleExport">瀵煎嚭瀛﹀憳</el-button>
+ <div>
+ <el-button type="primary" size="small" @click="handleExport"
+ >瀵煎嚭瀛﹀憳</el-button
+ >
+ <el-button type="primary" size="small" @click="handleImport"
+ >瀵煎叆瀛﹀憳</el-button
+ >
+ </div>
<div style="width: 500px">
- <!-- <el-date-picker v-model="dateRange" type="daterange" range-separator="鑷�" start-placeholder="寮�濮嬫棩鏈�"
+ <!-- <el-date-picker v-model="dateRange" type="daterange" range-separator="鑷�" start-placeholder="寮�濮嬫棩鏈�"
end-placeholder="缁撴潫鏃ユ湡" value-format="yyyy-MM-dd" style="margin-right: 10px">
</el-date-picker>
<el-button type="primary" @click="handleExport2">瀵煎嚭璇惧寘</el-button> -->
- </div>
+ </div>
<div style="width: 300px">
<el-input
placeholder="鎸夊鍚嶆悳绱�"
@@ -41,11 +48,11 @@
<el-table-column label="濮撳悕" prop="">
<template slot-scope="scope">
<el-link
- type="primary"
- :underline="false"
- @click="goDetails(scope.row)"
- >{{ scope.row.name }}</el-link
- >
+ type="primary"
+ :underline="false"
+ @click="goDetails(scope.row)"
+ >{{ scope.row.name }}</el-link
+ >
<!-- <el-link type="primary" :underline="false">{{
scope.row.name
}}</el-link> -->
@@ -113,14 +120,18 @@
>
</el-pagination>
</div>
- <StudentCreate ref="studentCreate" />
+ <el-dialog :visible.sync="dialogVisible" width="560px" title="瀵煎叆瀛﹀憳">
+ <UploadStudent
+ v-if="dialogVisible"
+ @load-success="reloadData"
+ ></UploadStudent>
+ </el-dialog>
</div>
</template>
<script>
-import { getData, getRenew, getExpire, getDeleted, handleExport } from "@/api/student";
-import StudentCreate from "./components/create.vue";
-import { login } from "@/api/user";
+import { getData, getRenew, getExpire, getDeleted } from "@/api/student";
+import UploadStudent from "./components/upload-student.vue";
export default {
filters: {
@@ -134,7 +145,7 @@
},
},
components: {
- StudentCreate,
+ UploadStudent,
},
data() {
return {
@@ -144,7 +155,7 @@
activeName: "all",
total: 0,
data: {
- staffId: JSON.parse(localStorage.getItem("user")).staffs[0].id,
+ staffId: JSON.parse(localStorage.getItem("selectStaff")).id,
keyword: "",
pageIn: {
//鍙�夛紝濡傛灉鏄垎椤垫煡璇紝闇�瑕佸姞涓娿��
@@ -156,49 +167,60 @@
},
},
},
+ dialogVisible: false,
};
},
created() {
// 鑾峰彇鍦板潃鏍廲ode
- let code = this.$route.query.code;
- if (code) {
- if (localStorage.getItem("code")) {
- if (code !== localStorage.getItem("code")) {
- this.getUserDate(code);
- }
- } else {
- this.getUserDate(code);
- }
- } else {
- if (!localStorage.getItem("user")) {
- this.$router.push("/login");
- }
- }
+ // let code = this.$route.query.code;
+ // if (code) {
+ // if (localStorage.getItem("code")) {
+ // if (code !== localStorage.getItem("code")) {
+ // this.getUserDate(code);
+ // }
+ // } else {
+ // this.getUserDate(code);
+ // }
+ // } else {
+ // if (!localStorage.getItem("user")) {
+ // this.$router.push("/login");
+ // }
+ // }
if (localStorage.getItem("user")) {
this.fetchData();
+ } else {
+ this.$router.push("/login");
}
},
methods: {
- getUserDate(code) {
- login({
- code: code,
- }).then((res) => {
- localStorage.setItem("user", JSON.stringify(res));
- localStorage.setItem("code", code);
- window.location.reload();
- });
- },
handleExport() {
- this.download('exportPlayer?orgId=' + JSON.parse(localStorage.getItem("user")).staffs[0].org.id, {
- }, `瀵煎嚭_${new Date().getTime()}.xlsx`)
+ this.download(
+ "exportPlayer?orgId=" +
+ JSON.parse(localStorage.getItem("selectStaff")).org.id,
+ {},
+ `瀵煎嚭_${new Date().getTime()}.xlsx`
+ );
},
handleExport2() {
if (this.dateRange.length == 0) {
this.$message.warning("璇烽�夋嫨鏃ユ湡鑼冨洿");
return;
}
- this.download('exportReport?startDate=' + this.dateRange[0] + '&endDate=' + this.dateRange[1], {
- }, `瀵煎嚭_${new Date().getTime()}.xlsx`)
+ this.download(
+ "exportReport?startDate=" +
+ this.dateRange[0] +
+ "&endDate=" +
+ this.dateRange[1],
+ {},
+ `瀵煎嚭_${new Date().getTime()}.xlsx`
+ );
+ },
+ handleImport() {
+ this.dialogVisible = true;
+ },
+ reloadData() {
+ this.dialogVisible = false;
+ this.fetchData();
},
fetchData() {
this.listLoading = true;
@@ -206,7 +228,7 @@
this.list = response.data.findPlayerByStaff.ls;
this.total = response.data.findPlayerByStaff.pageOut.total;
this.listLoading = false;
- })
+ });
},
handleSizeChange(val) {
this.data.pageIn.size = val;
@@ -217,6 +239,7 @@
this.handleClick();
},
handleClick(tab, event) {
+ this.data.staffId = JSON.parse(localStorage.getItem("selectStaff")).id;
if (this.activeName == "pendingFees") {
this.listLoading = true;
getRenew(this.data).then((response) => {
@@ -237,7 +260,7 @@
this.listLoading = true;
let data = {
itemType: "PLAYER",
- staffId: JSON.parse(localStorage.getItem("user")).staffs[0].id,
+ staffId: JSON.parse(localStorage.getItem("selectStaff")).id,
keyword: this.data.keyword,
pageIn: { ...this.data.pageIn },
};
--
Gitblit v1.8.0