newPeter7
2 years ago
7 changed files with 1147 additions and 9 deletions
@ -0,0 +1,167 @@ |
|||
<template> |
|||
<el-dialog |
|||
class="HIS-dialog" |
|||
:visible.sync="visible" |
|||
width="60%" |
|||
title="HIS查询" |
|||
> |
|||
<el-form ref="dataFormHis" :inline="true" :model="dataFormHis" class="demo-form-inline" :rules="dataRule" @keyup.enter.native="findHandle(2)"> |
|||
<el-form-item prop="patientId"> |
|||
<el-input v-model="dataFormHis.patientId" placeholder="请输入登记号" clearable /> |
|||
</el-form-item> |
|||
<el-form-item prop="patientName"> |
|||
<el-input v-model="dataFormHis.patientName" placeholder="请输入姓名" clearable /> |
|||
</el-form-item> |
|||
<el-form-item prop="patientIdNumber"> |
|||
<el-input v-model="dataFormHis.patientIdNumber" placeholder="请输入身份证号" clearable /> |
|||
</el-form-item> |
|||
<el-col :span="6"> |
|||
<el-form-item> |
|||
<el-button type="primary" @click="findHandle(2)">查询</el-button> |
|||
<el-button @click="visible = !visible">取消</el-button> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-form> |
|||
<el-table v-loading="loading" :data="tableData" style="margin-bottom: 32px" height="500"> |
|||
<template slot="empty"> |
|||
<span style="color: #969799;">{{ tableText }}</span> |
|||
</template> |
|||
<el-table-column property="patientId" label="登记号" /> |
|||
<el-table-column property="patientName" label="患者姓名" /> |
|||
<el-table-column property="patientIdNumber" label="身份证号" /> |
|||
<el-table-column property="patientPhone" label="联系电话" /> |
|||
<el-table-column property="zlProject" label="医疗项目" width="140" /> |
|||
<el-table-column property="remark" label="备注" width="140" /> |
|||
<!-- <el-table-column property="patientAddress" label="家庭地址" />--> |
|||
<el-table-column label="操作" width="80"> |
|||
<template slot-scope="scope"> |
|||
<p class="introduce" @click="introduceHandle(scope.row)">引入</p> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
</el-dialog> |
|||
</template> |
|||
|
|||
<script> |
|||
export default { |
|||
data() { |
|||
return { |
|||
visible: false, |
|||
dataFormHis: { |
|||
patientId: '', |
|||
patientName: '', |
|||
patientIdNumber: '' |
|||
}, |
|||
dataForm: {}, |
|||
tableData: [], |
|||
tableText: '请查询所需数据', |
|||
loading: false |
|||
} |
|||
}, |
|||
computed: { |
|||
dataRule() { |
|||
return { |
|||
patientId: [ |
|||
{ message: '请输入登记号', trigger: 'blur' } |
|||
], |
|||
patientName: [ |
|||
{ message: '请输入姓名', trigger: 'blur' } |
|||
], |
|||
patientIdNumber: [ |
|||
{ message: '请输入身份证号', trigger: 'blur' } |
|||
] |
|||
} |
|||
} |
|||
}, |
|||
methods: { |
|||
init() { |
|||
this.visible = true |
|||
this.$nextTick(() => { |
|||
this.tableText = '请查询所需数据' |
|||
this.$refs.dataFormHis.resetFields() // 重置表单 |
|||
this.tableData = [] |
|||
}) |
|||
}, |
|||
// His查询按钮 |
|||
async findHandle(flag) { |
|||
if (flag === 2 && !this.dataFormHis.patientId && !this.dataFormHis.patientName && !this.dataFormHis.patientIdNumber) { |
|||
return this.$message.error('搜索内容不能为空') |
|||
} |
|||
this.loading = true |
|||
const { data: res } = await this.$http.get('/patient/getHisPatient', { |
|||
params: this.dataFormHis |
|||
}) |
|||
if (res.code === 0) { |
|||
this.loading = false |
|||
this.tableData = res.data |
|||
if (res.data.length <= 0 && flag === 2) { |
|||
this.tableText = '查询成功，未查询到相关数据' |
|||
} else if (res.data.length <= 0 && flag === 1) { |
|||
this.tableText = '请查询所需数据' |
|||
} |
|||
} else { |
|||
this.loading = false |
|||
this.tableText = res.msg |
|||
this.$message.error(res.msg) |
|||
} |
|||
}, |
|||
// 点击引入按钮 |
|||
async introduceHandle(scopwRow) { |
|||
this.dataFormHis.patientId = scopwRow.patientId |
|||
this.dataFormHis.patientName = scopwRow.patientName |
|||
this.visible = false |
|||
// this.$parent.addOrUpdateHandle('', scopwRow, 'HIS引入') |
|||
await this.doLeadIn() |
|||
}, |
|||
async doLeadIn() { |
|||
this.loading = true |
|||
const { data: res } = await this.$http.get('/lenses/doLeadIn', { |
|||
params: this.dataFormHis |
|||
}) |
|||
if (res.code === 0) { |
|||
this.loading = false |
|||
this.$parent.getDataListInitial() |
|||
} else { |
|||
this.loading = false |
|||
this.$message.error(res.msg) |
|||
} |
|||
} |
|||
} |
|||
} |
|||
</script> |
|||
<style lang="scss" scoped> |
|||
.HIS-dialog { |
|||
box-sizing: border-box; |
|||
.cycle-display { |
|||
.el-form-item__content { |
|||
display: flex; |
|||
} |
|||
.el-input-number { |
|||
width: 100px; |
|||
margin-right: 16px; |
|||
} |
|||
} |
|||
.introduce { |
|||
color: #1F78FF; |
|||
cursor: pointer; |
|||
} |
|||
} |
|||
|
|||
</style> |
|||
<style lang="scss"> |
|||
.HIS-dialog { |
|||
.el-form { |
|||
display: flex; |
|||
} |
|||
.el-dialog__header { |
|||
margin-bottom:12px |
|||
} |
|||
.el-dialog__body { |
|||
padding-right: 30px; |
|||
} |
|||
.formItemOne .el-form-item__content { |
|||
display: flex; |
|||
} |
|||
|
|||
} |
|||
</style> |
|||
@ -0,0 +1,113 @@ |
|||
<template> |
|||
<el-dialog |
|||
class="patientDialog" |
|||
:visible.sync="visible" |
|||
width="30%" |
|||
title="修改身份证" |
|||
@close="closedDialog" |
|||
> |
|||
<el-form ref="dataForm" :model="dataForm" :rules="dataRule"> |
|||
<el-form-item label="身份证号:" label-width="90px" prop="newIdNumber" class="formItemOne"> |
|||
<el-input v-model="dataForm.newIdNumber" 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> |
|||
</template> |
|||
|
|||
<script> |
|||
import debounce from 'lodash/debounce' |
|||
export default { |
|||
props: { |
|||
patientTypeList: { |
|||
type: Array, |
|||
default: () => [] |
|||
} |
|||
}, |
|||
data() { |
|||
return { |
|||
visible: false, |
|||
dataForm: { |
|||
newIdNumber: '', |
|||
oldIdNumber: '', |
|||
drgsName: window.localStorage.getItem('identity') |
|||
} |
|||
} |
|||
}, |
|||
computed: { |
|||
dataRule() { |
|||
return { |
|||
newIdNumber: [ |
|||
{ required: true, message: '请输入身份证号', trigger: 'blur' } |
|||
] |
|||
} |
|||
} |
|||
}, |
|||
methods: { |
|||
init() { |
|||
this.visible = true |
|||
this.$nextTick(() => { |
|||
this.$refs.dataForm.resetFields() // 重置表单 |
|||
}) |
|||
}, |
|||
// 表单提交 |
|||
dataFormSubmitHandle: debounce(function() { |
|||
this.$refs.dataForm.validate((valid) => { |
|||
if (!valid) { |
|||
return false |
|||
} |
|||
this.$http.post('/pat/Manage/updateIdNumber', 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.$emit('refreshDataList') |
|||
} |
|||
}) |
|||
}).catch(() => {}) |
|||
}) |
|||
}, 1000, { leading: true, trailing: false }), |
|||
|
|||
// 关闭dialog |
|||
closedDialog() { |
|||
this.$emit('editPatidVisible') |
|||
} |
|||
} |
|||
} |
|||
</script> |
|||
<style lang="scss" scoped> |
|||
.patientDialog { |
|||
.cycle-display { |
|||
.el-form-item__content { |
|||
display: flex; |
|||
} |
|||
.el-input-number { |
|||
width: 100px; |
|||
margin-right: 16px; |
|||
} |
|||
} |
|||
} |
|||
|
|||
</style> |
|||
<style lang="scss"> |
|||
.patientDialog { |
|||
.el-dialog__header { |
|||
margin-bottom:12px |
|||
} |
|||
.el-dialog__body { |
|||
padding-right: 30px; |
|||
} |
|||
.formItemOne .el-form-item__content { |
|||
display: flex; |
|||
} |
|||
|
|||
} |
|||
</style> |
|||
@ -0,0 +1,233 @@ |
|||
<template> |
|||
<div class="patient-info"> |
|||
<template> |
|||
<div v-if="!detailViewVisible"> |
|||
<div class="patient-info-head"> |
|||
<el-form :inline="true" :model="dataForm" class="demo-form-inline" @keyup.enter.native="getDataListInitial()"> |
|||
<el-form-item label="登记号:"> |
|||
<el-input v-model="dataForm.patientId" size="small" clearable placeholder="登记号" @clear="getDataListInitial()" /> |
|||
</el-form-item> |
|||
<el-form-item label="患者姓名:"> |
|||
<el-input v-model="dataForm.patientName" placeholder="患者姓名" size="small" clearable @clear="getDataListInitial()" /> |
|||
</el-form-item> |
|||
<el-form-item label="身份证:"> |
|||
<el-input v-model="dataForm.patientIdNumber" size="small" clearable placeholder="身份证" @clear="getDataListInitial()" /> |
|||
</el-form-item> |
|||
<el-form-item prop="dateRange" label="就诊时间" class="form-item-date"> |
|||
<el-date-picker |
|||
v-model="nextVisitTime" |
|||
size="small" |
|||
type="daterange" |
|||
range-separator="-" |
|||
start-placeholder="开始日期" |
|||
end-placeholder="结束日期" |
|||
value-format="yyyy-MM-dd" |
|||
@change="dateChange" |
|||
/> |
|||
</el-form-item> |
|||
<el-form-item style="flex:1"> |
|||
<el-button type="primary" icon="el-icon-search" size="small" @click="getDataListInitial()">查询</el-button> |
|||
</el-form-item> |
|||
</el-form> |
|||
</div> |
|||
<div style="display: flex;justify-content: flex-end;background-color: white;padding: 16px 16px 0"> |
|||
<div> |
|||
<el-button type="primary" size="small" @click="HISHandle"> |
|||
<svg-icon icon-class="icon-HIS-up" style="font-size:12px;" /> |
|||
<span style="padding-left:5px;vertical-align: middle;">HIS引入</span> |
|||
</el-button> |
|||
</div> |
|||
</div> |
|||
<div class="patient-info-content"> |
|||
<el-table |
|||
ref="multipleTable" |
|||
:data="dataList" |
|||
tooltip-effect="dark" |
|||
style="width: 100%" |
|||
@sort-change="dataListSortChangeHandle" |
|||
> |
|||
<el-table-column prop="patientId" label="登记号 " header-align="center" align="center" /> |
|||
<el-table-column prop="patientName" label="患者姓名" header-align="center" align="center" /> |
|||
<el-table-column prop="patientSex" label="患者性别" header-align="center" align="center" /> |
|||
<el-table-column label="出生日期" header-align="center" align="center"> |
|||
<template slot-scope="scope"> |
|||
{{ scope.row.patientBirthday ? $options.filters.dateFilterTwo( scope.row.patientBirthday): '- ' }} |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column prop="operation" label="操作" header-align="center" align="center"> |
|||
<template slot-scope="scope"> |
|||
<span |
|||
style="color: #1890ff; padding-right: 8px" |
|||
class="operation-details" |
|||
@click="browseClick(scope.row)" |
|||
>离焦眼镜</span> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
<el-pagination background layout="total,prev, pager, next" :total="total" :current-page.sync="page" @current-change="pageCurrentChangeHandle" /> |
|||
</div> |
|||
</div> |
|||
<!-- 弹窗, 新增 / 修改 --> |
|||
<add-or-update v-if="addOrUpdateVisible" ref="addOrUpdate" @refreshDataList="getDataListInitial" /> |
|||
<!-- HIS引入弹框 --> |
|||
<his-add v-if="HisAddVisible" ref="HisAddRef" /> |
|||
<out-detail v-if="detailViewVisible" :is-search="'3'" :patient-id="patientId"></out-detail> |
|||
</template> |
|||
</div> |
|||
</template> |
|||
<script> |
|||
import checked from '@/mixins/checked' |
|||
import headTemplate from '@/components/head' |
|||
import mixinViewModule from '@/mixins/view-module' |
|||
import AddOrUpdate from './patient-add-or-update' |
|||
import hisAdd from './HIS-add' |
|||
import outDetail from './outDetail' |
|||
export default { |
|||
components: { |
|||
headTemplate, |
|||
AddOrUpdate, |
|||
outDetail, |
|||
hisAdd |
|||
}, |
|||
mixins: [checked, mixinViewModule], |
|||
data() { |
|||
return { |
|||
mixinViewModuleOptions: { |
|||
getDataListURL: '/lenses/page', |
|||
// getDataListURL: '/patient/page', |
|||
getDataListIsPage: true |
|||
}, |
|||
nextVisitTime: [], |
|||
detailViewVisible: false, |
|||
HisAddVisible: false, |
|||
dataForm: { |
|||
// platform: 3, |
|||
patientId: '', |
|||
beginDate: '', |
|||
endDate: '', |
|||
// searchType: '0', |
|||
patientName: '', |
|||
patientStatus: '', |
|||
patientIdNumber: '' |
|||
}, |
|||
addGroupVisible: false, |
|||
patientId: '', |
|||
patientIdNumber: '', |
|||
detailId: '' |
|||
} |
|||
}, |
|||
created() { |
|||
}, |
|||
methods: { |
|||
reFresh() { |
|||
this.pageCurrentChangeHandle(this.page) |
|||
}, |
|||
// 浏览 |
|||
browseClick(scopeRow) { |
|||
this.detailViewVisible = true |
|||
this.patientId = scopeRow.patientId |
|||
this.patientIdNumber = scopeRow.patientIdNumber |
|||
// this.$router.push({ |
|||
// path: '/patientInfo', |
|||
// query: { |
|||
// info: this.$Base64.encode(JSON.stringify({ |
|||
// patientIdNumber: scopeRow.patientIdNumber, |
|||
// patientId: scopeRow.patientId |
|||
// })) |
|||
// } |
|||
// }) |
|||
}, |
|||
// 日期改变时 |
|||
dateChange(e) { |
|||
this.dataForm.beginDate = e ? e[0] : '' |
|||
this.dataForm.endDate = e ? e[1] : '' |
|||
this.getDataListInitial() |
|||
}, |
|||
// His引入 |
|||
HISHandle() { |
|||
this.HisAddVisible = true |
|||
this.$nextTick(() => { |
|||
this.$refs.HisAddRef.init() |
|||
}) |
|||
} |
|||
} |
|||
} |
|||
</script> |
|||
<style lang="scss" scoped> |
|||
.patient-info { |
|||
width: 100%; |
|||
height: 100%; |
|||
.patient-info-head, |
|||
.patient-info-content { |
|||
background: #fff; |
|||
.head { |
|||
padding-bottom: 10px; |
|||
} |
|||
} |
|||
.patient-info-content { |
|||
padding: 16px; |
|||
margin-bottom: 45px; |
|||
} |
|||
.patient-info-head { |
|||
margin-bottom: 16px; |
|||
padding: 10px 16px; |
|||
} |
|||
.operation-delete, |
|||
.operation-details { |
|||
cursor: pointer; |
|||
} |
|||
} |
|||
</style> |
|||
<style lang="scss"> |
|||
.patient-info { |
|||
.patient-info-head { |
|||
.el-form { |
|||
display: flex; |
|||
justify-content: space-between; |
|||
} |
|||
.el-form-item { |
|||
display: flex; |
|||
} |
|||
.el-form-item__label { |
|||
min-width: 75px; |
|||
} |
|||
.el-form-item { |
|||
margin-bottom: 0; |
|||
width: 25%; |
|||
} |
|||
.el-form-item__content, |
|||
.el-select, |
|||
.el-range-editor--small.el-input__inner { |
|||
width: 100%; |
|||
} |
|||
.form-item-date .el-form-item__content { |
|||
min-width: 180px; |
|||
} |
|||
} |
|||
.el-select { |
|||
width: 100%; |
|||
} |
|||
.detail-view { |
|||
height: 100%; |
|||
background: #0c1016; |
|||
padding: 0; |
|||
} |
|||
.detail-view .el-dialog .el-dialog__header > .el-dialog__title{ |
|||
color: #FFFFFF; |
|||
} |
|||
.detail-view .el-dialog > .el-dialog__header{ |
|||
width: 100%; |
|||
height: 48px; |
|||
line-height: 48px; |
|||
text-align: center; |
|||
background: linear-gradient(180deg,#0c1016, #2c3543 100%); |
|||
padding: 0; |
|||
} |
|||
.detail-view .el-dialog > .el-dialog__body{ |
|||
height: calc(100% - 48px); |
|||
flex: 1; |
|||
background: #0c1016; |
|||
padding: 0; |
|||
} |
|||
} |
|||
</style> |
|||
@ -0,0 +1,328 @@ |
|||
<template> |
|||
<div class="see-doctor"> |
|||
<div class="header"> |
|||
<img :src="require('@/assets/img/back-l.png')" alt="" style="margin-right: 8px;cursor: pointer" @click="backList"> |
|||
<img :src="require('@/assets/img/boy.png')" alt=""> |
|||
<p class="head-t"> |
|||
<span class="head-r">{{ patientInfoObj.patientName }}</span> |
|||
<span class="head-r">{{ patientInfoObj.patientSex }}</span> |
|||
<span v-if="patientInfoObj.patientAge" class="head-r">{{ patientInfoObj.patientAge }}岁</span> |
|||
<img v-if="patientInfoObj.patientId" class="icon-a" :src="require('@/assets/img/pid.png')" alt="" style="margin-right: 6px;vertical-align: text-top"> |
|||
<span style="vertical-align: text-bottom">{{ patientInfoObj.patientId }}</span> |
|||
</p> |
|||
<p class="head-b"> |
|||
<img v-if="patientInfoObj.patientId" :src="require('@/assets/img/id.png')" alt="" style="margin-right: 6px;vertical-align: middle"> |
|||
<span class="mr16" style="vertical-align: middle">{{ patientInfoObj.patientId }}</span> |
|||
<img v-if="patientInfoObj.patientPhone" :src="require('@/assets/img/phone.png')" alt="" style="margin-right: 6px;vertical-align: middle"> |
|||
<span class="mr16" style="vertical-align: middle">{{ patientInfoObj.patientPhone }}</span> |
|||
<img v-if="patientInfoObj.patientAddress" :src="require('@/assets/img/position.png')" alt="" style="margin-right: 6px;vertical-align: middle"> |
|||
<span style="vertical-align: middle">{{ patientInfoObj.patientAddress }}</span> |
|||
</p> |
|||
</div> |
|||
<div class="see-docto-right"> |
|||
<el-tabs v-model="activeName" type="card" @tab-click="TabClick"> |
|||
<el-tab-pane label="初诊" name="1"> |
|||
<el-table |
|||
:data="tableData5" |
|||
:default-expand-all="true" |
|||
:span-method="objectSpanMethod" |
|||
style="width: 100%" |
|||
> |
|||
<el-table-column |
|||
label="初诊信息" |
|||
width="180" |
|||
prop="id" |
|||
/> |
|||
<el-table-column |
|||
label="眼别" |
|||
prop="name" |
|||
/> |
|||
<el-table-column |
|||
label="球镜" |
|||
prop="desc" |
|||
/> |
|||
<el-table-column |
|||
label="柱镜" |
|||
prop="desc" |
|||
/> |
|||
<el-table-column |
|||
label="轴向" |
|||
prop="desc" |
|||
/> |
|||
<el-table-column |
|||
label="矫正视力" |
|||
prop="desc" |
|||
/> |
|||
<el-table-column |
|||
label="瞳距" |
|||
prop="desc" |
|||
/> |
|||
<el-table-column |
|||
label="瞳高" |
|||
prop="desc" |
|||
/> |
|||
<el-table-column |
|||
label="眼轴" |
|||
prop="desc" |
|||
/> |
|||
<el-table-column |
|||
label="备注" |
|||
prop="desc" |
|||
/> |
|||
</el-table> |
|||
</el-tab-pane> |
|||
<el-tab-pane label="复诊" name="2"> |
|||
<el-table |
|||
:data="tableData5" |
|||
:default-expand-all="true" |
|||
:span-method="objectSecondMethod" |
|||
style="width: 100%" |
|||
> |
|||
<el-table-column |
|||
label="复诊信息" |
|||
width="180" |
|||
prop="id" |
|||
/> |
|||
<el-table-column |
|||
label="眼别" |
|||
prop="name" |
|||
/> |
|||
<el-table-column |
|||
label="球镜" |
|||
prop="desc" |
|||
/> |
|||
<el-table-column |
|||
label="柱镜" |
|||
prop="desc" |
|||
/> |
|||
<el-table-column |
|||
label="轴向" |
|||
prop="desc" |
|||
/> |
|||
<el-table-column |
|||
label="矫正视力" |
|||
prop="desc" |
|||
/> |
|||
<el-table-column |
|||
label="瞳距" |
|||
prop="desc" |
|||
/> |
|||
<el-table-column |
|||
label="瞳高" |
|||
prop="desc" |
|||
/> |
|||
<el-table-column |
|||
label="眼轴" |
|||
prop="desc" |
|||
/> |
|||
<el-table-column |
|||
label="联合光度" |
|||
prop="desc" |
|||
/> |
|||
<el-table-column |
|||
label="备注" |
|||
prop="desc" |
|||
/> |
|||
</el-table> |
|||
</el-tab-pane> |
|||
<el-tab-pane label="眼轴折线图" name="3"> |
|||
</el-tab-pane> |
|||
</el-tabs> |
|||
</div> |
|||
</div> |
|||
</template> |
|||
<script> |
|||
|
|||
export default { |
|||
components: { |
|||
}, |
|||
props: { |
|||
patientId: { |
|||
type: String, |
|||
default: '' |
|||
}, |
|||
onlyRead: { |
|||
type: Boolean, |
|||
default: false |
|||
}, |
|||
isSearch: { |
|||
type: String, |
|||
default: '' |
|||
} |
|||
}, |
|||
data() { |
|||
return { |
|||
tableData5: [{ |
|||
id: '日期：2023.07.03', |
|||
name: '左眼', |
|||
category: '江浙小吃', |
|||
desc: '1.2', |
|||
address: '上海市', |
|||
shop: '王小虎', |
|||
shopId: '10333' |
|||
}, |
|||
{ |
|||
id: '日期', |
|||
name: '右眼', |
|||
category: '江浙小吃', |
|||
desc: '1.5', |
|||
address: '上海市路', |
|||
shop: '王小虎', |
|||
shopId: '10333' |
|||
}], |
|||
patientInfo: [], |
|||
patientInfoObj: {}, |
|||
activeName: '1', |
|||
pageParams: {} |
|||
} |
|||
}, |
|||
mounted() { |
|||
}, |
|||
created() { |
|||
this.getPatientInfo() |
|||
}, |
|||
methods: { |
|||
backList() { |
|||
this.$parent.detailViewVisible = false |
|||
this.$parent.reFresh() |
|||
}, |
|||
objectSpanMethod({ row, column, rowIndex, columnIndex }) { |
|||
if (columnIndex === 0 || columnIndex === 9) { |
|||
if (rowIndex % 2 === 0) { |
|||
return { |
|||
rowspan: 2, |
|||
colspan: 1 |
|||
} |
|||
} else { |
|||
return { |
|||
rowspan: 0, |
|||
colspan: 0 |
|||
} |
|||
} |
|||
} |
|||
}, |
|||
objectSecondMethod({ row, column, rowIndex, columnIndex }) { |
|||
if (columnIndex === 0 || columnIndex === 10) { |
|||
if (rowIndex % 2 === 0) { |
|||
return { |
|||
rowspan: 2, |
|||
colspan: 1 |
|||
} |
|||
} else { |
|||
return { |
|||
rowspan: 0, |
|||
colspan: 0 |
|||
} |
|||
} |
|||
} |
|||
}, |
|||
// 获取患者信息 |
|||
async getPatientInfo() { |
|||
this.$http.get('/patient/getPatientInfo', { |
|||
params: { |
|||
patientId: this.patientId |
|||
} |
|||
}).then(({ data: res }) => { |
|||
if (res.code !== 0) { |
|||
return this.$message.error(res.msg) |
|||
} else { |
|||
this.patientInfoObj = res.data |
|||
} |
|||
}).catch(() => {}) |
|||
}, |
|||
TabClick(tab, event) { |
|||
if (tab.name === 'okLensRgp') { |
|||
this.$refs.okLensRgp.init() |
|||
} |
|||
} |
|||
} |
|||
} |
|||
</script> |
|||
<style lang="scss" scoped> |
|||
.see-doctor { |
|||
width: 100%; |
|||
height: 100%; |
|||
.header{ |
|||
width: 100%; |
|||
height: 88px; |
|||
padding: 8px; |
|||
position: relative; |
|||
margin-bottom: 16px; |
|||
box-sizing: border-box; |
|||
background: #FFFFFF; |
|||
border-radius: 4px; |
|||
.head-t{ |
|||
position: absolute; |
|||
left: 155px; |
|||
top: 20px; |
|||
} |
|||
.head-b{ |
|||
position: absolute; |
|||
left: 155px; |
|||
bottom: 20px; |
|||
font-size: 14px; |
|||
} |
|||
.head-r{ |
|||
margin-right: 16px; |
|||
font-weight: 500; |
|||
font-size: 20px; |
|||
color: rgba(0, 0, 0, 0.88); |
|||
} |
|||
} |
|||
.mr16{ |
|||
margin-right: 16px; |
|||
} |
|||
.see-docto-right{ |
|||
height: calc( 100vh - 90px - 82px); |
|||
overflow: hidden; |
|||
} |
|||
} |
|||
</style> |
|||
|
|||
<style lang="scss"> |
|||
.see-doctor { |
|||
.el-tabs__nav { |
|||
z-index:0; |
|||
} |
|||
.el-tabs__header { |
|||
margin: 0; |
|||
} |
|||
.el-tabs__nav { |
|||
background: #fff; |
|||
} |
|||
.el-tabs__content { |
|||
padding: 16px; |
|||
background: #fff; |
|||
height: calc( 100vh - 145px - 32px - 42px); |
|||
} |
|||
.el-tabs--card>.el-tabs__header .el-tabs__nav { |
|||
border: 1px solid #f0f0f0; |
|||
} |
|||
.el-tab-pane{ |
|||
height: 100%; |
|||
} |
|||
.detail-view { |
|||
height: 100%; |
|||
background: #0c1016; |
|||
padding: 0; |
|||
} |
|||
.detail-view .el-dialog .el-dialog__header > .el-dialog__title{ |
|||
color: #FFFFFF; |
|||
} |
|||
.detail-view .el-dialog > .el-dialog__header{ |
|||
width: 100%; |
|||
height: 48px; |
|||
line-height: 48px; |
|||
text-align: center; |
|||
background: linear-gradient(180deg,#0c1016, #2c3543 100%); |
|||
padding: 0; |
|||
} |
|||
.detail-view .el-dialog > .el-dialog__body{ |
|||
height: 100%; |
|||
flex: 1; |
|||
background: #0c1016; |
|||
padding: 0; |
|||
} |
|||
} |
|||
|
|||
</style> |
|||
@ -0,0 +1,296 @@ |
|||
<template> |
|||
<el-dialog |
|||
class="patientDialog" |
|||
:visible.sync="visible" |
|||
width="40%" |
|||
:title="dataForm.title" |
|||
@close="closeDialog" |
|||
> |
|||
<el-form ref="dataForm" :model="dataForm" :rules="dataRule"> |
|||
<el-form-item label="登记号:" label-width="120px" prop="patientId" class="formItemOne"> |
|||
<el-input v-model="dataForm.patientId" placeholder="请输入登记号" /> |
|||
</el-form-item> |
|||
<el-form-item label="患者姓名:" label-width="120px" prop="patientName"> |
|||
<el-input v-model="dataForm.patientName" placeholder="请输入姓名" /> |
|||
</el-form-item> |
|||
<el-form-item label="身份证号:" label-width="120px" prop="patientIdNumber"> |
|||
<el-input v-model="dataForm.patientIdNumber" placeholder="请输入身份证号" @change="handleBirth" /> |
|||
</el-form-item> |
|||
<el-form-item label="出生日期:" label-width="120px" prop="patientBirthday"> |
|||
<el-date-picker |
|||
v-model="dataForm.patientBirthday" |
|||
align="right" |
|||
type="date" |
|||
placeholder="选择日期" |
|||
value-format="yyyy-MM-dd" |
|||
/> |
|||
</el-form-item> |
|||
<el-form-item label="性别:" label-width="120px" prop="gender"> |
|||
<el-radio-group v-model="dataForm.patientSex" size="medium"> |
|||
<el-radio-button label="男">男</el-radio-button> |
|||
<el-radio-button label="女">女</el-radio-button> |
|||
<el-radio-button label="保密">保密</el-radio-button> |
|||
</el-radio-group> |
|||
</el-form-item> |
|||
<el-form-item label="联系电话:" label-width="120px" prop="patientPhone"> |
|||
<el-input v-model="dataForm.patientPhone" placeholder="请输入手机号" /> |
|||
</el-form-item> |
|||
<el-form-item label="家庭地址:" label-width="120px" prop="patientAddress"> |
|||
<el-input v-model="dataForm.patientAddress" placeholder="请输入地址" /> |
|||
</el-form-item> |
|||
<div style="border-bottom: 1px solid #ccc;margin-bottom: 20px" /> |
|||
<el-form-item required label="患者来源:" prop="patientSource" label-width="120px"> |
|||
<el-select v-model="dataForm.patientSource" placeholder="请选择患者来源"> |
|||
<el-option |
|||
v-for="item in sourceList" |
|||
:key="item.value" |
|||
:label="item.name" |
|||
:value="item.value" |
|||
/> |
|||
</el-select> |
|||
</el-form-item> |
|||
<el-form-item label="门诊医师:" prop="mzDoctorId" label-width="120px"> |
|||
<el-select v-model="dataForm.mzDoctorId" placeholder="请选择门诊医师"> |
|||
<el-option |
|||
v-for="item in mzDoctorList" |
|||
:key="item.id" |
|||
:label="item.realName" |
|||
:value="item.employeeId |
|||
" |
|||
/> |
|||
</el-select> |
|||
</el-form-item> |
|||
<el-form-item label="视光医师" prop="sgDoctorId" label-width="120px"> |
|||
<el-select v-model="dataForm.sgDoctorId" placeholder="请选择视光医师"> |
|||
<el-option |
|||
v-for="item in sgDoctorList" |
|||
:key="item.id" |
|||
:label="item.realName" |
|||
:value="item.employeeId |
|||
" |
|||
/> |
|||
</el-select> |
|||
</el-form-item> |
|||
<el-form-item label="眼别:" prop="zlEye" label-width="120px"> |
|||
<el-select v-model="dataForm.zlEye" placeholder="请选择眼别"> |
|||
<el-option v-for="item in zlEyeList" :key="item.value" :label="item.name" :value="item.value" /> |
|||
</el-select> |
|||
</el-form-item> |
|||
<el-form-item label="医疗项目:" label-width="120px" prop="zlProjectCode"> |
|||
<el-select v-model="dataForm.zlProjectCode" multiple placeholder="请选择医疗项目"> |
|||
<el-option |
|||
v-for="item in projectList" |
|||
:key="item.itemId" |
|||
:label="item.itemName" |
|||
:value="item.itemId |
|||
" |
|||
/> |
|||
</el-select> |
|||
</el-form-item> |
|||
<el-form-item label="备注:" label-width="120px" prop="remarks"> |
|||
<el-input v-model="dataForm.remark" type="textarea" /> |
|||
</el-form-item> |
|||
</el-form> |
|||
<template slot="footer"> |
|||
<el-button @click="visible = false">{{ $t('cancel') }}</el-button> |
|||
<el-button :disabled="disabled" type="primary" @click="dataFormSubmitHandle()">{{ $t('confirm') }}</el-button> |
|||
</template> |
|||
</el-dialog> |
|||
</template> |
|||
|
|||
<script> |
|||
import debounce from 'lodash/debounce' |
|||
import { isMobile, isIDNumber } from '@/utils/validate' |
|||
export default { |
|||
data() { |
|||
return { |
|||
disabled: false, |
|||
visible: false, |
|||
dataForm: { |
|||
registerType: 1, |
|||
// platform: 3, |
|||
patientId: '', |
|||
patientName: '', |
|||
patientIdNumber: '', |
|||
patientSex: '男', |
|||
patientPhone: '', |
|||
patientAddress: '', |
|||
patientBirthday: '', |
|||
mzDoctorId: '', // 门诊医师 |
|||
sgDoctorId: '', // 视光医师 |
|||
patientSource: '', |
|||
zlEye: 'ou', |
|||
zlProjectCode: [], |
|||
visitId: '', |
|||
remark: '' |
|||
}, |
|||
zlEyeList: [ |
|||
{ name: '左眼', value: 'os' }, |
|||
{ name: '右眼', value: 'od' }, |
|||
{ name: '双眼', value: 'ou' } |
|||
], |
|||
sourceList: [{ |
|||
name: '门诊', |
|||
value: '门诊' |
|||
}, { |
|||
name: '住院', |
|||
value: '住院' |
|||
} |
|||
], |
|||
params: {}, |
|||
mzDoctorList: [], |
|||
sgDoctorList: [], |
|||
projectList: [] |
|||
} |
|||
}, |
|||
computed: { |
|||
dataRule() { |
|||
var validataMobile = (rule, value, callback) => { |
|||
if (value && !isMobile(value)) { |
|||
return callback(new Error('您输入的手机号格式不正确')) |
|||
} |
|||
callback() |
|||
} |
|||
var validataIDNumber = (rule, value, callback) => { |
|||
if (value && !isIDNumber(value)) { |
|||
return callback(new Error('您输入的身份证格式不正确')) |
|||
} else if (!value) { |
|||
return callback(new Error('请输入身份证号')) |
|||
} |
|||
callback() |
|||
} |
|||
return { |
|||
patientId: [ |
|||
{ required: true, message: '请输入登记号', trigger: 'blur' } |
|||
], |
|||
patientName: [ |
|||
{ required: true, message: '请输入患者姓名', trigger: 'blur' } |
|||
], |
|||
patientIdNumber: [ |
|||
{ validator: validataIDNumber, trigger: 'blur' } |
|||
], |
|||
sgDoctorId: [ |
|||
{ required: false, message: '请选择视光医师', trigger: 'blur' } |
|||
], |
|||
patientSource: [ |
|||
{ required: true, message: '请选择患者来源', trigger: 'blur' } |
|||
] |
|||
} |
|||
} |
|||
}, |
|||
methods: { |
|||
init() { |
|||
this.visible = true |
|||
this.dataForm.registerType = 1 |
|||
this.getDoctorList('视光医师') |
|||
this.getDoctorList('门诊医师') |
|||
this.getProject() |
|||
this.$nextTick(() => { |
|||
this.$refs.dataForm.resetFields() // 重置表单 |
|||
if (this.params.patientId && this.dataForm.title !== 'HIS引入') { |
|||
this.dataForm = { |
|||
title: this.dataForm.title, |
|||
...this.params |
|||
} |
|||
} else if (this.dataForm.title === 'HIS引入') { |
|||
this.getHisInfo() |
|||
} |
|||
}) |
|||
}, |
|||
handleBirth(value) { |
|||
if (value) { |
|||
const year = value.substr(6, 4) |
|||
const month = value.substr(10, 2) |
|||
const day = value.substr(12, 2) |
|||
this.dataForm.patientBirthday = `${year}-${month}-${day}` |
|||
} |
|||
}, |
|||
// 获取医师列表 |
|||
getDoctorList(val) { |
|||
this.$http.get('/sys/user', { params: { position: val }}).then(data => { |
|||
if (val === '视光医师') { |
|||
this.sgDoctorList = data.data.data |
|||
} else { |
|||
this.mzDoctorList = data.data.data |
|||
} |
|||
// this.dataForm.sgDoctorId = JSON.parse(window.sessionStorage.getItem('qg-userData')).employeeId |
|||
}) |
|||
}, |
|||
// 获取项目列表 |
|||
getProject() { |
|||
this.$http.get('/patient/getZlItemDict', { params: { type: this.dataForm.platform }}).then(data => { |
|||
this.projectList = data.data.data |
|||
}) |
|||
}, |
|||
// 获取His信息 |
|||
getHisInfo() { |
|||
this.dataForm = { ...this.dataForm, ...this.params } |
|||
this.dataForm.revisitCycles = this.dataForm.revisitCycles ? this.dataForm.revisitCycles : '1' |
|||
this.dataForm.revisitCyclesUnit = this.dataForm.revisitCyclesUnit ? this.dataForm.revisitCyclesUnit : '3' |
|||
this.dataForm.registerType = 0 |
|||
}, |
|||
// 表单提交 |
|||
dataFormSubmitHandle: debounce(function() { |
|||
this.disabled = true |
|||
this.$refs.dataForm.validate((valid) => { |
|||
if (!valid) { |
|||
this.disabled = false |
|||
return false |
|||
} |
|||
this.dataForm.zlProjectCode = this.dataForm.zlProjectCode.length && this.dataForm.zlProjectCode.join(',') |
|||
this.$http[!this.dataForm.id ? 'post' : 'put']('/patient/savePatient', 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.$emit('refreshDataList') |
|||
} |
|||
}) |
|||
}) |
|||
.catch(() => {}) |
|||
.finally(() => { this.disabled = false }) |
|||
}) |
|||
}, 1000, { leading: true, trailing: false }), |
|||
// 关闭弹框 |
|||
closeDialog() { |
|||
this.$emit('closeDialog') |
|||
} |
|||
} |
|||
} |
|||
</script> |
|||
<style lang="scss" scoped> |
|||
.patientDialog { |
|||
.cycle-display { |
|||
.el-form-item__content { |
|||
display: flex; |
|||
} |
|||
.el-input-number { |
|||
width: 100px; |
|||
margin-right: 16px; |
|||
} |
|||
} |
|||
} |
|||
|
|||
</style> |
|||
<style lang="scss"> |
|||
.patientDialog { |
|||
.el-dialog__header { |
|||
margin-bottom:12px |
|||
} |
|||
.el-dialog__body { |
|||
padding-right: 30px; |
|||
} |
|||
.formItemOne .el-form-item__content { |
|||
display: flex; |
|||
} |
|||
.el-date-editor.el-input, .el-date-editor.el-input__inner { |
|||
width: 100%; |
|||
} |
|||
} |
|||
</style> |
|||
Loading…
Reference in new issue