bianyaqi
2 years ago
5 changed files with 279 additions and 8 deletions
@ -0,0 +1,243 @@ |
|||
<template> |
|||
<div class="formListBox"> |
|||
<div v-if="!onlyRead && isPlatform" class="btnBox_top"> |
|||
<el-button v-print="'#minorOperation'" size="small" @click="handlePrint">打印</el-button> |
|||
<el-button type="primary" size="small" @click="handleSaveTable">保存</el-button> |
|||
<el-button type="danger" size="small" @click="formDelete">删除</el-button> |
|||
</div> |
|||
<div id="minorOperation" style="width: 840px;padding-right: 8px"> |
|||
<div class="flex j-c"> |
|||
<img width="450" src="@/assets/img/xianganlogo.png"> |
|||
</div> |
|||
<hr> |
|||
<p style="color:#000000;font-size:32px;margin:0 0 30px 0;text-align:center;"> |
|||
门诊小手术同意书 |
|||
</p> |
|||
<!--患者信息--> |
|||
<div class="form_top"> |
|||
<div class="flex a-c j-b"> |
|||
<div class="flex a-c"> |
|||
姓名：<el-input v-model="confirmData.patientName" style="flex: 1" /> |
|||
</div> |
|||
<div class="flex a-c"> |
|||
性别：<el-input v-model="confirmData.patientSex" style="flex: 1" /> |
|||
</div> |
|||
<div class="flex a-c"> |
|||
年龄：<el-input v-model="confirmData.patientAge" style="flex: 1" /> |
|||
</div> |
|||
<div class="flex a-c"> |
|||
联系电话：<el-input v-model="confirmData.patientPhone" style="flex: 1" /> |
|||
</div> |
|||
</div> |
|||
<div class="flex a-c"> |
|||
诊断：<el-input v-model="confirmData.diagnose" style="width: 400px" /> |
|||
</div> |
|||
</div> |
|||
<div class="form_content"> |
|||
<div v-for="(item,index) in content" :key="index" style="margin: 5px 0"> |
|||
{{ item.title }} |
|||
<div v-for="(text,idx) in item.detail" :key="`${index}_${idx}`" class="form_detail"> |
|||
{{ text }} |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<div class="flex" style="margin-top: 15px"> |
|||
<div class="flex a-c"> |
|||
<span style="word-break: keep-all">本人签名：</span> |
|||
<div v-if="printHidden" style="margin-left:10px" @click="signClick(17)"> |
|||
<img v-if="!minorPatientSign" :src="require('@/assets/img/signature.png')" alt=""> |
|||
<img v-else style="width: 80px;height: 40px;" :src="minorPatientSign"> |
|||
</div> |
|||
<el-input v-else style="width: 120px" /> |
|||
</div> |
|||
<div class="flex a-c"> |
|||
或家属签名： |
|||
<div v-if="printHidden" style="margin-left:10px" @click="signClick(18)"> |
|||
<img v-if="!minorKinSign" :src="require('@/assets/img/signature.png')" alt=""> |
|||
<img v-else style="width: 80px;height: 40px;" :src="minorKinSign"> |
|||
</div> |
|||
<el-input v-else style="width: 120px" /> |
|||
</div> |
|||
<div class="flex a-c"> |
|||
<span style="word-break: keep-all">操作者：</span><img v-if="confirmData.operator" :src="confirmData.operator" alt="" style="width: 80px;height: 50px;border-style:none;flex: 1"> |
|||
</div> |
|||
<div class="flex a-c" style="margin-left: 15px"> |
|||
日期：<el-date-picker |
|||
v-model="confirmData.operateDate" |
|||
style="flex: 1" |
|||
type="date" |
|||
format="yyyy年MM月dd日" |
|||
value-format="yyyy-MM-dd" |
|||
/> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
export default { |
|||
name: 'MinorOperation', |
|||
props: { |
|||
onlyRead: { |
|||
type: Boolean, |
|||
default: false |
|||
}, |
|||
isPlatform: { |
|||
type: Boolean, |
|||
default: true |
|||
}, |
|||
patientDetail: { |
|||
type: Object |
|||
}, |
|||
caseId: { |
|||
type: String, |
|||
default: '' |
|||
} |
|||
}, |
|||
data() { |
|||
return { |
|||
content: [ |
|||
{ |
|||
title: '一、治疗方案：在表面麻醉后实施角膜异物剔除术' |
|||
}, |
|||
{ |
|||
title: '二、角膜异物剔除潜在风险：', |
|||
detail: [ |
|||
'1、某些异物无法一次剔除干净，需分次剔除治疗；部分粉末状异物可能会永久残留；', |
|||
'2、异物剔除后异物感、畏光、流泪、疼痛加重可能；', |
|||
'3、角膜疤痕形成而引起视力下降可能；', |
|||
'4、异物带入致病菌引起角膜感染，可能造成角膜溃疡、角膜穿孔等。', |
|||
'针对上述情况，医生会采取相应措施。' |
|||
] |
|||
}, |
|||
{ |
|||
title: '三、异物剔除后需注意的事项：', |
|||
detail: [ |
|||
'1、遵医嘱按时使用眼药水。第一天多闭眼休息。', |
|||
'2、次日复诊。期间如有不适，请即刻复诊。', |
|||
'3、注意眼部卫生，勿揉眼。一周内防止不洁水进入眼内。' |
|||
] |
|||
}, |
|||
{ |
|||
title: '病员或家属意见：我们了解该治疗的各种可能发生的风险，同意接受治疗。' |
|||
} |
|||
], |
|||
print: { |
|||
id: 'mraFunc', |
|||
closeCallback: () => { |
|||
this.printHidden = true |
|||
} |
|||
}, |
|||
printHidden: true, |
|||
confirmData: { |
|||
patientName: '', |
|||
patientAge: '', |
|||
patientSex: '', |
|||
patientPhone: '', |
|||
diagnose: '', |
|||
patientSign: '', |
|||
familySign: '', |
|||
operator: '', |
|||
operateDate: '' |
|||
} |
|||
} |
|||
}, |
|||
computed: { |
|||
minorPatientSign() { |
|||
return this.$store.getters.minorPatientSign |
|||
}, |
|||
minorKinSign() { |
|||
return this.$store.getters.minorKinSign |
|||
} |
|||
}, |
|||
created() { |
|||
this.confirmData.patientName = this.patientDetail.patientName |
|||
this.confirmData.patientPhone = this.patientDetail.patientPhone |
|||
this.confirmData.patientSex = this.patientDetail.patientSex |
|||
this.confirmData.patientAge = this.patientDetail.patientAge |
|||
const userData = JSON.parse(window.sessionStorage.getItem('qg-userData')) |
|||
this.$store.commit('initPlugin') |
|||
this.confirmData.operator = userData.signImgBase |
|||
}, |
|||
methods: { |
|||
signClick(index) { |
|||
this.$store.commit('beginSign', index) |
|||
}, |
|||
handlePrint() { |
|||
this.printHidden = false |
|||
this.handleSaveTable() |
|||
}, |
|||
// 保存 |
|||
handleSaveTable() { |
|||
this.confirmData.patientSign = this.minorPatientSign |
|||
// this.confirmData.jzNumber = window.sessionStorage.getItem('jzNumber') |
|||
// this.$http.post('/mzbl/saveMzblJgshzl', { |
|||
// caseId: this.caseId, |
|||
// ...this.confirmData |
|||
// }).then(() => { |
|||
// this.$emit('handleSaveTable') |
|||
// }) |
|||
}, |
|||
// 删除 |
|||
formDelete() { |
|||
this.$confirmFun('确定删除吗？').then(() => { |
|||
this.$http.post('/mzbl/delMzblJgshzlInfo', { |
|||
id: this.caseId |
|||
}).then(() => { |
|||
this.$message.success('删除成功') |
|||
this.$emit('formDelete', 'del') |
|||
}) |
|||
}) |
|||
} |
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<style lang="scss" scoped> |
|||
.flex{ |
|||
display: flex; |
|||
} |
|||
.a-c{ |
|||
align-items: center; |
|||
} |
|||
.j-c{ |
|||
justify-content: center; |
|||
} |
|||
.j-b{ |
|||
justify-content: space-between; |
|||
} |
|||
.formListBox{ |
|||
background: #fff; |
|||
padding: 10px 20px 50px 20px; |
|||
page-break-after:always; |
|||
height: 100%; |
|||
overflow: auto; |
|||
} |
|||
.btnBox_top{ |
|||
position: fixed; |
|||
z-index: 999; |
|||
right: 90px; |
|||
} |
|||
.form_top{ |
|||
margin-bottom: 15px; |
|||
} |
|||
.form_content{ |
|||
text-align: left; |
|||
} |
|||
.form_detail{ |
|||
text-indent: 2rem; |
|||
margin: 3px 0; |
|||
} |
|||
::v-deep .el-input__inner{ |
|||
border: none; |
|||
border-bottom: 1px solid #cccccc; |
|||
border-radius: 0; |
|||
font-size: 16px; |
|||
height: 26px; |
|||
text-align: center; |
|||
} |
|||
::v-deep .el-input__prefix{ |
|||
display: none; |
|||
} |
|||
</style> |
|||
Loading…
Reference in new issue