You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 

79 lines
2.3 KiB

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