This commit is contained in:
X1627315083
2024-05-20 13:07:42 +08:00
parent b1a44db118
commit 1a7fc6d896
6 changed files with 138 additions and 12 deletions

View File

@@ -213,7 +213,15 @@
@keydown.enter="getgenerate" :readonly="checkbox[0].type && selectCode != 'Moodboard'"
:placeholder="$t('LibraryPage.inputContent2')"
v-model="captionGeneration">
<!-- <textarea class="search_textarea " cols="30" rows="10"></textarea> -->
<i class="icon iconfont icon-xiala" :class="{active:isTextarea, forbidden:checkbox[0].type&& selectCode != 'Moodboard'}" @click.stop="setTextareaShow"></i>
<textarea
v-show="isTextarea "
class="search_textarea "
@input="ifMaximumLength"
:maxlength='inputShow?0:9999'
@keydown.enter="getgenerate" :readonly="checkbox[0].type && selectCode != 'Moodboard'"
v-model="captionGeneration"
></textarea>
<div v-show="!isGenerate[selectCode]" class="generage_btn started_btn" @click.stop="getgenerate">
{{ $t('LibraryPage.Generate') }}
<!-- <div v-show="isGenerate"><a-spin size="large" /></div> -->
@@ -491,6 +499,7 @@ export default defineComponent({
value:'id',
label:'classificationName',
}
let isTextarea = ref(false)
return {
menuList,
selectImgList,
@@ -532,6 +541,7 @@ export default defineComponent({
getLibraryListInputTime,
props,
options,
isTextarea,
}
},
data(this_) {
@@ -661,6 +671,7 @@ export default defineComponent({
// this.sex = 'Female',
// this.designType = 'Outwear',
this.selectImgList = []
this.isTextarea = false
this.value.labelValue = []
this.getLibraryList('')
this.getClass()
@@ -1034,6 +1045,10 @@ export default defineComponent({
}
})
},
setTextareaShow(){
if(this.checkbox[0].type && this.selectCode != 'Moodboard') return
this.isTextarea = !this.isTextarea
},
ifMaximumLength(){
clearTimeout(this.inputTime)
this.inputTime = setTimeout(()=>{
@@ -1193,6 +1208,7 @@ export default defineComponent({
}
// this.isShowMark = true
this.isGenerate[selectCodeStr] = true
this.isTextarea = false
Https.axiosPost(Https.httpUrls.generatePrepare, data).then(
(rv) => {
if(data.isTestUser){
@@ -1686,11 +1702,12 @@ export default defineComponent({
position: relative;
padding: 1.5rem 0;
padding: 0;
&:hover{
.search_textarea{
display: block
}
}
// &:hover{
// .search_textarea{
// display: block
// }
// }
input{
width: 30rem;
height: 3rem;
@@ -1698,14 +1715,31 @@ export default defineComponent({
cursor: no-drop;
}
}
.icon-xiala{
display: inline-block;
cursor: pointer;
transition: all .3s;
&.active{
transform: rotate(180deg);
}
&.forbidden{
cursor: no-drop;
}
}
.search_textarea{
z-index:3;
height: auto;
display: none;
position: absolute;
left: 0;
width: 30rem;
top: 0rem;
border: 1px solid #f6f5fa;
border-radius: 4px;
height: 20rem;
top: .5rem;
border: 1px solid #dcdfe6;
&.forbidden{
cursor: no-drop;
}
}
.started_btn{
}