no message

@@ -9,18 +9,23 @@
 
 
     <div class="indexTitle">
     <div class="indexTitle">
       <h3 class="leftboderTT">{{ language==0?'赛事报道':'Special reports' }}</h3>
       <h3 class="leftboderTT">{{ language==0?'赛事报道':'Special reports' }}</h3>
-<!--      <a class="more" @click="goList(query2.sortId,'专题报道')">MORE</a>-->
+      <a class="more" v-if="newsList2.length>3" @click="goList(query2.code,'专题报道')">MORE</a>
     </div>
     </div>
     <div>
     <div>
-      <div class="item" v-for="n in newsList2" :key="n.id" @click="goDetail(n)">
-        <p class="esp">{{ n.name }}</p>
+      <div class="item news2" v-for="(n,index) in newsList2" v-show="index<3" :key="n.id" @click="goDetail(n)">
+        <div class="imgbox" v-if="n.picUrl" @click="goDetail(n)">
+          <img :src="fillImgUrl(n.picUrl)">
+        </div>
+        <div>
+          <p class="esp_2">{{ n.name }}</p>
+        </div>
       </div>
       </div>
     </div>
     </div>
 
 
     <div class="indexTitle"><h3 class="leftboderTT">{{ language==0?'赛事视频':'VEDIOS' }}</h3>
     <div class="indexTitle"><h3 class="leftboderTT">{{ language==0?'赛事视频':'VEDIOS' }}</h3>
 <!--      <a class="more" @click="goList(10000006,'赛事视频')">MORE</a>-->
 <!--      <a class="more" @click="goList(10000006,'赛事视频')">MORE</a>-->
     </div>
     </div>
-    <div class="item" v-for="n in newsList" :key="n.id" @click="goDetail(n)">
+    <div class="item" v-for="(n,index) in newsList" v-show="index<3" :key="n.id" @click="goDetail(n)">
       <div class="videoImgbox" @click="goDetail(n)">
       <div class="videoImgbox" @click="goDetail(n)">
         <img :src="fillImgUrl(n.picUrl)">
         <img :src="fillImgUrl(n.picUrl)">
       </div>
       </div>
@@ -28,7 +33,7 @@
     <div class="indexTitle"><h3 class="leftboderTT">{{ language==0?'赛事图片':'PHOTOS' }}</h3>
     <div class="indexTitle"><h3 class="leftboderTT">{{ language==0?'赛事图片':'PHOTOS' }}</h3>
 <!--      <a class="more" @click="goList(10000007,'赛事图片')">MORE</a>-->
 <!--      <a class="more" @click="goList(10000007,'赛事图片')">MORE</a>-->
     </div>
     </div>
-    <div v-for="n in newsList3" :key="n.id" @click="goDetail(n)">
+    <div v-for="(n,index) in newsList3" v-show="index<3" :key="n.id" @click="goDetail(n)">
       <div class="picbox"><img :src="fillImgUrl(n.picUrl)"/></div>
       <div class="picbox"><img :src="fillImgUrl(n.picUrl)"/></div>
     </div>
     </div>
   </el-card>
   </el-card>
@@ -51,17 +56,17 @@ const newsList = ref([])
 const newsList2 = ref([])
 const newsList2 = ref([])
 const newsList3 = ref([])
 const newsList3 = ref([])
 const query1 = ref({
 const query1 = ref({
-  pageSize: 1,
+  pageSize: 5,
   pageNum: 1,
   pageNum: 1,
   code:  `${props.matchId}${language.value == 0 ?'100':'101'}2`
   code:  `${props.matchId}${language.value == 0 ?'100':'101'}2`
 })
 })
 const query2 = ref({
 const query2 = ref({
-  pageSize: 3,
+  pageSize: 5,
   pageNum: 1,
   pageNum: 1,
   code:  `${props.matchId}${language.value == 0 ?'100':'101'}1`
   code:  `${props.matchId}${language.value == 0 ?'100':'101'}1`
 })
 })
 const query3 = ref({
 const query3 = ref({
-  pageSize: 1,
+  pageSize: 5,
   pageNum: 1,
   pageNum: 1,
   code:  `${props.matchId}${language.value == 0 ?'100':'101'}3`
   code:  `${props.matchId}${language.value == 0 ?'100':'101'}3`
 })
 })
@@ -90,7 +95,8 @@ const goList = (sortId,name) => {
   router.push({
   router.push({
     path: `/news/list/${sortId}`,
     path: `/news/list/${sortId}`,
     query:{
     query:{
-      kindName:name
+      kindName:name,
+      code:sortId
     }
     }
   })
   })
 }
 }
@@ -106,6 +112,12 @@ const goDetail = (n) => {
 </script>
 </script>
 
 
 <style scoped lang="scss">
 <style scoped lang="scss">
+.news2{display: flex;margin: 0 0 20px;
+  .imgbox{margin-right: 15px;height: calc(900px/16);width: 100px;
+    img{object-fit: cover;width:100px;height: 100%;}
+  }
+  .esp_2{margin: 0;}
+}
 .indexTitle{margin: 20px 0 12px;
 .indexTitle{margin: 20px 0 12px;
 h3{
 h3{
   font-size: 20px;
   font-size: 20px;

@@ -13,7 +13,8 @@
                 <p>{{ n.belongTime?.substring(0, 7).replace(/-/g, '/') }}</p>
                 <p>{{ n.belongTime?.substring(0, 7).replace(/-/g, '/') }}</p>
               </div>
               </div>
               <div v-if="n.picUrl" class="imgbox">
               <div v-if="n.picUrl" class="imgbox">
-                <img :src="fillImgUrl_webSite(n.picUrl)">
+                <img v-if="query.code" :src="fillImgUrl(n.picUrl)">
+                <img v-else :src="fillImgUrl_webSite(n.picUrl)">
               </div>
               </div>
               <div class="item-body">
               <div class="item-body">
                 <h3 class="esp_2" v-html="n.name" />
                 <h3 class="esp_2" v-html="n.name" />
@@ -42,7 +43,7 @@
 <script setup>
 <script setup>
 import { ArrowRight, Search } from '@element-plus/icons-vue'
 import { ArrowRight, Search } from '@element-plus/icons-vue'
 import { onMounted, ref } from 'vue'
 import { onMounted, ref } from 'vue'
-import { getNewsListById } from '@/apiPc/webSite'
+import {getNewsListById, getnoteListcptid} from '@/apiPc/webSite'
 import { useRoute, useRouter } from 'vue-router'
 import { useRoute, useRouter } from 'vue-router'
 import {useStorage} from "@vueuse/core/index";
 import {useStorage} from "@vueuse/core/index";
 const language = useStorage('language', 0)
 const language = useStorage('language', 0)
@@ -58,11 +59,22 @@ const query = ref({
 })
 })
 onMounted(() => {
 onMounted(() => {
   console.log(route)
   console.log(route)
-  query.value.sortId = route.params.id
   kindName.value = route.query.kindName
   kindName.value = route.query.kindName
+
+  if(route.query.code){
+    query.value.code = route.query.code
+    getnotebycode()
+  } else {
+    query.value.sortId = route.params.id
     getList()
     getList()
+  }
 })
 })
-
+const getnotebycode = () => {
+  getnoteListcptid(query.value).then(res => {
+    newsList.value = res.rows
+    total.value = res.total
+  })
+}
 const getList = () => {
 const getList = () => {
   console.log(query.value)
   console.log(query.value)
   getNewsListById(query.value).then(res => {
   getNewsListById(query.value).then(res => {