修改oracle获取部门和坐席业绩的代码。

code/web/task_schedule/src/components/HonorListComponent.vue

@@ -157,6 +157,7 @@ export default {
                 display: inline-block;
                 text-align: center;
                 color: #fff;
+                margin-top: 0px;
 
                 font: {
                     size: 1.5rem;

code/web/task_schedule/src/components/RankingListComponent.vue

@@ -9,6 +9,9 @@
 -->
 <template>
     <div class="rankinglist-wrapper">
+        <div class="rankinglist-title">
+            <span>{{ props.title }}</span>
+        </div>
         <el-table
             :data="topFive"
             stripe
@@ -25,7 +28,7 @@
                 </template>
             </el-table-column>
             <el-table-column
-                label="名次"
+                label="名称"
                 width="160"
                 align="center"
             >
@@ -103,7 +106,14 @@ export default {
     // border: 1px solid red;
     border-radius: 5px;
     width: 300px;
-    height: 260px;
+    height: 270px;
+
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+
+    margin-bottom: 15px;
 }
 
 .rankinglist-index {
@@ -113,7 +123,7 @@ export default {
 
 :deep(.el-table)
 {
-    border-radius: 5px;
+    border-radius: 0px 0px 5px 5px;
 }
 
 :deep(.el-table__header-wrapper) {
@@ -129,4 +139,28 @@ export default {
   }
 }
 
+.rankinglist-title {
+    color: #da3703;
+    background-color: #fecc96;
+
+    width: 100%;
+    border-radius: 5px 5px 0px 0px;
+
+    height: 1.5rem;
+
+    display: flex;
+    justify-content: center;
+    align-items: center;
+
+    padding-top: 10px;
+    padding-bottom: 0px;
+
+    span {
+        font: {
+            size: 1rem;
+            weight: 700;
+        }
+    }
+}
+
 </style>

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

@@ -54,34 +54,16 @@
                 :attaching-rate="ui.callerAttachingRate"
                 :renewal-rate="ui.callerRenewalRate"
             />
-            <div class="carousel-item">
-                <el-carousel
-                    arrow="never"
-                    indicator-position="none"
-                    :interval="4000"
-                >
-                    <el-carousel-item :key="1">
-                        <RankingListComponent :ranking-list="ui.attachingRankingList" />
-                    </el-carousel-item>
-                    <el-carousel-item :key="2">
-                        <RankingListComponent :ranking-list="ui.renewalRankingList" />
-                    </el-carousel-item>
-                </el-carousel>
-            </div>
-            <div class="carousel-item">
-                <el-carousel
-                    arrow="never"
-                    indicator-position="none"
-                    :interval="4000"
-                >
-                    <el-carousel-item :key="1">
-                        <RankingListComponent :ranking-list="ui.attachingRankingList" />
-                    </el-carousel-item>
-                    <el-carousel-item :key="2">
-                        <RankingListComponent :ranking-list="ui.renewalRankingList" />
-                    </el-carousel-item>
-                </el-carousel>
-            </div>
+
+            <RankingListComponent
+                title="渗透率"
+                :ranking-list="ui.attachingRankingList"
+            />
+
+            <RankingListComponent
+                title="续保率"
+                :ranking-list="ui.renewalRankingList"
+            />
         </div>
     </div>
 </template>