<template>
  <div class="big-project-count">
    <nav-temp htmlType="t1" :title="title">
      <div slot="mk-center" style="height: 220px; width: 100%">
        <census-card
          :activityList="tableList"
          :countNum="countNum"
          :countUnit="unit"
          :props="props"
          :icon="icon"
        ></census-card>
      </div>
    </nav-temp>
  </div>
</template>
<script>
import CensusCard from "@/components/Cards/CensusCard";
import NavTemp from "./navTemp";
export default {
  name: "EProjectCensusTemp",
  components: {
    NavTemp,
    CensusCard,
  },
  props: {
    title: {
      type: String,
      default: ''
    },
    tableList: {
      type: Array,
      default: () => {
        return []
      }
    },
    unit: {
      type: String,
      default: ''
    },
    props: {
      type: Object,
      default: () => {
        return {
          lebel: "label",
          key: "key",
          value: "value",
        }
      }
    },
    countNum: {
      type: [String,Number],
      default: () => {
        return 0
      }
    },
    icon: {
      type: String,
      default: () => {
        return '/static/img/icon01.08d77e5b.png'
      }
    }
  },
  data() {
    return {
      countNum: 3456.7,
      icons: '/static/img/icon01.08d77e5b.png',
      prop: {
        lebel: "label",
        key: "key",
        value: "value",
      },
      countUnit: "（吨标准煤）",
      list: [
        {
          value: "112-55656",
          label: "子項目名稱B",
        },
        {
          value: "112-5565",
          label: "子項目名稱A",
        },
        {
          value: "112-5565",
          label: "子項目名稱B",
        },
        {
          value: "112-5565",
          label: "子項目名稱A",
        },
        {
          value: "112-5565",
          label: "子項目名稱B",
        },
        {
          value: "112-5565",
          label: "子項目名稱A",
        },
        {
          value: "112-5565",
          label: "子項目名稱V",
        },
        {
          value: "112-5565",
          label: "子項目名稱A",
        },
      ],
    };
  },
  watch: {
    projectId(val) {
      this.getDeviceProportionList();
    },
  },
  created() {
    this.getDeviceProportionList();
  },
  methods: {
    getDeviceProportionList() {},
  },
};
</script>
<style lang="scss">
.big-project-count {
  width: 100%;
  overflow: hidden;
  margin-bottom: 2px;
  .count-info {
    width: 100%;
    height: 240px;
    padding-top: 10px;
  }
}
</style>
