<template>
|
<view class="information">
|
<view class="head">
|
<u-navbar :is-fixed="true" :border-bottom="false" :is-back="true" title="" :back-icon-color="'#fff'"
|
:background="{ background: '#0BB9C8' }">
|
</u-navbar>
|
<view class="head-bg"></view>
|
</view>
|
<view class="bodys">
|
<view class="once sole">
|
<i>照片</i>
|
<!-- <image :src="datalist.imgSrc" mode=""></image> -->
|
<u-image class="img" width="136rpx" height="136rpx" :src="datalist.myPicture">
|
<view slot="error" style="font-size: 24rpx;">暂无照片</view>
|
</u-image>
|
</view>
|
<view class="once">
|
<i>姓名</i> <span> {{ datalist.realName }} </span>
|
</view>
|
<view class="once">
|
<i>性别</i> <span> {{ datalist.sex == 2 ? '女' : datalist.sex == 1 ? '男' : ' ' }} </span>
|
</view>
|
<view class="once">
|
<i>籍贯</i> <span> {{ datalist.nativePlace }} </span>
|
</view>
|
<view class="once">
|
<i>学历</i> <span> {{ datalist.education }} </span>
|
</view>
|
<view class="once">
|
<i>出生日期</i> <span> {{ datalist.birthday }} </span>
|
</view>
|
<view class="once">
|
<i>政治面貌</i> <span> {{ datalist.politicaloutlook }} </span>
|
</view>
|
<view class="once">
|
<i>联系电话</i> <span> {{ datalist.phone }} </span>
|
</view>
|
<view class="once">
|
<i>所属公司</i> <span> {{ datalist.deptName }} </span>
|
</view>
|
<view class="once">
|
<i>入职时间</i> <span> {{ datalist.rtime }} </span>
|
</view>
|
|
<view class="once">
|
<u-button class="ubut" type="success" @click="openCongye" size="medium" :ripple="true"
|
ripple-bg-color="#fff">从业单位</u-button>
|
<u-button class="ubut" type="success" @click="openCertificates" size="medium" :ripple="true"
|
ripple-bg-color="#fff">查看证件</u-button>
|
</view>
|
</view>
|
<!--<u-popup class="certificates" v-model="showi" mode="bottom" border-radius="10">
|
<view class="certificatesnj">
|
<view class="titleonce">
|
保安员证
|
</view>
|
<view class="once">
|
姓名： <view class="o-once"> {{datalist.realName}}</view>
|
</view>
|
<view class="once">
|
性别：<view class="o-once"> {{datalist.sex == 1 ? '男' : '女'}}</view>
|
</view>
|
<view class="once">
|
编号：<view class="o-once"> {{datalist.securitynumber}}</view>
|
</view>
|
<view class="once">
|
发证机关：<view class="o-once"> 南昌市公安局 </view>
|
</view>
|
<view class="once">
|
发证日期：<view class="o-once"> {{datalist.updateTime}}</view>
|
</view>
|
|
<u-image class="img" width="150rpx" height="150rpx" :src="datalist.avatar">
|
<view slot="error" style="font-size: 1rem;">暂无证件</view>
|
</u-image>
|
</view>
|
</u-popup>-->
|
<u-popup class="certificates-ourScreen" :closeable="true" v-model="showi" mode="bottom" border-radius="50">
|
<view class="certificates-screen-in">
|
<view class="se-sc-in-head">
|
<image class="se-sc-in-img" src="./sers.png" mode=""></image>
|
</view>
|
<view class="c-s-in-once" v-for="(item,index) in sfxx" :key="item.value +index">
|
<view class="c-s-in-o-title">
|
{{item.label}}
|
</view>
|
<view class="c-s-in-o-center">
|
{{item.value}}
|
</view>
|
</view>
|
</view>
|
</u-popup>
|
<u-popup v-model="showc" mode="bottom" border-radius="10">
|
<view class="">
|
<u-empty text="没有数据" :color="'#0BB9C8'" :icon-color="'#0BB9C8'" mode="list" :show="cylist.length == 0">
|
</u-empty>
|
</view>
|
<view class="Congye">
|
<u-time-line>
|
<u-time-line-item nodeTop="2" v-for="(item,index) in cylist" :key="index">
|
<!-- 此处自定义了左边内容，用一个图标替代 -->
|
<template v-slot:node>
|
<view class="u-node" style="background: #19be6b;">
|
<!-- 此处为uView的icon组件 -->
|
<u-icon name="pushpin-fill" color="#fff" :size="24"></u-icon>
|
</view>
|
</template>
|
<template v-slot:content>
|
<view>
|
<view class="u-order-title">在职时间：<view class="titles">
|
{{item.entrytime}}至 {{item.departuretime}}
|
</view>
|
</view>
|
<view class="u-order-desc">公司名称：{{item.companyname}}</view>
|
<view class="u-order-desc">岗位：{{item.post}}</view>
|
<view class="u-order-desc">岗位职责：{{item.responsibilities}}</view>
|
<view class="u-order-time">离职原因:{{item.leaving}}</view>
|
</view>
|
</template>
|
</u-time-line-item>
|
<!-- <u-time-line-item>
|
<template v-slot:content>
|
<view>
|
<view class="u-order-desc">【深圳市】日照香炉生紫烟，遥看瀑布挂前川，飞流直下三千尺，疑是银河落九天。</view>
|
<view class="u-order-time">2019-12-06 22:30</view>
|
</view>
|
</template>
|
</u-time-line-item> -->
|
</u-time-line>
|
</view>
|
</u-popup>
|
|
</view>
|
</template>
|
|
<script>
|
export default {
|
data() {
|
return {
|
datalist: {
|
// realName: '原俊袆',
|
// age: '男',
|
// obj: '适普科技',
|
// honor: '扶老奶奶过马路',
|
// punishment: '不看红绿灯',
|
// avatar: "https://gw.alipayobjects.com/zos/rmsportal/BiazfanxmamNRoxxVxka.png",
|
// cardid: 342,
|
// baoanzheng: "赣06284538",
|
// fzobj: '南昌市公安局',
|
// fztime: "2014.04.20",
|
// politicaloutlook: '党员'
|
},
|
showi: false,
|
showc: false,
|
cylist: [],
|
sfxx: [{
|
label: '姓名:',
|
prop: 'realName',
|
value: "",
|
}, {
|
label: '性别:',
|
prop: 'sex',
|
value: ""
|
}, {
|
label: '联系电话:',
|
prop: 'phone',
|
value: ""
|
}, {
|
label: '身份证号:',
|
prop: 'cardid',
|
value: ""
|
}, {
|
label: '出身日期:',
|
prop: 'birthday',
|
value: ""
|
}, {
|
label: '年龄:',
|
prop: 'age',
|
value: ""
|
}, {
|
label: '发证机关:',
|
prop: 'fazheng',
|
value: ""
|
}, {
|
label: '保安证编号:',
|
prop: 'securitynumber',
|
value: ""
|
}, {
|
label: '公司名称:',
|
prop: 'deptName',
|
value: ""
|
}, {
|
label: '派遣单位名称:',
|
prop: 'dispatchUnitName',
|
value: ""
|
}, {
|
label: '派遣开始时间:',
|
prop: 'dispatchStartTime',
|
value: ""
|
}, {
|
label: '派遣结束时间:',
|
prop: 'dispatchEndTime',
|
value: ""
|
}]
|
}
|
},
|
onLoad(event) {
|
|
var that = this;
|
|
this.datalist = JSON.parse(decodeURIComponent(event.detailData))
|
// console.log(this.datalist)
|
let num = this.sfxx.length;
|
for (let k = 1; k < num; k++) {
|
if (this.datalist[this.sfxx[k].prop]) {
|
if (this.sfxx[k].prop == "sex") {
|
this.sfxx[k].value = this.datalist[this.sfxx[k].prop] == 1 ? "男" : "女"
|
} else {
|
this.sfxx[k].value = this.datalist[this.sfxx[k].prop]
|
}
|
} else if (this.sfxx[k].prop == "fazheng") {
|
let frist = this.datalist.securitynumber.split("")[0];
|
this.sfxx[k].value = frist == "赣" ? "南昌市公安局" : "";
|
}
|
}
|
},
|
methods: {
|
openCertificates() {
|
this.showi = true;
|
},
|
openCongye() {
|
this.showc = true;
|
},
|
getcongye() {
|
var url = this.$store.state.piAPI + '/experience/page',
|
data = {
|
securityid: this.datalist.id
|
},
|
that = this;
|
|
uni.request({
|
url: url,
|
data: data,
|
method: 'get',
|
success: (res) => {
|
var d = res.data.data.records;
|
var a = []
|
// for(var k = 1 ;k < 30; k++){
|
a.push(...d)
|
// }
|
that.cylist = a;
|
|
// console.log(that.cylist, 456)
|
}
|
|
})
|
|
|
// axios({
|
// url: url,
|
// params: data
|
// }).then(res => {
|
// var d = res.data.data;
|
// var a = []
|
// // for(var k = 1 ;k < 30; k++){
|
// a.push(...d)
|
// // }
|
// console.log(d);
|
// that.cylist = a;
|
// })
|
}
|
},
|
mounted() {
|
|
this.getcongye();
|
|
}
|
}
|
</script>
|
|
<style lang="scss" scoped>
|
.information {
|
background-color: #f7f7f7;
|
min-height: 100vh;
|
overflow: hidden;
|
|
.bodys {
|
width: 100%;
|
margin: 0 auto;
|
|
.sole.once {
|
line-height: 154rpx;
|
height: 154rpx;
|
position: relative;
|
|
.img {
|
position: absolute;
|
top: 0;
|
bottom: 0;
|
margin: auto;
|
}
|
|
img {
|
vertical-align: middle;
|
}
|
}
|
|
.once {
|
width: 100%;
|
height: auto;
|
background-color: #fff;
|
line-height: 44px;
|
padding: 0 2.5% 0 2.5%;
|
|
i {
|
font-style: normal;
|
margin-right: 20rpx;
|
}
|
|
span {
|
color: #999;
|
}
|
}
|
|
.img {
|
display: inline-block;
|
position: relative;
|
top: 10px;
|
}
|
|
.once:not(:nth-child(1)) {
|
margin: 10px 0 10px 0;
|
}
|
|
|
.once:last-child {
|
background-color: transparent;
|
display: flex;
|
align-items: center;
|
justify-content: center;
|
}
|
}
|
|
.certificatesnj {
|
padding: 0.6rem 1.6rem 1.6rem 1.6rem;
|
background-image: url(../../static/images/salf/bazbj.png);
|
background-size: 100% 100%;
|
height: 100%;
|
}
|
|
.certificates {
|
.img {
|
position: absolute;
|
top: 3rem;
|
right: 1.5rem;
|
}
|
|
.titleonce {
|
font-size: 1.3rem;
|
width: 100%;
|
height: 2.8rem;
|
display: flex;
|
align-items: center;
|
justify-content: center;
|
letter-spacing: 1rem;
|
font-weight: 500;
|
}
|
|
.once {
|
width: 100%;
|
height: auto;
|
line-height: 1.6rem;
|
font-size: 0.72rem;
|
|
.o-once {
|
display: inline-block;
|
font-size: 0.72rem;
|
}
|
}
|
}
|
|
.certificates-ourScreen {
|
width: 100%;
|
height: 100%;
|
|
.certificates-screen-in {
|
border-radius: 40px;
|
width: 100%;
|
height: 100%;
|
|
// border: 1px solid red;
|
// background-color: #fff;
|
.se-sc-in-head {
|
margin-top: 20px;
|
width: 100%;
|
height: 140px;
|
display: flex;
|
align-items: center;
|
justify-content: center;
|
// border: 1px solid red;
|
|
.se-sc-in-img {
|
width: 80%;
|
height: 120px;
|
}
|
}
|
|
.c-s-in-once {
|
width: 100%;
|
height: auto;
|
padding: 12px 15px;
|
border-bottom: 1px solid rgba(220, 220, 220, 0.4);
|
display: flex;
|
align-items: center;
|
justify-content: space-between;
|
// font-size: 16px;
|
font-weight: 500;
|
color: #939393;
|
|
.c-s-in-o-title {
|
width: 35%;
|
font-size: 0.8rem;
|
font-weight: 550;
|
// margin-left: 4%;
|
// border: 1px solid red;
|
}
|
|
.c-s-in-o-center {
|
width: 65%;
|
font-size: 0.85rem;
|
// border: 1px solid red;
|
text-align: right;
|
}
|
}
|
}
|
}
|
|
.Congye {
|
padding: 30rpx;
|
max-height: 70vh;
|
overflow: scroll;
|
}
|
}
|
|
.u-node {
|
width: 44rpx;
|
height: 44rpx;
|
border-radius: 100rpx;
|
display: flex;
|
justify-content: center;
|
align-items: center;
|
background: #d0d0d0;
|
}
|
|
.u-order-title {
|
color: #333333;
|
font-weight: bold;
|
font-size: 32rpx;
|
|
.titles {
|
font-size: 26rpx;
|
}
|
}
|
|
.u-order-desc {
|
// color: rgb(150, 150, 150);
|
font-size: 28rpx;
|
margin-bottom: 6rpx;
|
}
|
|
.u-order-time {
|
// color: rgb(200, 200, 200);
|
font-size: 26rpx;
|
}
|
</style>
|
