<template>
  <div class="ele-body">
    <el-card :body-style="{ padding: 0 }">
      <div class="page-title">
        <el-page-header @back="$router.go(-1)">
          <div slot="content" class="pageContent">
            <div>房屋建筑物信息详情</div>
          </div>
        </el-page-header>
      </div>
      <div class="content-wrapper">
        <component
          :is="activeComp"
          :rowId="rowId"
          :showTitle="false"
        ></component>
      </div>
    </el-card>
  </div>
</template>

<script>
  import baseInfo from './edit.vue';
  export default {
    components: {
      baseInfo
    },
    data() {
      return {
        activeComp: 'baseInfo',
        tabOptions: [{ key: 'baseInfo', name: '舟皿信息' }],
        rowId: null
      };
    },
    created() {
      this.rowId = this.$route.query.id;
    },
    methods: {
      // async getDetilInfo(id){
      //   const res = await getDetails({id:id})
      //   if (res.success){
      //   }
      // },
    }
  };
</script>

<style lang="scss" scoped>
  .page-title {
    background: #fff;
    padding: 26px 10px 15px;
    border-bottom: 1px solid #eaeefb;
  }
</style>
