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 @@ ...@@ -217,6 +217,14 @@
.status-red { .status-red {
color: #ff3816; color: #ff3816;
} }
.reviewcenter{
display: flex;
flex-direction: column;
align-items: center;
margin-top: 100rpx;
}
</style> </style>
<template> <template>
<view class="studyindex"> <view class="studyindex">
...@@ -266,7 +274,7 @@ ...@@ -266,7 +274,7 @@
</view> </view>
</view> </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="justify-content: space-between;height: 50rpx;">
<view class="row" style="color: #111111;font-size: 14px;font-weight: bold;"> <view class="row" style="color: #111111;font-size: 14px;font-weight: bold;">
<view >课程回顾 </view> <view >课程回顾 </view>
...@@ -274,7 +282,11 @@ ...@@ -274,7 +282,11 @@
</view> </view>
<view style="font-size: 11px;color: #4C50E7;" @click="gourl()">所有课程</view> <view style="font-size: 11px;color: #4C50E7;" @click="gourl()">所有课程</view>
</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 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)"> <view :class="{'box_review_date_item2':current==y}" class="box_review_date_item" @click="goreview(x,y)">
<text>{{getdate(x,1)}}</text> <text>{{getdate(x,1)}}</text>
...@@ -283,7 +295,7 @@ ...@@ -283,7 +295,7 @@
</view> </view>
</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"> <view class="box_review_box" v-if="loading">
<van-loading size="24px" vertical color="#FFF"text-color="#FFF">加载中...</van-loading> <van-loading size="24px" vertical color="#FFF"text-color="#FFF">加载中...</van-loading>
</view> </view>
...@@ -310,99 +322,113 @@ ...@@ -310,99 +322,113 @@
<view style="font-size: 14px;color: #4C50E7;" @click="gourlkaoshilist()">更多试题</view> <view style="font-size: 14px;color: #4C50E7;" @click="gourlkaoshilist()">更多试题</view>
</view> </view>
</view> </view>
<view class="reviewcenter" style="height: 300rpx;margin-top: 0;align-items: center;justify-content: center;" v-if="InfoData.ExamList.length==0">
<view v-for="(x,y) in InfoData.ExamList" :key='y'> <view style="font-size: 13px;
<view class="examination-box"> font-family: PingFang SC;
<view style="padding: 20px;"> font-weight: bold;
<view style="font-size: 18px;font-weight: bold;color: #111111;">{{x.PaperName}}</view> color: #111111;
<view style="font-size: 12px;font-weight: 500;color: #999999;margin-top: 9px;">测评次数：5次</view> line-height: 35px;">暂无记录</view>
</view> <view style="font-size: 10px;margin-top: 10px;
<view > font-family: PingFang SC;
<view class="examination-box-c"> font-weight: 500;
<div class='examination-boxb' > color: #999999;">参与考试后可查看</view>
<view class="examination-box-c-item"> </view>
<text class="item_o">我的排名</text> <view v-if="InfoData.ExamList.length>0">
<text class="item_t">#{{x.MyRank}}</text> <view v-for="(x,y) in InfoData.ExamList" :key='y' >
<text class="">分数</text> <view class="examination-box">
</view> <view style="padding: 20px;">
<view style="font-size: 18px;font-weight: bold;color: #111111;">{{x.PaperName}}</view>
</div> <view style="font-size: 12px;font-weight: 500;color: #999999;margin-top: 9px;">测评次数：5次</view>
<!-- 这个竖线不知道咋回事弄不出来 如果有好的方案麻烦改下 --> </view>
<view class="shuxian"> <view >
<view class="examination-box-c-item" style="border-left: 1px solid #E2E2E2;"> <view class="examination-box-c">
<text class="item_o"></text> <div class='examination-boxb' >
<text class="item_t" ></text> <view class="examination-box-c-item">
<text class="" style="opacity: 0;height: 34rpx;">.</text> <text class="item_o">我的排名</text>
</view> <text class="item_t">#{{x.MyRank}}</text>
</view> <text class="">分数</text>
<div class='examination-boxb' > </view>
<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>
</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> <div class='examination-boxb' >
<view class="shuxian"> <view class="examination-box-c-item">
<view class="examination-box-c-item" style="border-left: 1px solid #E2E2E2;"> <text class="item_o">我的得分</text>
<text class="item_o"></text> <text class="item_t">{{x.TotalScore}}</text>
<text class="item_t" ></text> <text class="">分</text>
<text class="" style="opacity: 0;height: 34rpx;">.</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>
</view> <div class='examination-boxb' >
<div class='examination-boxb' > <view class="examination-box-c-item">
<view class="examination-box-c-item"> <text class="item_o">考试状态</text>
<text class="item_o">我的耗时</text> <text class="" style="opacity: 0;height: 34rpx;">.</text>
<text class="item_t">{{getTimems(x.ExamSecondTime) }}</text> <text style="font-size: 14px;font-weight: bold" :class="{
<text class="">秒</text> '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> </view>
</div> <div class='examination-boxb' >
<view class="shuxian"> <view class="examination-box-c-item">
<view class="examination-box-c-item" style="border-left: 1px solid #E2E2E2;"> <text class="item_o">我的耗时</text>
<text class="item_o"></text> <text class="item_t">{{getTimems(x.ExamSecondTime) }}</text>
<text class="item_t" ></text> <text class="">秒</text>
<text class="" style="opacity: 0;height: 34rpx;">.</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">{{x.MaxScore}}</text>
<text class="">分</text>
</view>
</div>
</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> </view>
</view> <view class="examination-box-btnbox">
<view class="examination-box-btnbox"> <view class="examination-btn" @click="gourlkaoshixq(x)">
<view class="examination-btn" @click="gourlkaoshixq(x)"> 开始测试
开始测试 </view>
</view> </view>
</view> </view>
</view> </view>
</view> </view>
</view> </view>
</template> </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