按钮控制

zhangmeng
Showing 4 changed files with 74 additions and 56 deletions
src/viewsPc/components/homeQuick.vue
src/viewsPc/index.vue
src/viewsPc/index_en.vue
vite.config.js
--- a/src/viewsPc/components/homeQuick.vue
View file @db6a9a5
+++ b/src/viewsPc/components/homeQuick.vue
View file @db6a9a5
 <template>
-  <div class="itemBox" v-if="language === 0">
+  <div v-if="language === 0" class="itemBox">
    <el-row :gutter="20">
-      <el-col :sm="12" :lg="4" :xs="12">
+      <el-col :lg="4" :sm="12" :xs="12">
        <div class="item" @click="popRemark(0)"><img src="@/assets/dance/btn01.png">签证服务</div>
      </el-col>
-      <el-col :sm="12" :lg="4" :xs="12">
+      <el-col :lg="4" :sm="12" :xs="12">
        <div class="item" @click="popRemark(1)"><img src="@/assets/dance/btn02.png">酒店预订</div>
      </el-col>
-      <el-col :sm="12" :lg="4" :xs="12">
+      <el-col :lg="4" :sm="12" :xs="12">
        <div class="item" @click="popRemark(2)"><img src="@/assets/dance/btn03.png">接送服务</div>
      </el-col>
-      <el-col :sm="12" :lg="4" :xs="12">
+      <el-col :lg="4" :sm="12" :xs="12">
        <div class="item" @click="popRemark(10)"><img src="@/assets/dance/btn04.png">票务服务</div>
      </el-col>
-      <el-col :sm="12" :lg="4" :xs="12">
+      <el-col :lg="4" :sm="12" :xs="12">
        <div class="item" @click="goMedia"><img src="@/assets/dance/btn07.png">媒体注册</div>
      </el-col>
      <!--      <el-col :sm="12" :lg="4" :xs="12">-->
@@ -24,21 +24,21 @@
      <!--      </el-col>-->
    </el-row>
  </div>
-  <div class="itemBox_en" v-else>
+  <div v-else class="itemBox_en">
    <el-row :gutter="20" justify="space-around">
-      <el-col :sm="12" :lg="4" :xs="12">
+      <el-col :lg="4" :sm="12" :xs="12">
        <div class="item" @click="popRemark(0)"><img src="@/assets/dance/btn01.png">Visa Services</div>
      </el-col>
-      <el-col :sm="12" :lg="4" :xs="12">
+      <el-col :lg="4" :sm="12" :xs="12">
        <div class="item" @click="popRemark(1)"><img src="@/assets/dance/btn02.png">HOTEL RESERVATION</div>
      </el-col>
-      <el-col :sm="12" :lg="4" :xs="12">
+      <el-col :lg="4" :sm="12" :xs="12">
        <div class="item" @click="popRemark(2)"><img src="@/assets/dance/btn03.png">TRANSPORTATION RESERVATION</div>
      </el-col>
-      <el-col :sm="12" :lg="4" :xs="12">
+      <el-col :lg="4" :sm="12" :xs="12">
        <div class="item" @click="popRemark(10)"><img src="@/assets/dance/btn04.png">TICKET SERVICES</div>
      </el-col>
-      <el-col :sm="12" :lg="4" :xs="12">
+      <el-col :lg="4" :sm="12" :xs="12">
        <div class="item" @click="goMedia"><img src="@/assets/dance/btn07.png">Media Registration</div>
      </el-col>
      <!--      <el-col :sm="12" :lg="4" :xs="12">-->
@@ -135,7 +135,7 @@ onMounted(() => {
 function building() {
  ElMessage.warning(language.value == 0 ? '感谢您对本次比赛的关注，该服务暂无可预订信息，敬请期待。' : 'Thank you for your attention to this competition. The service is currently unavailable for booking. Please stay tuned.')
-  return
 }
 function applyInvitation() {
@@ -149,9 +149,12 @@ function applyInvitation() {
 const user = useUserStore().user
 function goMedia() {
-  proxy.$modal.msgWarning(language.value == 0 ? '暂未开放' : 'Not yet open')
+  // proxy.$modal.msgWarning(language.value == 0 ? '暂未开放' : 'Not yet open')
-  return;
+  // return;
+  if (form.value.isMedia == 0) {
+    building()
+    return
+  }
  //如果没登录
  if (!user) {
    ElMessage({
@@ -171,13 +174,18 @@ function popRemark(type) {
  }
  if (type == '0') {
-    ElMessage.warning('The visa invitation letter application will be available soon. Thank you for your patience.')
+    // ElMessage.warning('The visa invitation letter application will be available soon. Thank you for your patience.')
-    return;
+    // return;
    // 签证
-    if (language.value === 0) {
+    if (language.value == 0) {
      ElMessage.warning('请切换英文页面办理')
      return
    } else {
+      if (form.value.isVisa == 0) {
+        building()
+        return
+      }
      if (!user) {
        ElMessage({
          type: 'warning',
@@ -252,7 +260,7 @@ function goBooking(n, f) {
 }
 </script>
-<style scoped lang="scss">
+<style lang="scss" scoped>
 .itemBox, .itemBox_en {
  padding: 20px;
  background: #fff;
--- a/src/viewsPc/index.vue
View file @db6a9a5
+++ b/src/viewsPc/index.vue
View file @db6a9a5
 <template>
  <div class="syBg">
    <div class="banner">
-      <el-carousel class="forPc" autoplay :interval="2000" height="450px" :autoplay="false" arrow="hover"
+      <el-carousel :autoplay="false" :interval="2000" arrow="hover" autoplay class="forPc" height="450px"
                   @change="carouselChange">
-        <el-carousel-item style="height: 450px;" v-for="n in maList" :key="n.id">
+        <el-carousel-item v-for="n in maList" :key="n.id" style="height: 450px;">
          <div class="bannerItem">
            <div class="h100" @click.stop="goMatch(n)">
-              <img class="bannerImg" :src="fillImgUrl(n.bgImgUrl)">
+              <img :src="fillImgUrl(n.bgImgUrl)" class="bannerImg">
              <div class="box forPc" style="position: absolute;top: 0;left: 0;right: 0;margin: auto;">
                <img class="slogen" src="@/assets/logo/banner-text.png"/>
@@ -18,7 +18,8 @@
                <div v-if="!liveData || liveData.videoStatus==0">
                  <!--                  <div class="banner-count bb"></div>-->
                </div>
-                <div class="banner-count" v-if="currentDateTime < liveData.videoStart" @click.stop="goliveUrl">
+                <div v-if="currentDateTime < liveData.videoStart &&form.isLiveVideo==1" class="banner-count"
+                     @click.stop="goliveUrl">
                  距离直播开始
                  <van-count-down :time="liveStartTime" format="DD 天 HH 时 mm 分 ss 秒">
                    <template #default="timeData">
@@ -42,33 +43,33 @@
                </div>
                <!--如果有直播-->
                <div v-if="liveData&& liveData.videoStatus==1" @click.stop="goliveUrl">
-                  <div class="banner-count bb"
+                  <div v-if="(currentDateTime>liveData.videoStart)&&(currentDateTime<liveData.videoEnd)"
-                       v-if="(currentDateTime>liveData.videoStart)&&(currentDateTime<liveData.videoEnd)">直播进行中
+                       class="banner-count bb">直播进行中
                  </div>
-                  <div class="banner-count bb" v-if="currentDateTime > liveData.videoEnd">直播已结束</div>
+                  <div v-if="currentDateTime > liveData.videoEnd" class="banner-count bb">直播已结束</div>
                  <!--                  <div class="banner-count bb" v-if="currentDateTime < liveData.videoStart">直播即将开始</div>-->
                </div>
-                <div v-if="liveData&& liveData.picStatus==1" @click.stop="gopicliveUrl">
+                <div v-if="liveData&& liveData.picStatus==1&&form.isLivePic==1" @click.stop="gopicliveUrl">
-                  <div class="picliveBtn" v-if="(currentDateTime>liveData.picStart)&&(currentDateTime<liveData.picEnd)">
+                  <div v-if="(currentDateTime>liveData.picStart)&&(currentDateTime<liveData.picEnd)" class="picliveBtn">
                    图片直播中
                  </div>
-                  <div class="picliveBtn" v-if="currentDateTime > liveData.picEnd">图片直播</div>
+                  <div v-if="currentDateTime > liveData.picEnd" class="picliveBtn">图片直播</div>
-                  <div class="picliveBtn" v-if="currentDateTime < liveData.picStart">图片直播</div>
+                  <div v-if="currentDateTime < liveData.picStart" class="picliveBtn">图片直播</div>
                </div>
              </div>
            </div>
          </div>
        </el-carousel-item>
      </el-carousel>
-      <el-carousel class="forWei" height="160px" autoplay arrow="hover" @change="carouselChange">
+      <el-carousel arrow="hover" autoplay class="forWei" height="160px" @change="carouselChange">
-        <el-carousel-item style="height: 160px;" v-for="n in maList" :key="n.id">
+        <el-carousel-item v-for="n in maList" :key="n.id" style="height: 160px;">
          <div class="bannerItem" style="height:100%">
            <div class="h100" style="position: relative">
-              <img class="bannerImg" :src="fillImgUrl(n.bgImgUrl)">
+              <img :src="fillImgUrl(n.bgImgUrl)" class="bannerImg">
              <div style="position: absolute;left: 0;right: 0;bottom: 0;margin: auto;">
                <!--                <img class="slogen" src="@/assets/logo/banner-text.png"/>-->
-                <div class="banner-count" v-if="currentDateTime < liveData.videoStart" @click="goliveUrl">
+                <div v-if="currentDateTime < liveData.videoStart" class="banner-count" @click="goliveUrl">
                  距离直播开始
                  <van-count-down :time="liveStartTime" format="DD 天 HH 时 mm 分 ss 秒">
                    <template #default="timeData">
@@ -91,10 +92,10 @@
                  </van-count-down>
                </div>
                <div v-if="liveData&& liveData.videoStatus==1" @click.stop="goliveUrl">
-                  <div class="banner-count"
+                  <div v-if="(currentDateTime>liveData.videoStart)&&(currentDateTime<liveData.videoEnd)"
-                       v-if="(currentDateTime>liveData.videoStart)&&(currentDateTime<liveData.videoEnd)">直播进行中
+                       class="banner-count">直播进行中
                  </div>
-                  <div class="banner-count" v-if="currentDateTime > liveData.videoEnd">直播已结束</div>
+                  <div v-if="currentDateTime > liveData.videoEnd" class="banner-count">直播已结束</div>
                </div>
              </div>
            </div>
@@ -108,12 +109,12 @@
    </div>
    <div class="box">
-      <HomeQuick :match-id="matchData?.id" :cpt-name="matchData?.name" @pick-up="handlePickup"/>
+      <HomeQuick :cpt-name="matchData?.name" :match-id="matchData?.id" @pick-up="handlePickup"/>
    </div>
    <div id="part0" class="box part">
      <el-row :gutter="20">
-        <el-col :sm="24" :lg="12">
+        <el-col :lg="12" :sm="24">
          <div class="indexTitle">
            <h3 class="leftboderTT">通知公告</h3>
            <a class="more" href="#/notice">MORE</a>
@@ -125,7 +126,7 @@
            </div>
          </el-card>
        </el-col>
-        <el-col :sm="24" :lg="12">
+        <el-col :lg="12" :sm="24">
          <div class="indexTitle">
            <h3 class="leftboderTT">竞赛日程</h3>
            <a class="more" href="#/saiC">MORE</a>
@@ -149,8 +150,8 @@
        <el-row :gutter="20">
          <el-col
            v-for="(n,index) in newest2"
-              :key="n.id" :xs="24" :sm="8"
+            :key="n.id" :lg="8" :sm="8"
-              :lg="8"
+            :xs="24"
          >
            <div class="activeItem" @click="goDetail(n)">
              <div class="imgbox">
@@ -213,9 +214,9 @@
            <el-col :lg="16">
              <div class="swiperPic">
                <swiper
-                    class="swiper-wrapper" :modules="modules" :slides-per-view="3" :space-between="20"
+                  :autoplay="true" :loop="true" :modules="modules" :navigation="navigationPic"
-                    :navigation="navigationPic"
+                  :slides-per-view="3"
-                    :autoplay="true" :loop="true"
+                  :space-between="20" class="swiper-wrapper"
                >
                  <swiper-slide v-for="(n,i) in picList" :key="i">
                    <div class="picbox" @click="goDetail(n)">
@@ -229,7 +230,7 @@
            </el-col>
          </el-row>
          <el-row class="news-l-r">
-            <el-col v-for="(n,index) in livelist" :lg="8" v-show="index>0">
+            <el-col v-for="(n,index) in livelist" v-show="index>0" :lg="8">
              <div class="item" style="padding: 0;margin: 20px 0 0" @click="goDetail(n)">
                <div class="imgbox">
                  <i class="playIcon"></i>
@@ -261,7 +262,7 @@
            </div>
            <div class="mt30 text-center">
              <a class="btn-black" href="#/about/wuDao" style="display: inline-flex;align-items: center;">了解更多<img
-                  style="filter: brightness(2);height: 8px" src="@/assets/v1/more.png"/></a>
+                src="@/assets/v1/more.png" style="filter: brightness(2);height: 8px"/></a>
            </div>
          </div>
@@ -296,7 +297,7 @@
        <h3 class="leftboderTT">合作伙伴</h3>
      </div>
      <el-row :gutter="20">
-        <el-col :lg="6" :sm="6" :xs="12" v-for="p in partners">
+        <el-col v-for="p in partners" :lg="6" :sm="6" :xs="12">
          <div class="logobox">
            <img :src="fillImgUrl(JSON.parse(p.picUrl))">
          </div>
@@ -321,6 +322,7 @@ import {dayjs, ElMessage} from 'element-plus'
 import * as match from "@/apiPc/match";
 import {getAboutUs, getInfoByCptId, getppInfo, getZNList} from "@/apiPc/match";
 import HomeWeatherBar from "@/viewsPc/components/homeWeatherBar";
+import {getBaseInfoByActiveId} from "@/apiPc/booking";
 const modules = [Autoplay, Navigation]
 const navigationPic = ref({
@@ -352,6 +354,7 @@ const partners = ref([])
 const liveData = ref({})
 const aboutUsContent = ref('')
 const liveStartTime = ref(0)
+const form = ref({})
 onMounted(() => {
  init()
@@ -391,6 +394,12 @@ const init = () => {
    newsList.value = res.rows
  })
+  async function getMatchSet(id) {
+    const res = await getBaseInfoByActiveId(id)
+    form.value = res.data ?? null
+    console.log(form.value)
+  }
  match.getMaList({topFlag: 1}).then((res) => {
    maList.value = res.rows
    for (let n of maList.value) {
@@ -408,6 +417,7 @@ const init = () => {
    }
    matchData.value = maList.value[0]
    getMatchInfo(matchData.value.id)
+    getMatchSet(matchData.value.id)
  })
  match.getLabelList().then(res => {
@@ -535,7 +545,7 @@ const gopicliveUrl = () => {
 </script>
-<style scoped lang="scss">
+<style lang="scss" scoped>
 .syBg {
  background: url("@/assets/dance/logo_l.png") no-repeat bottom left,
  url("@/assets/dance/logo_r1.png") no-repeat bottom right;
--- a/src/viewsPc/index_en.vue
View file @db6a9a5
+++ b/src/viewsPc/index_en.vue
View file @db6a9a5
--- a/vite.config.js
View file @db6a9a5
+++ b/vite.config.js
View file @db6a9a5
-import { defineConfig, loadEnv } from 'vite'
+import {defineConfig, loadEnv} from 'vite'
-import path, { resolve } from 'path'
+import path, {resolve} from 'path'
 import createVitePlugins from './vite/plugins'
 import inject from '@rollup/plugin-inject'
 import commonjs from '@rollup/plugin-commonjs'
 // import legacy from '@vitejs/plugin-legacy'
 // https://vitejs.dev/config/
-export default defineConfig(({ mode, command }) => {
+export default defineConfig(({mode, command}) => {
  const env = loadEnv(mode, process.cwd())
  return {
    // 部署生产环境和开发环境下的URL。
@@ -82,7 +82,7 @@ export default defineConfig(({ mode, command }) => {
          rewrite: (p) => p.replace(/^\/dev-api\/ztx-webSite/, '')
        },
        '/dev-api': {
-          target: 'http://192.168.1.118:8082/',
+          // target: 'http://192.168.1.118:8082/',
          // target: 'http://192.168.1.131:8081/',
          // target: 'https://ces.2025wtcwuxi.com/stage-api/',
          // target: 'http://124.70.181.90:1880/stage-api',
@@ -92,8 +92,8 @@ export default defineConfig(({ mode, command }) => {
        },
        '/ticket': {
          // target: 'http://192.168.1.131:8098/',
-          // target: 'http://192.168.1.131:8081/',
+          target: 'http://36.153.235.222:8899/',
-          target: 'https://jijin.wtwuxicenter.com/h5/',
+          // target: 'https://jijin.wtwuxicenter.com/h5/',
          // target: 'https://ticketh5.wdsfwuxicenter.com/h5/',
          changeOrigin: true,
          rewrite: (p) => p.replace(/^\/ticket/, '')