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

<template>
  <div>
    <!-- tab切换 -->
<!--    <div class="switch">
      <div class="switch_left">
        <ul>
          <li
            v-for="item in tabOptions"
            :key="item.key"
            :class="{ active: activeComp == item.key }"
            @click="activeComp = item.key"
          >
            {{ item.name }}
          </li>
        </ul>
        <el-button size="small" @click="$router.go(-1)">返回</el-button>
      </div>
    </div> -->
    <div class="content-wrapper">
      <component :is="activeComp" :rowInfo="rowInfo"></component>
    </div>
  </div>
</template>

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

     //   }
     // },
  }

}
</script>

<style lang="scss" scoped>
.content-wrapper {
  background-color: #fff;
}
.switch_left{
  width:100%;
  display:flex;
  align-items:center;
  justify-content: space-between;
  padding-right:20px;
}
</style>