订单售后_售后详情

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

@@ -71,23 +71,22 @@
         .image{
             width: 126px;
             height: 126px;
-            background: #e5ad3a;
-            border-radius: 20px 20px 0px 0px;
+            border-radius: 20px ;
             position: relative;
             image{
                 width: 100%;
                 height: 100%;
-                border-radius: 20px 20px 0px 0px;
+                border-radius: 20px ;
             }
             .color_num {
                 background: rgba(0,0,0, 0.5);
-                border-radius: 50px 0px 0px 0px;
+                border-radius: 36px 0px 20px 0px;
                 font-size: $font_size_min;
                 color: #fff;
                 position: absolute;
                 right:0;
                 bottom:0;
-                padding: 5px 10px;
+                padding: 5px 10px 5px 15px;
                 box-sizing: border-box;
             }
         }

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

@@ -1,6 +1,7 @@
 import { goLink } from "@/common/common";
 import { formatHashTag, formatImgUrl, formatPriceDiv } from "@/common/fotmat";
-import OrderBtns from "@/components/orderBtns";
+import AfterOrderBtns from "@/components/afterOrderBtns";
+import LabAndImg from "@/components/LabAndImg";
 import { useSelector } from "@/reducers/hooks";
 import { Image, Text, View } from "@tarojs/components"
 import classnames from "classnames";
@@ -14,18 +15,17 @@ type Param = {
         return_order_no: string,
         sale_mode: number,
         sale_mode_name: string,
-        status_name: string,
+        stage_name: string,
         shipment_mode_name: string,
         product_list: any[],
         total_fabrics: number,
         total_colors: number,
         total_number: number,
-        status: 0,
+        stage: 0,
         id: number,
-        payment_method: number, //支付方式
-        actual_amount: number, //实付金额
-        wait_pay_amount: number, //待付金额
-        should_collect_order_id: number, //应付单id
+        lab: {l:number, a:number, b:number},
+        rgb: {r:number, g:number, b:number},
+        texturl_url: string,
         type: number //1 退货 2退款
     },
     onClickBtn?: (val:{status:number, orderInfo:Param['value']}) => void
@@ -49,14 +49,18 @@ export default memo(({value, onClickBtn}: Param) => {
     //按钮所需数据
     const orderInfo = useMemo(() => {
         return {
-            status: value?.status, //订单状态
+            stage: value?.stage, //订单状态
             orderId: value?.id,
-            actual_amount: value?.actual_amount, //实付金额
-            wait_pay_amount: value?.wait_pay_amount, //待付金额
-            sale_mode: value?.sale_mode //订单类型
+            sale_mode: value?.sale_mode, //订单类型
+            type: value?.type //退货or退款
         }
     }, [value])
 
+    //整理颜色
+    const labAndRgbAndUrl = useMemo(() => {
+        return {lab:{...value?.lab}, rgb:{...value?.rgb}, texturl_url: value?.texturl_url}
+    }, [value])
+
     return (
         <View className={styles.order_item}>
             <View className={styles.header} onClick={() => goLink('/pages/salesAfter/index', {id: value?.id})}>
@@ -74,12 +78,12 @@ export default memo(({value, onClickBtn}: Param) => {
                 <View className={styles.product_title}>
                     <View className={styles.product_tag}>{value?.sale_mode_name}</View>
                     <View className={styles.product_name}>{formatHashTag(value?.product_list[0].code, value?.product_list[0].name)}</View>
-                    <View className={styles.product_status}>{value?.status_name}</View>
+                    <View className={styles.product_status}>{value?.stage_name}</View>
                 </View>
                 <View className={styles.product_list}>
                     <View className={styles.image}>
-                    <Image src={formatImgUrl(value?.product_list[0].product_colors[0].texture_url)}/>
-                    <View className={styles.color_num}>{value?.product_list[0].product_colors[0].code}</View>
+                        <LabAndImg value={labAndRgbAndUrl}/>
+                        <View className={styles.color_num}>{value?.product_list[0].product_colors[0].code}</View>
                     </View>
                     <View className={styles.color_list}>
                         {value?.product_list[0].product_colors.map((itemColor, index) => {
@@ -101,11 +105,11 @@ export default memo(({value, onClickBtn}: Param) => {
                 </View>
                 <View className={styles.color_count_num}>{`${value?.total_fabrics}种面料，${value?.total_colors}种颜色，共${value?.total_number}条`}</View>
                 <View className={styles.order_number}>
-                    <Text>已申请退款</Text>
+                    <Text>{value?.type == 1?'已申请退货':'已申请退款'}</Text>
                     <Text>订单号：{value?.order_no}</Text>
                 </View>
             </View>
-            <OrderBtns orderInfo={orderInfo} onClick={orderBtnsClick}/>
+            <AfterOrderBtns orderInfo={orderInfo} onClick={orderBtnsClick}/>
         </View>
     )
 })

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

@@ -5,14 +5,14 @@ import styles  from './index.module.scss'
 
 
 type Param = {
-    status?: 0|1|2 //0默认不处理, 1退款，2退货
+    status?: 0|1|2 //0默认不处理, 1退货，2退款
 }
 export default memo(({status = 0}:Param) => {
     return (
         <>
-            {(status !== 0)&&<View className={classnames(styles.tag, status == 1?styles.refund_tag :styles.saleReturn_tag)}>
+            {(status !== 0)&&<View className={classnames(styles.tag, status == 2?styles.refund_tag :styles.saleReturn_tag)}>
                 <View className={classnames(styles.miconfont,  'iconfont icon-yucunkuan')}></View>
-                <Text>{ status == 1?'退款':'退货'}</Text>
+                <Text>{ status == 1?'退货':'退款'}</Text>
             </View>}
         </>
     )

src/pages/salesAfterList/index.tsx

@@ -100,6 +100,8 @@ export default () => {
       //去支付
       setPayOrderInfo({orderId:orderInfo.should_collect_order_id, payment_method:orderInfo.payment_method})
       toPay()
+    } else {
+      getOrderList()
     }
   }, [orderData])