bianyaqi
2 years ago
8 changed files with 549 additions and 135 deletions
@ -0,0 +1,29 @@ |
|||
<template> |
|||
<div> |
|||
<div v-if="!isDev" class="flex j-c"> |
|||
<img :width="width" :src="logoUrl"> |
|||
</div> |
|||
<hr v-if="!isDev"> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
export default { |
|||
name: 'FormHeader', |
|||
props: ['isDev', 'width'], |
|||
data() { |
|||
return { |
|||
logoUrl: require('@/assets/img/xianganlogo2.jpg') |
|||
} |
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<style scoped lang="scss"> |
|||
.flex{ |
|||
display: flex; |
|||
} |
|||
.j-c{ |
|||
justify-content: center; |
|||
} |
|||
</style> |
|||
@ -0,0 +1,337 @@ |
|||
<template> |
|||
<div class="cornealBox"> |
|||
<div class="btnBox"> |
|||
<div v-if="!onlyRead && isPlatform"> |
|||
<el-button v-print="print" size="small" @click="handlePrint">打印</el-button> |
|||
<template v-if="isCreator"> |
|||
<el-button type="primary" size="small" @click="handleSaveTable">保存</el-button> |
|||
<el-button type="danger" size="small" @click="formDelete">删除</el-button> |
|||
</template> |
|||
</div> |
|||
<div v-if="creator" style="margin: 10px 0;text-align: left;color: #409EFF"> |
|||
<div> |
|||
操作者：{{ creator.doctorName }} |
|||
</div> |
|||
<div> |
|||
工号：{{ creator.doctorCode }} |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<div id="treatNotice" style="width: 840px;padding-right: 8px"> |
|||
<form-header :is-dev="isDev" :width="650" /> |
|||
<p style="color:#000000;font-size:32px;margin:0 0 30px 0;text-align:center;"> |
|||
眼科门诊治疗须知 |
|||
</p> |
|||
<!--患者信息--> |
|||
<div> |
|||
<div class="flex m-b"> |
|||
<div class="flex a-c item"> |
|||
<div class="label_width">姓名:</div> |
|||
<el-input v-model="confirmData.patientName" style="flex: 1" /></div> |
|||
<div class="flex a-c item">性别:<el-input v-model="confirmData.patientGender" style="flex: 1" /></div> |
|||
<div class="flex a-c item">年龄:<el-input v-model="confirmData.patientAge" style="flex: 1" /></div> |
|||
<div class="flex a-c item">科室:<el-input v-model="confirmData.ks" style="flex: 1" /></div> |
|||
<div class="flex a-c item">登记号:<el-input v-model="confirmData.patientId" style="flex: 1" /></div> |
|||
</div> |
|||
<div class="flex a-c m-b"> |
|||
<div class="label_width">诊断:</div> |
|||
<el-input v-model="confirmData.zd" :autosize="{ minRows: 1, maxRows: 3}" type="textarea" style="flex: 1" /> |
|||
</div> |
|||
</div> |
|||
<div class="flex" style="text-align: left"> |
|||
<div style="word-break: keep-all;margin-right: 10px">治疗项目:</div> |
|||
<div> |
|||
<el-checkbox-group v-model="projectList"> |
|||
<el-checkbox v-for="(item,index) in checkList" :key="index" :label="item" /> |
|||
<el-checkbox label="其他"> |
|||
其他：<el-input v-model="confirmData.other" /> |
|||
</el-checkbox> |
|||
</el-checkbox-group> |
|||
</div> |
|||
</div> |
|||
<div class="flex a-c"> |
|||
<span>1.过敏史：</span> |
|||
<el-input v-model="confirmData.gms" style="flex: 1" type="textarea" :autosize="{ minRows: 1, maxRows: 3}" /> |
|||
</div> |
|||
<div style="text-align: left"> |
|||
（操作中会根据情况使用药物：盐酸丙美卡因滴眼液、左氧氟沙星滴眼液、妥布霉素地塞米松眼膏等）。 |
|||
</div> |
|||
<div v-for="(item,idx) in contentList" :key="idx" class="contentItem"> |
|||
<div> |
|||
{{ idx+2 }}. |
|||
<span style="margin-left: 5px;font-weight: bold">{{ item.bold }}</span> |
|||
{{ item.text }} |
|||
</div> |
|||
<el-input v-if="idx===contentList.length-1" v-model="confirmData.zlxmOther" style="flex: 1;text-align: left" /> |
|||
</div> |
|||
<div style="text-align: left"> |
|||
<div class="flex a-c j-b"> |
|||
<div> |
|||
<span style="word-break: keep-all">患者签字：</span> |
|||
<span style="margin-left:10px" @click="signClick('patientSign')"> |
|||
<span v-if="!formListValue.patientSign"> |
|||
<img v-if="printHidden" :src="require('@/assets/img/signature.png')" alt="" style="margin-right: 12px"> |
|||
<el-input v-else style="width: 80px" /> |
|||
</span> |
|||
<img v-else style="width: 120px;height: 60px;" :src="formListValue.patientSign"> |
|||
</span> |
|||
</div> |
|||
<div class="flex"> |
|||
患者家属签字： |
|||
<span style="margin-left:10px" @click="signClick('patientJsSign')"> |
|||
<span v-if="!formListValue.patientJsSign"> |
|||
<img v-if="printHidden" :src="require('@/assets/img/signature.png')" alt=""> |
|||
<el-input v-else style="width: 80px" /> |
|||
</span> |
|||
<img v-else style="width: 120px;height: 60px;" :src="formListValue.patientJsSign"> |
|||
</span> |
|||
<span style="margin-left: 15px">与患者关系<el-input v-model="confirmData.gx" style="width: 150px" /></span> |
|||
</div> |
|||
</div> |
|||
<div> |
|||
<span style="word-break: keep-all">操作者签字：</span> |
|||
<span style="margin-left:10px"> |
|||
<img style="width: 80px;height: 40px;" :src="confirmData.czzSign"> |
|||
</span> |
|||
</div> |
|||
<div style="text-align: right">日期： |
|||
<el-date-picker |
|||
v-model="confirmData.bdDate" |
|||
style="width: 150px" |
|||
type="date" |
|||
value-format="yyyy-MM-dd" |
|||
/> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
import FormHeader from '@/page-subspecialty/views/modules/formList/FormHeader.vue' |
|||
import styeFormSign from '@/mixins/styeFormSign' |
|||
|
|||
export default { |
|||
name: 'TreatNotice', |
|||
components: { FormHeader }, |
|||
mixins: [styeFormSign], |
|||
props: { |
|||
isDev: { |
|||
type: Boolean |
|||
}, |
|||
onlyRead: { |
|||
type: Boolean, |
|||
default: false |
|||
}, |
|||
isPlatform: { |
|||
type: Boolean, |
|||
default: true |
|||
}, |
|||
patientDetail: { |
|||
type: Object |
|||
}, |
|||
caseId: { |
|||
type: String, |
|||
default: '' |
|||
}, |
|||
isCreator: { |
|||
type: Boolean, |
|||
default: true |
|||
}, |
|||
// 操作者 |
|||
creator: { |
|||
type: Object |
|||
} |
|||
}, |
|||
data() { |
|||
return { |
|||
projectList: [], |
|||
checkList: ['拔倒睫', '泪道冲洗', '结膜囊冲洗', '耳尖放血', '眼部颞侧皮下注射', '结膜结石剔除', '角结膜拆线', '皮肤拆线', |
|||
'睑板腺熏蒸按摩+睑缘清洁'], |
|||
contentList: [ |
|||
{ |
|||
bold: '', |
|||
text: '若您有冠心病、糖尿病等病史或情绪过于紧张，在治疗过程中可能会因此出现突发意外情况。' |
|||
}, { |
|||
bold: '拔倒睫：', |
|||
text: '若您配合不当,可能会碰伤角膜等风险。拔掉的倒睫毛一段时间后还会重新生长，大部分患者需要反复拔倒睫。' |
|||
|
|||
}, { |
|||
bold: '泪道冲洗：', |
|||
text: '可能存在假道、组织损伤、呛咳等并发症。部分患者需要根据情况增加冲洗次数。' |
|||
}, { |
|||
bold: '眼部颞侧皮下注射：', |
|||
text: '注射完毕后，请轻压5-10分钟。反复注射后该处部位可能会有硬结及淤青，一定时间后会自然吸收。' |
|||
}, { |
|||
bold: '结膜结石剔除：', |
|||
text: '结石剔除过程中或短时间内结膜会少量出血，属于正常现象；结石量多及比较大者可能不能一次性完成，操作人员会根据情况增加剔除次数。' |
|||
}, { |
|||
bold: '角结膜拆线：', |
|||
text: '操作过程中需您全程配合，不适请举手，不可晃动头部。可能存在角膜穿孔等并发症。' |
|||
}, { |
|||
bold: '睑板腺熏蒸按摩+睑缘清洁：', |
|||
text: '请您在熏蒸时应保持适当距离，避免烫伤；按摩结束后勿揉擦眼睛；24小时内眼睛勿进水。' |
|||
}, { |
|||
bold: '', |
|||
text: '其他：' |
|||
} |
|||
], |
|||
print: { |
|||
id: 'treatNotice', |
|||
closeCallback: () => { |
|||
this.printHidden = true |
|||
} |
|||
}, |
|||
printHidden: true, |
|||
formListValue: { |
|||
patientSign: '', |
|||
patientJsSign: '' |
|||
}, |
|||
confirmData: { |
|||
patientName: '', |
|||
patientGender: '', |
|||
patientAge: '', |
|||
ks: '', |
|||
patientId: '', |
|||
zd: '', |
|||
czzSign: '', |
|||
other: '', |
|||
gms: '', |
|||
zlxmOther: '', |
|||
bdDate: '', |
|||
patientJsSign: '', |
|||
patientSign: '', |
|||
zlxm: '', // 治疗项目 |
|||
gx: '' // 关系 |
|||
} |
|||
} |
|||
}, |
|||
watch: { |
|||
caseId(val) { |
|||
if (val) { |
|||
this.getConfirmDetail() |
|||
} |
|||
} |
|||
}, |
|||
created() { |
|||
this.getConfirmDetail() |
|||
}, |
|||
methods: { |
|||
signClick(index) { |
|||
this.initPlugin(index) |
|||
}, |
|||
handlePrint() { |
|||
if (!this.isCreator) { |
|||
return |
|||
} |
|||
this.handleSaveTable() |
|||
}, |
|||
getConfirmDetail() { |
|||
this.$http.get('/mzbl/getMzblykmzxz', { params: { |
|||
caseId: this.caseId |
|||
}}).then(data => { |
|||
const detail = data.data.data |
|||
this.confirmData = { ...detail } |
|||
this.projectList = this.confirmData.zlxm ? this.confirmData.zlxm.split('/') : [] |
|||
this.formListValue.patientSign = detail.patientSign |
|||
this.formListValue.patientJsSign = detail.patientJsSign |
|||
if (!detail.jzNumber) { |
|||
const userData = JSON.parse(window.sessionStorage.getItem('qg-userData')) |
|||
this.confirmData.czzSign = userData.signImgBase |
|||
this.confirmData.patientName = this.patientDetail.patientName |
|||
this.confirmData.patientAge = this.patientDetail.patientAge |
|||
this.confirmData.patientGender = this.patientDetail.patientSex |
|||
this.confirmData.patientId = this.patientDetail.patientId |
|||
this.confirmData.ks = this.patientDetail.department |
|||
this.confirmData.bdDate = this.$moment().format('YYYY-MM-DD') |
|||
} |
|||
}) |
|||
}, |
|||
// 保存 |
|||
handleSaveTable() { |
|||
this.confirmData.zlxm = this.projectList.join('/') |
|||
this.confirmData.patientSign = this.formListValue.patientSign |
|||
this.confirmData.patientJsSign = this.formListValue.patientJsSign |
|||
this.confirmData.jzNumber = window.sessionStorage.getItem('jzNumber') |
|||
this.$http.post('/mzbl/saveMzblykmzxz', { |
|||
...this.confirmData, |
|||
caseId: this.caseId |
|||
}).then(() => { |
|||
this.$emit('handleSaveTable') |
|||
}) |
|||
}, |
|||
// 删除 |
|||
formDelete() { |
|||
this.$confirmFun('确定删除吗？').then(() => { |
|||
this.$http.post('/mzbl/delMzblykmzxz', { |
|||
id: this.caseId |
|||
}).then(() => { |
|||
this.$message.success('删除成功') |
|||
this.$emit('formDelete', 'del') |
|||
}) |
|||
}) |
|||
} |
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<style scoped lang="scss"> |
|||
.flex{ |
|||
display: flex; |
|||
} |
|||
.a-c{ |
|||
align-items: center; |
|||
} |
|||
.j-b{ |
|||
justify-content: space-between; |
|||
} |
|||
.j-c{ |
|||
justify-content: center; |
|||
} |
|||
#treatNotice{ |
|||
font-size: 16px; |
|||
} |
|||
.cornealBox{ |
|||
background: #fff; |
|||
padding: 10px 20px 50px 20px; |
|||
page-break-after:always; |
|||
height: 100%; |
|||
overflow: auto; |
|||
} |
|||
.btnBox{ |
|||
position: fixed; |
|||
z-index: 999; |
|||
right: 90px; |
|||
} |
|||
.contentItem{ |
|||
text-align: left; |
|||
margin-bottom: 10px; |
|||
display: flex; |
|||
} |
|||
::v-deep .el-checkbox__label{ |
|||
font-size: 16px !important; |
|||
color: #000; |
|||
} |
|||
::v-deep .el-input__inner { |
|||
border: none; |
|||
height: 26px !important; |
|||
line-height: 26px !important; |
|||
text-align: center; |
|||
font-size: 16px; |
|||
border-bottom: 1px solid #8e8c8c; |
|||
border-radius: 0; |
|||
padding: 0; |
|||
} |
|||
::v-deep .el-textarea__inner{ |
|||
border: none; |
|||
border-radius: 0; |
|||
border-bottom: 1px solid #8e8c8c; |
|||
font-size: 16px |
|||
} |
|||
::v-deep .el-input__prefix { |
|||
display: none; |
|||
} |
|||
.m-b{ |
|||
margin-bottom: 10px; |
|||
} |
|||
</style> |
|||
Loading…
Reference in new issue