kd-aiot-frontend/src/views/ledgerAssets/sparepart/detail.vue

<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"></component>
       </div>
    </el-card>
  </div>
</template>

<script>
import baseInfo from './components/baseInfo.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>