✨ feat:增加退款码单

This commit is contained in:
Haiyi
2022-10-13 17:14:32 +08:00
parent 498d8515cb
commit 3f01990a35
11 changed files with 333 additions and 28 deletions
+2 -1
View File
@@ -276,7 +276,8 @@ export default () => {
const query = {
reason_describe: TextareaValue,
fabric_piece_accessory_url: [],
goods_status: 100,
goods_status: 0,
return_reason: 1,
return_explain: Query.reasonId,
roll: 0,
roll_list: arr,
+17 -3
View File
@@ -81,8 +81,8 @@
.cancleBtn {
margin-right: 20px;
width: 224px;
height: 64px;
width: 160px;
height: 72px;
border-radius: 40px;
opacity: 0.6;
border: 1px solid #000000;
@@ -90,7 +90,21 @@
font-weight: 400;
color: #000000;
text-align: center;
line-height: 64px;
line-height: 72px;
}
.seeButon {
margin-right: 20px;
width: 160px;
height: 72px;
border-radius: 40px;
opacity: 0.6;
border: 1px solid #000000;
font-size: 28px;
font-weight: 400;
color: #000000;
text-align: center;
line-height: 72px;
}
}
+22 -6
View File
@@ -16,6 +16,7 @@ import { IMG_CND_Prefix } from "@/common/constant";
import Popup from '@/components/popup';
import UploadImage from '@/components/uploadImage'
import { alert } from '@/common/common';
import RefundCodelist from "@/components/RefundCodelist"
export default () => {
//页面下拉刷新
usePullDownRefresh(() => {
@@ -226,7 +227,10 @@ export default () => {
}), // 需要预览的图片 http 链接列表
});
};
const [ShowCode, setShowCode] = useState(false)
const handSee = () => {
setShowCode(true)
}
return (
<View className={styles.main}>
@@ -299,11 +303,23 @@ export default () => {
</View>
</DefaultBox>
<View className={styles.safeBox}></View>
{
(DeatailObj.stage === 0 || DeatailObj.stage === 1) && <View className={styles.bottomMuck}>
<View className={styles.cancleBtn} onClick={() => handCancle()}>取消退货</View>
</View>
}
<View className={styles.bottomMuck}>
{
(DeatailObj.stage === 0 || DeatailObj.stage === 1) && <View className={styles.cancleBtn} onClick={() => handCancle()}>取消退货</View>
}
{
(DeatailObj.sale_mode == 0 && DeatailObj.stage == 3 && (DeatailObj.type == 1 || DeatailObj.type == 3)) && <View className={styles.seeButon} onClick={() => { handSee() }}>查看码单</View>
}
</View>
<RefundCodelist
obj={DeatailObj}
// picUrl={PicUrl}
showPopup={ShowCode}
popupClose={() => setShowCode(false)}
></RefundCodelist>
<Popup title={'查看/修改物流回单'} show={ShowPic} onClose={() => setShowPic(false)}>
<>
<UploadImage onChange={getImageList} defaultList={PicList} onlyRead={onlyRead} />
+15 -1
View File
@@ -89,7 +89,21 @@
font-weight: 400;
color: #000000;
text-align: center;
line-height: 64px;
line-height: 72px;
}
.seeButon {
margin-right: 20px;
width: 160px;
height: 72px;
border-radius: 40px;
opacity: 0.6;
border: 1px solid #000000;
font-size: 28px;
font-weight: 400;
color: #000000;
text-align: center;
line-height: 72px;
}
}
+21 -7
View File
@@ -13,7 +13,7 @@ import {
import OrderState from './components/orderState'
// import AddressDetailBox from './components/addressDetailBox'
import { IMG_CND_Prefix } from "@/common/constant";
import RefundCodelist from "@/components/RefundCodelist"
export default () => {
const router = useRouter()
useEffect(() => {
@@ -182,7 +182,10 @@ export default () => {
}), // 需要预览的图片 http 链接列表
});
};
const [ShowCode, setShowCode] = useState(false)
const handSee = () => {
setShowCode(true)
}
return (
<View className={styles.main}>
@@ -278,11 +281,22 @@ export default () => {
</View>
</DefaultBox>
<View className={styles.safeBox}></View>
{
(DeatailObj.stage === 0 || DeatailObj.stage === 1) && <View className={styles.bottomMuck}>
<View className={styles.cancleBtn} onClick={() => handCancle()}>取消售后</View>
</View>
}
<View className={styles.bottomMuck}>
{
(DeatailObj.stage === 0 || DeatailObj.stage === 1) && <View className={styles.cancleBtn} onClick={() => handCancle()}>取消退货</View>
}
{
(DeatailObj.sale_mode == 0 && DeatailObj.stage == 3 && (DeatailObj.type == 1 || DeatailObj.type == 3)) && <View className={styles.seeButon} onClick={() => { handSee() }}>查看码单</View>
}
</View>
<RefundCodelist
obj={DeatailObj}
// picUrl={PicUrl}
showPopup={ShowCode}
popupClose={() => setShowCode(false)}
></RefundCodelist>
</View>
)
}
@@ -222,6 +222,22 @@
}
.bottomBox {
margin-top: 40px;
margin-top: 10px;
display: flex;
justify-content: flex-end;
.seeButon {
margin-right: 30px;
width: 160px;
height: 72px;
border-radius: 40px;
opacity: 0.6;
border: 1px solid #000000;
font-size: 28px;
font-weight: 400;
color: #000000;
text-align: center;
line-height: 72px;
}
}
}
@@ -11,6 +11,7 @@ interface propsObj {
cancle?: (arg: any, obj: any) => void,
nextBuy?: (arg: any, obj: any) => void,
toPay?: (arg: any, obj: any) => void
handSee?: (any) => void
}
@@ -29,6 +30,7 @@ export default memo((props: propsObj) => {
}
return (
<View className={styles.itemBox} onClick={() => navTo(props.obj)}>
<View className={styles.topItem}>
@@ -104,15 +106,11 @@ export default memo((props: propsObj) => {
</View>
}
{/* <View className={styles.bottomBox}>
<BottomBtns
obj={props?.obj}
cancle={(e) => props?.cancle?.(e, props?.obj)}
nextBuy={(e) => props?.nextBuy?.(e, props?.obj)}
toPay={(e) => props?.toPay?.(e, props?.obj)}
></BottomBtns>
</View> */}
{
(props.obj.sale_mode == 0 && props?.obj.stage == 3 && (props?.obj.type == 1 || props?.obj.type == 3)) && <View className={styles.bottomBox}>
<View className={styles.seeButon} onClick={(e) => { props?.handSee?.(e) }}>查看码单</View>
</View>
}
</View>
)
})
+15
View File
@@ -18,6 +18,7 @@ import Tabs from "./components/tabs"
import TimePickerPopup from '@/components/timePickerPopup'
import dayjs from 'dayjs'
import IconFont from '@/components/iconfont/iconfont'
import RefundCodelist from "@/components/RefundCodelist"
export default () => {
//页码和页数
@@ -302,6 +303,13 @@ export default () => {
}, [searchField])
const [ShowCode, setShowCode] = useState(false)
const [ItemInfo, setItemInfo] = useState<any>({})
const handSee = (e, item) => {
e.stopPropagation()
setItemInfo(item)
setShowCode(true)
}
return (
<>
@@ -328,6 +336,7 @@ export default () => {
<ItemList
obj={item}
key={index}
handSee={(e) => handSee(e, item)}
></ItemList>
</View>
)
@@ -403,6 +412,12 @@ export default () => {
closePopup={handClose}
onSelectDate={(e) => handTime(e)}
></TimePickerPopup>
<RefundCodelist
obj={ItemInfo}
// picUrl={PicUrl}
showPopup={ShowCode}
popupClose={() => setShowCode(false)}
></RefundCodelist>
</>
)
}