htc 4 天之前
父節點
當前提交
5f6335b660
共有 1 個文件被更改,包括 19 次插入5 次删除
  1. 19 5
      pages/report.vue

+ 19 - 5
pages/report.vue

@@ -2,22 +2,22 @@
 	<view class="page" :style="{'min-height':h+'px', 'padding-top':mt+'px'}">
 		<cus-header title='我的报告'></cus-header>
 		<div class="tabs adf">
-			<div class="t_pre" :class="{'active':tidx===2}" @tap="changeTab(2)">个人报告</div>
-			<div class="t_pre" :class="{'active':tidx===1}" @tap="changeTab(1)">团队报告</div>
+			<div class="t_pre" :class="{'active':tidx===2,'inactive':tidx!==2}" @tap="changeTab(2)">个人报告</div>
+			<div class="t_pre" :class="{'active':tidx===1,'inactive':tidx!==1}" @tap="changeTab(1)">团队报告</div>
 		</div>
 		<template v-if="list.length">
 			<div class="list">
 				<div class="l_item" v-for="(item,index) in list" :key="index">
 					<div class="li_title">{{item.reportName||''}}</div>
 					<div class="li_pre">报告时间:<span>{{item.createDate||''}}</span></div>
-					<div class="li_pre" v-if="item.type==1">作答人数:<span>{{item.answerNum||0}}/{{item.finishNum||0}}</span></div>
+					<div class="li_pre" v-if="item.type==1">作答人数:<span>{{item.finishNum||0}}/{{item.answerNum||0}}</span></div>
 					<div class="li_pre">项目名称:<span>{{item.programName||''}}</span></div>
 					<div class="li_pre">团队名称:<span>{{item.teamName||''}}</span></div>
 					<div class="li_jd adfacjb" v-if="item.type==1">
 						<div class="lj_l">
-							<div class="ljl_box" :style="{'width':((item.answerNum||0)/(item.finishNum||0)*100)+'%'}"></div>
+							<div class="ljl_box" :style="{'width':((item.finishNum||0)/(item.answerNum||0)*100)+'%'}"></div>
 						</div>
-						<div class="lj_r">进度<span>{{item.answerNum||0}}/{{item.finishNum||0}}</span></div>
+						<div class="lj_r">进度<span>{{item.finishNum||0}}/{{item.answerNum||0}}</span></div>
 					</div>
 					<div class="li_view" @tap="viewReport(item)">查看</div>
 				</div>
@@ -97,6 +97,20 @@
 						bottom: 0;
 					}
 				}
+				&.inactive{
+					color: #666666 !important;
+					&::after{
+						content: '';
+						width: 148rpx;
+						height: 6rpx;
+						background: #FFFFFF !important;
+						border-radius: 9rpx;
+						position: absolute;
+						left: 50%;
+						margin-left: -74rpx;
+						bottom: 0;
+					}
+				}
 			}
 		}