Skip to content

jijin / dance-pc

Go to a project
Toggle navigation
Toggle navigation pinning
7e1d5ab2 by 杨炀
Options

no message

1 parent ffb737e9
Inline Side-by-side
Showing 8 changed files with 143 additions and 54 deletions
src/apiPc/booking.js 0 → 100644
File mode changed
src/viewsPc/booking/hotel.vue
1 <template> 1 <template>
2 <div> 2 <div>
3 <div class="banner">
4 <img src="@/assets/booking/jd_text.png">
5 </div>
3 <div class="box"> 6 <div class="box">
4 <el-card class="mt30"> 7 <div class="searchBar">
5 <!-- 酒店列表--> 8 <el-input placeholder="请输入关键字搜索" v-model="query.name" class="no-border">
9 </el-input>
10 <el-button size="large" type="primary" class="btn-lineG" icon="search">搜索</el-button>
11 </div>
12 </div>
6 13
14 <div class="box">
15 <el-card v-for="(h,index) in list">
16 <!-- 酒店列表-->
17 <div>
18 <div>
19 <img/>
20 </div>
21 <div>
22 <h3>{{h.name}}</h3>
23 <div>
24 <img src="@/assets/booking/star.png">
25 </div>
26 <div>
27 <span v-for="t in h.tags">{{t}}</span>
28 </div>
29 <p>
30 <el-icon><LocationFilled /></el-icon>
31 {{h.address}}
32 </p>
33 </div>
34 </div>
7 </el-card> 35 </el-card>
8 </div> 36 </div>
9 37
...@@ -11,9 +39,28 @@ ...@@ -11,9 +39,28 @@
11 </template> 39 </template>
12 40
13 <script setup> 41 <script setup>
42 import {onMounted} from "@vue/runtime-core";
14 43
15 </script> 44 const query = ref({
45 name:''
46 })
47 const list = ref([''])
48 onMounted(()=>{
16 49
17 <style scoped> 50 })
51
52 </script>
18 53
54 <style scoped lang="scss">
55 .banner{height: 140px;background-size: cover;text-align: center;
56 background: url("@/assets/booking/jd_bg.png") center;display: flex;align-items: center;
57 justify-content: center;
58 img{display: block;margin:-30px auto 0;width: auto;}
59 }
60 .searchBar{position: relative;top: -30px;
61 background: #FFFFFF;display: flex;padding: 20px;
62 border-radius: 10px;}
63 .no-border{border: none;background: #F5F7F9;
64 :deep(.el-input__wrapper){border: none;box-shadow: none;background: #F5F7F9;}
65 }
19 </style> 66 </style>
......
src/viewsPc/components/homeQuick.vue 0 → 100644
1 <template>
2 <div class="itemBox" v-if="language == 0">
3 <el-row :gutter="20">
4 <el-col :sm="12" :lg="8">
5 <div class="item"><img src="@/assets/dance/btn01.png">酒店预订</div>
6 </el-col>
7 <el-col :sm="12" :lg="8">
8 <div class="item"><img src="@/assets/dance/btn02.png">车辆预约</div>
9 </el-col>
10 <el-col :sm="12" :lg="8">
11 <div class="item"><img src="@/assets/dance/btn03.png">餐饮预约</div>
12 </el-col>
13 <el-col :sm="12" :lg="8">
14 <div class="item"><img src="@/assets/dance/btn04.png">票务预订</div>
15 </el-col>
16 <el-col :sm="12" :lg="8">
17 <div class="item"><img src="@/assets/dance/btn05.png">化妆预约</div>
18 </el-col>
19 <el-col :sm="12" :lg="8">
20 <div class="item"><img src="@/assets/dance/btn06.png">拍照预约</div>
21 </el-col>
22 </el-row>
23 </div>
24 </template>
25
26 <script setup>
27 import {useStorage} from "@vueuse/core/index";
28
29 const language= useStorage('language',0)
30 function goBooking(n) {
31 switch (n) {
32 case 0:
33 // 票务
34 router.push({path: `/booking/ticket/${props.matchId}`})
35 break;
36 case 1:
37 //酒店
38 router.push({path: `/booking/hotel/${props.matchId}`})
39 break;
40 case 2:
41 //车辆
42 router.push({path: `/booking/car/${props.matchId}`})
43 break;
44 case 3:
45 //餐饮
46 router.push({path: `/booking/dining/${props.matchId}`})
47 break;
48 case 4:
49 //化妆
50 router.push({path: `/booking/makeup/${props.matchId}`})
51 break;
52 case 5:
53 //拍照
54 router.push({path: `/booking/photography/${props.matchId}`})
55 break;
56 }
57 }
58 </script>
59
60 <style scoped lang="scss">
61 .itemBox {
62 padding: 20px 40px;
63 }
64 </style>
src/viewsPc/index.vue
...@@ -57,29 +57,7 @@ ...@@ -57,29 +57,7 @@
57 </div> 57 </div>
58 </el-col> 58 </el-col>
59 <el-col :sm="24" :lg="14"> 59 <el-col :sm="24" :lg="14">
60 <div class="itemBox"> 60 <HomeQuick :match-id="matchData?.id"/>
61 <el-row :gutter="20">
62 <el-col :sm="12" :lg="8">
63 <div class="item"><img src="@/assets/dance/btn01.png">酒店预订</div>
64 </el-col>
65 <el-col :sm="12" :lg="8">
66 <div class="item"><img src="@/assets/dance/btn02.png">车辆预约</div>
67 </el-col>
68 <el-col :sm="12" :lg="8">
69 <div class="item"><img src="@/assets/dance/btn03.png">餐饮预约</div>
70 </el-col>
71 <el-col :sm="12" :lg="8">
72 <div class="item"><img src="@/assets/dance/btn04.png">票务预订</div>
73 </el-col>
74 <el-col :sm="12" :lg="8">
75 <div class="item"><img src="@/assets/dance/btn05.png">化妆预约</div>
76 </el-col>
77 <el-col :sm="12" :lg="8">
78 <div class="item"><img src="@/assets/dance/btn06.png">拍照预约</div>
79 </el-col>
80 </el-row>
81 </div>
82
83 </el-col> 61 </el-col>
84 </el-row> 62 </el-row>
85 </div> 63 </div>
...@@ -208,7 +186,6 @@ ...@@ -208,7 +186,6 @@
208 </div> 186 </div>
209 </div> 187 </div>
210 <div class="part"> 188 <div class="part">
211
212 <div class="box"> 189 <div class="box">
213 <div class="indexTitle"> 190 <div class="indexTitle">
214 <h3 class="leftboderTT">媒体中心</h3> 191 <h3 class="leftboderTT">媒体中心</h3>
...@@ -411,6 +388,7 @@ ...@@ -411,6 +388,7 @@
411 </div> 388 </div>
412 </template> 389 </template>
413 <script setup> 390 <script setup>
391 import HomeQuick from '@/viewsPc/components/homeQuick'
414 import {ref, nextTick, onMounted, watch} from 'vue' 392 import {ref, nextTick, onMounted, watch} from 'vue'
415 import {getCurrentInstance} from '@vue/runtime-core' 393 import {getCurrentInstance} from '@vue/runtime-core'
416 import {getHomePage, getNewsListById, getNewsList, getWeather} from '@/apiPc/webSite' 394 import {getHomePage, getNewsListById, getNewsList, getWeather} from '@/apiPc/webSite'
......
src/viewsPc/match/components/quick-row.vue
...@@ -96,32 +96,32 @@ function building() { ...@@ -96,32 +96,32 @@ function building() {
96 ElMessage.warning('Building！') 96 ElMessage.warning('Building！')
97 } 97 }
98 function goBooking(n) { 98 function goBooking(n) {
99 // switch (n) { 99 switch (n) {
100 // case 0: 100 case 0:
101 // // 票务 101 // 票务
102 // router.push({path: `/booking/ticket/${props.matchId}`}) 102 router.push({path: `/booking/ticket/${props.matchId}`})
103 // break; 103 break;
104 // case 1: 104 case 1:
105 // //酒店 105 //酒店
106 // router.push({path: `/booking/hotel/${props.matchId}`}) 106 router.push({path: `/booking/hotel/${props.matchId}`})
107 // break; 107 break;
108 // case 2: 108 case 2:
109 // //车辆 109 //车辆
110 // router.push({path: `/booking/car/${props.matchId}`}) 110 router.push({path: `/booking/car/${props.matchId}`})
111 // break; 111 break;
112 // case 3: 112 case 3:
113 // //餐饮 113 //餐饮
114 // router.push({path: `/booking/dining/${props.matchId}`}) 114 router.push({path: `/booking/dining/${props.matchId}`})
115 // break; 115 break;
116 // case 4: 116 case 4:
117 // //化妆 117 //化妆
118 // router.push({path: `/booking/makeup/${props.matchId}`}) 118 router.push({path: `/booking/makeup/${props.matchId}`})
119 // break; 119 break;
120 // case 5: 120 case 5:
121 // //拍照 121 //拍照
122 // router.push({path: `/booking/photography/${props.matchId}`}) 122 router.push({path: `/booking/photography/${props.matchId}`})
123 // break; 123 break;
124 // } 124 }
125 } 125 }
126 </script> 126 </script>
127 127
......
Styling with Markdown is supported
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!