|
|
<template> <div> <el-card> <div slot="header">批量预登记</div> <div style="display: flex;margin-bottom: 10px;justify-content:space-between;"> <div></div> <div style="display: flex;"> <div> <a :underline="false" href="/files/单位体检人员名单导入模板.xlsx"><el-button class="btnClass">下载导入模版</el-button></a> </div> <div> <el-button class="btnClass" @click="seq = 0">导入</el-button> </div> <div> <el-button class="btnClass" @click="btnExport('tableData')">导入后结果状态导出</el-button> </div> </div> </div> <div id="tableData"> <el-table :data="tableData" border v-if="mode=='10'" :row-class-name="importRowClassName" :height="window.pageHeight < 600 ? 405 : (window.pageHeight - 195)" highlight-current-row size="small" :summary-method="getSummaries" show-summary> <el-table-column type="index" label="序号" width="40" align="center"/> <el-table-column prop="importState" label="导入状态" min-width="80" sortable/> <el-table-column prop="importDes" label="导入描述" min-width="180" sortable/> <el-table-column v-for="(item,index) in importCols" :key="`col${index}`" :prop="item.dispLabel" align="center" :label="item.dataLabel || item.dispLabel" min-width="100"/> </el-table> <el-table :data="tableData" border v-if="mode=='20'" :row-class-name="importRowClassName" :height="window.pageHeight < 600 ? 405 : (window.pageHeight - 195)" highlight-current-row size="small" > <el-table-column type="index" label="序号" width="40" align="center"/> <el-table-column prop="importState" label="导入状态" min-width="80" sortable/> <el-table-column prop="importDes" label="导入描述" min-width="180" sortable/> <el-table-column prop="patientNo" align="center" label="档案号" min-width="80"/> <el-table-column prop="medicalTimes" align="center" label="体检次数" min-width="80"/> <el-table-column prop="patientName" align="center" label="姓名" min-width="80"/> <el-table-column prop="sexId" align="center" label="性别" min-width="40"> <template slot-scope="scope"> <div>{{ dddw(dict.sex, "id", scope.row.sexId, "displayName") }}</div> </template> </el-table-column> <el-table-column prop="birthDate" align="center" label="出生日期" min-width="80"> <template slot-scope="scope"> <div>{{ scope.row.birthDate ? moment(new Date(scope.row.birthDate)).format('yyyy-MM-DD'):'' }}</div> </template> </el-table-column> <el-table-column prop="age" align="center" label="年龄" min-width="40"/> <el-table-column prop="customerOrgParentName" align="center" label="单位" min-width="150"/> <el-table-column prop="customerOrgName" align="center" label="部门" min-width="120"/> <el-table-column prop="telephone" align="center" label="电话" min-width="100"/> <el-table-column prop="mobileTelephone" align="center" label="手机" min-width="100"/> <el-table-column prop="creatorName" align="center" label="登记人员" min-width="80"/> <el-table-column prop="creationTime" align="center" label="登记日期" min-width="80"> <template slot-scope="scope"> <div>{{ scope.row.birthDate ? moment(new Date(scope.row.creationTime)).format('yyyy-MM-DD'):'' }}</div> </template> </el-table-column> </el-table> </div> </el-card>
<el-dialog title="请选择导入方式" :visible.sync="dialogGroup.mode" width="700px" :show-close="false" :append-to-body="true" :close-on-click-modal="false"> <div style="height:400px;margin-left: 200px;"> <br/><el-radio v-model="mode" label="10">从Excle导入</el-radio> <br/> <br/><el-radio v-model="mode" label="20">从以往体检资料中导入</el-radio> </div> <span slot="footer" class="dialog-footer"> <el-button type="primary" @click="btnFirst">下一步</el-button> <el-button @click="seq = -1">关闭</el-button> </span> </el-dialog>
<el-dialog title="导入EXCEL注意事项" :visible.sync="dialogGroup.fileReadme" width="700px" :show-close="false" :append-to-body="true" :close-on-click-modal="false"> <div style="height:400px;padding: 0 20px; "> <br/>导入Excel时，Excel的格式必须符合一定规范，该格式的模板文件放在程序的执行目录下，文件名为："单位体检人员名单导入模板.xls" <br/>注意事项如下: <br/> <div style="margin-left: 25px;">1、姓名不能为空，其余数据可根据实际情况选择是否填写。 <br/>2、部门、单位分组、性别、婚姻状况、人员类别、体检类别、民族必须与本软件系统中的名称完全一致。 <br/>3、年龄和出生日期可以只填一栏，系统将自动对年龄和出生日期进行相互转换。 <br/>4、Excel中标题列不能有单元格合并。 </div> </div> <span slot="footer" class="dialog-footer"> <el-button type="primary" @click="seq--">上一步</el-button> <el-button type="primary" @click="seq++">下一步</el-button> <el-button @click="seq = -1">关闭</el-button> </span> </el-dialog>
<el-dialog title="选择文件" :visible.sync="dialogGroup.fileChoose" width="700px" :show-close="false" :append-to-body="true" :close-on-click-modal="false"> <div style="height:400px;padding: 0 50px; "> <!-- webkitdirectory 选择文件属性， multiple 多选属性--> <div><input ref="fileNames" type="file" accept=".xlsx,.xls" @change="changeFileChoose" @focus="fileGetFocus"/></div> <div style="margin: 5px 70px;width:240px;"> <el-table :data="sheetNames" border ref="sheetNames" height="300" row-click="chooseSheetName" highlight-current-row size="small" > <el-table-column prop="sheetName" label="Excel表单名" min-width="200" align="center"/> </el-table> </div> <div style="display: flex;flex-wrap: wrap;"> <span style="margin-top: 6px;">标题行： 第</span> <el-input type="number" id="fileNames" v-model="readDataOpts.titleRow" size="small" style="width:60px;margin: 0 5px;"/> <span style="margin-top: 6px;">行</span> </div> </div> <span slot="footer" class="dialog-footer"> <el-button type="primary" @click="seq--">上一步</el-button> <el-button type="primary" @click="seq++">下一步</el-button> <el-button @click="seq = -1">关闭</el-button> </span> </el-dialog>
<el-dialog title="选择待导入的客户信息" :visible.sync="dialogGroup.fileDataOpr" width="700px" :show-close="false" :close-on-click-modal="false"> <!--:append-to-body="true" --> <div style="height:400px;"> <div style="margin-top: -10px;"> 1、按住 Ctr1 或 Shift 键可进行多选，在标题列右击鼠标可设置列名，即：标题列有√；<br> 2、身份证号有值且合法时，将以身份证号为主自动换算性别、出生日期及年龄；<br> </div> <div style="margin: 5px 0px 0px;" @contextmenu.prevent=""> <!-- --> <el-table :data="excelData" border ref="excelData" @header-contextmenu="headerContextmenu" height="360" @row-click="chooseDataImport" row-key="id" highlight-current-row size="small" :row-class-name="handleRowClassName"> <el-table-column type="index" align="center" label="序号" min-width="40"/> <!-- <el-table-column prop="choosed" align="center" label="选中" min-width="40"/> --> <el-table-column v-for="(item,index) in excelCols" :key="`col_${index}`" :prop="item.dispLabel" align="center" :label="(item.val ? '√':'') + (item.dataLabel || item.dispLabel)" :min-width="100+index"/> </el-table> </div> </div> <span slot="footer" class="dialog-footer"> <el-button type="primary" @click="btnChoose('excelData','all')">全选</el-button> <el-button type="primary" @click="btnChoose('excelData')" style="margin-right: 300px;">取消全选</el-button>
<el-button type="primary" @click="seq--">上一步</el-button> <el-button type="primary" @click="seq++">下一步</el-button> <el-button @click="seq = -1">关闭</el-button> </span> </el-dialog>
<el-dialog title="选择单位" :visible.sync="dialogGroup.fileDataOpts" width="700px" :show-close="false" :close-on-click-modal="false"> <!--:append-to-body="true" --> <div style="height:400px;"> <div style="margin-top: -10px;"> 选择的人员信息必须直接属于该单位或者是该单位的一级部门,如果人员信息直接属于该单位请将Exce1文件中该人员信息的部门名称设为空 </div> <div style="display: flex;margin:20px;"> <div> <span>体检单位：</span> <el-cascader v-model="customerOrgIds" :options="customerOrgTree" style="width:200px;" @change="changeCustomerOrg" filterable :filter-method="filterMethod" :props="{ checkStrictly: true, expandTrigger: 'hover', ...customerOrg.treeprops, }" :show-all-levels="false" size="small"> </el-cascader> </div> <div style="margin-left: 20px"> <span>单位体检次数：</span> <el-select v-model="customerOrgRegister" placeholder="次数" style="width: 60px; margin-left: 10px" size="small" value-key="id" > <el-option v-for="item in customerOrgRegisterList" :key="item.id" :label="item.medicalTimes" :value="item" /> </el-select> </div> </div> <div style="display: flex;margin:20px;"> <span>相同姓名的人员：</span> <div style="display: flex;margin-top:20px;"> <el-radio v-model="dataImportOpts.nameType" label="1">同名病人提示</el-radio> <el-radio v-model="dataImportOpts.nameType" label="2">本单位同名提示</el-radio> <el-radio v-model="dataImportOpts.nameType" label="3">不提示</el-radio> </div> </div> <div style="display: flex;margin:20px;"> <span>登记状态：</span> <div style="display: flex;margin-top:20px;"> <el-radio v-model="dataImportOpts.completeFlag" label="0">预登记</el-radio> <el-radio v-model="dataImportOpts.completeFlag" label="1">正式登记</el-radio> </div> </div> <div style="display: flex;margin:20px;"> <span>工卡号：</span> <div style="display: block;margin-top:20px;"> <div style="display: flex;"> <el-checkbox v-model="dataImportOpts.isAutoCreatePatientNo" /> <span style="margin-left:5px;">工卡号作为档案号</span> </div> <div style="display: flex;" v-if="dataImportOpts.isAutoCreatePatientNo"> <span style="margin-top:6px;">工卡号开始位置：</span> <el-input type="number" v-model="dataImportOpts.cardStartNum" size="small" style="width:60px;margin: 0 10px 0 0;"/> <span style="margin-top:6px;">长度：</span> <el-input type="number" v-model="dataImportOpts.cardLength" size="small" style="width:60px;margin: 0 10px 0 0;" /> <span style="margin-top:6px;"> 不足长度时，前面补0</span> </div> </div> </div> <div style="display: flex;margin:20px;"> <span>是否自动创建部门：</span> <el-checkbox v-model="dataImportOpts.isAutoCreateDepartment" /> </div> </div> <span slot="footer" class="dialog-footer"> <el-button type="primary" @click="seq--">上一步</el-button> <el-button type="primary" @click="btnImport">确定导入</el-button> <el-button @click="seq = -1">关闭</el-button> </span> </el-dialog>
<el-dialog title="同名人员信息确认" :visible.sync="dialogSameMan" width="500px" :show-close="false" :close-on-click-modal="false"> <!--:append-to-body="true" --> <div style="margin: 5px 0px 0px;" > <!-- --> <el-table :data="sameMans" border ref="sameMans" height="260" @row-click="rowClickSameMan" row-key="patientId" highlight-current-row size="small"> <el-table-column type="index" align="center" label="序号" min-width="40"/> <el-table-column prop="patientNo" align="center" label="档案号" min-width="80"/> <el-table-column prop="displayName" align="center" label="姓名" min-width="80"/> <el-table-column prop="sexId" align="center" label="性别" min-width="40"/> <el-table-column prop="idNo" align="center" label="身份证号" min-width="150"/> <el-table-column prop="birthDate" align="center" label="出生日期" min-width="110"/> <el-table-column prop="telephone" align="center" label="电话" min-width="100"/> <el-table-column prop="mobileTelephone" align="center" label="手机" min-width="100"/> </el-table> </div> <span slot="footer" class="dialog-footer"> <el-button type="primary" @click="btnOldMan">按档案人员导入</el-button> <el-button type="primary" @click="btnNewMan">按新人方式导入</el-button> </span> </el-dialog>
<!--从历史数据库中查询导入--> <el-dialog title="选择单位查询条件" :visible.sync="dialogGroup.query" width="700px" :show-close="false" :close-on-click-modal="false"> <!--:append-to-body="true" --> <div style="height:400px;"> <div style="margin-top: -10px;"> 选择单位时必须选择其体检次数 </div> <div style="display: flex;margin:20px;"> <span class="spanLeftClass">体检单位：</span> <el-cascader v-model="query.customerOrgIds" :options="customerOrgTree" style="width:200px;" @change="changeQueryCustomerOrg" filterable :filter-method="filterMethod" :props="{ checkStrictly: true, expandTrigger: 'hover', ...customerOrg.treeprops, }" :show-all-levels="false" size="small"> </el-cascader> <div style="margin-left: 20px"> <span>单位体检次数：</span> <el-select v-model="query.customerOrgRegister" placeholder="次数" style="width: 60px; margin-left: 10px" size="small" value-key="id" > <el-option v-for="item in query.customerOrgRegisterList" :key="item.id" :label="item.medicalTimes" :value="item" /> </el-select> </div> </div> <div style="display: flex;margin:20px;"> <span class="spanLeftClass">登记日期：</span> <el-date-picker v-model="query.startDate" type="date" placeholder="起始日期" size="small" style="width:130px;"/> <span class="spanMidClass">至</span> <el-date-picker v-model="query.endDate" type="date" placeholder="截止日期" size="small" style="width:130px;"/> </div> <div style="display: flex;margin:20px;"> <span class="spanLeftClass">档案号：</span> <el-input placeholder="起始档案号" v-model="query.patientNoStart" size="small" clearable style="width: 130px" /> <span class="spanMidClass">至</span> <el-input placeholder="截止档案号" v-model="query.patientNoEnd" size="small" clearable style="width: 130px" /> </div> <div style="display: flex;margin:20px;"> <span class="spanLeftClass">姓名：</span> <el-input placeholder="姓名" v-model="query.patientName" size="small" clearable style="width: 130px" /> <span class="spanMidClass">性别：</span> <el-select v-model="query.sexId" placeholder="请选择" style="width: 130px" size="small"> <el-option v-for="item in dict.forSex" :key="item.id" :label="item.displayName" :value="item.id" /> </el-select> </div> <div style="display: flex;margin:20px;"> <span class="spanLeftClass">状态：</span> <el-select v-model="query.completeFlag" placeholder="请选择" clearable style="width: 130px" size="small"> <el-option v-for="item in dict.completeFlag" :key="item.id" :label="item.displayName" :value="item.id" /> </el-select> </div> </div> <span slot="footer" class="dialog-footer"> <el-button type="primary" @click="seq--">上一步</el-button> <el-button type="primary" @click="seq++">下一步</el-button> <el-button @click="seq = -1">关闭</el-button> </span> </el-dialog>
<!--选择历史档案客户信息--> <el-dialog title="选择历史档案客户信息" :visible.sync="dialogGroup.oldMansChoose" width="700px" :show-close="false" :close-on-click-modal="false"> <!--:append-to-body="true" --> <div style="height:400px;"> <div style="margin-top: -10px;"> 按住 Ctr1 或 Shift 键可进行多选<br> </div> <div style="margin: 5px 0px 0px;" > <!-- --> <el-table :data="prList" border ref="prList" height="375" @row-click="rowClickPrList" highlight-current-row size="small" :row-class-name="handleRowClassName"> <el-table-column type="index" align="center" label="序号" min-width="40"/> <el-table-column prop="patientNo" align="center" label="档案号" min-width="80"/> <el-table-column prop="medicalTimes" align="center" label="体检次数" min-width="80"/> <el-table-column prop="patientName" align="center" label="姓名" min-width="80"/> <el-table-column prop="sexId" align="center" label="性别" min-width="40"> <template slot-scope="scope"> <div>{{ dddw(dict.sex, "id", scope.row.sexId, "displayName") }}</div> </template> </el-table-column> <el-table-column prop="birthDate" align="center" label="出生日期" min-width="80"> <template slot-scope="scope"> <div>{{ scope.row.birthDate ? moment(new Date(scope.row.birthDate)).format('yyyy-MM-DD'):'' }}</div> </template> </el-table-column> <el-table-column prop="age" align="center" label="年龄" min-width="40"/> <el-table-column prop="customerOrgParentName" align="center" label="单位" min-width="150"/> <el-table-column prop="customerOrgName" align="center" label="部门" min-width="120"/> <el-table-column prop="telephone" align="center" label="电话" min-width="100"/> <el-table-column prop="mobileTelephone" align="center" label="手机" min-width="100"/> <el-table-column prop="creatorName" align="center" label="登记人员" min-width="80"/> <el-table-column prop="creationTime" align="center" label="登记日期" min-width="80"> <template slot-scope="scope"> <div>{{ scope.row.birthDate ? moment(new Date(scope.row.creationTime)).format('yyyy-MM-DD'):'' }}</div> </template> </el-table-column>
<!-- "patientRegisterNo": "T4724", "patientId": "3a0eeeeb-55b6-86d7-a578-a9c9e332e7ed", "medicalTimes": 1, "customerOrgId": "3a0eeeeb-5647-6fee-6052-c3c8cde65b92", "customerOrgGroupId": "3a0e77cf-dfb7-2c35-1310-982136ca6c0c", "medicalPackageId": null, "patientName": "刘一", "sexId": "M", "birthDate": "10/1/1967", "age": 57, "jobCardNo": null, "medicalCardNo": null, "maritalStatusId": "9", "medicalTypeId": null, "personnelTypeId": null, "jobPost": null, "jobTitle": null, "photo": null, "salesman": null, "sexHormoneTermId": null, "interposeMeasure": null, "medicalConclusionId": "00000000-0000-0000-0000-000000000000", "reportPrintTimes": 0, "isUpload": "N", "completeFlag": "0", "isMedicalStart": "N", "medicalStartDate": "11/16/2023", "isRecoverGuide": "N", "summaryDate": "", "summaryDoctor": null, "isAudit": "N", "auditDoctor": null, "auditDate": "", "isLock": "N", "isNameHide": "N", "isPhoneFollow": "N", "isVip": "N", "thirdInfo": null, "guidePrintTimes": null, "remark": null, "organizationUnitId": "68f2d834-2bf0-4978-ad54-d2133c12a333", "customerOrgRegisterId": "3a0d5dfa-3e3f-b781-6d82-779e872d1b2a", "patientNo": "T4719", "patientPassword": "", "displayName": "刘一", "nationId": null, "birthPlaceId": null, "idNo": null, "postalCode": null, "email": null, "telephone": "15510826***", "mobileTelephone": null, "address": null, "customerOrgName": "部1", "customerOrgParentId": "3a0c5101-a6a6-e48a-36ec-33e7567a99e6", "customerOrgParentName": "神豚集团", "creatorName": "", "lastModifierName": "", "lastModificationTime": "2023-11-17T18:05:53.63381", "lastModifierId": "3a0c4180-107c-0c89-b25b-0bd34666dcec", "creationTime": "2023-11-17T18:05:53.633769", "creatorId": "3a0c4180-107c-0c89-b25b-0bd34666dcec", "id": "3a0eeeeb-565d-8a44-a2b7-a1c81cf43f2d" --> </el-table> </div> </div> <span slot="footer" class="dialog-footer"> <el-button type="primary" @click="btnChoose('prList','all')">全选</el-button> <el-button type="primary" @click="btnChoose('prList')" style="margin-right: 300px;">取消全选</el-button>
<el-button type="primary" @click="seq--">上一步</el-button> <el-button type="primary" @click="seq++">下一步</el-button> <el-button @click="seq = -1">关闭</el-button> </span> </el-dialog>
<el-dialog title="选择单位" :visible.sync="dialogGroup.oldMansOpts" width="700px" :show-close="false" :close-on-click-modal="false"> <!--:append-to-body="true" --> <div style="height:400px;"> <div style="margin-top: -10px;margin-left: 20px;"> 如果是新单位或部门，选择的病人将直接导入该单位而不是其子单位 </div> <div style="display: flex;margin:20px;"> <div style="margin:7px 0;"> <el-radio v-model="newCustomerOrgFlag" :label="false">单位或部门不变</el-radio> <el-radio v-model="newCustomerOrgFlag" :label="true">新单位或部门</el-radio> </div> <div style="margin-left:5px;" v-if="newCustomerOrgFlag"> <el-cascader v-model="customerOrgIds" :options="customerOrgTree" style="width:200px;" @change="changeCustomerOrg" filterable :filter-method="filterMethod" :props="{ checkStrictly: true, expandTrigger: 'hover', ...customerOrg.treeprops, }" :show-all-levels="false" size="small"> </el-cascader> </div> </div> <div style="margin-top: 20px;margin-left:20px;"> <span>单位体检次数：</span> <el-select v-model="customerOrgRegister" placeholder="次数" style="width: 80px;" size="small" value-key="id" > <el-option v-for="item in customerOrgRegisterList" :key="item.id" :label="item.medicalTimes" :value="item" /> </el-select> </div> <div style="margin-top: 20px;margin-left:20px;"> <span>单位体检分组：</span> <el-select v-model="curGroup" filterable clearable value-key="id" style="width:192px;" placeholder="请选择分组" size="small" > <el-option v-for="item in groups" :key="item.id" :label="item.displayName" :value="item" /> </el-select> </div> <div style="margin-top:20px;margin-left:20px;"> <span>登记状态：</span> <el-radio v-model="dataImportOpts.completeFlag" label="0">预登记</el-radio> <el-radio v-model="dataImportOpts.completeFlag" label="1">正式登记</el-radio> </div> <div style="margin-top:20px;margin-left:20px;"> <span>支付方式：</span> <el-select v-model="payTypeFlag" placeholder="请选择" style="width: 130px" size="small"> <el-option v-for="item in dict.payType" :key="item.id" :label="item.displayName" :value="item.id" /> </el-select> </div> </div> <span slot="footer" class="dialog-footer"> <el-button type="primary" @click="seq--">上一步</el-button> <el-button type="primary" @click="btnImportFromDataBase">确定导入</el-button> <el-button @click="seq = -1">关闭</el-button> </span> </el-dialog>
<!-- 通用进度条 --> <el-dialog title="数据处理中……" :visible.sync="elProgress.display" width="700px" height="400" :show-close="false" :close-on-click-modal="false" :append-to-body="true" > <ElProgressOCX /> </el-dialog> </div></template><script>import moment from "moment"import { mapState, mapActions } from "vuex";import { read,readFile, utils } from "xlsx";import FileSaver from 'file-saver';
import { getapi, postapi, putapi, deletapi } from "@/api/api";import { arrayExistObj ,arrayFilter ,dddw, tcdate } from '@/utlis/proFunc';import ElProgressOCX from "../../components/report/ElProgressOCX.vue";
export default { components: { ElProgressOCX, }, data() { return { customerOrgTree:[], customerOrgIds:[], //选中单位节点
customerOrgRegisterList: [], //体检次数列表
customerOrgRegister: {}, //体检次数
peisid:null, startPoint: -1, // 多选起点 -1 表示未选择
endPoint: -1, // 多选终点 -1 表示未选择
rClickRow: null, //右击的行
rClickColumn: null, //右击的列（预留）
dialogGroup:{ mode:true, //选模式 10 开始 文件导入，20开始 从数据库中导入
fileReadme:false, //导入EXCEL注意事项
fileChoose:false, //选择文件
fileDataOpr:false, //文件数据分析操作
fileDataOpts:false, //文件数据导入前参数设定
query:false, //单位查询条件
oldMansChoose:false, //选择历史数据导入
oldMansOpts:false, //历史数据导入前参数设定
}, oldSeq:-2, //旧的步骤（辅助区分上一步，下一步）
seq: 0, //当前显示窗口
mode: '10', //模式 10 开始 文件导入，20开始 从数据库中导入
excelCols: [{dispLabel:'',val:'',dataLabel:''}], //excel数据列名 {dispLabel:'',val:'',dataLabel:''}
importCols:[], //实际导入的列（即有设置与 dataCols 匹配的列）
excelData: [], //excel表格数据
dataCols:[ {dispLabel:'不设置',val:''}, {dispLabel:'工卡号',val:'jobCardNo'}, {dispLabel:'部门',val:'departmentName'}, {dispLabel:'分组',val:'customerOrgGroupName'}, {dispLabel:'姓名',val:'patientName'}, {dispLabel:'性别',val:'sexName'}, {dispLabel:'年龄',val:'age'}, {dispLabel:'出生日期',val:'birthDate'}, {dispLabel:'婚姻状况',val:'maritalStatusName'}, {dispLabel:'民族',val:'nationName'}, {dispLabel:'身份证号',val:'idNo'}, {dispLabel:'体检卡号',val:'medicalCardNo'}, {dispLabel:'电话',val:'telephone'}, {dispLabel:'手机',val:'mobileTelephone'}, {dispLabel:'电子邮件',val:'email'}, {dispLabel:'邮编',val:'postalCode'}, {dispLabel:'地址',val:'address'}, {dispLabel:'职务',val:'jobPost'}, {dispLabel:'职称',val:'jobTitle'}, {dispLabel:'人员类别',val:'personnelTypeName'}, {dispLabel:'体检类别',val:'medicalTypeName'}, {dispLabel:'支付方式',val:'payTypeFlag'}, ], /* photo string nullable: true 照片
salesman string nullable: true 介绍人
sexHormoneTermName string nullable: true 性激素期限
isNameHide string nullable: true 隐藏姓名
remark string nullable: true 备注
interposeMeasure string nullable: true 干预措施
medicalConclusionId string($uuid) nullable: true 体检结论
birthPlaceName string nullable: true 出生地 */
tableData:[], //导入数据状态显示
workBook:null, //EXCEL 工作薄
sheetNames:[], //EXCEL 工作薄中的表单 {sheetName:}
readDataOpts:{ file:'', //选中的文件名
sheetNameChoosed:'', //当前选中的表格
titleRow:1, //标题行
}, readDataOptsInit:{}, dataImportOpts:{ customerOrgId:'', //单位ID
nameType:'2', //同名病人处理(1.同名病人提示，只要存在同名就提示 2.本单位同名提示，单位内部同名就提示 3.不提示，所有数据创建)
completeFlag:'0', //完成标志 0：预登记 1：未检 2：部份已检 3：已总检 默认未检
isAutoCreateDepartment:true, // 是否自动创建部门 Y N( N：按名字查找部门，如果未找到就提示 Y:未找到就创建)
isAutoCreatePatientNo:false, // 工卡号作为档案号 Y/N (根据工卡号生成，可以指定起始位置跟位数)
cardStartNum:1, cardLength:6, startRow:0, //从 excelData 的第几行开始导入
}, dataImportOptsInit:{}, dialogSameMan:false, //同名人员确认窗口
sameMans:[], //同名人员列表
choosedSameMan:{}, // 当前选中同名人员信息
query:{ //单位查询条件
customerOrgIds:[], customerOrgId:'', customerOrgRegisterList:[], customerOrgRegister:{}, customerOrgRegisterId:'', startDate:null, endDate:null, startPatientNo:'', endPatientNo:'', patientName:'', sexId:'A', completeFlag:'', }, prList:[], //查询出符合条件的历史档案人员信息
groups:[], //体检分组列表
curGroup:null, //当前选中要导入的分组 {}
newCustomerOrgFlag:false, // [false]单位或部门不变 or [true]新单位或部门
payTypeFlag:'1', // 默认单位
}; },
//组件创建完成，一般页面初始布局放在这里
created() { this.peisid = window.sessionStorage.getItem('peisid'); if(!this.peisid || this.peisid == 'null'){ this.seq = -1 } this.readDataOptsInit = Object.assign({},this.readDataOpts) this.dataImportOptsInit = Object.assign({},this.dataImportOpts) },
//页面挂载完成，一般页面渲染数据放在这里
mounted() { this.dictInit()
},
computed: { ...mapState(["window", "dict", "elProgress", "patientRegister", "customerOrg"]), }, methods: { dddw,moment, dictInit(){
// 获取单位列表树
getapi("/api/app/customerorg/getbycodeall").then((res) => { // console.log("res.data", res.data);
if(res.code != -1){ this.customerOrgTree = res.data; let lfind = arrayExistObj(this.customerOrgTree,'id',this.dict.personOrgId) if(lfind > -1) this.customerOrgTree.splice(lfind,1) tcdate(this.customerOrgTree) } });
//性别（查询）
getapi("/api/app/for-sex").then((res) => { if (res.code == 1) { this.dict.forSex = res.data; } });
//性别（仅档案用）
getapi("/api/app/sex").then((res) => { if (res.code == 1) { this.dict.sex = res.data; } });
},
//清空进度数据数据
clearProcess(){
this.workBook = null //EXCEL 工作薄
this.sheetNames = [] //EXCEL 工作薄中的表单 {sheetName:}
this.readDataOpts = Object.assign({},this.readDataOptsInit) this.dataImportOpts = Object.assign({},this.dataImportOptsInit)
this.customerOrgIds = [] //选中单位节点
this.customerOrgRegisterList = [] //体检次数列表
this.customerOrgRegister = {} //体检次数
this.startPoint = -1 // 多选起点 -1 表示未选择
this.endPoint = -1 // 多选终点 -1 表示未选择
},
// 获取单位列表树
getCustomerOrgTree() { getapi("/api/app/customerorg/getbycodeall").then((res) => { // console.log("res.data", res.data);
if(res.code != -1){ this.customerOrgTree = res.data; let lfind = arrayExistObj(this.customerOrgTree,'id',this.dict.personOrgId) if(lfind > -1) this.customerOrgTree.splice(lfind,1) tcdate(this.customerOrgTree) } }); },
//单位过滤 预留
filterMethod(){
},
//选择单位
changeCustomerOrg(v){ this.chooseCustomerOrg(v) },
//选择单位查询条件
changeQueryCustomerOrg(v){ this.chooseCustomerOrg(v,'query') },
chooseCustomerOrg(v,obj) { let id = '' if(typeof v == 'string'){ id = v }else{ id = v[0] }
getapi( `/api/app/customerorgregister/getlistincustomerorgid?CustomerOrgId=${id}` ).then((res) => { if (res.code != -1) { if(obj == 'query'){ this.query.customerOrgRegisterList = res.data if (this.query.customerOrgRegisterList.length > 0) { this.query.customerOrgRegister = this.query.customerOrgRegisterList[this.query.customerOrgRegisterList.length - 1]; } else { this.query.customerOrgRegister = {}; // this.customerOrgGroups = [];
} }
this.customerOrgRegisterList = arrayFilter(res.data, 'isComplete', 'N') //不显示已完成的体检次数
if (this.customerOrgRegisterList.length > 0) { this.customerOrgRegister = this.customerOrgRegisterList[this.customerOrgRegisterList.length - 1]; // this.getCustomerOrgGroup(this.customerOrgRegister.id);
} else { this.customerOrgRegister = {}; // this.customerOrgGroups = [];
} } }); },
//第一次点下一步
btnFirst() { if(!this.peisid || this.peisid == 'null'){ this.$message.warning("该用户未选归属体检中心，不能执行此操作！"); return } this.seq = parseInt(this.mode) },
// 导入过程 上一步，下一步
async btnProcess(seq){ let keys = Object.keys(this.dialogGroup) let count = 0 //选中待导入的人员数
if(seq == 9){ this.workBook = null this.sheetNameChoosed = '' seq =0 } if(seq == 19) seq =0
// console.log('keys',keys)
switch (seq) { case -1: //关闭所有弹窗
keys.forEach(e =>{ this.dialogGroup[e] = false }) this.clearProcess() break; case 0: //显示 选择导入方式
keys.forEach(e =>{ if(e == 'mode'){ this.dialogGroup[e] = true }else{ this.dialogGroup[e] = false } }) this.excelCols = [] this.tableData = [] this.prList = [] this.startPoint = -1 // 多选起点 -1 表示未选择
this.endPoint = -1 // 多选终点 -1 表示未选择
break; case 10: //显示 EXCEL 导入
keys.forEach(e =>{ if(e == 'fileReadme'){ this.dialogGroup[e] = true }else{ this.dialogGroup[e] = false } }) break; case 11: //显示 文件选择 窗口
keys.forEach(e =>{ if(e == 'fileChoose'){ this.dialogGroup[e] = true }else{ this.dialogGroup[e] = false } }) break; case 12: // 从后面退回时，无需读数据
if(this.oldSeq < seq){ if(!this.readData()){ this.seq-- break; } }
//显示 数据分析操作 窗口
keys.forEach(e =>{ if(e == 'fileDataOpr'){ this.dialogGroup[e] = true }else{ this.dialogGroup[e] = false } }) break; case 13: count = 0 this.excelData.forEach(e =>{ if(e.choosed) count++ }) if(count == 0){ this.$message.warning("未选中要导入的记录") this.seq-- break; }
//显示 文件数据导入前参数设定 窗口
keys.forEach(e =>{ if(e == 'fileDataOpts'){ this.dialogGroup[e] = true }else{ this.dialogGroup[e] = false } }) break; case 20: //显示 单位查询条件 导入
keys.forEach(e =>{ if(e == 'query'){ this.dialogGroup[e] = true }else{ this.dialogGroup[e] = false } }) break; case 21: //显示 选择要导入的 档案人员
if(this.oldSeq < seq){ if(!await this.getPrList()){ console.log('this.seq break',this.seq) this.seq-- break } }
keys.forEach(e =>{ if(e == 'oldMansChoose'){ this.dialogGroup[e] = true }else{ this.dialogGroup[e] = false } }) break; case 22: //显示 选择新的体检单位及分组
count = 0 this.prList.forEach(e =>{ if(e.choosed) count++ }) if(count == 0){ this.$message.warning("未选中要导入的记录") this.seq-- break; }
keys.forEach(e =>{ if(e == 'oldMansOpts'){ this.dialogGroup[e] = true }else{ this.dialogGroup[e] = false } }) break;
default: break; } },
//导入完后，导入状态显示
importRowClassName({ row, rowIndex }) { if (row.importState == '导入失败') { return "danger"; } else { return ""; } },
//多选 颜色标记
handleRowClassName({ row, rowIndex }) { if (row.choosed) { return "current-row"; } else { return ""; } },
// 导入完后，状态统计
getSummaries(param) { const { columns, data } = param; const sumCol = [2]; //需合计的列
const sums = []; let success = 0,fail = 0;
columns.forEach((column, index) => { //显示合计列
if (index === 1) { sums[index] = "合计"; return; }
//不合计的列
if (sumCol.indexOf(index) == -1) { sums[index] = ""; return; } data.forEach((item) => { if(item[column.property] == '导入成功'){ success++ }else{ fail++ } }); }); sums[2] = `导入 成功：${success} 条，失败：${fail} 条。`
return sums; },
//清除所选文件
fileGetFocus(e){ console.log('fileGetFocus(e)',e) e.value = '' //未起作用的
// e.target.files = []
},
// 获取选择的文件
changeFileChoose(e) { if(e.target.files.length <= 0) return; this.readDataOpts.file = e.target.files[0]; // 调用导入Excel文件的方法
// File {name: 'vulkan-1.dll',
// console.log('file',file,file.type)
let fileName = this.readDataOpts.file.name.split('.') let fileNameExt = fileName[fileName.length - 1].toLowerCase() if(fileNameExt != 'xls' && fileNameExt != 'xlsx'){ this.$message.warning("你选的文件可能不是标准的Excel文件！") } this.readFile(this.readDataOpts.file); },
//sheetjs 读取文件
readFile(file){ const reader = new FileReader(); reader.readAsBinaryString(file); // reader.readAsArrayBuffer(file);
reader.onload = (e) => { let data = e.target.result; // let typedArray = new Uint8Array(data);
// var workBook = read(typedArray,{type:'array'})
// this.workBook = read(data,{type:'binary',cellDates:true}) //日期将转成 标准 日期格式，显示会 undefined
this.workBook = read(data,{type:'binary'}) // var workBook = readFile(file); //后端读法
this.sheetNames = [] this.workBook.SheetNames.forEach(e =>{ this.sheetNames.push({sheetName:e}) })
this.$nextTick(() =>{ this.$refs['sheetNames'].setCurrentRow(this.sheetNames[0]); this.chooseSheetName(this.sheetNames[0]) }) } },
//选择要导入的Excel表单名
chooseSheetName(row){ this.readDataOpts.sheetNameChoosed = row.sheetName },
//读取数据
readData(){ let ret = 1 if(!this.readDataOpts.file || !this.workBook || !this.readDataOpts.sheetNameChoosed){ this.$message.warning("请选择文件及要导入的表格") return 0 }
if(this.readDataOpts.titleRow <= 0){ this.$message.warning("标题行不能小于1") return 0 }
let worksheet = this.workBook.Sheets[this.readDataOpts.sheetNameChoosed]; //分析标题信息
let head = utils.sheet_to_json(worksheet,{header:1}); this.excelCols = [] head[this.readDataOpts.titleRow - 1].forEach(e => { let lfind = arrayExistObj(this.dataCols,'dispTitle',e),val = '',dataLabel = ''; if(lfind > -1){ val = this.dataCols[lfind].val dataLabel = this.dataCols[lfind].dataLabel } this.excelCols.push({ dispLabel:e, val, dataLabel }) }) //console.log('head,',head,this.excelCols)
this.excelData = utils.sheet_to_json(worksheet,{raw:false,range:this.readDataOpts.titleRow - 1}); //raw:false,range:1 从第1行开始读取
this.excelData.forEach((e,index) => { e.choosed = false; e.index = index; e.id = 'excelData' + index; }); //console.log('this.excelCols',this.excelCols)
// console.log('sheet_to_json excelData',this.excelData)
// 导入后，批量分析Excel列 与 数据字段 的匹配关系
this.parseExcelData()
return ret },
//选择要导入的数据
chooseDataImport(row) { // console.log("this.excelData",this.excelData);
// 按住了shift键
if (this.window.shift) { //清除所有选择
this.excelData.forEach((e,index) => { e.choosed = false; e.index = index; });
if (this.startPoint == -1) { this.excelData[row.index].choosed = true; this.startPoint = row.index; }else{ if (this.startPoint > row.index) { for (let i = row.index; i <= this.startPoint; i++) { this.excelData[i].choosed = true; } } else if (this.startPoint <= row.index) { for (let i = this.startPoint; i <= row.index; i++) { this.excelData[i].choosed = true; } } } }else if (this.window.ctrl) { // 按住了ctrl 键
this.excelData[row.index].choosed = true; if (this.startPoint == -1){ this.startPoint = row.index; } }else{ // 未按住了ctrl 、shift 键
//清除所有选择
console.log("清除所有选择"); this.excelData.forEach((e,index) => { e.choosed = false; e.index = index; }); // console.log(this.excelData,row.index);
// console.log(this.excelData[row.index].choosed);
this.excelData[row.index].choosed = true; this.startPoint = row.index; } },
// 全选（取消全选）
btnChoose(refName,type){ let choosed = false if(type && type == 'all'){ choosed = true } this[refName].forEach(e =>{ e.choosed = choosed if(choosed){ this.$refs[refName].setCurrentRow(e) } })
if(!choosed){ this.$refs[refName].setCurrentRow() } },
//右击标题
headerContextmenu(column, event){ let chooseCol = column.minWidth - 100 let items = [] //菜单
this.dataCols.forEach(e =>{ items.push({ label:e.dispLabel, onClick: () => { this.setColumn(chooseCol,e) }, }) })
//右击显示的菜单
this.$contextmenu({ items, event, //x: event.clientX,
//y: event.clientY,
customClass: "custom-class", zIndex: 30000, //够大再能在最上面显示
minWidth: 80, height:20 });
return false; },
//设置真实数据字段列
setColumn(oldColNum,newColObj){ // console.log('oldColNum,newColObj',oldColNum,newColObj)
//如果数据字段已设置过，则将之前设置的先清空
if(newColObj.dispLabel != "不设置"){ let lfind = arrayExistObj(this.excelCols,'dataLabel',newColObj.dispLabel) if(lfind > -1){ this.excelCols[lfind].dataLabel = '' this.excelCols[lfind].val = '' } }
this.excelCols[oldColNum].dataLabel = newColObj.dispLabel this.excelCols[oldColNum].val = newColObj.val // console.log('newColObj.val',newColObj.val)
let tempDate = '' if(newColObj.val == 'birthDate'){ this.excelData.forEach(e =>{ tempDate = e[this.excelCols[oldColNum].dispLabel] // console.log('birthDate',tempDate)
e[this.excelCols[oldColNum].dispLabel] = tempDate ? moment(new Date(tempDate)).format('yyyy-MM-DD'):'' }) } },
// 导入后，批量分析Excel列 与 数据字段 的匹配关系
parseExcelData(){ let lfind = -1 this.excelCols.forEach((e,i) =>{ lfind = arrayExistObj(this.dataCols,'dispLabel',e.dispLabel) if(lfind > -1) this.setColumn(i,this.dataCols[lfind]) }); },
// 确定导入数据库
btnImport(){ if(!this.customerOrgIds || this.customerOrgIds.length == 0){ this.$message.warning("请选择单位") return } if(!this.customerOrgRegister || !this.customerOrgRegister.id){ this.$message.warning("请选择单位体检次数") return } this.elProgress.display = true; this.elProgress.percentage = 0;
this.importCols = [] this.excelCols.forEach(e =>{ if(e.val){ this.importCols.push(e) } }) this.tableData = []
//导入进行中
this.importing(this.dataImportOpts.startRow,this.dataImportOpts.nameType) },
//导入进行时
// startRow : 从第几行开始导入，同名判断交互时，续接导入
// startRowNameType : 续接导入的第1行，执行 同名判断模式， 3.不提示，按新人导入
async importing(startRow,startRowNameType){ let body = {} for(let i=startRow;i<this.excelData.length;i++){ this.elProgress.percentage = Math.floor( ((i + 1) * 100) / this.excelData.length );
if(this.excelData[i].choosed){ body = this.excelDataToApiBody(this.excelData[i]) if(i == startRow) body.nameType = startRowNameType if(this.choosedSameMan.patientId){ body.patientId = this.choosedSameMan.patientId this.choosedSameMan = {} // 清除选择
}
console.log('this.excelData[i]',i,body) try { let res = await postapi('/api/app/patientregister/createpatientregisterexcel',body) if(res.code != -1){ if(res.data.code == 1){ this.tableData.push(Object.assign({importState:'导入成功'},this.excelData[i])) }else if(res.data.code == -2){ this.sameMans = res.data.details this.dialogSameMan = true this.dataImportOpts.startRow = i break; }else{ this.tableData.push(Object.assign({importState:'导入失败',importDes:res.data.msg},this.excelData[i])) } }else{ this.tableData.push(Object.assign({importState:'导入失败',importDes:res.message},this.excelData[i])) } } catch (error) { break; } } // 结束导入
if(i == this.excelData.length - 1){ this.elProgress.display = false; this.seq = -1 } } },
//将Excel的数据转换成接口的数据
excelDataToApiBody(ExcelData){ let body = { customerOrgId:this.customerOrgIds[this.customerOrgIds.length - 1], customerOrgRegisterId:this.customerOrgRegister.id, organizationUnitId:this.peisid, nameType:this.dataImportOpts.nameType, completeFlag:this.dataImportOpts.completeFlag, isAutoCreateDepartment: this.dataImportOpts.isAutoCreateDepartment ? 'Y':'N', isAutoCreatePatientNo:this.dataImportOpts.isAutoCreatePatientNo ? 'Y':'N', cardStartNum:this.dataImportOpts.cardStartNum, cardLength:this.dataImportOpts.cardLength }
this.excelCols.forEach(e =>{ if(e.val){ switch (e.val) { case 'age': if(ExcelData[e.dispLabel]) body[e.val] = parseInt(ExcelData[e.dispLabel]) break; // case 'birthDate':
// if(ExcelData[e.dispLabel]) body[e.val] = moment(new Date(ExcelData[e.dispLabel])).format('yyyy-MM-DD')
// break;
default: body[e.val] = ExcelData[e.dispLabel] break; } } }) return body },
//选中同名人员档案
rowClickSameMan(row){ this.choosedSameMan = Object.assign({},row) }, // 同名人员，按档案人员导入
btnOldMan(){ if(!this.choosedSameMan.patientId){ this.$message.warning("请选择要导入的档案人员") return } this.importing(this.dataImportOpts.startRow) this.dialogSameMan = false },
// 同名人员，按新人方式导入
btnNewMan(){ this.choosedSameMan = {} this.importing(this.dataImportOpts.startRow,'3') this.dialogSameMan = false },
// 查询档案人员
async getPrList(){ let ret = false if(!this.query.customerOrgIds || this.query.customerOrgIds.length == 0){ this.$message.warning("请选择单位或部门") return false }
if(!this.query.customerOrgRegister || !this.query.customerOrgRegister.id){ this.$message.warning("请选择单位体检次数") return false }
this.query.customerOrgId = this.query.customerOrgIds[this.query.customerOrgIds.length - 1] this.query.customerOrgRegisterId = this.query.customerOrgRegister.id let body = Object.assign({},this.query) delete body.customerOrgIds delete body.customerOrgRegister delete body.customerOrgRegisterList
if(!body.completeFlag) delete body.completeFlag if(!body.patientName) delete body.patientName if(!body.startPatientNo && !body.endPatientNo){ delete body.startPatientNo delete body.endPatientNo }else if(!body.startPatientNo){ this.$message.warning("请填写起始档案号") return false }else if(!body.endPatientNo){ this.$message.warning("请填写截止档案号") return false }
if(!body.startDate && !body.endDate){ delete body.startDate delete body.endDate }else if(!body.startDate){ this.$message.warning("请填写起始登记日期") return false }else if(!body.endDate){ this.$message.warning("请填写截止登记日期") return false }else{ body.startDate = moment(new Date(body.startDate)).format('yyyy-MM-DD') body.endDate = moment(new Date(body.endDate)).format('yyyy-MM-DD') }
const loading = this.$loading({ lock: true, text: "Loading", spinner: "el-icon-loading", background: "rgba(0, 0, 0, 0.7)", });
try { let res = await postapi('/api/patientregister/getpatientregisterimportlist',body) if(res.code != -1){ this.prList = res.data if(res.data.length == 0){ this.$message.warning("没有符合条件的数据") }else{ ret = true } } } catch (error) { //
}
loading.close()
return ret },
//选择要导入的数据
rowClickPrList(row) { // console.log("this.excelData",this.excelData);
// 按住了shift键
if (this.window.shift) { //清除所有选择
this.prList.forEach((e,index) => { e.choosed = false; e.index = index; });
if (this.startPoint == -1) { this.prList[row.index].choosed = true; this.startPoint = row.index; }else{ if (this.startPoint > row.index) { for (let i = row.index; i <= this.startPoint; i++) { this.prList[i].choosed = true; } } else if (this.startPoint <= row.index) { for (let i = this.startPoint; i <= row.index; i++) { this.prList[i].choosed = true; } } } }else if (this.window.ctrl) { // 按住了ctrl 键
this.prList[row.index].choosed = true; if (this.startPoint == -1){ this.startPoint = row.index; } }else{ // 未按住了ctrl 、shift 键
//清除所有选择
console.log("清除所有选择"); this.prList.forEach((e,index) => { e.choosed = false; e.index = index; }); // console.log(this.excelData,row.index);
// console.log(this.excelData[row.index].choosed);
this.prList[row.index].choosed = true; this.startPoint = row.index; } },
//获取分组
getGroups(customerOrgRegisterId) { ///api/app/customerorggroup/getlistinfilter?CustomerOrgRegisterId=3fa85f64-5717-4562-b3fc-2c963f66afa6
getapi(`/api/app/customerorggroup/getlistinfilter?CustomerOrgRegisterId=${customerOrgRegisterId}`).then(res => { if (res.code != - 1) { this.groups = res.data.items; this.curGroup = null //清除已选分组
} }) },
//确定从档案中导入数据
async btnImportFromDataBase(){ let customerOrgIds = [] let customerOrgId = "" if(this.newCustomerOrgFlag){ customerOrgIds = this.customerOrgIds }else{ customerOrgIds = this.query.customerOrgIds } if(customerOrgIds && customerOrgIds.length > 0) customerOrgId = customerOrgIds[customerOrgIds.length - 1] if(!customerOrgId){ this.$message.warning("请选择新导入的体检单位或部门") return }
if(!this.curGroup || !this.customerOrgRegister){ this.$message.warning("请选择新导入的体检次数与分组") return } let body = { customerOrgRegisterId:this.customerOrgRegister.id, customerOrgGroupId:this.curGroup.id, completeFlag:this.dataImportOpts.completeFlag, payTypeFlag:this.payTypeFlag, organizationUnitId:this.peisid, } // {
// "patientRegisterId": "3fa85f64-5717-4562-b3fc-2c963f66afa6",
// "customerOrgId": "3fa85f64-5717-4562-b3fc-2c963f66afa6",
// "customerOrgRegisterId": "3fa85f64-5717-4562-b3fc-2c963f66afa6",
// "customerOrgGroupId": "3fa85f64-5717-4562-b3fc-2c963f66afa6",
// "completeFlag": "string",
// "payTypeFlag": "string",
// "organizationUnitId": "3fa85f64-5717-4562-b3fc-2c963f66afa6"
// }
this.elProgress.display = true this.elProgress.percentage = 0 for(let i=0;i<this.prList.length;i++){ this.elProgress.percentage = Math.floor(((i + 1) * 100) / this.prList.length); if(!this.prList[i].choosed) continue
body.patientRegisterId = this.prList[i].id body.customerOrgId = this.newCustomerOrgFlag ? customerOrgId:this.prList[i].customerOrgId
try { let res = await postapi('/api/app/patientregister/createpatientregisterhistory',body) if(res.code != -1){ if(res.data.code != -1){ this.tableData.push(Object.assign({importState:'导入成功'},this.prList[i])) }else{ this.tableData.push(Object.assign({importState:'导入失败',importDes:res.data.msg},this.prList[i])) } }else{ this.tableData.push(Object.assign({importState:'导入失败',importDes:res.message},this.prList[i])) } } catch (error) { this.tableData.push(Object.assign({importState:'导入失败',importDes:res.message},this.prList[i])) }
} this.elProgress.display = false this.seq = -1
},
//通用导出
btnExport(elId){ let table = document.getElementById(elId); let tableData = table.innerHTML let fileName = moment(new Date()).format('yyyyMMDDHHmmss') + '.xls' let blob = new Blob([tableData],{type:"text/plain;charset=utf-8"});
FileSaver.saveAs(blob, fileName);
}, },
watch: { "seq":{ immediate: true, // 立即执行
// deep: true, // 深度监听复杂类型内变化
handler(newVal,oldVal){ console.log('watch:seq:',newVal,oldVal) if(!oldVal && oldVal != 0){ this.oldSeq = -2 }else{ this.oldSeq = oldVal } if(newVal != oldVal){ this.btnProcess(newVal); } } },
"readDataOpts.titleRow":{ // immediate: true, // 立即执行
deep: true, // 深度监听复杂类型内变化
handler(newVal,oldVal){ console.log('watch:readDataOpts.titleRow:',newVal,oldVal) if(newVal && newVal != oldVal){ if(this.seq == 11) this.readData() } } },
//所选体检次数改变时，自动获取登记日期
"query.customerOrgRegister.id":{ // immediate: true, // 立即执行
deep: true, // 深度监听复杂类型内变化
handler(newVal,oldVal){ if(newVal && newVal != oldVal){ this.query.startDate = new Date(this.query.customerOrgRegister.beginTime) this.query.endDate = this.query.customerOrgRegister.isComplete == 'N' ? new Date(): new Date(this.query.customerOrgRegister.endTime) } } },
//选体检新体检次数改变时，获取分组数据
"customerOrgRegister.id":{ // immediate: true, // 立即执行
deep: true, // 深度监听复杂类型内变化
handler(newVal,oldVal){ if(newVal && newVal != oldVal){ this.getGroups(newVal) } } },
},
};</script><style scoped>@import '../../assets/css/global_button.css';@import '../../assets/css/global_card.css';@import '../../assets/css/global_dialog.css';@import '../../assets/css/global_form.css';@import '../../assets/css/global_input.css';@import '../../assets/css/global_table.css';@import '../../assets/css/global.css';
.btnClass{ margin-right: 10px;}
.spanLeftClass{ margin-top:6px; width: 70px;}
.spanMidClass{ text-align: center; margin-top:6px; width: 50px;}
/* type=number 显示微调按钮 */::v-deep input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button { -webkit-appearance: button !important; margin: 0 -12px 0 0 !important;}
</style>
|
