diff --git a/src/api/tool/model.js b/src/api/tool/model.js
new file mode 100644
index 0000000..47bb2fd
--- /dev/null
+++ b/src/api/tool/model.js
@@ -0,0 +1,111 @@
+import request from '@/router/axios';
+
+export const getList = (current, size, params) => {
+  return request({
+    url: '/api/blade-develop/model/list',
+    method: 'get',
+    params: {
+      ...params,
+      current,
+      size,
+    }
+  })
+}
+
+export const getDetail = (id) => {
+  return request({
+    url: '/api/blade-develop/model/detail',
+    method: 'get',
+    params: {
+      id
+    }
+  })
+}
+
+export const remove = (ids) => {
+  return request({
+    url: '/api/blade-develop/model/remove',
+    method: 'post',
+    params: {
+      ids,
+    }
+  })
+}
+
+export const add = (row) => {
+  return request({
+    url: '/api/blade-develop/model/submit',
+    method: 'post',
+    data: row
+  })
+}
+
+export const update = (row) => {
+  return request({
+    url: '/api/blade-develop/model/submit',
+    method: 'post',
+    data: row
+  })
+}
+
+export const getTableList = (datasourceId) => {
+  return request({
+    url: '/api/blade-develop/model/table-list',
+    method: 'get',
+    params: {
+      datasourceId,
+    }
+  })
+}
+
+export const getTableInfo = (modelId, datasourceId) => {
+  return request({
+    url: '/api/blade-develop/model/table-info',
+    method: 'get',
+    params: {
+      modelId,
+      datasourceId,
+    }
+  })
+}
+
+export const getTableInfoByName = (tableName, datasourceId) => {
+  return request({
+    url: '/api/blade-develop/model/table-info',
+    method: 'get',
+    params: {
+      tableName,
+      datasourceId,
+    }
+  })
+}
+
+export const getModelPrototype = (modelId, datasourceId) => {
+  return request({
+    url: '/api/blade-develop/model/model-prototype',
+    method: 'get',
+    params: {
+      modelId,
+      datasourceId,
+    }
+  })
+}
+
+export const submitModelPrototype = (row) => {
+  return request({
+    url: '/api/blade-develop/model-prototype/submit-list',
+    method: 'post',
+    data: row
+  })
+}
+
+
+export const prototypeDetail = (modelId) => {
+  return request({
+    url: '/api/blade-develop/model-prototype/select',
+    method: 'get',
+    params: {
+      modelId,
+    }
+  })
+}
diff --git a/src/const/tool/model.js b/src/const/tool/model.js
new file mode 100644
index 0000000..1883012
--- /dev/null
+++ b/src/const/tool/model.js
@@ -0,0 +1,312 @@
+export const switchDic = [
+  {
+    label: "",
+    value: 0
+  },
+  {
+    label: "",
+    value: 1
+  }
+];
+
+export const entityDic = [
+  {
+    label: "String",
+    value: "java.lang.String"
+  },
+  {
+    label: "Integer",
+    value: "java.lang.Integer"
+  },
+  {
+    label: "Long",
+    value: "java.lang.Long"
+  },
+  {
+    label: "Double",
+    value: "java.lang.Double"
+  },
+  {
+    label: "BigDecimal",
+    value: "java.math.BigDecimal"
+  },
+  {
+    label: "Boolean",
+    value: "java.lang.Boolean"
+  },
+  {
+    label: "Date",
+    value: "java.util.Date"
+  }
+];
+
+export const componentDic = [
+  {
+    label: "单行文本",
+    value: "input"
+  },
+  {
+    label: "多行文本",
+    value: "textarea"
+  },
+  {
+    label: "下拉选项",
+    value: "select"
+  },
+  {
+    label: "树形下拉选项",
+    value: "tree"
+  },
+  {
+    label: "单选框",
+    value: "radio"
+  },
+  {
+    label: "多选框",
+    value: "checkbox"
+  },
+  {
+    label: "开关框",
+    value: "switch"
+  },
+  {
+    label: "日期框",
+    value: "date"
+  }
+];
+
+export const queryDic = [
+  {
+    label: "等于",
+    value: "equal"
+  },
+  {
+    label: "不等于",
+    value: "notequal"
+  },
+  {
+    label: "大于",
+    value: "gt"
+  },
+  {
+    label: "大于等于",
+    value: "ge"
+  },
+  {
+    label: "小于",
+    value: "lt"
+  },
+  {
+    label: "小于等于",
+    value: "le"
+  },
+  {
+    label: "区间",
+    value: "between"
+  },
+  {
+    label: "模糊",
+    value: "like"
+  },
+  {
+    label: "左模糊",
+    value: "likeleft"
+  },
+  {
+    label: "右模糊",
+    value: "likeright"
+  }
+];
+
+export const templateDic = [
+  {
+    label: "单表",
+    value: "crud"
+  },
+  {
+    label: "主子表",
+    value: "sub"
+  },
+  {
+    label: "树表",
+    value: "tree"
+  }
+];
+
+export const option = {
+  height: 'auto',
+  searchShow: true,
+  searchMenuSpan: 6,
+  tip: false,
+  border: true,
+  index: true,
+  viewBtn: true,
+  selection: true,
+  menuWidth: 250,
+  column: [
+    {
+      label: "数据源",
+      prop: "datasourceId",
+      search: true,
+      span: 24,
+      type: "select",
+      dicUrl: "/api/blade-develop/datasource/select",
+      props: {
+        label: "name",
+        value: "id"
+      },
+      rules: [{
+        required: true,
+        message: "请选择数据源",
+        trigger: "blur"
+      }]
+    },
+    {
+      label: "物理表名",
+      prop: "modelTable",
+      type: "tree",
+      slot: true,
+      dicData: [],
+      props: {
+        label: "comment",
+        value: "name"
+      },
+      rules: [{
+        required: true,
+        message: "请输入数据库表名",
+        trigger: "blur"
+      }]
+    },
+    {
+      label: "模型类名",
+      prop: "modelClass",
+      rules: [{
+        required: true,
+        message: "请输入模型类名",
+        trigger: "blur"
+      }]
+    },
+    {
+      label: "模型名称",
+      prop: "modelName",
+      search: true,
+      rules: [{
+        required: true,
+        message: "请输入模型名称",
+        trigger: "blur"
+      }]
+    },
+    {
+      label: "模型编号",
+      prop: "modelCode",
+      search: true,
+      rules: [{
+        required: true,
+        message: "请输入模型编号",
+        trigger: "blur"
+      }]
+    },
+    {
+      label: "模型备注",
+      prop: "modelRemark",
+      hide: true,
+      span: 24,
+    },
+  ]
+};
+
+export const optionModel = {
+  border: true,
+  index: true,
+  addBtn: false,
+  editBtn: false,
+  addRowBtn: false,
+  cellBtn: false,
+  cancelBtn: false,
+  tip: false,
+  menu: false,
+  selection: true,
+  column: [{
+    label: '物理列名',
+    prop: 'jdbcName',
+  }, {
+    label: '物理类型',
+    prop: 'jdbcType',
+  }, {
+    label: '实体列名',
+    prop: 'propertyName',
+    cell: true,
+  }, {
+    label: '实体类型',
+    prop: 'propertyEntity',
+    type: "select",
+    dicData: entityDic,
+    cell: true,
+  }, {
+    label: '字段说明',
+    prop: 'comment',
+    cell: true,
+  }, {
+    label: '列表显示',
+    prop: 'isList',
+    type: 'switch',
+    dicData: switchDic,
+    align: 'center',
+    width: 80,
+    cell: true,
+  }, {
+    label: '表单显示',
+    prop: 'isForm',
+    type: 'switch',
+    dicData: switchDic,
+    align: 'center',
+    width: 80,
+    cell: true,
+  }, {
+    label: '独占一行',
+    prop: 'isRow',
+    type: 'switch',
+    dicData: switchDic,
+    align: 'center',
+    width: 80,
+    cell: true,
+  }, {
+    label: '必填',
+    prop: 'isRequired',
+    type: 'switch',
+    dicData: switchDic,
+    align: 'center',
+    width: 80,
+    cell: true,
+  }, {
+    label: '组件类型',
+    prop: 'componentType',
+    type: "select",
+    dicData: componentDic,
+    cell: true,
+  }, {
+    label: '字典编码',
+    prop: 'dictCode',
+    type: "select",
+    dicUrl: "/api/blade-system/dict/select",
+    props: {
+      label: "dictValue",
+      value: "code"
+    },
+    cell: true,
+  }, {
+    label: '查询配置',
+    prop: 'isQuery',
+    type: 'switch',
+    dicData: switchDic,
+    align: 'center',
+    width: 80,
+    cell: true,
+  }, {
+    label: '查询类型',
+    prop: 'queryType',
+    type: "select",
+    dicData: queryDic,
+    cell: true,
+  }]
+};
diff --git a/src/views/tool/code.vue b/src/views/tool/code.vue
index bfaf9ff..87d6237 100644
--- a/src/views/tool/code.vue
+++ b/src/views/tool/code.vue
@@ -48,6 +48,9 @@
 
 <script>
   import {getList, getCode, build, remove, add, update, copy} from "@/api/tool/code";
+  import {getDetail as modelDetail, prototypeDetail} from "@/api/tool/model";
+  import {templateDic} from "@/const/tool/model";
+  import {validatenull} from "@/util/validate";
   import {mapGetters} from "vuex";
 
   export default {
@@ -76,190 +79,380 @@
           menuWidth: 300,
           viewBtn: true,
           dialogClickModal: false,
+          tabs: true,
           column: [
-            {
-              label: "数据源",
-              prop: "datasourceId",
-              search: true,
-              span: 24,
-              type: "select",
-              dicUrl: "/api/blade-develop/datasource/select",
-              props: {
-                label: "name",
-                value: "id"
-              },
-              rules: [{
-                required: true,
-                message: "请选择数据源",
-                trigger: "blur"
-              }]
-            },
             {
               label: "模块名",
               prop: "codeName",
               search: true,
-              rules: [{
-                required: true,
-                message: "请输入模块名",
-                trigger: "blur"
-              }]
-            },
-            {
-              label: "服务名",
-              prop: "serviceName",
-              search: true,
-              rules: [{
-                required: true,
-                message: "请输入服务名",
-                trigger: "blur"
-              }]
+              display: false,
             },
             {
               label: "表名",
               prop: "tableName",
-              rules: [{
-                required: true,
-                message: "请输入表名",
-                trigger: "blur"
-              }]
-            },
-            {
-              label: "表前缀",
-              prop: "tablePrefix",
-              hide: true,
-              rules: [{
-                required: true,
-                message: "请输入表前缀",
-                trigger: "blur"
-              }]
+              search: true,
+              display: false,
             },
             {
-              label: "主键名",
-              prop: "pkName",
-              hide: true,
-              rules: [{
-                required: true,
-                message: "请输入主键名",
-                trigger: "blur"
-              }]
+              label: "服务名",
+              prop: "serviceName",
+              search: true,
+              display: false,
             },
             {
               label: "包名",
               prop: "packageName",
-              overHidden: true,
-              rules: [{
-                required: true,
-                message: "请输入包名",
-                trigger: "blur"
-              }]
-            },
-            {
-              label: "基础业务",
-              labelTip:'配置是否使用BladeX封装的BaseService解锁更多功能',
-              prop: "baseMode",
-              type: 'radio',
-              dicUrl: "/api/blade-system/dict/dictionary?code=yes_no",
-              props: {
-                label: "dictValue",
-                value: "dictKey"
-              },
-              value: 2,
-              dataType: "number",
-              hide: true,
-              rules: [{
-                required: true,
-                message: "请选择基础业务",
-                trigger: "blur"
-              }]
+              display: false,
             },
+          ],
+          group: [
             {
-              label: "包装器",
-              labelTip:'配置是否使用Wrapper包装器来拓展Controller返回列表的字段',
-              prop: "wrapMode",
-              type: 'radio',
-              dicUrl: "/api/blade-system/dict/dictionary?code=yes_no",
-              props: {
-                label: "dictValue",
-                value: "dictKey"
-              },
-              value: 2,
-              dataType: "number",
-              hide: true,
-              rules: [{
-                required: true,
-                message: "请选择包装器",
-                trigger: "blur"
-              }]
+              label: '模型配置',
+              prop: 'modelSetting',
+              icon: 'el-icon-tickets',
+              column: [
+                {
+                  label: "数据模型",
+                  prop: "modelId",
+                  search: true,
+                  span: 24,
+                  type: "select",
+                  dicUrl: "/api/blade-develop/model/select",
+                  props: {
+                    label: "modelName",
+                    value: "id"
+                  },
+                  rules: [{
+                    required: true,
+                    message: "请选择数据模型",
+                    trigger: "blur"
+                  }]
+                },
+                {
+                  label: "模块名",
+                  prop: "codeName",
+                  search: true,
+                  rules: [{
+                    required: true,
+                    message: "请输入模块名",
+                    trigger: "blur"
+                  }]
+                },
+                {
+                  label: "服务名",
+                  prop: "serviceName",
+                  search: true,
+                  rules: [{
+                    required: true,
+                    message: "请输入服务名",
+                    trigger: "blur"
+                  }]
+                },
+                {
+                  label: "表名",
+                  prop: "tableName",
+                  rules: [{
+                    required: true,
+                    message: "请输入表名",
+                    trigger: "blur"
+                  }]
+                },
+                {
+                  label: "表前缀",
+                  prop: "tablePrefix",
+                  hide: true,
+                  rules: [{
+                    required: true,
+                    message: "请输入表前缀",
+                    trigger: "blur"
+                  }]
+                },
+                {
+                  label: "主键名",
+                  prop: "pkName",
+                  hide: true,
+                  rules: [{
+                    required: true,
+                    message: "请输入主键名",
+                    trigger: "blur"
+                  }]
+                },
+                {
+                  label: "包名",
+                  prop: "packageName",
+                  overHidden: true,
+                  rules: [{
+                    required: true,
+                    message: "请输入包名",
+                    trigger: "blur"
+                  }]
+                },
+              ]
             },
             {
-              label: "远程调用",
-              labelTip:'配置是否使用Feign远程调用',
-              prop: "feignMode",
-              type: 'radio',
-              dicUrl: "/api/blade-system/dict/dictionary?code=yes_no",
-              props: {
-                label: "dictValue",
-                value: "dictKey"
-              },
-              value: 1,
-              dataType: "number",
-              hide: true,
-              rules: [{
-                required: true,
-                message: "请选择基础业务",
-                trigger: "blur"
-              }]
+              label: '模版配置',
+              prop: 'templateSetting',
+              icon: 'el-icon-copy-document',
+              column: [
+                {
+                  label: '模版类型',
+                  prop: 'templateType',
+                  type: "select",
+                  dicData: templateDic,
+                  value: "crud",
+                  rules: [{
+                    required: true,
+                    message: "请选择模版类型",
+                    trigger: "blur"
+                  }]
+                },
+                {
+                  label: "作者信息",
+                  prop: "author",
+                  value: "BladeX",
+                  rules: [{
+                    required: true,
+                    message: "请输入作者",
+                    trigger: "blur"
+                  }]
+                },
+                {
+                  label: "子表模型",
+                  prop: "subModelId",
+                  type: "select",
+                  dicUrl: "/api/blade-develop/model/select",
+                  props: {
+                    label: "modelName",
+                    value: "id"
+                  },
+                  display: false,
+                  hide: true,
+                },
+                {
+                  label: "子表外键",
+                  prop: "subFkId",
+                  display: false,
+                  hide: true,
+                },
+                {
+                  label: "树主键字段",
+                  prop: "treeId",
+                  type: "select",
+                  dicData: [],
+                  props: {
+                    label: "comment",
+                    value: "jdbcName"
+                  },
+                  display: false,
+                  hide: true,
+                },
+                {
+                  label: "树父主键字段",
+                  prop: "treePid",
+                  type: "select",
+                  dicData: [],
+                  props: {
+                    label: "comment",
+                    value: "jdbcName"
+                  },
+                  display: false,
+                  hide: true,
+                },
+                {
+                  label: "树名称字段",
+                  prop: "treeName",
+                  type: "select",
+                  dicData: [],
+                  props: {
+                    label: "comment",
+                    value: "jdbcName"
+                  },
+                  display: false,
+                  hide: true,
+                },
+              ]
             },
             {
-              label: "代码风格",
-              labelTip:'选择不同底层实现的代码模版',
-              prop: "codeStyle",
-              type: 'radio',
-              dicData: [
+              label: '生成配置',
+              prop: 'codingSetting',
+              icon: 'el-icon-printer',
+              column: [
+                {
+                  label: "基础业务",
+                  labelTip:'配置是否使用BladeX封装的BaseService解锁更多功能',
+                  prop: "baseMode",
+                  type: 'radio',
+                  dicUrl: "/api/blade-system/dict/dictionary?code=yes_no",
+                  props: {
+                    label: "dictValue",
+                    value: "dictKey"
+                  },
+                  value: 2,
+                  dataType: "number",
+                  hide: true,
+                  rules: [{
+                    required: true,
+                    message: "请选择基础业务",
+                    trigger: "blur"
+                  }]
+                },
+                {
+                  label: "包装器",
+                  labelTip:'配置是否使用Wrapper包装器来拓展Controller返回列表的字段',
+                  prop: "wrapMode",
+                  type: 'radio',
+                  dicUrl: "/api/blade-system/dict/dictionary?code=yes_no",
+                  props: {
+                    label: "dictValue",
+                    value: "dictKey"
+                  },
+                  value: 2,
+                  dataType: "number",
+                  hide: true,
+                  rules: [{
+                    required: true,
+                    message: "请选择包装器",
+                    trigger: "blur"
+                  }]
+                },
+                {
+                  label: "远程调用",
+                  labelTip:'配置是否使用Feign远程调用',
+                  prop: "feignMode",
+                  type: 'radio',
+                  dicUrl: "/api/blade-system/dict/dictionary?code=yes_no",
+                  props: {
+                    label: "dictValue",
+                    value: "dictKey"
+                  },
+                  value: 1,
+                  dataType: "number",
+                  hide: true,
+                  rules: [{
+                    required: true,
+                    message: "请选择基础业务",
+                    trigger: "blur"
+                  }]
+                },
                 {
-                  label: "saber",
-                  value: "saber"
+                  label: "代码风格",
+                  labelTip:'选择不同底层实现的代码模版',
+                  prop: "codeStyle",
+                  type: 'radio',
+                  dicData: [
+                    {
+                      label: "saber",
+                      value: "saber"
+                    },
+                    {
+                      label: "element",
+                      value: "element"
+                    }
+                  ],
+                  value: "saber",
+                  hide: true,
+                  rules: [{
+                    required: true,
+                    message: "请选择代码风格",
+                    trigger: "blur"
+                  }]
                 },
                 {
-                  label: "element",
-                  value: "element"
+                  label: "后端生成路径",
+                  prop: "apiPath",
+                  span: 24,
+                  hide: true,
+                  rules: [{
+                    required: true,
+                    message: "请输入后端生成路径",
+                    trigger: "blur"
+                  }]
+                },
+                {
+                  label: "前端生成路径",
+                  prop: "webPath",
+                  span: 24,
+                  hide: true,
+                  rules: [{
+                    required: true,
+                    message: "请输入前端生成路径",
+                    trigger: "blur"
+                  }]
                 }
-              ],
-              value: "saber",
-              hide: true,
-              rules: [{
-                required: true,
-                message: "请选择代码风格",
-                trigger: "blur"
-              }]
-            },
-            {
-              label: "后端生成路径",
-              prop: "apiPath",
-              span: 24,
-              hide: true,
-              rules: [{
-                required: true,
-                message: "请输入后端生成路径",
-                trigger: "blur"
-              }]
-            },
-            {
-              label: "前端生成路径",
-              prop: "webPath",
-              span: 24,
-              hide: true,
-              rules: [{
-                required: true,
-                message: "请输入前端生成路径",
-                trigger: "blur"
-              }]
+              ]
             }
           ]
         },
         data: []
       };
     },
+    watch: {
+      'form.modelId'() {
+        if (!validatenull(this.form.modelId)) {
+          // 获取数据模型信息
+          modelDetail(this.form.modelId).then(res => {
+            const result = res.data;
+            if (result.success) {
+              const {modelName, modelTable, modelCode} = result.data;
+              if (validatenull(this.form.tablePrefix)) {
+                this.form.tablePrefix = modelTable.split("_")[0] + "_";
+              }
+              if (validatenull(this.form.tableName)) {
+                this.form.tableName = modelTable;
+              }
+              if (validatenull(this.form.codeName)) {
+                this.form.codeName = modelName;
+              }
+              if (validatenull(this.form.serviceName)) {
+                this.form.serviceName = `blade-${modelCode}`;
+              }
+              if (validatenull(this.form.pkName)) {
+                this.form.pkName = "id";
+              }
+              if (validatenull(this.form.packageName)) {
+                this.form.packageName = `org.springblade.${modelCode}`;
+              }
+              if (validatenull(this.form.subFkId) && !validatenull(this.form.tablePrefix)) {
+                this.form.subFkId = modelTable.replace(this.form.tablePrefix, "") + "_id";
+              }
+
+              // 获取数据原型信息
+              prototypeDetail(this.form.modelId).then(res => {
+                const result = res.data;
+                if (result.success) {
+                  const columnTreeId = this.findObject(this.option.group, "treeId");
+                  const columnTreePid = this.findObject(this.option.group, "treePid");
+                  const columnTreeName = this.findObject(this.option.group, "treeName");
+                  columnTreeId.subFkId = result.data;
+                  columnTreeId.dicData = result.data;
+                  columnTreePid.dicData = result.data;
+                  columnTreeName.dicData = result.data;
+                }
+              });
+            }
+          });
+        }
+      },
+      'form.templateType'() {
+        // 模版类型
+        const type = this.form.templateType;
+
+        // 主子表字段显隐
+        const columnSubModelId = this.findObject(this.option.group, "subModelId");
+        const columnSubFkId = this.findObject(this.option.group, "subFkId");
+        columnSubModelId.display = type === "sub";
+        columnSubFkId.display = type === "sub";
+
+        // 树表字段显隐
+        const columnTreeId = this.findObject(this.option.group, "treeId");
+        const columnTreePid = this.findObject(this.option.group, "treePid");
+        const columnTreeName = this.findObject(this.option.group, "treeName");
+        columnTreeId.display = type === "tree";
+        columnTreePid.display = type === "tree";
+        columnTreeName.display = type === "tree";
+
+      }
+    },
     computed: {
       ...mapGetters(["permission"]),
       permissionList() {
diff --git a/src/views/tool/model.vue b/src/views/tool/model.vue
new file mode 100644
index 0000000..0c0db08
--- /dev/null
+++ b/src/views/tool/model.vue
@@ -0,0 +1,349 @@
+<template>
+  <basic-container>
+    <avue-crud :option="option"
+               :table-loading="loading"
+               :data="data"
+               :page="page"
+               :permission="permissionList"
+               :before-open="beforeOpen"
+               v-model="form"
+               v-loading.fullscreen.lock="fullscreenLoading"
+               ref="crud"
+               @row-update="rowUpdate"
+               @row-save="rowSave"
+               @row-del="rowDel"
+               @search-change="searchChange"
+               @search-reset="searchReset"
+               @selection-change="selectionChange"
+               @current-change="currentChange"
+               @size-change="sizeChange"
+               @on-load="onLoad">
+      <template slot="menuLeft">
+        <el-button type="danger"
+                   size="small"
+                   icon="el-icon-delete"
+                   plain
+                   @click="handleDelete">删 除
+        </el-button>
+      </template>
+      <template slot-scope="{row}" slot="menu">
+        <el-button type="text"
+                   icon="el-icon-setting"
+                   size="small"
+                   plain
+                   class="none-border"
+                   @click.stop="handleModel(row)">模型配置
+        </el-button>
+      </template>
+      <template slot-scope="{row}" slot="modelTable">
+        <el-tag>{{ row.modelTable }}</el-tag>
+      </template>
+    </avue-crud>
+    <el-dialog title="数据库模型配置"
+               :visible.sync="modelBox"
+               :fullscreen="true"
+               append-to-body>
+      <avue-crud ref="crudModel" :option="optionModel" :table-loading="loading" :data="fields"></avue-crud>
+      <span slot="footer" class="dialog-footer">
+        <el-button type="danger" @click="modelBox = false">关 闭</el-button>
+        <el-button type="primary" @click="handleSubmit">提 交</el-button>
+      </span>
+    </el-dialog>
+  </basic-container>
+</template>
+
+<script>
+import {
+  getList,
+  getDetail,
+  add,
+  update,
+  remove,
+  getTableList,
+  getTableInfoByName,
+  getModelPrototype,
+  submitModelPrototype
+} from "@/api/tool/model";
+import {entityDic, option, optionModel} from "@/const/tool/model";
+import {validatenull} from "@/util/validate";
+import {mapGetters} from "vuex";
+
+export default {
+  data() {
+    return {
+      form: {},
+      query: {},
+      loading: true,
+      loadingOption: {
+        lock: true,
+        text: 'Loading',
+        spinner: 'el-icon-loading',
+        background: 'rgba(0, 0, 0, 0)'
+      },
+      fullscreenLoading: false,
+      page: {
+        pageSize: 10,
+        currentPage: 1,
+        total: 0
+      },
+      selectionList: [],
+      modelBox: false,
+      modelId: 0,
+      datasourceId: 1,
+      tableInfo: {},
+      active: 0,
+      stepStart: 0,
+      stepEnd: 4,
+      data: [],
+      option: option,
+      optionModel: optionModel,
+      formStep: {},
+      fields: [],
+      selectionModelList: [],
+    };
+  },
+  watch: {
+    'form.datasourceId'() {
+      if (!validatenull(this.form.datasourceId)) {
+        const fullLoading = this.$loading(this.loadingOption);
+        getTableList(this.form.datasourceId).then(res => {
+          const column = this.findObject(this.option.column, "modelTable");
+          column.dicData = res.data.data;
+          fullLoading.close();
+        }).catch(() => {
+          fullLoading.close();
+        })
+      }
+    },
+    'form.modelTable'() {
+      if (!validatenull(this.form.modelTable)) {
+        const fullLoading = this.$loading(this.loadingOption);
+        getTableInfoByName(this.form.modelTable, this.form.datasourceId).then(res => {
+          const result = res.data;
+          if (result.success) {
+            const {comment, entityName} = result.data;
+            if (validatenull(this.form.modelClass)) {
+              this.form.modelClass = entityName;
+            }
+            if (validatenull(this.form.modelName)) {
+              this.form.modelName = comment;
+            }
+            if (validatenull(this.form.modelCode)) {
+              this.form.modelCode = entityName.replace(/^\S/, s => s.toLowerCase());
+            }
+            fullLoading.close();
+          }
+        });
+      }
+    }
+  },
+  computed: {
+    ...mapGetters(["permission"]),
+    permissionList() {
+      return {
+        addBtn: true,
+        delBtn: true,
+        editBtn: true,
+        viewBtn: false
+      };
+    },
+    ids() {
+      let ids = [];
+      this.selectionList.forEach(ele => {
+        ids.push(ele.id);
+      });
+      return ids.join(",");
+    },
+  },
+  methods: {
+    rowSave(row, done, loading) {
+      add(row).then(() => {
+        done();
+        this.onLoad(this.page);
+        this.$message({
+          type: "success",
+          message: "操作成功!"
+        });
+      }, error => {
+        loading();
+        window.console.log(error);
+      });
+    },
+    rowUpdate(row, index, done, loading) {
+      update(row).then(() => {
+        done();
+        this.onLoad(this.page);
+        this.$message({
+          type: "success",
+          message: "操作成功!"
+        });
+      }, error => {
+        loading();
+        window.console.log(error);
+      });
+    },
+    rowDel(row) {
+      this.$confirm("确定将选择数据删除?", {
+        confirmButtonText: "确定",
+        cancelButtonText: "取消",
+        type: "warning"
+      })
+        .then(() => {
+          return remove(row.id);
+        })
+        .then(() => {
+          this.onLoad(this.page);
+          this.$message({
+            type: "success",
+            message: "操作成功!"
+          });
+        });
+    },
+    handleDelete() {
+      if (this.selectionList.length === 0) {
+        this.$message.warning("请选择至少一条数据");
+        return;
+      }
+      this.$confirm("确定将选择数据删除?", {
+        confirmButtonText: "确定",
+        cancelButtonText: "取消",
+        type: "warning"
+      })
+        .then(() => {
+          return remove(this.ids);
+        })
+        .then(() => {
+          this.onLoad(this.page);
+          this.$message({
+            type: "success",
+            message: "操作成功!"
+          });
+          this.$refs.crud.toggleSelection();
+        });
+    },
+    beforeOpen(done, type) {
+      if (["edit", "view"].includes(type)) {
+        getDetail(this.form.id).then(res => {
+          this.form = res.data.data;
+        });
+      }
+      done();
+    },
+    searchReset() {
+      this.query = {};
+      this.onLoad(this.page);
+    },
+    searchChange(params, done) {
+      this.query = params;
+      this.onLoad(this.page, params);
+      done();
+    },
+    selectionChange(list) {
+      this.selectionList = list;
+    },
+    selectionModelChange(list) {
+      this.selectionModelList = list;
+    },
+    selectionClear() {
+      this.selectionList = [];
+      this.$refs.crud.toggleSelection();
+    },
+    currentChange(currentPage) {
+      this.page.currentPage = currentPage;
+    },
+    sizeChange(pageSize) {
+      this.page.pageSize = pageSize;
+    },
+    onLoad(page, params = {}) {
+      this.loading = true;
+      getList(page.currentPage, page.pageSize, Object.assign(params, this.query)).then(res => {
+        const data = res.data.data;
+        this.page.total = data.total;
+        this.data = data.records;
+        this.loading = false;
+        this.selectionClear();
+      });
+    },
+    handleModel(row) {
+      this.fields = [];
+      this.modelBox = true;
+      this.loading = true;
+      this.modelId = row.id;
+      this.datasourceId = row.datasourceId;
+      getModelPrototype(this.modelId, this.datasourceId).then(res => {
+        const result = res.data;
+        if (result.success) {
+          this.fields = result.data;
+          this.fields.forEach(item => {
+            item.$cellEdit = true;
+            item.modelId = this.modelId;
+            // 首次加载配置默认值
+            if (validatenull(item.id)) {
+              item.isList = 1;
+              item.isForm = 1;
+              item.isRow = 0;
+              item.isRequired = 0;
+              item.isQuery = 0;
+              item.componentType = "input";
+            }
+            if (!validatenull(item.name)) {
+              item.jdbcName = item.name;
+              item.jdbcType = item.propertyType;
+              // 根据字段物理类型自动适配实体类型
+              if (item.propertyType === "LocalDateTime") {
+                item.propertyType = "Date";
+                item.propertyEntity = "java.util.Date";
+              } else {
+                entityDic.forEach(d => {
+                  if (d.label === item.propertyType) {
+                    item.propertyType = d.label;
+                    item.propertyEntity = d.value;
+                  }
+                });
+              }
+            }
+          });
+          this.loading = false;
+        }
+      });
+    },
+    handleSubmit() {
+      console.log(this.fields);
+      this.$confirm("确定提交模型配置?", {
+        confirmButtonText: "确定",
+        cancelButtonText: "取消",
+        type: "warning"
+      }).then(() => {
+        this.fields.forEach(item => {
+          entityDic.forEach(d => {
+            if (d.value === item.propertyEntity) {
+              item.propertyType = d.label;
+            }
+          });
+        });
+        submitModelPrototype(this.fields).then(res => {
+          const result = res.data;
+          if (result.success) {
+            this.$message.success(result.msg);
+            this.modelBox = false;
+          } else {
+            this.$message.error(result.msg);
+          }
+        })
+      });
+
+    }
+  }
+};
+</script>
+
+<style>
+.none-border {
+  border: 0;
+  background-color: transparent !important;
+}
+
+.step-div {
+  margin-top: 30px;
+}
+</style>