页面完善

src/renderer/components/userInfo/userInfo.vue

@@ -0,0 +1,49 @@
+<template>
+  <div>
+    <div class="flex_box top_right">
+      <div class="top_right_name">你好，{{name}}</div>
+      <div @click="goOut" class="top_right_btn">登出</div>
+    </div>
+  </div>
+</template>
+
+<script>
+  import { mapGetters } from 'vuex'
+  export default {
+    name: 'UserInfo',
+    data () {
+      return {
+        
+      }
+    },
+    computed: {
+      ...mapGetters(['name', 'roles'])
+    },
+    methods: {
+      goOut() {
+        this.$store.dispatch('FedLogOut').then(() => {
+          location.reload()// In order to re-instantiate the vue-router object to avoid bugs
+        })
+      }
+    }
+  }
+</script>
+
+<style lang="scss" scoped>
+  .top_right {
+    .top_right_name {
+      font-weight: 500;
+      font-size: 15px;
+      color: #000000;
+      padding: 0 16px;
+    }
+    .top_right_btn {
+      font-weight: 500;
+      font-size: 15px;
+      color: #00C325;
+      line-height: 50px;
+      padding-left: 16px;
+      cursor: pointer;
+    }
+  }
+</style>