You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
121 lines
3.0 KiB
121 lines
3.0 KiB
<template> |
|
<view class="index-box"> |
|
<view class="back-home-btn" @click="toUserIndex"><image src="../../static/backhome-icon.png" ></image></view> |
|
<view class="userInfo-box acea-row row-column row-center-wrapper"> |
|
<view class="headerimg-box"> |
|
<image :src="userInfo.avatar" mode="aspectFill" v-if="userInfo.isPromoter == 0"></image> |
|
<image :src="userInfo.workPhoto" mode="aspectFill" v-else></image> |
|
</view> |
|
<view class="name">{{userInfo.realName || userInfo.nickname}}</view> |
|
<text class="iconfont icon-bianji1" @click.stop="eidtInfo()"></text> |
|
</view> |
|
<view class="btn-box acea-row row-center row-middle" @click="toSetSelfData" v-if="userInfo.isPromoter == 0">请先完善个人信息</view> |
|
<view class="btn-box acea-row row-center row-middle" @click="toCourseManagement" v-if="userInfo.isPromoter == 1"> |
|
<image src="../../static/kecheng-icon.png" mode=""></image> |
|
<text>课程管理</text> |
|
</view> |
|
<view class="btn-box acea-row row-center row-middle" @click="toMemberManagement" v-if="userInfo.isPromoter == 1"> |
|
<image src="../../static/vipmanage-icon.png" mode=""></image> |
|
<text>会员管理</text> |
|
</view> |
|
</view> |
|
</template> |
|
|
|
<script> |
|
import { mapState, mapGetters, mapMutations, mapActions } from 'vuex' |
|
import { getUserInfo, getMenuUser, bindingPhone, wxappBindingPhone } from '@/api/user' |
|
export default{ |
|
computed: mapGetters(['userInfo']), |
|
data(){ |
|
return { |
|
|
|
} |
|
}, |
|
onLoad(){ |
|
console.log(this.userInfo) |
|
}, |
|
|
|
methods:{ |
|
toUserIndex () { |
|
this.$yrouter.switchTab({ |
|
path: '/pages/home/index', |
|
}) |
|
}, |
|
eidtInfo(){ |
|
this.$yrouter.push({ |
|
path: '/pages/serviceTeacher/setSelfData' |
|
}) |
|
}, |
|
toSetSelfData(){ |
|
this.$yrouter.push({ |
|
path: '/pages/serviceTeacher/setSelfData' |
|
}) |
|
}, |
|
toCourseManagement(){ |
|
this.$yrouter.push({ |
|
path: '/pages/serviceTeacher/courseManagement' |
|
}) |
|
}, |
|
toMemberManagement(){ |
|
this.$yrouter.push({ |
|
path: '/pages/serviceTeacher/memberManagement' |
|
}) |
|
}, |
|
} |
|
} |
|
</script> |
|
|
|
<style lang="less" scope> |
|
.index-box{ |
|
width: 100%; |
|
height: 100vh; |
|
background: #F5F6F7; |
|
font-size: 32rpx; |
|
color: #222; |
|
position: relative; |
|
background: url(https://www.cyjyyjy.com:8081/static/teacher-index-bg.png); |
|
background-size: cover; |
|
.back-home-btn{ |
|
width: 80rpx; |
|
height: 80rpx; |
|
position: absolute; |
|
right: 30rpx; |
|
top: 30rpx; |
|
image{ |
|
width: 100%; |
|
height: 100%; |
|
} |
|
} |
|
.userInfo-box{ |
|
.headerimg-box{ |
|
width: 156rpx; |
|
height: 156rpx; |
|
border-radius: 50px; |
|
border: 8rpx solid #d9d9d9; |
|
overflow: hidden; |
|
margin: 150rpx 0 30rpx; |
|
image{ |
|
width: 100%; |
|
height: 100%; |
|
border-radius: 50rpx; |
|
} |
|
} |
|
.name{ |
|
margin-bottom: 12rpx; |
|
} |
|
} |
|
.btn-box{ |
|
width: 590rpx; |
|
height: 264rpx; |
|
background-color: #fff; |
|
border-radius: 10rpx; |
|
font-size: 38rpx; |
|
margin: 60rpx auto; |
|
image{ |
|
width: 104rpx; |
|
height: 104rpx; |
|
margin-right: 40rpx; |
|
} |
|
} |
|
} |
|
</style>
|
|
|