👣 重构底层

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

@@ -14,13 +14,17 @@
         </template>
 
         <div class="py-4 px-4 flex justify-between">
-          <CountTo prefix="$" :startVal="1" :endVal="item.value" class="text-2xl" />
-          <Icon :icon="item.icon" :size="40" />
+          <CountTo prefix="$"
+                   :startVal="1"
+                   :endVal="item.value"
+                   class="text-2xl"
+          />
+          <Icon :icon="item.icon" :size="40"/>
         </div>
 
         <div class="p-2 px-4 flex justify-between">
           <span>总{{ item.title }}</span>
-          <CountTo prefix="$" :startVal="1" :endVal="item.total" />
+          <CountTo prefix="$" :startVal="1" :endVal="item.total"/>
         </div>
       </Card>
     </template>

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

@@ -1,6 +1,6 @@
 <template>
   <Card title="成交占比" :loading="loading">
-    <div ref="chartRef" :style="{ width, height }"></div>
+    <div ref="chartRef" :style="{ width, height }"/>
   </Card>
 </template>
 <script lang="ts">

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

@@ -1,5 +1,5 @@
 <template>
-  <div ref="chartRef" :style="{ height, width }"></div>
+  <div ref="chartRef" :style="{ height, width }"/>
 </template>
 <script lang="ts">
   import { defineComponent, onMounted, ref, Ref } from 'vue';

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

@@ -1,5 +1,5 @@
 <template>
-  <div ref="chartRef" :style="{ height, width }"></div>
+  <div ref="chartRef" :style="{ height, width }"/>
 </template>
 <script lang="ts">
   import { defineComponent, onMounted, ref, Ref } from 'vue';

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

@@ -1,6 +1,6 @@
 <template>
   <Card title="转化率" :loading="loading">
-    <div ref="chartRef" :style="{ width, height }"></div>
+    <div ref="chartRef" :style="{ width, height }"/>
   </Card>
 </template>
 <script lang="ts">

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

@@ -1,6 +1,6 @@
 <template>
   <Card title="访问来源" :loading="loading">
-    <div ref="chartRef" :style="{ width, height }"></div>
+    <div ref="chartRef" :style="{ width, height }"/>
   </Card>
 </template>
 <script lang="ts">

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

@@ -10,9 +10,9 @@
             <template #description>
               {{ item.date }}
             </template>
-            <template #title> {{ item.name }} <span v-html="item.desc"> </span> </template>
+            <template #title> {{ item.name }} <span v-html="item.desc"/> </template>
             <template #avatar>
-              <Icon :icon="item.avatar" :size="30" />
+              <Icon :icon="item.avatar" :size="30"/>
             </template>
           </ListItemMeta>
         </ListItem>

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

@@ -1,6 +1,6 @@
 <template>
   <Card title="销售统计" :loading="loading">
-    <div ref="chartRef" :style="{ width, height }"></div>
+    <div ref="chartRef" :style="{ width, height }"/>
   </Card>
 </template>
 <script lang="ts">

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

@@ -1,6 +1,6 @@
 <template>
   <div class="lg:flex">
-    <Avatar :src="userinfo.avatar" :size="72" class="!mx-auto !block" />
+    <Avatar :src="userinfo.avatar" :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.nickName }}, 开始您一天的工作吧！</h1>
       <span class="text-secondary"> 今日晴，20℃ - 32℃！ </span>

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

@@ -1,19 +1,19 @@
 <template>
   <PageWrapper>
-    <template #headerContent> <WorkbenchHeader /> </template>
+    <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" />
+        <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" />
+        <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/images/illustration.svg" />
+          <img class="xl:h-50 h-30 mx-auto" src="../../../assets/images/illustration.svg">
         </Card>
 
-        <SaleRadar :loading="loading" class="enter-y" />
+        <SaleRadar :loading="loading" class="enter-y"/>
       </div>
     </div>
   </PageWrapper>