jiangyy
3 years ago
11 changed files with 2482 additions and 578 deletions
@ -0,0 +1,168 @@ |
|||
.bg-caiji { |
|||
|
|||
// background-color: rgba(189, 214, 255, 0.89); |
|||
height: 100%; |
|||
width: 100vw; |
|||
padding: 20px; |
|||
|
|||
.title { |
|||
text-align: center; |
|||
font-size: 20px; |
|||
} |
|||
|
|||
.main { |
|||
padding-top: 20px; |
|||
// font-size: 40px; |
|||
|
|||
.div_tab{ |
|||
display: flex; |
|||
justify-content: center; |
|||
|
|||
.div_option{ |
|||
text-align: center; |
|||
color:#3e8ef7; |
|||
height:35px; |
|||
width:150px; |
|||
line-height: 35px; |
|||
padding:0 0; |
|||
border:1px solid #3e8ef7 ; |
|||
} |
|||
|
|||
.option_left{ |
|||
border-radius: 5px 0 0 5px; |
|||
} |
|||
.option_right{ |
|||
border-radius: 0 5px 5px 0; |
|||
} |
|||
|
|||
.option_select{ |
|||
color:#ffffff; |
|||
background-color:#3e8ef7 ; |
|||
} |
|||
} |
|||
|
|||
.content { |
|||
margin-top:10px; |
|||
border-radius: 5px; |
|||
background-color: rgba(255, 255, 255, 0.787); |
|||
|
|||
.member_title { |
|||
padding: 10px; |
|||
font-size: 14px; |
|||
} |
|||
} |
|||
.content1 { |
|||
margin-top: 20px; |
|||
} |
|||
|
|||
.line { |
|||
border: 1px solid #e4e4e48e; |
|||
} |
|||
} |
|||
|
|||
.div-btn { |
|||
margin-top: 30px; |
|||
padding-bottom: 20px; |
|||
display: flex; |
|||
justify-content: center; |
|||
|
|||
.btn { |
|||
width: 150px; |
|||
font-size: 16px; |
|||
} |
|||
} |
|||
} |
|||
|
|||
.picker_content { |
|||
color: rgb(59, 59, 59); |
|||
} |
|||
|
|||
.bg-caiji-success { |
|||
background: url("../../assets/img/caiji-bc.png") no-repeat; |
|||
background-size: 100% 100%; |
|||
height: 100vh; |
|||
width: 100vw; |
|||
text-align: center; |
|||
|
|||
.title { |
|||
// background-color: rgba(189, 214, 255, 0.89); |
|||
padding-top:30px; |
|||
font-size: 18px; |
|||
font-family: PingFang SC; |
|||
font-weight: 800; |
|||
color: #333333; |
|||
display: flex; |
|||
height:25px; |
|||
align-items: center; |
|||
justify-content: center; |
|||
|
|||
>img{ |
|||
width:27px; |
|||
height:25px; |
|||
} |
|||
.title_name{ |
|||
margin-left:5px; |
|||
margin-top:5px; |
|||
} |
|||
} |
|||
|
|||
.div_tip{ |
|||
text-align: center; |
|||
margin-top:35px; |
|||
font-size: 18px; |
|||
font-family: PingFang SC; |
|||
font-weight: 800; |
|||
color: #2E78E2; |
|||
line-height: 26px; |
|||
} |
|||
|
|||
.div_content{ |
|||
|
|||
margin:20px 10px 30px 10px; |
|||
padding:20px 16px; |
|||
background: #FFFFFF; |
|||
border-radius: 10px; |
|||
font-size: 16px; |
|||
font-family: Source Han Serif SC; |
|||
font-weight: 400; |
|||
color: #333333; |
|||
text-align: left; |
|||
|
|||
|
|||
.content_long{ |
|||
display: flex; |
|||
justify-content: left; |
|||
align-items: flex-start; |
|||
|
|||
.content_title{ |
|||
// min-width: 85px; |
|||
flex:0 0 125px; |
|||
flex-shrink: 0; |
|||
text-align: right; |
|||
} |
|||
} |
|||
|
|||
.marginT10{ |
|||
margin-top:10px; |
|||
} |
|||
} |
|||
|
|||
.main { |
|||
margin-top: 100px; |
|||
display: flex; |
|||
flex-direction: column; |
|||
align-items: center; |
|||
justify-content: center; |
|||
|
|||
.icon-success { |
|||
font-size: 40px; |
|||
// width: 20px; |
|||
// height: 20px; |
|||
} |
|||
|
|||
.success-content { |
|||
margin-top: 10px; |
|||
font-size: 25px; |
|||
} |
|||
} |
|||
} |
|||
@ -0,0 +1,342 @@ |
|||
<template> |
|||
<div class="div_main"> |
|||
<div class="div_search"> |
|||
<el-form :inline="true" |
|||
:model="formData" |
|||
ref="ref_searchform" |
|||
:label-width="'110px'"> |
|||
<div> |
|||
<el-form-item label="核酸检测时间" |
|||
label-width="110px" |
|||
prop="natStartDate"> |
|||
<el-date-picker v-model="timeRange" |
|||
size="small" |
|||
type="daterange" |
|||
@change="handleTimeChange" |
|||
format="yyyy-MM-dd" |
|||
value-format="yyyy-MM-dd" |
|||
range-separator="至" |
|||
start-placeholder="开始时间" |
|||
end-placeholder="结束时间"> |
|||
</el-date-picker> |
|||
|
|||
</el-form-item> |
|||
|
|||
<el-form-item label="场所名称" |
|||
prop="placeOrgName"> |
|||
<el-input v-model="formData.placeOrgName" |
|||
size="small" |
|||
class="list_item_width_1" |
|||
clearable |
|||
placeholder="请输入场所名称"> |
|||
</el-input> |
|||
|
|||
</el-form-item> |
|||
|
|||
<el-button style="margin-left:30px" |
|||
size="small" |
|||
class="diy-button--search" |
|||
@click="handleSearch">查询</el-button> |
|||
<el-button style="margin-left:10px" |
|||
size="small" |
|||
class="diy-button--reset" |
|||
@click="resetSearch">重置</el-button> |
|||
</div> |
|||
|
|||
</el-form> |
|||
</div> |
|||
<div class="div_table"> |
|||
|
|||
<el-table class="table" |
|||
ref="ref_table" |
|||
:data="tableData" |
|||
border |
|||
:height="tableHeight" |
|||
v-loading="tableLoading" |
|||
:header-cell-style="{background:'#2195FE',color:'#FFFFFF'}" |
|||
style="width: 100%"> |
|||
<el-table-column label="序号" |
|||
header-align="center" |
|||
align="center" |
|||
type="index" |
|||
width="50"></el-table-column> |
|||
|
|||
<el-table-column prop="placeOrgName" |
|||
header-align="center" |
|||
align="center" |
|||
label="场所名称" |
|||
min-width="200"> |
|||
</el-table-column> |
|||
|
|||
<el-table-column prop="natTime" |
|||
header-align="center" |
|||
align="center" |
|||
label="检测时间" |
|||
width="200"> |
|||
</el-table-column> |
|||
<el-table-column prop="szTotal" |
|||
header-align="center" |
|||
align="center" |
|||
label="受众人数" |
|||
min-width="150"> |
|||
</el-table-column> |
|||
|
|||
<el-table-column prop="hsjcTotal" |
|||
header-align="center" |
|||
align="center" |
|||
show-overflow-tooltip |
|||
label="核酸检测人数" |
|||
min-width="150"> |
|||
</el-table-column> |
|||
|
|||
<el-table-column label="操作" |
|||
fixed="right" |
|||
width="160" |
|||
header-align="center" |
|||
align="center" |
|||
class="operate"> |
|||
<template slot-scope="scope"> |
|||
|
|||
<el-button v-if="scope.row.agencyId===agencyId " |
|||
type="text" |
|||
class="div-table-button--delete " |
|||
size="small" |
|||
@click="handleDelete(scope.row)">删除</el-button> |
|||
<!-- <el-button type="text" |
|||
class="div-table-button--delete " |
|||
size="small" |
|||
@click="handleDelete(scope.row)">删除</el-button> --> |
|||
|
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
<div> |
|||
<el-pagination @size-change="handleSizeChange" |
|||
@current-change="handleCurrentChange" |
|||
:current-page.sync="pageNo" |
|||
:page-sizes="[20, 50, 100, 200]" |
|||
:page-size="pageSize" |
|||
layout="sizes, prev, pager, next, total" |
|||
:total="total"> |
|||
</el-pagination> |
|||
</div> |
|||
</div> |
|||
|
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
|
|||
import { requestPost } from "@/js/dai/request"; |
|||
import { mapGetters } from 'vuex' |
|||
import { Loading } from 'element-ui' // 引入Loading服务 |
|||
|
|||
let loading // 加载动画 |
|||
export default { |
|||
data () { |
|||
return { |
|||
loading: false, |
|||
total: 0, |
|||
pageSize: 20, |
|||
pageNo: 0, |
|||
tableLoading: false, |
|||
|
|||
agencyId: '', |
|||
timeRange: [], |
|||
formData: { |
|||
placeOrgName: '',//检查状态，1：已检测；0：未检测 |
|||
natStartDate: '',//核酸检测开始日期，eg：2022-02-02 |
|||
natEndDate: '',//核酸检测结束日期，eg：2022-02-02 |
|||
|
|||
}, |
|||
|
|||
tableData: [], |
|||
|
|||
//form相关 |
|||
detailShow: false, |
|||
formTitle: '新增', |
|||
|
|||
// btnAuths: { |
|||
// group_people_reg_del : false, //删除 |
|||
|
|||
// }, |
|||
|
|||
} |
|||
}, |
|||
components: { |
|||
|
|||
}, |
|||
async created () { |
|||
|
|||
}, |
|||
async mounted () { |
|||
// this.updateBtnAuths(); |
|||
const { user } = this.$store.state |
|||
this.agencyId = user.agencyId |
|||
|
|||
await this.loadTable() |
|||
}, |
|||
|
|||
activated () { |
|||
this.$refs['ref_table'].doLayout() |
|||
}, |
|||
|
|||
methods: { |
|||
async handleSearch () { |
|||
|
|||
await this.loadTable() |
|||
|
|||
this.$nextTick(() => { |
|||
this.$refs.ref_table.doLayout() // 解决表格错位 |
|||
}) |
|||
|
|||
}, |
|||
|
|||
async loadTable () { |
|||
this.tableLoading = true |
|||
|
|||
const url = "/gov/org/icGroupPeopleRegister/list" |
|||
// const url = "http://yapi.elinkservice.cn/mock/245/epmetuser/icNat/natlist" |
|||
let params = { |
|||
pageSize: this.pageSize, |
|||
pageNo: this.pageNo, |
|||
...this.formData |
|||
} |
|||
|
|||
const { data, code, msg } = await requestPost(url, params) |
|||
|
|||
if (code === 0) { |
|||
this.total = data.total |
|||
this.tableData = data.list |
|||
|
|||
this.tableData.forEach(item => { |
|||
|
|||
}); |
|||
|
|||
|
|||
} else { |
|||
this.$message.error(msg) |
|||
} |
|||
this.tableLoading = false |
|||
}, |
|||
|
|||
handleTimeChange (time) { |
|||
if (time) { |
|||
this.formData.natStartDate = time[0] |
|||
this.formData.natEndDate = time[1] |
|||
|
|||
} else { |
|||
this.formData.natStartDate = '' |
|||
this.formData.natEndDate = '' |
|||
|
|||
} |
|||
|
|||
}, |
|||
|
|||
diaDetailClose () { |
|||
|
|||
this.detailShow = false |
|||
|
|||
}, |
|||
|
|||
async handleDelete (row) { |
|||
let message = '确认删除?' |
|||
|
|||
this.$confirm(message, "提示", { |
|||
confirmButtonText: "确定", |
|||
cancelButtonText: "取消", |
|||
type: "warning" |
|||
}) |
|||
.then(() => { |
|||
this.deleteStaff(row) |
|||
}) |
|||
.catch(err => { |
|||
|
|||
}); |
|||
}, |
|||
|
|||
async deleteStaff (row) { |
|||
const url = "/gov/org/icGroupPeopleRegister/delete" |
|||
// const url = "http://yapi.elinkservice.cn/mock/245/epmetuser/icNat/del" |
|||
|
|||
let params = [row.id] |
|||
|
|||
const { data, code, msg } = await requestPost(url, params) |
|||
|
|||
if (code === 0) { |
|||
this.$message({ |
|||
type: "success", |
|||
message: "操作成功" |
|||
}); |
|||
|
|||
this.loadTable() |
|||
} else { |
|||
this.$message.error(msg) |
|||
} |
|||
}, |
|||
|
|||
//重置搜索条件 |
|||
resetSearch () { |
|||
this.formData = { |
|||
placeOrgName: '',//检查状态，1：已检测；0：未检测 |
|||
|
|||
natStartDate: '',//核酸检测开始日期，eg：2022-02-02 |
|||
natEndDate: '',//核酸检测结束日期，eg：2022-02-02 |
|||
} |
|||
this.timeRange = [] |
|||
|
|||
|
|||
this.pageNo = 0 |
|||
// this.loadTable() |
|||
}, |
|||
|
|||
handleSizeChange (val) { |
|||
this.pageSize = val |
|||
this.pageNo = 1 |
|||
this.loadTable() |
|||
}, |
|||
handleCurrentChange (val) { |
|||
this.pageNo = val |
|||
this.loadTable() |
|||
}, |
|||
|
|||
|
|||
// 开启加载动画 |
|||
startLoading () { |
|||
loading = Loading.service({ |
|||
lock: true, // 是否锁定 |
|||
text: '正在加载……', // 加载中需要显示的文字 |
|||
background: 'rgba(0,0,0,.7)' // 背景颜色 |
|||
}) |
|||
}, |
|||
// 结束加载动画 |
|||
endLoading () { |
|||
// clearTimeout(timer); |
|||
if (loading) { |
|||
loading.close() |
|||
} |
|||
} |
|||
}, |
|||
computed: { |
|||
tableHeight () { |
|||
|
|||
return this.$store.state.inIframe ? this.clientHeight - 320 + this.iframeHeight : this.clientHeight - 320 |
|||
|
|||
|
|||
}, |
|||
|
|||
...mapGetters(['clientHeight', 'iframeHeight']) |
|||
}, |
|||
watch: { |
|||
|
|||
}, |
|||
props: { |
|||
|
|||
} |
|||
} |
|||
</script> |
|||
<style lang="scss" scoped > |
|||
@import "@/assets/scss/modules/management/epidemic.scss"; |
|||
</style> |
|||
|
|||
|
|||
@ -0,0 +1,254 @@ |
|||
<template> |
|||
<div class="epidemic-form"> |
|||
<div class="dialog-h-content scroll-h"> |
|||
|
|||
<div v-if="view_real_data" |
|||
class="div_tuomin"> |
|||
<el-button size="mini" |
|||
class="diy-button--search" |
|||
@click="handleTuomin">显示脱敏信息</el-button> |
|||
</div> |
|||
|
|||
<div v-if="initLoading" |
|||
class="m-row" |
|||
style="margin-top:40px"> |
|||
<div class="div_table"> |
|||
|
|||
<el-table class="table" |
|||
ref="ref_table" |
|||
:data="tableData" |
|||
border |
|||
:height="tableHeight" |
|||
v-loading="tableLoading" |
|||
:header-cell-style="{background:'#2195FE',color:'#FFFFFF'}" |
|||
style="width: 100%"> |
|||
<el-table-column label="序号" |
|||
header-align="center" |
|||
align="center" |
|||
type="index" |
|||
width="50"></el-table-column> |
|||
|
|||
<el-table-column prop="name" |
|||
header-align="center" |
|||
align="center" |
|||
label="姓名" |
|||
min-width="100"> |
|||
</el-table-column> |
|||
<el-table-column prop="mobile" |
|||
header-align="center" |
|||
align="center" |
|||
label="手机号" |
|||
min-width="110"> |
|||
</el-table-column> |
|||
<el-table-column prop="idCard" |
|||
header-align="center" |
|||
align="center" |
|||
label="身份证号" |
|||
min-width="170"> |
|||
</el-table-column> |
|||
<el-table-column prop="ymjzCount" |
|||
header-align="center" |
|||
align="center" |
|||
label="疫苗接种次数" |
|||
width="150"> |
|||
</el-table-column> |
|||
|
|||
<el-table-column prop="latestNatTime" |
|||
header-align="center" |
|||
align="center" |
|||
show-overflow-tooltip |
|||
label="最后一次核酸检测时间" |
|||
min-width="230"> |
|||
</el-table-column> |
|||
|
|||
</el-table> |
|||
<div> |
|||
<el-pagination @size-change="handleSizeChange" |
|||
@current-change="handleCurrentChange" |
|||
:current-page.sync="pageNo" |
|||
:page-sizes="[20, 50, 100, 200]" |
|||
:page-size="pageSize" |
|||
layout="sizes, prev, pager, next, total" |
|||
:total="total"> |
|||
</el-pagination> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
|
|||
</div> |
|||
|
|||
<div class="div-btn"> |
|||
<el-button size="small" |
|||
@click="handleCancle">关 闭</el-button> |
|||
<!-- <el-button v-if="formType != 'detail'" |
|||
size="small" |
|||
type="primary" |
|||
:disabled="btnDisable" |
|||
@click="handleComfirm">确 定</el-button> --> |
|||
</div> |
|||
|
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
|
|||
import { Loading } from 'element-ui' // 引入Loading服务 |
|||
import { requestPost } from '@/js/dai/request' |
|||
import { mapGetters } from 'vuex' |
|||
|
|||
|
|||
let loading // 加载动画 |
|||
export default { |
|||
data () { |
|||
return { |
|||
initLoading: false, |
|||
loading: false, |
|||
total: 0, |
|||
pageSize: 20, |
|||
pageNo: 0, |
|||
tableLoading: false, |
|||
tableData: [], |
|||
|
|||
registerId: '', |
|||
|
|||
} |
|||
}, |
|||
components: {}, |
|||
async mounted () { |
|||
const { user } = this.$store.state |
|||
this.agencyId = user.agencyId |
|||
|
|||
}, |
|||
|
|||
methods: { |
|||
|
|||
|
|||
async initForm (registerId) { |
|||
this.startLoading() |
|||
this.registerId = registerId |
|||
await this.loadTable() |
|||
|
|||
this.initLoading = true |
|||
this.endLoading() |
|||
|
|||
}, |
|||
|
|||
async loadTable () { |
|||
this.tableLoading = true |
|||
|
|||
const url = "/gov/org/icEmployeeRegister/detailList" |
|||
// const url = "http://yapi.elinkservice.cn/mock/245/epmetuser/icNat/natlist" |
|||
let params = { |
|||
pageSize: this.pageSize, |
|||
pageNo: this.pageNo, |
|||
registerId: this.registerId |
|||
} |
|||
|
|||
const { data, code, msg } = await requestPost(url, params) |
|||
|
|||
if (code === 0) { |
|||
this.total = data.total |
|||
this.tableData = data.list |
|||
|
|||
this.tableData.forEach(item => { |
|||
|
|||
}); |
|||
|
|||
|
|||
} else { |
|||
this.$message.error(msg) |
|||
} |
|||
this.tableLoading = false |
|||
}, |
|||
|
|||
async handleTuomin () { |
|||
const url = "/data/aggregator/epmetuser/detailByType"; |
|||
|
|||
const { data, code, msg } = await requestPost(url, { |
|||
id: this.registerId, |
|||
type: "employeeEpidemicManageDetail", |
|||
}); |
|||
|
|||
if (code === 0) { |
|||
this.tableData.forEach(element => { |
|||
element.mobile = data.mobile |
|||
element.idCard = data.idCard |
|||
// this.$set(this.formData, 'showMobile', data.mobile) |
|||
// this.$set(this.formData, 'showIdCard', data.idCard) |
|||
}); |
|||
|
|||
} else { |
|||
this.$message.error(msg); |
|||
} |
|||
|
|||
}, |
|||
handleCancle () { |
|||
// this.resetData() |
|||
this.$emit('dialogCancle') |
|||
|
|||
}, |
|||
handleSizeChange (val) { |
|||
this.pageSize = val |
|||
this.pageNo = 1 |
|||
this.loadTable() |
|||
}, |
|||
handleCurrentChange (val) { |
|||
this.pageNo = val |
|||
this.loadTable() |
|||
}, |
|||
|
|||
resetData () { |
|||
|
|||
this.formData = {} |
|||
}, |
|||
// 开启加载动画 |
|||
startLoading () { |
|||
loading = Loading.service({ |
|||
lock: true, // 是否锁定 |
|||
text: '正在加载……', // 加载中需要显示的文字 |
|||
background: 'rgba(0,0,0,.7)' // 背景颜色 |
|||
}) |
|||
}, |
|||
// 结束加载动画 |
|||
endLoading () { |
|||
// clearTimeout(timer); |
|||
if (loading) { |
|||
loading.close() |
|||
} |
|||
} |
|||
}, |
|||
computed: { |
|||
tableHeight () { |
|||
|
|||
return this.$store.state.inIframe ? this.clientHeight - 420 + this.iframeHeight : this.clientHeight - 420 |
|||
|
|||
}, |
|||
|
|||
...mapGetters(['clientHeight', 'iframeHeight']) |
|||
|
|||
}, |
|||
props: { |
|||
view_real_data: {//显示【显示脱敏信息】按钮 |
|||
type: Boolean, |
|||
default: true, |
|||
} |
|||
} |
|||
} |
|||
</script> |
|||
|
|||
|
|||
<style lang="scss" scoped> |
|||
@import "@/assets/scss/modules/management/detail-main.scss"; |
|||
|
|||
.div_tuomin { |
|||
position: absolute; |
|||
top: 0; |
|||
right: 70px; |
|||
z-index: 1000; |
|||
} |
|||
</style> |
|||
|
|||
|
|||
|
|||
|
|||
|
|||
@ -0,0 +1,476 @@ |
|||
<template> |
|||
<div class="div_main"> |
|||
<div class="div_search"> |
|||
<el-form :inline="true" |
|||
:model="formData" |
|||
ref="ref_searchform" |
|||
:label-width="'110px'"> |
|||
<div> |
|||
<el-form-item label="核酸检测时间" |
|||
label-width="110px" |
|||
prop="natStartDate"> |
|||
<el-date-picker v-model="timeRange" |
|||
size="small" |
|||
type="daterange" |
|||
@change="handleTimeChange" |
|||
format="yyyy-MM-dd" |
|||
value-format="yyyy-MM-dd" |
|||
range-separator="至" |
|||
start-placeholder="开始时间" |
|||
end-placeholder="结束时间"> |
|||
</el-date-picker> |
|||
|
|||
</el-form-item> |
|||
|
|||
<el-form-item label="检测状态"> |
|||
<el-select class="list_item_width_1" |
|||
size="small" |
|||
v-model.trim="formData.checkStatus" |
|||
placeholder="请选择"> |
|||
<el-option v-for="item in statusList" |
|||
:key="item.value" |
|||
:label="item.label" |
|||
:value="item.value"> |
|||
</el-option> |
|||
</el-select> |
|||
</el-form-item> |
|||
<el-form-item label="场所名称" |
|||
prop="placeOrgName"> |
|||
<el-input v-model="formData.placeOrgName" |
|||
size="small" |
|||
class="list_item_width_1" |
|||
clearable |
|||
placeholder="请输入场所名称"> |
|||
</el-input> |
|||
|
|||
</el-form-item> |
|||
|
|||
<el-form-item label="场所类型" |
|||
prop="placeCategory"> |
|||
<el-select class="item_width_1" |
|||
size="small" |
|||
v-model="formData.placeCategory" |
|||
placeholder="请选择" |
|||
clearable> |
|||
<el-option v-for="item in placeCategoryList" |
|||
:key="item.value" |
|||
:label="item.label" |
|||
:value="item.value"> |
|||
</el-option> |
|||
</el-select> |
|||
|
|||
</el-form-item> |
|||
|
|||
<el-form-item label="姓名" |
|||
prop="name"> |
|||
<el-input v-model="formData.name" |
|||
size="small" |
|||
class="list_item_width_1" |
|||
clearable |
|||
placeholder="请输入姓名"> |
|||
</el-input> |
|||
|
|||
</el-form-item> |
|||
|
|||
<el-form-item label="手机号" |
|||
prop="mobile"> |
|||
<el-input v-model="formData.mobile" |
|||
size="small" |
|||
class="list_item_width_1" |
|||
clearable |
|||
placeholder="请输入手机号"> |
|||
</el-input> |
|||
|
|||
</el-form-item> |
|||
<el-form-item label="证件号" |
|||
prop="idCard"> |
|||
<el-input v-model="formData.idCard" |
|||
size="small" |
|||
class="list_item_width_1" |
|||
clearable |
|||
placeholder="请输入身份证号或护照号"> |
|||
</el-input> |
|||
|
|||
</el-form-item> |
|||
|
|||
<el-button style="margin-left:30px" |
|||
size="small" |
|||
class="diy-button--search" |
|||
@click="handleSearch">查询</el-button> |
|||
<el-button style="margin-left:10px" |
|||
size="small" |
|||
class="diy-button--reset" |
|||
@click="resetSearch">重置</el-button> |
|||
</div> |
|||
|
|||
</el-form> |
|||
</div> |
|||
<div class="div_table"> |
|||
|
|||
<el-table class="table" |
|||
ref="ref_table" |
|||
:data="tableData" |
|||
border |
|||
:height="tableHeight" |
|||
v-loading="tableLoading" |
|||
:header-cell-style="{background:'#2195FE',color:'#FFFFFF'}" |
|||
style="width: 100%"> |
|||
<el-table-column label="序号" |
|||
header-align="center" |
|||
align="center" |
|||
type="index" |
|||
width="50"></el-table-column> |
|||
|
|||
<el-table-column prop="placeOrgName" |
|||
header-align="center" |
|||
align="center" |
|||
label="场所名称" |
|||
min-width="120"> |
|||
</el-table-column> |
|||
<el-table-column prop="name" |
|||
header-align="center" |
|||
align="center" |
|||
label="姓名" |
|||
min-width="100"> |
|||
</el-table-column> |
|||
<el-table-column prop="mobile" |
|||
header-align="center" |
|||
align="center" |
|||
label="手机号" |
|||
min-width="110"> |
|||
</el-table-column> |
|||
<el-table-column prop="idCard" |
|||
header-align="center" |
|||
align="center" |
|||
label="证件号" |
|||
min-width="170"> |
|||
</el-table-column> |
|||
<el-table-column prop="ymjzCount" |
|||
header-align="center" |
|||
align="center" |
|||
label="疫苗接种次数" |
|||
width="150"> |
|||
</el-table-column> |
|||
|
|||
<el-table-column prop="latestNatTime" |
|||
header-align="center" |
|||
align="center" |
|||
show-overflow-tooltip |
|||
label="最后一次核酸检测时间" |
|||
min-width="230"> |
|||
</el-table-column> |
|||
|
|||
<el-table-column label="操作" |
|||
fixed="right" |
|||
width="160" |
|||
header-align="center" |
|||
align="center" |
|||
class="operate"> |
|||
<template slot-scope="scope"> |
|||
|
|||
<el-button type="text" |
|||
class="div-table-button--detail" |
|||
size="small" |
|||
@click="handleDetail(scope.row)">查看</el-button> |
|||
|
|||
<el-button v-if="scope.row.agencyId===agencyId " |
|||
type="text" |
|||
class="div-table-button--delete " |
|||
size="small" |
|||
@click="handleDelete(scope.row)">删除</el-button> |
|||
<!-- <el-button type="text" |
|||
class="div-table-button--delete " |
|||
size="small" |
|||
@click="handleDelete(scope.row)">删除</el-button> --> |
|||
|
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
<div> |
|||
<el-pagination @size-change="handleSizeChange" |
|||
@current-change="handleCurrentChange" |
|||
:current-page.sync="pageNo" |
|||
:page-sizes="[20, 50, 100, 200]" |
|||
:page-size="pageSize" |
|||
layout="sizes, prev, pager, next, total" |
|||
:total="total"> |
|||
</el-pagination> |
|||
</div> |
|||
</div> |
|||
|
|||
<!-- 详情弹出框 --> |
|||
<el-dialog :visible.sync="detailShow" |
|||
:close-on-click-modal="false" |
|||
:close-on-press-escape="false" |
|||
:title="'详情'" |
|||
width="1350px" |
|||
top="5vh" |
|||
class="dialog-h" |
|||
@closed="diaDetailClose"> |
|||
<staff-epid-detail ref="ref_detail" |
|||
@dialogCancle="diaDetailClose"></staff-epid-detail> |
|||
</el-dialog> |
|||
|
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
|
|||
|
|||
import staffEpidDetail from './staffEpidDetail' |
|||
|
|||
import { requestPost } from "@/js/dai/request"; |
|||
import { mapGetters } from 'vuex' |
|||
import { Loading } from 'element-ui' // 引入Loading服务 |
|||
|
|||
let loading // 加载动画 |
|||
export default { |
|||
data () { |
|||
return { |
|||
loading: false, |
|||
total: 0, |
|||
pageSize: 20, |
|||
pageNo: 0, |
|||
tableLoading: false, |
|||
|
|||
agencyId: '', |
|||
placeCategoryList: [ |
|||
{ |
|||
value: '0', |
|||
label: '九小场所' |
|||
}, |
|||
{ |
|||
value: '1', |
|||
label: '企事业单位' |
|||
} |
|||
],//场所类型list |
|||
statusList: [ |
|||
{ |
|||
value: '1', |
|||
label: '已检测' |
|||
}, |
|||
{ |
|||
value: '0', |
|||
label: '未检测' |
|||
} |
|||
], |
|||
|
|||
|
|||
timeRange: [], |
|||
|
|||
formData: { |
|||
checkStatus: '',//检查状态，1：已检测；0：未检测 |
|||
name: '',//姓名 |
|||
mobile: '',//手机号 |
|||
idCard: '',//身份证号码 |
|||
natStartDate: '',//核酸检测开始日期，eg：2022-02-02 |
|||
natEndDate: '',//核酸检测结束日期，eg：2022-02-02 |
|||
placeOrgName: '',//场所名称 |
|||
placeCategory: '',//场所类别：0九小场所、1企事业单位 |
|||
|
|||
}, |
|||
|
|||
tableData: [], |
|||
|
|||
//form相关 |
|||
|
|||
detailShow: false, |
|||
|
|||
// btnAuths: { |
|||
// employee_register_del : false, //删除 |
|||
// employee_register_view_real_data: false, //显示脱敏信息 |
|||
|
|||
// }, |
|||
|
|||
} |
|||
}, |
|||
components: { |
|||
staffEpidDetail |
|||
}, |
|||
async created () { |
|||
|
|||
}, |
|||
async mounted () { |
|||
// this.updateBtnAuths(); |
|||
const { user } = this.$store.state |
|||
this.agencyId = user.agencyId |
|||
|
|||
|
|||
await this.loadTable() |
|||
}, |
|||
|
|||
activated () { |
|||
this.$refs['ref_table'].doLayout() |
|||
}, |
|||
|
|||
methods: { |
|||
|
|||
async handleSearch () { |
|||
|
|||
await this.loadTable() |
|||
|
|||
this.$nextTick(() => { |
|||
this.$refs.ref_table.doLayout() // 解决表格错位 |
|||
}) |
|||
|
|||
}, |
|||
|
|||
async loadTable () { |
|||
this.tableLoading = true |
|||
|
|||
const url = "/gov/org/icEmployeeRegister/list" |
|||
// const url = "http://yapi.elinkservice.cn/mock/245/epmetuser/icNat/natlist" |
|||
let params = { |
|||
pageSize: this.pageSize, |
|||
pageNo: this.pageNo, |
|||
...this.formData |
|||
} |
|||
|
|||
const { data, code, msg } = await requestPost(url, params) |
|||
|
|||
if (code === 0) { |
|||
this.total = data.total |
|||
this.tableData = data.list |
|||
|
|||
this.tableData.forEach(item => { |
|||
|
|||
}); |
|||
|
|||
|
|||
} else { |
|||
this.$message.error(msg) |
|||
} |
|||
this.tableLoading = false |
|||
}, |
|||
|
|||
handleTimeChange (time) { |
|||
if (time) { |
|||
this.formData.natStartDate = time[0] |
|||
this.formData.natEndDate = time[1] |
|||
|
|||
} else { |
|||
this.formData.natStartDate = '' |
|||
this.formData.natEndDate = '' |
|||
|
|||
} |
|||
|
|||
}, |
|||
|
|||
async handleDetail (row) { |
|||
|
|||
this.detailShow = true |
|||
this.$nextTick(() => { |
|||
this.$refs.ref_detail.initForm(row.registerId) |
|||
}) |
|||
}, |
|||
|
|||
diaDetailClose () { |
|||
|
|||
this.detailShow = false |
|||
|
|||
}, |
|||
|
|||
async handleDelete (row) { |
|||
let message = '确认删除?' |
|||
|
|||
this.$confirm(message, "提示", { |
|||
confirmButtonText: "确定", |
|||
cancelButtonText: "取消", |
|||
type: "warning" |
|||
}) |
|||
.then(() => { |
|||
this.deleteStaff(row) |
|||
}) |
|||
.catch(err => { |
|||
|
|||
}); |
|||
}, |
|||
|
|||
async deleteStaff (row) { |
|||
const url = "/gov/org/icEmployeeRegister/delete" |
|||
// const url = "http://yapi.elinkservice.cn/mock/245/epmetuser/icNat/del" |
|||
|
|||
let params = [row.registerId] |
|||
|
|||
const { data, code, msg } = await requestPost(url, params) |
|||
|
|||
if (code === 0) { |
|||
this.$message({ |
|||
type: "success", |
|||
message: "操作成功" |
|||
}); |
|||
|
|||
this.loadTable() |
|||
} else { |
|||
this.$message.error(msg) |
|||
} |
|||
}, |
|||
|
|||
//重置搜索条件 |
|||
resetSearch () { |
|||
this.formData = { |
|||
checkStatus: '',//检查状态，1：已检测；0：未检测 |
|||
name: '',//姓名 |
|||
mobile: '',//手机号 |
|||
idCard: '',//身份证号码 |
|||
natStartDate: '',//核酸检测开始日期，eg：2022-02-02 |
|||
natEndDate: '',//核酸检测结束日期，eg：2022-02-02 |
|||
placeOrgName: '',//场所名称 |
|||
placeCategory: '',//场所类别：0九小场所、1企事业单位 |
|||
} |
|||
this.timeRange = [] |
|||
|
|||
|
|||
this.pageNo = 0 |
|||
// this.loadTable() |
|||
}, |
|||
|
|||
handleSizeChange (val) { |
|||
this.pageSize = val |
|||
this.pageNo = 1 |
|||
this.loadTable() |
|||
}, |
|||
handleCurrentChange (val) { |
|||
this.pageNo = val |
|||
this.loadTable() |
|||
}, |
|||
|
|||
// 开启加载动画 |
|||
startLoading () { |
|||
loading = Loading.service({ |
|||
lock: true, // 是否锁定 |
|||
text: '正在加载……', // 加载中需要显示的文字 |
|||
background: 'rgba(0,0,0,.7)' // 背景颜色 |
|||
}) |
|||
}, |
|||
// 结束加载动画 |
|||
endLoading () { |
|||
// clearTimeout(timer); |
|||
if (loading) { |
|||
loading.close() |
|||
} |
|||
} |
|||
}, |
|||
computed: { |
|||
tableHeight () { |
|||
|
|||
return this.$store.state.inIframe ? this.clientHeight - 370 + this.iframeHeight : this.clientHeight - 370 |
|||
|
|||
|
|||
}, |
|||
|
|||
...mapGetters(['clientHeight', 'iframeHeight']) |
|||
}, |
|||
watch: { |
|||
|
|||
}, |
|||
props: { |
|||
|
|||
} |
|||
} |
|||
</script> |
|||
<style lang="scss" scoped > |
|||
@import "@/assets/scss/modules/management/epidemic.scss"; |
|||
</style> |
|||
|
|||
|
|||
@ -0,0 +1,501 @@ |
|||
<template> |
|||
<div class="bg-caiji"> |
|||
<div class="title"> |
|||
员工登记 |
|||
</div> |
|||
<div class="main"> |
|||
|
|||
<div class="div_tab"> |
|||
<div :class="['div_option','option_left',{'option_select':selectTab==='1'}]" |
|||
@click="handleChangeTab('1')"> 员工登记</div> |
|||
<div :class="['div_option','option_right',{'option_select':selectTab==='2'}]" |
|||
@click="handleChangeTab('2')">受众群体登记</div> |
|||
</div> |
|||
|
|||
<div v-if="selectTab==='1'" |
|||
class="content"> |
|||
|
|||
<mt-cell title="*企业名称"> |
|||
|
|||
<span style="margin-right:20px">{{placeOrgName}}</span> |
|||
</mt-cell> |
|||
<div class="line"></div> |
|||
|
|||
<mt-field class="my-field" |
|||
:disableClear="true" |
|||
:label="'*姓名'" |
|||
placeholder="请输入" |
|||
v-model="formData.name"></mt-field> |
|||
<div class="line"></div> |
|||
<mt-field class="my-field" |
|||
:disableClear="true" |
|||
:label="'*手机号'" |
|||
placeholder="请输入" |
|||
type="tel" |
|||
v-model="formData.mobile"></mt-field> |
|||
<div class="line"></div> |
|||
<mt-field class="my-field" |
|||
type="url" |
|||
:disableClear="true" |
|||
:label="'*证件号'" |
|||
placeholder="请输入" |
|||
v-model="formData.idCard"></mt-field> |
|||
<div class="line"></div> |
|||
|
|||
<div @click="handelSel('ymjzCount')"> |
|||
<mt-cell :title="'*疫苗接种次数'" |
|||
is-link> |
|||
<span class="picker_content" |
|||
v-if="formData.ymjzCount">{{formData.ymjzCountName}}</span> |
|||
<span v-else>请选择</span> |
|||
</mt-cell> |
|||
</div> |
|||
<div class="line"></div> |
|||
<div @click="handelSelData()"> |
|||
<mt-cell :title="'*最近一次核酸检测时间'" |
|||
is-link> |
|||
<span class="picker_content" |
|||
v-if="formData.latestNatTime">{{formData.latestNatTime}}</span> |
|||
<span v-else>请选择</span> |
|||
</mt-cell> |
|||
</div> |
|||
<div class="line"></div> |
|||
|
|||
</div> |
|||
<div v-if="selectTab==='2'" |
|||
class="content"> |
|||
|
|||
<mt-cell title="*企业名称"> |
|||
|
|||
<span style="margin-right:20px">{{placeOrgName}}</span> |
|||
</mt-cell> |
|||
<div class="line"></div> |
|||
<div @click="handelSelData()"> |
|||
<mt-cell :title="'*核酸检测时间'" |
|||
is-link> |
|||
<span class="picker_content" |
|||
v-if="formData2.natTime">{{formData2.natTime}}</span> |
|||
<span v-else>请选择</span> |
|||
</mt-cell> |
|||
</div> |
|||
<div class="line"></div> |
|||
<mt-field class="my-field" |
|||
:disableClear="true" |
|||
:label="'*受众人数'" |
|||
placeholder="请输入" |
|||
type="number" |
|||
v-model="formData2.szTotal"></mt-field> |
|||
<div class="line"></div> |
|||
<mt-field class="my-field" |
|||
:disableClear="true" |
|||
:label="'*核酸检测人数'" |
|||
placeholder="请输入" |
|||
type="number" |
|||
v-model="formData2.hsjcTotal"></mt-field> |
|||
<div class="line"></div> |
|||
|
|||
</div> |
|||
|
|||
</div> |
|||
|
|||
<div class="div-btn"> |
|||
<mt-button @click="handleSubmit" |
|||
type="primary" |
|||
class="btn" |
|||
:disabled="btnDisabled" |
|||
size="small">提交</mt-button> |
|||
</div> |
|||
|
|||
<mt-popup v-model="popupVisible" |
|||
popup-transition="popup-fade" |
|||
closeOnClickModal="true" |
|||
position="bottom"> |
|||
<mt-picker :slots="popupSlots" |
|||
class="div_picker" |
|||
value-key="label" |
|||
@change="onPickerChange" |
|||
showToolbar> |
|||
<div class="picker-toolbar-title"> |
|||
<div class="usi-btn-cancel" |
|||
@click="popupVisible = !popupVisible">取消</div> |
|||
<div class="">请选择</div> |
|||
<div class="usi-btn-sure" |
|||
@click="popupOk()">确定</div> |
|||
</div> |
|||
</mt-picker> |
|||
</mt-popup> |
|||
<mt-datetime-picker v-model="pickerVisible" |
|||
ref="pickerData" |
|||
type="date" |
|||
class="picker_data" |
|||
:startDate="startDate" |
|||
year-format="{value} 年" |
|||
month-format="{value} 月" |
|||
date-format="{value} 日" |
|||
@confirm="handleConfirm"> |
|||
</mt-datetime-picker> |
|||
</div> |
|||
</template> |
|||
<script> |
|||
|
|||
|
|||
import { requestPost } from "@/js/dai/request"; |
|||
import { Toast } from "mint-ui"; |
|||
import { MessageBox } from 'mint-ui'; |
|||
import { Loading } from 'element-ui' // 引入Loading服务 |
|||
import { messages } from '@/i18n' |
|||
|
|||
let loading // 加载动画 |
|||
export default { |
|||
data () { |
|||
return { |
|||
selectTab: '1', |
|||
pickerVisible: new Date(), |
|||
startDate: new Date(2021, 0, 1), |
|||
|
|||
//二维码带来数据 |
|||
enterpriseId: '',//场所Id |
|||
customerId: '',//客户Id |
|||
placeOrgName: '',//场所名称 |
|||
|
|||
formData: { |
|||
enterpriseId: '',//场所ID |
|||
customerId: '',//客户id |
|||
name: '', |
|||
idCard: '', |
|||
mobile: '', |
|||
ymjzCount: null, |
|||
ymjzCountName: '', |
|||
latestNatTime: '', |
|||
}, |
|||
formData2: { |
|||
enterpriseId: '',//场所ID |
|||
customerId: '',//客户id |
|||
natTime: '',//受众人数 |
|||
szTotal: '',//核酸检测人数 |
|||
hsjcTotal: '',//客户ID |
|||
|
|||
}, |
|||
|
|||
btnDisabled: false, |
|||
popupVisible: false, |
|||
|
|||
|
|||
shequName: '',//社区名称 |
|||
|
|||
selType: 'community',//弹出框所显示的数据类型：community、building、unit、room |
|||
pickerData: [], |
|||
|
|||
selObj: {}, |
|||
|
|||
showMessagsBox: false,//是否显示人员未填写提示弹出框 |
|||
|
|||
detNumList: [],//参加核酸次数list |
|||
|
|||
popupSlots: [//问题类型弹框数据 |
|||
{ |
|||
values: [] |
|||
} |
|||
], |
|||
|
|||
} |
|||
}, |
|||
components: {}, |
|||
computed: { |
|||
|
|||
}, |
|||
|
|||
created () { |
|||
console.log(this.$route) |
|||
|
|||
this.customerId = this.$route.query.customerId |
|||
this.enterpriseId = this.$route.query.enterpriseId |
|||
this.placeOrgName = this.$route.query.placeOrgName |
|||
document.title = this.placeOrgName + '员工登记' |
|||
}, |
|||
mounted () { |
|||
|
|||
let envShow = process.env.VUE_APP_NODE_ENV |
|||
console.log('环境', envShow) |
|||
|
|||
this.formData.customerId = this.customerId |
|||
this.formData.enterpriseId = this.enterpriseId |
|||
|
|||
this.formData2.customerId = this.customerId |
|||
this.formData2.enterpriseId = this.enterpriseId |
|||
|
|||
this.detNumList = [] |
|||
for (let i = 0; i < 4; i++) { |
|||
let obj = { |
|||
value: i + '', |
|||
label: i + '次', |
|||
} |
|||
this.detNumList.push(obj) |
|||
} |
|||
|
|||
}, |
|||
|
|||
methods: { |
|||
handleChangeTab (val) { |
|||
this.selectTab = val |
|||
}, |
|||
handelSelData () { |
|||
this.$refs.pickerData.open(); // 触发 |
|||
// this.$refs.pickerData.close() ; // 关闭 |
|||
}, |
|||
|
|||
handleConfirm (val) { |
|||
let time = new Date(val); |
|||
|
|||
let year = time.getFullYear() |
|||
let month = time.getMonth() + 1 |
|||
let day = time.getDate() |
|||
if (this.selectTab === '1') { |
|||
this.formData.latestNatTime = year + '-' + month + '-' + day |
|||
} else if (this.selectTab === '2') { |
|||
this.formData2.natTime = year + '-' + month + '-' + day |
|||
} |
|||
|
|||
}, |
|||
|
|||
handelSel (selType) { |
|||
this.selType = selType |
|||
|
|||
if (selType === 'ymjzCount') { |
|||
this.pickerData = this.detNumList |
|||
} |
|||
|
|||
let obj = { |
|||
values: this.pickerData |
|||
} |
|||
|
|||
this.popupSlots = [] |
|||
this.popupSlots.push(obj) |
|||
this.popupVisible = !this.popupVisible |
|||
}, |
|||
|
|||
async handleSubmit () { |
|||
let message = this.validataFormData() |
|||
|
|||
if (message) { |
|||
if (this.showMessagsBox) { |
|||
MessageBox.confirm(message).then(action => { |
|||
this.submit() |
|||
}); |
|||
} else { |
|||
Toast({ |
|||
message: message, |
|||
duration: 3000 |
|||
}); |
|||
} |
|||
} else { |
|||
|
|||
this.submit() |
|||
} |
|||
|
|||
|
|||
}, |
|||
async submit () { |
|||
let url = "/gov/org/icEmployeeRegister/add" |
|||
let params = {} |
|||
if (this.selectTab === '1') { |
|||
url = '/gov/org/icEmployeeRegister/add' |
|||
params = this.formData |
|||
} else if (this.selectTab === '2') { |
|||
url = '/gov/org/icGroupPeopleRegister/add' |
|||
params = this.formData2 |
|||
} |
|||
console.log(params) |
|||
// return false |
|||
this.btnDisabled = true |
|||
this.startLoading() |
|||
|
|||
|
|||
const { data, code, msg } = await requestPost(url, params) |
|||
this.endLoading() |
|||
this.btnDisabled = false |
|||
if (code === 0) { |
|||
|
|||
this.$router.replace({ |
|||
name: 'staffRegisterSuccess', |
|||
query: { |
|||
selectTab: this.selectTab, |
|||
placeOrgName: this.placeOrgName, |
|||
formData: this.selectTab === '1' ? this.formData : this.formData2 |
|||
} |
|||
}) |
|||
// Toast({ |
|||
// message: '提交成功', |
|||
// duration: 3000 |
|||
// }); |
|||
|
|||
} else { |
|||
Toast({ |
|||
message: msg, |
|||
duration: 3000 |
|||
}); |
|||
|
|||
} |
|||
}, |
|||
|
|||
//必填验证 |
|||
validataFormData () { |
|||
|
|||
let aletMessage = '' |
|||
this.showMessagsBox = false |
|||
if (this.selectTab === '1') {//员工 |
|||
if (!this.formData.name) { |
|||
aletMessage = '请填写姓名' |
|||
|
|||
return aletMessage |
|||
} |
|||
if (!this.formData.mobile) { |
|||
aletMessage = '请填写手机号' |
|||
return aletMessage |
|||
} |
|||
|
|||
if (!this.formData.idCard) {// |
|||
aletMessage = '请填写证件号' |
|||
return aletMessage |
|||
|
|||
} else { |
|||
|
|||
let reg = new RegExp("[\\u4E00-\\u9FFF]+", "g"); |
|||
if (escape(this.formData.idCard).indexOf("%u") > 0 || escape(this.formData.idCard).indexOf("%u") == 0) { |
|||
aletMessage = '请输入正确的身份证号或者护照号' |
|||
return aletMessage |
|||
} |
|||
|
|||
if (this.formData.idCard.length > 18) { |
|||
aletMessage = '请输入正确的身份证号或者护照号' |
|||
return aletMessage |
|||
} |
|||
} |
|||
|
|||
|
|||
|
|||
if (!this.formData.ymjzCount) {// |
|||
aletMessage = '请选择疫苗接种次数' |
|||
return aletMessage |
|||
|
|||
} |
|||
if (!this.formData.latestNatTime) {// |
|||
aletMessage = '请选择最近一次核酸检测时间' |
|||
return aletMessage |
|||
|
|||
} |
|||
|
|||
|
|||
} else if (this.selectTab === '2') {//企业 |
|||
if (!this.formData2.natTime) { |
|||
aletMessage = '请选择核酸检测时间' |
|||
|
|||
return aletMessage |
|||
} |
|||
if (!this.formData2.szTotal) { |
|||
aletMessage = '请填写受众人数' |
|||
return aletMessage |
|||
} |
|||
|
|||
if (!this.formData2.hsjcTotal) {// |
|||
aletMessage = '核酸检测人数' |
|||
return aletMessage |
|||
|
|||
} |
|||
} |
|||
|
|||
|
|||
}, |
|||
|
|||
popupOk () { |
|||
|
|||
if (this.selType === 'ymjzCount') { |
|||
this.formData.ymjzCount = this.selObj.value |
|||
this.formData.ymjzCountName = this.selObj.label |
|||
} |
|||
this.popupVisible = false |
|||
|
|||
}, |
|||
|
|||
onPickerChange (picker, values) { |
|||
|
|||
this.selObj = values[0] |
|||
|
|||
}, |
|||
|
|||
// 开启加载动画 |
|||
startLoading () { |
|||
loading = Loading.service({ |
|||
lock: true, // 是否锁定 |
|||
text: '正在加载……', // 加载中需要显示的文字 |
|||
background: 'rgba(0,0,0,.7)' // 背景颜色 |
|||
}) |
|||
}, |
|||
// 结束加载动画 |
|||
endLoading () { |
|||
// clearTimeout(timer); |
|||
if (loading) { |
|||
loading.close() |
|||
} |
|||
} |
|||
|
|||
|
|||
}, |
|||
beforeDestroy () { |
|||
// document.title = messages[val].brand.lg |
|||
}, |
|||
} |
|||
</script> |
|||
|
|||
<style lang="scss" scoped > |
|||
@import "@/assets/scss/pages/staffRegister.scss"; |
|||
/deep/ .mint-cell-wrapper { |
|||
padding: 0 5px 0 0; |
|||
} |
|||
.my-field /deep/ .mint-field-core { |
|||
text-align: right; |
|||
margin-right: 20px; |
|||
} |
|||
.my-field /deep/ .mint-cell-title { |
|||
width: 110px; |
|||
} |
|||
|
|||
/deep/ .mint-popup-bottom { |
|||
height: 300px; |
|||
width: 100vw; |
|||
} |
|||
|
|||
// /deep/ .picker { |
|||
// height: 300px; |
|||
// } |
|||
/deep/ .picker-items { |
|||
height: 250px; |
|||
width: 100vw; |
|||
} |
|||
/deep/ .picker-slot-center { |
|||
width: 100vw; |
|||
} |
|||
// /deep/ .picker-center-highlight { |
|||
// top: 35%; |
|||
// } |
|||
.div_picker { |
|||
/deep/ .picker-center-highlight { |
|||
top: 35%; |
|||
} |
|||
} |
|||
.picker-toolbar-title { |
|||
display: flex; |
|||
flex-direction: row; |
|||
justify-content: space-around; |
|||
align-items: center; |
|||
background-color: #eee; |
|||
height: 44px; |
|||
line-height: 44px; |
|||
font-size: 16px; |
|||
.usi-btn-cancel, |
|||
.usi-btn-sure { |
|||
color: #26a2ff; |
|||
font-size: 16px; |
|||
} |
|||
} |
|||
</style> |
|||
@ -0,0 +1,147 @@ |
|||
<template> |
|||
<div class="bg-caiji-success"> |
|||
<div class="title"> |
|||
<img src="@/assets/img/logo.png"> |
|||
<div class="title_name">员工信息登记</div> |
|||
</div> |
|||
|
|||
<div class="div_tip"> |
|||
<div>提交成功</div> |
|||
<div>请截图保存，方便核验人员查看</div> |
|||
</div> |
|||
<div v-if="selectTab==='1'" |
|||
class="div_content marginT10"> |
|||
<div class="content_long"> |
|||
<div class="content_title">企业名称：</div> |
|||
<div>{{placeOrgName}}</div> |
|||
</div> |
|||
<div class="content_long marginT10"> |
|||
<div class="content_title">姓名：</div> |
|||
<div>{{formData.name}}</div> |
|||
|
|||
</div> |
|||
<div class="content_long marginT10"> |
|||
<div class="content_title">手机号：</div> |
|||
<div>{{formData.mobile}}</div> |
|||
</div> |
|||
<div class="content_long marginT10"> |
|||
<div class="content_title">证件号：</div> |
|||
<div>{{formData.idCard}}</div> |
|||
</div> |
|||
<div class="content_long marginT10"> |
|||
<div class="content_title">疫苗接种次数：</div> |
|||
<div>{{formData.ymjzCountName}}</div> |
|||
</div> |
|||
<div class="content_long marginT10"> |
|||
<div class="content_title">核酸检测时间：</div> |
|||
<div>{{formData.latestNatTime}}</div> |
|||
</div> |
|||
|
|||
</div> |
|||
|
|||
<div v-if="selectTab==='2'" |
|||
class="div_content marginT10"> |
|||
<div class="content_long"> |
|||
<div class="content_title">企业名称：</div> |
|||
<div>{{placeOrgName}}</div> |
|||
</div> |
|||
<div class="content_long marginT10"> |
|||
<div class="content_title">核酸检测时间：</div> |
|||
<div>{{formData.natTime}}</div> |
|||
|
|||
</div> |
|||
<div class="content_long marginT10"> |
|||
<div class="content_title">受众人数：</div> |
|||
<div>{{formData.szTotal}}人</div> |
|||
</div> |
|||
<div class="content_long marginT10"> |
|||
<div class="content_title">核酸检测人数：</div> |
|||
<div>{{formData.hsjcTotal}}人</div> |
|||
</div> |
|||
|
|||
</div> |
|||
|
|||
<!-- <div class="main"> |
|||
|
|||
<div class="icon-success"> |
|||
<i class="el-icon-circle-check "></i> |
|||
</div> |
|||
<div class="success-content"> 提交成功</div> |
|||
|
|||
</div> --> |
|||
</div> |
|||
</template> |
|||
<script> |
|||
|
|||
|
|||
import { requestPost } from "@/js/dai/request"; |
|||
import { Toast } from "mint-ui"; |
|||
import { MessageBox } from 'mint-ui'; |
|||
|
|||
let loading // 加载动画 |
|||
export default { |
|||
data () { |
|||
return { |
|||
selectTab: '', |
|||
placeOrgName: '', |
|||
formData: {}, |
|||
} |
|||
}, |
|||
components: {}, |
|||
computed: { |
|||
|
|||
}, |
|||
created () { }, |
|||
mounted () { |
|||
let query = this.$route.query |
|||
this.selectTab = query.selectTab |
|||
this.placeOrgName = query.placeOrgName |
|||
this.formData = query.formData |
|||
|
|||
// this.formData = { |
|||
// shequName: '清江路社区', |
|||
// address: "金玉良缘1花好月圆1单元3123123金玉良缘1花好月圆1单元3123123", |
|||
// buildId: "1494482424728395778", |
|||
// buildName: "花好月圆", |
|||
// customerId: "45687aa479955f9d06204d415238f7cc", |
|||
// homeId: "other", |
|||
// homeName: "3123123", |
|||
// houseHolderName: "张三", |
|||
// houseType: "1", |
|||
// memberList: [ |
|||
// { |
|||
// customerId: "45687aa479955f9d06204d415238f7cc", |
|||
// domicilePlace: "23123", |
|||
// heSuanCount: "2", |
|||
// idNum: "312312", |
|||
// mobile: "15111111111", |
|||
// name: "张三", |
|||
// }, |
|||
// { |
|||
// customerId: "45687aa479955f9d06204d415238f7cc", |
|||
// domicilePlace: "123123", |
|||
// heSuanCount: null, |
|||
// idNum: "王二麻", |
|||
// mobile: "3123123123", |
|||
// name: "李四", |
|||
// } |
|||
// ] |
|||
|
|||
// } |
|||
// console.log(this.formData) |
|||
|
|||
}, |
|||
|
|||
methods: { |
|||
|
|||
|
|||
|
|||
|
|||
|
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<style lang="scss" scoped > |
|||
@import "@/assets/scss/pages/staffRegister.scss"; |
|||
</style> |
|||
Loading…
Reference in new issue