zm/medicine_app
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

暂存

Browse Source
This commit is contained in:
@fawn-nine
2024-09-23 13:34:21 +08:00
parent 6ad01b5a89
commit 1a2df86df2
6 changed files with 260 additions and 124 deletions
Download Patch File Download Diff File Expand all files Collapse all files

112
pages/mine/mine/index.vue
View File

@@ -1,29 +1,33 @@
<template>
<view style="
<view style=" position: relative;
padding: 0 0;
font-size: 28rpx;
;
" class="commonPageeeee commonPageBox">
<!-- 公共组件-每个页面必须引入 -->
<public-module></public-module>
<u-icon @click="goSetting" class="setIcon" labelColor="#258feb" labelPos="bottom" label="设置" name="setting"
:style="`top:${(10 + statusBarHeight) * 2}rpx`" color="#258feb" size="28"></u-icon>
<view class="bg_top flex_box flex_between">
<view class="per_mes">
<image @click="goUserInfo" :src="userMes.avatar" v-if="userMes.avatar != null"
class="per_mes_img color_shandow"></image>
<view class="user_vip_box">
<view v-if="userMes.vip == 1" class="user_vip super">超级VIP</view>
<view v-if="userMes.vip == 3" class="user_vip">众妙之门VIP</view>
<view v-if="userMes.vip == 2" class="user_vip">吴门医述VIP</view>
<view class="per_mes_user">
<view class="" style="width: 100rpx; height: 100rpx; display: inline-block;">
<image @click="goUserInfo" :src="userMes.avatar" v-if="userMes.avatar != null"
class="per_mes_img color_shandow"></image>
<image src="@/static/icon/home_icon_logo.png" v-if="userMes.avatar == null"
class="per_mes_img color_shandow"></image>
</view>
<view class="user_vip_box ">
<view v-if="userMes.vip == 1" class="user_vip super">超级VIP</view>
<view v-if="userMes.vip == 3" class="user_vip">众妙之门VIP</view>
<view v-if="userMes.vip == 2" class="user_vip">吴门医述VIP</view>
</view>
</view>
<image src="@/static/icon/home_icon_logo.png" v-if="userMes.avatar == null"
class="per_mes_img color_shandow"></image>
<view class="userInfoBox" style="width: calc(100% - 220rpx)">
<template>
<view class="name">昵称：{{ userMes.nickname ? userMes.nickname : "未设置" }}</view>
</template>
<template v-if="userMes.tel">
<view class="phone">手机号：({{ userMes.tel }})</view>
</template>
@@ -39,12 +43,11 @@
</view>
<br clear="both" />
</view>
<u-icon @click="goSetting" class="setIcon" labelColor="#258feb" labelPos="bottom" label="设置" name="setting"
:style="`top:${(10 + statusBarHeight) * 2}rpx`" color="#258feb" size="28"></u-icon>
</view>
<view class="mine_box" :style="`top:${(45 + statusBarHeight) * 2}rpx`">
<view style="
padding: 20rpx; overflow: hidden;
@@ -255,7 +258,7 @@
style: "color:#fff;font-size:28rpx"
},
],
roleObj:{},
roleObj: {},
infoShow: false, // 显示电子书相关
showEbook: false, // 显示电子书相关
userMes: {},
@@ -274,9 +277,9 @@
// type: "pageJump",
},
{
name: "我的证书",
url: "/pages/certificate/certificate",
type: "pageJump",
name: "我的证书",
url: "/pages/certificate/certificate",
type: "pageJump",
},
// {
// name: "购物车",
@@ -435,9 +438,9 @@
});
},
// 获取用户的角色信息
getUserRole(){
getUserRole() {
this.$http.post("common/class/getRoleType").then((res) => {
console.log('用户角色信息',res);
console.log('用户角色信息', res);
this.roleObj = res.result
var zhurenIndex = this.pageList.findIndex(item => {
return item.name == '主任教学'
@@ -482,33 +485,33 @@
console.log('班长n找到了么', n);
if (!n) {
var item = {
name: "班级管理",
url: "/pages/miniClass/MonitorClassList?type=mine",
type: "pageJump",
}
this.pageList.splice(3, 0, item);
}
}
// 是学员
if(this.roleObj.isStudent){
}
// 是学员
if (this.roleObj.isStudent) {
var n = this.pageList.find(item => {
return item.name == '我的班级'
})
console.log('我的班级找到了么', n);
if (!n) {
var item = {
name: "我的班级",
url: "/pages/miniClass/myClassList?type=mine",
type: "pageJump",
}
this.pageList.splice(3, 0, item);
}
}
}
}).catch(e => {
console.log('获取角色信息失败');
})
@@ -518,7 +521,7 @@
if (this.userInfo.id != undefined) {
this.$http.post("common/user/getUserInfo").then((res) => {
this.userMes = res.result;
});
}
},
@@ -581,10 +584,12 @@
</script>
<style lang="scss" scoped>
@import "@/style/mixin.scss";
.per_mes_user{display: block !important;}
.per_mes {
width: 100%;
position: relative;
margin: 20rpx 40rpx;
margin: 20rpx 0;
margin-top: 20rpx;
align-items: center;
display: flex;
@@ -593,16 +598,16 @@
.per_mes_img {
// @include themeBorder(10rpx,10rpx,#4E79A3, #A6D8DC);
width: 140rpx;
height: 140rpx;
width: 100rpx;
height: 100rpx;
// background-color: #fff;
border-radius: 140rpx;
border-radius: 100rpx;
margin: 0 0 0 0;
float: left;
}
view {
float: left;
// float: left;
// margin-top: 20rpx;
.name {
@@ -882,22 +887,23 @@
// background: #d8f8e4 !important;
}
.bg_top {
.bg_top {
padding: 0 30rpx;
padding-top: 80rpx;
margin-bottom: 60rpx; overflow: hidden;
margin-bottom: 60rpx;
overflow: hidden;
// position: relative;
.setIcon {
// position: absolute;
// right: 30rpx;
// top: 30rpx;
}
}
.setIcon {
position: absolute;
right: 30rpx;
top: 30rpx;
}
.mine_box {
width: 100%;
padding: 0 0rpx;
}
@@ -986,13 +992,19 @@
}
.user_vip_box {
min-width: 130rpx;
display: block;
// min-width: 100rpx;
position: absolute;
bottom: -20rpx;
display: flex;
// position: absolute;
// bottom: -20rpx;
// display: flex;
align-items: center;
justify-content: center;
view {
font-size: 22rpx;
font-weight: normal;
}
}
.user_vip {