✨ feat(ID1000741):付款后不能修改的发货方式的按钮优化

src/pages/orderDetails/components/addressDetailBox/index.module.scss

@@ -1,7 +1,7 @@
 .addressBox {
   margin-right: 24px;
   // width: 702px;
-  height: 223px;
+  min-height: 223px;
   background: #ffffff;
   border-radius: 16px;
   margin-top: 24px;
@@ -33,7 +33,6 @@
       width: 461px;
       height: 78px;
       font-size: 28px;
-      font-family: PingFangSC-Medium, PingFang SC;
       font-weight: 500;
       color: #000000;
       margin-right: 41px;
@@ -63,16 +62,24 @@
   .bottom {
     display: flex;
     align-items: center;
-    justify-content: flex-end;
-    margin-top: 24px;
-
+    justify-content: space-between;
+    margin-top: 44px;
+    .reatName {
+      font-size: 28px;
+      font-weight: 500;
+      color: #337fff;
+      margin-right: 32px;
+    }
+    .leftbottom {
+      margin-left: 120px;
+      display: flex;
+      align-items: center;
       .name {
         line-height: 34px;
         width: 84px;
         height: 34px;
         @include common_ellipsis();
         font-size: 28px;
-      font-family: PingFangSC-Regular, PingFang SC;
         font-weight: 400;
         color: #343434;
         margin-right: 16px;
@@ -81,10 +88,10 @@
       .phone {
         height: 34px;
         font-size: 28px;
-      font-family: PingFangSC-Regular, PingFang SC;
         font-weight: 400;
         color: #343434;
-      margin-right: 70px;
+        // margin-right: 70px;
+      }
     }
 
     .reatBox {

src/pages/orderDetails/components/addressDetailBox/index.tsx

@@ -10,6 +10,8 @@ interface propsObj {
   onReceivingStatus?: (any, Number) => void
   obj?: any
   navSelect?: (any) => void
+  showBtn?: boolean
+  showWhatFont?: string
 }
 const AddressDetailBox = (props: propsObj) => {
   const {
@@ -17,6 +19,8 @@ const AddressDetailBox = (props: propsObj) => {
     onReceivingStatus,
     obj = {},
     navSelect,
+    showBtn = true,
+    showWhatFont = '',
   } = props
 
   return (
@@ -43,9 +47,12 @@ const AddressDetailBox = (props: propsObj) => {
       </View>
       <View className={styles.line}></View>
       <View className={styles.bottom}>
+        <View className={styles.leftbottom}>
           <View className={styles.name}>{receivingStatus === 1 ? '谭先生' : obj.target_user_name}</View>
           <View className={styles.phone}>{receivingStatus === 1 ? 13242128982 : obj.purchaser_phone}</View>
-        <View className={styles.reatBox}>
+        </View>
+        {
+          showBtn && <View className={styles.reatBox}>
             <View className={styles.updateBtn}>
               <View className={styles.updateBtn_list}>
                 <View className={classnames(styles.updateBtn_item, receivingStatus == 1 && styles.updateBtn_item_select)} onClick={e => onReceivingStatus?.(e, 1)}>
@@ -58,6 +65,10 @@ const AddressDetailBox = (props: propsObj) => {
               <View style={{ transform: receivingStatus == 1 ? 'translateX(0)' : 'translateX(100%)' }} className={classnames(styles.updateBtn_select)}></View>
             </View>
           </View>
+        }
+        {
+          !showBtn && <View className={styles.reatName}>{showWhatFont}</View>
+        }
       </View>
     </View >
   )

src/pages/orderDetails/index.tsx

@@ -614,6 +614,25 @@ const OrderDetails = () => {
     })
   }
 
+  // 是否显示按钮
+  const showBtn = useMemo(() => {
+    if (receivingStatus === 1 || (infoObj.status === 8 || infoObj.status === 9 || infoObj.status === 4 || infoObj.status === 5 || infoObj.status === 11 || infoObj.status === 3)) {
+      return false
+    }
+    else {
+      return true
+    }
+  }, [infoObj])
+
+  const showWhatFont = useMemo(() => {
+    if (infoObj.shipment_mode === 1) {
+      return '自提商品'
+    }
+    else {
+      return '物流'
+    }
+  }, [infoObj])
+
   // 申请退货
   const handApplyGood = () => {
     if (infoObj.av_return_product.length == 0) {
@@ -744,6 +763,8 @@ const OrderDetails = () => {
         infoObj.status === 10 && <AdvanceOrderState orderInfo={infoObj} onRefresh={() => refresh()} />
       }
       <AddressDetailBox
+        showBtn={showBtn}
+        showWhatFont={showWhatFont}
         navSelect={obj => handSelect(obj)}
         obj={infoObj}
         receivingStatus={receivingStatus}