tianyan/tra-app
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge branch 'dev-20250930' of http://25.13.9.101:9000/K17_AITS/tra-app into dev-20250930

Browse Source
This commit is contained in:
田岩
2025-08-19 20:23:20 +08:00
parent 5a874ae9b3 c77ed95fc8
commit 8aaeb8a86d
39 changed files with 4812 additions and 32 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/pages/charts/index.vue
+891
View File
@@ -0,0 +1,891 @@
<template>
<view class="max_page detail-main">
<nav-bar :is_seat="false"></nav-bar>
<view class="fixed_search_div">
<view class="back_div" @click="common.navigateBack()">
<view class="back-icon"></view>
</view>
<view class="title font_pf">排行榜</view>
</view>
<view class="detail-body">
<view class="body-tabs">
<view class="tabs-sty">
<view :class="tabAct == index ?'active-tabs-item-sty':'tabs-item-sty'"
v-for="(item,index) in tabList" @click="tabChange(index,item)">{{item.name}}</view>
</view>
</view>
<view class="date-body">
<view class="date-sty">
<view :class="itemIndex == index ?'active-date-item-sty':'date-item-sty'"
v-for="(item,index) in dateTabList" @click="itemFun(index,item)">{{item.name}}</view>
</view>
</view>
</view>
<view class="rank-style">
<view class="rank-top3">
<view class="rank-content rank-content-backgound-color1" v-if="chartsList.length > 1">
<image src="/static/images/charts/02.svg" class="crown1"></image>
<image src="/static/images/charts/avator.png" class="top-avator"></image>
<view class="content1">top·2</view>
<view class="content2">{{chartsList[1].userName}}</view>
<view class="content3">{{chartsList[1].score}}</view>
<view class="content4">{{chartsList[1].dept}}</view>
</view>
<view class="rank-content rank-content-backgound-color2" v-if="chartsList.length > 0">
<image src="/static/images/charts/01.svg" class="crown2"></image>
<image src="/static/images/charts/avator.png" class="top-avator"></image>
<view class="content11">top·1</view>
<view class="content2">{{chartsList[0].userName}}</view>
<view class="content33">{{chartsList[0].score}}</view>
<view class="content44">{{chartsList[0].dept}}</view>
</view>
<view class="rank-content rank-content-backgound-color3" v-if="chartsList.length > 2">
<image src="/static/images/charts/03.svg" class="crown3"></image>
<image src="/static/images/charts/avator.png" class="top-avator"></image>
<view class="content111">top·3</view>
<view class="content2">{{chartsList[2].userName}}</view>
<view class="content333">{{chartsList[2].score}}</view>
<view class="content444">{{chartsList[2].dept}}</view>
</view>
</view>
<!-- table形式排名 -->
<!-- <view class="rank-other">
<uni-table ref="table">
<uni-tr>
<uni-th align="center" width="100">排名</uni-th>
<uni-th align="left" width="180">用户名/所属机构</uni-th>
<uni-th align="center" >{{tableLastName}}</uni-th>
</uni-tr>
<uni-tr v-for="(item, index) in newChartsList" :key="index">
<uni-td :class="item.name == '江月心'?'active-rank-sty':'rank-sty'" align="center">{{ item.rank }}</uni-td>
<uni-td align="center">
<image src="/static/images/charts/avator.png" class="avator"></image>
<view style="float: left;margin-left: 18rpx;">
<view :class="item.name == '江月心'?'active-name':'name'">{{ item.name }}</view>
<view class="belong">{{ item.belong }}</view>
</view>
</uni-td>
<uni-td class="score-sty" align="center">{{ item.score }}</uni-td>
</uni-tr>
</uni-table>
<view style="width: 100%;height: 200rpx;"></view>
</view>
<view class="rank-mine">
<view class="rank-mine-content">
<view style="font-size: 26rpx;font-weight: 400;color: #999999;margin-left: 10rpx;">我的排名</view>
<view style="width: 100%;">
<view style="width: 100rpx;font-size: 40rpx;color: #0066FF;font-style: italic;;font-weight: 600;float: left;margin-top:30rpx;margin-left: 18rpx;">44</view>
<view style="width: 200rpx;float: left;margin-left: 46rpx;margin-top: 12rpx;width: 370rpx;">
<image src="/static/images/charts/avator.png" class="my-avator"></image>
<view style="font-size: 30rpx;font-weight: 600;color:#000000;">张伟</view>
<view style="font-size: 26rpx;font-weight: 400;color: #999999;margin-top:8rpx;">吉林银行大连分行</view>
</view>
<view style="width: 170rpx;font-size: 32rpx;text-align: center;color: #333333;font-weight: 600;float: left;margin-top: 32rpx;">91</view>
</view>
</view>
</view> -->
<!-- list形式排名 -->
<uni-list class="rank-other">
<uni-list-item>
<!-- 自定义 header -->
<template v-slot:header>
<text class="rank-other-rank-sty rank-uni-sty">排名</text>
</template>
<!-- 自定义 body -->
<template v-slot:body>
<text class="rank-other-user-sty rank-uni-sty">用户名/所属机构</text>
</template>
<!-- 自定义 footer-->
<template v-slot:footer>
<text class="rank-other-last-sty rank-uni-sty">{{tableLastName}}</text>
</template>
</uni-list-item>
<uni-list-item :key="index" v-if="chartsList.length < 4">
<template v-slot:header>
<text style="width:100%;text-align: center;color: #999999;">暂无数据</text>
</template>
</uni-list-item>
<uni-list-item v-for="(item, index) in newChartsList" :key="index" v-else>
<!-- 自定义 header -->
<template v-slot:header>
<text style="width: 20%;text-align: center;margin-top:15rpx"
:class="item.userId == userId?'active-rank-sty':'rank-sty'">{{index + 4}}</text>
</template>
<!-- 自定义 body -->
<template v-slot:body>
<view style="width: 50%;text-align: center;">
<image :src="item.imgAddr" class="avator"></image>
<view style="float: left;margin-left: 18rpx;">
<view :class="item.userId == userId?'active-name':'name'">{{ item.userName }}</view>
<view class="belong">{{ item.dept }}</view>
</view>
</view>
</template>
<!-- 自定义 footer-->
<template v-slot:footer>
<text class="score-sty score-sty-footer">{{ item.score }}</text>
</template>
</uni-list-item>
<view style="width: 100%;height: 200rpx;"></view>
<uni-list-item class="rank-mine" v-if="!myselfObj.userName">
<!-- 自定义 header -->
<template v-slot:header>
<text class="rank-sty my-rank-title">我的排名</text>
<view style="width: 100%;text-align: center;color: #999999;font-size: 28rpx;">暂无排名</view>
</template>
</uni-list-item>
<uni-list-item class="rank-mine" v-else>
<!-- 自定义 header -->
<template v-slot:header>
<text class="rank-sty my-rank-title">我的排名</text>
<view class="my-rank-content">{{myselfObj.position}}</view>
</template>
<!-- 自定义 body -->
<template v-slot:body>
<view style="width: 50%;text-align: center;">
<image src="/static/images/charts/avator.png" class="avator"></image>
<view style="float: left;margin-left: 18rpx;">
<view class="my-rank-name">{{myselfObj.userName}}</view>
<view class="my-rank-belong">{{myselfObj.dept}}</view>
</view>
</view>
</template>
<!-- 自定义 footer-->
<template v-slot:footer>
<text class="my-rank-score">{{myselfObj.score}}</text>
</template>
</uni-list-item>
</uni-list>
</view>
</view>
</template>
<script setup>
import {
getLeaderBoardStdyTmApi,
getLeaderBoardPractCntApi,
getLeaderBoardExamCntApi,
getLeaderBoardCrsCntApi
} from "@/api/leaderBoard.js"
// 我的排行榜
import {
reactive,
ref,
computed,
nextTick,
onMounted,
watch
} from 'vue';
import common from '@/common/common';
const userId = ("USER001");
const itemIndex = ref(0);
const learnTimeList = ref([])
const practCntList = ref([])
const examCntList = ref([])
const crsCntList = ref([])
const myselfObj = ref({})
const tableLastName = ref("学习时长(h)");
const taskRef = ref(null);
const tabAct = ref(0);
const tabDateAct = ref(0);
const allChartsList = ref([]);
const newChartsList = ref([]);
const tabList = ref([{
name: '学习时长'
}, {
name: '练习次数'
}, {
name: '考试次数'
}, {
name: '通关课程数'
}]);
const dateTabList = ref([{
name: '本年',
value: 'annual'
}, {
name: '本月',
value: 'month'
}, {
name: '本周',
value: 'week'
}]);
const chartsList = ref([]);
const tabChange = (index, item) => {
itemIndex.value = 0;
tabAct.value = index;
tableLastName.value = item.name;
if (tableLastName.value == '学习时长') {
tableLastName.value = '学习时长(h)'
}
if (tableLastName.value == '学习时长') {
allChartsList.value = learnTimeList.value;
chartsList.value = learnTimeList.value.annual.list || [];
myselfObj.value = allChartsList.value.annual?allChartsList.value.annual.self:{};
myselfObj.value.score = allChartsList.value.annual.self.annlStdyTmLen;
chartsList.value.forEach(item => item.score = item.annlStdyTmLen)
} else if (tableLastName.value == '练习次数') {
allChartsList.value = practCntList.value;
chartsList.value = practCntList.value.annual.list || [];
myselfObj.value = allChartsList.value.annual?allChartsList.value.annual.self:{};
myselfObj.value.score = allChartsList.value.annual.self.annlPractCnt;
} else if (tableLastName.value == '考试次数') {
allChartsList.value = examCntList.value;
chartsList.value = examCntList.value.annual.list || [];
myselfObj.value = allChartsList.value.annual?allChartsList.value.annual.self:{};
myselfObj.value.score = allChartsList.value.annual.self.annlExamCnt;
} else if (tableLastName.value == '通关课程数') {
allChartsList.value = crsCntList.value;
chartsList.value = crsCntList.value.annual.list || [];
myselfObj.value = allChartsList.value.annual?allChartsList.value.annual.self:{};
myselfObj.value.score = allChartsList.value.annual.self.annlCrsCnt;
}
if (chartsList.value.length > 3) {
newChartsList.value = chartsList.value.slice(3).concat();
} else {
newChartsList.value = chartsList.value;
}
console.log(tableLastName.value, 'tablelastname')
};
const itemFun = (index, item) => {
itemIndex.value = index;
if (item.value == 'annual') {
chartsList.value = allChartsList.value.annual ? allChartsList.value.annual.list : [];
myselfObj.value = allChartsList.value.annual ? allChartsList.value.annual.self : {};
if (tableLastName.value.includes('学习时长')) {
chartsList.value.forEach(item => item.score = item.annlStdyTmLen);
myselfObj.value.score = myselfObj.value.annlStdyTmLen;
} else if (tableLastName.value == '练习次数') {
chartsList.value.forEach(item => item.score = item.annlPractCnt);
myselfObj.value.score = myselfObj.value.annlPractCnt;
} else if (tableLastName.value == '考试次数') {
chartsList.value.forEach(item => item.score = item.annlExamCnt);
myselfObj.value.score = myselfObj.value.annlExamCnt;
} else if (tableLastName.value == '通关课程数') {
chartsList.value.forEach(item => item.score = item.annlCrsCnt);
myselfObj.value.score = myselfObj.value.annlCrsCnt;
}
} else if (item.value == 'month') {
chartsList.value = allChartsList.value.month ? allChartsList.value.month.list : [];
myselfObj.value = allChartsList.value.month ? allChartsList.value.month.self : {};
if (tableLastName.value == '学习时长') {
chartsList.value.forEach(item => item.score = item.thisMonthStdyTmLen);
myselfObj.value.score = myselfObj.value.thisMonthStdyTmLen;
} else if (tableLastName.value == '练习次数') {
chartsList.value.forEach(item => item.score = item.thisMonthPractCnt);
myselfObj.value.score = myselfObj.value.thisMonthPractCnt;
} else if (tableLastName.value == '考试次数') {
chartsList.value.forEach(item => item.score = item.thisMonthExamCnt);
myselfObj.value.score = myselfObj.value.thisMonthExamCnt;
} else if (tableLastName.value == '通关课程数') {
chartsList.value.forEach(item => item.score = item.thisMonthCrsCnt);
myselfObj.value.score = myselfObj.value.thisMonthCrsCnt;
}
} else if (item.value == 'week') {
chartsList.value = allChartsList.value.week ? allChartsList.value.week.list : [];
myselfObj.value = allChartsList.value.week ? allChartsList.value.week.self : {};
if (tableLastName.value == '学习时长') {
chartsList.value.forEach(item => item.score = item.thisWeekStdyTmLen);
myselfObj.value.score = myselfObj.value.thisWeekStdyTmLen;
} else if (tableLastName.value == '练习次数') {
chartsList.value.forEach(item => item.score = item.thisWeekPractCnt);
myselfObj.value.score = myselfObj.value.thisWeekPractCnt;
} else if (tableLastName.value == '考试次数') {
chartsList.value.forEach(item => item.score = item.thisWeekExamCnt);
myselfObj.value.score = myselfObj.value.thisWeekExamCnt;
} else if (tableLastName.value == '通关课程数') {
chartsList.value.forEach(item => item.score = item.thisWeekCrsCnt);
myselfObj.value.score = myselfObj.value.thisWeekCrsCnt;
}
}
}
onMounted(() => {
//挡板数据代码
// let tempList = {
// annual: [{
// userName: "江心",
// score: 94,
// dept: "吉林银行吉林分行",
// userId: "USER001",
// imgAddr: "/static/images/charts/avator.png"
// },
// {
// userName: "李婉儿",
// score: 98,
// dept: "吉林银行吉林分行"
// },
// {
// userName: "百里里",
// score: 88,
// dept: "吉林银行吉林分行"
// },
// {
// userName: "黎明",
// score: 94,
// dept: "吉林银行吉林分行",
// imgAddr: "/static/images/charts/avator.png"
// },
// {
// userName: "张伟",
// score: 91,
// dept: "吉林银行吉林分行"
// },
// {
// userName: "俞小凡",
// score: 89,
// dept: "吉林银行吉林分行",
// imgAddr: "/static/images/charts/avator.png"
// },
// {
// userName: "黎明",
// score: 94,
// dept: "吉林银行吉林分行"
// },
// {
// userName: "张伟",
// score: 91,
// dept: "吉林银行吉林分行"
// },
// {
// userName: "俞小凡",
// score: 89,
// dept: "吉林银行吉林分行"
// },
// {
// userName: "江月心",
// score: 10,
// dept: "吉林银行吉林分行"
// }
// ]
// }
// learnTimeList.value = tempList;
// allChartsList.value = learnTimeList.value;
// chartsList.value = tempList.annual;
// console.log(chartsList.value, '1111111')
// chartsList.value.score = learnTimeList.value.annual.annlStdyTmLen;
// console.log(chartsList.value, '222222')
// myselfObj.value = chartsList.value.filter(item => item.userId == userId)
// console.log(myselfObj.value, '3333')
// if (chartsList.value.length > 3) {
// newChartsList.value = chartsList.value.slice(3).concat();
// } else {
// newChartsList.value = chartsList.value;
// }
// console.log(learnTimeList.value, 'learnTimeList')
//挡板数据代码
console.log(myselfObj.value,'78787878')
getLeaderBoardStdyTmApi().then(res => {
console.log(res, 'getLeaderBoardStdyTmApi')
learnTimeList.value = res.body || [];
allChartsList.value = learnTimeList.value;
chartsList.value = allChartsList.value.annual?allChartsList.value.annual.list:[];
myselfObj.value = allChartsList.value.annual?allChartsList.value.annual.self:{};
// chartsList.value[0].dept = "吉林银行吉林分行"
// myselfObj.value.dept = "吉林银行吉林分行"
console.log(chartsList.value,'chartsList.value')
console.log(myselfObj.value,myselfObj.value,'myselfObj.value')
chartsList.value.forEach(item => item.score = item.annlStdyTmLen);
myselfObj.value.score = myselfObj.value.annlStdyTmLen;
if (chartsList.value.length > 3) {
newChartsList.value = chartsList.value.slice(3).concat();
} else {
newChartsList.value = chartsList.value;
}
console.log(newChartsList.value, 'newChartsList')
})
getLeaderBoardPractCntApi().then(res => {
console.log(res, 'getLeaderBoardPractCntApi')
practCntList.value = res.body || [];
console.log(practCntList.value, 'practCntList')
})
getLeaderBoardExamCntApi().then(res => {
console.log(res, 'getLeaderBoardExamCntApi')
examCntList.value = res.body || [];
console.log(examCntList.value, 'examCntList')
})
getLeaderBoardCrsCntApi().then(res => {
console.log(res, 'getLeaderBoardCrsCntApi')
crsCntList.value = res.body || [];
console.log(crsCntList.value, 'crsCntList')
})
})
</script>
<style lang="scss" scoped>
$bg-margin-left: 50rpx;
.my_tabs {
// 解决这个圆角的图片，开穿透
:deep(.uv-tabs__wrapper__nav__line) {
height: 26rpx !important;
left: 70rpx;
background-size: 28rpx !important;
background-repeat: no-repeat !important;
}
}
.detail-body {
background: #ffffff;
border-radius: 15rpx;
z-index: 101;
overflow: hidden;
.body-tab {
height: 88rpx;
border-bottom: 1rpx solid #BBBBBB;
}
.body-tabs {
width: 100%;
height: 99rpx;
line-height: 96rpx;
border-bottom: 1rpx solid #BBBBBB;
}
}
.detail-main {
background-color: #F6F8FF;
overflow: hidden;
}
.title {
color: #000000;
font-size: 34rpx;
height: 34rpx;
font-weight: 600;
line-height: 34rpx;
}
.fixed_search_div {
padding: calc(20rpx + var(--status-bar-height)) 15rpx 24rpx 30rpx;
display: flex;
align-items: center;
display: flex;
align-items: center;
justify-content: center;
background-color: #fff;
.back_div {
position: absolute;
left: 20rpx;
padding: 10rpx;
.back-icon {
position: relative;
width: 50rpx;
height: 50rpx;
cursor: pointer;
display: flex;
align-items: center;
}
.back-icon::before,
.back-icon::after {
content: '';
position: absolute;
transition: all 0.3s ease;
}
.back-icon::after {
top: 25%;
left: 25%;
width: 40%;
height: 40%;
border-top: 4rpx solid #000000;
border-left: 4rpx solid #000000;
transform: rotate(-45deg);
}
}
}
.date-body {
height: 114rpx;
line-height: 114rpx;
}
.date-sty {
margin-left: 32rpx;
height: 60rpx;
line-height: 60rpx;
display: inline-block;
.date-item-sty {
display: inline-block;
width: 56rpx;
height: 60rpx;
line-height: 60rpx;
color: #040404;
text-align: center;
font-size: 28rpx;
margin-left: 42rpx;
margin-right: 42rpx;
}
.active-date-item-sty {
display: inline-block;
width: 140rpx;
height: 60rpx;
color: #FFFFFF;
text-align: center;
font-size: 28rpx;
border-radius: 38rpx;
background-color: #4080FF;
}
}
// 墨刀样式
// .tabs-sty{
// font-size: 28rpx;
// font-weight: 600;
// display: flex;
// flex-direction: row;
// align-items: center;
// justify-content: center;
// position: relative;
// }
// .tabs-item-sty{
// width: 25%;
// text-align: center;
// height: 100rpx;
// justify-content: center;
// }
// .active-tabs-item-sty{
// color: #2572F0;
// width: 25%;
// text-align: center;
// background-color: #E6F7FF;
// border-bottom: 2px solid #2572F0;
// }
// 蓝湖样式
.tabs-sty {
font-size: 28rpx;
font-weight: 600;
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
position: relative;
}
.tabs-item-sty {
color: #999999;
font-weight: 500;
width: 25%;
text-align: center;
height: 100rpx;
}
.active-tabs-item-sty {
position: relative;
font-size: 30rpx;
color: #333333;
font-weight: 600;
width: 25%;
text-align: center;
}
.active-tabs-item-sty::after {
content: "";
position: absolute;
width: 90rpx;
height: 1rpx;
border-bottom: 4rpx solid #4080FF;
top: 91rpx;
left: 25%;
}
.uni-table th {
border: none;
}
.uni-table td {
// border: none;
}
.rank-style {
width: 100%;
.rank-top3 {
background-color: #FFFFFF;
padding: 0 32rpx 36rpx;
display: flex;
justify-content: space-between;
.rank-content {
text-align: center;
border-radius: 32rpx;
padding-top: 24rpx;
position: relative;
.crown1 {
width: 32rpx;
height: 24rpx;
position: absolute;
top: 10rpx;
left: 130rpx;
}
.crown2 {
width: 32rpx;
height: 24rpx;
position: absolute;
top: 10rpx;
left: 140rpx;
}
.crown3 {
width: 32rpx;
height: 24rpx;
position: absolute;
top: 16rpx;
left: 130rpx;
}
.top-avator {
width: 158rpx;
height: 158rpx;
}
.content1 {
font-size: 28rpx;
color: #737FA6;
font-weight: 500;
}
.content11 {
font-size: 28rpx;
color: #AFA455;
font-weight: 500;
}
.content111 {
font-size: 28rpx;
color: #B07653;
font-weight: 500;
}
.content2 {
font-size: 32rpx;
color: #000000;
font-weight: 700;
}
.content3 {
font-size: 28rpx;
color: #436197;
font-weight: 600;
}
.content33 {
font-size: 28rpx;
color: #986C1A;
font-weight: 600;
}
.content333 {
font-size: 28rpx;
color: #8A4815;
font-weight: 600;
}
.content4 {
font-size: 24rpx;
color: #6682B7;
font-weight: 400;
width: 158rpx;
margin: 0 auto;
}
.content44 {
font-size: 24rpx;
color: #986C1A;
font-weight: 400;
width: 158rpx;
margin: 0 auto;
}
.content444 {
font-size: 24rpx;
color: #986C1A;
font-weight: 400;
width: 158rpx;
margin: 0 auto;
}
}
.rank-content-backgound-color1 {
margin-top: 32rpx;
width: 206rpx;
height: 418rpx;
background-color: #E8F3FF;
}
.rank-content-backgound-color2 {
width: 220rpx;
height: 432rpx;
background: linear-gradient(180deg, #FEEFB7 0%, #FADB66 100%);
}
.rank-content-backgound-color3 {
margin-top: 42rpx;
width: 206rpx;
height: 418rpx;
background: linear-gradient(180deg, #FCDAB7 0%, #F9B16C 100%);
}
}
}
.rank-other {
width: 100%;
:deep(.uni-table) {
min-width: 0 !important;
}
.rank-uni-sty {
font-weight: 400;
font-size: 26rpx;
color: #999999;
}
.rank-other-rank-sty {
width: 20%;
text-align: center;
}
.rank-other-user-sty {
width: 50%;
}
.rank-other-last-sty {
width: 30%;
text-align: center;
}
.rank-sty {
font-size: 40rpx;
font-weight: 600;
color: #333333;
}
.active-rank-sty {
font-size: 40rpx;
font-weight: 600;
color: #0066FF;
}
.score-sty {
font-size: 32rpx;
font-weight: 600;
color: #333333;
}
.score-sty-footer {
width: 30%;
text-align: center;
margin-top: 15rpx
}
.avator {
width: 80rpx;
height: 80rpx;
float: left;
}
.name {
font-size: 30rpx;
font-weight: 600;
text-align: left;
color: #000000;
}
.active-name {
font-size: 30rpx;
font-weight: 600;
text-align: left;
color: #0066FF;
}
.belong {
font-size: 26rpx;
text-align: left;
font-weight: 400;
color: #999999;
}
:deep(.uni-table-th-content) {
font-weight: 400;
font-size: 26rpx;
color: #999999;
}
}
.rank-mine {
width: 100%;
height: 176rpx;
background-color: #f5f9ff !important;
box-shadow: 0rpx 1rpx 0rpx 0rpx #EFEFEF;
position: fixed;
bottom: 0;
.rank-mine-content {
width: 100%;
margin-left: 46rpx;
margin-top: 14rpx;
.my-avator {
width: 80rpx;
height: 80rpx;
float: left;
margin-right: 18rpx;
}
}
:deep(.uni-list-item__container) {
align-items: center;
height: 100%;
}
.my-rank-title {
position: absolute;
width: 20%;
top: 16rpx;
left: 32rpx;
text-align: center;
font-size: 26rpx;
font-weight: 400;
color: #999999;
}
.my-rank-content {
width: 20%;
text-align: center;
font-size: 40rpx;
color: #0066FF;
font-style: italic;
font-weight: 600;
margin-top: 15rpx
}
.my-rank-name {
font-size: 30rpx;
font-weight: 600;
color: #000000;
text-align: left;
}
.my-rank-belong {
font-size: 26rpx;
font-weight: 400;
color: #999999;
}
.my-rank-score {
width: 30%;
text-align: center;
font-size: 32rpx;
text-align: center;
color: #333333;
font-weight: 600;
margin-top: 15rpx;
}
}
</style>
src/pages/course/components/talkingItem.vue
+16 -2
View File
@@ -19,10 +19,11 @@
<text class="talking-text" v-if="[3, 5, 6].indexOf(type) >= 0 && !dataInfo.isLoading">
{{ showContent }}
</text>
<text class="talking-text" v-if="[4].indexOf(type) >= 0">
<text class="talking-text" v-if="[4].indexOf(type) >= 0 && dataInfo.qnsTyp === 'ES'">
<!-- 请您思考并作答:<br> -->
{{ showContent }}
</text>
<RadioSubject v-if="[4].indexOf(type) >= 0 && dataInfo.qnsTyp !== 'ES'" :item="dataInfo" :mode="mode" @subject_click="subject_click" />
<view v-if="type === 3" style="overflow: hidden;">
<ImagePreview class="cont-img-box" v-if="(dataInfo.imageAddrs||[]).length>0" :imgId="dataInfo.imageAddrs[0]" :previewDetail="true"></ImagePreview>
<VideoPreview class="cont-img-box" v-if="(dataInfo.vidoAddrs||[]).length>0" :fileId="dataInfo.vidoAddrs[0]"></VideoPreview>
@@ -199,6 +200,8 @@ import { getUserInfo } from '@/common/common';
import { useStorageStore } from "@/store/storage.js"
import { onUnload } from '@dcloudio/uni-app'
import RadioSubject from '@/components/examination/radio-subject.vue'
const storageStore = useStorageStore()
const audioCacheObj = computed(() => storageStore.audioObj)
const props = defineProps({
@@ -249,13 +252,15 @@ const audioCacheObj = computed(() => storageStore.audioObj)
})
const { type, dataInfo, activeVoiceId, isPlaying, isLast, lastQuestionInfo, teacherInfo} = toRefs(props)
const emit = defineEmits(['changePlay', 'nextQuestion', 'withdraw', 'finishQuestion'])
const emit = defineEmits(['changePlay', 'nextQuestion', 'withdraw', 'finishQuestion', 'answerQuestion'])
// 声音播放初始化
const talkVoiceObj = ref(uni.createInnerAudioContext())
talkVoiceObj.value.playbackRate = Number(props.voiceRate)
const userInfo = computed(() => getUserInfo())
const itemVoice = ref('')
const mode = ref('study') // 考试 examination 练习practice 学习study
const showWithdraw = computed(()=>{
let _isMe = unref(lastQuestionInfo).qstLogId === unref(dataInfo).qstLogId
let _isQuestion = unref(lastQuestionInfo).isQuestion
@@ -316,6 +321,7 @@ const audioCacheObj = computed(() => storageStore.audioObj)
return str.replace(/\/n/g,"\n")
}
const voiceTime = ref('')
const itemInfo = ref({})
onMounted(()=>{
console.log()
initVoice()
@@ -504,6 +510,13 @@ const audioCacheObj = computed(() => storageStore.audioObj)
const finishQuestion = (data) => {
emit('finishQuestion',data)
}
// 答题 选择
const subject_click = (type,data) => {
if(type === 'answer'){
emit('answerQuestion', data)
}
}
</script>
<style lang="scss">
@@ -546,6 +559,7 @@ const audioCacheObj = computed(() => storageStore.audioObj)
background-color: #fff;
overflow: hidden;
padding-bottom: 30rpx;
width: 100%;
&.talking-info-less{
float: left;
min-width: 400rpx;
src/pages/course/study.vue
+9 -1
View File
@@ -73,6 +73,7 @@
@changePlay="changePlayItemId"
@nextQuestion="nextQuestionSuccess"
@withdraw="withdrawNow"
@answerQuestion="answerQuestionNow"
@finishQuestion="finishQuestionNow"
:id="'item' + item.id"
:isLast="talkingList.length === (index+1)"
@@ -440,6 +441,7 @@ const getQuestionInfoUnStudy = (pgrphId) => {
}).finally(() => {})
return
}
console.log(_body.chatBody)
if(_body.chatBody && _body.chatBody?.stdyStat !== 'N'){
let _id = new Date().getTime() + 'id'
lastTalkingInfo.value = {
@@ -454,8 +456,11 @@ const getQuestionInfoUnStudy = (pgrphId) => {
type: 4,
userInfo: {...choiceTeacherInfo.value},
id: _id,
isQuestion: true
isQuestion: true,
my_answer:[],
backend_answer: []
}
console.log(lastTalkingInfo.value)
talkingList.value.push(JSON.parse(JSON.stringify(lastTalkingInfo.value)))
qstLogId.value = _body.chatBody?.qstLogId
scrollToBottomNow()
@@ -827,6 +832,9 @@ const withdrawNow = (data) => {
})
}
const loadingQstLogId = ref('')
const answerQuestionNow = (data) => {
console.log(data,1111111111)
}
// 完成
const finishQuestionNow = (data) => {
textChartApi({
src/pages/me/index.vue
+1 -2
View File
@@ -111,8 +111,7 @@
<uv-cell-group :border="false">
<uv-cell title="消息通知" :isLink="true" @click="common.navigateTo('/pages/messageNotification/index')"></uv-cell>
<uv-cell title="我的收藏" :isLink="true" @click="common.navigateTo('/pages/favorites/index')"></uv-cell>
<uv-cell title="排行榜" :isLink="true" :clickable="false" :border="false"
@click="common.navigateTo('/pages/me/preview')"></uv-cell>
<uv-cell title="排行榜" :isLink="true" @click="common.navigateTo('/pages/charts/index')"></uv-cell>
<uv-cell title="我的预览" :isLink="true" :clickable="false" :border="false"
@click="common.navigateTo('/pages/preview/index')"></uv-cell>
</uv-cell-group>