售后开发

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

@@ -117,5 +117,28 @@
         background-color: #F6F6F6;
         border-radius: 10px;
         padding: 10px 22px;
+        margin-top: 20px;
+    }
+    .order_number{
+        display: flex;
+        background-color: #F6F6F6;
+        padding: 20px;
+        margin-top: 20px;
+        align-items: center;
+        font-size: $font_size_medium;
+        border-radius: 10px;
+        text{
+            &:nth-child(1) {
+                
+                font-weight: 700;
+                color: $color_font_three;
+                border-right: 2px solid #CCCCCC;
+                padding-right: 20px;
+            }
+            &:nth-child(2) {
+                padding-left: 20px;
+                color: $color_font_one;
+            }
+        }
     }
 }

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

@@ -56,7 +56,7 @@ export default memo(({value, onClickBtn}: Param) => {
 
     return (
         <View className={styles.order_item}>
-            <View className={styles.header} onClick={() => goLink('/pages/order/index', {id: value?.id})}>
+            <View className={styles.header} onClick={() => goLink('/pages/salesAfter/index', {id: value?.id})}>
                 <View className={styles.user}>
                 <Image src={`${userInfo?.adminUserInfo?.avatar_url}`}/>
                 <Text className={styles.name}>{userInfo?.adminUserInfo?.user_name}</Text>
@@ -65,9 +65,9 @@ export default memo(({value, onClickBtn}: Param) => {
                 <Text>订单号：{value?.order_no}</Text>
                 <Text className={classnames(styles.miconfont, 'iconfont, icon-a-moreback')}></Text>
                 </View>
-                <OrderStatusTag/>
+                <OrderStatusTag status={1}/>
             </View>
-            <View className={styles.product_con} onClick={() => goLink('/pages/order/index', {id: value?.id})}>
+            <View className={styles.product_con} onClick={() => goLink('/pages/salesAfter/index', {id: value?.id})}>
                 <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>
@@ -97,9 +97,12 @@ export default memo(({value, onClickBtn}: Param) => {
                     </View>
                 </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>订单号：LY2278204399678</Text>
+                </View>
             </View>
             <OrderBtns orderInfo={orderInfo} onClick={orderBtnsClick}/>
-            
         </View>
     )
 })

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

@@ -12,10 +12,10 @@
     
 }
 .saleReturn_tag{
-    background-color: #FFE6CE;
-    color: #EE7500;
-}
-.priceReturn_tag {
     background-color: #E4E4FF;
     color: #1818B4;
+}
+.refund_tag {
+    background-color: #FFE6CE;
+    color: #EE7500;
 }

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

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