保存进度!

code/web/task_schedule/package.json

@@ -16,6 +16,7 @@
         "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"
@@ -29,7 +30,9 @@
         "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,52 +9,49 @@
 -->
 <template>
     <div
+        v-if="ui.showUI"
+        class="view-wrapper"
         tabindex="0"
         @keyup.esc="logoutDesktopArchievement()"
     >
-        <div
+        <div class="center-wrapper">
-            v-if="ui.showUI"
+            <span class="slogan">对标先进&nbsp;比学赶超</span>
-            class="view-wrapper"
+            <div class="total-archievement-wrapper">
-        >
+                <span>总业绩</span>
-            <div class="center-wrapper">
+                <span>{{ getTotalArchievement }}</span>
-                <span class="slogan">对标先进&nbsp;比学赶超</span>
+            </div>
-                <div class="total-archievement-wrapper">
+            <div class="archievement-wrapper">
-                    <span>总业绩</span>
+                <div class="total-archievement-rate-wrapper">
-                    <span>{{ getTotalArchievement }}</span>
+                    <ArchievementCompleteRateComponent
-                </div>
+                        indicator="续保完成率"
-                <div class="archievement-wrapper">
+                        :percentage="ui.insurance_renewal_rate"
-                    <div class="total-archievement-rate-wrapper">
-                        <ArchievementCompleteRateComponent
-                            indicator="续保完成率"
-                            :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
+                    <ArchievementCompleteRateComponent
-                        :month="ui.currentMonth"
+                        indicator="车非渗透率"
-                        :dishonor-persons="ui.dishonorPersons"
+                        :percentage="ui.attaching_rate"
+                    />
+                </div>
+                <div
+                    class="total-archievement-charts-wrapper"
+                >
+                    <ArchievementChart
+                        :chart-data="ui.chartData"
                     />
                 </div>
             </div>
-            <div class="right-wrapper" />
+            <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="right-wrapper" />
     </div>
 </template>