账户管理接口

src/api/modules/system/user.js

@@ -19,6 +19,14 @@ export default {
             }
         }, false);
     },
+    //修改
+    async update(form) {
+        return httpApi({
+            url: '/api/blade-user/update',
+            method: 'post',
+            data: form
+        }, false);
+    },
     //提交
     async submit(form) {
         return httpApi({

src/views/system/user.vue

@@ -46,9 +46,12 @@
                 <template #header>
                     <div class="hac-card-title">基础信息</div>
                 </template>
+                <template #extra>
+                    <span class="text-sm text-orange" v-if="formModel.id">如果不需要修改密码，就请不要填写密码信息</span>
+                </template>
                 <el-form ref="formRef" :model="formModel" :rules="formRules" size="large" label-width="auto" label-position="left">
                     <el-form-item label="登录账号:" prop="account">
-                        <el-input v-model="formModel.account" placeholder="仅支持英文或拼音" autocomplete="new-password" onkeyup="value=value.replace(/[^\w\.\/]/ig,'')"/>
+                        <el-input v-model="formModel.account" placeholder="仅支持英文或拼音" autocomplete="new-password" onkeyup="value=value.replace(/[^\w\.\/]/ig,'')" :disabled="!!formModel.id"/>
                     </el-form-item>
                     <el-form-item label="登录密码:" :prop="formModel.id?'':'password'">
                         <el-input v-model="formModel.password" placeholder="请输入英文开头可包含数字的密码" autocomplete="new-password" show-password type="password" onkeyup="value=value.replace(/[^\w\.\/]/ig,'')"/>
@@ -370,6 +373,15 @@ const formModalSave = async () => {
         }
     }
     //发起请求
+    if (form.id) {
+        formUpdateApi(form).then()
+    } else {
+        formSubmitApi(form).then()
+    }
+}
+
+//新增用户
+const formSubmitApi = async (form) => {
     const {error, code, msg} = await mainApi.submit({
         ...form,
         name: form.realName,
@@ -384,6 +396,21 @@ const formModalSave = async () => {
     }
 }
 
+//修改用户
+const formUpdateApi = async (form) => {
+    const {error, code, msg} = await mainApi.update({
+        ...form,
+        name: form.realName,
+    })
+    //判断状态
+    if (!error && code === 200) {
+        window.$message?.success('提交成功')
+        getTableData().then()
+        formModalClose()
+    } else {
+        window.$message?.error(msg)
+    }
+}
 
 //关闭用户信息弹窗
 const formModalClose = () => {