表注释放入字段列表页编辑,其他细节优化

This commit is contained in:
暮光:城中城
2021-08-08 22:47:38 +08:00
parent 1dece8845d
commit 74d5de9c7f
6 changed files with 24 additions and 12 deletions

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.03a22649.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.03a22649.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.5607dd4d.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.5607dd4d.js></script></body></html>

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@@ -56,9 +56,7 @@
</div>
</el-aside>
<div ref="rightResize" class="right-resize">
<el-tooltip class="item" effect="dark" content="拖动改变侧边栏宽度" placement="left">
<i ref="rightResizeBar">...</i>
</el-tooltip>
<i ref="rightResizeBar">...</i>
</div>
<el-container>
<el-header>

View File

@@ -17,9 +17,10 @@
<div v-else-if="sqlExecuting" v-loading="sqlExecuting" style="padding: 20px 0;">数据加载中...</div>
<div v-else-if="executeResultList.length <= 0" v-loading="sqlExecuting" style="padding: 20px 0;">暂无数据</div>
<div v-else style="position: relative;">
<div style="position: absolute;right: 0;z-index: 1;">
<div style="position: absolute;right: 0;z-index: 1;" v-show="this.choiceResultObj[this.executeShowTable] && this.choiceResultObj[this.executeShowTable].length > 0">
<!-- <el-button icon="el-icon-delete" size="small" @click="deleteCheckLine" type="danger" plain style="margin-right: 10px;">删除</el-button>-->
<!-- 复制选中行 -->
<el-dropdown @command="handleCopyCheckLineCommand" v-show="this.choiceResultObj[this.executeShowTable] && this.choiceResultObj[this.executeShowTable].length > 0">
<el-dropdown @command="handleCopyCheckLineCommand">
<el-button type="primary" size="small" icon="el-icon-document-copy">
复制选中行<i class="el-icon-arrow-down el-icon--right"></i>
</el-button>
@@ -193,6 +194,11 @@
// dbName: this.vueQueryParam.dbName
// });
// }, 500);
let resizeWindow = () => {
this.tableMaxHeight = document.body.clientHeight - 420;
};
resizeWindow();
window.onresize = resizeWindow;
},
methods: {
init(param, columnList) {
@@ -274,7 +280,6 @@
this.executeUseTime = "";
this.choiceResultObj = {};
this.executeResultList = [];
this.tableMaxHeight = document.body.clientHeight - 420;
this.nowExecutorId = (new Date()).getTime() + Math.ceil(Math.random() * 1000);
this.sqlExecuting = true;
let param = {
@@ -371,6 +376,9 @@
);
}
},
deleteCheckLine() {
// todo
},
handleCopyCheckLineCommand(type) {
let choiceData = this.choiceResultObj[this.executeShowTable] || [];
if (choiceData.length > 0) {

View File

@@ -4,11 +4,17 @@
<el-tab-pane label="表字段" name="columns">
<div v-loading="columnListLoading">
<el-row type="flex" class="row-bg" justify="space-between" style="margin-bottom: 10px;">
<el-col>
<span style="color: #888;vertical-align: middle;">表名{{tableStatusInfo.name}}</span>
<el-col style="color: #606266;line-height: 40px;">
<span>表名{{tableStatusInfo.name}}</span>
<span style="margin-left: 20px;">
<span v-if="tableInfo.inEdit == 1">
<el-input v-model="tableInfo.newDesc" placeholder="输入表注释" @keyup.enter.native="saveTableDescription" v-on:blur="saveTableDescription" style="width: 500px;"></el-input>
</span>
<span v-else>{{tableInfo.description || '暂无表注释'}} <i class="el-icon-edit edit-table-desc" @click="tableInfo.inEdit = 1"></i></span>
</span>
</el-col>
<el-col style="width: 200px;text-align: right;">
<el-button size="small" plain type="primary" @click="showCreateTableDdl" style="margin-left: 10px;" icon="el-icon-magic-stick">DDL</el-button>
<el-col style="width: 100px;text-align: right;">
<el-button plain type="primary" @click="showCreateTableDdl" style="margin-left: 10px;" icon="el-icon-magic-stick">DDL</el-button>
</el-col>
</el-row>
<el-table :data="columnList" stripe border style="width: 100%; margin-bottom: 5px;">