shentun
/
peisweb
1
0
Fork 0
Code Issues Pull Requests Projects 1 Releases Wiki Activity
Browse Source

诊台人员列表虚拟化

master
luobinjie 3 months ago
parent
4449fd14af
commit
52b8a69fb6
1 changed files with 91 additions and 70 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 161
      src/components/doctorCheck/PatientRegisterList.vue

161
src/components/doctorCheck/PatientRegisterList.vue
View File

@ -90,28 +90,28 @@
</div>
<!-- 人员列表 -->
<el-table :data="dataList" border width="100%" :height="tableHeight" row-key="id" size="small" highlight-current-row
<u-table :data="dataList" border width="100%" :height="tableHeight" row-key="id" size="small" highlight-current-row
@row-click="rowClick" @row-dblclick="rowDblclick" ref="info" id="info" style="border-radius:10px;"
:row-class-name="tableRowClassName">
<el-table-column type="index" label="序号" width="40" align="center" />
<el-table-column prop="customerOrgParentName" label="单位" width="120" sortable show-overflow-tooltip>
:row-class-name="tableRowClassName" @table-body-scroll="scrollFull" use-virtual :row-height="23" big-data-checkbox :data-changes-scroll-top="false">
<u-table-column type="index" label="序号" width="40" align="center" />
<u-table-column prop="customerOrgParentName" label="单位" width="120" sortable show-overflow-tooltip>
<template slot-scope="scope">
<div>{{ scope.row.customerOrgParentName ? scope.row.customerOrgParentName :
scope.row.customerOrgName }}</div>
</template>
</el-table-column>
<el-table-column prop="patientName" label="姓名" width="80" sortable align="center" show-overflow-tooltip/>
<el-table-column prop="sexName" label="性别" width="50" sortable align="center" />
<el-table-column prop="age" label="年龄" width="50" align="center" sortable/>
<el-table-column prop="customerOrgName" label="部门" width="100" sortable show-overflow-tooltip>
</u-table-column>
<u-table-column prop="patientName" label="姓名" width="80" sortable align="center" show-overflow-tooltip/>
<u-table-column prop="sexName" label="性别" width="50" sortable align="center" />
<u-table-column prop="age" label="年龄" width="50" align="center" sortable/>
<u-table-column prop="customerOrgName" label="部门" width="100" sortable show-overflow-tooltip>
<template slot-scope="scope">
<div>{{ scope.row.customerOrgParentName ? scope.row.customerOrgName : "" }}</div>
</template>
</el-table-column>
<el-table-column prop="patientRegisterNo" label="条码号" width="150" sortable align="center" show-overflow-tooltip/>
<el-table-column prop="patientNo" label="档案号" sortable align="center" show-overflow-tooltip/>
<el-table-column prop="medicalTimes" label="次数" align="center" />
<el-table-column label="分组/套餐" width="150" show-overflow-tooltip>
</u-table-column>
<u-table-column prop="patientRegisterNo" label="条码号" width="150" sortable align="center" show-overflow-tooltip/>
<u-table-column prop="patientNo" label="档案号" sortable align="center" show-overflow-tooltip/>
<u-table-column prop="medicalTimes" label="次数" align="center" />
<u-table-column label="分组/套餐" width="150" show-overflow-tooltip>
<template slot-scope="scope">
<div v-if="scope.row.medicalPackageId !== dict.personOrgId && scope.row.customerOrgId === dict.personOrgId">
{{ scope.row.medicalPackageName }}
@ -120,59 +120,59 @@
{{ scope.row.customerOrgGroupName }}
</div>
</template>
</el-table-column>
<el-table-column prop="nationName" label="民族" sortable align="center" show-overflow-tooltip/>
<el-table-column prop="idNo" label="身份证" sortable width="160" align="center" show-overflow-tooltip/>
<el-table-column prop="birthDate" label="出生日期" align="center" width="100">
</u-table-column>
<u-table-column prop="nationName" label="民族" sortable align="center" show-overflow-tooltip/>
<u-table-column prop="idNo" label="身份证" sortable width="160" align="center" show-overflow-tooltip/>
<u-table-column prop="birthDate" label="出生日期" align="center" width="100">
<template slot-scope="scope">
<div v-if="scope.row.birthDate">
{{ lmoment(scope.row.birthDate, "yyyy-MM-DD") }}
</div>
</template>
</el-table-column>
<el-table-column prop="email" label="邮箱" width="150" show-overflow-tooltip/>
<el-table-column prop="mobileTelephone" label="手机" width="130" show-overflow-tooltip/>
<el-table-column prop="telephone" label="电话" width="130" show-overflow-tooltip/>
<el-table-column prop="address" label="地址" width="400" sortable show-overflow-tooltip/>
<el-table-column prop="medicalCardNo" label="体检卡号" sortable show-overflow-tooltip/>
<el-table-column prop="jobCardNo" label="工卡号" sortable show-overflow-tooltip/>
<el-table-column prop="maritalStatusName" label="婚姻状况" align="center" sortable/>
<el-table-column prop="medicalTypeName" label="体检类别" sortable show-overflow-tooltip/>
<el-table-column prop="personnelTypeName" label="人员类别" sortable show-overflow-tooltip/>
<el-table-column prop="jobPost" label="职务" width="200" sortable />
<el-table-column prop="jobTitle" label="职称" sortable show-overflow-tooltip/>
<el-table-column prop="salesman" label="介绍人" sortable show-overflow-tooltip/>
<el-table-column prop="isVip" label="是否VIP" align="center" sortable>
</u-table-column>
<u-table-column prop="email" label="邮箱" width="150" show-overflow-tooltip/>
<u-table-column prop="mobileTelephone" label="手机" width="130" show-overflow-tooltip/>
<u-table-column prop="telephone" label="电话" width="130" show-overflow-tooltip/>
<u-table-column prop="address" label="地址" width="400" sortable show-overflow-tooltip/>
<u-table-column prop="medicalCardNo" label="体检卡号" sortable show-overflow-tooltip/>
<u-table-column prop="jobCardNo" label="工卡号" sortable show-overflow-tooltip/>
<u-table-column prop="maritalStatusName" label="婚姻状况" align="center" sortable/>
<u-table-column prop="medicalTypeName" label="体检类别" sortable show-overflow-tooltip/>
<u-table-column prop="personnelTypeName" label="人员类别" sortable show-overflow-tooltip/>
<u-table-column prop="jobPost" label="职务" width="200" sortable />
<u-table-column prop="jobTitle" label="职称" sortable show-overflow-tooltip/>
<u-table-column prop="salesman" label="介绍人" sortable show-overflow-tooltip/>
<u-table-column prop="isVip" label="是否VIP" align="center" sortable>
<template slot-scope="scope">
<div>{{ scope.row.isVip == "Y" ? "是" : "否" }}</div>
</template>
</el-table-column>
<el-table-column prop="creatorName" label="登记人" sortable />
<el-table-column prop="creationTime" label="登记日期" width="100" align="center" sortable>
</u-table-column>
<u-table-column prop="creatorName" label="登记人" sortable />
<u-table-column prop="creationTime" label="登记日期" width="100" align="center" sortable>
<template slot-scope="scope">
<div>{{ lmoment(scope.row.creationTime, "yyyy-MM-DD") }}</div>
</template>
</el-table-column>
<el-table-column prop="isUpload" label="是否上传" align="center" sortable>
</u-table-column>
<u-table-column prop="isUpload" label="是否上传" align="center" sortable>
<template slot-scope="scope">
<div>{{ scope.row.isUpload == "Y" ? "是" : "否" }}</div>
</template>
</el-table-column>
<el-table-column prop="completeFlag" label="体检进度" sortable>
</u-table-column>
<u-table-column prop="completeFlag" label="体检进度" sortable>
<template slot-scope="scope">
<div>{{ dddw(dict.completeFlag, "id", scope.row.completeFlag, "displayName") }}</div>
</template>
</el-table-column>
<el-table-column prop="isLock" label="锁住" align="center" sortable>
</u-table-column>
<u-table-column prop="isLock" label="锁住" align="center" sortable>
<template slot-scope="scope">
<div>{{ scope.row.isLock == "Y" ? "是" : "否" }}</div>
</template>
</el-table-column>
<el-table-column prop="summaryDoctorName" label="总检医生" sortable align="center">
</el-table-column>
<el-table-column prop="auditDoctorName" label="审核医生" sortable align="center">
</el-table-column>
</el-table>
</u-table-column>
<u-table-column prop="summaryDoctorName" label="总检医生" sortable align="center">
</u-table-column>
<u-table-column prop="auditDoctorName" label="审核医生" sortable align="center">
</u-table-column>
</u-table>
<div style="display: flex;justify-content:space-between;">
<div></div>
<div>
@ -194,13 +194,15 @@ import moment from "moment";
import { mapState, mapMutations } from "vuex";
import { getapi, postapi, putapi, deletapi } from "@/api/api";
import { dddw, objCopy, arrayReduce, deepCopy } from "../../utlis/proFunc"
import { UTable, UTableColumn } from "umy-ui";
import CusOrgOCX from "../../components/report/CusOrgOCX.vue"
export default {
components: {
CusOrgOCX,
UTable,
UTableColumn,
},
props: ['win', 'winAbsolute'],
data() {
@ -262,9 +264,9 @@ export default {
//挂载完成
mounted() {
this.$nextTick(() => {
this.scrollFull()
})
// this.$nextTick(() => {
// this.scrollFull()
// })
},
computed: {
...mapState(["window", "dataTransOpts", "dict", "customerOrg", "patientRegister", "doctorCheck", "sumDoctorCheck", "report"]),
@ -544,28 +546,47 @@ export default {
async load() {
this.loadOpts.skipCount++
await this.getPrList()
this.lazyLoading = false;
},
//滚动加载数据
scrollFull() {
this.dom = this.$refs['info'].bodyWrapper
console.log('this.dom', this.dom)
this.dom.addEventListener('scroll', async () => {
// console.log('scrollTop',this.dom.scrollTop,'clientHeight',this.dom.clientHeight,'scrollHeight',this.dom.scrollHeight);
if (this.dom.scrollTop + this.dom.clientHeight + 20 > this.dom.scrollHeight && !this.lazyLoading) {
// 获取到的不是全部数据 当滚动到底部
console.log('scrollTop', this.dom.scrollTop, 'clientHeight', this.dom.clientHeight, 'scrollHeight', this.dom.scrollHeight);
if ((Number(this.loadOpts.skipCount) + 1) * Number(this.loadOpts.maxResultCount) >= Number(this.loadOpts.totalCount)) {
this.lazyLoading = false
} else {
this.lazyLoading = true
await this.load()
this.lazyLoading = false
// this.dom.scrollTop = this.dom.scrollTop - 100
}
}
})
async scrollFull(scroll, event) {
if (!scroll.judgeFlse) return;
// 正在加载时阻止重复触发
if (this.lazyLoading) return;
if (
(Number(this.loadOpts.skipCount) + 1) *
Number(this.loadOpts.maxResultCount) >=
Number(this.loadOpts.totalCount)
) {
return;
}
this.lazyLoading = true;
try {
await this.load();
} catch (e) {
console.error('scrollFull load error', e);
}
// this.dom = this.$refs['info'].bodyWrapper
// console.log('this.dom', this.dom)
// this.dom.addEventListener('scroll', async () => {
// // console.log('scrollTop',this.dom.scrollTop,'clientHeight',this.dom.clientHeight,'scrollHeight',this.dom.scrollHeight);
// if (this.dom.scrollTop + this.dom.clientHeight + 20 > this.dom.scrollHeight && !this.lazyLoading) {
// // 获取到的不是全部数据 当滚动到底部
// console.log('scrollTop', this.dom.scrollTop, 'clientHeight', this.dom.clientHeight, 'scrollHeight', this.dom.scrollHeight);
// if ((Number(this.loadOpts.skipCount) + 1) * Number(this.loadOpts.maxResultCount) >= Number(this.loadOpts.totalCount)) {
// this.lazyLoading = false
// } else {
// this.lazyLoading = true
// await this.load()
// this.lazyLoading = false
// // this.dom.scrollTop = this.dom.scrollTop - 100
// }
// }
// })
},
//关闭

Write Preview
Loading…
Cancel
Save