update

user_web/src/view/admin/ManageUser.vue

@@ -7,7 +7,7 @@ const router = useRouter();
 
 // let state = ref({
 //     organizationList: [],
-//     userListParams: {
+//     listParams: {
 //         keyword: '',
 //         page: 1,
 //         limit: 5,
@@ -48,7 +48,7 @@ let state = ref({
         }
     ],
     // 用户提交分页查询数据
-    "userListParams": {
+    "listParams": {
         // 搜索的内容
         "keyword": "",
         // 第几页
@@ -179,7 +179,7 @@ let state = ref({
     ],
     // 用户总数量
     "userTotal": 6,
-    // 是否弹出添加账号UI
+    // 是否弹出添加UI
     "showDialog": false,
     // 当前分页列表，多选的数据
     "ids": [],
@@ -193,9 +193,9 @@ let state = ref({
 let ruleFormRef = ref();
 
 /**
- * 添加账号，最后提交的数据
+ * 添加，最后提交的数据
  */
-let userAddParams = ref({
+let addParams = ref({
     name: '',
     username: '',
     password: '123456',
@@ -204,7 +204,7 @@ let userAddParams = ref({
 });
 
 /**
- * 添加账号，字段相关验证规则
+ * 添加，字段相关验证规则
  */
 let userAddRules = ref({
     name: [{ required: true, message: '请填写姓名', trigger: 'blur' }],
@@ -235,13 +235,13 @@ let detailsDb = ref({
  */
 const pageUpdateEvent = () => {
     console.log(
-        "查找分页数据 pageUpdateEvent", state.value.userListParams
+        "查找分页数据 pageUpdateEvent", state.value.listParams
     );
 
 }
 
 /**
- * 弹出添加账号UI
+ * 弹出添加UI
  */
 const btnAddStudent = (formEl) => {
 
@@ -254,7 +254,7 @@ const btnAddStudent = (formEl) => {
 }
 
 /**
- * 触发搜索账号逻辑
+ * 触发搜索逻辑
  */
 const btnSearchName = () => {
     pageUpdateEvent();
@@ -265,7 +265,7 @@ const btnSearchName = () => {
  * @param val 
  */
 const classChange = (val) => {
-    state.value.userListParams.orgId = val;
+    state.value.listParams.orgId = val;
     pageUpdateEvent();
 }
 
@@ -298,15 +298,15 @@ const selectionChange = (res) => {
 }
 
 /**
- * 添加账号的时候，选中的班级的时候
+ * 添加的时候，选中的班级的时候
  * @param val
  */
 const selectClass = (val) => {
-    userAddParams.value.orgId = val;
+    addParams.value.orgId = val;
 }
 
 /**
- * 添加账号 点击提交
+ * 添加 点击提交
  * @param formEl
  */
 const submitForm = async (formEl) => {
@@ -315,7 +315,7 @@ const submitForm = async (formEl) => {
         if (valid) {
             
             console.log(
-                "userAddParams", userAddParams.value
+                "addParams", addParams.value
             );
 
             // 接口请求完成，隐藏模态框
@@ -413,7 +413,7 @@ const btnDetail = (res) => {
                 <div class="rowLeft">
                     <div class="rowSelect">
                         <el-select
-                            v-model="state.userListParams.orgId"
+                            v-model="state.listParams.orgId"
                             clearable
                             placeholder="全部班级"
                             size="large"
@@ -446,7 +446,7 @@ const btnDetail = (res) => {
                 </div>
                 <div class="rowRight">
                     <el-input
-                        v-model="state.userListParams.keyword"
+                        v-model="state.listParams.keyword"
                         :prefix-icon="Search"
                         clearable
                         style="width: 17rem; height: 3rem"
@@ -477,8 +477,8 @@ const btnDetail = (res) => {
             </div>
             <el-pagination
                 class="classPagination"
-                v-model:current-page="state.userListParams.page"
-                v-model:page-size="state.userListParams.limit"
+                v-model:current-page="state.listParams.page"
+                v-model:page-size="state.listParams.limit"
                 :page-sizes="[10, 20, 50, 100]"
                 background
                 :layout="' ->, total,prev, pager, next, jumper'"
@@ -489,26 +489,26 @@ const btnDetail = (res) => {
             </el-pagination>
         </div>
 
-        <!-- 添加账号模态框 -->
+        <!-- 添加模态框 -->
         <el-dialog v-model="state.showDialog" class="dialog">
             <template #header>
                 <div class="dialog-title">添加账号</div>
             </template>
             <div class="dialogBody">
-                <el-form ref="ruleFormRef" :model="userAddParams" :rules="userAddRules">
+                <el-form ref="ruleFormRef" :model="addParams" :rules="userAddRules">
                     <el-form-item label="姓名" prop="name">
-                        <el-input v-model="userAddParams.name" clearable placeholder="请填写姓名"></el-input>
+                        <el-input v-model="addParams.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-input v-model="addParams.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-select v-model="addParams.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-select v-model="addParams.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>
@@ -520,7 +520,7 @@ const btnDetail = (res) => {
             </div>
         </el-dialog>
 
-        <!-- 账号详情模态框 -->
+        <!-- 详情模态框 -->
         <el-dialog v-model="state.showDetails" class="dialog">
             <template #header>
                 <div class="dialog-title">账号详情</div>