fix

src/component/HomePage/index/model/patternMaking3D/index.vue

@@ -46,6 +46,9 @@
 			<div class="modelBox">
 				<div class="img">
 					<img :src="selectModel.threeDPatternLayoutUrl" alt="">
+					<div class="btn">
+						<i class="fi fi-bs-expand-arrows-alt" @click.stop="openScaleImage()"></i>
+					</div>
 				</div>
 			</div>
 			<div class="gallery_btn" @click="openDown()">Download</div>	
@@ -53,6 +56,7 @@
 		<div class="download">
 			<download ref="download"></download>
 		</div>
+		<scaleImage ref="scaleImage"></scaleImage>
 	</div>
 </template>
 <script lang="ts">
@@ -63,9 +67,10 @@ import { useStore } from "vuex";
 import { useI18n } from 'vue-i18n'
 import threeBox from "./three.vue"
 import download from "./download.vue"
+import scaleImage from "@/component/HomePage/scaleImage.vue";
 export default defineComponent({
 	components:{
-		threeBox,download
+		threeBox,download,scaleImage
 	},
 	props:{
 	},
@@ -101,7 +106,7 @@ export default defineComponent({
 		const setSelectModel = (item:any)=>{
 			data.isShowMark = true
 			const value = {
-				threeDSimpleId:item.id,
+				threeDSimpleId:item.threeDSimpleId,
 			}
 			Https.axiosPost(Https.httpUrls.getLayoutDetail,{},{params:value}).then((res:any)=>{
 				data.selectModel = res
@@ -122,11 +127,12 @@ export default defineComponent({
 		const dataDom = reactive({
 			threeBox:null as any,
 			download:null as any,
+			scaleImage:null as any,
 		})
 		const openSetData = ()=>{
 			nextTick(()=>{
 				let id = store.state.HomeStoreModule.patternMaking3D.threeDsimpleId
-				if(id && data.selectModel.id == -1)setSelectModel({id})
+				if(id && data.selectModel.id == -1)setSelectModel({threeDSimpleId:id})
 			})	
 			setTimeout(()=>{
 				data.maskShow = true	
@@ -177,6 +183,11 @@ export default defineComponent({
 		const setMaterial = (item:any)=>{
 			dataDom.threeBox.addMaterial(item)
 		}
+		const openScaleImage = ()=>{
+			let scaleImage:any = dataDom.scaleImage
+			scaleImage.isLike = false
+			scaleImage.init([{imgUrl:data.selectModel.threeDPatternLayoutUrl}],0)
+		}
 		return{
 			...toRefs(dataDom),
 			...toRefs(data),
@@ -187,6 +198,7 @@ export default defineComponent({
 			openDown,
 			setLibraryOrModel,
 			setMaterial,
+			openScaleImage
 		}
 	},
 	directives:{
@@ -322,6 +334,15 @@ export default defineComponent({
 				>.img{
 					width: 100%;
 					height: 100%;
+					position: relative;
+					> .btn{
+						position: absolute;
+						right: 2rem;
+						top: 2rem;
+						> i{
+							cursor: pointer;
+						}
+					}
 					img{
 						width: 100%;
 						height: 100%;