✨ feat(ID1000830): 【临】内部小程序销售报表面料排行出补充面料编号

【【临】内部小程序销售报表面料排行出补充面料编号】 https://www.tapd.cn/53459131/prong/stories/view/1153459131001000830

src/pages/saleStatistic/index.config.ts

@@ -1,4 +1,4 @@
 export default {
   navigationBarTitleText: '销售统计',
-  enablePullDownRefresh: true,
+  enablePullDownRefresh: false,
 }

src/pages/saleStatistic/index.tsx

@@ -5,7 +5,7 @@ import { memo, useCallback, useEffect, useRef, useState } from 'react'
 import styles from './index.module.scss'
 import { ArrangedForm, OrderForm, PaymentAmountForm, ReturnGoodsOrderForm } from './config'
 import { ProductRankApi, PurchaserRankApi, SaleOrderDataFormApi, SalesmanRankApi } from '@/api/statistic/saleStatistic'
-import { dataUnit, formatPriceDiv, setPriceUnit } from '@/common/format'
+import { dataUnit, formatHashTag, formatPriceDiv, setPriceUnit } from '@/common/format'
 import { getFilterData } from '@/common/util'
 import Cell from '@/components/cell'
 import Divider from '@/components/Divider'
@@ -16,7 +16,7 @@ import SelectSaleRankingIndicators from '@/components/SelectSaleRankingIndicator
 import SelectSaleType from '@/components/SelectSaleType'
 import type { ChangedValue } from '@/components/SelectTimePicker'
 import SelectTimePicker from '@/components/SelectTimePicker'
-import type { TablePropsType } from '@/components/table'
+import type { ColumnsType, TablePropsType } from '@/components/table'
 import Table from '@/components/table'
 import ToolTip from '@/components/toolTips'
 import IconText from '@/components/iconText'
@@ -85,29 +85,33 @@ const productRankingColumns = [
     key: 'index',
     title: '编号',
     dataIndex: 'index',
-    width: '20%',
+    width: '10%',
   },
   {
     key: 'product_name',
     title: '面料名称',
     dataIndex: 'product_name',
-    width: '20%',
+    width: '45%',
     ellipsis: {
       isEllipsis: true,
-      rows: 2,
+      rows: 1,
+    },
+    showTipsConfig: {
+      tips: (text: string) => text,
+      isShowTips: true,
     },
   },
   {
     key: 'roll',
     title: '匹数',
     dataIndex: 'roll',
-    width: '30%',
+    width: '20%',
   },
   {
     key: 'sales_amount',
     title: '交易金额',
     dataIndex: 'sales_amount',
-    width: '30%',
+    width: '25%',
     render: (text: string) => <Text className={styles.amount}>{text}</Text>,
   },
 ]
@@ -118,13 +122,13 @@ const purchaserRankingColumns = [
     key: 'index',
     title: '编号',
     dataIndex: 'index',
-    width: '20%',
+    width: '10%',
   },
   {
     key: 'purchaser_name',
     title: '客户名称',
     dataIndex: 'purchaser_name',
-    width: '20%',
+    width: '45%',
     ellipsis: {
       isEllipsis: true,
       rows: 2,
@@ -134,13 +138,13 @@ const purchaserRankingColumns = [
     key: 'roll',
     title: '交易匹数',
     dataIndex: 'roll',
-    width: '30%',
+    width: '20%',
   },
   {
     key: 'sales_amount',
     title: '交易金额',
     dataIndex: 'sales_amount',
-    width: '30%',
+    width: '25%',
     render: (text: string) => <Text className={styles.amount}>{text}</Text>,
   },
 ]
@@ -151,13 +155,13 @@ const salesmanRankingColumns = [
     key: 'index',
     title: '编号',
     dataIndex: 'index',
-    width: '20%',
+    width: '10%',
   },
   {
     key: 'sale_user_name',
     title: '业务员名称',
     dataIndex: 'sale_user_name',
-    width: '25%',
+    width: '45%',
     ellipsis: {
       isEllipsis: true,
       rows: 2,
@@ -167,13 +171,13 @@ const salesmanRankingColumns = [
     key: 'roll',
     title: '销售匹数',
     dataIndex: 'roll',
-    width: '25%',
+    width: '20%',
   },
   {
     key: 'sales_amount',
     title: '销售金额',
     dataIndex: 'sales_amount',
-    width: '30%',
+    width: '25%',
     render: (text: string) => <Text className={styles.amount}>{text}</Text>,
   },
 ]
@@ -262,7 +266,7 @@ const RankingBlock = (props: RankingBlockPropsType) => {
               list: res.data.list.map((item, index: number) => ({
                 key: index,
                 index: index + 1,
-                product_name: item.product_name || '--',
+                product_name: formatHashTag(item.product_code, item.product_name) || '--',
                 sales_amount: `￥${priceformat(item.sales_amount)}`,
                 roll: dataUnit(item.roll),
               })),