1747191978@qq.com
5 months ago
36 changed files with 1018 additions and 260 deletions
@ -1,8 +1,8 @@ |
|||
# 页面标题 |
|||
VUE_APP_TITLE = 若依管理系统 |
|||
VUE_APP_TITLE = 针灸管理系统 |
|||
|
|||
# 生产环境配置 |
|||
ENV = 'production' |
|||
|
|||
# 若依管理系统/生产环境 |
|||
# 针灸管理系统/生产环境 |
|||
VUE_APP_BASE_API = '/prod-api' |
|||
|
|||
@ -0,0 +1,10 @@ |
|||
import request from "@/utils/request"; |
|||
|
|||
// 注册方法
|
|||
export function queryPatient(data) { |
|||
return request({ |
|||
url: "/patient/list", |
|||
method: "post", |
|||
data: data, |
|||
}); |
|||
} |
|||
@ -0,0 +1,594 @@ |
|||
<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="noticeTitle"> |
|||
<el-input |
|||
v-model="queryParams.noticeTitle" |
|||
placeholder="支持姓名、全拼、简拼、手机号吗、证件号码" |
|||
clearable |
|||
@keyup.enter.native="handleQuery" |
|||
/> |
|||
</el-form-item> |
|||
<el-form-item label="年龄范围" prop="createBy"> |
|||
<div class="form-item-age"> |
|||
<el-input |
|||
v-model="queryParams.createBy" |
|||
placeholder="最小年龄" |
|||
clearable |
|||
@keyup.enter.native="handleQuery" |
|||
/> |
|||
<span>—</span> |
|||
<el-input |
|||
v-model="queryParams.createBy" |
|||
placeholder="最大年龄" |
|||
clearable |
|||
@keyup.enter.native="handleQuery" |
|||
/> |
|||
</div> |
|||
</el-form-item> |
|||
<el-form-item label="建档组织" prop="noticeType"> |
|||
<el-select |
|||
v-model="queryParams.noticeType" |
|||
placeholder="公告类型" |
|||
clearable |
|||
> |
|||
<el-option label="dict.label" value="dict.value" /> |
|||
</el-select> |
|||
</el-form-item> |
|||
<el-form-item label="数据来源" prop="noticeType"> |
|||
<el-select |
|||
v-model="queryParams.noticeType" |
|||
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"> |
|||
<el-col :span="1.5"> |
|||
<el-button |
|||
type="primary" |
|||
plain |
|||
icon="el-icon-plus" |
|||
size="mini" |
|||
@click="handleAdd" |
|||
v-hasPermi="['patientFile:add']" |
|||
>新增</el-button |
|||
> |
|||
</el-col> |
|||
<el-col :span="1.5"> |
|||
<el-button |
|||
type="danger" |
|||
plain |
|||
icon="el-icon-delete" |
|||
size="mini" |
|||
:disabled="multiple" |
|||
@click="handleDelete" |
|||
v-hasPermi="['patientFile:remove']" |
|||
>删除</el-button |
|||
> |
|||
</el-col> |
|||
<el-col :span="1.5"> |
|||
<el-button |
|||
type="info" |
|||
plain |
|||
icon="el-icon-bottom" |
|||
size="mini" |
|||
:disabled="multiple" |
|||
@click="handleDelete" |
|||
v-hasPermi="['patientFile:download']" |
|||
>下载模版</el-button |
|||
> |
|||
</el-col> |
|||
<el-col :span="1.5"> |
|||
<el-button |
|||
type="warning" |
|||
plain |
|||
icon="el-icon-upload2" |
|||
size="mini" |
|||
@click="handleImport" |
|||
v-hasPermi="['patientFile:import']" |
|||
>导入</el-button |
|||
> |
|||
</el-col> |
|||
<el-col :span="1.5"> |
|||
<el-button |
|||
type="warning" |
|||
plain |
|||
icon="el-icon-download" |
|||
size="mini" |
|||
@click="handleExport" |
|||
v-hasPermi="['patientFile:export']" |
|||
>导出</el-button |
|||
> |
|||
</el-col> |
|||
<right-toolbar |
|||
:showSearch.sync="showSearch" |
|||
@queryTable="getList" |
|||
></right-toolbar> |
|||
</el-row> |
|||
|
|||
<el-table |
|||
v-loading="loading" |
|||
:data="listDat" |
|||
@selection-change="handleSelectionChange" |
|||
> |
|||
<el-table-column type="selection" width="55" align="center" /> |
|||
<el-table-column label="姓名" align="center" prop="name" width="100" /> |
|||
<el-table-column |
|||
label="性别" |
|||
align="center" |
|||
prop="gender" |
|||
show-overflow-tooltip |
|||
min-width="100" |
|||
> |
|||
<template slot-scope="scope"> |
|||
|
|||
</template> |
|||
</el-table-column> |
|||
|
|||
<el-table-column |
|||
label="出生日期" |
|||
align="center" |
|||
prop="birthDate" |
|||
show-overflow-tooltip |
|||
/> |
|||
<el-table-column |
|||
label="民族" |
|||
align="center" |
|||
prop="ethnicity" |
|||
show-overflow-tooltip |
|||
/> |
|||
<el-table-column |
|||
label="受教育年限" |
|||
align="center" |
|||
prop="educationYears" |
|||
show-overflow-tooltip |
|||
/> |
|||
<el-table-column |
|||
label="手机号码" |
|||
align="center" |
|||
prop="phone" |
|||
show-overflow-tooltip |
|||
/> |
|||
<el-table-column |
|||
label="证件类型" |
|||
align="center" |
|||
prop="idCardType" |
|||
show-overflow-tooltip |
|||
/> |
|||
<el-table-column |
|||
label="证件号码" |
|||
align="center" |
|||
prop="idCard" |
|||
show-overflow-tooltip |
|||
/> |
|||
<el-table-column label="建档日期" align="center" width="100"> |
|||
<template slot-scope="scope"> |
|||
<span>{{ parseTime(scope.row.createTime, "{y}-{m}-{d}") }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column |
|||
label="建档人" |
|||
align="center" |
|||
prop="createBy" |
|||
show-overflow-tooltip |
|||
/> |
|||
<el-table-column |
|||
label="建档组织（医院名称）" |
|||
align="center" |
|||
prop="organization" |
|||
show-overflow-tooltip |
|||
/> |
|||
<el-table-column |
|||
label="来源" |
|||
align="center" |
|||
prop="source" |
|||
show-overflow-tooltip |
|||
/> |
|||
|
|||
<el-table-column |
|||
fixed="right" |
|||
label="操作" |
|||
align="center" |
|||
class-name="small-padding fixed-width" |
|||
width="150" |
|||
> |
|||
<template slot-scope="scope"> |
|||
<el-button |
|||
size="mini" |
|||
type="text" |
|||
icon="el-icon-edit" |
|||
@click="handleUpdate(scope.row)" |
|||
v-hasPermi="['patientFile:edit']" |
|||
>修改</el-button |
|||
> |
|||
<el-button |
|||
size="mini" |
|||
type="text" |
|||
icon="el-icon-delete" |
|||
@click="handleDelete(scope.row)" |
|||
v-hasPermi="['patientFile:remove']" |
|||
>删除</el-button |
|||
> |
|||
<el-button |
|||
size="mini" |
|||
type="text" |
|||
icon="el-icon-tickets" |
|||
@click="handleDelete(scope.row)" |
|||
v-hasPermi="['patientFile:details']" |
|||
>详情</el-button |
|||
> |
|||
<el-button |
|||
size="mini" |
|||
type="text" |
|||
icon="el-icon-notebook-2" |
|||
@click="handleDelete(scope.row)" |
|||
v-hasPermi="['patientFile:archives']" |
|||
>诊疗档案</el-button |
|||
> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
|
|||
<pagination |
|||
v-show="total > 0" |
|||
:total="total" |
|||
:page.sync="queryParams.pageNum" |
|||
:limit.sync="queryParams.pageSize" |
|||
@pagination="getList" |
|||
/> |
|||
|
|||
<!-- 添加或修改公告对话框 --> |
|||
<el-dialog :title="title" :visible.sync="open" width="780px" append-to-body> |
|||
<el-form ref="form" :model="form" :rules="rules" label-width="80px"> |
|||
<el-form-item label="姓名" prop="name"> |
|||
<el-input v-model="form.name" placeholder="请输入" /> |
|||
</el-form-item> |
|||
<el-form-item label="性别" prop="gender"> |
|||
<el-radio-group v-model="form.gender"> |
|||
<el-radio :label="0">男</el-radio> |
|||
<el-radio :label="1">女</el-radio> |
|||
</el-radio-group> |
|||
</el-form-item> |
|||
<el-form-item label="手机号码" prop="phone"> |
|||
<el-input v-model="form.phone" placeholder="请输入" /> |
|||
</el-form-item> |
|||
<el-form-item label="出生年月" prop="birthDate"> |
|||
<el-input v-model="form.birthDate" placeholder="请输入" /> |
|||
</el-form-item> |
|||
<el-form-item label="民族" prop="ethnicity"> |
|||
<el-input v-model="form.ethnicity" placeholder="请输入" /> |
|||
</el-form-item> |
|||
<el-form-item label="证件类型" prop="idCardType"> |
|||
<el-select v-model="form.idCardType" placeholder="请选择"> |
|||
<el-option label="身份证" :value="0"> </el-option> |
|||
<el-option label="身份证" :value="1"> </el-option> |
|||
<el-option label="身份证" :value="2"> </el-option> |
|||
<el-option label="身份证" :value="3"> </el-option> |
|||
</el-select> |
|||
</el-form-item> |
|||
<el-form-item label="证件号码" prop="idCard"> |
|||
<el-input v-model="form.idCard" placeholder="请输入" /> |
|||
</el-form-item> |
|||
<el-form-item label="现病史" prop="currentIllnessHistory"> |
|||
<el-checkbox-group v-model="form.currentIllnessHistory"> |
|||
<el-checkbox v-for="(item, index) in medicalHistory" :label="item"> |
|||
<!-- <el-input |
|||
v-if="item == '其他'" |
|||
:disabled="!form.checkList.includes('其他')" |
|||
v-model="form.noticeTitle" |
|||
placeholder="请输入" |
|||
/> --> |
|||
</el-checkbox> |
|||
</el-checkbox-group> |
|||
<el-input v-model="form.qt" placeholder="其他" /> |
|||
</el-form-item> |
|||
</el-form> |
|||
<div slot="footer" class="dialog-footer"> |
|||
<el-button type="primary" @click="submitForm">确 定</el-button> |
|||
<el-button @click="cancel">取 消</el-button> |
|||
</div> |
|||
</el-dialog> |
|||
<!-- 导入患者信息 --> |
|||
<el-dialog |
|||
title="导入患者档案" |
|||
:visible.sync="importOpen" |
|||
width="640px" |
|||
append-to-body |
|||
> |
|||
<el-form ref="form" :model="importform"> |
|||
<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 { |
|||
listNotice, |
|||
getNotice, |
|||
delNotice, |
|||
addNotice, |
|||
updateNotice, |
|||
} from "@/api/system/notice"; |
|||
import { queryPatient } from "@/api/patientFile"; |
|||
export default { |
|||
name: "Notice", |
|||
dicts: ["sys_notice_status", "sys_notice_type"], |
|||
data() { |
|||
return { |
|||
headers: { |
|||
Authorization: "Bearer " + getToken(), |
|||
deptId: localStorage.getItem("hospitalId"), |
|||
}, |
|||
uploadFileUrl1: process.env.VUE_APP_BASE_API + "/pms/importTjbgZip", // 上传的图片服务器地址 |
|||
fileList: [], |
|||
medicalHistory: [ |
|||
"高血压", |
|||
"脑血管病", |
|||
"恶性肿瘤", |
|||
"冠心病", |
|||
"精神疾病", |
|||
"胃和十二指肠溃疡", |
|||
"肥胖症", |
|||
"骨质疏松症", |
|||
"遗传性、先天性疾病", |
|||
"糖尿病", |
|||
"慢性肺系疾病", |
|||
"高脂血症", |
|||
"肝脏疾病(脂肪肝、乙型肝炎、肝硬化等)", |
|||
"过敏性疾病", |
|||
"关节炎", |
|||
"痛风", |
|||
"肾炎、肾病", |
|||
"高脂血症", |
|||
], |
|||
loading: false, // 遮罩层 |
|||
ids: [], // 选中数组 |
|||
single: true, // 非单个禁用 |
|||
multiple: true, // 非多个禁用 |
|||
showSearch: true, // 显示搜索条件 |
|||
total: 0, // 总条数 |
|||
listDat: [{}], // 公告表格数据 |
|||
title: "", // 弹出层标题 |
|||
open: false, // 是否显示弹出层 |
|||
importOpen: true, // 导入弹窗 |
|||
// 查询参数 |
|||
queryParams: { |
|||
pageNum: 1, |
|||
pageSize: 10, |
|||
param: { |
|||
keywords: "", //关键字 |
|||
startAge: "", //开始年龄 |
|||
endAge: "", //结束年龄 |
|||
tenantId: "", //建档组织 |
|||
createBy: "", //建档人 |
|||
sourceId: "", //来源 |
|||
}, |
|||
}, |
|||
importform: {}, |
|||
// 表单参数 |
|||
form: { |
|||
name: "", |
|||
gender: 0, |
|||
birthDate: "", |
|||
ethnicity: "", |
|||
educationYears: "", |
|||
phone: "", |
|||
idCardType: "", |
|||
idCard: "", |
|||
currentIllnessHistory: [], |
|||
}, |
|||
// 表单校验 |
|||
rules: { |
|||
noticeTitle: [ |
|||
{ required: true, message: "公告标题不能为空", trigger: "blur" }, |
|||
], |
|||
noticeType: [ |
|||
{ required: true, message: "公告类型不能为空", trigger: "change" }, |
|||
], |
|||
}, |
|||
}; |
|||
}, |
|||
created() { |
|||
// this.getList(); |
|||
}, |
|||
methods: { |
|||
// 上传成功回 - pdg |
|||
handleUploadPdfAdd1(res) { |
|||
if (res.code == 200) { |
|||
this.physicaOpen = false; |
|||
this.getList(); |
|||
this.$modal.msgSuccess("导入成功"); |
|||
} else { |
|||
this.$message.error(res.msg || "导入失败"); |
|||
this.fileList = []; |
|||
} |
|||
}, |
|||
// 上传前校检格式和大小 - 图片 |
|||
handleBeforeUpload1(file) { |
|||
const isLt2M = file.size / 1024 / 1024 < 100; |
|||
// 校检文件大小 |
|||
if (!isLt2M) { |
|||
this.$message.error("上传文件大小不能超过 100MB!"); |
|||
} |
|||
return isLt2M; |
|||
}, |
|||
// 上传前校检格式和大小 - 文件 |
|||
handleBeforePdfUpload1(file) { |
|||
const fileSuffix = file.name.substring(file.name.lastIndexOf(".") + 1); |
|||
const whiteList = ["zip"]; |
|||
if (whiteList.indexOf(fileSuffix) === -1) { |
|||
this.$message.error("上传文件只能是 zip"); |
|||
return false; |
|||
} |
|||
}, |
|||
/** 查询公告列表 */ |
|||
getList() { |
|||
this.loading = true; |
|||
queryPatient(this.queryParams).then((response) => { |
|||
this.listDat = response.rows; |
|||
this.total = response.total; |
|||
this.loading = false; |
|||
}); |
|||
}, |
|||
// 取消按钮 |
|||
cancel() { |
|||
this.open = false; |
|||
this.reset(); |
|||
}, |
|||
// 表单重置 |
|||
reset() { |
|||
this.form = { |
|||
name: "", |
|||
gender: 0, |
|||
birthDate: "", |
|||
ethnicity: "", |
|||
educationYears: "", |
|||
phone: "", |
|||
idCardType: "", |
|||
idCard: "", |
|||
currentIllnessHistory: [], |
|||
}; |
|||
this.resetForm("form"); |
|||
}, |
|||
/** 搜索按钮操作 */ |
|||
handleQuery() { |
|||
this.queryParams.pageNum = 1; |
|||
this.getList(); |
|||
}, |
|||
/** 重置按钮操作 */ |
|||
resetQuery() { |
|||
this.resetForm("queryForm"); |
|||
this.handleQuery(); |
|||
}, |
|||
// 多选框选中数据 |
|||
handleSelectionChange(selection) { |
|||
this.ids = selection.map((item) => item.noticeId); |
|||
this.single = selection.length != 1; |
|||
this.multiple = !selection.length; |
|||
}, |
|||
/** 新增按钮操作 */ |
|||
handleAdd() { |
|||
this.reset(); |
|||
this.open = true; |
|||
this.title = "添加公告"; |
|||
}, |
|||
/** 修改按钮操作 */ |
|||
handleUpdate(row) { |
|||
this.reset(); |
|||
const noticeId = row.noticeId || this.ids; |
|||
getNotice(noticeId).then((response) => { |
|||
this.form = response.data; |
|||
this.open = true; |
|||
this.title = "修改公告"; |
|||
}); |
|||
}, |
|||
/** 提交按钮 */ |
|||
submitForm: function () { |
|||
this.$refs["form"].validate((valid) => { |
|||
if (valid) { |
|||
if (this.form.noticeId != undefined) { |
|||
updateNotice(this.form).then((response) => { |
|||
this.$modal.msgSuccess("修改成功"); |
|||
this.open = false; |
|||
this.getList(); |
|||
}); |
|||
} else { |
|||
addNotice(this.form).then((response) => { |
|||
this.$modal.msgSuccess("新增成功"); |
|||
this.open = false; |
|||
this.getList(); |
|||
}); |
|||
} |
|||
} |
|||
}); |
|||
}, |
|||
|
|||
/** 删除按钮操作 */ |
|||
handleDelete(row) { |
|||
const noticeIds = row.noticeId || this.ids; |
|||
this.$modal |
|||
.confirm('是否确认删除公告编号为"' + noticeIds + '"的数据项？') |
|||
.then(function () { |
|||
return delNotice(noticeIds); |
|||
}) |
|||
.then(() => { |
|||
this.getList(); |
|||
this.$modal.msgSuccess("删除成功"); |
|||
}) |
|||
.catch(() => {}); |
|||
}, |
|||
/** 导出按钮操作 */ |
|||
handleExport() { |
|||
this.download( |
|||
"system/user/export", |
|||
{ |
|||
...this.queryParams, |
|||
}, |
|||
`user_${new Date().getTime()}.xlsx` |
|||
); |
|||
}, |
|||
/** 导入按钮操作 */ |
|||
handleImport() { |
|||
this.upload.title = "用户导入"; |
|||
this.upload.open = true; |
|||
}, |
|||
}, |
|||
}; |
|||
</script> |
|||
<style scoped> |
|||
.form-item-age { |
|||
display: flex; |
|||
align-items: center; |
|||
} |
|||
.form-item-age span { |
|||
margin: 0 10px; |
|||
} |
|||
.form-item-age >>> .el-input { |
|||
width: 90px; |
|||
} |
|||
</style> |
|||
Loading…
Reference in new issue