no message
Showing
7 changed files
with
24 additions
and
16 deletions
| 1 | <template> | 1 | <template> |
| 2 | <div> | 2 | <div> |
| 3 | <div class="banner"> | 3 | <div class="banner"> |
| 4 | <el-carousel class="forPc" height="450px" :autoplay="false" arrow="hover" @change="carouselChange"> | 4 | <el-carousel class="forPc" autoplay :interval="3000" height="450px" :autoplay="false" arrow="hover" @change="carouselChange"> |
| 5 | <el-carousel-item style="height: 450px;" v-for="n in maList" :key="n.id"> | 5 | <el-carousel-item style="height: 450px;" v-for="n in maList" :key="n.id"> |
| 6 | <div class="bannerItem"> | 6 | <div class="bannerItem"> |
| 7 | <div class="h100"> | 7 | <div class="h100"> |
| 8 | <img v-if="n.bgImgUrl" class="bannerImg" :src="fillImgUrl(n.bgImgUrl)"> | 8 | <img v-if="n.bgImgUrl" class="bannerImg" :src="fillImgUrl(n.bgImgUrl)"> |
| 9 | <img v-else class="bannerImg" src="@/assets/dance/banner.png"> | 9 | <img v-else class="bannerImg" src="@/assets/dance/banner.png"> |
| 10 | <div class="box forPc" style="position: absolute;top: 0;left: 0;right: 0;margin: auto;"> | 10 | <div class="box forPc" style="position: absolute;top: 0;left: 0;right: 0;margin: auto;"> |
| 11 | |||
| 12 | <div class="banner-count" v-if="n.time>0" @click="goMatch(n)"> | 11 | <div class="banner-count" v-if="n.time>0" @click="goMatch(n)"> |
| 13 | 距离开始还有 | 12 | 距离开始还有 |
| 14 | <van-count-down :time="n.time" format="DD 天 HH 时 mm 分 ss 秒"> | 13 | <van-count-down :time="n.time" format="DD 天 HH 时 mm 分 ss 秒"> |
| ... | @@ -88,13 +87,13 @@ | ... | @@ -88,13 +87,13 @@ |
| 88 | <el-col :sm="24" :lg="10"> | 87 | <el-col :sm="24" :lg="10"> |
| 89 | <div class="bgbg"> | 88 | <div class="bgbg"> |
| 90 | <h1 style="color: #fff">{{matchData?.name}}</h1> | 89 | <h1 style="color: #fff">{{matchData?.name}}</h1> |
| 91 | <a class="zn-btn" @click="goGuide" target="_blank">参赛指南 | 90 | <a class="zn-btn" @click="goGuide" target="_blank" v-show="matchData?.id=='1778253367748993026'">参赛指南 |
| 92 | <el-icon> | 91 | <el-icon> |
| 93 | <download/> | 92 | <download/> |
| 94 | </el-icon> | 93 | </el-icon> |
| 95 | </a> | 94 | </a> |
| 96 | <!-- <el-button type="primary" @click="popMaster">青少年公益课</el-button>--> | 95 | <!-- <el-button type="primary" @click="popMaster">青少年公益课</el-button>--> |
| 97 | <a class="zn-btn ml20 btn-q" @click="popMaster">青少年公益课报名</a> | 96 | <a class="zn-btn ml20 btn-q" v-show="matchData?.id=='1778253367748993026'" @click="popMaster">青少年公益课报名</a> |
| 98 | 97 | ||
| 99 | <div> | 98 | <div> |
| 100 | <a class="ding" @click="handlePickup">接/送机服务</a> | 99 | <a class="ding" @click="handlePickup">接/送机服务</a> | ... | ... |
| ... | @@ -86,11 +86,13 @@ | ... | @@ -86,11 +86,13 @@ |
| 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 | <div style="margin-bottom: 30px"> | 88 | <div style="margin-bottom: 30px"> |
| 89 | <a class="zn-btn" style="font-size: 15px" @click="goGuide">GUIDELINE<el-icon><download /></el-icon> | 89 | <a class="zn-btn" style="font-size: 15px" v-show="matchData?.id=='1778253367748993026'" @click="goGuide"> |
| 90 | GUIDELINE | ||
| 91 | <el-icon><download /></el-icon> | ||
| 90 | </a> | 92 | </a> |
| 91 | <a class="zn-btn ml20 btn-q" style="font-size: 15px;margin-right: 20px" @click="popMaster">Junior &Youth Camp REGISTER<el-icon><Edit /></el-icon> | 93 | <a class="zn-btn ml20 btn-q" v-show="matchData?.id=='1778253367748993026'" style="font-size: 15px;margin-right: 20px" @click="popMaster"> |
| 94 | Junior &Youth Camp REGISTER<el-icon><Edit /></el-icon> | ||
| 92 | </a> | 95 | </a> |
| 93 | |||
| 94 | <div> | 96 | <div> |
| 95 | <a class=" ding" style="font-size: 15px;margin-top: 10px" @click="handlePickup">Pick-up/drop-off service | 97 | <a class=" ding" style="font-size: 15px;margin-top: 10px" @click="handlePickup">Pick-up/drop-off service |
| 96 | </a> | 98 | </a> |
| ... | @@ -531,7 +533,7 @@ const handlePickup=()=>{ | ... | @@ -531,7 +533,7 @@ const handlePickup=()=>{ |
| 531 | .bgbg{height: 100%; | 533 | .bgbg{height: 100%; |
| 532 | padding: 5%;display: flex; | 534 | padding: 5%;display: flex; |
| 533 | flex-direction: column; | 535 | flex-direction: column; |
| 534 | justify-content: space-between; | 536 | justify-content: center; |
| 535 | img{margin: 5% 0} | 537 | img{margin: 5% 0} |
| 536 | } | 538 | } |
| 537 | .itemBox{ | 539 | .itemBox{ | ... | ... |
| ... | @@ -102,7 +102,8 @@ | ... | @@ -102,7 +102,8 @@ |
| 102 | <div class="flexBetween w100"> | 102 | <div class="flexBetween w100"> |
| 103 | <div class="l"> | 103 | <div class="l"> |
| 104 | {{ c.code }}:{{ c.name }}({{c.danceType}}) | 104 | {{ c.code }}:{{ c.name }}({{c.danceType}}) |
| 105 | <div>{{ c.danceTypeDetailStr }}</div> | 105 | <div v-if="c.danceType=='Breaking'">--</div> |
| 106 | <div v-else>{{c.danceTypeDetailStr}}</div> | ||
| 106 | </div> | 107 | </div> |
| 107 | <div class="text-primary">{{ language == 0 ? '¥' : '€' }}{{ c.serviceFee }}</div> | 108 | <div class="text-primary">{{ language == 0 ? '¥' : '€' }}{{ c.serviceFee }}</div> |
| 108 | </div> | 109 | </div> | ... | ... |
| ... | @@ -13,7 +13,10 @@ | ... | @@ -13,7 +13,10 @@ |
| 13 | <el-table-column :label="language==0?'舞种':'DISCIPLINE'" width="110" prop="danceType" align="center"> | 13 | <el-table-column :label="language==0?'舞种':'DISCIPLINE'" width="110" prop="danceType" align="center"> |
| 14 | </el-table-column> | 14 | </el-table-column> |
| 15 | <el-table-column :label="language==0?'舞种明细':'Dance Detail'" width="120" prop="danceTypeDetailStr" align="center"> | 15 | <el-table-column :label="language==0?'舞种明细':'Dance Detail'" width="120" prop="danceTypeDetailStr" align="center"> |
| 16 | 16 | <template #default="scope"> | |
| 17 | <span v-if="scope.row.danceType=='Breaking'">--</span> | ||
| 18 | <span v-else>{{scope.row.danceTypeDetailStr}}</span> | ||
| 19 | </template> | ||
| 17 | </el-table-column> | 20 | </el-table-column> |
| 18 | 21 | ||
| 19 | <el-table-column :label="language==0?'参赛性别':'Sex'" align="center"> | 22 | <el-table-column :label="language==0?'参赛性别':'Sex'" align="center"> | ... | ... |
| ... | @@ -64,7 +64,7 @@ | ... | @@ -64,7 +64,7 @@ |
| 64 | </el-col> | 64 | </el-col> |
| 65 | <el-col :lg="8" :md="12" :xl="8" v-if="matchData.type=='0'"> | 65 | <el-col :lg="8" :md="12" :xl="8" v-if="matchData.type=='0'"> |
| 66 | <p class="countDownTitle"><span>报名截止倒计时</span></p> | 66 | <p class="countDownTitle"><span>报名截止倒计时</span></p> |
| 67 | <van-count-down :time="time" format="DD 天 HH 时 mm 分 ss 秒"> | 67 | <van-count-down :time="startSign>0?startSign>0:time" format="DD 天 HH 时 mm 分 ss 秒"> |
| 68 | <template #default="timeData"> | 68 | <template #default="timeData"> |
| 69 | <span class="block">{{ timeData.days }}</span> | 69 | <span class="block">{{ timeData.days }}</span> |
| 70 | <span class="colon">天</span> | 70 | <span class="colon">天</span> |
| ... | @@ -78,7 +78,9 @@ | ... | @@ -78,7 +78,9 @@ |
| 78 | </van-count-down> | 78 | </van-count-down> |
| 79 | 79 | ||
| 80 | <div class="mt30"> | 80 | <div class="mt30"> |
| 81 | <a class="btn-lineG mb20" v-if="matchData.progressStatusCode=='2'" @click="choseSignType" style="display: block;text-align: center;">我要报名</a> | 81 | <a class="btn-lineG mb20" v-if="matchData.progressStatusCode=='2'" @click="choseSignType" style="display: block;text-align: center;"> |
| 82 | 我要报名 | ||
| 83 | </a> | ||
| 82 | <div v-else-if="time<=0" style="opacity: 0.5;" class="btn-lineG mb20 mauto text-center">报名已结束</div> | 84 | <div v-else-if="time<=0" style="opacity: 0.5;" class="btn-lineG mb20 mauto text-center">报名已结束</div> |
| 83 | <div v-else-if="startSign>0" style="opacity: 0.5;" class="btn-lineG mb20 mauto text-center">报名未开始</div> | 85 | <div v-else-if="startSign>0" style="opacity: 0.5;" class="btn-lineG mb20 mauto text-center">报名未开始</div> |
| 84 | </div> | 86 | </div> |
| ... | @@ -218,9 +220,10 @@ const data = reactive({ | ... | @@ -218,9 +220,10 @@ const data = reactive({ |
| 218 | menu1: [{name: '分站赛', active: 1}, {name: '赛事详情', active: 0}, {name: '日程', active: 0}], | 220 | menu1: [{name: '分站赛', active: 1}, {name: '赛事详情', active: 0}, {name: '日程', active: 0}], |
| 219 | signDoneGroupList: [], | 221 | signDoneGroupList: [], |
| 220 | time: '', | 222 | time: '', |
| 223 | time2: '', | ||
| 221 | startSign: '' | 224 | startSign: '' |
| 222 | }) | 225 | }) |
| 223 | const {loading,error,time,startSign, matchData, matchId, groupId, activeName2, popupGroupList, menu, menu1, signDoneGroupList} = toRefs(data) | 226 | const {loading,error,time,time2,startSign, matchData, matchId, groupId, activeName2, popupGroupList, menu, menu1, signDoneGroupList} = toRefs(data) |
| 224 | const group = useUserStore().group | 227 | const group = useUserStore().group |
| 225 | const user = useUserStore().user | 228 | const user = useUserStore().user |
| 226 | onMounted(() => { | 229 | onMounted(() => { | ... | ... |
| ... | @@ -138,7 +138,7 @@ | ... | @@ -138,7 +138,7 @@ |
| 138 | <span v-else>REGISTRATION COUNTDOWN</span> | 138 | <span v-else>REGISTRATION COUNTDOWN</span> |
| 139 | </p> | 139 | </p> |
| 140 | 140 | ||
| 141 | <van-count-down :time="time" format="DD 天 HH 时 mm 分 ss 秒"> | 141 | <van-count-down :time="startSign>0?startSign>0:time" format="DD 天 HH 时 mm 分 ss 秒"> |
| 142 | <template #default="timeData"> | 142 | <template #default="timeData"> |
| 143 | <span class="block">{{ timeData.days }}</span> | 143 | <span class="block">{{ timeData.days }}</span> |
| 144 | <span class="colon">{{ language == 0 ? '天' : 'Days' }}</span> | 144 | <span class="colon">{{ language == 0 ? '天' : 'Days' }}</span> | ... | ... |
| ... | @@ -84,8 +84,8 @@ export default defineConfig(({ mode, command }) => { | ... | @@ -84,8 +84,8 @@ export default defineConfig(({ mode, command }) => { |
| 84 | '/dev-api': { | 84 | '/dev-api': { |
| 85 | // target: 'http://192.168.1.118:8081/', | 85 | // target: 'http://192.168.1.118:8081/', |
| 86 | // target: 'http://192.168.1.131:8081/', | 86 | // target: 'http://192.168.1.131:8081/', |
| 87 | target: 'https://jijin.wtwuxicenter.com/stage-api', | 87 | // target: 'https://jijin.wtwuxicenter.com/stage-api', |
| 88 | // target: 'https://wdsfwuxicenter.com/stage-api/', | 88 | target: 'https://wdsfwuxicenter.com/stage-api/', |
| 89 | changeOrigin: true, | 89 | changeOrigin: true, |
| 90 | rewrite: (p) => p.replace(/^\/dev-api/, '') | 90 | rewrite: (p) => p.replace(/^\/dev-api/, '') |
| 91 | }, | 91 | }, | ... | ... |
-
Please register or sign in to post a comment