zory 4 giorni fa
parent
commit
30fb629300

+ 7 - 0
src/api/model/chat.js

@@ -16,6 +16,13 @@ export default {
             return await http.get(this.url, data);
         },
     },
+    msgOrder: {
+        url: `${config.API_URL}/service/chat/order`,
+        name: "-",
+        get: async function (data = {}) {
+            return await http.get(this.url, data);
+        },
+    },
     send: {
         url: `${config.API_URL}/service/chat/send`,
         name: "-",

+ 64 - 2
src/components/imFloat/imFloat.vue

@@ -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);}

+ 4 - 0
src/components/imFloat/order.vue

@@ -72,6 +72,10 @@
                             <div class="name">来客订单号</div>
                             <div class="right">{{ orderData.order_sn }} </div>
                         </div>
+                        <div class="info-item">
+                            <div class="name">留资号码</div>
+                            <div class="right">{{ orderData.mobile?orderData.mobile:'-' }}</div>
+                        </div>
                         <div class="info-item">
                             <div class="name">订单编号</div>
                             <div class="right">{{ orderData.out_order_no }}</div>

+ 5 - 0
src/views/service/order/index/components/table.vue

@@ -49,6 +49,11 @@
                 {{ scope.row.pay_money?$TOOL.money(scope.row.pay_money):'-' }}
             </template>
         </el-table-column>
+        <el-table-column label="留资号码" prop="types" width="120">
+            <template #default="scope">
+                {{ scope.row.mobile?scope.row.mobile:'-' }}
+            </template>
+        </el-table-column>
         <el-table-column label="订单状态" prop="types" width="160" align="left">
             <template #default="scope">
                 <div class="order-name" v-if="scope.row.status == 0">