8ee9c688 by 华明祺

no message

1 parent 8ea6b012
1 <template> 1 <template>
2 <div style="filter: opacity(1)"> 2 <div style="filter: opacity(1)">
3 <el-row v-if="language==0" class="btnbox" justify='space-between' :gutter="15"> 3 <el-row v-if="language==0" class="btnbox" justify="space-between" :gutter="15">
4 <el-col :lg="3" :md="6" :sm="12" :xs="12"> 4 <el-col :lg="3" :md="6" :sm="12" :xs="12">
5 <div class="funcBtn" @click="popRemark(0)"> 5 <div class="funcBtn" @click="popRemark(0)">
6 <img src="@/assets/dance/btn04.png"/> 6 <img src="@/assets/dance/btn04.png">
7 <h4>票务预订</h4> 7 <h4>票务预订</h4>
8 </div> 8 </div>
9 </el-col> 9 </el-col>
10 <el-col :lg="3" :md="6" :sm="12" :xs="12"> 10 <el-col :lg="3" :md="6" :sm="12" :xs="12">
11 <div class="funcBtn" @click="popRemark(1)"> 11 <div class="funcBtn" @click="popRemark(1)">
12 <img src="@/assets/dance/btn01.png"/> 12 <img src="@/assets/dance/btn01.png">
13 <h4>酒店预订</h4> 13 <h4>酒店预订</h4>
14 </div> 14 </div>
15 </el-col> 15 </el-col>
16 <el-col :lg="3" :md="6" :sm="12" :xs="11"> 16 <el-col :lg="3" :md="6" :sm="12" :xs="11">
17 <div class="funcBtn" @click="popRemark(8)"> 17 <div class="funcBtn" @click="popRemark(8)">
18 <img src="@/assets/dance/btn08.png"/> 18 <img src="@/assets/dance/btn08.png">
19 <h4>旅游服务</h4> 19 <h4>旅游服务</h4>
20 </div> 20 </div>
21 </el-col> 21 </el-col>
22 <el-col :lg="3" :md="6" :sm="12" :xs="11"> 22 <el-col :lg="3" :md="6" :sm="12" :xs="11">
23 <div class="funcBtn" @click="popRemark(2)"> 23 <div class="funcBtn" @click="popRemark(2)">
24 <img src="@/assets/dance/btn02.png"/> 24 <img src="@/assets/dance/btn02.png">
25 <h4>车辆预订</h4> 25 <h4>车辆预订</h4>
26 </div> 26 </div>
27 </el-col> 27 </el-col>
28 <el-col :lg="3" :md="6" :sm="12" :xs="11"> 28 <el-col :lg="3" :md="6" :sm="12" :xs="11">
29 <div class="funcBtn" @click="popRemark(6)"> 29 <div class="funcBtn" @click="popRemark(6)">
30 <img src="@/assets/dance/btn07.png"/> 30 <img src="@/assets/dance/btn07.png">
31 <h4>预订查询</h4> 31 <h4>预订查询</h4>
32 </div> 32 </div>
33 </el-col> 33 </el-col>
34 <el-col :lg="3" :md="6" :sm="12" :xs="11"> 34 <el-col :lg="3" :md="6" :sm="12" :xs="11">
35 <div class="funcBtn" @click="popRemark(3)"> 35 <div class="funcBtn" @click="popRemark(3)">
36 <img src="@/assets/dance/btn03.png"/> 36 <img src="@/assets/dance/btn03.png">
37 <h4>餐饮预订</h4> 37 <h4>餐饮预订</h4>
38 </div> 38 </div>
39 </el-col> 39 </el-col>
40 <el-col :lg="3" :md="6" :sm="12" :xs="11"> 40 <el-col :lg="3" :md="6" :sm="12" :xs="11">
41 <div class="funcBtn" @click="popRemark(4)"> 41 <div class="funcBtn" @click="popRemark(4)">
42 <img src="@/assets/dance/btn05.png"/> 42 <img src="@/assets/dance/btn05.png">
43 <h4>化妆预约</h4> 43 <h4>化妆预约</h4>
44 </div> 44 </div>
45 </el-col> 45 </el-col>
46 <el-col :lg="3" :md="6" :sm="12" :xs="11"> 46 <el-col :lg="3" :md="6" :sm="12" :xs="11">
47 <div class="funcBtn" @click="popRemark(5)"> 47 <div class="funcBtn" @click="popRemark(5)">
48 <img src="@/assets/dance/btn06.png"/> 48 <img src="@/assets/dance/btn06.png">
49 <h4>拍照预约</h4> 49 <h4>拍照预约</h4>
50 </div> 50 </div>
51 </el-col> 51 </el-col>
52 </el-row> 52 </el-row>
53 53
54 54
55 <el-row v-else class="btnbox enBtnbox" justify='space-between' :gutter="15"> 55 <el-row v-else class="btnbox enBtnbox" justify="space-between" :gutter="15">
56 <el-col :lg="3" :md="8" :sm="12" :xs="12"> 56 <el-col :lg="3" :md="8" :sm="12" :xs="12">
57 <div class="funcBtn" @click="popRemark(0)"> 57 <div class="funcBtn" @click="popRemark(0)">
58 <img src="@/assets/dance/btn04.png"/> 58 <img src="@/assets/dance/btn04.png">
59 <h4>TICKET BOOKING</h4> 59 <h4>TICKET BOOKING</h4>
60 </div> 60 </div>
61 </el-col> 61 </el-col>
62 <el-col :lg="3" :md="8" :sm="12" :xs="12"> 62 <el-col :lg="3" :md="8" :sm="12" :xs="12">
63 <div class="funcBtn" @click="popRemark(1)"> 63 <div class="funcBtn" @click="popRemark(1)">
64 <img src="@/assets/dance/btn01.png"/> 64 <img src="@/assets/dance/btn01.png">
65 <h4>HOTEL RESERVATION</h4> 65 <h4>HOTEL RESERVATION</h4>
66 </div> 66 </div>
67 </el-col> 67 </el-col>
68 <el-col :lg="3" :md="8" :sm="12" :xs="12"> 68 <el-col :lg="3" :md="8" :sm="12" :xs="12">
69 <div class="funcBtn" @click="popRemark(8)"> 69 <div class="funcBtn" @click="popRemark(8)">
70 <img src="@/assets/dance/btn08.png"/> 70 <img src="@/assets/dance/btn08.png">
71 <h4>TRAVEL SERVICE</h4> 71 <h4>TRAVEL SERVICE</h4>
72 </div> 72 </div>
73 </el-col> 73 </el-col>
74 <el-col :lg="3" :md="8" :sm="12" :xs="12"> 74 <el-col :lg="3" :md="8" :sm="12" :xs="12">
75 <div class="funcBtn" @click="popRemark(2)"> 75 <div class="funcBtn" @click="popRemark(2)">
76 <img src="@/assets/dance/btn02.png"/> 76 <img src="@/assets/dance/btn02.png">
77 <h4>TRANSPORTATION RESERVATION</h4> 77 <h4>TRANSPORTATION RESERVATION</h4>
78 </div> 78 </div>
79 </el-col> 79 </el-col>
80 <el-col :lg="3" :md="8" :sm="12" :xs="12"> 80 <el-col :lg="3" :md="8" :sm="12" :xs="12">
81 <div class="funcBtn" @click="popRemark(6)"> 81 <div class="funcBtn" @click="popRemark(6)">
82 <img src="@/assets/dance/btn07.png"/> 82 <img src="@/assets/dance/btn07.png">
83 <h4>RESERVATION SEARCH</h4> 83 <h4>RESERVATION SEARCH</h4>
84 </div> 84 </div>
85 </el-col> 85 </el-col>
86 <el-col :lg="3" :md="8" :sm="12" :xs="12"> 86 <el-col :lg="3" :md="8" :sm="12" :xs="12">
87 <div class="funcBtn" @click="popRemark(3)"> 87 <div class="funcBtn" @click="popRemark(3)">
88 <img src="@/assets/dance/btn03.png"/> 88 <img src="@/assets/dance/btn03.png">
89 <h4>DINING RESERVATION</h4> 89 <h4>DINING RESERVATION</h4>
90 </div> 90 </div>
91 </el-col> 91 </el-col>
92 <el-col :lg="3" :md="8" :sm="12" :xs="12"> 92 <el-col :lg="3" :md="8" :sm="12" :xs="12">
93 <div class="funcBtn" @click="popRemark(4)"> 93 <div class="funcBtn" @click="popRemark(4)">
94 <img src="@/assets/dance/btn05.png"/> 94 <img src="@/assets/dance/btn05.png">
95 <h4>MAKEUP APPOINTMENT</h4> 95 <h4>MAKEUP APPOINTMENT</h4>
96 </div> 96 </div>
97 </el-col> 97 </el-col>
98 <el-col :lg="3" :md="8" :sm="12" :xs="12"> 98 <el-col :lg="3" :md="8" :sm="12" :xs="12">
99 <div class="funcBtn" @click="popRemark(5)"> 99 <div class="funcBtn" @click="popRemark(5)">
100 <img src="@/assets/dance/btn06.png"/> 100 <img src="@/assets/dance/btn06.png">
101 <h4>PHOTOGRAPHY APPOINTMENT</h4> 101 <h4>PHOTOGRAPHY APPOINTMENT</h4>
102 </div> 102 </div>
103 </el-col> 103 </el-col>
104 </el-row> 104 </el-row>
105 </div> 105 </div>
106 <order-remark ref="orderRemarkRef" @submit="goBooking"/> 106 <order-remark ref="orderRemarkRef" @submit="goBooking" />
107 107
108 <!-- <div class="fixedKP" @click="addInvoice">--> 108 <!-- <div class="fixedKP" @click="addInvoice">-->
109 <!-- <img src="@/assets/img/kp.svg"/>--> 109 <!-- <img src="@/assets/img/kp.svg"/>-->
...@@ -112,15 +112,15 @@ ...@@ -112,15 +112,15 @@
112 </template> 112 </template>
113 113
114 <script setup> 114 <script setup>
115 import {ElMessage} from "element-plus"; 115 import { ElMessage } from 'element-plus'
116 import {useRouter} from "vue-router"; 116 import { useRouter } from 'vue-router'
117 import {useStorage} from "@vueuse/core/index"; 117 import { useStorage } from '@vueuse/core/index'
118 import OrderRemark from '@/viewsPc/components/orderRemark' 118 import OrderRemark from '@/viewsPc/components/orderRemark'
119 import {getBaseInfoByActiveId} from "@/apiPc/booking"; 119 import { getBaseInfoByActiveId } from '@/apiPc/booking'
120 import {getCurrentInstance} from "@vue/runtime-core"; 120 import { getCurrentInstance } from '@vue/runtime-core'
121 import {onMounted} from "vue"; 121 import { onMounted } from 'vue'
122 122
123 const {proxy} = getCurrentInstance() 123 const { proxy } = getCurrentInstance()
124 124
125 const router = useRouter() 125 const router = useRouter()
126 const language = useStorage('language', 0) 126 const language = useStorage('language', 0)
...@@ -148,7 +148,6 @@ onMounted(() => { ...@@ -148,7 +148,6 @@ onMounted(() => {
148 148
149 function building() { 149 function building() {
150 ElMessage.warning(language.value == 0 ? '感谢您对本次比赛的关注,该服务暂无可预订信息,敬请期待。' : 'Thank you for your attention to this competition. The service is currently unavailable for booking. Please stay tuned.') 150 ElMessage.warning(language.value == 0 ? '感谢您对本次比赛的关注,该服务暂无可预订信息,敬请期待。' : 'Thank you for your attention to this competition. The service is currently unavailable for booking. Please stay tuned.')
151
152 } 151 }
153 152
154 function popRemark(type) { 153 function popRemark(type) {
...@@ -156,7 +155,7 @@ function popRemark(type) { ...@@ -156,7 +155,7 @@ function popRemark(type) {
156 return router.push({ 155 return router.push({
157 path: '/match/list/reservationSearch', 156 path: '/match/list/reservationSearch',
158 query: { 157 query: {
159 matchId: props.matchId, 158 matchId: props.matchId
160 } 159 }
161 }) 160 })
162 } 161 }
...@@ -165,13 +164,13 @@ function popRemark(type) { ...@@ -165,13 +164,13 @@ function popRemark(type) {
165 return 164 return
166 } 165 }
167 166
168 if ((form.value.isJdView == 0 && type == '1') 167 if ((form.value.isJdView == 0 && type == '1') ||
169 || (form.value.isCarView == 0 && type == '2') 168 (form.value.isCarView == 0 && type == '2') ||
170 || (form.value.isFoodView == 0 && type == '3') 169 (form.value.isFoodView == 0 && type == '3') ||
171 || (form.value.isMealView == 0 && type == '4') 170 (form.value.isMealView == 0 && type == '4') ||
172 || (form.value.isPhotoView == 0 && type == '5') 171 (form.value.isPhotoView == 0 && type == '5') ||
173 || (form.value.isTicket == 0 && type == '0') 172 (form.value.isTicketView == 0 && type == '0') ||
174 || (form.value.isScenicView == 0 && type == '8') 173 (form.value.isScenicView == 0 && type == '8')
175 ) { 174 ) {
176 building() 175 building()
177 return 176 return
...@@ -184,7 +183,6 @@ function popRemark(type) { ...@@ -184,7 +183,6 @@ function popRemark(type) {
184 cptName: props.cptName 183 cptName: props.cptName
185 } 184 }
186 proxy.$refs['orderRemarkRef'].open(params) 185 proxy.$refs['orderRemarkRef'].open(params)
187
188 } 186 }
189 187
190 function goBooking(n) { 188 function goBooking(n) {
...@@ -192,33 +190,33 @@ function goBooking(n) { ...@@ -192,33 +190,33 @@ function goBooking(n) {
192 case 0: 190 case 0:
193 // 票务 191 // 票务
194 router.push({ 192 router.push({
195 path: `/booking/ticket/${props.matchId}`, 193 path: `/booking/ticket/${props.matchId}`
196 }) 194 })
197 break; 195 break
198 case 1: 196 case 1:
199 //酒店 197 // 酒店
200 router.push({path: `/booking/hotel/${props.matchId}`}) 198 router.push({ path: `/booking/hotel/${props.matchId}` })
201 break; 199 break
202 case 2: 200 case 2:
203 //车辆 201 // 车辆
204 router.push({path: `/booking/car/${props.matchId}`}) 202 router.push({ path: `/booking/car/${props.matchId}` })
205 break; 203 break
206 case 3: 204 case 3:
207 //餐饮 205 // 餐饮
208 router.push({path: `/booking/dinner/${props.matchId}`}) 206 router.push({ path: `/booking/dinner/${props.matchId}` })
209 break; 207 break
210 case 4: 208 case 4:
211 //化妆 209 // 化妆
212 router.push({path: `/booking/makeup/${props.matchId}`}) 210 router.push({ path: `/booking/makeup/${props.matchId}` })
213 break; 211 break
214 case 5: 212 case 5:
215 //拍照 213 // 拍照
216 router.push({path: `/booking/photography/${props.matchId}`}) 214 router.push({ path: `/booking/photography/${props.matchId}` })
217 break; 215 break
218 case 8: 216 case 8:
219 //旅游 217 // 旅游
220 router.push({path: `/booking/travel/${props.matchId}`}) 218 router.push({ path: `/booking/travel/${props.matchId}` })
221 break; 219 break
222 } 220 }
223 } 221 }
224 222
......
...@@ -77,15 +77,15 @@ export default defineConfig(({ mode, command }) => { ...@@ -77,15 +77,15 @@ export default defineConfig(({ mode, command }) => {
77 rewrite: (p) => p.replace(/^\/dev-api\/ztx-match/, '') 77 rewrite: (p) => p.replace(/^\/dev-api\/ztx-match/, '')
78 }, 78 },
79 '/dev-api/ztx-webSite': { 79 '/dev-api/ztx-webSite': {
80 target: 'http://192.168.1.118:8081', 80 // target: 'http://192.168.1.118:8081',
81 // target: 'https://jijin.wtwuxicenter.com/stage-api', 81 target: 'https://jijin.wtwuxicenter.com/stage-api',
82 changeOrigin: true, 82 changeOrigin: true,
83 rewrite: (p) => p.replace(/^\/dev-api\/ztx-webSite/, '') 83 rewrite: (p) => p.replace(/^\/dev-api\/ztx-webSite/, '')
84 }, 84 },
85 '/dev-api': { 85 '/dev-api': {
86 // target: 'http://192.168.1.213:8081/', 86 // target: 'http://192.168.1.213:8081/',
87 target: 'http://192.168.1.118:8081', 87 // target: 'http://192.168.1.118:8081',
88 // target: 'https://jijin.wtwuxicenter.com/stage-api', 88 target: 'https://jijin.wtwuxicenter.com/stage-api',
89 // target: 'https://wdsfwuxicenter.com/stage-api/', 89 // target: 'https://wdsfwuxicenter.com/stage-api/',
90 changeOrigin: true, 90 changeOrigin: true,
91 rewrite: (p) => p.replace(/^\/dev-api/, '') 91 rewrite: (p) => p.replace(/^\/dev-api/, '')
......
Styling with Markdown is supported
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!