editTree.vue 1.02 KB

<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>