修改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>