|
@ -1,239 +1,340 @@
|
|
|
<html lang="en">
|
|
|
<head>
|
|
|
<meta charset="UTF-8" />
|
|
|
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0" />
|
|
|
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
|
|
|
<title>慢阻肺患者档案</title>
|
|
|
<link rel="stylesheet" type="text/css" href="index.css" />
|
|
|
</head>
|
|
|
<div id="app">
|
|
|
<div class="copd-table-main">
|
|
|
<template v-if="showTotalTable">
|
|
|
<!--过滤器-->
|
|
|
|
|
|
<body>
|
|
|
<div id="app">
|
|
|
<div class="copd-table-main">
|
|
|
<template v-if="showTotalTable">
|
|
|
<!--过滤器-->
|
|
|
<div class="copd-filter-group ui-col-1 bgc-fff" style="min-width: 900px">
|
|
|
<div class="searchDiv pb20">
|
|
|
<label class="c-333 c-f14">
|
|
|
<label class="c-333 c-f14">确诊年份:</label>
|
|
|
<el-select v-model="chooseYear" class="pr20 formWidth wd160">
|
|
|
<el-option v-for="(item , index) in years" :key="index" :label="item" :value="item"></el-option>
|
|
|
</el-select>
|
|
|
</label>
|
|
|
</div>
|
|
|
<!--=======================================================-->
|
|
|
<div class="searchDiv pb20">
|
|
|
<label class="c-333 c-f14">患者姓名:</label>
|
|
|
<el-input v-model="name" class="pr20 formWidth wd160" placeholder="请输入患者姓名查询"></el-input>
|
|
|
</div>
|
|
|
<!--=======================================================-->
|
|
|
<div class="searchDiv pb20">
|
|
|
<label class="c-333 c-f14">下转状态:</label>
|
|
|
<el-select class="pr20 formWidth" v-model="turnDownStatus" placeholder="请选择">
|
|
|
<el-option v-for="(option, index) in transferStatusOptions" :label="option.value" :value="option.code"></el-option>
|
|
|
<!-- <el-option label="全部" value="item.value"></el-option> -->
|
|
|
</el-select>
|
|
|
</div>
|
|
|
<!--=======================================================-->
|
|
|
<div class="searchDiv pb20">
|
|
|
<label class="c-333 c-f14">接收状态:</label>
|
|
|
<el-select class="pr20 formWidth" v-model="receiveStatus" placeholder="请选择">
|
|
|
<el-option v-for="(option, index) in receiveStatusOptions" :label="option.label" :value="option.value"></el-option>
|
|
|
</el-select>
|
|
|
</div>
|
|
|
<!--=======================================================-->
|
|
|
<div class="searchDiv pb20">
|
|
|
<label class="c-333 c-f14">接收社区医院:</label>
|
|
|
<el-select class="pr20 formWidth" v-model="hospital" placeholder="请选择">
|
|
|
<el-option v-for="(option, index) in receivingHospitalList" :label="option.name" :value="option.code"></el-option>
|
|
|
</el-select>
|
|
|
</div>
|
|
|
<!--=======================================================-->
|
|
|
<div class="searchDiv pb20">
|
|
|
<label class="c-333 c-f14">接收医生:</label>
|
|
|
<el-input class="pr20 formWidth wd160" v-model="doctorName" placeholder="请输入医生姓名查询"></el-input>
|
|
|
</div>
|
|
|
<!--=======================================================-->
|
|
|
<div class="searchDiv pb20">
|
|
|
<label class="c-333 c-f14">随访状态:</label>
|
|
|
<el-select class="pr20 formWidth" v-model="archivesStatus" placeholder="请选择">
|
|
|
<el-option v-for="(option, index) in followStatusArr" :label="option.value" :value="option.code"></el-option>
|
|
|
</el-select>
|
|
|
</div>
|
|
|
<!--=======================================================-->
|
|
|
<div class="searchDiv pb20">
|
|
|
<label class="c-333 c-f14">生存状态:</label>
|
|
|
<el-select class="pr20 formWidth" v-model="isLive" placeholder="请选择">
|
|
|
<el-option v-for="(option, index) in survivalStatusOption" :label="option.value" :value="option.code"></el-option>
|
|
|
</el-select>
|
|
|
</div>
|
|
|
<!--=======================================================-->
|
|
|
|
|
|
<div class="copd-filter-group ui-col-1 bgc-fff" style="min-width: 900px">
|
|
|
<div class="searchDiv pb20">
|
|
|
<label class="c-333 c-f14">
|
|
|
<label class="c-333 c-f14">确诊年份:</label>
|
|
|
<el-select v-model="chooseYear" class="pr20 formWidth wd160">
|
|
|
<el-option v-for="(item , index) in years" :key="index" :label="item" :value="item"></el-option>
|
|
|
</el-select>
|
|
|
</label>
|
|
|
</div>
|
|
|
<!--=======================================================-->
|
|
|
<div class="searchDiv pb20">
|
|
|
<label class="c-333 c-f14">患者姓名:</label>
|
|
|
<el-input v-model="name" class="pr20 formWidth wd160" placeholder="请输入患者姓名查询"></el-input>
|
|
|
</div>
|
|
|
<!--=======================================================-->
|
|
|
<div class="searchDiv pb20">
|
|
|
<label class="c-333 c-f14">下转状态:</label>
|
|
|
<el-select class="pr20 formWidth" v-model="turnDownStatus" placeholder="请选择">
|
|
|
<el-option v-for="(option, index) in transferStatusOptions" :label="option.value" :value="option.code"></el-option>
|
|
|
<!-- <el-option label="全部" value="item.value"></el-option> -->
|
|
|
</el-select>
|
|
|
</div>
|
|
|
<!--=======================================================-->
|
|
|
<div class="searchDiv pb20">
|
|
|
<label class="c-333 c-f14">接收状态:</label>
|
|
|
<el-select class="pr20 formWidth" v-model="receiveStatus" placeholder="请选择">
|
|
|
<el-option v-for="(option, index) in receiveStatusOptions" :label="option.label" :value="option.value"></el-option>
|
|
|
</el-select>
|
|
|
</div>
|
|
|
<!--=======================================================-->
|
|
|
<div class="searchDiv pb20">
|
|
|
<label class="c-333 c-f14">接收社区医院:</label>
|
|
|
<el-select class="pr20 formWidth" v-model="hospital" placeholder="请选择">
|
|
|
<el-option v-for="(option, index) in receivingHospitalList" :label="option.name" :value="option.code"></el-option>
|
|
|
</el-select>
|
|
|
</div>
|
|
|
<!--=======================================================-->
|
|
|
<div class="searchDiv pb20">
|
|
|
<label class="c-333 c-f14">接收医生:</label>
|
|
|
<el-input class="pr20 formWidth wd160" v-model="doctorName" placeholder="请输入医生姓名查询"></el-input>
|
|
|
</div>
|
|
|
<!--=======================================================-->
|
|
|
<div class="searchDiv pb20">
|
|
|
<label class="c-333 c-f14">随访状态:</label>
|
|
|
<el-select class="pr20 formWidth" v-model="archivesStatus" placeholder="请选择">
|
|
|
<el-option v-for="(option, index) in followStatusArr" :label="option.value" :value="option.code"></el-option>
|
|
|
</el-select>
|
|
|
</div>
|
|
|
<!--=======================================================-->
|
|
|
<div class="searchDiv pb20">
|
|
|
<label class="c-333 c-f14">生存状态:</label>
|
|
|
<el-select class="pr20 formWidth" v-model="isLive" placeholder="请选择">
|
|
|
<el-option v-for="(option, index) in survivalStatusOption" :label="option.value" :value="option.code"></el-option>
|
|
|
</el-select>
|
|
|
</div>
|
|
|
<!--=======================================================-->
|
|
|
<div class="searchDiv pb20">
|
|
|
<label class="c-333 c-f14">首次诊断医院名称:</label>
|
|
|
<el-input class="pr20 formWidth wd160" v-model="firstOrg" placeholder="请输入医院名称查询"></el-input>
|
|
|
</div>
|
|
|
<!--=======================================================-->
|
|
|
<div class="searchDiv pb20">
|
|
|
<label class="c-333 c-f14">数据范围:</label>
|
|
|
<el-select class="pr20 formWidth" v-model="rangeCode" placeholder="请选择" @change="initScope(3)">
|
|
|
<el-option v-for="(option, index) in rangeList" :label="option.name" :value="option.code"></el-option>
|
|
|
</el-select>
|
|
|
</div>
|
|
|
<!--=======================================================-->
|
|
|
<div class="searchDiv pb20">
|
|
|
<label class="c-333 c-f14">地区:</label>
|
|
|
<el-select v-model="areaCode" style="width: 100px" class="pr10" @change="initScope(5)">
|
|
|
<el-option v-for="(item , index) in areaList" :key="index" :label="item.name" :value="item.code"></el-option>
|
|
|
</el-select>
|
|
|
</div>
|
|
|
<!--=======================================================-->
|
|
|
<div class="searchDiv pb20" v-if="rangeCode=='hospital'">
|
|
|
<label class="c-333 c-f14">社区:</label>
|
|
|
<el-select v-model="communityCode" style="width: 200px" class="pr10">
|
|
|
<el-option v-for="(item , index) in communityList" :key="index" :label="item.name" :value="item.code"></el-option>
|
|
|
</el-select>
|
|
|
</div>
|
|
|
<!--=======================================================-->
|
|
|
<div class="searchDiv pb20">
|
|
|
<el-button type="primary" size="mini" @click="queryDate">查询</el-button>
|
|
|
<!-- <el-upload
|
|
|
<div class="searchDiv pb20">
|
|
|
<label class="c-333 c-f14">首次诊断医院名称:</label>
|
|
|
<el-input class="pr20 formWidth wd160" v-model="firstOrg" placeholder="请输入医院名称查询"></el-input>
|
|
|
</div>
|
|
|
<div class="searchDiv pb20">
|
|
|
<label class="c-333 c-f14">是否签约:</label>
|
|
|
<el-select v-model="isSign" class="pr20 formWidth" placeholder="请选择是否签约">
|
|
|
<el-option v-for="item in signList" :value="item.value" :label="item.label"></el-option>
|
|
|
</el-select>
|
|
|
</div>
|
|
|
<div class="searchDiv pb20">
|
|
|
<label class="c-333 c-f14" style="white-space: nowrap;">户籍地区:</label>
|
|
|
<el-cascader
|
|
|
class="formWidth pr20"
|
|
|
clearable
|
|
|
width="260px"
|
|
|
placeholder="请选择地址"
|
|
|
ref="cascader"
|
|
|
:options="addressOptions1"
|
|
|
@active-item-change="function(val){handleItemChange(val, 1)}"
|
|
|
:props="props"
|
|
|
v-model="registAddress"></el-cascader>
|
|
|
</div>
|
|
|
<div class="searchDiv pb20">
|
|
|
<label class="c-333 c-f14" style="white-space: nowrap;">常住地区:</label>
|
|
|
<el-cascader
|
|
|
class="pr20"
|
|
|
clearable
|
|
|
width="260px"
|
|
|
placeholder="请选择地址"
|
|
|
ref="cascader"
|
|
|
:options="addressOptions2"
|
|
|
@active-item-change="function(val){handleItemChange(val, 2)}"
|
|
|
:props="props"
|
|
|
v-model="liveAddress"></el-cascader>
|
|
|
</div>
|
|
|
<!--=======================================================-->
|
|
|
<div class="searchDiv pb20">
|
|
|
<label class="c-333 c-f14">数据范围:</label>
|
|
|
<el-select class="pr20 formWidth" v-model="rangeCode" placeholder="请选择" @change="initScope(3)">
|
|
|
<el-option v-for="(option, index) in rangeList" :label="option.name" :value="option.code"></el-option>
|
|
|
</el-select>
|
|
|
</div>
|
|
|
<!--=======================================================-->
|
|
|
<div class="searchDiv pb20">
|
|
|
<label class="c-333 c-f14">地区:</label>
|
|
|
<el-select v-model="areaCode" style="width: 100px" class="pr10" @change="initScope(5)">
|
|
|
<el-option v-for="(item , index) in areaList" :key="index" :label="item.name" :value="item.code"></el-option>
|
|
|
</el-select>
|
|
|
</div>
|
|
|
<!--=======================================================-->
|
|
|
<div class="searchDiv pb20" v-if="rangeCode=='hospital'">
|
|
|
<label class="c-333 c-f14">社区:</label>
|
|
|
<el-select v-model="communityCode" style="width: 200px" class="pr10">
|
|
|
<el-option v-for="(item , index) in communityList" :key="index" :label="item.name" :value="item.code"></el-option>
|
|
|
</el-select>
|
|
|
</div>
|
|
|
<!--=======================================================-->
|
|
|
<div class="searchDiv pb20">
|
|
|
<el-button type="primary" size="mini" @click="queryDate">查询</el-button>
|
|
|
<!-- <el-upload
|
|
|
class="upload-demo"
|
|
|
active=""
|
|
|
:on-preview="handlePreview"
|
|
|
:file-list="fileList">
|
|
|
<el-button type="success " size="mini">导入</el-button>
|
|
|
</el-upload> -->
|
|
|
<!-- <div>
|
|
|
<!-- <div>
|
|
|
<input ref="imgFile" type="file" name="FileUpload" class="file-upload" @change="handlePreview">
|
|
|
</div>
|
|
|
-->
|
|
|
<!-- <el-button type="success " size="mini" @click="toggle(true)">导入</el-button> -->
|
|
|
<el-button type="ff9526" size="mini" @click="exportTable">导出</el-button>
|
|
|
<el-button type="ff9526" size="mini" @click="standardExport" :disabled="exportStandardLoading">国家标准导出</el-button>
|
|
|
<el-button type="success" size="mini" @click="synPatient">档案同步</el-button>
|
|
|
<el-button type="primary" size="mini" v-if="isGuGan" @click="openAllocationDialog">分配</el-button>
|
|
|
<el-button type="primary" size="mini" v-else @click="distributionHospital">批量分配</el-button>
|
|
|
<span class="eliminate" @click="eliminateClick">清除筛选条件</span>
|
|
|
</div>
|
|
|
<!--=======================================================-->
|
|
|
</div>
|
|
|
<div class="ad-schedule-import">
|
|
|
<el-dialog :destroy-on-close="true" title="导入" custom-class="schedule-import" :visible.sync="isShow" :append-to-body="true" width="400px">
|
|
|
<div>
|
|
|
<el-form ref="form" label-width="100px">
|
|
|
<el-form-item label="居民档案">
|
|
|
<el-upload action="" :before-upload="beforeUploadPic" :multiple="false" accept=".xls,.xlsx" :show-file-list="false" :file-list="fileList">
|
|
|
<span class="fileName" style="color: #12b7f5">{{file? file.name : '请选择文件'}}</span>
|
|
|
<el-button style="vertical-align: middle" size="small" type="primary">选择文件</el-button>
|
|
|
</el-upload>
|
|
|
</el-form-item>
|
|
|
</el-form>
|
|
|
</div>
|
|
|
<span slot="footer" class="dialog-footer">
|
|
|
<el-button @click="toggle(false)">取 消</el-button>
|
|
|
<el-button v-loading="loading" type="primary" @click="check">确 定</el-button>
|
|
|
</span>
|
|
|
</el-dialog>
|
|
|
|
|
|
<el-dialog
|
|
|
:destroy-on-close="true"
|
|
|
title="导入进度"
|
|
|
custom-class="schedule-import"
|
|
|
:visible.sync="isProgressShow"
|
|
|
:append-to-body="true"
|
|
|
:close-on-click-modal="false"
|
|
|
:close-on-press-escape="false"
|
|
|
:show-close="false"
|
|
|
width="400px">
|
|
|
<div class="tc">
|
|
|
<div class="mb20">{{percentage!=100? '批量处理中,请耐心等待' : success? '处理成功!' : '处理失败,请重试'}}</div>
|
|
|
<el-progress v-if="percentage!=100||success" :percentage="percentage"></el-progress>
|
|
|
<el-progress v-else="" status="exception" :percentage="percentage"></el-progress>
|
|
|
<div class="err-list" v-if="errList&&errList.length">
|
|
|
<div v-for="(item, i) in errList" :key="i" v-html="item.errorMes"></div>
|
|
|
</div>
|
|
|
<div class="mt20">
|
|
|
<el-button v-if="percentage!=100" type="info">处理中...</el-button>
|
|
|
<el-button @click="close()" v-else-if="success" type="primary">处理成功</el-button>
|
|
|
<el-button @click="close(1)" v-else type="danger">重试</el-button>
|
|
|
</div>
|
|
|
</div>
|
|
|
</el-dialog>
|
|
|
</div>
|
|
|
<el-table style="width: 100%" :data="dataList" v-loading="daLoading" @selection-change="selectionLineChangeHandle">
|
|
|
<el-table-column type="selection" width="55"></el-table-column>
|
|
|
<el-table-column prop="name" label="患者姓名" width="180"></el-table-column>
|
|
|
<el-table-column prop="nationality" label="国籍" width="180"></el-table-column>
|
|
|
<el-table-column prop="nationName" label="民族" width="180"></el-table-column>
|
|
|
<el-table-column prop="idcardTypeName" label="证件类型" width="180"></el-table-column>
|
|
|
<el-table-column prop="idcard" label="证件号码" width="180"></el-table-column>
|
|
|
<el-table-column prop="sexName" label="性别" width="180"></el-table-column>
|
|
|
<el-table-column prop="birthday" label="出生日期" width="180"></el-table-column>
|
|
|
<el-table-column prop="age" label="年龄" width="180"></el-table-column>
|
|
|
<el-table-column prop="mobile" label="联系电话" width="180"></el-table-column>
|
|
|
<el-table-column prop="liveAddress" label="常住地址" width="180"></el-table-column>
|
|
|
<el-table-column prop="registAddress" label="户籍地址" width="180"></el-table-column>
|
|
|
<el-table-column prop="occupationName" label="职业" width="180"></el-table-column>
|
|
|
<el-table-column prop="marriageName" label="婚姻状态" width="180"></el-table-column>
|
|
|
<el-table-column prop="firstChargeType" label="医保类型" width="180"></el-table-column>
|
|
|
<el-table-column prop="turnDownStatusName" label="下转状态" width="180"></el-table-column>
|
|
|
<el-table-column prop="receiveStatusName" label="接收状态" width="180"></el-table-column>
|
|
|
<el-table-column prop="hospitalName" label="接收医院" width="180"></el-table-column>
|
|
|
<el-table-column prop="doctorName" label="接收医生" width="180"></el-table-column>
|
|
|
<el-table-column prop="archivesStatusName" label="随访状态" width="180"></el-table-column>
|
|
|
<el-table-column prop="isLiveName" label="生存状态" width="180"></el-table-column>
|
|
|
<el-table-column prop="deathTime" label="死亡日期" width="180"></el-table-column>
|
|
|
<el-table-column label="操作" min-width="220" fixed="right">
|
|
|
<template slot-scope="{row}">
|
|
|
<el-button type="text" @click="onClickEdit(row)">编辑</el-button>
|
|
|
<el-button type="text" @click="onClickServiceRecord(row)">服务记录</el-button>
|
|
|
<el-button type="text" @click="onClickHealthRecord(row)">健康档案</el-button>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
</el-table>
|
|
|
<div class="c-t-right mt20">
|
|
|
<!-- TODO 修正 -->
|
|
|
<el-pagination
|
|
|
@current-change="handleCurrentChange"
|
|
|
@size-change="handleSizeChange"
|
|
|
:current-page.sync="page"
|
|
|
:page-size="size"
|
|
|
:page-sizes="[10, 20, 50]"
|
|
|
layout="total, sizes, prev, pager, next, jumper"
|
|
|
:total="totalCount"></el-pagination>
|
|
|
<!-- <el-button type="success " size="mini" @click="toggle(true)">导入</el-button> -->
|
|
|
<el-button type="ff9526" size="mini" @click="exportTable">导出</el-button>
|
|
|
<el-button type="ff9526" size="mini" @click="standardExport" :disabled="exportStandardLoading">国家标准导出</el-button>
|
|
|
<el-button type="success" size="mini" @click="synPatient">档案同步</el-button>
|
|
|
<el-button type="primary" size="mini" v-if="isGuGan" @click="openAllocationDialog">分配</el-button>
|
|
|
<el-button type="primary" size="mini" v-else @click="distributionHospital">批量分配</el-button>
|
|
|
<span class="eliminate" @click="eliminateClick">清除筛选条件</span>
|
|
|
</div>
|
|
|
<!--=======================================================-->
|
|
|
</div>
|
|
|
<div class="ad-schedule-import">
|
|
|
<el-dialog :destroy-on-close="true" title="导入" custom-class="schedule-import" :visible.sync="isShow" :append-to-body="true" width="400px">
|
|
|
<div>
|
|
|
<el-form ref="form" label-width="100px">
|
|
|
<el-form-item label="居民档案">
|
|
|
<el-upload action="" :before-upload="beforeUploadPic" :multiple="false" accept=".xls,.xlsx" :show-file-list="false" :file-list="fileList">
|
|
|
<span class="fileName" style="color: #12b7f5">{{file? file.name : '请选择文件'}}</span>
|
|
|
<el-button style="vertical-align: middle" size="small" type="primary">选择文件</el-button>
|
|
|
</el-upload>
|
|
|
</el-form-item>
|
|
|
</el-form>
|
|
|
</div>
|
|
|
</template>
|
|
|
<template v-else-if="showEditView">
|
|
|
<copd-patient-record-edit :editData="currentEditData" ref="editName"></copd-patient-record-edit>
|
|
|
</template>
|
|
|
<template v-else-if="serviceRecordVisable">
|
|
|
<copd-service-record :detailInfo="currentEditData" @back="back"></copd-service-record>
|
|
|
</template>
|
|
|
<template v-else-if="healthRecordVisable">
|
|
|
<health-record></health-record>
|
|
|
</template>
|
|
|
<el-dialog title="分配管理医生" :visible.sync="allocationDialog" width="500px">
|
|
|
<el-form :model="allocationForm" ref="allocationForm">
|
|
|
<el-form-item label="管理机构:">{{docInfo.hospitalName}}</el-form-item>
|
|
|
<el-form-item label="管理医生:" :rules="{required: true, message:'请选择管理医生'}" prop="doctor">
|
|
|
<el-select v-model="allocationForm.doctor" popper-class="dropDown-select" filterable :loading="selectLoading">
|
|
|
<el-option v-for="item in doctorList" :value="item.code" :label="item.name">
|
|
|
{{item.name}}
|
|
|
<span style="padding-left: 6px">已接收:{{item.receiveNum}}人</span>
|
|
|
<span style="padding-left: 6px">未接收:{{item.unReceiveNum}}人</span>
|
|
|
<span style="padding-left: 6px">签约患者:{{item.signNum}}人</span>
|
|
|
<span style="padding-left: 6px">非签约患者:{{item.unSignNum}}人</span>
|
|
|
</el-option>
|
|
|
</el-select>
|
|
|
</el-form-item>
|
|
|
</el-form>
|
|
|
<span slot="footer" class="dialog-footer">
|
|
|
<el-button @click="closeAllocationDialog">取 消</el-button>
|
|
|
<el-button type="primary" @click="allocationFn">确 定</el-button>
|
|
|
<el-button @click="toggle(false)">取 消</el-button>
|
|
|
<el-button v-loading="loading" type="primary" @click="check">确 定</el-button>
|
|
|
</span>
|
|
|
</el-dialog>
|
|
|
|
|
|
<el-dialog
|
|
|
:destroy-on-close="true"
|
|
|
title="导入进度"
|
|
|
custom-class="schedule-import"
|
|
|
:visible.sync="isProgressShow"
|
|
|
:append-to-body="true"
|
|
|
:close-on-click-modal="false"
|
|
|
:close-on-press-escape="false"
|
|
|
:show-close="false"
|
|
|
width="400px">
|
|
|
<div class="tc">
|
|
|
<div class="mb20">{{percentage!=100? '批量处理中,请耐心等待' : success? '处理成功!' : '处理失败,请重试'}}</div>
|
|
|
<el-progress v-if="percentage!=100||success" :percentage="percentage"></el-progress>
|
|
|
<el-progress v-else="" status="exception" :percentage="percentage"></el-progress>
|
|
|
<div class="err-list" v-if="errList&&errList.length">
|
|
|
<div v-for="(item, i) in errList" :key="i" v-html="item.errorMes"></div>
|
|
|
</div>
|
|
|
<div class="mt20">
|
|
|
<el-button v-if="percentage!=100" type="info">处理中...</el-button>
|
|
|
<el-button @click="close()" v-else-if="success" type="primary">处理成功</el-button>
|
|
|
<el-button @click="close(1)" v-else type="danger">重试</el-button>
|
|
|
</div>
|
|
|
</div>
|
|
|
</el-dialog>
|
|
|
</div>
|
|
|
<el-table style="width: 100%" :data="dataList" v-loading="daLoading" @selection-change="selectionLineChangeHandle">
|
|
|
<el-table-column type="selection" width="55"></el-table-column>
|
|
|
<el-table-column prop="name" label="患者姓名" width="180"></el-table-column>
|
|
|
<el-table-column prop="nationality" label="国籍" width="180"></el-table-column>
|
|
|
<el-table-column prop="nationName" label="民族" width="180"></el-table-column>
|
|
|
<el-table-column prop="idcardTypeName" label="证件类型" width="180"></el-table-column>
|
|
|
<el-table-column prop="idcard" label="证件号码" width="180"></el-table-column>
|
|
|
<el-table-column prop="sexName" label="性别" width="180"></el-table-column>
|
|
|
<el-table-column prop="birthday" label="出生日期" width="180"></el-table-column>
|
|
|
<el-table-column prop="age" label="年龄" width="180"></el-table-column>
|
|
|
<el-table-column prop="mobile" label="联系电话" width="180"></el-table-column>
|
|
|
<el-table-column prop="liveAddress" label="常住地址" width="180"></el-table-column>
|
|
|
<el-table-column prop="registAddress" label="户籍地址" width="180"></el-table-column>
|
|
|
<el-table-column prop="occupationName" label="职业" width="180"></el-table-column>
|
|
|
<el-table-column prop="marriageName" label="婚姻状态" width="180"></el-table-column>
|
|
|
<el-table-column prop="firstChargeType" label="医保类型" width="180"></el-table-column>
|
|
|
<el-table-column prop="sourceTypeName" label="患者来源" width="180"></el-table-column>
|
|
|
<el-table-column prop="isSign" label="是否签约" width="180"></el-table-column>
|
|
|
<el-table-column prop="signHospitalName" label="签约机构" width="180"></el-table-column>
|
|
|
<el-table-column prop="signDoctorName" label="签约医生" width="180"></el-table-column>
|
|
|
<el-table-column prop="turnDownStatusName" label="下转状态" width="180"></el-table-column>
|
|
|
<el-table-column prop="receiveStatusName" label="接收状态" width="180"></el-table-column>
|
|
|
<el-table-column prop="hospitalName" label="接收医院" width="180"></el-table-column>
|
|
|
<el-table-column prop="doctorName" label="接收医生" width="180"></el-table-column>
|
|
|
<el-table-column prop="archivesStatusName" label="随访状态" width="180"></el-table-column>
|
|
|
<el-table-column prop="isLiveName" label="生存状态" width="180"></el-table-column>
|
|
|
<el-table-column prop="deathTime" label="死亡日期" width="180"></el-table-column>
|
|
|
<el-table-column label="操作" min-width="220" fixed="right">
|
|
|
<template slot-scope="{row}">
|
|
|
<el-button type="text" @click="onClickEdit(row)">编辑</el-button>
|
|
|
<el-button type="text" @click="onClickServiceRecord(row)">服务记录</el-button>
|
|
|
<el-button type="text" @click="onClickHealthRecord(row)">健康档案</el-button>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
</el-table>
|
|
|
<div class="c-t-right mt20">
|
|
|
<!-- TODO 修正 -->
|
|
|
<el-pagination
|
|
|
@current-change="handleCurrentChange"
|
|
|
@size-change="handleSizeChange"
|
|
|
:current-page.sync="page"
|
|
|
:page-size="size"
|
|
|
:page-sizes="[10, 20, 50]"
|
|
|
layout="total, sizes, prev, pager, next, jumper"
|
|
|
:total="totalCount"></el-pagination>
|
|
|
</div>
|
|
|
</div>
|
|
|
</body>
|
|
|
</html>
|
|
|
</template>
|
|
|
<template v-else-if="showEditView">
|
|
|
<copd-patient-record-edit :editData="currentEditData" ref="editName"></copd-patient-record-edit>
|
|
|
</template>
|
|
|
<template v-else-if="serviceRecordVisable">
|
|
|
<copd-service-record :detailInfo="currentEditData" @back="back"></copd-service-record>
|
|
|
</template>
|
|
|
<template v-else-if="healthRecordVisable">
|
|
|
<health-record></health-record>
|
|
|
</template>
|
|
|
<el-dialog title="分配管理医生" :visible.sync="allocationDialog" width="500px">
|
|
|
<el-form :model="allocationForm" ref="allocationForm">
|
|
|
<el-form-item label="管理机构:">{{docInfo.hospitalName}}</el-form-item>
|
|
|
<el-form-item label="管理医生:" :rules="{required: true, message:'请选择管理医生'}" prop="doctor">
|
|
|
<el-select v-model="allocationForm.doctor" popper-class="dropDown-select" filterable :loading="selectLoading">
|
|
|
<el-option v-for="item in doctorList" :value="item.code" :label="item.name">
|
|
|
{{item.name}}
|
|
|
<span style="padding-left: 6px">已接收:{{item.receiveNum}}人</span>
|
|
|
<span style="padding-left: 6px">未接收:{{item.unReceiveNum}}人</span>
|
|
|
<span style="padding-left: 6px">签约患者:{{item.signNum}}人</span>
|
|
|
<span style="padding-left: 6px">非签约患者:{{item.unSignNum}}人</span>
|
|
|
</el-option>
|
|
|
</el-select>
|
|
|
</el-form-item>
|
|
|
</el-form>
|
|
|
<span slot="footer" class="dialog-footer">
|
|
|
<el-button @click="closeAllocationDialog">取 消</el-button>
|
|
|
<el-button type="primary" @click="allocationFn">确 定</el-button>
|
|
|
</span>
|
|
|
</el-dialog>
|
|
|
<el-dialog title="批量分配详情" :visible.sync="batchAllocation" width="1300px">
|
|
|
<el-form inline size="small">
|
|
|
<el-form-item label="当前分配状态:">
|
|
|
<el-select v-model="batchForm.status">
|
|
|
<el-option label="全部" value=""></el-option>
|
|
|
<el-option label="未分配" value="2"></el-option>
|
|
|
<el-option label="未接受" value="0"></el-option>
|
|
|
<el-option label="已接受" value="1"></el-option>
|
|
|
</el-select>
|
|
|
</el-form-item>
|
|
|
<el-form-item label="签约状态:">
|
|
|
<el-select v-model="batchForm.isSign">
|
|
|
<el-option label="全部" value=""></el-option>
|
|
|
<el-option label="是" value="1"></el-option>
|
|
|
<el-option label="否" value="0"></el-option>
|
|
|
</el-select>
|
|
|
</el-form-item>
|
|
|
<el-form-item label="是否存在下转去向:">
|
|
|
<el-select v-model="batchForm.isTurn">
|
|
|
<el-option label="全部" value=""></el-option>
|
|
|
<el-option label="是" value="1"></el-option>
|
|
|
<el-option label="否" value="0"></el-option>
|
|
|
</el-select>
|
|
|
</el-form-item>
|
|
|
<el-form-item>
|
|
|
<el-button type="primary" @click="searchBatchData">搜索</el-button>
|
|
|
</el-form-item>
|
|
|
</el-form>
|
|
|
<el-table :data="batchData" @selection-change="selectBatchData" ref="batchAllocationTable">
|
|
|
<el-table-column type="selection" width="70" :selectable="selectable"></el-table-column>
|
|
|
<el-table-column min-width="100" label="基本信息" align="center">
|
|
|
<template slot-scope="{row}">
|
|
|
<div>{{row.name}}</div>
|
|
|
<div>{{row.idcard}}</div>
|
|
|
<div>{{row.liveAddress}}</div>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
<el-table-column min-width="70" label="签约信息" align="center">
|
|
|
<template slot-scope="{row}">
|
|
|
<div :class="`tag ${row.isSign == '已签约'?'success':'warning'}`">{{row.isSign}}</div>
|
|
|
<div v-if="row.doctorName">{{row.signDoctorName}}</div>
|
|
|
<div v-if="row.hospitalName">{{row.signHospitalName}}</div>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
<el-table-column min-width="100" label="当前分配信息" align="center">
|
|
|
<template slot-scope="{row}">
|
|
|
<div :class="`tag ${row.statusName == '已接收'?'success':row.statusName == '未接收'?'primary':'danger'}`">{{row.statusName}}</div>
|
|
|
<div>{{row.doctorName}}</div>
|
|
|
<div>{{row.hospitalName}}</div>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
<el-table-column min-width="100" label="最近一次分配信息" align="center">
|
|
|
<template slot-scope="{row}">
|
|
|
<div>{{row.lastDoctor}}</div>
|
|
|
<div>{{row.lastHospitalName}}</div>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
<el-table-column min-width="100" label="下转去向" align="center">
|
|
|
<template slot-scope="{row}">
|
|
|
<div>{{row.toDoctorName}}</div>
|
|
|
<div>{{row.toHospitalName}}</div>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
</el-table>
|
|
|
<span slot="footer" class="dialog-footer">
|
|
|
<el-button @click="batchAllocation = false">取消分配</el-button>
|
|
|
<el-button type="primary" @click="confirmBatchData">确认分配</el-button>
|
|
|
</span>
|
|
|
</el-dialog>
|
|
|
<el-dialog :title="allocationProgress == 100?'分配完成':'正在分配'" :visible.sync="progressVisible" width="600px">
|
|
|
<el-progress :percentage="allocationProgress" :stroke-width="8"></el-progress>
|
|
|
<div class="mt10" v-html="progressContent"></div>
|
|
|
<span slot="footer" class="dialog-footer">
|
|
|
<el-button @click="function(){progressVisible = false;batchAllocation=false}" v-show="allocationProgress == 100">确定</el-button>
|
|
|
</span>
|
|
|
</el-dialog>
|
|
|
</div>
|
|
|
</div>
|