vis389/src/views/chartList/page1/index.vue

<template>
  <div class="app-container">
    <el-divider content-position="left"
      ><span class="text-bold-18">经营责任书完成概况</span></el-divider
    >
    <left1 />
    <el-divider content-position="left"
      ><span class="text-bold-18">收入、利润概况</span></el-divider
    >
    <left2 />
    <el-divider content-position="left"
      ><span class="text-bold-18">全年目标</span></el-divider
    >
    <center1 />
    <el-divider content-position="left"
      ><span class="text-bold-18">今日动态</span></el-divider
    >
    <center2 />
    <el-divider content-position="left"
      ><span class="text-bold-18">本月动态</span></el-divider
    >
    <center3 />
    <el-divider content-position="left"
      ><span class="text-bold-18">生产责任令完成概况</span></el-divider
    >
    <right1 />
    <el-divider content-position="left"
      ><span class="text-bold-18">交付产品完成概况</span></el-divider
    >
    <right2 />
    <el-divider content-position="left"
      ><span class="text-bold-18">装药量概况</span></el-divider
    >
    <right3 />
  </div>
</template>
<script>
import left1 from "./left1.vue";
import left2 from "./left2.vue"; // 包括 left2 和 left3 只有一个接口
import center1 from "./center1.vue";
import center2 from "./center2.vue";
import center3 from "./center3.vue";
import right1 from "./right1.vue";
import right2 from "./right2.vue";
import right3 from "./right3.vue";
export default {
  components: {
    left1,
    left2,
    center1,
    center2,
    center3,
    right1,
    right2,
    right3,
  },
};
</script>
<style lang="scss" scoped>
.app-container {
  .el-divider:nth-child(n + 2) {
    margin-top: 50px;
  }
}
.text-bold-18 {
  font-size: 18px;
  font-weight: bold;
}
</style>