|
@@ -3,7 +3,7 @@
|
|
<!-- 头部区域 -->
|
|
<!-- 头部区域 -->
|
|
<top-box :timeStamp="timeStamp" />
|
|
<top-box :timeStamp="timeStamp" />
|
|
<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: '#4169E1',fontWeight: 'bold',transform: 'scale(1.08)',}"
|
|
:activeStyle="{color: '#4169E1',fontWeight: 'bold',transform: 'scale(1.08)',}"
|
|
:inactiveStyle="{fontWeight: 'bold',transform: 'scale(1)'}" lineColor="#4169E1" lineWidth="60">
|
|
:inactiveStyle="{fontWeight: 'bold',transform: 'scale(1)'}" lineColor="#4169E1" lineWidth="60">
|
|
@@ -20,10 +20,12 @@
|
|
</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">
|
|
|
|
+ <view class="index-box"></view>
|
|
<text class="card-subtitle">完成数量:</text>
|
|
<text class="card-subtitle">完成数量:</text>
|
|
<text class="card-subtitle" style="margin-left: 20rpx;">{{testFinish}}</text>
|
|
<text class="card-subtitle" style="margin-left: 20rpx;">{{testFinish}}</text>
|
|
</view>
|
|
</view>
|
|
<view class="flex">
|
|
<view class="flex">
|
|
|
|
+ <view class="index-box"></view>
|
|
<text class="card-subtitle">完成情况:</text>
|
|
<text class="card-subtitle">完成情况:</text>
|
|
<text class="card-subtitle" style="margin-left: 20rpx;">{{list[0].level}}</text>
|
|
<text class="card-subtitle" style="margin-left: 20rpx;">{{list[0].level}}</text>
|
|
</view>
|
|
</view>
|
|
@@ -40,10 +42,12 @@
|
|
</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">
|
|
|
|
+ <view class="index-box"></view>
|
|
<text class="card-subtitle">完成数量:</text>
|
|
<text class="card-subtitle">完成数量:</text>
|
|
<text class="card-subtitle" style="margin-left: 20rpx;">{{homeworkFinish}}</text>
|
|
<text class="card-subtitle" style="margin-left: 20rpx;">{{homeworkFinish}}</text>
|
|
</view>
|
|
</view>
|
|
<view class="flex">
|
|
<view class="flex">
|
|
|
|
+ <view class="index-box"></view>
|
|
<text class="card-subtitle">完成情况:</text>
|
|
<text class="card-subtitle">完成情况:</text>
|
|
<text class="card-subtitle" style="margin-left: 20rpx;">{{list[1].level}}</text>
|
|
<text class="card-subtitle" style="margin-left: 20rpx;">{{list[1].level}}</text>
|
|
</view>
|
|
</view>
|
|
@@ -60,10 +64,12 @@
|
|
</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">
|
|
|
|
+ <view class="index-box"></view>
|
|
<text class="card-subtitle">完成数量:</text>
|
|
<text class="card-subtitle">完成数量:</text>
|
|
<text class="card-subtitle" style="margin-left: 20rpx;">{{activityFinish}}</text>
|
|
<text class="card-subtitle" style="margin-left: 20rpx;">{{activityFinish}}</text>
|
|
</view>
|
|
</view>
|
|
<view class="flex">
|
|
<view class="flex">
|
|
|
|
+ <view class="index-box"></view>
|
|
<text class="card-subtitle">完成情况:</text>
|
|
<text class="card-subtitle">完成情况:</text>
|
|
<text class="card-subtitle" style="margin-left: 20rpx;">{{list[2].level}}</text>
|
|
<text class="card-subtitle" style="margin-left: 20rpx;">{{list[2].level}}</text>
|
|
</view>
|
|
</view>
|
|
@@ -71,19 +77,13 @@
|
|
</view>
|
|
</view>
|
|
<view class="image" :style="{backgroundImage:`url(${list[2].image})`}"></view>
|
|
<view class="image" :style="{backgroundImage:`url(${list[2].image})`}"></view>
|
|
</view>
|
|
</view>
|
|
- <!-- 中间标题 -->
|
|
|
|
- <view class="flex">
|
|
|
|
- <view class="cut-off" v-if="current == 0">评测信息</view>
|
|
|
|
- <view class="cut-off" v-if="current == 1">作业信息</view>
|
|
|
|
- <view class="cut-off" v-if="current == 2">活动信息</view>
|
|
|
|
- </view>
|
|
|
|
<!-- 列表 -->
|
|
<!-- 列表 -->
|
|
<view class="detail-box">
|
|
<view class="detail-box">
|
|
<!-- 图表模块 -->
|
|
<!-- 图表模块 -->
|
|
<view class="detail-box-item">
|
|
<view class="detail-box-item">
|
|
<view class="item-info">
|
|
<view class="item-info">
|
|
<view class="t-icon t-icon-ceping"></view>
|
|
<view class="t-icon t-icon-ceping"></view>
|
|
- <view class="item-text">近期完成率数据</view>
|
|
|
|
|
|
+ <view class="item-text">完成情况统计</view>
|
|
</view>
|
|
</view>
|
|
<view class="charts-box" v-if="current == 0">
|
|
<view class="charts-box" v-if="current == 0">
|
|
<qiun-data-charts type="fin-area" :chartData="assignment.testData" :loadingType="4"
|
|
<qiun-data-charts type="fin-area" :chartData="assignment.testData" :loadingType="4"
|
|
@@ -91,11 +91,11 @@
|
|
</view>
|
|
</view>
|
|
<view class="charts-box" v-if="current == 1">
|
|
<view class="charts-box" v-if="current == 1">
|
|
<qiun-data-charts type="fin-area" :chartData="assignment.homeworkData" :loadingType="4"
|
|
<qiun-data-charts type="fin-area" :chartData="assignment.homeworkData" :loadingType="4"
|
|
- :canvas2d='true' tooltipFormat='HomeworkPercent' canvasId='canvans0933511' />
|
|
|
|
|
|
+ :canvas2d='true' tooltipFormat='HomeworkPercent' canvasId='canvans0933511' :opts="{color:['#ff8caf']}"/>
|
|
</view>
|
|
</view>
|
|
<view class="charts-box" v-if="current == 2">
|
|
<view class="charts-box" v-if="current == 2">
|
|
<qiun-data-charts type="fin-area" :chartData="assignment.activityData" :loadingType="4"
|
|
<qiun-data-charts type="fin-area" :chartData="assignment.activityData" :loadingType="4"
|
|
- :canvas2d='true' tooltipFormat='HomeworkPercent' canvasId='canvans0531032' />
|
|
|
|
|
|
+ :canvas2d='true' tooltipFormat='HomeworkPercent' canvasId='canvans0531032' :opts="{color:['#f9c752']}"/>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<!-- 详情列表 -->
|
|
<!-- 详情列表 -->
|
|
@@ -111,23 +111,25 @@
|
|
</view>
|
|
</view>
|
|
<view style="margin-bottom: 20rpx;">
|
|
<view style="margin-bottom: 20rpx;">
|
|
<view class="block-box" v-for="(item,i) in testData" :key="i">
|
|
<view class="block-box" v-for="(item,i) in testData" :key="i">
|
|
- <view class="index" :style="{backgroundColor: item.examInfo.progress === 'finish'? '#23b46c':'#4169E1'} "></view>
|
|
|
|
|
|
+ <view class="index"
|
|
|
|
+ :style="{backgroundColor: item.examInfo.progress === 'finish'? '#23b46c':'#4169E1'}">
|
|
|
|
+ </view>
|
|
|
|
|
|
- <view class="class-block" style="width: 90%;">
|
|
|
|
|
|
+ <view class="class-block" style="width: 85%;">
|
|
<view style="width: 40%;">
|
|
<view style="width: 40%;">
|
|
<view class="list-item-title">{{item.examInfo.name}}</view>
|
|
<view class="list-item-title">{{item.examInfo.name}}</view>
|
|
</view>
|
|
</view>
|
|
|
|
|
|
<view style=" display: flex; justify-content: space-between; width: 50%;">
|
|
<view style=" display: flex; justify-content: space-between; width: 50%;">
|
|
- <view class="block-tag-box">
|
|
|
|
- <view class="block-tag">{{item.examInfo.subjects[0].name}}</view>
|
|
|
|
|
|
+ <view class="block-tag-box" :style="{borderColor: item.examInfo.progress === 'finish'? '#23b46c':'#4169E1'}">
|
|
|
|
+ <view class="block-tag" :style="{color: item.examInfo.progress === 'finish'? '#23b46c':'#4169E1'}">{{item.examInfo.subjects[0].name}}</view>
|
|
</view>
|
|
</view>
|
|
- <view class="block-tag-box">
|
|
|
|
- <view class="block-tag">{{item.examInfo.examType.name}}</view>
|
|
|
|
|
|
+ <view class="block-tag-box" :style="{borderColor: item.examInfo.progress === 'finish'? '#23b46c':'#4169E1'}">
|
|
|
|
+ <view class="block-tag" :style="{color: item.examInfo.progress === 'finish'? '#23b46c':'#4169E1'}">{{item.examInfo.examType.name}}</view>
|
|
</view>
|
|
</view>
|
|
- <view class="block-tag-box">
|
|
|
|
- <view class="block-tag">
|
|
|
|
- {{item.examInfo.progress === 'finish' ? '已完成' : (item.examInfo.progress === 'going' ? '进行中' : '待发布')}}
|
|
|
|
|
|
+ <view class="block-tag-box" :style="{borderColor: item.examInfo.progress === 'finish'? '#23b46c':'#4169E1'}">
|
|
|
|
+ <view class="block-tag" :style="{color: item.examInfo.progress === 'finish'? '#23b46c':'#4169E1'}">
|
|
|
|
+ {{item.examInfo.progress === 'finish' ? '已完成' : '进行中'}}
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
@@ -149,19 +151,21 @@
|
|
</view>
|
|
</view>
|
|
<view style="margin-bottom: 20rpx;">
|
|
<view style="margin-bottom: 20rpx;">
|
|
<view class="block-box" v-for="(item,i) in homeworkData" :key="i">
|
|
<view class="block-box" v-for="(item,i) in homeworkData" :key="i">
|
|
- <view class="index" :style="{backgroundColor: item.work.progress === 'finish'? '#23b46c':'#ff8caf'}" ></view>
|
|
|
|
- <view class="class-block" style="width: 90%;justify-content: flex-start;">
|
|
|
|
|
|
+ <view class="index"
|
|
|
|
+ :style="{backgroundColor: item.work.progress === 'finish'? '#23b46c':'#ff8caf'}">
|
|
|
|
+ </view>
|
|
|
|
+ <view class="class-block" style="width: 85%;justify-content: flex-start;">
|
|
<view style="display: flex; flex-direction: column;">
|
|
<view style="display: flex; flex-direction: column;">
|
|
|
|
|
|
<view style="display: flex;margin-left: 30rpx;align-items: center;">
|
|
<view style="display: flex;margin-left: 30rpx;align-items: center;">
|
|
<view class="list-item-title">{{item.work.name}}</view>
|
|
<view class="list-item-title">{{item.work.name}}</view>
|
|
- <view class="block-tag-box" style="margin-left: 40rpx;">
|
|
|
|
- <view class="block-tag">{{item.work.scope === 'private' ? '个人':'学校'}}作业
|
|
|
|
|
|
+ <view class="block-tag-box" :style="{marginLeft: 40+'rpx',borderColor: item.work.progress === 'finish'? '#23b46c':'#ff8caf'}">
|
|
|
|
+ <view class="block-tag" :style="{color: item.work.progress === 'finish'? '#23b46c':'#ff8caf'}">{{item.work.scope === 'private' ? '个人':'学校'}}作业
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
- <view class="block-tag-box" style="margin-left: 20rpx;">
|
|
|
|
- <view class="block-tag">
|
|
|
|
- {{item.work.progress === 'finish' ? '已完成' : (item.work.progress === 'going' ? '进行中' : '待发布')}}
|
|
|
|
|
|
+ <view class="block-tag-box" :style="{marginLeft: 20+'rpx',borderColor: item.work.progress === 'finish'? '#23b46c':'#ff8caf'}">
|
|
|
|
+ <view class="block-tag" :style="{color: item.work.progress === 'finish'? '#23b46c':'#ff8caf'}">
|
|
|
|
+ {{item.work.progress === 'finish' ? '已完成' : '进行中'}}
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
@@ -184,22 +188,24 @@
|
|
</view>
|
|
</view>
|
|
<view style="margin-bottom: 20rpx;">
|
|
<view style="margin-bottom: 20rpx;">
|
|
<view class="block-box" v-for="(item,i) in activityData" :key="i">
|
|
<view class="block-box" v-for="(item,i) in activityData" :key="i">
|
|
- <view class="index" :style="{ backgroundColor: item.survey.progress === 'finish' || item.vote.progress === 'finish'? '#23b46c':'#f9c752'}" ></view>
|
|
|
|
- <view class="class-block" style="width: 90%;justify-content: flex-start;">
|
|
|
|
|
|
+ <view class="index"
|
|
|
|
+ :style="{ backgroundColor: item.survey.progress === 'finish' || item.vote.progress === 'finish'? '#23b46c':'#f9c752'}">
|
|
|
|
+ </view>
|
|
|
|
+ <view class="class-block" style="width: 85%;justify-content: flex-start;">
|
|
<view style="display: flex; flex-direction: column;">
|
|
<view style="display: flex; flex-direction: column;">
|
|
<view style="display: flex;margin-left: 30rpx;align-items: center;">
|
|
<view style="display: flex;margin-left: 30rpx;align-items: center;">
|
|
<view class="list-item-title">
|
|
<view class="list-item-title">
|
|
{{item.survey.name || item.vote.name}}
|
|
{{item.survey.name || item.vote.name}}
|
|
</view>
|
|
</view>
|
|
|
|
|
|
- <view class="block-tag-box" style="margin-left: 40rpx;">
|
|
|
|
- <view class="block-tag">
|
|
|
|
|
|
+ <view class="block-tag-box" :style="{ marginLeft: 40+'rpx',borderColor: item.survey.progress === 'finish' || item.vote.progress === 'finish'? '#23b46c':'#f9c752'}">
|
|
|
|
+ <view class="block-tag" :style="{color: item.survey.progress === 'finish' || item.vote.progress === 'finish'? '#23b46c':'#f9c752'}">
|
|
{{item.survey.scope === 'private' ? '个人':'学校' || item.vote.scope === 'private' ? '个人':'学校'}}活动
|
|
{{item.survey.scope === 'private' ? '个人':'学校' || item.vote.scope === 'private' ? '个人':'学校'}}活动
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
- <view class="block-tag-box" style="margin-left: 20rpx;">
|
|
|
|
- <view class="block-tag">
|
|
|
|
- {{item.survey.progress === 'finish' || item.vote.progress === 'finish' ? '已完成' : (item.survey.progress === 'going' || item.vote.progress === 'going' ? '进行中' : '待发布')}}
|
|
|
|
|
|
+ <view class="block-tag-box" :style="{ marginLeft: 20+'rpx',borderColor: item.survey.progress === 'finish' || item.vote.progress === 'finish'? '#23b46c':'#f9c752'}">
|
|
|
|
+ <view class="block-tag" :style="{color: item.survey.progress === 'finish' || item.vote.progress === 'finish'? '#23b46c':'#f9c752'}">
|
|
|
|
+ {{item.survey.progress === 'finish' || item.vote.progress === 'finish' ? '已完成' : '进行中'}}
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
@@ -390,7 +396,7 @@
|
|
justify-content: space-around;
|
|
justify-content: space-around;
|
|
margin: 20rpx auto 20rpx auto;
|
|
margin: 20rpx auto 20rpx auto;
|
|
height: 220rpx;
|
|
height: 220rpx;
|
|
- width: 95%;
|
|
|
|
|
|
+ width: 710rpx;
|
|
// background: linear-gradient(to right, #ff95007a,#ff8419);
|
|
// background: linear-gradient(to right, #ff95007a,#ff8419);
|
|
border-radius: $card-border-radius;
|
|
border-radius: $card-border-radius;
|
|
|
|
|
|
@@ -401,6 +407,7 @@
|
|
}
|
|
}
|
|
|
|
|
|
.card-subtitle {
|
|
.card-subtitle {
|
|
|
|
+ margin-left: 20rpx;
|
|
font-size: 30rpx;
|
|
font-size: 30rpx;
|
|
color: #FFF;
|
|
color: #FFF;
|
|
}
|
|
}
|
|
@@ -415,7 +422,8 @@
|
|
|
|
|
|
.image {
|
|
.image {
|
|
position: relative;
|
|
position: relative;
|
|
- right: -30rpx;
|
|
|
|
|
|
+ top: -90rpx;
|
|
|
|
+ right: -35rpx;
|
|
height: 300rpx;
|
|
height: 300rpx;
|
|
width: 300rpx;
|
|
width: 300rpx;
|
|
background-size: 100%;
|
|
background-size: 100%;
|
|
@@ -444,7 +452,7 @@
|
|
.detail-box {
|
|
.detail-box {
|
|
display: flex;
|
|
display: flex;
|
|
flex-flow: row wrap;
|
|
flex-flow: row wrap;
|
|
- margin: 20rpx 20rpx 0 20rpx;
|
|
|
|
|
|
+ margin: 30rpx 20rpx 0 20rpx;
|
|
justify-content: space-between;
|
|
justify-content: space-between;
|
|
|
|
|
|
.detail-box-item {
|
|
.detail-box-item {
|
|
@@ -475,6 +483,13 @@
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
|
|
|
|
+ .index-box {
|
|
|
|
+ background-color: #FFF;
|
|
|
|
+ height: 30rpx;
|
|
|
|
+ width: 10rpx;
|
|
|
|
+ border-radius: 100rpx;
|
|
|
|
+ }
|
|
|
|
+
|
|
//图表
|
|
//图表
|
|
.charts-box {
|
|
.charts-box {
|
|
width: 100%;
|
|
width: 100%;
|