bianyaqi
1 year ago
7 changed files with 487 additions and 44 deletions
@ -0,0 +1,413 @@ |
|||
<template> |
|||
<div id="operation-record" style=" background: #fff; padding: 10px 20px 50px 20px;page-break-after:always"> |
|||
<div class="btnBox"> |
|||
<div v-if="!onlyRead && isPlatform"> |
|||
<el-button v-print="'#reportForm'" 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 style="width: 840px"> |
|||
<div id="reportForm" style="width: 100%;padding-right: 8px;text-align: left"> |
|||
<div v-if="!isDev" class="flex j-c" style="padding-bottom: 8px"> |
|||
<img width="650" src="@/assets/img/xianganlogo2.jpg"> |
|||
</div> |
|||
<p style="color:#000000;font-size:24px;font-weight: 700;letter-spacing: 10px;text-align:center;margin-bottom: 10px;word-spacing: 3px"> |
|||
视力筛查报告单 |
|||
</p> |
|||
<div class="flex"> |
|||
<div class="flex a-c">登记号:<el-input v-model="confirmData.patientId" style="flex: 1" /></div> |
|||
<div class="flex" style="width: 240px">姓名：<el-input v-model="confirmData.patientName" style="flex: 1" /></div> |
|||
<div class="flex" style="width: 240px">性别：<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> |
|||
<table class="treatAction"> |
|||
<tbody> |
|||
<tr> |
|||
<td> |
|||
瞳孔 |
|||
</td> |
|||
<td colspan="2"> |
|||
<el-select v-model="confirmData.tk" filterable allow-create placeholder="" clearable> |
|||
<el-option |
|||
v-for="item in tkList" |
|||
:key="item.id" |
|||
:label="item.name" |
|||
:value="item.name" |
|||
/> |
|||
</el-select> |
|||
</td> |
|||
</tr> |
|||
<tr> |
|||
<td>眼别</td> |
|||
<td>右眼</td> |
|||
<td>左眼</td> |
|||
</tr> |
|||
<tr> |
|||
<td>屈光不正度（D）</td> |
|||
<td> |
|||
<div class="flex"> |
|||
<el-input v-model="confirmData.qgbzdSphOd" placeholder="" /> |
|||
<span>/</span> |
|||
<el-input v-model="confirmData.qgbzdCylOd" placeholder="" /> |
|||
<span>/</span> |
|||
<el-input v-model="confirmData.qgbzdAxisOd" placeholder="" /> |
|||
</div> |
|||
</td> |
|||
<td> |
|||
<div class="flex"> |
|||
<el-input v-model="confirmData.qgbzdSphOs" placeholder="" /> |
|||
<span>/</span> |
|||
<el-input v-model="confirmData.qgbzdCylOs" placeholder="" /> |
|||
<span>/</span> |
|||
<el-input v-model="confirmData.qgbzdAxisOs" placeholder="" /> |
|||
</div> |
|||
</td> |
|||
</tr> |
|||
<tr> |
|||
<td>眼位</td> |
|||
<td><el-input v-model="confirmData.ywOd" /></td> |
|||
<td><el-input v-model="confirmData.ywOs" /></td> |
|||
</tr> |
|||
<tr> |
|||
<td>瞳孔大小（mm）</td> |
|||
<td> |
|||
<el-input v-model="confirmData.tkdxOd" /> |
|||
</td> |
|||
<td> |
|||
<el-input v-model="confirmData.tkdxOs" /> |
|||
</td> |
|||
</tr> |
|||
<tr> |
|||
<td>结果</td> |
|||
<td colspan="2"> |
|||
<el-checkbox-group v-model="jgSelect"> |
|||
<el-checkbox label="正常" /> |
|||
<el-checkbox label="远视" /> |
|||
<el-checkbox label="近视" /> |
|||
<el-checkbox label="散光" /> |
|||
<el-checkbox label="屈光不正" /> |
|||
<el-checkbox label="斜视" /> |
|||
<el-checkbox label="其他"> |
|||
其他<el-input v-model="confirmData.jgOther" /> |
|||
</el-checkbox> |
|||
</el-checkbox-group> |
|||
</td> |
|||
</tr> |
|||
<tr> |
|||
<td>建议</td> |
|||
<td colspan="2"> |
|||
<el-select v-model="confirmData.jy" filterable allow-create placeholder="" clearable> |
|||
<el-option |
|||
v-for="item in jyList" |
|||
:key="item.id" |
|||
:label="item.name" |
|||
:value="item.name" |
|||
/> |
|||
</el-select> |
|||
</td> |
|||
</tr> |
|||
</tbody> |
|||
</table> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
export default { |
|||
name: 'ScreenReport', |
|||
props: { |
|||
onlyRead: { |
|||
type: Boolean, |
|||
default: false |
|||
}, |
|||
isDev: { |
|||
type: Boolean |
|||
}, |
|||
isPlatform: { |
|||
type: Boolean, |
|||
default: true |
|||
}, |
|||
patientId: { |
|||
type: String |
|||
}, |
|||
caseId: { |
|||
type: String, |
|||
default: '' |
|||
}, |
|||
isCreator: { |
|||
type: Boolean, |
|||
default: true |
|||
}, |
|||
// 操作者 |
|||
creator: { |
|||
type: Object |
|||
} |
|||
}, |
|||
data() { |
|||
return { |
|||
origin: {}, |
|||
originForm: {}, |
|||
tkList: [ |
|||
{ |
|||
name: '正常', |
|||
id: 1 |
|||
}, { |
|||
name: '复方托吡卡胺', |
|||
id: 2 |
|||
}, { |
|||
name: '赛飞杰', |
|||
id: 3 |
|||
}, { |
|||
name: '阿托品', |
|||
id: 4 |
|||
} |
|||
], |
|||
jyList: [ |
|||
{ |
|||
name: '随访', |
|||
id: '1' |
|||
}, { |
|||
name: '进一步检查', |
|||
id: '2' |
|||
} |
|||
], |
|||
jgSelect: [], |
|||
confirmData: { |
|||
tk: '正常', |
|||
jg: '', |
|||
jgOther: '', |
|||
jy: '', |
|||
tkdxOd: '', |
|||
tkdxOs: '', |
|||
ywOd: '', |
|||
ywOs: '', |
|||
qgbzdSphOd: '', |
|||
qgbzdSphOs: '', |
|||
qgbzdCylOd: '', |
|||
qgbzdCylOs: '', |
|||
qgbzdAxisOd: '', |
|||
qgbzdAxisOs: '', |
|||
jzNumber: '', |
|||
patientName: '', |
|||
patientAge: '', |
|||
patientSex: '', |
|||
patientId: '', |
|||
idList: [] |
|||
} |
|||
} |
|||
}, |
|||
watch: { |
|||
caseId(val) { |
|||
if (val) { |
|||
this.getReportInfo() |
|||
} |
|||
} |
|||
}, |
|||
created() { |
|||
this.getReportInfo() |
|||
}, |
|||
methods: { |
|||
async getPatientData() { |
|||
const { data: res } = await this.$http.get( |
|||
'/slscbg/getSlscbgInfo', |
|||
{ |
|||
params: { |
|||
patientId: this.patientId |
|||
} |
|||
} |
|||
) |
|||
if (res.code === 0) { |
|||
this.confirmData.patientId = res.data.patientId |
|||
this.confirmData.patientAge = res.data.patientAge |
|||
this.confirmData.patientSex = res.data.patientSex |
|||
this.confirmData.patientName = res.data.patientName |
|||
} else { |
|||
this.$message.error(res.msg) |
|||
} |
|||
}, |
|||
// 获取详情数据展示 |
|||
handleResValue(val, change) { |
|||
if (!val) { |
|||
return |
|||
} |
|||
change.forEach(item => { |
|||
item.isSelect = false |
|||
item.remark = '' |
|||
}) |
|||
const list = val.split('/') |
|||
change.forEach(item => { |
|||
list.forEach(lis => { |
|||
if (lis === item.name) { |
|||
item.isSelect = true |
|||
} |
|||
if (lis.includes('其他') && item.name === '其他:') { |
|||
item.isSelect = true |
|||
item.remark = lis.split(':')[1] |
|||
} |
|||
}) |
|||
// 如果未选中，默认后面注释不保存 |
|||
if (!item.isSelect && item.name === '其他:') { |
|||
item.remark = '' |
|||
} |
|||
}) |
|||
}, |
|||
handlePrint() { |
|||
if (!this.isCreator) { |
|||
return |
|||
} |
|||
this.handleSaveTable() |
|||
}, |
|||
// 保存 |
|||
handleSaveTable() { |
|||
this.confirmData.jg = this.jgSelect.join('/') |
|||
this.confirmData.jzNumber = window.sessionStorage.getItem('jzNumber') |
|||
this.$http.post('/slscbg/saveSlscbg', { |
|||
caseId: this.caseId, |
|||
...this.confirmData |
|||
}).then(() => { |
|||
this.getReportInfo() |
|||
this.$emit('handleSaveTable') |
|||
}) |
|||
}, |
|||
getReportInfo() { |
|||
const params = { |
|||
patientId: this.patientId, |
|||
caseId: this.caseId |
|||
} |
|||
this.$http.get('/slscbg/getSlscbgInfo', { params }).then(data => { |
|||
const res = data.data.data |
|||
this.setData(res) |
|||
}) |
|||
}, |
|||
setData(res) { |
|||
this.confirmData = res |
|||
this.jgSelect = this.confirmData.jg.split('/') |
|||
if (!res.jzNumber) { |
|||
this.getPatientData() |
|||
const userData = JSON.parse(window.sessionStorage.getItem('qg-userData')) |
|||
this.confirmData.operator = userData.signImgBase |
|||
this.confirmData.operateDate = this.$moment().format('YYYY-MM-DD') |
|||
} |
|||
}, |
|||
// 获取项目id列表 |
|||
async queryProject() { |
|||
const project = window.sessionStorage.getItem('projectItem') ? JSON.parse(window.sessionStorage.getItem('projectItem')) : [] |
|||
const { data: res } = await this.$http.get( |
|||
'/patient/getZlItemDict', |
|||
{ |
|||
params: { |
|||
caseName: '报告' |
|||
} |
|||
} |
|||
) |
|||
if (res.code === 0) { |
|||
const data = res.data || [] |
|||
const list = [] |
|||
if (data.length) { |
|||
for (let i = 0; i < data.length; i++) { |
|||
for (let j = 0; j < project.length; j++) { |
|||
if (data[i].itemId === project[j].porjectCode) { |
|||
list.push(project[j].id) |
|||
} |
|||
} |
|||
} |
|||
this.confirmData.idList = list |
|||
} |
|||
} else { |
|||
this.$message.error(res.msg) |
|||
} |
|||
}, |
|||
formDelete() { |
|||
this.$confirmFun('确定删除吗？').then(() => { |
|||
this.$http.post('/slscbg/delSlscbgInfo', { |
|||
id: this.caseId |
|||
}).then(() => { |
|||
this.$message.success('删除成功') |
|||
this.$emit('formDelete', 'del') |
|||
}) |
|||
}) |
|||
} |
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<style lang="scss" scoped> |
|||
#operation-record{ |
|||
background: #fff; |
|||
padding: 10px 20px 50px 20px; |
|||
page-break-after:always; |
|||
height: 100%; |
|||
overflow: auto; |
|||
} |
|||
.btnBox{ |
|||
position: fixed; |
|||
z-index: 999; |
|||
right: 90px; |
|||
} |
|||
.check { |
|||
cursor: pointer; |
|||
user-select: none; |
|||
display: flex; |
|||
input{ |
|||
-webkit-appearance: checkbox !important; |
|||
margin-right: 5px; |
|||
} |
|||
} |
|||
.flex{ |
|||
display: flex; |
|||
} |
|||
.a-c{ |
|||
align-items: center; |
|||
} |
|||
.j-b{ |
|||
justify-content: space-between; |
|||
} |
|||
.treatAction{ |
|||
width: 100%; |
|||
margin-top: 10px; |
|||
tr td,tr th{ |
|||
border: 1px solid #ccc; |
|||
padding: 5px; |
|||
} |
|||
td{ |
|||
width: 25%; |
|||
text-align: center; |
|||
} |
|||
} |
|||
::v-deep .el-input__inner { |
|||
border: none; |
|||
height: 26px !important; |
|||
line-height: 26px !important; |
|||
text-align: center; |
|||
font-size: 16px; |
|||
} |
|||
::v-deep .el-input__icon{ |
|||
line-height: 26px !important; |
|||
} |
|||
::v-deep .el-checkbox-group{ |
|||
text-align: left; |
|||
} |
|||
::v-deep .el-input__inner { |
|||
border-bottom: 1px solid #ccc; |
|||
border-radius: 0; |
|||
padding: 0; |
|||
} |
|||
::v-deep .el-input__prefix { |
|||
display: none; |
|||
} |
|||
::v-deep .el-checkbox__label{ |
|||
font-size: 16px !important; |
|||
} |
|||
</style> |
|||
Loading…
Reference in new issue