部分优化对接售后原因枚举

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

@@ -3,39 +3,22 @@ import { ScrollView, Text, View } from "@tarojs/components";
 import { memo, useMemo } from "react";
 import styles  from './index.module.scss'
 
-type ReasonParam = 1|2|3 //1 退货原因 2 货物状况 3 退货说明
 //原因选择
 type ReasonInfoParam = {
     show?: boolean,
     onClose?: () => void,
-    status: ReasonParam
+    title?: string,
+    list?: {id:number, name:string}[]
 }
-export default memo(({show = false, onClose, status}: ReasonInfoParam) => {
-    const title = useMemo(() => {
-        if(status == 1) return '退货原因'
-        if(status == 2) return '货物状况'
-        if(status == 3) return '退货说明'
-    },[status])
+export default memo(({show = false, onClose, title = '', list= []}: ReasonInfoParam) => {
+
     return (
-        <Popup showIconButton={false} show={show} title="申请退货" onClose={onClose} >
+        <Popup showIconButton={false} show={show} title={title} onClose={onClose} >
             <View className={styles.reason_return_con}>
                 <View className={styles.reason_title}><Text>{title}</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>
+                        {list.map(item => <View key={item.id} className={styles.reason_item}>{item.name}</View> )}
                     </View>
                 </ScrollView>
             </View>

src/pages/applyAfterSales/index.tsx

@@ -7,7 +7,7 @@ import OtherReason from "./components/otherReason";
 import { useDidShow, useRouter } from "@tarojs/taro";
 import { GetSaleOrderDetailApi } from "@/api/order";
 import KindList from "./components/kindList"
-import { ReturnApplyOrderApi } from "@/api/salesAfterOrder";
+import { ReturnApplyOrderApi, ReturnGoodsStatusApi } from "@/api/salesAfterOrder";
 import { alert, goLink } from "@/common/common";
 import UploadImage from "@/components/uploadImage"
 import TextareaEnhance from "@/components/textareaEnhance";
@@ -76,9 +76,11 @@ export default () => {
    
     
     //退货选择弹窗
-    const [showReason, setShowReason] = useState<{show:true|false, status:ReasonParam}>({show:false, status:1})
+    const [showReason, setShowReason] = useState<{show:true|false, title: string}>({show:false, title: ''})
     const closeReason = useCallback(() => setShowReason({...showReason, show:false}), [])
-    const onShowReason = (status) => setShowReason({...showReason, status, show:true})
+    const onShowReason = (status) => {
+        setShowReason({...showReason, show:true})
+    }
 
     //面料数据
     let roll_list = useRef({})
@@ -143,7 +145,18 @@ export default () => {
             onSubmitData()
         }
     }
-    
+
+    const [returnGoodsInfo, setReturnGoodsInfo] = useState<{title:string, list: any[]}>({title:'', list:[]})
+    //售后货物状况
+    const {fetchData: fetchDataGoodsStatus} = ReturnGoodsStatusApi()
+    const getReturnGoodsStatus = async () => {
+        let res = await fetchDataGoodsStatus()
+        setReturnGoodsInfo((e) => ({...e, title: '售后货物状况', list:res.data?.list||[]}))
+    }
+    useEffect(() => {
+        getReturnGoodsStatus()
+    }, [])
+
     return (
         <View className={styles.apply_after_sales_main}>
             <View className={styles.apply_after_sales_con}>
@@ -192,7 +205,7 @@ export default () => {
                     <View  className={styles.verify_btn } onClick={() => onSubmit(2)}>确认</View>
                 </View >
             </View >
-            <ReasonPopup show={showReason.show} onClose={closeReason} status={showReason.status}/>   
+            <ReasonPopup show={showReason.show} onClose={closeReason} title={returnGoodsInfo.title} list={returnGoodsInfo.list}/>   
         </View>
     )
 }