Skip to content
Projects
Groups
Snippets
Help
Loading...
Help
Submit feedback
Contribute to GitLab
Sign in
Toggle navigation
B
bigwood
Project
Project
Details
Activity
Releases
Cycle Analytics
Repository
Repository
Files
Commits
Branches
Tags
Contributors
Graph
Compare
Charts
Issues
0
Issues
0
List
Board
Labels
Milestones
CI / CD
CI / CD
Pipelines
Jobs
Schedules
Charts
Wiki
Wiki
Snippets
Snippets
Members
Members
Collapse sidebar
Close sidebar
Activity
Graph
Charts
Create a new issue
Jobs
Commits
Issue Boards
Open sidebar
罗超
bigwood
Commits
969c488d
Commit
969c488d
authored
Dec 16, 2022
by
youjie
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
no message
parent
793a9231
Hide whitespace changes
Inline
Side-by-side
Showing
3 changed files
with
159 additions
and
66 deletions
+159
-66
index.ts
src/i18n/zh-TW/index.ts
+45
-1
HotelSure.vue
src/pages/scattered/HotelSure.vue
+106
-65
hotelRate.ts
src/utils/hotelRate.ts
+8
-0
No files found.
src/i18n/zh-TW/index.ts
View file @
969c488d
...
@@ -702,7 +702,51 @@ export default {
...
@@ -702,7 +702,51 @@ export default {
renmingbi
:
'人民币'
,
renmingbi
:
'人民币'
,
youhui
:
'优惠'
,
youhui
:
'优惠'
,
shifu
:
'实付'
,
shifu
:
'实付'
,
yudinxinx
:
'预定信息'
yudinxinx
:
'预定信息'
,
fangxingxinxi
:
'房型信息'
,
ruzhurenshu
:
'入住人数'
,
chengren
:
'成人'
,
ertong
:
'儿童'
,
noertong
:
'不能报儿童'
,
ren
:
'人'
,
ruzhuriqi
:
'入住日期'
,
ruzhushijian
:
'入住时间'
,
week1
:
'周一'
,
week2
:
'周二'
,
week3
:
'周三'
,
week4
:
'周四'
,
week5
:
'周五'
,
week6
:
'周六'
,
week7
:
'星期天'
,
zhiqian
:
'之前'
,
zhihou
:
'之后'
,
fangjianshuliang
:
'房间数量'
,
jinsheng
:
'仅剩'
,
jian
:
'间'
,
fangfeiqingkuang
:
'房间情况'
,
wan
:
'晚'
,
ruzhuxinxi
:
'入住信息'
,
ruzhuxinxi1
:
'所填姓名需和入住时所持证件一致'
,
ruzhushijian1
:
'入住时间'
,
yudinren
:
'预定人'
,
xin
:
'姓'
,
ming
:
'名'
,
dangqiandizhi
:
'当前地址'
,
Email
:
'Email'
,
dianhua
:
'电话'
,
kehuxuqiu
:
'客户需求'
,
fangjian
:
'房间'
,
chengrennan
:
'成人男'
,
chengrennv
:
'成人女'
,
ertongshu
:
'儿童数'
,
quxiao1
:
'没有通知取消'
,
quxiao2
:
'入住当日取消'
,
shouxufei
:
'手续费'
,
youhuixingxi
:
'优惠信息'
,
duihuan
:
'兑换'
,
youhuiquanshiyong
:
'优惠券使用'
,
nokeyongyouhuiquan
:
'暂无可用优惠券'
,
xiadan
:
'下单'
,
}
}
}
}
...
...
src/pages/scattered/HotelSure.vue
View file @
969c488d
...
@@ -77,84 +77,96 @@
...
@@ -77,84 +77,96 @@
</div>
</div>
<div
class=
"q-pa-lg column"
>
<div
class=
"q-pa-lg column"
>
<div
class=
"row items-center q-mb-md"
>
<div
class=
"row items-center q-mb-md"
>
<span
class=
"text-grey-6"
>
房型信息
</span>
<span
class=
"text-grey-6"
>
{{$t('v101.scatteredOrder.fangxingxinxi')}}
</span>
<div
class=
"q-pl-lg"
>
<div
class=
"q-pl-lg"
>
<span
class=
"q-pr-lg"
></span>
<span
class=
"q-pr-lg"
>
{{roomRateDetails?getGradeType(roomRateDetails.gradeType):''}}{{roomRateDetails?getRoomType(roomRateDetails.roomType):''}}
</span>
</div>
</div>
</div>
</div>
<div
class=
"row items-center q-mb-md"
>
<div
class=
"row items-center q-mb-md"
>
<span
class=
"text-grey-6"
>
入住人数
</span>
<span
class=
"text-grey-6"
>
{{$t('v101.scatteredOrder.ruzhurenshu')}}
</span>
<div
class=
"q-pl-lg"
></div>
<div
class=
"q-pl-lg"
>
<span>
{{$t('v101.scatteredOrder.chengren')}} {{auditNum}} {{$t('v101.scatteredOrder.ren')}}
</span>
<span
class=
"q-pl-lg"
>
{{$t('v101.scatteredOrder.ertong')}} {{childNum}} {{$t('v101.scatteredOrder.ren')}}
</span>
<span
class=
"q-pl-lg"
v-if=
"isBaoChild"
>
{{$t('v101.scatteredOrder.noertong')}}
</span>
</div>
</div>
</div>
<div
class=
"row items-center q-mb-md"
>
<div
class=
"row items-center q-mb-md"
>
<span
class=
"text-grey-6"
>
入住日期
</span>
<span
class=
"text-grey-6"
>
{{$t('v101.scatteredOrder.ruzhuriqi')}}
</span>
<div
class=
"q-pl-lg row"
>
<div
class=
"q-pl-lg row"
>
<div
class=
"row items-center"
>
<div
class=
"row items-center"
>
<q-field
v-if=
"$q.platform.is.desktop"
stack-label
label=
"入住时间
"
standout
class=
"col-2"
style=
"min-width: 200px"
dense
>
<q-field
v-if=
"$q.platform.is.desktop"
stack-label
:label=
"$t('v101.scatteredOrder.ruzhushijian')
"
standout
class=
"col-2"
style=
"min-width: 200px"
dense
>
<div
class=
"self-center full-width no-outline"
tabindex=
"0"
>
<div
class=
"self-center full-width no-outline"
tabindex=
"0"
>
{{
dateRang
e}}
{{
params.arrivalDat
e}}
</div>
</div>
<q-popup-proxy
:offset=
"[0, 10]"
ref=
"qDateProxy"
>
<q-popup-proxy
:offset=
"[0, 10]"
ref=
"qDateProxy"
>
<q-date
v-model=
"
dateRang
e"
mask=
"YYYY/MM/DD"
:options=
"optionsFn"
@
range-end=
"dateRangeHandler"
></q-date>
<q-date
v-model=
"
params.arrivalDat
e"
mask=
"YYYY/MM/DD"
:options=
"optionsFn"
@
range-end=
"dateRangeHandler"
></q-date>
</q-popup-proxy>
</q-popup-proxy>
</q-field>
</q-field>
<span
class=
"q-ml-md"
>
周六
</span>
<span
class=
"q-ml-md"
>
周六
</span>
<div
class=
"q-ml-sm text-grey-6"
>
<div
class=
"q-ml-sm text-grey-6"
>
<span
>
16:00
</span>
<span
v-if=
"roomRateDetails.roomOptions&&roomRateDetails.roomOptions.checkIinStartTime"
>
{{roomRateDetails.roomOptions.checkIinStartTime}}
</span>
<span
class=
"q-ml-sm"
>
之后
</span>
<span
class=
"q-ml-sm"
>
{{$t('v101.scatteredOrder.zhihou')}}
</span>
</div>
</div>
</div>
</div>
<div
class=
"row items-center q-px-md"
><q-separator
class=
" q-px-sm bg-dark"
/></div>
<div
class=
"row items-center q-px-md"
><q-separator
class=
" q-px-sm bg-dark"
/></div>
<div
class=
"row items-center"
>
<div
class=
"row items-center"
>
<q-field
v-if=
"$q.platform.is.desktop"
stack-label
label=
"入住时间
"
standout
class=
"col-2"
style=
"min-width: 200px"
dense
>
<q-field
v-if=
"$q.platform.is.desktop"
stack-label
:label=
"$t('v101.scatteredOrder.ruzhushijian')
"
standout
class=
"col-2"
style=
"min-width: 200px"
dense
>
<div
class=
"self-center full-width no-outline"
tabindex=
"0"
>
<div
class=
"self-center full-width no-outline"
tabindex=
"0"
>
{{
dateRang
e}}
{{
params.departureDat
e}}
</div>
</div>
<q-popup-proxy
:offset=
"[0, 10]"
ref=
"qDateProxy"
>
<q-popup-proxy
:offset=
"[0, 10]"
ref=
"qDateProxy
2
"
>
<q-date
v-model=
"
dateRange"
mask=
"YYYY/MM/DD"
:options=
"optionsFn"
@
range-end=
"dateRangeHandler
"
></q-date>
<q-date
v-model=
"
params.departureDate"
mask=
"YYYY/MM/DD"
:options=
"optionsFn"
@
range-end=
"dateRangeHandler2
"
></q-date>
</q-popup-proxy>
</q-popup-proxy>
</q-field>
</q-field>
<span
class=
"q-ml-md"
>
周六
</span>
<span
class=
"q-ml-md"
>
周六
</span>
<div
class=
"q-ml-sm text-grey-6"
>
<div
class=
"q-ml-sm text-grey-6"
>
<span
>
18:00
</span>
<span
v-if=
"roomRateDetails.roomOptions&&roomRateDetails.roomOptions.finalCheckInTime"
>
{{roomRateDetails.roomOptions.finalCheckInTime}}
</span>
<span
class=
"q-ml-sm"
>
之前
</span>
<span
class=
"q-ml-sm"
>
{{$t('v101.scatteredOrder.zhiqian')}}
</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div
class=
"row items-center q-mb-md"
>
<div
class=
"row items-center q-mb-md"
>
<span
class=
"text-grey-6"
>
房间数量
</span>
<span
class=
"text-grey-6"
>
{{$t('v101.scatteredOrder.fangjianshuliang')}}
</span>
<div
class=
"q-pl-lg row items-center"
>
<div
class=
"q-pl-lg row items-center"
>
<span
>
1
</span>
<span
v-if=
"dataList.roomGroup"
>
{{dataList.roomGroup.length}}
</span>
<div
class=
"relative-position q-ml-md"
>
<div
class=
"relative-position q-ml-md"
>
<q-icon
class=
"absolute text-orange-6"
style=
"left: 0;top: 1px;width: inherit;"
name=
"information"
size=
"18px"
></q-icon>
<q-icon
class=
"absolute text-orange-6"
style=
"left: 0;top: 1px;width: inherit;"
name=
"information"
size=
"18px"
></q-icon>
<span
class=
"q-pl-lg"
>
仅剩3间
</span>
<span
class=
"q-pl-lg"
>
{{$t('v101.scatteredOrder.jinsheng')}}
<span
class=
"text-orange"
>
{{dataList.currentAllotment}}
</span>
{{$t('v101.scatteredOrder.jian')}}
</span>
</div>
</div>
</div>
</div>
</div>
</div>
<div
class=
"row items-center"
>
<div
class=
"row items-center"
>
<span
class=
"text-grey-6"
>
房间情况
</span>
<span
class=
"text-grey-6"
>
{{$t('v101.scatteredOrder.fangfeiqingkuang')}}
</span>
<div
class=
"q-pl-lg row"
>
<div
class=
"q-pl-lg row"
>
<q-card
flatv
class=
"row items-end q-px-md q-pb-sm q-mr-md"
>
<
template
v-for=
"(item,index) in dataList.roomGroup"
>
<div
class=
"text-grey-9"
>
12/24/2022
</div>
<q-card
flatv
class=
"row items-end q-px-md q-pb-sm q-mr-md"
v-for=
"subItem in item.rateGroup"
>
<div
class=
"q-ml-lg row items-end"
>
<div
class=
"text-grey-9"
>
{{
subItem
.
stayDate
}}
</div>
<span>
円
</span>
<div
class=
"q-ml-lg row items-end"
>
<span
class=
"text-red text-weight-bold fz18 q-px-xs"
>
<span>
円
</span>
<span
class=
"relative-position"
style=
"top:3px"
>
2345
</span>
<span
class=
"text-red text-weight-bold fz18 q-px-xs"
>
</span>
<span
class=
"relative-position"
style=
"top:3px"
>
{{
subItem
.
perAdultRateBySetCurrency
?
subItem
.
perAdultRateBySetCurrency
:
subItem
.
totalPerRoomRateBySetCurrency
}}
</span>
<span
class=
"text-grey-6"
>
/晚
</span>
</span>
</div>
<span
class=
"text-grey-6"
>
/
{{
subItem
.
totalPerRoomRateBySetCurrency
?
$t
(
'v101.scatteredOrder.wan'
):
$t
(
'v101.scatteredOrder.ren'
)
}}
</span>
</q-card>
</div>
</q-card>
</
template
>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div
class=
"col column bg-white rounded-border q-mb-md"
>
<div
class=
"col column bg-white rounded-border q-mb-md"
>
<div
class=
"bg-light-blue-1 q-py-md q-px-lg fz14 rounded-borders row items-center justify-between"
>
<div
class=
"bg-light-blue-1 q-py-md q-px-lg fz14 rounded-borders row items-center justify-between"
>
<span
class=
"text-weight-bold"
>
入住信息
</span>
<span
class=
"text-weight-bold"
>
{{$t('v101.scatteredOrder.ruzhuxinxi')}}
</span>
<span
class=
"relative-position text-orange-6"
>
<span
class=
"relative-position text-orange-6"
>
<q-icon
class=
"absolute text-orange-6"
style=
"left: 0;top: 1px;width: inherit;"
name=
"information"
size=
"18px"
></q-icon>
<q-icon
class=
"absolute text-orange-6"
style=
"left: 0;top: 1px;width: inherit;"
name=
"information"
size=
"18px"
></q-icon>
<span
class=
"q-pl-lg"
>
所填姓名需和入住时所持证件一致
</span>
<span
class=
"q-pl-lg"
>
{{$t('v101.scatteredOrder.ruzhuxinxi1')}}
</span>
</span>
</span>
</div>
</div>
<div
class=
"q-px-lg q-py-lg"
>
<div
class=
"q-px-lg q-py-lg"
>
...
@@ -165,13 +177,13 @@
...
@@ -165,13 +177,13 @@
class=
"row wrap"
class=
"row wrap"
>
>
<div
class=
"col-6 row"
>
<div
class=
"col-6 row"
>
<span
class=
"q-px-lg HotelSure-text"
><span
class=
"text-red"
>
*
</span>
入住时间
</span>
<span
class=
"q-px-lg HotelSure-text"
><span
class=
"text-red"
>
*
</span>
{{$t('v101.scatteredOrder.ruzhushijian1')}}
</span>
<q-input
<q-input
class=
"col"
class=
"col"
dense
dense
size=
"xs"
size=
"xs"
filled
filled
v-model=
"
na
me"
v-model=
"
sureMsg.checkInTi
me"
label=
"Your name"
label=
"Your name"
hint=
""
hint=
""
lazy-rules
lazy-rules
...
@@ -179,15 +191,15 @@
...
@@ -179,15 +191,15 @@
/>
/>
</div>
</div>
<div
class=
"col-6 row"
>
<div
class=
"col-6 row"
>
<span
class=
"q-px-lg HotelSure-text"
><span
class=
"text-red"
>
*
</span>
预定人
</span>
<span
class=
"q-px-lg HotelSure-text"
><span
class=
"text-red"
>
*
</span>
{{$t('v101.scatteredOrder.yudinren')}}
</span>
<div
class=
"col row justify-between"
>
<div
class=
"col row justify-between"
>
<div
class=
"col-6"
>
<div
class=
"col-6"
>
<q-input
<q-input
dense
dense
size=
"xs"
size=
"xs"
filled
filled
v-model=
"
n
ame"
v-model=
"
sureMsg.guestLastN
ame"
label=
"姓
"
:label=
"$t('v101.scatteredOrder.xin')
"
hint=
""
hint=
""
lazy-rules
lazy-rules
:rules=
"[ val => val && val.length > 0 || 'Please type something']"
:rules=
"[ val => val && val.length > 0 || 'Please type something']"
...
@@ -199,8 +211,8 @@
...
@@ -199,8 +211,8 @@
dense
dense
size=
"xs"
size=
"xs"
filled
filled
v-model=
"
n
ame"
v-model=
"
sureMsg.guestFirstN
ame"
label=
"名
"
:label=
"$t('v101.scatteredOrder.ming')
"
hint=
""
hint=
""
lazy-rules
lazy-rules
:rules=
"[ val => val && val.length > 0 || 'Please type something']"
:rules=
"[ val => val && val.length > 0 || 'Please type something']"
...
@@ -211,13 +223,13 @@
...
@@ -211,13 +223,13 @@
</div>
</div>
<div
class=
"col-6 row"
>
<div
class=
"col-6 row"
>
<span
class=
"q-px-lg HotelSure-text"
><span
class=
"text-red"
>
*
</span>
当前地址
</span>
<span
class=
"q-px-lg HotelSure-text"
><span
class=
"text-red"
>
*
</span>
{{$t('v101.scatteredOrder.dangqiandizhi')}}
</span>
<q-input
<q-input
class=
"col"
class=
"col"
dense
dense
size=
"xs"
size=
"xs"
filled
filled
v-model=
"
name
"
v-model=
"
sureMsg.guestAddress
"
label=
"Your name"
label=
"Your name"
hint=
""
hint=
""
lazy-rules
lazy-rules
...
@@ -225,13 +237,13 @@
...
@@ -225,13 +237,13 @@
/>
/>
</div>
</div>
<div
class=
"col-6 row"
>
<div
class=
"col-6 row"
>
<span
class=
"q-px-lg HotelSure-text"
><span
class=
"text-red"
>
*
</span>
Email
</span>
<span
class=
"q-px-lg HotelSure-text"
><span
class=
"text-red"
>
*
</span>
{{$t('v101.scatteredOrder.Email')}}
</span>
<q-input
<q-input
class=
"col"
class=
"col"
dense
dense
size=
"xs"
size=
"xs"
filled
filled
v-model=
"
name
"
v-model=
"
sureMsg.guestEmail
"
label=
"Your name"
label=
"Your name"
hint=
""
hint=
""
lazy-rules
lazy-rules
...
@@ -239,13 +251,13 @@
...
@@ -239,13 +251,13 @@
/>
/>
</div>
</div>
<div
class=
"col-6 row"
>
<div
class=
"col-6 row"
>
<span
class=
"q-px-lg HotelSure-text"
><span
class=
"text-red"
>
*
</span>
电话
</span>
<span
class=
"q-px-lg HotelSure-text"
><span
class=
"text-red"
>
*
</span>
{{$t('v101.scatteredOrder.dianhua')}}
</span>
<q-input
<q-input
class=
"col"
class=
"col"
dense
dense
size=
"xs"
size=
"xs"
filled
filled
v-model=
"
name
"
v-model=
"
sureMsg.guestPhoneNumber
"
label=
"Your name"
label=
"Your name"
hint=
""
hint=
""
lazy-rules
lazy-rules
...
@@ -254,7 +266,7 @@
...
@@ -254,7 +266,7 @@
</div>
</div>
<div
class=
"col-12 row"
>
<div
class=
"col-12 row"
>
<div
class=
"col-6 row"
>
<div
class=
"col-6 row"
>
<span
class=
"q-px-lg HotelSure-text"
><span
class=
"text-red"
></span>
客户需求
</span>
<span
class=
"q-px-lg HotelSure-text"
><span
class=
"text-red"
></span>
{{$t('v101.scatteredOrder.kehuxuqiu')}}
</span>
<q-input
<q-input
class=
"col"
class=
"col"
dense
dense
...
@@ -262,7 +274,7 @@
...
@@ -262,7 +274,7 @@
filled
filled
autogrow
autogrow
type=
"textarea"
type=
"textarea"
v-model=
"
name
"
v-model=
"
sureMsg.guestRequest
"
label=
"Your name"
label=
"Your name"
hint=
""
hint=
""
lazy-rules
lazy-rules
...
@@ -270,27 +282,46 @@
...
@@ -270,27 +282,46 @@
</div>
</div>
</div>
</div>
<div
class=
"col-12 row"
>
<div
class=
"col-12 row"
>
<div
class=
"col-6 row q-mb-md"
v-for=
"item in 1"
>
<div
class=
"col-6 row q-mb-md"
v-for=
"item in sureMsg.roomGroup"
>
<span
class=
"q-px-lg HotelSure-text"
><span
class=
"text-red"
></span>
房间1
</span>
<span
class=
"q-px-lg HotelSure-text"
><span
class=
"text-red"
></span>
{{$t('v101.scatteredOrder.fangjian')}}
{{item.roomCount}}
</span>
<div
class=
"col row"
>
<div
class=
"col row"
>
<div
class=
"col-4 row"
>
<div
class=
"col-4 row"
>
<span
class=
"q-mx-md"
>
成人男
</span>
<span
class=
"q-mx-md"
>
{{$t('v101.scatteredOrder.chengrennan')}}
</span>
<q-select
class=
"col"
v-model=
"
numberOfAdults
"
dense
:options=
"adultList"
emit-value
map-options
:label=
"$t('v101.scattered.chengren')"
standout
@
update:model-value=
"setPeopleNum"
/>
<q-select
class=
"col"
v-model=
"
item.roomMaleCount
"
dense
:options=
"adultList"
emit-value
map-options
:label=
"$t('v101.scattered.chengren')"
standout
@
update:model-value=
"setPeopleNum"
/>
</div>
</div>
<div
class=
"col-4 row"
>
<div
class=
"col-4 row"
>
<span
class=
"q-mx-md"
>
成人女
</span>
<span
class=
"q-mx-md"
>
{{$t('v101.scatteredOrder.chengrennv')}}
</span>
<q-select
class=
"col"
v-model=
"
numberOfAdults
"
dense
:options=
"adultList"
emit-value
map-options
:label=
"$t('v101.scattered.chengren')"
standout
@
update:model-value=
"setPeopleNum"
/>
<q-select
class=
"col"
v-model=
"
item.roomFemaleCount
"
dense
:options=
"adultList"
emit-value
map-options
:label=
"$t('v101.scattered.chengren')"
standout
@
update:model-value=
"setPeopleNum"
/>
</div>
</div>
<div
class=
"col-4 row"
>
<div
class=
"col-4 row"
>
<span
class=
"q-mx-md"
>
儿童数
</span>
<span
class=
"q-mx-md"
>
{{$t('v101.scatteredOrder.ertongshu')}}
</span>
<q-select
class=
"col"
v-model=
"
numberOfChildren
"
dense
:options=
"childrenList"
emit-value
map-options
:label=
"$t('v101.scattered.ertong')"
standout
@
update:model-value=
"setPeopleNum"
/>
<q-select
class=
"col"
v-model=
"
item.roomChildCount
"
dense
:options=
"childrenList"
emit-value
map-options
:label=
"$t('v101.scattered.ertong')"
standout
@
update:model-value=
"setPeopleNum"
/>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div
class=
"column text-red q-pl-lg"
>
<div
class=
"column text-red q-pl-lg"
>
<span>
没有通知取消,手续费:100%
</span>
<
template
v-if=
"(dataList.cancellationPeriod1==-1||dataList.cancellationPeriod1==0)&&(dataList.cancellationType1==1||dataList.cancellationType1==2)"
>
<span>
入住当日取消,手续费:100%
</span>
<template
v-if=
"dataList.cancellationPeriod1==-1"
>
{{
$t
(
'v101.scatteredOrder.quxiao1'
)
}}
,
</
template
>
<
template
v-if=
"dataList.cancellationPeriod1==0"
>
{{
$t
(
'v101.scatteredOrder.quxiao2'
)
}}
,
</
template
>
<
template
v-if=
"dataList.cancellationType1==1"
>
{{
$t
(
'v101.scatteredOrder.shouxufei'
)
}}
:
{{
dataList
.
cancellation1
}}
%
</
template
>
<
template
v-if=
"dataList.cancellationType1==2"
>
{{
$t
(
'v101.scatteredOrder.shouxufei'
)
}}
:
{{
dataList
.
cancellation1
}}
</
template
>
</template>
<
template
v-if=
"(dataList.cancellationPeriod2==-1||dataList.cancellationPeriod2==0)&&(dataList.cancellationType2==1||dataList.cancellationType2==2)"
>
<template
v-if=
"dataList.cancellationPeriod2==-1"
>
{{
$t
(
'v101.scatteredOrder.quxiao1'
)
}}
,
</
template
>
<
template
v-if=
"dataList.cancellationPeriod2==0"
>
{{
$t
(
'v101.scatteredOrder.quxiao2'
)
}}
,
</
template
>
<
template
v-if=
"dataList.cancellationType2==1"
>
{{
$t
(
'v101.scatteredOrder.shouxufei'
)
}}
:
{{
dataList
.
cancellation2
}}
%
</
template
>
<
template
v-if=
"dataList.cancellationType2==2"
>
{{
$t
(
'v101.scatteredOrder.shouxufei'
)
}}
:
{{
dataList
.
cancellation2
}}
</
template
>
</template>
<
template
v-if=
"(dataList.cancellationPeriod3==-1||dataList.cancellationPeriod3==0)&&(dataList.cancellationType3==1||dataList.cancellationType3==2)"
>
<template
v-if=
"dataList.cancellationPeriod3==-1"
>
{{
$t
(
'v101.scatteredOrder.quxiao1'
)
}}
,
</
template
>
<
template
v-if=
"dataList.cancellationPeriod3==0"
>
{{
$t
(
'v101.scatteredOrder.quxiao2'
)
}}
,
</
template
>
<
template
v-if=
"dataList.cancellationType3==1"
>
{{
$t
(
'v101.scatteredOrder.shouxufei'
)
}}
:
{{
dataList
.
cancellation3
}}
%
</
template
>
<
template
v-if=
"dataList.cancellationType3==2"
>
{{
$t
(
'v101.scatteredOrder.shouxufei'
)
}}
:
{{
dataList
.
cancellation3
}}
</
template
>
</template>
</div>
</div>
</q-form>
</q-form>
...
@@ -298,7 +329,7 @@
...
@@ -298,7 +329,7 @@
</div>
</div>
<div
class=
"col column bg-white rounded-border q-mb-md"
>
<div
class=
"col column bg-white rounded-border q-mb-md"
>
<div
class=
"bg-light-blue-1 q-py-md q-px-lg fz14 rounded-borders row items-center justify-between"
>
<div
class=
"bg-light-blue-1 q-py-md q-px-lg fz14 rounded-borders row items-center justify-between"
>
<span
class=
"text-weight-bold"
>
优惠信息
</span>
<span
class=
"text-weight-bold"
>
{{$t('v101.scatteredOrder.youhuixingxi')}}
</span>
</div>
</div>
<div
class=
"q-px-lg q-py-lg"
>
<div
class=
"q-px-lg q-py-lg"
>
<div
class=
"row"
>
<div
class=
"row"
>
...
@@ -313,16 +344,16 @@
...
@@ -313,16 +344,16 @@
lazy-rules
lazy-rules
/>
/>
</div>
</div>
<div
class=
"q-ml-lg"
><q-btn
class=
"q-px-lg q-py-sm"
color=
"primary"
dense
unelevated
label=
"兑换
"
/></div>
<div
class=
"q-ml-lg"
><q-btn
class=
"q-px-lg q-py-sm"
color=
"primary"
dense
unelevated
:label=
"$t('v101.scatteredOrder.duihuan')
"
/></div>
</div>
</div>
<div
class=
"column"
>
<div
class=
"column"
>
<span
class=
"fz16 text-weight-bold q-pb-md"
>
优惠券使用
</span>
<span
class=
"fz16 text-weight-bold q-pb-md"
>
{{$t('v101.scatteredOrder.youhuiquanshiyong')}}
</span>
<span>
暂无可用优惠券
</span>
<span>
{{$t('v101.scatteredOrder.nokeyongyouhuiquan')}}
</span>
</div>
</div>
</div>
</div>
</div>
</div>
<div
class=
"col row q-mb-md"
>
<div
class=
"col row q-mb-md"
>
<q-btn
class=
"col-12 bg-blue rounded-border text-white q-py-sm"
label=
"下单
"
:loading=
"submLoading"
@
click=
"submitForm"
/>
<q-btn
class=
"col-12 bg-blue rounded-border text-white q-py-sm"
:label=
"$t('v101.scatteredOrder.xiadan')
"
:loading=
"submLoading"
@
click=
"submitForm"
/>
</div>
</div>
...
@@ -358,6 +389,7 @@
...
@@ -358,6 +389,7 @@
setup
(
props
,
context
)
{
setup
(
props
,
context
)
{
const
{
t
}
=
useI18n
()
const
{
t
}
=
useI18n
()
const
qDateProxy
=
ref
(
null
)
as
any
const
qDateProxy
=
ref
(
null
)
as
any
const
qDateProxy2
=
ref
(
null
)
as
any
// const HotelLength = inject(DirtionmaryHelper.HOTEL_CAR_ORDER_LENGTH) as any
// const HotelLength = inject(DirtionmaryHelper.HOTEL_CAR_ORDER_LENGTH) as any
const
data
=
reactive
({
const
data
=
reactive
({
params
:{
params
:{
...
@@ -378,6 +410,7 @@
...
@@ -378,6 +410,7 @@
submLoading
:
false
,
submLoading
:
false
,
loading
:
false
,
loading
:
false
,
dateRange
:
''
as
any
,
//当前日期
dateRange
:
''
as
any
,
//当前日期
dateRange2
:
''
as
any
,
//当前日期
dateRangeFormat
:
''
,
//可选日期
dateRangeFormat
:
''
,
//可选日期
roomRateDetails
:
{}
as
any
,
roomRateDetails
:
{}
as
any
,
dataList
:
{}
as
any
,
dataList
:
{}
as
any
,
...
@@ -438,7 +471,8 @@
...
@@ -438,7 +471,8 @@
data
.
params
.
searchroomGroup
=
data
.
getParamsMsg
.
searchroomGroup
data
.
params
.
searchroomGroup
=
data
.
getParamsMsg
.
searchroomGroup
data
.
params
.
imgUrl
=
data
.
getParamsMsg
.
imgUrl
data
.
params
.
imgUrl
=
data
.
getParamsMsg
.
imgUrl
data
.
urlParamsMsg
=
currentRouter
.
currentRoute
.
value
.
params
data
.
urlParamsMsg
=
currentRouter
.
currentRoute
.
value
.
params
data
.
dateRange
=
date
.
formatDate
(
date
.
addToDate
(
new
Date
(),
{
days
:
9
}),
'YYYY/MM/DD'
)
// data.dateRange = date.formatDate(date.addToDate(new Date(), { days: 9 }), 'YYYY/MM/DD')
// data.dateRange = date.formatDate(date.addToDate(new Date(), { days: 9 }), 'YYYY/MM/DD')
data
.
RoomTypeList
=
useHotel
.
getHotelRoomType
()
data
.
RoomTypeList
=
useHotel
.
getHotelRoomType
()
data
.
scatteredRoomTypeList
=
useHotel
.
getHotelScatRoom
()
data
.
scatteredRoomTypeList
=
useHotel
.
getHotelScatRoom
()
// data.dateRange.from = date.formatDate(date.addToDate(new Date(), { days: 8 }), 'YYYY/MM/DD')
// data.dateRange.from = date.formatDate(date.addToDate(new Date(), { days: 8 }), 'YYYY/MM/DD')
...
@@ -478,6 +512,11 @@
...
@@ -478,6 +512,11 @@
},
},
dateRangeHandler
(
e
:
any
)
{
dateRangeHandler
(
e
:
any
)
{
if
(
qDateProxy
.
value
)
qDateProxy
.
value
.
hide
()
if
(
qDateProxy
.
value
)
qDateProxy
.
value
.
hide
()
methods
.
initHotel
()
},
dateRangeHandler2
(
e
:
any
)
{
if
(
qDateProxy2
.
value
)
qDateProxy2
.
value
.
hide
()
methods
.
initHotel
()
},
},
//获取房间等级
//获取房间等级
getRoomType
(
type
)
{
getRoomType
(
type
)
{
...
@@ -546,7 +585,9 @@
...
@@ -546,7 +585,9 @@
if
(
r
.
data
.
resultCode
==
ApiResult
.
SUCCESS
)
{
if
(
r
.
data
.
resultCode
==
ApiResult
.
SUCCESS
)
{
data
.
dataList
=
r
.
data
.
data
;
data
.
dataList
=
r
.
data
.
data
;
data
.
roomRateDetails
=
r
.
data
.
data
.
roomRateDetails
data
.
roomRateDetails
=
r
.
data
.
data
.
roomRateDetails
console
.
log
(
data
.
roomRateDetails
,
'---1111'
)
data
.
roomRateDetails
.
roomOptions
.
checkIinStartTime
=
data
.
roomRateDetails
.
roomOptions
[
'check-inStartTime'
]
data
.
roomRateDetails
.
roomOptions
.
finalCheckInTime
=
data
.
roomRateDetails
.
roomOptions
[
'finalCheck-inTime'
]
console
.
log
(
data
.
roomRateDetails
.
roomOptions
.
finalCheckInTime
,
'---1111'
)
if
(
Object
.
prototype
.
toString
.
call
(
data
.
dataList
.
roomGroup
)
==
'[object Object]'
){
if
(
Object
.
prototype
.
toString
.
call
(
data
.
dataList
.
roomGroup
)
==
'[object Object]'
){
let
arr
=
[];
let
arr
=
[];
arr
.
push
(
data
.
dataList
.
roomGroup
);
arr
.
push
(
data
.
dataList
.
roomGroup
);
...
@@ -665,7 +706,7 @@
...
@@ -665,7 +706,7 @@
methods
.
initHotel
()
methods
.
initHotel
()
})
})
return
{
...
toRefs
(
data
),
...
methods
,
qDateProxy
}
return
{
...
toRefs
(
data
),
...
methods
,
qDateProxy
,
qDateProxy2
}
}
}
})
})
</
script
>
</
script
>
...
...
src/utils/hotelRate.ts
View file @
969c488d
...
@@ -143,6 +143,14 @@ const useHotel={
...
@@ -143,6 +143,14 @@ const useHotel={
}
}
return
rates
return
rates
},
},
// 散客下单周一至周天
getHotelWeek
():
HotelArea
[]{
let
rates
=
[]
as
HotelArea
[]
for
(
let
i
=
1
;
i
<
8
;
i
++
){
rates
.
push
({
name
:
t
(
`v101.scatteredOrder.week
${
i
}
`
)})
}
return
rates
},
}
}
export
{
useHotel
,
export
{
useHotel
,
type
HotelRate
,
type
HotelRate
,
...
...
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment