2023-10-27

上传模特截取模特图片大小功能

src/component/HomePage/Generate.vue

@@ -32,10 +32,10 @@
                 </label>
             </div>
 			<div v-if="type_.type2 == 'Printboard'" class="printModel">
-				<div @click="printModel.optype = !printModel.optype">{{ printModel.num }}</div>
+				<div @click.stop="PrintModel">{{ printModel.name }}</div>
 				<ul v-show="printModel.optype">
-					<li class="printModel_item" @click="setPrintModel(1)">1</li>
-					<li class="printModel_item" @click="setPrintModel(2)">2</li>
+					<li class="printModel_item" @click="setprintModel(1)">Model1</li>
+					<li class="printModel_item" @click="setprintModel(2)">Model2</li>
 				</ul>
 			</div>
         </div>
@@ -43,7 +43,7 @@
             <input
                 class="search_input"
 				@input="ifMaximumLength"
-                placeholder="Promopt input"
+                placeholder="Prompt input"
 				:maxlength='inputShow?0:9999'
                 v-model="searchPictureName"
                 @keydown.enter="getgenerate()"
@@ -222,6 +222,7 @@ export default defineComponent({
 		let printModel = ref({
 			num:1,
 			optype:false,
+			name:'model1'
 		})
 		// let sketchCatecoryList:any = ref([])
 		let workspace:any = ref({})
@@ -343,10 +344,21 @@ export default defineComponent({
 				}
 			})
         },
-		setPrintModel(num:any){
+		PrintModel(){
+			if(!this.printModel.optype){
+				document.addEventListener('click',this.removePrintModel)
+			}
+			this.printModel.optype = !this.printModel.optype
+		},
+		removePrintModel(){
+			this.printModel.optype = false
+			document.removeEventListener('click',this.removePrintModel)
+		},
+		setprintModel(num:any){
 			this.printModel = {
 				num : num,
 				optype:false,
+				name:'model'+num
 			}
 		},
 		getgenerate(){
@@ -378,7 +390,7 @@ export default defineComponent({
 				level2Type:'',
 				text:this.searchPictureName,
 				timeZone:Intl.DateTimeFormat().resolvedOptions().timeZone,
-				version:this.printModel.num,//为1就是Print
+				version:0,//为1就是Print
 				gender:'',
 			}
 			this.loadingShow = true
@@ -402,7 +414,7 @@ export default defineComponent({
 				this.loadingShow = false
             });
 		},
-		ifMaximumLength(e){
+		ifMaximumLength(){
 			clearTimeout(this.inputTime)
 			let inputBox = document.getElementsByClassName('generate')[0].getElementsByClassName('input_box')[0]
 			let input = inputBox.getElementsByClassName('search_input')[0]
@@ -584,7 +596,7 @@ export default defineComponent({
     }
 	.printModel{
 		>div{
-			width: 5rem;
+			width: 7rem;
 			display: flex;
 			justify-content: center;
 			border-radius: 1rem;
@@ -594,13 +606,14 @@ export default defineComponent({
 		}
 		ul{
 			position: absolute;
-			width: 5rem;
+			width: 7rem;
 			text-align: center;
 			margin-top: .3rem;
 			border-radius: 1rem;
 			overflow: hidden;
 			li{
 				background: rgba(0,0,0,.2);
+				line-height: 2;
 				cursor: pointer;
 				&.printModel_item:hover{
 					background: rgba(0,0,0,.4);