<!--双列-->
<template>
  <el-dialog v-model='dialogVisible' :title='title' v-bind='dialogMiddle' >
    <el-scrollbar>
      <el-form :inline="false"  label-width="auto"  ref="formRef" class='form-two'>
        <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-item label="手机" prop="phone">
          <el-input
          ></el-input>
        </el-form-item>

        <el-form-item label="来源" prop="source">
          <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 { dialogMiddle } 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>