108 lines
2.6 KiB
Vue
108 lines
2.6 KiB
Vue
<template>
|
|
<!-- 劳务管理--人员管理 -->
|
|
<div class="personManage">
|
|
<div class="content_title">
|
|
<el-menu
|
|
:default-active="String(showModule)"
|
|
active-text-color="#5181F6"
|
|
class="el-menu-demo whiteBlock"
|
|
mode="horizontal"
|
|
style="width: 370px"
|
|
>
|
|
<el-menu-item
|
|
index="1"
|
|
style="height: 41px; line-height: 41px"
|
|
@click="switchTab(1)"
|
|
>{{ $t('message.laborMange.modules') }}</el-menu-item
|
|
>
|
|
<el-menu-item
|
|
index="2"
|
|
style="height: 41px; line-height: 41px"
|
|
@click="switchTab(2)"
|
|
>{{ $t('message.laborMange.modules1') }}</el-menu-item
|
|
>
|
|
<el-menu-item
|
|
index="3"
|
|
style="height: 41px; line-height: 41px"
|
|
@click="switchTab(3)"
|
|
>{{ $t('message.laborMange.modules2') }}</el-menu-item
|
|
>
|
|
</el-menu>
|
|
</div>
|
|
<div class="content_right"></div>
|
|
<!-- 施工人员 -->
|
|
<Labor v-if="showModule == 1" class="labor_module" />
|
|
<!-- 管理人员 -->
|
|
<Admin v-if="showModule == 2" />
|
|
<!-- 临时人员 -->
|
|
<Temporary v-if="showModule == 3" />
|
|
</div>
|
|
</template>
|
|
<script>
|
|
import Labor from './personModule/laborComponent'
|
|
import Admin from './personModule/administration'
|
|
import Temporary from './personModule/temporary'
|
|
export default {
|
|
name: 'personManage',
|
|
components: {
|
|
Labor,
|
|
Admin,
|
|
Temporary
|
|
},
|
|
data() {
|
|
return {
|
|
showModule: 1
|
|
}
|
|
},
|
|
created() {
|
|
//详情返回对应的 列表模块
|
|
if (localStorage.getItem('showPersonModule')) {
|
|
this.switchTab(Number(localStorage.getItem('showPersonModule')))
|
|
localStorage.removeItem('showPersonModule')
|
|
}
|
|
},
|
|
methods: {
|
|
switchTab(type) {
|
|
if (type == this.showModule) return
|
|
if (type == 1) {
|
|
window._paq.push(['trackEvent', '点击', '施工人员', '切换为施工人员'])
|
|
} else if (type == 2) {
|
|
window._paq.push(['trackEvent', '点击', '管理人员', '切换为管理人员'])
|
|
} else if (type == 3) {
|
|
window._paq.push(['trackEvent', '点击', '临时人员', '切换为临时人员'])
|
|
}
|
|
this.showModule = type
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
<style lang="less" scoped>
|
|
.personManage {
|
|
width: 100%;
|
|
height: 100%;
|
|
position: relative;
|
|
}
|
|
.content_title {
|
|
z-index: 100;
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
}
|
|
.labor_module {
|
|
width: 100%;
|
|
height: 100%;
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
}
|
|
/deep/ .el-dialog__title,
|
|
.pageTitle {
|
|
font-weight: 700 !important;
|
|
}
|
|
.el-menu-item {
|
|
width: 33.333%;
|
|
text-align: center;
|
|
padding: 0 16px !important;
|
|
}
|
|
</style>
|