大唐会议项目
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

1390 lines
37 KiB

<template>
<div class="app-container">
<el-form
:model="queryParams"
ref="queryForm"
size="small"
:inline="true"
v-show="showSearch"
>
<el-form-item label="" prop="noticeTitle">
<el-input
placeholder="姓名、全拼、简拼、证件号码"
v-model="queryParams.param.keywords"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="手机号码" prop="phone">
<el-input
v-model="queryParams.param.phone"
placeholder="请输入"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="门诊/住院" prop="visitType">
<el-select
v-model="queryParams.param.visitType"
placeholder="请选择"
clearable
>
<el-option label="门诊" :value="0" />
<el-option label="住院" :value="1" />
</el-select>
</el-form-item>
<!-- <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 label="性别" prop="gender">
<el-select
v-model="queryParams.param.gender"
placeholder="请选择"
clearable
>
<el-option label="男" :value="0" />
<el-option label="女" :value="1" />
</el-select>
</el-form-item>
<el-form-item label="年龄范围" prop="createBy">
<div class="form-item-age">
<el-input
v-model="queryParams.param.startAge"
placeholder="最小年龄"
clearable
@keyup.enter.native="handleQuery"
/>
<span></span>
<el-input
v-model="queryParams.param.endAge"
placeholder="最大年龄"
clearable
@keyup.enter.native="handleQuery"
/>
</div>
</el-form-item>
<el-form-item label="医生" prop="doctor">
<el-input
v-model="queryParams.param.doctor"
placeholder="请输入"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="档案状态" prop="status">
<el-select
v-model="queryParams.param.status"
placeholder="请选择"
clearable
>
<el-option label="保存" :value="0" />
<el-option label="待审核" :value="1" />
<el-option label="通过" :value="2" />
<el-option label="驳回" :value="3" />
</el-select>
</el-form-item>
<el-form-item label="诊疗日期" prop="time">
<el-date-picker
v-model="time"
type="daterange"
value-format="yyyy-MM-dd"
range-separator="至"
start-placeholder="开始日期"
end-placeholder="结束日期"
>
</el-date-picker>
</el-form-item>
<!-- <el-form-item label="上报标题" prop="managementId">
<el-select
v-model="queryParams.param.managementId"
placeholder="请选择"
filterable
clearable
>
<el-option
v-for="item in managerList"
:key="item.id"
:label="item.reportTitle"
:value="item.id"
>
</el-option>
</el-select>
</el-form-item> -->
<el-form-item label="填报类型" prop="reportTypeId">
<el-select
v-model="queryParams.param.reportTypeId"
placeholder="请选择"
filterable
clearable
>
<el-option
v-for="item in reporTypeList"
:key="item.id"
:label="item.typeName"
: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 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">
<!-- .medicalFile -->
<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>
<!-- <el-col :span="1.5">
<el-button
type="info"
plain
icon="el-icon-bottom"
size="mini"
@click="handleDownload"
>
下载模版
</el-button>
</el-col>
<el-col :span="1.5">
<el-button
type="warning"
plain
icon="el-icon-upload2"
size="mini"
@click="handleImport"
>导入</el-button
>
</el-col> -->
<el-col :span="1.5">
<el-button
type="warning"
plain
icon="el-icon-download"
size="mini"
@click="handleExport"
>导出</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="memberId"
show-overflow-tooltip
min-width="130"
/>
<el-table-column
label="门诊/住院"
align="center"
show-overflow-tooltip
min-width="100"
>
<template slot-scope="scope">
<span v-if="scope.row.visitType == 0">门诊</span>
<span v-if="scope.row.visitType == 1">住院</span>
</template>
</el-table-column>
<el-table-column
label="门诊号/住院号"
align="center"
prop="visitNumber"
show-overflow-tooltip
min-width="180"
/>
<el-table-column
label="责任医生"
align="center"
prop="doctor"
show-overflow-tooltip
min-width="100"
/>
<el-table-column
label="主要诊断"
align="center"
prop="diagnosisName"
show-overflow-tooltip
min-width="200"
/>
<el-table-column
label="姓名"
align="center"
prop="name"
min-width="100"
/>
<el-table-column
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
label="出生日期"
align="center"
show-overflow-tooltip
min-width="130"
>
<template slot-scope="scope">
<span>
{{ parseTime(scope.row.birthDate, "{y}-{m}-{d}") }}
</span>
</template>
</el-table-column>
<el-table-column
label="年龄"
align="center"
prop="age"
show-overflow-tooltip
min-width="80"
/>
<el-table-column
label="民族"
align="center"
prop="ethnicity"
show-overflow-tooltip
min-width="100"
/>
<el-table-column
label="受教育程度"
align="center"
show-overflow-tooltip
min-width="100"
>
<template slot-scope="scope">
{{ educationYearsValue[scope.row.educationYears] }}
</template>
</el-table-column>
<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
label="门诊/住院"
align="center"
show-overflow-tooltip
min-width="100"
>
<template slot-scope="scope">
<span v-if="scope.row.visitType == 0">门诊</span>
<span v-if="scope.row.visitType == 1">住院</span>
</template>
</el-table-column>
<el-table-column
label="门诊号/住院号"
align="center"
prop="visitNumber"
show-overflow-tooltip
min-width="180"
/>
<el-table-column
label="诊疗日期"
align="center"
show-overflow-tooltip
min-width="140"
>
<template slot-scope="scope">
<span>
{{ parseTime(scope.row.visitTime, "{y}-{m}-{d}") }}
</span>
</template>
</el-table-column>
<el-table-column
label="门诊时间/住院时间"
align="center"
show-overflow-tooltip
min-width="140"
>
<template slot-scope="scope">
<span>
{{ parseTime(scope.row.visitTime, "{y}-{m}-{d}") }}
</span>
</template>
</el-table-column>
<el-table-column
label="出院时间"
align="center"
prop="dischargeTime"
show-overflow-tooltip
min-width="140"
>
<template slot-scope="scope">
<span>
{{ parseTime(scope.row.dischargeTime, "{y}-{m}-{d}") }}
</span>
</template>
</el-table-column>
<el-table-column
label="上报标题"
align="center"
prop="reportTitle"
show-overflow-tooltip
min-width="150"
>
</el-table-column>
<el-table-column
label="建档人"
align="center"
prop="createBy"
show-overflow-tooltip
min-width="100"
/>
<el-table-column label="建档时间" align="center" min-width="140">
<template slot-scope="scope">
<span>
{{ parseTime(scope.row.createTime, "{y}-{m}-{d} {h}:{i}") }}
</span>
</template>
</el-table-column>
<el-table-column
label="档案状态"
align="center"
prop="createBy"
show-overflow-tooltip
width="100"
fixed="right"
>
<template slot-scope="scope">
<span :class="`status${scope.row.status}`">{{
status[scope.row.status]
}}</span>
</template>
</el-table-column>
<el-table-column
fixed="right"
label="操作"
align="center"
class-name="small-padding fixed-width"
width="300"
>
<template slot-scope="scope">
<el-button
:disabled="scope.row.status != 0 && scope.row.status != 3"
size="mini"
type="text"
icon="el-icon-edit"
@click="handleUpdate(scope.row)"
>修改</el-button
>
<el-button
:disabled="scope.row.status != 0 && scope.row.status != 3"
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="handleEecorde(scope.row)"
>随访记录</el-button
>
9 months ago
<el-button
size="mini"
type="text"
icon="el-icon-document-copy"
9 months ago
@click="handleReport(scope.row)"
>评估报告</el-button
9 months ago
>
<el-button
:disabled="scope.row.status != 0 && scope.row.status != 3"
size="mini"
type="text"
icon="el-icon-s-promotion"
@click="handleExamine(scope.row, 1)"
>
提交审核
</el-button>
<!-- 审核 -->
<div v-if="userInfo.slaverAdmin">
<el-button
:disabled="scope.row.status != 1"
size="mini"
type="text"
icon="el-icon-s-check"
@click="handleExamine(scope.row, 2)"
>
通过
</el-button>
<el-button
:disabled="scope.row.status != 1"
size="mini"
type="text"
icon="el-icon-s-check"
@click="handleExamine(scope.row, 3)"
>
驳回
</el-button>
</div>
</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
ref="form"
:model="form"
:rules="rules"
label-width="100px"
class="formStep"
>
<el-form-item label="上报标题" prop="managementId">
<el-select v-model="form.managementId" placeholder="请选择">
<el-option
v-for="item in managerList"
:key="item.id"
:label="item.reportTitle"
:value="item.id"
>
</el-option>
</el-select>
</el-form-item>
<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="birthDate">
<el-date-picker
format="yyyy-MM-dd"
value-format="yyyy-MM-dd"
v-model="form.birthDate"
type="date"
placeholder="选择日期"
>
</el-date-picker>
</el-form-item>
<el-form-item label="民族" prop="">
9 months ago
<el-select v-model="form.ethnicity" placeholder="请选择" filterable>
<el-option
v-for="item in ethnicityList"
:key="item.label"
:label="item.label"
:value="item.label"
>
</el-option>
</el-select>
</el-form-item>
<el-form-item label="受教育程度" prop="">
<el-select
v-model="form.educationYears"
placeholder="请选择"
filterable
>
<el-option
v-for="item in educationYears"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</el-select>
</el-form-item>
<el-form-item label="手机号码" prop="phone">
9 months ago
<el-input type="number" v-model="form.phone" placeholder="请输入" />
</el-form-item>
<el-form-item label="证件类型" prop="idCardType">
<el-select v-model="form.idCardType" placeholder="请选择">
<el-option
v-for="item in idCardType"
:key="item.value"
:label="item.label"
:value="item.value"
>
</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="visitType">
<el-radio-group v-model="form.visitType">
<el-radio :label="0">门诊</el-radio>
<el-radio :label="1">住院</el-radio>
</el-radio-group>
</el-form-item>
<el-form-item
:label="visitType[form.visitType] + '号'"
prop="visitNumber"
>
<el-input v-model="form.visitNumber" placeholder="请输入" />
</el-form-item>
<el-form-item
:label="visitType[form.visitType] + '时间'"
prop="visitTime"
>
<el-date-picker
format="yyyy-MM-dd"
value-format="yyyy-MM-dd"
v-model="form.visitTime"
type="date"
placeholder="选择日期"
>
</el-date-picker>
</el-form-item>
<el-form-item
label="出院时间"
v-if="form.visitType == 1"
prop="dischargeTime"
>
<el-date-picker
format="yyyy-MM-dd"
value-format="yyyy-MM-dd"
v-model="form.dischargeTime"
type="date"
placeholder="选择日期"
>
</el-date-picker>
</el-form-item>
<el-form-item label="责任医生" prop="">
<el-input v-model="form.doctor" 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="importform" :model="importform">
<el-form-item prop="accessUrl">
<el-upload
:limit="1"
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>
<div class="el-upload__text">
将文件拖到此处
<em>点击上传</em>
</div>
</el-upload>
</el-form-item>
</el-form>
</el-dialog>
<iframe
:src="reportPath"
frameborder="0"
:id="'codePartIframe' + timestamp"
style="display: none"
></iframe>
</div>
</template>
<script>
import {
treatmentQuery,
treatmentAdd,
treatmentUpd,
treatmentDel,
queryRecord,
saveAidRecord,
queueAdd,
9 months ago
exportTreatmentPg,
managerMy,
reportList,
} from "@/api/medicalFile";
import { getToken } from "@/utils/auth";
import { followupQuery } from "@/api/followupFile";
export default {
name: "Notice",
dicts: ["sys_normal_disable", "sys_user_sex"],
data() {
return {
time: [],
reportPath: "",
managerList: [], // 我的上报
timestamp: "",
9 months ago
qzUrl: process.env.VUE_APP_API_QZURL, // 二维码路径
userInfo: {},
// 受教育程度,年限
educationYears: [
{ label: "文盲", value: 0 },
{ label: "小学", value: 6 },
{ label: "初中", value: 9 },
{ label: "高中", value: 12 },
{ label: "大专", value: 15 },
{ label: "大学", value: 16 },
{ label: "硕士研究生", value: 19 },
{ label: "博士研究生", value: 22 },
],
// 通过年限对象获取学历
educationYearsValue: {
0: "文盲",
6: "小学",
9: "初中",
12: "高中",
15: "大专",
16: "大学",
19: "硕士研究生",
22: "博士研究生",
},
9 months ago
// 民族列表
ethnicityList: [
{ label: "汉族", value: "01" },
{ label: "蒙古族", value: "02" },
{ label: "回族", value: "03" },
{ label: "藏族", value: "04" },
{ label: "维吾尔族", value: "05" },
{ label: "苗族", value: "06" },
{ label: "彝族", value: "07" },
{ label: "壮族", value: "08" },
{ label: "布依族", value: "09" },
{ label: "朝鲜族", value: "10" },
{ label: "满族", value: "11" },
{ label: "侗族", value: "12" },
{ label: "瑶族", value: "13" },
{ label: "白族", value: "14" },
{ label: "土家族", value: "15" },
{ label: "哈尼族", value: "16" },
{ label: "哈萨克族", value: "17" },
{ label: "傣族", value: "18" },
{ label: "黎族", value: "19" },
{ label: "傈僳族", value: "20" },
{ label: "佤族", value: "21" },
{ label: "畲族", value: "22" },
{ label: "高山族", value: "23" },
{ label: "拉祜族", value: "24" },
{ label: "水族", value: "25" },
{ label: "东乡族", value: "26" },
{ label: "纳西族", value: "27" },
{ label: "景颇族", value: "28" },
{ label: "柯尔克孜族", value: "29" },
{ label: "土族", value: "30" },
{ label: "达斡尔族", value: "31" },
{ label: "仫佬族", value: "32" },
{ label: "羌族", value: "33" },
{ label: "布朗族", value: "34" },
{ label: "撒拉族", value: "35" },
{ label: "毛南族", value: "36" },
{ label: "仡佬族", value: "37" },
{ label: "锡伯族", value: "38" },
{ label: "阿昌族", value: "39" },
{ label: "普米族", value: "40" },
{ label: "塔吉克族", value: "41" },
{ label: "怒族", value: "42" },
{ label: "乌孜别克族", value: "43" },
{ label: "俄罗斯族", value: "44" },
{ label: "鄂温克族", value: "45" },
{ label: "德昂族", value: "46" },
{ label: "保安族", value: "47" },
{ label: "裕固族", value: "48" },
{ label: "京族", value: "49" },
{ label: "塔塔尔族", value: "50" },
{ label: "独龙族", value: "51" },
{ label: "鄂伦春族", value: "52" },
{ label: "赫哲族", value: "53" },
{ label: "门巴族", value: "54" },
{ label: "珞巴族", value: "55" },
{ label: "基诺族", value: "56" },
],
visitType: {
0: "门诊",
1: "住院",
},
headers: {
Authorization: "Bearer " + getToken(),
deptId: localStorage.getItem("hospitalId"),
},
uploadFileUrl1:
process.env.VUE_APP_API_QZURL + "/treatment/importTreatment", // 上传的图片服务器地址
fileList: [],
followupList: [],
queueOpen: false,
// 现病史
medicalHistory: [
"肥胖症",
"失眠病",
"中风病",
"面瘫病",
"项痹病",
"腰痛病",
"痉挛性斜颈",
],
idCardType: [
{
label: "身份证",
value: 0,
},
{
label: "护照或外国人永居证",
value: 1,
},
{
label: "港澳居民来往内地通行",
value: 2,
},
{
label: "台湾居民来往大陆通行证",
value: 3,
},
{
label: "其他",
value: 4,
},
],
idCardTypeValue: {
0: "身份证",
1: "护照或外国人永居证",
2: "港澳居民来往内地通行",
3: "台湾居民来往大陆通行证",
4: "其他",
},
status: {
0: "保存",
1: "待审核",
2: "通过",
3: "驳回",
},
loading: false, // 遮罩层
ids: [], // 选中数组
single: true, // 非单个禁用
multiple: true, // 非多个禁用
showSearch: true, // 显示搜索条件
total: 0, // 总条数
listDat: [{}], // 公告表格数据
title: "", // 弹出层标题
open: false, // 是否显示弹出层
drawer: false, // 档案详情
importOpen: false, // 导入弹窗
// 查询参数
queryParams: {
pageNum: 1,
pageSize: 10,
param: {
keywords: "",
visitType: "",
name: "",
gender: "",
phone: "",
idCard: "",
startAge: "",
endAge: "",
doctor: "",
status: "",
},
},
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",
// },
// ],
// visitType: [
// {
// required: true,
// message: "诊疗类型不能为空",
// trigger: "blur",
// },
// ],
// visitNumber: [
// {
// required: true,
// message: "门诊号/住院号不能为空",
// trigger: "blur",
// },
// ],
// visitTime: [
// {
// required: true,
// message: "门诊时间/住院时间不能为空",
// trigger: "change",
// },
// ],
// dischargeTime: [
// {
// required: true,
// message: "出院时间不能为空",
// trigger: "change",
// },
// ],
// doctor: [
// {
// required: true,
// message: "责任医生不能为空",
// trigger: "blur",
// },
// ],
// educationYears: [
// {
// required: true,
// message: "受教育年限不能为空",
// trigger: "blur",
// },
// ],
birthDate: [
{
required: true,
message: "出生日期不能为空",
trigger: "change",
},
],
},
reporTypeList: [],
};
},
created() {
// 从url获取idCard
let { name, phone } = this.$route.query;
this.queryParams.param.keywords = name || "";
this.queryParams.param.phone = phone || "";
let patientInfo;
if (this.$route.query.patientInfo) {
this.form = {
...JSON.parse(this.$route.query.patientInfo),
visitType: 0, // 门诊/住院
visitNumber: "", // 门诊/住院号
visitTime: "", // 门诊/住院时间
dischargeTime: "", // 出院时间
doctor: "", // 责任医生
status: 0, // 保存
};
delete this.form.id;
this.open = true;
}
this.getList();
this.getManagerMy();
this.getReportType();
this.userInfo = JSON.parse(localStorage.getItem("user"));
// this.getFollowupQuery();
},
methods: {
// 获取上报类型
getReportType() {
reportList({
pageNum: -1,
param: {},
}).then((res) => {
this.reporTypeList = res.data.list;
});
},
getManagerMy() {
managerMy({
pageNum: -1,
param: {},
}).then((res) => {
this.managerList = res.data.list;
});
},
// 获取随访队列信息
getFollowupQuery() {
followupQuery({
pageNum: -1,
param: {
status: 1,
},
}).then((res) => {
this.followupList = res.data.list;
let commonQueue = JSON.parse(localStorage.getItem("commonQueue"));
commonQueue?.forEach((i) => {
this.followupList.unshift(i);
});
});
},
// 诊疗方案点击
handleButClick(_item, _row) {
console.log(_item, _row);
this.detailsForm[_item.valueCode] = _row.value || _row.title;
},
// 上传成功回 - pdg
handleUploadPdfAdd1(res) {
if (res.code == 200) {
this.importOpen = 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 = ["xlsx", "xls"];
if (whiteList.indexOf(fileSuffix) === -1) {
this.$message.error("上传文件只能是.xlsx, .xls");
return false;
}
},
/** 查询公告列表 */
getList() {
this.loading = true;
treatmentQuery(this.queryParams).then((res) => {
this.listDat = res.data.list || [];
this.total = res.data.total || 0;
this.loading = false;
});
},
// 取消按钮
cancel() {
this.open = false;
this.reset();
},
// 表单重置
reset() {
this.form = {
name: "",
gender: 0,
birthDate: "",
ethnicity: "",
educationYears: "",
phone: "",
idCardType: "",
idCard: "",
visitType: 0,
visitNumber: "",
visitTime: "",
dischargeTime: "",
doctor: "",
status: 0,
queueIdList: [],
managementId: "",
};
this.resetForm("form");
},
/** 搜索按钮操作 */
handleQuery() {
this.queryParams.pageNum = 1;
// 处理time,拼接时分秒,开始时间 + 00:00:00,结束时间 + 23:59:59
if (this.time?.length > 0) {
this.queryParams.param.startTime = this.time[0] + " 00:00:00";
this.queryParams.param.endTime = this.time[1] + " 23:59:59";
} else {
this.queryParams.param.startTime = "";
this.queryParams.param.endTime = "";
}
this.getList();
},
/** 重置按钮操作 */
resetQuery() {
this.queryParams.param = {
keywords: "",
visitType: "",
name: "",
gender: "",
phone: "",
idCard: "",
startAge: "",
endAge: "",
doctor: "",
status: "",
managementId: "",
reportTypeId: "",
};
this.time = [];
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 = "新增诊疗档案";
},
/** 修改按钮操作 */
handleUpdate(row) {
this.open = true;
this.title = "修改诊疗档案";
this.form = JSON.parse(JSON.stringify(row));
},
9 months ago
// 评估报告单
handleReport(row) {
try {
this.timestamp = new Date().getTime();
exportTreatmentPg({ treatmentId: row.id }).then((res) => {
this.reportPath = `${process.env.VUE_APP_API_QZURL}${res.data}`;
var iframe = document.getElementById(
"codePartIframe" + this.timestamp
);
iframe.onload = () => {
iframe.contentWindow.print();
};
// window.open(`${process.env.VUE_APP_API_QZURL}${res.data}`);
});
} catch (error) {
console.log("error: ", error);
}
9 months ago
},
/** 提交审核 */
handleExamine(row, _status) {
let form = JSON.parse(JSON.stringify(row));
form = {
...JSON.parse(JSON.stringify(row)),
};
form.status = _status;
let title = this.status[_status];
title = title == "待审核" ? "提交" : title;
this.$modal
.confirm(`是否确认${title}当前选择的数据(${row.name})?`)
.then(function () {
return treatmentUpd(form);
})
.then(() => {
this.getList();
this.$modal.msgSuccess("操作成功");
})
.catch(() => {});
},
/** 随访记录 */
handleEecorde(row) {
this.$router.push({
path: `/followWork?name=${row.name}&phone=${row.phone}`,
});
},
/** 详情按钮操作 */
handleDetails(row) {
this.$router.push({
path: `/medicalDetails?treatmentId=${row.id}&data=${JSON.stringify(
row
)}`,
});
},
/** 诊疗档案 */
submitForm: function () {
this.$refs["form"].validate((valid) => {
if (valid) {
if (this.form.id != undefined) {
treatmentUpd(this.form).then((response) => {
this.$modal.msgSuccess("修改成功");
this.open = false;
this.getList();
});
} else {
treatmentAdd(this.form).then((response) => {
this.$modal.msgSuccess("新增成功");
this.open = false;
this.getList();
});
}
}
});
},
// 诊疗详情
submitDetailsForm: function () {
this.$refs["detailsForm"].validate((valid) => {
if (valid) {
let codeAndAnswerList = [];
for (let key in this.detailsForm) {
let data = {
questionCode: key,
answer: "",
};
if (typeof this.detailsForm[key] === "string") {
data.answer = this.detailsForm[key].split(",");
} else {
data.answer = this.detailsForm[key];
}
codeAndAnswerList.push(data);
}
saveAidRecord({
treatmentId: this.form.id,
codeAndAnswerList,
}).then((response) => {
this.$modal.msgSuccess("保存成功");
this.drawer = false;
this.getList();
});
}
});
},
/** 删除按钮操作 */
handleDelete(row) {
const idList = row.id ? [row.id] : this.ids;
this.$modal
.confirm("是否确认删除当前选择的数据?")
.then(function () {
return treatmentDel({
idList: idList,
});
})
.then(() => {
this.getList();
this.$modal.msgSuccess("删除成功");
})
.catch(() => {});
},
/** 导出按钮操作 */
handleExport() {
this.download1(
"/treatment/exportTreatment",
{
...this.queryParams.params,
},
`诊疗档案.xlsx`
);
},
/** 下载按钮操作 */
handleDownload() {
window.open(
`${process.env.VUE_APP_API_QZURL}/profile/TreamentTemplate.xlsx`
);
// this.download1(
// "/patient/export", {},
// `患者档案导入模版.xlsx`
// );
},
/** 导入按钮操作 */
handleImport() {
this.fileList = [];
this.importOpen = true;
},
},
};
</script>
<style scoped src="@/assets/styles/common.css"></style>
<style scoped>
.status1 {
color: orange;
}
.status2 {
color: green;
}
.status3 {
color: red;
}
.div-title1 {
font-size: 22px;
font-weight: bold;
margin-bottom: 10px;
}
.div-title2 {
font-size: 20px;
font-weight: bold;
margin-bottom: 10px;
}
.div-title3 {
font-size: 18px;
font-weight: bold;
margin-bottom: 10px;
}
.span-but {
display: inline-block;
border-radius: 4px;
border: 1px solid #dcdfe6;
line-height: 32px;
padding: 0 15px;
margin: 5px;
}
.span-but-active {
border: 1px solid #1890ff;
}
.human-body {
display: flex;
flex-wrap: wrap;
}
.human-body >>> .el-form-item {
width: 49%;
margin-right: 2%;
}
.human-body >>> .el-form-item:nth-of-type(2n) {
margin-right: 0;
}
.formStep1 >>> .el-form-item__label {
}
.form-item-zd {
width: 100%;
text-align: left;
}
.form-item-age {
display: flex;
align-items: center;
}
.form-item-age span {
margin: 0 10px;
}
.form-item-age >>> .el-input {
width: 100px;
}
>>> .el-drawer.rtl {
width: 50% !important;
}
</style>