微调

frontend/src/views/demo/proTable/singleColumn.vue

@@ -0,0 +1,80 @@
+<!--单列-->
+<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-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 { 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>