1747191978@qq.com
5 months ago
3 changed files with 928 additions and 7 deletions
@ -0,0 +1,137 @@ |
|||||
|
.popup { |
||||
|
display: flex; |
||||
|
justify-content: center; |
||||
|
align-items: center; |
||||
|
} |
||||
|
.popup >>> .el-dialog { |
||||
|
max-height: 86vh; |
||||
|
/* margin-top: 0 !important; */ |
||||
|
overflow: auto; |
||||
|
border-radius: 6px; |
||||
|
} |
||||
|
>>>.el-dialog__header{ |
||||
|
padding-bottom: 20px; |
||||
|
} |
||||
|
.popup >>> .el-dialog::-webkit-scrollbar { |
||||
|
display: none; |
||||
|
} |
||||
|
.popup >>> .el-dialog::-webkit-scrollbar { |
||||
|
display: none; |
||||
|
} |
||||
|
.popup >>> .el-dialog:not(.is-fullscreen) { |
||||
|
margin-top: 0 !important; |
||||
|
} |
||||
|
.popup >>> .popupAdd { |
||||
|
height: 58px; |
||||
|
font-size: 14px; |
||||
|
line-height: 58px; |
||||
|
display: flex; |
||||
|
margin-bottom: 20px; |
||||
|
margin-top: 20px; |
||||
|
align-items: center; |
||||
|
} |
||||
|
.popup >>> .popupAdd2 { |
||||
|
padding-left: 1px; |
||||
|
|
||||
|
/* background-image: url(../images/addlog.png); */ |
||||
|
background-repeat: no-repeat; |
||||
|
} |
||||
|
.popup >>> .popupAdd3 { |
||||
|
margin-top: 20px; |
||||
|
padding-left: 1px; |
||||
|
/* background-image: url(../images/tj.png); */ |
||||
|
} |
||||
|
.popup .popupbox { |
||||
|
width: 650px; |
||||
|
height: 600px; |
||||
|
/* background-image: url(../images/solid.png); */ |
||||
|
} |
||||
|
/* .popup >>> .popupAdd .popupleft { |
||||
|
font-size: 14px; |
||||
|
position: relative; |
||||
|
z-index: 2; |
||||
|
width: 68px; |
||||
|
height: 62px; |
||||
|
line-height: 62px; |
||||
|
text-align: center; |
||||
|
background-image: url(../images/addlog.png); |
||||
|
background-size: 100% 100%; |
||||
|
} */ |
||||
|
.formStep >>> .el-icon-delete { |
||||
|
font-size: 20px; |
||||
|
} |
||||
|
.popup >>> .popupAdd .popupRight { |
||||
|
width: 100%; |
||||
|
margin-left: -20px; |
||||
|
height: 50px; |
||||
|
margin-top: 1px; |
||||
|
padding-left: 30px; |
||||
|
line-height: 50px; |
||||
|
font-size: 18px; |
||||
|
} |
||||
|
.inner::-webkit-scrollbar { |
||||
|
display: none; |
||||
|
} |
||||
|
>>>.el-dialog__body{ |
||||
|
padding: 0px 20px 0px 20px; |
||||
|
} |
||||
|
/* .popup >>> .popupAdd2 .popupleft { |
||||
|
width: 55px; |
||||
|
} */ |
||||
|
.formStep .el-button { |
||||
|
width: 68px; |
||||
|
height: 32px; |
||||
|
line-height: 32px; |
||||
|
background-size: 100% 100%; |
||||
|
border: none; |
||||
|
padding: 0; |
||||
|
opacity: 0.87; |
||||
|
} |
||||
|
.popup .el-button:hover { |
||||
|
opacity: 1; |
||||
|
} |
||||
|
.popup .popuButbox > div { |
||||
|
display: flex; |
||||
|
justify-content: center; |
||||
|
} |
||||
|
.formStep >>> .el-checkbox { |
||||
|
color: #fff; |
||||
|
} |
||||
|
.formStep >>> .el-checkbox__input.is-checked .el-checkbox__inner { |
||||
|
background-color: #67defc; |
||||
|
border-color: #67defc; |
||||
|
} |
||||
|
.formStep >>> .is-checked .el-checkbox__label { |
||||
|
color: #67defc; |
||||
|
} |
||||
|
.formStep .formStep_StepBox { |
||||
|
display: flex; |
||||
|
} |
||||
|
.formStep .StepBox { |
||||
|
width: 620px; |
||||
|
} |
||||
|
|
||||
|
.formStep >>> .el-input__inner, |
||||
|
.formStep >>> .el-textarea__inner { |
||||
|
/* color: #fff; */ |
||||
|
background: rgba(0, 0, 0, 0); |
||||
|
} |
||||
|
.formStep >>> .el-textarea__inner { |
||||
|
/* color: rgb(191, 203, 217); */ |
||||
|
} |
||||
|
.formStep >>> .vue-treeselect__single-value { |
||||
|
color: rgb(191, 203, 217); |
||||
|
} |
||||
|
.formStep >>> .el-input__inner::input-placeholder { |
||||
|
color: #a8c9f0; |
||||
|
} |
||||
|
.formStep >>> .el-input--medium .el-input__inner, |
||||
|
.formStep >>> .el-textarea__inner, |
||||
|
.formStep >>> .el-select, |
||||
|
.formStep >>> .el-input-number--medium, |
||||
|
.formStep >>> .el-date-editor.el-input, |
||||
|
.formStep >>> .el-cascader--medium, |
||||
|
.formStep >>> .el-autocomplete { |
||||
|
width: 100% !important; |
||||
|
text-align: left; |
||||
|
} |
||||
@ -0,0 +1,785 @@ |
|||||
|
<template> |
||||
|
<div class="app-container"> |
||||
|
<el-form |
||||
|
:model="queryParams" |
||||
|
ref="queryForm" |
||||
|
size="small" |
||||
|
:inline="true" |
||||
|
v-show="showSearch" |
||||
|
label-width="68px" |
||||
|
> |
||||
|
<el-form-item label="门诊/住院" prop="visitType"> |
||||
|
<el-select |
||||
|
v-model="queryParams.param.visitType" |
||||
|
placeholder="请选择" |
||||
|
clearable |
||||
|
> |
||||
|
<el-option label="门诊" :value="0" /> |
||||
|
<el-option label="住院" :value="1" /> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="姓名" prop="name"> |
||||
|
<el-input |
||||
|
v-model="queryParams.param.name" |
||||
|
placeholder="请输入" |
||||
|
clearable |
||||
|
@keyup.enter.native="handleQuery" |
||||
|
/> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="性别" prop="gender"> |
||||
|
<el-select |
||||
|
v-model="queryParams.param.gender" |
||||
|
placeholder="请选择" |
||||
|
clearable |
||||
|
> |
||||
|
<el-option label="男" :value="0" /> |
||||
|
<el-option label="女" :value="1" /> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="手机号码" prop="phone"> |
||||
|
<el-input |
||||
|
v-model="queryParams.param.phone" |
||||
|
placeholder="请输入" |
||||
|
clearable |
||||
|
@keyup.enter.native="handleQuery" |
||||
|
/> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="证件号码" prop="idCard"> |
||||
|
<el-input |
||||
|
v-model="queryParams.param.idCard" |
||||
|
placeholder="请输入" |
||||
|
clearable |
||||
|
@keyup.enter.native="handleQuery" |
||||
|
/> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="年龄范围" prop="createBy"> |
||||
|
<div class="form-item-age"> |
||||
|
<el-input |
||||
|
v-model="queryParams.param.startAge" |
||||
|
placeholder="最小年龄" |
||||
|
clearable |
||||
|
@keyup.enter.native="handleQuery" |
||||
|
/> |
||||
|
<span>—</span> |
||||
|
<el-input |
||||
|
v-model="queryParams.param.endAge" |
||||
|
placeholder="最大年龄" |
||||
|
clearable |
||||
|
@keyup.enter.native="handleQuery" |
||||
|
/> |
||||
|
</div> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="医生" prop="doctor"> |
||||
|
<el-input |
||||
|
v-model="queryParams.param.doctor" |
||||
|
placeholder="请输入" |
||||
|
clearable |
||||
|
@keyup.enter.native="handleQuery" |
||||
|
/> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="档案状态" prop="status"> |
||||
|
<el-select |
||||
|
v-model="queryParams.param.status" |
||||
|
placeholder="请选择" |
||||
|
clearable |
||||
|
> |
||||
|
<el-option label="保存" :value="0" /> |
||||
|
<el-option label="待审核" :value="1" /> |
||||
|
<el-option label="通过" :value="2" /> |
||||
|
<el-option label="驳回" :value="3" /> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
<el-form-item> |
||||
|
<el-button |
||||
|
type="primary" |
||||
|
icon="el-icon-search" |
||||
|
size="mini" |
||||
|
@click="handleQuery" |
||||
|
>搜索</el-button |
||||
|
> |
||||
|
<el-button icon="el-icon-refresh" size="mini" @click="resetQuery" |
||||
|
>重置</el-button |
||||
|
> |
||||
|
</el-form-item> |
||||
|
</el-form> |
||||
|
|
||||
|
<el-row :gutter="10" class="mb8"> |
||||
|
<el-col :span="1.5"> |
||||
|
<el-button |
||||
|
type="primary" |
||||
|
plain |
||||
|
icon="el-icon-plus" |
||||
|
size="mini" |
||||
|
@click="handleAdd" |
||||
|
v-hasPermi="['medicalFile:add']" |
||||
|
>新增</el-button |
||||
|
> |
||||
|
</el-col> |
||||
|
<el-col :span="1.5"> |
||||
|
<el-button |
||||
|
type="danger" |
||||
|
plain |
||||
|
icon="el-icon-delete" |
||||
|
size="mini" |
||||
|
:disabled="multiple" |
||||
|
@click="handleDelete" |
||||
|
v-hasPermi="['medicalFile:remove']" |
||||
|
>删除</el-button |
||||
|
> |
||||
|
</el-col> |
||||
|
<el-col :span="1.5"> |
||||
|
<el-button |
||||
|
type="info" |
||||
|
plain |
||||
|
icon="el-icon-bottom" |
||||
|
size="mini" |
||||
|
:disabled="multiple" |
||||
|
@click="handleDelete" |
||||
|
v-hasPermi="['medicalFile:download']" |
||||
|
>下载模版</el-button |
||||
|
> |
||||
|
</el-col> |
||||
|
<el-col :span="1.5"> |
||||
|
<el-button |
||||
|
type="warning" |
||||
|
plain |
||||
|
icon="el-icon-upload2" |
||||
|
size="mini" |
||||
|
@click="handleImport" |
||||
|
v-hasPermi="['medicalFile:import']" |
||||
|
>导入</el-button |
||||
|
> |
||||
|
</el-col> |
||||
|
<el-col :span="1.5"> |
||||
|
<el-button |
||||
|
type="warning" |
||||
|
plain |
||||
|
icon="el-icon-download" |
||||
|
size="mini" |
||||
|
@click="handleExport" |
||||
|
v-hasPermi="['medicalFile:export']" |
||||
|
>导出</el-button |
||||
|
> |
||||
|
</el-col> |
||||
|
<right-toolbar |
||||
|
:showSearch.sync="showSearch" |
||||
|
@queryTable="getList" |
||||
|
></right-toolbar> |
||||
|
</el-row> |
||||
|
|
||||
|
<el-table |
||||
|
v-loading="loading" |
||||
|
:data="listDat" |
||||
|
@selection-change="handleSelectionChange" |
||||
|
> |
||||
|
<el-table-column type="selection" width="55" align="center" /> |
||||
|
<el-table-column label="姓名" align="center" prop="name" width="100" /> |
||||
|
<el-table-column |
||||
|
label="性别" |
||||
|
align="center" |
||||
|
prop="gender" |
||||
|
show-overflow-tooltip |
||||
|
width="100" |
||||
|
> |
||||
|
<template slot-scope="scope"> |
||||
|
<span v-if="scope.row.gender == 0">男</span> |
||||
|
<span v-if="scope.row.gender == 1">女</span> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column |
||||
|
label="年龄" |
||||
|
align="center" |
||||
|
prop="age" |
||||
|
show-overflow-tooltip |
||||
|
width="80" |
||||
|
/> |
||||
|
<el-table-column |
||||
|
label="证件类型" |
||||
|
align="center" |
||||
|
prop="idCardType" |
||||
|
show-overflow-tooltip |
||||
|
width="200" |
||||
|
> |
||||
|
<template slot-scope="scope"> |
||||
|
{{ idCardTypeValue[scope.row.idCardType] }} |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column |
||||
|
label="证件号码" |
||||
|
align="center" |
||||
|
prop="idCard" |
||||
|
show-overflow-tooltip |
||||
|
width="180" |
||||
|
/> |
||||
|
<el-table-column |
||||
|
label="门诊/住院" |
||||
|
align="center" |
||||
|
show-overflow-tooltip |
||||
|
width="100" |
||||
|
> |
||||
|
<template slot-scope="scope"> |
||||
|
<span v-if="scope.row.visitType == 0">门诊</span> |
||||
|
<span v-if="scope.row.visitType == 1">住院</span> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column |
||||
|
label="门诊号/住院号" |
||||
|
align="center" |
||||
|
prop="visitNumber" |
||||
|
show-overflow-tooltip |
||||
|
width="180" |
||||
|
/> |
||||
|
<el-table-column |
||||
|
label="门诊时间/住院时间" |
||||
|
align="center" |
||||
|
prop="visitTime" |
||||
|
show-overflow-tooltip |
||||
|
width="180" |
||||
|
/> |
||||
|
<el-table-column |
||||
|
label="出院时间" |
||||
|
align="center" |
||||
|
prop="dischargeTime" |
||||
|
show-overflow-tooltip |
||||
|
width="150" |
||||
|
/> |
||||
|
<el-table-column |
||||
|
label="责任医生" |
||||
|
align="center" |
||||
|
prop="doctor" |
||||
|
show-overflow-tooltip |
||||
|
width="100" |
||||
|
/> |
||||
|
<el-table-column |
||||
|
label="主要诊断" |
||||
|
align="center" |
||||
|
prop="diagnosisName" |
||||
|
show-overflow-tooltip |
||||
|
width="100" |
||||
|
/> |
||||
|
<el-table-column |
||||
|
label="建档人" |
||||
|
align="center" |
||||
|
prop="createBy" |
||||
|
show-overflow-tooltip |
||||
|
width="100" |
||||
|
/> |
||||
|
<el-table-column label="建档时间" align="center" width="130"> |
||||
|
<template slot-scope="scope"> |
||||
|
<span>{{ parseTime(scope.row.createTime, "{y}-{m}-{d}") }}</span> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column |
||||
|
label="档案状态" |
||||
|
align="center" |
||||
|
prop="createBy" |
||||
|
show-overflow-tooltip |
||||
|
width="100" |
||||
|
> |
||||
|
<template slot-scope="scope"> |
||||
|
<span>{{ status[scope.row.status] }}</span> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column |
||||
|
label="随访队列" |
||||
|
align="center" |
||||
|
prop="createBy" |
||||
|
show-overflow-tooltip |
||||
|
width="100" |
||||
|
> |
||||
|
<template slot-scope="scope"> |
||||
|
<span>{{ status[scope.row.status] }}</span> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column |
||||
|
fixed="right" |
||||
|
label="操作" |
||||
|
align="center" |
||||
|
class-name="small-padding fixed-width" |
||||
|
width="200" |
||||
|
> |
||||
|
<template slot-scope="scope"> |
||||
|
<el-button |
||||
|
size="mini" |
||||
|
type="text" |
||||
|
icon="el-icon-edit" |
||||
|
@click="handleUpdate(scope.row)" |
||||
|
v-hasPermi="['medicalFile:edit']" |
||||
|
>修改</el-button |
||||
|
> |
||||
|
<el-button |
||||
|
size="mini" |
||||
|
type="text" |
||||
|
icon="el-icon-delete" |
||||
|
@click="handleDelete(scope.row)" |
||||
|
v-hasPermi="['medicalFile:remove']" |
||||
|
>删除</el-button |
||||
|
> |
||||
|
<el-button |
||||
|
size="mini" |
||||
|
type="text" |
||||
|
icon="el-icon-tickets" |
||||
|
@click="handleDetails(scope.row)" |
||||
|
v-hasPermi="['medicalFile:details']" |
||||
|
>档案详情</el-button |
||||
|
> |
||||
|
<el-button |
||||
|
size="mini" |
||||
|
type="text" |
||||
|
icon="el-icon-s-promotion" |
||||
|
@click="handleExamine(scope.row)" |
||||
|
v-hasPermi="['medicalFile:archives']" |
||||
|
>提交审核</el-button |
||||
|
> |
||||
|
<el-button |
||||
|
size="mini" |
||||
|
type="text" |
||||
|
icon="el-icon-notebook-2" |
||||
|
@click="handleEecorde(scope.row)" |
||||
|
v-hasPermi="['medicalFile:archives']" |
||||
|
>随访记录</el-button |
||||
|
> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
</el-table> |
||||
|
|
||||
|
<pagination |
||||
|
v-show="total > 0" |
||||
|
:total="total" |
||||
|
:page.sync="queryParams.pageNum" |
||||
|
:limit.sync="queryParams.pageSize" |
||||
|
@pagination="getList" |
||||
|
/> |
||||
|
|
||||
|
<!-- 添加或修改公告对话框 --> |
||||
|
<el-dialog |
||||
|
class="popup" |
||||
|
:title="title" |
||||
|
:visible.sync="open" |
||||
|
width="780px" |
||||
|
append-to-body |
||||
|
> |
||||
|
<el-form |
||||
|
ref="form" |
||||
|
:model="form" |
||||
|
:rules="rules" |
||||
|
label-width="140px" |
||||
|
class="formStep" |
||||
|
> |
||||
|
<el-form-item label="姓名" prop="name"> |
||||
|
<el-input v-model="form.name" placeholder="请输入" /> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="性别" prop="gender"> |
||||
|
<el-radio-group v-model="form.gender"> |
||||
|
<el-radio :label="0">男</el-radio> |
||||
|
<el-radio :label="1">女</el-radio> |
||||
|
</el-radio-group> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="民族" prop="ethnicity"> |
||||
|
<el-input v-model="form.ethnicity" placeholder="请输入" /> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="手机号码" prop="phone"> |
||||
|
<el-input v-model="form.phone" placeholder="请输入" /> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="证件类型" prop="idCardType"> |
||||
|
<el-select v-model="form.idCardType" placeholder="请选择"> |
||||
|
<el-option |
||||
|
v-for="item in idCardType" |
||||
|
:key="item.value" |
||||
|
:label="item.label" |
||||
|
:value="item.value" |
||||
|
> |
||||
|
</el-option> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="证件号码" prop="idCard"> |
||||
|
<el-input v-model="form.idCard" placeholder="请输入" /> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="门诊/住院" prop="visitType"> |
||||
|
<el-radio-group v-model="form.visitType"> |
||||
|
<el-radio :label="0">门诊</el-radio> |
||||
|
<el-radio :label="1">住院</el-radio> |
||||
|
</el-radio-group> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="门诊号/住院号" prop="visitNumber"> |
||||
|
<el-input v-model="form.visitNumber" placeholder="请输入" /> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="门诊时间/住院时间" prop="visitTime"> |
||||
|
<el-date-picker |
||||
|
v-model="form.visitTime" |
||||
|
type="date" |
||||
|
placeholder="选择日期" |
||||
|
> |
||||
|
</el-date-picker> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="出院时间" prop="dischargeTime"> |
||||
|
<el-date-picker |
||||
|
v-model="form.dischargeTime" |
||||
|
type="date" |
||||
|
placeholder="选择日期" |
||||
|
> |
||||
|
</el-date-picker> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="责任医生" prop="doctor"> |
||||
|
<el-input v-model="form.doctor" placeholder="请输入" /> |
||||
|
</el-form-item> |
||||
|
</el-form> |
||||
|
<div slot="footer" class="dialog-footer"> |
||||
|
<el-button type="primary" @click="submitForm">确 定</el-button> |
||||
|
<el-button @click="cancel">取 消</el-button> |
||||
|
</div> |
||||
|
</el-dialog> |
||||
|
<!-- 导入患者信息 --> |
||||
|
<el-dialog |
||||
|
title="导入诊疗档案" |
||||
|
:visible.sync="importOpen" |
||||
|
width="640px" |
||||
|
append-to-body |
||||
|
class="popup" |
||||
|
> |
||||
|
<el-form ref="form" :model="importform" class="formStep"> |
||||
|
<el-form-item prop="accessUrl"> |
||||
|
<el-upload |
||||
|
:limit="1" |
||||
|
class="avatar-uploader wj-uploader" |
||||
|
:headers="headers" |
||||
|
:action="uploadFileUrl1" |
||||
|
accept=".xlsx, .xls" |
||||
|
:before-upload="handleBeforePdfUpload1" |
||||
|
:on-success="handleUploadPdfAdd1" |
||||
|
:file-list="fileList" |
||||
|
:show-file-list="true" |
||||
|
> |
||||
|
<i class="el-icon-upload"></i> |
||||
|
<div class="el-upload__text"> |
||||
|
将文件拖到此处，或 |
||||
|
<em>点击上传</em> |
||||
|
</div> |
||||
|
</el-upload> |
||||
|
</el-form-item> |
||||
|
</el-form> |
||||
|
</el-dialog> |
||||
|
<!-- 档案详情 --> |
||||
|
<!-- <el-drawer title="档案详情" :visible.sync="drawer"> |
||||
|
<div style="padding: 0 16px"> |
||||
|
<el-descriptions class="margin-top" :column="2" :size="size"> |
||||
|
<el-descriptions-item label="姓名">kooriookami</el-descriptions-item> |
||||
|
<el-descriptions-item label="性别">18100000000 </el-descriptions-item> |
||||
|
<el-descriptions-item label="年龄">苏州市</el-descriptions-item> |
||||
|
<el-descriptions-item label="年龄">苏州市</el-descriptions-item> |
||||
|
<el-descriptions-item label="年龄">苏州市</el-descriptions-item> |
||||
|
<el-descriptions-item label="年龄">苏州市</el-descriptions-item> |
||||
|
<el-descriptions-item label="年龄">苏州市</el-descriptions-item> |
||||
|
<el-descriptions-item label="年龄">苏州市</el-descriptions-item> |
||||
|
<el-descriptions-item label="年龄">苏州市</el-descriptions-item> |
||||
|
<el-descriptions-item label="年龄">苏州市</el-descriptions-item> |
||||
|
<el-descriptions-item label="年龄">苏州市</el-descriptions-item> |
||||
|
</el-descriptions> |
||||
|
</div> |
||||
|
</el-drawer> --> |
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
import { getToken } from "@/utils/auth"; |
||||
|
import { |
||||
|
listNotice, |
||||
|
getNotice, |
||||
|
delNotice, |
||||
|
addNotice, |
||||
|
updateNotice, |
||||
|
} from "@/api/system/notice"; |
||||
|
import { queryPatient } from "@/api/patientFile"; |
||||
|
export default { |
||||
|
name: "Notice", |
||||
|
dicts: ["sys_notice_status", "sys_notice_type"], |
||||
|
data() { |
||||
|
return { |
||||
|
headers: { |
||||
|
Authorization: "Bearer " + getToken(), |
||||
|
deptId: localStorage.getItem("hospitalId"), |
||||
|
}, |
||||
|
uploadFileUrl1: process.env.VUE_APP_BASE_API + "/pms/importTjbgZip", // 上传的图片服务器地址 |
||||
|
fileList: [], |
||||
|
// 现病史 |
||||
|
medicalHistory: [ |
||||
|
"高血压", |
||||
|
"脑血管病", |
||||
|
"恶性肿瘤", |
||||
|
"冠心病", |
||||
|
"精神疾病", |
||||
|
"胃和十二指肠溃疡", |
||||
|
"肥胖症", |
||||
|
"骨质疏松症", |
||||
|
"遗传性、先天性疾病", |
||||
|
"糖尿病", |
||||
|
"慢性肺系疾病", |
||||
|
"高脂血症", |
||||
|
"肝脏疾病(脂肪肝、乙型肝炎、肝硬化等)", |
||||
|
"过敏性疾病", |
||||
|
"关节炎", |
||||
|
"痛风", |
||||
|
"肾炎、肾病", |
||||
|
"高脂血症", |
||||
|
], |
||||
|
idCardType: [ |
||||
|
{ |
||||
|
label: "身份证", |
||||
|
value: 0, |
||||
|
}, |
||||
|
{ |
||||
|
label: "护照或外国人永居证", |
||||
|
value: 1, |
||||
|
}, |
||||
|
{ |
||||
|
label: "港澳居民来往内地通行", |
||||
|
value: 2, |
||||
|
}, |
||||
|
{ |
||||
|
label: "台湾居民来往大陆通行证", |
||||
|
value: 3, |
||||
|
}, |
||||
|
], |
||||
|
idCardTypeValue: { |
||||
|
0: "身份证", |
||||
|
1: "护照或外国人永居证", |
||||
|
2: "港澳居民来往内地通行", |
||||
|
3: "台湾居民来往大陆通行证", |
||||
|
}, |
||||
|
status: { |
||||
|
0: "保存", |
||||
|
1: "待审核", |
||||
|
2: "通过", |
||||
|
3: "驳回", |
||||
|
}, |
||||
|
loading: false, // 遮罩层 |
||||
|
ids: [], // 选中数组 |
||||
|
single: true, // 非单个禁用 |
||||
|
multiple: true, // 非多个禁用 |
||||
|
showSearch: true, // 显示搜索条件 |
||||
|
total: 0, // 总条数 |
||||
|
listDat: [{}], // 公告表格数据 |
||||
|
title: "", // 弹出层标题 |
||||
|
open: true, // 是否显示弹出层 |
||||
|
importOpen: false, // 导入弹窗 |
||||
|
// 查询参数 |
||||
|
queryParams: { |
||||
|
pageNum: 1, |
||||
|
pageSize: 10, |
||||
|
param: { |
||||
|
keywords: "", //关键字 |
||||
|
startAge: "", //开始年龄 |
||||
|
endAge: "", //结束年龄 |
||||
|
tenantId: "", //建档组织 |
||||
|
createBy: "", //建档人 |
||||
|
sourceId: "", //来源 |
||||
|
}, |
||||
|
}, |
||||
|
formDisabled: false, |
||||
|
importform: {}, |
||||
|
// 表单参数 |
||||
|
form: {}, |
||||
|
// 表单校验 |
||||
|
rules: { |
||||
|
name: [ |
||||
|
{ required: true, message: "患者姓名不能为空", trigger: "blur" }, |
||||
|
], |
||||
|
gender: [ |
||||
|
{ required: true, message: "性别不能为空", trigger: "change" }, |
||||
|
], |
||||
|
phone: [ |
||||
|
{ required: true, message: "手机号码不能为空", trigger: "blur" }, |
||||
|
], |
||||
|
ethnicity: [ |
||||
|
{ required: true, message: "民族不能为空", trigger: "blur" }, |
||||
|
], |
||||
|
idCardType: [ |
||||
|
{ required: true, message: "证件类型不能为空", trigger: "blur" }, |
||||
|
], |
||||
|
idCard: [ |
||||
|
{ required: true, message: "证件号码不能为空", trigger: "blur" }, |
||||
|
], |
||||
|
visitType: [{ required: true, message: "不能为空", trigger: "blur" }], |
||||
|
visitNumber: [ |
||||
|
{ required: true, message: "门诊号/住院号不能为空", trigger: "blur" }, |
||||
|
], |
||||
|
visitTime: [ |
||||
|
{ required: true, message: "门诊时间/住院时间", trigger: "blur" }, |
||||
|
], |
||||
|
dischargeTime: [ |
||||
|
{ required: true, message: "出院时间", trigger: "blur" }, |
||||
|
], |
||||
|
doctor: [{ required: true, message: "责任医生", trigger: "blur" }], |
||||
|
}, |
||||
|
}; |
||||
|
}, |
||||
|
created() { |
||||
|
// this.getList(); |
||||
|
}, |
||||
|
methods: { |
||||
|
// 上传成功回 - pdg |
||||
|
handleUploadPdfAdd1(res) { |
||||
|
if (res.code == 200) { |
||||
|
this.physicaOpen = false; |
||||
|
this.getList(); |
||||
|
this.$modal.msgSuccess("导入成功"); |
||||
|
} else { |
||||
|
this.$message.error(res.msg || "导入失败"); |
||||
|
this.fileList = []; |
||||
|
} |
||||
|
}, |
||||
|
// 上传前校检格式和大小 - 图片 |
||||
|
handleBeforeUpload1(file) { |
||||
|
const isLt2M = file.size / 1024 / 1024 < 100; |
||||
|
// 校检文件大小 |
||||
|
if (!isLt2M) { |
||||
|
this.$message.error("上传文件大小不能超过 100MB!"); |
||||
|
} |
||||
|
return isLt2M; |
||||
|
}, |
||||
|
// 上传前校检格式和大小 - 文件 |
||||
|
handleBeforePdfUpload1(file) { |
||||
|
const fileSuffix = file.name.substring(file.name.lastIndexOf(".") + 1); |
||||
|
const whiteList = ["xlsx", "xls"]; |
||||
|
if (whiteList.indexOf(fileSuffix) === -1) { |
||||
|
this.$message.error("上传文件只能是.xlsx, .xls"); |
||||
|
return false; |
||||
|
} |
||||
|
}, |
||||
|
/** 查询公告列表 */ |
||||
|
getList() { |
||||
|
this.loading = true; |
||||
|
queryPatient(this.queryParams).then((response) => { |
||||
|
this.listDat = response.rows; |
||||
|
this.total = response.total; |
||||
|
this.loading = false; |
||||
|
}); |
||||
|
}, |
||||
|
// 取消按钮 |
||||
|
cancel() { |
||||
|
this.open = false; |
||||
|
this.reset(); |
||||
|
}, |
||||
|
// 表单重置 |
||||
|
reset() { |
||||
|
this.form = { |
||||
|
name: "", // 姓名 |
||||
|
gender: 0, // 性别 |
||||
|
birthDate: "", // 出生日期 |
||||
|
ethnicity: "", // 民族 |
||||
|
educationYears: "", // 教育程度 |
||||
|
phone: "", // 联系手机号码 |
||||
|
idCardType: "", // 证件类型 |
||||
|
idCard: "", // 证件号码 |
||||
|
currentIllnessHistory: [], // 现病史 |
||||
|
}; |
||||
|
this.resetForm("form"); |
||||
|
}, |
||||
|
/** 搜索按钮操作 */ |
||||
|
handleQuery() { |
||||
|
this.queryParams.pageNum = 1; |
||||
|
this.getList(); |
||||
|
}, |
||||
|
/** 重置按钮操作 */ |
||||
|
resetQuery() { |
||||
|
this.resetForm("queryForm"); |
||||
|
this.handleQuery(); |
||||
|
}, |
||||
|
// 多选框选中数据 |
||||
|
handleSelectionChange(selection) { |
||||
|
this.ids = selection.map((item) => item.id); |
||||
|
this.single = selection.length != 1; |
||||
|
this.multiple = !selection.length; |
||||
|
}, |
||||
|
/** 新增按钮操作 */ |
||||
|
handleAdd() { |
||||
|
this.reset(); |
||||
|
this.open = true; |
||||
|
this.title = "新增诊疗档案"; |
||||
|
}, |
||||
|
/** 修改按钮操作 */ |
||||
|
handleUpdate(row) { |
||||
|
this.open = true; |
||||
|
this.title = "修改诊疗档案"; |
||||
|
this.form = JSON.parse(JSON.stringify(row)); |
||||
|
}, |
||||
|
/** 提交审核 */ |
||||
|
handleExamine(row) {}, |
||||
|
/** 随访记录 */ |
||||
|
handleEecorde(row) {}, |
||||
|
/** 详情按钮操作 */ |
||||
|
handleDetails(row) { |
||||
|
this.open = true; |
||||
|
this.title = "诊疗档案详情"; |
||||
|
this.form = JSON.parse(JSON.stringify(row)); |
||||
|
}, |
||||
|
|
||||
|
/** 提交按钮 */ |
||||
|
submitForm: function () { |
||||
|
this.$refs["form"].validate((valid) => { |
||||
|
if (valid) { |
||||
|
if (this.form.id != undefined) { |
||||
|
updateNotice(this.form).then((response) => { |
||||
|
this.$modal.msgSuccess("修改成功"); |
||||
|
this.open = false; |
||||
|
this.getList(); |
||||
|
}); |
||||
|
} else { |
||||
|
addNotice(this.form).then((response) => { |
||||
|
this.$modal.msgSuccess("新增成功"); |
||||
|
this.open = false; |
||||
|
this.getList(); |
||||
|
}); |
||||
|
} |
||||
|
} |
||||
|
}); |
||||
|
}, |
||||
|
|
||||
|
/** 删除按钮操作 */ |
||||
|
handleDelete(row) { |
||||
|
const idList = row.id || this.ids; |
||||
|
this.$modal |
||||
|
.confirm("是否确认删除当前选择的患者数据？") |
||||
|
.then(function () { |
||||
|
return delNotice({ param: { ids: idList } }); |
||||
|
}) |
||||
|
.then(() => { |
||||
|
this.getList(); |
||||
|
this.$modal.msgSuccess("删除成功"); |
||||
|
}) |
||||
|
.catch(() => {}); |
||||
|
}, |
||||
|
/** 导出按钮操作 */ |
||||
|
handleExport() { |
||||
|
this.download( |
||||
|
"system/user/export", |
||||
|
{ |
||||
|
...this.queryParams.params, |
||||
|
}, |
||||
|
`诊疗档案.xlsx` |
||||
|
); |
||||
|
}, |
||||
|
/** 导入按钮操作 */ |
||||
|
handleImport() { |
||||
|
this.upload.title = "用户导入"; |
||||
|
this.upload.open = true; |
||||
|
}, |
||||
|
}, |
||||
|
}; |
||||
|
</script> |
||||
|
<style scoped src="@/assets/styles/common.css"></style> |
||||
|
<style scoped> |
||||
|
.form-item-age { |
||||
|
display: flex; |
||||
|
align-items: center; |
||||
|
} |
||||
|
.form-item-age span { |
||||
|
margin: 0 10px; |
||||
|
} |
||||
|
.form-item-age >>> .el-input { |
||||
|
width: 90px; |
||||
|
} |
||||
|
>>> .el-input__inner { |
||||
|
padding: 0 15px !important; |
||||
|
} |
||||
|
</style> |
||||
Loading…
Reference in new issue