MTP2.0_WEB/src/views/information/custom/compoments/modifyCustom/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 '@/setup/controlModal/index';

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