You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
1020 lines
35 KiB
1020 lines
35 KiB
<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: '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/patientregister/CreatePatientRegisterFromExcel', 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)
|
|
if(lfind == -1){
|
|
this.toApiBodys.push(Object.assign({},body,{details:[{ itemName: body.itemName, itemResult: body.itemResult, checkDate: body.checkDate }]}))
|
|
}else{
|
|
this.toApiBodys[this.toApiBodys.length - 1].details.push({ itemName: body.itemName, itemResult: body.itemResult, checkDate: body.checkDate })
|
|
}
|
|
} else {
|
|
// 横向数据
|
|
// { dataLabel: "", dispLabel: "P LCR", val: "" }
|
|
body = {
|
|
barcode: ExcelData['条码号'],
|
|
barcodeMode: this.dataImportOpts.barcodeMode,
|
|
patientName: ExcelData['姓名'],
|
|
sampleNo: ExcelData['标本号'],
|
|
deviceChannel: ExcelData['仪器通道'],
|
|
checkDate: 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) {
|
|
body.details.push({ itemName: e.dispLabel, itemResult: ExcelData[e.dispLabel], checkDate: body.checkDate })
|
|
}
|
|
})
|
|
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()
|
|
}
|
|
}
|
|
},
|
|
|
|
//所选体检次数改变时，自动获取登记日期
|
|
"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_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>
|