|
|
|
@ -1,20 +1,21 @@ |
|
|
|
<template> |
|
|
|
<div class="d-flex flex-column"> |
|
|
|
<div class="d-flex flex-column main"> |
|
|
|
<div v-if="!patientId"> |
|
|
|
<search @searchPatientMes="searchPatientMes" /> |
|
|
|
<patient-table :lists="lists" @handleSelPatientMes="handleSelPatientMes" class="mt-3" /> |
|
|
|
</div> |
|
|
|
<div v-else style="position: relative"> |
|
|
|
<a-tabs default-active-key="OTHER"> |
|
|
|
<a-tab-pane v-for="item in codeTypeList" :key="item.code" :tab="item.name"> |
|
|
|
<div v-if="item.code === 'SWYB'"> |
|
|
|
<biological-samples /> |
|
|
|
<a-button v-if="isShow === true" type="primary" class="full-screen" @click="changeShow">取消全屏</a-button> |
|
|
|
<a-tabs default-active-key="OTHER" @tabClick="changeShow"> |
|
|
|
<a-tab-pane v-for="item in codeTypeList" :key="item.code" :tab="item.name" :class="isShow ? 'fixed-pane' : ''"> |
|
|
|
<div v-if="item.code === 'SWYB'" class="flex-1"> |
|
|
|
<biological-samples style="width: 100%" /> |
|
|
|
</div> |
|
|
|
<div v-else-if="item.code === 'RZLB'"> |
|
|
|
<iframe style="width: 100%; heigt: 100%" height="100%" :src="rzlbSrc"></iframe> |
|
|
|
<div v-else-if="item.code === 'RZLB'" class="flex-1"> |
|
|
|
<iframe style="width: 100%; border: none !important" :style="{ height: height }" :src="rzlbSrc"></iframe> |
|
|
|
</div> |
|
|
|
<div v-else-if="item.code !== 'SWYB' && item.code !== 'RZLB'"> |
|
|
|
<patient-info :code="item.code" /> |
|
|
|
<div v-else-if="item.code !== 'SWYB' && item.code !== 'RZLB'" class="flex-1"> |
|
|
|
<patient-info :code="item.code" style="width: 100%" /> |
|
|
|
</div> |
|
|
|
</a-tab-pane> |
|
|
|
</a-tabs> |
|
|
|
@ -42,6 +43,7 @@ export default { |
|
|
|
lists: { pageNum: 1, pageSize: 10, total: 1, list: [] }, |
|
|
|
hospitalization: '', |
|
|
|
inpatientId: '', |
|
|
|
height: '', |
|
|
|
codeTypeList: [ |
|
|
|
{ |
|
|
|
code: 'OTHER', |
|
|
|
@ -59,21 +61,27 @@ export default { |
|
|
|
code: 'QXJC', |
|
|
|
name: '器械检查', |
|
|
|
}, |
|
|
|
{ |
|
|
|
code: 'SWYB', |
|
|
|
name: '生物样本', |
|
|
|
}, |
|
|
|
{ |
|
|
|
code: 'RZLB', |
|
|
|
name: '认知量表', |
|
|
|
}, |
|
|
|
{ |
|
|
|
code: 'SWYB', |
|
|
|
name: '生物样本', |
|
|
|
}, |
|
|
|
], |
|
|
|
rzlbSrc: `http://sxzxyzzlm.tall.wiki/ht-common?code=KT&userId=1218763410024566784`, |
|
|
|
isShow: true, |
|
|
|
rzlbSrc: '', |
|
|
|
}; |
|
|
|
}, |
|
|
|
|
|
|
|
computed: mapState('home', ['patientId', 'ptProps', 'user']), |
|
|
|
|
|
|
|
mounted() { |
|
|
|
this.height = document.getElementsByClassName('main')[0].offsetHeight + 'px'; |
|
|
|
this.rzlbSrc = `http://sxzxyzzlm.tall.wiki/ht-common?code=KT&userId=${this.ptProps.userId}`; |
|
|
|
}, |
|
|
|
|
|
|
|
created() { |
|
|
|
this.handleSelPatientMes(); |
|
|
|
this.getControlGroups(); |
|
|
|
@ -82,7 +90,7 @@ export default { |
|
|
|
|
|
|
|
methods: { |
|
|
|
...mapActions('home', ['getControlGroups']), |
|
|
|
...mapMutations('home', ['setPatientId']), |
|
|
|
...mapMutations('home', ['setPatientId', 'setHospitalization', 'setRecordCode']), |
|
|
|
searchPatientMes(value) { |
|
|
|
if (value) { |
|
|
|
this.hospitalization = value.inpatientNumber; |
|
|
|
@ -121,6 +129,22 @@ export default { |
|
|
|
*/ |
|
|
|
choosePatient() { |
|
|
|
this.setPatientId(''); |
|
|
|
this.setHospitalization(''); |
|
|
|
this.setRecordCode(''); |
|
|
|
if (localStorage.getItem('patientId')) { |
|
|
|
localStorage.removeItem('patientId'); |
|
|
|
} |
|
|
|
if (localStorage.getItem('hospitalization')) { |
|
|
|
localStorage.removeItem('hospitalization'); |
|
|
|
} |
|
|
|
if (localStorage.getItem('recordCode')) { |
|
|
|
localStorage.removeItem('recordCode'); |
|
|
|
} |
|
|
|
}, |
|
|
|
|
|
|
|
changeShow() { |
|
|
|
this.isShow = !this.isShow; |
|
|
|
console.log(this.isShow); |
|
|
|
}, |
|
|
|
}, |
|
|
|
}; |
|
|
|
@ -129,7 +153,27 @@ export default { |
|
|
|
<style lang="stylus" scoped> |
|
|
|
.choose-btn { |
|
|
|
position: fixed; |
|
|
|
top: 12px; |
|
|
|
top: 74px; |
|
|
|
right: 12px; |
|
|
|
} |
|
|
|
|
|
|
|
.fixed-pane { |
|
|
|
position: fixed; |
|
|
|
top: 0; |
|
|
|
left: 0; |
|
|
|
right: 0; |
|
|
|
bottom: 0; |
|
|
|
background-color: #eee; |
|
|
|
z-index: 100; |
|
|
|
max-height: 100%; |
|
|
|
overflow-y: auto; |
|
|
|
scroll-y: auto; |
|
|
|
} |
|
|
|
|
|
|
|
.full-screen { |
|
|
|
position: fixed; |
|
|
|
z-index: 101; |
|
|
|
right: 18px; |
|
|
|
top: 4px; |
|
|
|
} |
|
|
|
</style> |
|
|
|
|
