fix
This commit is contained in:
@@ -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{
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user