monitor_v3 / hg-monitor-web · Commits

Go to a project

Authored by 鲁尚清
Commit ddb2ea6e1cf9d6db87974c39d89d364ef2a82e1f 1 parent 19fe9be8

大屏引入组件update

Inline Side-by-side
Showing 3 changed files with 12 additions and 11 deletions
1 <div class="lineChart"> 1 <div class="lineChart">
2 - <div :id="chartId" style="width:100%;height:225px;"></div> 2 +<!-- <div :id="chartId" style="width:100%;height:225px;"></div>-->
  3 + <div id="line-echart" style="width:100%;height:225px;"></div>
3 </div> 4 </div>
@@ -26,8 +26,8 @@ export default { @@ -26,8 +26,8 @@ export default {
26 proxy.chartId=props.chartId; 26 proxy.chartId=props.chartId;
27 console.log('ddd',proxy.chartId) 27 console.log('ddd',proxy.chartId)
28 28
29 - // const chartDom = document.getElementById('line-echart');  
30 - const chartDom = document.getElementById(proxy.chartId); 29 + const chartDom = document.getElementById('line-echart');
  30 + // const chartDom = document.getElementById(proxy.chartId);
31 console.log('d3e3',$(proxy.chartId)) 31 console.log('d3e3',$(proxy.chartId))
32 const myChart = echarts.init(chartDom); 32 const myChart = echarts.init(chartDom);
33 let option; 33 let option;
@@ -19,18 +19,18 @@ @@ -19,18 +19,18 @@
19 <div class="left-bottom-left flex-data"> 19 <div class="left-bottom-left flex-data">
20 <div class="left-bottom-left-top"> 20 <div class="left-bottom-left-top">
21 <!--数据中心--> 21 <!--数据中心-->
22 -<!-- <DataCenter></DataCenter>--> 22 + <DataCenter></DataCenter>
23 23
24 </div> 24 </div>
25 <div class="left-bottom-left-bottom"> 25 <div class="left-bottom-left-bottom">
26 <!--资产概览--> 26 <!--资产概览-->
27 -<!-- <AssetOverview></AssetOverview>--> 27 + <AssetOverview></AssetOverview>
28 28
29 </div> 29 </div>
30 </div> 30 </div>
31 <div class="left-bottom-right flex-cloud"> 31 <div class="left-bottom-right flex-cloud">
32 <!--云平台--> 32 <!--云平台-->
33 -<!-- <CloudPlatform></CloudPlatform>--> 33 + <CloudPlatform></CloudPlatform>
34 </div> 34 </div>
35 </div> 35 </div>
36 </section> 36 </section>
@@ -38,13 +38,13 @@ @@ -38,13 +38,13 @@
38 <div class="screen-right-top declare-chart"> 38 <div class="screen-right-top declare-chart">
39 <div class="right-container flex-declare"> 39 <div class="right-container flex-declare">
40 <!--今日申报--> 40 <!--今日申报-->
41 -<!-- <Declare></Declare>--> 41 + <Declare></Declare>
42 </div> 42 </div>
43 <div class="right-chart flex-chart"> 43 <div class="right-chart flex-chart">
44 <!--折线图--> 44 <!--折线图-->
45 -<!-- <DeclareLine></DeclareLine>--> 45 + <DeclareLine></DeclareLine>
46 <!--柱状图--> 46 <!--柱状图-->
47 -<!-- <BarChart></BarChart>--> 47 + <BarChart></BarChart>
48 </div> 48 </div>
49 </div> 49 </div>
50 <div class="screen-right-bottom"> 50 <div class="screen-right-bottom">
@@ -53,11 +53,11 @@ @@ -53,11 +53,11 @@
53 <div class="screen-res-performance"> 53 <div class="screen-res-performance">
54 <div class="screen-res"> 54 <div class="screen-res">
55 <!--系统资源统计--> 55 <!--系统资源统计-->
56 -<!-- <ResourceStatistics></ResourceStatistics>--> 56 + <ResourceStatistics></ResourceStatistics>
57 </div> 57 </div>
58 <div class="screen-performance"> 58 <div class="screen-performance">
59 <!--业务性能指标--> 59 <!--业务性能指标-->
60 -<!-- <Performance></Performance>--> 60 + <Performance></Performance>
61 </div> 61 </div>
62 </div> 62 </div>
63 </div> 63 </div>