MTP2.0_WEB/src/views/information/custom/compoments/recover/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';

    export default defineComponent({
        name: 'modify-custom',
        components: {},
        setup() {
            const { visible, cancel } = closeModal('recoverCustomInfo');
            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">
    .modify-custom {
    }</style
>;