update

user_web/src/view/admin/ManageUser.vue

@@ -178,12 +178,12 @@ let state = ref({
 });
 
 // 用于表单验证规则必须要的对象
-const ruleFormRef = ref();
+let ruleFormRef = ref();
 
 /**
  * 添加账号，最后提交的数据
  */
-const userAddParams = ref({
+let userAddParams = ref({
     name: '',
     username: '',
     password: '123456',
@@ -194,7 +194,7 @@ const userAddParams = ref({
 /**
  * 添加账号，字段相关验证规则
  */
-const userAddRules = ref({
+let userAddRules = ref({
     name: [{ required: true, message: '请填写姓名', trigger: 'blur' }],
     username: [{ required: true, message: '请填写学号', trigger: 'blur' }],
     orgId: [
@@ -206,6 +206,18 @@ const userAddRules = ref({
     ],
 });
 
+
+/**
+ * 详情数据
+ */
+let detailsDb = ref({
+    name: '',
+    username: '',
+    password: '123456',
+    orgId: '',
+    roles: [],
+});
+
 /**
  * 查找分页数据
  */
@@ -363,7 +375,7 @@ const btnBatchDel = () => {
 const btnDetail = (res) => {
     console.log('弹出指定分页详情', res);
 
-    userAddParams.value = {
+    detailsDb.value = {
         name: '名字',
         username: '账号',
         password: '123456',
@@ -497,31 +509,31 @@ const btnDetail = (res) => {
         </el-dialog>
 
         <!-- 账号详情模态框 -->
-        <!-- <el-dialog v-model="state.showDetails" class="dialog">
+        <el-dialog v-model="state.showDetails" class="dialog">
             <template #header>
                 <div class="dialog-title">账号详情</div>
             </template>
             <div class="dialogBody">
-                <el-form :model="userAddParams">
+                <el-form :model="detailsDb">
                     <el-form-item label="姓名" prop="name">
-                        <el-input v-model="userAddParams.name" clearable disabled="true" ></el-input>
+                        <el-input v-model="detailsDb.name" clearable disabled="true" ></el-input>
                     </el-form-item>
                     <el-form-item label="学号" prop="username">
-                        <el-input v-model="userAddParams.username" type="number" clearable disabled="true" ></el-input>
+                        <el-input v-model="detailsDb.username" type="number" clearable disabled="true" ></el-input>
                     </el-form-item>
                     <el-form-item label="学校" prop="orgId">
-                        <el-select v-model="userAddParams.orgId" clearable disabled="true" >
+                        <el-select v-model="detailsDb.orgId" clearable disabled="true" >
                             <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 disabled="true" >
+                        <el-select v-model="detailsDb.orgId" clearable disabled="true" >
                             <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>
 
         <!-- 用于批量删除模态框 -->
         <el-dialog v-model="state.showDel" width="600" class="del">