Skip to content

B
bigwood
Commit bd5fbb40 authored by youjie's avatar youjie
Browse files
Options

no message

parent 0b9d4d0c
Hide whitespace changes
Inline Side-by-side
Showing with 59 additions and 54 deletions
src/pages/scattered/HotelSure.vue
View file @ bd5fbb40
......@@ -12,63 +12,68 @@
</div>
</div>
<div class="col row bg-white rounded-border q-mb-md q-pa-lg">
<div class="col-5 row">
<q-img v-if="params.imgUrl" class="col-5 q-mr-lg" :src="params.imgUrl" style="height: auto;display: inline-block;" spinner-color="drk" spinner-size="20px" mode="cover"/>
<div class="col column q-pl-lg">
<div class="text-red fz18 text-weight-bold">{{dataList.hotelName}}</div>
<div class="q-pt-xs">
<q-icon class="text-grey-13 q-mr-xs" name="place" size="xs"></q-icon>
<span class="col fz14 text-weight-bold text-blick">{{dataList.address}}</span>
</div>
<div class="q-pt-xs">
<span class="text-grey-6 q-pr-lg">{{$t('v101.scatteredOrder.fangxing')}}</span>
<span class="text-grey-9 q-pr-lg">
{{roomRateDetails?getGradeType(roomRateDetails.gradeType):''}}{{roomRateDetails?getRoomType(roomRateDetails.roomType):''}}
</span>
</div>
<div class="q-pt-xs">
<span class="text-grey-6 q-pr-lg">{{$t('v101.scatteredOrder.xiyan')}}</span>
<span class="text-grey-9">
<template v-if="roomRateDetails.smoking==0">{{$t('v101.scatteredOrder.xiyan0')}}</template>
<template v-if="roomRateDetails.smoking==1">{{$t('v101.scatteredOrder.xiyan1')}}</template>
</span>
</div>
<div class="q-pt-xs">
<span class="text-grey-6 q-pr-lg">{{$t('v101.scatteredOrder.cesuo')}}</span>
<span class="text-grey-9">
<template v-if="roomRateDetails.withBath==0">{{$t('v101.scatteredOrder.wu')}}</template>
<template v-if="roomRateDetails.withBath==1">{{$t('v101.scatteredOrder.you')}}</template>
</span>
</div>
<div class="q-pt-xs">
<span class="text-grey-6 q-pr-lg">{{$t('v101.scatteredOrder.lutiankefang')}}</span>
<span class="text-grey-9">
<template v-if="roomRateDetails.withOpenAirBath==0">{{$t('v101.scatteredOrder.wu')}}</template>
<template v-if="roomRateDetails.withOpenAirBath==1">{{$t('v101.scatteredOrder.you')}}</template>
</span>
</div>
<q-img v-if="params.imgUrl" class="col-1 q-mr-lg" :src="params.imgUrl" style="height: auto;display: inline-block;" spinner-color="drk" spinner-size="20px" mode="cover"/>
<div class="col-3 column q-pl-xs">
<div class="text-red fz18 text-weight-bold">{{dataList.hotelName}}</div>
<div class="q-pt-xs">
<q-icon class="text-grey-13 q-mr-xs" name="place" size="xs"></q-icon>
<span class="col fz14 text-weight-bold text-blick">{{dataList.address}}</span>
</div>
<div class="q-pt-xs">
<span class="text-grey-6 q-pr-lg">{{$t('v101.scatteredOrder.fangxing')}}</span>
<span class="text-grey-9 q-pr-lg">
{{roomRateDetails?getGradeType(roomRateDetails.gradeType):''}}{{roomRateDetails?getRoomType(roomRateDetails.roomType):''}}
</span>
</div>
<div class="q-pt-xs">
<span class="text-grey-6 q-pr-lg">{{$t('v101.scatteredOrder.xiyan')}}</span>
<span class="text-grey-9">
<template v-if="roomRateDetails.smoking==0">{{$t('v101.scatteredOrder.xiyan0')}}</template>
<template v-if="roomRateDetails.smoking==1">{{$t('v101.scatteredOrder.xiyan1')}}</template>
</span>
</div>
<div class="q-pt-xs">
<span class="text-grey-6 q-pr-lg">{{$t('v101.scatteredOrder.cesuo')}}</span>
<span class="text-grey-9">
<template v-if="roomRateDetails.withBath==0">{{$t('v101.scatteredOrder.wu')}}</template>
<template v-if="roomRateDetails.withBath==1">{{$t('v101.scatteredOrder.you')}}</template>
</span>
</div>
<div class="q-pt-xs">
<span class="text-grey-6 q-pr-lg">{{$t('v101.scatteredOrder.lutiankefang')}}</span>
<span class="text-grey-9">
<template v-if="roomRateDetails.withOpenAirBath==0">{{$t('v101.scatteredOrder.wu')}}</template>
<template v-if="roomRateDetails.withOpenAirBath==1">{{$t('v101.scatteredOrder.you')}}</template>
</span>
</div>
</div>
<div class="column q-pl-lg">
<div class="text-red fz18 text-weight-bold">{{$t('v101.scatteredOrder.orderamount')}}</div>
<div class="q-pt-md">
<div>
<span class="text-grey-6">円</span>
<span class="text-red fz16 text-weight-bold q-pl-lg">{{sureMsg.totalPriceJapanese}}</span>
</div>
<div class="q-pt-xs">
<span class="text-grey-6">{{$t('v101.scatteredOrder.renmingbi')}}</span>
<span class="text-red fz16 text-weight-bold q-pl-lg">{{sureMsg.totalChargeableRateInfo}}</span>
</div>
<div class="q-pt-xs">
<span class="text-grey-6">{{$t('v101.scatteredOrder.youhui')}}</span>
<span class="text-red fz16 text-weight-bold q-pl-lg">{{sureMsg.DiscountMoney}}</span>
</div>
<div class="q-pt-xs">
<span class="text-grey-6">{{$t('v101.scatteredOrder.shifu')}}</span>
<span class="text-h6 text-red text-weight-bold q-pl-lg">{{SettlementPrice}}</span>
<div class="col row items-end q-pl-lg">
<div class="column">
<div class="text-green-6 fz16 text-weight-bold q-pb-xs">{{$t('v101.scatteredOrder.orderamount')}}</div>
<div class="row justify-between">
<div class="row items-center">
<span class="text-grey-10">円</span>
<span class="text-red fz18 q-pl-xs">{{sureMsg.totalPriceJapanese}}</span>
</div>
<div class="q-pt-xs q-pl-lg row items-center">
<span class="text-grey-9">{{$t('v101.scatteredOrder.renmingbi')}}</span>
<span class="text-red fz18 q-pl-xs">{{sureMsg.totalChargeableRateInfo}}</span>
</div>
</div>
<div class="row justify-between">
<div class="q-pt-xs row items-center" v-if="sureMsg.DiscountMoney>0">
<span class="text-grey-10">{{$t('v101.scatteredOrder.youhui')}}</span>
<span class="text-red fz18 q-pl-xs">{{sureMsg.DiscountMoney}}</span>
</div>
<div class="q-pt-xs row items-center">
<span class="text-grey-10">{{$t('v101.scatteredOrder.shifu')}}</span>
<span class="text-h5 text-red text-weight-bold q-pl-xs">{{SettlementPrice}}</span>
</div>
<div class="q-pt-xs row items-center" v-if="sureMsg.DiscountMoney==0">
<span> </span>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col column bg-white rounded-border q-mb-md">
......
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