code/web/task_schedule/package.json

@@ -16,7 +16,6 @@
         "echarts": "^5.4.2",
         "element-plus": "^2.3.5",
         "moment": "^2.29.4",
-        "sass-loader": "^13.3.1",
         "vue": "^3.3.4",
         "vue-router": "^4.2.1",
         "vuex": "^4.1.0"
@@ -30,9 +29,7 @@
         "eslint-config-recommended": "^4.1.0",
         "eslint-config-standard-with-typescript": "^34.0.1",
         "eslint-plugin-vue": "^9.14.1",
-        "node-sass": "^9.0.0",
         "sass": "^1.62.1",
-        "style-loader": "^3.3.3",
         "typescript": "^5.0.4",
         "vue-eslint-parser": "^9.3.0"
     }

code/web/task_schedule/src/views/DesktopArchievement.vue

@@ -9,49 +9,52 @@
 -->
 <template>
     <div
-        v-if="ui.showUI"
-        class="view-wrapper"
         tabindex="0"
         @keyup.esc="logoutDesktopArchievement()"
     >
-        <div class="center-wrapper">
+        <div
-            <span class="slogan">对标先进&nbsp;比学赶超</span>
+            v-if="ui.showUI"
-            <div class="total-archievement-wrapper">
+            class="view-wrapper"
-                <span>总业绩</span>
+        >
-                <span>{{ getTotalArchievement }}</span>
+            <div class="center-wrapper">
-            </div>
+                <span class="slogan">对标先进&nbsp;比学赶超</span>
-            <div class="archievement-wrapper">
+                <div class="total-archievement-wrapper">
-                <div class="total-archievement-rate-wrapper">
+                    <span>总业绩</span>
-                    <ArchievementCompleteRateComponent
+                    <span>{{ getTotalArchievement }}</span>
-                        indicator="续保完成率"
-                        :percentage="ui.insurance_renewal_rate"
-                    />
-                    <ArchievementCompleteRateComponent
-                        indicator="车非渗透率"
-                        :percentage="ui.attaching_rate"
-                    />
                 </div>
-                <div
+                <div class="archievement-wrapper">
-                    class="total-archievement-charts-wrapper"
+                    <div class="total-archievement-rate-wrapper">
-                >
+                        <ArchievementCompleteRateComponent
-                    <ArchievementChart
+                            indicator="续保完成率"
-                        :chart-data="ui.chartData"
+                            :percentage="ui.insurance_renewal_rate"
+                        />
+                        <ArchievementCompleteRateComponent
+                            indicator="车非渗透率"
+                            :percentage="ui.attaching_rate"
+                        />
+                    </div>
+                    <div
+                        class="total-archievement-charts-wrapper"
+                    >
+                        <ArchievementChart
+                            :chart-data="ui.chartData"
+                        />
+                    </div>
+                </div>
+                <div class="reward-wrapper">
+                    <HonorListComponent
+                        :month="ui.currentMonth"
+                        :leading-reward="ui.leading_reward_gainers"
+                        :advance-reward="ui.advance_reward_gainers"
+                    />
+                    <DishonorListComponent
+                        :month="ui.currentMonth"
+                        :dishonor-persons="ui.dishonorPersons"
                     />
                 </div>
             </div>
-            <div class="reward-wrapper">
+            <div class="right-wrapper" />
-                <HonorListComponent
-                    :month="ui.currentMonth"
-                    :leading-reward="ui.leading_reward_gainers"
-                    :advance-reward="ui.advance_reward_gainers"
-                />
-                <DishonorListComponent
-                    :month="ui.currentMonth"
-                    :dishonor-persons="ui.dishonorPersons"
-                />
-            </div>
         </div>
-        <div class="right-wrapper" />
     </div>
 </template>
 
@@ -164,7 +167,7 @@ export default {
         onBeforeMount(() =>
         {
             // 设置每10分钟刷新一次
-            // timerHandler = setInterval( refresh, 5000 );
+            timerHandler = setInterval( refresh, 5000 );
 
             refresh();
         });
@@ -189,7 +192,7 @@ export default {
     width: 100vw;
     padding: 5mm;
     display: flex;
-    justify-content: flex-end;
+    justify-content: end;
     align-items: stretch;
 }