<template>
  <div class="ele-body">
    <!-- tab切换 -->
    <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;
    }
  };
</script>

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