|
|
@@ -171,7 +171,10 @@ let state = ref({
|
|
|
"showDialog": false,
|
|
|
// 当前分页列表，多选的数据
|
|
|
"ids": [],
|
|
|
- "showDel": false
|
|
|
+ // 批量删除模态框
|
|
|
+ "showDel": false,
|
|
|
+ // 详情模态框
|
|
|
+ "showDetails": false,
|
|
|
});
|
|
|
|
|
|
// 用于表单验证规则必须要的对象
|
|
|
@@ -360,6 +363,9 @@ const btnBatchDel = () => {
|
|
|
*/
|
|
|
const btnDetail = (res) => {
|
|
|
console.log('弹出指定分页详情', res);
|
|
|
+
|
|
|
+ state.value.showDetails = true;
|
|
|
+
|
|
|
}
|
|
|
|
|
|
</script>
|
|
|
@@ -483,6 +489,33 @@ const btnDetail = (res) => {
|
|
|
</div>
|
|
|
</el-dialog>
|
|
|
|
|
|
+ <!-- 账号详情模态框 -->
|
|
|
+ <el-dialog v-model="state.showDetails" class="dialog">
|
|
|
+ <template #header>
|
|
|
+ <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>
|
|
|
+ </el-form>
|
|
|
+ </div>
|
|
|
+ </el-dialog>
|
|
|
+
|
|
|
<!-- 用于批量删除模态框 -->
|
|
|
<el-dialog v-model="state.showDel" width="600" class="del">
|
|
|
<template #header>
|
