|
@@ -21,24 +21,19 @@
|
|
|
<view v-else class="tui-order-content">
|
|
|
<view class="tui-order-item" v-for="(order,orderIndex) in tabItem.orderList" :key="orderIndex" >
|
|
|
<view class="order-title">
|
|
|
+ <view class="order-title-name">{{order.clubName}}</view>
|
|
|
<view class="order-title-t">
|
|
|
- <text class="bage-buss tui-skeleton-fillet" v-if="order.orderSubmitType == 3 || order.orderSubmitType == 4">协销</text>
|
|
|
- <text class="bage-auto tui-skeleton-fillet" v-if="order.orderSubmitType == 0 || order.orderSubmitType == 1 || order.orderSubmitType == 2">自主</text>
|
|
|
- <text class="bage-text tui-skeleton-fillet">订单编号:{{order.orderNo}}</text>
|
|
|
- <image class="bage-icon" src="https://static.caimei365.com/app/img/icon/icon-type@3x.png" mode="widthFix" v-if="order.secondHandOrderFlag == 1"></image>
|
|
|
+ <text class="bage-text tui-skeleton-fillet"><text class="text">订单编号:</text>{{order.orderNo}}</text>
|
|
|
</view>
|
|
|
<view class="order-title-b">
|
|
|
- <view class="order-title-btxt tui-skeleton-fillet">下单时间:{{order.orderTime}}</view>
|
|
|
+ <view class="order-title-btxt tui-skeleton-fillet"><text class="text">下单时间:</text>{{order.orderTime}}</view>
|
|
|
<view class="order-title-tip tui-skeleton-fillet">{{ StateExpFormat(order.status) }}</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
<block v-for="(shop,sindex) in order.shopOrderList" :key="sindex">
|
|
|
<view class="goods-title">
|
|
|
- <view v-if="shop.shopPromotion" class="floor-item-act">
|
|
|
- <view class="floor-tags">{{shop.shopPromotion.name}}</view>
|
|
|
- </view>
|
|
|
- <view class="title-text" v-if="order.secondHandOrderFlag==1">{{shop.shopName}}<label class="paymenttext" v-if="order.affirmPaymentFlag==1">已确认打款供应商</label></view>
|
|
|
- <view class="title-text tui-skeleton-fillet" v-else @click="goShophome(shop.shopID)">{{shop.shopName}}<label class="iconfont icon-jinrudianpu"></label></view>
|
|
|
+ <view class="title-logo"><image :src="shop.shopLogo" mode=""></image></view>
|
|
|
+ <view class="title-text tui-skeleton-fillet">{{shop.shopName}}</view>
|
|
|
</view>
|
|
|
<view class="goods-item" v-for="(pros,prosIndex) in shop.orderProductList" :key="prosIndex" @click.stop="detail(order.orderID)">
|
|
|
<view class="goods-pros-t">
|
|
@@ -94,6 +89,8 @@
|
|
|
</scroll-view>
|
|
|
</swiper-item>
|
|
|
</swiper>
|
|
|
+ <!-- 操作弹窗 -->
|
|
|
+ <tui-modal :show="modal" @click="handleClick" @cancel="hideMobel" :content="contentModalText" color="#333" :size="32" shape="circle" :maskClosable="false"></tui-modal>
|
|
|
<!-- 付款弹窗 -->
|
|
|
<order-model v-if="isPayModel"
|
|
|
:payModelData="payModelData"
|
|
@@ -175,6 +172,9 @@
|
|
|
modelType:0,
|
|
|
nomoreText: '上拉显示更多',
|
|
|
isOnloadFlag:false,
|
|
|
+ modal:false,
|
|
|
+ OperationType:'',
|
|
|
+ contentModalText:''
|
|
|
}
|
|
|
},
|
|
|
onLoad(e) {
|
|
@@ -334,36 +334,75 @@
|
|
|
this.$api.navigateTo(`/pages/user/order/order-details?state=${this.currentTab}&orderID=${id}`)
|
|
|
},
|
|
|
handButtonConfirm(data) {//获取点击
|
|
|
- this.handShowAlert(data)
|
|
|
+ console.log(data)
|
|
|
+ this.hanldOrder = data
|
|
|
this.btnoRderID = data.orderId
|
|
|
+ this.OperationType = data.type
|
|
|
+ this.handShowAlert(data)
|
|
|
},
|
|
|
handShowAlert(data) {//执行
|
|
|
switch(data.type){
|
|
|
+ case 'pay':
|
|
|
+ this.$api.navigateTo(`/pages/user/order/order-details?path=pay&state=0&orderID=${this.btnoRderID}`)
|
|
|
+ // this.WeChatMiniWxPay(this.hanldOrder);
|
|
|
+ break;
|
|
|
case 'delete':
|
|
|
- this.handOrderDetele(data.orderId);
|
|
|
- break
|
|
|
+ this.modal = true;
|
|
|
+ this.contentModalText = '确认删除该订单吗?';
|
|
|
+ break;
|
|
|
case 'cancel':
|
|
|
- this.handCenceConfirm(data.orderId)
|
|
|
- break
|
|
|
+ this.modal = true;
|
|
|
+ this.contentModalText = '确认取消该订单吗?';
|
|
|
+ break;
|
|
|
+ case 'refund':
|
|
|
+ uni.setStorageSync('refundData',data.order)
|
|
|
+ this.$api.navigateTo('/pages/user/order/order-refund')
|
|
|
+ break;
|
|
|
+ case 'returned':
|
|
|
+ uni.setStorageSync('refundData',data.order)
|
|
|
+ this.$api.navigateTo('/pages/user/order/order-refund')
|
|
|
+ break;
|
|
|
case 'query':
|
|
|
this.isModalLayer = true;
|
|
|
this.$api.navigateTo('/pages/user/order/order-logistics?orderID='+data.orderId)
|
|
|
- break
|
|
|
+ break;
|
|
|
case 'confirm':
|
|
|
- this.handOrderConfirm(data.orderId);
|
|
|
- break
|
|
|
- case 'pay':
|
|
|
- this.hanldOrderData = data.order;
|
|
|
- this.getOrderPaymentValidation(data)
|
|
|
- break
|
|
|
- case 'confirmation':
|
|
|
- this.handOrderConfirmation(data.orderId);
|
|
|
- break
|
|
|
- case 'payment':
|
|
|
- this.hanldConfirmFn(data.orderId);
|
|
|
- break
|
|
|
+ this.modal = true;
|
|
|
+ this.contentModalText = '是否确认收货?'
|
|
|
+ // this.handOrderConfirm(data.orderId);
|
|
|
+ break;
|
|
|
+ case 'cancelRefund':
|
|
|
+ this.modal = true;
|
|
|
+ this.contentModalText = '确定取消退货/退款?'
|
|
|
+ // this.handCancelRefundConfirm(data.orderId);
|
|
|
+ break;
|
|
|
}
|
|
|
},
|
|
|
+ handleClick(e) {//用户操作订单
|
|
|
+ let index = e.index;
|
|
|
+ if(index == 1){
|
|
|
+ switch(this.OperationType){
|
|
|
+ case 'delete':
|
|
|
+ this.handOrderDetele(data.orderId);
|
|
|
+ break
|
|
|
+ case 'cancel':
|
|
|
+ this.handCenceConfirm(data.orderId)
|
|
|
+ break
|
|
|
+ case 'query':
|
|
|
+ this.isModalLayer = true;
|
|
|
+ this.$api.navigateTo('/pages/user/order/order-logistics?orderID='+data.orderId)
|
|
|
+ break
|
|
|
+ case 'confirm':
|
|
|
+ this.handOrderConfirm(data.orderId);
|
|
|
+ break
|
|
|
+ case 'pay':
|
|
|
+ this.hanldOrderData = data.order;
|
|
|
+ this.getOrderPaymentValidation(data)
|
|
|
+ break
|
|
|
+ }
|
|
|
+ }
|
|
|
+ this.modal = false;
|
|
|
+ },
|
|
|
getOrderPaymentValidation(data){//监听根据付款状态做操作
|
|
|
this.OrderService.OrderPaymentValidation({orderId:data.orderId}).then(response =>{
|
|
|
let dataCode = response.data.code
|
|
@@ -415,18 +454,6 @@
|
|
|
this.$api.navigateTo(`/pages/user/order/order-payment?type=payfirm&orderID=${data.orderId}`)
|
|
|
}
|
|
|
},
|
|
|
- hanldConfirmFn (orderId){//确认打款供应商
|
|
|
- this.$util.modal('提示','确定委托采美平台打款给供应商吗?确定之前请务必确保货品完好?','确定','取消',true,() =>{
|
|
|
- this.OrderService.confirmpayment({orderID:orderId,userId:this.userID}).then(response =>{
|
|
|
- this.$util.msg('确认成功',2000,true,'success');
|
|
|
- setTimeout(() => {
|
|
|
- this.getOrderDatainit(this.currentTab)
|
|
|
- },2000)
|
|
|
- }).catch(error =>{
|
|
|
- this.$util.msg(error.msg,2000)
|
|
|
- })
|
|
|
- })
|
|
|
- },
|
|
|
handOrderConfirm (id){//确认收货
|
|
|
this.$util.modal('提示','是否确认收货','确定','取消',true,() =>{
|
|
|
this.OrderService.ConfirmReceipt({orderID:id}).then(response =>{
|
|
@@ -439,18 +466,6 @@
|
|
|
})
|
|
|
})
|
|
|
},
|
|
|
- handOrderConfirmation (id){//确认订单
|
|
|
- this.$util.modal('提示','确认此订单?','确定','取消',true,() =>{
|
|
|
- this.OrderService.AffirmOrder({orderID:id}).then(response =>{
|
|
|
- this.$util.msg(response.msg,2000,true,'success');
|
|
|
- setTimeout(() => {
|
|
|
- this.getOrderDatainit(this.currentTab)
|
|
|
- },2000)
|
|
|
- }).catch(error =>{
|
|
|
- this.$util.msg(error.msg,2000)
|
|
|
- })
|
|
|
- })
|
|
|
- },
|
|
|
handOrderDetele(id){//删除订单
|
|
|
this.$util.modal('提示','确认删除该订单吗?','确定','取消',true,() =>{
|
|
|
this.OrderService.DeleteOrder({orderID:id}).then(response =>{
|
|
@@ -659,11 +674,21 @@
|
|
|
.order-title{
|
|
|
width: 100%;
|
|
|
height: auto;
|
|
|
+ padding-bottom: 20rpx;
|
|
|
+ border-bottom: 1px solid #e1e1e1;
|
|
|
+ .order-title-name{
|
|
|
+ width: 100%;
|
|
|
+ height: 48rpx;
|
|
|
+ line-height: 48rpx;
|
|
|
+ text-align: left;
|
|
|
+ font-size: $font-size-28;
|
|
|
+ color: #333333;
|
|
|
+ }
|
|
|
.order-title-t{
|
|
|
width: 100%;
|
|
|
- height: 68rpx;
|
|
|
+ height: 48rpx;
|
|
|
float: left;
|
|
|
- line-height: 68rpx;
|
|
|
+ line-height: 48rpx;
|
|
|
position: relative;
|
|
|
.bage-icon{
|
|
|
width: 50rpx;
|
|
@@ -673,53 +698,36 @@
|
|
|
right: 0;
|
|
|
top: 9rpx;
|
|
|
}
|
|
|
- .bage-buss{
|
|
|
- display: inline-block;
|
|
|
- width: 72rpx;
|
|
|
- height: 30rpx;
|
|
|
- background:radial-gradient(circle,rgba(255,39,180,1) 0%,rgba(193,77,245,1) 100%);
|
|
|
- border-radius: 4rpx;
|
|
|
- line-height: 30rpx;
|
|
|
- font-size: $font-size-22;
|
|
|
- text-align: center;
|
|
|
- color: #FFFFFF;
|
|
|
- }
|
|
|
- .bage-auto{
|
|
|
- display: inline-block;
|
|
|
- width: 72rpx;
|
|
|
- height: 30rpx;
|
|
|
- background:radial-gradient(circle,rgba(255,180,39,1) 0%,rgba(245,142,77,1) 100%);
|
|
|
- border-radius: 4rpx;
|
|
|
- line-height: 30rpx;
|
|
|
- font-size: $font-size-22;
|
|
|
- text-align: center;
|
|
|
- color: #FFFFFF;
|
|
|
- }
|
|
|
.bage-text{
|
|
|
display: inline-block;
|
|
|
font-size: $font-size-28;
|
|
|
- line-height: 68rpx;
|
|
|
+ line-height: 48rpx;
|
|
|
text-align: left;
|
|
|
color: $text-color;
|
|
|
- margin-left: 10rpx;
|
|
|
+ .text{
|
|
|
+ color: #999999;
|
|
|
+ }
|
|
|
}
|
|
|
}
|
|
|
.order-title-b{
|
|
|
width: 100%;
|
|
|
- height: 40rpx;
|
|
|
+ height: 48rpx;
|
|
|
float: left;
|
|
|
margin-top: 8rpx;
|
|
|
.order-title-btxt{
|
|
|
float: left;
|
|
|
font-size: $font-size-28;
|
|
|
- line-height: 40rpx;
|
|
|
- color: #999999;
|
|
|
- text-align: lef
|
|
|
+ line-height: 48rpx;
|
|
|
+ color: $text-color;
|
|
|
+ text-align: left;
|
|
|
+ .text{
|
|
|
+ color: #999999;
|
|
|
+ }
|
|
|
}
|
|
|
.order-title-tip{
|
|
|
float: right;
|
|
|
font-size: $font-size-28;
|
|
|
- line-height: 40rpx;
|
|
|
+ line-height: 48rpx;
|
|
|
text-align: right;
|
|
|
color: #FF2A2A;
|
|
|
}
|
|
@@ -730,25 +738,17 @@
|
|
|
height: 56rpx;
|
|
|
float: left;
|
|
|
margin-top:10rpx;
|
|
|
- .floor-item-act{
|
|
|
+ .title-logo{
|
|
|
+ width: 56rpx;
|
|
|
height: 56rpx;
|
|
|
- text-align: center;
|
|
|
- box-sizing: border-box;
|
|
|
float: left;
|
|
|
- padding: 10rpx 0;
|
|
|
- margin-right: 12rpx;
|
|
|
- .floor-tags{
|
|
|
- height: 28rpx;
|
|
|
- border-radius: 6rpx;
|
|
|
- background-color: #FFFFFF;
|
|
|
- line-height: 28rpx;
|
|
|
- color: $color-system;
|
|
|
- text-align: center;
|
|
|
- display: inline-block;
|
|
|
- padding:0 16rpx;
|
|
|
- font-size: $font-size-20;
|
|
|
- border: 1px solid #E15616;
|
|
|
- float: left;
|
|
|
+ box-sizing: border-box;
|
|
|
+ margin-right: 10rpx;
|
|
|
+ border: 1px solid #e1e1e1;
|
|
|
+ image{
|
|
|
+ width: 56rpx;
|
|
|
+ height: 56rpx;
|
|
|
+ display: block;
|
|
|
}
|
|
|
}
|
|
|
.title-text{
|
|
@@ -762,16 +762,6 @@
|
|
|
text-align: left;
|
|
|
line-height: 56rpx;
|
|
|
font-weight: bold;
|
|
|
- .iconfont{
|
|
|
- color: #999999;
|
|
|
- font-size: 28rpx;
|
|
|
- margin-left: 10rpx;
|
|
|
- }
|
|
|
- .paymenttext{
|
|
|
- color: #f9a94b;
|
|
|
- font-size: $font-size-22;
|
|
|
- margin-left: 20rpx;
|
|
|
- }
|
|
|
}
|
|
|
}
|
|
|
.goods-item{
|
|
@@ -868,12 +858,12 @@
|
|
|
border-radius: 6rpx;
|
|
|
background-color: #FFFFFF;
|
|
|
line-height: 28rpx;
|
|
|
- color: $color-system;
|
|
|
+ color: #ff2a2a;
|
|
|
text-align: center;
|
|
|
display: inline-block;
|
|
|
padding:0 16rpx;
|
|
|
font-size: $font-size-20;
|
|
|
- border: 1px solid #E15616;
|
|
|
+ border: 1px solid #ff2a2a;
|
|
|
float: left;
|
|
|
}
|
|
|
}
|