Merge branch 'develop' into localDevelop

src/views/HomeView/library.vue

@@ -213,6 +213,15 @@
 												@keydown.enter="getgenerate" :readonly="checkbox[0].type  && selectCode != 'Moodboard'" 
 												:placeholder="$t('LibraryPage.inputContent2')" 
 												v-model="captionGeneration">
+											<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> -->
@@ -490,6 +499,7 @@ export default defineComponent({
 			value:'id',
 			label:'classificationName',
 		}
+		let isTextarea = ref(false)
         return {
             menuList,
             selectImgList,
@@ -531,6 +541,7 @@ export default defineComponent({
 			getLibraryListInputTime,
 			props,
 			options,
+			isTextarea,
         }
     },
 	data(this_) {
@@ -660,6 +671,7 @@ export default defineComponent({
 					// this.sex = 'Female',
 					// this.designType = 'Outwear',
 					this.selectImgList = []
+					this.isTextarea = false
 					this.value.labelValue = []
 					this.getLibraryList('')
 					this.getClass()
@@ -1033,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(()=>{
@@ -1152,7 +1168,7 @@ export default defineComponent({
 				// this.beforeUpload(false)
 				if(this.captionGeneration){
 					let arr = this.captionGeneration.split(/\s+/).length
-					if(arr > 75){
+					if(arr > 250){
 						message.info(
 							this.t('LibraryPage.jsContent6')
 						);
@@ -1170,7 +1186,7 @@ export default defineComponent({
 				if(generageImg?.id){
 					if(this.captionGeneration){
 						let arr = this.captionGeneration.split(/\s+/).length
-						if(arr > 75){
+						if(arr > 250){
 							message.info(
 								this.t('LibraryPage.jsContent6')
 							);
@@ -1192,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){
@@ -1528,6 +1545,7 @@ export default defineComponent({
 								color: #C2C2C2;
 							}
 						}
+					
 						.search_cascader{
 							// width: 53%;
 							width: 38rem;
@@ -1681,8 +1699,15 @@ export default defineComponent({
 										padding: 0;
 										.input_box{
 											background:initial;
+											position: relative;
 											padding: 1.5rem 0;
 											padding: 0;
+											// &:hover{
+											// 	.search_textarea{
+											// 		display: block
+											// 	}
+											// }
+										
 											input{
 												width: 30rem;
 												height: 3rem;
@@ -1690,6 +1715,32 @@ 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;
+												position: absolute;
+												left: 0;
+												width: 30rem;
+												border-radius: 4px;
+												height: 20rem;
+												top: .5rem;
+												border: 1px solid #dcdfe6;
+												&.forbidden{
+													cursor: no-drop;
+												}
+											}
 											.started_btn{
 											}