feat:完善功能
This commit is contained in:
@@ -26,7 +26,7 @@
|
|||||||
backgroundImage: `url(${title2})`
|
backgroundImage: `url(${title2})`
|
||||||
}"
|
}"
|
||||||
>
|
>
|
||||||
{{ otherLeftLabel || '其他' }}
|
{{ otherLeftLabel }}
|
||||||
<img class="icon" src="@/assets/images/arrow-down-1.png" />
|
<img class="icon" src="@/assets/images/arrow-down-1.png" />
|
||||||
</li>
|
</li>
|
||||||
<template #dropdown>
|
<template #dropdown>
|
||||||
@@ -136,7 +136,7 @@
|
|||||||
router.push(item.path)
|
router.push(item.path)
|
||||||
} else {
|
} else {
|
||||||
if (current.value === index) return
|
if (current.value === index) return
|
||||||
otherLeftLabel.value = ''
|
otherLeftLabel.value = '其他酒店'
|
||||||
current.value = index
|
current.value = index
|
||||||
title.value = item.name
|
title.value = item.name
|
||||||
switch (router.currentRoute.value.path) {
|
switch (router.currentRoute.value.path) {
|
||||||
@@ -184,6 +184,7 @@
|
|||||||
]
|
]
|
||||||
break
|
break
|
||||||
case '/scenic':
|
case '/scenic':
|
||||||
|
otherLeftLabel.value = '其他景区'
|
||||||
isSkip.value = false
|
isSkip.value = false
|
||||||
isBack.value = true
|
isBack.value = true
|
||||||
let res = await getSpotListApi()
|
let res = await getSpotListApi()
|
||||||
@@ -270,11 +271,12 @@
|
|||||||
isBack.value = true
|
isBack.value = true
|
||||||
break
|
break
|
||||||
case '/hotel':
|
case '/hotel':
|
||||||
title.value = '酒店管理'
|
title.value = '酒店场馆'
|
||||||
|
otherLeftLabel.value = '其他酒店'
|
||||||
isSkip.value = false
|
isSkip.value = false
|
||||||
current.vlaue = ''
|
current.vlaue = ''
|
||||||
isBack.value = true
|
isBack.value = true
|
||||||
let hotelRes = await getHotelListApi()
|
let hotelRes = await getHotelListApi({ hotelStadiumType: 1 })
|
||||||
navLeft.value = hotelRes.data.slice(0, 3)
|
navLeft.value = hotelRes.data.slice(0, 3)
|
||||||
pubSub.publish('hotelChange', hotelRes.data[0])
|
pubSub.publish('hotelChange', hotelRes.data[0])
|
||||||
otherLeftNav.value = hotelRes.data.slice(3, hotelRes.data.length - 1)
|
otherLeftNav.value = hotelRes.data.slice(3, hotelRes.data.length - 1)
|
||||||
|
|||||||
@@ -72,8 +72,8 @@
|
|||||||
</div>
|
</div>
|
||||||
<div class="desc-box">
|
<div class="desc-box">
|
||||||
<title2 title="酒店简介" />
|
<title2 title="酒店简介" />
|
||||||
<div class="desc-container">
|
|
||||||
<div class="desc-content" v-html="info?.introduction"></div>
|
<div class="desc-content" v-html="info?.introduction"></div>
|
||||||
|
<div class="desc-container">
|
||||||
<div>
|
<div>
|
||||||
<el-carousel indicator-position="outside">
|
<el-carousel indicator-position="outside">
|
||||||
<el-carousel-item v-for="item in info?.banner" :key="item">
|
<el-carousel-item v-for="item in info?.banner" :key="item">
|
||||||
@@ -214,6 +214,8 @@
|
|||||||
padding: vh(20) vw(20) 0 vw(20);
|
padding: vh(20) vw(20) 0 vw(20);
|
||||||
}
|
}
|
||||||
&-content {
|
&-content {
|
||||||
|
margin: vh(20) 0 0 vw(20);
|
||||||
|
padding-right: vw(20);
|
||||||
overflow-y: auto;
|
overflow-y: auto;
|
||||||
height: vh(200);
|
height: vh(200);
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
|
|||||||
@@ -49,75 +49,6 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</li>
|
</li>
|
||||||
<!-- <li
|
|
||||||
v-if="active == 1"
|
|
||||||
class="item"
|
|
||||||
:class="{ item__active: current === index }"
|
|
||||||
v-for="(item, index) in ononlineList"
|
|
||||||
:key="index"
|
|
||||||
@click="handleItem(item, index)"
|
|
||||||
>
|
|
||||||
<p class="item__label">{{ item.licenseNumber }}</p>
|
|
||||||
<div class="item__value"
|
|
||||||
>{{ item.speed }}km/h
|
|
||||||
<img v-if="item.status == '行驶'" src="@/assets/images/engine.png" alt="" />
|
|
||||||
<img v-else src="@/assets/images/unengine.png" alt="" />
|
|
||||||
<div
|
|
||||||
:class="{
|
|
||||||
'item__hot--primary': item.status == '行驶',
|
|
||||||
'item__hot--info': item.status != '行驶',
|
|
||||||
'item__hot--active': current === index
|
|
||||||
}"
|
|
||||||
>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</li>
|
|
||||||
<li
|
|
||||||
v-if="active == 2"
|
|
||||||
class="item"
|
|
||||||
:class="{ item__active: current === index }"
|
|
||||||
v-for="(item, index) in offlineList"
|
|
||||||
:key="index"
|
|
||||||
@click="handleItem(item, index)"
|
|
||||||
>
|
|
||||||
<p class="item__label">{{ item.licenseNumber }}</p>
|
|
||||||
<div class="item__value"
|
|
||||||
>{{ item.speed }}km/h
|
|
||||||
<img v-if="item.status == '行驶'" src="@/assets/images/engine.png" alt="" />
|
|
||||||
<img v-else src="@/assets/images/unengine.png" alt="" />
|
|
||||||
<div
|
|
||||||
:class="{
|
|
||||||
'item__hot--primary': item.status == '行驶',
|
|
||||||
'item__hot--info': item.status != '行驶',
|
|
||||||
'item__hot--active': current === index
|
|
||||||
}"
|
|
||||||
>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</li>
|
|
||||||
<li
|
|
||||||
v-if="active == 3"
|
|
||||||
class="item"
|
|
||||||
:class="{ item__active: current === index }"
|
|
||||||
v-for="(item, index) in staticList"
|
|
||||||
:key="index"
|
|
||||||
@click="handleItem(item, index)"
|
|
||||||
>
|
|
||||||
<p class="item__label">{{ item.licenseNumber }}</p>
|
|
||||||
<div class="item__value"
|
|
||||||
>{{ item.speed }}km/h
|
|
||||||
<img v-if="item.status == '行驶'" src="@/assets/images/engine.png" alt="" />
|
|
||||||
<img v-else src="@/assets/images/unengine.png" alt="" />
|
|
||||||
<div
|
|
||||||
:class="{
|
|
||||||
'item__hot--primary': item.status == '行驶',
|
|
||||||
'item__hot--info': item.status != '行驶',
|
|
||||||
'item__hot--active': current === index
|
|
||||||
}"
|
|
||||||
>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</li> -->
|
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
<div id="big-car-ship" class="big-car-ship" />
|
<div id="big-car-ship" class="big-car-ship" />
|
||||||
@@ -435,7 +366,7 @@
|
|||||||
.marker {
|
.marker {
|
||||||
&-box {
|
&-box {
|
||||||
position: relative;
|
position: relative;
|
||||||
width: 316px;
|
width: vw(700);
|
||||||
border: 1px solid #0096ff;
|
border: 1px solid #0096ff;
|
||||||
background: linear-gradient(180deg, #0a4190 0%, #0e51b1 100%);
|
background: linear-gradient(180deg, #0a4190 0%, #0e51b1 100%);
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user