优化 filelist, add settings

frontend/vben/src/views/dashboard/workbench/components/DynamicInfo.vue

@@ -1,8 +1,5 @@
 <template>
-  <Card title="最新动态" v-bind="$attrs">
-    <template #extra>
-      <a-button type="link" size="small">更多</a-button>
-    </template>
+  <Card title="我的消息" v-bind="$attrs">
     <List item-layout="horizontal" :data-source="dynamicInfoItems">
       <template #renderItem="{ item }">
         <ListItem>
@@ -16,6 +13,7 @@
               <Icon :icon="item.avatar" :size="30" />
             </template>
           </ListItemMeta>
+          <a-button ghost color="error">删除</a-button>
         </ListItem>
       </template>
     </List>

frontend/vben/src/views/dashboard/workbench/components/ProjectCard.vue

@@ -1,44 +0,0 @@
-<template>
-  <Card title="项目" v-bind="$attrs">
-    <template #extra>
-      <a-button type="link" size="small" @click="nav2filelist">更多</a-button>
-    </template>
-
-    <CardGrid v-for="item in items" :key="item.title" class="!md:w-1/3 !w-full">
-      <span class="flex">
-        <Icon :icon="item.icon" :color="item.color" size="30" />
-        <span class="text-lg ml-4">{{ item.title }}</span>
-      </span>
-      <div class="flex mt-2 h-10 text-secondary">{{ item.desc }}</div>
-      <div class="flex justify-between text-secondary">
-        <span>{{ item.group }}</span>
-        <span>{{ item.date }}</span>
-      </div>
-    </CardGrid>
-  </Card>
-</template>
-<script lang="ts">
-  import { defineComponent } from 'vue'
-  import { Card } from 'ant-design-vue'
-  import { Icon } from '/@/components/Icon'
-  import { getFileList } from '/@/api/page/page'
-  import { router } from '/@/router'
-  import { PageEnum } from '/@/enums/pageEnum'
-
-  async function nav2filelist() {
-    router.push(PageEnum.PAGE_FILELIST)
-  }
-
-  const fl = await getFileList(6)
-
-  for (let i = 0; i < fl.length; i++) {
-    fl[i].icon = 'ion:newspaper-outline'
-  }
-
-  export default defineComponent({
-    components: { Card, CardGrid: Card.Grid, Icon },
-    setup() {
-      return { items: fl, nav2filelist: nav2filelist }
-    },
-  })
-</script>

frontend/vben/src/views/dashboard/workbench/components/QuickNav.vue

@@ -1,17 +0,0 @@
-<template>
-  <Card title="快捷导航" v-bind="$attrs">
-    <CardGrid v-for="item in navItems" :key="item">
-      <span class="flex flex-col items-center">
-        <Icon :icon="item.icon" :color="item.color" size="20" />
-        <span class="text-md mt-2">{{ item.title }}</span>
-      </span>
-    </CardGrid>
-  </Card>
-</template>
-<script lang="ts" setup>
-  import { Card } from 'ant-design-vue'
-  import { navItems } from './data'
-  import { Icon } from '/@/components/Icon'
-
-  const CardGrid = Card.Grid
-</script>

frontend/vben/src/views/dashboard/workbench/components/SaleRadar.vue

@@ -1,94 +0,0 @@
-<template>
-  <Card title="销售统计" :loading="loading">
-    <div ref="chartRef" :style="{ width, height }"></div>
-  </Card>
-</template>
-<script lang="ts" setup>
-  import { Ref, ref, watch } from 'vue'
-  import { Card } from 'ant-design-vue'
-  import { useECharts } from '/@/hooks/web/useECharts'
-
-  const props = defineProps({
-    loading: Boolean,
-    width: {
-      type: String as PropType<string>,
-      default: '100%',
-    },
-    height: {
-      type: String as PropType<string>,
-      default: '400px',
-    },
-  })
-
-  const chartRef = ref<HTMLDivElement | null>(null)
-  const { setOptions } = useECharts(chartRef as Ref<HTMLDivElement>)
-  watch(
-    () => props.loading,
-    () => {
-      if (props.loading) {
-        return
-      }
-      setOptions({
-        legend: {
-          bottom: 0,
-          data: ['Visits', 'Sales'],
-        },
-        tooltip: {},
-        radar: {
-          radius: '60%',
-          splitNumber: 8,
-          indicator: [
-            {
-              name: '2017',
-            },
-            {
-              name: '2017',
-            },
-            {
-              name: '2018',
-            },
-            {
-              name: '2019',
-            },
-            {
-              name: '2020',
-            },
-            {
-              name: '2021',
-            },
-          ],
-        },
-        series: [
-          {
-            type: 'radar',
-            symbolSize: 0,
-            areaStyle: {
-              shadowBlur: 0,
-              shadowColor: 'rgba(0,0,0,.2)',
-              shadowOffsetX: 0,
-              shadowOffsetY: 10,
-              opacity: 1,
-            },
-            data: [
-              {
-                value: [90, 50, 86, 40, 50, 20],
-                name: 'Visits',
-                itemStyle: {
-                  color: '#b6a2de',
-                },
-              },
-              {
-                value: [70, 75, 70, 76, 20, 85],
-                name: 'Sales',
-                itemStyle: {
-                  color: '#67e0e3',
-                },
-              },
-            ],
-          },
-        ],
-      })
-    },
-    { immediate: true },
-  )
-</script>

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

@@ -2,21 +2,21 @@
   <div class="lg:flex">
     <Avatar :src="userinfo.avatar || 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">
+        {{
+          ((): string => {
+            let hour: number = new Date().getHours()
+            if (hour < 10) return '早'
+            else if (hour < 19) return '午'
+            else return '晚'
+          })()
+        }}安, {{ userinfo.realName }}, 要注意劳逸结合哦!</h1
+      >
+      <span class="text-secondary"> 今日共有1人上线 </span>
     </div>
     <div class="flex flex-1 justify-end md:mt-0 mt-4">
-      <div class="flex flex-col justify-center text-right">
-        <span class="text-secondary"> 待办 </span>
-        <span class="text-2xl">2/10</span>
-      </div>
-
-      <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-secondary"> 课程组人数 </span>
         <span class="text-2xl">300</span>
       </div>
     </div>

frontend/vben/src/views/dashboard/workbench/index.vue

@@ -2,31 +2,17 @@
   <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 class="w-full">
+        <DynamicInfo :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)