update: 更新用户信息组件

public/index.html

@@ -28,5 +28,6 @@
     <script src="//web-1251519181.file.myqcloud.com/lib-4.0/axios/0.19.0/axios.min.js"></script>
     <script src="//web-1251519181.file.myqcloud.com/components/layout.1.2.46.js"></script>
     <script src="//web-1251519181.file.myqcloud.com/components/editor.1.1.11.js"></script>
+    <script src="//web-1251519181.file.myqcloud.com/components/user-info.1.0.2.js"></script>
   </body>
 </html>

src/layout/yw-header.vue

@@ -4,49 +4,20 @@
       <img src="../images/logo.png" alt="" />
       <span>好办运维平台</span>
     </a>
-    <el-dropdown trigger="hover" placement="bottom">
-      <span>{{ userInfo.realName }}<i class="el-icon-arrow-down" style="margin-left: 10px"></i></span>
-      <el-dropdown-menu slot="dropdown">
-        <el-dropdown-item @click.native="showUserInfo = true">账号信息</el-dropdown-item>
-        <el-dropdown-item @click.native="onLoginOut">退出登录</el-dropdown-item>
-      </el-dropdown-menu>
-    </el-dropdown>
-    <el-dialog title="账户信息" :visible.sync="showUserInfo" width="430px" append-to-body>
-      <el-form ref="userForm" label-width="100px" @submit.native.prevent>
-        <el-form-item label="姓名">
-          <el-input v-model="userInfo.realName" disabled/>
-        </el-form-item>
-        <el-form-item label="性别">
-          <el-radio-group v-model="userInfo.sex" disabled>
-            <el-radio label="1">男</el-radio>
-            <el-radio label="0">女</el-radio>
-          </el-radio-group>
-        </el-form-item>
-        <el-form-item label="工号">
-          <el-input v-model="userInfo.employeeNumber" disabled></el-input>
-        </el-form-item>
-        <el-form-item label="手机号码">
-          <el-input v-model="userInfo.userMobile" disabled></el-input>
-        </el-form-item>
-        <el-form-item label="职位">
-          <el-input v-model="userInfo.position" disabled></el-input>
-        </el-form-item>
-      </el-form>
-    </el-dialog>
+    <yw-user-info :user-data="userInfo"></yw-user-info>
   </div>
 </template>
 
 <script>
 import { origin } from '@/config';
 import fetch from '@/api';
-const { getUserInfo, getLoginOut } = fetch;
+const { getUserInfo } = fetch;
 export default {
   name: 'YwHeader',
   data() {
     return {
       origin,
-      userInfo: {},
-      showUserInfo: false
+      userInfo: {}
     };
   },
   created() {
@@ -60,15 +31,6 @@ export default {
         this.userInfo = Object.assign({}, result);
         this.$emit('updateAsideMenu', result.menuTree || []);
       });
-    },
-    // 退出登录
-    onLoginOut() {
-      this.$confirm('确认退出吗?', '提示', { type: 'warning' }).then(() => {
-        getLoginOut().then(res => {
-          this.$message.success('退出成功');
-          window.location.href = '/operation-platform/#/';
-        });
-      });
     }
   }
 };