forked from liweijie/education
1 line
17 KiB
JSON
1 line
17 KiB
JSON
{"remainingRequest":"C:\\Users\\Admin\\Desktop\\education\\frontend\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\Admin\\Desktop\\education\\frontend\\src\\views\\tool\\gen\\index.vue?vue&type=style&index=0&id=5cf3b836&scoped=true&lang=css","dependencies":[{"path":"C:\\Users\\Admin\\Desktop\\education\\frontend\\src\\views\\tool\\gen\\index.vue","mtime":1787567871725},{"path":"C:\\Users\\Admin\\Desktop\\education\\frontend\\node_modules\\css-loader\\dist\\cjs.js","mtime":1787309792478},{"path":"C:\\Users\\Admin\\Desktop\\education\\frontend\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1787309794547},{"path":"C:\\Users\\Admin\\Desktop\\education\\frontend\\node_modules\\postcss-loader\\src\\index.js","mtime":1787309793084},{"path":"C:\\Users\\Admin\\Desktop\\education\\frontend\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1787309791955},{"path":"C:\\Users\\Admin\\Desktop\\education\\frontend\\node_modules\\vue-loader\\lib\\index.js","mtime":1787309793790}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:CgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCg0KLnRvb2wtZ2VuIDo6di1kZWVwIC5lbC10YWJsZSA6Oi13ZWJraXQtc2Nyb2xsYmFyIHsNCiAgZGlzcGxheTogbm9uZTsNCn0NCi50b29sLWdlbiA6OnYtZGVlcCAuZWwtdGFibGUgew0KICBzY3JvbGxiYXItd2lkdGg6IG5vbmU7DQogIC1tcy1vdmVyZmxvdy1zdHlsZTogbm9uZTsNCn0NCi50b29sLWdlbiA6OnYtZGVlcCAuZWwtdGFibGVfX2JvZHktd3JhcHBlcjo6LXdlYmtpdC1zY3JvbGxiYXIgew0KICBkaXNwbGF5OiBub25lOw0KfQ0KLnRvb2wtZ2VuIDo6di1kZWVwIC5lbC10YWJsZV9fYm9keS13cmFwcGVyIHsNCiAgc2Nyb2xsYmFyLXdpZHRoOiBub25lOw0KICAtbXMtb3ZlcmZsb3ctc3R5bGU6IG5vbmU7DQp9DQo="},{"version":3,"sources":["index.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmXA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"index.vue","sourceRoot":"src/views/tool/gen","sourcesContent":["<template>\r\n <div class=\"app-container tool-gen\">\r\n <el-form :model=\"queryParams\" ref=\"queryForm\" size=\"small\" :inline=\"true\" v-show=\"showSearch\" label-width=\"68px\">\r\n <el-form-item label=\"表名称\" prop=\"tableName\">\r\n <el-input\r\n v-model=\"queryParams.tableName\"\r\n placeholder=\"请输入表名称\"\r\n clearable\r\n @keyup.enter.native=\"handleQuery\"\r\n />\r\n </el-form-item>\r\n <el-form-item label=\"表描述\" prop=\"tableComment\">\r\n <el-input\r\n v-model=\"queryParams.tableComment\"\r\n placeholder=\"请输入表描述\"\r\n clearable\r\n @keyup.enter.native=\"handleQuery\"\r\n />\r\n </el-form-item>\r\n <el-form-item label=\"创建时间\">\r\n <el-date-picker\r\n v-model=\"dateRange\"\r\n style=\"width: 240px\"\r\n value-format=\"yyyy-MM-dd\"\r\n type=\"daterange\"\r\n range-separator=\"-\"\r\n start-placeholder=\"开始日期\"\r\n end-placeholder=\"结束日期\"\r\n ></el-date-picker>\r\n </el-form-item>\r\n <el-form-item>\r\n <el-button type=\"primary\" icon=\"el-icon-search\" size=\"mini\" @click=\"handleQuery\">搜索</el-button>\r\n <el-button icon=\"el-icon-refresh\" size=\"mini\" @click=\"resetQuery\">重置</el-button>\r\n </el-form-item>\r\n </el-form>\r\n\r\n <el-row :gutter=\"10\" class=\"mb8\">\r\n <el-col :span=\"1.5\">\r\n <el-button\r\n type=\"primary\"\r\n plain\r\n icon=\"el-icon-download\"\r\n size=\"mini\"\r\n :disabled=\"multiple\"\r\n @click=\"handleGenTable\"\r\n v-hasPermi=\"['tool:gen:code']\"\r\n >生成</el-button>\r\n </el-col>\r\n <el-col :span=\"1.5\">\r\n <el-button\r\n type=\"primary\"\r\n plain\r\n icon=\"el-icon-plus\"\r\n size=\"mini\"\r\n @click=\"openCreateTable\"\r\n v-hasRole=\"['admin']\"\r\n >创建</el-button>\r\n </el-col>\r\n <el-col :span=\"1.5\">\r\n <el-button\r\n type=\"info\"\r\n plain\r\n icon=\"el-icon-upload\"\r\n size=\"mini\"\r\n @click=\"openImportTable\"\r\n v-hasPermi=\"['tool:gen:import']\"\r\n >导入</el-button>\r\n </el-col>\r\n <el-col :span=\"1.5\">\r\n <el-button\r\n type=\"success\"\r\n plain\r\n icon=\"el-icon-edit\"\r\n size=\"mini\"\r\n :disabled=\"single\"\r\n @click=\"handleEditTable\"\r\n v-hasPermi=\"['tool:gen:edit']\"\r\n >修改</el-button>\r\n </el-col>\r\n <el-col :span=\"1.5\">\r\n <el-button\r\n type=\"danger\"\r\n plain\r\n icon=\"el-icon-delete\"\r\n size=\"mini\"\r\n :disabled=\"multiple\"\r\n @click=\"handleDelete\"\r\n v-hasPermi=\"['tool:gen:remove']\"\r\n >删除</el-button>\r\n </el-col>\r\n <right-toolbar :showSearch.sync=\"showSearch\" @queryTable=\"getList\"></right-toolbar>\r\n </el-row>\r\n\r\n <el-table ref=\"tables\" v-loading=\"loading\" :data=\"tableList\" @selection-change=\"handleSelectionChange\" :default-sort=\"defaultSort\" @sort-change=\"handleSortChange\" :height=\"tableHeight\">\r\n <el-table-column type=\"selection\" align=\"center\" width=\"55\"></el-table-column>\r\n <el-table-column label=\"序号\" type=\"index\" width=\"50\" align=\"center\">\r\n <template slot-scope=\"scope\">\r\n <span>{{(queryParams.pageNum - 1) * queryParams.pageSize + scope.$index + 1}}</span>\r\n </template>\r\n </el-table-column>\r\n <el-table-column label=\"表名称\" align=\"center\" prop=\"tableName\" :show-overflow-tooltip=\"true\" width=\"140\" />\r\n <el-table-column label=\"表描述\" align=\"center\" prop=\"tableComment\" :show-overflow-tooltip=\"true\" width=\"140\" />\r\n <el-table-column label=\"实体\" align=\"center\" prop=\"className\" :show-overflow-tooltip=\"true\" width=\"140\" />\r\n <el-table-column label=\"创建时间\" align=\"center\" prop=\"createTime\" sortable=\"custom\" :sort-orders=\"['descending', 'ascending']\" width=\"160\" />\r\n <el-table-column label=\"更新时间\" align=\"center\" prop=\"updateTime\" sortable=\"custom\" :sort-orders=\"['descending', 'ascending']\" width=\"160\" />\r\n <el-table-column label=\"操作\" align=\"center\" class-name=\"small-padding fixed-width\">\r\n <template slot-scope=\"scope\">\r\n <el-button\r\n type=\"text\"\r\n size=\"small\"\r\n icon=\"el-icon-view\"\r\n @click=\"handlePreview(scope.row)\"\r\n v-hasPermi=\"['tool:gen:preview']\"\r\n >预览</el-button>\r\n <el-button\r\n type=\"text\"\r\n size=\"small\"\r\n icon=\"el-icon-edit\"\r\n @click=\"handleEditTable(scope.row)\"\r\n v-hasPermi=\"['tool:gen:edit']\"\r\n >编辑</el-button>\r\n <el-button\r\n type=\"text\"\r\n size=\"small\"\r\n icon=\"el-icon-delete\"\r\n @click=\"handleDelete(scope.row)\"\r\n v-hasPermi=\"['tool:gen:remove']\"\r\n >删除</el-button>\r\n <el-button\r\n type=\"text\"\r\n size=\"small\"\r\n icon=\"el-icon-refresh\"\r\n @click=\"handleSynchDb(scope.row)\"\r\n v-hasPermi=\"['tool:gen:edit']\"\r\n >同步</el-button>\r\n <el-button\r\n type=\"text\"\r\n size=\"small\"\r\n icon=\"el-icon-download\"\r\n @click=\"handleGenTable(scope.row)\"\r\n v-hasPermi=\"['tool:gen:code']\"\r\n >生成代码</el-button>\r\n </template>\r\n </el-table-column>\r\n </el-table>\r\n <pagination\r\n v-show=\"total>0\"\r\n :total=\"total\"\r\n :page.sync=\"queryParams.pageNum\"\r\n :limit.sync=\"queryParams.pageSize\"\r\n @pagination=\"getList\"\r\n />\r\n <!-- 预览界面 -->\r\n <el-dialog :title=\"preview.title\" :visible.sync=\"preview.open\" width=\"80%\" top=\"5vh\" append-to-body class=\"scrollbar\">\r\n <el-tabs v-model=\"preview.activeName\">\r\n <el-tab-pane\r\n v-for=\"(value, key) in preview.data\"\r\n :label=\"key.substring(key.lastIndexOf('/')+1,key.indexOf('.vm'))\"\r\n :name=\"key.substring(key.lastIndexOf('/')+1,key.indexOf('.vm'))\"\r\n :key=\"key\"\r\n >\r\n <el-link :underline=\"false\" icon=\"el-icon-document-copy\" v-clipboard:copy=\"value\" v-clipboard:success=\"clipboardSuccess\" style=\"float:right\">复制</el-link>\r\n <pre><code class=\"hljs\" v-html=\"highlightedCode(value, key)\"></code></pre>\r\n </el-tab-pane>\r\n </el-tabs>\r\n </el-dialog>\r\n <import-table ref=\"import\" @ok=\"handleQuery\" />\r\n <create-table ref=\"create\" @ok=\"handleQuery\" />\r\n </div>\r\n</template>\r\n\r\n<script>\r\nimport { listTable, previewTable, delTable, genCode, synchDb } from \"@/api/tool/gen\"\r\nimport importTable from \"./importTable\"\r\nimport createTable from \"./createTable\"\r\nimport hljs from \"highlight.js/lib/highlight\"\r\nimport \"highlight.js/styles/github-gist.css\"\r\nhljs.registerLanguage(\"java\", require(\"highlight.js/lib/languages/java\"))\r\nhljs.registerLanguage(\"xml\", require(\"highlight.js/lib/languages/xml\"))\r\nhljs.registerLanguage(\"html\", require(\"highlight.js/lib/languages/xml\"))\r\nhljs.registerLanguage(\"vue\", require(\"highlight.js/lib/languages/xml\"))\r\nhljs.registerLanguage(\"javascript\", require(\"highlight.js/lib/languages/javascript\"))\r\nhljs.registerLanguage(\"typescript\", require(\"highlight.js/lib/languages/typescript\"))\r\nhljs.registerLanguage(\"sql\", require(\"highlight.js/lib/languages/sql\"))\r\n\r\nexport default {\r\n name: \"Gen\",\r\n components: { importTable, createTable },\r\n data() {\r\n return {\r\n // 遮罩层\r\n loading: true,\r\n // 唯一标识符\r\n uniqueId: \"\",\r\n // 选中数组\r\n ids: [],\r\n // 选中表数组\r\n tableNames: [],\r\n // 非单个禁用\r\n single: true,\r\n // 非多个禁用\r\n multiple: true,\r\n // 显示搜索条件\r\n showSearch: true,\r\n // 总条数\r\n total: 0,\r\n // 表数据\r\n tableList: [],\r\n // 日期范围\r\n dateRange: \"\",\r\n // 默认排序\r\n defaultSort: { prop: \"createTime\", order: \"descending\" },\r\n // 表格高度\r\n tableHeight: window.innerHeight - 240,\r\n // 查询参数\r\n queryParams: {\r\n pageNum: 1,\r\n pageSize: 10,\r\n tableName: undefined,\r\n tableComment: undefined\r\n },\r\n // 预览参数\r\n preview: {\r\n open: false,\r\n title: \"代码预览\",\r\n data: {},\r\n activeName: \"domain.java\"\r\n }\r\n }\r\n },\r\n created() {\r\n this.queryParams.orderByColumn = this.defaultSort.prop\r\n this.queryParams.isAsc = this.defaultSort.order\r\n this.getList()\r\n },\r\n activated() {\r\n const time = this.$route.query.t\r\n if (time != null && time != this.uniqueId) {\r\n this.uniqueId = time\r\n this.queryParams.pageNum = Number(this.$route.query.pageNum)\r\n this.getList()\r\n }\r\n },\r\n mounted() {\r\n this.getTableHeight()\r\n window.addEventListener('resize', this.getTableHeight)\r\n },\r\n beforeDestroy() {\r\n window.removeEventListener('resize', this.getTableHeight)\r\n },\r\n watch: {\r\n showSearch() {\r\n this.$nextTick(() => {\r\n this.getTableHeight()\r\n })\r\n }\r\n },\r\n methods: {\r\n getTableHeight() {\r\n const offset = this.showSearch ? 240 : 190\r\n this.tableHeight = window.innerHeight - offset\r\n },\r\n /** 查询表集合 */\r\n getList() {\r\n this.loading = true\r\n listTable(this.addDateRange(this.queryParams, this.dateRange)).then(response => {\r\n this.tableList = response.rows\r\n this.total = response.total\r\n this.loading = false\r\n }\r\n )\r\n },\r\n /** 搜索按钮操作 */\r\n handleQuery() {\r\n this.queryParams.pageNum = 1\r\n this.getList()\r\n },\r\n /** 生成代码操作 */\r\n handleGenTable(row) {\r\n const tableNames = row.tableName || this.tableNames\r\n if (tableNames == \"\") {\r\n this.$modal.msgError(\"请选择要生成的数据\")\r\n return\r\n }\r\n if (row.genType === \"1\") {\r\n genCode(row.tableName).then(() => {\r\n this.$modal.msgSuccess(\"成功生成到自定义路径：\" + row.genPath)\r\n })\r\n } else {\r\n const zipName = Array.isArray(tableNames) ? \"roomroot.zip\" : tableNames + \".zip\"\r\n this.$download.zip(\"/tool/gen/batchGenCode?tables=\" + tableNames, zipName)\r\n }\r\n },\r\n /** 同步数据库操作 */\r\n handleSynchDb(row) {\r\n const tableName = row.tableName\r\n this.$modal.confirm('确认要强制同步\"' + tableName + '\"表结构吗？').then(function() {\r\n return synchDb(tableName)\r\n }).then(() => {\r\n this.$modal.msgSuccess(\"同步成功\")\r\n }).catch(() => {})\r\n },\r\n /** 打开导入表弹窗 */\r\n openImportTable() {\r\n this.$refs.import.show()\r\n },\r\n /** 打开创建表弹窗 */\r\n openCreateTable() {\r\n this.$refs.create.show()\r\n },\r\n /** 重置按钮操作 */\r\n resetQuery() {\r\n this.dateRange = []\r\n this.resetForm(\"queryForm\")\r\n this.queryParams.pageNum = 1\r\n this.$refs.tables.sort(this.defaultSort.prop, this.defaultSort.order)\r\n },\r\n /** 预览按钮 */\r\n handlePreview(row) {\r\n previewTable(row.tableId).then(response => {\r\n this.preview.data = response.data\r\n this.preview.open = true\r\n this.preview.activeName = \"domain.java\"\r\n })\r\n },\r\n /** 高亮显示 */\r\n highlightedCode(code, key) {\r\n const vmName = key.substring(key.lastIndexOf(\"/\") + 1, key.indexOf(\".vm\"))\r\n var language = vmName.substring(vmName.indexOf(\".\") + 1, vmName.length)\r\n const result = hljs.highlight(language, code || \"\", true)\r\n return result.value || ' '\r\n },\r\n /** 复制代码成功 */\r\n clipboardSuccess() {\r\n this.$modal.msgSuccess(\"复制成功\")\r\n },\r\n // 多选框选中数据\r\n handleSelectionChange(selection) {\r\n this.ids = selection.map(item => item.tableId)\r\n this.tableNames = selection.map(item => item.tableName)\r\n this.single = selection.length != 1\r\n this.multiple = !selection.length\r\n },\r\n /** 排序触发事件 */\r\n handleSortChange(column, prop, order) {\r\n this.queryParams.orderByColumn = column.prop\r\n this.queryParams.isAsc = column.order\r\n this.getList()\r\n },\r\n /** 修改按钮操作 */\r\n handleEditTable(row) {\r\n const tableId = row.tableId || this.ids[0]\r\n const tableName = row.tableName || this.tableNames[0]\r\n const params = { pageNum: this.queryParams.pageNum }\r\n this.$tab.openPage(\"修改[\" + tableName + \"]生成配置\", '/tool/gen-edit/index/' + tableId, params)\r\n },\r\n /** 删除按钮操作 */\r\n handleDelete(row) {\r\n const tableIds = row.tableId || this.ids\r\n this.$modal.confirm('是否确认删除表编号为\"' + tableIds + '\"的数据项？').then(function() {\r\n return delTable(tableIds)\r\n }).then(() => {\r\n this.getList()\r\n this.$modal.msgSuccess(\"删除成功\")\r\n }).catch(() => {})\r\n }\r\n }\r\n}\r\n</script>\r\n\r\n<style scoped>\r\n.tool-gen ::v-deep .el-table ::-webkit-scrollbar {\r\n display: none;\r\n}\r\n.tool-gen ::v-deep .el-table {\r\n scrollbar-width: none;\r\n -ms-overflow-style: none;\r\n}\r\n.tool-gen ::v-deep .el-table__body-wrapper::-webkit-scrollbar {\r\n display: none;\r\n}\r\n.tool-gen ::v-deep .el-table__body-wrapper {\r\n scrollbar-width: none;\r\n -ms-overflow-style: none;\r\n}\r\n</style>\r\n"]}]} |