<template>
  <div class="jgHome">
    <div class="jgHome-left">
      <el-card>
        <div slot="header">
          <span>发证情况</span>
          <el-button style="float: right;" type="text">更多</el-button>
        </div>
        <div class="fzl">
          <img src="../../image/zs.png" alt="">
          <div>
            <p>发证量</p>
            <p class="fznum">10000<span>本</span></p>
          </div>
        </div>
        <ul class="zszm d-flex-center">
          <li>
            <p>证书</p>
            <p class="fznum">600<span>本</span></p>
          </li>
          <li>
            <p>证明</p>
            <p class="fznum">900<span>本</span></p>
          </li>
        </ul>
      </el-card>
      <el-card class="barChart">
        <barChart />
      </el-card>
    </div>
    <div class="jgHome-center">
      <el-card>
        <hzMap />
      </el-card>
    </div>
    <div class="jgHome-right">
      <el-card class="bottom10 paddingbtm0">
        <jgChart />
      </el-card>
      <el-card class="box-card paddingbtm0">
        <div slot="header">
          <span>违规总计</span>
          <el-button style="float: right;" type="text">更多</el-button>
        </div>
        <lb-table ref="table" :pagination="false" :heightNum="546" :column="tableData.columns" :data="tableData.data">
        </lb-table>
      </el-card>
    </div>
  </div>
</template>

<script>
// 引入表格数据
import data from "./data"
import barChart from './components/barChart'
import hzMap from './components/map'
import jgChart from './components/jgChart'
export default {
  name: "jgHome",
  components: { barChart, hzMap, jgChart },
  data () {
    return {
      // 表格数据
      tableData: {
        // 表格头部信息
        columns: data.columns(),
        // 表格列表数据
        data: [{}]
      }
    }
  },
  methods: {}
}
</script>
<style scoped lang="scss">
@import "./index.scss";
</style>