2023-11-2-1

src/component/Detail/DesignDetail.vue

@@ -228,6 +228,11 @@ export default defineComponent({
 			handler: function(newval) {
 			}
 		},
+		designDetailShow:{
+			handler: function(newval) {
+				this.removeRevocation()
+			}
+		}
 	},
 	provide() {
 		return {
@@ -301,7 +306,6 @@ export default defineComponent({
 				DesignDetailAlter.terminate()
 				// this.designItemDetail = {}
 				this.frontBack = {}
-				this.removeRevocation()
             }else{
                 this.designShowPrview = 1;
 				this.designItemDetailUrl = {}
@@ -371,8 +375,6 @@ export default defineComponent({
 						body = item
 					}
 				});
-				console.log(body?.layersObject?.[0]?.imageUrl);
-				
 				let ratio:any = await this?.setPostition(body?.layersObject?.[0]?.imageUrl)
 				let frontIndex = 6
 				let backIndex = 3
@@ -430,6 +432,7 @@ export default defineComponent({
             }
 			this.designShowPrview = 1
             // this.showDesignDetailModal(data,str)
+            this.loadingShow = false
 		},
 		removeRevocation(){
 			sessionStorage.removeItem('oppositeRevocation')
@@ -521,10 +524,11 @@ export default defineComponent({
 			this.store.commit('setDesignPreviewData',data)
 			return data
 		},
-		setSubmit(str:any){
+		async setSubmit(str:any){
 			let setDesignItem:any = this.$refs.setDesignItem	
 			let data = this.setSubmitItem(str)
-			setDesignItem.setPreview(data)
+            this.loadingShow = true
+			await setDesignItem.setPreview(data)
 		},
 		async submit(){
 			let data = this.setSubmitItem('')
@@ -558,8 +562,6 @@ export default defineComponent({
 		async setPostition(url:any){
 			let img:any = await loadImage(url)
 			let modal_body = <HTMLImageElement>document.getElementsByClassName('detail_modal_model')[0]
-				console.log(modal_body);
-				
 			const num = modal_body?.offsetWidth / img.width;
 			function loadImage(url:any) {
 				return new Promise((resolve, reject) => {
@@ -1168,4 +1170,12 @@ export default defineComponent({
    
     
 }
+</style>
+<style lang="less">
+.design_detail_modal_component{
+	.mark_loading{
+		position: absolute;
+	}
+}
+
 </style>