Merge branch 'dev-order' into dev
Showing
15 changed files
with
241 additions
and
57 deletions
No preview for this file type
| ... | @@ -47,6 +47,7 @@ export function newbilllist(query) { | ... | @@ -47,6 +47,7 @@ export function newbilllist(query) { |
| 47 | params: query | 47 | params: query |
| 48 | }) | 48 | }) |
| 49 | } | 49 | } |
| 50 | |||
| 50 | export function vistorRegister(data) { | 51 | export function vistorRegister(data) { |
| 51 | return request({ | 52 | return request({ |
| 52 | url: `/pcSimpleRegister`, | 53 | url: `/pcSimpleRegister`, |
| ... | @@ -68,3 +69,41 @@ export function upgradeTeam(data) { | ... | @@ -68,3 +69,41 @@ export function upgradeTeam(data) { |
| 68 | data: data | 69 | data: data |
| 69 | }) | 70 | }) |
| 70 | } | 71 | } |
| 72 | |||
| 73 | export function submitMasterApply(data) { | ||
| 74 | return request({ | ||
| 75 | url: `/league/courseUser`, | ||
| 76 | method: 'post', | ||
| 77 | data: data | ||
| 78 | }) | ||
| 79 | } | ||
| 80 | export function masterClassList(query) { | ||
| 81 | return request({ | ||
| 82 | // url: `/league/courseItem/list`, | ||
| 83 | url: `/league/courseItem/getCoursrItemByCourseId`, | ||
| 84 | method: 'get', | ||
| 85 | params: query | ||
| 86 | }) | ||
| 87 | } | ||
| 88 | export function getByCard(query) { | ||
| 89 | return request({ | ||
| 90 | url: `/league/courseUser/getByCard`, | ||
| 91 | method: 'get', | ||
| 92 | params: query | ||
| 93 | }) | ||
| 94 | } | ||
| 95 | export function getMasterApply(query) { | ||
| 96 | return request({ | ||
| 97 | url: `/league/courseUser/getCourseByUser`, | ||
| 98 | method: 'get', | ||
| 99 | params: query | ||
| 100 | }) | ||
| 101 | } | ||
| 102 | export function delByCard(card) { | ||
| 103 | return request({ | ||
| 104 | url: `/league/courseUser/delByCard?card=${card}`, | ||
| 105 | method: 'delete' | ||
| 106 | }) | ||
| 107 | } | ||
| 108 | |||
| 109 | ... | ... |
| ... | @@ -286,7 +286,7 @@ export const rankList = [ | ... | @@ -286,7 +286,7 @@ export const rankList = [ |
| 286 | tong: '0' | 286 | tong: '0' |
| 287 | }, | 287 | }, |
| 288 | { | 288 | { |
| 289 | index: '2', | 289 | index: '1', |
| 290 | code: 'md', | 290 | code: 'md', |
| 291 | name: 'Alexey Glukhov - Anastasia Glazunova', | 291 | name: 'Alexey Glukhov - Anastasia Glazunova', |
| 292 | gj: '摩尔多瓦共和国', | 292 | gj: '摩尔多瓦共和国', |
| ... | @@ -296,7 +296,7 @@ export const rankList = [ | ... | @@ -296,7 +296,7 @@ export const rankList = [ |
| 296 | tong: '0' | 296 | tong: '0' |
| 297 | }, | 297 | }, |
| 298 | { | 298 | { |
| 299 | index: '3', | 299 | index: '1', |
| 300 | code: 'de', | 300 | code: 'de', |
| 301 | name: 'Marius-Andrei Balan - Khrystyna Moshenska', | 301 | name: 'Marius-Andrei Balan - Khrystyna Moshenska', |
| 302 | gj: '德国', | 302 | gj: '德国', | ... | ... |
| ... | @@ -440,12 +440,24 @@ export const constantRoutes = [ | ... | @@ -440,12 +440,24 @@ export const constantRoutes = [ |
| 440 | meta: { title: 'pay' } | 440 | meta: { title: 'pay' } |
| 441 | }, | 441 | }, |
| 442 | { | 442 | { |
| 443 | path: 'payticket', | ||
| 444 | component: () => import('@/viewsPc/booking/payticket'), | ||
| 445 | name: 'payticket', | ||
| 446 | meta: { title: '票务' } | ||
| 447 | }, | ||
| 448 | { | ||
| 443 | path: 'payOk', | 449 | path: 'payOk', |
| 444 | component: () => import('@/viewsPc/booking/payOk'), | 450 | component: () => import('@/viewsPc/booking/payOk'), |
| 445 | name: 'bookingPayOk', | 451 | name: 'bookingPayOk', |
| 446 | meta: { title: 'payOk' } | 452 | meta: { title: 'payOk' } |
| 447 | }, | 453 | }, |
| 448 | { | 454 | { |
| 455 | path: 'payticketOk', | ||
| 456 | component: () => import('@/viewsPc/booking/payticketOk'), | ||
| 457 | name: 'payticketOk', | ||
| 458 | meta: { title: '票务-paypal' } | ||
| 459 | }, | ||
| 460 | { | ||
| 449 | path: 'invoice', | 461 | path: 'invoice', |
| 450 | component: () => import('@/viewsPc/booking/invoicing'), | 462 | component: () => import('@/viewsPc/booking/invoicing'), |
| 451 | name: 'invoice', | 463 | name: 'invoice', | ... | ... |
| ... | @@ -47,8 +47,8 @@ | ... | @@ -47,8 +47,8 @@ |
| 47 | <h3 class="name flex">{{ r.carType }} | 47 | <h3 class="name flex">{{ r.carType }} |
| 48 | <div class="tagbox"> | 48 | <div class="tagbox"> |
| 49 | <span class="tag">{{r.carColor}}</span> | 49 | <span class="tag">{{r.carColor}}</span> |
| 50 | <span class="tag" v-show="r.checkOut==1">可送车</span> | 50 | <span class="tag" v-show="r.checkOut==1">{{ language==0?'可送车':'drop-off' }}</span> |
| 51 | <span class="tag" v-show="r.checkIn==1">可接车</span> | 51 | <span class="tag" v-show="r.checkIn==1">{{ language==0?'可接车':'pick-up' }}</span> |
| 52 | </div> | 52 | </div> |
| 53 | </h3> | 53 | </h3> |
| 54 | <div class="text-gray mt20"> | 54 | <div class="text-gray mt20"> | ... | ... |
| ... | @@ -3,10 +3,8 @@ | ... | @@ -3,10 +3,8 @@ |
| 3 | <div class="box"> | 3 | <div class="box"> |
| 4 | <el-card class="mt30" v-loading="loading"> | 4 | <el-card class="mt30" v-loading="loading"> |
| 5 | <el-row v-if="form" class="hotel" align="middle" :gutter="20"> | 5 | <el-row v-if="form" class="hotel" align="middle" :gutter="20"> |
| 6 | <!-- <el-col :span="6">--> | 6 | |
| 7 | <!-- <img class="w100" :src="fillImgUrl(form.photos?.split(',')[0])"/>--> | 7 | <el-col :lg="16" :sm="24"> |
| 8 | <!-- </el-col>--> | ||
| 9 | <el-col :span="16"> | ||
| 10 | <h3 class="esp flex">{{ form?.name }} | 8 | <h3 class="esp flex">{{ form?.name }} |
| 11 | </h3> | 9 | </h3> |
| 12 | 10 | ||
| ... | @@ -18,25 +16,18 @@ | ... | @@ -18,25 +16,18 @@ |
| 18 | {{ form?.addName }} | 16 | {{ form?.addName }} |
| 19 | </p> | 17 | </p> |
| 20 | </el-col> | 18 | </el-col> |
| 19 | <el-col :lg="8" :sm="24"> | ||
| 20 | <el-carousel height="120px"> | ||
| 21 | <el-carousel-item v-for="item in form.photos?.split(',')" :key="item"> | ||
| 22 | <el-image class="w100 h100" fit="contain" :src="fillImgUrl(item)"/> | ||
| 23 | </el-carousel-item> | ||
| 24 | </el-carousel> | ||
| 25 | </el-col> | ||
| 21 | </el-row> | 26 | </el-row> |
| 22 | <el-empty v-else :image="`/img/order_no.png`" :image-size="228" description=""/> | 27 | <el-empty v-else :image="`/img/order_no.png`" :image-size="228" description=""/> |
| 23 | </el-card> | 28 | </el-card> |
| 24 | 29 | ||
| 25 | <div class="mt30"> | 30 | <div class="mt30"> |
| 26 | <el-row :gutter="20"> | ||
| 27 | <el-col :span="10"> | ||
| 28 | <div class="imgbox hotelImg"> | ||
| 29 | <el-image :src="fillImgUrl(form?.photos?.split(',')[0])" fit="cover" :preview-src-list="form?.photos?.split(',')"/> | ||
| 30 | </div> | ||
| 31 | </el-col> | ||
| 32 | <el-col :span="14"> | ||
| 33 | <el-row class="h100" :gutter="20"> | ||
| 34 | <el-col :span="8" v-for="(p,index) in form?.photos?.split(',').slice(1,7)" style="height: calc(50% - 10px)"> | ||
| 35 | <div class="imgbox hotelImg"><el-image :src="fillImgUrl(p)" fit="cover" :preview-src-list="form?.photos?.split(',')"/></div> | ||
| 36 | </el-col> | ||
| 37 | </el-row> | ||
| 38 | </el-col> | ||
| 39 | </el-row> | ||
| 40 | </div> | 31 | </div> |
| 41 | 32 | ||
| 42 | <el-card class="mt30 mb60"> | 33 | <el-card class="mt30 mb60"> |
| ... | @@ -57,8 +48,8 @@ | ... | @@ -57,8 +48,8 @@ |
| 57 | <h3 class="name">{{ r.name }}<span class="text-primary">({{ r.categoryName }})</span></h3> | 48 | <h3 class="name">{{ r.name }}<span class="text-primary">({{ r.categoryName }})</span></h3> |
| 58 | <el-row :gutter="10"> | 49 | <el-row :gutter="10"> |
| 59 | <el-col :span="24"> | 50 | <el-col :span="24"> |
| 60 | <p>{{ language==0?'配送时间':'Delivery time' }}:{{ r.psStart }}~{{ r.psEnd }}</p> | 51 | <p>{{ language == 0 ? '配送时间' : 'Delivery time' }}:{{ r.psStart }}~{{ r.psEnd }}</p> |
| 61 | <p>{{ language==0?'配送地址':'Delivery address' }}:{{ r.address }}</p> | 52 | <p>{{ language == 0 ? '配送地址' : 'Delivery address' }}:{{ r.address }}</p> |
| 62 | </el-col> | 53 | </el-col> |
| 63 | </el-row> | 54 | </el-row> |
| 64 | </el-col> | 55 | </el-col> |
| ... | @@ -83,9 +74,9 @@ | ... | @@ -83,9 +74,9 @@ |
| 83 | </template> | 74 | </template> |
| 84 | 75 | ||
| 85 | <script setup> | 76 | <script setup> |
| 86 | import {useRouter,useRoute} from "vue-router"; | 77 | import {useRouter, useRoute} from "vue-router"; |
| 87 | import {ref, onMounted} from "vue"; | 78 | import {ref, onMounted} from "vue"; |
| 88 | import { getMenuById} from "@/apiPc/booking" | 79 | import {getMenuById} from "@/apiPc/booking" |
| 89 | import {useStorage} from "@vueuse/core/index"; | 80 | import {useStorage} from "@vueuse/core/index"; |
| 90 | import useUserStore from "@/store/modules/user"; | 81 | import useUserStore from "@/store/modules/user"; |
| 91 | import {fillImgUrl} from "@/utils/ruoyi"; | 82 | import {fillImgUrl} from "@/utils/ruoyi"; |
| ... | @@ -118,7 +109,7 @@ function getData() { | ... | @@ -118,7 +109,7 @@ function getData() { |
| 118 | var arr = [] | 109 | var arr = [] |
| 119 | m.photosList = [] | 110 | m.photosList = [] |
| 120 | arr = m.photos?.split(',') | 111 | arr = m.photos?.split(',') |
| 121 | for (var a of arr){ | 112 | for (var a of arr) { |
| 122 | m.photosList.push(fillImgUrl(a)) | 113 | m.photosList.push(fillImgUrl(a)) |
| 123 | } | 114 | } |
| 124 | m.num = 0 | 115 | m.num = 0 |
| ... | @@ -135,7 +126,7 @@ function getData() { | ... | @@ -135,7 +126,7 @@ function getData() { |
| 135 | 126 | ||
| 136 | function goOrder(n) { | 127 | function goOrder(n) { |
| 137 | if (!user) { | 128 | if (!user) { |
| 138 | useUserStore().setReLogin() | 129 | useUserStore().setVisitor() |
| 139 | return | 130 | return |
| 140 | } | 131 | } |
| 141 | router.push({ | 132 | router.push({ | ... | ... |
| ... | @@ -113,6 +113,7 @@ const canOrderNum = ref(0) | ... | @@ -113,6 +113,7 @@ const canOrderNum = ref(0) |
| 113 | const form = ref({ | 113 | const form = ref({ |
| 114 | num: 1, | 114 | num: 1, |
| 115 | phone: user.phonenumber||'', | 115 | phone: user.phonenumber||'', |
| 116 | total:0 | ||
| 116 | }) | 117 | }) |
| 117 | const rzRange = ref([]) | 118 | const rzRange = ref([]) |
| 118 | const rzUserArr = ref([]) | 119 | const rzUserArr = ref([]) |
| ... | @@ -126,11 +127,7 @@ onMounted(() => { | ... | @@ -126,11 +127,7 @@ onMounted(() => { |
| 126 | food.value = JSON.parse(decodeURIComponent(route.query.food)) | 127 | food.value = JSON.parse(decodeURIComponent(route.query.food)) |
| 127 | form.value = food.value | 128 | form.value = food.value |
| 128 | restaurant.value = JSON.parse(decodeURIComponent(route.query.restaurant)) | 129 | restaurant.value = JSON.parse(decodeURIComponent(route.query.restaurant)) |
| 129 | if(language.value == 0){ | 130 | form.value.total = 0 |
| 130 | form.value.total = food.value.foodPrice | ||
| 131 | } else { | ||
| 132 | form.value.total = food.value.foodPriceEn | ||
| 133 | } | ||
| 134 | console.log(food.value,restaurant.value) | 131 | console.log(food.value,restaurant.value) |
| 135 | initDays() | 132 | initDays() |
| 136 | const today = dayjs() | 133 | const today = dayjs() | ... | ... |
src/viewsPc/booking/payticket.vue
0 → 100644
This diff is collapsed.
Click to expand it.
src/viewsPc/booking/payticketOk.vue
0 → 100644
| 1 | <template> | ||
| 2 | <div> | ||
| 3 | <div class="box"> | ||
| 4 | <el-card class="mb60 mt30" v-loading="loading"> | ||
| 5 | <div class="text-center mt30"> | ||
| 6 | <el-icon color="#32B16C" size="80"> | ||
| 7 | <SuccessFilled/> | ||
| 8 | </el-icon> | ||
| 9 | <p class="text-success mb20">{{ language == 0 ? '支付成功' : 'successfully!' }}</p> | ||
| 10 | |||
| 11 | <el-button type="primary" class="btn-lineG mb60" @click="goBillDetail" round> | ||
| 12 | {{ language == 0 ? '返回订单详情' : 'Return order details' }} | ||
| 13 | </el-button> | ||
| 14 | </div> | ||
| 15 | </el-card> | ||
| 16 | </div> | ||
| 17 | </div> | ||
| 18 | </template> | ||
| 19 | |||
| 20 | <script setup> | ||
| 21 | import {ref} from "vue"; | ||
| 22 | import {useRoute, useRouter} from "vue-router"; | ||
| 23 | import {onMounted} from "@vue/runtime-core"; | ||
| 24 | import {callbackPalPay} from "@/apiPc/booking"; | ||
| 25 | import {useStorage} from "@vueuse/core/index"; | ||
| 26 | |||
| 27 | const route = useRoute() | ||
| 28 | const router = useRouter() | ||
| 29 | const language= useStorage('language',0) | ||
| 30 | const orderId = ref(route.query.orderId) | ||
| 31 | const type = ref('') | ||
| 32 | const loading = ref(false) | ||
| 33 | |||
| 34 | onMounted(() => { | ||
| 35 | var code = decodeURIComponent(orderId.value) | ||
| 36 | console.log(code) | ||
| 37 | loading.value = true | ||
| 38 | callbackPalPay(code).then(res => { | ||
| 39 | loading.value = false | ||
| 40 | type.value = res.data.orderType | ||
| 41 | }) | ||
| 42 | }) | ||
| 43 | |||
| 44 | function goBillDetail() { | ||
| 45 | router.push({ | ||
| 46 | name: 'bookingPay', | ||
| 47 | query: { | ||
| 48 | orderId: route.query.orderId, | ||
| 49 | orderType: type.value | ||
| 50 | } | ||
| 51 | }) | ||
| 52 | } | ||
| 53 | </script> | ||
| 54 | |||
| 55 | <style scoped lang="scss"> | ||
| 56 | |||
| 57 | </style> |
| ... | @@ -143,6 +143,13 @@ const menus3 = ref([ | ... | @@ -143,6 +143,13 @@ const menus3 = ref([ |
| 143 | picUrl1: '/img/nav_29.png', | 143 | picUrl1: '/img/nav_29.png', |
| 144 | picUrl2: '/img/nav_29_dwn.png', | 144 | picUrl2: '/img/nav_29_dwn.png', |
| 145 | isActive: false | 145 | isActive: false |
| 146 | }, | ||
| 147 | { | ||
| 148 | name: language.value==0?'票务预订':'Ticket Reservation', | ||
| 149 | routeName: 'seat_order', | ||
| 150 | picUrl1: '/img/c7.png', | ||
| 151 | picUrl2: '/img/c7.png', | ||
| 152 | isActive: false | ||
| 146 | } | 153 | } |
| 147 | ]) | 154 | ]) |
| 148 | const menusPersonal = ref([ | 155 | const menusPersonal = ref([ |
| ... | @@ -174,6 +181,13 @@ const menusPersonal = ref([ | ... | @@ -174,6 +181,13 @@ const menusPersonal = ref([ |
| 174 | picUrl2: '/img/nav_29_dwn.png', | 181 | picUrl2: '/img/nav_29_dwn.png', |
| 175 | isActive: false | 182 | isActive: false |
| 176 | }, | 183 | }, |
| 184 | { | ||
| 185 | name: language.value==0?'票务预订':'Ticket Reservation', | ||
| 186 | routeName: 'seat_order', | ||
| 187 | picUrl1: '/img/c7.png', | ||
| 188 | picUrl2: '/img/c7.png', | ||
| 189 | isActive: false | ||
| 190 | }, | ||
| 177 | { | 191 | { |
| 178 | name: language.value==0?'系统消息':'System messages', | 192 | name: language.value==0?'系统消息':'System messages', |
| 179 | routeName: 'mySms', | 193 | routeName: 'mySms', | ... | ... |
This diff is collapsed.
Click to expand it.
| 1 | <template> | 1 | <template> |
| 2 | <div> | 2 | <div> |
| 3 | <index-Ch v-if="language ==0"/> | 3 | <index-Ch v-if="language ==0" @pop="openMaster"/> |
| 4 | <index-En v-else/> | 4 | <index-En v-else @pop="openMaster"/> |
| 5 | <div v-if="showgg" class="fixed_gg"> | 5 | <div v-if="showgg" class="fixed_gg"> |
| 6 | <!--天气--> | 6 | <!--天气--> |
| 7 | <el-icon class="cclose" @click.stop="showgg=false"><circle-close /></el-icon> | 7 | <el-icon class="cclose" @click.stop="showgg=false"><circle-close /></el-icon> |
| ... | @@ -59,6 +59,8 @@ | ... | @@ -59,6 +59,8 @@ |
| 59 | </div> | 59 | </div> |
| 60 | </el-dialog> | 60 | </el-dialog> |
| 61 | </div> | 61 | </div> |
| 62 | |||
| 63 | <dialog-master-class ref="masterClassRef"/> | ||
| 62 | </div> | 64 | </div> |
| 63 | 65 | ||
| 64 | </template> | 66 | </template> |
| ... | @@ -67,10 +69,12 @@ | ... | @@ -67,10 +69,12 @@ |
| 67 | import IndexCh from '/src/viewsPc/index' | 69 | import IndexCh from '/src/viewsPc/index' |
| 68 | import IndexEn from '/src/viewsPc/index_en' | 70 | import IndexEn from '/src/viewsPc/index_en' |
| 69 | import WeatherIcon from '@/viewsPc/components/weatherIcon' | 71 | import WeatherIcon from '@/viewsPc/components/weatherIcon' |
| 70 | 72 | import DialogMasterClass from '@/viewsPc/components/masterClass' | |
| 71 | import {useStorage} from "@vueuse/core/index"; | 73 | import {useStorage} from "@vueuse/core/index"; |
| 72 | import {ref} from "vue"; | 74 | import {ref} from "vue"; |
| 73 | import {getWeather} from "@/apiPc/webSite"; | 75 | import {getWeather} from "@/apiPc/webSite"; |
| 76 | import {getCurrentInstance} from "@vue/runtime-core"; | ||
| 77 | const {proxy} = getCurrentInstance() | ||
| 74 | const showgg = ref(true) | 78 | const showgg = ref(true) |
| 75 | 79 | ||
| 76 | const language = useStorage('language', 0) | 80 | const language = useStorage('language', 0) |
| ... | @@ -91,7 +95,14 @@ function init(){ | ... | @@ -91,7 +95,14 @@ function init(){ |
| 91 | const popWeather = () => { | 95 | const popWeather = () => { |
| 92 | weatherdialog.value = true | 96 | weatherdialog.value = true |
| 93 | } | 97 | } |
| 94 | 98 | const openMaster = (params) => { | |
| 99 | console.log(params) | ||
| 100 | var obj = { | ||
| 101 | title:'大师课申请', | ||
| 102 | cptId:params.cptId | ||
| 103 | } | ||
| 104 | proxy.$refs['masterClassRef'].open(obj) | ||
| 105 | } | ||
| 95 | </script> | 106 | </script> |
| 96 | 107 | ||
| 97 | <style scoped lang="scss"> | 108 | <style scoped lang="scss"> | ... | ... |
| ... | @@ -93,6 +93,8 @@ | ... | @@ -93,6 +93,8 @@ |
| 93 | <download/> | 93 | <download/> |
| 94 | </el-icon> | 94 | </el-icon> |
| 95 | </a> | 95 | </a> |
| 96 | <!-- <el-button type="primary" @click="popMaster">青少年公益课</el-button>--> | ||
| 97 | <a class="zn-btn ml20 btn-q" @click="popMaster">青少年公益课</a> | ||
| 96 | </div> | 98 | </div> |
| 97 | </el-col> | 99 | </el-col> |
| 98 | <el-col :sm="24" :lg="14"> | 100 | <el-col :sm="24" :lg="14"> |
| ... | @@ -359,7 +361,7 @@ import HomeQuick from '@/viewsPc/components/homeQuick' | ... | @@ -359,7 +361,7 @@ import HomeQuick from '@/viewsPc/components/homeQuick' |
| 359 | import HomeCalendar from '@/viewsPc/components/homeCalendar' | 361 | import HomeCalendar from '@/viewsPc/components/homeCalendar' |
| 360 | import {ref, nextTick, onMounted, watch} from 'vue' | 362 | import {ref, nextTick, onMounted, watch} from 'vue' |
| 361 | import {getCurrentInstance} from '@vue/runtime-core' | 363 | import {getCurrentInstance} from '@vue/runtime-core' |
| 362 | import {getHomePage, getNewsListById, getNewsList, getWeather} from '@/apiPc/webSite' | 364 | import {getHomePage, getNewsListById, getNewsList} from '@/apiPc/webSite' |
| 363 | import {useRouter} from 'vue-router' | 365 | import {useRouter} from 'vue-router' |
| 364 | import {rankList} from '@/assets/js/data' | 366 | import {rankList} from '@/assets/js/data' |
| 365 | import _ from 'lodash' | 367 | import _ from 'lodash' |
| ... | @@ -375,14 +377,7 @@ const navigationPic = ref({ | ... | @@ -375,14 +377,7 @@ const navigationPic = ref({ |
| 375 | }) | 377 | }) |
| 376 | const router = useRouter() | 378 | const router = useRouter() |
| 377 | const {proxy} = getCurrentInstance() | 379 | const {proxy} = getCurrentInstance() |
| 378 | const bannerVideo = ref(null) | 380 | const emit = defineEmits(['pop']) |
| 379 | const isPlay = ref(false) | ||
| 380 | const canPrev = ref(false) | ||
| 381 | const canNext = ref(false) | ||
| 382 | const activeRankName = ref(0) | ||
| 383 | const weatherObj = ref({ | ||
| 384 | forecast:[] | ||
| 385 | }) | ||
| 386 | const time = ref(0) | 381 | const time = ref(0) |
| 387 | const personList = ref([ | 382 | const personList = ref([ |
| 388 | { name: 'Wolfgang Eliasch', pp: '拉丁舞裁判长 奥地利', src: '/img/1.png' }, | 383 | { name: 'Wolfgang Eliasch', pp: '拉丁舞裁判长 奥地利', src: '/img/1.png' }, |
| ... | @@ -400,12 +395,10 @@ const news = ref([]) | ... | @@ -400,12 +395,10 @@ const news = ref([]) |
| 400 | const notice = ref([]) | 395 | const notice = ref([]) |
| 401 | const display = ref([]) | 396 | const display = ref([]) |
| 402 | const scores = ref([]) | 397 | const scores = ref([]) |
| 403 | const nowscores = ref([]) | ||
| 404 | const livelist = ref([]) | 398 | const livelist = ref([]) |
| 405 | const matchData = ref({}) | 399 | const matchData = ref({}) |
| 406 | const maList = ref([]) | 400 | const maList = ref([]) |
| 407 | const loading = ref(false) | 401 | const loading = ref(false) |
| 408 | const weatherdialog = ref(false) | ||
| 409 | const picList = ref([]) | 402 | const picList = ref([]) |
| 410 | 403 | ||
| 411 | onMounted(() => { | 404 | onMounted(() => { |
| ... | @@ -491,9 +484,6 @@ const goMatch = (n) => { | ... | @@ -491,9 +484,6 @@ const goMatch = (n) => { |
| 491 | path: `/match/list/${n.id}` | 484 | path: `/match/list/${n.id}` |
| 492 | }) | 485 | }) |
| 493 | } | 486 | } |
| 494 | const popWeather = () => { | ||
| 495 | weatherdialog.value = true | ||
| 496 | } | ||
| 497 | 487 | ||
| 498 | const goGuide = () => { | 488 | const goGuide = () => { |
| 499 | router.push({ | 489 | router.push({ |
| ... | @@ -503,6 +493,13 @@ const goGuide = () => { | ... | @@ -503,6 +493,13 @@ const goGuide = () => { |
| 503 | } | 493 | } |
| 504 | }) | 494 | }) |
| 505 | } | 495 | } |
| 496 | const popMaster = () => { | ||
| 497 | var params = { | ||
| 498 | cptId:matchData.value.id | ||
| 499 | } | ||
| 500 | emit('pop',params) | ||
| 501 | } | ||
| 502 | |||
| 506 | </script> | 503 | </script> |
| 507 | 504 | ||
| 508 | <style scoped lang="scss"> | 505 | <style scoped lang="scss"> |
| ... | @@ -945,4 +942,32 @@ const goGuide = () => { | ... | @@ -945,4 +942,32 @@ const goGuide = () => { |
| 945 | } | 942 | } |
| 946 | } | 943 | } |
| 947 | } | 944 | } |
| 945 | :deep(.btn-q) { | ||
| 946 | //background: #FFFFFF; | ||
| 947 | //font-size: 18px; | ||
| 948 | //color: #453DEA; | ||
| 949 | //border-radius: 23px; | ||
| 950 | //padding: 10px 20px; | ||
| 951 | //display: inline-flex; | ||
| 952 | //align-items: center; | ||
| 953 | |||
| 954 | padding: 20px 40px; | ||
| 955 | font-size: 20px; | ||
| 956 | align-items: center; | ||
| 957 | overflow: hidden; | ||
| 958 | background: url(/src/assets/dance/time_bg.png) no-repeat center !important; | ||
| 959 | background-size: 100% 100%; | ||
| 960 | bottom: 40%; | ||
| 961 | display: flex; | ||
| 962 | flex-wrap: nowrap; | ||
| 963 | color: #fff !important; | ||
| 964 | box-sizing: inherit; | ||
| 965 | } | ||
| 966 | |||
| 967 | .btn-q:hover{ | ||
| 968 | box-shadow: 0 0 20px #453DEA; | ||
| 969 | border-radius: 100px; | ||
| 970 | background: linear-gradient(-90deg, #8623FC, #453DEA) !important; | ||
| 971 | } | ||
| 972 | |||
| 948 | </style> | 973 | </style> | ... | ... |
| ... | @@ -85,10 +85,15 @@ | ... | @@ -85,10 +85,15 @@ |
| 85 | <el-col :sm="24" :lg="10"> | 85 | <el-col :sm="24" :lg="10"> |
| 86 | <div class="bgbg"> | 86 | <div class="bgbg"> |
| 87 | <h1 style="color: #fff">{{matchData?.name}}</h1> | 87 | <h1 style="color: #fff">{{matchData?.name}}</h1> |
| 88 | <a class="zn-btn" @click="goGuide"> | 88 | <div> |
| 89 | GUIDELINE | 89 | <a class="zn-btn" @click="goGuide"> |
| 90 | <el-icon><download /></el-icon> | 90 | GUIDELINE |
| 91 | </a> | 91 | <el-icon><download /></el-icon> |
| 92 | </a> | ||
| 93 | <a class="zn-btn ml20 btn-q " @click="popMaster">Junior &Youth Camp <el-icon><Edit /></el-icon> | ||
| 94 | </a> | ||
| 95 | </div> | ||
| 96 | |||
| 92 | </div> | 97 | </div> |
| 93 | </el-col> | 98 | </el-col> |
| 94 | <el-col :sm="24" :lg="14"> | 99 | <el-col :sm="24" :lg="14"> |
| ... | @@ -385,6 +390,7 @@ const navigationPic = ref({ | ... | @@ -385,6 +390,7 @@ const navigationPic = ref({ |
| 385 | }) | 390 | }) |
| 386 | const router = useRouter() | 391 | const router = useRouter() |
| 387 | const { proxy } = getCurrentInstance() | 392 | const { proxy } = getCurrentInstance() |
| 393 | const emit = defineEmits(['pop']) | ||
| 388 | const time = ref(0) | 394 | const time = ref(0) |
| 389 | 395 | ||
| 390 | const personList = ref([ | 396 | const personList = ref([ |
| ... | @@ -498,6 +504,12 @@ const goGuide = () => { | ... | @@ -498,6 +504,12 @@ const goGuide = () => { |
| 498 | } | 504 | } |
| 499 | }) | 505 | }) |
| 500 | } | 506 | } |
| 507 | const popMaster = () => { | ||
| 508 | var params = { | ||
| 509 | cptId:matchData.value.id | ||
| 510 | } | ||
| 511 | emit('pop',params) | ||
| 512 | } | ||
| 501 | </script> | 513 | </script> |
| 502 | 514 | ||
| 503 | <style scoped lang="scss"> | 515 | <style scoped lang="scss"> |
| ... | @@ -516,7 +528,7 @@ const goGuide = () => { | ... | @@ -516,7 +528,7 @@ const goGuide = () => { |
| 516 | p{margin: 0;height: 40px;line-height: 20px;display: flex;align-items: center;} | 528 | p{margin: 0;height: 40px;line-height: 20px;display: flex;align-items: center;} |
| 517 | } | 529 | } |
| 518 | border-radius: 15px; | 530 | border-radius: 15px; |
| 519 | .zn-btn{background: #FFFFFF; | 531 | .zn-btn{background: #FFFFFF;text-transform: uppercase; |
| 520 | font-size: 18px; width: fit-content; | 532 | font-size: 18px; width: fit-content; |
| 521 | color: #453DEA; | 533 | color: #453DEA; |
| 522 | border-radius: 23px;padding: 10px 20px;display: inline-flex;align-items: center;} | 534 | border-radius: 23px;padding: 10px 20px;display: inline-flex;align-items: center;} |
| ... | @@ -797,4 +809,31 @@ const goGuide = () => { | ... | @@ -797,4 +809,31 @@ const goGuide = () => { |
| 797 | h1{text-align: center} | 809 | h1{text-align: center} |
| 798 | } | 810 | } |
| 799 | } | 811 | } |
| 812 | :deep(.btn-q) { | ||
| 813 | //background: #FFFFFF; | ||
| 814 | //font-size: 18px; | ||
| 815 | //color: #453DEA; | ||
| 816 | //border-radius: 23px; | ||
| 817 | //padding: 10px 20px; | ||
| 818 | //display: inline-flex; | ||
| 819 | //align-items: center; | ||
| 820 | |||
| 821 | padding: 20px 40px; | ||
| 822 | font-size: 20px; | ||
| 823 | align-items: center; | ||
| 824 | overflow: hidden; | ||
| 825 | background: url(/src/assets/dance/time_bg.png) no-repeat center !important; | ||
| 826 | background-size: 100% 100%; | ||
| 827 | bottom: 40%; | ||
| 828 | display: flex; | ||
| 829 | flex-wrap: nowrap; | ||
| 830 | color: #fff !important; | ||
| 831 | box-sizing: inherit; | ||
| 832 | } | ||
| 833 | |||
| 834 | .btn-q:hover{ | ||
| 835 | box-shadow: 0 0 20px #453DEA; | ||
| 836 | border-radius: 100px; | ||
| 837 | background: linear-gradient(-90deg, #8623FC, #453DEA) !important; | ||
| 838 | } | ||
| 800 | </style> | 839 | </style> | ... | ... |
| ... | @@ -83,7 +83,6 @@ export default defineConfig(({ mode, command }) => { | ... | @@ -83,7 +83,6 @@ export default defineConfig(({ mode, command }) => { |
| 83 | }, | 83 | }, |
| 84 | '/dev-api': { | 84 | '/dev-api': { |
| 85 | // target: 'http://192.168.1.118:8081/', | 85 | // target: 'http://192.168.1.118:8081/', |
| 86 | // target: 'https://jijin.wtwuxicenter.com/stage-api', | ||
| 87 | target: 'https://jijin.wtwuxicenter.com/stage-api', | 86 | target: 'https://jijin.wtwuxicenter.com/stage-api', |
| 88 | changeOrigin: true, | 87 | changeOrigin: true, |
| 89 | rewrite: (p) => p.replace(/^\/dev-api/, '') | 88 | rewrite: (p) => p.replace(/^\/dev-api/, '') | ... | ... |
-
Please register or sign in to post a comment