| | |
|---|
| | | <slot></slot> |
|---|
| | | <template #footer> |
|---|
| | | <div class="dialog-footer"> |
|---|
| | | <el-button type="primary" @click="handleConfirm">确认</el-button> |
|---|
| | | <el-button @click="handleCancel">取消</el-button> |
|---|
| | | <!-- 自定义按钮插槽 --> |
|---|
| | | <slot name="footer"> |
|---|
| | | <!-- 默认按钮 --> |
|---|
| | | <el-button |
|---|
| | | v-if="showConfirm" |
|---|
| | | type="primary" |
|---|
| | | @click="handleConfirm" |
|---|
| | | > |
|---|
| | | 确认 |
|---|
| | | </el-button> |
|---|
| | | <el-button @click="handleCancel">取消</el-button> |
|---|
| | | </slot> |
|---|
| | | </div> |
|---|
| | | </template> |
|---|
| | | </el-dialog> |
|---|
| | |
|---|
| | | set: (val) => emit('update:modelValue', val) |
|---|
| | | }) |
|---|
| | | |
|---|
| | | // 详情模式不展示“确认”按钮，其它类型正常显示 |
|---|
| | | const showConfirm = computed(() => props.operationType !== 'detail') |
|---|
| | | |
|---|
| | | const computedTitle = computed(() => { |
|---|
| | | if (typeof props.title === 'function') { |
|---|
| | | return props.title(props.operationType) |
|---|
