优化
This commit is contained in:
@@ -0,0 +1,29 @@
|
||||
<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>
|
||||
Reference in New Issue
Block a user