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.

135 lines
3.2 KiB

3 years ago
<template>
<view class="index-box">
3 years ago
<view class="back-home-btn" @click="toUserIndex">
<image src="../../static/backhome-icon.png" ></image>
<text>回到首页</text>
</view>
3 years ago
<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{
position: absolute;
3 years ago
left: 50%;
margin-left: -40rpx;
bottom: 56rpx;
text-align: center;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
3 years ago
image{
3 years ago
width: 80rpx;
height: 80rpx;
}
text{
color: #fff;
font-size: 28rpx;
3 years ago
}
}
.userInfo-box{
.headerimg-box{
width: 156rpx;
height: 156rpx;
border-radius: 50px;
border: 8rpx solid #d9d9d9;
overflow: hidden;
3 years ago
margin: 100rpx 0 30rpx;
3 years ago
image{
width: 100%;
height: 100%;
border-radius: 50rpx;
}
}
.name{
margin-bottom: 12rpx;
}
}
3 years ago
.btn-box{
3 years ago
width: 590rpx;
height: 264rpx;
background-color: #fff;
border-radius: 10rpx;
font-size: 38rpx;
3 years ago
margin: 40rpx auto;
transform: scale(.8);
box-shadow: 0px 6rpx 14rpx 8rpx rgba(0, 0, 0, 0.1);
3 years ago
image{
width: 104rpx;
height: 104rpx;
margin-right: 40rpx;
}
}
}
</style>