|
@@ -1,141 +1,158 @@
|
|
|
<template>
|
|
<template>
|
|
|
<view>
|
|
<view>
|
|
|
<u-navbar title="我的" :is-back="false"></u-navbar>
|
|
<u-navbar title="我的" :is-back="false"></u-navbar>
|
|
|
- <scroll-view scroll-y="true" @scroll="scroll" :style="'height: 75vh'" @scrolltolower="scrollTolower" refresher-enabled @refresherpulling="pulling" @refresherrefresh="refresher" @refresherrestore="restore" :refresher-triggered="triggered">
|
|
|
|
|
- <view class="head">
|
|
|
|
|
- <u-row>
|
|
|
|
|
- <u-col span="3" offset="1">
|
|
|
|
|
- <navigator url="/pages2/wd/avatar" hover-class="none">
|
|
|
|
|
- <image :src="userInfo != null ? $method.splitImgHost(userInfo.avatar,true) : ''" class="avatar"></image>
|
|
|
|
|
- </navigator>
|
|
|
|
|
- </u-col>
|
|
|
|
|
- <u-col span="6">
|
|
|
|
|
- <view style="display: flex;">
|
|
|
|
|
- <navigator class="name" url="/pages2/wd/avatar" hover-class="none">{{ userInfo.nickname }}</navigator>
|
|
|
|
|
- <navigator class="tag" url="/pages2/wd/level" hover-class="none">
|
|
|
|
|
- {{ userInfo.userLevel === null ? '初出茅庐' : levelList[userInfo.userLevel - 1] }}
|
|
|
|
|
- </navigator>
|
|
|
|
|
- </view>
|
|
|
|
|
- <navigator url="/pages2/wd/level" hover-class="none" style="position: relative;margin-top: 20rpx;">
|
|
|
|
|
- <view class="progress_text">
|
|
|
|
|
- {{ userInfo.integral === null ? 0 : userInfo.integral }}/{{ userInfo.userLevel === null || userInfo.userLevel == undefined ? '0' : userLevelList[userInfo.userLevel - 1] }}
|
|
|
|
|
- </view>
|
|
|
|
|
- <u-line-progress height="8" active-color="#2F4379" :percent="userInfo.integral === null ? 0 : userInfo.integral" :show-percent="false"></u-line-progress>
|
|
|
|
|
- </navigator>
|
|
|
|
|
- </u-col>
|
|
|
|
|
- <view class="qiandao" @click="qd" v-if="issue === 0">签到</view>
|
|
|
|
|
- <view class="qiandao" v-if="issue === 1">已签到</view>
|
|
|
|
|
- </u-row>
|
|
|
|
|
- <view style="margin-top: 20rpx;">
|
|
|
|
|
|
|
+ <scroll-view
|
|
|
|
|
+ scroll-y="true"
|
|
|
|
|
+ @scroll="scroll"
|
|
|
|
|
+ :style="'height: 75vh'"
|
|
|
|
|
+ @scrolltolower="scrollTolower"
|
|
|
|
|
+ refresher-enabled
|
|
|
|
|
+ @refresherpulling="pulling"
|
|
|
|
|
+ @refresherrefresh="refresher"
|
|
|
|
|
+ @refresherrestore="restore"
|
|
|
|
|
+ :refresher-triggered="triggered"
|
|
|
|
|
+ >
|
|
|
|
|
+ <view class="head">
|
|
|
<u-row>
|
|
<u-row>
|
|
|
- <u-col span="4" text-align="center">
|
|
|
|
|
- <navigator url="/pages2/wd/collect" hover-class="none">
|
|
|
|
|
- <view class="head_t1">收藏</view>
|
|
|
|
|
- <view class="head_t2">{{ collectTotal }}</view>
|
|
|
|
|
|
|
+ <u-col span="3" offset="1">
|
|
|
|
|
+ <navigator url="/pages2/wd/avatar" hover-class="none">
|
|
|
|
|
+ <image :src="userInfo != null ? $method.splitImgHost(userInfo.avatar, true) : ''" class="avatar"></image>
|
|
|
</navigator>
|
|
</navigator>
|
|
|
</u-col>
|
|
</u-col>
|
|
|
- <u-col span="4" text-align="center">
|
|
|
|
|
- <navigator url="/pages2/coin/index" hover-class="none">
|
|
|
|
|
- <view class="head_t1">金币</view>
|
|
|
|
|
- <view class="head_t2">{{ userInfo.money }}</view>
|
|
|
|
|
- </navigator>
|
|
|
|
|
- </u-col>
|
|
|
|
|
- <u-col span="4" text-align="center">
|
|
|
|
|
- <navigator url="/pages2/wd/ranking" hover-class="none">
|
|
|
|
|
- <view class="head_t1">学习排名</view>
|
|
|
|
|
- <view class="head_t2" v-if="rank > 0">NO.{{ rank }}</view>
|
|
|
|
|
- <view class="head_t2" v-else>暂未上榜</view>
|
|
|
|
|
|
|
+ <u-col span="6">
|
|
|
|
|
+ <view style="display: flex;">
|
|
|
|
|
+ <navigator class="name" url="/pages2/wd/avatar" hover-class="none">{{ userInfo.nickname }}</navigator>
|
|
|
|
|
+ <navigator class="tag" url="/pages2/wd/level" hover-class="none">
|
|
|
|
|
+ {{ userInfo.userLevel === null ? '初出茅庐' : levelList[userInfo.userLevel - 1] }}
|
|
|
|
|
+ </navigator>
|
|
|
|
|
+ </view>
|
|
|
|
|
+ <navigator url="/pages2/wd/level" hover-class="none" style="position: relative;margin-top: 20rpx;">
|
|
|
|
|
+ <view class="progress_text">
|
|
|
|
|
+ {{ userInfo.integral === null ? 0 : userInfo.integral }}/{{
|
|
|
|
|
+ userInfo.userLevel === null || userInfo.userLevel === undefined ? '0' : userLevelList[userInfo.userLevel - 1] === undefined ? '0': userLevelList[userInfo.userLevel - 1]
|
|
|
|
|
+ }}
|
|
|
|
|
+ </view>
|
|
|
|
|
+ <u-line-progress
|
|
|
|
|
+ height="8"
|
|
|
|
|
+ active-color="#2F4379"
|
|
|
|
|
+ :percent="userInfo.integral === null ? 0 : userInfo.integral"
|
|
|
|
|
+ :show-percent="false"
|
|
|
|
|
+ ></u-line-progress>
|
|
|
</navigator>
|
|
</navigator>
|
|
|
</u-col>
|
|
</u-col>
|
|
|
|
|
+ <view class="qiandao" @click="qd" v-if="issue === 0">签到</view>
|
|
|
|
|
+ <view class="qiandao" v-if="issue === 1">已签到</view>
|
|
|
</u-row>
|
|
</u-row>
|
|
|
- </view>
|
|
|
|
|
- </view>
|
|
|
|
|
- <view style="padding: 30rpx;">
|
|
|
|
|
- <!-- 学习记录-->
|
|
|
|
|
- <view class="record" v-if="list.length">
|
|
|
|
|
- <view class="r_t1">
|
|
|
|
|
- 最近学习记录
|
|
|
|
|
- <u-icon name="arrow-right" size="28"></u-icon>
|
|
|
|
|
|
|
+ <view style="margin-top: 20rpx;">
|
|
|
|
|
+ <u-row>
|
|
|
|
|
+ <u-col span="4" text-align="center">
|
|
|
|
|
+ <navigator url="/pages2/wd/collect" hover-class="none">
|
|
|
|
|
+ <view class="head_t1">收藏</view>
|
|
|
|
|
+ <view class="head_t2">{{ collectTotal }}</view>
|
|
|
|
|
+ </navigator>
|
|
|
|
|
+ </u-col>
|
|
|
|
|
+ <u-col span="4" text-align="center">
|
|
|
|
|
+ <navigator url="/pages2/coin/index" hover-class="none">
|
|
|
|
|
+ <view class="head_t1">金币</view>
|
|
|
|
|
+ <view class="head_t2">{{ userInfo.money }}</view>
|
|
|
|
|
+ </navigator>
|
|
|
|
|
+ </u-col>
|
|
|
|
|
+ <u-col span="4" text-align="center">
|
|
|
|
|
+ <navigator url="/pages2/wd/ranking" hover-class="none">
|
|
|
|
|
+ <view class="head_t1">学习排名</view>
|
|
|
|
|
+ <view class="head_t2" v-if="rank > 0">NO.{{ rank }}</view>
|
|
|
|
|
+ <view class="head_t2" v-else>暂未上榜</view>
|
|
|
|
|
+ </navigator>
|
|
|
|
|
+ </u-col>
|
|
|
|
|
+ </u-row>
|
|
|
</view>
|
|
</view>
|
|
|
- <scroll-view class="r_sliper" scroll-x="true">
|
|
|
|
|
- <view v-for="(item, index) in list" :key="index" style="margin-right: 20rpx;display:inline-block" @click="jumpDetail(item)">
|
|
|
|
|
- <image :src="$method.splitImgHost(item.coverUrl,true)" class="r_image"></image>
|
|
|
|
|
- <view class="r_t2">{{ item.courseName }}</view>
|
|
|
|
|
- </view>
|
|
|
|
|
- </scroll-view>
|
|
|
|
|
</view>
|
|
</view>
|
|
|
- <!-- 模块-->
|
|
|
|
|
- <view class="module">
|
|
|
|
|
- <u-row>
|
|
|
|
|
- <u-col span="3" text-align="center">
|
|
|
|
|
- <navigator url="/pages2/study/index" hover-class="none">
|
|
|
|
|
- <image src="/static/tool_1.png" class="tool_img"></image>
|
|
|
|
|
- <view class="tool_t">我的学习</view>
|
|
|
|
|
- </navigator>
|
|
|
|
|
- </u-col>
|
|
|
|
|
- <u-col span="3" text-align="center">
|
|
|
|
|
- <navigator url="/pages2/wd/menu" hover-class="none">
|
|
|
|
|
- <image src="/static/tool_2.png" class="tool_img"></image>
|
|
|
|
|
- <view class="tool_t">基本资料</view>
|
|
|
|
|
- </navigator>
|
|
|
|
|
- </u-col>
|
|
|
|
|
- <u-col span="3" text-align="center">
|
|
|
|
|
- <navigator url="/pages2/wd/help" hover-class="none">
|
|
|
|
|
- <image src="/static/tool_3.png" class="tool_img"></image>
|
|
|
|
|
- <view class="tool_t">助学活动</view>
|
|
|
|
|
- </navigator>
|
|
|
|
|
- </u-col>
|
|
|
|
|
- <u-col span="3" text-align="center">
|
|
|
|
|
- <navigator url="/pages2/wd/coupon" hover-class="none">
|
|
|
|
|
- <image src="/static/tool_7.png" class="tool_img"></image>
|
|
|
|
|
- <view class="tool_t">优惠券</view>
|
|
|
|
|
- </navigator>
|
|
|
|
|
- </u-col>
|
|
|
|
|
- </u-row>
|
|
|
|
|
- <view style="margin-top: 30rpx;">
|
|
|
|
|
|
|
+ <view style="padding: 30rpx;">
|
|
|
|
|
+ <!-- 学习记录-->
|
|
|
|
|
+ <view class="record" v-if="list.length">
|
|
|
|
|
+ <view class="r_t1">
|
|
|
|
|
+ 最近学习记录
|
|
|
|
|
+ <u-icon name="arrow-right" size="28"></u-icon>
|
|
|
|
|
+ </view>
|
|
|
|
|
+ <scroll-view class="r_sliper" scroll-x="true">
|
|
|
|
|
+ <view v-for="(item, index) in list" :key="index" style="margin-right: 20rpx;display:inline-block" @click="jumpDetail(item)">
|
|
|
|
|
+ <image :src="$method.splitImgHost(item.coverUrl, true)" class="r_image"></image>
|
|
|
|
|
+ <view class="r_t2">{{ item.courseName }}</view>
|
|
|
|
|
+ </view>
|
|
|
|
|
+ </scroll-view>
|
|
|
|
|
+ </view>
|
|
|
|
|
+ <!-- 模块-->
|
|
|
|
|
+ <view class="module">
|
|
|
<u-row>
|
|
<u-row>
|
|
|
<u-col span="3" text-align="center">
|
|
<u-col span="3" text-align="center">
|
|
|
- <navigator url="/pages2/wd/enroll" hover-class="none">
|
|
|
|
|
- <image src="/static/tool_5.png" class="tool_img"></image>
|
|
|
|
|
- <view class="tool_t">考试报名</view>
|
|
|
|
|
|
|
+ <navigator url="/pages2/study/index" hover-class="none">
|
|
|
|
|
+ <image src="/static/tool_1.png" class="tool_img"></image>
|
|
|
|
|
+ <view class="tool_t">我的学习</view>
|
|
|
</navigator>
|
|
</navigator>
|
|
|
</u-col>
|
|
</u-col>
|
|
|
<u-col span="3" text-align="center">
|
|
<u-col span="3" text-align="center">
|
|
|
- <view @click="jumpPopup">
|
|
|
|
|
- <image src="/static/tool_4.png" class="tool_img"></image>
|
|
|
|
|
- <view class="tool_t">成长地图</view>
|
|
|
|
|
- </view>
|
|
|
|
|
|
|
+ <navigator url="/pages2/wd/menu" hover-class="none">
|
|
|
|
|
+ <image src="/static/tool_2.png" class="tool_img"></image>
|
|
|
|
|
+ <view class="tool_t">基本资料</view>
|
|
|
|
|
+ </navigator>
|
|
|
</u-col>
|
|
</u-col>
|
|
|
<u-col span="3" text-align="center">
|
|
<u-col span="3" text-align="center">
|
|
|
- <navigator url="/pages2/resume/myResume" hover-class="none">
|
|
|
|
|
- <image src="/static/jianli@3x.png" class="tool_img"></image>
|
|
|
|
|
- <view class="tool_t">我的简历</view>
|
|
|
|
|
|
|
+ <navigator url="/pages2/wd/help" hover-class="none">
|
|
|
|
|
+ <image src="/static/tool_3.png" class="tool_img"></image>
|
|
|
|
|
+ <view class="tool_t">助学活动</view>
|
|
|
</navigator>
|
|
</navigator>
|
|
|
</u-col>
|
|
</u-col>
|
|
|
<u-col span="3" text-align="center">
|
|
<u-col span="3" text-align="center">
|
|
|
- <navigator url="/pages2/resume/delivery" hover-class="none" style="position: relative;">
|
|
|
|
|
- <image src="/static/toudi@3x.png" class="tool_img"></image>
|
|
|
|
|
- <view class="tool_t">我的投递</view>
|
|
|
|
|
- <view class="iconLittles" v-if="showLittleIcon > 0">
|
|
|
|
|
- <u-badge size="mini" type="success" :count="showLittleIcon" :absolute="false" bgColor="#fa3534"></u-badge>
|
|
|
|
|
- </view>
|
|
|
|
|
|
|
+ <navigator url="/pages2/wd/coupon" hover-class="none">
|
|
|
|
|
+ <image src="/static/tool_7.png" class="tool_img"></image>
|
|
|
|
|
+ <view class="tool_t">优惠券</view>
|
|
|
</navigator>
|
|
</navigator>
|
|
|
</u-col>
|
|
</u-col>
|
|
|
</u-row>
|
|
</u-row>
|
|
|
|
|
+ <view style="margin-top: 30rpx;">
|
|
|
|
|
+ <u-row>
|
|
|
|
|
+ <u-col span="3" text-align="center">
|
|
|
|
|
+ <navigator url="/pages2/wd/enroll" hover-class="none">
|
|
|
|
|
+ <image src="/static/tool_5.png" class="tool_img"></image>
|
|
|
|
|
+ <view class="tool_t">考试报名</view>
|
|
|
|
|
+ </navigator>
|
|
|
|
|
+ </u-col>
|
|
|
|
|
+ <u-col span="3" text-align="center">
|
|
|
|
|
+ <view @click="jumpPopup">
|
|
|
|
|
+ <image src="/static/tool_4.png" class="tool_img"></image>
|
|
|
|
|
+ <view class="tool_t">成长地图</view>
|
|
|
|
|
+ </view>
|
|
|
|
|
+ </u-col>
|
|
|
|
|
+ <u-col span="3" text-align="center">
|
|
|
|
|
+ <navigator url="/pages2/resume/myResume" hover-class="none">
|
|
|
|
|
+ <image src="/static/jianli@3x.png" class="tool_img"></image>
|
|
|
|
|
+ <view class="tool_t">我的简历</view>
|
|
|
|
|
+ </navigator>
|
|
|
|
|
+ </u-col>
|
|
|
|
|
+ <u-col span="3" text-align="center">
|
|
|
|
|
+ <navigator url="/pages2/resume/delivery" hover-class="none" style="position: relative;">
|
|
|
|
|
+ <image src="/static/toudi@3x.png" class="tool_img"></image>
|
|
|
|
|
+ <view class="tool_t">我的投递</view>
|
|
|
|
|
+ <view class="iconLittles" v-if="showLittleIcon > 0">
|
|
|
|
|
+ <u-badge size="mini" type="success" :count="showLittleIcon" :absolute="false" bgColor="#fa3534"></u-badge>
|
|
|
|
|
+ </view>
|
|
|
|
|
+ </navigator>
|
|
|
|
|
+ </u-col>
|
|
|
|
|
+ </u-row>
|
|
|
|
|
+ </view>
|
|
|
|
|
+ </view>
|
|
|
|
|
+ <view class="module2">
|
|
|
|
|
+ <u-row>
|
|
|
|
|
+ <u-col span="3" text-align="center">
|
|
|
|
|
+ <view @click="jumpPopup">
|
|
|
|
|
+ <image src="/static/tool_6.png" class="tool_img"></image>
|
|
|
|
|
+ <view class="tool_t">异常反馈</view>
|
|
|
|
|
+ </view>
|
|
|
|
|
+ </u-col>
|
|
|
|
|
+ </u-row>
|
|
|
</view>
|
|
</view>
|
|
|
</view>
|
|
</view>
|
|
|
- <view class="module2">
|
|
|
|
|
- <u-row>
|
|
|
|
|
- <u-col span="3" text-align="center">
|
|
|
|
|
- <view @click="jumpPopup">
|
|
|
|
|
- <image src="/static/tool_6.png" class="tool_img"></image>
|
|
|
|
|
- <view class="tool_t">异常反馈</view>
|
|
|
|
|
- </view>
|
|
|
|
|
- </u-col>
|
|
|
|
|
- </u-row>
|
|
|
|
|
- </view>
|
|
|
|
|
- </view>
|
|
|
|
|
- </scroll-view>
|
|
|
|
|
|
|
+ </scroll-view>
|
|
|
</view>
|
|
</view>
|
|
|
</template>
|
|
</template>
|
|
|
|
|
|
|
@@ -158,11 +175,9 @@ export default {
|
|
|
},
|
|
},
|
|
|
methods: {
|
|
methods: {
|
|
|
scroll(e) {},
|
|
scroll(e) {},
|
|
|
- scrollTolower() {
|
|
|
|
|
-
|
|
|
|
|
- },
|
|
|
|
|
- pulling(){
|
|
|
|
|
- this.triggered = true
|
|
|
|
|
|
|
+ scrollTolower() {},
|
|
|
|
|
+ pulling() {
|
|
|
|
|
+ this.triggered = true;
|
|
|
},
|
|
},
|
|
|
refresher(){
|
|
refresher(){
|
|
|
let that = this
|
|
let that = this
|
|
@@ -171,21 +186,20 @@ export default {
|
|
|
setTimeout(function(){
|
|
setTimeout(function(){
|
|
|
that.triggered = false
|
|
that.triggered = false
|
|
|
},500)
|
|
},500)
|
|
|
-
|
|
|
|
|
},
|
|
},
|
|
|
- restore(){
|
|
|
|
|
- this.triggered = false
|
|
|
|
|
|
|
+ restore() {
|
|
|
|
|
+ this.triggered = false;
|
|
|
},
|
|
},
|
|
|
getLevel() {
|
|
getLevel() {
|
|
|
var self = this;
|
|
var self = this;
|
|
|
- return new Promise((resolve,reject) => {
|
|
|
|
|
|
|
+ return new Promise((resolve, reject) => {
|
|
|
self.$api.gradelist().then(res => {
|
|
self.$api.gradelist().then(res => {
|
|
|
res.data.rows.forEach((item, index) => {
|
|
res.data.rows.forEach((item, index) => {
|
|
|
self.userLevelList.push(item.needIntegralEnd);
|
|
self.userLevelList.push(item.needIntegralEnd);
|
|
|
});
|
|
});
|
|
|
- resolve()
|
|
|
|
|
|
|
+ resolve();
|
|
|
});
|
|
});
|
|
|
- })
|
|
|
|
|
|
|
+ });
|
|
|
},
|
|
},
|
|
|
qd() {
|
|
qd() {
|
|
|
var self = this;
|
|
var self = this;
|
|
@@ -207,10 +221,15 @@ export default {
|
|
|
return;
|
|
return;
|
|
|
},
|
|
},
|
|
|
async init() {
|
|
async init() {
|
|
|
- this.$store.state.allowLoading= false
|
|
|
|
|
|
|
+ this.$store.state.allowLoading = false;
|
|
|
const firstFunc = await this.getInfoAttached();
|
|
const firstFunc = await this.getInfoAttached();
|
|
|
const seciedFunc = await this.getLevel();
|
|
const seciedFunc = await this.getLevel();
|
|
|
|
|
+<<<<<<< HEAD
|
|
|
|
|
+ // this.$api.refreshUserInfo();
|
|
|
|
|
+ this.$store.state.allowLoading = true;
|
|
|
|
|
+=======
|
|
|
this.$store.state.allowLoading = true
|
|
this.$store.state.allowLoading = true
|
|
|
|
|
+>>>>>>> ae3c0e80d7af9b78c30f703a3d0538b4dd4c18f2
|
|
|
},
|
|
},
|
|
|
jumpPopup() {
|
|
jumpPopup() {
|
|
|
uni.showModal({
|
|
uni.showModal({
|
|
@@ -220,17 +239,17 @@ export default {
|
|
|
});
|
|
});
|
|
|
},
|
|
},
|
|
|
getInfoAttached() {
|
|
getInfoAttached() {
|
|
|
- var self = this
|
|
|
|
|
- return new Promise((resolve,reject) => {
|
|
|
|
|
|
|
+ var self = this;
|
|
|
|
|
+ return new Promise((resolve, reject) => {
|
|
|
self.$api.appInfoAttached().then(res => {
|
|
self.$api.appInfoAttached().then(res => {
|
|
|
- self.showLittleIcon = res.data.data.lookNum
|
|
|
|
|
|
|
+ self.showLittleIcon = res.data.data.lookNum;
|
|
|
self.collectTotal = res.data.data.collectTotal;
|
|
self.collectTotal = res.data.data.collectTotal;
|
|
|
self.rank = res.data.data.rank;
|
|
self.rank = res.data.data.rank;
|
|
|
self.issue = res.data.data.issue;
|
|
self.issue = res.data.data.issue;
|
|
|
self.studyRecordList();
|
|
self.studyRecordList();
|
|
|
- resolve()
|
|
|
|
|
|
|
+ resolve();
|
|
|
});
|
|
});
|
|
|
- })
|
|
|
|
|
|
|
+ });
|
|
|
},
|
|
},
|
|
|
studyRecordList() {
|
|
studyRecordList() {
|
|
|
let self = this;
|
|
let self = this;
|
|
@@ -371,7 +390,7 @@ page {
|
|
|
height: 140rpx;
|
|
height: 140rpx;
|
|
|
border-radius: 50%;
|
|
border-radius: 50%;
|
|
|
}
|
|
}
|
|
|
-.iconLittles{
|
|
|
|
|
|
|
+.iconLittles {
|
|
|
position: absolute;
|
|
position: absolute;
|
|
|
top: -18rpx;
|
|
top: -18rpx;
|
|
|
right: 33rpx;
|
|
right: 33rpx;
|