elink-star
/
epmet-work-pc-chengyang
9
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

员工信息h5

feature
jiangyy 3 years ago
parent
b39ac5f056
commit
bd1466dcfb
3 changed files with 289 additions and 102 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. 9
      src/router/index.js
  2. 235
      src/views/pages/staffRegister.vue
  3. 147
      src/views/pages/staffRegisterSuccess.vue

9
src/router/index.js
View File

@ -71,6 +71,15 @@ export const pageRoutes = [
title: "员工登记",
},
},
{
path: "/staffRegisterSuccess",
props: true,
name: "staffRegisterSuccess",
component: () => import("@/views/pages/staffRegisterSuccess"),
meta: {
title: "员工登记",
},
},
];
// 模块路由(基于主入口布局页面)

235
src/views/pages/staffRegister.vue
View File

@ -6,15 +6,18 @@
<div class="main">
<div class="div_tab">
<div :class="['div_option','option_left',{'option_select':selectTab=='1'}]"> 员工登记</div>
<div :class="['div_option','option_right',{'option_select':selectTab=='2'}]">受众群体登记</div>
<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 class="content">
<div v-if="selectTab==='1'"
class="content">
<mt-cell title="*企业名称">
<span style="margin-right:20px">{{shequName}}</span>
<span style="margin-right:20px">{{placeOrgName}}</span>
</mt-cell>
<div class="line"></div>
@ -35,14 +38,14 @@
:disableClear="true"
:label="'*身份证'"
placeholder="请输入"
v-model="formData.idNum"></mt-field>
v-model="formData.idCard"></mt-field>
<div class="line"></div>
<div @click="handelSel('detNum')">
<mt-cell :title="'*参加核酸检测次数'"
<div @click="handelSel('ymjzCount')">
<mt-cell :title="'*疫苗接种次数'"
is-link>
<span class="picker_content"
v-if="formData.detNum">{{formData.detNumName}}</span>
v-if="formData.ymjzCount">{{formData.ymjzCountName}}</span>
<span v-else>请选择</span>
</mt-cell>
</div>
@ -51,13 +54,45 @@
<mt-cell :title="'*最近一次核酸检测时间'"
is-link>
<span class="picker_content"
v-if="formData.detData">{{formData.detDataName}}</span>
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="请输入"
v-model="formData2.szTotal"></mt-field>
<div class="line"></div>
<mt-field class="my-field"
:disableClear="true"
:label="'*核酸检测人数'"
placeholder="请输入"
type="tel"
v-model="formData2.hsjcTotal"></mt-field>
<div class="line"></div>
</div>
</div>
@ -113,23 +148,35 @@ export default {
pickerVisible: '',
startDate: new Date(),
//二维码带来数据
enterpriseId: '',//场所Id
customerId: '',//客户Id
placeOrgName: '',//场所名称
formData: {
enterpriseId: '',//场所ID
customerId: '',//客户id
name: '',
idNum: '',
idCard: '',
mobile: '',
detNum: null,
detNumName: '',
detData: '',
detDataName: ''
ymjzCount: null,
ymjzCountName: '',
latestNatTime: '',
},
formData2: {
enterpriseId: '',//场所ID
customerId: '',//客户id
natTime: '',//受众人数
szTotal: '',//核酸检测人数
hsjcTotal: '',//客户ID
},
btnDisabled: false,
popupVisible: false,
//二维码带来数据
shequId: '',//社区id 6e511da6816e53af4cda952365a26eb9 德兴路 1202807601961984002
shequName: '',//社区名称
customerId: '',//客户id 45687aa479955f9d06204d415238f7cc
selType: 'community',//弹出框所显示的数据类型：community、building、unit、room
pickerData: [],
@ -156,37 +203,21 @@ export default {
created () {
console.log(this.$route)
this.shequId = this.$route.params.id
this.customerId = this.$route.query.customerId
this.shequName = this.$route.query.name
document.title = this.shequName + '信息管理平台'
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)
let internalShequId = ['1202807601961984002', '6e511da6816e53af4cda952365a26eb9', 'b058eb82d65d922fec9dc84f0348fc6a', '630c3c2dd1cd7a4d198c8558bce88324']
// let internalShequId = ['1202807601961984002',]
// if (envShow === 'dev' || envShow === 'prod:sit') { // 开发环境
// internalShequId = '6e511da6816e53af4cda952365a26eb9'
// } else if (envShow === 'prod:uat') { // 体验
// internalShequId = '6e511da6816e53af4cda952365a26eb9'
// } else if (envShow === 'prod') { // 生产
// 微笑崂山下的小寨子社区：b058eb82d65d922fec9dc84f0348fc6a
// 亿联街道下的亿联社区：630c3c2dd1cd7a4d198c8558bce88324
// internalShequId = '1202807601961984002'
// } else if (envShow === 'shibei_prod') { // 生产
// internalShequId = '1202807601961984002'
// }
this.formData.customerId = this.customerId
if (internalShequId.indexOf(this.shequId) > -1) {
this.formData.origin = 'internal'
} else {
this.formData.origin = 'external'
}
this.formData.enterpriseId = this.enterpriseId
this.formData2.customerId = this.customerId
this.formData2.enterpriseId = this.enterpriseId
this.detNumList = []
for (let i = 0; i < 5; i++) {
@ -197,10 +228,12 @@ export default {
this.detNumList.push(obj)
}
},
methods: {
handleChangeTab (val) {
this.selectTab = val
},
handelSelData () {
this.$refs.pickerData.open(); // 触发
// this.$refs.pickerData.close() ; // 关闭
@ -210,15 +243,20 @@ export default {
let time = new Date(val);
let year = time.getFullYear()
console.log(year)
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 === 'detNum') {
if (selType === 'ymjzCount') {
this.pickerData = this.detNumList
}
@ -252,26 +290,32 @@ export default {
},
async submit () {
console.log(this.formData)
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 url = "/epmetuser/icresicollect/save"
const { data, code, msg } = await requestPost(url, this.formData)
const { data, code, msg } = await requestPost(url, params)
this.endLoading()
this.btnDisabled = false
if (code === 0) {
this.formData.shequName = this.shequName
this.$router.replace({
name: 'caijisuccess',
name: 'staffRegisterSuccess',
query: {
formData: this.formData
selectTab: this.selectTab,
placeOrgName: this.placeOrgName,
formData: this.selectTab === '1' ? this.formData : this.formData2
}
})
// Toast({
@ -293,73 +337,60 @@ export default {
let aletMessage = ''
this.showMessagsBox = false
if (this.formData.origin === 'internal') {//内部
if (!this.selVillage) {
aletMessage = '请选择小区'
if (this.selectTab === '1') {//员工
if (!this.formData.name) {
aletMessage = '请填写姓名'
return aletMessage
}
if (!this.selBuild) {
aletMessage = '请选择楼栋'
if (!this.formData.mobile) {
aletMessage = '请填写手机号'
return aletMessage
}
if (!this.selUnit) {//没有选择单元
aletMessage = '请选择单元'
if (!this.formData.idCard) {//
aletMessage = '请填写证件号'
return aletMessage
} else {//选择了单元
if (this.selUnit.value === 'other') {//单元选择了其他
if (!this.unitContent) {
aletMessage = '请填写单元号'
return aletMessage
}
if (!this.homeContent) {//房屋必须填写内容
aletMessage = '请填写房屋'
return aletMessage
}
} else {//单元没有选择其他
if (!this.selHome) {
aletMessage = '请选择房屋'
return aletMessage
} else if (this.selHome.value === 'other' && !this.homeContent) {
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 = '请选择核酸检测时间'
} else {
if (!this.formData.address) {
aletMessage = '请填写地址'
return aletMessage
}
}
if (!this.selHomeType) {
aletMessage = '请选择房屋类型'
return aletMessage
}
if (!this.formData.houseHolderName) {
aletMessage = '请填写户主姓名'
return aletMessage
}
if (!this.formData2.szTotal) {
aletMessage = '请填写受众人数'
return aletMessage
}
if (!this.formData2.hsjcTotal) {//
aletMessage = '核酸检测人数'
return aletMessage
}
}
},
popupOk () {
if (this.selType === 'detNum') {
this.formData.detNum = this.selObj.value
this.formData.detNumName = this.selObj.label
if (this.selType === 'ymjzCount') {
this.formData.ymjzCount = this.selObj.value
this.formData.ymjzCountName = this.selObj.label
}
this.popupVisible = false
@ -390,7 +421,7 @@ export default {
},
beforeDestroy () {
document.title = messages[val].brand.lg
// document.title = messages[val].brand.lg
},
}
</script>

147
src/views/pages/staffRegisterSuccess.vue
View File

@ -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/caiji.scss";
</style>
Write Preview
Loading…
Cancel
Save