liuzhipeng
4 months ago
7 changed files with 1334 additions and 8 deletions
@ -0,0 +1,59 @@ |
|||||
|
import request from "@/utils/request"; |
||||
|
|
||||
|
// 随访队列
|
||||
|
export function followupQuery(data) { |
||||
|
return request({ |
||||
|
url: "/followup/query", |
||||
|
method: "post", |
||||
|
data: data, |
||||
|
}); |
||||
|
} |
||||
|
// 新增随访队列
|
||||
|
export function followupAdd(data) { |
||||
|
return request({ |
||||
|
url: "/followup/add", |
||||
|
method: "post", |
||||
|
data: data, |
||||
|
}); |
||||
|
} |
||||
|
// 新增随访队列
|
||||
|
export function followupUpd(data) { |
||||
|
return request({ |
||||
|
url: "/followup/upd", |
||||
|
method: "post", |
||||
|
data: data, |
||||
|
}); |
||||
|
} |
||||
|
// 新增随访队列
|
||||
|
export function followupDel(data) { |
||||
|
return request({ |
||||
|
url: "/followup/del", |
||||
|
method: "post", |
||||
|
data: data, |
||||
|
}); |
||||
|
} |
||||
|
// ----随访对象----
|
||||
|
// 查看随访对象
|
||||
|
export function queryPatient(data) { |
||||
|
return request({ |
||||
|
url: "/followup/queryPatient", |
||||
|
method: "post", |
||||
|
data: data, |
||||
|
}); |
||||
|
} |
||||
|
// 修改随访对象 队列信息
|
||||
|
export function updPatient(data) { |
||||
|
return request({ |
||||
|
url: "/followup/updPatient", |
||||
|
method: "post", |
||||
|
data: data, |
||||
|
}); |
||||
|
} |
||||
|
// 随访工单
|
||||
|
export function queryTask(data) { |
||||
|
return request({ |
||||
|
url: "/followup/queryTask", |
||||
|
method: "post", |
||||
|
data: data, |
||||
|
}); |
||||
|
} |
||||
@ -0,0 +1,439 @@ |
|||||
|
<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="name"> |
||||
|
<el-input |
||||
|
v-model="queryParams.param.name" |
||||
|
placeholder="请输入" |
||||
|
clearable |
||||
|
@keyup.enter.native="handleQuery" |
||||
|
/> |
||||
|
</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" |
||||
|
>新增</el-button |
||||
|
> |
||||
|
</el-col> |
||||
|
<el-col :span="1.5"> |
||||
|
<el-button |
||||
|
type="danger" |
||||
|
plain |
||||
|
icon="el-icon-delete" |
||||
|
size="mini" |
||||
|
:disabled="multiple" |
||||
|
@click="handleDelete" |
||||
|
>删除</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" |
||||
|
max-height="600" |
||||
|
> |
||||
|
<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="followupMethod" |
||||
|
show-overflow-tooltip |
||||
|
width="100" |
||||
|
> |
||||
|
<template slot-scope="scope"> |
||||
|
<span v-if="scope.row.followupMethod == 0">电话随访</span> |
||||
|
<span v-if="scope.row.followupMethod == 1">入户随访</span> |
||||
|
<span v-if="scope.row.followupMethod == 2">到院随访</span> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
|
||||
|
<el-table-column |
||||
|
label="随访类型" |
||||
|
align="center" |
||||
|
show-overflow-tooltip |
||||
|
width="150" |
||||
|
> |
||||
|
<template slot-scope="scope"> |
||||
|
<span v-if="scope.row.followupType == 0">单次</span> |
||||
|
<span v-if="scope.row.followupType == 1">周期</span> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column |
||||
|
label="随访频次" |
||||
|
align="center" |
||||
|
prop="frequency" |
||||
|
show-overflow-tooltip |
||||
|
width="100" |
||||
|
/> |
||||
|
<el-table-column |
||||
|
label="状态" |
||||
|
align="center" |
||||
|
prop="status" |
||||
|
show-overflow-tooltip |
||||
|
width="100" |
||||
|
> |
||||
|
<template slot-scope="scope"> |
||||
|
<span v-if="scope.row.status == 0">禁用</span> |
||||
|
<span v-if="scope.row.status == 1">启用</span> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<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} {h}:{i}") |
||||
|
}}</span> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column fixed="right" label="操作" align="center" width="150"> |
||||
|
<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-delete" |
||||
|
@click="handleDelete(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" |
||||
|
/> |
||||
|
|
||||
|
<!-- 添加或修改公告对话框 --> |
||||
|
<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="name"> |
||||
|
<el-input v-model="form.name" placeholder="请输入" /> |
||||
|
</el-form-item> |
||||
|
|
||||
|
<el-form-item label="随访方式" prop="followupMethod"> |
||||
|
<el-select v-model="form.followupMethod" placeholder="请选择"> |
||||
|
<el-option label="电话随访" :value="0"> </el-option> |
||||
|
<el-option label="电话随访" :value="1"> </el-option> |
||||
|
<el-option label="电话随访" :value="2"> </el-option> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="随访类型" prop="followupType"> |
||||
|
<el-radio-group v-model="form.followupType"> |
||||
|
<el-radio :label="0">单次</el-radio> |
||||
|
<el-radio :label="1">周期</el-radio> |
||||
|
</el-radio-group> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="随访频次" prop="frequency"> |
||||
|
<el-input v-model="form.frequency" placeholder="请输入" /> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="状态" prop="status"> |
||||
|
<el-radio-group v-model="form.status"> |
||||
|
<el-radio :label="0">禁用</el-radio> |
||||
|
<el-radio :label="1">启用</el-radio> |
||||
|
</el-radio-group> |
||||
|
</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> |
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
import { |
||||
|
followupQuery, |
||||
|
followupAdd, |
||||
|
followupUpd, |
||||
|
followupDel, |
||||
|
} from "@/api/followupFile"; |
||||
|
export default { |
||||
|
name: "Notice", |
||||
|
data() { |
||||
|
return { |
||||
|
idCardType: [ |
||||
|
{ |
||||
|
label: "身份证", |
||||
|
value: 0, |
||||
|
}, |
||||
|
{ |
||||
|
label: "护照或外国人永居证", |
||||
|
value: 1, |
||||
|
}, |
||||
|
{ |
||||
|
label: "港澳居民来往内地通行", |
||||
|
value: 2, |
||||
|
}, |
||||
|
{ |
||||
|
label: "台湾居民来往大陆通行证", |
||||
|
value: 3, |
||||
|
}, |
||||
|
], |
||||
|
idCardTypeValue: { |
||||
|
0: "身份证", |
||||
|
1: "护照或外国人永居证", |
||||
|
2: "港澳居民来往内地通行", |
||||
|
3: "台湾居民来往大陆通行证", |
||||
|
}, |
||||
|
loading: false, // 遮罩层 |
||||
|
ids: [], // 选中数组 |
||||
|
single: true, // 非单个禁用 |
||||
|
multiple: true, // 非多个禁用 |
||||
|
showSearch: true, // 显示搜索条件 |
||||
|
total: 0, // 总条数 |
||||
|
listDat: [{}], // 公告表格数据 |
||||
|
title: "", // 弹出层标题 |
||||
|
open: false, // 是否显示弹出层 |
||||
|
importOpen: false, // 导入弹窗 |
||||
|
// 查询参数 |
||||
|
queryParams: { |
||||
|
pageNum: 1, |
||||
|
pageSize: 10, |
||||
|
param: { |
||||
|
name: "", //关键字 |
||||
|
}, |
||||
|
}, |
||||
|
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" }, |
||||
|
], |
||||
|
currentIllnessHistory: [ |
||||
|
{ |
||||
|
required: true, |
||||
|
message: "现病史不能为空", |
||||
|
trigger: "blur", |
||||
|
}, |
||||
|
], |
||||
|
}, |
||||
|
}; |
||||
|
}, |
||||
|
created() { |
||||
|
this.getList(); |
||||
|
}, |
||||
|
methods: { |
||||
|
/** 查询公告列表 */ |
||||
|
getList() { |
||||
|
this.loading = true; |
||||
|
followupQuery(this.queryParams).then((res) => { |
||||
|
this.listDat = res.data.list; |
||||
|
this.total = res.data.total; |
||||
|
this.loading = false; |
||||
|
}); |
||||
|
}, |
||||
|
// 取消按钮 |
||||
|
cancel() { |
||||
|
this.open = false; |
||||
|
this.reset(); |
||||
|
}, |
||||
|
// 表单重置 |
||||
|
reset() { |
||||
|
this.form = { |
||||
|
name: "", // 姓名 |
||||
|
gender: 0, // 性别 |
||||
|
birthDate: "", // 出生日期 |
||||
|
ethnicity: "", // 民族 |
||||
|
educationYears: "", // 教育程度 |
||||
|
phone: "", // 联系电话 |
||||
|
idCardType: "", // 证件类型 |
||||
|
idCard: "", // 证件号码 |
||||
|
currentIllnessHistory: [], // 现病史 |
||||
|
currentIllnessHistoryQT: "", // 现病史 |
||||
|
}; |
||||
|
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 = "新增患者档案"; |
||||
|
this.formDisabled = false; |
||||
|
}, |
||||
|
/** 修改按钮操作 */ |
||||
|
handleUpdate(row) { |
||||
|
this.open = true; |
||||
|
this.title = "修改患者档案"; |
||||
|
this.formDisabled = false; |
||||
|
this.form = JSON.parse(JSON.stringify(row)); |
||||
|
// 字符串转数组 |
||||
|
this.form.currentIllnessHistory = |
||||
|
this.form.currentIllnessHistory.split(","); |
||||
|
}, |
||||
|
/** 详情按钮操作 */ |
||||
|
handleDetails(row) { |
||||
|
this.open = true; |
||||
|
this.title = "患者档案详情"; |
||||
|
this.formDisabled = true; |
||||
|
this.form = JSON.parse(JSON.stringify(row)); |
||||
|
}, |
||||
|
/** 提交按钮 */ |
||||
|
submitForm: function () { |
||||
|
this.$refs["form"].validate((valid) => { |
||||
|
if (valid) { |
||||
|
if (this.form.id != undefined) { |
||||
|
patientUpd(this.form).then((response) => { |
||||
|
this.$modal.msgSuccess("修改成功"); |
||||
|
this.open = false; |
||||
|
this.getList(); |
||||
|
}); |
||||
|
} else { |
||||
|
patientAdd(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 followupDel({ idList: 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: 100px; |
||||
|
} |
||||
|
</style> |
||||
|
<!-- >>> .el-input__inner { |
||||
|
padding: 0 15px !important; |
||||
|
} --> |
||||
@ -0,0 +1,398 @@ |
|||||
|
<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="sourceId"> |
||||
|
<el-select |
||||
|
v-model="queryParams.param.sourceId" |
||||
|
placeholder="请选择" |
||||
|
clearable |
||||
|
> |
||||
|
<el-option label="筛查" :value="0" /> |
||||
|
<el-option label="录入" :value="1" /> |
||||
|
<el-option label="HIS" :value="2" /> |
||||
|
</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"> |
||||
|
<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-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="birthDate" |
||||
|
show-overflow-tooltip |
||||
|
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 |
||||
|
width="100" |
||||
|
/> |
||||
|
<el-table-column |
||||
|
label="受教育年限" |
||||
|
align="center" |
||||
|
prop="educationYears" |
||||
|
show-overflow-tooltip |
||||
|
width="100" |
||||
|
/> |
||||
|
<el-table-column |
||||
|
label="手机号码" |
||||
|
align="center" |
||||
|
prop="phone" |
||||
|
show-overflow-tooltip |
||||
|
width="150" |
||||
|
/> |
||||
|
<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 |
||||
|
fixed="right" |
||||
|
label="随访队列" |
||||
|
align="center" |
||||
|
prop="queueList" |
||||
|
show-overflow-tooltip |
||||
|
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="130" |
||||
|
fixed="right" |
||||
|
> |
||||
|
<template slot-scope="scope"> |
||||
|
<div>{{ scope.row.createBy }}</div> |
||||
|
<span>{{ |
||||
|
parseTime(scope.row.createTime, "{y}-{m}-{d} {h}:{i}") |
||||
|
}}</span> |
||||
|
</template> |
||||
|
</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 |
||||
|
> |
||||
|
</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 |
||||
|
class="formStep" |
||||
|
ref="form" |
||||
|
:model="form" |
||||
|
:rules="rules" |
||||
|
label-width="90px" |
||||
|
> |
||||
|
<el-form-item label="随访队列" prop="gender"> |
||||
|
<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> |
||||
|
</el-select> |
||||
|
</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> |
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
import { queryPatient, followupQuery, updPatient } from "@/api/followupFile"; |
||||
|
export default { |
||||
|
name: "Notice", |
||||
|
data() { |
||||
|
return { |
||||
|
fileList: [], |
||||
|
idCardType: [ |
||||
|
{ |
||||
|
label: "身份证", |
||||
|
value: 0, |
||||
|
}, |
||||
|
{ |
||||
|
label: "护照或外国人永居证", |
||||
|
value: 1, |
||||
|
}, |
||||
|
{ |
||||
|
label: "港澳居民来往内地通行", |
||||
|
value: 2, |
||||
|
}, |
||||
|
{ |
||||
|
label: "台湾居民来往大陆通行证", |
||||
|
value: 3, |
||||
|
}, |
||||
|
], |
||||
|
idCardTypeValue: { |
||||
|
0: "身份证", |
||||
|
1: "护照或外国人永居证", |
||||
|
2: "港澳居民来往内地通行", |
||||
|
3: "台湾居民来往大陆通行证", |
||||
|
}, |
||||
|
loading: false, // 遮罩层 |
||||
|
ids: [], // 选中数组 |
||||
|
single: true, // 非单个禁用 |
||||
|
multiple: true, // 非多个禁用 |
||||
|
showSearch: true, // 显示搜索条件 |
||||
|
total: 0, // 总条数 |
||||
|
listDat: [{}], // 公告表格数据 |
||||
|
title: "", // 弹出层标题 |
||||
|
open: false, // 是否显示弹出层 |
||||
|
importOpen: false, // 导入弹窗 |
||||
|
// 查询参数 |
||||
|
queryParams: { |
||||
|
pageNum: 1, |
||||
|
pageSize: 10, |
||||
|
param: {}, |
||||
|
}, |
||||
|
formDisabled: false, |
||||
|
importform: {}, |
||||
|
// 表单参数 |
||||
|
form: {}, |
||||
|
// 表单校验 |
||||
|
rules: { |
||||
|
name: [ |
||||
|
{ required: true, message: "患者姓名不能为空", trigger: "blur" }, |
||||
|
], |
||||
|
}, |
||||
|
followupList: [], // 随访队列 |
||||
|
}; |
||||
|
}, |
||||
|
created() { |
||||
|
this.getList(); |
||||
|
this.getFollowupQuery(); |
||||
|
}, |
||||
|
methods: { |
||||
|
// 获取随访队列信息 |
||||
|
getFollowupQuery() { |
||||
|
followupQuery({ |
||||
|
pageNum: -1, |
||||
|
param: {}, |
||||
|
}).then((res) => { |
||||
|
this.followupList = res.data.list; |
||||
|
}); |
||||
|
}, |
||||
|
|
||||
|
/** 查询公告列表 */ |
||||
|
getList() { |
||||
|
this.loading = true; |
||||
|
queryPatient(this.queryParams).then((res) => { |
||||
|
this.listDat = res.data.list; |
||||
|
this.total = res.data.total; |
||||
|
this.loading = false; |
||||
|
}); |
||||
|
}, |
||||
|
// 取消按钮 |
||||
|
cancel() { |
||||
|
this.open = false; |
||||
|
this.reset(); |
||||
|
}, |
||||
|
// 表单重置 |
||||
|
reset() { |
||||
|
this.form = {}; |
||||
|
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; |
||||
|
}, |
||||
|
/** 修改按钮操作 */ |
||||
|
handleUpdate(row) { |
||||
|
this.open = true; |
||||
|
this.title = "队列管理"; |
||||
|
let queueList = row.queueList.map((item) => item.queueId); |
||||
|
this.form = JSON.parse( |
||||
|
JSON.stringify({ |
||||
|
...row, |
||||
|
patientId: row.id, |
||||
|
queueIdList: queueList, |
||||
|
}) |
||||
|
); |
||||
|
}, |
||||
|
/** 跳转患者档案 */ |
||||
|
handlePatient(row) {}, |
||||
|
/** 诊疗档案 */ |
||||
|
handleMedical(row) {}, |
||||
|
/** 提交按钮 */ |
||||
|
submitForm: function () { |
||||
|
this.$refs["form"].validate((valid) => { |
||||
|
if (valid) { |
||||
|
updPatient(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 patientDel({ idList: 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: 100px; |
||||
|
} |
||||
|
</style> |
||||
|
<!-- >>> .el-input__inner { |
||||
|
padding: 0 15px !important; |
||||
|
} --> |
||||
@ -0,0 +1,399 @@ |
|||||
|
<template> |
||||
|
<div class="app-container"> |
||||
|
<el-row :gutter="10" class="mb8"> |
||||
|
<right-toolbar |
||||
|
:showSearch.sync="showSearch" |
||||
|
@queryTable="getList" |
||||
|
></right-toolbar> |
||||
|
</el-row> |
||||
|
<el-tabs v-model="activeName" @tab-click="handleClick"> |
||||
|
<el-tab-pane label="待随访" name="first"></el-tab-pane> |
||||
|
<el-tab-pane label="已随访" name="second"></el-tab-pane> |
||||
|
<el-tab-pane label="失访" name="third"></el-tab-pane> |
||||
|
</el-tabs> |
||||
|
<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="birthDate" |
||||
|
show-overflow-tooltip |
||||
|
width="150" |
||||
|
/> |
||||
|
<el-table-column |
||||
|
label="民族" |
||||
|
align="center" |
||||
|
prop="ethnicity" |
||||
|
show-overflow-tooltip |
||||
|
width="100" |
||||
|
/> |
||||
|
<el-table-column |
||||
|
label="受教育年限" |
||||
|
align="center" |
||||
|
prop="educationYears" |
||||
|
show-overflow-tooltip |
||||
|
width="100" |
||||
|
/> |
||||
|
<el-table-column |
||||
|
label="手机号码" |
||||
|
align="center" |
||||
|
prop="phone" |
||||
|
show-overflow-tooltip |
||||
|
width="150" |
||||
|
/> |
||||
|
<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" |
||||
|
prop="createBy" |
||||
|
show-overflow-tooltip |
||||
|
width="100" |
||||
|
/> |
||||
|
<el-table-column |
||||
|
label="建档组织（医院名称）" |
||||
|
align="center" |
||||
|
prop="organization" |
||||
|
show-overflow-tooltip |
||||
|
width="150" |
||||
|
/> |
||||
|
<el-table-column label="建档日期" align="center" width="130"> |
||||
|
<template slot-scope="scope"> |
||||
|
<span>{{ |
||||
|
parseTime(scope.row.createTime, "{y}-{m}-{d} {h}:{i}") |
||||
|
}}</span> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column |
||||
|
fixed="right" |
||||
|
label="来源" |
||||
|
align="center" |
||||
|
prop="source" |
||||
|
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> |
||||
|
<span v-if="scope.row.gender == 2">HIS</span> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column fixed="right" label="操作" align="center" width="150"> |
||||
|
<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-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-2" |
||||
|
@click="handleDelete(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" |
||||
|
/> |
||||
|
|
||||
|
<!-- 添加或修改公告对话框 --> |
||||
|
<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="name"> |
||||
|
<el-input v-model="form.name" 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> |
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
import { getToken } from "@/utils/auth"; |
||||
|
import { queryTask } from "@/api/followupFile"; |
||||
|
export default { |
||||
|
name: "Notice", |
||||
|
dicts: ["sys_notice_status", "sys_notice_type"], |
||||
|
data() { |
||||
|
return { |
||||
|
activeName: "", |
||||
|
headers: { |
||||
|
Authorization: "Bearer " + getToken(), |
||||
|
deptId: localStorage.getItem("hospitalId"), |
||||
|
}, |
||||
|
uploadFileUrl1: process.env.VUE_APP_BASE_API + "/pms/importTjbgZip", // 上传的图片服务器地址 |
||||
|
fileList: [], |
||||
|
idCardType: [ |
||||
|
{ |
||||
|
label: "身份证", |
||||
|
value: 0, |
||||
|
}, |
||||
|
{ |
||||
|
label: "护照或外国人永居证", |
||||
|
value: 1, |
||||
|
}, |
||||
|
{ |
||||
|
label: "港澳居民来往内地通行", |
||||
|
value: 2, |
||||
|
}, |
||||
|
{ |
||||
|
label: "台湾居民来往大陆通行证", |
||||
|
value: 3, |
||||
|
}, |
||||
|
], |
||||
|
idCardTypeValue: { |
||||
|
0: "身份证", |
||||
|
1: "护照或外国人永居证", |
||||
|
2: "港澳居民来往内地通行", |
||||
|
3: "台湾居民来往大陆通行证", |
||||
|
}, |
||||
|
loading: false, // 遮罩层 |
||||
|
ids: [], // 选中数组 |
||||
|
single: true, // 非单个禁用 |
||||
|
multiple: true, // 非多个禁用 |
||||
|
showSearch: true, // 显示搜索条件 |
||||
|
total: 0, // 总条数 |
||||
|
listDat: [{}], // 公告表格数据 |
||||
|
title: "", // 弹出层标题 |
||||
|
open: false, // 是否显示弹出层 |
||||
|
importOpen: false, // 导入弹窗 |
||||
|
// 查询参数 |
||||
|
queryParams: { |
||||
|
pageNum: 1, |
||||
|
pageSize: 10, |
||||
|
param: { |
||||
|
keywords: "", //关键字 |
||||
|
}, |
||||
|
}, |
||||
|
formDisabled: false, |
||||
|
importform: {}, |
||||
|
// 表单参数 |
||||
|
form: {}, |
||||
|
// 表单校验 |
||||
|
rules: { |
||||
|
name: [ |
||||
|
{ required: true, message: "患者姓名不能为空", trigger: "blur" }, |
||||
|
], |
||||
|
}, |
||||
|
}; |
||||
|
}, |
||||
|
created() { |
||||
|
this.getList(); |
||||
|
}, |
||||
|
methods: { |
||||
|
handleClick(tab, event) { |
||||
|
console.log(tab, event); |
||||
|
}, |
||||
|
/** 查询公告列表 */ |
||||
|
getList() { |
||||
|
this.loading = true; |
||||
|
queryTask(this.queryParams).then((res) => { |
||||
|
this.listDat = res.data.list; |
||||
|
this.total = res.data.total; |
||||
|
this.loading = false; |
||||
|
}); |
||||
|
}, |
||||
|
// 取消按钮 |
||||
|
cancel() { |
||||
|
this.open = false; |
||||
|
this.reset(); |
||||
|
}, |
||||
|
// 表单重置 |
||||
|
reset() { |
||||
|
this.form = { |
||||
|
name: "", // 姓名 |
||||
|
gender: 0, // 性别 |
||||
|
birthDate: "", // 出生日期 |
||||
|
ethnicity: "", // 民族 |
||||
|
educationYears: "", // 教育程度 |
||||
|
phone: "", // 联系电话 |
||||
|
idCardType: "", // 证件类型 |
||||
|
idCard: "", // 证件号码 |
||||
|
currentIllnessHistory: [], // 现病史 |
||||
|
currentIllnessHistoryQT: "", // 现病史 |
||||
|
}; |
||||
|
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 = "新增患者档案"; |
||||
|
this.formDisabled = false; |
||||
|
}, |
||||
|
/** 修改按钮操作 */ |
||||
|
handleUpdate(row) { |
||||
|
this.open = true; |
||||
|
this.title = "修改患者档案"; |
||||
|
this.formDisabled = false; |
||||
|
this.form = JSON.parse(JSON.stringify(row)); |
||||
|
// 字符串转数组 |
||||
|
this.form.currentIllnessHistory = |
||||
|
this.form.currentIllnessHistory.split(","); |
||||
|
}, |
||||
|
/** 详情按钮操作 */ |
||||
|
handleDetails(row) { |
||||
|
this.open = true; |
||||
|
this.title = "患者档案详情"; |
||||
|
this.formDisabled = true; |
||||
|
this.form = JSON.parse(JSON.stringify(row)); |
||||
|
}, |
||||
|
/** 提交按钮 */ |
||||
|
submitForm: function () { |
||||
|
this.$refs["form"].validate((valid) => { |
||||
|
if (valid) { |
||||
|
if (this.form.id != undefined) { |
||||
|
patientUpd(this.form).then((response) => { |
||||
|
this.$modal.msgSuccess("修改成功"); |
||||
|
this.open = false; |
||||
|
this.getList(); |
||||
|
}); |
||||
|
} else { |
||||
|
patientAdd(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 patientDel({ idList: 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: 100px; |
||||
|
} |
||||
|
</style> |
||||
|
<!-- >>> .el-input__inner { |
||||
|
padding: 0 15px !important; |
||||
|
} --> |
||||
Loading…
Reference in new issue