charles/frontend-app
1
0
Fork 0
Code Issues Pull Requests Actions Projects Releases Wiki Activity

feat：0905优惠券多物流信息

Browse Source
This commit is contained in:
charles
2026-09-05 16:11:42 +08:00
parent b1d3ec9b2f
commit 75060faa39
14 changed files with 825 additions and 233 deletions
Download Patch File Download Diff File Expand all files Collapse all files
pages/mine_package/mine_order_info/mine_order_info.vue
+135 -10
View File
@@ -92,17 +92,49 @@
<view class="content_right_quantity">x{{ pItem.buyNum }}</view>
</view>
</view>
<view class="content_other_item">
<view class="data_item data_item_yd" v-if="pItem.expressNo">
<view class="item_title">运单号：</view>
<view class="item_value">
<view>{{ pItem.expressNo }} </view>
<view style="margin-left: 10rpx">
<up-image src="/static/common/copy.png" width="14" height="14"
bgColor="#f1f6ff00" @click="copyData(pItem.expressNo)"></up-image>
<view class="express_card_box">
<template v-if="orderInfo.orderPackages && orderInfo.orderPackages.length > 0">
<view class="express_header_row">
<view class="express_title">运单号</view>
<view
class="express_toggle_btn"
v-if="orderInfo.orderPackages.length > 1"
@click="isExpandExpress = !isExpandExpress"
>
<text>{{ isExpandExpress ? '收起' : `展开全部(${orderInfo.orderPackages.length})` }}</text>
<u-icon :name="isExpandExpress ? 'arrow-up' : 'arrow-down'" color="#7934F6" size="12" style="margin-left: 4rpx;"></u-icon>
</view>
</view>
</view>
<view
class="express_item_row"
v-for="(pkg, pkgIdx) in (isExpandExpress ? orderInfo.orderPackages : orderInfo.orderPackages.slice(0, 1))"
:key="pkg.id || pkgIdx"
>
<view class="express_info_text">
<text class="express_name_tag" v-if="pkg.expressName">{{ pkg.expressName }}</text>
<text class="express_no_num">{{ pkg.expressNo }}</text>
</view>
<view class="express_copy_btn" @click="copyData(pkg.expressNo)">
<up-image src="/static/common/copy.png" width="12" height="12" bgColor="#f1f6ff00"></up-image>
<text class="copy_text">复制</text>
</view>
</view>
</template>
<template v-else-if="pItem.expressNo">
<view class="express_header_row">
<view class="express_title">运单号</view>
</view>
<view class="express_item_row">
<view class="express_info_text">
<text class="express_no_num">{{ pItem.expressNo }}</text>
</view>
<view class="express_copy_btn" @click="copyData(pItem.expressNo)">
<up-image src="/static/common/copy.png" width="12" height="12" bgColor="#f1f6ff00"></up-image>
<text class="copy_text">复制</text>
</view>
</view>
</template>
</view>
</view>
</view>
@@ -193,6 +225,10 @@
<view class="operate_comm operate_but_2" v-if="orderInfo.status === ORDER_TYPE.UNPAID" @click="goPay">去付款
</view>
<!-- <view class="operate_comm operate_but_1" v-if="orderInfo.status === ORDER_TYPE.COMPLETED">申请退款</view> -->
<view class="operate_comm operate_but_1" style="border-color: #7732ff" v-if="orderInfo.status === ORDER_TYPE.NOT_RECEIVE"
@click="onExpress(orderInfo.id)">
<text class="text-zi">查看物流</text>
</view>
<view class="operate_comm operate_but_2" v-if="orderInfo.status === ORDER_TYPE.NOT_RECEIVE"
@click="confirmReceiptOk(orderInfo)">确认收货</view>
<!-- <view class="operate_comm operate_but_3" v-if="orderInfo.status === ORDER_TYPE.UNSHIPPED">提醒发货</view> -->
@@ -282,7 +318,8 @@ export default {
height: "100vh",
isShowBalance: false,
qrcodeVal: '',
returnType: 1
returnType: 1,
isExpandExpress: false
};
},
onLoad(options) {
@@ -431,6 +468,11 @@ export default {
// 处理支付失败后的逻辑，如提示用户等
}
},
onExpress(itemId) {
uni.navigateTo({
url: `/pages/rwa_package/express/express?id=${itemId}`,
});
},
/**
* 确认收货
*/
@@ -742,4 +784,87 @@ export default {
display: flex;
justify-content: left;
}
.express_card_box {
background-color: #F8F9FB;
border-radius: 16rpx;
padding: 20rpx 24rpx;
margin-top: 24rpx;
.express_header_row {
display: flex;
align-items: center;
justify-content: space-between;
padding-bottom: 14rpx;
.express_title {
font-size: 26rpx;
font-weight: 600;
color: #333333;
}
.express_toggle_btn {
display: flex;
align-items: center;
background-color: #F2E9FF;
padding: 6rpx 20rpx;
border-radius: 24rpx;
font-size: 22rpx;
color: #7934F6;
font-weight: 500;
}
}
.express_item_row {
display: flex;
align-items: center;
justify-content: space-between;
padding: 16rpx 0 4rpx 0;
border-top: 1rpx dashed #E5E7EB;
&:first-of-type {
border-top: none;
padding-top: 0;
}
.express_info_text {
font-size: 26rpx;
color: #333333;
display: flex;
align-items: center;
.express_name_tag {
font-size: 22rpx;
color: #7934F6;
background-color: #F2E9FF;
padding: 2rpx 12rpx;
border-radius: 6rpx;
margin-right: 12rpx;
font-weight: 500;
}
.express_no_num {
font-weight: 500;
color: #333333;
letter-spacing: 0.5rpx;
}
}
.express_copy_btn {
display: flex;
align-items: center;
padding: 6rpx 16rpx;
border-radius: 20rpx;
background-color: #FFFFFF;
border: 1rpx solid #E2E4E8;
cursor: pointer;
.copy_text {
font-size: 22rpx;
color: #666666;
margin-left: 6rpx;
}
}
}
}
</style>