Skip to content

B
bigwood
Commit bd48c688 authored by 沈良进's avatar 沈良进
Browse files
Options

save

parent 8a0c9f68
Hide whitespace changes
Inline Side-by-side
Showing with 112 additions and 299 deletions
src/pages/travel/components/OrderList.vue
View file @ bd48c688
<template>
<div>
<q-card
class="light-shadow q-pa-md bg-white rounded-borders q-mb-md"
flat
:class="$q.platform.is.desktop ? 'row' : ''"
v-for="(x, index) in orders"
>
<div class="col-2">
<div class="mb-title">
<i class="iconfont icon-biaoti1"></i><span>包机信息</span>
</div>
<div>
订单编号：<span>{{ x.orderId }}</span>
</div>
<div>
团号：<span>{{ x.tcnum }}</span>
</div>
<!-- <div>
：<span>{{ x.tcid }}</span>
</div> -->
<!-- <div>
状态id：<span>{{ x.status }}</span>
</div>
<div>
订单状态：<span>{{ x.orderState }}</span>
</div> -->
<div>
订单状态：<span>{{ x.statsstr }}</span>
</div>
<!-- <div>
：<span>{{ x.isEnd }}</span>
</div> -->
<div>
是否入定金单 1是 2否：<span>{{ x.isHaveFinance }}</span>
</div>
<!-- <div>
：<span>{{ x.zaiTuMoney }}</span>
</div>
<div>
：<span>{{ x.discountMoney }}</span>
</div>
<div>
：<span>{{ x.redEnvelopeMoney }}</span>
</div>
<div>
：<span>{{ x.couponAllotIds }}</span>
</div>
<div>
：<span>{{ x.couponAllotList }}</span>
</div>
<div>
：<span>{{ x.dueInMoney }}</span>
</div>
<div>
：<span>{{ x.compensationMoney }}</span>
</div> -->
<!-- <div>
：<span>{{ x.airConfirm }}</span>
</div>
<div>
：<span>{{ x.createByName }}</span>
</div> -->
<div>
下单时间：<span>{{ x.createDate }}</span>
</div>
<div>
订单来源：<span>{{ x.orderSource }}</span>
</div>
<!-- <div>
：<span>{{ x.leaveStr }}</span>
</div>
<div>
：<span>{{ x.lureEmpName }}</span>
</div> -->
<!-- <div>
：<span>{{ x.orderTypeName }}</span>
</div>
<div>
：<span>{{ x.receivableMoney }}</span>
</div>
<div>
：<span>{{ x.guestList }}</span>
</div>
<div>
：<span>{{ x.cancelGuestList }}</span>
</div>
<div>
：<span>{{ x.photoNum }}</span>
</div>
<div>
：<span>{{ x.remarksName }}</span>
</div>
<div>
：<span>{{ x.rematksTime }}</span>
</div>
<div>
：<span>{{ x.remarksList }}</span>
</div>
<div>
：<span>{{ x.ySeatNum }}</span>
</div>
<div>
：<span>{{ x.eSeatNum }}</span>
</div>
<div>
：<span>{{ x.fSeatNum }}</span>
</div>
<div>
：<span>{{ x.waitingESeatNum }}</span>
</div>
<div>
：<span>{{ x.waitingFSeatNum }}</span>
</div>
<div>
：<span>{{ x.waitingYSeatNum }}</span>
</div>
<div>
：<span>{{ x.waitENum }}</span>
</div>
<div>
：<span>{{ x.waitFNum }}</span>
</div>
<div>
：<span>{{ x.waitYNum }}</span>
</div>
<div>
：<span>{{ x.confirmFileList }}</span>
</div>
<div>
：<span>{{ x.oP_Remarks }}</span>
</div>
<div>
：<span>{{ x.opSetLossPeople }}</span>
</div>
<div>
：<span>{{ x.opSetLossMoney }}</span>
</div>
<div>
：<span>{{ x.isChargeLossOrders }}</span>
</div>
<div>
：<span>{{ x.tipMoney }}</span>
</div>
<div>
：<span>{{ x.opTipMoney }}</span>
</div>
<div>
：<span>{{ x.latestCommissionMoney }}</span>
</div>
<div>
：<span>{{ x.tsId }}</span>
</div>
<div>
：<span>{{ x.tsIdList }}</span>
</div>
<div>
：<span>{{ x.platformAccount }}</span>
</div>
<div>
：<span>{{ x.platformAccountTypeId }}</span>
</div>
<div>
：<span>{{ x.teamType }}</span>
</div>
<div>
：<span>{{ x.orderForm }}</span>
</div>
<div>
：<span>{{ x.isCanClear }}</span>
</div>
<div>
：<span>{{ x.orderGuestHouseStr }}</span>
</div>
<div>
：<span>{{ x.refuseVisaNum }}</span>
</div> -->
<!-- <div>
：<span>{{ x.orderSourceName }}</span>
</div>
<div>
：<span>{{ x.operationState }}</span>
</div>
<div>
：<span>{{ x.scoreNum }}</span>
</div>
<div>
：<span>{{ x.oneSex }}</span>
</div>
<div>
：<span>{{ x.contractNum }}</span>
</div>
<div>
：<span>{{ x.isFormB2B }}</span>
</div>
<div>
：<span>{{ x.quotationUrl }}</span>
</div>
<div>
：<span>{{ x.standardCurrencyName }}</span>
</div> -->
<q-card class="light-shadow q-pa-md bg-white rounded-borders q-mb-md" flat v-for="(x,index) in orders" :key="index">
<div class="row items-center desktop-only">
<div class="f12 text-grey-6">{{ $t('hotelorder.search.orderNum') }}：{{ x.orderId }}</div>
<div class="col text-center f12 text-grey-6">
<span>{{ $t('hotelorder.search.contactInfo') }}：{{ x.contactName }}/{{
x.contactMobile
}}</span>
</div>
<div class="f12 text-grey-6">{{ $t('hotelorder.createTime') }}：{{ x.createDate }}</div>
</div>
<div class="col-4">
<div class="mb-title"><i class="iconfont icon-hangban1"></i><span>包团信息</span></div>
<div>
出团公司id：<span>{{ x.outBranchId }}</span>
</div>
<!-- <div>
：<span>{{ x.clientSource }}</span>
</div> -->
<div>
发团日期：<span>{{ x.startDate }}</span>
</div>
<div>
团返程日期：<span>{{ x.backDate }}</span>
</div>
<div>
备注：<span>{{ x.remarks }}</span>
</div>
<div class="reactive">
<div class="q-mt-md row">
<q-table separator="cell" :hide-bottom="!x.Remark||!x.isMore" :pagination="{ rowsPerPage: 100 }" dense :rows="x.rows"
bordered :columns="cols" class="sticky-rightrowspan-column-table light-border col no-shadow">
</q-table>
</div>
<div class="q-my-md">备注: {{x.remarks}}</div>
</div>
<div class="col-2">
<div>
<div class="mb-title">
<i class="iconfont icon-jiage"></i><span>旅客信息</span>
<div class="q-mt-md"
:class="{ row: $q.platform.is.desktop, 'column reverse': $q.platform.is.mobile }">
<div class="pay row text-grey rounded-borders q-pa-md"
:class="{ 'bg-grey-2': $q.platform.is.mobile }">
<svg-icon color=" svg-red" icon="Code/Warning-1-circle.svg" :size="16"
v-if="$q.platform.is.desktop"></svg-icon>
<div class="q-ml-sm">
</div>
<div>
客人名称：<span>{{ x.contactName }}</span>
</div>
<div>
客人联系电话：<span>{{ x.contactMobile }}</span>
</div>
<div>
旅客录入人数：<span>{{ x.entGuestNum }}</span>
</div>
<div>
<!-- 1录入完毕 2录入部门 3没有录入 -->
人数状态：<span>{{ ['','录入完毕','录入部分','没有录入',][x.guestNumStatus] }}</span>
</div>
<div>
老人：<span>{{ x.oldPeopleNum }}</span>
</div>
<div>
成年人：<span>{{ x.manNum }}</span>
</div>
<div>
婴儿：<span>{{ x.babyNum }}</span>
</div>
<div>
儿童：<span>{{ x.chirdNum }}</span>
</div>
<div>
机票：<span>{{ x.airticketNum }}</span>
</div>
<div>
顾客数量：<span>{{ x.guestNum }}</span>
</div>
</div>
</div>
<div class="col-3">
<div class="mb-title">
<i class="iconfont icon-jiage"></i><span>价格信息</span>
</div>
<div>
成交单价：<span>{{ x.unit_Price }}</span>
</div>
<div>
本团单价：<span>{{ x.tC_Price }}</span>
</div>
<div>
支付方式：<span>{{ ['','线上','-线下'][x.tradeWay] }}</span>
</div>
<!-- <div>
平台单号：<span>{{ x.platformOrder }}</span>
</div> -->
<!-- <div>
：<span>{{ x.brandName }}</span>
</div> -->
<div>
应收总额：<span>{{ x.preferPrice }}</span>
</div>
<!-- <div>
：<span>{{ x.configId }}</span>
</div>
<div>
：<span>{{ x.refund }}</span>
<div class="col desktop-only"></div>
<div class="rounded-borders bg-grey-2 q-pa-md"
:class="{ 'q-mx-md': $q.platform.is.desktop, 'q-mt-md': $q.platform.is.mobile }">
<div class="row items-center justify-between q-mb-sm q-pb-sm" style="border-bottom: 1px dashed #ddd">
<div class="f12 text-grey">{{ $t('hotelorder.orderMoney') }}</div>
<div class="dark q-ml-xl">
<!-- <span class="f12">{{ $t('unit.jpc') }}</span> -->
<span class="din text-subtitle1">{{ moneyFormat(x.preferPrice) }}</span>
<!-- <span class="f12">{{ $t('unit.jp') }}</span> -->
</div>
</div>
<div class="row items-center justify-between q-mb-sm q-pb-sm" style="border-bottom: 1px dashed #ddd">
<div class="f12 text-grey">已收金额</div>
<div class="dark q-ml-xl">
<!-- <span class="f12">{{ $t('unit.jpc') }}</span> -->
<span class="din text-subtitle1">{{ moneyFormat(x.income) }}</span>
<!-- <span class="f12">{{ $t('unit.jp') }}</span> -->
</div>
</div>
<div class="row items-center justify-between q-mb-sm q-pb-sm" style="border-bottom: 1px dashed #ddd"
v-if="x.CustomerPayType == 1 || x.CustomerPayType == 3">
<div class="f12 text-grey">{{ $t('hotelorder.payType.t1') }}</div>
<div class="dark">
<span class="f12">{{ moneyFormat(x.SelfPayMoney) }}</span>
<span class="f12">{{ $t('unit.jp') }}</span>
</div>
</div>
<div class="row items-center justify-between" v-if="x.CustomerPayType == 2 || x.CustomerPayType == 3">
<div class="f12 text-grey">{{ $t('hotelorder.payType.t2') }}</div>
<div class="dark">
<span class="f12">{{ moneyFormat(x.BeforeMoney) }}</span>
<span class="f12">{{ $t('unit.jp') }}</span>
</div>
</div>
</div>
<div>
：<span>{{ x.platformTax }}</span>
</div> -->
<div>
已收金额：<span>{{ x.income }}</span>
<div class="rounded-borders q-pa-sm justify-between"
:class="{ column: $q.platform.is.desktop, 'row items-center': $q.platform.is.mobile, 'bg-green-1': x.OrderStatus != 1, 'bg-grey-2': x.OrderStatus == 1 }">
<q-list dense v-if="x.OrderStatus == 1"
:class="{ 'row items-center justify-between full-width': $q.platform.is.mobile }">
<q-item class="text-negative" clickable v-close-popup @click="cancelConfirmHandler(x.OrderId)">
<q-item-section>
<q-item-label>{{ $t('hotelorder.opera.cancel') }}</q-item-label>
</q-item-section>
</q-item>
<q-item class="text-primary" clickable v-close-popup @click="modify(x.OrderId)">
<q-item-section>
<q-item-label>{{ $t('hotelorder.opera.edit') }}</q-item-label>
</q-item-section>
</q-item>
<q-item class="text-positive" clickable v-close-popup @click="goUrl(x.OrderId)">
<q-item-section>
<q-item-label>{{ $t('v101.Listofquotation.baojiadan') }}</q-item-label>
</q-item-section>
</q-item>
<!-- <q-item class="text-dark" clickable v-close-popup>
<q-item-section>
<q-item-label>{{ $t('hotelorder.opera.view') }}</q-item-label>
</q-item-section>
</q-item> -->
</q-list>
</div>
</div>
<!-- <div class="col-1">
<q-btn color="primary" unelevated @click="ViewPayment(x)">下单</q-btn>
<q-btn color="primary" unelevated @click="gotoUrl(x)">包机结算</q-btn>
</div> -->
</q-card>
<q-card
class="light-shadow q-pa-md bg-white rounded-borders q-mb-md"
......@@ -378,6 +175,27 @@ export default defineComponent({
},
loadingCel: false,
loading: false,
columnsT: [
{ name: 'calories', align: 'center', label: 'Calories', field: 'calories', sortable: true },
{ name: 'fat', label: 'Fat (g)', field: 'fat', sortable: true },
{ name: 'carbs', label: 'Carbs (g)', field: 'carbs' },
{ name: 'protein', label: 'Protein (g)', field: 'protein' },
{ name: 'sodium', label: 'Sodium (mg)', field: 'sodium' },
{ name: 'calcium', label: 'Calcium (%)', field: 'calcium', sortable: true },
{ name: 'iron', label: 'Iron (%)', field: 'iron', sortable: true}
],
cols: [
{ name: 'startDate', field: 'startDate', label: "发团日期", align: 'left' },
{ name: 'oldPeopleNum', field: 'oldPeopleNum', label: '老人', align: 'left' },
{ name: 'manNum', field: 'manNum', label: '成年人', align: 'left' },
{ name: 'babyNum', field: 'babyNum', label: '婴儿', align: 'left' },
{ name: 'chirdNum', field: 'chirdNum', label: '儿童', align: 'left' },
{ name: 'guestNum', field: 'guestNum', label: '顾客数量', align: 'left' },
{ name: 'unit_Price', field: 'unit_Price', label: '成交单价', align: 'left' },
{ name: 'tC_Price', field: 'tC_Price', label: '本团单价', align: 'left' },
{ name: 'tradeWay', field: 'tradeWay', label: '支付方式', align: 'left' },
// { name: 'remarks', field: 'remarks', label: '备注', align: 'left' },
] as any,
});
const methods = {
......@@ -443,17 +261,12 @@ export default defineComponent({
.then((r) => {
data.loading = false;
if (r.data.resultCode == ApiResult.SUCCESS) {
// r.data.data.pageData.forEach((x: any) => {
// x.typeInfo = data.status.find(y => y.StatusId == x.OrderStatus) ?? data.status[1]
// x.SendType = data.sends.find(y => y.Id == x.MailingState) ?? data.sends[0]
// x.Money = 0
// let Money = 0
// x.DetailList.forEach((y:any)=>{
// Money+=y.Money
// })
// x.Money= Number(Money+x.MailingMoney)
// })
data.orders = r.data.data.pageData;
data.orders.forEach(item => {
item.rows = [toRaw(item)]
item.tradeWay = item.tradeWay === 1 ? '线上' : '线下'
})
console.log('data.orders', data.orders)
data.pages.pageCount = r.data.data.pageCount;
} else {
message.errorMsg(r.data.message);
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment