Skip to content

杨炀 / dance-pc

Go to a project
Toggle navigation
Toggle navigation pinning
85059f20 by zhangmeng
Options

新数据

1 parent 16aad7ee
Inline Side-by-side
Showing 1 changed file with 70 additions and 66 deletions
src/viewsPc/booking/makeUpDetail.vue
......@@ -33,7 +33,8 @@
<el-row justify='space-between' style="padding: 10px">
<div class="img-header" style="width: 40%">
<div class="card">
<img src="@/assets/dance/banner.png" alt="">
<el-image src="@/assets/dance/banner.png" fit="cover" :preview-src-list="form?.photos?.split(',')"/>
<!-- <img src="@/assets/dance/banner.png" alt="">-->
</div>
</div>
<div class="img-header" style="width: 20%">
......@@ -47,7 +48,6 @@
<el-col :span="12">
<div class="card">
<img src="@/assets/dance/banner.png" alt="">
</div>
</el-col>
</el-row>
......@@ -86,7 +86,10 @@
</div>
</div>
</el-row>
<br>
<el-card :body-style="{'padding':'20px 20px'}">
<home-calendar/>
</el-card>
<el-card class="mt30" v-loading="loading">
<el-row v-if="form" class="hotel" align="middle" :gutter="20">
<!-- <el-col :span="6">-->
......@@ -126,69 +129,69 @@
<el-empty v-else :image="`/img/order_no.png`" :image-size="228" description=""/>
</el-card>
<div class="mt30">
<el-row :gutter="20">
<el-col v-for="(p,index) in form?.photos?.split(',')" :span="index==0?12:6">
<div class="imgbox hotelImg">
<img :src="fillImgUrl(p)">
</div>
</el-col>
</el-row>
</div>
<el-card class="mt30 mb60">
<div class="lineHead">
<ul>
<li>{{ language == 0 ? '房型选择' : 'Available Rooms' }}</li>
</ul>
</div>
<div>
<div v-for="(r,index) in roomList" :key="index" class="room">
<el-row :gutter="30" align="middle">
<el-col :span="4">
<div class="roomImg">
<img :src="fillImgUrl(r.photo?.split(',')[0])">
</div>
</el-col>
<el-col :span="14">
<h3 class="name">{{ r.roomType }}</h3>
<el-row :gutter="10">
<el-col :span="8">{{ r.area }}m²</el-col>
<el-col :span="8" v-show="r.windowFlag==1"> {{ language == 0 ? '有窗' : 'With windows' }}</el-col>
<el-col :span="8" v-show="r.windowFlag==0"> {{ language == 0 ? '无窗' : 'Windowless' }}</el-col>
<el-col :span="8" v-show="r.bathroomFlag==1"> {{ language == 0 ? '热水洗浴' : 'Shower' }}</el-col>
<!-- <text v-show="r.bathroomFlag==0"> </text> -->
<el-col :span="8" v-show="r.addBedFlag==1"> {{ language == 0 ? '允许加床' : 'Extra bed' }}</el-col>
<el-col :span="8" v-if="r.breakfastNum&&r.breakfastNum > '0'">
{{ r.breakfastNum }}{{ language == 0 ? '份早餐' : ' breakfasts' }}
</el-col>
<el-col :span="8" v-else>{{ language == 0 ? '无早餐' : 'No breakfast' }}</el-col>
</el-row>
</el-col>
<el-col :span="3">
<div class="price">{{
language == 0 ? '¥' : '€'
}}<span>{{ language == 0 ? r.roomPrice : r.roomPriceEn }}</span></div>
</el-col>
<el-col :span="3">
<div class="bg-lineg" v-if="language==0" @click="goOrder(r)">
订
<div>{{ language == 0 ? '在线付' : 'Online' }}</div>
</div>
<el-button v-else class="btn-lineG w100" round type="primary" @click="goOrder(r)">Select</el-button>
<!-- <div class="text-center text-primary mt10 fontsize14 pointer" v-if="language == 0">-->
<!-- 剩余 {{(r.roomCount - (r.useCount||0)).toFixed()}} 间-->
<!-- </div>-->
<!-- <div class="text-center text-primary mt10 fontsize14" v-else>-->
<!-- {{(r.roomCount - (r.useCount||0)).toFixed()}} Remaining rooms-->
<!-- </div>-->
</el-col>
</el-row>
</div>
<el-empty v-if="roomList.length == 0" :image="`/img/order_no.png`" :image-size="228" description=""/>
</div>
</el-card>
<!-- <div class="mt30">-->
<!-- <el-row :gutter="20">-->
<!-- <el-col v-for="(p,index) in form?.photos?.split(',')" :span="index==0?12:6">-->
<!-- <div class="imgbox hotelImg">-->
<!-- <img :src="fillImgUrl(p)">-->
<!-- </div>-->
<!-- </el-col>-->
<!-- </el-row>-->
<!-- </div>-->
<!-- <el-card class="mt30 mb60">-->
<!-- <div class="lineHead">-->
<!-- <ul>-->
<!-- <li>{{ language == 0 ? '房型选择' : 'Available Rooms' }}</li>-->
<!-- </ul>-->
<!-- </div>-->
<!-- <div>-->
<!-- <div v-for="(r,index) in roomList" :key="index" class="room">-->
<!-- <el-row :gutter="30" align="middle">-->
<!-- <el-col :span="4">-->
<!-- <div class="roomImg">-->
<!-- <img :src="fillImgUrl(r.photo?.split(',')[0])">-->
<!-- </div>-->
<!-- </el-col>-->
<!-- <el-col :span="14">-->
<!-- <h3 class="name">{{ r.roomType }}</h3>-->
<!-- <el-row :gutter="10">-->
<!-- <el-col :span="8">{{ r.area }}m²</el-col>-->
<!-- <el-col :span="8" v-show="r.windowFlag==1"> {{ language == 0 ? '有窗' : 'With windows' }}</el-col>-->
<!-- <el-col :span="8" v-show="r.windowFlag==0"> {{ language == 0 ? '无窗' : 'Windowless' }}</el-col>-->
<!-- <el-col :span="8" v-show="r.bathroomFlag==1"> {{ language == 0 ? '热水洗浴' : 'Shower' }}</el-col>-->
<!-- &lt;!&ndash; <text v-show="r.bathroomFlag==0"> </text> &ndash;&gt;-->
<!-- <el-col :span="8" v-show="r.addBedFlag==1"> {{ language == 0 ? '允许加床' : 'Extra bed' }}</el-col>-->
<!-- <el-col :span="8" v-if="r.breakfastNum&&r.breakfastNum > '0'">-->
<!-- {{ r.breakfastNum }}{{ language == 0 ? '份早餐' : ' breakfasts' }}-->
<!-- </el-col>-->
<!-- <el-col :span="8" v-else>{{ language == 0 ? '无早餐' : 'No breakfast' }}</el-col>-->
<!-- </el-row>-->
<!-- </el-col>-->
<!-- <el-col :span="3">-->
<!-- <div class="price">{{-->
<!-- language == 0 ? '¥' : '€'-->
<!-- }}<span>{{ language == 0 ? r.roomPrice : r.roomPriceEn }}</span></div>-->
<!-- </el-col>-->
<!-- <el-col :span="3">-->
<!-- <div class="bg-lineg" v-if="language==0" @click="goOrder(r)">-->
<!-- 订-->
<!-- <div>{{ language == 0 ? '在线付' : 'Online' }}</div>-->
<!-- </div>-->
<!-- <el-button v-else class="btn-lineG w100" round type="primary" @click="goOrder(r)">Select</el-button>-->
<!-- &lt;!&ndash; <div class="text-center text-primary mt10 fontsize14 pointer" v-if="language == 0">&ndash;&gt;-->
<!-- &lt;!&ndash; 剩余 {{(r.roomCount - (r.useCount||0)).toFixed()}} 间&ndash;&gt;-->
<!-- &lt;!&ndash; </div>&ndash;&gt;-->
<!-- &lt;!&ndash; <div class="text-center text-primary mt10 fontsize14" v-else>&ndash;&gt;-->
<!-- &lt;!&ndash; {{(r.roomCount - (r.useCount||0)).toFixed()}} Remaining rooms&ndash;&gt;-->
<!-- &lt;!&ndash; </div>&ndash;&gt;-->
<!-- </el-col>-->
<!-- </el-row>-->
<!-- </div>-->
<!-- <el-empty v-if="roomList.length == 0" :image="`/img/order_no.png`" :image-size="228" description=""/>-->
<!-- </div>-->
<!-- </el-card>-->
</div>
</div>
</template>
......@@ -201,6 +204,7 @@ import {getHotelById, getHotelRooms} from "@/apiPc/booking"
import {useStorage} from "@vueuse/core/index";
import useUserStore from "@/store/modules/user";
import HomeCalendar from "/@/viewsPc/components/homeCalendar.vue";
const user = useUserStore().user
const language = useStorage('language', 0)
......
Styling with Markdown is supported
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!