登录用户信息完成

web/src/views/home.vue

@@ -1,24 +1,18 @@
 <template>
   <section class="home">
     <div class="headerNav">
-      <b class="mar-r30" v-text="$sys.title"/>
-      <el-row class="fill">
-        <el-select placeholder="请选择系统" default-first-option v-model="system"/>
-      </el-row>
+      <b class="mar-r32" v-text="$sys.title"/>
+      <el-row class="fill"/>
       <el-row align="middle" class="right">
-        <i class="iconfont icon-toubutouxiang"/>
-        {{ user.name || "游客" }}，欢迎您！您已登录
-        <b class="pad-w10" v-text="user.areaName||'张新马府'"/>
-        地区
-        <b class="pad-w10" v-text="' | '"/>
-        <i class="iconfont icon-tuichu"/>
+        <el-avatar class="mar-r8" :src="user.avatar">游客</el-avatar>
+        {{ user.name || "游客" }}，欢迎您！
       </el-row>
     </div>
     <el-row>
       <slider-nav v-if="system"/>
       <div class="mainContent fill">
         <div v-if="$route.name=='工作台'" class="default fill">
-          <div>欢迎来到综合大数据平台中心 <span v-text="'请先选择系统'"/></div>
+          <div>欢迎来到{{ $sys.title }}</div>
         </div>
         <template v-else>
           <el-row class="breadcrumb" align="middle">
@@ -40,7 +34,7 @@
 
 <script>
 import SliderNav from "../components/sliderNav";
-import {mapState} from "pinia/dist/pinia";
+import {mapActions, mapState} from "pinia/dist/pinia";
 import {mainStore} from "../utils/store";
 
 export default {
@@ -52,8 +46,11 @@ export default {
   data() {
     return {system: "1"}
   },
+  methods: {
+    ...mapActions(mainStore, ['getUserInfo'])
+  },
   created() {
-    console.log(this.$route)
+    this.getUserInfo()
   }
 }
 </script>