自动化代码列表可直接进行简单编辑。

Stephen-Z · Dec 14, 2022 · 24d52eb · 24d52eb
1 parent c49d9b8
commit 24d52eb
Showing 1 changed file with 132 additions and 14 deletions.
diff --git a/web/src/view/systemTools/autoCode/index.vue b/web/src/view/systemTools/autoCode/index.vue
@@ -150,21 +150,81 @@
       </div>
       <el-table :data="form.fields">
         <el-table-column align="left" type="index" label="序列" width="60" />
-        <el-table-column align="left" prop="fieldName" label="Field名" />
-        <el-table-column align="left" prop="fieldDesc" label="中文名" />
-        <el-table-column align="left" prop="require" label="是否必填">
-          <template #default="{row}">{{ row.require?"是":"否" }}</template>
+        <el-table-column align="left" prop="fieldName" label="Field名" width="160">
+          <template #default="{row}">
+            <el-input v-model="row.fieldName" />
+          </template>
+        </el-table-column>
+        <el-table-column align="left" prop="fieldDesc" label="中文名" width="160">
+          <template #default="{row}">
+            <el-input v-model="row.fieldDesc" />
+          </template>
+        </el-table-column>
+        <el-table-column align="left" prop="require" label="必填">
+          <template #default="{row}"> <el-checkbox v-model="row.require" /></template>
+        </el-table-column>
+        <el-table-column align="left" prop="sort" label="排序">
+          <template #default="{row}"> <el-checkbox v-model="row.sort" /> </template>
+        </el-table-column>
+        <el-table-column align="left" prop="fieldJson" width="160px" label="FieldJson">
+          <template #default="{row}">
+            <el-input v-model="row.fieldJson" />
+          </template>
+        </el-table-column>
+        <el-table-column align="left" prop="fieldType" label="Field数据类型" width="160">
+          <template #default="{row}">
+            <el-select
+              v-model="row.fieldType"
+              style="width:100%"
+              placeholder="请选择field数据类型"
+              clearable
+            >
+              <el-option
+                v-for="item in typeOptions"
+                :key="item.value"
+                :label="item.label"
+                :value="item.value"
+              />
+            </el-select>
+          </template>
         </el-table-column>
-        <el-table-column align="left" prop="sort" label="是否排序">
-          <template #default="{row}">{{ row.sort?"是":"否" }}</template>
+        <el-table-column align="left" prop="dataTypeLong" label="数据库字段长度" width="160">
+          <template #default="{row}">
+            <el-input v-model="row.dataTypeLong" />
+          </template>
+        </el-table-column>
+        <el-table-column align="left" prop="columnName" label="数据库字段" width="160">
+          <template #default="{row}">
+            <el-input v-model="row.columnName" />
+          </template>
+        </el-table-column>
+        <el-table-column align="left" prop="comment" label="数据库字段描述" width="160">
+          <template #default="{row}">
+            <el-input v-model="row.columnName" />
+          </template>
+        </el-table-column>
+        <el-table-column align="left" prop="fieldSearchType" label="搜索条件" width="130">
+          <template #default="{row}">
+            <el-select
+              v-model="row.fieldSearchType"
+              style="width:100%"
+              placeholder="请选择Field查询条件"
+              clearable
+            >
+              <el-option
+                v-for="item in typeSearchOptions"
+                :key="item.value"
+                :label="item.label"
+                :value="item.value"
+                :disabled="
+                  (row.fieldType!=='string'&&item.value==='LIKE')||
+                    ((row.fieldType!=='int'&&row.fieldType!=='time.Time'&&row.fieldType!=='float64')&&(item.value==='BETWEEN' || item.value==='NOT BETWEEN'))
+                "
+              />
+            </el-select>
+          </template>
+
         </el-table-column>
-        <el-table-column align="left" prop="fieldJson" min-width="120px" label="FieldJson" />
-        <el-table-column align="left" prop="fieldType" label="Field数据类型" width="130" />
-        <el-table-column align="left" prop="dataTypeLong" label="数据库字段长度" width="130" />
-        <el-table-column align="left" prop="columnName" label="数据库字段" width="130" />
-        <el-table-column align="left" prop="comment" label="数据库字段描述" width="130" />
-        <el-table-column align="left" prop="fieldSearchType" label="搜索条件" width="130" />
-        <el-table-column align="left" prop="dictType" label="字典" width="130" />
         <el-table-column align="left" label="操作" width="300" fixed="right">
           <template #default="scope">
             <el-button
@@ -173,7 +233,7 @@
               link
               icon="edit"
               @click="editAndAddField(scope.row)"
-            >编辑</el-button>
+            >高级编辑</el-button>
             <el-button
               size="small"
               type="primary"
@@ -248,6 +308,64 @@ import { useRoute, useRouter } from 'vue-router'
 import { ElMessage } from 'element-plus'
 import WarningBar from '@/components/warningBar/warningBar.vue'
 
+const typeOptions = ref([
+  {
+    label: '字符串',
+    value: 'string'
+  },
+  {
+    label: '整型',
+    value: 'int'
+  },
+  {
+    label: '布尔值',
+    value: 'bool'
+  },
+  {
+    label: '浮点型',
+    value: 'float64'
+  },
+  {
+    label: '时间',
+    value: 'time.Time'
+  },
+  {
+    label: '枚举',
+    value: 'enum'
+  }
+])
+
+const typeSearchOptions = ref([
+  {
+    label: '=',
+    value: '='
+  },
+  {
+    label: '<>',
+    value: '<>'
+  },
+  {
+    label: '>',
+    value: '>'
+  },
+  {
+    label: '<',
+    value: '<'
+  },
+  {
+    label: 'LIKE',
+    value: 'LIKE'
+  },
+  {
+    label: 'BETWEEN',
+    value: 'BETWEEN'
+  },
+  {
+    label: 'NOT BETWEEN',
+    value: 'NOT BETWEEN'
+  }
+])
+
 const fieldTemplate = {
   fieldName: '',
   fieldDesc: '',