fix

src/component/Events/eventsDetail.vue

@@ -1,6 +1,13 @@
 <template>
-    <div class="eventsDetail_page" :class="{active:isScroll}">
+    <div class="eventsDetail_page">
-		<div class="modal_title_text modal_search">
+		<div class="eventsDetail_title modal_title_text" @click="setBack">
+			<i class="fi fi-sr-left"></i>
+			<div class="">Back</div>
+		</div>
+		<div class="eventsDetail_content">
+
+		</div>
+		<!-- <div class="modal_title_text modal_search">
 			<div v-show="isScroll || systemUser.value>-1" v-for="item in worksType" :key="item" class="modal_title_text_assistant" @click="setWorksSelect(item)" :class="{active:item.value == worksSelect}">
 				{{ item.name }}
 			</div>
@@ -22,7 +29,7 @@
 					<a-spin size="large" />
 				</span>
 			</div>
-		</div>
+		</div> -->
     </div>
 </template>
 <script lang="ts">
@@ -31,6 +38,7 @@ import { defineComponent,h ,toRefs,ref,reactive,onMounted,nextTick,provide,compu
 // import HeaderComponent from "@/component/HomePage/Header.vue";
 // import RobotAssist from "@/component/HomePage/RobotAssist.vue";
 import { Https } from "@/tool/https";
+import { useRouter } from 'vue-router';
 import { useI18n } from "vue-i18n";
 import generalMenu from "@/component/HomePage/generalMenu.vue";
 import { useStore } from "vuex";
@@ -46,6 +54,7 @@ export default defineComponent({
 	},
     setup() {
 		// console.log(this.$route.params.id);
+		const router = useRouter();
         const store = useStore();
 		let filter:any = reactive({
 			worksSelect: 'all',
@@ -114,40 +123,9 @@ export default defineComponent({
 		}
 		let likeFile = (item:any,type:string) => {
 		}
-		let getImgScale = (item:any)=>{
+		let setBack = ()=>{
+			router.go(-1);
 		}
-		let getPorfolio = ()=>{
-			let data = filter.getListDate
-			if(filter.isShowMark && !filter.isNoData)return
-			filter.isShowMark = true
-			Https.axiosPost(Https.httpUrls.getPorfolio, data)
-                .then((rv) => {
-					if (rv.content.length > 0) {
-
-					} else {
-						filter.isNoData = true
-					}
-					filter.isShowMark = false
-                })
-                .catch((rv) => {
-					filter.isShowMark = false
-					filter.isNoData = true
-				});
-		}
-		let {t} = useI18n()
-		let setprintModel= (data:any)=>{
-			selectMenu.value = data
-		}
-		let setPortfolioLike = (value:any) =>{
-			// let data = {id:value.id}
-			// Https.axiosGet(Https.httpUrls.portfolioLike, {params:data})
-			// .then((rv) => {
-				
-			// })
-			// .catch((rv) => {
-			// });
-		}
-		
 		onMounted (()=>{
 			// filter.isShowMark = false
 			// filter.isNoData = false
@@ -169,10 +147,7 @@ export default defineComponent({
 			selectMenu,
 			setWorksSelect,
 			likeFile,
-			getImgScale,
+			setBack,
-			t,
-			setprintModel,
-			setPortfolioLike,
         }
     },
     async mounted(){
@@ -182,7 +157,21 @@ export default defineComponent({
 </script>
 <style lang="less">
 .eventsDetail_page {
-	
+	min-height: 100%;
-	
+    width: 100%;
+	.eventsDetail_title{
+		display: flex;
+		padding: 2rem 4rem;
+		align-items: center;
+		cursor: pointer;
+		i{
+			display: flex;
+			align-items: center;
+			margin-right: 1rem;
+		}
+	}
+	.eventsDetail_title:hover div{
+		text-decoration: underline;
+	}
 }
 </style>

src/component/modules/navRouter.vue

@@ -12,7 +12,7 @@
 		<router-link  :class="['nav_item',$route.name === 'works' ? 'select_nav' : '', ]" :to="`/home/works`">
 			{{$t('Header.WORKS')}}
 		</router-link> -->
-		<router-link v-for="item in routerList" :class="['nav_item',$route.name === item.routerName ? 'select_nav' : '', ]" :to="item.router">{{ item.name }}</router-link>
+		<router-link v-for="item in routerList" :class="['nav_item',item.routerName.indexOf($route.name) > -1 ? 'select_nav' : '', ]" :to="item.router">{{ item.name }}</router-link>
 	</nav>
 </template>
 

src/router/index.ts

@@ -85,19 +85,23 @@ const routes: Array<RouteRecordRaw> = [
 				path:'events',
 				name:'SquareEvents',
 				component: _import_custom('HomeView/Events.vue'),
-				children:[
+				// children:[
-					{
+				// 	{
-						path: "",
+				// 		path: "",
-						name:'eventsDetail',
+				// 		name:'eventsDetail',
-						redirect: "/Square/events/eventsDetail"
+				// 		redirect: "/Square/events/eventsDetail"
-					},
+				// 	},
-					{
+				// 	{
-						path:'eventsDetail',
+				// 		path:'eventsDetail',
-						name:'eventsDetail',
+				// 		name:'eventsDetail',
-						component: _import_custom('Events/eventsDetail.vue'),
+				// 		component: _import_component('Events/eventsDetail.vue'),
-					}
+				// 	}
-				]
+				// ]
-			},
+			},{
+				path:'eventsDetail',
+				name:'eventsDetail',
+				component: _import_component('Events/eventsDetail.vue'),
+			}
 		]
 	},
 	{

src/views/HomeMain.vue

@@ -157,23 +157,23 @@ export default defineComponent({
 		let AdministratorUserIdList = [88,6,46,31,73,83,87,4]
 		let navRouterList = [
 			{
-				routerName:'homePage',
+				routerName:['homePage'],
 				router:'/home/homePage',
 				name:t('Header.HOME')
 			},{
-				routerName:'library',
+				routerName:['library'],
 				router:'/home/library',
 				name:t('Header.LIBRARY')
 			},{
-				routerName:'history',
+				routerName:['history'],
 				router:'/home/history',
 				name:t('Header.HISTORY')
 			},{
-				routerName:'works',
+				routerName:['works'],
 				router:'/home/works',
 				name:t('Header.WORKS')
 			},{
-				routerName:'events',
+				routerName:['events'],
 				router:'/home/events',
 				name:t('Header.EVENTS')
 			},

src/views/HomeRecommend.vue

@@ -86,11 +86,11 @@ export default defineComponent({
 		})
 		let navRouterList = [
 			{
-				routerName:'SquareWorks',
+				routerName:['SquareWorks'],
 				router:'/Square/works',
 				name:'GALLERY'
 			},{
-				routerName:'SquareEvents',
+				routerName:['SquareEvents','eventsDetail'],
 				router:'/Square/events',
 				name:'EVENTS'
 			},

src/views/HomeView/Events.vue

@@ -73,12 +73,12 @@ export default defineComponent({
 				},{
 					title:'Source Fashion 2024 Culture x AI - KAN TAI KEUNG X AIDLAB X HONG KONG FASHION DESIGNERS SHOW',
 					time:'14 Jul 2024',
-					id:1,
+					id:2,
 					imgUrl:'https://www.aidlab.hk/uploads/n_image2_1715053576.png'
 				},{
 					title:'Source Fashion 2024',
 					time:'14 Jul 2024',
-					id:1,
+					id:3,
 					imgUrl:'https://www.aidlab.hk/uploads/n_image2_1715053576.png'
 				},
 			],
@@ -137,7 +137,9 @@ export default defineComponent({
 		}
 		let {t} = useI18n()
 		let openEventsDetail = (item:any)=>{
-			router.push(`${router.currentRoute._value.path}/eventsDetail?id=${item.id}`)
+			let path = router.currentRoute._value.path
+			router.push(`/Square/eventsDetail?id=${item.id}`)
+			// router.push(`${path}?id=${item.id}`)
 		}
 		onMounted (()=>{
 			// filter.isShowMark = false
@@ -180,7 +182,7 @@ export default defineComponent({
 	// overflow: hidden;
     // height: 100%;
 	height: auto;
-		min-height: 100%;
+	min-height: 100%;
 	padding: 0 9rem;
 	// min-width: 1440px;
 	position: relative;