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

This commit is contained in:
X1627315083
2024-07-02 14:15:11 +08:00
parent 8e694ce2c4
commit 2bc888eac9
12 changed files with 196 additions and 91 deletions

View File

@@ -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 = sloganType[randomNumber]
sloganText = this.isSloganHint
}else if(level2Type == 'Pattern'){
sloganText = `${arr[this.printModel.num-1]},${sloganText}`
}