2023-10-20

src/component/HomePage/SketchboardUpload.vue

@@ -145,11 +145,13 @@
                 ref="Material"
                 msg="Sketchboard"
                 @confirmSelect="confirmSelect"
+				:disignTypeList="sketchCatecoryList"
             ></Material>
             <Generate
                 v-show="openClick == 3"
                 ref="Generate"
                 msg="Sketchboard"
+				:sketchCatecoryList="sketchCatecoryList"
                 @generateCheckbox="getgenerateCheckbox"
             ></Generate>
         </div>
@@ -169,9 +171,10 @@
 				</div>
 			</div>
 			<div v-show="openClick == 3" class="modal_accomplish">
-				<div class="input_box">
-					<input class="search_input" :class="{forbidden:generateCheckbox}" :readonly="generateCheckbox" placeholder="Caption generation" v-model="captionGeneration">
-					<div class="generage_btn started_btn" @click="getgenerate">Generate</div>
+				<div class="input_box" :class="{active:inputShow}">
+					<input class="search_input" @input="ifMaximumLength" :maxlength='inputShow?0:9999' :class="{forbidden:generateCheckbox}" :readonly="generateCheckbox" placeholder="Caption generation" v-model="captionGeneration">
+					<div class="generage_btn started_btn" @click.stop="getgenerate">Generate</div>
+					<span>The entered content exceeds the maximum length.</span>
 				</div>
 				<div class="modal_img">
 					<div v-for="item,index in generateList" class="modal_imgItem" :class="{ active: item?.checked }">
@@ -267,6 +270,9 @@ export default defineComponent({
 			
 		let sketchCatecoryList:any = ref({})
 		let workspace:any = ref({})
+		let inputShow = ref(false)
+		let inputTime = ref()
+		
         return {
             fileList,
             openClick,
@@ -274,7 +280,9 @@ export default defineComponent({
 			generateCheckbox,
 			loadingShow,
 			sketchCatecoryList,
-			workspace
+			workspace,
+			inputShow,
+			inputTime,
         };
     },
     data() {
@@ -346,7 +354,6 @@ export default defineComponent({
 			}else{
 				params = 'MalePosition'
 			}
-			
 			Https.axiosGet(Https.httpUrls.workspaceenumValues,{params:{enumName:params}}).then((rv: any) => {
 				if (rv) {
 					let arr:any = []
@@ -357,9 +364,6 @@ export default defineComponent({
 						}
 						arr.push(obj)						
 					});
-					(this.$refs.Generate as any).sketchCatecoryList = arr
-					(this.$refs.Material as any).disignTypeList = arr
-					
 					this.sketchCatecoryList = arr
 				}
 			})
@@ -374,7 +378,7 @@ export default defineComponent({
                 file.imgUrl = res.data.url;
                 file.resData = res.data;
                 file.pin = false;
-                file.category = this.sketchCatecoryList[0].value;
+                file.category = this.sketchCatecoryList?.[0]?.value;
                 file.categoryShow = false;
 				file.id_ = GO.id++
 				file.type_ = {
@@ -450,6 +454,21 @@ export default defineComponent({
             document.removeEventListener("click", this.hiddenFileCategory);
         },
 
+		ifMaximumLength(){
+			clearTimeout(this.inputTime)
+			let inputBox = document.getElementsByClassName('sketchboard_upload_modal')[0].getElementsByClassName('input_box')[0]
+			let input = inputBox.getElementsByClassName('search_input')[0]
+			this.inputTime = setTimeout(()=>{
+				// let num1 = ((input as HTMLInputElement).value.match(/ /g) || []).length
+				// let num2 = (input as HTMLInputElement).value.split(' ').length
+				if(this.captionGeneration.split(/\s+/).length > 75){
+					this.inputShow = true
+				}else{
+					this.inputShow = false
+				}
+			},500)
+		},
+
         deleteFile(item: any) {
 			if(item.type_.type1 == 'generate' || item.type_.type1 == 'material'){
 				this.store.commit("addGenerateMaterialFils", item);
@@ -541,9 +560,7 @@ export default defineComponent({
         },
 		//发送请求生成图片
 		getgenerate(){
-			
 			let generage:any = this.$refs.Generate
-			
 			let generateType = generage.checkbox.filter((v:any)=>v.type)[0].name
 			let data = {
 				generateType:generateType,
@@ -553,7 +570,8 @@ export default defineComponent({
 				level2Type:generage.level2Type,
 				text:this.captionGeneration,
 				timeZone:Intl.DateTimeFormat().resolvedOptions().timeZone,
-				version:0,//为1就是Print
+				version:generage.printModel.num,//为1就是Print
+				gender:this.workspace.sex,
 			}
 			if(generateType == 'image'||generateType == 'text-image'){
 				if(generage.collectionElementid){
@@ -568,6 +586,13 @@ export default defineComponent({
 				data.collectionElementId = ''
 				data.level2Type = ''
 				if(this.captionGeneration){
+					let arr = this.captionGeneration.split(/\s+/).length
+					if(arr > 75){
+						message.warning(
+							"The entered content exceeds the maximum length."
+						);
+						return
+					}
 				}else{
 					message.warning(
 						"Please enter content"
@@ -845,7 +870,7 @@ export default defineComponent({
 			display: flex;
 			flex-direction: column;
 			flex: 1;
-            overflow-x: hidden;
+            // overflow-x: hidden;
 			&.modal_accomplish::-webkit-scrollbar {
                 display: none;
             }