aidlab/aida_front
7
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix

Browse Source
This commit is contained in:
wxd
2024-10-08 00:44:17 +08:00
parent 24710f5f65
commit 52b9d3ac32
1 changed files with 50 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files

76
src/component/WorksPage/publish.vue
View File

@@ -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;
}