|
|
|
@ -7,21 +7,18 @@ |
|
|
|
--> |
|
|
|
<template> |
|
|
|
<div class="before-informed-container Informed-container"> |
|
|
|
<a-tabs |
|
|
|
default-active-key="1" |
|
|
|
size="large" |
|
|
|
:tabBarGutter="100" |
|
|
|
@change="tabClick" |
|
|
|
> |
|
|
|
<a-tab-pane key="1" tab="辅助工具"> |
|
|
|
<a-card style="width:100%" :tab-list="tabList" :active-tab-key="activeTabKey" @tabChange="onTabChange"> |
|
|
|
<div class="throm-before4-container Informed-container"> |
|
|
|
<div class="video-container" v-if="activeTabKey == 'tab1'"> |
|
|
|
<div class="video-container"> |
|
|
|
<div class="info">百人中使用药物结果分布情况</div> |
|
|
|
<div class="img"> |
|
|
|
<img src="../../assets/images/100.png" alt="" /> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</a-tab-pane> |
|
|
|
<a-tab-pane key="2" tab="溶栓视频"> |
|
|
|
</div> |
|
|
|
<!-- --> |
|
|
|
<div class="video-container" v-if="activeTabKey == 'tab2'"> |
|
|
|
<div class="video-container"> |
|
|
|
<video |
|
|
|
ref="refVideo" |
|
|
|
@ -33,8 +30,9 @@ |
|
|
|
type="video/mp4" |
|
|
|
></video> |
|
|
|
</div> |
|
|
|
</a-tab-pane> |
|
|
|
<a-tab-pane key="3" tab="家属签字"> |
|
|
|
</div> |
|
|
|
<!-- ? --> |
|
|
|
<div class="video-container" v-if="activeTabKey == 'tab3'"> |
|
|
|
<h1> |
|
|
|
急性脑梗塞静脉溶栓治疗知情同意书 |
|
|
|
<a-icon |
|
|
|
@ -56,6 +54,7 @@ |
|
|
|
></div> |
|
|
|
</div> |
|
|
|
<div class="informed-list"> |
|
|
|
|
|
|
|
<div class="informed-item"> |
|
|
|
<span>患者签名：</span> |
|
|
|
<div |
|
|
|
@ -86,6 +85,7 @@ |
|
|
|
readOnly |
|
|
|
/> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<signature |
|
|
|
class="item-sign" |
|
|
|
ref="patientSign" |
|
|
|
@ -94,7 +94,6 @@ |
|
|
|
v-if="patientSign" |
|
|
|
> |
|
|
|
</signature> |
|
|
|
</div> |
|
|
|
<div class="informed-info"> |
|
|
|
如果患者无法签署知情同意书，请其授权的亲属在此签名: |
|
|
|
</div> |
|
|
|
@ -119,14 +118,7 @@ |
|
|
|
}}</a-button |
|
|
|
> |
|
|
|
</div> |
|
|
|
<signature |
|
|
|
class="item-sign" |
|
|
|
ref="empowerSign" |
|
|
|
@close="empowerSignClose" |
|
|
|
@reset="handeReset('empowerSign')" |
|
|
|
v-if="empowerSign" |
|
|
|
> |
|
|
|
</signature> |
|
|
|
|
|
|
|
<div class="informed-item"> |
|
|
|
<span>与患者关系：</span> |
|
|
|
<a-input |
|
|
|
@ -135,6 +127,8 @@ |
|
|
|
class="item-input" |
|
|
|
/> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="informed-list before"> |
|
|
|
<div class="informed-item"> |
|
|
|
<span>签名日期：</span> |
|
|
|
<a-input |
|
|
|
@ -145,7 +139,16 @@ |
|
|
|
readOnly |
|
|
|
/> |
|
|
|
</div> |
|
|
|
<div class="informed-item"></div> |
|
|
|
</div> |
|
|
|
<signature |
|
|
|
class="item-sign" |
|
|
|
ref="empowerSign" |
|
|
|
@close="empowerSignClose" |
|
|
|
@reset="handeReset('empowerSign')" |
|
|
|
v-if="empowerSign" |
|
|
|
> |
|
|
|
</signature> |
|
|
|
<template v-if="source === 'normal'"> |
|
|
|
<div class="informed-info"> |
|
|
|
<strong> 医生陈述 </strong> |
|
|
|
@ -220,8 +223,26 @@ |
|
|
|
>提交</a-button |
|
|
|
> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<!-- --> |
|
|
|
</div> |
|
|
|
</a-card> |
|
|
|
<!-- <a-tabs |
|
|
|
default-active-key="1" |
|
|
|
size="large" |
|
|
|
:tabBarGutter="100" |
|
|
|
@change="tabClick" |
|
|
|
> |
|
|
|
<a-tab-pane key="1" tab="辅助工具"> |
|
|
|
|
|
|
|
</a-tab-pane> |
|
|
|
</a-tabs> |
|
|
|
<a-tab-pane key="2" tab="溶栓视频"> |
|
|
|
|
|
|
|
</a-tab-pane> |
|
|
|
<a-tab-pane key="3" tab="家属签字"> |
|
|
|
|
|
|
|
</a-tab-pane> |
|
|
|
</a-tabs> --> |
|
|
|
<a-modal |
|
|
|
class="patient-create patient-form" |
|
|
|
:width="650" |
|
|
|
@ -284,6 +305,20 @@ export default { |
|
|
|
thrombolytic: 0, |
|
|
|
intervene: 1, |
|
|
|
}, |
|
|
|
activeTabKey: 'tab1', |
|
|
|
tabList: [{ |
|
|
|
key: 'tab1', |
|
|
|
tab: '辅助工具', |
|
|
|
}, |
|
|
|
{ |
|
|
|
key: 'tab2', |
|
|
|
tab: '溶栓视频', |
|
|
|
}, |
|
|
|
{ |
|
|
|
key: 'tab3', |
|
|
|
tab: '家属签字', |
|
|
|
} |
|
|
|
], |
|
|
|
}; |
|
|
|
}, |
|
|
|
components: { |
|
|
|
@ -326,16 +361,20 @@ export default { |
|
|
|
}); |
|
|
|
}, |
|
|
|
methods: { |
|
|
|
tabClick(e) { |
|
|
|
console.log('触发了该事件', e); |
|
|
|
if (e != 2) { |
|
|
|
this.$refs.refVideo.pause(); |
|
|
|
onTabChange(key, type) { |
|
|
|
this.activeTabKey = key; |
|
|
|
if (key != 'tab2') { |
|
|
|
// this.$refs.refVideo.pause(); |
|
|
|
} else { |
|
|
|
setTimeout(() => { |
|
|
|
this.$refs.refVideo.play(); |
|
|
|
}); |
|
|
|
} |
|
|
|
}, |
|
|
|
// tabClick(e) { |
|
|
|
// console.log('触发了该事件', e); |
|
|
|
|
|
|
|
// }, |
|
|
|
open() { |
|
|
|
this.queryConsentResult(); |
|
|
|
this.showDetails = false; |
|
|
|
@ -397,6 +436,14 @@ export default { |
|
|
|
uploadfile(form).then((res) => { |
|
|
|
if (res.code === 200) { |
|
|
|
this.informed.doctorSign = res.url; |
|
|
|
const now = new Date(); |
|
|
|
let y = now.getFullYear(); |
|
|
|
let m = now.getMonth() + 1; |
|
|
|
m = m < 10 ? '0' + m : m; |
|
|
|
let d = now.getDate(); |
|
|
|
d = d < 10 ? '0' + d : d; |
|
|
|
let dateTime = y + '-' + m + '-' + d; |
|
|
|
this.informed.doctorTime = dateTime; |
|
|
|
this.$message.success('谈话医师签名保存成功'); |
|
|
|
this.doctorSign = false; |
|
|
|
} else { |
|
|
|
@ -414,6 +461,14 @@ export default { |
|
|
|
uploadfile(form).then((res) => { |
|
|
|
if (res.code === 200) { |
|
|
|
this.informed.patientSign = res.url; |
|
|
|
const now = new Date() |
|
|
|
let y = now.getFullYear(); |
|
|
|
let m = now.getMonth() + 1; |
|
|
|
m = m < 10 ? '0' + m : m; |
|
|
|
let d = now.getDate(); |
|
|
|
d = d < 10 ? '0' + d : d; |
|
|
|
let dateTime = y + '-' + m + '-' + d; |
|
|
|
this.informed.patientTime = dateTime; |
|
|
|
this.$message.success('患者本人签名保存成功'); |
|
|
|
this.patientSign = false; |
|
|
|
} else { |
|
|
|
@ -429,6 +484,14 @@ export default { |
|
|
|
uploadfile(form).then((res) => { |
|
|
|
if (res.code === 200) { |
|
|
|
this.informed.empowerSign = res.url; |
|
|
|
const now = new Date(); |
|
|
|
let y = now.getFullYear(); |
|
|
|
let m = now.getMonth() + 1; |
|
|
|
m = m < 10 ? '0' + m : m; |
|
|
|
let d = now.getDate(); |
|
|
|
d = d < 10 ? '0' + d : d; |
|
|
|
let dateTime = y + '-' + m + '-' + d; |
|
|
|
this.informed.legalTime = dateTime; |
|
|
|
this.$message.success('授权人签名保存成功'); |
|
|
|
this.empowerSign = false; |
|
|
|
} else { |
|
|
|
@ -476,9 +539,12 @@ export default { |
|
|
|
.video-container { |
|
|
|
width: 100%; |
|
|
|
padding-bottom: 20px; |
|
|
|
// position: relative; |
|
|
|
// left: 623px; |
|
|
|
// top: -56px; |
|
|
|
video { |
|
|
|
width: 100%; |
|
|
|
height: 500px; |
|
|
|
// height: 500px; |
|
|
|
} |
|
|
|
.info { |
|
|
|
font-size: 18px; |
|
|
|
@ -496,6 +562,26 @@ export default { |
|
|
|
height: auto; |
|
|
|
} |
|
|
|
} |
|
|
|
.rowItem{ |
|
|
|
width:100%; |
|
|
|
float:left |
|
|
|
} |
|
|
|
.canvaspanel { |
|
|
|
display: flex; |
|
|
|
position: relative; |
|
|
|
margin: 1.45vw 0; |
|
|
|
} |
|
|
|
|
|
|
|
} |
|
|
|
.Informed-container .informed-list .informed-item{ |
|
|
|
width: 48% !important; |
|
|
|
display: flex; |
|
|
|
justify-content: space-between; |
|
|
|
align-items: center; |
|
|
|
margin-bottom: 1.36vw; |
|
|
|
} |
|
|
|
.ant-card-bordered { |
|
|
|
border: none !important; |
|
|
|
} |
|
|
|
.content-box { |
|
|
|
p { |
|
|
|
|
领悟
4 months ago