| New file |
| | |
| | | /* |
| | | * @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> |