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

ddl支持复制和高亮，postgresql支持

Browse Source
This commit is contained in:
暮光：城中城
2021-01-06 23:53:14 +08:00
parent e949570c1a
commit e66586c765
11 changed files with 133 additions and 52 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
zyplayer-doc-ui/db-ui/src/main.js
View File

@@ -12,6 +12,9 @@ import VueAxios from 'vue-axios'
import vueHljs from "vue-hljs";
import "vue-hljs/dist/vue-hljs.min.css";
import VueClipboard from 'vue-clipboard2'
Vue.use(VueClipboard);
Vue.use(ElementUI);
Vue.use(VueRouter);
Vue.use(VueAxios, axios);

3
zyplayer-doc-ui/db-ui/src/views/data/DatasourceManage.vue
View File

@@ -38,6 +38,7 @@
<el-option label="com.mysql.jdbc.Driver" value="com.mysql.jdbc.Driver"></el-option>
<el-option label="net.sourceforge.jtds.jdbc.Driver" value="net.sourceforge.jtds.jdbc.Driver"></el-option>
<el-option label="oracle.jdbc.driver.OracleDriver" value="oracle.jdbc.driver.OracleDriver"></el-option>
<el-option label="org.postgresql.Driver" value="org.postgresql.Driver"></el-option>
</el-select>
</el-form-item>
<el-form-item label="数据源URL：">
@@ -237,6 +238,8 @@
this.urlPlaceholder = "例：jdbc:jtds:sqlserver://127.0.0.1:33434;DatabaseName=user_info;socketTimeout=60;";
} else if (this.newDatasource.driverClassName == 'oracle.jdbc.driver.OracleDriver') {
this.urlPlaceholder = "例：jdbc:oracle:thin:@127.0.0.1:1521/user_info";
} else if (this.newDatasource.driverClassName == 'org.postgresql.Driver') {
this.urlPlaceholder = "例：jdbc:postgresql://127.0.0.1:5432/user_info";
}
},
getDatasourceList() {

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

@@ -61,7 +61,7 @@
</el-table-column>
<el-table-column prop="type" label="类型" width="150"></el-table-column>
<el-table-column prop="length" label="长度" width="80"></el-table-column>
<el-table-column prop="nullable" label="空值" width="60"></el-table-column>
<el-table-column prop="nullable" label="空值" width="80"></el-table-column>
<el-table-column label="主键" width="50">
<template slot-scope="scope">{{scope.row.ispramary ? '是' : '否'}}</template>
</el-table-column>
@@ -77,7 +77,11 @@
</div>
</el-card>
<!--增加数据源弹窗-->
<el-dialog title="DDL" :visible.sync="tableDDLInfoDialogVisible" :footer="null" width="760px">
<el-dialog :visible.sync="tableDDLInfoDialogVisible" :footer="null" width="760px">
<div slot="title">
<span style="margin-right: 15px;">DDL</span>
<el-button size="small" icon="el-icon-document-copy" v-clipboard:copy="tableDDLInfo" v-clipboard:success="onCopySuccess" v-clipboard:error="onCopyError">复制</el-button>
</div>
<div v-highlight>
<pre><code v-html="tableDDLInfo"></code></pre>
</div>
@@ -140,17 +144,33 @@
this.tableStatusInfo = json.data || {};
});
},
onCopySuccess(e) {
this.$message.success("内容已复制到剪切板！");
},
onCopyError(e) {
this.$message.error("抱歉，复制失败！");
},
showCreateTableDdl() {
this.tableDDLInfo = '';
this.tableDDLInfoDialogVisible = true;
let param = {
sourceId: this.vueQueryParam.sourceId,
dbName: this.vueQueryParam.dbName,
tableName: this.vueQueryParam.tableName,
};
datasourceApi.queryTableDdl(param).then(res => {
this.tableDDLInfo = res.data || '获取失败';
});
let loading = this.$loading({
lock: true,
text: '加载中...',
spinner: 'el-icon-loading',
background: 'rgba(0, 0, 0, 0.7)'
});
this.tableDDLInfoDialogVisible = false;
datasourceApi.queryTableDdl(param).then(res => {
loading.close();
this.tableDDLInfo = res.data || '获取失败';
setTimeout(() => this.tableDDLInfoDialogVisible = true, 0);
}).catch(() => {
loading.close();
});
},
descBoxClick(row) {
// row.newDesc = row.description;