<!--
  @description: 查看机构之容器
  @author: change by sunxinman
  @routerPath: 无
  @date:  2019/10/45-03:33
-->
<template>
  <div>
    <div class="title p0-16 clearfix">
      <div class="title-back pointer" @click="back">
        <i class="iconfont icon-fanhui mr10" />查看机构
      </div>
    </div>
    <div class="p0-16">
      <tabs ref="tabs" :list="tabsList" />
      <router-view />
    </div>
  </div>
</template>

<script>
import tabs from '@comp/common/tabs'
export default {
  components: {
    tabs
  },
  data() {
    return {
      tabsList: [
        {
          name: '公司基本信息',
          path: '/systemManagement/lookMachine/companyInfo'
        },
        {
          name: '联系人信息',
          path: '/systemManagement/lookMachine/contactInfo'
        },
        {
          name: '财务信息',
          path: '/systemManagement/lookMachine/financeInfo'
        }
      ],
      departId: ''
    }
  },
  created() {
    this.departId = this.$route.query.departId
  },
  methods: {
    back() {
      this.$router.replace(
        {
          path: '/systemManagement/organization'
        }
      )
    }
  }
}
</script>

<style lang="less" scoped>
  @import url("~@/assets/style/common/public.less");
</style>
