<template>
  <div class="box">
    <div>
      <el-card>
        <div style="display: flex">
          <!-- 单位树组件 -->
          <div style="width: 15%; border:1px solid;">
            <CustomerOrgTree/>
          </div>
          <div style="width: 85%">
            <!-- 单位详情  录入与编辑  -->
            <CustomerOrgEdit/>
            <!-- 体检次数  联系人  -->
            <el-tabs style="margin-left: 10px;" >
              <!-- 体检次数 -->
              <el-tab-pane label="体检次数" name="first">
                <CustomerOrgRegister/>
              </el-tab-pane>
              <!-- 联系人 -->
              <el-tab-pane label="联系人" name="second">
                <ContactPerson/>
              </el-tab-pane>
            </el-tabs>
          </div>
        </div>
      </el-card>
    </div>
  </div>
</template>
<script>
import { mapState } from 'vuex'
import CustomerOrgTree from '../../components/customerOrg/customerOrgTree.vue'
import CustomerOrgEdit from '../../components/customerOrg/customerOrgEdit.vue'
import CustomerOrgRegister from '../../components/customerOrg/customerOrgRegister.vue'
import ContactPerson from '../../components/customerOrg/ContactPerson.vue'
export default {
  components: {
    CustomerOrgTree,
    CustomerOrgEdit,
    CustomerOrgRegister,
    ContactPerson
  },
  data() {
    return {
      
    };
  },
  
  created() {
    
  },

  //挂载完成
  mounted() {
    
  },

  computed:{
    ...mapState(['customerOrg']),
  },
  methods: {
    
  },
  //监听事件
  // watch:{
  //   'customerOrg.customerOrgId'(newVal, oldVal){
  //     if(newVal != oldVal && newVal != ""){
  //       alert(newVal)
  //     }
  //   },    
  // },
};
</script>
<style scoped>
.box {
  display: flex;
}
</style>