|
@@ -3,24 +3,175 @@ import { computed, onMounted, onUnmounted, watch, ref } from "vue";
|
|
import { useRouter } from 'vue-router';
|
|
import { useRouter } from 'vue-router';
|
|
const router = useRouter();
|
|
const router = useRouter();
|
|
|
|
|
|
|
|
+// let state = ref({
|
|
|
|
+// organizationList: [],
|
|
|
|
+// userListParams: {
|
|
|
|
+// keyword: '',
|
|
|
|
+// page: 1,
|
|
|
|
+// limit: 5,
|
|
|
|
+// },
|
|
|
|
+// userList: [],
|
|
|
|
+// userTotal: 0,
|
|
|
|
+// showDialog: false,
|
|
|
|
+// ids: [],
|
|
|
|
+// showDel: false,
|
|
|
|
+// });
|
|
|
|
+
|
|
let state = ref({
|
|
let state = ref({
|
|
- organizationList: [],
|
|
|
|
- userListParams: {
|
|
|
|
- keyword: '',
|
|
|
|
- page: 1,
|
|
|
|
- limit: 5,
|
|
|
|
|
|
+ // 全部班级列表
|
|
|
|
+ "organizationList": [
|
|
|
|
+ {
|
|
|
|
+ "orgType": {
|
|
|
|
+ "code": "class",
|
|
|
|
+ "name": "专业班级"
|
|
|
|
+ },
|
|
|
|
+ "id": 656845035987013,
|
|
|
|
+ "name": "2025级通讯班",
|
|
|
|
+ "pid": 656843881177157,
|
|
|
|
+ "code": null,
|
|
|
|
+ "type": "class",
|
|
|
|
+ "weigh": 0
|
|
|
|
+ }
|
|
|
|
+ ],
|
|
|
|
+ // 用户提交分页查询数据
|
|
|
|
+ "userListParams": {
|
|
|
|
+ // 搜索的内容
|
|
|
|
+ "keyword": "",
|
|
|
|
+ // 第几页
|
|
|
|
+ "page": 1,
|
|
|
|
+ // 每页显示多少数据
|
|
|
|
+ "limit": 5
|
|
},
|
|
},
|
|
- userList: [],
|
|
|
|
- userTotal: 0,
|
|
|
|
- showDialog: false,
|
|
|
|
- ids: [],
|
|
|
|
- showDel: false,
|
|
|
|
|
|
+ // 具体分页的数据
|
|
|
|
+ "userList": [
|
|
|
|
+ {
|
|
|
|
+ "id": 661434193309765,
|
|
|
|
+ "level": 0,
|
|
|
|
+ "orgName": "信息论与编码基础教研组",
|
|
|
|
+ "zoneName": null,
|
|
|
|
+ "rolesName": [
|
|
|
|
+ "教师"
|
|
|
|
+ ],
|
|
|
|
+ "createTime": "2025-04-03 10:42:39",
|
|
|
|
+ "name": "教师测试账号",
|
|
|
|
+ "code": null,
|
|
|
|
+ "username": "teacher",
|
|
|
|
+ "phone": null,
|
|
|
|
+ "duty": null,
|
|
|
|
+ "photo": null,
|
|
|
|
+ "orgId": 656844968038469,
|
|
|
|
+ "roles": [
|
|
|
|
+ 661429664665669
|
|
|
|
+ ],
|
|
|
|
+ "email": null,
|
|
|
|
+ "status": 1,
|
|
|
|
+ "type": 1
|
|
|
|
+ },
|
|
|
|
+ {
|
|
|
|
+ "id": 668917601919045,
|
|
|
|
+ "level": 0,
|
|
|
|
+ "orgName": "2025级通讯班",
|
|
|
|
+ "zoneName": null,
|
|
|
|
+ "rolesName": [
|
|
|
|
+ "学生"
|
|
|
|
+ ],
|
|
|
|
+ "createTime": "2025-04-24 14:12:43",
|
|
|
|
+ "name": "刘瑾见",
|
|
|
|
+ "code": "110220",
|
|
|
|
+ "username": "14367845673",
|
|
|
|
+ "phone": null,
|
|
|
|
+ "duty": null,
|
|
|
|
+ "photo": null,
|
|
|
|
+ "orgId": 656845035987013,
|
|
|
|
+ "roles": [
|
|
|
|
+ 661441664479301
|
|
|
|
+ ],
|
|
|
|
+ "email": null,
|
|
|
|
+ "status": 1,
|
|
|
|
+ "type": 0
|
|
|
|
+ },
|
|
|
|
+ {
|
|
|
|
+ "id": 668916601290821,
|
|
|
|
+ "level": 0,
|
|
|
|
+ "orgName": "2025级通讯班",
|
|
|
|
+ "zoneName": null,
|
|
|
|
+ "rolesName": [
|
|
|
|
+ "学生"
|
|
|
|
+ ],
|
|
|
|
+ "createTime": "2025-04-24 14:08:39",
|
|
|
|
+ "name": "王伟",
|
|
|
|
+ "code": "1234525",
|
|
|
|
+ "username": "13234367546",
|
|
|
|
+ "phone": null,
|
|
|
|
+ "duty": null,
|
|
|
|
+ "photo": null,
|
|
|
|
+ "orgId": 656845035987013,
|
|
|
|
+ "roles": [
|
|
|
|
+ 661441664479301
|
|
|
|
+ ],
|
|
|
|
+ "email": null,
|
|
|
|
+ "status": 1,
|
|
|
|
+ "type": 0
|
|
|
|
+ },
|
|
|
|
+ {
|
|
|
|
+ "id": 668923933716550,
|
|
|
|
+ "level": 0,
|
|
|
|
+ "orgName": "2025级通讯班",
|
|
|
|
+ "zoneName": null,
|
|
|
|
+ "rolesName": [
|
|
|
|
+ "学生"
|
|
|
|
+ ],
|
|
|
|
+ "createTime": "2025-04-24 14:38:29",
|
|
|
|
+ "name": "威威",
|
|
|
|
+ "code": "25242345",
|
|
|
|
+ "username": "1431163",
|
|
|
|
+ "phone": null,
|
|
|
|
+ "duty": null,
|
|
|
|
+ "photo": null,
|
|
|
|
+ "orgId": 656845035987013,
|
|
|
|
+ "roles": [
|
|
|
|
+ 661441664479301
|
|
|
|
+ ],
|
|
|
|
+ "email": null,
|
|
|
|
+ "status": 1,
|
|
|
|
+ "type": 0
|
|
|
|
+ },
|
|
|
|
+ {
|
|
|
|
+ "id": 661442553135174,
|
|
|
|
+ "level": 0,
|
|
|
|
+ "orgName": "2025级通讯班",
|
|
|
|
+ "zoneName": null,
|
|
|
|
+ "rolesName": [
|
|
|
|
+ "学生"
|
|
|
|
+ ],
|
|
|
|
+ "createTime": "2025-04-03 11:16:40",
|
|
|
|
+ "name": "学生测试账号",
|
|
|
|
+ "code": null,
|
|
|
|
+ "username": "student",
|
|
|
|
+ "phone": null,
|
|
|
|
+ "duty": null,
|
|
|
|
+ "photo": {
|
|
|
|
+ "name": "sl.jpg",
|
|
|
|
+ "url": "/upload/Files/2025/04/28/0b326e2784ba73f56ef9f40aae86695c.jpg"
|
|
|
|
+ },
|
|
|
|
+ "orgId": 656845035987013,
|
|
|
|
+ "roles": [
|
|
|
|
+ 661441664479301
|
|
|
|
+ ],
|
|
|
|
+ "email": null,
|
|
|
|
+ "status": 1,
|
|
|
|
+ "type": 2
|
|
|
|
+ }
|
|
|
|
+ ],
|
|
|
|
+ // 用户总数量
|
|
|
|
+ "userTotal": 6,
|
|
|
|
+ "showDialog": false,
|
|
|
|
+ "ids": [],
|
|
|
|
+ "showDel": false
|
|
});
|
|
});
|
|
|
|
|
|
|
|
|
|
|
|
|
|
-
|
|
|
|
-
|
|
|
|
</script>
|
|
</script>
|
|
|
|
|
|
<template>
|
|
<template>
|
|
@@ -78,7 +229,7 @@ let state = ref({
|
|
<div class="rowSearch" @click="btnSearchName">搜索</div>
|
|
<div class="rowSearch" @click="btnSearchName">搜索</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
- <div class="contentTable">
|
|
|
|
|
|
+ <div class="contentTable commonsScrollbar">
|
|
<el-table :data="state.userList" style="width: 100%" @selection-change="selectionChange">
|
|
<el-table :data="state.userList" style="width: 100%" @selection-change="selectionChange">
|
|
<el-table-column align="center" type="selection" width="110" />
|
|
<el-table-column align="center" type="selection" width="110" />
|
|
<el-table-column prop="name" label="姓名/学号" />
|
|
<el-table-column prop="name" label="姓名/学号" />
|
|
@@ -271,20 +422,20 @@ let state = ref({
|
|
}
|
|
}
|
|
.contentTable {
|
|
.contentTable {
|
|
margin-top: 2.3rem;
|
|
margin-top: 2.3rem;
|
|
- height: 35rem;
|
|
|
|
|
|
+ height: 36rem;
|
|
|
|
|
|
:deep(tr) {
|
|
:deep(tr) {
|
|
border-radius: 0.57rem;
|
|
border-radius: 0.57rem;
|
|
}
|
|
}
|
|
:deep(th) {
|
|
:deep(th) {
|
|
background: #f5f7fa;
|
|
background: #f5f7fa;
|
|
- height: 6rem;
|
|
|
|
|
|
+ height: 5rem;
|
|
font-size: 1.4rem;
|
|
font-size: 1.4rem;
|
|
color: #333746;
|
|
color: #333746;
|
|
font-weight: 500;
|
|
font-weight: 500;
|
|
}
|
|
}
|
|
:deep(td) {
|
|
:deep(td) {
|
|
- height: 7rem;
|
|
|
|
|
|
+ height: 5rem;
|
|
font-size: 1.2rem;
|
|
font-size: 1.2rem;
|
|
color: #333333;
|
|
color: #333333;
|
|
}
|
|
}
|