From c3ee22bee042919806d40e66c6a03385f1c5522c Mon Sep 17 00:00:00 2001
From: Romesum <zhiyuewu@foxmail.com>
Date: Wed, 6 May 2020 16:45:30 +0800
Subject: [PATCH 1/2] =?UTF-8?q?[fix][V]=EF=BC=9A=E6=96=B0=E5=A2=9Eloading?=
 =?UTF-8?q?=E5=B7=A5=E5=85=B7=E5=87=BD=E6=95=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 element-vue/src/utils/dialog.js | 15 +++++++++++++++
 1 file changed, 15 insertions(+)

diff --git a/element-vue/src/utils/dialog.js b/element-vue/src/utils/dialog.js
index 5cef464..b8de8ee 100644
--- a/element-vue/src/utils/dialog.js
+++ b/element-vue/src/utils/dialog.js
@@ -24,3 +24,18 @@ export function showFail(content,that) {
         message: content
     });
 }
+
+// 加载
+export function showLoading(content,that) {
+    return that.$loading({
+        lock: true,
+        text: content,
+        spinner: 'el-icon-loading',
+        background: 'rgba(0, 0, 0, 0.7)'
+    })
+}
+
+// 关闭加载
+export function closeLoading(loading) {
+    loading.close()
+}

From e51d44ad1213257fbd60443a010ff4ba74fd6927 Mon Sep 17 00:00:00 2001
From: Romesum <zhiyuewu@foxmail.com>
Date: Wed, 6 May 2020 16:50:29 +0800
Subject: [PATCH 2/2] =?UTF-8?q?[fix][V]=EF=BC=9A=E4=BF=AE=E6=94=B9?=
 =?UTF-8?q?=E4=B8=AA=E4=BA=BA=E4=BF=A1=E6=81=AF=E9=A1=B5=E9=9D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/components/personalMessage.vue        | 77 ++++++++++---------
 1 file changed, 39 insertions(+), 38 deletions(-)

diff --git a/element-vue/src/components/personalMessage.vue b/element-vue/src/components/personalMessage.vue
index fee9c50..ed174e1 100644
--- a/element-vue/src/components/personalMessage.vue
+++ b/element-vue/src/components/personalMessage.vue
@@ -5,34 +5,27 @@
         </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-form-item>
-                    <el-form-item label="姓名" prop="name">
-                        <el-input v-model="data.name"></el-input>
-                    </el-form-item>
-                    <el-form-item label="联系电话" prop="name">
-                        <el-input v-model="data.tel"></el-input>
-                    </el-form-item>
-                    <el-form-item label="办公室" prop="name">
-                        <el-input v-model="data.office"></el-input>
-                    </el-form-item>
-                    <el-form-item label="邮箱" prop="name">
-                        <el-input v-model="data.email"></el-input>
-                    </el-form-item>
-                    <el-form-item>
-                        <el-button type="primary" @click="submit">修改</el-button>
-                        <el-button @click="editClick">取消</el-button>
-                    </el-form-item>
-                </el-form>
-            </div>
+            <el-form :model="data" label-width="100px" class="demo-ruleForm">
+                <el-form-item label="工号" prop="name">
+                    <el-input v-model="data.username" disabled></el-input>
+                </el-form-item>
+                <el-form-item label="姓名" prop="name">
+                    <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" :disabled="!edit"></el-input>
+                </el-form-item>
+                <el-form-item label="办公室" prop="name">
+                    <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" :disabled="!edit"></el-input>
+                </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>
 </template>
@@ -40,7 +33,7 @@
 <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',
-                    name: '王小虎',
+                    username: '12345',
+                    nickname: '王小虎',
                     tel: '13123456789',
                     office: '5#101',
                     email: '123456789@hzu.com'
@@ -81,16 +74,24 @@
                 this.data = await get('lb/user/getUserInfo')
             },
             async submit() {
-                await showDialog('确定要修改吗？',this)
-                console.log(this.data)
+                await showDialog('确定要修改吗？', this)
+                const loading = showLoading("正在修改...",this)
                 // 提交表单，修改用户信息
-                await post('lb/user/updateInfo', {
-                    data: this.data
+                await post('lb/user/updateBySelf', {
+                    username: this.data.username,
+                    nickname: this.data.nickname,
+                    tel: this.data.tel,
+                    office: this.data.office,
+                    email: this.data.email
                 })
                 // 修改后重载用户数据
-                this.load()
-                this.edit = false
-                showSuccess('修改成功')
+                setTimeout(()=>{
+                    closeLoading(loading)
+                    this.load()
+                    this.edit = false
+                    showSuccess('修改成功',this)
+                },1000)
+
             }
         },
         async mounted() {