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 @@ ...@@ -33,7 +33,8 @@
33 <el-row justify='space-between' style="padding: 10px"> 33 <el-row justify='space-between' style="padding: 10px">
34 <div class="img-header" style="width: 40%"> 34 <div class="img-header" style="width: 40%">
35 <div class="card"> 35 <div class="card">
36 <img src="@/assets/dance/banner.png" alt=""> 36 <el-image src="@/assets/dance/banner.png" fit="cover" :preview-src-list="form?.photos?.split(',')"/>
37 <!-- <img src="@/assets/dance/banner.png" alt="">-->
37 </div> 38 </div>
38 </div> 39 </div>
39 <div class="img-header" style="width: 20%"> 40 <div class="img-header" style="width: 20%">
...@@ -47,7 +48,6 @@ ...@@ -47,7 +48,6 @@
47 <el-col :span="12"> 48 <el-col :span="12">
48 <div class="card"> 49 <div class="card">
49 <img src="@/assets/dance/banner.png" alt=""> 50 <img src="@/assets/dance/banner.png" alt="">
50
51 </div> 51 </div>
52 </el-col> 52 </el-col>
53 </el-row> 53 </el-row>
...@@ -86,7 +86,10 @@ ...@@ -86,7 +86,10 @@
86 </div> 86 </div>
87 </div> 87 </div>
88 </el-row> 88 </el-row>
89 89 <br>
90 <el-card :body-style="{'padding':'20px 20px'}">
91 <home-calendar/>
92 </el-card>
90 <el-card class="mt30" v-loading="loading"> 93 <el-card class="mt30" v-loading="loading">
91 <el-row v-if="form" class="hotel" align="middle" :gutter="20"> 94 <el-row v-if="form" class="hotel" align="middle" :gutter="20">
92 <!-- <el-col :span="6">--> 95 <!-- <el-col :span="6">-->
...@@ -126,69 +129,69 @@ ...@@ -126,69 +129,69 @@
126 <el-empty v-else :image="`/img/order_no.png`" :image-size="228" description=""/> 129 <el-empty v-else :image="`/img/order_no.png`" :image-size="228" description=""/>
127 </el-card> 130 </el-card>
128 131
129 <div class="mt30"> 132 <!-- <div class="mt30">-->
130 <el-row :gutter="20"> 133 <!-- <el-row :gutter="20">-->
131 <el-col v-for="(p,index) in form?.photos?.split(',')" :span="index==0?12:6"> 134 <!-- <el-col v-for="(p,index) in form?.photos?.split(',')" :span="index==0?12:6">-->
132 <div class="imgbox hotelImg"> 135 <!-- <div class="imgbox hotelImg">-->
133 <img :src="fillImgUrl(p)"> 136 <!-- <img :src="fillImgUrl(p)">-->
134 </div> 137 <!-- </div>-->
135 </el-col> 138 <!-- </el-col>-->
136 </el-row> 139 <!-- </el-row>-->
137 </div> 140 <!-- </div>-->
138 141
139 <el-card class="mt30 mb60"> 142 <!-- <el-card class="mt30 mb60">-->
140 <div class="lineHead"> 143 <!-- <div class="lineHead">-->
141 <ul> 144 <!-- <ul>-->
142 <li>{{ language == 0 ? '房型选择' : 'Available Rooms' }}</li> 145 <!-- <li>{{ language == 0 ? '房型选择' : 'Available Rooms' }}</li>-->
143 </ul> 146 <!-- </ul>-->
144 </div> 147 <!-- </div>-->
145 <div> 148 <!-- <div>-->
146 <div v-for="(r,index) in roomList" :key="index" class="room"> 149 <!-- <div v-for="(r,index) in roomList" :key="index" class="room">-->
147 <el-row :gutter="30" align="middle"> 150 <!-- <el-row :gutter="30" align="middle">-->
148 <el-col :span="4"> 151 <!-- <el-col :span="4">-->
149 <div class="roomImg"> 152 <!-- <div class="roomImg">-->
150 <img :src="fillImgUrl(r.photo?.split(',')[0])"> 153 <!-- <img :src="fillImgUrl(r.photo?.split(',')[0])">-->
151 </div> 154 <!-- </div>-->
152 </el-col> 155 <!-- </el-col>-->
153 <el-col :span="14"> 156 <!-- <el-col :span="14">-->
154 <h3 class="name">{{ r.roomType }}</h3> 157 <!-- <h3 class="name">{{ r.roomType }}</h3>-->
155 <el-row :gutter="10"> 158 <!-- <el-row :gutter="10">-->
156 <el-col :span="8">{{ r.area }}m²</el-col> 159 <!-- <el-col :span="8">{{ r.area }}m²</el-col>-->
157 <el-col :span="8" v-show="r.windowFlag==1"> {{ language == 0 ? '有窗' : 'With windows' }}</el-col> 160 <!-- <el-col :span="8" v-show="r.windowFlag==1"> {{ language == 0 ? '有窗' : 'With windows' }}</el-col>-->
158 <el-col :span="8" v-show="r.windowFlag==0"> {{ language == 0 ? '无窗' : 'Windowless' }}</el-col> 161 <!-- <el-col :span="8" v-show="r.windowFlag==0"> {{ language == 0 ? '无窗' : 'Windowless' }}</el-col>-->
159 <el-col :span="8" v-show="r.bathroomFlag==1"> {{ language == 0 ? '热水洗浴' : 'Shower' }}</el-col> 162 <!-- <el-col :span="8" v-show="r.bathroomFlag==1"> {{ language == 0 ? '热水洗浴' : 'Shower' }}</el-col>-->
160 <!-- <text v-show="r.bathroomFlag==0"> </text> --> 163 <!-- &lt;!&ndash; <text v-show="r.bathroomFlag==0"> </text> &ndash;&gt;-->
161 <el-col :span="8" v-show="r.addBedFlag==1"> {{ language == 0 ? '允许加床' : 'Extra bed' }}</el-col> 164 <!-- <el-col :span="8" v-show="r.addBedFlag==1"> {{ language == 0 ? '允许加床' : 'Extra bed' }}</el-col>-->
162 <el-col :span="8" v-if="r.breakfastNum&&r.breakfastNum > '0'"> 165 <!-- <el-col :span="8" v-if="r.breakfastNum&&r.breakfastNum > '0'">-->
163 {{ r.breakfastNum }}{{ language == 0 ? '份早餐' : ' breakfasts' }} 166 <!-- {{ r.breakfastNum }}{{ language == 0 ? '份早餐' : ' breakfasts' }}-->
164 </el-col> 167 <!-- </el-col>-->
165 <el-col :span="8" v-else>{{ language == 0 ? '无早餐' : 'No breakfast' }}</el-col> 168 <!-- <el-col :span="8" v-else>{{ language == 0 ? '无早餐' : 'No breakfast' }}</el-col>-->
166 </el-row> 169 <!-- </el-row>-->
167 </el-col> 170 <!-- </el-col>-->
168 <el-col :span="3"> 171 <!-- <el-col :span="3">-->
169 <div class="price">{{ 172 <!-- <div class="price">{{-->
170 language == 0 ? '¥' : '€' 173 <!-- language == 0 ? '¥' : '€'-->
171 }}<span>{{ language == 0 ? r.roomPrice : r.roomPriceEn }}</span></div> 174 <!-- }}<span>{{ language == 0 ? r.roomPrice : r.roomPriceEn }}</span></div>-->
172 </el-col> 175 <!-- </el-col>-->
173 <el-col :span="3"> 176 <!-- <el-col :span="3">-->
174 <div class="bg-lineg" v-if="language==0" @click="goOrder(r)"> 177 <!-- <div class="bg-lineg" v-if="language==0" @click="goOrder(r)">-->
175 订 178 <!-- 订-->
176 <div>{{ language == 0 ? '在线付' : 'Online' }}</div> 179 <!-- <div>{{ language == 0 ? '在线付' : 'Online' }}</div>-->
177 </div> 180 <!-- </div>-->
178 <el-button v-else class="btn-lineG w100" round type="primary" @click="goOrder(r)">Select</el-button> 181 <!-- <el-button v-else class="btn-lineG w100" round type="primary" @click="goOrder(r)">Select</el-button>-->
179 <!-- <div class="text-center text-primary mt10 fontsize14 pointer" v-if="language == 0">--> 182 <!-- &lt;!&ndash; <div class="text-center text-primary mt10 fontsize14 pointer" v-if="language == 0">&ndash;&gt;-->
180 <!-- 剩余 {{(r.roomCount - (r.useCount||0)).toFixed()}} 间--> 183 <!-- &lt;!&ndash; 剩余 {{(r.roomCount - (r.useCount||0)).toFixed()}} 间&ndash;&gt;-->
181 <!-- </div>--> 184 <!-- &lt;!&ndash; </div>&ndash;&gt;-->
182 <!-- <div class="text-center text-primary mt10 fontsize14" v-else>--> 185 <!-- &lt;!&ndash; <div class="text-center text-primary mt10 fontsize14" v-else>&ndash;&gt;-->
183 <!-- {{(r.roomCount - (r.useCount||0)).toFixed()}} Remaining rooms--> 186 <!-- &lt;!&ndash; {{(r.roomCount - (r.useCount||0)).toFixed()}} Remaining rooms&ndash;&gt;-->
184 <!-- </div>--> 187 <!-- &lt;!&ndash; </div>&ndash;&gt;-->
185 </el-col> 188 <!-- </el-col>-->
186 </el-row> 189 <!-- </el-row>-->
187 </div> 190 <!-- </div>-->
188 191
189 <el-empty v-if="roomList.length == 0" :image="`/img/order_no.png`" :image-size="228" description=""/> 192 <!-- <el-empty v-if="roomList.length == 0" :image="`/img/order_no.png`" :image-size="228" description=""/>-->
190 </div> 193 <!-- </div>-->
191 </el-card> 194 <!-- </el-card>-->
192 </div> 195 </div>
193 </div> 196 </div>
194 </template> 197 </template>
...@@ -201,6 +204,7 @@ import {getHotelById, getHotelRooms} from "@/apiPc/booking" ...@@ -201,6 +204,7 @@ import {getHotelById, getHotelRooms} from "@/apiPc/booking"
201 204
202 import {useStorage} from "@vueuse/core/index"; 205 import {useStorage} from "@vueuse/core/index";
203 import useUserStore from "@/store/modules/user"; 206 import useUserStore from "@/store/modules/user";
207 import HomeCalendar from "/@/viewsPc/components/homeCalendar.vue";
204 208
205 const user = useUserStore().user 209 const user = useUserStore().user
206 const language = useStorage('language', 0) 210 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!