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