70 lines
1.6 KiB
Vue
70 lines
1.6 KiB
Vue
<!--单列-->
|
|
<template>
|
|
<el-dialog v-model='dialogVisible' :title='title' v-bind='dialogSmall' >
|
|
<el-scrollbar>
|
|
<el-form :inline="false" label-width="auto" ref="formRef">
|
|
<el-form-item label="姓名" prop="username">
|
|
<el-input
|
|
></el-input>
|
|
</el-form-item>
|
|
|
|
<el-form-item label="性别" prop="gender">
|
|
<el-input
|
|
></el-input>
|
|
</el-form-item>
|
|
|
|
<el-form-item label="年龄" prop="age">
|
|
<el-input
|
|
></el-input>
|
|
</el-form-item>
|
|
|
|
<el-form-item label="身份证号" prop="id">
|
|
<el-input
|
|
></el-input>
|
|
</el-form-item>
|
|
|
|
<el-form-item label="邮箱" prop="email">
|
|
<el-input
|
|
></el-input>
|
|
</el-form-item>
|
|
|
|
<el-form-item label="居住地址" prop="address">
|
|
<el-input
|
|
></el-input>
|
|
</el-form-item>
|
|
|
|
</el-form>
|
|
</el-scrollbar>
|
|
|
|
<template #footer>
|
|
<div class='dialog-footer'>
|
|
<el-button @click='close()'>取消</el-button>
|
|
<el-button type='primary' @click='confirmForm()'>确定</el-button>
|
|
</div>
|
|
</template>
|
|
</el-dialog>
|
|
</template>
|
|
<script setup lang='ts'>
|
|
import { dialogSmall } from '@/utils/elementBind'
|
|
|
|
const dialogVisible = ref(false)
|
|
const title = ref('单列弹出框')
|
|
const open = (textTitle: string) => {
|
|
dialogVisible.value = true
|
|
title.value = textTitle
|
|
}
|
|
|
|
const close = () => {
|
|
dialogVisible.value = false
|
|
}
|
|
|
|
const confirmForm = () => {
|
|
ElMessage.info('业务数据提交')
|
|
}
|
|
|
|
defineExpose({ open })
|
|
|
|
</script>
|
|
<style>
|
|
|
|
</style> |