|
|
@@ -199,6 +199,53 @@
|
|
|
<div :class="orderData.tab=='price'?'aside-tab-items active':'aside-tab-items'" @click="handleClick('price')">差价订单</div>
|
|
|
</div>
|
|
|
<el-main class="nopadding">
|
|
|
+ <template v-if="orderData.tab == 'user'">
|
|
|
+ <div class="order-info-user">
|
|
|
+ <div class="info-item">
|
|
|
+ <div class="name">昵称</div>
|
|
|
+ <div class="right">{{ chatItem.user.nickname }} </div>
|
|
|
+ </div>
|
|
|
+ <div class="info-item">
|
|
|
+ <div class="name">OpenId</div>
|
|
|
+ <div class="right">{{ chatItem.user.openid }} </div>
|
|
|
+ </div>
|
|
|
+ <div class="info-item">
|
|
|
+ <div class="name">手机号码</div>
|
|
|
+ <div class="right">{{ chatItem.user.mobile }} </div>
|
|
|
+ </div>
|
|
|
+ <div class="info-item">
|
|
|
+ <div class="name">注册时间</div>
|
|
|
+ <div class="right">{{ chatItem.user.create_at }} </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="order-info-user" v-if="msgOrder">
|
|
|
+ <div class="title">咨询订单</div>
|
|
|
+ <div class="m-order-s" style="margin-top: 15px;">
|
|
|
+ <div class="m-order-item">
|
|
|
+ <div class="order-img"><el-image style="width: 80px;height: 80px;" :src="msgOrder.img" fit="fit"></el-image></div>
|
|
|
+ <div class="order-info">
|
|
|
+ <div class="title">{{msgOrder.product.product_name}}</div>
|
|
|
+ <div class="desc">{{msgOrder.order_sn}}</div>
|
|
|
+ <div class="price">{{this.$TOOL.money(msgOrder.price)}}</div>
|
|
|
+ </div>
|
|
|
+ <div class="order-status-btn">
|
|
|
+ <div class="status info" v-if="msgOrder.status=='0'">未支付</div>
|
|
|
+ <div class="status primary" v-if="msgOrder.status=='1'">待使用</div>
|
|
|
+ <div class="status success" v-if="msgOrder.status=='2'">已完成</div>
|
|
|
+ <div class="status danger" v-if="msgOrder.status=='3'">已退款</div>
|
|
|
+ <div class="status warn" v-if="msgOrder.status=='4'">退款中</div>
|
|
|
+ <div class="status warn" v-if="msgOrder.status=='5'">已关闭</div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="order-btn-group">
|
|
|
+ <div class="status info cus" @click="viewOrder(msgOrder)">查看详情</div>
|
|
|
+ <div class="status primary cus" @click="sendAddress(msgOrder)">收集地址</div>
|
|
|
+ <div class="status warn cus" v-if="msgOrder.product.product_type==11" @click="submitPrice(msgOrder)">补差价</div>
|
|
|
+ <div class="status danger cus" @click="sendOrder(msgOrder)">发送订单</div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
<template v-if="orderData.tab == 'price'">
|
|
|
<el-container>
|
|
|
<el-header>
|
|
|
@@ -352,6 +399,7 @@ export default {
|
|
|
popState:false,
|
|
|
total:0
|
|
|
},
|
|
|
+ msgOrder:null, // 咨询订单
|
|
|
orderData:{
|
|
|
page:1,
|
|
|
size:10,
|
|
|
@@ -635,11 +683,18 @@ export default {
|
|
|
this.msgPage = 1;
|
|
|
this.history.messages = []
|
|
|
this.history.allLoaded = false
|
|
|
- this.orderList = [];
|
|
|
- this.orderPage = 1;
|
|
|
+ this.orderData.list = [];
|
|
|
+ this.orderData.page = 1;
|
|
|
+ this.orderData.tab = "user";
|
|
|
this.getMsgData();
|
|
|
+ this.getMsgOrder();
|
|
|
this.getOrderList();
|
|
|
},
|
|
|
+ async getMsgOrder(){
|
|
|
+ var resp = await this.$API.chat.msgOrder.get({"msgId":this.chatItem.id})
|
|
|
+ if (resp.code == 0) return ;
|
|
|
+ this.msgOrder = resp.data.order;
|
|
|
+ },
|
|
|
initPush(){
|
|
|
var _this = this;
|
|
|
if (!this.pushObj) {
|
|
|
@@ -875,6 +930,13 @@ export default {
|
|
|
|
|
|
<style scoped lang="scss">
|
|
|
@import '@/style/index.scss';
|
|
|
+
|
|
|
+.order-info-user{background-color: #fff;padding: 10px;margin-top: 10px;}
|
|
|
+.order-info-user .title{font-size: 16px;color: #333;font-weight: bold;padding-bottom: 10px;border-bottom: 1px solid #f8f8f8;}
|
|
|
+.order-info-user .info-item{height: 40px;line-height: 40px;font-size: 12px;display: flex;align-items: center;border-bottom: 1px solid #f8f8f8;}
|
|
|
+.order-info-user .info-item .right{color: #666;margin-left: auto;margin-right: 0;}
|
|
|
+.order-info-user .info-item .right text{border: 1px solid #ccc;color: #333;font-size: 12px;padding: 0 15upx;margin-left: 10px;border-radius: 5px;}
|
|
|
+
|
|
|
.aside-tabs{display: flex;height: 65px;align-items: center;gap: 10px;border-bottom: 1px solid var(--el-border-color-light);padding: 13px 15px;}
|
|
|
.aside-tabs .aside-tab-items{font-size: 14px;cursor: pointer;padding: 0 20px;}
|
|
|
.aside-tabs .aside-tab-items.active{color: var(--el-color-primary);}
|