Skip to content

M
million
Commit b2f20ed0 authored by 黄奎's avatar 黄奎
Browse files
Options

11

parent 0c8b6b81
Show whitespace changes
Inline Side-by-side
Showing with 773 additions and 910 deletions
src/pages/didaHotel/orderForm.vue
View file @ b2f20ed0
<template>
<div class="content-page order-preview">
<q-stepper
v-model="step"
ref="stepper"
color="primary"
inactive-color="grey-5 "
class="bg-transparent"
flat
animated
>
<q-step
:name="1"
title="確認訂單"
icon="settings"
:done="step > 1"
></q-step>
<q-stepper v-model="step" ref="stepper" color="primary" inactive-color="grey-5 " class="bg-transparent" flat
animated>
<q-step :name="1" title="確認訂單" icon="settings" :done="step > 1"></q-step>
<q-step
:name="2"
title="付款"
icon="iconfont iconPayment-1"
:done="step > 2"
></q-step>
<q-step :name="2" title="付款" icon="iconfont iconPayment-1" :done="step > 2"></q-step>
<q-step
:name="3"
title="訂購完成"
icon="iconfont iconicon_finish_R"
:done="step == 3"
></q-step>
<q-step :name="3" title="訂購完成" icon="iconfont iconicon_finish_R" :done="step == 3"></q-step>
</q-stepper>
<div
class="row q-pa-md"
style="min-width: 375px; margin: 0 auto"
:class="{
<div class="row q-pa-md" style="min-width: 375px; margin: 0 auto" :class="{
row: $q.screen.width >= 1200 && $q.platform.is.desktop,
column: $q.screen.width < 1200 || $q.platform.is.mobile,
}"
>
}">
<div class="col">
<q-form ref="baseUserInfo">
<q-card flat class="q-pa-md">
......@@ -45,26 +19,13 @@
<q-separator color="grey-2" class="q-my-md" />
<div class="row q-col-gutter-md">
<div :class="filedWidth">
<q-select
v-model="userInfo.Country"
@input="changeCountry"
:options="countrys"
emit-value
option-label="Name"
option-value="ID"
map-options
label="國家/地區"
standout
/>
<q-select v-model="userInfo.Country" @input="changeCountry" :options="countrys" emit-value
option-label="Name" option-value="ID" map-options label="國家/地區" standout />
</div>
<div :class="filedWidth">
<q-input
standout
v-model="userInfo.Mailbox"
label="郵箱地址"
<q-input standout v-model="userInfo.Mailbox" label="郵箱地址"
:rules="[(val) => /^[a-zA-Z0-9]+([-_.][A-Za-zd]+)*@([a-zA-Z0-9]+[-.])+[A-Za-zd]{2,5}$/.test(val) || '請輸入正確的郵箱地址']"
ref="mail"
/>
ref="mail" />
</div>
</div>
</q-card>
......@@ -74,18 +35,9 @@
<div class="row">
<q-img v-if="details.imageList&&details.imageList.length"
:src="details.imageList&&details.imageList.length?details.imageList[0]:'https://image.kkday.com/v2/image/get/s1.kkday.com/product_138437/20230217083232_t5rcO/jpg'"
class="rounded-borders"
spinner-color="grey-3"
spinner-size="20px"
style="width: 80px; height: 80px"
/>
<q-img v-else
src="../../assets/img/errImg.png"
class="rounded-borders"
spinner-color="grey-3"
spinner-size="20px"
style="width: 80px;"
/>
class="rounded-borders" spinner-color="grey-3" spinner-size="20px" style="width: 80px; height: 80px" />
<q-img v-else src="../../assets/img/errImg.png" class="rounded-borders" spinner-color="grey-3"
spinner-size="20px" style="width: 80px;" />
<div class="q-ml-md col">
<div class="text-subtitle1 ellipsis">
{{OrderDate.detail.Name_CN}}
......@@ -111,7 +63,8 @@
<span class="fz15 text-weight-bold">
{{ msg.roomOptionCd.RoomName_CN }}
</span>
<span class="fz13 text-grey-6 q-ml-sm" v-if="roomRateDetails.RatePlanList && roomRateDetails.RatePlanList.length > 0">
<span class="fz13 text-grey-6 q-ml-sm"
v-if="roomRateDetails.RatePlanList && roomRateDetails.RatePlanList.length > 0">
{{ getRoomType(roomRateDetails.RatePlanList[0].BedType) }}
<template v-for="( itemp, indexp ) in roomRateDetails.RatePlanList[0].PriceList">
<template v-if="!indexp">
......@@ -125,7 +78,7 @@
)
</span>
<span class="text-grey-9">
<q-icon name="iconfont jinggao1" size="20px"/><span>
<q-icon name="iconfont jinggao1" size="20px" /><span>
<template v-if="roomRateDetails&&roomRateDetails.RatePlanList.length">
<template v-for="(item, index) in roomRateDetails.RatePlanList">
僅剩{{item.InventoryCount}}間
......@@ -165,54 +118,28 @@
</div>
<q-separator color="grey-2" class="q-mt-md" />
<div
class="bg-grey-1 rounded-borders q-pa-md q-mt-md guest-item"
>
<div class="bg-grey-1 rounded-borders q-pa-md q-mt-md guest-item">
<div class="text-subtitle1 q-pb-md text-weight-bold"></div>
<div class="row q-col-gutter-md">
<div :class="filedGuestWidth">
<q-input
standout
v-model="parameters.guestLastName"
label="本國姓"
placeholder="例：張"
:rules="[(val) => !!val || '請輸本國姓']"
ref="SurName"
/>
<q-input standout v-model="parameters.guestLastName" label="本國姓" placeholder="例：張"
:rules="[(val) => !!val || '請輸本國姓']" ref="SurName" />
</div>
<div :class="filedGuestWidth">
<q-input
standout
v-model="parameters.guestFirstName"
label="本國名"
placeholder="例：三"
:rules="[(val) => !!val || '請輸本國名']"
ref="Name"
/>
<q-input standout v-model="parameters.guestFirstName" label="本國名" placeholder="例：三"
:rules="[(val) => !!val || '請輸本國名']" ref="Name" />
</div>
<div :class="filedGuestWidth">
<q-input
standout
v-model="parameters.guestPhoneNumber"
label="電話"
:rules="[(val) => !!val || '請輸正確電話']"
ref="Mobile"
mask="#"
reverse-fill-mask
>
<q-input standout v-model="parameters.guestPhoneNumber" label="電話"
:rules="[(val) => !!val || '請輸正確電話']" ref="Mobile" mask="#" reverse-fill-mask>
<template v-slot:prepend>
<div class="text-subtitle2">+{{ userInfo.areaCode }}</div>
</template>
</q-input>
</div>
<div :class="filedGuestWidth">
<q-input
standout
v-model="parameters.guestAddress"
label="當前地址"
:rules="[(val) => !!val || '請輸當前地址']"
ref="guestAddress"
></q-input>
<q-input standout v-model="parameters.guestAddress" label="當前地址" :rules="[(val) => !!val || '請輸當前地址']"
ref="guestAddress"></q-input>
</div>
<!-- <div :class="filedGuestWidth">
<q-input
......@@ -238,98 +165,56 @@
</div>
</div>
<q-separator color="grey-2" class="q-mt-md" />
<div
class="bg-grey-1 rounded-borders q-pa-md q-mt-md guest-item"
v-for="(x,i) in parameters.GuestList"
:key="i"
>
<div class="bg-grey-1 rounded-borders q-pa-md q-mt-md guest-item" v-for="(x,i) in parameters.GuestList"
:key="i">
<div class="text-subtitle1 q-pb-md text-weight-bold">
房間{{ x.RoomNum }}
</div>
<div class="row q-col-gutter-md" v-for="(y,index) in x.GuestInfo"
:class="[index!=x.GuestInfo.length-1?'q-mb-md':'']">
<div :class="filedGuestWidth">
<q-input
standout
v-model="y.LastName"
label="英文姓"
placeholder=""
mask="A"
reverse-fill-mask
:ref="`guest${i}_${index}Male`"
/>
<q-input standout v-model="y.LastName" label="英文姓" placeholder="" mask="A" reverse-fill-mask
:ref="`guest${i}_${index}Male`" />
</div>
<div :class="filedGuestWidth">
<q-input
standout
v-model="y.FirstName"
label="英文名"
placeholder=""
mask="A"
reverse-fill-mask
:ref="`guest${i}_${index}Female`"
/>
<q-input standout v-model="y.FirstName" label="英文名" placeholder="" mask="A" reverse-fill-mask
:ref="`guest${i}_${index}Female`" />
</div>
<div :class="filedGuestWidth">
<q-input
standout
v-model="y.Age"
label="年龄(兒童必填)"
placeholder=""
mask="#"
reverse-fill-mask
:disable="!y.isChild?true:false"
/>
<q-input standout v-model="y.Age" label="年龄(兒童必填)" placeholder="" mask="#" reverse-fill-mask
:disable="!y.isChild?true:false" />
<!-- :rules="[(val) => !!val || '請輸儿童數']" -->
</div>
</div>
</div>
<div class="text-subtitle1 q-my-md text-weight-bold">特殊需求備註：</div>
<q-input standout v-model="parameters.guestRequest" input-style="height:170px;" type="textarea" placeholder="此欄位僅限資料備註。不在商品規範內的個人需求，不保證提供" maxlength="200" counter />
<q-input standout v-model="parameters.guestRequest" input-style="height:170px;" type="textarea"
placeholder="此欄位僅限資料備註。不在商品規範內的個人需求，不保證提供" maxlength="200" counter />
</q-card>
</q-form>
<coupon
v-if="sumPrice>0"
:product-type="productType"
:current-price="sumPrice"
@change="changeDiscountHandler"
></coupon>
<coupon v-if="sumPrice>0" :product-type="productType" :current-price="sumPrice" @change="changeDiscountHandler">
</coupon>
</div>
<div class="relative-position" v-if="details"
:class="{
<div class="relative-position" v-if="details" :class="{
'q-ml-lg': !($q.screen.width < 1200 || $q.platform.is.mobile),
'q-mt-lg full-width': $q.screen.width < 1200 || $q.platform.is.mobile,
}"
>
<div
class="rounded-borders bg-white q-pa-md"
style="width: 300px"
:style="{
}">
<div class="rounded-borders bg-white q-pa-md" style="width: 300px" :style="{
width:
$q.screen.width < 1200 || $q.platform.is.mobile
? 'unset'
: '300px',
position:$q.platform.is.mobile?'unset':'sticky',
top:$q.platform.is.mobile?'unset':'50px',
}"
>
}">
<div class="text-subtitle1 text-weight-bolder">付款明細</div>
<div class="row q-mt-md">
<q-img v-if="details&&details.imageList.length"
:src="details.imageList&&details.imageList.length?details.imageList[0]:'https://image.kkday.com/v2/image/get/s1.kkday.com/product_138437/20230217083232_t5rcO/jpg'"
class="rounded-borders"
spinner-color="grey-3"
style="width: 80px"
/>
<q-img v-else
src="../../assets/img/errImg.png"
class="rounded-borders"
spinner-color="grey-3"
spinner-size="20px"
style="width: 80px;"
/>
class="rounded-borders" spinner-color="grey-3" style="width: 80px" />
<q-img v-else src="../../assets/img/errImg.png" class="rounded-borders" spinner-color="grey-3"
spinner-size="20px" style="width: 80px;" />
<div class="q-ml-md col">
<div class="text-subtitle1 ellipsis">
{{OrderDate.detail.Name_CN}}
......@@ -340,7 +225,7 @@
</div>
</div>
<!-- v-if="details.roomRateDetails" -->
<div class="q-mt-md text-grey-6" >
<div class="q-mt-md text-grey-6">
<div class="row">
<div style="width: 80px">
入住時間：
......@@ -350,7 +235,7 @@
</div>
</div>
</div>
<q-separator color="grey-2" class="q-my-md"/>
<q-separator color="grey-2" class="q-my-md" />
<div class="text-grey-9">
<template v-for="(x,i) in parameters.GuestList">
<div class="row justify-between q-mb-sm">
......@@ -367,10 +252,7 @@
</div>
</template>
</template>
<hr
style="border: none; border-top: 1px dashed #eee !important"
class="bg-transparent q-mb-sm"
/>
<hr style="border: none; border-top: 1px dashed #eee !important" class="bg-transparent q-mb-sm" />
<div class="row q-mb-sm items-center">
<div class="col">總金額</div>
<div class="text-subtitle2 text-weight-bolder text-primary">
......@@ -396,36 +278,35 @@
</div>
</div>
<div class="text-right q-mt-md" v-if="step!=3">
<q-btn v-if="step!=3" unelevated color="primary"
:loading="loading" :label="step!=3?'立即支付':'已支付'" @click="submit()"
:disable="step!=3&&loading"/>
<q-btn v-else unelevated color="primary" label=""/>
<q-btn v-if="step!=3" unelevated color="primary" :loading="loading" :label="step!=3?'立即支付':'已支付'"
@click="submit()" :disable="step!=3&&loading" />
<q-btn v-else unelevated color="primary" label="" />
</div>
</div>
</div>
</div>
<div v-if="!orderKey || orderKey == ''" class="text-center q-my-xl">
<none-data
iconType="order"
title="沒有找到您的訂單信息哦"
subtitle="趕緊去挑選心儀的旅遊產品吧,三秒後自動跳轉到首頁"
></none-data>
<none-data iconType="order" title="沒有找到您的訂單信息哦" subtitle="趕緊去挑選心儀的旅遊產品吧,三秒後自動跳轉到首頁"></none-data>
</div>
<auth></auth>
</div>
</template>
<script>
import NoneData from "src/components/common/noneData.vue";
import auth from "src/components/common/auth.vue";
import { date } from 'quasar'
import { json } from "body-parser";
import coupon from 'src/components/common/coupon.vue'
import ProductTypeEnum from "src/utils/producttypeenum";
export default {
components:{
import NoneData from "src/components/common/noneData.vue";
import auth from "src/components/common/auth.vue";
import {
date
} from 'quasar'
import {
json
} from "body-parser";
import coupon from 'src/components/common/coupon.vue'
import ProductTypeEnum from "src/utils/producttypeenum";
export default {
components: {
coupon,
NoneData,
auth
......@@ -433,13 +314,13 @@ export default {
data() {
return {
CouponIds: [],
productType: 8,
sumPrice: 0,//总金额
order: null,//订单信息
productType: 9, //道旅酒店
sumPrice: 0, //总金额
order: null, //订单信息
orderKey: "",
optionObj: null,//类型
details: null,//产品详情
options: {//音频控件
optionObj: null, //类型
details: null, //产品详情
options: { //音频控件
currentPage: 0,
speed: 300,
itemAnimation: true,
......@@ -450,7 +331,7 @@ export default {
slidesToScroll: 1,
loop: true,
},
OrderDate: null,//接收产品相关信息
OrderDate: null, //接收产品相关信息
step: 1,
userInfo: {
Country: 0,
......@@ -462,7 +343,7 @@ export default {
countrys: [],
areaCodes: [],
loading: false,
msg:{
msg: {
sort: 1,
displayFrom: 1,
CheckInDate: "",
......@@ -484,19 +365,19 @@ export default {
CheckInDateQ: '',
price: 0,
guest: {
roomCount: 0,//房间编号
roomMaleCount:0,
roomFemaleCount:0,
roomChildCount:0,
roomInfantCount:0,
rateGroup:[]
roomCount: 0, //房间编号
roomMaleCount: 0,
roomFemaleCount: 0,
roomChildCount: 0,
roomInfantCount: 0,
rateGroup: []
},
chekedChildCount: 0,
TotalChildCount: 0,
isBaoChild: true,
isShowTime: true,
price: 0,
SettlementPrice: 0,//实付
SettlementPrice: 0, //实付
parameters: {
EmployeeIdStr: "",
CheckInDate: "",
......@@ -515,19 +396,19 @@ export default {
TotalPrice: 0,
CustomerPayMoney: 0,
DiscountMoney: 0,
OrderSource: 2,
OrderSource: 4,
OrderForm: 1,
//备注
guestRequest: "",
hotelId: '',
roomType: 0,
RoomName:"",//房型名称
RoomName: "", //房型名称
},
TotalPeople: 0,//总人数
HotelRoomTypes: [],//道旅床类型
HotelMealTypes: [],//道旅餐食类型
TotalPeople: 0, //总人数
HotelRoomTypes: [], //道旅床类型
HotelMealTypes: [], //道旅餐食类型
DanWei: '',//单位
DanWei: '', //单位
};
},
computed: {
......@@ -546,7 +427,7 @@ export default {
},
created() {},
mounted() {
if(this.checkParamsHandler()){
if (this.checkParamsHandler()) {
this.getData()
}
......@@ -658,7 +539,6 @@ export default {
this.dataList = res.data.data.PriceDetails;
this.roomRateDetails = res.data.data.PriceDetails.HotelList[0];
this.parameters.BookingID = res.data.data.PriceDetails.ReferenceNo;
// this.parameters.CheckInDate = res.data.data.PriceDetails.CheckInDate;
this.parameters.TotalPrice = this.roomRateDetails.TotalPrice;
this.parameters.RoomCount = this.msg.RoomCount;
this.DanWei = res.data.data.PriceDetails.HotelList[0].RatePlanList[0].Currency;
......@@ -679,13 +559,15 @@ export default {
this.sumPrice = 0
this.roomRateDetails.RatePlanList[0].PriceList.forEach((item) => {
this.sumPrice+= (this.parameters.GuestList.length*Number(item.Price))
this.sumPrice += (this.parameters.GuestList.length * Number(item.Price))
this.Price = Number(item.Price)
})
} else {
this.$message.error(res.data.message)
this.CommonJump(`/detailHotalDida/${this.msg.hotelId}/${this.OrderDate.MinPrice}/${encodeURIComponent(this.msg.CheckInDate)}/${encodeURIComponent(this.msg.CheckOutDate)}`,
{orderKey:this.orderKey});
this.CommonJump(
`/detailHotalDida/${this.msg.hotelId}/${this.OrderDate.MinPrice}/${encodeURIComponent(this.msg.CheckInDate)}/${encodeURIComponent(this.msg.CheckOutDate)}`, {
orderKey: this.orderKey
});
}
},
......@@ -723,17 +605,17 @@ export default {
this.parameters.RoomName = this.msg.roomOptionCd.RoomName_CN
this.parameters.GuestList = []
this.msg.searchroomGroup.forEach((x,index)=>{
this.numberOfAdults+=Number(x.numberOfAdults)
this.numberOfChildren+=Number(x.numberOfChildren)
this.msg.searchroomGroup.forEach((x, index) => {
this.numberOfAdults += Number(x.numberOfAdults)
this.numberOfChildren += Number(x.numberOfChildren)
var guestInfoList = [];
let allprople = x.numberOfAdults + x.numberOfChildren
for (let i = 0; i < allprople; i++) {
let obj = {
LastName: "",
FirstName: "",
Age: i<x.numberOfAdults?'':x.ChildAgeDetails,
isChild: i<x.numberOfAdults?false:true
Age: i < x.numberOfAdults ? '' : x.ChildAgeDetails,
isChild: i < x.numberOfAdults ? false : true
};
guestInfoList.push(obj);
}
......@@ -760,116 +642,96 @@ export default {
},
async submit() {
//判断选择的人数与入住人数
let Count1=0
let Count1 = 0
let roomGroup = this.parameters.GuestList
roomGroup.forEach(x=>{
Count1+= Number(x.numberOfAdults)+Number(x.numberOfChildren)
roomGroup.forEach(x => {
Count1 += Number(x.numberOfAdults) + Number(x.numberOfChildren)
})
let Count2=this.numberOfChildren?this.numberOfChildren:0;
Count2+= Number(this.numberOfAdults);
if(Count1!=Count2){
let Count2 = this.numberOfChildren ? this.numberOfChildren : 0;
Count2 += Number(this.numberOfAdults);
if (Count1 != Count2) {
this.$message.error('入住人數與總入住數不匹配');
return;
}
for (let i = 0; i < roomGroup.length; i++) {
if(!roomGroup[i].numberOfAdults){
if (!roomGroup[i].numberOfAdults) {
this.$message.error('一個房間至少入住一人');
return;
}
}
this.parameters.CustomerId = this.userInfo.Id;
this.parameters.EmployeeIdStr = this.userInfo.Id;//`${this.userInfo.Surname?this.userInfo.Surname:''}${this.userInfo.Name?this.userInfo.Name:' '}`
this.parameters.EmployeeIdStr = this.userInfo.Id;
this.$refs.mail.validate()
this.$refs.SurName.validate()
this.$refs.Name.validate()
this.$refs.Mobile.validate()
this.$refs.guestAddress.validate()
// this.$refs.CheckInDate.validate()
this.parameters.guestEmail = this.userInfo.Mailbox
for (let i = 0; i < this.parameters.GuestList.length; i++) {
let GuestList = this.parameters.GuestList[i]
for (let j = 0; j < GuestList.GuestInfo.length; j++) {
let GuestInfo = GuestList.GuestInfo[j]
if(GuestInfo.LastName==''||GuestInfo.FirstName==''){
if (GuestInfo.LastName == '' || GuestInfo.FirstName == '') {
this.$message.error('請填寫姓或名');
return;
}
}
}
let flag = true
flag = await this.formValidateHandler('baseUserInfo')
if(!flag){
let errorObj = this.$refs.baseUserInfo.getValidationComponents().find(x=>x.innerError)
window.scrollTo(0,errorObj.$el.offsetTop)
}else{
this.SetCarOrder()
if (!flag) {
let errorObj = this.$refs.baseUserInfo.getValidationComponents().find(x => x.innerError)
window.scrollTo(0, errorObj.$el.offsetTop)
} else {
this.AddOrderInfo()
}
},
async formValidateHandler(formName){
let temp=this.$refs[formName]
async formValidateHandler(formName) {
let temp = this.$refs[formName]
let formObj = temp instanceof Array ? temp[0] : temp
return formObj.validate()
},
SetCarOrder(){
this.loading = true
AddOrderInfo() {
this.loading = true;
this.apipost(
"dmc_post_GetDiDaBookingConfirm",
this.parameters,
(r) => {
if (r.data.resultCode == 1) {
this.step = 2
let ErpOrderId = r.data.data.Id
this.AddOrderInfo(ErpOrderId)
}else{
this.$message.error(r.data.message)
this.loading = false
}
})
},
AddOrderInfo(ErpOrderId){
let Name = this.parameters.guestLastName+this.parameters.guestFirstName
this.apipost(
"AddOrderInfo_post",
{
SurName: this.parameters.guestLastName?this.parameters.guestLastName:this.userInfo.Surname,
Name: this.parameters.guestFirstName?this.parameters.guestFirstName:this.userInfo.Name,
ContactNumber: this.parameters.guestPhoneNumber?this.parameters.guestPhoneNumber:this.userInfo.Mobile,// 联系电话
Mailbox: this.parameters.guestEmail?this.parameters.guestEmail:this.userInfo.Mailbox,//邮箱
GoodsId: this.parameters.hotelId,//商品id
GoodsName: this.OrderDate.detail.Name_CN,//商品名称
GoodsPic: this.OrderDate.detail.images[0],//商品图片
"AddOrderInfo_post", {
SurName: this.parameters.guestLastName ? this.parameters.guestLastName : this.userInfo.Surname,
Name: this.parameters.guestFirstName ? this.parameters.guestFirstName : this.userInfo.Name,
ContactNumber: this.parameters.guestPhoneNumber ? this.parameters.guestPhoneNumber : this.userInfo
.Mobile, // 联系电话
Mailbox: this.parameters.guestEmail ? this.parameters.guestEmail : this.userInfo.Mailbox, //邮箱
GoodsId: this.parameters.hotelId, //商品id
GoodsName: this.OrderDate.detail.Name_CN, //商品名称
GoodsPic: this.OrderDate.detail.images[0], //商品图片
GoodsType: this.productType,
OrderMake: this.parameters.CheckInDate,//订单摘要（例如出行时间）
TotalPrice: this.parameters.TotalPrice,//总价格
PreferentialPrice: this.parameters.DiscountMoney,// 优惠总金额
ErpOrderId: ErpOrderId,//erp订单id
Country: this.userInfo.Country,//国家id
PlatformTax: 0,//平台税金默认0
Income: 0,//已收默认0
Refund: 0,//退款金额默认0
DOrderType: 1,//1直客订单
OrderMake: this.parameters.CheckInDate, //订单摘要（例如出行时间）
TotalPrice: this.parameters.TotalPrice, //总价格
PreferentialPrice: this.parameters.DiscountMoney, // 优惠总金额
ErpOrderId: 0, //erp订单id
Country: this.userInfo.Country, //国家id
PlatformTax: 0, //平台税金默认0
Income: 0, //已收默认0
Refund: 0, //退款金额默认0
DOrderType: 1, //1直客订单
DiDaHotelParams: this.parameters,
},
(r) => {
if (r.data.resultCode == 1) {
this.step = 3
this.$message.success("訂單創建成功")
this.goPayHandler(r.data.data)
}else{
} else {
this.CommonJump("/order?type=1", {});
this.$message.error(r.data.message)
}
this.loading = false
})
},
goPayHandler(pay){
goPayHandler(pay) {
let pickuporderScenTickets = localStorage.getItem("pickuporderScenTickets");
pickuporderScenTickets = pickuporderScenTickets ? JSON.parse(pickuporderScenTickets) : [];
let i = pickuporderScenTickets.findIndex((x) => x.key == this.orderKey);
......@@ -882,7 +744,9 @@ export default {
optionsFn(cd) {
return (
cd >=
date.formatDate(date.addToDate(new Date(), { days: 0 }), "YYYY/MM/DD")
date.formatDate(date.addToDate(new Date(), {
days: 0
}), "YYYY/MM/DD")
);
},
// 音频
......@@ -948,15 +812,16 @@ export default {
}
return gradeType;
},
// 获取当前用户信息
getUserInfoHandler() {
let u = this.$user.userInfo;
if (u) {
this.apipost("GetCustomerInfo_post", { Id: u.id }, (r) => {
this.apipost("GetCustomerInfo_post", {
Id: u.id
}, (r) => {
if (r.data.resultCode == 1) {
this.userInfo = r.data.data;
if(r.data.data.Moblie){
if (r.data.data.Moblie) {
this.parameters.guestEmail = r.data.data.Moblie
this.userInfo.Mobile = r.data.data.Moblie
}
......@@ -973,7 +838,6 @@ export default {
if (r.data.resultCode == 1) {
this.countrys = r.data.data.countList;
this.userInfo.Country = this.countrys[0].ID;
this.areaCodes = r.data.data.phoneCountList;
this.changeCountry(this.userInfo.Country);
this.areaCodes.forEach((x) => {
......@@ -987,20 +851,23 @@ export default {
this.userInfo.areaCode = this.areaCodes.find((x) => x.ID == id).PhoneCode;
},
},
};
};
</script>
<style>
.order-preview .q-stepper__content {
.order-preview .q-stepper__content {
display: none !important;
}
.order-preview .q-toggle__track {
}
.order-preview .q-toggle__track {
height: 0.7em;
border-radius: 0.35em;
opacity: 0.38;
width: 50px;
}
.order-preview .q-toggle__thumb {
}
.order-preview .q-toggle__thumb {
top: 0.42em;
left: 0.45em;
width: 0.5em;
......@@ -1008,33 +875,40 @@ export default {
transition: left 0.22s ease-in-out;
user-select: none;
z-index: 0;
}
.order-preview .q-toggle__inner--truthy .q-toggle__thumb {
}
.order-preview .q-toggle__inner--truthy .q-toggle__thumb {
left: 0.94em;
}
.order-preview .q-toggle__inner {
}
.order-preview .q-toggle__inner {
width: 1.9em;
}
.order-preview .q-toggle__label {
}
.order-preview .q-toggle__label {
margin-top: 12px;
}
.guest-item:hover{
background: rgba(241,65,108,.04) !important;
}
.text-h6Detail {
}
.guest-item:hover {
background: rgba(241, 65, 108, .04) !important;
}
.text-h6Detail {
text-align: center;
font-size: 18px;
color: #333;
font-weight: 700;
position: relative;
width:100%;
height:50px;
}
.text-h6Detail i {
width: 100%;
height: 50px;
}
.text-h6Detail i {
position: absolute;
right:20px;
top:10px;
right: 20px;
top: 10px;
cursor: pointer;
font-size:23px;
}
font-size: 23px;
}
</style>
src/pages/usercenter/order/hotelPriceDetail.vue
View file @ b2f20ed0
......@@ -11,24 +11,15 @@
</div>
<div class="row q-mb-sm items-center">
<div class="q-mr-lg">優惠金額</div>
<div
class="text-subtitle2 text-weight-bolder text-teal"
v-if="DiscountMoney > 0"
>
<div class="text-subtitle2 text-weight-bolder text-teal" v-if="DiscountMoney > 0">
CNY - {{ moneyFormat(DiscountMoney, 2) }}
</div>
<div class="text-grey-5" v-else>暫無優惠</div>
</div>
<!-- <div class="row q-mb-sm items-center">
<div class="q-mr-lg">支付金額</div>
<div class="text-h6 text-weight-bolder product-price">
CNY {{ moneyFormat(TotalPrice, 2) }}
</div>
</div> -->
</div>
</template>
<script>
export default {
export default {
props: {
orderInfo: {
type: Object,
......@@ -38,8 +29,8 @@ export default {
data() {
return {
details: null,
sumPrice: 0,//总金额
DiscountMoney: 0,//优惠金额
sumPrice: 0, //总金额
DiscountMoney: 0, //优惠金额
TotalPrice: 0, // 支付金額
}
},
......@@ -49,25 +40,23 @@ export default {
methods: {
// 获取团的详情
getGroupData() {
// this.$q.loading.show();
if(!this.orderInfo.ErpOrderId) return this.sumPrice = this.orderInfo.TotalPrice
if (!this.orderInfo.ErpOrderId) return this.sumPrice = this.orderInfo.TotalPrice
this.apipost(
"dmc_post_GetThirdHotelOrder",
{ OrderID: this.orderInfo.ErpOrderId },
"dmc_post_GetThirdHotelOrder", {
OrderID: this.orderInfo.ErpOrderId
},
(r) => {
if (r.data.resultCode == 1) {
this.dataList = r.data.data;
const {DiscountMoney,TotalPrice} = r.data.data;
// sumPrice: 0,//总金额
// DiscountMoney: 0,//优惠金额
// TotalPrice: 0, // 支付金額
// MailingState: '',//邮寄状态 1自取 2邮寄
const {
DiscountMoney,
TotalPrice
} = r.data.data;
this.TotalPrice = TotalPrice;
this.DiscountMoney = DiscountMoney
this.sumPrice = TotalPrice + DiscountMoney
// this.sumPrice = this.moneyFormat(this.sumPrice, 2)
// this.TotalPrice = this.moneyFormat(this.TotalPrice, 2)
// this.DiscountMoney = this.moneyFormat(this.DiscountMoney, 2)
} else {
this.$q.notify({
type: "negative",
......@@ -76,11 +65,11 @@ export default {
timeout: 2000, // 以毫秒为单位; 0意味着没有超时
});
}
// this.$q.loading.hide();
},
null
);
},
}
}
}
</script>
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