Browse Source

fix:周报样式修改

guotianliang 3 years ago
parent
commit
0f3cbb3d49

+ 8 - 7
src/views/ReportForm/weekReport/barChart.vue

@@ -346,9 +346,9 @@ export default {
             // 各达标区间空间数量分布
             if(this.weekNormalChart){
                 // ["≥90%","80%~90%","70%~80%","<70%"]
-                let normalDatex=["90%~100%","80%~90%","70%~80%","60%~70%","50%~60%","40%~50%","30%~40%","20%~30%","10%~20%","0%~10%"];
+                let normalDatex=["90~100","80~90","70~80","60~70","50~60","40~50","30~40","20~30","10~20","0~10"];
                 option.xAxis.data=normalDatex;
-                option.xAxis.name="达标区间";
+                option.xAxis.name="达标区间(%)";
                 option.yAxis.show=false;
                 // option.grid.top="45"
                 option.title={
@@ -358,6 +358,7 @@ export default {
                     top:"18",
                     left: "50",
                     right: "65",
+                    right: "500",
                     bottom: "30",
                 };
                 option.series=[];
@@ -366,9 +367,8 @@ export default {
                         type: 'bar',
                         stack: '数量',
                         // color:"#82c7fc",
-                        barWidth: '30%',
+                        barWidth: '50%',
                         itemStyle: {
-
                             //通常情况下:
                             normal:{
                     //每个柱子的颜色即为colorList数组里的每一项,如果柱子数目多于colorList的长度,则柱子颜色循环使用该数组
@@ -379,13 +379,14 @@ export default {
                                 },
                                 barBorderColor: '#eaeaea',
                                 borderType : 'solid',
-                                borderWidth:1,
+                                borderWidth:1
                             },
                             //鼠标悬停时:
                             emphasis: {
                                 barBorderColor: '#eaeaea',
-                            borderType : 'solid',
-                            borderWidth:1,
+                                borderType : 'solid',
+                                borderWidth:1,
+
                                 // shadowBlur: 10,
                                 // shadowOffsetX: 0,
                                 // shadowColor: 'rgba(0, 145, 255, 0.5)'

+ 7 - 6
src/views/ReportForm/weekReport/reportDetail.vue

@@ -268,12 +268,12 @@
                 <!-- start 各达标区间空间数量分布及异常冷热空间列表 -->
                 <section class="mb16"  v-show="envType=='Tdb'">
                     <div class="content_title"><span>各达标区间空间数量分布及异常冷热空间列表</span></div>
-                    <div class="content_title_noline mb10">各达标区间空间数量分布</div>
+                    <div class="content_title_noline mb16">各达标区间空间数量分布</div>
                     <div class="up_distribution">
                         <div class="up_distribution_text"><span></span>达标率偏低,亟待解决</div>
                             <barChart :chart-id="'echart_left_week'" :chart-date="StandardList" :weekNormalChart="true" :y-type="yType"  class="daychart"/>
                     </div>
-                    <div class="title_tips mb52"><i class="el-icon-warning-outline"></i>温馨提示:不同达标区间的空间数量分布一定程度上反映出整体的管控水平。</div>
+                    <div class="title_tips mb52"></div>
                     <div class="content_body">
                         <div class="body_title"><span>偏热空间</span><span class="tabletag taghot">偏热</span></div>
                         <el-table size="mini" :data="hotgirdDate" :height="520" :header-cell-style="{background:'#F8F9FA!important',color:'#646A73',padding:'6px 0'}">
@@ -687,9 +687,10 @@
                     <div class="content_title"><span>各达标区间空间数量分布及异常冷热空间列表</span></div>
                     <div class="content_title_noline mb10">各达标区间空间数量分布</div>
                     <div class="up_distribution">
+                        <div class="up_distribution_text"><span></span>达标率偏低,亟待解决</div>
                             <barChart :chart-id="'echart_left_week'+exportPdf" :chart-date="StandardList" :weekNormalChart="true" :y-type="yType"  class="daychart"/>
                     </div>
-                    <div class="title_tips mb52"><i class="el-icon-warning-outline"></i>温馨提示:不同达标区间的空间数量分布一定程度上反映出整体的管控水平。</div>
+                    <div class="title_tips mb52"></div>
                     <div class="content_body mb475">
                         <div class="body_title"><span>偏热空间</span><span class="tabletag taghot">偏热</span></div>
                         <el-table size="mini" :data="hotgirdDate"  :height="396" :header-cell-style="{background:'#F8F9FA!important',color:'#646A73',padding:'6px 0'}">
@@ -2308,11 +2309,11 @@ export default {
             .up_distribution_text{
                 position: absolute;
                 top: 0;
-                right: 30px;
+                right: 400px;
                 span{
                     display: inline-block;
-                    width: 20px;
-                    height: 8px;
+                    width: 12px;
+                    height: 12px;
                     margin-right: 10px;
                     background: #ff0000;
                 }