调用统计

packages/xbot/AppAiStatistics/AppAiStatistics.vue

@@ -29,7 +29,7 @@
             <p class="color1">{{ totalInfo['昨日'] || 0 }}</p>
           </div>
         </div>
-        <ai-title slot="title" :title="`AI调用分析(${totalEcount}次数)`">
+        <ai-title slot="title" :title="`AI调用分析(${totalEcount}次)`">
           <template #rightBtn>
             <el-row type="flex" align="middle">
               <span class="shortcut" v-for="(item,i) in timeCheck" :key="i" :class="{active:type==i}"
@@ -40,25 +40,21 @@
             </el-row>
           </template>
         </ai-title>
-        <el-row type="flex" class="mar-t4 gap-20">
+        <el-row type="flex" class="mar-t4 gap-20 chart-content">
           <div class="chartBox fill">
             <b>AI调用趋势图</b>
-            <div>
-              <div id="trendChart" style="height: 280px; width: 100%;" v-if="trendData.length"></div>
-              <ai-empty v-else style="height: 200px; width: 100%;" id="empty"/>
-            </div>
+            <div id="trendChart" style="width: 100%;" v-if="trendData.length" class="chart"></div>
+            <ai-empty v-else style="height: 200px; width: 100%;" id="empty"/>
           </div>
           <div class="chartBox fill">
             <b>AI调用群聊排行榜</b>
-            <div>
-              <ai-table v-if="tableData.length"
-                :tableData="tableData"
-                :col-configs="colConfigs"
-                :isShowPagination="false"
-                style="margin-top: 6px; width: 100%;">
-              </ai-table>
-              <ai-empty v-else style="height: 200px; width: 100%;" id="empty"/>
-            </div>
+            <ai-table v-if="tableData.length"
+              :tableData="tableData"
+              :col-configs="colConfigs"
+              :isShowPagination="false"
+              style="margin-top: 6px; width: 100%;">
+            </ai-table>
+            <ai-empty v-else style="height: 200px; width: 100%;" id="empty"/>
           </div>
         </el-row>
         
@@ -196,11 +192,12 @@ export default {
           // }
 
           this.info.ranking.map((item, index)=> {
-            if(index < 5) {
+            if(index < 100) {
               item.rank = index+1
               this.tableData.push(item)
             }
           })
+
         }
       })
     },
@@ -398,6 +395,18 @@ export default {
     }
   }
 
+  :deep .ai-detail__content--wrapper {
+    height: 100%;
+  }
+  .chart-content {
+    height: calc(100% - 140px);
+  }
+
+  :deep .ai-table {
+    height: calc(100% - 40px);
+    overflow-y: scroll;
+  }
+
   .chartBox {
     background: #F9F9F9;
     box-shadow: 0px 4px 6px -2px rgba(15, 15, 21, 0.1500);
@@ -405,10 +414,11 @@ export default {
     padding: 16px;
     box-sizing: border-box;
     margin-top: 6px;
+    height: 100%;
 
     .chart {
       width: 100%;
-      height: 300px;
+      height: 100%;
     }
   }