|
|
@ -1,32 +1,15 @@ |
|
|
|
<template> |
|
|
|
<div class="app-container"> |
|
|
|
<el-form |
|
|
|
:model="queryParams" |
|
|
|
ref="queryForm" |
|
|
|
size="small" |
|
|
|
:inline="true" |
|
|
|
v-show="showSearch" |
|
|
|
label-width="68px" |
|
|
|
> |
|
|
|
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" |
|
|
|
label-width="68px"> |
|
|
|
<el-form-item label="随访队列" prop="queueId"> |
|
|
|
<el-select v-model="queryParams.param.queueId" clearable placeholder="请选择"> |
|
|
|
<el-option |
|
|
|
v-for="item in followupList" |
|
|
|
:key="item.id" |
|
|
|
:label="item.name" |
|
|
|
:value="item.id" |
|
|
|
> |
|
|
|
<el-option v-for="item in followupList" :key="item.id" :label="item.name" :value="item.id"> |
|
|
|
</el-option> |
|
|
|
</el-select> |
|
|
|
</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> |
|
|
@ -34,105 +17,42 @@ |
|
|
|
</el-form> |
|
|
|
|
|
|
|
<el-row :gutter="10" class="mb8"> |
|
|
|
<right-toolbar |
|
|
|
:showSearch.sync="showSearch" |
|
|
|
@queryTable="getList" |
|
|
|
></right-toolbar> |
|
|
|
<right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar> |
|
|
|
</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 label="姓名" align="center" prop="name" width="100" fixed /> |
|
|
|
<el-table-column |
|
|
|
fixed |
|
|
|
label="性别" |
|
|
|
align="center" |
|
|
|
prop="gender" |
|
|
|
show-overflow-tooltip |
|
|
|
min-width="100" |
|
|
|
> |
|
|
|
<el-table-column fixed label="性别" align="center" prop="gender" show-overflow-tooltip min-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 |
|
|
|
fixed |
|
|
|
label="出生日期" |
|
|
|
align="center" |
|
|
|
prop="birthDate" |
|
|
|
show-overflow-tooltip |
|
|
|
min-width="150" |
|
|
|
> |
|
|
|
<el-table-column fixed label="出生日期" align="center" prop="birthDate" show-overflow-tooltip min-width="150"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
{{ parseTime(scope.row.createTime, "{y}-{m}-{d}") }} |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
<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" |
|
|
|
> |
|
|
|
<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"> |
|
|
|
{{ idCardTypeValue[scope.row.idCardType] }} |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column |
|
|
|
label="证件号码" |
|
|
|
align="center" |
|
|
|
prop="idCard" |
|
|
|
show-overflow-tooltip |
|
|
|
min-width="180" |
|
|
|
/> |
|
|
|
<el-table-column |
|
|
|
fixed="right" |
|
|
|
label="随访队列" |
|
|
|
align="center" |
|
|
|
prop="queueList" |
|
|
|
show-overflow-tooltip |
|
|
|
min-width="180" |
|
|
|
> |
|
|
|
<el-table-column label="证件号码" align="center" prop="idCard" show-overflow-tooltip min-width="180" /> |
|
|
|
<el-table-column fixed="right" label="随访队列" align="center" prop="queueList" show-overflow-tooltip |
|
|
|
min-width="180"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<div v-if="scope.row.queueList && scope.row.queueList.length"> |
|
|
|
{{ scope.row.queueList.map((i) => i.queueName).join(",") }} |
|
|
|
</div> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column |
|
|
|
label="创建人/创建时间" |
|
|
|
align="center" |
|
|
|
width="140" |
|
|
|
fixed="right" |
|
|
|
> |
|
|
|
<el-table-column label="创建人/创建时间" align="center" width="140" fixed="right"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<div>{{ scope.row.createBy }}</div> |
|
|
|
<span>{{ |
|
|
@ -142,62 +62,25 @@ |
|
|
|
</el-table-column> |
|
|
|
<el-table-column fixed="right" label="操作" align="center" width="200"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<el-button |
|
|
|
size="mini" |
|
|
|
type="text" |
|
|
|
icon="el-icon-edit" |
|
|
|
@click="handleUpdate(scope.row)" |
|
|
|
>队列管理</el-button |
|
|
|
> |
|
|
|
<el-button |
|
|
|
size="mini" |
|
|
|
type="text" |
|
|
|
icon="el-icon-tickets" |
|
|
|
@click="handlePatient(scope.row)" |
|
|
|
>患者档案</el-button |
|
|
|
> |
|
|
|
<el-button |
|
|
|
size="mini" |
|
|
|
type="text" |
|
|
|
icon="el-icon-notebook-2" |
|
|
|
@click="handleMedical(scope.row)" |
|
|
|
>诊疗档案</el-button |
|
|
|
> |
|
|
|
<el-button size="mini" type="text" icon="el-icon-edit" |
|
|
|
@click="handleUpdate(scope.row)">队列管理</el-button> |
|
|
|
<el-button size="mini" type="text" icon="el-icon-tickets" |
|
|
|
@click="handlePatient(scope.row)">患者档案</el-button> |
|
|
|
<el-button size="mini" type="text" icon="el-icon-notebook-2" |
|
|
|
@click="handleMedical(scope.row)">诊疗档案</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" |
|
|
|
/> |
|
|
|
<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 |
|
|
|
class="formStep" |
|
|
|
ref="form" |
|
|
|
:model="form" |
|
|
|
:rules="rules" |
|
|
|
label-width="90px" |
|
|
|
> |
|
|
|
<el-dialog class="popup" :title="title" :visible.sync="open" width="780px" append-to-body> |
|
|
|
<el-form class="formStep" ref="form" :model="form" :rules="rules" label-width="90px"> |
|
|
|
<el-form-item label="随访队列" prop="queueIdList"> |
|
|
|
<el-select v-model="form.queueIdList" multiple placeholder="请选择"> |
|
|
|
<el-option |
|
|
|
v-for="item in followupList" |
|
|
|
:key="item.id" |
|
|
|
:label="item.name" |
|
|
|
:value="item.id" |
|
|
|
> |
|
|
|
<el-option v-for="item in followupList" :key="item.id" :label="item.name" :value="item.id"> |
|
|
|
</el-option> |
|
|
|
</el-select> |
|
|
|
</el-form-item> |
|
|
@ -211,7 +94,11 @@ |
|
|
|
</template> |
|
|
|
|
|
|
|
<script> |
|
|
|
import { queryPatient, followupQuery, updPatient } from "@/api/followupFile"; |
|
|
|
import { |
|
|
|
queryPatient, |
|
|
|
followupQuery, |
|
|
|
updPatient |
|
|
|
} from "@/api/followupFile"; |
|
|
|
export default { |
|
|
|
name: "Notice", |
|
|
|
data() { |
|
|
@ -267,9 +154,11 @@ export default { |
|
|
|
form: {}, |
|
|
|
// 表单校验 |
|
|
|
rules: { |
|
|
|
queueIdList: [ |
|
|
|
{ required: true, message: "随访队列不能为空", trigger: "change" }, |
|
|
|
], |
|
|
|
queueIdList: [{ |
|
|
|
required: true, |
|
|
|
message: "随访队列不能为空", |
|
|
|
trigger: "change" |
|
|
|
}, ], |
|
|
|
}, |
|
|
|
followupList: [], // 随访队列 |
|
|
|
}; |
|
|
@ -321,7 +210,11 @@ export default { |
|
|
|
}, |
|
|
|
/** 重置按钮操作 */ |
|
|
|
resetQuery() { |
|
|
|
this.resetForm("queryForm"); |
|
|
|
this.queryParams = { |
|
|
|
param: { |
|
|
|
queueId: '' |
|
|
|
}, |
|
|
|
}, |
|
|
|
this.handleQuery(); |
|
|
|
}, |
|
|
|
// 多选框选中数据 |
|
|
@ -374,7 +267,9 @@ export default { |
|
|
|
this.$modal |
|
|
|
.confirm("是否确认删除当前选择的数据?") |
|
|
|
.then(function() { |
|
|
|
return patientDel({ idList: idList }); |
|
|
|
return patientDel({ |
|
|
|
idList: idList |
|
|
|
}); |
|
|
|
}) |
|
|
|
.then(() => { |
|
|
|
this.getList(); |
|
|
@ -385,8 +280,7 @@ export default { |
|
|
|
/** 导出按钮操作 */ |
|
|
|
handleExport() { |
|
|
|
this.download( |
|
|
|
"system/user/export", |
|
|
|
{ |
|
|
|
"system/user/export", { |
|
|
|
...this.queryParams.params, |
|
|
|
}, |
|
|
|
`患者档案.xlsx` |
|
|
@ -406,9 +300,11 @@ export default { |
|
|
|
display: flex; |
|
|
|
align-items: center; |
|
|
|
} |
|
|
|
|
|
|
|
.form-item-age span { |
|
|
|
margin: 0 10px; |
|
|
|
} |
|
|
|
|
|
|
|
.form-item-age>>>.el-input { |
|
|
|
width: 100px; |
|
|
|
} |
|
|
|