222 lines
8.0 KiB
Vue
222 lines
8.0 KiB
Vue
<template>
|
||
<view>
|
||
<view class="uni-common-mt">
|
||
<view class="uni-list">
|
||
<view class="uni-list-cell" hover-class="uni-list-cell-hover">
|
||
<view class="uni-padding-wrap">
|
||
<view class="uni-flex uni-row">
|
||
<view class="mydefineText" style="width: 200upx;">办公电话</view>
|
||
<view class="mydefineText rightText">{{deviceInfo.officePhone}}</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
<view class="uni-list-cell" hover-class="uni-list-cell-hover">
|
||
<view class="uni-padding-wrap">
|
||
<view class="uni-flex uni-row">
|
||
<view class="mydefineText" style="width: 200upx;">电子邮件</view>
|
||
<view class="mydefineText rightText">{{deviceInfo.email}}</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
<view class="uni-list-cell" hover-class="uni-list-cell-hover">
|
||
<view class="uni-padding-wrap">
|
||
<view class="uni-flex uni-row">
|
||
<view class="mydefineText" style="width: 200upx;">邮政编码</view>
|
||
<view class="mydefineText rightText">{{deviceInfo.postalCode}}</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
<view class="uni-list-cell" hover-class="uni-list-cell-hover">
|
||
<view class="uni-padding-wrap">
|
||
<view class="uni-flex uni-row">
|
||
<view class="mydefineText" style="width: 200upx;">家庭住址</view>
|
||
<view class="mydefineText rightText">{{deviceInfo.address}}</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
<view class="uni-list-cell" hover-class="uni-list-cell-hover">
|
||
<view class="uni-padding-wrap">
|
||
<view class="uni-flex uni-row">
|
||
<view class="mydefineText" style="width: 200upx;">微信号</view>
|
||
<view class="mydefineText rightText">{{deviceInfo.wechatNumber}}</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
<view class="uni-list-cell" hover-class="uni-list-cell-hover">
|
||
<view class="uni-padding-wrap">
|
||
<view class="uni-flex uni-row">
|
||
<view class="mydefineText" style="width: 200upx;">入职来源</view>
|
||
<view class="mydefineText rightText">{{deviceInfo.entrySourse}}</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
<view class="uni-list-cell" hover-class="uni-list-cell-hover">
|
||
<view class="uni-padding-wrap">
|
||
<view class="uni-flex uni-row">
|
||
<view class="mydefineText" style="width: 200upx;">试用期（月）</view>
|
||
<view class="mydefineText rightText">{{deviceInfo.probationPeriod}}</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
<view class="uni-list-cell" hover-class="uni-list-cell-hover">
|
||
<view class="uni-padding-wrap">
|
||
<view class="uni-flex uni-row">
|
||
<view class="mydefineText" style="width: 200upx;">转正日期</view>
|
||
<view class="mydefineText rightText">{{deviceInfo.formalDate}}</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
<view class="uni-list-cell" hover-class="uni-list-cell-hover">
|
||
<view class="uni-padding-wrap">
|
||
<view class="uni-flex uni-row">
|
||
<view class="mydefineText" style="width: 200upx;">退休日期</view>
|
||
<view class="mydefineText rightText">{{deviceInfo.retireDate}}</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
<view class="uni-list-cell" hover-class="uni-list-cell-hover">
|
||
<view class="uni-padding-wrap">
|
||
<view class="uni-flex uni-row">
|
||
<view class="mydefineText" style="width: 200upx;">离职日期</view>
|
||
<view class="mydefineText rightText">{{deviceInfo.quitDate}}</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
<view class="uni-list-cell" hover-class="uni-list-cell-hover">
|
||
<view class="uni-padding-wrap">
|
||
<view class="uni-flex uni-row">
|
||
<view class="mydefineText" style="width: 200upx;">离职原因</view>
|
||
<view class="mydefineText rightText">{{deviceInfo.quitReason}}</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
<view class="uni-list-cell" hover-class="uni-list-cell-hover">
|
||
<view class="uni-padding-wrap">
|
||
<view class="uni-flex uni-row">
|
||
<view class="mydefineText" style="width: 200upx;">公司服务年限</view>
|
||
<view class="mydefineText rightText">{{deviceInfo.companyServiceYear}}</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
<view class="uni-list-cell" hover-class="uni-list-cell-hover">
|
||
<view class="uni-padding-wrap">
|
||
<view class="uni-flex uni-row">
|
||
<view class="mydefineText" style="width: 200upx;">参加工作日期</view>
|
||
<view class="mydefineText rightText">{{deviceInfo.joiningWorkDate}}</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
<view class="uni-list-cell" hover-class="uni-list-cell-hover">
|
||
<view class="uni-padding-wrap">
|
||
<view class="uni-flex uni-row">
|
||
<view class="mydefineText" style="width: 200upx;">社会工龄（年）</view>
|
||
<view class="mydefineText rightText">{{deviceInfo.serviceAge}}</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
|
||
</view>
|
||
</view>
|
||
|
||
<view class="goHome" @click='goMain()'>
|
||
<img src="../../static/img/gohome.png">
|
||
</view>
|
||
</view>
|
||
</template>
|
||
|
||
<script>
|
||
import {
|
||
config
|
||
} from '../../request/js/config.js'
|
||
export default {
|
||
data() {
|
||
return {
|
||
id:'',
|
||
config:config,
|
||
deviceInfo:{}
|
||
}
|
||
},
|
||
onLoad(options) {
|
||
this.id = Number(options.id)
|
||
//获取档案的扩展信息。
|
||
this.$http.request({
|
||
url: '/apis/employeeInfo/detail/'+this.id,
|
||
method: 'get',
|
||
}).then(res=>{
|
||
console.log(res)
|
||
if(res.data.code == 0 && res.data.data){
|
||
// var useTime = res.data.data.using_time; //开始使用时间。
|
||
// var service_year = res.data.data.service_year; //使用年限。
|
||
// var end_year = '';
|
||
// if(useTime && service_year){
|
||
// end_year = this.addDate(useTime,'y',service_year);
|
||
// }
|
||
// console(res.data.data.employeeInfoDO)
|
||
this.deviceInfo = res.data.data.employeeInfoDO;
|
||
this.deviceInfo.formalDate = this.deviceInfo.formalDate.substr(0,10)
|
||
this.deviceInfo.retireDate = this.deviceInfo.retireDate.substr(0,10)
|
||
this.deviceInfo.quitDate = this.deviceInfo.quitDate.substr(0,10)
|
||
this.deviceInfo.joiningWorkDate = this.deviceInfo.joiningWorkDate.substr(0,10)
|
||
// this.deviceInfo.end_year = end_year;
|
||
}
|
||
}).catch(err=>{
|
||
});
|
||
},
|
||
methods: {
|
||
/**
|
||
* 对日期进行加减操作 该方法不会修改传入的Date对象
|
||
* @param date 如果为null 则表示为当前日期
|
||
* @param unit 单位 y:年 M:月 d:日 h:小时 m:分钟 s:秒
|
||
* @param value 增加的数值 可以为负数
|
||
* @return 返回值为修改后的新的Date对象
|
||
*/
|
||
addDate:function(date,unit,value){
|
||
date = new Date(date.replace(/-/g, "/"));
|
||
var units = {
|
||
y:'FullYear',
|
||
M:'Month',
|
||
d:'Date',
|
||
h:'Hours',
|
||
m:'Minutes',
|
||
s:'Seconds'
|
||
}
|
||
|
||
try{
|
||
if(units[unit]){
|
||
date['set'+units[unit]](date['get'+units[unit]]() + parseInt(value));
|
||
}
|
||
}catch (e){
|
||
console.error(e);
|
||
}
|
||
var day1 = new Date();
|
||
var time = date.getFullYear()+"-" + this.minTenAndZero(date.getMonth()+1) + "-" + this.minTenAndZero(date.getDate())+
|
||
" " + this.minTenAndZero(date.getHours()) + ":" + this.minTenAndZero(date.getMinutes()) + ":" + this.minTenAndZero(date.getSeconds());
|
||
return time;
|
||
},
|
||
minTenAndZero:function(value){
|
||
return value<10?('0'+value):value;
|
||
}
|
||
}
|
||
}
|
||
</script>
|
||
|
||
<style>
|
||
.mydefineText {
|
||
margin: 7px 5px;
|
||
height: 70upx;
|
||
line-height: 70upx;
|
||
color: #999;
|
||
font-size: 28upx;
|
||
}
|
||
.rightText{
|
||
text-align: right;
|
||
color: #333;
|
||
-webkit-flex: 1;
|
||
flex: 1;
|
||
text-overflow: ellipsis;
|
||
white-space: nowrap;
|
||
overflow: hidden
|
||
}
|
||
.red{color: #f00;}
|
||
</style>
|