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

课程评论回复

Browse Source
This commit is contained in:
zhaofang
2022-09-23 19:01:44 +08:00
parent 14a5ec636e
commit c4bd52783d
8 changed files with 314 additions and 132 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
src/views/study/coursenew.vue
View File

@@ -114,13 +114,8 @@
<comments v-if="courseInfo.id && courseInfo.id != ''" :obj-type="1" :obj-id="courseInfo.id" :toUsers="toUsers"></comments>
</div>
<div v-show="!courestab" class="coures-note">
<note-comments v-if="courseInfo.id && courseInfo.id != ''" :obj-type="1" :obj-id="courseInfo.id"></note-comments>
<!-- <div class="note-tole">33条笔记</div>
<div class="note-info">
</div> -->
<note-comments v-if="courseInfo.id && courseInfo.id != ''" :obj-type="6" :obj-id="courseInfo.id"></note-comments>
</div>
</div>
</div>
<div class="coures-infobox">
@@ -151,7 +146,7 @@
</div>
</div>
<!-- 我的笔记 -->
<div class="mynote" v-if="tab == 2">
<div class="mynote" v-show="tab == 2">
<my-note :data="contentData" @videoLocation="videoLocation" @onPlayVideo="onPlayVideo" :score="courseInfo.score"></my-note>
</div>
</div>

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

@@ -3,41 +3,22 @@
<div class="myubi">
<div class="ubi-hear">
<h6>我的U币:367</h6><span class="cursor-pointer" @click="dialogVisible = true">U币规则 <i class="el-icon-arrow-right"></i> </span>
<el-button>导出记录</el-button>
<el-button @click="exportRecord()">导出记录</el-button>
</div>
<div class="Ubi-hist">
<h6>U币历史记录</h6><span>（最多保留近7天的记录）</span>
<div style="max-height:600px;overflow-y:auto;padding-right:50px">
<div class="Ubi-hist">
<h6>U币历史记录</h6><span>（最多保留近7天的记录）</span>
<div style="width:100%;height:290px" ref="chart"></div>
</div>
<div class="my-Recording" v-for="(day, index) in uCoinRecord" :key="index">
<h3>{{day.dayNmae}}</h3>
<div class="Recording-info" v-for="info in day.list">
<div class="info-tit">{{getUType(info.eventKey)}}</div>
<div class="info-Gold"><img src="../../../public/images/Uimg.png" alt="">{{info.uvalue > 0? '+':''}} {{info.uvalue}}</div>
</div>
</div>
</div>
<div class="my-Recording">
<h3>5月31日</h3>
<div class="Recording-info">
<div class="info-tit">发布笔记</div>
<div class="info-Gold"><img src="../../../public/images/Uimg.png" alt=""> +5</div>
</div>
<div class="Recording-info">
<div class="info-tit">回答问题</div>
<div class="info-Gold"><img src="../../../public/images/Uimg.png" alt=""> +5</div>
</div>
<div class="Recording-info">
<div class="info-tit">意见反馈</div>
<div class="info-Gold"><img src="../../../public/images/Uimg.png" alt=""> +5</div>
</div>
</div>
<div class="my-Recording">
<h3>5月29日</h3>
<div class="Recording-info">
<div class="info-tit">发布笔记</div>
<div class="info-Gold"><img src="../../../public/images/Uimg.png" alt=""> +5</div>
</div>
<div class="Recording-info">
<div class="info-tit">回答问题</div>
<div class="info-Gold"><img src="../../../public/images/Uimg.png" alt=""> +5</div>
</div>
<div class="Recording-info">
<div class="info-tit">意见反馈</div>
<div class="info-Gold"><img src="../../../public/images/Uimg.png" alt=""> +5</div>
</div>
</div>
</div>
<div class="experience">
<div class="exp-hear">
@@ -51,11 +32,10 @@
累计<i class="el-icon-arrow-down el-icon--right"></i>
</span>
<el-dropdown-menu slot="dropdown">
<el-dropdown-item>黄金糕</el-dropdown-item>
<el-dropdown-item>狮子头</el-dropdown-item>
<el-dropdown-item>螺蛳粉</el-dropdown-item>
<el-dropdown-item disabled>双皮奶</el-dropdown-item>
<el-dropdown-item divided>蚵仔煎</el-dropdown-item>
<el-dropdown-item>累计</el-dropdown-item>
<el-dropdown-item>本周</el-dropdown-item>
<el-dropdown-item>本月</el-dropdown-item>
<el-dropdown-item disabled>本年</el-dropdown-item>
</el-dropdown-menu>
</el-dropdown>
</div>
@@ -186,6 +166,8 @@
<script>
import apiStat from '@/api/phase2/stat.js';
import { mapGetters } from 'vuex';
import {getUType} from '@/utils/tools.js'
import * as echarts from 'echarts'
export default{
computed: {
...mapGetters(['userInfo']),
@@ -194,15 +176,102 @@
components: {},
data(){
return{
getUType,
dialogVisible:false,
tableData:[]
tableData:[],
uCoinRecord:[],
chart:null,
}
},
mounted() {
this.getList();
},
methods:{
exportRecord() {
let urlPre=window.location.protocol+'//'+window.location.host;
window.open(urlPre + '/xboe/m/stat/usercoinrecord/export?aid='+this.userInfo.aid)
},
initChat(chatData) {
this.chart = echarts.init(this.$refs.chart);
const option = {
tooltip: {
trigger: 'item'
},
legend: {
top: 'center',
right:100,
orient:'vertical',
itemWidth:8,
itemHeight:8,
borderRadius:'50%',
itemGap:26,
formatter:function(name) {
let data =option.series[0].data;
let total = 0;
let tarValue = 0;//每一项值
for(let i = 0;i < data.length;i++){
total += data[i].value;
if(data[i].name == name) {
tarValue = data[i].value;
}
}
let p =Math.round((tarValue/total)*100)+'%';
return ` ${p} ${name}`
}
},
series: [
{
// name: 'name',
type: 'pie',
radius: ['50%', '40%'],
avoidLabelOverlap: false,
center: ['32%','50%'],
itemStyle: {
borderRadius: 0,
borderColor: '#fff',
borderWidth: 2,
normal: {
color: function (colors) {
let colorList = ['#5bb9fe','#f7b36b','#72e5d5','#e1e1f9'];
return colorList[colors.dataIndex];
},
}
},
label: {
show: false,
position: 'center',
},
labelLine: {
show: false
},
data: chatData,
}
]
};
this.chart.setOption(option);
},
getList() {
apiStat.userCoinList(this.userInfo.aid,7).then(res=>{
if(res.status == 200) {
this.uCoinRecord = [];
for(let key in res.result.uCoinRecord){
this.uCoinRecord.push({
dayNmae: key,
list:res.result.uCoinRecord[key]
})
}
let chatData = [];
for(let key in res.result.chatData){
chatData.push({
value:res.result.chatData[key],
name:this.getUType(key)
})
}
this.initChat(chatData);
}
})
}
}
}
</script>
@@ -314,7 +383,7 @@
}
.myubi{
flex: 1;
margin-right: 107px;
margin-right: 84px;
}
.omit{
padding-left: 20px;

114
src/views/user/ranking.vue
View File

@@ -1,5 +1,5 @@
<template>
<div style="padding:26px 40px;display:flex;">
<div style="padding:26px 40px;display:flex;overflow-x: auto;">
<div class="experience">
<div class="exp-hear">
<div class="exp-hear-text">
@@ -12,11 +12,10 @@
累计<i class="el-icon-arrow-down el-icon--right"></i>
</span>
<el-dropdown-menu slot="dropdown">
<el-dropdown-item>黄金糕</el-dropdown-item>
<el-dropdown-item>狮子头</el-dropdown-item>
<el-dropdown-item>螺蛳粉</el-dropdown-item>
<el-dropdown-item disabled>双皮奶</el-dropdown-item>
<el-dropdown-item divided>蚵仔煎</el-dropdown-item>
<el-dropdown-item>累计</el-dropdown-item>
<el-dropdown-item>本周</el-dropdown-item>
<el-dropdown-item>本月</el-dropdown-item>
<el-dropdown-item>本年</el-dropdown-item>
</el-dropdown-menu>
</el-dropdown>
</div>
@@ -43,8 +42,8 @@
<div class="table-hear">
<div style="margin-left:5px">排名</div>
<div style="margin-left:5px">姓名</div>
<div class="bm">部门</div>
<div class="jy">经验值</div>
<div class="bm">学习时长</div>
<!-- <div class="jy">经验值</div> -->
</div>
<div style="height:450px;overflow-y:auto">
<div class="table-hear" style="margin-top:40px;border-bottom: 1px solid #ddd;padding-bottom:20px">
@@ -114,11 +113,10 @@
累计<i class="el-icon-arrow-down el-icon--right"></i>
</span>
<el-dropdown-menu slot="dropdown">
<el-dropdown-item>黄金糕</el-dropdown-item>
<el-dropdown-item>狮子头</el-dropdown-item>
<el-dropdown-item>螺蛳粉</el-dropdown-item>
<el-dropdown-item disabled>双皮奶</el-dropdown-item>
<el-dropdown-item divided>蚵仔煎</el-dropdown-item>
<el-dropdown-item>累计</el-dropdown-item>
<el-dropdown-item>本周</el-dropdown-item>
<el-dropdown-item>本月</el-dropdown-item>
<el-dropdown-item>本年</el-dropdown-item>
</el-dropdown-menu>
</el-dropdown>
</div>
@@ -193,6 +191,96 @@
</div>
</div>
</di>
<di class="Duration">
<div class="exp-hear">
<div class="exp-hear-text">
学习天数排行榜
<span class="exp-hear-textbor"></span>
</div>
<div class="exp-hear-xiala">
<el-dropdown trigger="click">
<span class="el-dropdown-link">
累计<i class="el-icon-arrow-down el-icon--right"></i>
</span>
<el-dropdown-menu slot="dropdown">
<el-dropdown-item>累计</el-dropdown-item>
<el-dropdown-item>本周</el-dropdown-item>
<el-dropdown-item>本月</el-dropdown-item>
<el-dropdown-item>本年</el-dropdown-item>
</el-dropdown-menu>
</el-dropdown>
</div>
</div>
<div class="myselftext">
<div class="myranking">
我的排名 : <span> 128</span>
</div>
<div class="myexperience">
我的经验值 : <span> 367</span>
</div>
</div>
<div class="exp-table">
<div class="table-hear">
<div style="margin-left:5px">排名</div>
<div style="margin-left:5px">姓名</div>
<div class="bm">学习天数</div>
<!-- <div class="jy">经验值</div> -->
</div>
<div style="height:500px;overflow-y:auto">
<div class="table-hear" style="margin-top:40px;border-bottom: 1px solid #ddd;padding-bottom:20px">
<div class="tab-rank" ><img src="../../../public/images/rank1.png" alt=""></div>
<div class="tab-name"><img src="../../../public/images/Avatarwoman.png" alt=""> <span>小李</span></div>
<div class="bm tab-bm" style="margin-left:30px;">BOE / 企划中心 / 数据资产部</div>
<div class="jy tab-jy">
<div style="font-size: 18px;color: #333333;font-weight: 600;">1093</div>
</div>
</div>
<div class="table-hear" style="margin-top:40px;border-bottom: 1px solid #ddd;padding-bottom:20px">
<div class="tab-rank" ><img src="../../../public/images/rank2.png" alt=""></div>
<div class="tab-name"><img src="../../../public/images/Avatarwoman.png" alt=""> <span>小李</span> </div>
<div class="bm tab-bm" style="margin-left:30px;">BOE / 企划中心 / 数据资产部</div>
<div class="jy tab-jy">
<div style="font-size: 18px;color: #333333;font-weight: 600;">1093</div>
</div>
</div>
<div class="table-hear" style="margin-top:40px;border-bottom: 1px solid #ddd;padding-bottom:20px">
<div class="tab-rank" ><img src="../../../public/images/rank3.png" alt=""></div>
<div class="tab-name"><img src="../../../public/images/Avatarwoman.png" alt=""> <span>小李</span> </div>
<div class="bm tab-bm" style="margin-left:30px;">BOE / 企划中心 / 数据资产部</div>
<div class="jy tab-jy">
<div style="font-size: 18px;color: #333333;font-weight: 600;">1093</div>
</div>
</div>
<div class="table-hear" style="margin-top:40px;border-bottom: 1px solid #ddd;padding-bottom:20px">
<div style="line-height: 40px;padding-left:15px;font-size: 16px;color: #333333;">4</div>
<div class="tab-name"><img src="../../../public/images/Avatarwoman.png" alt=""> <span>小李</span> </div>
<div class="bm tab-bm" style="margin-left:30px;">BOE / 企划中心 / 数据资产部</div>
<div class="jy tab-jy">
<div style="font-size: 18px;color: #333333;font-weight: 600;">1093</div>
</div>
</div>
<div class="table-hear" style="margin-top:40px;border-bottom: 1px solid #ddd;padding-bottom:20px">
<div style="line-height: 40px;padding-left:15px;font-size: 16px;color: #333333;">5</div>
<div class="tab-name"><img src="../../../public/images/Avatarwoman.png" alt=""> <span>小李</span> </div>
<div class="bm tab-bm" style="margin-left:30px;">BOE / 企划中心 / 数据资产部</div>
<div class="jy tab-jy">
<div style="font-size: 18px;color: #333333;font-weight: 600;">1093</div>
</div>
</div>
</div>
<div class="omit">
<div>.</div> <div>.</div> <div>.</div>
</div>
<div class="table-hear" style="margin-top:40px;border-bottom: 1px solid #ddd;padding-bottom:20px">
<div style="color: #0059FF;line-height: 40px;padding-left:15px;font-size: 16px;" class="tab-rank" >128</div>
<div class="tab-name"><img src="../../../public/images/Avatarwoman.png" alt=""> <span style="color: #0059FF;">小李</span> </div>
<div class="bm tab-bm" style="margin-left:30px;color: #0059FF;">BOE / 企划中心 / 数据资产部</div>
<div class="jy tab-jy">
<div style="font-size: 18px;color: #333333;font-weight: 600;color: #0059FF;">1093</div>
</div>
</div>
</div>
</di>
</div>
</template>