修改预览样式

tanghaolin

2023-01-11 a227e8ab6df9a3aa36112e3ae98cfaa323438d29

修改预览样式

 src/views/main/istation/overview/components/barChart.vue

@@ -49,6 +49,10 @@
                    text: this.title,
                    left: 'center'
                },
                grid:{
                    top:30,
                    bottom:30
                },
                xAxis: {
                    type: 'category',
                    data: ['正常', '注意', '异常', '严重']
@@ -88,7 +92,7 @@
<style scoped>
.bar-chart-box{
    width: 100%;
    height: 100%;
    height: calc(100% - 40px);
    display: flex;
    justify-content: center;
    align-items: center;

 src/views/main/istation/overview/index.vue

@@ -22,26 +22,26 @@
        </fks-row>
     </div>
     <div class="system-overview-bottom">
        <fks-row :gutter="20" style="width: 100%; height: calc(50% - 40px);">
        <fks-row :gutter="20" style="width: 100%; height: calc(50% - 5px);margin-left:unset">
                <!-- 金刚沱泵站 -->
                <fks-col :span="12" style="height:100%;">
                <fks-col :span="12" style="height:100%;background-color:#fff;width: calc(50% - 5px);margin-right:10px">
                    <titleBox title="金刚沱泵站"></titleBox>
                    <barChart divid="pump1" title="机组健康评价" :bardata="m_Pump1" :iscoustomecolor="true"></barChart>
                </fks-col>
                <!-- 嘉陵江草街泵站 -->
                <fks-col :span="12" style="height:100%;">
                <fks-col :span="12" style="height:100%;background-color:#fff;width: calc(50% - 5px);">
                    <titleBox title="嘉陵江草街泵站"></titleBox>
                    <barChart divid="pump2" title="机组健康评价" :bardata="m_Pump2" :iscoustomecolor="true"></barChart>
                </fks-col>
        </fks-row>
        <fks-row :gutter="20" style="width: 100%; height: calc(50% - 0px);">
        <fks-row :gutter="20" style="width: 100%; height: calc(50% - 5px);margin-left:unset;margin-top:10px;">
                <!--  江津德感加压站 -->
                <fks-col :span="12" style="height:100%;">
                <fks-col :span="12" style="height:100%;background-color:#fff;width: calc(50% - 5px);margin-right:10px">
                    <titleBox title="江津德感加压站"></titleBox>
                    <barChart divid="pump3" title="机组健康评价" :bardata="m_Pump3" :iscoustomecolor="true"></barChart>
                </fks-col>
                <!-- 设备故障诊断 -->
                <fks-col :span="12" style="height:100%;">
                <fks-col :span="12" style="height:100%;background-color:#fff;width: calc(50% - 5px);">
                    <titleBox title="永川临江加压站"></titleBox>
                    <barChart divid="pump4" title="机组健康评价" :bardata="m_Pump4" :iscoustomecolor="true"></barChart>
                </fks-col>
@@ -105,7 +105,6 @@
.system-overview-bottom{
    width: 100%;
    height: 64%;
    background-color: #fff;
    margin-top: 10px;
}
</style>