Browse Source

添加es类型

lrf 1 year ago
parent
commit
d912d33e13
1 changed files with 39 additions and 11 deletions
  1. 39 11
      src/views/parts/form-1.vue

+ 39 - 11
src/views/parts/form-1.vue

@@ -6,20 +6,29 @@
       <el-button class="button" @click="resetForm(formRef)">重置</el-button>
     </el-col>
     <el-col :span="24" class="form">
-      <el-form-item label="表名中文" prop="name_zh">
-        <el-input v-model="form.name_zh" />
-      </el-form-item>
-      <el-form-item label="表名" prop="name">
-        <el-input v-model="form.name" />
-      </el-form-item>
-      <el-form-item label="备注" prop="desc">
-        <el-input v-model="form.remark" type="textarea" />
-      </el-form-item>
+      <el-row :gutter="10">
+        <el-col :span="6">
+          <el-form-item label="表名中文" prop="name_zh">
+            <el-input v-model="form.name_zh" />
+          </el-form-item>
+        </el-col>
+        <el-col :span="6">
+          <el-form-item label="表名" prop="name">
+            <el-input v-model="form.name" />
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="备注" prop="desc">
+            <el-input v-model="form.remark" type="textarea" />
+          </el-form-item>
+        </el-col>
+      </el-row>
+
       <el-form-item label="字段列表" prop="columns">
         <el-col :span="24" style="margin: 0 0 10px 0; text-align: right">
           <el-button type="primary" @click="toAdd()">添加字段</el-button>
         </el-col>
-        <el-table :data="form.columns" border>
+        <el-table :data="form.columns" border stripe max-height="48vh">
           <el-table-column label="字段名" prop="title" align="center">
             <template #default="{ row }">
               <el-input v-model="row.title"></el-input>
@@ -37,6 +46,13 @@
               </el-select>
             </template>
           </el-table-column>
+          <el-table-column label="es类型" prop="type" align="center">
+            <template #default="{ row }">
+              <el-select v-model="row.esType">
+                <el-option v-for="i in esTypeList" :key="i.value" :label="i.label" :value="i.value"> </el-option>
+              </el-select>
+            </template>
+          </el-table-column>
           <el-table-column label="默认值" prop="def" align="center">
             <template #default="{ row }">
               <el-input v-model="row.def" type="text"></el-input>
@@ -71,7 +87,7 @@
               <el-input v-model="row.remark" type="text"></el-input>
             </template>
           </el-table-column>
-          <el-table-column label="操作" align="center" width="175">
+          <el-table-column label="操作" align="center" width="150">
             <template #default="{ row, $index }">
               <el-col :span="24" class="propbtn">
                 <el-col :span="8">
@@ -120,6 +136,18 @@ const data = reactive({
     { label: '否', value: false },
   ],
 });
+const esTypeList = [
+  { label: '无需加入es', value: null },
+  { label: '文本', value: 'text' },
+  { label: '关键词', value: 'keyword' },
+  { label: '数字', value: 'number' },
+  { label: '长整型数字', value: 'long' },
+  { label: '单精度', value: 'float' },
+  { label: '双精度', value: 'double' },
+  { label: '日期', value: 'date' },
+  { label: '布尔', value: 'boolean' },
+  { label: '嵌套', value: 'nested' },
+];
 
 const emit = defineEmits(['toBack']);