|
|
|
@ -1,30 +1,28 @@ |
|
|
|
<template> |
|
|
|
<div class="box"> |
|
|
|
<div style="width: 100%"> |
|
|
|
<el-card> |
|
|
|
<div style="display: flex"> |
|
|
|
<!-- 单位树组件 --> |
|
|
|
<div style="width: 200px; border: 1px solid"> |
|
|
|
<CustomerOrgTreeAll /> |
|
|
|
</div> |
|
|
|
<div style="margin-left: 10px; width: 85%"> |
|
|
|
<!-- 查询条件 --> |
|
|
|
<PatientRegisterQuery /> |
|
|
|
|
|
|
|
<!-- 人员列表信息 --> |
|
|
|
<PatientRegisterList /> |
|
|
|
|
|
|
|
<!-- 给合项目 基本信息 --> |
|
|
|
<el-tabs v-model="tabChoosed"> |
|
|
|
<!-- 给合项目 --> |
|
|
|
<el-tab-pane label="组合项目" name="1"> |
|
|
|
<PatientRegisterAsbItem /> |
|
|
|
</el-tab-pane> |
|
|
|
</el-tabs> |
|
|
|
</div> |
|
|
|
<div> |
|
|
|
<el-card> |
|
|
|
<div style="display: flex"> |
|
|
|
<!-- 单位树组件 --> |
|
|
|
<div :style="CustomerOrgTreeStyle"> |
|
|
|
<CustomerOrgTreeAll /> |
|
|
|
</div> |
|
|
|
</el-card> |
|
|
|
</div> |
|
|
|
<div :style="CustomerOrgRightStyle"> |
|
|
|
<!-- 查询条件 --> |
|
|
|
<PatientRegisterQuery /> |
|
|
|
|
|
|
|
<!-- 人员列表信息 --> |
|
|
|
<PatientRegisterList /> |
|
|
|
|
|
|
|
<!-- 给合项目 基本信息 --> |
|
|
|
<el-tabs v-model="tabChoosed"> |
|
|
|
<!-- 给合项目 --> |
|
|
|
<el-tab-pane label="组合项目" name="1"> |
|
|
|
<PatientRegisterAsbItem /> |
|
|
|
</el-tab-pane> |
|
|
|
</el-tabs> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</el-card> |
|
|
|
</div> |
|
|
|
</template> |
|
|
|
<script> |
|
|
|
@ -47,6 +45,8 @@ export default { |
|
|
|
data() { |
|
|
|
return { |
|
|
|
tabChoosed: "1", |
|
|
|
CustomerOrgTreeStyle:"", |
|
|
|
CustomerOrgRightStyle:"margin-left: 10px;", |
|
|
|
}; |
|
|
|
}, |
|
|
|
|
|
|
|
@ -55,10 +55,11 @@ export default { |
|
|
|
//挂载完成 |
|
|
|
mounted() { |
|
|
|
this.dictInit(); |
|
|
|
this.resize(); |
|
|
|
}, |
|
|
|
|
|
|
|
computed: { |
|
|
|
...mapState(["dict", "patientRegister", "customerOrg"]), |
|
|
|
...mapState(["window","dict", "patientRegister", "customerOrg"]), |
|
|
|
}, |
|
|
|
|
|
|
|
methods: { |
|
|
|
@ -174,23 +175,59 @@ export default { |
|
|
|
|
|
|
|
console.log("dict", this.dict); |
|
|
|
}, |
|
|
|
|
|
|
|
resize() { |
|
|
|
let headerHeight = Number(150); |
|
|
|
let orgDetailHeight = Number(200); |
|
|
|
let editHeight = Number(200); |
|
|
|
this.CustomerOrgTreeStyle = "overflow: scroll;border: 1px solid;width:200px; height:" + (this.window.pageHeight - headerHeight) + "px;"; |
|
|
|
this.CustomerOrgRightStyle = "margin-left: 10px;width:" + (this.window.pageWidth - 200 - 60) + "px; height:" + (this.window.pageHeight - headerHeight) + "px;"; |
|
|
|
|
|
|
|
this.customerOrg.orgEditStyle = 'display: flex;'; |
|
|
|
this.customerOrg.orgDetailStyle = 'display: flex;'; |
|
|
|
if (this.window.pageHeight < 600) { |
|
|
|
this.customerOrg.orgDetailHeight = orgDetailHeight; |
|
|
|
this.CustomerOrgTreeStyle = "overflow: scroll;border: 1px solid;width:200px; height:" + (orgDetailHeight*2 + Number(50)) + "px;"; |
|
|
|
this.customerOrg.orgEditStyle += "overflow-y: scroll;height:" + orgDetailHeight + "px;"; |
|
|
|
this.customerOrg.orgDetailStyle += "overflow-y: scroll;height:" + orgDetailHeight + "px;"; |
|
|
|
} else { |
|
|
|
this.customerOrg.orgDetailHeight = orgDetailHeight + Math.floor((this.window.pageHeight - 600) * 1 / 3); |
|
|
|
editHeight = this.window.pageHeight - headerHeight - this.customerOrg.orgDetailHeight - 50; |
|
|
|
if (editHeight > 400) { |
|
|
|
this.customerOrg.orgEditStyle += "height:" + editHeight + "px;"; |
|
|
|
this.customerOrg.orgDetailStyle += "height:" + this.customerOrg.orgDetailHeight + "px;"; |
|
|
|
} else { |
|
|
|
this.customerOrg.orgEditStyle += "overflow-y: scroll;height:" + editHeight + "px;"; |
|
|
|
this.customerOrg.orgDetailStyle += "overflow-y: scroll;height:" + this.customerOrg.orgDetailHeight + "px;"; |
|
|
|
} |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
} |
|
|
|
}, |
|
|
|
|
|
|
|
//监听事件() |
|
|
|
watch: { |
|
|
|
//1级单位值改变，分组改变 |
|
|
|
"patientRegister.query.CustomerOrgParentId"(newVal, oldVal) { |
|
|
|
console.log( |
|
|
|
"watch patientRegister.query.CustomerOrgParentId newVal：", |
|
|
|
newVal, |
|
|
|
" oldVal：", |
|
|
|
oldVal |
|
|
|
); |
|
|
|
console.log("watch patientRegister.query.CustomerOrgParentId newVal：",newVal,"oldVal：",oldVal); |
|
|
|
if (newVal != oldVal && newVal !== this.dict.personOrgId) { |
|
|
|
this.getCustomerOrgGroup(newVal); |
|
|
|
} |
|
|
|
}, |
|
|
|
|
|
|
|
"window.pageHeight"(newVal, oldVal) { |
|
|
|
if (newVal != oldVal) { |
|
|
|
this.resize(); |
|
|
|
} |
|
|
|
}, |
|
|
|
"window.pageWidth"(newVal, oldVal) { |
|
|
|
if (newVal != oldVal) { |
|
|
|
this.resize(); |
|
|
|
} |
|
|
|
}, |
|
|
|
}, |
|
|
|
|
|
|
|
}; |
|
|
|
</script> |
|
|
|
<style scoped> |
|
|
|
|
pengjun
2 years ago