update

user_web/src/view/admin/ManageUser.vue

@@ -551,6 +551,29 @@ const submitForm = async (formEl) => {
     })
 }
 
+
+
+/**
+ * 更新
+ * @param formEl
+ */
+const updateForm = async (formEl) => {
+    if (!formEl) return
+    await formEl.validate((valid, fields) => {
+        if (valid) {
+            
+            console.log(
+                "detailsDb", detailsDb.value
+            );
+            
+        } else {
+            // console.log('error submit!', fields)
+        }
+    })
+}
+
+
+
 /**
  * 删除选中分页的某个数据
  * @param res 
@@ -927,14 +950,48 @@ onMounted(function() {
                 <div class="dialog-title">账号详情</div>
             </template>
             <div class="dialogBody">
-                <el-form :model="detailsDb">
-                    <el-form-item label="姓名" prop="name">
-                        <el-input v-model="detailsDb.name" clearable disabled ></el-input>
+                <el-form ref="ruleFormRef" :model="detailsDb" :rules="addRules">
+                    <el-form-item label="账号" prop="userName">
+                        <el-input v-model="detailsDb.userName" clearable placeholder="请填写账号"></el-input>
+                    </el-form-item>
+                    <el-form-item label="姓名" prop="nickName">
+                        <el-input v-model="detailsDb.nickName" clearable placeholder="请填写姓名"></el-input>
+                    </el-form-item>
+                    <el-form-item label="账号类型" prop="userType">
+                        <el-select
+                            v-model="detailsDb.userType"
+                            clearable
+                            placeholder="请选择账号类型"
+                            size="large"
+                        >
+                            <el-option v-for="item in state.optionUserType" :key="item.value" :label="item.name" :value="item.value" />
+                        </el-select>
+                    </el-form-item>
+                    <el-form-item label="班级" prop="classInfo">
+                        <el-cascader v-model="detailsDb.classInfo"
+                        :options="options"
+                        :props="{
+                            children: 'children',
+                            label: 'name',
+                            value: 'id',
+                            checkStrictly: false,
+                            expandTrigger: 'hover',
+                            emitPath: false,
+                            multiple: true,
+                        }"
+                        clearable placeholder="请选择班级" />
+                    </el-form-item>
+                    <el-form-item label="密码" prop="password">
+                        <el-input v-model="detailsDb.password" clearable placeholder="请填写密码"></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 label="确认密码" prop="password2">
+                        <el-input v-model="detailsDb.password2" clearable placeholder="请填写确认密码"></el-input>
                     </el-form-item>
                 </el-form>
+                <div class="dialogFoot">
+                    <el-button color="#EAEAEA" @click="state.showDetails = false" style="margin-right: 0.6rem">取消</el-button>
+                    <el-button color="#2C68FF" @click="updateForm(ruleFormRef)">更新</el-button>
+                </div>
             </div>
         </el-dialog>