feat: 首页样式修改

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"

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: '网点名',

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 {