[fix][V]：修改个人信息页面

element-vue/src/components/personalMessage.vue

@@ -5,42 +5,35 @@
         </h1>
         <div class="personal-message">
             <!--            未编辑状态-->
-            <el-table v-if="!edit" :data="tableData" stripe>
-                <el-table-column prop="name" width="200"></el-table-column>
-                <el-table-column prop="data"></el-table-column>
-            </el-table>
-            <!--            编辑状态-->
-            <div v-if="edit">
             <el-form :model="data" label-width="100px" class="demo-ruleForm">
                 <el-form-item label="工号" prop="name">
-                        <el-input v-model="data.id" disabled></el-input>
+                    <el-input v-model="data.username" disabled></el-input>
                 </el-form-item>
                 <el-form-item label="姓名" prop="name">
-                        <el-input v-model="data.name"></el-input>
+                    <el-input v-model="data.nickname" :disabled="!edit"></el-input>
                 </el-form-item>
                 <el-form-item label="联系电话" prop="name">
-                        <el-input v-model="data.tel"></el-input>
+                    <el-input v-model="data.tel" :disabled="!edit"></el-input>
                 </el-form-item>
                 <el-form-item label="办公室" prop="name">
-                        <el-input v-model="data.office"></el-input>
+                    <el-input v-model="data.office" :disabled="!edit"></el-input>
                 </el-form-item>
                 <el-form-item label="邮箱" prop="name">
-                        <el-input v-model="data.email"></el-input>
+                    <el-input v-model="data.email" :disabled="!edit"></el-input>
                 </el-form-item>
-                    <el-form-item>
+                <el-form-item v-if="edit">
                     <el-button type="primary" @click="submit">修改</el-button>
                     <el-button @click="editClick">取消</el-button>
                 </el-form-item>
             </el-form>
         </div>
     </div>
-    </div>
 </template>
 
 <script>
     import {get, post} from "~/utils";
     import axios from "axios"
-    import {showDialog, showSuccess} from "~/utils/dialog";
+    import {closeLoading, showDialog, showLoading, showSuccess} from "~/utils/dialog";
 
     export default {
         data() {
@@ -63,8 +56,8 @@
                     data: '123456789@hzu.com',
                 }],
                 data: {
-                    id: '12345',
+                    username: '12345',
-                    name: '王小虎',
+                    nickname: '王小虎',
                     tel: '13123456789',
                     office: '5#101',
                     email: '123456789@hzu.com'
@@ -82,15 +75,23 @@
             },
             async submit() {
                 await showDialog('确定要修改吗？', this)
-                console.log(this.data)
+                const loading = showLoading("正在修改...",this)
                 // 提交表单，修改用户信息
-                await post('lb/user/updateInfo', {
+                await post('lb/user/updateBySelf', {
-                    data: this.data
+                    username: this.data.username,
+                    nickname: this.data.nickname,
+                    tel: this.data.tel,
+                    office: this.data.office,
+                    email: this.data.email
                 })
                 // 修改后重载用户数据
+                setTimeout(()=>{
+                    closeLoading(loading)
                     this.load()
                     this.edit = false
-                showSuccess('修改成功')
+                    showSuccess('修改成功',this)
+                },1000)
+
             }
         },
         async mounted() {