DetailModal.vue 778 B

123456789101112131415161718192021222324252627282930313233343536373839
  1. <template>
  2. <BasicModal @register="register" title="预警详情" width="100%" v-bind="$attrs" @ok="onSubmit" @cancel="onSubmit" :defaultFullscreen="true">
  3. <div>
  4. 1223
  5. </div>
  6. </BasicModal>
  7. </template>
  8. <script lang="ts" setup>
  9. import { onMounted, ref, defineEmits, onUnmounted, watch } from 'vue';
  10. import { BasicModal, useModalInner } from '/@/components/Modal';
  11. const emit = defineEmits(['close', 'register'])
  12. const props = defineProps({
  13. })
  14. // 注册 modal
  15. const [register, { closeModal }] = useModalInner();
  16. async function onSubmit() {
  17. emit('close')
  18. closeModal();
  19. }
  20. onMounted(async () => {
  21. });
  22. onUnmounted(() => {
  23. });
  24. </script>
  25. <style scoped lang="less">
  26. @import '/@/design/vent/color.less';
  27. @import '/@/design/vent/modal.less';
  28. </style>