保存进度!

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
-            v-if="ui.showUI"
-            class="view-wrapper"
-        >
-            <div class="center-wrapper">
-                <span class="slogan">对标先进&nbsp;比学赶超</span>
-                <div class="total-archievement-wrapper">
-                    <span>总业绩</span>
-                    <span>{{ getTotalArchievement }}</span>
-                </div>
-                <div class="archievement-wrapper">
-                    <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"
+        <div class="center-wrapper">
+            <span class="slogan">对标先进&nbsp;比学赶超</span>
+            <div class="total-archievement-wrapper">
+                <span>总业绩</span>
+                <span>{{ getTotalArchievement }}</span>
+            </div>
+            <div class="archievement-wrapper">
+                <div class="total-archievement-rate-wrapper">
+                    <ArchievementCompleteRateComponent
+                        indicator="续保完成率"
+                        :percentage="ui.insurance_renewal_rate"
                     />
-                    <DishonorListComponent
-                        :month="ui.currentMonth"
-                        :dishonor-persons="ui.dishonorPersons"
+                    <ArchievementCompleteRateComponent
+                        indicator="车非渗透率"
+                        :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>