列表完成
This commit is contained in:
parent
242a897d22
commit
fa3b9b9e32
@ -2,9 +2,9 @@
|
|||||||
<template>
|
<template>
|
||||||
<div class="epidemicPrevention">
|
<div class="epidemicPrevention">
|
||||||
<div class="query">
|
<div class="query">
|
||||||
<el-form ref="queryParams" :model="queryParams" :inline="true" label-width="120px">
|
<el-form ref="eduType" :model="queryParams" :inline="true" label-width="120px">
|
||||||
<el-form-item label="培训类型" prop="personType">
|
<el-form-item label="培训类型" prop="personType">
|
||||||
<el-select v-model="queryParams.personType" placeholder="请选择培训类型" clearable
|
<el-select v-model="queryParams.eduType" placeholder="请选择培训类型" clearable
|
||||||
:style="{width: '100%'}">
|
:style="{width: '100%'}">
|
||||||
<el-option v-for="item in personTypeOptions" :key="item.value" :label="item.label" :value="item.value" />
|
<el-option v-for="item in personTypeOptions" :key="item.value" :label="item.label" :value="item.value" />
|
||||||
</el-select>
|
</el-select>
|
||||||
@ -22,112 +22,45 @@
|
|||||||
<div class="content">
|
<div class="content">
|
||||||
<vue-scroll>
|
<vue-scroll>
|
||||||
<div class="scroll">
|
<div class="scroll">
|
||||||
<el-table v-loading="loading" :show-header="false" :data="userList">
|
<el-table v-loading="loading" :data="userList">
|
||||||
<el-table-column align="center" prop="month">
|
|
||||||
<template #default="{ row }">
|
<el-table-column align="center"
|
||||||
<!-- 用户信息 -->
|
prop="eduCourseName"
|
||||||
<div class="user-info cell-height">
|
label="培训类型"
|
||||||
<div class="user-photo">
|
width="180">
|
||||||
<el-image :preview-src-list="[$store.state.FILEURL + row.idCardBigPhotoUrl]" :src="$store.state.FILEURL + row.idCardBigPhotoUrl" fit="cover" />
|
</el-table-column>
|
||||||
</div>
|
<el-table-column align="center"
|
||||||
<div class="user-info-right">
|
prop="teamName"
|
||||||
<!-- 人员名称和健康码 -->
|
label="班组名称"
|
||||||
<div class="top">
|
width="180">
|
||||||
<span class="user-name">{{ row.workerName }}</span>
|
</el-table-column>
|
||||||
<span :class="['health-code', returnCodeClass(row.codeState)]">{{ codeStateEnum[row.codeState] }}</span>
|
<el-table-column align="center"
|
||||||
</div>
|
prop="workerName"
|
||||||
<div class="user-info-bottom">
|
label="人员姓名">
|
||||||
<span class="user-sex">{{ row.sex == 1 ? '男' : '女' }}</span>
|
</el-table-column>
|
||||||
<div class="user-age">
|
<el-table-column align="center"
|
||||||
<span class="value">{{ row.age }}</span>
|
prop="idCard"
|
||||||
<span class="label">岁</span>
|
label="身份证号">
|
||||||
</div>
|
</el-table-column>
|
||||||
<span class="user-nation">{{ row.nation }}</span>
|
<el-table-column align="center"
|
||||||
</div>
|
prop="age"
|
||||||
</div>
|
label="年龄">
|
||||||
</div>
|
</el-table-column>
|
||||||
</template>
|
<el-table-column align="center"
|
||||||
</el-table-column>
|
prop="studyTime"
|
||||||
<el-table-column prop="name">
|
label="培训时间">
|
||||||
<template #default="{ row }">
|
</el-table-column>
|
||||||
<!-- 联系电话和班组 -->
|
</el-table>
|
||||||
<div class="space-around cell-height">
|
<el-row type="flex" justify="center">
|
||||||
<div class="telephone">
|
<pagination
|
||||||
<span class="label">联系电话：</span>
|
v-show="total > 0"
|
||||||
<span class="value">{{ row.phoneNumber }}</span>
|
:total="total"
|
||||||
</div>
|
:page.sync="queryParams.pageNo"
|
||||||
</div>
|
:limit.sync="queryParams.pageSize"
|
||||||
</template>
|
@pagination="getList"
|
||||||
</el-table-column>
|
layout="total, prev, pager, next, jumper"
|
||||||
<el-table-column align="center" prop="idCard">
|
/>
|
||||||
<template #default="{ row }">
|
</el-row>
|
||||||
<!-- 进场日期和在职状态 -->
|
|
||||||
<div class="space-around cell-height">
|
|
||||||
<div class="entry-date">
|
|
||||||
<span class="label">进场日期：</span>
|
|
||||||
<span class="value">{{ row.enterDate }}</span>
|
|
||||||
</div>
|
|
||||||
<div class="job-status">
|
|
||||||
<span class="label">在职状态：</span>
|
|
||||||
<span class="value">{{ workingStateEnum[row.inserviceType] }}</span>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
</el-table-column>
|
|
||||||
<el-table-column align="center" prop="team">
|
|
||||||
<template #default="{ row }">
|
|
||||||
<!-- 身份证号和人员类型 -->
|
|
||||||
<div class="space-around cell-height">
|
|
||||||
<div class="id-card">
|
|
||||||
<span class="label">身份证号：</span>
|
|
||||||
<span class="value">{{ row.idCard }}</span>
|
|
||||||
</div>
|
|
||||||
<div class="user-type">
|
|
||||||
<span class="label">人员类型：</span>
|
|
||||||
<span class="value">{{ personTypeEnum[row.personType] }}</span>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
</el-table-column>
|
|
||||||
<!-- 所属企业 -->
|
|
||||||
<el-table-column align="center" prop="enterpriseName">
|
|
||||||
<template #default="{ row }">
|
|
||||||
<div class="space-around cell-height">
|
|
||||||
<div class="company">
|
|
||||||
<span class="label">所属企业：</span>
|
|
||||||
<span class="value">{{ row.enterpriseName }}</span>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
</el-table-column>
|
|
||||||
<el-table-column align="center">
|
|
||||||
<template #default="{ row }">
|
|
||||||
<!-- 核酸时间和疫苗接种针次 -->
|
|
||||||
<div class="space-around cell-height">
|
|
||||||
<div class="dna-time">
|
|
||||||
<span class="label">核酸时间：</span>
|
|
||||||
<span class="value">{{ row.nadTime }}</span>
|
|
||||||
<el-button style="margin-left: 5px" type="text" icon="el-icon-edit" @click="handleUpdate(row, '核酸检测记录')">编辑</el-button>
|
|
||||||
</div>
|
|
||||||
<div class="number-of-vaccination">
|
|
||||||
<span class="label">疫苗接种针次：</span>
|
|
||||||
<span class="value">{{ vaccineStatusEnum[row.vaccineStatus] }}</span>
|
|
||||||
<el-button style="margin-left: 5px" type="text" icon="el-icon-edit" @click="handleUpdate(row, '疫苗接种记录')">编辑</el-button>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
</el-table-column>
|
|
||||||
</el-table>
|
|
||||||
<el-row type="flex" justify="center">
|
|
||||||
<pagination
|
|
||||||
v-show="total > 0"
|
|
||||||
:total="total"
|
|
||||||
:page.sync="queryParams.pageNo"
|
|
||||||
:limit.sync="queryParams.pageSize"
|
|
||||||
@pagination="getList"
|
|
||||||
layout="total, prev, pager, next, jumper"
|
|
||||||
/>
|
|
||||||
</el-row>
|
|
||||||
</div>
|
</div>
|
||||||
</vue-scroll>
|
</vue-scroll>
|
||||||
</div>
|
</div>
|
||||||
@ -150,12 +83,14 @@ export default {
|
|||||||
personTypeOptions:personTypeOptions,
|
personTypeOptions:personTypeOptions,
|
||||||
// 项目SN
|
// 项目SN
|
||||||
projectSn: '',
|
projectSn: '',
|
||||||
|
loading:false,
|
||||||
// 查询参数
|
// 查询参数
|
||||||
queryParams: {
|
queryParams: {
|
||||||
pageNo: 1,
|
pageNo: 1,
|
||||||
pageSize: 10,
|
pageSize: 10,
|
||||||
projectSn: undefined, // 项目SN
|
projectSn: undefined, // 项目SN
|
||||||
workerName: undefined // 工人姓名
|
workerName: undefined, // 工人姓名
|
||||||
|
eduType: undefined // 培训类型：0其他，1入场三级教育，2定期安全教育，3安全技术交底，4VR安全教育
|
||||||
},
|
},
|
||||||
}),
|
}),
|
||||||
computed: {
|
computed: {
|
||||||
@ -165,15 +100,16 @@ export default {
|
|||||||
},
|
},
|
||||||
created() {
|
created() {
|
||||||
this.projectSn = this.$store.state.projectSn;
|
this.projectSn = this.$store.state.projectSn;
|
||||||
this.uploadUrl = this.$store.state.UPLOADURL;
|
|
||||||
this.getList()
|
this.getList()
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
/** 查询用户数据 */
|
/** 查询用户数据 */
|
||||||
getList() {
|
getList() {
|
||||||
|
this.userList=[];
|
||||||
this.loading = true;
|
this.loading = true;
|
||||||
this.queryParams.projectSn = this.projectSn;
|
this.queryParams.projectSn = this.projectSn;
|
||||||
selectSafeEducationWorkerPageApi(this.queryParams).then(res => {
|
selectSafeEducationWorkerPageApi(this.queryParams).then(res => {
|
||||||
|
|
||||||
this.userList = res.result.records;
|
this.userList = res.result.records;
|
||||||
this.total = res.result.total
|
this.total = res.result.total
|
||||||
this.loading = false;
|
this.loading = false;
|
||||||
@ -199,7 +135,7 @@ export default {
|
|||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
padding: 20px;
|
padding: 20px;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 155px;
|
height: 85px;
|
||||||
background-color: #fff;
|
background-color: #fff;
|
||||||
border-bottom: 2px solid #f3f5fd;
|
border-bottom: 2px solid #f3f5fd;
|
||||||
}
|
}
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user