manager/zyplayer-doc
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

左侧菜单增加数据导出入口，窗口路由优化

Browse Source
This commit is contained in:
暮光：城中城
2021-08-15 18:03:53 +08:00
parent 3b2abbf19f
commit 04b4794f92
8 changed files with 61 additions and 29 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
zyplayer-doc-db/src/main/resources/dist/doc-db.html vendored
View File

@@ -1 +1 @@
<!DOCTYPE html><html lang=en><head><meta charset=utf-8><meta http-equiv=X-UA-Compatible content="IE=edge"><meta name=viewport content="width=device-width,initial-scale=1"><link rel=icon href=favicon-db.png><title>数据库文档管理</title><link href=css/chunk-vendors.8924efc6.css rel=preload as=style><link href=css/index.2a7107f3.css rel=preload as=style><link href=js/chunk-vendors.333ced1f.js rel=preload as=script><link href=js/index.d7e1d74e.js rel=preload as=script><link href=css/chunk-vendors.8924efc6.css rel=stylesheet><link href=css/index.2a7107f3.css rel=stylesheet></head><body><noscript><strong>We're sorry but zyplayer-db-ui doesn't work properly without JavaScript enabled. Please enable it to continue.</strong></noscript><div id=app></div><script src=js/chunk-vendors.333ced1f.js></script><script src=js/index.d7e1d74e.js></script></body></html>
<!DOCTYPE html><html lang=en><head><meta charset=utf-8><meta http-equiv=X-UA-Compatible content="IE=edge"><meta name=viewport content="width=device-width,initial-scale=1"><link rel=icon href=favicon-db.png><title>数据库文档管理</title><link href=css/chunk-vendors.8924efc6.css rel=preload as=style><link href=css/index.2a7107f3.css rel=preload as=style><link href=js/chunk-vendors.333ced1f.js rel=preload as=script><link href=js/index.067115cf.js rel=preload as=script><link href=css/chunk-vendors.8924efc6.css rel=stylesheet><link href=css/index.2a7107f3.css rel=stylesheet></head><body><noscript><strong>We're sorry but zyplayer-db-ui doesn't work properly without JavaScript enabled. Please enable it to continue.</strong></noscript><div id=app></div><script src=js/chunk-vendors.333ced1f.js></script><script src=js/index.067115cf.js></script></body></html>

1
zyplayer-doc-db/src/main/resources/dist/js/index.067115cf.js vendored Normal file
View File

File diff suppressed because one or more lines are too long

1
zyplayer-doc-db/src/main/resources/dist/js/index.d7e1d74e.js vendored
View File

File diff suppressed because one or more lines are too long

4
zyplayer-doc-ui/db-ui/.env.development
View File

@@ -2,8 +2,8 @@
ENV = 'development'
# base api
VUE_APP_BASE_API = 'http://local.zyplayer.com:8083/zyplayer-doc-manage'
# VUE_APP_BASE_API = 'http://doc.zyplayer.com/zyplayer-doc-manage'
# VUE_APP_BASE_API = 'http://local.zyplayer.com:8083/zyplayer-doc-manage'
VUE_APP_BASE_API = 'http://doc.zyplayer.com/zyplayer-doc-manage'
VUE_CLI_BABEL_TRANSPILE_MODULES = true

8
zyplayer-doc-ui/db-ui/src/App.vue
View File

@@ -46,8 +46,8 @@
<el-dropdown-menu slot="dropdown">
<el-dropdown-item icon="el-icon-coin" :command="{command: 'procedure', node: node}">函数管理</el-dropdown-item>
<el-dropdown-item icon="el-icon-refresh" :command="{command: 'refresh', node: node}">刷新</el-dropdown-item>
<!-- <el-dropdown-item icon="el-icon-upload2" :command="{command: 'upload', node: node}">导入</el-dropdown-item>-->
<!-- <el-dropdown-item icon="el-icon-download" :command="{command: 'download', node: node}">导出</el-dropdown-item>-->
<!--<el-dropdown-item icon="el-icon-upload2" :command="{command: 'upload', node: node}">导入</el-dropdown-item>-->
<el-dropdown-item icon="el-icon-download" :command="{command: 'download', node: node}">数据导出</el-dropdown-item>
</el-dropdown-menu>
</el-dropdown>
</span>
@@ -192,6 +192,10 @@
let nodeData = param.node.data;
let procedureParam = {sourceId: this.choiceDatasourceId,dbName: nodeData.dbName, host: nodeData.host};
this.$router.push({path: '/procedure/list', query: procedureParam});
} else if (param.command == 'download') {
let nodeData = param.node.data;
let procedureParam = {sourceId: this.choiceDatasourceId, dbName: nodeData.dbName};
this.$router.push({path: '/data/export', query: procedureParam});
} else {
this.$message.warning("暂未支持的选项");
}

41
zyplayer-doc-ui/db-ui/src/components/layouts/PageTableView.vue
View File

@@ -1,7 +1,7 @@
<template>
<div>
<el-tabs v-model="activePage" type="card" closable @tab-click="changePage" @tab-remove="removePageTab" style="padding: 5px 10px 0;">
<el-tab-pane :label="pageTabNameMap[item.fullPath]||item.name" :name="item.fullPath" v-for="item in pageList"/>
<el-tab-pane :label="pageTabNameMap[item.fullPath]||item.name" :name="getRouteRealPath(item)" v-for="item in pageList"/>
</el-tabs>
<keep-alive>
<router-view :key="$route.fullPath" @initLoadDataList="initLoadDataList" @loadDatasourceList="loadDatasourceList"/>
@@ -18,7 +18,10 @@
pageList: [],
linkList: [],
activePage: '',
multiPage: true,
multiPage: true,
ignoreParamPath: [
"/data/export",
],
}
},
computed: {
@@ -27,20 +30,24 @@
}
},
created() {
this.pageList.push(this.$route);
this.linkList.push(this.$route.fullPath);
this.activePage = this.$route.fullPath;
},
watch: {
'$route': function (newRoute, oldRoute) {
this.activePage = newRoute.fullPath;
if (this.linkList.indexOf(newRoute.fullPath) < 0) {
this.linkList.push(newRoute.fullPath);
this.pageList.push(newRoute);
this.pageList.push(this.$route);
let activePage = this.getRouteRealPath(this.$route);
this.linkList.push(activePage);
this.activePage = activePage;
},
watch: {
'$route': function (newRoute, oldRoute) {
let activePage = this.getRouteRealPath(newRoute);
this.activePage = activePage;
if (this.linkList.indexOf(activePage) < 0) {
this.linkList.push(activePage);
this.pageList.push(newRoute);
}
},
'activePage': function (key) {
this.$router.push(key)
if (!this.isIgnoreParamPath(key)) {
this.$router.push(key);
}
},
},
methods: {
@@ -49,6 +56,12 @@
},
loadDatasourceList() {
this.$emit('loadDatasourceList');
},
isIgnoreParamPath(path) {
return this.ignoreParamPath.indexOf(path) >= 0;
},
getRouteRealPath(route) {
return this.isIgnoreParamPath(route.path) ? route.path : route.fullPath;
},
changePage(key) {
this.activePage = key.name;
@@ -61,7 +74,7 @@
this.$message.warning('这是最后一页，不能再关闭了啦');
return
}
this.pageList = this.pageList.filter(item => item.fullPath !== key);
this.pageList = this.pageList.filter(item => this.getRouteRealPath(item) !== key);
let index = this.linkList.indexOf(key);
this.linkList = this.linkList.filter(item => item !== key);
index = index >= this.linkList.length ? this.linkList.length - 1 : index;

31
zyplayer-doc-ui/db-ui/src/views/data/Export.vue
View File

@@ -87,7 +87,6 @@
downloadFileType: 1,
exportTypeChoiceVisible: false,
// 页面展示相关
nowDatasourceShow: {},
databaseList: [],
tableList: [],
selectTables: [],
@@ -99,14 +98,30 @@
downloadType: 'insert',
dropTableFlag: 0,
createTableFlag: 0,
}
},
mounted: function () {
this.loadDatasourceList();
},
}
},
activated() {
this.initQueryParam(this.$route);
},
mounted() {
this.loadDatasourceList();
},
methods: {
datasourceChangeEvents() {
this.nowDatasourceShow = this.choiceDatasourceId;
initQueryParam(to) {
let queryParam = to.query;
let sourceId = parseInt(queryParam.sourceId);
if (!sourceId || !queryParam.dbName) {
return;
}
if (this.choiceDatasourceId === sourceId && this.choiceDatabase === queryParam.dbName) {
return;
}
this.choiceDatasourceId = sourceId;
this.choiceDatabase = queryParam.dbName;
this.datasourceChangeEvents();
this.databaseChangeEvents();
},
datasourceChangeEvents() {
this.loadDatabaseList(this.choiceDatasourceId);
},
databaseChangeEvents() {

2
zyplayer-doc-ui/db-ui/src/views/table/Info.vue
View File

@@ -162,7 +162,7 @@
});
}, 500);
},
activated: function () {
activated() {
this.initQueryParam(this.$route);
},
components: {