|
|
@@ -7,7 +7,6 @@ const router = useRouter();
|
|
|
|
|
|
|
|
|
// let state = ref({
|
|
|
-// organizationList: [],
|
|
|
// userListParams: {
|
|
|
// keyword: '',
|
|
|
// page: 1,
|
|
|
@@ -21,33 +20,6 @@ const router = useRouter();
|
|
|
// });
|
|
|
|
|
|
let state = ref({
|
|
|
- // 全部班级列表
|
|
|
- "organizationList": [
|
|
|
- {
|
|
|
- "orgType": {
|
|
|
- "code": "class",
|
|
|
- "name": "专业班级"
|
|
|
- },
|
|
|
- "id": 656845035987013,
|
|
|
- "name": "2025级通讯班",
|
|
|
- "pid": 656843881177157,
|
|
|
- "code": null,
|
|
|
- "type": "class",
|
|
|
- "weigh": 0
|
|
|
- },
|
|
|
- {
|
|
|
- "orgType": {
|
|
|
- "code": "class",
|
|
|
- "name": "专业班级"
|
|
|
- },
|
|
|
- "id": 6568450359870132,
|
|
|
- "name": "2025级通讯班2",
|
|
|
- "pid": 6568438811771572,
|
|
|
- "code": null,
|
|
|
- "type": "class",
|
|
|
- "weigh": 0
|
|
|
- }
|
|
|
- ],
|
|
|
// 用户提交分页查询数据
|
|
|
"userListParams": {
|
|
|
// 搜索的内容
|
|
|
@@ -68,7 +40,7 @@ let state = ref({
|
|
|
"教师"
|
|
|
],
|
|
|
"createTime": "2025-04-03 10:42:39",
|
|
|
- "name": "教师测试账号",
|
|
|
+ "name": "教师测试学校",
|
|
|
"code": null,
|
|
|
"username": "teacher",
|
|
|
"phone": null,
|
|
|
@@ -160,7 +132,7 @@ let state = ref({
|
|
|
"学生"
|
|
|
],
|
|
|
"createTime": "2025-04-03 11:16:40",
|
|
|
- "name": "学生测试账号",
|
|
|
+ "name": "学生测试学校",
|
|
|
"code": null,
|
|
|
"username": "student",
|
|
|
"phone": null,
|
|
|
@@ -180,7 +152,7 @@ let state = ref({
|
|
|
],
|
|
|
// 用户总数量
|
|
|
"userTotal": 6,
|
|
|
- // 是否弹出添加账号UI
|
|
|
+ // 是否弹出添加学校UI
|
|
|
"showDialog": false,
|
|
|
// 当前分页列表，多选的数据
|
|
|
"ids": [],
|
|
|
@@ -194,7 +166,7 @@ let state = ref({
|
|
|
let ruleFormRef = ref();
|
|
|
|
|
|
/**
|
|
|
- * 添加账号，最后提交的数据
|
|
|
+ * 添加学校，最后提交的数据
|
|
|
*/
|
|
|
let userAddParams = ref({
|
|
|
name: '',
|
|
|
@@ -205,7 +177,7 @@ let userAddParams = ref({
|
|
|
});
|
|
|
|
|
|
/**
|
|
|
- * 添加账号，字段相关验证规则
|
|
|
+ * 添加学校，字段相关验证规则
|
|
|
*/
|
|
|
let userAddRules = ref({
|
|
|
name: [{ required: true, message: '请填写姓名', trigger: 'blur' }],
|
|
|
@@ -242,7 +214,7 @@ const pageUpdateEvent = () => {
|
|
|
}
|
|
|
|
|
|
/**
|
|
|
- * 弹出添加账号UI
|
|
|
+ * 弹出添加学校UI
|
|
|
*/
|
|
|
const btnAddStudent = (formEl) => {
|
|
|
|
|
|
@@ -255,7 +227,7 @@ const btnAddStudent = (formEl) => {
|
|
|
}
|
|
|
|
|
|
/**
|
|
|
- * 触发搜索账号逻辑
|
|
|
+ * 触发搜索学校逻辑
|
|
|
*/
|
|
|
const btnSearchName = () => {
|
|
|
pageUpdateEvent();
|
|
|
@@ -299,7 +271,7 @@ const selectionChange = (res) => {
|
|
|
}
|
|
|
|
|
|
/**
|
|
|
- * 添加账号的时候，选中的班级的时候
|
|
|
+ * 添加学校的时候，选中的班级的时候
|
|
|
* @param val
|
|
|
*/
|
|
|
const selectClass = (val) => {
|
|
|
@@ -307,7 +279,7 @@ const selectClass = (val) => {
|
|
|
}
|
|
|
|
|
|
/**
|
|
|
- * 添加账号 点击提交
|
|
|
+ * 添加学校 点击提交
|
|
|
* @param formEl
|
|
|
*/
|
|
|
const submitForm = async (formEl) => {
|
|
|
@@ -390,7 +362,7 @@ const btnDetail = (res) => {
|
|
|
|
|
|
detailsDb.value = {
|
|
|
name: '名字',
|
|
|
- username: '账号',
|
|
|
+ username: '学校',
|
|
|
password: '123456',
|
|
|
orgId: 6568450359870132,
|
|
|
roles: [],
|
|
|
@@ -408,27 +380,15 @@ const btnDetail = (res) => {
|
|
|
<div class="content commonsScrollbar">
|
|
|
<div class="contentTitle">
|
|
|
<div class="contentTitle-line"></div>
|
|
|
- <div class="contentTitle-text">账号管理</div>
|
|
|
+ <div class="contentTitle-text">管理学校</div>
|
|
|
</div>
|
|
|
<div class="contentRow">
|
|
|
<div class="rowLeft">
|
|
|
- <div class="rowSelect">
|
|
|
- <el-select
|
|
|
- v-model="state.userListParams.orgId"
|
|
|
- clearable
|
|
|
- placeholder="全部班级"
|
|
|
- size="large"
|
|
|
- style="width: 15rem"
|
|
|
- @change="classChange"
|
|
|
- >
|
|
|
- <el-option v-for="item in state.organizationList" :key="item.id" :label="item.name" :value="item.id" />
|
|
|
- </el-select>
|
|
|
- </div>
|
|
|
<div class="rowBtn rowBtn1" @click="btnAddStudent(ruleFormRef)">
|
|
|
<img src="./assets/img/manageUser/add.svg" alt="" />
|
|
|
- <span class="rowBtn-text rowBtn-text1">添加账号</span>
|
|
|
+ <span class="rowBtn-text rowBtn-text1">添加学校</span>
|
|
|
</div>
|
|
|
- <div class="rowBtn rowBtn2">
|
|
|
+ <!-- <div class="rowBtn rowBtn2">
|
|
|
<img src="./assets/img/manageUser/download.svg" alt="" />
|
|
|
<span class="rowBtn-text rowBtn-text2">模板下载</span>
|
|
|
</div>
|
|
|
@@ -439,7 +399,7 @@ const btnDetail = (res) => {
|
|
|
<div class="rowBtn rowBtn1">
|
|
|
<img src="./assets/img/manageUser/export.svg" alt="" />
|
|
|
<span class="rowBtn-text rowBtn-text1">批量导出</span>
|
|
|
- </div>
|
|
|
+ </div> -->
|
|
|
<div class="rowBtn rowBtn3" @click="btnShowDel">
|
|
|
<img src="./assets/img/manageUser/delete.svg" alt="" />
|
|
|
<span class="rowBtn-text rowBtn-text3">批量删除</span>
|
|
|
@@ -451,7 +411,7 @@ const btnDetail = (res) => {
|
|
|
:prefix-icon="Search"
|
|
|
clearable
|
|
|
style="width: 17rem; height: 3rem"
|
|
|
- placeholder="搜索账号/姓名"
|
|
|
+ placeholder="搜索学校"
|
|
|
@clear="btnSearchName"
|
|
|
/>
|
|
|
<div class="rowSearch" @click="btnSearchName">搜索</div>
|
|
|
@@ -460,7 +420,7 @@ const btnDetail = (res) => {
|
|
|
<div class="contentTable commonsScrollbar">
|
|
|
<el-table :data="state.userList" style="width: 100%" @selection-change="selectionChange">
|
|
|
<el-table-column align="center" type="selection" width="110" />
|
|
|
- <el-table-column prop="name" label="账号" />
|
|
|
+ <el-table-column prop="name" label="学校" />
|
|
|
<el-table-column prop="name" label="姓名" />
|
|
|
<el-table-column prop="orgName" label="班级" />
|
|
|
<el-table-column prop="orgName" label="状态" />
|
|
|
@@ -490,28 +450,15 @@ const btnDetail = (res) => {
|
|
|
</el-pagination>
|
|
|
</div>
|
|
|
|
|
|
- <!-- 添加账号模态框 -->
|
|
|
+ <!-- 添加学校模态框 -->
|
|
|
<el-dialog v-model="state.showDialog" class="dialog">
|
|
|
<template #header>
|
|
|
- <div class="dialog-title">添加账号</div>
|
|
|
+ <div class="dialog-title">添加学校</div>
|
|
|
</template>
|
|
|
<div class="dialogBody">
|
|
|
<el-form ref="ruleFormRef" :model="userAddParams" :rules="userAddRules">
|
|
|
- <el-form-item label="姓名" prop="name">
|
|
|
- <el-input v-model="userAddParams.name" clearable placeholder="请填写姓名"></el-input>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="学号" prop="username">
|
|
|
- <el-input v-model="userAddParams.username" type="number" clearable placeholder="请填写学号"></el-input>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="学校" prop="orgId">
|
|
|
- <el-select v-model="userAddParams.orgId" clearable placeholder="请选择学校" @change="selectClass">
|
|
|
- <el-option v-for="item in state.organizationList" :key="item.id" :label="item.name" :value="item.id" />
|
|
|
- </el-select>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="班级" prop="orgId">
|
|
|
- <el-select v-model="userAddParams.orgId" clearable placeholder="请选择班级" @change="selectClass">
|
|
|
- <el-option v-for="item in state.organizationList" :key="item.id" :label="item.name" :value="item.id" />
|
|
|
- </el-select>
|
|
|
+ <el-form-item label="学校" prop="name">
|
|
|
+ <el-input v-model="userAddParams.name" clearable placeholder="请填写学校"></el-input>
|
|
|
</el-form-item>
|
|
|
</el-form>
|
|
|
<div class="dialogFoot">
|
|
|
@@ -521,29 +468,16 @@ const btnDetail = (res) => {
|
|
|
</div>
|
|
|
</el-dialog>
|
|
|
|
|
|
- <!-- 账号详情模态框 -->
|
|
|
+ <!-- 学校详情模态框 -->
|
|
|
<el-dialog v-model="state.showDetails" class="dialog">
|
|
|
<template #header>
|
|
|
- <div class="dialog-title">账号详情</div>
|
|
|
+ <div class="dialog-title">学校详情</div>
|
|
|
</template>
|
|
|
<div class="dialogBody">
|
|
|
<el-form :model="detailsDb">
|
|
|
- <el-form-item label="姓名" prop="name">
|
|
|
+ <el-form-item label="学校" prop="name">
|
|
|
<el-input v-model="detailsDb.name" clearable disabled ></el-input>
|
|
|
</el-form-item>
|
|
|
- <el-form-item label="学号" prop="username">
|
|
|
- <el-input v-model="detailsDb.username" type="number" clearable disabled ></el-input>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="学校" prop="orgId">
|
|
|
- <el-select v-model="detailsDb.orgId" clearable disabled >
|
|
|
- <el-option v-for="item in state.organizationList" :key="item.id" :label="item.name" :value="item.id" />
|
|
|
- </el-select>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="班级" prop="orgId">
|
|
|
- <el-select v-model="detailsDb.orgId" clearable disabled >
|
|
|
- <el-option v-for="item in state.organizationList" :key="item.id" :label="item.name" :value="item.id" />
|
|
|
- </el-select>
|
|
|
- </el-form-item>
|
|
|
</el-form>
|
|
|
</div>
|
|
|
</el-dialog>
|
