fix

src/component/WorksPage/publish.vue

@@ -37,39 +37,20 @@
 					</div>
 					<div class="publidh_right_name publidh_content_item">
 						<div class="publidh_content_item_title">{{$t('Publish.Description')}}</div>
-						<textarea ref="textarea" v-model="subPublishDate.portfolioDes"></textarea>
+						<textarea @input="textareaChange()" ref="textarea" v-model="subPublishDate.portfolioDes"></textarea>
+					</div>
+					<div class="publidh_content_item_tagList">
+						<div v-for="item,index in tagList" @click="pushTag(item,index)">
+							<a-tag color="purple">{{ item.tag }}</a-tag> 
+						</div>
 					</div>
 					<div class="publidh_right_detail publidh_content_item">
 						<div class="publidh_content_item_title">{{$t('Publish.Permissions')}}</div>
-						<!-- <div>
-							<a-checkbox @change="setPermissions" v-model:checked="setPermissionsAll">All.</a-checkbox>
-						</div> -->
-						<!-- <div>
-							<a-checkbox @change="setPermissionsItem()" v-model:checked="selectPermissions.isAllowLikes">Whether to allow likes.</a-checkbox>
-						</div> -->
-						<!-- <div>
-							<a-checkbox @change="setPermissionsItem()" v-model:checked="selectPermissions.isAllowComment">Allow comments or not.</a-checkbox>
-						</div>
-						<div>
-							<a-checkbox @change="setPermissionsItem()" v-model:checked="selectPermissions.isDisplayArea">Show locale or not.</a-checkbox>
-						</div> -->
 						<div>
 							<a-checkbox @change="setPermissionsItem()" v-model:checked="selectPermissions.isSecondaryCreation">{{$t('Publish.PermissionsItem1')}}</a-checkbox>
 						</div>
 					</div>
-					<!-- <div class="publidh_right_name publidh_content_item">
-						<div class="publidh_content_item_title">Thumbnail preview</div>
-						<input type="text">
-					</div> -->
 					<div class="publidh_content_item publidh_right_zhuyi">
-						<!-- <div class="publidh_content_item_intro">
-							<label >
-								<span class="icon iconfont icon-zhuyi"></span>
-								<div>
-									This will publish your work to the square for all users to see.
-								</div>
-							</label>
-						</div> -->
 					</div>
 					<div class="publidh_right_btn">
 						<div class="started_btn" @click="cancelDsign">{{$t('Publish.Close')}}</div>
@@ -123,6 +104,8 @@ export default defineComponent({
 				isSecondaryCreation:true,
 			}
 		})
+		let tagList = ref([{tag:'#RCAworkshop_2024 '},{tag:'#RCAwork '},{tag:'#RCAwo '},{tag:'#RCAwork '}])
+		let selectTagList:any = ref([])
 		// let textarea: any = ref(null)
 		// let setCopy = ()=>{
 		// 	textarea.value.select()
@@ -155,6 +138,20 @@ export default defineComponent({
 		    publishData.subPublishDate.coverId = item.designOutfitId
 			publishData.selectDate.url = item.url
 
+		}
+		let extractHashtags = (text:any)=>{
+			// const regex = /#\S+\s{2}/g;
+			const regex = /#\S+\s/g;
+			// 使用match方法提取匹配的字符串
+			const matches = text.match(regex);
+			
+			// 处理提取结果，去掉空格并返回
+			return matches ? matches.map((match:any) => match.trim()) : [];
+		}
+		let textareaChange = ()=>{
+			
+			console.log(extractHashtags(publishData.subPublishDate.portfolioDes));
+
 		}
 		let setPermissionsItem = ()=>{
 			// publishData.selectPermissions.isAllowLikes && 
@@ -233,14 +230,25 @@ export default defineComponent({
 
 				});
 		}
-
+		let pushTag = (tag:any,index:number)=>{
+			// let selectTag = tagList.value.splice(index,1)[0]
+			// selectTagList.value.push(selectTag)
+			// if(tag.tag == 'RCAworkshop_2024'){
+			// 	publishData.subPublishDate.portfolioDes = '#AiDA x RCA workshop  '
+			// }
+			publishData.subPublishDate.portfolioDes = publishData.subPublishDate.portfolioDes+tag.tag
+			textareaChange()
+		}
         return {
             publish,
 			publishMask,
 			...toRefs(publishData),
+			tagList,
+			selectTagList,
 			// textarea,
 			// setCopy,
 			init,
+			textareaChange,
 			setPermissionsItem,
 			setPermissions,
 			// download,
@@ -249,6 +257,7 @@ export default defineComponent({
 			setCover,
 			cancelDsign,
 			setPublish,
+			pushTag,
         };
     },
     data() {
@@ -282,6 +291,20 @@ export default defineComponent({
 		justify-content: space-between;
 		flex: 1;
 		height: calc(100% - 10rem);
+		.publidh_content_item_tagList,.publidh_content_item_tag{
+				// height: 4rem;
+				border-radius: 1rem;
+				display: flex;
+				align-items: center;
+				flex-wrap: wrap;
+			}
+			.publidh_content_item_tagList{
+				margin-top: 1rem;
+				.ant-tag{
+					cursor: pointer;
+					margin-bottom: 8px;
+				}
+			}
 		.publidh_left,.publidh_right{
 			display: flex;
 			flex-direction: column;
@@ -293,6 +316,7 @@ export default defineComponent({
 				font-size: 1.8rem;
 				margin-bottom: 1rem;
 			}
+			
 			.publidh_content_item_intro{
 				font-size: 1.4rem;
 			}