<!--
 * @Description: 城市治理左半
 * @Author: 王晓颖
 * @Date: 2020-09-04 13:58:59
 -->
<template>
  <div class="chart-container">
    <div class="left">
      <div class="modular">
        <!--<corner1/>-->
        <div class="modular-50">
          <!--基础信息-->
          <base-info/>
        </div>
        <div class="modular-50">
          <!-- 社会治理-->
          <city-govern/>
        </div>
      </div>
    </div>
  </div>
</template>
<script>
import Corner1 from '@/components/corner/Corner1'
import wisdomTraffic from '@/views/wisdomTraffic/index2'
import BaseInfo from './components/baseInfo/baseInfo'
import CityGovern from './components/cityGovern/cityGovern'
import PopulationTotal from './components/cityGovern/components/populationTotal'
export default {
  name: 'CityManageLeft',
  components: {PopulationTotal, CityGovern, BaseInfo, Corner1, wisdomTraffic}

}
</script>

<style rel="stylesheet/scss" lang="scss" scoped>
  .chart-container{
    position: absolute;
    top:0;
    left:.2rem;
    width: 30%;
    height:98%;
    display: flex;
    z-index: 20;
    justify-content: space-between;
    background: transparent;
    .left{
      width:100%;
      height:100%;
      display: flex;
      justify-content: center;
      /*position: relative;*/
    }
    .modular{
      width:100%;
      height:100%;
      position:relative;
      .modular-50{
        height:50%;
        wdith:100%;
      }
    }
  }
</style>