From 61bc6012e072451fa1a4e30b8358e7ac71895b90 Mon Sep 17 00:00:00 2001
From: JINGYJ <1458671527@qq.com>
Date: Thu, 7 Dec 2023 14:52:48 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E9=A6=96=E9=A1=B5=E6=A0=B7=E5=BC=8F?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../Welcome/components/BannerInfoCard.tsx     |  1 +
 src/pages/Welcome/components/FootInfoCard.tsx | 22 +++++++++++++++++++
 src/pages/Welcome/styles/bannerInfoCard.less  | 14 ++++++++++++
 3 files changed, 37 insertions(+)

diff --git a/src/pages/Welcome/components/BannerInfoCard.tsx b/src/pages/Welcome/components/BannerInfoCard.tsx
index d36694f..c024bbd 100644
--- a/src/pages/Welcome/components/BannerInfoCard.tsx
+++ b/src/pages/Welcome/components/BannerInfoCard.tsx
@@ -124,6 +124,7 @@ const BannerInfoCard: React.FC = ({
                       <Column
                         color="rgba(4, 99, 242, 1)"
                         height={300}
+                        maxColumnWidth={30}
                         forceFit
                         data={offendingData as any}
                         xField="x"
diff --git a/src/pages/Welcome/components/FootInfoCard.tsx b/src/pages/Welcome/components/FootInfoCard.tsx
index 8c1f777..9701cb9 100644
--- a/src/pages/Welcome/components/FootInfoCard.tsx
+++ b/src/pages/Welcome/components/FootInfoCard.tsx
@@ -10,6 +10,7 @@ import React from 'react';
 import styles from '../styles/bannerInfoCard.less';
 // 测试数据
 import testData from '../testData';
+import { color } from 'echarts';
 /**data 数据源 */
 const { trendData, salesTypeData, salesTypeDataOnline, salesTypeDataOffline } = testData;
 
@@ -24,6 +25,24 @@ const data = [
   // 添加更多数据项
 ];
 
+// 前三排名颜色样式
+const handleRanking = (value: number) => {
+  switch (value) {
+    case 1:
+      return "rgba(224, 40, 40, 1)"
+      break;
+    case 2:
+      return "rgba(255, 172, 64, 1)"
+      break;
+    case 3:
+      return "rgba(250, 219, 20, 1)"
+      break;
+    default:
+      return ''
+      break;
+  }
+};
+
 /**comp 组件分解 */
 const { Statistic } = StatisticCard;
 
@@ -33,6 +52,9 @@ const netWorkColumns: ProColumns[] = [
     dataIndex: 'rank',
     valueType: 'indexBorder',
     width: 100,
+    render: ( text: React.ReactNode,  record: { rank: number }) => (
+      <span className={styles.networkList} style={{ backgroundColor: handleRanking(record.rank), color: record.rank < 4 ? '#FFF' : ''}}>{record.rank}</span>
+    ),
   },
   {
     title: '网点名',
diff --git a/src/pages/Welcome/styles/bannerInfoCard.less b/src/pages/Welcome/styles/bannerInfoCard.less
index 0b5647f..4c5b978 100644
--- a/src/pages/Welcome/styles/bannerInfoCard.less
+++ b/src/pages/Welcome/styles/bannerInfoCard.less
@@ -161,6 +161,20 @@
   margin-left: 8px;
   color: @heading-color;
 }
+// 首页网点列表
+.networkList {
+  display: inline-block;
+  width: 20px;
+  height: 20px;
+  margin-top: 1.5px;
+  margin-right: 16px;
+  font-weight: 600;
+  font-size: 12px;
+  line-height: 20px;
+  text-align: center;
+  background-color: @tag-default-bg;
+  border-radius: 2px;
+}
 
 @media screen and (max-width: @screen-lg) {
   .salesExtra {