数据库表导出，支持修改用户密码

2019-08-11 23:13:13 +08:00
parent 883540488b
commit f9173925ab
69 changed files with 13327 additions and 597 deletions
--- a/zyplayer-doc-ui/db-ui/src/views/data/Export.vue
+++ b/zyplayer-doc-ui/db-ui/src/views/data/Export.vue
@@ -0,0 +1,114 @@
+<template>
+    <div id="app">
+        <div style="padding: 10px;height: 100%;box-sizing: border-box;background: #fafafa;">
+            <el-card style="margin: 10px;">
+                <div slot="header" class="clearfix">
+                    <span>数据库表导出</span>
+                </div>
+                <div style="margin-bottom: 10px;">
+                    <el-select v-model="choiceDatasource" @change="datasourceChangeEvents" filterable placeholder="请选择数据源">
+                        <el-option v-for="item in datasourceOptions" :key="item.value" :label="item.label" :value="item.value"></el-option>
+                    </el-select>
+                    <el-select v-model="choiceDatabase" @change="databaseChangeEvents" filterable placeholder="请选择数据库">
+                        <el-option v-for="item in databaseList" :key="item.dbName" :label="item.dbName" :value="item.dbName"></el-option>
+                    </el-select>
+                    <el-button v-on:click="exportChoiceTable" type="primary" style="margin-left: 20px;">导出选中的表</el-button>
+                    <a target="_blank" title="点击查看如何使用" href="http://doc.zyplayer.com/zyplayer-doc-manage/open-wiki.html?pageId=117&space=23f3f59a60824d21af9f7c3bbc9bc3cb"><i class="el-icon-info" style="color: #999;"></i></a>
+                </div>
+                <el-table :data="tableList" stripe border @selection-change="handleSelectionChange" style="width: 100%; margin-bottom: 5px;">
+                    <el-table-column type="selection" width="55"></el-table-column>
+                    <el-table-column prop="tableName" label="表名"></el-table-column>
+                    <el-table-column prop="tableComment" label="表注释"></el-table-column>
+                </el-table>
+            </el-card>
+        </div>
+    </div>
+</template>
+
+<script>
+
+    var app;
+    export default {
+        data() {
+            return {
+                // 数据源相关
+                datasourceOptions: [],
+                datasourceList: [],
+                choiceDatasource: "",
+                choiceDatabase: "",
+                choiceTable: "",
+                // 页面展示相关
+                nowDatasourceShow: {},
+                databaseList: [],
+                tableList: [],
+                selectTables: [],
+            }
+        },
+        mounted: function () {
+            app = this;
+            this.loadDatasourceList();
+        },
+        methods: {
+            datasourceChangeEvents() {
+                app.nowDatasourceShow = this.choiceDatasource;
+                app.loadDatabaseList(this.choiceDatasource);
+            },
+            databaseChangeEvents() {
+                app.loadGetTableList();
+            },
+            exportChoiceTable() {
+				if (this.selectTables.length <= 0) {
+					app.$message.info("请选择需要导出的表");
+					return;
+				}
+				var tableNames = "";
+				for (var i = 0; i < this.selectTables.length; i++) {
+					if (tableNames !== "") {
+						tableNames += ",";
+					}
+					tableNames += this.selectTables[i].tableName;
+				}
+				window.open("zyplayer-doc-db/doc-db/exportDatabase?host=" + this.choiceDatasource
+					+ "&dbName=" + this.choiceDatabase
+					+ "&tableNames=" + tableNames);
+            },
+            loadGetTableList() {
+                this.common.post(this.apilist1.tableList, {host: this.choiceDatasource, dbName: this.choiceDatabase}, function (json) {
+                    app.tableList = json.data || [];
+                });
+            },
+            loadDatasourceList() {
+                this.common.post(this.apilist1.datasourceList, {}, function (json) {
+                    app.datasourceList = json.data || [];
+                    var datasourceOptions = [];
+                    for (var i = 0; i < app.datasourceList.length; i++) {
+                        datasourceOptions.push({
+                            label: app.datasourceList[i].cnName, value: app.datasourceList[i].host
+                        });
+                    }
+                    app.datasourceOptions = datasourceOptions;
+                });
+            },
+            loadDatabaseList() {
+                this.common.post(this.apilist1.databaseList, {host: this.choiceDatasource}, function (json) {
+                    app.databaseList = json.data || [];
+                });
+            },
+            handleSelectionChange(val) {
+                this.selectTables = val;
+            }
+        }
+    }
+</script>
+
+<style>
+    html, body {
+        margin: 0;
+        padding: 0;
+        height: 100%;
+    }
+    .header-right-user-name{color: #fff;padding-right: 5px;}
+    .el-menu-vertical{border-right: 0;background: #fafafa;}
+    .el-menu-vertical .el-menu{background: #fafafa;}
+    .el-header {background-color: #409EFF; color: #333; line-height: 40px; text-align: right;height: 40px !important;}
+</style>