71 lines
2.2 KiB
Vue
71 lines
2.2 KiB
Vue
<template>
|
||
<view>
|
||
<status-nav navBarTitle="电子证件" returnColor="#c2c2c2"></status-nav>
|
||
<container-subgroup>
|
||
<view slot="content">
|
||
<view class="mar-s20 mar-zy10" style="box-shadow: 0rpx 0rpx 20rpx rgba(0,0,0,.3);">
|
||
<view class="bacf" style="padding: 4rpx;border-radius: 30rpx;">
|
||
<view class="electronic-head disjcac fc">
|
||
<image :src="userImg" mode="widthFix" lazy-load style="width: 347rpx;height: 85rpx;"></image>
|
||
<view class="colf fon52 mar-sx30" style="letter-spacing: 6rpx;">ID：{{userId}}</view>
|
||
<image class="mar-s10" src="/static/deleteImg/flying-img06.png" mode="aspectFill" style="width: 258rpx;height: 258rpx;border-radius: 100%;margin-bottom: -130rpx;border: 6rpx solid #edf1ff;background-color: #edf1ff;"></image>
|
||
</view>
|
||
<view class="pad-s140 mar-s30 disjcac fc">
|
||
<view class="col3 fon68">{{userName}}</view>
|
||
<view class="fon32 col6 mar-sx30">{{userContent}}</view>
|
||
<view class="fon22 col3 tcenter line-h36" style="margin: 60rpx 0 60rpx 0;">
|
||
<view>+86 {{userPhone}}</view>
|
||
<view>{{userEmail}}</view>
|
||
<view>{{website}}</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</container-subgroup>
|
||
</view>
|
||
</template>
|
||
|
||
<script>
|
||
const app = getApp();
|
||
export default {
|
||
data() {
|
||
return {
|
||
userImg:'/static/public/icon-electronic-logo.png',
|
||
userId:'CW-0000',
|
||
userName:'姓名',
|
||
userContent:'市场部门 | 技术支持',
|
||
userPhone:'123 4567 8910',
|
||
userEmail:'12345678910qwer@890.com',
|
||
website:'WWW.12345678910.com'
|
||
}
|
||
},
|
||
onLoad() {
|
||
this.getEletronic()
|
||
},
|
||
methods: {
|
||
getEletronic(){
|
||
this.$requst.get('/universal/api.user/electronic_badge').then(res=>{
|
||
if(res.code){
|
||
let userData = res.data;
|
||
if(userData.avatar) {
|
||
this.userImg = app.globalData.hostapi + '/' + userData.avatar;
|
||
}
|
||
this.userId = userData.id;
|
||
this.userName = userData.name;
|
||
this.userContent = userData.affiliation;
|
||
this.userPhone = userData.phone;
|
||
this.userEmail = userData.email;
|
||
this.website = userData.website;
|
||
|
||
}
|
||
})
|
||
}
|
||
}
|
||
}
|
||
</script>
|
||
|
||
<style>
|
||
|
||
</style>
|