From 66724c98a4f1e914b75ca542c98aa6f572eea709 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=93=9C=E7=93=9C?= <1224299352@qq.com>
Date: Mon, 8 Apr 2024 15:52:17 +0000
Subject: [PATCH] =?UTF-8?q?update=20vue-admin-better/src/views/modules/gen?=
 =?UTF-8?q?erator/table/components/edit/step/TableDataStep.vue.=20?=
 =?UTF-8?q?=E6=96=B0=E5=A2=9E=E4=BA=86=20=E5=B8=B8=E8=A7=81=E7=9A=84?=
 =?UTF-8?q?=E5=AD=97=E6=AE=B5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: 瓜瓜 <1224299352@qq.com>
---
 .../components/edit/step/TableDataStep.vue    | 987 +++++++++++-------
 1 file changed, 616 insertions(+), 371 deletions(-)

diff --git a/vue-admin-better/src/views/modules/generator/table/components/edit/step/TableDataStep.vue b/vue-admin-better/src/views/modules/generator/table/components/edit/step/TableDataStep.vue
index 8e539da..ecf876f 100644
--- a/vue-admin-better/src/views/modules/generator/table/components/edit/step/TableDataStep.vue
+++ b/vue-admin-better/src/views/modules/generator/table/components/edit/step/TableDataStep.vue
@@ -2,18 +2,18 @@
   <div v-show="active === flag" class="step-main">
     <div class="step-content">
       <el-form ref="baseForm" :model="baseFormCurr" :rules="rules" label-width="105px">
-        <el-row :gutter="10" >
-          <el-col :xs="24" :sm="24" :md="12" :lg="8" :xl="8">
+        <el-row :gutter="10">
+          <el-col :lg="8" :md="12" :sm="24" :xl="8" :xs="24">
             <el-form-item label="表名称" prop="tableName">
               <el-input v-model="baseFormCurr.tableName" autocomplete="off"></el-input>
             </el-form-item>
           </el-col>
 
-          <el-col :xs="24" :sm="24" :md="12" :lg="8" :xl="8">
+          <el-col :lg="8" :md="12" :sm="24" :xl="8" :xs="24">
             <el-form-item label="表类型" prop="tableType">
-              <el-select v-model="baseFormCurr.tableType" placeholder="请选择"
-                         @change="tableTypeChange" :disabled="formState.tableType"
-                         style="width: 100%">
+              <el-select v-model="baseFormCurr.tableType" :disabled="formState.tableType"
+                         placeholder="请选择" style="width: 100%"
+                         @change="tableTypeChange">
                 <el-option
                   v-for="item in dictCurr.table_type"
                   :key="item.dictValue"
@@ -24,7 +24,7 @@
             </el-form-item>
           </el-col>
 
-          <el-col :xs="24" :sm="24" :md="12" :lg="8" :xl="8">
+          <el-col :lg="8" :md="12" :sm="24" :xl="8" :xs="24">
             <el-form-item label="描述" prop="comments">
               <el-input v-model="baseFormCurr.comments"
                         autocomplete="off"
@@ -34,11 +34,11 @@
             </el-form-item>
           </el-col>
 
-          <el-col :xs="24" :sm="24" :md="12" :lg="8" :xl="8">
+          <el-col :lg="8" :md="12" :sm="24" :xl="8" :xs="24">
             <el-form-item label="数据库类型" prop="jdbcType">
-              <el-select v-model="baseFormCurr.jdbcType" placeholder="请选择" :disabled="formState.jdbcType"
-                         @change="jdbcTypeChange" ref="jdbcType"
-                         style="width: 100%">
+              <el-select ref="jdbcType" v-model="baseFormCurr.jdbcType" :disabled="formState.jdbcType"
+                         placeholder="请选择" style="width: 100%"
+                         @change="jdbcTypeChange">
                 <el-option
                   v-for="item in dictCurr.jdbc_type"
                   :key="item.dictValue"
@@ -49,7 +49,7 @@
             </el-form-item>
           </el-col>
 
-          <el-col :xs="24" :sm="24" :md="12" :lg="8" :xl="8">
+          <el-col :lg="8" :md="12" :sm="24" :xl="8" :xs="24">
             <el-form-item label="备注" prop="remark">
               <el-input v-model="baseFormCurr.remark"
                         autocomplete="off"
@@ -64,53 +64,58 @@
 
       <vab-query-form>
         <vab-query-form-left-panel>
-          <el-button icon="el-icon-plus"
+          <el-button :disabled="!baseFormCurr.jdbcType"
+                     icon="el-icon-plus"
                      type="primary"
-                     :disabled="!baseFormCurr.jdbcType"
                      @click="columnHandleAdd">
             添加
           </el-button>
-
+          <el-button icon="el-icon-plus"
+                     type="primary"
+                     @click="dialogVisible = true">
+            常用字段
+          </el-button>
           <el-button
             :disabled="!selectRows.length > 0"
             icon="el-icon-delete"
             type="danger"
             @click="columnHandleDelete"
-          > 删除 </el-button>
+          > 删除
+          </el-button>
 
         </vab-query-form-left-panel>
       </vab-query-form>
 
-      <el-form ref="tableForm" :model="{'tableForm': tableFormCurr}" >
+      <el-form ref="tableForm" :model="{'tableForm': tableFormCurr}">
         <el-table
           :data="tableFormCurr"
           :element-loading-text="elementLoadingText"
-          @selection-change="setSelectRows"
           border
+          @selection-change="setSelectRows"
         >
 
           <el-table-column show-overflow-tooltip type="selection"></el-table-column>
 
           <el-table-column
-            show-overflow-tooltip
+            align="center"
             label="拖动"
+            show-overflow-tooltip
             width="60"
-            align="center"
           >
             <template slot-scope="scope">
-              <el-button icon="el-icon-d-caret"
+              <el-button circle
                          class="move-btn"
-                         circle
+                         icon="el-icon-d-caret"
               ></el-button>
             </template>
           </el-table-column>
 
 
           <el-table-column
-            show-overflow-tooltip
-            prop="fieldName"
             label="字段名称"
             min-width="200"
+            prop="fieldName"
+            show-overflow-tooltip
           >
             <template slot-scope="scope">
               <el-form-item
@@ -120,16 +125,16 @@
               >
                 <el-input v-model="scope.row.fieldName"
                           :disabled="scope.row.disabled"
-                          style="width: 100%" />
+                          style="width: 100%"/>
               </el-form-item>
             </template>
           </el-table-column>
 
           <el-table-column
-            show-overflow-tooltip
-            prop="fieldType"
             label="字段类型"
             min-width="180"
+            prop="fieldType"
+            show-overflow-tooltip
           >
             <template slot-scope="scope">
               <el-form-item
@@ -137,10 +142,10 @@
                 :rules="columnRules.fieldType"
                 class="el-form-item-table"
               >
-                <el-select v-model="scope.row.fieldType" placeholder="请选择"
+                <el-select v-model="scope.row.fieldType" :disabled="scope.row.disabled"
                            default-first-option="" filterable
-                           :disabled="scope.row.disabled"
-                           style="width: 100%" >
+                           placeholder="请选择"
+                           style="width: 100%">
                   <el-option
                     v-for="item in baseDictData.fieldList"
                     :key="item"
@@ -153,10 +158,10 @@
           </el-table-column>
 
           <el-table-column
-            show-overflow-tooltip
-            prop="fieldLength"
             label="字段长度"
             min-width="140"
+            prop="fieldLength"
+            show-overflow-tooltip
           >
             <template slot-scope="scope">
               <el-form-item
@@ -164,9 +169,9 @@
                 class="el-form-item-table"
               >
                 <el-input-number v-model="scope.row.fieldLength"
-                                 controls-position="right"
                                  :disabled="scope.row.disabled"
-                                 :min="0" :max="20000"
+                                 :max="20000"
+                                 :min="0" controls-position="right"
                                  style="width: 100%"
                 ></el-input-number>
               </el-form-item>
@@ -174,10 +179,10 @@
           </el-table-column>
 
           <el-table-column
-            show-overflow-tooltip
-            prop="fieldPrecision"
             label="字段精度"
             min-width="140"
+            prop="fieldPrecision"
+            show-overflow-tooltip
           >
             <template slot-scope="scope">
               <el-form-item
@@ -185,9 +190,9 @@
                 class="el-form-item-table"
               >
                 <el-input-number v-model="scope.row.fieldPrecision"
-                                 controls-position="right"
                                  :disabled="scope.row.disabled"
-                                 :min="0" :max="100"
+                                 :max="100"
+                                 :min="0" controls-position="right"
                                  style="width: 100%"
                 ></el-input-number>
               </el-form-item>
@@ -195,10 +200,10 @@
           </el-table-column>
 
           <el-table-column
-            show-overflow-tooltip
-            prop="fieldComments"
             label="字段描述"
             min-width="240"
+            prop="fieldComments"
+            show-overflow-tooltip
           >
             <template slot-scope="scope">
               <el-form-item
@@ -207,19 +212,19 @@
                 class="el-form-item-table"
               >
                 <el-input v-model="scope.row.fieldComments"
+                          :disabled="scope.row.disabled"
                           maxlength="100"
                           show-word-limit
-                          :disabled="scope.row.disabled"
                           style="width: 100%"/>
               </el-form-item>
             </template>
           </el-table-column>
 
           <el-table-column
-            show-overflow-tooltip
-            prop="izPk"
             label="主键"
             min-width="80"
+            prop="izPk"
+            show-overflow-tooltip
           >
             <template slot-scope="scope">
               <el-form-item
@@ -229,8 +234,8 @@
                 <el-switch
                   v-model="scope.row.izPk"
                   :active-value="1"
-                  :inactive-value="0"
                   :disabled="scope.row.disabled"
+                  :inactive-value="0"
                   @change="pKChange(scope.row)"
                 >
                 </el-switch>
@@ -239,10 +244,10 @@
           </el-table-column>
 
           <el-table-column
-            show-overflow-tooltip
-            prop="izNotNull"
             label="非空"
             min-width="80"
+            prop="izNotNull"
+            show-overflow-tooltip
           >
             <template slot-scope="scope">
               <el-form-item
@@ -252,8 +257,8 @@
                 <el-switch
                   v-model="scope.row.izNotNull"
                   :active-value="1"
-                  :inactive-value="0"
                   :disabled="scope.row.disabled || scope.row.izPk === 1"
+                  :inactive-value="0"
                 >
                 </el-switch>
               </el-form-item>
@@ -267,379 +272,619 @@
     <step-footer
       ref="step-footer"
       :flag="flag"
-      :min-flag="minFlag"
-      :max-flag="maxFlag"
       :info-data="{
         obj: this,
         baseForm: baseFormCurr,
         tableForm: tableFormCurr
       }"
+      :max-flag="maxFlag"
+      :min-flag="minFlag"
     ></step-footer>
+
+    <!--    选择预制字段-->
+    <el-dialog
+      :before-close="handleClose"
+      :visible.sync="dialogVisible"
+      append-to-body
+      title="选择常见字段"
+      width="30%">
+      <div>
+        <template v-for="item in BuiltInFields">
+          <el-checkbox v-model="BuiltInFieldsSelect" :label="item.fieldName" border style="margin: 5px"
+                       @change="changeBuiltInFieldsSelect"></el-checkbox>
+
+        </template>
+      </div>
+      <span slot="footer" class="dialog-footer">
+    <el-button @click="dialogVisible = false">取 消</el-button>
+    <el-button type="primary" @click="AddDefaultFields">确 定</el-button>
+  </span>
+    </el-dialog>
   </div>
 </template>
 <script>
-  import { isCode, isNull } from "@/utils/validate";
-  import StepFooter from "./footer/StepFooter"
-  import { deepClone } from "@/utils/clone";
-  import Sortable from "sortablejs";
-  import { uuid } from "@/utils";
-  import { getFieldTypes, getJavaFieldTypesBySafety} from "@/api/generator/tableManagement";
-  import {isNotNull} from "@/utils/valiargs";
-
-  export default {
-    name: "TableDataStep",
-    components: { Sortable, StepFooter },
-    props: {
-      active: {
-        type: Number,
-        default: () => {
-          return 1;
-        },
+import {isCode, isNull} from "@/utils/validate";
+import StepFooter from "./footer/StepFooter"
+import {deepClone} from "@/utils/clone";
+import Sortable from "sortablejs";
+import {uuid} from "@/utils";
+import {getFieldTypes, getJavaFieldTypesBySafety} from "@/api/generator/tableManagement";
+import {isNotNull} from "@/utils/valiargs";
+
+export default {
+  name: "TableDataStep",
+  components: {Sortable, StepFooter},
+  props: {
+    active: {
+      type: Number,
+      default: () => {
+        return 1;
       },
-      minFlag: {
-        type: Number,
-        default: () => {
-          return 1;
-        },
+    },
+    minFlag: {
+      type: Number,
+      default: () => {
+        return 1;
       },
-      maxFlag: {
-        type: Number,
-        default: () => {
-          return 1;
-        },
+    },
+    maxFlag: {
+      type: Number,
+      default: () => {
+        return 1;
       },
-      baseForm: {
-        type: Object,
-        default: () => {
-          return {};
-        },
+    },
+    baseForm: {
+      type: Object,
+      default: () => {
+        return {};
       },
-      tableForm: {
-        type: Array,
-        default: () => {
-          return [];
-        },
+    },
+    tableForm: {
+      type: Array,
+      default: () => {
+        return [];
       },
-      dict: {
-        type: Object,
-        default: () => {
-          return {};
-        },
+    },
+    dict: {
+      type: Object,
+      default: () => {
+        return {};
       },
-      baseDictData:{
-        type: Object,
-        default: () => {
-          return {
-            fieldList: [],
-            JavaFieldMap: {},
-          };
-        },
-      }
     },
-    data() {
+    baseDictData: {
+      type: Object,
+      default: () => {
+        return {
+          fieldList: [],
+          JavaFieldMap: {},
+        };
+      },
+    }
+  },
+  data() {
 
-      const validateTableName = (rule, value, callback) => {
-        if (isNull(value)) {
-          callback(new Error("请输入表名"));
-        } if (!isCode(value)) {
-          callback(new Error("表名只能为字母、数字或下划线"));
-        } else {
-          callback();
-        }
-      };
+    const validateTableName = (rule, value, callback) => {
+      if (isNull(value)) {
+        callback(new Error("请输入表名"));
+      }
+      if (!isCode(value)) {
+        callback(new Error("表名只能为字母、数字或下划线"));
+      } else {
+        callback();
+      }
+    };
 
-      const validateName = (rule, value, callback) => {
-        if (!isCode(value)) {
-          callback(new Error("只能为字母、数字或下划线"));
-        } else {
-          callback();
-        }
-      };
-
-      return {
-        // 标示
-        flag: 1,
-        title: "数据库表设置",
-        dictCurr: [],
-        baseFormCurr: {},
-        tableFormCurr: [],
-        formState:{
-          jdbcType: false,
-          tableType: false,
-        },
-        rules: {
-          tableName: [
-            { required: true, trigger: "blur", validator: validateTableName },
-          ],
-          tableType: [
-            { required: true, trigger: "change", message: "请选择表类型" },
-          ],
-          jdbcType: [
-            { required: true, trigger: "change", message: "请选择数据库类型" },
-          ],
-          comments: [
-            { required: true, trigger: "blur", message: "请输入描述" },
-          ],
-        },
-
-        treeName: "parent_id",
-        // 新增字段模版
-        columnFormTemp:{
-          id: "",
-          sort: 0,
-          izPk: 0,
-          izNotNull: 0,
-          izShowList: 0,
-          izShowForm: 0,
-          queryType: "",
-          fieldName: "",
-          fieldType: "",
-          fieldLength: 0,
-          fieldPrecision: 0,
-          fieldComments: "",
-          javaType: "",
-          validateType: "",
-          showType: "",
-          dictTypeCode: "",
-          disabled: false,
-        },
-        columnRules: {
-          fieldName: [
-            { required: true, message: "请选择字段名称", trigger: "blur" },
-            { required: true, trigger: "blur", validator: validateName },
-          ],
-          fieldType: [
-            { required: true, message: "请选择字段类型", trigger: "change" },
-          ],
-          fieldComments: [
-            { required: true, message: "请输入字段描述", trigger: "blur" },
-          ]
-        },
-
-        layout: "total, sizes, prev, pager, next, jumper",
-        selectRows: "",
-        elementLoadingText: "正在加载...",
-      };
+    const validateName = (rule, value, callback) => {
+      if (!isCode(value)) {
+        callback(new Error("只能为字母、数字或下划线"));
+      } else {
+        callback();
+      }
+    };
+
+    return {
+      BuiltInFieldsSelect: [],//已选中的字段
+      BuiltInFields:
+        [
+          {
+            "encryptData": null,
+            "fieldName": "id",
+            "fieldType": "bigint",
+            "fieldLength": 19,
+            "fieldPrecision": 0,
+            "fieldComments": "唯一主键",
+            "izPk": 1,
+            "izNotNull": 1,
+            "izShowList": null,
+            "izShowForm": null,
+            "javaType": "String",
+            "showType": null,
+            "dictTypeCode": null,
+            "sort": 0,
+            "validateType": null,
+            "queryType": null,
+            "disabled": false
+          },
+          {
+            "encryptData": null,
+            "fieldName": "org_ids",
+            "fieldType": "varchar",
+            "fieldLength": 500,
+            "fieldPrecision": 0,
+            "fieldComments": "父级主键集合",
+            "izPk": 0,
+            "izNotNull": 0,
+            "izShowList": null,
+            "izShowForm": null,
+            "javaType": "String",
+            "showType": null,
+            "dictTypeCode": null,
+            "sort": 1,
+            "validateType": null,
+            "queryType": null,
+            "disabled": false
+          },
+          {
+            "encryptData": null,
+            "fieldName": "tenant_id",
+            "fieldType": "bigint",
+            "fieldLength": 19,
+            "fieldPrecision": 0,
+            "fieldComments": "多租户ID",
+            "izPk": 0,
+            "izNotNull": 0,
+            "izShowList": null,
+            "izShowForm": null,
+            "javaType": "String",
+            "showType": null,
+            "dictTypeCode": null,
+            "sort": 8,
+            "validateType": null,
+            "queryType": null,
+            "disabled": false
+          },
+          {
+            "encryptData": null,
+            "fieldName": "create_by",
+            "fieldType": "bigint",
+            "fieldLength": 19,
+            "fieldPrecision": 0,
+            "fieldComments": "创建者",
+            "izPk": 0,
+            "izNotNull": 1,
+            "izShowList": null,
+            "izShowForm": null,
+            "javaType": "String",
+            "showType": null,
+            "dictTypeCode": null,
+            "sort": 10,
+            "validateType": null,
+            "queryType": null,
+            "disabled": false
+          },
+          {
+            "encryptData": null,
+            "fieldName": "create_time",
+            "fieldType": "datetime",
+            "fieldLength": 0,
+            "fieldPrecision": 0,
+            "fieldComments": "创建时间",
+            "izPk": 0,
+            "izNotNull": 1,
+            "izShowList": null,
+            "izShowForm": null,
+            "javaType": "String",
+            "showType": null,
+            "dictTypeCode": null,
+            "sort": 11,
+            "validateType": null,
+            "queryType": null,
+            "disabled": false
+          },
+          {
+            "encryptData": null,
+            "fieldName": "update_by",
+            "fieldType": "bigint",
+            "fieldLength": 19,
+            "fieldPrecision": 0,
+            "fieldComments": "修改人",
+            "izPk": 0,
+            "izNotNull": 1,
+            "izShowList": null,
+            "izShowForm": null,
+            "javaType": "String",
+            "showType": null,
+            "dictTypeCode": null,
+            "sort": 12,
+            "validateType": null,
+            "queryType": null,
+            "disabled": false
+          },
+          {
+            "encryptData": null,
+            "fieldName": "update_time",
+            "fieldType": "datetime",
+            "fieldLength": 0,
+            "fieldPrecision": 0,
+            "fieldComments": "修改时间",
+            "izPk": 0,
+            "izNotNull": 1,
+            "izShowList": null,
+            "izShowForm": null,
+            "javaType": "String",
+            "showType": null,
+            "dictTypeCode": null,
+            "sort": 13,
+            "validateType": null,
+            "queryType": null,
+            "disabled": false
+          },
+          {
+            "fieldName": "delectd",
+            "sort": 8,
+            "izPk": 0,
+            "izNotNull": 1,
+            "izShowList": 0,
+            "izShowForm": 0,
+            "queryType": "",
+            "fieldType": "int",
+            "fieldLength": 1,
+            "fieldPrecision": 0,
+            "fieldComments": "删除",
+            "javaType": "",
+            "validateType": "",
+            "showType": "",
+            "dictTypeCode": "",
+            "disabled": false
+          },
+          {
+            "fieldName": "version",
+            "sort": 8,
+            "izPk": 0,
+            "izNotNull": 1,
+            "izShowList": 0,
+            "izShowForm": 0,
+            "queryType": "",
+            "fieldType": "int",
+            "fieldLength": 1,
+            "fieldPrecision": 0,
+            "fieldComments": "乐观锁",
+            "javaType": "",
+            "validateType": "",
+            "showType": "",
+            "dictTypeCode": "",
+            "disabled": false
+          }
+
+        ],
+      dialogVisible: false,//选址内置字段
+      // 标示
+      flag: 1,
+      title: "数据库表设置",
+      dictCurr: [],
+      baseFormCurr: {},
+      tableFormCurr: [],
+      formState: {
+        jdbcType: false,
+        tableType: false,
+      },
+      rules: {
+        tableName: [
+          {required: true, trigger: "blur", validator: validateTableName},
+        ],
+        tableType: [
+          {required: true, trigger: "change", message: "请选择表类型"},
+        ],
+        jdbcType: [
+          {required: true, trigger: "change", message: "请选择数据库类型"},
+        ],
+        comments: [
+          {required: true, trigger: "blur", message: "请输入描述"},
+        ],
+      },
+
+      treeName: "parent_id",
+      // 新增字段模版
+      columnFormTemp: {
+        id: "",
+        sort: 0,
+        izPk: 0,
+        izNotNull: 0,
+        izShowList: 0,
+        izShowForm: 0,
+        queryType: "",
+        fieldName: "",
+        fieldType: "",
+        fieldLength: 0,
+        fieldPrecision: 0,
+        fieldComments: "",
+        javaType: "",
+        validateType: "",
+        showType: "",
+        dictTypeCode: "",
+        disabled: false,
+      },
+      columnRules: {
+        fieldName: [
+          {required: true, message: "请选择字段名称", trigger: "blur"},
+          {required: true, trigger: "blur", validator: validateName},
+        ],
+        fieldType: [
+          {required: true, message: "请选择字段类型", trigger: "change"},
+        ],
+        fieldComments: [
+          {required: true, message: "请输入字段描述", trigger: "blur"},
+        ]
+      },
+
+      layout: "total, sizes, prev, pager, next, jumper",
+      selectRows: "",
+      elementLoadingText: "正在加载...",
+    };
+  },
+  created() {
+    // 告诉父节点 自己的 flag 编号
+    this.$emit("inform-flag", this.flag, this.title);
+  },
+  mounted() {
+    // 拷贝 props
+    this.baseFormCurr = deepClone(this.baseForm);
+    this.tableFormCurr = deepClone(this.tableForm);
+    this.dictCurr = deepClone(this.dict);
+    // 数据库字段类型
+    this.dictCurr.field_type = this.$getDictList(this.baseFormCurr.jdbcType + "_data_type");
+
+    // 表拖动
+    this.rowDrop();
+
+    // 初始化数据
+    this.doGetFieldData();
+  },
+
+  watch: {
+    baseForm(newV, oldV) {
+      this.baseFormCurr = deepClone(newV);
     },
-    created() {
-      // 告诉父节点 自己的 flag 编号
-      this.$emit("inform-flag", this.flag, this.title);
+    tableForm(newV, oldV) {
+      this.tableFormCurr = deepClone(newV);
     },
-    mounted() {
-      // 拷贝 props
-      this.baseFormCurr = deepClone(this.baseForm);
-      this.tableFormCurr = deepClone(this.tableForm);
-      this.dictCurr = deepClone(this.dict);
+    dict(newV, oldV) {
+      this.dictCurr = deepClone(newV);
       // 数据库字段类型
-      this.dictCurr.field_type =  this.$getDictList(this.baseFormCurr.jdbcType+"_data_type");
-
-      // 表拖动
-      this.rowDrop();
+      this.dictCurr.field_type = this.$getDictList(this.baseFormCurr.jdbcType + "_data_type");
+    },
+  },
+  methods: {
+    handleClose() {
+      this.dialogVisible = false
 
-      // 初始化数据
-      this.doGetFieldData();
     },
+    changeBuiltInFieldsSelect(e) {
 
-    watch: {
-      baseForm(newV,oldV) {
-        this.baseFormCurr = deepClone(newV);
-      },
-      tableForm(newV,oldV) {
-        this.tableFormCurr = deepClone(newV);
-      },
-      dict(newV,oldV) {
-        this.dictCurr = deepClone(newV);
-        // 数据库字段类型
-        this.dictCurr.field_type =  this.$getDictList(this.baseFormCurr.jdbcType+"_data_type");
-      },
+      this.BuiltInFieldsSelect = this.removeElementsFromArray(this.BuiltInFieldsSelect, this.tableFormCurr)
     },
-    methods: {
-      // 数据库类型发生改动
-      jdbcTypeChange(newValue){
-        const _this = this;
-        this.tableFormCurr.jdbcType = this.$refs.jdbcType.value;
-        this.$baseConfirm("更换数据库类型将会清空当前已设字段，你确定要更换吗", null, () => {
-          // 改为新值
-          _this.tableFormCurr.jdbcType = newValue;
-          // 加载字典
-          _this.dictCurr.field_type =  _this.$getDictList(_this.baseFormCurr.jdbcType + "_data_type");
-          // 清空已有字段数据
-          _this.tableFormCurr = [];
-
-          // 初始化数据
-          this.doGetFieldData();
-        });
-      },
-      // 表类型发生改动
-      tableTypeChange(newValue){
-        if(newValue === '0'){
-          // 删除 parent_id 字段
-          for (let i = this.tableFormCurr.length - 1; i >= 0; i--) {
-            let item = this.tableFormCurr[i];
-            if(item.fieldName === this.treeName) {
-              this.tableFormCurr.splice(i, 1);
-              break;
-            }
-          }
-        } else if(newValue === '1'){
-          // 删除 parent_id 字段
-          for (let i = this.tableFormCurr.length - 1; i >= 0; i--) {
-            let item = this.tableFormCurr[i];
-            if(item.fieldName === this.treeName) {
-              this.tableFormCurr.splice(i, 1);
-              break;
-            }
-          }
+    removeElementsFromArray(A, B) {
 
-          // 增加 parent_id 字段
-          let tmp = deepClone(this.columnFormTemp);
-          tmp.disabled = true;
-          tmp.fieldName = this.treeName;
-          tmp.fieldType = "bigint";
-          tmp.fieldLength = 20;
-          tmp.fieldComments = "上级ID";
-          tmp.javaType = "Integer";
-          tmp.izNotNull = 1;
-          this.columnHandleAdd(tmp);
+      A = A.filter(a => {
+        let isEqual = B.some(b => b.fieldName === a);
+        if (isEqual) {
+          this.$message.error(`已存在字段：${a}`)
         }
-      },
+        return !isEqual;
+      });
+      return A;
+    },
+    //添加默认字段
+    AddDefaultFields(params) {
 
-      // 主键改动
-      pKChange(el){
-        if(!isNull(el)){
-          // 如果主键选中 则默认选中不可为空
-          if(el.izPk === 1){
-            el.izNotNull = 1;
-          } else {
-            el.izNotNull = 0;
-          }
+      console.log(this.BuiltInFieldsSelect)
+      for (const param of this.BuiltInFieldsSelect) {
+        this.AddDefaultFields2(param)
+      }
+
+      this.dialogVisible = false
+    },
+    //方法2
+    AddDefaultFields2(title) {
+
+      let temp = null
+      for (const tempElement of this.BuiltInFields) {
+
+        if (tempElement.fieldName == title) {
+          temp = tempElement
         }
-      },
+      }
 
-      // ==============================
+      this.tableFormCurr.push(temp);
+    },
 
-      async doGetFieldData(){
-        this.$emit("loading");
-        // 通知父级 锁定当前表
-        this.$emit("inform-data", {
-          fieldList:  await this.doGetFieldTypes(),
-          JavaFieldMap: await this.doGetJavaFieldTypesBySafety(),
-        });
-        this.$emit("unLoading");
-      },
 
-      // 获得 数据类型
-      async doGetFieldTypes(){
-        const {data} = await getFieldTypes();
-        if(isNotNull(data)){
-          return data;
+    // 数据库类型发生改动
+    jdbcTypeChange(newValue) {
+      const _this = this;
+      this.tableFormCurr.jdbcType = this.$refs.jdbcType.value;
+      this.$baseConfirm("更换数据库类型将会清空当前已设字段，你确定要更换吗", null, () => {
+        // 改为新值
+        _this.tableFormCurr.jdbcType = newValue;
+        // 加载字典
+        _this.dictCurr.field_type = _this.$getDictList(_this.baseFormCurr.jdbcType + "_data_type");
+        // 清空已有字段数据
+        _this.tableFormCurr = [];
+
+        // 初始化数据
+        this.doGetFieldData();
+      });
+    },
+    // 表类型发生改动
+    tableTypeChange(newValue) {
+      if (newValue === '0') {
+        // 删除 parent_id 字段
+        for (let i = this.tableFormCurr.length - 1; i >= 0; i--) {
+          let item = this.tableFormCurr[i];
+          if (item.fieldName === this.treeName) {
+            this.tableFormCurr.splice(i, 1);
+            break;
+          }
         }
-        return null;
-      },
-      // 获得 Java 类型 (安全兜底模式)
-      async doGetJavaFieldTypesBySafety(){
-        const {data} = await getJavaFieldTypesBySafety();
-        if(isNotNull(data)){
-          return data;
+      } else if (newValue === '1') {
+        // 删除 parent_id 字段
+        for (let i = this.tableFormCurr.length - 1; i >= 0; i--) {
+          let item = this.tableFormCurr[i];
+          if (item.fieldName === this.treeName) {
+            this.tableFormCurr.splice(i, 1);
+            break;
+          }
         }
-        return null;
-      },
 
-      // 行添加
-      columnHandleAdd(params){
-        let temp;
-        if(!isNull(params) && !(params instanceof MouseEvent)){
-          temp = params;
-        } else {
-          temp = deepClone(this.columnFormTemp);
-        }
+        // 增加 parent_id 字段
+        let tmp = deepClone(this.columnFormTemp);
+        tmp.disabled = true;
+        tmp.fieldName = this.treeName;
+        tmp.fieldType = "bigint";
+        tmp.fieldLength = 20;
+        tmp.fieldComments = "上级ID";
+        tmp.javaType = "Integer";
+        tmp.izNotNull = 1;
+        this.columnHandleAdd(tmp);
+      }
+    },
 
-        temp.id = "temp_" + uuid()
-        if(this.tableFormCurr == null || this.tableFormCurr.length === 0){
-          temp.sort = 0;
+    // 主键改动
+    pKChange(el) {
+      if (!isNull(el)) {
+        // 如果主键选中 则默认选中不可为空
+        if (el.izPk === 1) {
+          el.izNotNull = 1;
         } else {
-          temp.sort = this.tableFormCurr.length;
+          el.izNotNull = 0;
         }
-        this.tableFormCurr.push(temp);
-      },
+      }
+    },
+
+    // ==============================
+
+    async doGetFieldData() {
+      this.$emit("loading");
+      // 通知父级 锁定当前表
+      this.$emit("inform-data", {
+        fieldList: await this.doGetFieldTypes(),
+        JavaFieldMap: await this.doGetJavaFieldTypesBySafety(),
+      });
+      this.$emit("unLoading");
+    },
 
-      // 行删除
-      columnHandleDelete(row){
-        if (row.id) {
-          this.$baseConfirm("你确定要删除当前字段吗", null, () => {
-            for (let i = this.tableFormCurr.length - 1; i >= 0; i--) {
-              let item = this.tableFormCurr[i];
-              if(item.id === row.id) {
-                // 树装接口 不允许删除 parent_id 字段
-                if(this.tableFormCurr.tableType === '1'){
-                  if(item.fieldName !== this.treeName){
-                    this.tableFormCurr.splice(i, 1);
-                  }
-                } else {
+    // 获得 数据类型
+    async doGetFieldTypes() {
+      const {data} = await getFieldTypes();
+      if (isNotNull(data)) {
+        return data;
+      }
+      return null;
+    },
+    // 获得 Java 类型 (安全兜底模式)
+    async doGetJavaFieldTypesBySafety() {
+      const {data} = await getJavaFieldTypesBySafety();
+      if (isNotNull(data)) {
+        return data;
+      }
+      return null;
+    },
+
+    // 行添加
+    columnHandleAdd(params) {
+      let temp;
+      if (!isNull(params) && !(params instanceof MouseEvent)) {
+        temp = params;
+      } else {
+        temp = deepClone(this.columnFormTemp);
+      }
+
+      temp.id = "temp_" + uuid()
+      if (this.tableFormCurr == null || this.tableFormCurr.length === 0) {
+        temp.sort = 0;
+      } else {
+        temp.sort = this.tableFormCurr.length;
+      }
+      this.tableFormCurr.push(temp);
+    },
+
+    // 行删除
+    columnHandleDelete(row) {
+      if (row.id) {
+        this.$baseConfirm("你确定要删除当前字段吗", null, () => {
+          for (let i = this.tableFormCurr.length - 1; i >= 0; i--) {
+            let item = this.tableFormCurr[i];
+            if (item.id === row.id) {
+              // 树装接口 不允许删除 parent_id 字段
+              if (this.tableFormCurr.tableType === '1') {
+                if (item.fieldName !== this.treeName) {
                   this.tableFormCurr.splice(i, 1);
                 }
-                break;
+              } else {
+                this.tableFormCurr.splice(i, 1);
               }
+              break;
             }
-          });
-        } else if (this.selectRows.length > 0) {
-          const ids = this.selectRows.map((item) => item.id);
-          this.$baseConfirm("你确定要删除当前字段吗", null, () => {
-            for (let i = this.tableFormCurr.length - 1; i >= 0; i--) {
-              let item = this.tableFormCurr[i];
-              if(ids.indexOf(item.id) !== -1) {
-                // 树装接口 不允许删除 parent_id 字段
-                if(this.tableFormCurr.tableType === '1'){
-                  if(item.fieldName !== this.treeName){
-                    this.tableFormCurr.splice(i, 1);
-                  }
-                } else {
+          }
+        });
+      } else if (this.selectRows.length > 0) {
+        const ids = this.selectRows.map((item) => item.id);
+        this.$baseConfirm("你确定要删除当前字段吗", null, () => {
+          for (let i = this.tableFormCurr.length - 1; i >= 0; i--) {
+            let item = this.tableFormCurr[i];
+            if (ids.indexOf(item.id) !== -1) {
+              // 树装接口 不允许删除 parent_id 字段
+              if (this.tableFormCurr.tableType === '1') {
+                if (item.fieldName !== this.treeName) {
                   this.tableFormCurr.splice(i, 1);
                 }
+              } else {
+                this.tableFormCurr.splice(i, 1);
               }
             }
-          });
-        } else {
-          this.$baseMessage("未选中任何行", "error");
-          return false;
-        }
-      },
-      // 行选中
-      setSelectRows(val) {
-        this.selectRows = val;
-      },
-      //行拖拽
-      rowDrop() {
-        const tbody = this.$refs["tableForm"].$el
-          .querySelector(".el-table__body-wrapper tbody");
-        const _this = this
-        Sortable.create(tbody, {
-          // 只能纵向拖动
-          axis: "y",
-          // 限制触发事件只能某个元素可以触发
-          handle: ".move-btn",
-          // 如果设置成true，则被拖拽的元素在返回新位置时，会有一个动画效果。
-          revert: true,
-          // 如果设置成true，则元素被拖动到页面边缘时，会自动滚动。
-          scroll: true,
-          onEnd({oldIndex, newIndex}) {
-            _this.tableFormCurr[oldIndex].sort = newIndex;
-
-            // 如果是 从后往前 移动 则 当前项改为newIndex 而 原newIndex 往后的所有内容全部向后顺产移动
-            if(oldIndex > newIndex){
-              for (let i = oldIndex; i > newIndex; i--) {
-                _this.tableFormCurr[i-1].sort = i;
-              }
+          }
+        });
+      } else {
+        this.$baseMessage("未选中任何行", "error");
+        return false;
+      }
+    },
+    // 行选中
+    setSelectRows(val) {
+      this.selectRows = val;
+    },
+    //行拖拽
+    rowDrop() {
+      const tbody = this.$refs["tableForm"].$el
+        .querySelector(".el-table__body-wrapper tbody");
+      const _this = this
+      Sortable.create(tbody, {
+        // 只能纵向拖动
+        axis: "y",
+        // 限制触发事件只能某个元素可以触发
+        handle: ".move-btn",
+        // 如果设置成true，则被拖拽的元素在返回新位置时，会有一个动画效果。
+        revert: true,
+        // 如果设置成true，则元素被拖动到页面边缘时，会自动滚动。
+        scroll: true,
+        onEnd({oldIndex, newIndex}) {
+          _this.tableFormCurr[oldIndex].sort = newIndex;
+
+          // 如果是 从后往前 移动 则 当前项改为newIndex 而 原newIndex 往后的所有内容全部向后顺产移动
+          if (oldIndex > newIndex) {
+            for (let i = oldIndex; i > newIndex; i--) {
+              _this.tableFormCurr[i - 1].sort = i;
             }
-            // 如果是 从前往后 移动 则 当前项改为newIndex 而 原newIndex 往后的所有内容全部向前顺产移动
-            else{
-              for (let i = oldIndex; i < newIndex; i++) {
-                _this.tableFormCurr[i+1].sort = i;
-              }
+          }
+          // 如果是 从前往后 移动 则 当前项改为newIndex 而 原newIndex 往后的所有内容全部向前顺产移动
+          else {
+            for (let i = oldIndex; i < newIndex; i++) {
+              _this.tableFormCurr[i + 1].sort = i;
             }
           }
-        })
-      },
+        }
+      })
     },
-  };
+  },
+};
 </script>
-- 
Gitee