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
79 lines
2.3 KiB
<template>
|
|
<div>
|
|
<el-card class="elcard">
|
|
<div slot="header">
|
|
<span>体检单位设置</span>
|
|
</div>
|
|
<div style="display: flex;">
|
|
<!-- 单位树组件 -->
|
|
<div :style="'border: 1px solid;width:200px; height:' +
|
|
(window.pageHeight < 600 ? 450 : window.pageHeight - 150) +
|
|
'px;'
|
|
">
|
|
<CustomerOrgTree />
|
|
</div>
|
|
<div :style="'display:block;width:' +
|
|
(window.pageWidth - 200 - 40) +
|
|
'px;height:' +
|
|
(window.pageHeight < 600 ? 450 : window.pageHeight - 150) +
|
|
'px;' +
|
|
(window.pageHeight < 600 ? 'overflow-y: scroll;' : '')
|
|
">
|
|
<!-- 单位详情 录入与编辑 -->
|
|
<div style="height:228px;">
|
|
<CustomerOrgEdit :id="customerOrg.customerOrgRd.id" />
|
|
</div>
|
|
<!-- 体检次数 联系人 -->
|
|
<el-tabs :style="'margin-left: 10px;width:' +
|
|
(window.pageWidth - 200 - 50) +
|
|
'px;height:' +
|
|
(window.pageHeight < 600 ? 222 : window.pageHeight - 378) +
|
|
'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>
|