| | |
| | | </template> |
| | | |
| | | <script> |
| | | import MyBread from "../../components/MyBread.vue"; |
| | | import { getToken } from "../../utils/auth.js"; |
| | | import MyBread from '../../components/MyBread.vue'; |
| | | import { getToken } from '../../utils/auth.js'; |
| | | export default { |
| | | //import引入的组件需要注入到对象中才能使用 |
| | | components: { |
| | |
| | | data() { |
| | | //这里存放数据 |
| | | return { |
| | | sql_Url: "", |
| | | sql_Url: '', |
| | | }; |
| | | }, |
| | | //方法集合 |
| | | methods: { |
| | | handleSelectionChange() {}, |
| | | getUrl() { |
| | | if (this.$store.state.iframeMsg.indexOf("Token=") != -1) { |
| | | if (this.$store.state.iframeMsg.indexOf('token=') != -1) { |
| | | this.sql_Url = this.$store.state.iframeMsg + getToken(); |
| | | } else { |
| | | this.sql_Url = this.$store.state.iframeMsg; |
| | |
| | | } |
| | | this.echartData.push(parseFloat(res.cpuInfo.cpuSysUsage)); |
| | | this.lineChart1(); |
| | | console.log(this.memInfo.usage); |
| | | |
| | | this.lineChart2(this.memInfo.usage); |
| | | }, |
| | | SetTableData2(res) { |
| | |
| | | fontSize: 15, |
| | | fontFamily: 'Microsoft Yahei', |
| | | fontWeight: 'normal', |
| | | color: '#00FFFF', |
| | | color: 'black', |
| | | rich: { |
| | | a: { |
| | | fontSize: 15, |
| | |
| | | left: '10', |
| | | top: '50', |
| | | style: { |
| | | fill: '#00FFFF', |
| | | fill: 'black', |
| | | text: '使用率', |
| | | font: '14px Microsoft YaHei', |
| | | font: '20px Microsoft YaHei', |
| | | fontWeight: '900', |
| | | }, |
| | | }, |
| | | ], |
| | |
| | | colorStops: [ |
| | | { |
| | | offset: 1, |
| | | color: 'rgba(68, 145, 253, 0)', |
| | | color: 'rgba(126,147,211, 0)', |
| | | }, |
| | | { |
| | | offset: 0.5, |
| | | color: 'rgba(68, 145, 253, .25)', |
| | | color: 'rgba(126,147,211, .25)', |
| | | }, |
| | | { |
| | | offset: 0, |
| | | color: 'rgba(68, 145, 253, 1)', |
| | | color: 'rgba(126,147,211, 1)', |
| | | }, |
| | | ], |
| | | globalCoord: false, |