
<template >
    <div style="padding: 0px 35px; display: flex; justify-content: space-between"
        >
        <div>
            <border-panel
              height="310px"
              style="margin-bottom: 6px"
              title="总体展示"
            >
            <Totality/>
            </border-panel>
            <border-panel
              height="320px"
              style="margin-bottom: 6px"
              title="排查统计"
            >
          <Investigation/>
            </border-panel>
            <border-panel height="310px" title="整改统计">
           <Rectification/>
            </border-panel>
          </div>
        <div>
          <border-panel
              height="521px"
            
              style="margin-bottom: 6px"
              title="风险分布                "
            > 
          <Riskdistribution/>
            </border-panel>
            <border-panel
              height="421px"
              style="margin-bottom: 6px"
              title="风险隐患"
            >
              <RiskDanger/>
            </border-panel>
        </div>
    </div>
  </template>
  <script>
    import Totality from './components/Totality.vue'
    import Investigation from './components/Investigation.vue';
    import Rectification from './components/Rectification.vue'
    import Riskdistribution from './components/Riskdistribution.vue';
    import RiskDanger from './components/RiskDanger.vue';
  export default {
    name: 'Risk',
    components:{Totality,Investigation,Rectification,Riskdistribution,RiskDanger}
  }
  </script>
  
  <style scoped lang='less'>
  </style>
  