液化

src/component/HomePage/scaleImage.vue

@@ -130,13 +130,15 @@
 </template>
 
 <script lang="ts">
-import { defineComponent, h, ref ,toRefs,computed,reactive, nextTick} from "vue";
+import { defineComponent, h, ref ,toRefs,createVNode,reactive, nextTick} from "vue";
 import { Https } from "@/tool/https";
+import { Modal } from "ant-design-vue";
 // import domTurnImg from '@/tool/domTurnImg'
 import { useStore } from "vuex";
+import { ExclamationCircleOutlined } from '@ant-design/icons-vue';
 import { downloadIamge } from "@/tool/util";
 import { getCookie,setCookie } from "@/tool/cookie";
-
+import { useI18n } from "vue-i18n";
 import generalMiniCanvas from "@/component/modules/generalMiniCanvas.vue";
 export default defineComponent({
 	components:{generalMiniCanvas},
@@ -313,8 +315,24 @@ export default defineComponent({
 					rv.category = scaleImageList.value[scaleImageIndex.value]?.category
 					rv.categoryValue = scaleImageList.value[scaleImageIndex.value]?.categoryValue
 					delete rv.url
-					scaleImageList.value.unshift(rv)
-					loadingShow.value = false
+					Modal.confirm({
+						title: useI18n().t('scaleImage.overlayOrNot'),
+						icon: createVNode(ExclamationCircleOutlined),
+						okText: 'Yes',
+						cancelText: 'No',
+						mask:false,
+						centered:true,
+						onOk() {
+							scaleImageList.value[scaleImageIndex.value] = rv
+							loadingShow.value = false
+							scaleImage.value = false
+						},
+						onCancel(){
+							scaleImageList.value.unshift(rv)
+							loadingShow.value = false
+							scaleImage.value = false
+						}
+					});
 				}
 			).catch(res=>{
 				loadingShow.value = false