按钮控制

zhangmeng
Showing 4 changed files with 57 additions and 49 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,27 +24,27 @@
      <!--      </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">-->
      <!--        <div class="item" @click="goAround"><img src="@/assets/dance/btn06.png">Around Activity</div>-->
      <!--      </el-col>-->
      <!--      <el-col :sm="12" :lg="4" :xs="12">-->
      <!--        <div class="item" @click="liveClick"><img src="@/assets/dance/btn05.png">live streaming</div>-->
      <!--      </el-col>-->
@@ -100,7 +100,7 @@ watch(matchId, (val) => {
      console.log(err)
      form.value = null
    })
    match.getInfoByCptId({cptId: props.matchId}).then((res) => {
      liveData.value = res.data || {}
    })
@@ -109,9 +109,9 @@ watch(matchId, (val) => {
 const liveClick = () => {
  if (liveData.value.videoStatus == "1") {
    if (language.value == 0) {
      window.open(liveData.value.videoUrlCn)
    } else {
      window.open(liveData.value.videoUrlEn)
@@ -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({
@@ -160,7 +163,7 @@ function goMedia() {
    })
    return
  }
  proxy.$refs['mediaRegisterRef'].open({cptId: matchId.value})
 }
@@ -169,15 +172,20 @@ function popRemark(type) {
    building()
    return
  }
  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',
@@ -185,29 +193,29 @@ function popRemark(type) {
        })
        return
      }
      applyInvitation()
      return
    }
  }
  if ((form.value.isJdView == 0 && type == '1')
-      || (form.value.isCarView == 0 && type == '2')
+    || (form.value.isCarView == 0 && type == '2')
-      || (form.value.isFoodView == 0 && type == '3')
+    || (form.value.isFoodView == 0 && type == '3')
-      || (form.value.isMealView == 0 && type == '4')
+    || (form.value.isMealView == 0 && type == '4')
-      || (form.value.isPhotoView == 0 && type == '5')
+    || (form.value.isPhotoView == 0 && type == '5')
-      || (form.value.isTicketView == 0 && type == '10')
+    || (form.value.isTicketView == 0 && type == '10')
  ) {
    building()
    return
  }
  if (type == '2') {
    emit("pickUp")
    return;
  }
  const params = {
    matchId: props.matchId,
    title: language.value == 0 ? '预订说明' : 'Booking Instructions',
@@ -221,7 +229,7 @@ function goBooking(n, f) {
  switch (n) {
    case 10:
      // 票务
      // router.push({
      // path: `/booking/ticket/${props.matchId}`,
      // params: {id:props.matchId},
@@ -252,7 +260,7 @@ function goBooking(n, f) {
 }
 </script>
-<style scoped lang="scss">
+<style lang="scss" scoped>
 .itemBox, .itemBox_en {
  padding: 20px;
  background: #fff;
@@ -276,7 +284,7 @@ function goBooking(n, f) {
  background-size: 100% 100%;
  border-radius: 15px;
  gap: 10px;
  img {
    object-fit: contain;
    width: 75px;
@@ -289,19 +297,19 @@ function goBooking(n, f) {
  text-align: center;
  text-transform: uppercase;
  height: 100%;
  img {
    position: relative;
    transition: all 0.2s;
  }
  &:hover {
    box-shadow: 0 0 10px #eee;
    img {
      transform: rotateY(180deg);
    }
    p {
      color: #000;
    }
@@ -317,7 +325,7 @@ function goBooking(n, f) {
    height: auto !important;
    padding: 15px 0;
    margin: 10px 0;
    img {
      width: 50px;
      height: 50px
--- a/src/viewsPc/index.vue
View file @db6a9a5
+++ b/src/viewsPc/index.vue
View file @db6a9a5
--- 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/, '')