no message
Showing
2 changed files
with
58 additions
and
60 deletions
| 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/, '') | ... | ... |
-
Please register or sign in to post a comment