From a52c73a95d85a1f415086485d02854b94e5faddb Mon Sep 17 00:00:00 2001
From: czm <2192718639@qq.com>
Date: Wed, 8 Jun 2022 20:30:59 +0800
Subject: [PATCH] =?UTF-8?q?=E8=AE=A2=E5=8D=95=E5=94=AE=E5=90=8Ev2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/common/constant.js                        |  4 +-
 .../applyAfterSales/index.module.scss         | 50 +++++++++++++++++++
 .../components/applyAfterSales/index.tsx      | 40 ++++++++++++++-
 3 files changed, 91 insertions(+), 3 deletions(-)

diff --git a/src/common/constant.js b/src/common/constant.js
index 76db424..a9d44b0 100644
--- a/src/common/constant.js
+++ b/src/common/constant.js
@@ -6,11 +6,11 @@
 // export const BASE_URL = `http://192.168.1.165:40001/lymarket` // 王霞
 // export const BASE_URL = `https://test.zzfzyc.com/lymarket` // 测试环境
 // export const BASE_URL = `http://192.168.1.30:40001/lymarket` // 发
-export const BASE_URL = `http://192.168.1.30:50001/lymarket` // 发
+// export const BASE_URL = `http://192.168.1.30:50001/lymarket` // 发
 // export const BASE_URL = `https://dev.zzfzyc.com/lymarket`  // 开发环境
 // export const BASE_URL = `https://www.zzfzyc.com/lymarket`  // 正式环境
 // export const BASE_URL = `http://192.168.1.4:40001/lymarket` // 王霞
-// export const BASE_URL = `http://192.168.1.224:50001/lymarket` // 添
+export const BASE_URL = `http://192.168.1.224:50002/lymarket` // 添
 // export const BASE_URL = `http://192.168.1.15:50001/lymarket` // 杰
 
 // CDN
diff --git a/src/pages/order/components/applyAfterSales/index.module.scss b/src/pages/order/components/applyAfterSales/index.module.scss
index 3cbb03b..978b749 100644
--- a/src/pages/order/components/applyAfterSales/index.module.scss
+++ b/src/pages/order/components/applyAfterSales/index.module.scss
@@ -34,9 +34,11 @@
                 display: flex;
                 align-items: center;
                 padding-bottom: 20px;
+                flex-wrap: wrap;
                 .title{
                     font-size: $font_size;
                     font-weight: 700;
+                    width: 119px;
                 }
                 .select{
                     flex:1;
@@ -67,6 +69,8 @@
                     justify-content: center;
                     align-items: center;
                     position: relative;
+                    margin-bottom: 20px;
+                    position: relative;
                     .miconfont{
                         font-size: 50px;
                     }
@@ -74,8 +78,35 @@
                         font-size: 26px;
                         color: $color_font_three;
                     }
+                    
 
                 }
+                .ImgItem{
+                    width: 202px;
+                    height: 150px;
+                    background: #f0f0f0;
+                    margin-left: 20px;
+                    margin-bottom: 20px;
+                    position: relative;
+                    border-radius: 10px;
+                    image{
+                        width: 100%;
+                        height: 100%;
+                        border-radius: 10px;
+                    }
+                    .miconfont_close{
+                        width: 30px;
+                        height: 30px;
+                        background-color: #ccc;
+                        border-radius: 50%;
+                        position: absolute;
+                        right: -10px;
+                        top: -10px;
+                        text-align: center;
+                        line-height: 30px;
+                        color: #fff;
+                    }
+                }
             }
         }
         .other_desc{
@@ -173,5 +204,24 @@
         }
         
     }
+
+    .reason_return_con{
+        .reason_title{
+            padding: 10px 20px 0 20px;
+            height: 60px;
+            border-bottom: 1PX solid #F3F3F3;
+            box-sizing: border-box;
+            Text{
+                font-size: 26px;
+                border-bottom: 3px solid #000;
+                padding: 10px;
+                font-weight: 400;
+            }
+            
+        }
+        .reason_scroll{
+            
+        }
+    }
 }
 
diff --git a/src/pages/order/components/applyAfterSales/index.tsx b/src/pages/order/components/applyAfterSales/index.tsx
index fb5c64a..125733f 100644
--- a/src/pages/order/components/applyAfterSales/index.tsx
+++ b/src/pages/order/components/applyAfterSales/index.tsx
@@ -98,6 +98,7 @@ export default memo(() => {
                             </View>
                             <View className={styles.returnSaleInput_item}>
                                 <View className={styles.title}>拍照上传</View>
+                                <PictureItem/>
                                 <View className={styles.uploadImg}>
                                     <Text className={classnames(styles.miconfont, 'iconfont icon-saomazhifu')}></Text>
                                     <Text className={styles.uploadText}>上传照片</Text>
@@ -116,6 +117,43 @@ export default memo(() => {
                     </ScrollView>
                 </View>
             </Popup>
+            <Popup showIconButton={false} show={showDesc} title="申请退货" onClose={() => setShowDesc(false)} >
+                <View className={styles.reason_return_con}>
+                   <View className={styles.reason_title}><Text>货物状况</Text></View>
+                   <ScrollView scrollY className={styles.reason_scroll}>
+                        <View className={styles.reason_list}>
+                            <View className={styles.reason_item}>完好无损带原标签</View>
+                            <View className={styles.reason_item}>完好无损带原标签</View>
+                            <View className={styles.reason_item}>完好无损带原标签</View>
+                            <View className={styles.reason_item}>完好无损带原标签</View>
+                            <View className={styles.reason_item}>完好无损带原标签</View>
+                            <View className={styles.reason_item}>完好无损带原标签</View>
+                            <View className={styles.reason_item}>完好无损带原标签</View>
+                            <View className={styles.reason_item}>完好无损带原标签</View>
+                            <View className={styles.reason_item}>完好无损带原标签</View>
+                            <View className={styles.reason_item}>完好无损带原标签</View>
+                            <View className={styles.reason_item}>完好无损带原标签</View>
+                            <View className={styles.reason_item}>完好无损带原标签</View>
+                            <View className={styles.reason_item}>完好无损带原标签</View>
+                            <View className={styles.reason_item}>完好无损带原标签</View>
+                        </View>
+                   </ScrollView>
+                </View>
+            </Popup>
         </View>
     )
-})
\ No newline at end of file
+})
+
+//图片列表
+const PictureItem = memo(() => {
+    return (
+        <>
+            <View className={styles.ImgItem}>
+                <Image mode="aspectFill" src={formatImgUrl('')} ></Image>
+                <View className={classnames(styles.miconfont_close, 'iconfont icon-qingkong')}></View>
+            </View>
+        </>
+    )
+})
+
+//其他说明