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-07-11 18:57:35 +08:00
parent 77ff6722ab
commit e509431340
4 changed files with 19 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
zyplayer-doc-ui/db-ui/src/views/data/DataPreview.vue
View File

@@ -105,7 +105,7 @@
</el-form-item>
</el-form>
<span slot="footer" class="dialog-footer">
<el-button @click="exportConditionVisible = false">取 消</el-button>
<el-button @click="downloadDataVisible = false">取 消</el-button>
<el-button type="primary" @click="doDownloadTableData">确 定</el-button>
</span>
</el-dialog>

17
zyplayer-doc-ui/db-ui/src/views/data/Executor.vue
View File

@@ -46,7 +46,7 @@
<el-table-column prop="createTime" label="执行时间" width="160px"></el-table-column>
<el-table-column prop="content" label="SQL">
<template slot-scope="scope">
<pre style="margin: 0;" @dblclick="inputFavoriteSql(scope.row.content)">{{scope.row.content}}</pre>
<pre class="sql-content-line" @dblclick="inputFavoriteSql(scope.row.content)" :title="scope.row.content">{{scope.row.content}}</pre>
</template>
</el-table-column>
<el-table-column label="操作" width="160px">
@@ -62,7 +62,7 @@
<el-table-column prop="createTime" label="执行时间" width="160px"></el-table-column>
<el-table-column prop="content" label="SQL">
<template slot-scope="scope">
<pre style="margin: 0;" @dblclick="inputFavoriteSql(scope.row.content)">{{scope.row.content}}</pre>
<pre class="sql-content-line" @dblclick="inputFavoriteSql(scope.row.content)" :title="scope.row.content">{{scope.row.content}}</pre>
</template>
</el-table-column>
<el-table-column label="操作" width="160px">
@@ -74,7 +74,7 @@
</el-table>
</el-tab-pane>
<el-tab-pane label="信息" name="tabInfo" v-if="!!executeResultInfo">
<pre>{{executeResultInfo}}</pre>
<pre style="white-space: pre-wrap;">{{executeResultInfo}}</pre>
</el-tab-pane>
<el-tab-pane label="错误" name="tabError" v-if="!!executeError">
<div style="color: #f00;">{{executeError}}</div>
@@ -204,7 +204,7 @@
this.sqlParams.push({key: item, value: this.sqlParamHistory[item] || ''});
});
this.sqlParamWaiting = false;
}, 1000);
}, 300);
}
});
},
@@ -293,6 +293,7 @@
}).then(json => {
this.sqlExecuting = false;
if (json.errCode != 200) {
this.executeShowTable = 'tabError';
this.executeError = json.errMsg;
return;
}
@@ -478,6 +479,14 @@
padding: 0 5px;
resize: none;
}
.data-executor-vue .sql-content-line{
margin: 0;
overflow:hidden;
text-overflow:ellipsis;
display:-webkit-box;
-webkit-line-clamp:2;
-webkit-box-orient:vertical;
}
.data-executor-vue .execute-use-time{
font-size: 12px;margin-right: 10px;
}