换背景，印花single模式交互修改

src/assets/style/style.css

@@ -96,6 +96,7 @@ li {
 .ant-slider-handle {
   background-color: #2d2e76 !important;
   border: none !important;
+  margin-top: -4px;
 }
 .ant-slider-handle:hover {
   box-shadow: 0 0 0 5px rgba(45, 46, 118, 0.2);

src/assets/style/style.less

@@ -107,6 +107,7 @@ input:focus{
 .ant-slider-handle {
 	background-color: #2d2e76 !important;
 	border: none !important;
+	margin-top: -4px;
 }
 .ant-slider-handle:hover {
 	box-shadow: 0 0 0 5px rgba(45, 46, 118, 0.2);

src/component/Detail/DesignPrintOperation.vue

@@ -39,10 +39,20 @@
 						</div>
 						<div class="print_right show_print_right Guide_1_25" :class="[driver__.driver?'showEvents':'']">
 							<div class="designOpenrtion_nav">
-								<div class="designOpenrtion_single" v-for="item,index in designOpenrtionList" :key="item" v-show="(stateOverallSingle == 'single' && item.level2Type != 'Pattern') || stateOverallSingle == 'overall'">
+								<div 
+									class="designOpenrtion_single" 
+									:class="(stateOverallSingle == 'single' && item.level2Type == 'Pattern')?'isOverall':''" 
+									v-for="item,index in designOpenrtionList" :key="item" 
+									:title="(stateOverallSingle == 'single' && item.level2Type == 'Pattern')? $t('DesignPrintOperation.isOverall'):''"
+									>
 									<img :class="[(item.checked == true && overallSingle == false)?'active':'']" :src="item.path" @click="setpitch(item,index)">
 								</div>
-								<div class="designOpenrtion_single" v-for="item,index in designList" :key="item" v-show="(stateOverallSingle == 'single' && item.level2Type != 'Pattern') || stateOverallSingle == 'overall'">
+								<div 
+									class="designOpenrtion_single" 
+									:class="(stateOverallSingle == 'single' && item.level2Type == 'Pattern')?'isOverall':''" 
+									v-for="item,index in designList" :key="item" 
+									:title="(stateOverallSingle == 'single' && item.level2Type == 'Pattern')? $t('DesignPrintOperation.isOverall'):''"
+									>
 									<img :class="[(item.checked == true && overallSingle == false)?'active':'']" :src="item.path" @click="setpitch(item,index)">
 								</div>
 								<!-- <div class="designOpenrtion_overall" v-show="!overallSingle">
@@ -291,10 +301,12 @@ export default defineComponent({
 			this.ifListOver()
 			if(this.current.printObject.prints)this.exhibitionOpenrtionList[this.stateOverallSingle] = JSON.parse(JSON.stringify(this.current.printObject.prints))
 			if(this.$parent.exhibitionList.print)this.designOpenrtionList = JSON.parse(JSON.stringify(this.$parent.exhibitionList.print))
+			if(this.$parent.elementsList)this.designList = JSON.parse(JSON.stringify(this.$parent.printsList))
 			if(this.overallSingle == false && this.designOpenrtionList.length > 0){
 				this.designOpenrtionList[0].checked = true
+			}else{
+				this.setpitch(this.designList[0],0)
 			}
-			if(this.$parent.elementsList)this.designList = JSON.parse(JSON.stringify(this.$parent.printsList))
 			// this.overallSingle = this.current.ifSingle?false:this.current.ifSingle
 			let skecth = new Image
 			skecth.src = this.current.path
@@ -932,6 +944,13 @@ export default defineComponent({
 					.designOpenrtion_single{
 						width: 40%;
 						margin-bottom: calc(2rem*1.2);
+						&.isOverall{
+							cursor: no-drop;
+							img{
+								pointer-events: none;
+								opacity: .5;
+							}
+						}
 					}
 					img{
 						width: 100%;

src/component/Detail/DesignPrintOperationMobile.vue

@@ -42,10 +42,20 @@
 								<!-- <div class="designOpenrtionMobile_single" v-show="overallSingle" v-for="item,index in designOpenrtionList" :key="item" :class="{active:printStyleList[index]?.designOpenrtionBtn?printStyleList[index]?.designOpenrtionBtn:false}">
 									<img :src="item.path" @click="setpitch(item,index)">
 								</div> -->
-								<div class="designOpenrtionMobile_single" v-for="item,index in designOpenrtionList" :key="item" v-show="(stateOverallSingle == 'single' && item.level2Type != 'Pattern') || stateOverallSingle == 'overall'">
+								<div 
+									class="designOpenrtionMobile_single" 
+									:class="(stateOverallSingle == 'single' && item.level2Type == 'Pattern')?'isOverall':''" 
+									v-for="item,index in designOpenrtionList" :key="item" 
+									:title=" (stateOverallSingle == 'single' && item.level2Type == 'Pattern')?$t('DesignPrintOperation.isOverall'):''"
+									>
 									<img :class="[(item.checked == true && overallSingle == false)?'active':'']" :src="item.path" @click="setpitch(item,index)">
 								</div>
-								<div class="designOpenrtionMobile_single" v-for="item,index in designList" :key="item" v-show="(stateOverallSingle == 'single' && item.level2Type != 'Pattern') || stateOverallSingle == 'overall'">
+								<div 
+									class="designOpenrtionMobile_single" 
+									:class="(stateOverallSingle == 'single' && item.level2Type == 'Pattern')?'isOverall':''" 
+									v-for="item,index in designList" :key="item" 
+									:title=" (stateOverallSingle == 'single' && item.level2Type == 'Pattern')?$t('DesignPrintOperation.isOverall'):''"
+									>
 									<img :class="[(item.checked == true && overallSingle == false)?'active':'']" :src="item.path" @click="setpitch(item,index)">
 								</div>
 								<!-- <div class="designOpenrtionMobile_overall" v-show="!overallSingle">
@@ -294,6 +304,8 @@ export default defineComponent({
 			if(this.$parent.elementsList)this.designList = JSON.parse(JSON.stringify(this.$parent.printsList))
 			if(this.overallSingle == false && this.designOpenrtionList.length > 0){
 				this.designOpenrtionList[0].checked = true
+			}else{
+				this.setpitch(this.designList[0],0)
 			}
 			let skecth = new Image
 			skecth.src = this.current.path
@@ -969,6 +981,13 @@ export default defineComponent({
 					.designOpenrtionMobile_single{
 						width: 40%;
 						margin-bottom: calc(2rem*1.2);
+						&.isOverall{
+							cursor: no-drop;
+							img{
+								pointer-events: none;
+								opacity: .5;
+							}
+						}
 					}
 					img{
 						width: 100%;

src/component/HomePage/Generate.vue

@@ -49,7 +49,7 @@
 					<input
 						class="search_input"
 						@input="ifMaximumLength"
-						:placeholder="$t('Generate.inputContent1')"
+						:placeholder="(scene?.value == 'Slogan' && type_.type2 == 'Printboard')?isSloganHint:$t('Generate.inputContent1')"
 						:maxlength='inputShow?0:9999'
 						v-model="searchPictureName"
 						@keydown.enter="getgenerate()"
@@ -245,6 +245,7 @@ export default defineComponent({
 		let remGenerateTime:any = ref()
 		let styleRecommend:any = inject('styleRecommend')
 		let generateLevel2Type = ''
+		let isSloganHint:any = ref(' ')
         return {
             searchPictureName,
 			searchPictureSeed,
@@ -272,6 +273,7 @@ export default defineComponent({
 			remGenerateTime,
 			styleRecommend,
 			generateLevel2Type,
+			isSloganHint,
         };
     },
     data(prop) {
@@ -335,6 +337,17 @@ export default defineComponent({
 			this.workspace = newVal
 			this.upload.gender = newVal?.sexEnum?.name
 		},
+		scene:{
+			handler(newVal,oldVal){
+				if(this.type_.type2 == 'Printboard' && newVal.value == 'Slogan'){
+					let sloganType = ['Blue and Yellow Starry Night','Green Cthulhu','Red and yellow fire style','Cyberpunk style','City skyline buildings','Red maple leaves','Golden Sunflower','Emerald Jungle Canopy','Pink Sakura Blossom']
+					var randomNumber = Math.floor(Math.random() * sloganType.length);
+					this.isSloganHint = sloganType[randomNumber]
+				}else{
+					this.isSloganHint = ''
+				}
+			}
+		}
 		// moodboarList(newVal,oldVal){
 		// 	if(newVal.length>=1 || this.sketchboardList.length >= 2){
 		// 	}else{
@@ -428,7 +441,6 @@ export default defineComponent({
 					base64 = this.sketchboardList[0].imgUrl
 				}
 			}
-			let sloganType = ['Blue and Yellow Starry Night','Green Cthulhu','Red and yellow fire style','Cyberpunk style','City skyline buildings','Red maple leaves','Golden Sunflower','Emerald Jungle Canopy','Pink Sakura Blossom']
 			let sloganText = ''
 			sloganText = this.searchPictureName
 			if(this.upload.level1Type == "Sketchboard"){
@@ -439,8 +451,7 @@ export default defineComponent({
 			}else if(this.upload.level1Type == "Printboard"){
 				level2Type = this.scene?.value
 				if(level2Type == 'Slogan' && this.searchPictureName == ''){
-					var randomNumber = Math.floor(Math.random() * sloganType.length);
+					sloganText = this.isSloganHint
-					sloganText = sloganType[randomNumber]
 				}else if(level2Type == 'Pattern'){
 					sloganText = `${this.printModel.value},${sloganText}`
 				}

src/component/HomePage/productImg.vue

@@ -48,18 +48,18 @@
 							
 						</div>
 					</div>
-					<div class="productImg_content_item_title productImg_content_item_title_similarity">
+					<div v-show="productimgMenu.value == 'ProductImage'" class="productImg_content_item_title productImg_content_item_title_similarity">
 						<span>{{$t('ProductImg.Similarity')}}</span>
 					</div>
-					<div>
+					<div v-show="productimgMenu.value == 'ProductImage'" class="productImg_content_item_similarity">
-						<input type="text" v-model="similarity">
+						<a-slider class="system_silder"
-						<a-slider id="system_silder"
 							v-model:value="similarity"
 							@afterChange="setSimilarity"
 							:tooltipVisible="false"
-							:step=".05"
+							:step="5"
 						>
 						</a-slider>
+						<input type="number" readonly v-model="similarity">
 					</div>
 					<div class="productImg_content_item_title">{{$t('ProductImg.SelectCollection')}}</div>
 					<div class="productImg_content_item_imgBox generalScroll" v-mousewheel>
@@ -130,20 +130,20 @@
 				<div class="productImg_right">
 					<div class="productImg_content_item_title">{{$t('ProductImg.GenerateProduct')}}</div>
 					<div class="productImg_right_item_box generalScroll" v-mousewheel>
-						<div class="productImg_right_item" v-for="item,index in generateList[productimgMenu.value]" :key="item">
+						<div class="productImg_right_item" v-for="item,index in generateList" :key="item">
-							<div class="productImg_right_item_imgBox" v-if="item.status != 'Success'">
+							<div class="productImg_right_item_imgBox" v-if="item?.status != 'Success'">
 								<img class="loadingImg" src="@/assets/images/homePage/loading.gif" alt="">
 							</div>
 							<div class="productImg_right_item_imgBox" v-else>
 								<img :src="item.url" alt="">
-								<div class="productImg_right_item_like">
+								<div class="productImg_right_item_like" @click.stop="likeFile(item,'like',index)">
-									<i class="fi fi-rr-heart" @click.stop="likeFile(item,'like',index)"></i>
+									<i class="fi fi-rr-heart"></i>
 								</div>
-								<div class="productImg_right_item_scale iconLeft">
+								<div class="productImg_right_item_scale iconLeft" @click.stop="setScaleImage(generateList,index)">
-									<i class="fi fi-bs-expand-arrows-alt" @click.stop="setScaleImage(generateList[productimgMenu.value],index)"></i>
+									<i class="fi fi-bs-expand-arrows-alt"></i>
 								</div>
-								<div class="productImg_right_item_menu iconLeft">
+								<div class="productImg_right_item_menu iconLeft" @click.stop="setMenuShow(item)">
-									<i class="fi fi-rr-circle-ellipsis" @click.stop="setMenuShow(item)"></i>
+									<i class="fi fi-rr-circle-ellipsis"></i>
 									<ul v-show="item.menuShow">
 										<li v-for="menuItem,index in productimgMenuList" v-show="index != 0" @click.stop="setMenu(menuItem,item)" :key="menuItem.value">{{ menuItem.label }}</li>
 									</ul>
@@ -161,14 +161,14 @@
 					<div class="productImg_right_item_box generalScroll" v-mousewheel>
 						<div class="productImg_right_item" v-for="item,index in likeList" :key="item">
 							<img :src="item.url" alt="">
-							<div class="productImg_right_item_like">
+							<div class="productImg_right_item_like" @click.stop="likeFile(item,'noLike',index)">
-								<i class="fi fi-sr-heart" @click.stop="likeFile(item,'noLike',index)"></i>
+								<i class="fi fi-sr-heart"></i>
 							</div>
-							<div class="productImg_right_item_scale iconLeft">
+							<div class="productImg_right_item_scale iconLeft" @click.stop="setScaleImage(likeList,index)">
-								<i class="fi fi-bs-expand-arrows-alt" @click.stop="setScaleImage(likeList,index)"></i>
+								<i class="fi fi-bs-expand-arrows-alt"></i>
 							</div>
-							<div class="productImg_right_item_menu iconLeft">
+							<div class="productImg_right_item_menu iconLeft" @click.stop="setMenuShow(item)">
-								<i class="fi fi-rr-circle-ellipsis" @click.stop="setMenuShow(item)"></i>
+								<i class="fi fi-rr-circle-ellipsis"></i>
 								<ul v-show="item.menuShow">
 									<li v-for="menuItem,index in productimgMenuList" v-show="index != 0" @click.stop="setMenu(menuItem,item)" :key="menuItem.value">{{ menuItem.label }}</li>
 								</ul>
@@ -222,9 +222,9 @@ export default defineComponent({
 			remProductimg:false,//是否出现取消按钮
 			isProductimg:false,//开始生成
 			selectProductimgList:[],
-			generateList:{},
+			generateList:[],
 			likeList:[],
-			similarity:0,
+			similarity:30,
 		})
 		let productimgMenuList = ref([
 			{
@@ -285,7 +285,7 @@ export default defineComponent({
 		let cleardata = ()=>{
 		    productImg.value = false
 			productImgData.likeList = []
-			productImgData.generateList = {}
+			productImgData.generateList = []
 			productimgMenu.value = productimgMenuList.value[0]
 		}
 
@@ -347,12 +347,9 @@ export default defineComponent({
 				(rv) => {
 					if(str == 'like'){
 						productImgData.likeList.push(item)
-						productImgData.generateList[productimgMenu.value.value].splice(index,1)
+						productImgData.generateList.splice(index,1)
 					}else{
-						if(!productImgData.generateList[productimgMenu.value.value]){
+						productImgData.generateList.push(item)
-							productImgData.generateList[productimgMenu.value.value] = []
-						}
-						productImgData.generateList[productimgMenu.value.value].push(item)
 						productImgData.likeList.splice(index,1)
 					}
 					
@@ -388,7 +385,6 @@ export default defineComponent({
 				"taskId": "",
 				"toProductImageRecordId": 0,
 				"url": "",
-				imageStrength:.3
 			}
 			if(productImgData.fileList[productimgMenu.value.value]){
 				productImgData.fileList[productimgMenu.value.value].forEach((item:any)=>{
@@ -421,6 +417,7 @@ export default defineComponent({
 				prompt:productImgData.searchName,
 				toProductImageVOList:selectArr,
 				userLikeGroupId:upload.value.userlikeGroupId,
+				imageStrength:(100 - productImgData.similarity)/100,
 			}
 			productImgData.isProductimg = true
 			remPrductimgTime = setTimeout(()=>{
@@ -435,14 +432,11 @@ export default defineComponent({
                 (rv) => {
 					productImgData.isShowMark = false
 					let arr:any = []
-					if(!productImgData.generateList[productimgMenu.value.value]){
-						productImgData.generateList[productimgMenu.value.value] = []
-					}
 					rv.forEach((item:any)=>{
 					  arr.push(item.taskId)  
 					})
 					
-					productImgData.generateList[productimgMenu.value.value].push(...rv)
+					productImgData.generateList.unshift(...rv)
 					setPrductimg(arr)
                 }
             ).catch(res=>{
@@ -476,12 +470,12 @@ export default defineComponent({
 									// if(!productImgData.generateList[productimgMenu.value.value]){
 									// 	productImgData.generateList[productimgMenu.value.value] = []										
 									// }
-									let index = productImgData.generateList[productimgMenu.value.value].findIndex((obj:any) => obj.taskId === element.taskId);
+									let index = productImgData.generateList.findIndex((obj:any) => obj.taskId === element.taskId);
-									productImgData.generateList[productimgMenu.value.value][index] = element
+									productImgData.generateList[index] = element
 									// productImgData.generateList[productimgMenu.value.value].unshift(element)
 								}else if(element.status == 'Fail'){
-									let index = productImgData.generateList[productimgMenu.value.value].findIndex((obj:any) => obj.taskId === element.taskId);
+									let index = productImgData.generateList.findIndex((obj:any) => obj.taskId === element.taskId);
-									productImgData.generateList[productimgMenu.value.value].splice(index,1)
+									productImgData.generateList.splice(index,1)
 								}
 								data = data.filter((item:any) => item !== element.taskId);
 							});
@@ -553,7 +547,7 @@ export default defineComponent({
 			generalIsMenuShow = {}
 			document.removeEventListener('click',removeMenuShow)
 		}
-		let setSimilarity = ()=>{
+		let setSimilarity = (num:any)=>{
 			
 		}
 		
@@ -770,6 +764,20 @@ export default defineComponent({
 			.productImg_content_item_generate{
 				--width:100%;
 			}
+			.productImg_content_item_similarity{
+				display: flex;
+				align-items: center;
+				.system_silder{
+					flex: 1;
+				}
+				input{
+					width: 30%;
+					width: 5rem;
+					height: 5rem;
+					text-align: center;
+					font-size: 1.8rem;
+				}
+			}
 			.productImg_content_item_generate_btn{
 				position: absolute;
 				bottom: 0;

src/component/LibraryPage/searchLabel.vue

@@ -166,7 +166,7 @@ export default defineComponent({
 		let parent:any = this.$parent
 		this.selectCode = parent.selectCode || ''
 		this.value = parent.value || ''
-		this.disignTypeList = parent.designTypeList[this.selectCode] || []
+		this.disignTypeList =  parent?.designTypeList? parent?.designTypeList[parent?.selectCode] : []
 		this.sexList = parent.sexList || []
 		this.sex = parent.sex || ''
 		this.designType = parent.designType || ''

src/component/WorksPage/Falls.vue

@@ -17,6 +17,7 @@
 						height: item.style.imgHeihgt + 'px',
 					}"
 				/>	
+				<div v-if="item.original == 1" class="falls_item_user_Original">{{$t('newScaleImage.Original')}}</div>
 			</div>
 			
 			<!-- 文字 -->
@@ -298,6 +299,19 @@ export default defineComponent({
 					object-fit: cover;
 					transition: all .3s;
 				}
+				.falls_item_user_Original{
+					font-weight: 600;
+					font-size: 12px;
+					color: #39215b;
+					background: #c9a2ff;
+					padding: 0 5px;
+					border-radius: 4px;
+					margin-right: 2px;
+					position: absolute;
+					top: 10px;
+					right: 10px;
+					left: auto;
+				}
 			}
 			.falls_item_bottom{
 				padding: 0 10px;
@@ -334,8 +348,14 @@ export default defineComponent({
 							text-overflow: ellipsis;
 							white-space: nowrap;
 							color: #000;
-							div{
+							display: flex;
+							flex-direction: column;
+							align-items: flex-start;
+							
+							>div{
 								font-size: 16px;
+								display: flex;
+								align-items: center;
 							}
 							span{
 								font-size: 12px;

src/component/WorksPage/newScaleImage.vue

@@ -54,6 +54,8 @@
 								</div> -->
 								<div class="detail_right_user_content">
 									<div class="scaleImage_chunk_title_intro">@{{scaleImageData.userName}}</div>
+									<div v-if="scaleImageData.original == 1" class="scaleImage_chunk_title_intro scaleImage_chunk_title_Original">{{$t('newScaleImage.Original')}}</div>
+									<div v-else class="scaleImage_chunk_title_intro">{{$t('newScaleImage.from')}}<span>@{{ scaleImageData.originalUserName }}/{{ scaleImageData.originalUserName }}</span></div>
 									<!-- <div class="scaleImage_chunk_title_intro">个性签名</div>
 									<div class="scaleImage_chunk_btn">关注</div> -->
 								</div>
@@ -260,7 +262,7 @@ import fullScreenImg from '@/component/HomePage/fullScreenImg.vue'
 
 export default defineComponent({
     components:{fullScreenImg},
-	emits:['deletePorfolio'],
+	emits:['deletePorfolio','bbb'],
     setup(props:any,{emit}) {
 		let {t} = useI18n()
 		//首先在setup中定义
@@ -735,6 +737,44 @@ export default defineComponent({
 			}
 		}
 	}
+	.detail_right_user{
+		display: flex;
+		width: 100%;
+		.detail_right_user_content{
+			display: flex;
+			flex-direction: row;
+			justify-content: space-between;
+			width: 100%;
+			.scaleImage_chunk_title_Original{
+				color: #39215b;
+				background: #c9a2ff;
+				padding: 0 1rem;
+				border-radius: 4px;
+				font-weight: 600;
+			}
+			.scaleImage_chunk_title_intro{
+				span{
+					cursor: pointer;
+					color: #39215b;
+					text-decoration: underline;
+				}
+			}
+		}
+		.detail_right_user_head{
+			border-radius: 50%;
+			overflow: hidden;
+			margin-right: var(--margin);
+			img{
+				width: 10rem;
+				height: 10rem;
+				object-fit: cover;
+			}
+		}
+		.detail_right_user_head:hover{
+
+		}
+		
+	}
 	.newScaleImage_left{
 		display: flex;
 		width: 60%;
@@ -1128,42 +1168,7 @@ export default defineComponent({
 			}
 		}
 		.newScaleImage_right_detail{
-			.detail_right_user{
-				display: flex;
-				.detail_right_user_head{
-					border-radius: 50%;
-					overflow: hidden;
-					margin-right: var(--margin);
-					img{
-						width: 10rem;
-						height: 10rem;
-						object-fit: cover;
-					}
-				}
-				.detail_right_user_head:hover{
 			
-				}
-				.detail_right_user_content{
-					flex: 1;
-					display: flex;
-					flex-direction: column;
-					justify-content: center;
-					align-items: flex-start;
-				
-					.detail_right_user_content_intro,.detail_right_user_content_btn{
-						font-size: 1.6rem;
-					}
-					.detail_right_user_content_intro{
-						overflow: hidden;
-						white-space: nowrap;
-						text-overflow: ellipsis;
-						color: #6b6b6b;
-					}
-					.detail_right_user_content_btn{
-						border: .2rem solid var(--border-color);
-					}
-				}
-			}
 			.detail_right_work_detail{
 				.scaleImage_chunk_title_intro{
 					margin-top: calc(var(--padding) / 2);

src/lang/cn.ts

@@ -459,6 +459,7 @@ export default {
 		Random:'随机',
 		inputContent:'输入名字进行搜索',
 		preview:'预览',
+		isOverall:'图案图像不能在单件模式下使用',
 		jsContent1:'以上操作没有保存，是否继续? ',
 	},
 	uploadFile:{
@@ -506,6 +507,8 @@ export default {
 		unfold:'展开',
 		Collapse:'折叠',
 		Title:'标题',
+		Original:'原创',
+		from:'源自',
 		Delete:'删除',
 		Describe:'描述',
 		replyAll:'所有回复',

src/lang/en.ts

@@ -460,6 +460,7 @@ export default {
 		Random:'Random',
 		inputContent:'Please input',
 		preview:'Preview',
+		isOverall:'Pattern images cannot be used in Single mode',
 		jsContent1:'The above changes are not saved, being sure to continue? ',
 	},
 	uploadFile:{
@@ -505,6 +506,8 @@ export default {
 		first:'You can be the first!',
 		reply:'Reply',
 		unfold:'Expand',
+		Original:'Original',
+		from:'Derived from',
 		Title:'Title',
 		Delete:'Delete',
 		Describe:'Describe',

src/views/HomeView/library.vue

@@ -113,7 +113,11 @@
 											<div :class="['header_operate_item' , 'fontSize',selectImgList.length>0?'active':'']" @click="showRenameModal(selectImgList,'batch')">{{ $t('LibraryPage.Rename') }}</div>
 										</div>
 										<div class="content_search_block">
-											<input class="search_input" :placeholder="$t('LibraryPage.inputContent1')" v-model="searchPictureName"  @keydown.enter="getLibraryList('')">
+											<input 
+											class="search_input" 
+											:placeholder="$t('LibraryPage.inputContent1')" 
+											v-model="searchPictureName"  
+											@keydown.enter="getLibraryList('')">
 											<div class="search_cascader">
 												<el-cascader 
 													:options="options" 
@@ -237,7 +241,7 @@
 													:maxlength='inputShow?0:9999' 
 													@keydown.enter="getgenerate"  
 													@click="inputFocus()"
-													:placeholder="$t('LibraryPage.inputContent2')" 
+													:placeholder="(scene?.value == 'Slogan' && selectCode == 'Printboard')?isSloganHint:$t('LibraryPage.inputContent2')"
 													v-model="captionGeneration">
 												<i class="fi fi-br-upload" v-show="!isTextarea && upload.level1Type !== 'Moodboard' && scene?.value != 'Slogan' && scene?.value != 'Logo'">
 													<a-upload
@@ -510,6 +514,7 @@ export default defineComponent({
 		let isTextarea = ref(false)
 		let workspace:any = ref({})
 		let generateLevel2:any = {}
+		let isSloganHint:any = ref('')
         return {
             menuList,
             selectImgList,
@@ -554,6 +559,7 @@ export default defineComponent({
 			isTextarea,
 			workspace,
 			generateLevel2,
+			isSloganHint,
         }
     },
 	data(this_) {
@@ -587,6 +593,17 @@ export default defineComponent({
 			// 	}
 			// }, 500);
 		},
+		scene:{
+			handler(newVal,oldVal){
+				if(this.selectCode == 'Printboard' && newVal.value == 'Slogan'){
+					let sloganType = ['Blue and Yellow Starry Night','Green Cthulhu','Red and yellow fire style','Cyberpunk style','City skyline buildings','Red maple leaves','Golden Sunflower','Emerald Jungle Canopy','Pink Sakura Blossom']
+					var randomNumber = Math.floor(Math.random() * sloganType.length);
+					this.isSloganHint = sloganType[randomNumber]
+				}else{
+					this.isSloganHint = ''
+				}
+			}
+		}
 	},
     async mounted(){
 		let userInfo:any = getCookie("userInfo")
@@ -1229,7 +1246,6 @@ export default defineComponent({
 				}
 			}
 			
-			let sloganType = ['Blue and Yellow Starry Night','Green Cthulhu','Red and yellow fire style','Cyberpunk style','City skyline buildings','Red maple leaves','Golden Sunflower','Emerald Jungle Canopy','Pink Sakura Blossom']
 			let sloganText = ''
 			let arr = ["Painting Style","Illustration Style","Real Style"]
 			sloganText = this.captionGeneration
@@ -1241,8 +1257,7 @@ export default defineComponent({
 			}else if(this.selectCode == "Printboard"){
 				level2Type = this.scene?.value
 				if(level2Type == 'Slogan' && this.captionGeneration == ''){
-					var randomNumber = Math.floor(Math.random() * sloganType.length);
+					sloganText = this.isSloganHint
-					sloganText = sloganType[randomNumber]
 				}else if(level2Type == 'Pattern'){
 					sloganText = `${arr[this.printModel.num-1]},${sloganText}`
 				}