Skip to content

X
xt-whp
Commit bf02740d authored by yaqizhang's avatar yaqizhang
Browse files
Options

行唐汇聚信息统计样式优化

parent 384a3b77
Hide whitespace changes
Inline Side-by-side
Showing with 38 additions and 36 deletions
dcit-hcsystem-hcsystem-master/src/views/qyMap/qyMap.vue
View file @ bf02740d
......@@ -25,48 +25,48 @@
<QyMapone></QyMapone>
</div>
<div class="markBox">
<div class="markbox-div" ref="qyzc" style="margin-top: 70px;">
<div class="markbox-click" ref="qyimg" @click="mapqiye" style="width: 30%;height: 100%;float: left;text-align: right;">
<img width="15px" src="@/assets/mark/markqy.png" />
<div @click="mapqiye" class="markbox-div" ref="qyzc" style="margin-top: 100px;">
<div class="markbox-click" ref="qyimg" style="width: 30%;height: 100%;float: left;text-align: right;">
<img width="27px" src="@/assets/mark/markqy.png" />
</div>
<div class="markbox-span" ref="zqyzc" style="width: 70%;height: 100%;float: left;text-align: center;line-height: 10px;padding-top: 18px;">
<span>企业注册<p></p>2</span>
<span>企业注册<p></p><span style="font-family: 'UnidreamLED';font-size: 1.5rem;">{{tjNumberObj.enterpriseRegNum}}</span></span>
</div>
</div>
<div class="markbox-div" ref="wxy">
<div @click="mapwxy" class="markbox-click" ref="wxyimg" style="width: 30%;height: 100%;float: left;text-align: right;">
<img width="20px" src="@/assets/mark/weixianyuan.png" />
<div @click="mapwxy" class="markbox-div" ref="wxy">
<div class="markbox-click" ref="wxyimg" style="width: 30%;height: 100%;float: left;text-align: right;">
<img width="35px" src="@/assets/mark/weixianyuan.png" style="margin-top: 20px;"/>
</div>
<div class="markbox-span" ref="zwxy" style="width: 70%;height: 100%;float: left;text-align: center;line-height: 10px;padding-top: 18px;">
<span>危险源<p></p>2</span>
<span>危险源<p></p><span style="font-family: 'UnidreamLED';font-size: 1.5rem;">{{tjNumberObj.dangerNum}}</span></span>
</div>
</div>
<div class="markbox-div" ref="jk">
<div @click="mapshipin" class="markbox-click" ref="shipinimg" style="width: 30%;height: 100%;float: left;text-align: right;">
<img width="20px" src="@/assets/mark/jiankong.png" />
<div @click="mapshipin" class="markbox-div" ref="jk">
<div class="markbox-click" ref="shipinimg" style="width: 30%;height: 100%;float: left;text-align: right;">
<img width="32px" src="@/assets/mark/jiankong.png" />
</div>
<div class="markbox-span" ref="zjk" style="width: 70%;height: 100%;float: left;text-align: center;line-height: 10px;padding-top: 18px;">
<span>监控监测点<p></p>2</span>
<span>监控监测点<p></p><span style="font-family: 'UnidreamLED';font-size: 1.5rem;">{{tjNumberObj.cameraNum}}</span></span>
</div>
</div>
<div class="markbox-div" ref="wh">
<div ref="whimg" class="markbox-click" style="width: 30%;height: 100%;float: left;text-align: right;">
<img width="20px" src="@/assets/mark/weihaichangsuo.png" />
<img width="32px" src="@/assets/mark/weihaichangsuo.png" />
</div>
<div class="markbox-span" ref="zwh" style="width: 70%;height: 100%;float: left;text-align: center;line-height: 10px;padding-top: 18px;">
<span>职业危害场所<p></p>2</span>
<span>职业危害场所<p></p><span style="font-family: 'UnidreamLED';font-size: 1.5rem;">0</span></span>
</div>
</div>
<div class="markbox-div" ref="yh">
<div @click="yinhuan" class="markbox-click" ref="yhimg" style="width: 30%;height: 100%;float: left;text-align: right;">
<img width="20px" src="@/assets/mark/yinhuan.png" />
<div @click="yinhuan" class="markbox-div" ref="yh">
<div class="markbox-click" ref="yhimg" style="width: 30%;height: 100%;float: left;text-align: right;">
<img width="30px" src="@/assets/mark/yinhuan.png" />
</div>
<div class="markbox-span" ref="zyh" style="width: 70%;height: 100%;float: left;text-align: center;line-height: 10px;padding-top: 18px;">
<span>隐患<p></p>2</span>
<span>隐患<p></p><span style="font-family: 'UnidreamLED';font-size: 1.5rem;">{{tjNumberObj.troubleNum}}</span></span>
</div>
</div>
......@@ -868,12 +868,11 @@
.markBox {
z-index: 30;
width: 185px;
height: 700px;
height: calc(100vh - 230px);
background: url('../../assets/z3.png') 100% 100%;
background-repeat: no-repeat;
position: fixed;
top: 70px;
right: 20px;
position: absolute;
top: -67px;
right: 10px;
}
.markBox .markbox-div {
......@@ -894,7 +893,7 @@
}
.markbox-click img {
width: 30px;
/* width: 30px; */
margin-top: 17px;
}
......
dcit-hcsystem-hcsystem-master/src/views/qyMap/qyMapone.vue
View file @ bf02740d
......@@ -31,9 +31,9 @@
</div>
<!-- </dv-border-box-1> -->
<dv-border-box-12>
<div id="pie2" style="width:450px;height: 350px;padding: 20px 0 0 0;">
<div id="pie2" style="width:450px;height: 330px;padding: 20px 0 0 0;">
<!-- 为 ECharts 准备一个具备大小（宽高）的 DOM -->
<div id="main2" style="width:450px;height:330px;"></div>
<div id="main2" style="width:450px;height:310px;"></div>
</div>
</dv-border-box-12>
<div class="div-table" style="width:480px;margin-top: 20px;background-color: rgb(0, 0, 0,0);position: fixed;bottom: 0;right: 0;margin-right: 20px;">
......@@ -49,7 +49,7 @@
<el-table-column prop="alarmTime" label="预警时间"></el-table-column>
</el-table>
</div>
<div id="pie3" style="width:450px;height: 350px;margin-left: 20px;margin-top: 15px;">
<div id="pie3" style="width:450px;height: 350px;margin-left: 20px;margin-top: 35px;">
<!-- 为 ECharts 准备一个具备大小（宽高）的 DOM -->
<div id="main3" style="width:450px;height:330px;"></div>
</div>
......@@ -203,7 +203,11 @@ export default {
textStyle: { //图例文字的样式
color: '#fff',
}
},
},
grid: {
bottom:'7%',
left: 80,
},
xAxis: {
type: 'value',
axisLabel: {
......@@ -232,6 +236,13 @@ export default {
inverse: true, //倒叙
axisLabel:{
show: true,
formatter:function(value){
var texts=value;
if(texts.length>5){ // 具体多少字就看自己了
texts=texts.substr(0,5)+'...';
}
return texts;
},
rich: {
flag: {
fontSize: 25,
......@@ -309,14 +320,6 @@ export default {
}
}
},
// toolbox: {
// feature: {
// dataView: { show: true, readOnly: false },
// magicType: { show: true, type: ['line', 'bar'] },
// restore: { show: true },
// saveAsImage: { show: true }
// }
// },
legend: {
data: ['隐患', '风险'],
textStyle: { //图例文字的样式
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment