/*
|
* @Author: Morpheus
|
* @Date: 2021-07-05 16:31:54
|
* @Last Modified by: Morpheus
|
* @Last Modified time: 2021-07-07 18:01:57
|
* menu-name 保安详细资料
|
*/
|
<template>
|
<el-row class="morpheus-box">
|
<el-col :span="24">
|
<el-card>
|
<div class="card-body">
|
<el-tabs v-model="activeName"
|
@tab-click="handleClick">
|
<el-tab-pane label="基本信息"
|
name="first">
|
|
<el-form :model="form"
|
label-position="right"
|
size="mini"
|
label-width="100px">
|
|
<el-row>
|
<el-col span="12">
|
<el-form-item label="姓名">
|
<el-input disabled="true"
|
v-model="form.realName"
|
autocomplete="off"></el-input>
|
</el-form-item>
|
</el-col>
|
<el-col span="12">
|
<el-form-item label="性别">
|
<el-input disabled="true"
|
:value="form.sex == 1 ? '男' : '女'"
|
autocomplete="off"></el-input>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
<el-row>
|
<el-col span="12">
|
<el-col span="12">
|
<el-form-item label="电子邮箱">
|
<el-input disabled="true"
|
v-model="form.emails"
|
autocomplete="off"></el-input>
|
</el-form-item>
|
</el-col>
|
|
</el-col>
|
<el-col span="12">
|
<el-form-item label="联系方式">
|
<el-input disabled="true"
|
v-model="form.phone"
|
autocomplete="off"></el-input>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
|
<el-row>
|
<el-col span="12">
|
<el-form-item label="身高">
|
<el-input disabled="true"
|
v-model="form.height"
|
autocomplete="off"></el-input>
|
</el-form-item>
|
</el-col>
|
<el-col span="12">
|
<el-form-item label="联系地址">
|
<el-input disabled="true"
|
v-model="form.address"
|
autocomplete="off"></el-input>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
<el-row>
|
|
<el-col span="12">
|
<el-form-item label="籍贯">
|
<el-input disabled="true"
|
v-model="form.nativePlace"
|
autocomplete="off"></el-input>
|
</el-form-item>
|
</el-col>
|
<el-col span="12">
|
<el-form-item label="户口所在地">
|
<el-input disabled="true"
|
v-model="form.registered"
|
autocomplete="off"></el-input>
|
</el-form-item>
|
</el-col>
|
|
</el-row>
|
|
<el-row>
|
<el-col span="12">
|
<el-form-item label="政治面貌">
|
<el-input disabled="true"
|
v-model="form.politicaloutlook"
|
autocomplete="off"></el-input>
|
</el-form-item>
|
</el-col>
|
<el-col span="12">
|
|
<el-form-item label="身份证号">
|
<el-input disabled="true"
|
v-model="form.cardid"
|
autocomplete="off"></el-input>
|
</el-form-item>
|
</el-col>
|
|
</el-row>
|
|
<el-row>
|
<el-col span="12">
|
|
<el-form-item label="所属角色">
|
<el-input disabled="true"
|
v-model="form.roleName"
|
autocomplete="off"></el-input>
|
</el-form-item>
|
</el-col>
|
<el-col span="12">
|
<el-form-item label="所属公司">
|
<el-input disabled="true"
|
v-model="form.deptName"
|
autocomplete="off"></el-input>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
|
<el-row>
|
<el-col span="12">
|
<el-form-item label="入职时间">
|
<el-input disabled="true"
|
v-model="form.rtime"
|
autocomplete="off"></el-input>
|
</el-form-item>
|
</el-col>
|
<el-col span="12">
|
<el-form-item label="是否在职">
|
<el-input disabled="true"
|
:value="form.sex == 1 ? '是' : '否'"
|
autocomplete="off"></el-input>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
|
</el-form>
|
|
</el-tab-pane>
|
<el-tab-pane label="人员表现"
|
name="second">
|
<el-table :data="manifestationData"
|
style="width: 100%">
|
|
<el-table-column prop="name"
|
label="姓名"
|
align="center">
|
</el-table-column>
|
|
<el-table-column prop="securityid"
|
label="身份证号"
|
align="center">
|
</el-table-column>
|
|
<el-table-column prop="workingattitude"
|
align="center"
|
label="工作态度">
|
</el-table-column>
|
|
<el-table-column prop="workingability"
|
align="center"
|
label="工作能力">
|
</el-table-column>
|
|
<el-table-column prop="achievements"
|
align="center"
|
label="工作成效">
|
</el-table-column>
|
|
<el-table-column prop="score"
|
align="center"
|
label="评分">
|
</el-table-column>
|
|
<el-table-column prop="time"
|
align="center"
|
label="时间">
|
</el-table-column>
|
|
</el-table>
|
</el-tab-pane>
|
<el-tab-pane label="派遣记录"
|
name="third">
|
<el-table :data="dispatchData"
|
style="width: 100%">
|
|
<el-table-column prop="name"
|
label="姓名"
|
align="center">
|
</el-table-column>
|
|
<el-table-column prop="cardid"
|
label="身份证号"
|
align="center">
|
</el-table-column>
|
|
<el-table-column prop="dispatcher"
|
align="center"
|
label="派遣人">
|
</el-table-column>
|
|
<el-table-column prop="dispatchertime"
|
align="center"
|
label="派遣时间">
|
</el-table-column>
|
|
<el-table-column prop="dispatcheraddress"
|
align="center"
|
label="派遣地址">
|
</el-table-column>
|
|
</el-table>
|
</el-tab-pane>
|
<el-tab-pane label="相关荣誉"
|
name="fourth">
|
<el-table :data="honorchData"
|
style="width: 100%">
|
|
<el-table-column prop="name"
|
label="姓名"
|
align="center">
|
</el-table-column>
|
|
<el-table-column prop="cardid"
|
label="身份证号"
|
align="center">
|
</el-table-column>
|
|
<el-table-column prop="honor"
|
align="center"
|
label="荣誉">
|
</el-table-column>
|
|
<el-table-column prop="honortime"
|
align="center"
|
label="获取时间">
|
</el-table-column>
|
|
</el-table>
|
</el-tab-pane>
|
</el-tabs>
|
</div>
|
|
</el-card>
|
</el-col>
|
</el-row>
|
</template>
|
|
<script>
|
// import {
|
// manifestationList,
|
// dispatchList,
|
// honorchList
|
// } from "@/api/management/peopleDetails";
|
|
|
export default {
|
data () {
|
return {
|
activeName: 'first',
|
form: {},
|
manifestationData: [],
|
dispatchData: [],
|
honorchData: [],
|
}
|
},
|
created () {
|
var flag = false, i = 0, ind = null
|
|
this.$store.state.tags.tagList.forEach((item, index) => {
|
if (item.label == "保安详细资料") {
|
if (flag == false) {
|
ind = index
|
flag = true
|
}
|
i++
|
}
|
})
|
if (i > 1) {
|
this.$store.state.tags.tagList.splice(ind, 1)
|
|
}
|
|
|
this.form = this.$route.query;
|
|
},
|
mounted () {
|
|
// this.$store.state.tags.tag.label = '保安详细资料'
|
|
},
|
methods: {
|
handleClick (tab) {
|
if (tab.index == 1) {
|
this.getManifestationData()
|
} else if (tab.index == 2) {
|
this.getDispatchData()
|
} else if (tab.index == 3) {
|
this.getHonorchData()
|
}
|
},
|
getManifestationData () {
|
manifestationList(this.form.cardid).then(res => {
|
this.manifestationData = res.data.data.records
|
this.manifestationData.forEach(item => {
|
item.name = this.form.realName
|
item.time = item.time.substring(0, 10)
|
})
|
})
|
},
|
getDispatchData () {
|
dispatchList(this.form.cardid).then(res => {
|
|
this.dispatchData = res.data.data.records
|
|
})
|
},
|
getHonorchData () {
|
honorchList(this.form.cardid).then(res => {
|
|
this.honorchData = res.data.data.records
|
|
})
|
}
|
}
|
}
|
</script>
|
|
<style lang="scss" scoped>
|
</style>
|
