30 lines
931 B
Vue
30 lines
931 B
Vue
<script setup lang="ts">
|
||
import AppDialog from '@/shared/components/AppDialog.vue'
|
||
|
||
withDefaults(defineProps<{
|
||
title: string
|
||
width: string
|
||
domain: string
|
||
confirmText?: string
|
||
}>(), {
|
||
confirmText: '保存',
|
||
})
|
||
|
||
const open = defineModel<boolean>({ default: false })
|
||
</script>
|
||
|
||
<template>
|
||
<AppDialog v-model="open" :title="title" :width="width" :confirm-text="confirmText" confirm-disabled>
|
||
<el-alert type="warning" :closable="false" show-icon :title="`${domain}写接口待接入`">
|
||
<p>弹框按原型保留字段与尺寸；端点、状态机和幂等契约冻结前不可提交，也不会在本地模拟保存成功。</p>
|
||
</el-alert>
|
||
<div class="pending-form"><slot /></div>
|
||
</AppDialog>
|
||
</template>
|
||
|
||
<style scoped>
|
||
.pending-form { margin-top: 16px; }
|
||
.pending-form :deep(.el-select), .pending-form :deep(.el-input-number) { width: 100%; }
|
||
.pending-form :deep(.el-alert p) { margin: 0; }
|
||
</style>
|