订单售后v3

src/pages/salesAfterList/components/order/index.module.scss

@@ -14,6 +14,8 @@
                 font-weight: 700;
                 margin-left: 15px;
                 font-size: $font_size;
+                width: 100px;
+                @include common_ellipsis();
             }
             image{
                 width: 70px;
@@ -26,7 +28,7 @@
             font-size: $font_size_medium;
             color: $color_font_one; 
             text-align: right;
-            padding-right: 30px;
+            padding-right: 10px;
             display: flex;
             justify-content: flex-end;
             align-items: center;
@@ -123,7 +125,7 @@
         display: flex;
         background-color: #F6F6F6;
         padding: 20px;
-        margin-top: 20px;
+        margin: 20px 0;
         align-items: center;
         font-size: $font_size_medium;
         border-radius: 10px;

src/pages/salesAfterList/components/order/index.tsx

@@ -11,6 +11,7 @@ import styles  from './index.module.scss'
 type Param = {
     value: {
         order_no: string,
+        return_order_no: string,
         sale_mode: number,
         sale_mode_name: string,
         status_name: string,
@@ -23,8 +24,9 @@ type Param = {
         id: number,
         payment_method: number, //支付方式
         actual_amount: number, //实付金额
-        wait_pay_amount: number //待付金额
-        should_collect_order_id: number //应付单id
+        wait_pay_amount: number, //待付金额
+        should_collect_order_id: number, //应付单id
+        type: number //1 退货 2退款
     },
     onClickBtn?: (val:{status:number, orderInfo:Param['value']}) => void
 }
@@ -51,6 +53,7 @@ export default memo(({value, onClickBtn}: Param) => {
             orderId: value?.id,
             actual_amount: value?.actual_amount, //实付金额
             wait_pay_amount: value?.wait_pay_amount, //待付金额
+            sale_mode: value?.sale_mode //订单类型
         }
     }, [value])
 
@@ -62,10 +65,10 @@ export default memo(({value, onClickBtn}: Param) => {
                 <Text className={styles.name}>{userInfo?.adminUserInfo?.user_name}</Text>
                 </View>
                 <View className={styles.order_num}>
-                <Text>订单号：{value?.order_no}</Text>
+                <Text>售后单号：{value?.return_order_no}</Text>
                 <Text className={classnames(styles.miconfont, 'iconfont, icon-a-moreback')}></Text>
                 </View>
-                <OrderStatusTag status={1}/>
+                <OrderStatusTag status={value?.type}/>
             </View>
             <View className={styles.product_con} onClick={() => goLink('/pages/salesAfter/index', {id: value?.id})}>
                 <View className={styles.product_title}>
@@ -99,7 +102,7 @@ export default memo(({value, onClickBtn}: Param) => {
                 <View className={styles.color_count_num}>{`${value?.total_fabrics}种面料，${value?.total_colors}种颜色，共${value?.total_number}条`}</View>
                 <View className={styles.order_number}>
                     <Text>已申请退款</Text>
-                    <Text>订单号：LY2278204399678</Text>
+                    <Text>订单号：{value?.order_no}</Text>
                 </View>
             </View>
             <OrderBtns orderInfo={orderInfo} onClick={orderBtnsClick}/>

src/pages/salesAfterList/index.tsx

@@ -12,6 +12,7 @@ import { dataLoadingStatus, getFilterData } from "@/common/util"
 import OrderStatusList from "./components/orderStatusList"
 import Payment from "../order/components/payment"
 import { AFTER_ORDER_STATUS } from "@/common/enum"
+import { GetSaleOrderListApi } from "@/api/salesAfterOrder"
 
 export default () => {
   const {checkLogin} = useLogin()
@@ -40,7 +41,7 @@ export default () => {
   }, [])
 
   //获取订单列表
-  const {fetchData: listFetchData, state:orderState} = GetOrderListApi()
+  const {fetchData: listFetchData, state:orderState} = GetSaleOrderListApi()
   const [orderData, setOrderData] = useState<{list:any[], total:number}>({list:[], total:0})
   const getOrderList = async () => {
     let res = await listFetchData(getFilterData(searchField))