|
|
@ -1,18 +1,37 @@ |
|
|
<template> |
|
|
<template> |
|
|
<div class="app-container"> |
|
|
<div class="app-container"> |
|
|
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" |
|
|
<el-form |
|
|
label-width="68px"> |
|
|
:model="queryParams" |
|
|
|
|
|
ref="queryForm" |
|
|
|
|
|
size="small" |
|
|
|
|
|
:inline="true" |
|
|
|
|
|
v-show="showSearch" |
|
|
|
|
|
label-width="68px" |
|
|
|
|
|
> |
|
|
<el-form-item label="" prop="noticeTitle"> |
|
|
<el-form-item label="" prop="noticeTitle"> |
|
|
<el-input v-model="queryParams.param.keywords" placeholder="支持姓名、全拼、简拼、手机号吗、证件号码" clearable |
|
|
<el-input |
|
|
@keyup.enter.native="handleQuery" /> |
|
|
style="width: 300px" |
|
|
|
|
|
v-model="queryParams.param.keywords" |
|
|
|
|
|
placeholder="支持姓名、全拼、简拼、手机号码、证件号码" |
|
|
|
|
|
clearable |
|
|
|
|
|
@keyup.enter.native="handleQuery" |
|
|
|
|
|
/> |
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
<el-form-item label="年龄范围" prop="createBy"> |
|
|
<el-form-item label="年龄范围" prop="createBy"> |
|
|
<div class="form-item-age"> |
|
|
<div class="form-item-age"> |
|
|
<el-input v-model="queryParams.param.startAge" placeholder="最小年龄" clearable |
|
|
<el-input |
|
|
@keyup.enter.native="handleQuery" /> |
|
|
v-model="queryParams.param.startAge" |
|
|
|
|
|
placeholder="最小年龄" |
|
|
|
|
|
clearable |
|
|
|
|
|
@keyup.enter.native="handleQuery" |
|
|
|
|
|
/> |
|
|
<span>—</span> |
|
|
<span>—</span> |
|
|
<el-input v-model="queryParams.param.endAge" placeholder="最大年龄" clearable |
|
|
<el-input |
|
|
@keyup.enter.native="handleQuery" /> |
|
|
v-model="queryParams.param.endAge" |
|
|
|
|
|
placeholder="最大年龄" |
|
|
|
|
|
clearable |
|
|
|
|
|
@keyup.enter.native="handleQuery" |
|
|
|
|
|
/> |
|
|
</div> |
|
|
</div> |
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
<!-- <el-form-item label="建档组织" prop="tenantId"> |
|
|
<!-- <el-form-item label="建档组织" prop="tenantId"> |
|
|
@ -25,14 +44,24 @@ |
|
|
</el-select> |
|
|
</el-select> |
|
|
</el-form-item> --> |
|
|
</el-form-item> --> |
|
|
<el-form-item label="数据来源" prop="sourceId"> |
|
|
<el-form-item label="数据来源" prop="sourceId"> |
|
|
<el-select v-model="queryParams.param.sourceId" placeholder="请选择" clearable> |
|
|
<el-select |
|
|
|
|
|
v-model="queryParams.param.sourceId" |
|
|
|
|
|
placeholder="请选择" |
|
|
|
|
|
clearable |
|
|
|
|
|
> |
|
|
<el-option label="筛查" :value="0" /> |
|
|
<el-option label="筛查" :value="0" /> |
|
|
<el-option label="录入" :value="1" /> |
|
|
<el-option label="录入" :value="1" /> |
|
|
<el-option label="HIS" :value="2" /> |
|
|
<el-option label="HIS" :value="2" /> |
|
|
</el-select> |
|
|
</el-select> |
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
<el-form-item> |
|
|
<el-form-item> |
|
|
<el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button> |
|
|
<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 icon="el-icon-refresh" size="mini" @click="resetQuery"> |
|
|
重置 |
|
|
重置 |
|
|
</el-button> |
|
|
</el-button> |
|
|
@ -41,48 +70,152 @@ |
|
|
|
|
|
|
|
|
<el-row :gutter="10" class="mb8"> |
|
|
<el-row :gutter="10" class="mb8"> |
|
|
<el-col :span="1.5"> |
|
|
<el-col :span="1.5"> |
|
|
<el-button type="primary" plain icon="el-icon-plus" size="mini" @click="handleAdd">新增</el-button> |
|
|
<el-button |
|
|
|
|
|
type="primary" |
|
|
|
|
|
plain |
|
|
|
|
|
icon="el-icon-plus" |
|
|
|
|
|
size="mini" |
|
|
|
|
|
@click="handleAdd" |
|
|
|
|
|
>新增</el-button |
|
|
|
|
|
> |
|
|
</el-col> |
|
|
</el-col> |
|
|
<el-col :span="1.5"> |
|
|
<el-col :span="1.5"> |
|
|
<el-button type="danger" plain icon="el-icon-delete" size="mini" :disabled="multiple" |
|
|
<el-button |
|
|
@click="handleDelete">删除</el-button> |
|
|
type="danger" |
|
|
|
|
|
plain |
|
|
|
|
|
icon="el-icon-delete" |
|
|
|
|
|
size="mini" |
|
|
|
|
|
:disabled="multiple" |
|
|
|
|
|
@click="handleDelete" |
|
|
|
|
|
>删除</el-button |
|
|
|
|
|
> |
|
|
</el-col> |
|
|
</el-col> |
|
|
<el-col :span="1.5"> |
|
|
<el-col :span="1.5"> |
|
|
<el-button type="info" plain icon="el-icon-bottom" size="mini" |
|
|
<el-button |
|
|
@click="handleDownload">下载模版</el-button> |
|
|
type="info" |
|
|
|
|
|
plain |
|
|
|
|
|
icon="el-icon-bottom" |
|
|
|
|
|
size="mini" |
|
|
|
|
|
@click="handleDownload" |
|
|
|
|
|
>下载模版</el-button |
|
|
|
|
|
> |
|
|
</el-col> |
|
|
</el-col> |
|
|
<el-col :span="1.5"> |
|
|
<el-col :span="1.5"> |
|
|
<el-button type="warning" plain icon="el-icon-upload2" size="mini" @click="handleImport">导入</el-button> |
|
|
<el-button |
|
|
|
|
|
type="warning" |
|
|
|
|
|
plain |
|
|
|
|
|
icon="el-icon-upload2" |
|
|
|
|
|
size="mini" |
|
|
|
|
|
@click="handleImport" |
|
|
|
|
|
>导入</el-button |
|
|
|
|
|
> |
|
|
</el-col> |
|
|
</el-col> |
|
|
<el-col :span="1.5"> |
|
|
<el-col :span="1.5"> |
|
|
<el-button type="warning" plain icon="el-icon-download" size="mini" @click="handleExport">导出</el-button> |
|
|
<el-button |
|
|
|
|
|
type="warning" |
|
|
|
|
|
plain |
|
|
|
|
|
icon="el-icon-download" |
|
|
|
|
|
size="mini" |
|
|
|
|
|
@click="handleExport" |
|
|
|
|
|
>导出</el-button |
|
|
|
|
|
> |
|
|
</el-col> |
|
|
</el-col> |
|
|
<right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar> |
|
|
<right-toolbar |
|
|
|
|
|
:showSearch.sync="showSearch" |
|
|
|
|
|
@queryTable="getList" |
|
|
|
|
|
></right-toolbar> |
|
|
</el-row> |
|
|
</el-row> |
|
|
|
|
|
|
|
|
<el-table v-loading="loading" :data="listDat" @selection-change="handleSelectionChange" max-height="600"> |
|
|
<el-table |
|
|
|
|
|
v-loading="loading" |
|
|
|
|
|
:data="listDat" |
|
|
|
|
|
@selection-change="handleSelectionChange" |
|
|
|
|
|
max-height="600" |
|
|
|
|
|
> |
|
|
<el-table-column type="selection" width="55" align="center" /> |
|
|
<el-table-column type="selection" width="55" align="center" /> |
|
|
<el-table-column label="姓名" align="center" prop="name" min-width="100" fixed /> |
|
|
<el-table-column |
|
|
<el-table-column label="性别" align="center" prop="gender" show-overflow-tooltip min-width="100" fixed> |
|
|
label="姓名" |
|
|
|
|
|
align="center" |
|
|
|
|
|
prop="name" |
|
|
|
|
|
min-width="100" |
|
|
|
|
|
fixed |
|
|
|
|
|
/> |
|
|
|
|
|
<el-table-column |
|
|
|
|
|
label="性别" |
|
|
|
|
|
align="center" |
|
|
|
|
|
prop="gender" |
|
|
|
|
|
show-overflow-tooltip |
|
|
|
|
|
min-width="100" |
|
|
|
|
|
fixed |
|
|
|
|
|
> |
|
|
<template slot-scope="scope"> |
|
|
<template slot-scope="scope"> |
|
|
<span v-if="scope.row.gender == 0">男</span> |
|
|
<span v-if="scope.row.gender == 0">男</span> |
|
|
<span v-if="scope.row.gender == 1">女</span> |
|
|
<span v-if="scope.row.gender == 1">女</span> |
|
|
</template> |
|
|
</template> |
|
|
</el-table-column> |
|
|
</el-table-column> |
|
|
|
|
|
|
|
|
<el-table-column label="出生日期" align="center" prop="birthDate" show-overflow-tooltip min-width="150" fixed /> |
|
|
<el-table-column |
|
|
<el-table-column label="民族" align="center" prop="ethnicity" show-overflow-tooltip min-width="100" /> |
|
|
label="出生日期" |
|
|
<el-table-column label="受教育年限" align="center" prop="educationYears" show-overflow-tooltip min-width="100" /> |
|
|
align="center" |
|
|
<el-table-column label="手机号码" align="center" prop="phone" show-overflow-tooltip min-width="150" /> |
|
|
prop="birthDate" |
|
|
<el-table-column label="证件类型" align="center" prop="idCardType" show-overflow-tooltip min-width="200"> |
|
|
show-overflow-tooltip |
|
|
|
|
|
min-width="150" |
|
|
|
|
|
fixed |
|
|
|
|
|
/> |
|
|
|
|
|
<el-table-column |
|
|
|
|
|
label="民族" |
|
|
|
|
|
align="center" |
|
|
|
|
|
prop="ethnicity" |
|
|
|
|
|
show-overflow-tooltip |
|
|
|
|
|
min-width="100" |
|
|
|
|
|
/> |
|
|
|
|
|
<el-table-column |
|
|
|
|
|
label="受教育年限" |
|
|
|
|
|
align="center" |
|
|
|
|
|
prop="educationYears" |
|
|
|
|
|
show-overflow-tooltip |
|
|
|
|
|
min-width="100" |
|
|
|
|
|
/> |
|
|
|
|
|
<el-table-column |
|
|
|
|
|
label="手机号码" |
|
|
|
|
|
align="center" |
|
|
|
|
|
prop="phone" |
|
|
|
|
|
show-overflow-tooltip |
|
|
|
|
|
min-width="150" |
|
|
|
|
|
/> |
|
|
|
|
|
<el-table-column |
|
|
|
|
|
label="证件类型" |
|
|
|
|
|
align="center" |
|
|
|
|
|
prop="idCardType" |
|
|
|
|
|
show-overflow-tooltip |
|
|
|
|
|
min-width="200" |
|
|
|
|
|
> |
|
|
<template slot-scope="scope"> |
|
|
<template slot-scope="scope"> |
|
|
{{ idCardTypeValue[scope.row.idCardType] }} |
|
|
{{ idCardTypeValue[scope.row.idCardType] }} |
|
|
</template> |
|
|
</template> |
|
|
</el-table-column> |
|
|
</el-table-column> |
|
|
<el-table-column label="证件号码" align="center" prop="idCard" show-overflow-tooltip min-width="180" /> |
|
|
<el-table-column |
|
|
|
|
|
label="证件号码" |
|
|
|
|
|
align="center" |
|
|
|
|
|
prop="idCard" |
|
|
|
|
|
show-overflow-tooltip |
|
|
|
|
|
min-width="180" |
|
|
|
|
|
/> |
|
|
|
|
|
|
|
|
<el-table-column label="建档人" align="center" prop="createBy" show-overflow-tooltip min-width="100" /> |
|
|
<el-table-column |
|
|
<el-table-column label="建档组织（医院名称）" align="center" prop="tenantName" show-overflow-tooltip min-width="150" /> |
|
|
label="建档人" |
|
|
|
|
|
align="center" |
|
|
|
|
|
prop="createBy" |
|
|
|
|
|
show-overflow-tooltip |
|
|
|
|
|
min-width="100" |
|
|
|
|
|
/> |
|
|
|
|
|
<el-table-column |
|
|
|
|
|
label="建档组织（医院名称）" |
|
|
|
|
|
align="center" |
|
|
|
|
|
prop="tenantName" |
|
|
|
|
|
show-overflow-tooltip |
|
|
|
|
|
min-width="150" |
|
|
|
|
|
/> |
|
|
<el-table-column label="建档日期" align="center" min-width="140"> |
|
|
<el-table-column label="建档日期" align="center" min-width="140"> |
|
|
<template slot-scope="scope"> |
|
|
<template slot-scope="scope"> |
|
|
<span>{{ |
|
|
<span>{{ |
|
|
@ -90,7 +223,14 @@ |
|
|
}}</span> |
|
|
}}</span> |
|
|
</template> |
|
|
</template> |
|
|
</el-table-column> |
|
|
</el-table-column> |
|
|
<el-table-column fixed="right" label="来源" align="center" prop="source" show-overflow-tooltip min-width="100"> |
|
|
<el-table-column |
|
|
|
|
|
fixed="right" |
|
|
|
|
|
label="来源" |
|
|
|
|
|
align="center" |
|
|
|
|
|
prop="source" |
|
|
|
|
|
show-overflow-tooltip |
|
|
|
|
|
min-width="100" |
|
|
|
|
|
> |
|
|
<template slot-scope="scope"> |
|
|
<template slot-scope="scope"> |
|
|
<span v-if="scope.row.source == 0">筛查</span> |
|
|
<span v-if="scope.row.source == 0">筛查</span> |
|
|
<span v-if="scope.row.source == 1">录入</span> |
|
|
<span v-if="scope.row.source == 1">录入</span> |
|
|
@ -99,26 +239,67 @@ |
|
|
</el-table-column> |
|
|
</el-table-column> |
|
|
<el-table-column fixed="right" label="操作" align="center" width="150"> |
|
|
<el-table-column fixed="right" label="操作" align="center" width="150"> |
|
|
<template slot-scope="scope"> |
|
|
<template slot-scope="scope"> |
|
|
<el-button size="mini" type="text" icon="el-icon-edit" |
|
|
<el-button |
|
|
@click="handleUpdate(scope.row)">修改</el-button> |
|
|
size="mini" |
|
|
<el-button size="mini" type="text" icon="el-icon-delete" |
|
|
type="text" |
|
|
@click="handleDelete(scope.row)">删除</el-button> |
|
|
icon="el-icon-edit" |
|
|
<el-button size="mini" type="text" icon="el-icon-tickets" |
|
|
@click="handleUpdate(scope.row)" |
|
|
@click="handleDetails(scope.row)">详情</el-button> |
|
|
>修改</el-button |
|
|
<el-button size="mini" type="text" icon="el-icon-notebook-1" |
|
|
> |
|
|
@click="handleArchives(scope.row)">诊疗档案</el-button> |
|
|
<el-button |
|
|
|
|
|
size="mini" |
|
|
|
|
|
type="text" |
|
|
|
|
|
icon="el-icon-delete" |
|
|
|
|
|
@click="handleDelete(scope.row)" |
|
|
|
|
|
>删除</el-button |
|
|
|
|
|
> |
|
|
|
|
|
<el-button |
|
|
|
|
|
size="mini" |
|
|
|
|
|
type="text" |
|
|
|
|
|
icon="el-icon-tickets" |
|
|
|
|
|
@click="handleDetails(scope.row)" |
|
|
|
|
|
>详情</el-button |
|
|
|
|
|
> |
|
|
|
|
|
<el-button |
|
|
|
|
|
size="mini" |
|
|
|
|
|
type="text" |
|
|
|
|
|
icon="el-icon-notebook-1" |
|
|
|
|
|
@click="handleArchives(scope.row)" |
|
|
|
|
|
>诊疗档案</el-button |
|
|
|
|
|
> |
|
|
</template> |
|
|
</template> |
|
|
</el-table-column> |
|
|
</el-table-column> |
|
|
</el-table> |
|
|
</el-table> |
|
|
|
|
|
|
|
|
<pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNum" |
|
|
<pagination |
|
|
:limit.sync="queryParams.pageSize" @pagination="getList" /> |
|
|
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-dialog |
|
|
<el-form class="formStep" ref="form" :model="form" :rules="rules" label-width="100px"> |
|
|
class="popup" |
|
|
|
|
|
:title="title" |
|
|
|
|
|
:visible.sync="open" |
|
|
|
|
|
width="780px" |
|
|
|
|
|
append-to-body |
|
|
|
|
|
> |
|
|
|
|
|
<el-form |
|
|
|
|
|
class="formStep" |
|
|
|
|
|
ref="form" |
|
|
|
|
|
:model="form" |
|
|
|
|
|
:rules="rules" |
|
|
|
|
|
label-width="100px" |
|
|
|
|
|
> |
|
|
<el-form-item label="姓名" prop="name"> |
|
|
<el-form-item label="姓名" prop="name"> |
|
|
<el-input v-model="form.name" :disabled="formDisabled" placeholder="请输入" /> |
|
|
<el-input |
|
|
|
|
|
v-model="form.name" |
|
|
|
|
|
:disabled="formDisabled" |
|
|
|
|
|
placeholder="请输入" |
|
|
|
|
|
/> |
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
<el-form-item label="性别" prop="gender"> |
|
|
<el-form-item label="性别" prop="gender"> |
|
|
<el-radio-group v-model="form.gender" :disabled="formDisabled"> |
|
|
<el-radio-group v-model="form.gender" :disabled="formDisabled"> |
|
|
@ -127,34 +308,72 @@ |
|
|
</el-radio-group> |
|
|
</el-radio-group> |
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
<el-form-item label="出生日期" prop="birthDate"> |
|
|
<el-form-item label="出生日期" prop="birthDate"> |
|
|
<el-date-picker :disabled="formDisabled" format="yyyy-MM-dd" value-format="yyyy-MM-dd" |
|
|
<el-date-picker |
|
|
v-model="form.birthDate" type="date" placeholder="选择日期"> |
|
|
:disabled="formDisabled" |
|
|
|
|
|
format="yyyy-MM-dd" |
|
|
|
|
|
value-format="yyyy-MM-dd" |
|
|
|
|
|
v-model="form.birthDate" |
|
|
|
|
|
type="date" |
|
|
|
|
|
placeholder="选择日期" |
|
|
|
|
|
> |
|
|
</el-date-picker> |
|
|
</el-date-picker> |
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
<el-form-item label="民族" prop="ethnicity"> |
|
|
<el-form-item label="民族" prop="ethnicity"> |
|
|
<el-input v-model="form.ethnicity" placeholder="请输入" :disabled="formDisabled" /> |
|
|
<el-input |
|
|
|
|
|
v-model="form.ethnicity" |
|
|
|
|
|
placeholder="请输入" |
|
|
|
|
|
:disabled="formDisabled" |
|
|
|
|
|
/> |
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
<el-form-item label="受教育年限" prop="educationYears"> |
|
|
<el-form-item label="受教育年限" prop="educationYears"> |
|
|
<el-input v-model="form.educationYears" placeholder="请输入" :disabled="formDisabled" /> |
|
|
<el-input |
|
|
|
|
|
v-model="form.educationYears" |
|
|
|
|
|
placeholder="请输入" |
|
|
|
|
|
:disabled="formDisabled" |
|
|
|
|
|
/> |
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
<el-form-item label="手机号码" prop="phone"> |
|
|
<el-form-item label="手机号码" prop="phone"> |
|
|
<el-input v-model="form.phone" placeholder="请输入" :disabled="formDisabled" /> |
|
|
<el-input |
|
|
|
|
|
v-model="form.phone" |
|
|
|
|
|
placeholder="请输入" |
|
|
|
|
|
:disabled="formDisabled" |
|
|
|
|
|
/> |
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
<el-form-item label="证件类型" prop="idCardType"> |
|
|
<el-form-item label="证件类型" prop="idCardType"> |
|
|
<el-select v-model="form.idCardType" placeholder="请选择" :disabled="formDisabled"> |
|
|
<el-select |
|
|
<el-option v-for="item in idCardType" :key="item.value" :label="item.label" :value="item.value"> |
|
|
v-model="form.idCardType" |
|
|
|
|
|
placeholder="请选择" |
|
|
|
|
|
:disabled="formDisabled" |
|
|
|
|
|
> |
|
|
|
|
|
<el-option |
|
|
|
|
|
v-for="item in idCardType" |
|
|
|
|
|
:key="item.value" |
|
|
|
|
|
:label="item.label" |
|
|
|
|
|
:value="item.value" |
|
|
|
|
|
> |
|
|
</el-option> |
|
|
</el-option> |
|
|
</el-select> |
|
|
</el-select> |
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
<el-form-item label="证件号码" prop="idCard"> |
|
|
<el-form-item label="证件号码" prop="idCard"> |
|
|
<el-input v-model="form.idCard" placeholder="请输入" :disabled="formDisabled" /> |
|
|
<el-input |
|
|
|
|
|
v-model="form.idCard" |
|
|
|
|
|
placeholder="请输入" |
|
|
|
|
|
:disabled="formDisabled" |
|
|
|
|
|
/> |
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
<el-form-item label="现病史" prop=""> |
|
|
<el-form-item label="现病史" prop=""> |
|
|
<el-checkbox-group v-model="form.currentIllnessHistory" :disabled="formDisabled"> |
|
|
<el-checkbox-group |
|
|
|
|
|
v-model="form.currentIllnessHistory" |
|
|
|
|
|
:disabled="formDisabled" |
|
|
|
|
|
> |
|
|
<el-checkbox v-for="(item, index) in medicalHistory" :label="item"> |
|
|
<el-checkbox v-for="(item, index) in medicalHistory" :label="item"> |
|
|
</el-checkbox> |
|
|
</el-checkbox> |
|
|
</el-checkbox-group> |
|
|
</el-checkbox-group> |
|
|
<el-input v-model="form.currentIllnessHistoryQt" placeholder="其他" :disabled="formDisabled" /> |
|
|
<el-input |
|
|
|
|
|
v-model="form.currentIllnessHistoryQt" |
|
|
|
|
|
placeholder="其他" |
|
|
|
|
|
:disabled="formDisabled" |
|
|
|
|
|
/> |
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
</el-form> |
|
|
</el-form> |
|
|
<div slot="footer" class="dialog-footer"> |
|
|
<div slot="footer" class="dialog-footer"> |
|
|
@ -163,12 +382,25 @@ |
|
|
</div> |
|
|
</div> |
|
|
</el-dialog> |
|
|
</el-dialog> |
|
|
<!-- 导入患者信息 --> |
|
|
<!-- 导入患者信息 --> |
|
|
<el-dialog title="导入患者档案" :visible.sync="importOpen" width="640px" append-to-body> |
|
|
<el-dialog |
|
|
|
|
|
title="导入患者档案" |
|
|
|
|
|
:visible.sync="importOpen" |
|
|
|
|
|
width="640px" |
|
|
|
|
|
append-to-body |
|
|
|
|
|
> |
|
|
<el-form ref="importform" :model="importform"> |
|
|
<el-form ref="importform" :model="importform"> |
|
|
<el-form-item prop="accessUrl"> |
|
|
<el-form-item prop="accessUrl"> |
|
|
<el-upload :limit="1" class="avatar-uploader wj-uploader" :headers="headers" |
|
|
<el-upload |
|
|
:action="uploadFileUrl1" accept=".xlsx, .xls" :before-upload="handleBeforePdfUpload1" |
|
|
:limit="1" |
|
|
:on-success="handleUploadPdfAdd1" :file-list="fileList" :show-file-list="true"> |
|
|
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> |
|
|
<i class="el-icon-upload"></i> |
|
|
<div class="el-upload__text"> |
|
|
<div class="el-upload__text"> |
|
|
将文件拖到此处，或 |
|
|
将文件拖到此处，或 |
|
|
@ -182,16 +414,14 @@ |
|
|
</template> |
|
|
</template> |
|
|
|
|
|
|
|
|
<script> |
|
|
<script> |
|
|
import { |
|
|
import { getToken } from "@/utils/auth"; |
|
|
getToken |
|
|
import { |
|
|
} from "@/utils/auth"; |
|
|
|
|
|
import { |
|
|
|
|
|
queryPatient, |
|
|
queryPatient, |
|
|
patientAdd, |
|
|
patientAdd, |
|
|
patientUpd, |
|
|
patientUpd, |
|
|
patientDel, |
|
|
patientDel, |
|
|
} from "@/api/patientFile"; |
|
|
} from "@/api/patientFile"; |
|
|
export default { |
|
|
export default { |
|
|
name: "Notice", |
|
|
name: "Notice", |
|
|
dicts: ["sys_notice_status", "sys_notice_type"], |
|
|
dicts: ["sys_notice_status", "sys_notice_type"], |
|
|
data() { |
|
|
data() { |
|
|
@ -200,7 +430,8 @@ |
|
|
Authorization: "Bearer " + getToken(), |
|
|
Authorization: "Bearer " + getToken(), |
|
|
deptId: localStorage.getItem("hospitalId"), |
|
|
deptId: localStorage.getItem("hospitalId"), |
|
|
}, |
|
|
}, |
|
|
uploadFileUrl1: process.env.VUE_APP_API_QZURL + "/acupuncture/patient/import", // 上传的图片服务器地址 |
|
|
uploadFileUrl1: |
|
|
|
|
|
process.env.VUE_APP_API_QZURL + "/acupuncture/patient/import", // 上传的图片服务器地址 |
|
|
fileList: [], |
|
|
fileList: [], |
|
|
// 现病史 |
|
|
// 现病史 |
|
|
medicalHistory: [ |
|
|
medicalHistory: [ |
|
|
@ -223,7 +454,8 @@ |
|
|
"肾炎、肾病", |
|
|
"肾炎、肾病", |
|
|
"高脂血症", |
|
|
"高脂血症", |
|
|
], |
|
|
], |
|
|
idCardType: [{ |
|
|
idCardType: [ |
|
|
|
|
|
{ |
|
|
label: "身份证", |
|
|
label: "身份证", |
|
|
value: 0, |
|
|
value: 0, |
|
|
}, |
|
|
}, |
|
|
@ -280,58 +512,80 @@ |
|
|
form: {}, |
|
|
form: {}, |
|
|
// 表单校验 |
|
|
// 表单校验 |
|
|
rules: { |
|
|
rules: { |
|
|
name: [{ |
|
|
name: [ |
|
|
|
|
|
{ |
|
|
required: true, |
|
|
required: true, |
|
|
message: "患者姓名不能为空", |
|
|
message: "患者姓名不能为空", |
|
|
trigger: "blur" |
|
|
trigger: "blur", |
|
|
}, ], |
|
|
}, |
|
|
gender: [{ |
|
|
], |
|
|
|
|
|
gender: [ |
|
|
|
|
|
{ |
|
|
required: true, |
|
|
required: true, |
|
|
message: "性别不能为空", |
|
|
message: "性别不能为空", |
|
|
trigger: "change" |
|
|
trigger: "change", |
|
|
}, ], |
|
|
}, |
|
|
birthDate: [{ |
|
|
], |
|
|
|
|
|
birthDate: [ |
|
|
|
|
|
{ |
|
|
required: true, |
|
|
required: true, |
|
|
message: "出生日期不能为空", |
|
|
message: "出生日期不能为空", |
|
|
trigger: "change" |
|
|
trigger: "change", |
|
|
}, ], |
|
|
}, |
|
|
phone: [{ |
|
|
], |
|
|
|
|
|
phone: [ |
|
|
|
|
|
{ |
|
|
required: true, |
|
|
required: true, |
|
|
message: "手机号码不能为空", |
|
|
message: "手机号码不能为空", |
|
|
trigger: "blur" |
|
|
trigger: "blur", |
|
|
},{ pattern: /^1[3456789]\d{9}$/, message: '手机号码格式不正确', trigger: 'blur' } |
|
|
}, |
|
|
|
|
|
{ |
|
|
|
|
|
pattern: /^1[3456789]\d{9}$/, |
|
|
|
|
|
message: "手机号码格式不正确", |
|
|
|
|
|
trigger: "blur", |
|
|
|
|
|
}, |
|
|
], |
|
|
], |
|
|
ethnicity: [{ |
|
|
ethnicity: [ |
|
|
|
|
|
{ |
|
|
required: true, |
|
|
required: true, |
|
|
message: "民族不能为空", |
|
|
message: "民族不能为空", |
|
|
trigger: "blur" |
|
|
trigger: "blur", |
|
|
}, ], |
|
|
}, |
|
|
idCardType: [{ |
|
|
], |
|
|
|
|
|
idCardType: [ |
|
|
|
|
|
{ |
|
|
required: true, |
|
|
required: true, |
|
|
message: "证件类型不能为空", |
|
|
message: "证件类型不能为空", |
|
|
trigger: "blur" |
|
|
trigger: "blur", |
|
|
}, ], |
|
|
}, |
|
|
idCard: [{ |
|
|
], |
|
|
|
|
|
idCard: [ |
|
|
|
|
|
{ |
|
|
required: true, |
|
|
required: true, |
|
|
message: "证件号码不能为空", |
|
|
message: "证件号码不能为空", |
|
|
trigger: "blur" |
|
|
trigger: "blur", |
|
|
}, ], |
|
|
}, |
|
|
educationYears: [{ |
|
|
], |
|
|
|
|
|
educationYears: [ |
|
|
|
|
|
{ |
|
|
required: true, |
|
|
required: true, |
|
|
message: "受教育年限不能为空", |
|
|
message: "受教育年限不能为空", |
|
|
trigger: "blur" |
|
|
trigger: "blur", |
|
|
}, ], |
|
|
}, |
|
|
currentIllnessHistory: [{ |
|
|
], |
|
|
|
|
|
currentIllnessHistory: [ |
|
|
|
|
|
{ |
|
|
required: true, |
|
|
required: true, |
|
|
message: "现病史不能为空", |
|
|
message: "现病史不能为空", |
|
|
trigger: "blur", |
|
|
trigger: "blur", |
|
|
}, ], |
|
|
}, |
|
|
|
|
|
], |
|
|
}, |
|
|
}, |
|
|
}; |
|
|
}; |
|
|
}, |
|
|
}, |
|
|
created() { |
|
|
created() { |
|
|
let idCard = this.$route.query.idCard |
|
|
let idCard = this.$route.query.idCard; |
|
|
this.queryParams.param.keywords = idCard || '' |
|
|
this.queryParams.param.keywords = idCard || ""; |
|
|
this.getList(); |
|
|
this.getList(); |
|
|
}, |
|
|
}, |
|
|
methods: { |
|
|
methods: { |
|
|
@ -389,7 +643,7 @@ |
|
|
phone: "", // 联系电话 |
|
|
phone: "", // 联系电话 |
|
|
idCardType: "", // 证件类型 |
|
|
idCardType: "", // 证件类型 |
|
|
idCard: "", // 证件号码 |
|
|
idCard: "", // 证件号码 |
|
|
"source": 1, |
|
|
source: 1, |
|
|
currentIllnessHistory: [], // 现病史 |
|
|
currentIllnessHistory: [], // 现病史 |
|
|
currentIllnessHistoryQt: "", // 现病史 |
|
|
currentIllnessHistoryQt: "", // 现病史 |
|
|
}; |
|
|
}; |
|
|
@ -409,7 +663,7 @@ |
|
|
tenantId: "", //建档组织 |
|
|
tenantId: "", //建档组织 |
|
|
createBy: "", //建档人 |
|
|
createBy: "", //建档人 |
|
|
sourceId: "", //来源 |
|
|
sourceId: "", //来源 |
|
|
} |
|
|
}; |
|
|
this.handleQuery(); |
|
|
this.handleQuery(); |
|
|
}, |
|
|
}, |
|
|
// 多选框选中数据 |
|
|
// 多选框选中数据 |
|
|
@ -433,7 +687,7 @@ |
|
|
this.form = JSON.parse(JSON.stringify(row)); |
|
|
this.form = JSON.parse(JSON.stringify(row)); |
|
|
// 字符串转数组 |
|
|
// 字符串转数组 |
|
|
this.form.currentIllnessHistory = |
|
|
this.form.currentIllnessHistory = |
|
|
this.form.currentIllnessHistory?.split(",") || [] |
|
|
this.form.currentIllnessHistory?.split(",") || []; |
|
|
}, |
|
|
}, |
|
|
/** 详情按钮操作 */ |
|
|
/** 详情按钮操作 */ |
|
|
handleDetails(row) { |
|
|
handleDetails(row) { |
|
|
@ -443,20 +697,18 @@ |
|
|
this.form = JSON.parse(JSON.stringify(row)); |
|
|
this.form = JSON.parse(JSON.stringify(row)); |
|
|
// 字符串转数组 |
|
|
// 字符串转数组 |
|
|
this.form.currentIllnessHistory = |
|
|
this.form.currentIllnessHistory = |
|
|
this.form.currentIllnessHistory?.split(",") || [] |
|
|
this.form.currentIllnessHistory?.split(",") || []; |
|
|
}, |
|
|
}, |
|
|
/** 诊疗档案 */ |
|
|
/** 诊疗档案 */ |
|
|
handleArchives(row) { |
|
|
handleArchives(row) { |
|
|
this.$router.push({ |
|
|
this.$router.push({ |
|
|
path:`/medicalIndex?idCard=${row.idCard}` |
|
|
path: `/medicalIndex?idCard=${row.idCard}`, |
|
|
}) |
|
|
}); |
|
|
}, |
|
|
}, |
|
|
/** 提交按钮 */ |
|
|
/** 提交按钮 */ |
|
|
submitForm: function() { |
|
|
submitForm: function () { |
|
|
|
|
|
|
|
|
this.$refs["form"].validate((valid) => { |
|
|
this.$refs["form"].validate((valid) => { |
|
|
if (valid) { |
|
|
if (valid) { |
|
|
|
|
|
|
|
|
if (this.form.id != undefined) { |
|
|
if (this.form.id != undefined) { |
|
|
patientUpd(this.form).then((response) => { |
|
|
patientUpd(this.form).then((response) => { |
|
|
this.$modal.msgSuccess("修改成功"); |
|
|
this.$modal.msgSuccess("修改成功"); |
|
|
@ -479,9 +731,9 @@ |
|
|
const idList = row.id ? [row.id] : this.ids; |
|
|
const idList = row.id ? [row.id] : this.ids; |
|
|
this.$modal |
|
|
this.$modal |
|
|
.confirm("是否确认删除当前选择的数据？") |
|
|
.confirm("是否确认删除当前选择的数据？") |
|
|
.then(function() { |
|
|
.then(function () { |
|
|
return patientDel({ |
|
|
return patientDel({ |
|
|
idList: idList |
|
|
idList: idList, |
|
|
}); |
|
|
}); |
|
|
}) |
|
|
}) |
|
|
.then(() => { |
|
|
.then(() => { |
|
|
@ -493,7 +745,8 @@ |
|
|
/** 导出按钮操作 */ |
|
|
/** 导出按钮操作 */ |
|
|
handleExport() { |
|
|
handleExport() { |
|
|
this.download1( |
|
|
this.download1( |
|
|
"/patient/export", { |
|
|
"/patient/export", |
|
|
|
|
|
{ |
|
|
...this.queryParams.params, |
|
|
...this.queryParams.params, |
|
|
}, |
|
|
}, |
|
|
`患者档案.xlsx` |
|
|
`患者档案.xlsx` |
|
|
@ -501,7 +754,9 @@ |
|
|
}, |
|
|
}, |
|
|
/** 下载按钮操作 */ |
|
|
/** 下载按钮操作 */ |
|
|
handleDownload() { |
|
|
handleDownload() { |
|
|
window.open(`${process.env.VUE_APP_API_QZURL}/acupuncture/profile/PatientTemplate.xlsx`) |
|
|
window.open( |
|
|
|
|
|
`${process.env.VUE_APP_API_QZURL}/acupuncture/profile/PatientTemplate.xlsx` |
|
|
|
|
|
); |
|
|
// this.download1( |
|
|
// this.download1( |
|
|
// "/patient/export", {}, |
|
|
// "/patient/export", {}, |
|
|
// `患者档案导入模版.xlsx` |
|
|
// `患者档案导入模版.xlsx` |
|
|
@ -509,26 +764,26 @@ |
|
|
}, |
|
|
}, |
|
|
/** 导入按钮操作 */ |
|
|
/** 导入按钮操作 */ |
|
|
handleImport() { |
|
|
handleImport() { |
|
|
this.fileList = [] |
|
|
this.fileList = []; |
|
|
this.importOpen = true; |
|
|
this.importOpen = true; |
|
|
}, |
|
|
}, |
|
|
}, |
|
|
}, |
|
|
}; |
|
|
}; |
|
|
</script> |
|
|
</script> |
|
|
<style scoped src="@/assets/styles/common.css"></style> |
|
|
<style scoped src="@/assets/styles/common.css"></style> |
|
|
<style scoped> |
|
|
<style scoped> |
|
|
.form-item-age { |
|
|
.form-item-age { |
|
|
display: flex; |
|
|
display: flex; |
|
|
align-items: center; |
|
|
align-items: center; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.form-item-age span { |
|
|
.form-item-age span { |
|
|
margin: 0 10px; |
|
|
margin: 0 10px; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.form-item-age>>>.el-input { |
|
|
.form-item-age >>> .el-input { |
|
|
width: 100px; |
|
|
width: 100px; |
|
|
} |
|
|
} |
|
|
</style> |
|
|
</style> |
|
|
<!-- >>> .el-input__inner { |
|
|
<!-- >>> .el-input__inner { |
|
|
padding: 0 15px !important; |
|
|
padding: 0 15px !important; |
|
|
|
1747191978@qq.com
9 months ago