hz/learning-system-portal
1
0
Fork 0
mirror of https://codeup.aliyun.com/67762337eccfc218f6110e0e/vue/learning-system-portal.git synced 2025-12-08 10:26:43 +08:00
Code Issues Packages Projects Releases Wiki Activity

提交

Browse Source
This commit is contained in:
zhaofang
2022-09-22 19:47:19 +08:00
parent 7bf9c6e40d
commit 1cb22d4090
7 changed files with 123 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
public/images/homeWu/no-madel.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 104 KiB

BIN
public/images/homeWu/u-bg.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 30 KiB

BIN
public/images/homeWu/u-close.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.9 KiB

19
src/components/UcHeader/Index.vue
View File

@@ -18,8 +18,8 @@
<h6>{{userInfo.name}}</h6>
<span>{{orgInfo}}</span>
<div class="grade">
<div>LV.1</div>
<span>经验值：367</span>
<div>{{userData.level}}</div>
<span>经验值：{{userData.evalue}}</span>
</div>
<el-link @click="toPage('/user/Setting')" type="info" :underline="false"> <el-button class="editbutt">编辑资料</el-button></el-link>
</div>
@@ -29,7 +29,7 @@
<img src="../../../public/images/grade.png" alt="">
<img src="../../../public/images/grade.png" alt="">
</div>
<el-button class="medalbutt" type="text">更多 <i class="el-icon-d-arrow-right"></i> </el-button>
<el-button class="medalbutt" type="text" @click="toPage('/user/medal')">更多 <i class="el-icon-d-arrow-right"></i> </el-button>
<div style="margin-top:10px">
<router-link to="/study/index"><span :class="{identity:true,active:curIdentity==1}" @click="setCurIdentity(1)">学员</span></router-link>
<router-link to="/teacher/index"><span v-if="identity == 2 || identity == 5" :class="{identity:true,active:curIdentity==2}" @click="setCurIdentity(2)">教师</span></router-link>
@@ -141,6 +141,10 @@ import {userAvatarText,cutFullName} from "@/utils/tools.js";
},
orgInfo:'',
sex:'',
userData:{
evalue: 0,
level: "",
}
}
},
mounted() {
@@ -153,8 +157,17 @@ import {userAvatarText,cutFullName} from "@/utils/tools.js";
//this.orgInfo=cutFullName(testName,1);
this.orgInfo=cutFullName(this.userInfo.departFullName,1);
this.getInfo();
this.getLevel();
},
methods:{
getLevel(){//获取经验值和等级
apiStart.getUserEValueAndLevel(this.userInfo.aid).then(res=>{
if(res.status == 200) {
this.userData.evalue = res.result.evalue;
this.userData.level = res.result.level;
}
});
},
getInfo(){
apiStart.userTotal(this.userInfo.aid,[10,11,30]).then(res=>{
if(res.status == 200 && res.result.length > 0) {

6
src/components/UserCenter/menu.vue
View File

@@ -218,7 +218,7 @@
<svg-icon :icon-class="activeMenu == '/user/ucurrency'?'myubi-active':'myubi'"></svg-icon>
<span slot="title">我的U币</span>
</el-menu-item>
<el-menu-item index="/user/medal">
<el-menu-item index="/user/medal" v-show="curIdentity == 1">
<svg-icon :icon-class="activeMenu == '/user/medal'?'myxunzhang-active':'myxunzhang'"></svg-icon>
<span slot="title">我的勋章</span>
</el-menu-item>
@@ -247,7 +247,7 @@
<!-- <span slot="title" class="textl">历史记录</span>
</el-menu-item> -->
</el-submenu>
<el-menu-item index="/user/Mynotes">
<el-menu-item index="/user/Mynotes" v-show="curIdentity == 1">
<svg-icon icon-class="mybiji"></svg-icon>
<span slot="title">我的笔记</span>
</el-menu-item>
@@ -276,7 +276,7 @@
<svg-icon :icon-class="activeMenu == '/user/favorites'?'myart':'myart-active'"></svg-icon>
<span slot="title">我的文章</span>
</el-menu-item>
<el-submenu index="/article/contactme">
<el-submenu index="/article/contactme" v-show="curIdentity == 1">
<template slot="title">
<svg-icon icon-class="qita"></svg-icon>
<span>其他通知</span>

7
src/views/medal/Index.vue
View File

@@ -7,14 +7,19 @@
<el-tab-pane label="社交勋章" name="third"></el-tab-pane>
<el-tab-pane label="成就勋章" name="fourth"></el-tab-pane>
</el-tabs>
<div class="medal-list" >
<div class="medal-list" v-if="medalData.length > 0">
<div class="medal-index" v-for="item in medalData" :key="item.id">
<medal-img :item="item"></medal-img>
<p class="index-title">{{item.medalName}}</p>
<p class="index-text">您已超过{{item.exceed}}人</p>
<el-button class="btn" type="primary" @click="goView(item)">查看详情</el-button>
</div>
</div>
<div v-else class="home-no-list">
<img class="img" style="width:360px;height:226px" src="/images/homeWu/no-madel.png" alt="" srcset="">
<p class="text" style="color: #333333;margin-top:50px;font-size: 14px">你目前还没有勋章哦～</p>
</div>
<el-dialog class="medal-dialog" title="提示" :visible.sync="dialogVisible" width="657px" top="200px">
<div class="medal-box">
<div class="medal-top">

100
src/views/ucurrency/Index.vue
View File

@@ -2,7 +2,7 @@
<div class="u-currency" >
<div class="myubi">
<div class="ubi-hear">
<h6>我的U币:367</h6><span>U币规则 <i class="el-icon-arrow-right"></i> </span>
<h6>我的U币:367</h6><span class="cursor-pointer" @click="dialogVisible = true">U币规则 <i class="el-icon-arrow-right"></i> </span>
<el-button>导出记录</el-button>
</div>
<div class="Ubi-hist">
@@ -141,13 +141,109 @@
</div>
</div>
<el-dialog
:visible.sync="dialogVisible"
:show-close="false"
width="716px">
<div class="dialog-box">
<div class="box-top">
<p style="font-size: 26px;font-weight: 600;margin-bottom: 4px;">U币规则</p>
<p style="font-size: 14px;line-height: 20px;">学员每日通过积分规则获得积分的上限为150积分，当天达到上限后，将 不能通过积分规则获得积分</p>
</div>
<div class="box-table">
<p class="table-title portal-title-tow"><span></span>学习</p>
<el-table
:data="tableData"
style="width: 100%;height:320px;overflow-y: auto;">
<el-table-column
prop="date"
label="分类"
width="180">
</el-table-column>
<el-table-column
prop="name"
label="描述"
width="180">
</el-table-column>
<el-table-column
prop="address"
label="经验值/U币">
</el-table-column>
<el-table-column
prop="address"
label="每日上限">
</el-table-column>
</el-table>
</div>
<div class="dialog-close" @click="dialogVisible=false">
<img style="width:86px;height:86px" src="/images/homeWu/u-close.png" alt="">
</div>
</div>
</el-dialog>
</div>
</template>
<script>
import apiStat from '@/api/phase2/stat.js';
import { mapGetters } from 'vuex';
export default{
computed: {
...mapGetters(['userInfo']),
},
components: {},
data(){
return{
dialogVisible:false,
tableData:[]
}
},
mounted() {
},
methods:{
}
}
</script>
<style lang="scss" scoped>
::v-deep .el-dialog{
border-radius: 8px;
}
::v-deep .el-dialog__header{
display: none;
}
::v-deep .el-dialog__body{
padding: 0;
}
.dialog-box{
position: relative;
.dialog-close{
position: absolute;
left: 50%;
transform: translate(-50%);
bottom: -127px;
}
.box-top{
color: #FBA511;
padding: 26px 212px 17px 61px;
background: url('/images/homeWu/u-bg.png') no-repeat;
}
.box-table{
padding: 26px 14px 40px 66px;
.table-title{
margin-bottom: 18px;
span{
display: inline-block;
width: 6px;
height: 18px;
background: #0060FF;
border-radius: 4px;
margin-right: 10px;
}
}
}
}
.Recording-info{
margin-top: 12px;
height: 45px;