|
@@ -235,8 +235,10 @@
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
|
<div class="order-info-user" v-if="msgOrder">
|
|
<div class="order-info-user" v-if="msgOrder">
|
|
|
- <div class="title">咨询订单</div>
|
|
|
|
|
- <div class="m-order-s" style="margin-top: 15px;">
|
|
|
|
|
|
|
+ <div class="title flex-title">咨询订单
|
|
|
|
|
+ <el-button @click="getMsgOrder" icon="el-icon-refresh" circle />
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="m-order-s" style="margin-top: 15px;" v-loading="msgOrderLoad">
|
|
|
<div class="m-order-item" @click="viewOrder(msgOrder)">
|
|
<div class="m-order-item" @click="viewOrder(msgOrder)">
|
|
|
<div class="order-img"><el-image style="width: 80px;height: 80px;" :src="msgOrder.img" fit="fit"></el-image></div>
|
|
<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="order-info">
|
|
@@ -443,6 +445,7 @@ export default {
|
|
|
total:0
|
|
total:0
|
|
|
},
|
|
},
|
|
|
msgOrder:null, // 咨询订单
|
|
msgOrder:null, // 咨询订单
|
|
|
|
|
+ msgOrderLoad:false,
|
|
|
orderData:{
|
|
orderData:{
|
|
|
page:1,
|
|
page:1,
|
|
|
size:10,
|
|
size:10,
|
|
@@ -763,7 +766,9 @@ export default {
|
|
|
this.getOrderList();
|
|
this.getOrderList();
|
|
|
},
|
|
},
|
|
|
async getMsgOrder(){
|
|
async getMsgOrder(){
|
|
|
|
|
+ this.msgOrderLoad = true;
|
|
|
var resp = await this.$API.chat.msgOrder.get({"msgId":this.chatItem.id})
|
|
var resp = await this.$API.chat.msgOrder.get({"msgId":this.chatItem.id})
|
|
|
|
|
+ this.msgOrderLoad = false;
|
|
|
if (resp.code == 0) return ;
|
|
if (resp.code == 0) return ;
|
|
|
this.msgOrder = resp.data.order;
|
|
this.msgOrder = resp.data.order;
|
|
|
},
|
|
},
|
|
@@ -1333,4 +1338,5 @@ export default {
|
|
|
border-top: 1px solid #eee;
|
|
border-top: 1px solid #eee;
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
|
|
|
+.flex-title{display: flex;align-items: center;justify-content: space-between;}
|
|
|
</style>
|
|
</style>
|