From 1494c7949d90e1e8407b71606947dc8d9cb60778 Mon Sep 17 00:00:00 2001
From: lxl <lixuliang_hd@126.com>
Date: 星期三, 12 十月 2022 10:58:38 +0800
Subject: [PATCH] 1
---
src/views/maintenance/databaseMonitoring.vue | 90 +++++++++------------------------------------
1 files changed, 18 insertions(+), 72 deletions(-)
diff --git a/src/views/maintenance/databaseMonitoring.vue b/src/views/maintenance/databaseMonitoring.vue
index a6d8478..83ceaea 100644
--- a/src/views/maintenance/databaseMonitoring.vue
+++ b/src/views/maintenance/databaseMonitoring.vue
@@ -1,37 +1,12 @@
<template>
<div class="databaseMonitoring_box">
- <My-bread :list="['杩愮淮绠＄悊', '鏁版嵁搴撶洃鎺�']"></My-bread>
- <el-divider />
<div class="table_box">
- <p class="title_box">鏈嶅姟鍒楄〃</p>
- <el-table
- ref="multipleTable"
- stripe
- :data="tableData"
- tooltip-effect="dark"
- style="width: 100%"
- @selection-change="handleSelectionChange"
- >
- <el-table-column type="selection" width="55"> </el-table-column>
- <el-table-column prop="name" label="鏈嶅姟鍚嶇О"> </el-table-column>
- <el-table-column prop="name" label="鏈嶅姟鐩綍"> </el-table-column>
- <el-table-column prop="address" label="璁块棶娆℃暟" show-overflow-tooltip>
- </el-table-column>
- <el-table-column prop="address" label="鍒涘缓鏃堕棿" show-overflow-tooltip>
- </el-table-column>
- <el-table-column prop="name" fixed="right" label="杩愯鐘舵��" width="280">
- </el-table-column>
- </el-table>
- <div style="margin-top: 40px" class="pagination_box">
- <el-pagination background layout="prev, pager, next" :total="10" />
- </div>
- </div>
- <div class="chart_box">
<iframe
- src="https://element.eleme.cn/#/zh-CN/component/pagination"
+ id="iframe"
+ :src="sql_Url"
+ style="height: 100%"
+ width="100%"
frameborder="0"
- height="100%"
- style="width: 100%"
></iframe>
</div>
</div>
@@ -39,6 +14,7 @@
<script>
import MyBread from "../../components/MyBread.vue";
+import { getToken } from "../../utils/auth.js";
export default {
//import寮曞叆鐨勭粍浠堕渶瑕佹敞鍏ュ埌瀵硅薄涓墠鑳戒娇鐢�
components: {
@@ -47,36 +23,23 @@
data() {
//杩欓噷瀛樻斁鏁版嵁
return {
- currentPage4: 4,
- tableData: [
- {
- date: "2016-05-03",
- name: "鐜嬪皬铏�",
- address: "涓婃捣甯傛櫘闄�鍖洪噾娌欐睙璺� 1518 寮�",
- },
- {
- date: "2016-05-02",
- name: "鐜嬪皬铏�",
- address: "涓婃捣甯傛櫘闄�鍖洪噾娌欐睙璺� 1518 寮�",
- },
- {
- date: "2016-05-04",
- name: "鐜嬪皬铏�",
- address: "涓婃捣甯傛櫘闄�鍖洪噾娌欐睙璺� 1518 寮�",
- },
- {
- date: "2016-05-01",
- name: "鐜嬪皬铏�",
- address: "涓婃捣甯傛櫘闄�鍖洪噾娌欐睙璺� 1518 寮�",
- },
- ],
+ sql_Url: "",
};
},
//鏂规硶闆嗗悎
methods: {
handleSelectionChange() {},
+ getUrl() {
+ if (this.$store.state.iframeMsg.indexOf("Token=") != -1) {
+ this.sql_Url = this.$store.state.iframeMsg + getToken();
+ } else {
+ this.sql_Url = this.$store.state.iframeMsg;
+ }
+ },
},
- created() {},
+ created() {
+ this.getUrl();
+ },
mounted() {},
};
</script>
@@ -89,29 +52,12 @@
padding: 10px;
box-sizing: border-box;
.table_box {
- height: 40%;
+ height: 90%;
padding: 10px;
background: #fff;
border-radius: 5px;
border: 1px solid rgb(202, 201, 204);
- overflow: auto;
- }
- .title_box {
- font-weight: 800;
- }
- .pagination_box {
- text-align: center;
- }
- .chart_box {
- height: calc(60% - 100px);
- margin-top: 20px;
- display: flex;
- justify-content: space-between;
- background: #fff;
- border-radius: 5px;
- padding: 10px;
- box-sizing: border-box;
- border: 1px solid rgb(202, 201, 204);
+ overflow: hidden;
}
}
</style>
--
Gitblit v1.9.3