|
@@ -1,60 +1,68 @@
|
|
|
<template>
|
|
|
<view class="page_view">
|
|
|
<top-return :color="'#FFF'" text="评测列表"></top-return>
|
|
|
- <!-- 骨架页
|
|
|
- <view style="margin:140rpx 20rpx 20rpx 20rpx; z-index: 9;">
|
|
|
- <u-skeleton :rows="examData.length" rowsHeight="200px" :title="false" :loading="loading">
|
|
|
- </u-skeleton>
|
|
|
- </view> -->
|
|
|
|
|
|
<view class="bg_card"></view>
|
|
|
|
|
|
<!-- 页面标题内容 -->
|
|
|
<view class="flex_cloumn">
|
|
|
<view class="flex_baseline">
|
|
|
- <view class="content_title" style="font-size: 60rpx;">{{dayTime.split('月')[0]}}</view>
|
|
|
+ <view class="content_title" style="font-size: 70rpx;">{{dayTime.split('月')[0]}}</view>
|
|
|
<view class="content_title" style="margin-left: 10rpx;">月</view>
|
|
|
- <view class="content_title" style="font-size: 60rpx; margin-left: 10rpx;">{{dayTime.split('月')[1]}}
|
|
|
+ <view class="content_title" style="font-size: 70rpx; margin-left: 10rpx;">{{dayTime.split('月')[1]}}
|
|
|
</view>
|
|
|
<view class="content_title" style="margin-left: 10rpx;">日</view>
|
|
|
- <view class="content_title" style="font-size: 40rpx;margin-left: 20rpx;">完成率</view>
|
|
|
- <view class="content_title" style="margin-left: 10rpx;font-size: 60rpx;">{{value}}%</view>
|
|
|
+ <view class="content_title" style="font-size: 40rpx;margin-left: 20rpx;">已完成</view>
|
|
|
+ <view class="content_title" style="margin-left: 10rpx;font-size: 70rpx;">{{value}}%</view>
|
|
|
</view>
|
|
|
<view class="flex_baseline">
|
|
|
<view class="content_subtitle" style="opacity: 0.8;">孩子今日共</view>
|
|
|
- <view class="content_subtitle" style="margin-left: 20rpx;font-size: 40rpx;transform: skew(-10deg);">
|
|
|
+ <view class="content_subtitle" style="margin-left: 20rpx;font-size: 60rpx;">
|
|
|
{{examData.length}}
|
|
|
</view>
|
|
|
<view class="content_subtitle" style="margin-left: 20rpx;opacity: 0.8;">例评测</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
+
|
|
|
<!-- 卡片内容 -->
|
|
|
<view class="card_view">
|
|
|
- <view class="card_item" style="width: 100%;" v-for="(item,index) in examData" :key="index"
|
|
|
- @click="navExamData(index)">
|
|
|
- <view class="card_title">
|
|
|
- <view class="front_tag" style="height: 40rpx;"></view>
|
|
|
- <view class="title" style="font-size: 36rpx;">{{item.examInfo.name}}</view>
|
|
|
+
|
|
|
+<!-- <view style="margin: -88rpx 0 20rpx auto;">
|
|
|
+ <u-tabs :list="tabList" lineWidth="30" lineColor="#ff8caf" :activeStyle="{
|
|
|
+ color: '#FFF',
|
|
|
+ fontWeight: 'bold',
|
|
|
+ transform: 'scale(1.07)'
|
|
|
+ }" :inactiveStyle="{
|
|
|
+ color: 'rgb(255,255,255,0.8)',
|
|
|
+ transform: 'scale(1)'
|
|
|
+ }" itemStyle="padding-left: 10px; padding-right: 10px; height: 34px;"></u-tabs>
|
|
|
+ </view> -->
|
|
|
+
|
|
|
+ <view class="card_item" style="width: 100%;" v-for="(item,index) in examData" :key="index" @click="navExamData(index)">
|
|
|
+ <view class="card_title" style="padding: 40rpx;height: 40rpx;">
|
|
|
+ <view class="t-icon t-icon-examicon" style="height: 40rpx;width: 40rpx;margin-right: 10rpx;">
|
|
|
+ </view>
|
|
|
+ <view class="YS_title" style="font-size: 45rpx;">{{item.examInfo.name}}</view>
|
|
|
<view
|
|
|
:class="item.examInfo.progress === 'finish'?'t-icon t-icon-yiwancheng1':'t-icon t-icon-jinhangzhong'"
|
|
|
- style="position: absolute; width: 100rpx; height: 100rpx;margin-left: 570rpx;margin-top: 50rpx;">
|
|
|
+ style="width: 55px;height: 55px;margin-left: auto;margin-right: -20rpx;">
|
|
|
</view>
|
|
|
</view>
|
|
|
- <view class="cloumn">
|
|
|
+ <view class="cloumn" style="margin: 0 40rpx 40rpx 40rpx;">
|
|
|
<view class="flex_row">
|
|
|
- <view class="tag">
|
|
|
+ <view class="tag_fill" :style="{backgroundColor: item.examInfo.progress === 'finish'? '#23b46c': '#ff8caf' }">
|
|
|
<view class="tag_text">{{item.examInfo.subjects[0].name}}</view>
|
|
|
</view>
|
|
|
- <view class="tag" style="margin-left: 20rpx;">
|
|
|
+ <view class="tag_fill" style="margin-left: 20rpx;" :style="{backgroundColor: item.examInfo.progress === 'finish'? '#23b46c': '#ff8caf' }">
|
|
|
<view class="tag_text">{{item.examInfo.examType.name}}</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
<view class="flex_baseline" style="margin-top: 20rpx;">
|
|
|
<view class="subtitle">布置老师:</view>
|
|
|
- <view class="title" style="margin-left: 20rpx; font-size: 30rpx;">{{item.examInfo.creatorId}}
|
|
|
+ <view class="YS_title" style="margin-left: 10rpx;">{{item.examInfo.creatorId}}
|
|
|
</view>
|
|
|
- <view class="subtitle" style="margin-left: 20rpx;">截至时间:</view>
|
|
|
- <view class="title" style="margin-left: 20rpx; font-size: 30rpx;">
|
|
|
+ <view class="subtitle" style="margin-left: 20rpx;">截止时间:</view>
|
|
|
+ <view class="YS_title" style="margin-left: 10rpx;">
|
|
|
{{$timeStampToTime(item.examInfo.endTime)}}
|
|
|
</view>
|
|
|
</view>
|
|
@@ -62,7 +70,7 @@
|
|
|
|
|
|
<view class="content_box">
|
|
|
<view class="title_box"
|
|
|
- :style="{backgroundColor: item.examInfo.progress === 'finish'? '#23b46c': '#4169E1' }">
|
|
|
+ :style="{backgroundColor: item.examInfo.progress === 'finish'? '#23b46c': '#ff8caf' }">
|
|
|
<view class="title_text">{{item.examInfo.papers[0].name}}</view>
|
|
|
</view>
|
|
|
<view class="content_detail"></view>
|
|
@@ -84,6 +92,11 @@
|
|
|
},
|
|
|
data() {
|
|
|
return {
|
|
|
+ // tabList: [{
|
|
|
+ // name: '已完成'
|
|
|
+ // }, {
|
|
|
+ // name: '未完成'
|
|
|
+ // }],
|
|
|
value: '',
|
|
|
dayTime: ''
|
|
|
}
|
|
@@ -108,15 +121,8 @@
|
|
|
font-size: 26rpx;
|
|
|
}
|
|
|
|
|
|
- .tag {
|
|
|
- border-radius: 6rpx;
|
|
|
- border: 1rpx solid $color-blue;
|
|
|
- padding: 5rpx 16rpx;
|
|
|
-
|
|
|
- .tag_text {
|
|
|
- font-size: 22rpx;
|
|
|
- color: $color-blue;
|
|
|
- }
|
|
|
+ .tag_fill {
|
|
|
+ background-color: $color-pink;
|
|
|
}
|
|
|
|
|
|
.content_box {
|
|
@@ -130,7 +136,7 @@
|
|
|
top: -20rpx;
|
|
|
width: fit-content;
|
|
|
height: 36rpx;
|
|
|
- border-radius: 10rpx;
|
|
|
+ border-radius: 6rpx;
|
|
|
padding: 5rpx 20rpx;
|
|
|
|
|
|
.title_text {
|
|
@@ -160,16 +166,16 @@
|
|
|
justify-content: space-around;
|
|
|
|
|
|
.content_title {
|
|
|
- font-size: 35rpx;
|
|
|
- font-weight: bold;
|
|
|
- transform: skew(-10deg);
|
|
|
+ font-size: 40rpx;
|
|
|
+ font-family: YSfont;
|
|
|
color: #FFF;
|
|
|
z-index: 2;
|
|
|
text-shadow: 1px -1px 0px #c0c0c0, 2px -2px 0px #b0b0b0, 1px -1px 0px #a0a0a0, 2px -2px 0px #909090;
|
|
|
}
|
|
|
|
|
|
.content_subtitle {
|
|
|
- font-size: 35rpx;
|
|
|
+ font-size: 40rpx;
|
|
|
+ font-family: YSfont;
|
|
|
color: #FFF;
|
|
|
z-index: 2;
|
|
|
}
|