<template>
  <div>
    <el-card  class="elcard">
      <div slot="header">
        <span>体检单位设置</span>        
      </div>      
      <div style="display: flex;">
        <!-- 单位树组件 -->
        <div :style="'border: 0px solid #888;width:200px; height:' +
          (window.pageHeight < 600 ? 470 : window.pageHeight - 130) +
          'px;'
          ">
          <CustomerOrgTree />
        </div>
        <div :style="'display:block;width:' +
          (window.pageWidth - 200 - 20) +
          'px;height:' +
          (window.pageHeight < 600 ? 470 : window.pageHeight - 130) +
          'px;' +
          (window.pageHeight < 600 ? 'overflow-y: scroll;' : '')
          ">
          <!-- 单位详情  录入与编辑  -->
          <div style="height:270px;">
            <CustomerOrgEdit :id="customerOrg.customerOrgRd.id" />
          </div>
          <!-- 体检次数  联系人  -->
          <el-tabs :style="'margin-left: 10px;width:' +
            (window.pageWidth - 200 - 30) +
            'px;height:' +
            (window.pageHeight < 600 ? 202 : window.pageHeight - 398) +
            'px;'
            " v-model="tabChoosed">
            <!-- 体检次数 -->
            <el-tab-pane label="体检次数" name="1">
              <CustomerOrgRegister />
            </el-tab-pane>
            <!-- 联系人 -->
            <el-tab-pane label="联系人" name="2">
              <ContactPerson :customerOrgId="customerOrg.customerOrgRd.id"/>
            </el-tab-pane>
          </el-tabs>
        </div>
      </div>
    </el-card>
  </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 {
      tabChoosed: "1",
    };
  },

  created() { },

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

  computed: {
    ...mapState(["customerOrg", "window"]),
  },
  methods: {},
};
</script>
<style scoped>
@import "../../assets/css/global_input.css";
</style>
