商家备注

h5
fanfan 4 months ago
parent 533b033655
commit a7e34a2e17
  1. 2
      ext.json
  2. 87
      pages/news3/shopOrderDetails.vue
  3. 80
      pages/order/detail.vue

@ -1,6 +1,6 @@
{
"extEnable": true,
"extAppid": "wx9f7e94fe11dc0c23",
"extAppid": "wxa3127ed5c3542a28",
"ext": {
"store_id": 10048
}

@ -65,7 +65,8 @@
<!-- <view class="orderInfo">
<text>订单号{{orderInfo.order_no}}</text>
</view> -->
<view class="list" v-for="(item,index) in orderInfo.goods" :key="index" @click="handleTargetGoods(item.goods_id)">
<view class="list" v-for="(item,index) in orderInfo.goods" :key="index"
@click="handleTargetGoods(item.goods_id)">
<image :src="item.goods_image" mode="aspectFill" class="thumb"></image>
<view class="item">
<view class="title">{{item.goods_name}}</view>
@ -74,7 +75,8 @@
<text class="num">x{{item.total_num}}</text>
<view>
<text class="moneyFlag">¥</text>
<text class="numText">{{item.total_pay_price?Number(item.total_pay_price):item.total_pay_price}}</text>
<text
class="numText">{{item.total_pay_price?Number(item.total_pay_price):item.total_pay_price}}</text>
</view>
</view>
</view>
@ -182,10 +184,20 @@
{{orderInfo.pay_method_text}}
</view>
</view>
<view class="list" v-if="orderInfo.remark">
<view class="title">订单备注:</view>
<view class="content">
{{orderInfo.remark}}
<view class="remarkTitle" v-if="orderInfo.merchant.length>0">
<view class="total">
商家备注
</view>
<view style="overflow: hidden;">
<view class="merchant" v-for="(item, idx) in orderInfo.merchant">
<view class="merchantImg">
<image @click="previewImage(idxs,item.image_url)" :src="img.preview_url"
v-for="(img, idxs) in item.image_url" mode=""></image>
</view>
<view class="remarks">
{{item.remark}}
</view>
</view>
</view>
</view>
</view>
@ -202,8 +214,10 @@
<view class="btn"
v-show="!orderInfo.order_refund_id&&orderInfo.delivery_type==10&&orderInfo.order_status==10&&orderInfo.pay_status==20&&orderInfo.delivery_status==10&&userInfo.user_type == 40"
@click="goJump('/pages/news3/sendOutGoods',orderInfo,2)">发货</view>
<view class="del" v-show="orderInfo.audit_status==0&&userInfo.user_type == 40" @click="refuseOrder(orderInfo,20)">拒绝</view>
<view class="btn" v-show="orderInfo.audit_status==0&&userInfo.user_type == 40" @click="refuseOrder(orderInfo,10)">同意</view>
<view class="del" v-show="orderInfo.audit_status==0&&userInfo.user_type == 40"
@click="refuseOrder(orderInfo,20)">拒绝</view>
<view class="btn" v-show="orderInfo.audit_status==0&&userInfo.user_type == 40"
@click="refuseOrder(orderInfo,10)">同意</view>
<view class="del" @click="onDelete(orderInfo)"
v-show="(!orderInfo.order_refund_id&&orderInfo.order_status==30&&orderInfo.pay_status==20&&orderInfo.delivery_status==20)||(!orderInfo.order_refund_id&&orderInfo.order_status==20&&orderInfo.pay_status==10&&orderInfo.delivery_status==10)">
删除订单</view>
@ -292,6 +306,16 @@
this.getOrderDetail(this.order_id)
},
methods: {
previewImage(index, list) {
let newList=[]
list.forEach(item => {
newList.push(item.preview_url)
});
uni.previewImage({
current: index, //
urls: newList, // http
});
},
//
handleTargetGoods(goodsId) {
uni.redirectTo({
@ -1238,4 +1262,51 @@
}
}
}
.remarkTitle {
overflow: hidden;
margin-bottom: 20rpx;
.total {
float: left;
font-size: 24rpx;
color: #7E7E7E;
}
.merchantImg {
width: 100%;
display: flex;
flex-wrap: wrap;
flex-direction: row;
min-height: 100rpx;
}
.merchantImg image {
width: 100rpx;
height: 100rpx;
margin: 0 20rpx 20rpx 0;
}
.merchant {
margin-top: 5rpx;
overflow: hidden;
border-top: 1rpx solid #F4F4F4;
padding: 20rpx 0;
.remarks {
font-size: 24rpx;
font-weight: 500;
color: #1E1E1E;
line-height: 34rpx;
}
}
.merchant:nth-child(1) {
padding-top: 0;
border-top: none;
}
}
</style>

@ -185,7 +185,7 @@
</view>
</view> -->
<view class="orderTitle" v-if="order.delivery_status == DeliveryStatusEnum.DELIVERED.value">
<view class="total" v-if="order.delivery[0].delivery_method != DeliveryMethodEnum.UNWANTED.value">
<view class="total">
物流公司
</view>
<view class="price">
@ -208,14 +208,23 @@
{{order.pay_time}}
</view>
</view>
<!-- <view class="orderTitle" v-if="order.receipt_time">
<view class="remarkTitle" v-if="order.merchant.length>0">
<view class="total">
期待配送时间
商家备注
</view>
<view style="overflow: hidden;">
<view class="merchant" v-for="(item, idx) in order.merchant">
<view class="merchantImg">
<image @click="previewImage(idxs,item.image_url)" :src="img.preview_url"
v-for="(img, idxs) in item.image_url" mode=""></image>
</view>
<view class="remark">
{{item.remark}}
</view>
</view>
</view>
<view class="price">
{{order.receipt_time}}
</view>
</view> -->
<view class="line">
</view>
<view class="amount">
@ -464,6 +473,16 @@
}
},
methods: {
previewImage(index, list) {
let newList = []
list.forEach(item => {
newList.push(item.preview_url)
});
uni.previewImage({
current: index, //
urls: newList, // http
});
},
onCopyLink(str) {
uni.setClipboardData({
data: str, // value
@ -700,7 +719,8 @@
// 退
onRefund(orderId, order, item) {
uni.navigateTo({
url: '/pages/order/refund/index?orderId=' + orderId + '&order=' + encodeURIComponent(JSON.stringify(order)) +
url: '/pages/order/refund/index?orderId=' + orderId + '&order=' + encodeURIComponent(JSON
.stringify(order)) +
"&deliveryStatus=" + item.delivery_status + '&receiptStatus=' + item.receipt_status
})
},
@ -1579,4 +1599,50 @@
font-size: 36rpx;
}
}
.remarkTitle {
overflow: hidden;
margin-bottom: 20rpx;
.total {
float: left;
font-size: 24rpx;
color: #7E7E7E;
}
.merchantImg {
width: 100%;
display: flex;
flex-wrap: wrap;
flex-direction: row;
min-height: 100rpx;
}
.merchantImg image {
width: 100rpx;
height: 100rpx;
margin: 0 20rpx 20rpx 0;
}
.merchant {
margin-top: 5rpx;
overflow: hidden;
border-top: 1rpx solid #F4F4F4;
padding: 20rpx 0;
.remark {
font-size: 24rpx;
font-weight: 500;
color: #1E1E1E;
line-height: 34rpx;
}
}
.merchant:nth-child(1) {
padding-top: 0;
border-top: none;
}
}
</style>

Loading…
Cancel
Save