|
@@ -5,12 +5,12 @@
|
|
<view class="module-container">
|
|
<view class="module-container">
|
|
<view style="margin: 0 20rpx;">
|
|
<view style="margin: 0 20rpx;">
|
|
<u-tabs :list="list" :current="current" @change="changeModule"
|
|
<u-tabs :list="list" :current="current" @change="changeModule"
|
|
- :activeStyle="{color: '#5b7cff',fontWeight: 'bold',transform: 'scale(1.08)',}"
|
|
|
|
- :inactiveStyle="{fontWeight: 'bold',transform: 'scale(1)'}" lineColor="#5b7cff" lineWidth="60">
|
|
|
|
|
|
+ :activeStyle="{color: '#3c9cff',fontWeight: 'bold',transform: 'scale(1.08)',}"
|
|
|
|
+ :inactiveStyle="{fontWeight: 'bold',transform: 'scale(1)'}" lineColor="#3c9cff" lineWidth="60">
|
|
</u-tabs>
|
|
</u-tabs>
|
|
</view>
|
|
</view>
|
|
|
|
|
|
- <view class="module-box" v-for="(item,index) in card" :key="index" v-if="current == index">
|
|
|
|
|
|
+ <view class="module-box" v-for="(item,index) in pageData" :key="index" v-if="current == index">
|
|
<!-- 详情头部卡片 -->
|
|
<!-- 详情头部卡片 -->
|
|
<view class="card" :style="{backgroundColor: `${item.color}`}">
|
|
<view class="card" :style="{backgroundColor: `${item.color}`}">
|
|
<view class="box">
|
|
<view class="box">
|
|
@@ -20,12 +20,11 @@
|
|
</view>
|
|
</view>
|
|
<view class="box" style="margin: 10rpx 0 0 0;">
|
|
<view class="box" style="margin: 10rpx 0 0 0;">
|
|
<view class="flex">
|
|
<view class="flex">
|
|
- <text class="card-subtitle">{{item.name}}完成数量:</text>
|
|
|
|
- <text class="card-subtitle"
|
|
|
|
- style="margin-left: 20rpx;">{{item.detail.finishData.length}}</text>
|
|
|
|
|
|
+ <text class="card-subtitle">完成数量:</text>
|
|
|
|
+ <text class="card-subtitle" style="margin-left: 20rpx;">{{finishData.length}}</text>
|
|
</view>
|
|
</view>
|
|
<view class="flex">
|
|
<view class="flex">
|
|
- <text class="card-subtitle">{{item.name}}完成情况:</text>
|
|
|
|
|
|
+ <text class="card-subtitle">完成情况:</text>
|
|
<text class="card-subtitle" style="margin-left: 20rpx;">{{item.level}}</text>
|
|
<text class="card-subtitle" style="margin-left: 20rpx;">{{item.level}}</text>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
@@ -34,8 +33,7 @@
|
|
</view>
|
|
</view>
|
|
<!-- 中间标题 -->
|
|
<!-- 中间标题 -->
|
|
<view class="flex">
|
|
<view class="flex">
|
|
- <view class="cut-off">{{item.detail.nav}}</view>
|
|
|
|
- <!-- <u-button text="获得报表" :plain="true" :hairline="true" shape="circle" size="small"></u-button> -->
|
|
|
|
|
|
+ <view class="cut-off">{{item.name}}信息</view>
|
|
</view>
|
|
</view>
|
|
<!-- 列表 -->
|
|
<!-- 列表 -->
|
|
<view class="detail-box" v-if="current == index">
|
|
<view class="detail-box" v-if="current == index">
|
|
@@ -66,17 +64,17 @@
|
|
<!-- 完成列表展示所有已完成的评测作业和活动信息 -->
|
|
<!-- 完成列表展示所有已完成的评测作业和活动信息 -->
|
|
</view>
|
|
</view>
|
|
<view style="margin-bottom: 20rpx;">
|
|
<view style="margin-bottom: 20rpx;">
|
|
- <view class="block-box" v-for="(j,y) in item.detail.finishData" :key="y">
|
|
|
|
|
|
+ <view class="block-box" v-for="(item,index) in finishData" :key="index">
|
|
<view class="index" style="height: 100rpx;background-color: #00b894;"></view>
|
|
<view class="index" style="height: 100rpx;background-color: #00b894;"></view>
|
|
<view class="class-block" style="height: 100rpx;width: 90%;">
|
|
<view class="class-block" style="height: 100rpx;width: 90%;">
|
|
- <view class="block-title">{{j.name}}</view>
|
|
|
|
|
|
+ <view class="block-title">{{item.name}}</view>
|
|
<view class="block-subtitle">科目:</view>
|
|
<view class="block-subtitle">科目:</view>
|
|
<view class="block-tag-box">
|
|
<view class="block-tag-box">
|
|
- <view class="block-tag">{{j.subject}}</view>
|
|
|
|
|
|
+ <view class="block-tag">{{item.subject}}</view>
|
|
</view>
|
|
</view>
|
|
<view class="block-subtitle">布置老师:</view>
|
|
<view class="block-subtitle">布置老师:</view>
|
|
<view class="block-tag-box">
|
|
<view class="block-tag-box">
|
|
- <view class="block-tag">{{j.teacher}}</view>
|
|
|
|
|
|
+ <view class="block-tag">{{item.teacher}}</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
@@ -89,7 +87,8 @@
|
|
<view class="item-text">{{item.detail.title}}</view>
|
|
<view class="item-text">{{item.detail.title}}</view>
|
|
<!-- 详情列表展示(评测,活动或者作业)信息 -->
|
|
<!-- 详情列表展示(评测,活动或者作业)信息 -->
|
|
<view style="display: flex; align-items: center;margin: 0 10rpx 0 auto;">
|
|
<view style="display: flex; align-items: center;margin: 0 10rpx 0 auto;">
|
|
- <view class="t-icon t-icon-liebiao" style="width: 30rpx; height: 30rpx;" @click="navData"></view>
|
|
|
|
|
|
+ <view class="t-icon t-icon-liebiao" style="width: 30rpx; height: 30rpx;"
|
|
|
|
+ @click="navData"></view>
|
|
<view class="msg" @click="navData" style="color: #3C9CFF;">详情列表</view>
|
|
<view class="msg" @click="navData" style="color: #3C9CFF;">详情列表</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
@@ -139,209 +138,70 @@
|
|
}],
|
|
}],
|
|
//当前模块
|
|
//当前模块
|
|
current: 0,
|
|
current: 0,
|
|
- //时间戳
|
|
|
|
- timeStamp: '',
|
|
|
|
- //卡片内容
|
|
|
|
- card: [{
|
|
|
|
- name: '评测',
|
|
|
|
- level: '良好',
|
|
|
|
- color: '#0080ff;',
|
|
|
|
- image: 'https://ouch-cdn2.icons8.com/yFl5NWU3aVehLBlQf9ctvnZPqtm5U0hqM3IzWvFDCaQ/rs:fit:912:912/czM6Ly9pY29uczgu/b3VjaC1wcm9kLmFz/c2V0cy9wbmcvNzY5/LzY1ZTQxZmZjLTg1/YWQtNDYyMi1hYzU0/LWQ3NDEzZmY2NGI1/YS5wbmc.png',
|
|
|
|
- detail: {
|
|
|
|
- nav: '评测信息',
|
|
|
|
- title: '评测列表',
|
|
|
|
- data: [{
|
|
|
|
- name: '评测数据1',
|
|
|
|
- subject: '数学',
|
|
|
|
- teacher: '王老师',
|
|
|
|
- description: '这里是评测描述信息',
|
|
|
|
- content: '这里是评测详细信息。。。312323782109381029840917489012611'
|
|
|
|
- }, {
|
|
|
|
- name: '评测数据2',
|
|
|
|
- subject: '语文',
|
|
|
|
- teacher: '张老师',
|
|
|
|
- description: '这里是评测描述信息',
|
|
|
|
- content: '这里是评测详细信息。。。312323782109381029840917489012611'
|
|
|
|
- }, {
|
|
|
|
- name: '评测数据3',
|
|
|
|
- subject: '语文',
|
|
|
|
- teacher: '张老师',
|
|
|
|
- description: '这里是评测描述信息',
|
|
|
|
- content: '这里是评测详细信息。。。312323782109381029840917489012611'
|
|
|
|
- }, {
|
|
|
|
- name: '评测数据4',
|
|
|
|
- subject: '思品',
|
|
|
|
- teacher: '李老师',
|
|
|
|
- description: '这里是评测描述信息',
|
|
|
|
- content: '这里是评测详细信息。。。312323782109381029840917489012611'
|
|
|
|
- }, {
|
|
|
|
- name: '评测数据5',
|
|
|
|
- subject: '科学',
|
|
|
|
- teacher: '李老师',
|
|
|
|
- description: '这里是评测描述信息',
|
|
|
|
- content: '这里是评测详细信息。。。312323782109381029840917489012611'
|
|
|
|
- }],
|
|
|
|
-
|
|
|
|
-
|
|
|
|
- finishData: [{
|
|
|
|
- name: '评测数据1',
|
|
|
|
- subject: '数学',
|
|
|
|
- teacher: '王老师',
|
|
|
|
- }, {
|
|
|
|
- name: '评测数据2',
|
|
|
|
- subject: '语文',
|
|
|
|
- teacher: '张老师',
|
|
|
|
- }, {
|
|
|
|
- name: '评测数据3',
|
|
|
|
- subject: '语文',
|
|
|
|
- teacher: '张老师',
|
|
|
|
- }]
|
|
|
|
- }
|
|
|
|
- }, {
|
|
|
|
- name: '作业',
|
|
|
|
- level: '优秀',
|
|
|
|
- color: '#ff8caf;',
|
|
|
|
- image: 'https://ouch-cdn2.icons8.com/AVOwJ9emg_ZOeHvQaunQAZlgeLsG-b1cGhiYvgoJ06g/rs:fit:912:912/czM6Ly9pY29uczgu/b3VjaC1wcm9kLmFz/c2V0cy9wbmcvNTAw/LzI5YjU1YWQ4LWMw/YTEtNDE1MS1iYmQw/LWIyMDdhYmRkOTE0/Mi5wbmc.png',
|
|
|
|
- detail: {
|
|
|
|
- nav: '作业信息',
|
|
|
|
- title: '作业列表',
|
|
|
|
- data: [{
|
|
|
|
- name: '作业数据1',
|
|
|
|
- subject: '数学',
|
|
|
|
- teacher: '王老师',
|
|
|
|
- description: '这里是作业描述信息',
|
|
|
|
- content: '这里是作业详细信息。。1421312712987192371298739812733123'
|
|
|
|
- }, {
|
|
|
|
- name: '作业数据2',
|
|
|
|
- subject: '数学',
|
|
|
|
- teacher: '王老师',
|
|
|
|
- description: '这里是作业描述信息',
|
|
|
|
- content: '这里是作业详细信息。。1421312712987192371298739812733123'
|
|
|
|
- }, {
|
|
|
|
- name: '作业数据3',
|
|
|
|
- subject: '数学',
|
|
|
|
- teacher: '王老师',
|
|
|
|
- description: '这里是作业描述信息',
|
|
|
|
- content: '这里是作业详细信息。。1421312712987192371298739812733123'
|
|
|
|
- }],
|
|
|
|
-
|
|
|
|
- finishData: [{
|
|
|
|
- name: '作业数据1',
|
|
|
|
- subject: '数学',
|
|
|
|
- teacher: '王老师',
|
|
|
|
- }, {
|
|
|
|
- name: '作业数据2',
|
|
|
|
- subject: '数学',
|
|
|
|
- teacher: '王老师',
|
|
|
|
- }, {
|
|
|
|
- name: '作业数据3',
|
|
|
|
- subject: '数学',
|
|
|
|
- teacher: '王老师',
|
|
|
|
- }]
|
|
|
|
- }
|
|
|
|
- }, {
|
|
|
|
- name: '活动',
|
|
|
|
- level: '优秀',
|
|
|
|
- color: '#f9c752;',
|
|
|
|
- image: 'https://ouch-cdn2.icons8.com/LW70TMgW1cGfYeGNSTEp7__kiKVgIhwdZwUmykdLYMY/rs:fit:912:912/czM6Ly9pY29uczgu/b3VjaC1wcm9kLmFz/c2V0cy9wbmcvOTI0/LzU3MWU4ZDZkLTg0/NzEtNGM5YS04MDJk/LTEzNTM5YmZmZTM2/YS5wbmc.png',
|
|
|
|
- detail: {
|
|
|
|
- nav: '活动信息',
|
|
|
|
- title: '活动列表',
|
|
|
|
- data: [{
|
|
|
|
- name: '活动数据1',
|
|
|
|
- subject: '数学',
|
|
|
|
- teacher: '王老师',
|
|
|
|
- description: '这里是活动描述信息',
|
|
|
|
- content: '这里是活动详细信息。13312313122183081230128309128390281。'
|
|
|
|
- }, {
|
|
|
|
- name: '活动数据2',
|
|
|
|
- subject: '语文',
|
|
|
|
- teacher: '张老师',
|
|
|
|
- description: '这里是活动描述信息',
|
|
|
|
- content: '这里是活动详细信息。13312313122183081230128309128390281。'
|
|
|
|
- }, {
|
|
|
|
- name: '活动数据3',
|
|
|
|
- subject: '语文',
|
|
|
|
- teacher: '张老师',
|
|
|
|
- description: '这里是活动描述信息',
|
|
|
|
- content: '这里是活动详细信息。13312313122183081230128309128390281。'
|
|
|
|
- }, {
|
|
|
|
- name: '活动数据4',
|
|
|
|
- subject: '数学',
|
|
|
|
- teacher: '王老师',
|
|
|
|
- description: '这里是活动描述信息',
|
|
|
|
- content: '这里是活动详细信息2183081230128309128390281。。'
|
|
|
|
- }, {
|
|
|
|
- name: '活动数据5',
|
|
|
|
- subject: '数学',
|
|
|
|
- teacher: '王老师',
|
|
|
|
- description: '这里是活动描述信息',
|
|
|
|
- content: '这里是活动详细信息2183081230128309128390281。。'
|
|
|
|
- }, {
|
|
|
|
- name: '活动数据6',
|
|
|
|
- subject: '数学',
|
|
|
|
- teacher: '王老师',
|
|
|
|
- description: '这里是活动描述信息',
|
|
|
|
- content: '这里是活动详细信息2183081230128309128390281。。'
|
|
|
|
- }],
|
|
|
|
-
|
|
|
|
-
|
|
|
|
- finishData: [{
|
|
|
|
- name: '活动数据1',
|
|
|
|
- subject: '数学',
|
|
|
|
- teacher: '王老师',
|
|
|
|
- }, {
|
|
|
|
- name: '活动数据2',
|
|
|
|
- subject: '语文',
|
|
|
|
- teacher: '张老师',
|
|
|
|
- }, {
|
|
|
|
- name: '活动数据3',
|
|
|
|
- subject: '语文',
|
|
|
|
- teacher: '张老师',
|
|
|
|
- }, {
|
|
|
|
- name: '活动数据4',
|
|
|
|
- subject: '数学',
|
|
|
|
- teacher: '王老师',
|
|
|
|
- }, {
|
|
|
|
- name: '活动数据5',
|
|
|
|
- subject: '数学',
|
|
|
|
- teacher: '王老师',
|
|
|
|
- }]
|
|
|
|
- }
|
|
|
|
- }],
|
|
|
|
|
|
+ //页面数据内容
|
|
|
|
+ pageData: '',
|
|
|
|
+ //完成内容
|
|
|
|
+ finishData: [],
|
|
//历史数据
|
|
//历史数据
|
|
historyData: {
|
|
historyData: {
|
|
test: [90, 89, 98, 100, 50, 55, 60],
|
|
test: [90, 89, 98, 100, 50, 55, 60],
|
|
homework: [10, 29, 38, 60, 50, 88, 100],
|
|
homework: [10, 29, 38, 60, 50, 88, 100],
|
|
activity: [70, 19, 28, 40, 60, 100, 83]
|
|
activity: [70, 19, 28, 40, 60, 100, 83]
|
|
},
|
|
},
|
|
-
|
|
|
|
-
|
|
|
|
|
|
+ //时间戳
|
|
|
|
+ timeStamp: '',
|
|
};
|
|
};
|
|
},
|
|
},
|
|
|
|
+ watch: {
|
|
|
|
+ current() {
|
|
|
|
+ this.getFinishData()
|
|
|
|
+ }
|
|
|
|
+ },
|
|
onLoad(options) {
|
|
onLoad(options) {
|
|
- this.$getTimeStamp()
|
|
|
|
- this.saveToStudyChart()
|
|
|
|
- // let routes = getCurrentPages(); // 获取当前打开过的页面路由数组
|
|
|
|
- // let curParam = routes[routes.length - 1].options; //获取路由参数
|
|
|
|
- if(options.index)
|
|
|
|
- this.current = options.index
|
|
|
|
|
|
+ this.init()
|
|
|
|
+ if (options.index)
|
|
|
|
+ this.current = options.index
|
|
},
|
|
},
|
|
//刷新页面
|
|
//刷新页面
|
|
onPullDownRefresh() {
|
|
onPullDownRefresh() {
|
|
- this.$getTimeStamp()
|
|
|
|
- console.log('refresh');
|
|
|
|
|
|
+ this.init()
|
|
setTimeout(function() {
|
|
setTimeout(function() {
|
|
uni.stopPullDownRefresh();
|
|
uni.stopPullDownRefresh();
|
|
}, 1000);
|
|
}, 1000);
|
|
},
|
|
},
|
|
methods: {
|
|
methods: {
|
|
...mapMutations('m_chart', ['updateTestArea', 'updateHomeworkArea', 'updateActivityArea']),
|
|
...mapMutations('m_chart', ['updateTestArea', 'updateHomeworkArea', 'updateActivityArea']),
|
|
- ...mapMutations('m_children',['updateHomeworkDetail']),
|
|
|
|
|
|
+ ...mapMutations('m_children', ['updateHomeworkDetail']),
|
|
|
|
+ //初始化页面
|
|
|
|
+ init() {
|
|
|
|
+ this.$getTimeStamp()
|
|
|
|
+ this.$initHomework()
|
|
|
|
+ this.saveToStudyChart()
|
|
|
|
+ this.getLevel()
|
|
|
|
+ this.getFinishData()
|
|
|
|
+ },
|
|
//更改模块
|
|
//更改模块
|
|
changeModule(index) {
|
|
changeModule(index) {
|
|
this.current = index.index
|
|
this.current = index.index
|
|
},
|
|
},
|
|
|
|
+ //获得评判信息
|
|
|
|
+ getLevel() {
|
|
|
|
+ this.pageData[0].level = this.historyData.test[6] >= 40 ? (this.historyData.test[6] >= 70 ? '优秀' : '良好') :
|
|
|
|
+ '较差'
|
|
|
|
+ this.pageData[1].level = this.historyData.homework[6] >= 40 ? (this.historyData.homework[6] >= 70 ? '优秀' :
|
|
|
|
+ '良好') : '较差'
|
|
|
|
+ this.pageData[2].level = this.historyData.activity[6] >= 40 ? (this.historyData.activity[6] >= 70 ? '优秀' :
|
|
|
|
+ '良好') : '较差'
|
|
|
|
+ },
|
|
|
|
+ //获得完成数量
|
|
|
|
+ getFinishData() {
|
|
|
|
+ if (this.current === 0)
|
|
|
|
+ this.finishData = this.pageData[0].detail.data.filter(x => x.finish === true)
|
|
|
|
+ if (this.current === 1)
|
|
|
|
+ this.finishData = this.pageData[1].detail.data.filter(x => x.finish === true)
|
|
|
|
+ if (this.current === 2)
|
|
|
|
+ this.finishData = this.pageData[2].detail.data.filter(x => x.finish === true)
|
|
|
|
+ },
|
|
//记录到图表
|
|
//记录到图表
|
|
saveToStudyChart() {
|
|
saveToStudyChart() {
|
|
let temp = {
|
|
let temp = {
|
|
@@ -367,8 +227,9 @@
|
|
let activityDataTemp = JSON.parse(JSON.stringify(temp))
|
|
let activityDataTemp = JSON.parse(JSON.stringify(temp))
|
|
this.updateActivityArea(activityDataTemp)
|
|
this.updateActivityArea(activityDataTemp)
|
|
},
|
|
},
|
|
|
|
+ //导航到详情页面
|
|
navData() {
|
|
navData() {
|
|
- this.updateHomeworkDetail(this.card[this.current].detail.data)
|
|
|
|
|
|
+ this.updateHomeworkDetail(this.pageData[this.current].detail.data)
|
|
uni.navigateTo({
|
|
uni.navigateTo({
|
|
url: '/subpkg/homeworkdata/homeworkdata'
|
|
url: '/subpkg/homeworkdata/homeworkdata'
|
|
})
|
|
})
|
|
@@ -449,11 +310,11 @@
|
|
.detail-box {
|
|
.detail-box {
|
|
display: flex;
|
|
display: flex;
|
|
flex-flow: row wrap;
|
|
flex-flow: row wrap;
|
|
- margin: 20rpx;
|
|
|
|
|
|
+ margin: 20rpx 20rpx 0 20rpx;
|
|
justify-content: space-between;
|
|
justify-content: space-between;
|
|
|
|
|
|
.detail-box-item {
|
|
.detail-box-item {
|
|
- margin: 2% 0;
|
|
|
|
|
|
+ margin: 0 0 4% 0;
|
|
width: 100%;
|
|
width: 100%;
|
|
height: auto;
|
|
height: auto;
|
|
background-color: #FFF;
|
|
background-color: #FFF;
|