
<template>

  <view class="container">
    <tui-tab :tabs="tabs" scroll @change="tabChange"></tui-tab>


    <view class="content-container">
      <view v-if="currentName === '基本信息'">xiugai基本信息</view>

      <treeLog v-if="currentName === '变更日志'" :logId="id" />
    </view>
  </view>

</template>
<script >
import { treeDetailReq } from "@/api/tree";

import treeLog from "./treeLog.vue";
export default {
  components:{treeLog},
  name: "editTree",
  data(){
    return{
      tabs:['基本信息','变更日志',],
      currentName:'基本信息',
      id:''
    }
  },
  onLoad(options){
    this.id = options.id
    this.treeDetailQuery()
  },
  methods:{
    treeDetailQuery(){
      treeDetailReq(this.id).then(res=>{
        console.log(res)
      })
    },
    tabChange(i){
      console.log(i.item.name)
      this.currentName = i.item.name
    }
  }
}
</script>



<style scoped>
.content-container{
  padding-top: 20rpx;
}

</style>