提交

src/pages/alarms/untreated/index.vue

 <template lang="pug">
     el-container(style="height:77vh")
-        el-aside( width="350px" v-loading="leftLoading" style="z-index:1000;")
+        el-aside( width="370px" v-loading="leftLoading" style="z-index:1000;")
             div.left_aside(style="height:auto")
                 el-header.left_header 报警统计
                 el-main.left_main
@@ -30,11 +30,11 @@
                                 div(style="font-size:12px;color:#656565;font-family:Microsoft YaHei;font-weight:400;") 一般
             div.left_aside(style="height:auto;margin-bottom:10px;")
                 el-header.left_header 等级分布
-                div(id="myCharts" style="height:200px;background:#ffffff")
+                div(id="myCharts" style="width:100%;height:200px;background:#ffffff")
 
             div.left_aside(style="height:auto;margin-bottom:0px;")
                 el-header.left_header 报警分布
-                div(id="alarms" style="height:200px;background:#ffffff")
+                div(id="alarms" style="width:100%;height:200px;background:#ffffff")
         el-main(style="padding:0px;z-index:1001;height:78vh" class="alarms-untreated-main")
             el-tabs(v-model="activeName" type="border-card" @tab-click="handleClick")
                 el-tab-pane(label="报警列表" name="0")
@@ -105,7 +105,7 @@ export default {
           {
             name: '',
             type: 'bar',
-            barWidth: '60%',
+            barWidth: '8%',
             data: this.typeNumList,
 
             itemStyle: {