付款页面新增按钮

src/component/DetailCopy/model/modelNav.vue

@@ -9,10 +9,11 @@
     </div>
 </template>
 <script lang="ts">
-import { defineComponent,computed,ref,inject,watch,onBeforeUnmount,toRefs, reactive} from 'vue'
+import { defineComponent,computed,createVNode,inject,watch,onBeforeUnmount,toRefs, reactive} from 'vue'
 // import setDesignItem from '@/component/Detail/setDesignItem2.vue'
-import { ExclamationCircleOutlined } from '@ant-design/icons-vue';
+import { ExclamationCircleOutlined, } from '@ant-design/icons-vue';
 import { Https } from "@/tool/https";
+import { Modal,message } from 'ant-design-vue';
 import { useStore } from "vuex";
 import { useI18n } from 'vue-i18n'
 import position from './modelPosition.vue';
@@ -22,17 +23,40 @@ export default defineComponent({
     },
     setup(props,{emit}) {
         const store = useStore();
+		const {t} = useI18n()
 		const detailData = reactive({
 			selectDetail:computed(()=>store.state.DesignDetailCopy.selectDetail),
 			frontBack_:computed(()=>store.state.DesignDetailCopy.frontBack),
 			designvDetail:computed(()=>store.state.DesignDetailCopy.designDetail),
 			frontBack:{} as any,
+			isEditPattern:inject('isEditPattern') as any
 		})
 		watch(()=>detailData.frontBack_,(newFollowVue)=>{
 			detailData.frontBack = newFollowVue
 		})
 		const selectDetailItem = (item:any,index:number)=>{
-			store.commit('DesignDetailCopy/setDesignColthes',item.id)
+			new Promise((resolve, reject) => {
+				if(detailData.isEditPattern.value && detailData.selectDetail?.id){
+					Modal.confirm({
+						title: t('collectionModal.jsContent2'),
+						icon: createVNode(ExclamationCircleOutlined),
+						okText: 'Yes',
+						cancelText: 'No',
+						mask:false,
+						centered:true,
+						onOk() {
+							resolve(true)
+						},
+						onCancel(){
+							resolve(false)
+						}
+					});
+				}else{
+					resolve(true)
+				}
+			}).then((rv)=>{
+				if(rv)store.commit('DesignDetailCopy/setDesignColthes',item.id)
+			})
 		}
 		// onBeforeUnmount(()=>{
 		// 	detailData.selectIndex = -1