no message

@@ -25,6 +25,13 @@
                 <div v-html="con2"></div>
                 <div v-html="con2"></div>
               </div>
               </div>
             </div>
             </div>
+
+            <div class="infoPart pd20" v-if="activeIndex==2">
+              <h3 class="leftboderTT">{{ language==0?menu[activeIndex].name:menu[activeIndex].ename }}</h3>
+              <div class="content">
+                <div v-html="con3"></div>
+              </div>
+            </div>
           </el-col>
           </el-col>
         </el-row>
         </el-row>
       </el-card>
       </el-card>
@@ -50,16 +57,19 @@
 import {useStorage} from "@vueuse/core";
 import {useStorage} from "@vueuse/core";
 import {onMounted} from "vue";
 import {onMounted} from "vue";
 import {getppInfo} from "@/apiPc/match";
 import {getppInfo} from "@/apiPc/match";
-
+import {useRoute} from "vue-router";
+const route = useRoute()
 const language = useStorage('language', 0)
 const language = useStorage('language', 0)
 
 
 const activeIndex = ref(0)
 const activeIndex = ref(0)
 const con1 = ref('')
 const con1 = ref('')
 const con2 = ref('')
 const con2 = ref('')
+const con3 = ref('')
 
 
 const menu = ref([
 const menu = ref([
   {name:'组织机构',ename:'Organizer'},
   {name:'组织机构',ename:'Organizer'},
   {name:'无锡WDSF亚洲体育舞蹈节',ename:'WUXI WDSF ASIAN DANCESPORT FESTIVAL'},
   {name:'无锡WDSF亚洲体育舞蹈节',ename:'WUXI WDSF ASIAN DANCESPORT FESTIVAL'},
+  {name:'周边活动',ename:'Around Activity'},
   // {name:'体育舞蹈项目',ename:''},
   // {name:'体育舞蹈项目',ename:''},
 ])
 ])
 
 
@@ -71,6 +81,9 @@ const contact = ref([
 ])
 ])
 
 
 onMounted(()=>{
 onMounted(()=>{
+  if(route.query.activeIndex){
+    activeIndex.value = route.query.activeIndex
+  }
   getMenuList()
   getMenuList()
 })
 })
 const getMenuList = ()=>{
 const getMenuList = ()=>{
@@ -90,6 +103,14 @@ const getMenuList = ()=>{
       con2.value = res.data.contextEn
       con2.value = res.data.contextEn
     }
     }
   })
   })
+
+  getppInfo('10000004').then(res=>{
+    if(language.value==0){
+      con3.value = res.data.contextZh
+    } else {
+      con3.value = res.data.contextEn
+    }
+  })
 }
 }
 //根据菜单id获取详情
 //根据菜单id获取详情
 const getDetail = (item,index)=>{
 const getDetail = (item,index)=>{
@@ -104,7 +125,7 @@ const getDetail = (item,index)=>{
   ul{border-right: 2px solid #E5E5E5;padding:0 20px 0 0;}
   ul{border-right: 2px solid #E5E5E5;padding:0 20px 0 0;}
   li{margin: 30px 0;padding: 10px;text-align: right;
   li{margin: 30px 0;padding: 10px;text-align: right;
     border-radius: 2px;position: relative;
     border-radius: 2px;position: relative;
-    font-weight: 600;
+    font-weight: 600;text-transform: uppercase;
     font-size: 18px;cursor: pointer;
     font-size: 18px;cursor: pointer;
     background: linear-gradient(90deg, rgba(134, 35, 252, 0.1), rgba(69, 61, 234, 0.1));}
     background: linear-gradient(90deg, rgba(134, 35, 252, 0.1), rgba(69, 61, 234, 0.1));}
   li::after{content: '';position: absolute;background: #898989;width: 8px;height: 8px;
   li::after{content: '';position: absolute;background: #898989;width: 8px;height: 8px;

@@ -123,7 +123,7 @@ const goAbout = () => {
 }
 }
 const goAround = () => {
 const goAround = () => {
   //周边活动
   //周边活动
-  router.push({path: `/around/wuDao`})
+  router.push({path: `/about/wuDao`,query: {activeIndex: '2'}})
 }
 }
 
 
 onMounted(() => {
 onMounted(() => {

@@ -356,7 +356,7 @@ const init = () => {
   getNewsListById({
   getNewsListById({
         pageSize: time.value > 0 ? 3 : 4,
         pageSize: time.value > 0 ? 3 : 4,
         pageNum: 1,
         pageNum: 1,
-        sortId: '10000006'
+        sortId: '30000006'
       }
       }
   ).then(res => {
   ).then(res => {
     livelist.value = res.rows
     livelist.value = res.rows
@@ -364,7 +364,7 @@ const init = () => {
   getNewsListById({
   getNewsListById({
         pageSize: 5,
         pageSize: 5,
         pageNum: 1,
         pageNum: 1,
-        sortId: '10000007'
+        sortId: '30000007'
       }
       }
   ).then(res => {
   ).then(res => {
     picList.value = res.rows
     picList.value = res.rows

@@ -366,13 +366,13 @@ const init = () => {
   getNewsListById(
   getNewsListById(
     { pageSize: 4,
     { pageSize: 4,
       pageNum: 1,
       pageNum: 1,
-      sortId: '10000008' }
+      sortId: '30000008' }
   ).then(res => {
   ).then(res => {
     livelist.value = res.rows
     livelist.value = res.rows
   })
   })
   getNewsListById({ pageSize: 5,
   getNewsListById({ pageSize: 5,
       pageNum: 1,
       pageNum: 1,
-      sortId: '10000009' }
+      sortId: '30000009' }
   ).then(res => {
   ).then(res => {
     picList.value = res.rows
     picList.value = res.rows
   })
   })

@@ -91,12 +91,12 @@ const newsList2 = ref([])
 const query1 = ref({
 const query1 = ref({
   pageSize: 5,
   pageSize: 5,
   pageNum: 1,
   pageNum: 1,
-  sortId: '10000006'
+  sortId: '30000006'
 })
 })
 const query2 = ref({
 const query2 = ref({
   pageSize: 7,
   pageSize: 7,
   pageNum: 1,
   pageNum: 1,
-  sortId: '10000007'
+  sortId: '30000007'
 })
 })
 
 
 onMounted(() => {
 onMounted(() => {
@@ -106,7 +106,7 @@ onMounted(() => {
 
 
 const getList = (obj) => {
 const getList = (obj) => {
   if(language.value==1){
   if(language.value==1){
-    obj.sortId = '10000008'
+    obj.sortId = '30000008'
   }
   }
   getNewsListById(obj).then(res => {
   getNewsListById(obj).then(res => {
     newsList.value = res.rows
     newsList.value = res.rows
@@ -114,7 +114,7 @@ const getList = (obj) => {
 }
 }
 const getList2 = (obj) => {
 const getList2 = (obj) => {
   if(language.value==1){
   if(language.value==1){
-    obj.sortId = '10000009'
+    obj.sortId = '30000009'
   }
   }
   getNewsListById(obj).then(res => {
   getNewsListById(obj).then(res => {
     newsList2.value = res.rows
     newsList2.value = res.rows