From a9c6ba12e6f96fe316927324f2a038b61bc3a2bc Mon Sep 17 00:00:00 2001 From: RuoYi <yzz_ivy@163.com> Date: 星期五, 25 十二月 2020 09:35:20 +0800 Subject: [PATCH] 代码生成日期控件区分范围 --- ruoyi-ui/src/views/tool/gen/editTable.vue | 50 +++++++++++++++++++++++++++++++++++++------------- 1 files changed, 37 insertions(+), 13 deletions(-) diff --git a/ruoyi-ui/src/views/tool/gen/editTable.vue b/ruoyi-ui/src/views/tool/gen/editTable.vue index 3897aa4..fea958e 100644 --- a/ruoyi-ui/src/views/tool/gen/editTable.vue +++ b/ruoyi-ui/src/views/tool/gen/editTable.vue @@ -5,20 +5,19 @@ <basic-info-form ref="basicInfo" :info="info" /> </el-tab-pane> <el-tab-pane label="字段信息" name="cloum"> - <el-table :data="cloumns" :max-height="tableHeight"> - <el-table-column label="序号" type="index" min-width="5%" /> + <el-table ref="dragTable" :data="cloumns" row-key="columnId" :max-height="tableHeight"> + <el-table-column label="序号" type="index" min-width="5%" class-name="allowDrag" /> <el-table-column label="字段列名" prop="columnName" min-width="10%" :show-overflow-tooltip="true" /> - <el-table-column - label="字段描述" - prop="columnComment" - min-width="10%" - :show-overflow-tooltip="true" - /> + <el-table-column label="字段描述" min-width="10%"> + <template slot-scope="scope"> + <el-input v-model="scope.row.columnComment"></el-input> + </template> + </el-table-column> <el-table-column label="物理类型" prop="columnType" @@ -30,7 +29,7 @@ <el-select v-model="scope.row.javaType"> <el-option label="Long" value="Long" /> <el-option label="String" value="String" /> - <el-option label="Ingeter" value="Ingeter" /> + <el-option label="Integer" value="Integer" /> <el-option label="Double" value="Double" /> <el-option label="BigDecimal" value="BigDecimal" /> <el-option label="Date" value="Date" /> @@ -91,6 +90,8 @@ <el-option label="单选框" value="radio" /> <el-option label="复选框" value="checkbox" /> <el-option label="日期控件" value="datetime" /> + <el-option label="上传控件" value="uploadImage" /> + <el-option label="富文本控件" value="editor" /> </el-select> </template> </el-table-column> @@ -111,7 +112,7 @@ </el-table> </el-tab-pane> <el-tab-pane label="生成信息" name="genInfo"> - <gen-info-form ref="genInfo" :info="info" /> + <gen-info-form ref="genInfo" :info="info" :menus="menus"/> </el-tab-pane> </el-tabs> <el-form label-width="100px"> @@ -125,8 +126,11 @@ <script> import { getGenTable, updateGenTable } from "@/api/tool/gen"; import { optionselect as getDictOptionselect } from "@/api/system/dict/type"; +import { listMenu as getMenuTreeselect } from "@/api/system/menu"; import basicInfoForm from "./basicInfoForm"; import genInfoForm from "./genInfoForm"; +import Sortable from 'sortablejs' + export default { name: "GenEdit", components: { @@ -143,12 +147,14 @@ cloumns: [], // 字典信息 dictOptions: [], + // 菜单信息 + menus: [], // 表详细信息 info: {} }; }, - beforeCreate() { - const { tableId } = this.$route.query; + created() { + const tableId = this.$route.params && this.$route.params.tableId; if (tableId) { // 获取表详细信息 getGenTable(tableId).then(res => { @@ -158,6 +164,10 @@ /** 查询字典下拉列表 */ getDictOptionselect().then(response => { this.dictOptions = response.data; + }); + /** 查询菜单下拉列表 */ + getMenuTreeselect().then(response => { + this.menus = this.handleTree(response.data, "menuId"); }); } }, @@ -174,7 +184,8 @@ genTable.params = { treeCode: genTable.treeCode, treeName: genTable.treeName, - treeParentCode: genTable.treeParentCode + treeParentCode: genTable.treeParentCode, + parentMenuId: genTable.parentMenuId }; updateGenTable(genTable).then(res => { this.msgSuccess(res.msg); @@ -199,6 +210,19 @@ this.$store.dispatch("tagsView/delView", this.$route); this.$router.push({ path: "/tool/gen", query: { t: Date.now()}}) } + }, + mounted() { + const el = this.$refs.dragTable.$el.querySelectorAll(".el-table__body-wrapper > table > tbody")[0]; + const sortable = Sortable.create(el, { + handle: ".allowDrag", + onEnd: evt => { + const targetRow = this.cloumns.splice(evt.oldIndex, 1)[0]; + this.cloumns.splice(evt.newIndex, 0, targetRow); + for (let index in this.cloumns) { + this.cloumns[index].sort = parseInt(index) + 1; + } + } + }); } }; </script> -- Gitblit v1.9.2