|
|
@@ -3,82 +3,85 @@
|
|
|
* @Author: Sugar.
|
|
|
* @Date: 2023-11-24 13:55:00
|
|
|
* @LastEditors: gcz
|
|
|
- * @LastEditTime: 2024-03-15 17:47:17
|
|
|
- * @FilePath: \great_webui\src\views\order\orderMr\dialog\details.vue
|
|
|
+ * @LastEditTime: 2024-03-15 15:13:27
|
|
|
+ * @FilePath: \great_webui\src\views\order\groupBuyingMr\dialog\details.vue
|
|
|
* @Copyright: Copyright (c) 2016~2023 by Sugar., All Rights Reserved.
|
|
|
-->
|
|
|
<template>
|
|
|
- <el-dialog title="订单详情" :visible.sync="open" width="96%" append-to-body :close-on-click-modal="false" @close="cancel">
|
|
|
+ <el-dialog
|
|
|
+ title="订单详情"
|
|
|
+ :visible.sync="open"
|
|
|
+ width="96%"
|
|
|
+ append-to-body
|
|
|
+ :close-on-click-modal="false"
|
|
|
+ @close="cancel"
|
|
|
+ >
|
|
|
<div v-loading="loading" class="dialog dialog-bbb" v-if="form">
|
|
|
- <div
|
|
|
- v-loading="loading_form"
|
|
|
- element-loading-text="加载详情中..."
|
|
|
- >
|
|
|
+ <div v-loading="loading_form"
|
|
|
+ element-loading-text="加载详情中...">
|
|
|
<!-- 基础信息 -->
|
|
|
<div class="title-class" style="margin-top: 0">基础信息</div>
|
|
|
<el-row>
|
|
|
<el-col :span="12">
|
|
|
- <div class="grid-content bg-purple item-class">票务名称: <span>{{ form.goodsName || '' }}</span></div>
|
|
|
+ <div class="grid-content bg-purple item-class">团队名称: <span>{{ form.teamName || ''}}</span></div>
|
|
|
</el-col>
|
|
|
<el-col :span="12">
|
|
|
- <div class="grid-content bg-purple item-class">订单号: <span>{{ form.id || '' }}</span></div>
|
|
|
+ <div class="grid-content bg-purple item-class">团队类型: <span><dict-tag style="display: inline-block" :options="dict.type.team_type" :value="form.teamType"/></span></div>
|
|
|
</el-col>
|
|
|
<el-col :span="12">
|
|
|
- <div class="grid-content bg-purple item-class">购票人姓名: <span>{{ form.memberName || '' }}</span></div>
|
|
|
+ <div class="grid-content bg-purple item-class">预约场馆: <span>{{ form.theatreName || '' }}</span></div>
|
|
|
</el-col>
|
|
|
<el-col :span="12">
|
|
|
- <div class="grid-content bg-purple item-class">购票人手机号: <span>{{ form.memberMobile || '' }}</span></div>
|
|
|
+ <div class="grid-content bg-purple item-class">预约演出厅: <span>{{ form.auditoriumName || '' }}</span></div>
|
|
|
</el-col>
|
|
|
<el-col :span="12">
|
|
|
- <div class="grid-content bg-purple item-class">购票人身份证号: <span>{{ form.memberCardId || '' }}</span></div>
|
|
|
+ <div class="grid-content bg-purple item-class">预约剧目: <span>{{ form.performName || '' }}</span></div>
|
|
|
</el-col>
|
|
|
<el-col :span="12">
|
|
|
- <div class="grid-content bg-purple item-class">剧名名称: <span>{{ form.performName || '' }}</span></div>
|
|
|
+ <div class="grid-content bg-purple item-class">票务名称: <span>{{ form.goodsName || '' }}</span></div>
|
|
|
</el-col>
|
|
|
<el-col :span="12">
|
|
|
- <div class="grid-content bg-purple item-class">票务类型: <span>{{ form.seatTypeName || '' }}</span></div>
|
|
|
+ <div class="grid-content bg-purple item-class">座位类型: <span>{{ form.seatTypeName || '' }}</span></div>
|
|
|
</el-col>
|
|
|
<el-col :span="12">
|
|
|
- <div class="grid-content bg-purple item-class">场次: <span>{{ form.performDate }} {{ form.performTimeStart }} --
|
|
|
- {{ form.performTimeEnd }}</span></div>
|
|
|
+ <div class="grid-content bg-purple item-class">团购单价: <span v-if="form.price">￥{{ form.price || '' }}/人</span></div>
|
|
|
</el-col>
|
|
|
<el-col :span="12">
|
|
|
- <div style="display: flex;" class="grid-content bg-purple item-class">购票渠道: <span
|
|
|
- style="display: block;margin-left: 5px;"><dict-tag :options="dict.type.order_form_type"
|
|
|
- :value="form.source" /></span></div>
|
|
|
+ <div class="grid-content bg-purple item-class">预约时间: <span v-if="form.performDate">{{ form.performDate + " " || '' }}{{ form.performTimeStart +' --' || '' }}{{ form.performTimeEnd || '' }}</span></div>
|
|
|
</el-col>
|
|
|
- <el-col :span="12" v-if="form.sourceRemark">
|
|
|
- <div style="display: flex;" class="grid-content bg-purple item-class">来源备注: <span
|
|
|
- style="display: block;margin-left: 5px;"> {{ form.sourceRemark }} </span></div>
|
|
|
+ <el-col :span="12">
|
|
|
+ <div class="grid-content bg-purple item-class">报名时间: <span>{{ form.applyTime || '' }}</span></div>
|
|
|
</el-col>
|
|
|
- <el-col :span="12" v-if="form.orderIdOrQrCode">
|
|
|
- <div style="display: flex;" class="grid-content bg-purple item-class">核销码: <span
|
|
|
- style="display: block;margin-left: 5px;"><span>{{ form.orderIdOrQrCode }}</span></span></div>
|
|
|
+ <el-col :span="12">
|
|
|
+ <div class="grid-content bg-purple item-class">客户负责人: <span>{{ form.teamContact || '' }}</span></div>
|
|
|
</el-col>
|
|
|
<el-col :span="12">
|
|
|
- <div class="grid-content bg-purple item-class">购票数量: <span>{{ form.viewerNum || form.viewerNum == 0 ?
|
|
|
- form.viewerNum : '' }}</span></div>
|
|
|
+ <div class="grid-content bg-purple item-class">销售员: <span>{{ form.salerPerson || '' }}</span></div>
|
|
|
</el-col>
|
|
|
- <!-- <el-col :span="12">
|
|
|
- <div class="grid-content bg-purple item-class">支付总额: <span>￥{{ form.orderPrice || '' }}</span></div>
|
|
|
- </el-col> -->
|
|
|
<el-col :span="12">
|
|
|
- <div class="grid-content bg-purple item-class">应收金额: <span>￥{{ form.orderPrice || form.orderPrice == 0 ?
|
|
|
- form.orderPrice : '' }}</span></div>
|
|
|
+ <div class="grid-content bg-purple item-class">联系电话: <span>{{ form.teamMobile || '' }}</span></div>
|
|
|
</el-col>
|
|
|
+ <!-- <el-col :span="12">
|
|
|
+ <div class="grid-content bg-purple item-class">支付总额: <span>￥{{ form.orderPrice || '' }}</span></div>
|
|
|
+ </el-col> -->
|
|
|
<el-col :span="12">
|
|
|
- <div class="grid-content bg-purple item-class">实收金额: <span>￥{{ form.realPrice || form.realPrice == 0 ?
|
|
|
- form.realPrice : '' }}</span></div>
|
|
|
+ <div class="grid-content bg-purple item-class">应收金额: <span>￥{{ form.orderPrice || form.orderPrice == 0 ? form.orderPrice : '' }}</span></div>
|
|
|
</el-col>
|
|
|
<el-col :span="12">
|
|
|
- <div class="grid-content bg-purple item-class">下单时间: <span>{{ form.createTime || '' }}</span></div>
|
|
|
+ <div class="grid-content bg-purple item-class">实收金额: <span>￥{{ form.realPrice || form.realPrice == 0 ? form.realPrice : '' }}</span></div>
|
|
|
</el-col>
|
|
|
<el-col :span="12">
|
|
|
- <div class="grid-content bg-purple item-class">优惠信息: <span>暂无</span></div>
|
|
|
+ <div class="grid-content bg-purple item-class">团购人数: <span>{{ form.quantity || '' }}</span></div>
|
|
|
</el-col>
|
|
|
<el-col :span="12">
|
|
|
<div class="grid-content bg-purple item-class">支付时间: <span>{{ form.payTime || '' }}</span></div>
|
|
|
</el-col>
|
|
|
+ <!-- <el-col :span="12">
|
|
|
+ <div class="grid-content bg-purple item-class">支付方式: <span>{{ payWayList[form.payWay] || '' }}</span></div>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12">
|
|
|
+ <div class="grid-content bg-purple item-class">订单状态: <span>{{ statusList[form.status] || '' }}</span></div>
|
|
|
+ </el-col> -->
|
|
|
<el-col :span="12">
|
|
|
<div class="grid-content bg-purple item-class" style="display: flex;">支付方式: <span
|
|
|
style="display: block;margin-left: 5px;"><dict-tag :options="dict.type.pay_way_type"
|
|
|
@@ -90,41 +93,49 @@
|
|
|
:value="form.status" /></span></div>
|
|
|
</el-col>
|
|
|
<el-col :span="12">
|
|
|
- <div class="grid-content bg-purple item-class" style="display: flex;">订单备注: <span
|
|
|
- style="display: block;margin-left: 5px;">{{ form.remark }}</span></div>
|
|
|
- </el-col>
|
|
|
- <el-col :span="12">
|
|
|
- <div class="grid-content bg-purple item-class" style="display: flex;">是否成功开票: <span
|
|
|
- style="display: block;margin-left: 5px;">{{ form.ifSuccessInvoice == '1' ? '是' : '否' }}</span></div>
|
|
|
+ <div class="grid-content bg-purple item-class" style="display: flex;">是否成功开票: <span style="display: block;margin-left: 5px;">{{ form.ifSuccessInvoice=='1'?'是':'否' }}</span></div>
|
|
|
</el-col>
|
|
|
</el-row>
|
|
|
|
|
|
+ <!-- 对公支付信息 -->
|
|
|
+ <div v-if="form.payWay=='corporate'&&form.status>0&&form.corporate">
|
|
|
+ <div class="title-class">对公支付信息</div>
|
|
|
+ <el-row>
|
|
|
+ <el-col :span="24">
|
|
|
+ <div class="voucher-list">
|
|
|
+ <el-image
|
|
|
+ v-for="(item,index) in voucherUrl" :key="index"
|
|
|
+ style="width: 100px; height: 100px"
|
|
|
+ :src="item"
|
|
|
+ :preview-src-list="voucherUrl">
|
|
|
+ </el-image>
|
|
|
+ </div>
|
|
|
+ </el-col>
|
|
|
+ <el-col class="pay-type-remark" :span="24">
|
|
|
+ 对公支付备注：{{corporateRremark}}
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ </div>
|
|
|
|
|
|
<!-- 观影人员信息 -->
|
|
|
<div class="title-class">观影人员信息</div>
|
|
|
<el-row>
|
|
|
<el-col :span="24">
|
|
|
- <el-table ref="tables" :data="form.viewersList" border size="mini">
|
|
|
- <el-table-column label="序号" align="center" type="index" width="50"></el-table-column>
|
|
|
+ <el-table ref="tables" :data="form.viewersOrderList" border>
|
|
|
+ <el-table-column label="序号" align="center" type="index" width="60"></el-table-column>
|
|
|
<el-table-column label="姓名" align="center" prop="name" />
|
|
|
- <el-table-column label="身份证号码" align="center" prop="idcard" />
|
|
|
+ <el-table-column label="身份证号码" align="center" prop="idCard" />
|
|
|
<el-table-column label="核销状态" align="center">
|
|
|
<template slot-scope="scope">
|
|
|
- <dict-tag :options="dict.type.order_status_type" :value="scope.row.status" />
|
|
|
+ <dict-tag :options="dict.type.order_status_type" :value="scope.row.status"/>
|
|
|
<!-- <el-tag v-if="scope.row.qrcodeStatus == 0">未使用</el-tag>
|
|
|
- <el-tag v-if="scope.row.qrcodeStatus == 1" type="success">已使用</el-tag>
|
|
|
- <el-tag v-if="scope.row.qrcodeStatus == 2" type="info">过期</el-tag> -->
|
|
|
+ <el-tag v-if="scope.row.qrcodeStatus == 1" type="success">已使用</el-tag>
|
|
|
+ <el-tag v-if="scope.row.qrcodeStatus == 2" type="info">过期</el-tag> -->
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
- <el-table-column label="核销时间" align="center" prop="qrcodeUseTime" />
|
|
|
+ <el-table-column label="核销时间" align="center" prop="useTime" />
|
|
|
<el-table-column label="座位信息" align="center" prop="seatName" />
|
|
|
<el-table-column label="座位类型" align="center" prop="seatTypeName" />
|
|
|
- <el-table-column label="人员类别" align="center">
|
|
|
- <template slot-scope="scope">
|
|
|
- <dict-tag :options="dict.type.personnel_type" :value="scope.row.identity" />
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
- <el-table-column label="备注" align="center" prop="remark" />
|
|
|
</el-table>
|
|
|
</el-col>
|
|
|
</el-row>
|
|
|
@@ -174,11 +185,17 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
+
|
|
|
+
|
|
|
+ <!-- <span slot="footer" class="dialog-footer">
|
|
|
+ <el-button type="primary" @click="cancel">关闭</el-button>
|
|
|
+ </span> -->
|
|
|
+
|
|
|
</el-dialog>
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
-import { getSelectById } from '@/api/order/orderMr'
|
|
|
+import { getSelectById } from '@/api/order/groupBuyingMr'
|
|
|
import { querySeatList } from '@/api/team/applicationMr'
|
|
|
import { pageList as getSeatType } from '@/api/seatTypeMr/seatTypeMr'
|
|
|
export default {
|
|
|
@@ -191,12 +208,40 @@ export default {
|
|
|
open: false,
|
|
|
loading: false,
|
|
|
form: {
|
|
|
- id: undefined,
|
|
|
+ id: undefined
|
|
|
},
|
|
|
+ corporateRremark:'',
|
|
|
performerVisible: false,
|
|
|
performerList: [],
|
|
|
refund: false,
|
|
|
+ statusList: {
|
|
|
+ 0: '待支付',
|
|
|
+ 2: '超时取消',
|
|
|
+ 3: '支付完成，待使用',
|
|
|
+ 4: '退款中',
|
|
|
+ 5: '己退款',
|
|
|
+ 6: '退款失败',
|
|
|
+ 7: '己使用',
|
|
|
+ 8: '己超期',
|
|
|
+ 9: '关闭',
|
|
|
+ },
|
|
|
+ payWayList: {
|
|
|
+ 'cahsh': '现金',
|
|
|
+ 'wecaht.applet': '微信小程序支付',
|
|
|
+ 'alipay': '支付宝OTA',
|
|
|
+ 'wecaht.h5': '微信公众号支付',
|
|
|
+ 'meituan': '美团支付',
|
|
|
+ 'corporate': '对公支付',
|
|
|
+ },
|
|
|
+ sourceList: {
|
|
|
+ 1: '小程序',
|
|
|
+ 2: '公众号',
|
|
|
+ 3: '美团',
|
|
|
+ 4: '携程',
|
|
|
+ 5: '团购',
|
|
|
+ },
|
|
|
dataList: [],
|
|
|
+ voucherUrl:[],
|
|
|
|
|
|
|
|
|
merchantTheatreAuditoriumListS: [], // 演出厅
|
|
|
@@ -218,7 +263,6 @@ export default {
|
|
|
justifyContent: false,
|
|
|
activeName: 'first',
|
|
|
seatTypeList: [],
|
|
|
-
|
|
|
loading_form: false,// 加载表单
|
|
|
loading_seta: false, // 加载座位
|
|
|
};
|
|
|
@@ -235,7 +279,6 @@ export default {
|
|
|
*/
|
|
|
openDialog(title, obj, type) {
|
|
|
this.open = true;
|
|
|
- this.form = {}
|
|
|
this.querySeatListS = [];
|
|
|
this.setList = [];
|
|
|
this.seatSelectList = [];
|
|
|
@@ -249,8 +292,12 @@ export default {
|
|
|
this.loading_seta = true // 加载座位
|
|
|
const id = row.id
|
|
|
let res = await getSelectById(id)
|
|
|
- this.seatSelectList = res.data.viewersList
|
|
|
- this.$set(this, "form", res.data)
|
|
|
+ this.seatSelectList = res.data.viewersOrderList
|
|
|
+ this.form = res.data;
|
|
|
+ if(res.data.corporate){
|
|
|
+ this.voucherUrl = res.data.corporate.voucherUrl.split(',')||[];
|
|
|
+ this.corporateRremark = res.data.corporate.remark;
|
|
|
+ }
|
|
|
this.loading_form = false// 加载表单
|
|
|
let res1 = await querySeatList({
|
|
|
auditoriumId: res.data.auditoriumId,
|
|
|
@@ -269,7 +316,7 @@ export default {
|
|
|
this.loading_form = false// 加载表单
|
|
|
this.loading_seta = false // 加载座位
|
|
|
}
|
|
|
-
|
|
|
+
|
|
|
},
|
|
|
/**
|
|
|
* 关闭弹框
|
|
|
@@ -383,42 +430,46 @@ export default {
|
|
|
width: 100%;
|
|
|
height: 70vh;
|
|
|
}
|
|
|
-
|
|
|
.dialog {
|
|
|
+ padding: 0 30px;
|
|
|
.upload-btn {
|
|
|
width: 100px;
|
|
|
height: 100px;
|
|
|
background-color: #fbfdff;
|
|
|
border: dashed 1px #c0ccda;
|
|
|
border-radius: 5px;
|
|
|
-
|
|
|
i {
|
|
|
font-size: 30px;
|
|
|
margin-top: 20px;
|
|
|
}
|
|
|
-
|
|
|
&-text {
|
|
|
margin-top: -10px;
|
|
|
}
|
|
|
}
|
|
|
-
|
|
|
.avatar {
|
|
|
cursor: pointer;
|
|
|
}
|
|
|
-
|
|
|
- .title-class {
|
|
|
+ .title-class{
|
|
|
font-size: 16px;
|
|
|
font-weight: bold;
|
|
|
color: black;
|
|
|
margin-bottom: 20px;
|
|
|
margin-top: 20px;
|
|
|
}
|
|
|
-
|
|
|
- .item-class {
|
|
|
+ .item-class{
|
|
|
margin-bottom: 20px;
|
|
|
}
|
|
|
}
|
|
|
|
|
|
+.voucher-list{
|
|
|
+ display: grid;
|
|
|
+ grid-template-columns: repeat(4, 1fr);
|
|
|
+ gap: 24rpx;
|
|
|
+}
|
|
|
+.pay-type-remark{
|
|
|
+ margin:14px 0;
|
|
|
+}
|
|
|
+
|
|
|
.dialog-bbb {
|
|
|
width: 100%;
|
|
|
display: flex;
|
