zhangjing/sykl-sm
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

[锶源昆仑-寺庙捐赠活动]

Browse Source
This commit is contained in:
张慢慢
2023-05-15 13:53:32 +08:00
parent 1b6eb2668c
commit c9b18c9074
284 changed files with 9505 additions and 3822 deletions
Download Patch File Download Diff File Expand all files Collapse all files

95
pages/order/details.vue
View File

@@ -25,19 +25,21 @@
<view class="While orderGoods">
<view class="orderGoods-wares" v-for="(item, index) in goodsData.items" :key="index">
<image class="orderGoods-img" :src="item.sku.cover" mode="aspectFill"></image>
<!-- <image class="orderGoods-img" :src="item.sku.cover" mode="aspectFill"></image> -->
<!-- 先默认固定图 -->
<image class="orderGoods-img" src="@/static/imgs/photo.png" mode="widthFix"></image>
<view class="orderGoods-cont">
<view class="nowrap orderGoods-name">{{ item.sku.goods_name }}</view>
<view class="orderGoods-price">
<text>￥{{ item.sku.price }}</text>
x{{ item.qty }}
<text>x{{ item.qty }}</text>
<!-- x{{ item.qty }} -->
</view>
</view>
</view>
<view class="orderGoods-brief">
<!-- <view class="orderGoods-brief">
<view>商品总价</view>
<text>￥{{ goodsData.amount }}</text>
</view>
</view> -->
</view>
<view class="While reserveCont">
@@ -54,25 +56,48 @@
<view class="reserve-name">交易状态</view>
<view class="reserve-text green">{{ goodsData.state }}</view>
</view>
<view class="reserve-label">
<!-- <view class="reserve-label">
<view class="reserve-name">实际金额</view>
<view class="reserve-text reserve-price">￥{{ goodsData.total }}.00</view>
</view> -->
</view>
<view class="While reserveCont" v-if="express.express_name">
<view class="reserveCont-title">物流信息</view>
<view class="reserve-label">
<view class="reserve-name">物流公司</view>
<view class="reserve-text">{{ express.express_name }}</view>
</view>
<view class="reserve-label">
<view class="reserve-name">收货姓名</view>
<view class="reserve-text green">{{ express.name }}</view>
</view>
<view class="reserve-label">
<view class="reserve-name">收货电话</view>
<view class="reserve-text green">{{ express.mobile }}</view>
</view>
<view class="reserve-label">
<view class="reserve-name">物流单号</view>
<view class="reserve-text">{{ express.express_no }}<view class="reserve-copy" @tap="copyUrl(express.express_noo)">复制</view></view>
</view>
</view>
</view>
<view class="order-data-footer">
<view class="order-btn" open-type="navigateBack" @click="$Router.push({name: 'OrderIndex', params: { listType: $Route.query.listType}})">返回订单</view>
<!-- @click="$Router.replaceAll({name: 'OrderIndex', params: { listType: $Route.query.listType}})" -->
<view class="order-btn" open-type="navigateBack" @click="$router.back()">返回订单</view>
<view class="order-btn" @click="signClick()" v-if="sign">签收订单</view>
</view>
</view>
</template>
<script>
import { goodsDet } from '@/apis/interfaces/user'
import { goodsDet, goodsSign } from '@/apis/interfaces/user'
import h5Copy from '@/js_sdk/junyi-h5-copy/junyi-h5-copy/junyi-h5-copy.js'
export default {
data() {
return {
goodsData: '', //详情
sign: '', //签收
express: '' //物流
}
},
onLoad() {
@@ -84,6 +109,8 @@
goodsInfo() {
goodsDet(this.$Route.query.orderNo).then(res => {
this.goodsData = res
this.sign = res.can.sign
this.express = res.express
}).catch(err => {
uni.showToast({
title: err.message,
@@ -105,7 +132,31 @@
icon:'none'
})
}
}
},
// 订单签收
signClick() {
uni.showModal({
title : '提示',
content : '是否签收',
success : res=> {
if (res.confirm) {
goodsSign(this.$Route.query.orderNo).then(res => {
uni.showToast({
title:'签收成功',
icon:'none'
})
this.$Router.back()
}).catch(err => {
uni.showToast({
title: err.message,
icon: "none"
})
})
}
}
})
},
}
}
</script>
@@ -136,8 +187,8 @@
// 订单
.orderData-cont-label {
padding: 40rpx 30rpx;
display: flex;
box-sizing: border-box;
position: relative;
border-bottom: #f2f2f2 2rpx solid;
.orderData-cont-img {
width: 48rpx;
@@ -145,11 +196,8 @@
vertical-align: middle;
}
.orderData-cont-text {
position: absolute;
left: 0;
top: 0;
width: 100%;
padding: 25rpx 30rpx 0 120rpx;
width: calc(100% - 68rpx);
margin-left: 20rpx;
box-sizing: border-box;
.orderData-cont-name {
margin-bottom: 10rpx;
@@ -168,7 +216,7 @@
margin-right: 20rpx;
}
view {
color: #edb25f;
color: #eb504c;
}
}
}
@@ -180,7 +228,6 @@
box-sizing: border-box;
.orderGoods-wares {
position: relative;
margin-bottom: 10rpx;
.orderGoods-img {
width: 100rpx;
height: 100rpx;
@@ -231,6 +278,7 @@
display: flex;
padding: 0 30rpx 30rpx;
box-sizing: border-box;
font-size: $title-size-m;
.reserve-name {
flex: 1;
width: 200rpx;
@@ -243,7 +291,18 @@
line-height: 50rpx;
&.reserve-price {
font-weight: 600;
color: #6d79ec;
color: #1d37e2;
}
.reserve-copy {
color: #6774ff;
border: #6774ff 2rpx solid;
display: inline-block;
height: 34rpx;
line-height: 34rpx;
font-size: $title-size-sm;
padding: 0 10rpx;
border-radius: 4rpx;
margin-left: 10rpx;
}
}
}