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

<template>
  <!-- 重新提交现货合同-->
  <a-modal class="modify-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';
import {getBizTypeName, getContractTypeName} from "@/views/information/spot-contract/setup";

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

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