<template>
  <div class="box" style="flex-grow: 0;">
    <!-- <section class="box-sjtj">
     <section class="hader">
       <MOSTY.Assort title="基本信息" style="padding: 0;"/>
       <section style="display: flex;flex-wrap: wrap;">
         <Sjtj :info="pageData.list" :isShowTip="false" :isShowBottom="false" :width="12" />
       </section>
     </section>
   </section> -->
  </div>
  <div class="box" style="flex:1">
    <YjTable :column="pageData.tableColumn" :data="pageData.tableData" />
  </div>
</template>

<script setup>
import { onMounted, ref, reactive, onUnmounted } from "vue";
import { useRouter } from "vue-router";
import { useStore } from "vuex";
import * as MOSTY from "@/components/MyComponents/index"
import Sjtj from "@/views/dataReportWork/aqjypx/components/sjtj.vue"
import YjTable from '../components/YjTable.vue'
const store = useStore();
const router = useRouter();
const pageData = reactive({
  list: [
    { title: '燃煤锅炉', num: 9595 },
    { title: '燃油锅炉', num: 9595 },
    { title: '燃气锅炉', num: 9595 },
    { title: '油气两用锅炉', num: 9595 },
    { title: '电锅炉', num: 9595 },
    { title: '其他', num: 9595 },
  ],
  tableColumn: [
    { label: "燃煤锅炉数量", prop: "key1" },
    { label: "燃油锅炉数量", prop: "key2" },
    { label: "燃气锅炉数量", prop: "key3" },
    { label: "油气两用锅炉数量", prop: "key4" },
    { label: "电锅炉数量", prop: "key4" },
    { label: "最后一次上报时间", prop: "key5" },
    { label: "当前上报状态", prop: "key6" },
    { label: "累计上报次数", prop: "key7" },
  ],
  tableData: [
    { 'key0': "广安", 'key1': 1, 'key2': 2, 'key3': 3, 'key4': 4, 'key5': 5, 'key6': 6, 'key7': 7 }
  ],
})
onMounted(() => { })
onUnmounted(() => { })
</script>

<style lang="scss" scoped>
.box-sjtj {
  background-color: #fff;
  width: 100%;
  padding: 0 16px 7px 16px;
  box-sizing: border-box;
}
</style>
