feat: 客服: 三峡游船: 人数

src/stores/HotelCruise.js

@@ -90,6 +90,7 @@ class HotelCruise {
         : (res || []).map((ele) => ({
             ...ele,
             TotalNumPercent: ele.CPTotalNum ? fixTo2Decimals(((ele.TotalNum - ele.CPTotalNum) / ele.CPTotalNum) * 100) : '-',
+            TotalPersonNumPercent: ele.CPTotalPersonNum ? fixTo2Decimals(((ele.TotalPersonNum - ele.CPTotalPersonNum) / ele.CPTotalPersonNum) * 100) : '-',
             TotalProfitPercent: ele.CPTotalProfit ? fixTo2Decimals(((ele.TotalProfit - ele.CPTotalProfit) / ele.CPTotalProfit) * 100) : '-',
           }));
     runInAction(() => {
@@ -120,7 +121,6 @@ class HotelCruise {
             RecommendRateDelta: fixTo2Decimals((ele.RecommendRate - (ele.CPRecommendRate || 0)) * 100),
             CPRecommendRate_100: fixTo2Decimals(ele.CPRecommendRate * 100) + '%',
           }));
-    console.log(resCP);
     runInAction(() => {
       this.hotel.loading = false;
       this.hotel.dataSource = resCP;

src/views/Cruise.jsx

@@ -38,7 +38,19 @@ export default observer((props) => {
           </>
         ),
       },
-      { title: '人数', dataIndex: 'TotalPersonNum', key: 'TotalPersonNum' },
+      { title: '人数', dataIndex: 'TotalPersonNum', key: 'TotalPersonNum',
+        sorter: (a, b) => tableSorter(a, b, 'TotalPersonNum'),
+        render: (v, r) => (
+          <>
+            <Space direction={'vertical'}>
+              <Text strong>
+                {v}
+                {r.CPTotalPersonNum && <Text type="secondary"> VS {r.CPTotalPersonNum}</Text>}
+              </Text>
+              {r.CPTotalNum && <VSTag diffPercent={r.TotalPersonNumPercent} />}
+            </Space>
+          </>
+        ),},
       { title: '总利润', dataIndex: 'TotalProfit', key: 'TotalProfit',
         sorter: (a, b) => tableSorter(a, b, 'TotalProfit'),
         render: (v, r) => (