bianyaqi
2 years ago
4 changed files with 230 additions and 12 deletions
@ -0,0 +1,205 @@ |
|||
<template> |
|||
<div class="formListBox"> |
|||
<div v-if="!onlyRead && isPlatform" class="btnBox_top"> |
|||
<el-button v-print="print" size="small" @click="handleSaveTable">打印</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="lacrimal" style="width: 800px;padding-right: 8px"> |
|||
<div class="formContent"> |
|||
<!--患者信息--> |
|||
<div class="flex a-c top_form"> |
|||
患者姓名：<el-input v-model="confirmData.patientName" style="width: 200px" /> |
|||
</div> |
|||
<div class="flex left_eye"> |
|||
<span class="text">左眼：</span> |
|||
<div style="margin-bottom: 20px"> |
|||
<div class="flex" style="flex-wrap: wrap"> |
|||
<el-input v-model="confirmData.odPunctum" style="width: 100px" /><span class="text">泪小点进针，</span> |
|||
<el-input v-model="confirmData.odReflux" style="width: 100px" /><span class="text">反流（自</span> |
|||
<el-input v-model="confirmData.odPunctumReflux" style="width: 100px" /><span class="text">泪小点反流），患者自诉咽部</span> |
|||
<el-input v-model="confirmData.odWet" style="width: 100px" /><span class="text">液体，</span> |
|||
<el-input v-model="confirmData.odSecretion" style="width: 100px" /><span class="text">分泌物。</span> |
|||
</div> |
|||
<div class="flex" style="flex-wrap: wrap;margin-top: 15px"> |
|||
<el-input v-model="confirmData.odPunctum2" style="width: 100px" /><span class="text">泪小点进针，</span> |
|||
<el-input v-model="confirmData.odReflux2" style="width: 100px" /><span class="text">反流（自</span> |
|||
<el-input v-model="confirmData.odPunctumReflux2" style="width: 100px" /><span class="text">泪小点反流），患者自诉咽部</span> |
|||
<el-input v-model="confirmData.odWet2" style="width: 100px" /><span class="text">液体，</span> |
|||
<el-input v-model="confirmData.odSecretion2" style="width: 100px" /><span class="text">分泌物。</span> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<div class="flex right_eye"> |
|||
<span class="text">右眼：</span> |
|||
<div style="margin-bottom: 20px"> |
|||
<div class="flex" style="flex-wrap: wrap"> |
|||
<el-input v-model="confirmData.osPunctum" style="width: 100px" /><span class="text">泪小点进针，</span> |
|||
<el-input v-model="confirmData.osReflux" style="width: 100px" /><span class="text">反流（自</span> |
|||
<el-input v-model="confirmData.osPunctumReflux" style="width: 100px" /><span class="text">泪小点反流），患者自诉咽部</span> |
|||
<el-input v-model="confirmData.osWet" style="width: 100px" /><span class="text">液体，</span> |
|||
<el-input v-model="confirmData.osSecretion" style="width: 100px" /><span class="text">分泌物。</span> |
|||
</div> |
|||
<div class="flex" style="flex-wrap: wrap;margin-top: 15px"> |
|||
<el-input v-model="confirmData.osPunctum2" style="width: 100px" /><span class="text">泪小点进针，</span> |
|||
<el-input v-model="confirmData.osReflux2" style="width: 100px" /><span class="text">反流（自</span> |
|||
<el-input v-model="confirmData.osPunctumReflux2" style="width: 100px" /><span class="text">泪小点反流），患者自诉咽部</span> |
|||
<el-input v-model="confirmData.osWet2" style="width: 100px" /><span class="text">液体，</span> |
|||
<el-input v-model="confirmData.osSecretion2" style="width: 100px" /><span class="text">分泌物。</span> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<div class="flex"> |
|||
<div class="flex a-c" style="margin-left: 15px"> |
|||
日期：<el-date-picker |
|||
v-model="confirmData.operateDate" |
|||
style="flex: 1" |
|||
type="date" |
|||
value-format="yyyy-MM-dd" |
|||
/> |
|||
</div> |
|||
<div class="flex a-c" style="margin-left: 10px"> |
|||
<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> |
|||
</div> |
|||
</div> |
|||
</div></template> |
|||
|
|||
<script> |
|||
export default { |
|||
name: 'Lacrimal', |
|||
props: { |
|||
onlyRead: { |
|||
type: Boolean, |
|||
default: false |
|||
}, |
|||
isPlatform: { |
|||
type: Boolean, |
|||
default: true |
|||
}, |
|||
patientDetail: { |
|||
type: Object |
|||
}, |
|||
caseId: { |
|||
type: String, |
|||
default: '' |
|||
} |
|||
}, |
|||
data() { |
|||
return { |
|||
print: { |
|||
id: 'lacrimal' |
|||
}, |
|||
confirmData: { |
|||
patientName: '', |
|||
operator: '', |
|||
operateDate: new Date(), |
|||
odPunctum: '', |
|||
odReflux: '', |
|||
odPunctumReflux: '', |
|||
odWet: '', |
|||
odSecretion: '', |
|||
odPunctum2: '', |
|||
odReflux2: '', |
|||
odPunctumReflux2: '', |
|||
odWet2: '', |
|||
odSecretion2: '', |
|||
osPunctum: '', |
|||
osReflux: '', |
|||
osPunctumReflux: '', |
|||
osWet: '', |
|||
osSecretion: '', |
|||
osPunctum2: '', |
|||
osReflux2: '', |
|||
osPunctumReflux2: '', |
|||
osWet2: '', |
|||
osSecretion2: '' |
|||
} |
|||
} |
|||
}, |
|||
created() { |
|||
this.confirmData.patientName = this.patientDetail.patientName |
|||
const userData = JSON.parse(window.sessionStorage.getItem('qg-userData')) |
|||
this.confirmData.operator = userData.signImgBase |
|||
}, |
|||
methods: { |
|||
// 保存 |
|||
handleSaveTable() { |
|||
// 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; |
|||
} |
|||
.text{ |
|||
word-break: keep-all; |
|||
} |
|||
.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; |
|||
} |
|||
.top_form{ |
|||
padding: 10px; |
|||
} |
|||
.right_eye{ |
|||
border-top: 1px solid #0C1016; |
|||
padding: 10px; |
|||
} |
|||
.left_eye{ |
|||
padding: 10px; |
|||
} |
|||
.formContent{ |
|||
border: 1px solid #0C1016; |
|||
} |
|||
::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