2023-10-27

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

src/component/Detail/DesignDetailEnd.vue

@@ -58,7 +58,10 @@
 			</div>
 			<div class="result_apparel_print_img">
 				<img v-show="type_==1" class="result_appare_img" :src="sketchImg?.id_?sketchImg?.path:current?.path" :title="current?.type">
-				<img v-show="type_==2" class="result_print_img" :src="current?.path" :title="current?.type" @click="setPrint">
+				<!-- <img v-show="type_==2" class="result_print_img" :src="current?.path" :title="current?.type" @click="setPrint"> -->
+				<div v-show="type_==2" class="result_print_img" @click="setPrint" :title="current?.type">
+					<img v-for="item in current.layersObject" :src="item.imageUrl" alt="">
+				</div>
 			
 			</div>
 		</div>
@@ -109,6 +112,7 @@ export default defineComponent({
         const store = useStore();
 		let type_ = ref(0);
         let current = inject('current')//父组件传过来的数据
+        let setRevocation = inject('setRevocation')//父组件传过来的数据
 		let sketchImg = ref({})
 		//印花
 		let overallSingle = ref(false)
@@ -122,6 +126,7 @@ export default defineComponent({
         return{
 			store,
 			current,
+			setRevocation,
 			sketchImg,
 			type_,
 			overallSingle,
@@ -143,6 +148,7 @@ export default defineComponent({
 		//点击判断
 		init(num){
 			// this.current = JSON.parse(JSON.stringify(this.currentItem))
+			console.log(this.current);
 			this.type_ = num
 			this.colorList[this.selectIndex] = this.$parent.selectColor
 			this.overallSingle = this.current?.printObject?.ifSingle == null?false:this.current?.printObject?.ifSingle
@@ -271,6 +277,7 @@ export default defineComponent({
 					this.loadingShow = false
 					this.store.commit("setDesignItemDetail", designItemDetail);
 					this.store.commit("setDesignPreviewData", data);
+					this.setRevocation(designItemDetail,data)
 				}
 			).catch(res=>{
 				this.loadingShow = false
@@ -324,6 +331,9 @@ export default defineComponent({
 				transform: scale(.85);
 				transform-origin: center top;
 				cursor: pointer;
+				img:nth-child(1){
+					position: absolute;
+				}
 			}
 		}
 	}