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.
78 lines
1.7 KiB
78 lines
1.7 KiB
<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>
|