From 3e1bd8e3bc6c94ed5fc39ee7955a1aef97c68d97 Mon Sep 17 00:00:00 2001 From: fungleo <web@fengcms.com> Date: 星期二, 21 七月 2020 10:18:56 +0800 Subject: [PATCH] 修复 utils/index.js 中不包含 parseTime 函数的 bug --- ruoyi-ui/src/views/tool/gen/editTable.vue | 33 +++++++++++++++++++++++---------- 1 files changed, 23 insertions(+), 10 deletions(-) diff --git a/ruoyi-ui/src/views/tool/gen/editTable.vue b/ruoyi-ui/src/views/tool/gen/editTable.vue index 84c9e75..fb1bba1 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" @@ -127,6 +126,7 @@ import { optionselect as getDictOptionselect } from "@/api/system/dict/type"; import basicInfoForm from "./basicInfoForm"; import genInfoForm from "./genInfoForm"; +import Sortable from 'sortablejs' export default { name: "GenEdit", components: { @@ -147,8 +147,8 @@ info: {} }; }, - beforeCreate() { - const { tableId } = this.$route.query; + created() { + const tableId = this.$route.params && this.$route.params.tableId; if (tableId) { // 获取表详细信息 getGenTable(tableId).then(res => { @@ -199,6 +199,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