|
@@ -40,15 +40,15 @@
|
|
|
position: relative;
|
|
position: relative;
|
|
|
span{
|
|
span{
|
|
|
position: absolute;
|
|
position: absolute;
|
|
|
- top: 10px;
|
|
|
|
|
|
|
+ top: 20px;
|
|
|
width: 100%;
|
|
width: 100%;
|
|
|
text-align: center;
|
|
text-align: center;
|
|
|
left: 0;
|
|
left: 0;
|
|
|
left: 0;
|
|
left: 0;
|
|
|
right: 0;
|
|
right: 0;
|
|
|
margin: auto;
|
|
margin: auto;
|
|
|
- font-size: 25px;
|
|
|
|
|
- line-height: 70px;
|
|
|
|
|
|
|
+ font-size: 22px;
|
|
|
|
|
+ // line-height: 70px;
|
|
|
font-weight:300;
|
|
font-weight:300;
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
@@ -213,7 +213,7 @@
|
|
|
<img @click="min" class="min" src="../images/min.png" alt="">
|
|
<img @click="min" class="min" src="../images/min.png" alt="">
|
|
|
<h1 class="title">
|
|
<h1 class="title">
|
|
|
<img height="90px" width="100%" src="../images/bg_1.jpg" alt="">
|
|
<img height="90px" width="100%" src="../images/bg_1.jpg" alt="">
|
|
|
- <span>{{info.name}}可视化系统</span>
|
|
|
|
|
|
|
+ <span>{{info.name}} <br>可视化系统</span>
|
|
|
</h1>
|
|
</h1>
|
|
|
<ul class="datas">
|
|
<ul class="datas">
|
|
|
<li style="width:30%;">
|
|
<li style="width:30%;">
|
|
@@ -226,7 +226,7 @@
|
|
|
</p>
|
|
</p>
|
|
|
<div id="chart1" style="width: 100%;height:250px;"></div>
|
|
<div id="chart1" style="width: 100%;height:250px;"></div>
|
|
|
</div>
|
|
</div>
|
|
|
- <div id="chart2" style="width: 100%;height:300px;"></div>
|
|
|
|
|
|
|
+ <div id="chart2" style="width: 100%;height:330px;"></div>
|
|
|
<img class="bottom" src="../images/bk.png" alt="">
|
|
<img class="bottom" src="../images/bk.png" alt="">
|
|
|
</div>
|
|
</div>
|
|
|
<div class="li">
|
|
<div class="li">
|
|
@@ -237,7 +237,7 @@
|
|
|
{{data.yh_data[0].value+data.yh_data[1].value}}
|
|
{{data.yh_data[0].value+data.yh_data[1].value}}
|
|
|
<span>总隐患数(起)</span>
|
|
<span>总隐患数(起)</span>
|
|
|
</p>
|
|
</p>
|
|
|
- <div id="chart3" style="width: 100%;height:250px;"></div>
|
|
|
|
|
|
|
+ <div id="chart3" style="width: 100%;height:285px;"></div>
|
|
|
</div>
|
|
</div>
|
|
|
<img class="bottom" src="../images/bk.png" alt="">
|
|
<img class="bottom" src="../images/bk.png" alt="">
|
|
|
</div>
|
|
</div>
|
|
@@ -254,10 +254,10 @@
|
|
|
<span class="span4">管控任务 {{data.monittask_count}} 个</span><br>
|
|
<span class="span4">管控任务 {{data.monittask_count}} 个</span><br>
|
|
|
</p>
|
|
</p>
|
|
|
<h4>行业风险统计</h4>
|
|
<h4>行业风险统计</h4>
|
|
|
- <div id="chart4" style="width: 100%;height:315px;"></div>
|
|
|
|
|
- <br><br>
|
|
|
|
|
|
|
+ <div id="chart4" style="width: 100%;height:340px;"></div>
|
|
|
|
|
+ <br><br><br>
|
|
|
<h4>行业隐患统计</h4>
|
|
<h4>行业隐患统计</h4>
|
|
|
- <div id="chart5" style="width: 100%;height:315px;"></div>
|
|
|
|
|
|
|
+ <div id="chart5" style="width: 100%;height:340px;"></div>
|
|
|
<img class="bottom" src="../images/bk.png" alt="">
|
|
<img class="bottom" src="../images/bk.png" alt="">
|
|
|
</div>
|
|
</div>
|
|
|
</li>
|
|
</li>
|
|
@@ -321,7 +321,7 @@ export default {
|
|
|
},
|
|
},
|
|
|
methods:{
|
|
methods:{
|
|
|
getData(){
|
|
getData(){
|
|
|
- this.$api.getChartData({type:'pt'}).then(res=>{
|
|
|
|
|
|
|
+ this.$api.getChartData({type:'zf'}).then(res=>{
|
|
|
this.data=res.data.data
|
|
this.data=res.data.data
|
|
|
var data=res.data.data;
|
|
var data=res.data.data;
|
|
|
let count=0;
|
|
let count=0;
|
|
@@ -572,8 +572,11 @@ export default {
|
|
|
};
|
|
};
|
|
|
//企业风险
|
|
//企业风险
|
|
|
let qy_fx_data=[],qy_fx_name=[];
|
|
let qy_fx_data=[],qy_fx_name=[];
|
|
|
- for(let j=0;j<data.enterprise_fx_data[0].data.length;j++){
|
|
|
|
|
- qy_fx_name.push(data.enterprise_fx_data[0].data[j].enterprise_name)
|
|
|
|
|
|
|
+ for(let j=0;j<data.enterprise_fx_data[1].data.length;j++){
|
|
|
|
|
+ let text=data.enterprise_fx_data[1].data[j].enterprise_name;
|
|
|
|
|
+ let length=text.length/3
|
|
|
|
|
+ let br_text=text.slice(0,length)+'\n'+text.slice(length,length*2)+'\n'+text.slice(length*2,text.length)
|
|
|
|
|
+ qy_fx_name.push(br_text)
|
|
|
}
|
|
}
|
|
|
for(let i=0;i<data.enterprise_fx_data.length;i++){
|
|
for(let i=0;i<data.enterprise_fx_data.length;i++){
|
|
|
let _data=data.enterprise_fx_data[i].data,array=[];
|
|
let _data=data.enterprise_fx_data[i].data,array=[];
|
|
@@ -629,7 +632,11 @@ export default {
|
|
|
//企业隐患
|
|
//企业隐患
|
|
|
let qy_yh_data=[],qy_yh_name=[];
|
|
let qy_yh_data=[],qy_yh_name=[];
|
|
|
for(let j=0;j<data.enterprise_yh_data[0].data.length;j++){
|
|
for(let j=0;j<data.enterprise_yh_data[0].data.length;j++){
|
|
|
- qy_yh_name.push(data.enterprise_yh_data[0].data[j].enterprise_name)
|
|
|
|
|
|
|
+
|
|
|
|
|
+ let text=data.enterprise_yh_data[0].data[j].enterprise_name;
|
|
|
|
|
+ let length=text.length/3
|
|
|
|
|
+ let br_text=text.slice(0,length)+'\n'+text.slice(length,length*2)+'\n'+text.slice(length*2,text.length)
|
|
|
|
|
+ qy_yh_name.push(br_text)
|
|
|
}
|
|
}
|
|
|
for(let i=0;i<data.enterprise_yh_data.length;i++){
|
|
for(let i=0;i<data.enterprise_yh_data.length;i++){
|
|
|
let _data=data.enterprise_yh_data[i].data,array=[];
|
|
let _data=data.enterprise_yh_data[i].data,array=[];
|