<template>
|
<view class="container">
|
<view class="header">
|
<view class="header-img">
|
<view class="header-image-left" @click='tologin'>
|
<image lazyLoad @tap="chooseImage" data-ptpid="4c7f-1f6c-b145-b80f"
|
:src="avatarUrl + '?imageView2/0/w/180'" v-if="avatarUrl"></image>
|
<view class="header-name">{{ userName || (isLogin ? '暂无小主信息' : '登录开启赚钱之旅哦') }}</view>
|
</view>
|
<view @tap="changRole" class="header-image-right chuany-flex chuany-align-center chuany-justify-center"
|
data-ptpid="e758-138d-b914-343f">
|
<text>{{ identity=='enterprise' ? '我要找工作' : '我要招人' }}</text>
|
<text class='iconfont icon-qiehuan chuany-font28'></text>
|
</view>
|
</view>
|
<view class="num-box">
|
<view @tap="goWallet" class="num-item" data-ptpid="ef57-17f4-bbea-280f">
|
<view class="num-bold">{{ money }}元</view>
|
<view class="num-text">
|
<text class="c-m-r-10">{{ identity=='enterprise' ? '企业余额' : '立即提现' }}</text>
|
<up-icon name="arrow-right-double"></up-icon>
|
</view>
|
</view>
|
</view>
|
</view>
|
<view class="money_bag" v-if="identity=='enterprise'">
|
<view class="tool_wrap">
|
<view class="tool_title">
|
企业服务
|
</view>
|
<view class="tool_content">
|
<view class="tool_item" @click="toRelease">
|
<image src="@/static/image/fabu.png" mode="aspectFit" class="item_img"></image>
|
<view class="tool_label">
|
发布职位
|
</view>
|
</view>
|
<view class="tool_item" @click="toOrder">
|
<image src="@/static/image/guanli.png" mode="aspectFit" class="item_img"></image>
|
<view class="tool_label">
|
职位管理
|
</view>
|
</view>
|
<view class="tool_item" @click="toEnterprise">
|
<image src="@/static/image/qiye.png" mode="aspectFit" class="item_img"></image>
|
<view class="tool_label">
|
我的企业
|
</view>
|
</view>
|
<view class="tool_item" @click="toPage('/otherPages/member/sendCompany/sendCompany')">
|
<image src="@/static/image/server.png" mode="aspectFit" class="item_img"></image>
|
<view class="tool_label">
|
服务中心
|
</view>
|
</view>
|
</view>
|
</view>
|
</view>
|
<!-- <view class="job-box">
|
<view @tap="gotoMyJob" class="job-item jobr" data-index="0" data-ptpid="0d7e-1bd6-8311-5701">
|
<view class="num">{{ userApplyStatistics.allCount }}</view>
|
<view class="text">全部</view>
|
</view>
|
<view @tap="gotoMyJob" class="job-item jobr" data-index="1" data-ptpid="525a-1b59-a630-5431">
|
<view class="num">{{ userApplyStatistics.hasApplyCount }}</view>
|
<view class="text">已报名</view>
|
</view>
|
<view @tap="gotoMyJob" class="job-item jobr" data-index="2" data-ptpid="13ba-13a5-98dc-aba6">
|
<view class="num">{{ userApplyStatistics.applyOngoingCount }}</view>
|
<view class="text">已录取</view>
|
</view>
|
<view @tap="gotoMyJob" class="job-item" data-index="3" data-ptpid="df41-1bae-b01e-8c13">
|
<view class="num">{{ userApplyStatistics.applySuccessCount }}</view>
|
<view class="text">已完成</view>
|
</view>
|
</view> -->
|
<inner-banner className="mg32" :list="bannerList" ptpId="1ab7-1b95-8e0e-3b22"></inner-banner>
|
<view class="nav-box" v-if="identity=='enterprise'">
|
<view @tap="navTap" class="nav-item" :data-index="index" data-ptpid="58ac-1481-a7d3-b98e"
|
v-for="(item, index) in navList" :key="item.name">
|
<view class="nav-title">
|
<view :class="'iconfont ' + item.icon"></view>
|
{{ item.name }}
|
</view>
|
|
<view class="nav-icon">
|
<view v-if="item.num || item.num === 0">{{ item.num }}</view>
|
<view class="iconfont iconarrow"></view>
|
</view>
|
</view>
|
</view>
|
<view class="nav-box" v-else>
|
<view @tap="navTap" class="nav-item" :data-index="index" data-ptpid="58ac-1481-a7d3-b98e"
|
v-for="(item, index) in navList1" :key="item.name">
|
<view class="nav-title">
|
<view :class="'iconfont ' + item.icon"></view>
|
{{ item.name }}
|
</view>
|
|
<view class="nav-icon">
|
<view v-if="item.num || item.num === 0">{{ item.num }}</view>
|
<view class="iconfont iconarrow"></view>
|
</view>
|
</view>
|
</view>
|
|
|
</view>
|
</template>
|
|
<script>
|
var n = ['https://qiniu-image.qtshe.com/719defaultAvatar1.png', 'https://qiniu-image.qtshe.com/719defaultAvatar2.png',
|
'https://qiniu-image.qtshe.com/719defaultAvatar3.png'
|
];
|
var app = getApp();
|
export default {
|
|
data() {
|
return {
|
identity: '',
|
money: '0.00',
|
score: 0,
|
perfectResume: false,
|
bannerList: [],
|
navList: [
|
// {
|
// icon: 'iconmy_collect_normal',
|
// name: '我的收藏',
|
// num: 0,
|
// cb: function () {
|
// uni.navigateTo({
|
// url: '/pages/collect/collect'
|
// });
|
// }
|
// },
|
|
// {
|
// icon: 'iconmy_new_normal',
|
// name: '服务中心',
|
// cb: function () {
|
// uni.navigateTo({
|
// url: '/pages/webview/webview?targetUrl=' + encodeURIComponent(l + '/service/index')
|
// });
|
// }
|
// },
|
{
|
icon: 'icon-huabanfuben',
|
name: '用户设置',
|
cb: function() {
|
uni.navigateTo({
|
url: '/mine/setting/index'
|
});
|
}
|
}
|
],
|
navList1: [{
|
icon: 'icon-dingdan',
|
name: '我的订单',
|
num: 0,
|
cb: function() {
|
uni.navigateTo({
|
url: '/pages/collect/collect'
|
});
|
}
|
},
|
|
{
|
icon: 'icon-fuwutuandui',
|
name: '服务中心',
|
cb: function() {
|
uni.navigateTo({
|
url: '/pages/webview/webview?targetUrl=' + encodeURIComponent(l +
|
'/service/index')
|
});
|
}
|
},
|
{
|
icon: 'icon-huabanfuben',
|
name: '用户设置',
|
cb: function() {
|
uni.navigateTo({
|
url: '/mine/setting/index'
|
});
|
}
|
}
|
],
|
userApplyStatistics: {
|
allCount: 0,
|
hasApplyCount: 0,
|
applyOngoingCount: 0,
|
applySuccessCount: 0
|
},
|
isDialog: false,
|
signInfo: {
|
attendanceNumber: '',
|
attendanceIntegralList: '',
|
attendanceTotal: '',
|
beansList: ''
|
},
|
beansList: [5, 5, 5, 5, 50, 5, 100],
|
attendance: false,
|
userName: '',
|
avatarUrl: 'https://qiniu-image.qtshe.com/719defaultAvatar2.png',
|
isLogin: false,
|
};
|
},
|
onLoad: function() {
|
let that = this
|
uni.hideShareMenu();
|
uni.getStorage({
|
key: 'identity',
|
success: function(res) {
|
that.identity = res.data
|
}
|
});
|
},
|
onShow: function() {
|
this.resourceBanner();
|
this.isLogin = true;
|
},
|
onShareAppMessage: function() {
|
return {
|
title: '每日签到领青豆，爆款好物0元得>>',
|
imageUrl: 'https://qiniu-image.qtshe.com/early1024/share_qiandao.png',
|
path: '/pages/index/index?pt=8'
|
};
|
},
|
methods: {
|
tologin() {
|
uni.navigateTo({
|
url: '/pages/login/index'
|
})
|
},
|
toOrder() {
|
uni.navigateTo({
|
url: '/pages/order/order'
|
})
|
},
|
toRelease() {
|
uni.navigateTo({
|
url: '/pages/release/index'
|
})
|
},
|
toEnterprise(){
|
uni.navigateTo({
|
url: '/pages/enterprise/index'
|
})
|
},
|
checkToken: function(t) {},
|
|
loginOutInit: function() {},
|
|
getQtbaoMoney: function() {},
|
|
checkNumber: function(t) {},
|
|
getSignInfo: function(t) {},
|
|
changRole: function() {
|
this.identity = this.identity === 'enterprise' ? 'worker' : 'enterprise'
|
console.log(this.identity, 'this.identity');
|
uni.setStorage({
|
key: 'identity',
|
data: this.identity,
|
});
|
},
|
|
handleReset: function() {},
|
|
resourceBanner: function() {},
|
|
navTap: function(t) {},
|
|
loginSuccess: function() {},
|
|
chooseImage: function(t) {},
|
|
getImage: function(t) {},
|
|
goWallet: function() {
|
uni.navigateTo({
|
url: '/pages/wallet/index',
|
fail: function(err) {
|
console.log(err);
|
}
|
});
|
},
|
|
skipToQtsbean: function() {},
|
|
gotoMyJob: function(t) {},
|
|
// 跳转到简历完善页面
|
skipToResume: function() {
|
uni.navigateTo({
|
url: '/mine/resume/resume',
|
fail: function(err) {
|
console.log(err);
|
}
|
});
|
}
|
}
|
};
|
</script>
|
<style lang="scss">
|
@import './mine.scss';
|
|
.money_bag {
|
background: #fff;
|
border-radius: 16rpx;
|
margin: 20rpx 30rpx;
|
padding: 20rpx 30rpx;
|
position: relative;
|
// top: 25rpx;
|
z-index: 2;
|
|
.up_wrap {
|
padding: 20rpx 0 0;
|
|
.left_img {
|
width: 80rpx;
|
height: 80rpx;
|
flex-shrink: 0;
|
border-radius: 50%;
|
overflow: hidden;
|
margin-right: 20rpx;
|
border: 4rpx solid #39A7FF;
|
|
.header_img {
|
width: 100%;
|
height: 100%;
|
border-radius: 50%;
|
}
|
}
|
|
.user_info_login {
|
.user_name {
|
width: 320rpx;
|
}
|
|
.user_bottom {
|
margin-top: 10rpx;
|
font-size: 24rpx;
|
line-height: 24rpx;
|
}
|
}
|
|
.up_btn {
|
flex-shrink: 0;
|
|
.user_btn {
|
margin-left: 20rpx;
|
flex-shrink: 0;
|
width: 80rpx;
|
height: 80rpx;
|
border-radius: 50%;
|
background-color: #39A7FF;
|
align-items: center;
|
justify-content: center;
|
}
|
|
.user_btn_image {
|
width: 32rpx;
|
height: 32rpx;
|
}
|
|
.btn_text {
|
font-size: 20rpx;
|
line-height: 20rpx;
|
color: #fff;
|
}
|
|
}
|
}
|
|
.serve_item {
|
display: flex;
|
align-items: center;
|
padding: 40rpx 0;
|
border-bottom: 4rpx solid #eee;
|
|
&:last-child {
|
border-bottom: none;
|
}
|
|
.item_icon {
|
width: 40rpx;
|
height: 40rpx;
|
flex-shrink: 0;
|
}
|
|
.item_text {
|
font-size: 32rpx;
|
line-height: 32rpx;
|
color: #666;
|
flex: 1;
|
margin: 0 20rpx;
|
}
|
|
button {
|
background-color: #fff;
|
text-align: left;
|
padding: 0;
|
}
|
|
.icon-youjiantou {
|
font-size: 32rpx;
|
line-height: 32rpx;
|
color: #999;
|
}
|
}
|
|
.bag_header {
|
align-items: center;
|
color: #333;
|
display: flex;
|
font-size: 32rpx;
|
font-weight: 700;
|
justify-content: space-between;
|
padding: 10rpx 0 30rpx;
|
|
.bag_right {
|
color: #999;
|
font-size: 26rpx;
|
}
|
}
|
|
.bag_content {
|
display: flex;
|
justify-content: space-between;
|
padding: 0 0 30rpx;
|
|
.content_item {
|
align-items: center;
|
background: #f8f8f8;
|
border-radius: 8px;
|
display: flex;
|
flex-direction: column;
|
height: 140rpx;
|
justify-content: center;
|
width: 200rpx;
|
|
.num {
|
color: #333;
|
font-size: 36rpx;
|
font-weight: 700;
|
letter-spacing: 0;
|
line-height: 36rpx;
|
text-align: center;
|
}
|
|
.label {
|
color: #999;
|
font-size: 22rpx;
|
letter-spacing: 0;
|
line-height: 28rpx;
|
padding: 10rpx 0 0;
|
text-align: center;
|
}
|
}
|
}
|
|
.tool_wrap {
|
.tool_title {
|
color: #333;
|
font-size: 32rpx;
|
font-weight: 700;
|
padding: 30rpx 0;
|
border-bottom: 2rpx solid #eee;
|
}
|
|
.tool_content {
|
display: flex;
|
padding: 30rpx 0;
|
|
.tool_item {
|
align-items: center;
|
display: flex;
|
flex-direction: column;
|
height: 120rpx;
|
justify-content: center;
|
margin: 0 50rpx 0 0;
|
width: 120rpx;
|
|
&:nth-child(4n) {
|
margin-right: 0;
|
}
|
|
.item_img {
|
height: 53rpx;
|
width: 53rpx;
|
}
|
|
.tool_label {
|
color: #333;
|
font-size: 24rpx;
|
line-height: 24rpx;
|
margin: 16rpx 0 0;
|
}
|
}
|
}
|
}
|
}
|
</style>
|
