index.vue 1.37 KB
<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>
        <div slot="header">
          <jgChart />
        </div>
      </el-card>
    </div>
  </div>
</template>

<script>
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 {
    }
  },
  methods: {}
}
</script>
<style scoped lang="scss">
@import "./index.scss";
</style>