events页面

2024-07-17 15:12:55 +08:00
parent 7571416201
commit 3fce2020da
17 changed files with 689 additions and 120 deletions
--- a/src/component/Events/eventsDetail.vue
+++ b/src/component/Events/eventsDetail.vue
@@ -0,0 +1,188 @@
+<template>
+    <div class="eventsDetail_page" :class="{active:isScroll}">
+		<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>
+			<div v-show="!isScroll && systemUser.value == -1" class="modal_title_text_assistant active">All</div>
+		</div>
+        <div class="page_content" >
+			<div class="page_content_itemBox">
+				<div class="page_content_item" v-for="item in worksList" :key="item.id" @click="setWorksDetail(item)">
+					<div class="page_content_item_img">
+						<img :src="item.imgUrl" alt="">
+					</div>
+					<div class="page_content_item_time">{{ item.time }}</div>
+					<div class="page_content_item_title">{{ item.title }}</div>
+				</div>
+			</div>
+			<div class="page_loading_box" v-show="!isNoData">
+				<span class="page_loading" v-show="!isShowMark"></span>
+				<span v-show="isShowMark">
+					<a-spin size="large" />
+				</span>
+			</div>
+		</div>
+    </div>
+</template>
+<script lang="ts">
+import { LoadingOutlined } from "@ant-design/icons-vue";
+import { defineComponent,h ,toRefs,ref,reactive,onMounted,nextTick,provide,computed} from 'vue'
+// import HeaderComponent from "@/component/HomePage/Header.vue";
+// import RobotAssist from "@/component/HomePage/RobotAssist.vue";
+import { Https } from "@/tool/https";
+import { useI18n } from "vue-i18n";
+import generalMenu from "@/component/HomePage/generalMenu.vue";
+import { useStore } from "vuex";
+export default defineComponent({
+    components: {
+		generalMenu,
+    },
+	props:{
+		isScroll:{
+			 type:Boolean,
+			 default:true,
+		 },
+	},
+    setup() {
+		// console.log(this.$route.params.id);
+        const store = useStore();
+		let filter:any = reactive({
+			worksSelect: 'all',
+			worksType: [
+				{
+					name: useI18n().t('works.all'),
+					value: 'all'
+				},
+				// {
+				// 	name: useI18n().t('works.FavoriteWorks'),
+				// 	value: 'favoriteWorks'
+				// },
+				// {
+				// 	name: useI18n().t('works.MyWorks'),
+				// 	value: 'myWorks'
+				// },
+			],
+			worksList: [
+				{
+					title:'Source Fashion 2024',
+					time:'14 Jul 2024',
+					id:1,
+					imgUrl:'https://www.aidlab.hk/uploads/n_image2_1715053576.png'
+				},{
+					title:'Source Fashion 2024 Culture x AI - KAN TAI KEUNG X AIDLAB X HONG KONG FASHION DESIGNERS SHOW',
+					time:'14 Jul 2024',
+					id:1,
+					imgUrl:'https://www.aidlab.hk/uploads/n_image2_1715053576.png'
+				},{
+					title:'Source Fashion 2024',
+					time:'14 Jul 2024',
+					id:1,
+					imgUrl:'https://www.aidlab.hk/uploads/n_image2_1715053576.png'
+				},
+			],
+			getListDate:{
+				"getLikePortfolio": 0,
+				"getMyPortfolio": 0,
+				page:1,
+				size:10,
+			},
+			isShowMark:false,
+			isNoData:false,//如果数据为空就不加载
+		})
+		let systemUser = computed(()=>{
+			return store.state.UserHabit.systemUser
+		})
+		let selectMenu:any = ref({
+			label:'全部',
+			value:'all',
+		})
+		let setWorksSelect = (val:any) => {
+			// filter.worksSelect = val.value
+			// filter.getListDate.getLikePortfolio = 0
+			// filter.getListDate.getMyPortfolio = 0
+			// if(val.value == 'all'){
+			// }else if(val.value == 'favoriteWorks'){
+			// 	filter.getListDate.getLikePortfolio = 1
+			// }else if(val.value == 'myWorks'){
+			// 	filter.getListDate.getMyPortfolio = 1
+			// }
+			// filter.getListDate.page = 0
+			filter.isShowMark = false
+			filter.isNoData = false
+			// getPorfolio()
+		}
+		let likeFile = (item:any,type:string) => {
+		}
+		let getImgScale = (item:any)=>{
+		}
+		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
+			// getPorfolio()
+			// let worksPage:any = document.querySelector('.eventsDetail_page')
+			// let imgParent:any = document.querySelector('.eventsDetail_page .page_loading')
+			// new IntersectionObserver(
+			// 	(entries, observer) => {
+			// 		// 如果不是相交，则直接返回
+			// 		if (!entries[0].intersectionRatio) return;
+			// 		filter.getListDate.page += 1
+			// 		getPorfolio()
+			// 	},
+			// ).observe(imgParent);
+		})
+        return {
+			...toRefs(filter),
+			systemUser,
+			selectMenu,
+			setWorksSelect,
+			likeFile,
+			getImgScale,
+			t,
+			setprintModel,
+			setPortfolioLike,
+        }
+    },
+    async mounted(){
+	
+    },
+})
+</script>
+<style lang="less">
+.eventsDetail_page {
+	
+	
+}
+</style>
--- a/src/component/HomePage/UpgradePlan.vue
+++ b/src/component/HomePage/UpgradePlan.vue
@@ -77,15 +77,23 @@
 			<div class="UpgradePlan_payAffirm_content">
 				<label>
 					<input name="payAffirm" type="radio" value="paypal" v-model="modeOfPayment">
-					<img src="https://ecmb.bdimg.com/tam-ogel/-1860672422_-148079605_900_900.png" alt="">
+					<img src="../../assets/images/homePage/paypal.png" alt="">
 					<span>PayPal</span>
 				</label>
 				<div class="UpgradePlan_payAffirm_content_btn" :class="[modeOfPayment == 'paypal'?'active':'']">

+				</div>
+				<label>
+					<input name="Stripe" type="radio" value="stripe" v-model="modeOfPayment">
+					<img src="../../assets/images/homePage/StripeIcon.png" alt="">
+					<span>Stripe</span>
+				</label>
+				<div class="UpgradePlan_payAffirm_content_btn" :class="[modeOfPayment == 'stripe'?'active':'']">
+
 				</div>
 				<label>
 					<input name="payAffirm" type="radio" value="alipay" v-model="modeOfPayment">
-					<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAYAAACpSkzOAAAACXBIWXMAAA7EAAAOxAGVKw4bAAAAEXRFWHRTb2Z0d2FyZQBTbmlwYXN0ZV0Xzt0AAANmSURBVEiJvZZdaFxFFMd/M/cj926yu02MWWObEm3quoHGYBJBC4aCqbRRKoE+aLH6JhUFBT9Aij4oiooSfKn4oiA+FKlIkfbBj3TZYkGDDVWs1M1aaKgkJqEJazab+zE+3Gziunu3qwmep7kz95zfzH/OmRmhlFL8D6aXGl9ecjl2dpncnIe/QbQmIdmm8dwei/6OACGUUiqTc3nqxBKbvTgp4NjBRu7u1JEAo+nlTYcA+Ao+OFcEVqWbnPXqcoxZgvdGGtEljE95jJ4pXNcnN+evg+rdkyZTcOc2DYA//vTr8inF1sN+MDXQpCjrs4z1b10KbEP80w3XVzhVBAoFvf5AhL1JI3Sm93TqfP1krKL/xIUV3hmrlDQU9MLJAi+Kcof2qODUE1EAvvjZ4ZXTS6ETqRvkK8XANp2bYnKtrzmyLtXOVsnhgYYyn29/c8jOVt+7UBBAe1zS1SrL+j76rrjWbm0U9G7V6d0aJMhDOTc0Vk3QyZ9Wag0D8OEjTQBcnvfJzYWXSVVQS0QylNRJtmlYusDxFNN5RXbWZ2LKZSYfyNPZoq2l++c/1p5UBWgoafDq/giWDtN5haVB3BaUMl0p+GXG46tLDqmEhgCuFRTHz/8LUGeL5I3hCO+fK/LJeJGCE1RbxBR0JzQGu3T2pUxSCY1UQlvzuzzvs71Z4+J0+B4JpZTqeWsBgGcHLYQQvFvjaNGlYKTH4Oheu2Ls6oLPWNblm18dfphy8XyI25LM09HyFW1v1vjsQm0JpAjkBSi6iquLiltagsy8OS451GdyqM9kcVmRybmMXwlWWQaayfsMdulkck5VyI1NgjcfjNDfoeP5QVGfyTrcu0Pnsbss+jvW5YxZguFug+FuoxL06USR449HWfHg4++L/L4YZNcNjZKRHpNH+0222IJ8UXH0VIGxbDCh9KRLejJPKqFxeKCB+2830MvLr3yPAPbsNHhtn03UCgI6HmyxBWI168aveLx8eompa+Gnd1uT4OG+Bg7eYRKzRHVQadn7Uya72iUxW1BYgdy8TzrrcHG6vrsLwDYEB3YZvHSfHYB6317Y8DshzKSAiefjwVV+a6t2vf//s+1YjS0BjuwO6mezTQjBM4NW0C696zI5l9H0MpOzG39uSRGodGS3xdBtf3tubSxsffYXznw1EQcnMd4AAAAASUVORK5CYII=" alt="">
+					<img src="../../assets/images/homePage/alipay.png" alt="">
 					<span>支付宝</span>
 					<div v-show="modeOfPayment == 'alipay'" class="UpgradePlan_payAffirm_content_detail">
 						<label>
@@ -241,9 +249,12 @@ export default defineComponent({
 			let httpsUrl
 			if(this.modeOfPayment == 'paypal'){
 				httpsUrl = Https.httpUrls.payPaypal+`/${this.price.num}?returnUrl=${url}`
+			}else if (this.modeOfPayment == 'stripe') {
+				httpsUrl = Https.httpUrls.payStripe+`/${this.price.num}?returnUrl=${url}`
 			}else{
 				httpsUrl = Https.httpUrls.payAlipayHK+`/${this.modeOfPaymentDetail}/${this.price.num}`
 			}
+
 			Https.axiosPost(httpsUrl).then(
 				(rv: any) => {
 					var width = 800;
@@ -254,6 +265,8 @@ export default defineComponent({
 					if(this.modeOfPayment == 'paypal'){
 						// 在新窗口中写入内容
 						this.newWindow.location.href = rv.approve;
+					}else if(this.modeOfPayment == 'stripe'){
+						this.newWindow.location.href = rv
 					}else{
 						let data = JSON.parse(rv)
 						let herf = `${data.url}?${data.alipay_order_string}`
@@ -459,6 +472,8 @@ export default defineComponent({
 		display: flex;
 		flex-direction: column;
 		margin: 3rem 0;
+		height: 20rem;
+		overflow-y: auto;
 		>label{
 			display: flex;
 			align-items: center;
--- a/src/component/HomePage/scaleVideo.vue
+++ b/src/component/HomePage/scaleVideo.vue
@@ -4,7 +4,9 @@
 			<div class="general_video_btn" @click="clearVideo">
 				<i class="fi fi-rr-cross-small"></i>
 			</div>
-			<video ref="video" controls>
+			<video ref="video" controls poster="https://code-create.com.hk/wp-content/uploads/2024/01/Aida_opening-v3c_img.png">
+				<source :src="url" type="video/mp4">
+				<source :src="url" type="video/mp4">
 				<source :src="url" type="video/mp4">
 				Your browser does not support the video tag or the file format of this video.
 			</video>
--- a/src/component/WorksPage/newScaleImage.vue
+++ b/src/component/WorksPage/newScaleImage.vue
@@ -267,7 +267,7 @@ import fullScreenImg from '@/component/HomePage/fullScreenImg.vue'

 export default defineComponent({
    components:{fullScreenImg},
-	emits:['deletePorfolio','bbb'],
+	emits:['deletePorfolio'],
    setup(props:any,{emit}) {
 		let {t} = useI18n()
 		//首先在setup中定义
--- a/src/component/modules/navRouter.vue
+++ b/src/component/modules/navRouter.vue
@@ -0,0 +1,77 @@
+<template>
+	<nav class="homeMain_nav_content">
+		<!-- <router-link  :class="['nav_item',$route.name === 'homePage' ? 'select_nav' : '', ]" :to="`/home/homePage`">
+			{{$t('Header.HOME')}}
+		</router-link>
+		<router-link  :class="['nav_item',$route.name === 'library' ? 'select_nav' : '', ]" :to="`/home/library`">
+			{{$t('Header.LIBRARY')}}
+		</router-link>
+		<router-link  :class="['nav_item',$route.name === 'history' ? 'select_nav' : '', ]" :to="`/home/history`">
+			{{$t('Header.HISTORY')}}
+		</router-link>
+		<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>
+	</nav>
+</template>
+
+<script >
+import { defineProps } from 'vue';
+import { defineComponent, createVNode, ref, computed } from "vue";
+export default defineComponent({
+	components: {
+    },
+	props:['routerList'],
+	setup(props,{emit}){
+		return {
+			
+		}
+	},
+})
+</script>
+
+<style lang="less" scoped>
+.homeMain_nav_content {
+	display: flex;
+	// margin-left: 28.9rem;
+	// margin-left: 46.2rem;
+	align-items: center;
+	height: 7rem;
+	justify-content: center;
+	.nav_item {
+		padding: 1.1rem 1rem;
+		border-bottom: 0.1rem solid transparent;
+		margin-right: 3.4rem;
+		font-size: 1.6rem;
+		line-height: 1.3rem;
+		// color: #333333;
+		color: #000;
+		cursor: pointer;
+		font-weight: 900;
+		position: relative;
+		&.nav_item:last-child{
+			margin: 0;
+		}
+		&.nav_item::before {
+			position: absolute;
+			content: "";
+			display: block;
+			background: #000;
+			height: .3rem;
+			left: 50%;
+			transform: translateX(-50%);
+			bottom: .3rem;
+			width: 0px;
+			transition: 0.3s all;
+		}
+		&.select_nav {
+			color: #000;
+			transform: scale(1.15);
+		}
+		&.select_nav::before {
+			width: 80%;
+		}
+	}
+}
+</style>