Skip to content

E
educationStu
Commit 71a3111f authored by Mac's avatar Mac
Browse files
Options

新增没数据的状态

parent 0530d966
Hide whitespace changes
Inline Side-by-side
Showing with 110 additions and 84 deletions
src/pages/study/index.vue
View file @ 71a3111f
......@@ -217,6 +217,14 @@
.status-red {
color: #ff3816;
}
.reviewcenter{
display: flex;
flex-direction: column;
align-items: center;
margin-top: 100rpx;
}
</style>
<template>
<view class="studyindex">
......@@ -266,7 +274,7 @@
</view>
</view>
</view>
<view class="box_review" v-if='InfoData'>
<view class="box_review" v-if='InfoData' :style="{height:InfoData.Review && InfoData.Review.length>0?'660rpx':'300rpx'}">
<view class="row" style="justify-content: space-between;height: 50rpx;">
<view class="row" style="color: #111111;font-size: 14px;font-weight: bold;">
<view >课程回顾 </view>
......@@ -274,7 +282,11 @@
</view>
<view style="font-size: 11px;color: #4C50E7;" @click="gourl()">所有课程</view>
</view>
<view class="box_review_date row" style="margin-top: 40rpx;" v-if='InfoData.Review'>
<view class="reviewcenter" v-if='InfoData.Review && InfoData.Review.length==0'>
<view style="font-size: 13px;font-family: PingFang SC;font-weight: bold;color: #111111;">暂无课程</view>
<view style="font-size: 10px;font-family: PingFang SC;font-weight: 400;color: #888888;margin-top: 10px;">购买课程后可回顾</view>
</view>
<view class="box_review_date row" style="margin-top: 40rpx;" v-if='InfoData.Review && InfoData.Review.length>0'>
<view v-for="(x,y) in InfoData.Review" :key='y'>
<view :class="{'box_review_date_item2':current==y}" class="box_review_date_item" @click="goreview(x,y)">
<text>{{getdate(x,1)}}</text>
......@@ -283,7 +295,7 @@
</view>
</view>
<view class="box_review_sp">
<view class="box_review_sp" v-if='InfoData.Review && InfoData.Review.length>0'>
<view class="box_review_box" v-if="loading">
<van-loading size="24px" vertical color="#FFF"text-color="#FFF">加载中...</van-loading>
</view>
......@@ -310,99 +322,113 @@
<view style="font-size: 14px;color: #4C50E7;" @click="gourlkaoshilist()">更多试题</view>
</view>
</view>
<view v-for="(x,y) in InfoData.ExamList" :key='y'>
<view class="examination-box">
<view style="padding: 20px;">
<view style="font-size: 18px;font-weight: bold;color: #111111;">{{x.PaperName}}</view>
<view style="font-size: 12px;font-weight: 500;color: #999999;margin-top: 9px;">测评次数：5次</view>
</view>
<view >
<view class="examination-box-c">
<div class='examination-boxb' >
<view class="examination-box-c-item">
<text class="item_o">我的排名</text>
<text class="item_t">#{{x.MyRank}}</text>
<text class="">分数</text>
</view>
</div>
<!-- 这个竖线不知道咋回事弄不出来 如果有好的方案麻烦改下 -->
<view class="shuxian">
<view class="examination-box-c-item" style="border-left: 1px solid #E2E2E2;">
<text class="item_o"></text>
<text class="item_t" ></text>
<text class="" style="opacity: 0;height: 34rpx;">.</text>
</view>
</view>
<div class='examination-boxb' >
<view class="examination-box-c-item">
<text class="item_o">我的得分</text>
<text class="item_t">{{x.TotalScore}}</text>
<text class="">分</text>
</view>
</div>
<view class="shuxian">
<view class="examination-box-c-item" style="border-left: 1px solid #E2E2E2;">
<text class="item_o"></text>
<text class="item_t" ></text>
<text class="" style="opacity: 0;height: 34rpx;">.</text>
</view>
</view>
<div class='examination-boxb' >
<view class="examination-box-c-item">
<text class="item_o">考试状态</text>
<text class="" style="opacity: 0;height: 34rpx;">.</text>
<text style="font-size: 14px;font-weight: bold" :class="{
'status-blue': x.ExamStatusStr == '未开始',
'status-green': x.ExamStatusStr == '已开始',
'status-black': x.ExamStatusStr == '完成',
'status-red': x.ExamStatusStr == '缺考',
}">{{x.ExamStatusStr}}</text>
<view class="reviewcenter" style="height: 300rpx;margin-top: 0;align-items: center;justify-content: center;" v-if="InfoData.ExamList.length==0">
<view style="font-size: 13px;
font-family: PingFang SC;
font-weight: bold;
color: #111111;
line-height: 35px;">暂无记录</view>
<view style="font-size: 10px;margin-top: 10px;
font-family: PingFang SC;
font-weight: 500;
color: #999999;">参与考试后可查看</view>
</view>
<view v-if="InfoData.ExamList.length>0">
<view v-for="(x,y) in InfoData.ExamList" :key='y' >
<view class="examination-box">
<view style="padding: 20px;">
<view style="font-size: 18px;font-weight: bold;color: #111111;">{{x.PaperName}}</view>
<view style="font-size: 12px;font-weight: 500;color: #999999;margin-top: 9px;">测评次数：5次</view>
</view>
<view >
<view class="examination-box-c">
<div class='examination-boxb' >
<view class="examination-box-c-item">
<text class="item_o">我的排名</text>
<text class="item_t">#{{x.MyRank}}</text>
<text class="">分数</text>
</view>
</div>
<!-- 这个竖线不知道咋回事弄不出来 如果有好的方案麻烦改下 -->
<view class="shuxian">
<view class="examination-box-c-item" style="border-left: 1px solid #E2E2E2;">
<text class="item_o"></text>
<text class="item_t" ></text>
<text class="" style="opacity: 0;height: 34rpx;">.</text>
</view>
</view>
</div>
<view class="shuxian">
<view class="examination-box-c-item" style="border-left: 1px solid #E2E2E2;">
<text class="item_o"></text>
<text class="item_t" ></text>
<text class="" style="opacity: 0;height: 34rpx;">.</text>
<div class='examination-boxb' >
<view class="examination-box-c-item">
<text class="item_o">我的得分</text>
<text class="item_t">{{x.TotalScore}}</text>
<text class="">分</text>
</view>
</div>
<view class="shuxian">
<view class="examination-box-c-item" style="border-left: 1px solid #E2E2E2;">
<text class="item_o"></text>
<text class="item_t" ></text>
<text class="" style="opacity: 0;height: 34rpx;">.</text>
</view>
</view>
</view>
<div class='examination-boxb' >
<view class="examination-box-c-item">
<text class="item_o">我的耗时</text>
<text class="item_t">{{getTimems(x.ExamSecondTime) }}</text>
<text class="">秒</text>
<div class='examination-boxb' >
<view class="examination-box-c-item">
<text class="item_o">考试状态</text>
<text class="" style="opacity: 0;height: 34rpx;">.</text>
<text style="font-size: 14px;font-weight: bold" :class="{
'status-blue': x.ExamStatusStr == '未开始',
'status-green': x.ExamStatusStr == '已开始',
'status-black': x.ExamStatusStr == '完成',
'status-red': x.ExamStatusStr == '缺考',
}">{{x.ExamStatusStr}}</text>
</view>
</div>
<view class="shuxian">
<view class="examination-box-c-item" style="border-left: 1px solid #E2E2E2;">
<text class="item_o"></text>
<text class="item_t" ></text>
<text class="" style="opacity: 0;height: 34rpx;">.</text>
</view>
</view>
</div>
<view class="shuxian">
<view class="examination-box-c-item" style="border-left: 1px solid #E2E2E2;">
<text class="item_o"></text>
<text class="item_t" ></text>
<text class="" style="opacity: 0;height: 34rpx;">.</text>
<div class='examination-boxb' >
<view class="examination-box-c-item">
<text class="item_o">我的耗时</text>
<text class="item_t">{{getTimems(x.ExamSecondTime) }}</text>
<text class="">秒</text>
</view>
</div>
<view class="shuxian">
<view class="examination-box-c-item" style="border-left: 1px solid #E2E2E2;">
<text class="item_o"></text>
<text class="item_t" ></text>
<text class="" style="opacity: 0;height: 34rpx;">.</text>
</view>
</view>
<div class='examination-boxb' >
<view class="examination-box-c-item">
<text class="item_o">最高等分</text>
<text class="item_t">{{x.MaxScore}}</text>
<text class="">分</text>
</view>
</div>
</view>
<div class='examination-boxb' >
<view class="examination-box-c-item">
<text class="item_o">最高等分</text>
<text class="item_t">{{x.MaxScore}}</text>
<text class="">分</text>
</view>
</div>
</view>
</view>
<view class="examination-box-btnbox">
<view class="examination-btn" @click="gourlkaoshixq(x)">
开始测试
<view class="examination-box-btnbox">
<view class="examination-btn" @click="gourlkaoshixq(x)">
开始测试
</view>
</view>
</view>
</view>
</view>
</view>
</template>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment