🕟 优化

kicc-ui/src/views/dashboard/analysis/components/SiteAnalysis.vue

@@ -1,15 +1,14 @@
 <template>
-  <Card
+  <Card :tab-list="tabListTitle"
-    :tab-list="tabListTitle"
+        v-bind="$attrs"
-    v-bind="$attrs"
+        :active-tab-key="activeKey"
-    :active-tab-key="activeKey"
+        @tabChange="onTabChange"
-    @tabChange="onTabChange"
   >
     <p v-if="activeKey === 'tab1'">
-      <VisitAnalysis />
+      <VisitAnalysis/>
     </p>
     <p v-if="activeKey === 'tab2'">
-      <VisitAnalysisBar />
+      <VisitAnalysisBar/>
     </p>
   </Card>
 </template>
@@ -23,7 +22,6 @@
     components: { Card, VisitAnalysis, VisitAnalysisBar },
     setup() {
       const activeKey = ref('tab1');
-
       const tabListTitle = [
         {
           key: 'tab1',

kicc-ui/src/views/dashboard/analysis/index.vue

@@ -1,13 +1,11 @@
 <template>
   <div class="p-4">
-    <GrowCard :loading="loading" class="enter-y" />
+    <GrowCard :loading="loading" class="enter-y"/>
-    <SiteAnalysis class="!my-4 enter-y" :loading="loading" />
+    <SiteAnalysis class="!my-4 enter-y" :loading="loading"/>
-
     <div class="md:flex enter-y">
-      <VisitRadar class="md:w-1/3 w-full" :loading="loading" />
+      <VisitRadar class="md:w-1/3 w-full" :loading="loading"/>
-
+      <VisitSource class="md:w-1/3 !md:mx-4 !md:my-0 !my-4 w-full" :loading="loading"/>
-      <VisitSource class="md:w-1/3 !md:mx-4 !md:my-0 !my-4 w-full" :loading="loading" />
+      <SalesProductPie class="md:w-1/3 w-full" :loading="loading"/>
-      <SalesProductPie class="md:w-1/3 w-full" :loading="loading" />
     </div>
   </div>
 </template>
@@ -29,7 +27,6 @@
     },
     setup() {
       const loading = ref(true);
-
       setTimeout(() => {
         loading.value = false;
       }, 1500);

kicc-ui/src/views/dashboard/workbench/components/DynamicInfo.vue

@@ -10,7 +10,6 @@
             <template #description>
               {{ item.date }}
             </template>
-            <!-- eslint-disable-next-line -->
             <template #title> {{ item.name }} <span v-html="item.desc"> </span> </template>
             <template #avatar>
               <Icon :icon="item.avatar" :size="30" />

kicc-ui/src/views/dashboard/workbench/components/ProjectCard.vue

@@ -3,14 +3,13 @@
     <template #extra>
       <a-button type="link" size="small">更多</a-button>
     </template>
-
     <template v-for="item in items" :key="item">
       <CardGrid class="!md:w-1/3 !w-full">
         <span class="flex">
-          <Icon :icon="item.icon" :color="item.color" size="30" />
+          <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 mt-2 h-10 text-secondary">{{ item.desc }}</div>
         <div class="flex justify-between text-secondary">
           <span>{{ item.group }}</span>
           <span>{{ item.date }}</span>

kicc-ui/src/views/dashboard/workbench/components/QuickNav.vue

@@ -3,7 +3,7 @@
     <template v-for="item in items" :key="item">
       <CardGrid>
         <span class="flex flex-col items-center">
-          <Icon :icon="item.icon" :color="item.color" size="20" />
+          <Icon :icon="item.icon" :color="item.color" size="20"/>
           <span class="text-md mt-2">{{ item.title }}</span>
         </span>
       </CardGrid>