JCSS / yl_miniapp

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

        <editTreeIfo v-if="currentName === '基本信息'" :treeId="id"></editTreeIfo>

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

  // import { treeDetailReq } from "@/api/tree";

  import treeLog from "./treeLog.vue";

  import editTreeIfo from "./editTreeIfo.vue";

  export default {

    components:{treeLog,editTreeIfo},

    name: "editTree",
    data(){
      return{
        tabs:['基本信息','变更日志',],
        currentName:'基本信息',
        id:''
      }
    },
    onLoad(options){
      this.id = options.id

      console.log( this.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{

  }
  
  </style>