首页修改

src/views/home/index-static.vue

@@ -5,10 +5,10 @@
             <el-header class="header border">
                 <div class="header_box">
                     <div class="headr_img">
-                        <el-image :src="url" style="width: 131px;height: 131px;" fit="cover" />
+                        <el-image :src="userInfo.avatar || avatarPng" style="width: 131px;height: 131px;" fit="cover" />
                     </div>
                     <div class="header_title">
-                        <p class="font1">您好！张工</p>
+                        <p class="font1">您好！{{ userInfo.real_name }}</p>
                         <p class="font2">新的一天，祝您工作顺利哦！</p>
                         <div class="font3">
                             <span>参与填报量：2049</span>
@@ -95,11 +95,11 @@
                                 </div>
                                 <div class="box_item">
                                     <div class="card_title1 ml-2"> <HcIcon name="notification-2" fill style="color: blue;" class="mr-2" />291</div>
-                                    <div class="card_title mt-4">上报超过7天</div>
+                                    <div class="card_title mt-4">上报超过1天</div>
                                 </div>
                                 <div class="box_item">
                                     <div class="card_title1 ml-2"> <HcIcon name="notification-2" fill style="color: red;" class="mr-2" />291</div>
-                                    <div class="card_title mt-4">上报超过7天</div>
+                                    <div class="card_title mt-4">上报超过30天</div>
                                 </div>
                             </div>
                         </div>
@@ -126,11 +126,22 @@
 
 <script setup>
 import { ref, watch } from 'vue'
+import { useAppStore } from '~src/store'
+const userStore = useAppStore()
+const userInfo = ref(userStore.getUserInfo)
+//监听
+watch(() => [
+    userStore.getUserInfo,
+], ([info]) => {
+    userInfo.value = info
+})
 
 const isWbsTreeShow = ref(true)
+//是否展示右边表格
 const setWbsTreeShow = ()=>{
     isWbsTreeShow.value = !isWbsTreeShow.value
 }
+
 //左右拖动，改变树形结构宽度
 const leftWidth = ref(65)
 const url = ref('https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg')
@@ -188,7 +199,7 @@ const tableData1 = ref([
   {
     id: 3,
     date: '路基工程',
-    name: '单位工程',
+    name: '分部工程',
     address: '3232',
     address1: '3232',
     type:'2',
@@ -196,7 +207,7 @@ const tableData1 = ref([
             {
             id: 4,
             date: '路基工程',
-            name: '单位工程',
+            name: '分部工程',
             address: '3232',
             address1: '3232',
             type:'2',
@@ -207,7 +218,7 @@ const tableData1 = ref([
   {
     id: 4,
     date: '路基工程',
-    name: '单位工程',
+    name: '分项工程',
     address: '3232',
     address1: '3232',
     type:'3',