MTP2.0_WEB/src/views/information/spot-contract/components/delete/index.vue

<template>
  <!-- 删除现货合同--->
  <a-modal class="recover-custom"
           title="删除现货合同"
           v-model:visible="visible"
           @cancel="cancel"
           width="890px">
    <template #footer>
      <a-button key="submit"
                type="primary"
                :loading="loading"
                @click="submit">完成</a-button>
    </template>
  </a-modal>
</template>

<script lang="ts">
import { defineComponent, ref } from 'vue';
import { closeModal } from '@/common/setup/modal/index';

export default defineComponent({
    name: 'delete-spot-contract',
    components: {},
    setup() {
        const { visible, cancel } = closeModal('deleteSpotContract');
        const loading = ref<boolean>(false);
        function submit() {
            loading.value = true;
            setTimeout(() => {
                loading.value = false;
                cancel();
            }, 2000);
        }
        return {
            visible,
            cancel,
            submit,
            loading,
        };
    },
});
</script>

<style lang="less">
.recover-custom {
}
</style
>;