售后开发

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

@@ -0,0 +1,63 @@
+
+.apply_after_sales_main{
+    .apply_after_sales_head{
+        font-size: 30px;
+        text-align: center;
+        padding: 20px 0;
+        font-weight: 700;
+    }
+    .kind_number{
+        width: 100%;
+        padding:  20px;
+        box-sizing: border-box;
+        text{
+            background-color: #F6F6F6;
+            border-radius: 10px;
+            font-size: $font_size_medium;
+            padding: 5px 0;
+            text-align: center;
+            width: 100%;
+            display: block;
+            color: $color_font_three;
+        }
+    }
+    .apply_after_sales_con{
+        padding: 0 20px;
+        .apply_after_sales_title{
+            display: flex;
+            align-items: center;
+            .tag{
+                font-size: $font_size_min;
+                background-color: #CDE5FF;
+                padding: 5px 10px;
+                border-radius: 6px;
+                color: $color_main;
+            }
+            .title{
+                font-weight: 700;
+                font-size: $font_size;
+                margin-left: 20px;
+                flex:1;
+            }
+        }
+        .color_list {
+            .color_item{
+                display: flex;
+                align-items: center;
+            }
+            .image{
+                width: 70px;
+                height: 70px;
+                image{
+                    width: 100%;
+                    height: 100%;
+                    border-radius: 50%;
+                }
+            }
+            .name_and_number{
+                
+            }
+        }
+    }
+}
+

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

@@ -0,0 +1,35 @@
+import { Image, Text, View } from "@tarojs/components";
+import { memo, useState } from "react";
+import classnames from "classnames";
+import styles  from './index.module.scss'
+import Popup from "@/components/popup";
+import { formatImgUrl } from "@/common/fotmat";
+import Counter from "@/components/counter";
+
+export default memo(() => {
+    const [showDesc, setShowDesc] = useState(true)
+    return (
+        <View className={styles.apply_after_sales_main}>
+            <Popup show={showDesc} showTitle={false} onClose={() => setShowDesc(false)} >
+                <View className={styles.apply_after_sales_head}>申请退货</View>
+                <View className={styles.kind_number}><Text>2种面料，3种颜色，共6条</Text></View>
+                <View className={styles.apply_after_sales_con}>
+                    <View className={styles.apply_after_sales_title}>
+                        <View className={styles.tag}>大货</View>
+                        <View className={styles.title}>0770# 21S单面平纹(食毛)</View>
+                    </View>
+                    <View className={styles.color_list}>
+                        <View className={styles.color_item}>
+                            <View className={styles.image}><Image src={formatImgUrl('')}/></View>
+                            <View className={styles.name_and_number}><Text>1# 薄荷绿</Text><Text>x1</Text></View>
+                            <View className={styles.name_and_number}>
+                                <Counter/>
+                            </View>
+                        </View>
+                    </View>
+                </View>
+                <View className="common_safe_area_y"></View>
+            </Popup>
+        </View>
+    )
+})

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

@@ -54,8 +54,8 @@ export default memo(({list = [], payment_method = 0}:Param) => {
                     <Text className={classnames('iconfont icon-a-moreback', styles.miconfonts, showMore&&styles.open_miconfonts)}></Text>
                 </View>}
                 <View className={styles.image_tag}>
-                    {(payment_method == PaymentMethodAccountPeriod.value)&&<Image mode="aspectFit" src={formatImgUrl('/mall/order_pay_status.png')} className={styles.image}/>}
-                    {(payment_method == PaymentMethodCashOnDelivery.value)&&<Image mode="aspectFit" src={formatImgUrl('/mall/order_pay_status_7day.png')} className={styles.image}/>}
+                    {(payment_method == PaymentMethodCashOnDelivery.value)&&<Image mode="aspectFit" src={formatImgUrl('/mall/order_pay_status.png')} className={styles.image}/>}
+                    {(payment_method == PaymentMethodAccountPeriod.value)&&<Image mode="aspectFit" src={formatImgUrl('/mall/order_pay_status_7day.png')} className={styles.image}/>}
                 </View>
             </View>}
         </>

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

@@ -101,7 +101,7 @@ export default memo(({show = false, onClose, orderInfo, onSubmitSuccess}:Param)
     const account_peyment = useMemo(() => {
         const price = payInfo?.should_collect_money - payInfo?.amount_paid
         return (
-            <View className={styles.payment_list_item_left_price}>{(payInfo?.account_period < price)&&'额度不足, '}剩余 ¥{formatPriceDiv(payInfo?.account_period_credit_available_line)}</View>
+            <View className={styles.payment_list_item_left_price}>{(payInfo?.account_period_credit_available_line < price)&&'额度不足, '}剩余 ¥{formatPriceDiv(payInfo?.account_period_credit_available_line)}</View>
         )
     }, [payInfo])