|
@@ -138,7 +138,7 @@ onMounted(() => {
|
|
|
|
|
|
//跳转页面切换页面
|
|
|
const viewReport = (val: any) => {
|
|
|
- debugger;
|
|
|
+ // debugger;
|
|
|
router.push({ name: 'report', params: { planId: val.planId, flag: val.flag, name: val.name } })
|
|
|
// router.push({ name: 'report', params: { planId: 'a', flag: 'b' } })
|
|
|
// router.push({ name: 'report' })
|
|
@@ -165,118 +165,126 @@ onUnmounted(() => {
|
|
|
<!-- <img class="xlts_img" style="margin-top:40px" src="../assets/home/other_text.png" /> -->
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div class="leave_message">
|
|
|
- <!-- <img class="img" src="../assets/zs/community.png" alt=""> -->
|
|
|
- <div class="font_blue"> 测试记录 </div>
|
|
|
- </div>
|
|
|
- <div class="kply">
|
|
|
- <div class="kply_inner">
|
|
|
- <!-- -->
|
|
|
- <div>
|
|
|
- <!-- <div style="width: 1200px;margin-left:32px; box-shadow: 0px 4px 32px 0px rgba(0,0,0,0.17);"
|
|
|
+ <div style="background: linear-gradient( 180deg, #B2EDFF 0%, #FFFFFF 33%);padding-top: 20px;">
|
|
|
+ <div class="leave_message">
|
|
|
+ <!-- <img class="img" src="../assets/zs/community.png" alt=""> -->
|
|
|
+ <div class="font_blue"> 测试记录 </div>
|
|
|
+ </div>
|
|
|
+ <div class="kply">
|
|
|
+ <div class="kply_inner">
|
|
|
+ <!-- -->
|
|
|
+ <div>
|
|
|
+
|
|
|
+ <!-- <div style="width: 1200px;margin-left:32px; box-shadow: 0px 4px 32px 0px rgba(0,0,0,0.17);"
|
|
|
v-show="list.length == 0">
|
|
|
<img width="400px" src="../assets/planNo.png">
|
|
|
</div> -->
|
|
|
|
|
|
- <div style="box-shadow: 0px 4px 32px 0px rgba(0,0,0,0.17);width: 1200px;margin-left:32px"
|
|
|
- v-show="list.length == 0">
|
|
|
- <div style="padding:10% 20%;display: flex;justify-content: center ;">
|
|
|
- <!-- <img width="100%" src="../assets/planNo.png"> -->
|
|
|
- <img width="400px" src=" ../assets/planNo.png">
|
|
|
+ <div style="box-shadow: 0px 4px 32px 0px rgba(0,0,0,0.17);width: 1200px;margin-left:32px;border-radius: 40px; background-color: #ffffff;"
|
|
|
+ v-show="list.length == 0">
|
|
|
+ <div style="padding:10% 20%;display: flex;justify-content: center ;">
|
|
|
+ <!-- <img width="100%" src="../assets/planNo.png"> -->
|
|
|
+ <img width="400px" src=" ../assets/planNo.png">
|
|
|
+ </div>
|
|
|
</div>
|
|
|
- </div>
|
|
|
- <div class="infinite-list-wrapper" style="overflow: auto" v-infinite-scroll="getData">
|
|
|
- <div>
|
|
|
- <div v-for="item in list" class='record_zt'>
|
|
|
- <div class="test_record">
|
|
|
- <span class="test_plan_name">{{ item.planName }}
|
|
|
+ <div class="infinite-list-wrapper" style="overflow: auto" v-infinite-scroll="getData">
|
|
|
+ <div>
|
|
|
+ <div v-for="item in list" class='record_zt'>
|
|
|
+ <div class="test_record">
|
|
|
+ <span class="test_plan_name">{{ item.planName }}
|
|
|
|
|
|
|
|
|
- <span class="unread_status" style="" v-show="item.isRead == 0">未读</span>
|
|
|
- <span class="read_status" v-show="item.isRead == 1">已读</span>
|
|
|
- </span>
|
|
|
+ <span class="unread_status" style="" v-show="item.isRead == 0">未读</span>
|
|
|
+ <span class="read_status" v-show="item.isRead == 1">已读</span>
|
|
|
+ </span>
|
|
|
|
|
|
- </div>
|
|
|
- <div class="test_time">
|
|
|
- <span>测试时间:{{ item.taskStartTime }}~{{ item.taskEndTime }}</span>
|
|
|
- </div>
|
|
|
- <div class="content_out">
|
|
|
- <div class="content_inner">
|
|
|
- <div class="task_out">
|
|
|
- <div class="content_title">1.问答测试</div>
|
|
|
- <div class="task_inner">
|
|
|
-
|
|
|
- <div class="task_inner_single" v-for="subItem in item.scaleList"
|
|
|
- :key="subItem.id">
|
|
|
- <div class="task_inner_one">
|
|
|
- <img style="width: 80px;height: 80px"
|
|
|
- src="../assets/kepu/xlwht_active.png" alt="">
|
|
|
- <div class="task_content">
|
|
|
- <div class="title">{{ subItem.name }}</div>
|
|
|
- <!-- <div class="des" v-show="subItem.isCompleted != '1'">预计用时:{{
|
|
|
+ </div>
|
|
|
+ <div class="test_time">
|
|
|
+ <span>测试时间:{{ item.taskStartTime }}~{{ item.taskEndTime }}</span>
|
|
|
+ </div>
|
|
|
+ <div class="content_out">
|
|
|
+ <div class="content_inner">
|
|
|
+ <div class="task_out">
|
|
|
+ <div class="content_title">1.问答测试</div>
|
|
|
+ <div class="task_inner">
|
|
|
+
|
|
|
+ <div class="task_inner_single" v-for="subItem in item.scaleList"
|
|
|
+ :key="subItem.id">
|
|
|
+ <div class="task_inner_one">
|
|
|
+ <img style="width: 80px;height: 80px"
|
|
|
+ src="../assets/kepu/xlwht_active.png" alt="">
|
|
|
+ <div class="task_content">
|
|
|
+ <div class="title">{{ subItem.name }}</div>
|
|
|
+ <!-- <div class="des" v-show="subItem.isCompleted != '1'">预计用时:{{
|
|
|
subItem.expectTime }}</div> -->
|
|
|
- <div class="des" v-show="subItem.isCompleted == '1'">实际用时:{{
|
|
|
- subItem.useTime }}</div>
|
|
|
- <!-- <div class="noCompleted" v-show="subItem.isCompleted != '1'">
|
|
|
+ <div class="des" v-show="subItem.isCompleted == '1'">
|
|
|
+ 实际用时:{{
|
|
|
+ subItem.useTime }}</div>
|
|
|
+ <!-- <div class="noCompleted" v-show="subItem.isCompleted != '1'">
|
|
|
<div class='noCompleted_status'> 未完成</div>
|
|
|
</div> -->
|
|
|
- <div class="isCompleted"
|
|
|
- v-show="subItem.isCompleted == '1'">
|
|
|
- <div @click="viewReport(subItem)"
|
|
|
- class='isCompleted_status'> 查看报告 <img
|
|
|
- style='height: 12px;margin-left:4px'
|
|
|
- src='../assets/zs/jian.png' /></div>
|
|
|
- </div>
|
|
|
- <!-- {{ subItem.isRequired }} -->
|
|
|
- <div class="isMust" v-show="subItem.isRequired == '1'">必做
|
|
|
- </div>
|
|
|
- <div class="isChoosable" v-show="subItem.isRequired == '0'">
|
|
|
- 选做
|
|
|
+ <div class="isCompleted"
|
|
|
+ v-show="subItem.isCompleted == '1'">
|
|
|
+ <div @click="viewReport(subItem)"
|
|
|
+ class='isCompleted_status'> 查看报告 <img
|
|
|
+ style='height: 12px;margin-left:4px'
|
|
|
+ src='../assets/zs/jian.png' /></div>
|
|
|
+ </div>
|
|
|
+ <!-- {{ subItem.isRequired }} -->
|
|
|
+ <div class="isMust" v-show="subItem.isRequired == '1'">
|
|
|
+ 必做
|
|
|
+ </div>
|
|
|
+ <div class="isChoosable"
|
|
|
+ v-show="subItem.isRequired == '0'">
|
|
|
+ 选做
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- </div>
|
|
|
|
|
|
+ </div>
|
|
|
</div>
|
|
|
- </div>
|
|
|
- <div class="task_out">
|
|
|
- <div class="content_title">2.认知评估</div>
|
|
|
- <div class="task_inner">
|
|
|
- <div class="task_inner_single" v-for="subItem in item.taskList">
|
|
|
- <div class="task_inner_one">
|
|
|
- <img style="width: 80px;height: 80px"
|
|
|
- src="../assets/kepu/task_active.png" alt="">
|
|
|
- <div class="task_content">
|
|
|
- <div class="title">{{ subItem.name }}</div>
|
|
|
- <!-- <div class="des" v-show="subItem.isCompleted != '1'">预计用时:{{
|
|
|
+ <div class="task_out">
|
|
|
+ <div class="content_title">2.认知评估</div>
|
|
|
+ <div class="task_inner">
|
|
|
+ <div class="task_inner_single" v-for="subItem in item.taskList">
|
|
|
+ <div class="task_inner_one">
|
|
|
+ <img style="width: 80px;height: 80px"
|
|
|
+ src="../assets/kepu/task_active.png" alt="">
|
|
|
+ <div class="task_content">
|
|
|
+ <div class="title">{{ subItem.name }}</div>
|
|
|
+ <!-- <div class="des" v-show="subItem.isCompleted != '1'">预计用时:{{
|
|
|
subItem.expectTime }}</div> -->
|
|
|
- <div class="des" v-show="subItem.isCompleted == '1'">实际用时:{{
|
|
|
- subItem.useTime }}</div>
|
|
|
- <!-- <div class="noCompleted" v-show="subItem.isCompleted != '1'">
|
|
|
+ <div class="des" v-show="subItem.isCompleted == '1'">
|
|
|
+ 实际用时:{{
|
|
|
+ subItem.useTime }}</div>
|
|
|
+ <!-- <div class="noCompleted" v-show="subItem.isCompleted != '1'">
|
|
|
<div class='noCompleted_status'> 未完成</div>
|
|
|
</div> -->
|
|
|
- <div class="isCompleted"
|
|
|
- v-show="subItem.isCompleted == '1'">
|
|
|
- <div @click="viewReport(subItem)"
|
|
|
- class='isCompleted_status'> 查看报告 <img
|
|
|
- style='height: 12px;margin-left:4px'
|
|
|
- src='../assets/zs/jian.png' /></div>
|
|
|
- </div>
|
|
|
- <div class="isMust" v-show="subItem.isRequired == '1'">必做
|
|
|
- </div>
|
|
|
- <div class="isChoosable" v-show="subItem.isRequired == '0'">
|
|
|
- 选做
|
|
|
+ <div class="isCompleted"
|
|
|
+ v-show="subItem.isCompleted == '1'">
|
|
|
+ <div @click="viewReport(subItem)"
|
|
|
+ class='isCompleted_status'> 查看报告 <img
|
|
|
+ style='height: 12px;margin-left:4px'
|
|
|
+ src='../assets/zs/jian.png' /></div>
|
|
|
+ </div>
|
|
|
+ <div class="isMust" v-show="subItem.isRequired == '1'">
|
|
|
+ 必做
|
|
|
+ </div>
|
|
|
+ <div class="isChoosable"
|
|
|
+ v-show="subItem.isRequired == '0'">
|
|
|
+ 选做
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- </div>
|
|
|
|
|
|
- <div></div>
|
|
|
- </div>
|
|
|
- <!-- <div class="record_out">
|
|
|
+ <div></div>
|
|
|
+ </div>
|
|
|
+ <!-- <div class="record_out">
|
|
|
<div class="record_score">
|
|
|
<span>得 分:</span>
|
|
|
<span>{{ item.score }}</span>
|
|
@@ -287,14 +295,16 @@ onUnmounted(() => {
|
|
|
</div> -->
|
|
|
|
|
|
|
|
|
+ </div>
|
|
|
</div>
|
|
|
+
|
|
|
+ <div style="text-align: center;margin-top:20px" v-show="isLoading">努力加载中...</div>
|
|
|
+ <div style="text-align: center;;margin-top:20px" v-show="noMore">没有更多了</div>
|
|
|
</div>
|
|
|
|
|
|
- <div style="text-align: center;margin-top:20px" v-show="isLoading">努力加载中...</div>
|
|
|
- <div style="text-align: center;;margin-top:20px" v-show="noMore">没有更多了</div>
|
|
|
- </div>
|
|
|
+ <!-- 测试记录列表 -->
|
|
|
|
|
|
- <!-- 测试记录列表 -->
|
|
|
+ </div>
|
|
|
|
|
|
</div>
|
|
|
|
|
@@ -302,6 +312,7 @@ onUnmounted(() => {
|
|
|
|
|
|
</div>
|
|
|
|
|
|
+
|
|
|
</div>
|
|
|
|
|
|
|
|
@@ -339,17 +350,17 @@ onUnmounted(() => {
|
|
|
margin: auto;
|
|
|
width: 1200px;
|
|
|
margin-bottom: 20px;
|
|
|
- margin-top: 20px;
|
|
|
+ // margin-top: 20px;
|
|
|
|
|
|
.font_blue {
|
|
|
position: relative;
|
|
|
- color: #00DE7E;
|
|
|
+ color: #30D5DD;
|
|
|
font-weight: 700;
|
|
|
font-size: 22px;
|
|
|
font-family: 'Rammetto One-Regular';
|
|
|
padding-top: 30px;
|
|
|
z-index: 10;
|
|
|
- background: url(../assets/zs/test_record1.png) no-repeat;
|
|
|
+ background: url(../assets/zs/test_record2.png) no-repeat;
|
|
|
background-size: auto 50px;
|
|
|
}
|
|
|
}
|
|
@@ -364,24 +375,28 @@ onUnmounted(() => {
|
|
|
right: 0;
|
|
|
margin: auto;
|
|
|
width: 1264px;
|
|
|
-
|
|
|
- background-color: #ffffff;
|
|
|
+ background-color: transparent;
|
|
|
+ // background-color: #ffffff;
|
|
|
border-radius: 40px;
|
|
|
// margin-bottom: 20px;
|
|
|
|
|
|
// height: 1000px;
|
|
|
.infinite-list-wrapper {
|
|
|
- padding: 32px;
|
|
|
+ // padding: 32px;
|
|
|
+ padding: 0px 32px 32px 32px;
|
|
|
|
|
|
// max-height: 900px;
|
|
|
// max-height: 500px;
|
|
|
// min-height: 500px;
|
|
|
.record_zt {
|
|
|
|
|
|
- box-shadow: 0px 4px 32px 0px rgba(0, 0, 0, 0.17);
|
|
|
+ // box-shadow: 0px 4px 32px 0px rgba(0, 0, 0, 0.17);
|
|
|
+ box-shadow: 0px 4px 32px 0px rgba(0, 0, 0, 0.05);
|
|
|
margin-bottom: 40px;
|
|
|
box-sizing: border-box;
|
|
|
- padding: 32px 20px;
|
|
|
+ padding: 32px 40px;
|
|
|
+ background-color: #ffffff;
|
|
|
+ border-radius: 40px;
|
|
|
|
|
|
}
|
|
|
|
|
@@ -463,7 +478,7 @@ onUnmounted(() => {
|
|
|
font-size: 14px;
|
|
|
line-height: 24px;
|
|
|
font-weight: 100;
|
|
|
- background-color: #00DE7E;
|
|
|
+ background-color: #FF52CE;
|
|
|
color: #ffffff;
|
|
|
width: 50px;
|
|
|
top: -20px;
|
|
@@ -539,10 +554,12 @@ onUnmounted(() => {
|
|
|
width: 100%;
|
|
|
// height: 200px;
|
|
|
background-color: #F7F7F7;
|
|
|
- border-radius: 5px;
|
|
|
+ border-radius: 20px;
|
|
|
|
|
|
.content_inner {
|
|
|
padding: 20px 40px;
|
|
|
+ background-color: #F7F9FB;
|
|
|
+ border-radius: 20px;
|
|
|
|
|
|
.content_title {
|
|
|
margin-bottom: 0px;
|
|
@@ -632,7 +649,7 @@ onUnmounted(() => {
|
|
|
.isMust {
|
|
|
position: absolute;
|
|
|
right: 0;
|
|
|
- background-color: #00DE7E;
|
|
|
+ background-color: #3B3B3B;
|
|
|
font-size: 10px;
|
|
|
color: #ffffff;
|
|
|
padding: 4px 10px;
|
|
@@ -647,7 +664,7 @@ onUnmounted(() => {
|
|
|
color: #7D7D7D;
|
|
|
padding: 4px 10px;
|
|
|
border-radius: 3px;
|
|
|
- border: 1px solid #00DE7E;
|
|
|
+ // border: 1px solid #00DE7E;
|
|
|
}
|
|
|
|
|
|
.title {
|
|
@@ -698,10 +715,12 @@ onUnmounted(() => {
|
|
|
right: 0px;
|
|
|
width: 70px;
|
|
|
border-radius: 4px;
|
|
|
- border: 1px solid #48D68E;
|
|
|
+ // border: 1px solid #48D68E;
|
|
|
color: #ffffff;
|
|
|
background-color: #3B3B3B;
|
|
|
- cursor: pointer
|
|
|
+ cursor: pointer;
|
|
|
+ background: url(../assets/zs/bottom_new.png) no-repeat;
|
|
|
+ background-size: 100% 100%;
|
|
|
}
|
|
|
}
|
|
|
}
|