lpt 9.5首页修改

zrj
Showing 11 changed files with 81 additions and 52 deletions
src/assets/v1/xq.png
src/layoutPc/components/AppBottom.vue
src/viewsPc/contest/detail.vue
src/viewsPc/contest/list.vue
src/viewsPc/index.vue
src/viewsPc/instagram/index.vue
src/viewsPc/mall/index.vue
src/viewsPc/news/index.vue
src/viewsPc/photo/detail.vue
src/viewsPc/video/index.vue
vite.config.js
--- a/src/assets/v1/xq.png 0 → 100644
View file @9eb08d5
+++ b/src/assets/v1/xq.png 0 → 100644
View file @9eb08d5
--- a/src/layoutPc/components/AppBottom.vue
View file @9eb08d5
+++ b/src/layoutPc/components/AppBottom.vue
View file @9eb08d5
@@ -4,7 +4,8 @@
      <el-row  align="middle" justify="space-between">
        <el-col :span="18">
          <div class="text-center copyright pd10">{{ languageLibrary[language].a }}
-            <a href="https://beian.miit.gov.cn/" target="_blank">ICP备案号：苏ICP备2023054420号-2</a></div>
+<!--            <a href="https://beian.miit.gov.cn/" target="_blank">ICP备案号：苏ICP备2023054420号-2</a>-->
+          </div>
        </el-col>
        <el-col :span="6">
          <div>
--- a/src/viewsPc/contest/detail.vue
View file @9eb08d5
+++ b/src/viewsPc/contest/detail.vue
View file @9eb08d5
@@ -3,12 +3,12 @@
    <div class="box">
      <el-button class="back-btn" @click="goback()">{{ languageLibrary[language].a }}</el-button>
      <el-row class="detail-title">
-        <el-col :span="2">
+        <el-col :span="4">
          <span v-if="projectMainInfo.enrollStatusStr == '未开始'" style="background: #3194FA;border-radius:6px 0 6px 0;padding: 0 4px">{{ languageLibrary[language].o }}</span>
          <span v-else-if="projectMainInfo.enrollStatusStr == '进行中'" style="background: #21C9AB;border-radius:6px 0 6px 0;padding: 0 4px">{{ languageLibrary[language].p }}</span>
          <span v-else style="background: #929AA0;border-radius:6px 0 6px 0;padding: 0 4px">{{ languageLibrary[language].q }}</span>
        </el-col>
-        <el-col :span="6">
+        <el-col :span="8">
          <div style="display: flex;flex-direction: column;">
            <span style="font-size: 20px;font-weight: bold;margin-bottom: 5px">{{projectMainInfo.name}}</span>
            <span>{{projectMainInfo.startTime + '~' + projectMainInfo.endTime}}</span>
@@ -17,7 +17,7 @@
        <el-col style="border-left: 1px solid #929AA0;border-right: 1px solid #929AA0" :span="4">
          <div style="display: flex;flex-direction: column;text-align: center">
            <span style="font-size: 14px;color: #929AA0;margin-bottom: 5px">{{ languageLibrary[language].b }}</span>
-            <span style="color: #EEEEEE;font-size: 16px">${{projectMainInfo.serviceFee}}</span>
+            <span style="color: #EEEEEE;font-size: 16px">{{projectMainInfo.serviceFee}}</span>
          </div>
        </el-col>
        <el-col :span="4">
@@ -30,40 +30,41 @@
      <el-tabs v-model="activeName" class="detail-tabs" @tab-click="handleClick">
        <el-tab-pane :label="languageLibrary[language].d" name="first">
          <el-row class="detail-tabs-row-sin detail-tabs-row">
-            <el-col :span="4"><span>{{ languageLibrary[language].h }}</span></el-col>
+            <el-col :span="8"><span>{{ languageLibrary[language].h }}</span></el-col>
-            <el-col :span="20"><span>{{projectMainTabA[0].field2}}</span></el-col>
+            <el-col :span="16"><span>{{projectMainTabA[0].field2}}</span></el-col>
          </el-row>
          <el-row class="detail-tabs-row-eve detail-tabs-row">
-            <el-col :span="4"><span>{{ languageLibrary[language].i }}</span></el-col>
+            <el-col :span="8"><span>{{ languageLibrary[language].i }}</span></el-col>
-            <el-col :span="20"><span>{{projectMainTabA[1].field2}}</span></el-col>
+            <el-col :span="16"><span>{{projectMainTabA[1].field2}}</span></el-col>
          </el-row>
          <el-row class="detail-tabs-row-sin detail-tabs-row">
-            <el-col :span="4"><span>{{ languageLibrary[language].j }}</span></el-col>
+            <el-col :span="8"><span>{{ languageLibrary[language].j }}</span></el-col>
-            <el-col :span="20"><span>{{projectMainTabA[2].field2}}</span></el-col>
+            <el-col :span="16"><span>{{projectMainTabA[2].field2}}</span></el-col>
          </el-row>
          <el-row class="detail-tabs-row-eve detail-tabs-row">
-            <el-col :span="4"><span>{{ languageLibrary[language].k }}</span></el-col>
+            <el-col :span="8"><span>{{ languageLibrary[language].k }}</span></el-col>
-            <el-col :span="20"><span>{{projectMainTabA[3].field2}}</span></el-col>
+            <el-col :span="16"><span>{{projectMainTabA[3].field2}}</span></el-col>
          </el-row>
          <el-row class="detail-tabs-row-sin detail-tabs-row">
-            <el-col :span="4"><span>{{ languageLibrary[language].l }}</span></el-col>
+            <el-col :span="8"><span>{{ languageLibrary[language].l }}</span></el-col>
-            <el-col :span="20"><span>{{projectMainTabA[4].field2}}</span></el-col>
+            <el-col :span="16"><span>{{projectMainTabA[4].field2}}</span></el-col>
          </el-row>
          <el-row class="detail-tabs-row-eve detail-tabs-row">
-            <el-col :span="4"><span>{{ languageLibrary[language].m }}</span></el-col>
+            <el-col :span="8"><span>{{ languageLibrary[language].m }}</span></el-col>
-            <el-col :span="20"><span>{{projectMainTabA[5].field2}}</span></el-col>
+            <el-col :span="16"><span>{{projectMainTabA[5].field2}}</span></el-col>
          </el-row>
          <el-row class="detail-tabs-row-sin detail-tabs-row">
-            <el-col :span="4"><span>{{ languageLibrary[language].n }}</span></el-col>
+            <el-col :span="8"><span>{{ languageLibrary[language].n }}</span></el-col>
-            <el-col :span="20"><span>{{projectMainTabA[6].field2}}</span></el-col>
+            <el-col :span="16"><span>{{projectMainTabA[6].field2}}</span></el-col>
          </el-row>
          <el-row class="detail-tabs-row-eve detail-tabs-row">
-            <el-col :span="4"><span>{{ languageLibrary[language].v }}</span></el-col>
+            <el-col :span="8"><span>{{ languageLibrary[language].v }}</span></el-col>
-            <el-col :span="20"><span>{{projectMainTabA[7].field2}}</span></el-col>
+            <el-col :span="16"><span>{{projectMainTabA[7].field2}}</span></el-col>
          </el-row>
        </el-tab-pane>
        <el-tab-pane :label="languageLibrary[language].e" name="second">
          <el-table
+              v-if="projectMainTabOther.length > 0"
              class="contest-table"
              :data="projectMainTabOther"
              :cell-style="{borderColor:'#3A405B',textAlign:'center',color:'#fff',padding: '15px 20px'}"
@@ -80,6 +81,7 @@
        </el-tab-pane>
        <el-tab-pane :label="languageLibrary[language].f" name="third">
          <el-table
+              v-if="projectMainTabOther.length > 0"
              class="contest-table"
              :data="projectMainTabOther"
              :cell-style="{borderColor:'#3A405B',textAlign:'center',color:'#fff',padding: '15px 20px'}"
@@ -92,6 +94,7 @@
        </el-tab-pane>
        <el-tab-pane :label="languageLibrary[language].g" name="fourth">
          <el-table
+              v-if="projectMainTabOther.length > 0"
              class="contest-table"
              :data="projectMainTabOther"
              :cell-style="{borderColor:'#3A405B',textAlign:'center',color:'#fff',padding: '15px 20px'}"
--- a/src/viewsPc/contest/list.vue
View file @9eb08d5
+++ b/src/viewsPc/contest/list.vue
View file @9eb08d5
@@ -3,16 +3,16 @@
    <div class="box">
      <el-button class="back-btn" @click="goback()">{{ languageLibrary[language].a }}</el-button>
      <div style="position: relative">
-        <img class="list-title" :src="fillImgUrl(mainInfo.coverUrl)">
+        <div class="list-title" />
-        <div style="position: absolute;color: #fff;top:15%;left:5%">
+        <div style="position: absolute;color: #fff;top:15%;left:5%;width: 100%">
-          <el-row style="font-size: 16px;margin-bottom: 25px">
+          <el-row class="mg-bottom" style="font-size: 16px;">
            <div v-if="mainInfo.enrollStatusStr == '未开始'" style="background: #3194FA;border-radius:6px 0 6px 0;padding: 0 4px">{{ languageLibrary[language].g }}</div>
            <div v-else-if="mainInfo.enrollStatusStr == '进行中'" style="background: #21C9AB;border-radius:6px 0 6px 0;padding: 0 4px">{{ languageLibrary[language].h }}</div>
            <div v-else style="background: #929AA0;border-radius:6px 0 6px 0;padding: 0 4px">{{ languageLibrary[language].i }}</div>
          </el-row>
-          <el-row style="font-size: 38px;margin-bottom: 25px"><span>{{mainInfo.name}}</span></el-row>
+          <el-row class="mg-bottom" style="font-size: 38px;"><span>{{mainInfo.name}}</span></el-row>
-          <el-row style="font-size: 20px;margin-bottom: 25px"><span>{{mainInfo.beginTime + '~' + mainInfo.endTime}}</span></el-row>
+          <el-row class="mg-bottom" style="font-size: 20px;"><img style="margin-right: 2%" src="@/assets/v1/tag01.png" /><span>{{mainInfo.beginTime}}</span></el-row>
-          <el-row style="font-size: 20px"><span>{{mainInfo.address}}</span></el-row>
+          <el-row style="font-size: 20px"><img style="margin-right: 2%" src="@/assets/v1/tag02.png" /><span>{{mainInfo.address}}</span></el-row>
        </div>
      </div>
      <el-row style="margin: 20px 0">
@@ -34,8 +34,8 @@
          <div class="child-card">
            <el-button class="go-btn" @click="goDetail(item.id)"></el-button>
            <el-row style="margin-bottom: 10px">
-              <div v-if="competitionList.enrollStatusStr == '未开始'" style="background: #3194FA;border-radius:6px 0 6px 0;padding: 0 4px">{{ languageLibrary[language].g }}</div>
+              <div v-if="item.statusStr == '未开始'" style="background: #3194FA;border-radius:6px 0 6px 0;padding: 0 4px">{{ languageLibrary[language].g }}</div>
-              <div v-else-if="competitionList.enrollStatusStr == '进行中'" style="background: #21C9AB;border-radius:6px 0 6px 0;padding: 0 4px">{{ languageLibrary[language].h }}</div>
+              <div v-else-if="item.statusStr == '进行中'" style="background: #21C9AB;border-radius:6px 0 6px 0;padding: 0 4px">{{ languageLibrary[language].h }}</div>
              <div v-else style="background: #929AA0;border-radius:6px 0 6px 0;padding: 0 4px">{{ languageLibrary[language].i }}</div>
            </el-row>
            <el-row style="margin-bottom: 10px; font-weight: bold;font-size: 20px">{{item.name}}</el-row>
@@ -184,7 +184,7 @@ const goback = function () {
 .list-title {
  width: 100%;
-  background: url("/dev-api/fs/20250729/image/8638425535731875840.png") no-repeat;
+  background: url("@/assets/v1/xq.png") no-repeat;
  background-size: cover;
  aspect-ratio: 16/3;
 }
@@ -251,4 +251,14 @@ const goback = function () {
    z-index: 1;
  }
 }
+.mg-bottom {
+  margin-bottom: 25px;
+}
+@media (max-width: 1550px) {
+  .mg-bottom {
+    margin-bottom: 8px;
+  }
+}
 </style>
--- a/src/viewsPc/index.vue
View file @9eb08d5
+++ b/src/viewsPc/index.vue
View file @9eb08d5
@@ -47,7 +47,7 @@
                          <div v-else style="background: #929AA0;border-radius:6px 0 6px 0;padding: 0 4px">{{ languageLibrary[language].i }}</div>
                        </span>
                        <span style="font-size: 26px">{{n.cptName}}</span>
-                        <span style="font-size: 18px"><img style="margin-right: 2%" src="@/assets/v1/tag01.png" />{{n.beginTime + '~' + n.endTime}}</span>
+                        <span style="font-size: 18px"><img style="margin-right: 2%" src="@/assets/v1/tag01.png" />{{getTimeFormate(n.beginTime) + '~' + getTimeFormate(n.endTime)}}</span>
                        <span style="font-size: 18px"><img style="margin-right: 2%" src="@/assets/v1/tag02.png" />{{n.address}}</span>
                      </div>
                    </div>
@@ -327,6 +327,15 @@ const goVideo = () => {
    path: `/video/index`,
  })
 }
+const getTimeFormate = (time) => {
+  const showDay = new Date(time)
+  const year = showDay.getFullYear();
+  const month = showDay.getMonth() + 1; // 月份是从0开始的，所以需要加1
+  const date = showDay.getDate();
+  return `${year}-${month.toString().padStart(2, '0')}-${date.toString().padStart(2, '0')}`;
+}
 </script>
 <style lang="scss" scoped>
--- a/src/viewsPc/instagram/index.vue
View file @9eb08d5
+++ b/src/viewsPc/instagram/index.vue
View file @9eb08d5
@@ -108,7 +108,7 @@ const getList = () => {
 .photo-img {
  width: 100%;
-  aspect-ratio: 2/1;
+  aspect-ratio: 3/2;
  cursor: pointer;
 }
--- a/src/viewsPc/mall/index.vue
View file @9eb08d5
+++ b/src/viewsPc/mall/index.vue
View file @9eb08d5
@@ -7,7 +7,7 @@
        </el-col>
      </el-row>
      <el-row>
-        <el-col class="photo-space" :lg="8" v-for="item in itemList">
+        <el-col class="photo-space" :lg="8" v-for="item in itemList.slice(0,1)">
          <div class="photo-img-group">
            <img class="photo-img" :src="fillImgUrl(item.picUrl)">
            <span style="display: block;font-size: 16px;margin:5px 0;color:#fff">{{item.name}}</span>
--- a/src/viewsPc/news/index.vue
View file @9eb08d5
+++ b/src/viewsPc/news/index.vue
View file @9eb08d5
@@ -200,7 +200,7 @@ const goDetail = (id) => {
 .firstItem{cursor: pointer;
  background: #F7F8FC;height: 100%;padding: 10px 20px;
-  .date{font-weight: bold;transform: scaleX(0.7);transform-origin: left;
+  .date{font-weight: bold;transform: scaleX(1);transform-origin: left;
    font-size: 18px;
    color: #4C5359;
    p{margin: 5px 0;}
@@ -217,8 +217,8 @@ const goDetail = (id) => {
  .item{display: flex;position: relative;width: 100%;height: auto;
    align-items: center;cursor: pointer;border-bottom: 1px solid #3C4259;
    .date{width: 60px;height: 60px;text-align: center;background: #43445B;margin: 0 10px;
-      .day{color: #CAA767;transform: scaleX(0.7);font-weight: bold;font-size: 24px;}
+      .day{color: #CAA767;transform: scaleX(1);font-weight: bold;font-size: 24px;}
-      p{font-size: 14px;margin: 0;transform: scaleX(0.7);font-weight: bold;color: #7B7F83;}
+      p{font-size: 14px;margin: 0;transform: scaleX(1);font-weight: bold;color: #7B7F83;}
    }
    .item-body{width: 100%;
      h3{padding: 0 10px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-size: 18px;color: #fff;}
--- a/src/viewsPc/photo/detail.vue
View file @9eb08d5
+++ b/src/viewsPc/photo/detail.vue
View file @9eb08d5
@@ -3,7 +3,7 @@
    <div class="box">
      <el-button class="back-btn" @click="goback()">{{ languageLibrary[language].a }}</el-button>
      <el-row class="detail-title">
-        <el-col :span="2">
+        <el-col :span="4">
          <span v-if="projectMainInfo.enrollStatusStr == '未开始'" style="background: #3194FA;border-radius:6px 0 6px 0;padding: 0 4px">{{ languageLibrary[language].g }}</span>
          <span v-else-if="projectMainInfo.enrollStatusStr == '进行中'" style="background: #21C9AB;border-radius:6px 0 6px 0;padding: 0 4px">{{ languageLibrary[language].h }}</span>
          <span v-else style="background: #929AA0;border-radius:6px 0 6px 0;padding: 0 4px">{{ languageLibrary[language].i }}</span>
@@ -15,7 +15,7 @@
 <!--            <span>{{projectMainInfo.beginTime + '~' + projectMainInfo.endTime}}</span>-->
 <!--          </div>-->
        </el-col>
-        <el-col :span="16">
+        <el-col :span="14">
          <span>比赛时间: {{projectMainInfo.beginTime + '~' + projectMainInfo.endTime}}</span>
        </el-col>
@@ -164,7 +164,7 @@ const goback = function () {
 .photo-img {
  width: 100%;
-  aspect-ratio: 2/1;
+  aspect-ratio: 3/2;
  cursor: pointer;
 }
 </style>
--- a/src/viewsPc/video/index.vue
View file @9eb08d5
+++ b/src/viewsPc/video/index.vue
View file @9eb08d5
@@ -23,10 +23,10 @@
      <el-row>
        <el-col class="photo-space" :lg="6" v-for="item in itemList">
          <div class="photo-img-group">
-            <img class="photo-img" @click="goDetail(item)" :src="fillImgUrl('/fs/20250729/image/8638425535731875840.png')">
+            <img class="photo-img" @click="goDetail(item)" :src="fillImgUrl(item.picUrl)">
            <div class="photo-img-info">
-              <span style="display: block;font-size: 16px;padding:5px 0">LPT巡回赛</span>
+              <span style="display: block;font-size: 16px;padding:5px 0">{{item.name}}</span>
-              <span style="display: block;font-size: 14px;color: #C2A165">2025-01-01</span>
+              <span style="display: block;font-size: 14px;color: #C2A165">{{item.publishTime}}</span>
            </div>
          </div>
        </el-col>
@@ -42,32 +42,38 @@ import { onMounted, ref } from 'vue'
 import { getNewsListById } from '@/apiPc/webSite'
 import { useRouter } from 'vue-router'
 import {useStorage} from "@vueuse/core/index";
+import * as match from "@/apiPc/match";
 const language = useStorage('language', 0)
 const router = useRouter()
 const searchParam = ref({
-  type:'1',
+  status: 1,
-  text:'',
+  sortId: 2000,
 })
-const itemList = ref(['a','a','a','a','a','a','a','a','a'])
+const itemList = ref([])
 onMounted(() => {
+  getList()
 })
 const searchByType = (type) => {
  searchParam.value.type = type
 }
-const getList = (obj) => {
+const getList = () => {
-  getNewsListById(obj).then(res => {
+  match.getNoteList(searchParam.value).then(res => {
-    newsList.value = res.rows
+    if (res.code === 200) {
+      itemList.value = res.rows
+      itemList.value.forEach(x => {
+        x.attacth = JSON.parse(x.attacthJson)
+      })
+    }
  })
 }
-const goDetail = (id) => {
+const goDetail = (n) => {
  router.push({
-    path: `/news/detail/${id}`
+    path: `/news/detail/${n.noteId}`
  })
 }
 </script>
--- a/vite.config.js
View file @9eb08d5
+++ b/vite.config.js
View file @9eb08d5
@@ -84,8 +84,8 @@ export default defineConfig(({mode, command}) => {
        },
        '/dev-api': {
          // target: 'http://192.168.1.118:8082/',
-          target: 'http://192.168.1.194:8082',
+          // target: 'http://192.168.1.194:8082',
-          // target: 'https://tk005.wxjylt.com/stage-api',
+          target: 'https://www.longpoker.com/stage-api/',
          // target: 'http://124.70.181.90:1880/stage-api',
          // target: 'https://sys.2025wtcwuxi.com/stage-api/',
          changeOrigin: true,