bianyaqi
3 years ago
7 changed files with 639 additions and 306 deletions
@ -0,0 +1,267 @@ |
|||||
|
<template> |
||||
|
<div> |
||||
|
<head-template head-left=""> |
||||
|
<el-button type="primary" size="small">保存</el-button> |
||||
|
<el-button v-print="'cornealPrint'" size="small">打印</el-button> |
||||
|
</head-template> |
||||
|
<div class="notice-content"> |
||||
|
<div class="notice-box"> |
||||
|
<div id="cornealPrint" class="notice_tip" style="page-break-after:always"> |
||||
|
<h3 style="text-align: center;margin-bottom: 32px;"> |
||||
|
角膜塑形镜复查单 |
||||
|
</h3> |
||||
|
<table class="cornealTable"> |
||||
|
<tr> |
||||
|
<td colspan="2"><div class="tdItem">姓名 <el-input v-model="formData.patient.name" style="flex: 1" placeholder="" /></div></td> |
||||
|
<td colspan="2"> |
||||
|
<div class="tdItem">检查日期 |
||||
|
<el-date-picker |
||||
|
v-model="formData.patient.checkDate" |
||||
|
type="date" |
||||
|
placeholder="选择日期" |
||||
|
/> |
||||
|
</div> |
||||
|
</td> |
||||
|
<td colspan="2"><div class="tdItem">已戴镜时间 <el-input v-model="formData.patient.wearTime" style="flex: 1" placeholder="" /></div></td> |
||||
|
</tr> |
||||
|
<tr> |
||||
|
<td colspan="6"> |
||||
|
<div style="display: flex;flex-wrap: wrap"> |
||||
|
<div v-for="(item,index) in formData.checkList" :key="index" class="checkItem" @click="item.isSelect=!item.isSelect"> |
||||
|
<input type="checkbox" :checked="item.isSelect">{{ item.name }} |
||||
|
</div> |
||||
|
</div> |
||||
|
</td> |
||||
|
</tr> |
||||
|
<tr> |
||||
|
<td colspan="2">项目</td> |
||||
|
<td colspan="2">右眼</td> |
||||
|
<td colspan="2">左眼</td> |
||||
|
</tr> |
||||
|
<tr v-for="(item,index) in formData.projectList" :key="`${index}_${index}`"> |
||||
|
<template v-if="index<4"> |
||||
|
<td colspan="2">{{ item.name }}</td> |
||||
|
<td colspan="2"><el-input v-model="item.os" /></td> |
||||
|
<td colspan="2"><el-input v-model="item.od" /></td> |
||||
|
</template> |
||||
|
</tr> |
||||
|
<tr> |
||||
|
<td rowspan="4">{{ formData.projectList[4].name }}</td> |
||||
|
</tr> |
||||
|
<tr v-for="(item,idx) in formData.projectList[4].areaList" :key="`${item}_${idx}`"> |
||||
|
<td>{{ item.name }}</td> |
||||
|
<td colspan="2"><el-input v-model="item.os" /></td> |
||||
|
<td colspan="2"><el-input v-model="item.od" /></td> |
||||
|
</tr> |
||||
|
<tr> |
||||
|
<td colspan="2">{{ formData.projectList[5].name }}</td> |
||||
|
<td colspan="2"> |
||||
|
<div style="display: flex;flex-wrap: wrap"> |
||||
|
<div v-for="(item,index) in formData.projectList[5].osList" :key="index" class="checkItem" @click="item.isSelect=!item.isSelect"> |
||||
|
<input type="checkbox" :checked="item.isSelect">{{ item.name }} |
||||
|
</div> |
||||
|
</div> |
||||
|
</td> |
||||
|
<td colspan="2"> |
||||
|
<div style="display: flex;flex-wrap: wrap"> |
||||
|
<div v-for="(item,index) in formData.projectList[5].odList" :key="index" class="checkItem" @click="item.isSelect=!item.isSelect"> |
||||
|
<input type="checkbox" :checked="item.isSelect">{{ item.name }} |
||||
|
</div> |
||||
|
</div> |
||||
|
</td> |
||||
|
</tr> |
||||
|
<tr> |
||||
|
<td>备注</td> |
||||
|
<td /> |
||||
|
<td /> |
||||
|
<td /> |
||||
|
<td /> |
||||
|
<td /> |
||||
|
</tr> |
||||
|
<tr> |
||||
|
<td colspan="3">检查人签字</td> |
||||
|
<td colspan="3">检查人签字</td> |
||||
|
</tr> |
||||
|
</table> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
import headTemplate from '@/components/head' |
||||
|
export default { |
||||
|
name: 'CornealReview', |
||||
|
components: { |
||||
|
headTemplate |
||||
|
}, |
||||
|
data() { |
||||
|
return { |
||||
|
formData: { |
||||
|
patient: { |
||||
|
name: '', |
||||
|
checkDate: '', |
||||
|
wearTime: '' |
||||
|
}, |
||||
|
checkList: [ |
||||
|
{ |
||||
|
name: '正常', |
||||
|
isSelect: false |
||||
|
}, { |
||||
|
name: '重影', |
||||
|
isSelect: false |
||||
|
}, { |
||||
|
name: '视力波动', |
||||
|
isSelect: false |
||||
|
}, { |
||||
|
name: '异物感', |
||||
|
isSelect: false |
||||
|
}, { |
||||
|
name: '镜片难摘', |
||||
|
isSelect: false |
||||
|
}, { |
||||
|
name: '眼红', |
||||
|
isSelect: false |
||||
|
}, { |
||||
|
name: '眼痛', |
||||
|
isSelect: false |
||||
|
}, { |
||||
|
name: '眩光', |
||||
|
isSelect: false |
||||
|
}, { |
||||
|
name: '视力不佳', |
||||
|
isSelect: false |
||||
|
}, { |
||||
|
name: '其他', |
||||
|
isSelect: false |
||||
|
} |
||||
|
], |
||||
|
projectList: [ |
||||
|
{ |
||||
|
name: '视力', |
||||
|
os: '', |
||||
|
od: '' |
||||
|
}, { |
||||
|
name: '眼压', |
||||
|
os: '', |
||||
|
od: '' |
||||
|
}, { |
||||
|
name: '角膜地形图', |
||||
|
os: '', |
||||
|
od: '' |
||||
|
}, { |
||||
|
name: '眼轴', |
||||
|
os: '', |
||||
|
od: '' |
||||
|
}, { |
||||
|
name: '眼表', |
||||
|
os: '', |
||||
|
od: '', |
||||
|
areaList: [ |
||||
|
{ |
||||
|
name: '角膜', |
||||
|
os: '', |
||||
|
od: '' |
||||
|
}, { |
||||
|
name: '结膜', |
||||
|
os: '', |
||||
|
od: '' |
||||
|
}, { |
||||
|
name: '其他', |
||||
|
os: '', |
||||
|
od: '' |
||||
|
} |
||||
|
] |
||||
|
}, { |
||||
|
name: '镜片', |
||||
|
os: '', |
||||
|
od: '', |
||||
|
osList: [ |
||||
|
{ |
||||
|
name: '正常', |
||||
|
isSelect: false |
||||
|
}, { |
||||
|
name: '划痕', |
||||
|
isSelect: false |
||||
|
}, { |
||||
|
name: '污染', |
||||
|
isSelect: false |
||||
|
}, { |
||||
|
name: '破损', |
||||
|
isSelect: false |
||||
|
} |
||||
|
], |
||||
|
odList: [ |
||||
|
{ |
||||
|
name: '正常', |
||||
|
isSelect: false |
||||
|
}, { |
||||
|
name: '划痕', |
||||
|
isSelect: false |
||||
|
}, { |
||||
|
name: '污染', |
||||
|
isSelect: false |
||||
|
}, { |
||||
|
name: '破损', |
||||
|
isSelect: false |
||||
|
} |
||||
|
] |
||||
|
} |
||||
|
] |
||||
|
} |
||||
|
} |
||||
|
}, |
||||
|
methods: { |
||||
|
} |
||||
|
} |
||||
|
</script> |
||||
|
|
||||
|
<style lang="scss" scoped> |
||||
|
input{ |
||||
|
-webkit-appearance: checkbox !important; |
||||
|
margin-right: 5px; |
||||
|
} |
||||
|
.cornealTable{ |
||||
|
width: 100%; |
||||
|
tr td{ |
||||
|
border: 1px solid #ccc; |
||||
|
padding: 0 5px; |
||||
|
::v-deep .el-input__inner { |
||||
|
border: none !important; |
||||
|
text-align: center; |
||||
|
border-radius: 0; |
||||
|
padding: 0; |
||||
|
} |
||||
|
.tdItem{ |
||||
|
display: flex !important; |
||||
|
align-items: center; |
||||
|
} |
||||
|
.checkItem{ |
||||
|
cursor: pointer; |
||||
|
user-select: none; |
||||
|
word-break: keep-all; |
||||
|
margin-right: 20px; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
.notice-content{ |
||||
|
width: 100%; |
||||
|
flex:1; |
||||
|
|
||||
|
.notice-box{ |
||||
|
width: 100%; |
||||
|
height: 100%; |
||||
|
display: flex; |
||||
|
justify-content: space-between; |
||||
|
} |
||||
|
|
||||
|
.notice_tip{ |
||||
|
width: 100%; |
||||
|
height: fit-content; |
||||
|
border: 1px solid #000; |
||||
|
padding: 64px 32px; |
||||
|
margin-right: 16px; |
||||
|
} |
||||
|
} |
||||
|
</style> |
||||
@ -0,0 +1,331 @@ |
|||||
|
<template> |
||||
|
<div class="review"> |
||||
|
<!-- 复查头部 --> |
||||
|
<div class="review-head"> |
||||
|
<span>复查情况</span> |
||||
|
<el-button type="primary" size="small" icon="el-icon-plus" @click="addHandle()">新增</el-button> |
||||
|
</div> |
||||
|
<!-- 复查内容 --> |
||||
|
<div class="review-content"> |
||||
|
<el-table |
||||
|
:data="reviewList" |
||||
|
style="width: 100%" |
||||
|
> |
||||
|
<el-table-column |
||||
|
type="index" |
||||
|
width="50" |
||||
|
align="center" |
||||
|
/> |
||||
|
<el-table-column |
||||
|
prop="returnVisitDate" |
||||
|
label="日期" |
||||
|
width="150" |
||||
|
align="center" |
||||
|
/> |
||||
|
<el-table-column label="裸眼视力" align="center"> |
||||
|
<el-table-column |
||||
|
prop="odVision" |
||||
|
label="R" |
||||
|
align="center" |
||||
|
/> |
||||
|
<el-table-column |
||||
|
prop="osVision" |
||||
|
label="L" |
||||
|
align="center" |
||||
|
/> |
||||
|
</el-table-column> |
||||
|
<el-table-column label="戴镜视力" align="center"> |
||||
|
<el-table-column |
||||
|
prop="odGlassVision" |
||||
|
label="R" |
||||
|
align="center" |
||||
|
/> |
||||
|
<el-table-column |
||||
|
prop="osGlassVision" |
||||
|
label="L" |
||||
|
align="center" |
||||
|
/> |
||||
|
</el-table-column> |
||||
|
<el-table-column |
||||
|
prop="cornealInfo" |
||||
|
label="角膜情况" |
||||
|
align="center" |
||||
|
> |
||||
|
<el-table-column |
||||
|
prop="odCornealInfo" |
||||
|
label="R" |
||||
|
align="center" |
||||
|
/> |
||||
|
<el-table-column |
||||
|
prop="osCornealInfo" |
||||
|
label="L" |
||||
|
align="center" |
||||
|
/> |
||||
|
</el-table-column> |
||||
|
<el-table-column |
||||
|
prop="glassInfo" |
||||
|
label="镜片情况" |
||||
|
align="center" |
||||
|
/> |
||||
|
<el-table-column |
||||
|
prop="doctorAdvice" |
||||
|
label="医嘱" |
||||
|
align="center" |
||||
|
/> |
||||
|
<el-table-column |
||||
|
prop="doctorName" |
||||
|
label="医生" |
||||
|
align="center" |
||||
|
/> |
||||
|
<el-table-column |
||||
|
label="操作" |
||||
|
width="120" |
||||
|
align="center" |
||||
|
> |
||||
|
<template slot-scope="scope"> |
||||
|
<el-button type="text" size="small" @click="editHandle(scope.row)">修改</el-button> |
||||
|
<el-button type="text" size="small" @click="delHandle(scope.row)">删除</el-button> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
</el-table> |
||||
|
</div> |
||||
|
<!-- 新增弹框--> |
||||
|
<el-dialog |
||||
|
class="oklens-add-order" |
||||
|
:visible.sync="visible" |
||||
|
width="30%" |
||||
|
:title="title" |
||||
|
> |
||||
|
<el-form ref="dataForms" :model="dataForm" :rules="dataRule"> |
||||
|
<el-form-item label="复查日期:" label-width="95px" prop="returnVisitDate"> |
||||
|
<el-date-picker v-model="dataForm.returnVisitDate" type="date" :disabled="title === '编辑复查情况记录'" placeholder="请选择复查日期" value-format="yyyy-MM-dd" @change="changeDate" /> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="裸眼视力:" label-width="90px" prop="osVision"> |
||||
|
<span class="vision">R</span> |
||||
|
<el-input v-model="dataForm.odVision" style="display: inline-block;width: 100px;margin-right: 16px" placeholder="右眼" /> |
||||
|
<span class="vision">L</span> |
||||
|
<el-input v-model="dataForm.osVision" style="display: inline-block;width: 100px" placeholder="左眼" /> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="戴镜视力:" label-width="90px" prop="osGlassVision"> |
||||
|
<span class="vision">R</span> |
||||
|
<el-input v-model="dataForm.odGlassVision" style="display: inline-block;width: 100px;margin-right: 16px" placeholder="右眼" /> |
||||
|
<span class="vision">L</span> |
||||
|
<el-input v-model="dataForm.osGlassVision" style="display: inline-block;width: 100px;" placeholder="左眼" /> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="角膜情况:" label-width="90px" prop="odCornealInfo"> |
||||
|
<span class="vision">R</span> |
||||
|
<el-input v-model="dataForm.odCornealInfo" style="display: inline-block;width: 250px" placeholder="请填写右眼角膜情况" /> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="角膜情况:" label-width="90px" prop="osCornealInfo"> |
||||
|
<span class="vision">L</span> |
||||
|
<el-input v-model="dataForm.osCornealInfo" style="display: inline-block;width: 250px" placeholder="请填写左眼角膜情况" /> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="镜片情况:" label-width="90px" prop="glassInfo"> |
||||
|
<el-input v-model="dataForm.glassInfo" placeholder="请填写镜片情况" /> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="医嘱:" label-width="90px" prop="doctorAdvice"> |
||||
|
<el-input v-model="dataForm.doctorAdvice" placeholder="请填写医嘱" /> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="医生:" label-width="90px" prop="doctorName"> |
||||
|
<el-input v-model="dataForm.doctorName" placeholder="请填写医生" /> |
||||
|
</el-form-item> |
||||
|
</el-form> |
||||
|
<template slot="footer"> |
||||
|
<el-button @click="visible = false">{{ $t('cancel') }}</el-button> |
||||
|
<el-button type="primary" @click="dataFormSubmitHandle()">{{ $t('confirm') }}</el-button> |
||||
|
</template> |
||||
|
</el-dialog> |
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
export default { |
||||
|
name: 'ReviewSituation', |
||||
|
props: { |
||||
|
patientId: { |
||||
|
type: String, |
||||
|
default: '' |
||||
|
} |
||||
|
}, |
||||
|
data() { |
||||
|
return { |
||||
|
visible: false, |
||||
|
delFlag: false, |
||||
|
title: '新增复查情况记录', |
||||
|
returnDate: '', |
||||
|
dataForm: { |
||||
|
returnVisitDate: '', |
||||
|
osGlassVision: '', |
||||
|
odGlassVision: '', |
||||
|
osVision: '', |
||||
|
odVision: '', |
||||
|
odCornealInfo: '', |
||||
|
osCornealInfo: '', |
||||
|
glassInfo: '', |
||||
|
doctorAdvice: '', |
||||
|
doctorName: '', |
||||
|
patientId: this.patientId |
||||
|
}, |
||||
|
reviewList: [] |
||||
|
} |
||||
|
}, |
||||
|
computed: { |
||||
|
dataRule() { |
||||
|
return { |
||||
|
returnVisitDate: [ |
||||
|
{ required: true, message: '请选择复查日期', trigger: 'change' } |
||||
|
] |
||||
|
} |
||||
|
} |
||||
|
}, |
||||
|
mounted() { |
||||
|
this.getReviewList() |
||||
|
}, |
||||
|
methods: { |
||||
|
// 新增 |
||||
|
addHandle() { |
||||
|
this.visible = true |
||||
|
this.title = '新增复查情况记录' |
||||
|
this.returnDate = this.getNowFormatDate() |
||||
|
this.$nextTick(() => { |
||||
|
this.$refs['dataForms'].resetFields() |
||||
|
this.dataForm.odGlassVision = '' |
||||
|
this.dataForm.odVision = '' |
||||
|
this.dataForm.returnVisitDate = this.returnDate |
||||
|
// this.getVisitForHis() |
||||
|
}) |
||||
|
}, |
||||
|
// 获取当前时间 yyyy-MM-dd |
||||
|
getNowFormatDate() { |
||||
|
const date = new Date() |
||||
|
const seperator = '-' |
||||
|
let month = date.getMonth() + 1 |
||||
|
let strDate = date.getDate() |
||||
|
if (month >= 1 && month <= 9) { |
||||
|
month = '0' + month |
||||
|
} |
||||
|
if (strDate >= 0 && strDate <= 9) { |
||||
|
strDate = '0' + strDate |
||||
|
} |
||||
|
const currentdate = date.getFullYear() + seperator + month + seperator + strDate |
||||
|
return currentdate |
||||
|
}, |
||||
|
changeDate(val) { |
||||
|
this.returnDate = val |
||||
|
this.getVisitForHis() |
||||
|
}, |
||||
|
|
||||
|
getVisitForHis() { |
||||
|
this.$http.get('/return/visit/save', { params: { patientId: this.patientId, returnVisitDate: this.returnDate }}).then(({ data: res }) => { |
||||
|
if (res.code !== 0) { |
||||
|
return this.$message.error(res.msg) |
||||
|
} |
||||
|
if (res.data) { |
||||
|
this.$nextTick(() => { |
||||
|
this.dataForm = { ...res.data } |
||||
|
this.dataForm.patientId = this.patientId |
||||
|
}) |
||||
|
} else { |
||||
|
this.$nextTick(() => { |
||||
|
this.$refs['dataForms'].resetFields() |
||||
|
this.dataForm.odGlassVision = '' |
||||
|
this.dataForm.odVision = '' |
||||
|
this.dataForm.returnVisitDate = this.returnDate |
||||
|
}) |
||||
|
} |
||||
|
}).catch(() => {}) |
||||
|
}, |
||||
|
// 编辑 |
||||
|
editHandle(row) { |
||||
|
this.visible = true |
||||
|
this.title = '编辑复查情况记录' |
||||
|
this.$nextTick(() => { |
||||
|
this.dataForm = { ...row } |
||||
|
this.dataForm.id = row.id |
||||
|
this.dataForm.patientId = this.patientId |
||||
|
// this.dataForm.patientId = this.patientId |
||||
|
}) |
||||
|
}, |
||||
|
// 保存 |
||||
|
dataFormSubmitHandle() { |
||||
|
this.dataForm.patientId = this.patientId |
||||
|
this.$refs.dataForms.validate((valid) => { |
||||
|
if (!valid) { |
||||
|
return false |
||||
|
} |
||||
|
const url = this.title === '新增复查情况记录' ? '/return/visit/save' : '/return/visit/update' |
||||
|
this.$http.post(url, this.dataForm).then(({ data: res }) => { |
||||
|
if (res.code !== 0) { |
||||
|
return this.$message.error(res.msg) |
||||
|
} |
||||
|
this.$message({ |
||||
|
message: this.$t('prompt.success'), |
||||
|
type: 'success', |
||||
|
duration: 500, |
||||
|
onClose: () => { |
||||
|
this.visible = false |
||||
|
this.getReviewList() |
||||
|
} |
||||
|
}) |
||||
|
}).catch(() => {}) |
||||
|
}) |
||||
|
}, |
||||
|
// 删除 |
||||
|
delHandle(row) { |
||||
|
const ids = [] |
||||
|
ids.push(row.id) |
||||
|
this.$confirm('确认删除该条信息么？') |
||||
|
.then(_ => { |
||||
|
this.$http.post('/return/visit/delete', ids).then(({ data: res }) => { |
||||
|
if (res.code !== 0) { |
||||
|
return this.$message.error(res.msg) |
||||
|
} |
||||
|
this.getReviewList() |
||||
|
}).catch(() => {}) |
||||
|
}) |
||||
|
.catch(_ => {}) |
||||
|
}, |
||||
|
// 复查 |
||||
|
getReviewList() { |
||||
|
this.$http.get('/return/visit/getList', { params: { patientId: this.patientId }}).then(({ data: res }) => { |
||||
|
if (res.code !== 0) { |
||||
|
return this.$message.error(res.msg) |
||||
|
} |
||||
|
if (res.data) { |
||||
|
this.reviewList = res.data || [] |
||||
|
} |
||||
|
}).catch(() => {}) |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
</script> |
||||
|
|
||||
|
<style lang="scss" scoped> |
||||
|
.review { |
||||
|
width: 100%; |
||||
|
.review-head { |
||||
|
display: flex; |
||||
|
justify-content: space-between; |
||||
|
padding-bottom: 16px; |
||||
|
} |
||||
|
.review-content { |
||||
|
width: 100%; |
||||
|
height: calc( 100vh - 50px - 32px - 42px - 48px - 15px); |
||||
|
padding: 16px; |
||||
|
background: #ffffff; |
||||
|
overflow-x: auto; |
||||
|
} |
||||
|
.vision{ |
||||
|
display: inline-block; |
||||
|
width: 24px; |
||||
|
height: 24px; |
||||
|
line-height: 24px; |
||||
|
border-radius: 50%; |
||||
|
text-align: center; |
||||
|
color: #1E79FF; |
||||
|
font-weight: 600; |
||||
|
margin-right: 8px; |
||||
|
background-color: #EBF6FF; |
||||
|
} |
||||
|
} |
||||
|
</style> |
||||
Loading…
Reference in new issue