|
|
@ -4,8 +4,8 @@
|
|
|
|
<el-tab-pane label="基本信息" name="basic">
|
|
|
|
<el-tab-pane label="基本信息" name="basic">
|
|
|
|
<basic-info-form ref="basicInfo" :info="info" />
|
|
|
|
<basic-info-form ref="basicInfo" :info="info" />
|
|
|
|
</el-tab-pane>
|
|
|
|
</el-tab-pane>
|
|
|
|
<el-tab-pane label="字段信息" name="cloum">
|
|
|
|
<el-tab-pane label="字段信息" name="columnInfo">
|
|
|
|
<el-table ref="dragTable" :data="cloumns" row-key="columnId" :max-height="tableHeight">
|
|
|
|
<el-table ref="dragTable" :data="columns" row-key="columnId" :max-height="tableHeight">
|
|
|
|
<el-table-column label="序号" type="index" min-width="5%" class-name="allowDrag" />
|
|
|
|
<el-table-column label="序号" type="index" min-width="5%" class-name="allowDrag" />
|
|
|
|
<el-table-column
|
|
|
|
<el-table-column
|
|
|
|
label="字段列名"
|
|
|
|
label="字段列名"
|
|
|
@ -141,13 +141,13 @@ export default {
|
|
|
|
data() {
|
|
|
|
data() {
|
|
|
|
return {
|
|
|
|
return {
|
|
|
|
// 选中选项卡的 name
|
|
|
|
// 选中选项卡的 name
|
|
|
|
activeName: "cloum",
|
|
|
|
activeName: "columnInfo",
|
|
|
|
// 表格的高度
|
|
|
|
// 表格的高度
|
|
|
|
tableHeight: document.documentElement.scrollHeight - 245 + "px",
|
|
|
|
tableHeight: document.documentElement.scrollHeight - 245 + "px",
|
|
|
|
// 表信息
|
|
|
|
// 表信息
|
|
|
|
tables: [],
|
|
|
|
tables: [],
|
|
|
|
// 表列信息
|
|
|
|
// 表列信息
|
|
|
|
cloumns: [],
|
|
|
|
columns: [],
|
|
|
|
// 字典信息
|
|
|
|
// 字典信息
|
|
|
|
dictOptions: [],
|
|
|
|
dictOptions: [],
|
|
|
|
// 菜单信息
|
|
|
|
// 菜单信息
|
|
|
@ -161,7 +161,7 @@ export default {
|
|
|
|
if (tableId) {
|
|
|
|
if (tableId) {
|
|
|
|
// 获取表详细信息
|
|
|
|
// 获取表详细信息
|
|
|
|
getGenTable(tableId).then(res => {
|
|
|
|
getGenTable(tableId).then(res => {
|
|
|
|
this.cloumns = res.data.rows;
|
|
|
|
this.columns = res.data.rows;
|
|
|
|
this.info = res.data.info;
|
|
|
|
this.info = res.data.info;
|
|
|
|
this.tables = res.data.tables;
|
|
|
|
this.tables = res.data.tables;
|
|
|
|
});
|
|
|
|
});
|
|
|
@ -184,7 +184,7 @@ export default {
|
|
|
|
const validateResult = res.every(item => !!item);
|
|
|
|
const validateResult = res.every(item => !!item);
|
|
|
|
if (validateResult) {
|
|
|
|
if (validateResult) {
|
|
|
|
const genTable = Object.assign({}, basicForm.model, genForm.model);
|
|
|
|
const genTable = Object.assign({}, basicForm.model, genForm.model);
|
|
|
|
genTable.columns = this.cloumns;
|
|
|
|
genTable.columns = this.columns;
|
|
|
|
genTable.params = {
|
|
|
|
genTable.params = {
|
|
|
|
treeCode: genTable.treeCode,
|
|
|
|
treeCode: genTable.treeCode,
|
|
|
|
treeName: genTable.treeName,
|
|
|
|
treeName: genTable.treeName,
|
|
|
@ -220,10 +220,10 @@ export default {
|
|
|
|
const sortable = Sortable.create(el, {
|
|
|
|
const sortable = Sortable.create(el, {
|
|
|
|
handle: ".allowDrag",
|
|
|
|
handle: ".allowDrag",
|
|
|
|
onEnd: evt => {
|
|
|
|
onEnd: evt => {
|
|
|
|
const targetRow = this.cloumns.splice(evt.oldIndex, 1)[0];
|
|
|
|
const targetRow = this.columns.splice(evt.oldIndex, 1)[0];
|
|
|
|
this.cloumns.splice(evt.newIndex, 0, targetRow);
|
|
|
|
this.columns.splice(evt.newIndex, 0, targetRow);
|
|
|
|
for (let index in this.cloumns) {
|
|
|
|
for (let index in this.columns) {
|
|
|
|
this.cloumns[index].sort = parseInt(index) + 1;
|
|
|
|
this.columns[index].sort = parseInt(index) + 1;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
});
|
|
|
|
});
|
|
|
|