|
@@ -0,0 +1,491 @@
|
|
|
+<template>
|
|
|
+ <view>
|
|
|
+ <view class="content" v-if="user_info">
|
|
|
+ <view class="user">
|
|
|
+ <view class="left">
|
|
|
+ <view class="line name">{{user_info.name}}</view>
|
|
|
+ <view class="line">
|
|
|
+ <view class="item">
|
|
|
+ <view class="label">年龄</view>
|
|
|
+ <view class="box">{{user_info.age}}岁</view>
|
|
|
+ </view>
|
|
|
+ <view class="item">
|
|
|
+ <view class="label">性别</view>
|
|
|
+ <view class="box">{{user_info.sex}}</view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="right">
|
|
|
+ <view class="img">
|
|
|
+ <image
|
|
|
+ src="https://cdn.colorhub.me/NjEsLkWKhU8/rs:auto:280:0:0/g:sm/fn:colorhub/bG9jYWw6Ly8vNDUvODgvZTAxZjE5ZmMwYjEzMmRhYzYwMTY3NmFiNGRhNzA5NmQyNmY5NDU4OC5qcGc.jpg"
|
|
|
+ mode="aspectFill"></image>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="inner">
|
|
|
+ <view class="line">
|
|
|
+ <view class="item">
|
|
|
+ <view class="label">学历</view>
|
|
|
+ <view class="box">{{user_info.edu_as}}</view>
|
|
|
+ </view>
|
|
|
+ <view class="item">
|
|
|
+ <view class="label">职务/岗位</view>
|
|
|
+ <view class="box">{{user_info.job_as}}</view>
|
|
|
+ </view>
|
|
|
+ <view class="item">
|
|
|
+ <view class="label">职称</view>
|
|
|
+ <view class="box">无</view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="line">
|
|
|
+ <view class="item">
|
|
|
+ <view class="label">技能等级</view>
|
|
|
+ <view class="box">中级工</view>
|
|
|
+ </view>
|
|
|
+ <view class="item">
|
|
|
+ <view class="label">身体状况</view>
|
|
|
+ <view class="box">{{user_info.daltonism}}</view>
|
|
|
+ </view>
|
|
|
+ <view class="item">
|
|
|
+ <view class="label">参加工作时间</view>
|
|
|
+ <view class="box">2004-09-20</view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="line">
|
|
|
+ <view class="item">
|
|
|
+ <view class="label">进入本企业时间</view>
|
|
|
+ <view class="box">2006-01-18</view>
|
|
|
+ </view>
|
|
|
+ <view class="item">
|
|
|
+ <view class="label">所在部门/区队</view>
|
|
|
+ <view class="box">{{user_info.org_name}}</view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+
|
|
|
+ <view class="tab_content" v-if="user_info">
|
|
|
+ <view class="tab">
|
|
|
+ <!-- <view class="item" v-for="(item,index) in 7" :key="index" @click="tab(index)">
|
|
|
+ <image v-if="index == 0" src="./icon/icon_1.png" mode=""></image>
|
|
|
+ <image v-if="index == 1" src="./icon/icon_2.png" mode=""></image>
|
|
|
+ <image v-if="index == 2" src="./icon/icon_3.png" mode=""></image>
|
|
|
+ <image v-if="index == 3" src="./icon/icon_4.png" mode=""></image>
|
|
|
+ <image v-if="index == 4" src="./icon/icon_5.png" mode=""></image>
|
|
|
+ <image v-if="index == 5" src="./icon/icon_6.png" mode=""></image>
|
|
|
+ <image v-if="index == 6" src="./icon/icon_7.png" mode=""></image>
|
|
|
+ </view> -->
|
|
|
+ <view class="item" :class="active == index? 'active' : ''" v-for="(item,index) in 6" :key="index"
|
|
|
+ @click="tab(index)">
|
|
|
+ <view class="img">
|
|
|
+ <image v-if="index == 0" src="./icon/icon_1.png" mode=""></image>
|
|
|
+ <image v-if="index == 1" src="./icon/icon_2.png" mode=""></image>
|
|
|
+ <image v-if="index == 2" src="./icon/icon_3.png" mode=""></image>
|
|
|
+ <image v-if="index == 3" src="./icon/icon_4.png" mode=""></image>
|
|
|
+ <image v-if="index == 4" src="./icon/icon_5.png" mode=""></image>
|
|
|
+ <image v-if="index == 5" src="./icon/icon_6.png" mode=""></image>
|
|
|
+ </view>
|
|
|
+ <view class="text" v-if="index == 0">培训情况</view>
|
|
|
+ <view class="text" v-if="index == 1">违章记录</view>
|
|
|
+ <view class="text" v-if="index == 2">持证记录</view>
|
|
|
+ <view class="text" v-if="index == 3">考试记录</view>
|
|
|
+ <view class="text" v-if="index == 4">工作简历</view>
|
|
|
+ <view class="text" v-if="index == 5">个人荣誉</view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="content">
|
|
|
+ <view class="list list_1" v-if="active == 0">
|
|
|
+ <view class="item label_box">
|
|
|
+ <view class="label text_1">培训时间</view>
|
|
|
+ <view class="label text_2">培训项目</view>
|
|
|
+ <view class="label text_3">培训地点</view>
|
|
|
+ <view class="label text_4">考核情况</view>
|
|
|
+ </view>
|
|
|
+
|
|
|
+ <view class="item">
|
|
|
+ <view class="text_1">2022/05/05</view>
|
|
|
+ <view class="text_2">煤矿生产安全事故应急救援预案</view>
|
|
|
+ <view class="text_3">综采一队会议室</view>
|
|
|
+ <view class="text_4">98</view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="list list_2" v-if="active == 1">
|
|
|
+ <view class="item label_box">
|
|
|
+ <view class="label text_1">违章日期</view>
|
|
|
+ <view class="label text_2">行为描述</view>
|
|
|
+ <view class="label text_3">风险等级</view>
|
|
|
+ <view class="label text_4">矫正措施</view>
|
|
|
+ <view class="label text_5">负责人签字</view>
|
|
|
+ </view>
|
|
|
+
|
|
|
+ <view class="item">
|
|
|
+ <view class="text_1">2022/05/05</view>
|
|
|
+ <view class="text_2">煤矿生产安全事故应急救援预案</view>
|
|
|
+ <view class="text_3">一般</view>
|
|
|
+ <view class="text_4">培训矫正</view>
|
|
|
+ <view class="text_5">龙皓晨</view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="list list_3" v-if="active == 2">
|
|
|
+ <view class="item label_box">
|
|
|
+ <view class="label text_1">发证机关</view>
|
|
|
+ <view class="label text_2">证件名称</view>
|
|
|
+ <view class="label text_3">取证日期</view>
|
|
|
+ <view class="label text_4">有效时间至</view>
|
|
|
+ </view>
|
|
|
+
|
|
|
+ <view class="item">
|
|
|
+ <view class="text_1">综采一队会议室</view>
|
|
|
+ <view class="text_2">煤矿生产安全事故应急救援预案</view>
|
|
|
+ <view class="text_3">2022/05/05</view>
|
|
|
+ <view class="text_4">2022/05/05</view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="list list_4" v-if="active == 3">
|
|
|
+ <view class="item label_box">
|
|
|
+ <view class="label text_1">考试名称</view>
|
|
|
+ <view class="label text_2">考试时间</view>
|
|
|
+ <view class="label text_3">考试限时</view>
|
|
|
+ <view class="label text_4">考试总分</view>
|
|
|
+ <view class="label text_5">考试成绩</view>
|
|
|
+ </view>
|
|
|
+
|
|
|
+ <view class="item">
|
|
|
+ <view class="text_1">从业人员2022年3月9日煤矿采煤作业人员考试</view>
|
|
|
+ <view class="text_2">2022-03-09</view>
|
|
|
+ <view class="text_3">60分钟</view>
|
|
|
+ <view class="text_4">100分</view>
|
|
|
+ <view class="text_5">98分</view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="list list_5" v-if="active == 4">
|
|
|
+ <view class="item label_box">
|
|
|
+ <view class="label text_1">个人工作简历</view>
|
|
|
+ </view>
|
|
|
+
|
|
|
+ <view class="item">
|
|
|
+ <view class="text_1">1998-08-15 到 2002-06-01 灵武矿务局磁窑堡煤矿</view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+</template>
|
|
|
+
|
|
|
+<script>
|
|
|
+ export default {
|
|
|
+ data() {
|
|
|
+ return {
|
|
|
+ active: 0,
|
|
|
+ staff_num:'15003194',
|
|
|
+ user_info:null,
|
|
|
+ list:null
|
|
|
+ };
|
|
|
+ },
|
|
|
+ onLoad() {
|
|
|
+ this.get_examination_get_detail()
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ tab(index) {
|
|
|
+ console.log(index)
|
|
|
+ this.active = index
|
|
|
+
|
|
|
+ this.$api.examination_get_detail({
|
|
|
+ staff_num:this.staff_num,
|
|
|
+ type: index+1
|
|
|
+ }).then((res)=>{
|
|
|
+ console.log(res.data.content.data)
|
|
|
+ })
|
|
|
+ },
|
|
|
+ get_examination_get_detail(){
|
|
|
+ this.$api.examination_get_detail({
|
|
|
+ staff_num:this.staff_num,
|
|
|
+ type:1
|
|
|
+ }).then((res)=>{
|
|
|
+ console.log(res.data.content.data)
|
|
|
+
|
|
|
+ this.user_info = res.data.content.data.user_info
|
|
|
+ })
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+</script>
|
|
|
+
|
|
|
+<style lang="scss">
|
|
|
+ page {
|
|
|
+ background-color: #009fe8;
|
|
|
+
|
|
|
+ box-sizing: border-box;
|
|
|
+ padding: 25rpx;
|
|
|
+ }
|
|
|
+
|
|
|
+ .content {
|
|
|
+ .line {
|
|
|
+ color: #FFFFFF;
|
|
|
+
|
|
|
+ border-bottom: 2rpx dashed #C4EDFF;
|
|
|
+ overflow: hidden;
|
|
|
+
|
|
|
+ box-sizing: border-box;
|
|
|
+ padding: 25rpx 0;
|
|
|
+
|
|
|
+ .item {
|
|
|
+ float: left;
|
|
|
+ margin-right: 5rpx;
|
|
|
+
|
|
|
+ width: 230rpx;
|
|
|
+
|
|
|
+ .label {
|
|
|
+ font-size: 28rpx;
|
|
|
+ opacity: 0.5;
|
|
|
+ margin-bottom: 8rpx;
|
|
|
+ }
|
|
|
+
|
|
|
+ .box {
|
|
|
+ font-size: 30rpx;
|
|
|
+ font-weight: 700;
|
|
|
+
|
|
|
+ white-space: nowrap;
|
|
|
+ // overflow: hidden;
|
|
|
+ // text-overflow: ellipsis;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .item:last-child {
|
|
|
+ margin-right: 0;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .user {
|
|
|
+ display: flex;
|
|
|
+ justify-content: space-between;
|
|
|
+
|
|
|
+ .left {
|
|
|
+ width: 470rpx;
|
|
|
+
|
|
|
+ .name {
|
|
|
+ font-size: 60rpx;
|
|
|
+ font-weight: 700;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .right {
|
|
|
+ width: 200rpx;
|
|
|
+
|
|
|
+ .img {
|
|
|
+ image {
|
|
|
+ width: 200rpx;
|
|
|
+ height: 268rpx;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ }
|
|
|
+
|
|
|
+ .tab_content {
|
|
|
+ margin: 30rpx 0;
|
|
|
+
|
|
|
+ .tab {
|
|
|
+ margin: 0 auto;
|
|
|
+ width: 660rpx;
|
|
|
+ display: flex;
|
|
|
+ justify-content: space-around;
|
|
|
+ // .item{
|
|
|
+ // width: 90rpx;
|
|
|
+ // height: 82rpx;
|
|
|
+ // background-color: #FFFFFF;
|
|
|
+
|
|
|
+ // text-align: center;
|
|
|
+ // border-radius: 0 20rpx 0 0;
|
|
|
+ // image{
|
|
|
+ // margin-top: 20rpx;
|
|
|
+ // width: 44rpx;
|
|
|
+ // height: 44rpx;
|
|
|
+ // }
|
|
|
+ // }
|
|
|
+ .item {
|
|
|
+ width: 110rpx;
|
|
|
+ background-color: #FFFFFF;
|
|
|
+
|
|
|
+ text-align: center;
|
|
|
+ border-radius: 0 20rpx 0 0;
|
|
|
+
|
|
|
+ .img {
|
|
|
+ -webkit-filter: grayscale(100%);
|
|
|
+ /* Chrome, Safari, Opera */
|
|
|
+ filter: grayscale(100%);
|
|
|
+
|
|
|
+ image {
|
|
|
+ margin-top: 20rpx;
|
|
|
+ width: 44rpx;
|
|
|
+ height: 44rpx;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .text {
|
|
|
+ font-size: 24rpx;
|
|
|
+ color: #848484;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .active {
|
|
|
+ .img {
|
|
|
+ -webkit-filter: none;
|
|
|
+ /* Chrome, Safari, Opera */
|
|
|
+ filter: none;
|
|
|
+ image {
|
|
|
+ margin-top: 10rpx;
|
|
|
+ width: 54rpx;
|
|
|
+ height: 54rpx;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .text {
|
|
|
+ color: #009fe8;
|
|
|
+ font-size: 26rpx;
|
|
|
+ font-weight: 700;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .content {
|
|
|
+ min-height: 400rpx;
|
|
|
+ background-color: #FFFFFF;
|
|
|
+ border-radius: 16rpx;
|
|
|
+
|
|
|
+ padding-top: 20rpx;
|
|
|
+
|
|
|
+ .list{
|
|
|
+ .item {
|
|
|
+ display: flex;
|
|
|
+ justify-content: space-around;
|
|
|
+ align-items: center;
|
|
|
+ text-align: center;
|
|
|
+ height: 120rpx;
|
|
|
+ line-height: 36rpx;
|
|
|
+ font-size: 26rpx;
|
|
|
+
|
|
|
+ border-bottom: 2rpx dashed #DCDCDC;
|
|
|
+
|
|
|
+ .text_1 {
|
|
|
+ width: 130rpx;
|
|
|
+ }
|
|
|
+
|
|
|
+ .text_2 {
|
|
|
+ width: 190rpx;
|
|
|
+ }
|
|
|
+
|
|
|
+ .text_3 {
|
|
|
+ width: 130rpx;
|
|
|
+ }
|
|
|
+
|
|
|
+ .text_4 {
|
|
|
+ width: 130rpx;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .label_box {
|
|
|
+ background-color: #DCDCDC;
|
|
|
+ display: flex;
|
|
|
+ justify-content: space-around;
|
|
|
+ align-items: center;
|
|
|
+ height: 60rpx;
|
|
|
+
|
|
|
+ .label {
|
|
|
+ color: #999999;
|
|
|
+ font-size: 26rpx;
|
|
|
+ font-weight: 700;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .list_2 {
|
|
|
+ .item {
|
|
|
+ .text_1 {
|
|
|
+ width: 130rpx;
|
|
|
+ }
|
|
|
+
|
|
|
+ .text_2 {
|
|
|
+ width: 180rpx;
|
|
|
+ }
|
|
|
+
|
|
|
+ .text_3 {
|
|
|
+ width: 100rpx;
|
|
|
+ }
|
|
|
+
|
|
|
+ .text_4 {
|
|
|
+ width: 100rpx;
|
|
|
+ }
|
|
|
+
|
|
|
+ .text_5 {
|
|
|
+ width: 140rpx;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .label_box {
|
|
|
+ .label {
|
|
|
+ font-size: 24rpx;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .list_3 {
|
|
|
+ .item {
|
|
|
+ .text_1 {
|
|
|
+ width: 160rpx;
|
|
|
+ }
|
|
|
+
|
|
|
+ .text_2 {
|
|
|
+ width: 180rpx;
|
|
|
+ }
|
|
|
+
|
|
|
+ .text_3 {
|
|
|
+ width: 130rpx;
|
|
|
+ }
|
|
|
+
|
|
|
+ .text_4 {
|
|
|
+ width: 130rpx;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .list_4 {
|
|
|
+ .item {
|
|
|
+ .text_1 {
|
|
|
+ width: 180rpx;
|
|
|
+ }
|
|
|
+
|
|
|
+ .text_2 {
|
|
|
+ width: 130rpx;
|
|
|
+ }
|
|
|
+
|
|
|
+ .text_3 {
|
|
|
+ width: 100rpx;
|
|
|
+ }
|
|
|
+
|
|
|
+ .text_4 {
|
|
|
+ width: 100rpx;
|
|
|
+ }
|
|
|
+
|
|
|
+ .text_5 {
|
|
|
+ width: 100rpx;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .label_box {
|
|
|
+ .label {
|
|
|
+ font-size: 24rpx;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .list_5 {
|
|
|
+ .item {
|
|
|
+ .text_1 {
|
|
|
+ width: 700rpx;
|
|
|
+ font-size: 28rpx;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+</style>
|