pengjun
1 week ago
2 changed files with 1004 additions and 0 deletions
@ -0,0 +1,998 @@ |
|||||
|
<template> |
||||
|
<div> |
||||
|
<!--主体--> |
||||
|
<div> |
||||
|
<div class="middlebox"> |
||||
|
<div class="contenttitle"> |
||||
|
体检 / |
||||
|
<span class="contenttitleBold">从文件导入检验结果</span> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div style="margin-bottom: 15px;display: flex;justify-content: space-between; |
||||
|
background-color: #fff;border-radius: 8px;padding: 15px;margin-top: 7px;"> |
||||
|
<div></div> |
||||
|
<div style="display: flex;"> |
||||
|
<div style="padding: 0 5px;"> |
||||
|
<a :underline="false" href="/files/检验结果导入模板_纵向.xls"><el-button class="commonbutton" |
||||
|
size="small">下载纵向模版</el-button></a> |
||||
|
</div> |
||||
|
<div style="padding: 0 5px;"> |
||||
|
<a :underline="false" href="/files/检验结果导入模板_横向.xls"><el-button class="commonbutton" |
||||
|
size="small">下载横向模版</el-button></a> |
||||
|
</div> |
||||
|
<div style="padding: 0 5px;"> |
||||
|
<el-button class="commonbutton" @click="seq = 10" size="small">导入</el-button> |
||||
|
</div> |
||||
|
<div style="padding: 0 5px;"> |
||||
|
<el-button class="commonbutton" @click="btnExport('tableData')" size="small" |
||||
|
style="width:140px;">导入后结果状态导出</el-button> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div id="tableData" style="padding: 15px;background-color: #fff;border-radius: 8px;"> |
||||
|
<el-table :data="tableData" :row-class-name="importRowClassName" |
||||
|
:height="window.pageHeight < 600 ? 440 : (window.pageHeight - 210)" 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> |
||||
|
</div> |
||||
|
</div> |
||||
|
|
||||
|
<!--弹窗--> |
||||
|
<div> |
||||
|
<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的格式必须符合一定规范，该格式的模板文件可通过下载模板获取。 |
||||
|
<br />注意事项如下: |
||||
|
<br /> |
||||
|
<div style="margin-left: 25px;">1、条码号不能为空，当条码号为检查项目条码时，姓名可以为空，否则不能为空； |
||||
|
<br />2、从仪器导出的数据可能含有标本号与仪器通道，但标本号与仪器通道不参与数据导入； |
||||
|
<br />3、Excel结果纵向排列时，须检查项目与结果的匹配，横向排列时自动匹配； |
||||
|
<br />4、Excel中标题列不能有单元格合并。 |
||||
|
</div> |
||||
|
</div> |
||||
|
<span slot="footer" class="dialog-footer"> |
||||
|
<el-button class="commonbutton" type="primary" @click="seq++">下一步</el-button> |
||||
|
<el-button class="commonbutton" @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 id="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="260" 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" v-model="readDataOpts.titleRow" size="small" style="width:60px;margin: 0 5px;" /> |
||||
|
<span style="margin-top: 6px;">行</span> |
||||
|
</div> |
||||
|
<div style="margin-top: 7px;display: flex;flex-wrap: wrap;"> |
||||
|
<span style="margin-top: -1px;">Excel结果排列方式：</span> |
||||
|
<el-radio v-model="readDataOpts.resultMode" label="V">纵向排列</el-radio> |
||||
|
<el-radio v-model="readDataOpts.resultMode" label="H">横向排列</el-radio> |
||||
|
</div> |
||||
|
<div style="margin-top: 7px;display: flex;flex-wrap: wrap;"> |
||||
|
<span style="margin-top: -1px;">条码方式：</span> |
||||
|
<el-radio v-model="dataImportOpts.barcodeMode" label="0">人员条码</el-radio> |
||||
|
<el-radio v-model="dataImportOpts.barcodeMode" label="1">项目条码</el-radio> |
||||
|
</div> |
||||
|
<div style="display: flex;flex-wrap: wrap;"> |
||||
|
<span style="margin-top: 6px;">未填检查时间时起始检查时间：</span> |
||||
|
<el-date-picker v-model="dataImportOpts.startCheckDate" type="datetime" placeholder="选择起始检查时间" align="right" |
||||
|
:picker-options="pickerOptions" value-format="yyyy-MM-dd HH:mm:ss" style="width:160px;" size="small"> |
||||
|
</el-date-picker> |
||||
|
<span style="margin-top: 6px;">标本间隔时间：</span> |
||||
|
<el-input type="number" v-model="dataImportOpts.checkInterval" size="small" |
||||
|
style="width:60px;margin: 0 5px;"> |
||||
|
<template slot="append">秒</template> |
||||
|
</el-input> |
||||
|
</div> |
||||
|
|
||||
|
</div> |
||||
|
<span slot="footer" class="dialog-footer"> |
||||
|
<el-button class="commonbutton" type="primary" @click="seq--">上一步</el-button> |
||||
|
<el-button class="commonbutton" type="primary" @click="seq++">下一步</el-button> |
||||
|
<el-button class="commonbutton" @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、在标题列右击鼠标可设置实际导入数据的列名，即：标题列有√；（横向排列时，项目列不显示√）<br> |
||||
|
2、按住 Ctr1 或 Shift 键可进行多选；<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"> |
||||
|
<div style="display: flex;justify-content: space-between;"> |
||||
|
<div style="display: flex;"> |
||||
|
<el-button class="commonbutton" type="primary" @click="btnChoose('excelData', 'all')">全选</el-button> |
||||
|
<el-button class="commonbutton" type="primary" @click="btnChoose('excelData')">取消全选</el-button> |
||||
|
</div> |
||||
|
<div style="display: flex;"> |
||||
|
<el-button class="commonbutton" type="primary" @click="seq--">上一步</el-button> |
||||
|
<el-button class="commonbutton" type="primary" @click="btnImport">确定导入</el-button> |
||||
|
<el-button class="commonbutton" @click="seq = -1">关闭</el-button> |
||||
|
</div> |
||||
|
</div> |
||||
|
</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> |
||||
|
</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 { getPagePriv, checkPagePriv, deepCopy, arrayExistObj, arrayFilter, dddw, tcdate } from '../../utlis/proFunc'; |
||||
|
import ElProgressOCX from "../../components/report/ElProgressOCX.vue"; |
||||
|
|
||||
|
|
||||
|
export default { |
||||
|
components: { |
||||
|
ElProgressOCX, |
||||
|
}, |
||||
|
data() { |
||||
|
return { |
||||
|
|
||||
|
startPoint: -1, // 多选起点 -1 表示未选择 |
||||
|
endPoint: -1, // 多选终点 -1 表示未选择 |
||||
|
rClickRow: null, //右击的行 |
||||
|
rClickColumn: null, //右击的列（预留） |
||||
|
|
||||
|
dialogGroup: { |
||||
|
fileReadme: true, //导入EXCEL注意事项 |
||||
|
fileChoose: false, //选择文件 |
||||
|
fileDataOpr: false, //文件数据分析操作 及导入 |
||||
|
}, |
||||
|
oldSeq: -2, //旧的步骤（辅助区分上一步，下一步） |
||||
|
seq: 10, //当前显示窗口 |
||||
|
|
||||
|
excelCols: [{ dispLabel: '', val: '', dataLabel: '' }], //excel数据列名 {dispLabel:'',val:'',dataLabel:''} |
||||
|
importCols: [], // 实际导入的列（即有设置与 dataCols 匹配的列） |
||||
|
excelData: [], // excel表格数据 |
||||
|
choosedData: [], // 选中的待导入的数据 |
||||
|
toApiBodys: [], // api需要的数据格式 |
||||
|
dataCols: [ |
||||
|
{ dispLabel: '不设置', val: '' }, |
||||
|
{ dispLabel: '条码号', val: 'barcode' }, |
||||
|
{ dispLabel: '姓名', val: 'patientName' }, |
||||
|
{ dispLabel: '标本号', val: 'sampleNo' }, |
||||
|
{ dispLabel: '仪器通道', val: 'deviceChannel' }, |
||||
|
{ dispLabel: '检查时间', val: 'checkDate' }, |
||||
|
{ dispLabel: '检查医生', val: 'checkDoctorName' }, |
||||
|
{ dispLabel: '项目', val: 'itemName' }, |
||||
|
{ dispLabel: '结果', val: 'itemResult' } |
||||
|
], |
||||
|
preBarcode: '', // 上一人条码号 |
||||
|
curCheckDate: '', // 当前检查时间 |
||||
|
|
||||
|
tableData: [], //导入数据状态显示 |
||||
|
|
||||
|
workBook: null, //EXCEL 工作薄 |
||||
|
sheetNames: [], //EXCEL 工作薄中的表单 {sheetName:} |
||||
|
readDataOpts: { |
||||
|
file: '', //选中的文件名 |
||||
|
sheetNameChoosed: '', //当前选中的表格 |
||||
|
titleRow: 1, //标题行 |
||||
|
resultMode: 'V', //Excel 结果排列方式 H:横向 V:纵向 |
||||
|
}, |
||||
|
readDataOptsInit: {}, |
||||
|
|
||||
|
dataImportOpts: { |
||||
|
barcodeMode: '1', // 条码方式： '0'/人员条码；'1'/项目条码 |
||||
|
startCheckDate: '', // 检查起始时间 |
||||
|
checkInterval: 30, // 标本间隔时间（秒） |
||||
|
}, |
||||
|
dataImportOptsInit: {}, |
||||
|
|
||||
|
pickerOptions: { |
||||
|
shortcuts: [{ |
||||
|
text: '今天', |
||||
|
onClick(picker) { |
||||
|
picker.$emit('pick', new Date()); |
||||
|
} |
||||
|
}, { |
||||
|
text: '昨天', |
||||
|
onClick(picker) { |
||||
|
const date = new Date(); |
||||
|
date.setTime(date.getTime() - 3600 * 1000 * 24); |
||||
|
picker.$emit('pick', date); |
||||
|
} |
||||
|
}, { |
||||
|
text: '前天', |
||||
|
onClick(picker) { |
||||
|
const date = new Date(); |
||||
|
date.setTime(date.getTime() - 3600 * 1000 * 48); |
||||
|
picker.$emit('pick', date); |
||||
|
} |
||||
|
}, { |
||||
|
text: '一周前', |
||||
|
onClick(picker) { |
||||
|
const date = new Date(); |
||||
|
date.setTime(date.getTime() - 3600 * 1000 * 24 * 7); |
||||
|
picker.$emit('pick', date); |
||||
|
} |
||||
|
}] |
||||
|
}, |
||||
|
}; |
||||
|
}, |
||||
|
|
||||
|
|
||||
|
//组件创建完成，一般页面初始布局放在这里 |
||||
|
created() { |
||||
|
this.seq = 10 |
||||
|
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, checkPagePriv, |
||||
|
dictInit() { |
||||
|
|
||||
|
}, |
||||
|
|
||||
|
//清空进度数据数据 |
||||
|
clearProcess() { |
||||
|
|
||||
|
let elo = document.getElementById('fileNames') |
||||
|
if (elo) elo.value = ''; // 清空选择的文件 |
||||
|
|
||||
|
this.workBook = null //EXCEL 工作薄 |
||||
|
this.sheetNames = [] //EXCEL 工作薄中的表单 {sheetName:} |
||||
|
|
||||
|
this.readDataOpts = Object.assign({}, this.readDataOptsInit) |
||||
|
this.dataImportOpts = Object.assign({}, this.dataImportOptsInit) |
||||
|
|
||||
|
this.startPoint = -1 // 多选起点 -1 表示未选择 |
||||
|
this.endPoint = -1 // 多选终点 -1 表示未选择 |
||||
|
|
||||
|
}, |
||||
|
|
||||
|
//第一次点下一步 |
||||
|
btnFirst() { |
||||
|
if (!this.peisid || this.peisid == 'null') { |
||||
|
this.$message.warning("该用户未选归属体检中心，不能执行此操作！"); |
||||
|
return |
||||
|
} |
||||
|
this.seq = 11 |
||||
|
}, |
||||
|
|
||||
|
// 导入过程 上一步，下一步 |
||||
|
async btnProcess(seq) { |
||||
|
let keys = Object.keys(this.dialogGroup) |
||||
|
let count = 0 //选中待导入的人员数 |
||||
|
|
||||
|
if (seq == 9 || seq == 29) { |
||||
|
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 10: |
||||
|
this.excelCols = [] |
||||
|
this.tableData = [] |
||||
|
this.startPoint = -1 // 多选起点 -1 表示未选择 |
||||
|
this.endPoint = -1 // 多选终点 -1 表示未选择 |
||||
|
//显示 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; |
||||
|
} |
||||
|
} |
||||
|
//显示 数据分析操作 窗口 |
||||
|
|
||||
|
if (!this.dataImportOpts.startCheckDate) { |
||||
|
this.$message.warning({ showClose: true, message: '请选择起始检查时间' }) |
||||
|
break; |
||||
|
} |
||||
|
if (!this.dataImportOpts.checkInterval) { |
||||
|
this.$message.warning({ showClose: true, message: '请填写标本间隔时间' }) |
||||
|
break; |
||||
|
} else { |
||||
|
try { |
||||
|
Number(this.dataImportOpts.checkInterval) |
||||
|
} catch (error) { |
||||
|
this.$message.warning({ showClose: true, message: '标本间隔时间只能填写数字' }) |
||||
|
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; |
||||
|
|
||||
|
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) => { |
||||
|
console.log('item,column.property', item, column.property) |
||||
|
if (item[column.property]) { |
||||
|
fail++ |
||||
|
} else { |
||||
|
success++ |
||||
|
} |
||||
|
}); |
||||
|
|
||||
|
}); |
||||
|
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; |
||||
|
// console.log('file',e.target.files[0]) |
||||
|
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.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]) |
||||
|
}) |
||||
|
} |
||||
|
|
||||
|
// 错误处理 |
||||
|
reader.onerror = function (event) { |
||||
|
// 读取失败时执行的代码 |
||||
|
console.error("File could not be read!" + event.target.error); |
||||
|
}; |
||||
|
|
||||
|
|
||||
|
reader.readAsBinaryString(file); |
||||
|
}, |
||||
|
|
||||
|
//选择要导入的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 => { |
||||
|
if (!(this.readDataOpts.resultMode == 'H' && (e.val == 'itemResult' || e.val == 'itemName'))) { |
||||
|
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文件后，批量分析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() { |
||||
|
|
||||
|
this.elProgress.display = true; |
||||
|
this.elProgress.percentage = 0; |
||||
|
|
||||
|
this.importCols = [] |
||||
|
this.excelCols.forEach(e => { |
||||
|
if (e.val) { |
||||
|
this.importCols.push(e) |
||||
|
} |
||||
|
}) |
||||
|
this.tableData = [] // 记录导入后结果状态 |
||||
|
this.choosedData = [] //选中待导入的数据 |
||||
|
this.excelData.forEach(e => { |
||||
|
if (e.choosed) this.choosedData.push(e) |
||||
|
}); |
||||
|
|
||||
|
|
||||
|
//导入进行中 |
||||
|
this.importing() |
||||
|
// 开始导入时，清除选择的 文件 |
||||
|
document.getElementById('fileNames').value = ''; |
||||
|
|
||||
|
}, |
||||
|
|
||||
|
//导入进行时 |
||||
|
async importing() { |
||||
|
|
||||
|
// 将Excel的数据转换成接口的数据 |
||||
|
this.excelDataToApiBodys(this.choosedData) |
||||
|
console.log('this.toApiBodys', this.toApiBodys) |
||||
|
|
||||
|
// 旧接口：/api/app/patientregister/createpatientregisterexcel |
||||
|
for (let i = 0; i < this.toApiBodys.length; i++) { |
||||
|
this.elProgress.percentage = Math.floor( |
||||
|
((i + 1) * 100) / this.choosedData.length |
||||
|
); |
||||
|
|
||||
|
let res = await postapi('/api/app/ImportRegularResult/ImportRegularItemResultExcel', this.toApiBodys[i]) |
||||
|
if (res.code >= 0) { |
||||
|
this.tableData.push(Object.assign({ importState: '导入成功' }, this.toApiBodys[i])) |
||||
|
} else { |
||||
|
this.tableData.push(Object.assign({ importState: '导入失败', importDes: res.message }, this.toApiBodys[i])) |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
// 结束导入 |
||||
|
this.elProgress.display = false; |
||||
|
this.seq = -1 |
||||
|
}, |
||||
|
|
||||
|
//将Excel的数据转换成接口的数据 |
||||
|
excelDataToApiBodys(ExcelAllChoosedData) { |
||||
|
this.toApiBodys = [] |
||||
|
ExcelAllChoosedData.forEach(e => { |
||||
|
this.excelDataToApiBody(e) |
||||
|
}); |
||||
|
}, |
||||
|
|
||||
|
//将Excel的数据转换成接口的数据 |
||||
|
excelDataToApiBody(ExcelData) { |
||||
|
console.log('ExcelData,this.excelCols', ExcelData, this.excelCols) |
||||
|
let body = { |
||||
|
barcodeMode: this.dataImportOpts.barcodeMode |
||||
|
} |
||||
|
// 纵向数据 |
||||
|
if (this.readDataOpts.resultMode == 'V') { |
||||
|
|
||||
|
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; |
||||
|
// case 'poisons': |
||||
|
// if (ExcelData[e.dispLabel]) body[e.val] = ExcelData[e.dispLabel].replaceAll("，", ",").split(",") |
||||
|
// break; |
||||
|
default: |
||||
|
body[e.val] = ExcelData[e.dispLabel] |
||||
|
break; |
||||
|
} |
||||
|
} |
||||
|
}) |
||||
|
|
||||
|
if (!body.checkDate) { |
||||
|
// console.log('body.checkDate,this.preBarcode,this.curCheckDate',body.checkDate,this.preBarcode,this.curCheckDate) |
||||
|
if (!this.preBarcode) { |
||||
|
this.preBarcode = body.barcode |
||||
|
this.curCheckDate = this.dataImportOpts.startCheckDate |
||||
|
} |
||||
|
|
||||
|
if (this.preBarcode != body.barcode) { |
||||
|
this.preBarcode = body.barcode |
||||
|
this.curCheckDate = moment(new Date(new Date(this.curCheckDate).getTime() + Number(this.dataImportOpts.checkInterval) * 1000)).format('yyyy-MM-DD HH:mm:ss') |
||||
|
} |
||||
|
body.checkDate = this.curCheckDate |
||||
|
} |
||||
|
if (body.deviceChannel == undefined) delete body.deviceChannel |
||||
|
if (body.sampleNo == undefined) delete body.sampleNo |
||||
|
|
||||
|
let lfind = arrayExistObj(this.toApiBodys,'barcode',body.barcode) |
||||
|
let detail = { itemName: body.itemName, itemResult: body.itemResult, checkDate: body.checkDate } |
||||
|
if(body.checkDoctorName) detail.checkDoctorName = body.checkDoctorName |
||||
|
if(lfind == -1){ |
||||
|
this.toApiBodys.push(Object.assign({},body,{details:[detail]})) |
||||
|
}else{ |
||||
|
this.toApiBodys[this.toApiBodys.length - 1].details.push(detail) |
||||
|
} |
||||
|
} else { |
||||
|
// 横向数据 |
||||
|
// { dataLabel: "", dispLabel: "P LCR", val: "" } |
||||
|
body = { |
||||
|
barcode: ExcelData['条码号'], |
||||
|
barcodeMode: this.dataImportOpts.barcodeMode, |
||||
|
patientName: ExcelData['姓名'], |
||||
|
sampleNo: ExcelData['标本号'], |
||||
|
deviceChannel: ExcelData['仪器通道'], |
||||
|
checkDate: ExcelData['检查时间'], |
||||
|
checkDoctorName: ExcelData['检查医生'], |
||||
|
details: [] |
||||
|
} |
||||
|
|
||||
|
|
||||
|
if (!body.checkDate) { |
||||
|
// console.log('body.checkDate,this.preBarcode,this.curCheckDate',body.checkDate,this.preBarcode,this.curCheckDate) |
||||
|
if (!this.preBarcode) { |
||||
|
this.preBarcode = body.barcode |
||||
|
this.curCheckDate = this.dataImportOpts.startCheckDate |
||||
|
} |
||||
|
|
||||
|
if (this.preBarcode != body.barcode) { |
||||
|
this.preBarcode = body.barcode |
||||
|
this.curCheckDate = moment(new Date(new Date(this.curCheckDate).getTime() + Number(this.dataImportOpts.checkInterval) * 1000)).format('yyyy-MM-DD HH:mm:ss') |
||||
|
} |
||||
|
body.checkDate = this.curCheckDate |
||||
|
} |
||||
|
|
||||
|
if (body.deviceChannel == undefined) delete body.deviceChannel |
||||
|
if (body.sampleNo == undefined) delete body.sampleNo |
||||
|
// [ |
||||
|
// { dispLabel: '条码号', val: 'barcode' }, |
||||
|
// { dispLabel: '姓名', val: 'patientName' }, |
||||
|
// { dispLabel: '标本号', val: 'sampleNo' }, |
||||
|
// { dispLabel: '仪器通道', val: 'deviceChannel' }, |
||||
|
// { dispLabel: '检查时间', val: 'checkDate' }, |
||||
|
// { dispLabel: '项目', val: 'itemName' }, |
||||
|
// { dispLabel: '结果', val: 'itemResult' } |
||||
|
// ] |
||||
|
this.excelCols.forEach(e => { |
||||
|
if (!e.dataLabel && !e.val) { |
||||
|
let detail = { itemName: e.dispLabel, itemResult: ExcelData[e.dispLabel], checkDate: body.checkDate } |
||||
|
if(body.checkDoctorName) detail.checkDoctorName = body.checkDoctorName |
||||
|
body.details.push(detail) |
||||
|
} |
||||
|
}) |
||||
|
this.toApiBodys.push(body) |
||||
|
} |
||||
|
}, |
||||
|
|
||||
|
|
||||
|
//选择要导入的数据 |
||||
|
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; |
||||
|
} |
||||
|
}, |
||||
|
|
||||
|
//通用导出 |
||||
|
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() |
||||
|
} |
||||
|
} |
||||
|
}, |
||||
|
|
||||
|
}, |
||||
|
|
||||
|
}; |
||||
|
</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_menu.css'; |
||||
|
@import '../../assets/css/global.css'; |
||||
|
|
||||
|
|
||||
|
.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; |
||||
|
} |
||||
|
|
||||
|
::v-deep .el-table__header th { |
||||
|
font-family: "Microsoft YaHei"; |
||||
|
} |
||||
|
</style> |
||||
Write
Preview
Loading…
Cancel
Save
Reference in new issue