提醒

src/router/routes/modules/dashboard.ts

@@ -7,8 +7,8 @@ const dashboard: AppRouteModule = {
   path: '/dashboard',
   name: 'Dashboard',
   component: LAYOUT,
-  redirect: '/dashboard/analysis',
-  // redirect: '/dashboard/workbench',
+  // redirect: '/dashboard/analysis',
+  redirect: '/dashboard/workbench',
   meta: {
     orderNo: 10,
     icon: 'ion:grid-outline',

src/views/dashboard/workbench/components/WorkbenchHeader.vue

@@ -1,24 +1,25 @@
 <template>
   <div class="lg:flex">
-    <Avatar :src="userinfo.avatar || headerImg" :size="72" class="!mx-auto !block" />
+    <!-- <Avatar :src="userinfo.avatar || headerImg" :size="72" class="!mx-auto !block" /> -->
+    <Avatar :src="headerImg" :size="72" class="!mx-auto !block" />
     <div class="md:ml-6 flex flex-col justify-center md:mt-0 mt-2">
-      <h1 class="md:text-lg text-md">早安, {{ userinfo.realname }}, 开始您一天的工作吧！</h1>
-      <span class="text-secondary"> 今日晴，20℃ - 32℃！ </span>
+      <h1 class="md:text-lg text-md">{{getTime}}, {{ userinfo.realname }}, 开始您一天的工作吧！</h1>
+      <span class="text-secondary"> {{getMsg}} </span>
     </div>
     <div class="flex flex-1 justify-end md:mt-0 mt-4">
-      <div class="flex flex-col justify-center text-right">
+     <!-- <div class="flex flex-col justify-center text-right">
         <span class="text-secondary"> 待办 </span>
         <span class="text-2xl">2/10</span>
       </div>
-
+http://localhost:8080/global-srm/sys/common/static/temp/2222_1750757398232.png
       <div class="flex flex-col justify-center text-right md:mx-16 mx-12">
         <span class="text-secondary"> 项目 </span>
         <span class="text-2xl">8</span>
-      </div>
-      <div class="flex flex-col justify-center text-right md:mr-10 mr-4">
-        <span class="text-secondary"> 团队 </span>
-        <span class="text-2xl">300</span>
-      </div>
+      </div> -->
+      <!-- <div class="flex flex-col justify-center text-right md:mr-10 mr-4">
+        <span class="text-secondary"> 通知 </span>
+        <span class="text-2xl">0</span>
+      </div> -->
     </div>
   </div>
 </template>
@@ -26,8 +27,42 @@
   import { computed } from 'vue';
   import { Avatar } from 'ant-design-vue';
   import { useUserStore } from '/@/store/modules/user';
-  import headerImg from '/@/assets/images/header.jpg';
+  import headerImg from '/@/assets/images/touxiang.jpeg';
 
   const userStore = useUserStore();
   const userinfo = computed(() => userStore.getUserInfo);
+  const getMsg = computed(() =>
+	getMsgInfo()
+  );
+  function getMsgInfo(){
+	  let days = new Date().getDay();
+	  if(days == 1){
+		  return "不要等待机会，而要创造机会。";
+	  }else if(days == 2){
+		  return "现在的你决定将来的你。";
+	  }else if(days == 3){
+		  return "没有什么才能比努力更重要。";
+	  }else if(days == 4){
+		  return "热情和欲望可以突破一切难关。";
+	  }else if(days == 5){
+		  return "路是走出来的，而不是空想出来的。";
+	  }else{
+		  return "健康的身体是实目标的基石。";
+	  }
+	  
+  }
+  const getTime = computed(() =>
+	getTimeInfo()
+  );
+  function getTimeInfo(){
+	  let days = new Date().getHours();
+	  if(days <= 12){
+		  return "上午好";
+	  }else if(days > 12 && days <= 18){
+		  return "下午好";
+	  }else{
+		  return "晚上好";
+	  }
+	  
+  }
 </script>

src/views/dashboard/workbench/index - 副本.vue

@@ -0,0 +1,36 @@
+<template>
+  <PageWrapper>
+    <template #headerContent> <WorkbenchHeader /> </template>
+    <div class="lg:flex">
+      <div class="lg:w-7/10 w-full !mr-4 enter-y">
+        <ProjectCard :loading="loading" class="enter-y" />
+        <DynamicInfo :loading="loading" class="!my-4 enter-y" />
+      </div>
+      <div class="lg:w-3/10 w-full enter-y">
+        <QuickNav :loading="loading" class="enter-y" />
+
+        <Card class="!my-4 enter-y" :loading="loading">
+          <img class="xl:h-50 h-30 mx-auto" src="../../../assets/svg/illustration.svg" />
+        </Card>
+
+        <SaleRadar :loading="loading" class="enter-y" />
+      </div>
+    </div>
+  </PageWrapper>
+</template>
+<script lang="ts" setup>
+  import { ref } from 'vue';
+  import { Card } from 'ant-design-vue';
+  import { PageWrapper } from '/@/components/Page';
+  import WorkbenchHeader from './components/WorkbenchHeader.vue';
+  import ProjectCard from './components/ProjectCard.vue';
+  import QuickNav from './components/QuickNav.vue';
+  import DynamicInfo from './components/DynamicInfo.vue';
+  import SaleRadar from './components/SaleRadar.vue';
+
+  const loading = ref(true);
+
+  setTimeout(() => {
+    loading.value = false;
+  }, 500);
+</script>