lzp
1 month ago
12 changed files with 4441 additions and 498 deletions
@ -0,0 +1,11 @@ |
|||
import request from "@/utils/request"; |
|||
|
|||
//防治计划
|
|||
// 查询
|
|||
export function queryPatientJzList(data) { |
|||
return request({ |
|||
url: "/pms/queryPatientJzList", |
|||
method: "post", |
|||
data: data, |
|||
}); |
|||
} |
|||
@ -0,0 +1,135 @@ |
|||
.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__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; |
|||
} |
|||
File diff suppressed because it is too large
File diff suppressed because it is too large
@ -0,0 +1,861 @@ |
|||
<template> |
|||
<div class="app-container"> |
|||
<el-form |
|||
:model="queryParams" |
|||
ref="queryForm" |
|||
:inline="true" |
|||
label-width="68px" |
|||
> |
|||
<el-form-item label="关键字" prop="param.searchValue"> |
|||
<el-input |
|||
v-model="queryParams.param.searchValue" |
|||
placeholder="姓名|手机号|身份证号等" |
|||
clearable |
|||
size="small" |
|||
@keyup.enter.native="handleQuery" |
|||
/> |
|||
</el-form-item> |
|||
<!-- <el-form-item label="医院" prop="param.hospital"> |
|||
<el-select |
|||
v-model="queryParams.param.hospitalId" |
|||
clearable |
|||
placeholder="所属医院" |
|||
> |
|||
<el-option |
|||
v-for="item in hospitalList" |
|||
:key="item.id" |
|||
:label="item.hospitalName" |
|||
:value="item.id" |
|||
></el-option> |
|||
</el-select> |
|||
</el-form-item> --> |
|||
<el-form-item label="时间范围" prop="param.time"> |
|||
<el-date-picker |
|||
v-model="queryParams.param.time" |
|||
type="daterange" |
|||
size="small" |
|||
value-format="yyyy-MM-dd" |
|||
range-separator="至" |
|||
start-placeholder="开始时间" |
|||
end-placeholder="结束时间" |
|||
> |
|||
</el-date-picker> |
|||
</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" v-hasPermi="['tms:patient:add']"> |
|||
<el-button |
|||
type="primary" |
|||
plain |
|||
icon="el-icon-plus" |
|||
size="mini" |
|||
@click="handleAdd" |
|||
>新增 |
|||
</el-button> |
|||
</el-col> |
|||
|
|||
<!-- <el-col :span="1.5" v-hasPermi="['tms:patient:remove']"> |
|||
<el-button |
|||
type="danger" |
|||
plain |
|||
icon="el-icon-delete" |
|||
size="mini" |
|||
:disabled="multiple" |
|||
@click="handleDelete" |
|||
>删除 |
|||
</el-button> |
|||
</el-col> --> |
|||
<!-- <el-col :span="1.5" v-hasPermi="['tms:patient:import']"> |
|||
<el-button |
|||
type="warning" |
|||
plain |
|||
icon="el-icon-upload2" |
|||
size="mini" |
|||
:loading="exportLoading" |
|||
@click="handlePhysicalReport" |
|||
>导入体检报告 |
|||
</el-button> |
|||
</el-col> |
|||
--> |
|||
<el-col :span="1.5" v-hasPermi="['tms:patient:export']"> |
|||
<el-button |
|||
type="warning" |
|||
plain |
|||
icon="el-icon-download" |
|||
size="mini" |
|||
@click="handleExport" |
|||
>导出 |
|||
</el-button> |
|||
</el-col> |
|||
<!-- <el-col :span="1.5" v-hasPermi="['tms:patient:import']"> |
|||
<el-button |
|||
type="warning" |
|||
plain |
|||
icon="el-icon-upload2" |
|||
size="mini" |
|||
:loading="exportLoading" |
|||
@click="handleReport" |
|||
>导入体检报告 |
|||
</el-button> |
|||
</el-col> --> |
|||
</el-row> |
|||
<el-table |
|||
v-loading="loading" |
|||
:data="patientList" |
|||
row-key="patientId" |
|||
@selection-change="handleSelectionChange" |
|||
> |
|||
<el-table-column type="selection" width="55" fixed align="center" /> |
|||
<el-table-column |
|||
label="序号" |
|||
align="center" |
|||
key="index" |
|||
type="index" |
|||
fixed |
|||
/> |
|||
<el-table-column |
|||
label="姓名" |
|||
align="center" |
|||
prop="patientName" |
|||
key="patientName" |
|||
width="120" |
|||
fixed |
|||
></el-table-column> |
|||
<el-table-column |
|||
label="性别" |
|||
align="center" |
|||
prop="sex" |
|||
key="sex" |
|||
width="120" |
|||
> |
|||
<template slot-scope="scope"> |
|||
{{ scope.row.sex == 0 ? "男" : "女" }} |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column |
|||
label="出生日期" |
|||
align="left" |
|||
prop="birthday" |
|||
key="birthday" |
|||
></el-table-column> |
|||
<el-table-column |
|||
label="受教育程度" |
|||
align="center" |
|||
prop="educationalStatus" |
|||
key="educationalStatus" |
|||
width="120" |
|||
> |
|||
<template slot-scope="scope"> |
|||
<el-select |
|||
class="table-select" |
|||
v-model="scope.row.educationalStatus" |
|||
placeholder="-" |
|||
> |
|||
<el-option |
|||
v-for="item in educationalStates" |
|||
:key="item.id" |
|||
:label="item.name" |
|||
:value="item.id" |
|||
></el-option> |
|||
</el-select> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column |
|||
label="职业类型" |
|||
align="center" |
|||
prop="career" |
|||
key="career" |
|||
width="120" |
|||
> |
|||
<template slot-scope="scope"> |
|||
<el-select |
|||
class="table-select" |
|||
v-model="scope.row.career" |
|||
placeholder="-" |
|||
> |
|||
<el-option |
|||
v-for="item in careers" |
|||
:key="item.id" |
|||
:label="item.name" |
|||
:value="item.id" |
|||
></el-option> |
|||
</el-select> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column |
|||
label="婚姻状况" |
|||
align="center" |
|||
prop="maritalStatus" |
|||
key="maritalStatus" |
|||
width="120" |
|||
> |
|||
<template slot-scope="scope"> |
|||
<el-select |
|||
class="table-select" |
|||
v-model="scope.row.maritalStatus" |
|||
placeholder="-" |
|||
> |
|||
<el-option |
|||
v-for="item in maritalStates" |
|||
:key="item.id" |
|||
:label="item.name" |
|||
:value="item.id" |
|||
></el-option> |
|||
</el-select> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column |
|||
label="居住状态" |
|||
align="center" |
|||
prop="dwellingState" |
|||
key="dwellingState" |
|||
width="120" |
|||
> |
|||
<template slot-scope="scope"> |
|||
<el-select |
|||
class="table-select" |
|||
v-model="scope.row.dwellingState" |
|||
placeholder="-" |
|||
> |
|||
<el-option |
|||
v-for="item in dwellingStates" |
|||
:key="item.id" |
|||
:label="item.name" |
|||
:value="item.id" |
|||
></el-option> |
|||
</el-select> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column |
|||
label="民族" |
|||
align="center" |
|||
prop="nation" |
|||
key="nation" |
|||
width="120" |
|||
> |
|||
<template slot-scope="scope"> |
|||
<el-select |
|||
class="table-select" |
|||
v-model="scope.row.nation" |
|||
placeholder="-" |
|||
> |
|||
<el-option |
|||
v-for="(status, index) in nationList" |
|||
:key="index" |
|||
:value="status.name" |
|||
:label="status.name" |
|||
></el-option> |
|||
</el-select> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column |
|||
label="籍贯" |
|||
align="center" |
|||
prop="nativePlace" |
|||
key="nativePlace" |
|||
width="120" |
|||
></el-table-column> |
|||
<el-table-column |
|||
label="现住址" |
|||
align="center" |
|||
prop="address" |
|||
key="address" |
|||
width="200" |
|||
></el-table-column> |
|||
<el-table-column |
|||
label="联系人名称" |
|||
align="center" |
|||
prop="contactName" |
|||
key="contactName" |
|||
width="120" |
|||
></el-table-column> |
|||
<!-- <el-table-column |
|||
label="联系人电话" |
|||
align="center" |
|||
prop="contactMobile" |
|||
key="contactMobile" |
|||
width="120" |
|||
></el-table-column> --> |
|||
<el-table-column |
|||
label="与联系人关系" |
|||
align="center" |
|||
prop="contactRelation" |
|||
key="contactRelation" |
|||
width="120" |
|||
></el-table-column> |
|||
<el-table-column |
|||
label="信仰" |
|||
align="center" |
|||
prop="belief" |
|||
key="belief" |
|||
width="120" |
|||
></el-table-column> |
|||
|
|||
<el-table-column |
|||
label="爱好" |
|||
align="center" |
|||
prop="hobby" |
|||
key="hobby" |
|||
width="120" |
|||
></el-table-column> |
|||
<el-table-column |
|||
label="ABO血型" |
|||
align="center" |
|||
prop="aboBloodType" |
|||
key="aboBloodType" |
|||
width="120" |
|||
> |
|||
<template slot-scope="scope"> |
|||
<el-select |
|||
class="table-select" |
|||
v-model="scope.row.aboBloodType" |
|||
placeholder="-" |
|||
> |
|||
<el-option |
|||
v-for="item in ABOBloodTypes" |
|||
:key="item.id" |
|||
:label="item.name" |
|||
:value="item.id" |
|||
></el-option> |
|||
</el-select> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column |
|||
label="Rh血型" |
|||
align="center" |
|||
prop="rhBloodType" |
|||
key="rhBloodType" |
|||
width="120" |
|||
> |
|||
<template slot-scope="scope"> |
|||
<el-select |
|||
class="table-select" |
|||
v-model="scope.row.rhBloodType" |
|||
placeholder="-" |
|||
> |
|||
<el-option |
|||
v-for="item in RHBloodTypes" |
|||
:key="item.id" |
|||
:label="item.name" |
|||
:value="item.id" |
|||
></el-option> |
|||
</el-select> |
|||
</template> |
|||
</el-table-column> |
|||
<!-- <el-table-column |
|||
label="身份证号" |
|||
align="center" |
|||
prop="idCard" |
|||
key="idCard" |
|||
width="200" |
|||
></el-table-column> |
|||
<el-table-column |
|||
label="联系方式" |
|||
align="center" |
|||
prop="phone" |
|||
key="phone" |
|||
width="200" |
|||
></el-table-column> --> |
|||
<el-table-column |
|||
label="医院名称" |
|||
align="left" |
|||
prop="hospitalName" |
|||
key="hospitalName" |
|||
></el-table-column> |
|||
<el-table-column |
|||
label="测评次数" |
|||
align="center" |
|||
prop="evaluationCount" |
|||
key="evaluationCount" |
|||
></el-table-column> |
|||
<el-table-column |
|||
label="上次测评" |
|||
align="center" |
|||
prop="lastEvaluationTime" |
|||
key="lastEvaluationTime" |
|||
width="200" |
|||
fixed="right" |
|||
></el-table-column> |
|||
<el-table-column |
|||
label="创建人" |
|||
align="center" |
|||
prop="createBy" |
|||
key="createBy" |
|||
fixed="right" |
|||
></el-table-column> |
|||
<el-table-column |
|||
label="创建时间" |
|||
align="center" |
|||
prop="createTime" |
|||
key="createTime" |
|||
fixed="right" |
|||
></el-table-column> |
|||
<!-- <el-table-column |
|||
label="操作" |
|||
align="center" |
|||
prop="department" |
|||
key="department" |
|||
width="200" |
|||
fixed="right" |
|||
> |
|||
<template slot-scope="scope"> |
|||
<el-button |
|||
size="mini" |
|||
type="text" |
|||
icon="el-icon-search" |
|||
@click="handleRecord(scope.row)" |
|||
v-hasPermi="['tms:patient:record']" |
|||
> |
|||
查看测评记录 |
|||
</el-button> |
|||
<el-button |
|||
size="mini" |
|||
type="text" |
|||
icon="el-icon-edit" |
|||
@click="handleEdit(scope.row.patientId)" |
|||
v-hasPermi="['tms:patient:edit']" |
|||
> |
|||
修改 |
|||
</el-button> |
|||
<el-button |
|||
size="mini" |
|||
type="text" |
|||
icon="el-icon-delete" |
|||
style="color: red" |
|||
@click="handleDelete(scope.row)" |
|||
v-hasPermi="['tms:patient:remove']" |
|||
> |
|||
删除 |
|||
</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 |
|||
title="导入患者信息(医科大学流调)" |
|||
:visible.sync="open" |
|||
width="640px" |
|||
append-to-body |
|||
> |
|||
<el-form ref="form" :model="form"> |
|||
<el-form-item prop="accessUrl"> |
|||
<el-upload |
|||
:limit="1" |
|||
class="avatar-uploader wj-uploader" |
|||
:headers="headers" |
|||
:action="uploadFileUrl" |
|||
accept=".xlsx, .xls" |
|||
:before-upload="handleBeforePdfUpload" |
|||
:show-file-list="true" |
|||
:on-success="handleUploadPdfAdd" |
|||
:file-list="fileList" |
|||
> |
|||
<i class="el-icon-upload"></i> |
|||
<div class="el-upload__text"> |
|||
将文件拖到此处，或 |
|||
<em>点击上传</em> |
|||
</div> |
|||
</el-upload> |
|||
</el-form-item> |
|||
</el-form> |
|||
</el-dialog> |
|||
<!--导入患者信息 殷家堡 --> |
|||
<el-dialog |
|||
title="导入患者信息(殷家堡)" |
|||
:visible.sync="yjbOpen" |
|||
width="640px" |
|||
append-to-body |
|||
> |
|||
<el-form ref="form" :model="form"> |
|||
<el-form-item prop="accessUrl"> |
|||
<el-upload |
|||
:limit="1" |
|||
class="avatar-uploader wj-uploader" |
|||
:headers="headers" |
|||
:action="uploadFileUrl2" |
|||
accept=".xlsx, .xls" |
|||
:before-upload="handleBeforePdfUpload" |
|||
:show-file-list="true" |
|||
:on-success="handleUploadPdfAdd" |
|||
:file-list="fileList" |
|||
> |
|||
<i class="el-icon-upload"></i> |
|||
<div class="el-upload__text"> |
|||
将文件拖到此处，或 |
|||
<em>点击上传</em> |
|||
</div> |
|||
</el-upload> |
|||
</el-form-item> |
|||
</el-form> |
|||
</el-dialog> |
|||
<!-- 导入患者信息 --> |
|||
<el-dialog |
|||
title="导入体检报告" |
|||
:visible.sync="physicaOpen" |
|||
width="640px" |
|||
append-to-body |
|||
> |
|||
<el-form ref="form" :model="form"> |
|||
<el-form-item prop="accessUrl"> |
|||
<el-upload |
|||
:limit="1" |
|||
class="avatar-uploader wj-uploader" |
|||
:headers="headers" |
|||
:action="uploadFileUrl1" |
|||
accept=".zip" |
|||
: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> |
|||
</div> |
|||
</template> |
|||
<script> |
|||
import { getToken } from "@/utils/auth"; |
|||
import { mapMutations } from "vuex"; |
|||
import { getHosList } from "@/api/his/hospital"; |
|||
import { patientList, delPatient } from "@/api/his/patient"; |
|||
import { queryPatientJzList } from "@/api/visiting"; |
|||
import { |
|||
base as baseConfig, |
|||
maritalStates, |
|||
educationalStates, |
|||
dwellingStates, |
|||
independentLivingSkills, |
|||
careers, |
|||
handednesss, |
|||
socialActives, |
|||
gender, |
|||
idCardTypes, |
|||
ABOBloodTypes, |
|||
RHBloodTypes, |
|||
nationList, |
|||
} from "./config"; |
|||
export default { |
|||
name: "Patient", |
|||
data() { |
|||
return { |
|||
baseConfig, |
|||
maritalStates, |
|||
educationalStates, |
|||
dwellingStates, |
|||
independentLivingSkills, |
|||
careers, |
|||
handednesss, |
|||
socialActives, |
|||
gender, |
|||
idCardTypes, |
|||
ABOBloodTypes, |
|||
RHBloodTypes, |
|||
nationList, |
|||
yjbOpen: false, |
|||
physicaOpen: false, |
|||
open: false, |
|||
form: {}, |
|||
headers: { |
|||
Authorization: "Bearer " + getToken(), |
|||
deptId: localStorage.getItem("hospitalId"), |
|||
}, |
|||
fileList: [], |
|||
uploadFileUrl: process.env.VUE_APP_BASE_API + "/pms/importPatient", // 导出患者信息 |
|||
uploadFileUrl1: process.env.VUE_APP_BASE_API + "/pms/importTjbgZip", // 上传的图片服务器地址 |
|||
uploadFileUrl2: process.env.VUE_APP_BASE_API + "/pms/importPatientYjb", // 上传的图片服务器地址 |
|||
// 查询参数 |
|||
queryParams: { |
|||
param: { |
|||
searchValue: null, |
|||
hospitalId: null, |
|||
time: null, |
|||
}, |
|||
pageNum: 1, |
|||
pageSize: 10, |
|||
}, |
|||
patientList: [], // 患者列表 |
|||
total: 0, // 列表总条数 |
|||
loading: false, // 请求等待 |
|||
// 选中数组 |
|||
chooseData: [], |
|||
// 选中数据的id数组 |
|||
ids: [], |
|||
// 非单个禁用 |
|||
single: true, |
|||
// 非多个禁用 |
|||
multiple: true, |
|||
// 导入导出等待 |
|||
exportLoading: false, |
|||
// 医院列表 |
|||
hospitalList: [], |
|||
}; |
|||
}, |
|||
created() { |
|||
this.getList(); |
|||
this.getHospitalList(); |
|||
}, |
|||
methods: { |
|||
...mapMutations("patient", ["SET_PATIENT_ID"]), |
|||
// 医科大学流调 |
|||
handleReport() { |
|||
this.open = true; |
|||
this.fileList = []; |
|||
}, |
|||
// 殷家堡 |
|||
handleReport1() { |
|||
this.yjbOpen = true; |
|||
this.fileList = []; |
|||
}, |
|||
handlePhysicalReport() { |
|||
this.fileList = []; |
|||
this.physicaOpen = true; |
|||
}, |
|||
// 上传成功回 - 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 = ["zip"]; |
|||
if (whiteList.indexOf(fileSuffix) === -1) { |
|||
this.$message.error("上传文件只能是 zip"); |
|||
return false; |
|||
} |
|||
}, |
|||
// 上传成功回 - pdg |
|||
handleUploadPdfAdd(res) { |
|||
if (res.code == 200) { |
|||
this.open = false; |
|||
this.yjbOpen = false; |
|||
this.getList(); |
|||
this.$modal.msgSuccess("导入成功"); |
|||
} else { |
|||
this.$message.error(res.msg || "导入失败"); |
|||
this.fileList = []; |
|||
} |
|||
}, |
|||
// 上传前校检格式和大小 - 图片 |
|||
handleBeforeUpload(file) { |
|||
const isLt2M = file.size / 1024 / 1024 < 100; |
|||
// 校检文件大小 |
|||
if (!isLt2M) { |
|||
this.$message.error("上传文件大小不能超过 100MB!"); |
|||
} |
|||
return isLt2M; |
|||
}, |
|||
// 上传前校检格式和大小 - 文件 |
|||
handleBeforePdfUpload(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; |
|||
} |
|||
}, |
|||
// 查询医院列表 |
|||
getHospitalList() { |
|||
const queryParams = { |
|||
param: { |
|||
searchValue: "", |
|||
informedConsent: null, |
|||
}, |
|||
pageNum: 1, |
|||
pageSize: 100, |
|||
}; |
|||
getHosList(queryParams).then((res) => { |
|||
this.hospitalList = [...res.data]; |
|||
// this.total = res.data.length; |
|||
}); |
|||
}, |
|||
/** 搜索按钮操作----- */ |
|||
handleQuery() { |
|||
this.queryParams.pageNum = 1; |
|||
this.getList(); |
|||
}, |
|||
/** 查询患者列表 */ |
|||
getList() { |
|||
this.loading = true; |
|||
if (this.queryParams.param.time?.length) { |
|||
this.queryParams.param.beginTime = this.queryParams.param.time[0]; |
|||
this.queryParams.param.endTime = this.queryParams.param.time[1]; |
|||
} |
|||
queryPatientJzList(this.queryParams).then((res) => { |
|||
const { code, msg, data } = res; |
|||
if (code === 200) { |
|||
this.total = data.total; |
|||
this.patientList = [...data.list]; |
|||
this.loading = false; |
|||
} |
|||
}); |
|||
}, |
|||
/** 重置按钮操作----- */ |
|||
resetQuery() { |
|||
this.resetForm("queryForm"); |
|||
this.queryParams = { |
|||
param: { |
|||
searchValue: null, |
|||
hospital: null, |
|||
time: null, |
|||
}, |
|||
pageNum: 1, |
|||
pageSize: 10, |
|||
}; |
|||
this.getList(); |
|||
}, |
|||
// 多选框选中数据----- |
|||
handleSelectionChange(selection) { |
|||
this.chooseData = [...selection]; |
|||
this.ids = selection.map((item) => item.patientId); |
|||
this.single = selection.length !== 1; |
|||
this.multiple = !selection.length; |
|||
}, |
|||
// 新增操作 |
|||
handleAdd() { |
|||
// 跳转到患者信息页面 |
|||
this.SET_PATIENT_ID(null); |
|||
this.$router.push("/patient/info"); |
|||
}, |
|||
// 修改操作 |
|||
handleEdit(id) { |
|||
// 跳转到患者信息页面 |
|||
const patientId = id || this.ids[0]; |
|||
this.SET_PATIENT_ID(patientId); |
|||
this.$router.push({ path: "/patient/info" }); |
|||
}, |
|||
// 删除操作 |
|||
handleDelete(row) { |
|||
const patientIds = row.patientId ? [row.patientId] : this.ids; |
|||
this.$modal |
|||
.confirm("是否确认删除当前选择的患者数据？") |
|||
.then(function () { |
|||
return delPatient({ param: { ids: patientIds } }); |
|||
// return true; |
|||
}) |
|||
.then(() => { |
|||
this.getList(); |
|||
this.$modal.msgSuccess("删除成功"); |
|||
}) |
|||
.catch(() => {}); |
|||
}, |
|||
// 查看患者的测评记录 |
|||
handleRecord(row) { |
|||
const patientId = row.patientId; |
|||
this.$router.push({ path: "/evaluation/index", query: { patientId } }); |
|||
}, |
|||
// 导入操作 |
|||
handleImport() { |
|||
this.$message.warning("导入"); |
|||
}, |
|||
// 导出操作 |
|||
handleExport() { |
|||
if (this.queryParams.param.time?.length) { |
|||
this.queryParams.param.beginTime = this.queryParams.param.time[0]; |
|||
this.queryParams.param.endTime = this.queryParams.param.time[1]; |
|||
} |
|||
this.download1( |
|||
"/pms/exportPatient", |
|||
{ |
|||
...this.queryParams, |
|||
}, |
|||
`患者数据导出${new Date().getTime()}.xlsx` |
|||
); |
|||
}, |
|||
}, |
|||
}; |
|||
</script> |
|||
<style scoped> |
|||
.table-select { |
|||
/* 禁止点击 */ |
|||
pointer-events: none; |
|||
} |
|||
.table-select >>> .el-input__inner { |
|||
border: none !important; |
|||
padding: 0 !important; |
|||
background: rgba(0, 0, 0, 0); |
|||
text-align: center; |
|||
} |
|||
.table-select >>> input::placeholder { |
|||
color: #606266 !important; |
|||
} |
|||
.table-select >>> .el-select__caret { |
|||
display: none; |
|||
} |
|||
.wj-uploader .el-icon-upload:before { |
|||
font-size: 100px; |
|||
} |
|||
.wj-uploader .el-upload { |
|||
display: flex; |
|||
align-content: center; |
|||
justify-content: center; |
|||
flex-wrap: wrap; |
|||
} |
|||
.wj-uploader .el-upload__text { |
|||
line-height: 20px; |
|||
width: 100% !important; |
|||
} |
|||
.avatar-uploader { |
|||
height: 180px; |
|||
} |
|||
.avatar-uploader .el-upload { |
|||
border: 1px dashed #d9d9d9 !important; |
|||
border-radius: 6px; |
|||
cursor: pointer; |
|||
position: relative; |
|||
overflow: hidden; |
|||
width: 100% !important; |
|||
height: 180px !important; |
|||
line-height: 150px; |
|||
} |
|||
.el-upload-dragger, |
|||
.el-upload { |
|||
width: 100% !important; |
|||
} |
|||
.el-upload-list__item { |
|||
transition: none !important; |
|||
} |
|||
.el-upload-list__item:first-child { |
|||
margin-top: 0; |
|||
} |
|||
</style> |
|||
Loading…
Reference in new issue