You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 

867 lines
26 KiB

<template>
<div id="operation-record" style=" background: #fff; padding: 10px 20px 50px 20px;page-break-after:always">
<div style="position: fixed;z-index: 999;right: 90px;">
<div v-if="!onlyRead && isPlatform">
<el-button v-print="printObj" 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="handleDelete">删除</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="threeFunc" style="width: 840px;padding-right: 8px">
<div v-if="!isDev" class="flex j-c">
<img width="450" src="@/assets/img/xianganlogo.png">
</div>
<p style="color:#000000;font-size:32px;text-align:center">
青少年儿童屈光发育档案
</p>
<div class="operation-record-table" style="margin-top: 16px">
<el-table :data="headData" :span-method="headSpanMethod" border style="width: 820px;">
<el-table-column label="" width="" align="center" :resizable="false">
<template slot-scope="scope">
<span>{{ scope.row.name }}</span>
</template>
</el-table-column>
<el-table-column label="" width="" align="center" :resizable="false">
<template slot-scope="scope">
<div v-if="scope.row.name == '姓名'">
<div class="width-100 center">
<el-input v-model="dataForm.patientName" placeholder="" />
</div>
</div>
<div v-if="scope.row.name == '身高'">
<div class="width-100 center">
<el-input v-model="dataForm.patientSg" placeholder="" />
</div>
</div>
<div v-if="scope.row.name == '是否戴镜'">
<div style="display:flex;">
<el-select v-model="dataForm.sfDj" clearable placeholder="" style="width: 80%">
<el-option
v-for="item in scope.row.mirrorList"
:key="item.id"
:label="item.name"
:value="item.name"
/>
</el-select>
</div>
</div>
</template>
</el-table-column>
<el-table-column label="" width="" align="center" :resizable="false">
<template slot-scope="scope">
<div v-if="scope.row.name == '姓名'">
<div class="width-100 center">
性别
</div>
</div>
<div v-if="scope.row.name == '身高'">
<div class="width-100 center">
体重
</div>
</div>
<div v-if="scope.row.name == '是否戴镜'">
<div class="width-100 center">
戴镜习惯
</div>
</div>
</template>
</el-table-column>
<el-table-column label="" width="" align="center" :resizable="false">
<template slot-scope="scope">
<div v-if="scope.row.name == '姓名'">
<div class="width-100 center">
<el-input v-model="dataForm.patientSex" placeholder="" />
</div>
</div>
<div v-if="scope.row.name == '身高'">
<div class="width-100 center">
<el-input v-model="dataForm.patientTz" placeholder="" />
</div>
</div>
<div v-if="scope.row.name == '是否戴镜'">
<div style="display:flex;">
<el-select v-model="dataForm.djXg" clearable placeholder="" style="width: 80%">
<el-option
v-for="item in scope.row.mirrorHabit"
:key="item.id"
:label="item.name"
:value="item.name"
/>
</el-select>
</div>
</div>
</template>
</el-table-column>
<el-table-column label="" width="" align="center" :resizable="false">
<template slot-scope="scope">
<div v-if="scope.row.name == '姓名'">
<div class="width-100 center">
出生日期
</div>
</div>
<div v-if="scope.row.name == '身高'">
<div class="width-100 center">
何时发现视力下降
</div>
</div>
</template>
</el-table-column>
<el-table-column label="" width="" align="center" :resizable="false">
<template slot-scope="scope">
<div v-if="scope.row.name == '姓名'">
<div class="width-140 center">
<el-date-picker
v-model="dataForm.patientBirth"
type="date"
placeholder="选择日期"
/>
</div>
</div>
<div v-if="scope.row.name == '身高'">
<div class="width-100 center">
<el-input v-model="dataForm.slHsXj" placeholder="" />
</div>
</div>
</template>
</el-table-column>
</el-table>
<el-table :data="tableData" :span-method="objectSpanMethod" border style="width: 820px">
<el-table-column label="" width="" align="center" :resizable="false">
<template slot-scope="scope">
<span>{{ scope.row.name }}</span>
</template>
</el-table-column>
<el-table-column label="" width="" :resizable="false" prop="type">
<template slot-scope="scope">
<div v-if="scope.row.name == '戴镜类型'">
<el-select v-model="dataForm.djLx" clearable placeholder="" style="width: 80%">
<el-option
v-for="item in scope.row.mirrorType"
:key="item.id"
:label="item.name"
:value="item.name"
/>
</el-select>
</div>
<div v-if="scope.row.name == '旧镜参数'">
<div class="width-180 center">
<el-input v-model="dataForm.jjCsOd" placeholder="">
<template slot="prepend">OD:</template>
</el-input>
</div>
</div>
<div v-if="scope.row.name == '父母是否近视'">
<el-select v-model="dataForm.fmSfJs" clearable placeholder="" style="width: 80%">
<el-option
v-for="item in scope.row.shortsighte"
:key="item.id"
:label="item.name"
:value="item.name"
/>
</el-select>
</div>
<div v-if="scope.row.name == '户外活动时间'">
<el-select v-model="dataForm.hwHdSj" clearable placeholder="" style="width: 80%">
<el-option
v-for="item in scope.row.outTime"
:key="item.id"
:label="item.name"
:value="item.name"
/>
</el-select>
</div>
<div v-if="scope.row.name == '备注'">
<div class="center">
<el-input v-model="dataForm.beiZhu" placeholder="" />
</div>
</div>
<div v-if="scope.row.name == '项目'">
<div class="width-180 center">
OD
</div>
</div>
<div v-if="scope.row.name == '裸眼/旧镜视力'">
<div class="width-180 center">
<el-input v-model="dataForm.jjslOd" placeholder="" />
</div>
</div>
<div v-if="scope.row.name == '是否散瞳'">
<div>
<el-select v-model="dataForm.sfstOd" clearable placeholder="" style="width: 80%">
<el-option
v-for="item in scope.row.mydriasis"
:key="item.id"
:label="item.name"
:value="item.name"
/>
</el-select>
</div>
</div>
<div v-if="scope.row.name == '主觉验光'">
<div class="width-180 center">
<el-input v-model="dataForm.zjygOd" placeholder="" />
</div>
</div>
<div v-if="scope.row.name == '眼位'">
<div class="width-180 center">
<el-input v-model="dataForm.ywOd" placeholder="" />
</div>
</div>
<div v-if="scope.row.name == '眼压/mmHg'">
<div class="width-180 center">
<el-input v-model="dataForm.yyOd" placeholder="" />
</div>
</div>
<div v-if="scope.row.name == '角膜曲率/D'">
<div class="width-180 center">
<el-input v-model="dataForm.jmqlOd" placeholder="" />
</div>
</div>
<div v-if="scope.row.name == '角膜厚度/μm'">
<div class="width-180 center">
<el-input v-model="dataForm.jmhdOd" placeholder="" />
</div>
</div>
<div v-if="scope.row.name == '处方'">
<div class="width-180 center">
<el-input v-model="dataForm.cfOd" placeholder="" />
</div>
</div>
<div v-if="scope.row.name == '建议'">
<el-select v-model="dataForm.jianYi" clearable placeholder="" style="width: 80%">
<el-option
v-for="item in scope.row.suggest"
:key="item.id"
:label="item.name"
:value="item.name"
/>
</el-select>
</div>
<div v-if="scope.row.name == '眼轴/眼底照/地形图'">
<div class="center">
<el-input v-model="dataForm.yzOd" placeholder="" />
</div>
</div>
</template>
</el-table-column>
<el-table-column label="" width="" :resizable="false">
<template slot-scope="scope">
<div v-if="scope.row.name == '旧镜参数'">
<div class="width-180 center">
<el-input v-model="dataForm.jjCsOs" placeholder="">
<template slot="prepend">OS:</template>
</el-input>
</div>
</div>
<div v-if="scope.row.name == '项目'">
<div class="width-180 center">
OS
</div>
</div>
<div v-if="scope.row.name == '裸眼/旧镜视力'">
<div class="width-180 center">
<el-input v-model="dataForm.jjslOs" placeholder="" />
</div>
</div>
<div v-if="scope.row.name == '主觉验光'">
<div class="width-180 center">
<el-input v-model="dataForm.zjygOs" placeholder="" />
</div>
</div>
<div v-if="scope.row.name == '眼位'">
<div class="width-180 center">
<el-input v-model="dataForm.ywOs" placeholder="" />
</div>
</div>
<div v-if="scope.row.name == '眼压/mmHg'">
<div class="width-180 center">
<el-input v-model="dataForm.yyOs" placeholder="" />
</div>
</div>
<div v-if="scope.row.name == '角膜曲率/D'">
<div class="width-180 center">
<el-input v-model="dataForm.jmqlOs" placeholder="" />
</div>
</div>
<div v-if="scope.row.name == '角膜厚度/μm'">
<div class="width-180 center">
<el-input v-model="dataForm.jmhdOs" placeholder="" />
</div>
</div>
<div v-if="scope.row.name == '处方'">
<div class="width-180 center">
<el-input v-model="dataForm.cfOs" placeholder="" />
</div>
</div>
</template>
</el-table-column>
</el-table>
</div>
</div>
</div>
</template>
<script>
export default {
props: {
isDev: {
type: Boolean
},
isSearch: {
type: String,
default: ''
},
patientId: {
type: String,
default: ''
},
caseId: {
type: String,
default: ''
},
isPlatform: {
type: Boolean,
default: true
},
onlyRead: {
type: Boolean,
default: false
},
isCreator: {
type: Boolean,
default: true
},
// 操作员
creator: {
type: Object
}
},
data() {
return {
printObj: {
id: 'threeFunc',
extraHead: '<meta http-equiv="Content-Language"content="zh-cn"/>,<style>  #printId { width: 100%; !important; } .el-input__prefix { display: none } <style>'
},
dataForm: {
id: '',
caseId: this.caseId,
patientId: '',
patientName: '',
patientSex: '',
patientSg: '',
patientTz: '',
patientBirth: '',
beiZhu: '',
cfOd: '',
cfOs: '', // 处方
djXg: '', // 戴镜习惯
djLx: '', // 戴镜类型
fmSfJs: '', // 父母是否近视
hwHdSj: '', // 户外活动时间
jianYi: '', // 建议
jjCsOd: '', // 旧镜参数
jjCsOs: '', // 旧镜参数
jjslOd: '', // 旧镜视力
jjslOs: '', // 旧镜视力
jmdxtOd: '', // 角膜地形图
jmdxtOs: '', // 角膜地形图
jmhdOd: '', // 角膜厚度
jmhdOs: '', // 角膜厚度
jmqlOd: '', // 角膜曲率
jmqlOs: '', // 角膜曲率
lyslOd: '', // 裸眼视力
lyslOs: '', // 裸眼视力
sfDj: '', // 是否戴镜
sfstOd: '', // 是否散瞳
sfstOs: '', // 是否散瞳
slHsXj: '', // 视力何时下降
ydzOd: '', // 眼底照
ydzOs: '', // 眼底照
ywOd: '', // 眼位
ywOs: '', // 眼位
ywOdExtra: '', // 眼位
ywOsExtra: '', // 眼位
yyOd: '', // 眼压
yyOs: '', // 眼压
yzOd: '', // 眼轴
yzOs: '', // 眼轴
zjygOd: '', // 主觉验光
zjygOs: '' // 主觉验光
},
headData: [
{
name: '个人基础信息'
},
{
name: '姓名'
}, {
name: '身高'
}, {
name: '是否戴镜',
mirrorList: [{
name: '是',
id: '1'
}, {
name: '否',
id: '2'
}],
mirrorHabit: [
{
name: '好',
id: '1'
}, {
name: '一般',
id: '2'
}, {
name: '差',
id: '3'
}]
}],
tableData: [
{
name: '戴镜类型',
mirrorType: [
{
name: '框架',
id: '1'
},
{
name: 'OK镜',
id: '2'
}, {
name: 'RGP',
id: '3'
}, {
name: '软镜',
id: '4'
}
]
},
{
name: '旧镜参数'
}, {
name: '父母是否近视',
shortsighte: [
{
name: '父亲',
id: '1'
}, {
name: '母亲',
id: '2'
}, {
name: '父亲和母亲',
id: '3'
}, {
name: '均无',
id: '4'
}
]
}, {
name: '户外活动时间',
outTime: [
{
name: '\<1h',
id: '1'
}, {
name: '1h-2h',
id: '2'
}, {
name: '\>2h',
id: '3'
}
]
}, {
name: '备注'
}, {
name: '综合检查信息'
}, {
name: '项目'
}, {
name: '裸眼/旧镜视力'
}, {
name: '是否散瞳',
mydriasis: [
{
name: '未散瞳',
id: '1'
}, {
name: '美多丽',
id: '2'
}, {
name: '阿托品',
id: '3'
}, {
name: '其他',
id: '4'
}
]
}, {
name: '主觉验光'
}, {
name: '眼位',
position: [
{
name: 'BI',
id: '1'
}, {
name: 'BO',
id: '2'
}, {
name: 'BD',
id: '3'
}, {
name: 'BU',
id: '4'
}
]
}, {
name: '眼压/mmHg'
}, {
name: '角膜曲率/D'
}, {
name: '角膜厚度/μm'
}, {
name: '处方'
}, {
name: '建议',
suggest: [
{
name: '框架',
id: '1'
}, {
name: 'OK镜',
id: '2'
}, {
name: 'RGP',
id: '3'
}, {
name: '软镜',
id: '4'
}, {
name: '其他',
id: '5'
}
]
}, {
name: '眼轴/眼底照/地形图'
}]
}
},
watch: {
caseId: {
handler: function(newV, oldV) {
this.queryForm()
}
}
},
mounted() {
this.queryForm()
this.getPatientData()
},
methods: {
async queryForm() {
const { data: res } = await this.$http.get(
'/qgfyda/getQgfyda',
{
params: {
patientId: this.patientId,
caseId: this.caseId
}
}
)
if (res.code === 0) {
this.dataForm = res.data
} else {
this.$message.error(res.msg)
}
},
async getPatientData() {
const { data: res } = await this.$http.get(
'/patient/view/getPatientData',
{
params: {
patientId: this.patientId
}
}
)
if (res.code === 0) {
const data = res.data
this.dataForm.patientName = data.patientName
this.dataForm.patientSex = data.patientSex
this.dataForm.patientBirth = data.patientBirthday
} else {
this.$message.error(res.msg)
}
},
handleDelete() {
const params = {
id: this.caseId
}
this.$confirmFun('你确定要删除吗?').then(async() => {
await this.deleteNewForm()
const { data: res } = await this.$http.post('/case/delete', params)
if (res.code === 0) {
this.$message.success('删除成功')
await this.$parent.getFormList()
} else {
this.$message.error(res.msg)
}
})
},
async deleteNewForm() {
const params = {
id: this.caseId
}
const { data: res } = await this.$http.post('/qgfyda/delQgfyda', params)
if (res.code === 0) {
} else {
this.$message.error(res.msg)
}
},
objectSpanMethod({ row, column, rowIndex, columnIndex }) {
if (columnIndex === 0) {
if (rowIndex === 5) {
return {
rowspan: 1,
colspan: 3
}
}
} else if (columnIndex === 1) {
if (rowIndex === 0 || rowIndex === 2 || rowIndex === 3 || rowIndex === 4 || rowIndex === 8 || rowIndex === 15 || rowIndex === 16) {
return {
rowspan: 1,
colspan: 2
}
} else if (rowIndex === 5) {
return {
rowspan: 0,
colspan: 0
}
}
} else if (columnIndex === 2) {
if (rowIndex === 0 || rowIndex === 2 || rowIndex === 3 || rowIndex === 4 || rowIndex === 5 || rowIndex === 8 || rowIndex === 15 || rowIndex === 16) {
return {
rowspan: 0,
colspan: 0
}
}
}
},
headSpanMethod({ row, column, rowIndex, columnIndex }) {
if (columnIndex === 0) {
if (rowIndex === 0) {
return {
rowspan: 1,
colspan: 6
}
}
} else if (columnIndex === 1 || columnIndex === 3) {
if (rowIndex === 3) {
return {
rowspan: 1,
colspan: 2
}
}
} else if (columnIndex === 1 || columnIndex === 2 || columnIndex === 3 || columnIndex === 4 || columnIndex === 5) {
if (rowIndex === 0) {
return {
rowspan: 0,
colspan: 0
}
}
}
},
handlePrint() {
if (!this.isCreator) {
return
}
this.handleSaveTable()
},
handleSaveTable() {
this.$http.post('/qgfyda/saveQgfyda', 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.queryForm()
}
})
}).catch(() => {})
}
}
}
</script>
<style lang="scss" scoped>
.flex{
display: flex;
}
.j-c{
justify-content: center;
}
::v-deep .el-table__cell{
padding: 10px 0 !important;
}
::v-deep .el-input-group__prepend{
background-color: transparent;
color: #606266;
border: none;
}
::v-deep .el-table__header-wrapper{
display: none;
}
.width-140 {
::v-deep .el-input {
width: 125px;
}
}
.operation-record-table{
.el-input__inner {
border: none;
height: 26px !important;
line-height: 26px !important;
text-align: center;
}
.el-input-group__append, .el-input-group__prepend{
background-color: transparent;
color: #606266;
border: none;
}
.el-table__header-wrapper{
display: none;
}
}
#operation-record {
height: 100%;
overflow: auto;
.btnBox{
display: flex;
justify-content: flex-end;
}
.el-table--border{
border-right: 1px solid #EBEEF5;
}
.operation-record-table {
//width: 100%;
width: 840px !important;
padding-right: 8px;
.operation-text {
font-weight: 700;
}
.text {
font-weight: 700;
}
.sign {
cursor: pointer;
color: #46a1ff;
font-weight: 400;
}
.el-input__inner {
border: none;
height: 26px !important;
line-height: 26px !important;
text-align: center;
}
.el-icon-arrow-up {
display: none;
}
}
.center {
text-align: center;
}
.left {
text-align: left;
}
.width-50 {
.el-input {
width: 50px;
}
}
.width-70 {
.el-input {
width: 70px;
}
}
.width-100 {
.el-input {
width: 100px;
}
}
.width-120 {
.el-input {
width: 120px;
}
}
.width-180 {
.el-input {
width: 180px;
}
}
.width-240 {
.el-input {
width: 240px;
}
}
.el-table--enable-row-hover .el-table__body tr:hover>td.el-table__cell {
background: none !important;
}
.has-gutter {
display: none;
.cell {
font-weight: 700;
}
.el-table__cell {
background: #ced4d9;
}
}
.el-table__header-wrapper{
display: none;
}
}
::v-deep .el-table--group,
::v-deep .el-table--border {
border: 1px solid #8e8c8c !important;
border-bottom: none !important;
}
::v-deep .el-icon-arrow-up{
display: none;
}
::v-deep .el-input-group__append, ::v-deep .el-input-group__prepend{
background: none;
padding: 0 5px !important;
}
::v-deep .el-table--enable-row-hover .el-table__body tr:hover>td.el-table__cell {
background: none !important;
}
::v-deep .el-input__inner {
padding: 0;
border: none;
text-align: center;
height: 26px;
line-height: 26px !important;
border-radius: 0;
}
::v-deep .el-textarea__inner{
border: none;
}
::v-deep .el-table td, #threeFunc .el-table th{
border-color: #8e8c8c;
}
::v-deep .el-icon-date::before{
display: none;
}
</style>