开发代码生成自定义配置编辑

This commit is contained in:
izory
2021-09-18 16:10:34 +08:00
parent 30e1098a45
commit 8c8c205393
22 changed files with 573 additions and 267 deletions

View File

@@ -77,6 +77,22 @@ export function importTable(data) {
params: data
})
}
// 删除表数据
export function delTable(tableId) {
return request({
url: '/tool/gen/' + tableId,
method: 'delete'
})
}
// 修改代码生成表信息
export function updateGenTable(data) {
return request({
url: '/tool/gen/',
method: 'put',
data: data
})
}
// /**

View File

@@ -182,6 +182,7 @@ export default {
treeParentCode: genTable.treeParentCode,
parentMenuId: genTable.parentMenuId,
};
console.log(genTable)
updateGenTable(genTable).then((res) => {
this.msgSuccess(res.msg);
if (res.code === 200) {

View File

@@ -11,18 +11,18 @@
</el-select>
</el-form-item>
</el-col>
<!--
<el-col :span="12">
<el-form-item prop="packageName">
<el-form-item prop="baseNameSpace">
<span slot="label">
生成包路径
<el-tooltip content="生成在哪个java包下例如 com.ruoyi.system" placement="top">
生成命名空间前缀
<el-tooltip content="比如 ZR.Model目前不支持更换" placement="top">
<i class="el-icon-question"></i>
</el-tooltip>
</span>
<el-input v-model="info.packageName" />
<el-input v-model="info.baseNameSpace" />
</el-form-item>
</el-col>
</el-col> -->
<el-col :span="12">
<el-form-item prop="moduleName">
@@ -52,7 +52,7 @@
<el-form-item prop="functionName">
<span slot="label">
生成功能名
<el-tooltip content="用作类描述,例如 用户" placement="top">
<el-tooltip content="用作类描述,例如 用户,代码生成,文章系统" placement="top">
<i class="el-icon-question"></i>
</el-tooltip>
</span>
@@ -60,7 +60,7 @@
</el-form-item>
</el-col>
<el-col :span="12">
<!-- <el-col :span="12">
<el-form-item>
<span slot="label">
上级菜单
@@ -68,18 +68,11 @@
<i class="el-icon-question"></i>
</el-tooltip>
</span>
<treeselect
:append-to-body="true"
v-model="info.parentMenuId"
:options="menus"
:normalizer="normalizer"
:show-count="true"
placeholder="请选择系统菜单"
/>
<treeselect :append-to-body="true" v-model="info.parentMenuId" :options="menus" :normalizer="normalizer" :show-count="true" placeholder="请选择系统菜单" />
</el-form-item>
</el-col>
</el-col> -->
<el-col :span="12">
<!-- <el-col :span="12">
<el-form-item prop="genType">
<span slot="label">
生成代码方式
@@ -90,7 +83,7 @@
<el-radio v-model="info.genType" label="0">zip压缩包</el-radio>
<el-radio v-model="info.genType" label="1">自定义路径</el-radio>
</el-form-item>
</el-col>
</el-col> -->
<el-col :span="24" v-if="info.genType == '1'">
<el-form-item prop="genPath">
@@ -126,12 +119,7 @@
</el-tooltip>
</span>
<el-select v-model="info.treeCode" placeholder="请选择">
<el-option
v-for="(column, index) in info.columns"
:key="index"
:label="column.columnName + '' + column.columnComment"
:value="column.columnName"
></el-option>
<el-option v-for="(column, index) in info.columns" :key="index" :label="column.columnName + '' + column.columnComment" :value="column.columnName"></el-option>
</el-select>
</el-form-item>
</el-col>
@@ -144,12 +132,7 @@
</el-tooltip>
</span>
<el-select v-model="info.treeParentCode" placeholder="请选择">
<el-option
v-for="(column, index) in info.columns"
:key="index"
:label="column.columnName + '' + column.columnComment"
:value="column.columnName"
></el-option>
<el-option v-for="(column, index) in info.columns" :key="index" :label="column.columnName + '' + column.columnComment" :value="column.columnName"></el-option>
</el-select>
</el-form-item>
</el-col>
@@ -162,12 +145,7 @@
</el-tooltip>
</span>
<el-select v-model="info.treeName" placeholder="请选择">
<el-option
v-for="(column, index) in info.columns"
:key="index"
:label="column.columnName + '' + column.columnComment"
:value="column.columnName"
></el-option>
<el-option v-for="(column, index) in info.columns" :key="index" :label="column.columnName + '' + column.columnComment" :value="column.columnName"></el-option>
</el-select>
</el-form-item>
</el-col>
@@ -183,12 +161,7 @@
</el-tooltip>
</span>
<el-select v-model="info.subTableName" placeholder="请选择" @change="subSelectChange">
<el-option
v-for="(table, index) in tables"
:key="index"
:label="table.tableName + '' + table.tableComment"
:value="table.tableName"
></el-option>
<el-option v-for="(table, index) in tables" :key="index" :label="table.tableName + '' + table.tableComment" :value="table.tableName"></el-option>
</el-select>
</el-form-item>
</el-col>
@@ -201,12 +174,7 @@
</el-tooltip>
</span>
<el-select v-model="info.subTableFkName" placeholder="请选择">
<el-option
v-for="(column, index) in subColumns"
:key="index"
:label="column.columnName + '' + column.columnComment"
:value="column.columnName"
></el-option>
<el-option v-for="(column, index) in subColumns" :key="index" :label="column.columnName + '' + column.columnComment" :value="column.columnName"></el-option>
</el-select>
</el-form-item>
</el-col>
@@ -223,15 +191,15 @@ export default {
props: {
info: {
type: Object,
default: null
default: null,
},
tables: {
type: Array,
default: null
default: null,
},
menus: {
type: Array,
default: []
default: [],
},
},
data() {
@@ -239,28 +207,28 @@ export default {
subColumns: [],
rules: {
tplCategory: [
{ required: true, message: "请选择生成模板", trigger: "blur" }
{ required: true, message: "请选择生成模板", trigger: "blur" },
],
packageName: [
{ required: true, message: "请输入生成包路径", trigger: "blur" }
{ required: true, message: "请输入生成包路径", trigger: "blur" },
],
moduleName: [
{ required: true, message: "请输入生成模块名", trigger: "blur" }
{ required: true, message: "请输入生成模块名", trigger: "blur" },
],
businessName: [
{ required: true, message: "请输入生成业务名", trigger: "blur" }
{ required: true, message: "请输入生成业务名", trigger: "blur" },
],
functionName: [
{ required: true, message: "请输入生成功能名", trigger: "blur" }
{ required: true, message: "请输入生成功能名", trigger: "blur" },
],
}
},
};
},
created() {},
watch: {
'info.subTableName': function(val) {
"info.subTableName": function (val) {
this.setSubTableColumns(val);
}
},
},
methods: {
/** 转换菜单数据结构 */
@@ -271,18 +239,18 @@ export default {
return {
id: node.menuId,
label: node.menuName,
children: node.children
children: node.children,
};
},
/** 选择子表名触发 */
subSelectChange(value) {
this.info.subTableFkName = '';
this.info.subTableFkName = "";
},
/** 选择生成模板触发 */
tplSelectChange(value) {
if(value !== 'sub') {
this.info.subTableName = '';
this.info.subTableFkName = '';
if (value !== "sub") {
this.info.subTableName = "";
this.info.subTableFkName = "";
}
},
/** 设置关联外键 */
@@ -294,7 +262,7 @@ export default {
break;
}
}
}
}
},
},
};
</script>

View File

@@ -14,12 +14,12 @@
<el-tooltip class="item" effect="dark" content="系统会根据项目命名空间自动生成IService、Service、Models等子命名空间" placement="bottom">
<el-input v-model="queryParams.baseSpace" clearable placeholder="如Zr" />
</el-tooltip>
</el-form-item> -->
</el-form-item>
<el-form-item label="去掉表名前缀:">
<el-tooltip class="item" effect="dark" content="表名直接变为类名,去掉表名前缀。" placement="bottom">
<el-input v-model="queryParams.replaceTableNameStr" clearable width="300" placeholder="例如sys_" />
</el-tooltip>
</el-form-item>
</el-form-item> -->
<el-form-item>
<el-button type="primary" @click="handleSearch()">查询</el-button>
<el-button type="default" icon="el-icon-refresh" size="small" @click="loadTableData()">刷新</el-button>
@@ -32,10 +32,10 @@
</el-col>
<el-col :span="1.5">
<el-button type="danger" plain icon="el-icon-delete" size="mini" v-hasPermi="['tool:gen:delete']">删除</el-button>
<el-button type="danger" :disabled="multiple" plain icon="el-icon-delete" @click="handleDelete" size="mini" v-hasPermi="['tool:gen:delete']">删除</el-button>
</el-col>
</el-row>
<el-table ref="gridtable" v-loading="tableloading" :data="tableData" border stripe highlight-current-row height="500px" style="width: 100%;">
<el-table ref="gridtable" v-loading="tableloading" :data="tableData" border @selection-change="handleSelectionChange" highlight-current-row height="500px">
<el-table-column type="selection" align="center" width="55"></el-table-column>
<el-table-column label="序号" type="index" width="50" align="center">
<template slot-scope="scope">
@@ -51,6 +51,11 @@
<template slot-scope="scope">
<el-button type="text" icon="el-icon-view" @click="handlePreview()">预览</el-button>
<el-button type="text" icon="el-icon-edit" @click="handleEditTable(scope.row)">编辑</el-button>
<el-popconfirm title="确定删除吗?" @onConfirm="handleDelete(scope.row)" style="margin-left:10px">
<el-button slot="reference" v-hasPermi="['tool:gen:delete']" size="mini" type="text" icon="el-icon-delete">删除</el-button>
</el-popconfirm>
<el-button type="text" icon="el-icon-download" @click="handleShowDialog(scope.row)" v-hasPermi="['tool:gen:code']">生成代码</el-button>
</template>
</el-table-column>
@@ -87,7 +92,7 @@
</template>
<script>
import { codeGenerator, getGenTable } from "@/api/tool/gen";
import { codeGenerator, getGenTable, delTable } from "@/api/tool/gen";
import importTable from "./importTable";
import { Loading } from "element-ui";
@@ -128,6 +133,10 @@ export default {
checkedQueryColumn: [],
//是否覆盖原先代码
coverd: true,
// 选中的表
tableIds: [],
// 非多个禁用
multiple: true
};
},
created() {
@@ -159,7 +168,6 @@ export default {
handleShowDialog(row) {
this.showGenerate = true;
this.currentSelected = row;
},
/**
* 点击生成服务端代码
@@ -181,7 +189,8 @@ export default {
const pageLoading = Loading.service(loadop);
var seachdata = {
dbName: this.codeform.dbName,
// dbName: this.codeform.dbName,
tableId: this.currentSelected.tableId,
tableName: this.currentSelected.name,
baseSpace: this.codeform.baseSpace,
replaceTableNameStr: this.codeform.replaceTableNameStr,
@@ -236,6 +245,21 @@ export default {
openImportTable() {
this.$refs.import.show();
},
handleDelete(row) {
const tableIds = row.tableId || this.tableIds;
delTable(tableIds.toString()).then(res => {
if (res.code == 200) {
this.msgSuccess('删除成功')
this.handleSearch();
}
})
},
handleSelectionChange(section) {
this.tableIds = section.map((item) => item.tableId);
this.multiple = !section.length;
console.log(this.tableIds)
},
},
};
</script>