| | |
| | | </template>
|
| | |
|
| | | <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 { 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 {
|
| | |
| | | menus: [],
|
| | | // 表详细信息
|
| | | info: {}
|
| | | };
|
| | | }
|
| | | },
|
| | | created() {
|
| | | const tableId = this.$route.params && this.$route.params.tableId;
|
| | | const tableId = this.$route.params && this.$route.params.tableId
|
| | | if (tableId) {
|
| | | // 获取表详细信息
|
| | | getGenTable(tableId).then(res => {
|
| | | this.columns = res.data.rows;
|
| | | this.info = res.data.info;
|
| | | this.tables = res.data.tables;
|
| | | });
|
| | | this.columns = res.data.rows
|
| | | this.info = res.data.info
|
| | | this.tables = res.data.tables
|
| | | })
|
| | | /** 查询字典下拉列表 */
|
| | | getDictOptionselect().then(response => {
|
| | | this.dictOptions = response.data;
|
| | | });
|
| | | this.dictOptions = response.data
|
| | | })
|
| | | /** 查询菜单下拉列表 */
|
| | | getMenuTreeselect().then(response => {
|
| | | this.menus = this.handleTree(response.data, "menuId");
|
| | | });
|
| | | this.menus = this.handleTree(response.data, "menuId")
|
| | | })
|
| | | }
|
| | | },
|
| | | methods: {
|
| | | /** 提交按钮 */
|
| | | submitForm() {
|
| | | const basicForm = this.$refs.basicInfo.$refs.basicInfoForm;
|
| | | const genForm = this.$refs.genInfo.$refs.genInfoForm;
|
| | | const basicForm = this.$refs.basicInfo.$refs.basicInfoForm
|
| | | const genForm = this.$refs.genInfo.$refs.genInfoForm
|
| | | Promise.all([basicForm, genForm].map(this.getFormPromise)).then(res => {
|
| | | const validateResult = res.every(item => !!item);
|
| | | const validateResult = res.every(item => !!item)
|
| | | if (validateResult) {
|
| | | const genTable = Object.assign({}, basicForm.model, genForm.model);
|
| | | genTable.columns = this.columns;
|
| | | const genTable = Object.assign({}, basicForm.model, genForm.model)
|
| | | genTable.columns = this.columns
|
| | | genTable.params = {
|
| | | treeCode: genTable.treeCode,
|
| | | treeName: genTable.treeName,
|
| | | treeParentCode: genTable.treeParentCode,
|
| | | parentMenuId: genTable.parentMenuId
|
| | | };
|
| | | }
|
| | | updateGenTable(genTable).then(res => {
|
| | | this.$modal.msgSuccess(res.msg);
|
| | | this.$modal.msgSuccess(res.msg)
|
| | | if (res.code === 200) {
|
| | | this.close();
|
| | | this.close()
|
| | | }
|
| | | });
|
| | | })
|
| | | } else {
|
| | | this.$modal.msgError("表单校验未通过,请重新检查提交内容");
|
| | | this.$modal.msgError("表单校验未通过,请重新检查提交内容")
|
| | | }
|
| | | });
|
| | | })
|
| | | },
|
| | | getFormPromise(form) {
|
| | | return new Promise(resolve => {
|
| | | form.validate(res => {
|
| | | resolve(res);
|
| | | });
|
| | | });
|
| | | resolve(res)
|
| | | })
|
| | | })
|
| | | },
|
| | | /** 关闭按钮 */
|
| | | close() {
|
| | | const obj = { path: "/tool/gen", query: { t: Date.now(), pageNum: this.$route.query.pageNum } };
|
| | | this.$tab.closeOpenPage(obj);
|
| | | const obj = { path: "/tool/gen", query: { t: Date.now(), pageNum: this.$route.query.pageNum } }
|
| | | this.$tab.closeOpenPage(obj)
|
| | | }
|
| | | },
|
| | | mounted() {
|
| | | const el = this.$refs.dragTable.$el.querySelectorAll(".el-table__body-wrapper > table > tbody")[0];
|
| | | 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.columns.splice(evt.oldIndex, 1)[0];
|
| | | this.columns.splice(evt.newIndex, 0, targetRow);
|
| | | const targetRow = this.columns.splice(evt.oldIndex, 1)[0]
|
| | | this.columns.splice(evt.newIndex, 0, targetRow)
|
| | | for (let index in this.columns) {
|
| | | this.columns[index].sort = parseInt(index) + 1;
|
| | | this.columns[index].sort = parseInt(index) + 1
|
| | | }
|
| | | }
|
| | | });
|
| | | })
|
| | | }
|
| | | };
|
| | | }
|
| | | </script>
|