From 5a499eec5554714090fef74333d5a2f26a56143c Mon Sep 17 00:00:00 2001
From: lmj <3407000732@qq.com>
Date: Tue, 15 Nov 2022 17:52:15 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pages/study/index.vue | 65 +++++++++++++++++++++++++++++++++++++------
 1 file changed, 57 insertions(+), 8 deletions(-)

diff --git a/pages/study/index.vue b/pages/study/index.vue
index fbdb125..60b58da 100644
--- a/pages/study/index.vue
+++ b/pages/study/index.vue
@@ -10,11 +10,26 @@
 				</u-search>
 			</view>
 		</view>
-		<view class="tabbar">
+		<view class="tabbar" style="position: relative;">
 			<view class="tabbar-item" style="text-align: right;margin-right: 26upx;" @click="clicktab(0)" :class="{'active':tabIndex===0}">
-				<u-badge :type="type" max="99" :value="value" class="tabber-co"></u-badge>学习任务<view class="border-bottom-one"></view></view>
-			<view class="tabbar-item" style="text-align: left;margin-left: 26upx;"  @click="clicktab(1)" :class="{'active':tabIndex===1}">我报名的<view class="border-bottom-two"></view></view>
-			
+				<u-badge :type="type" max="99" :value="value" class="tabber-co"></u-badge>学习任务
+			    <view class="border-bottom-one"></view>
+			</view>
+			<view class="tabbar-item" style="text-align: left;margin-left: 26upx;"  @click="clicktab(1)" :class="{'active':tabIndex===1}">
+				我报名的<view class="border-bottom-two"></view>
+			</view>
+		</view>
+		<!-- 筛选状态 -->
+		<view class="addition" v-if="tabIndex===1">
+			<view class="textbtn" style="color:#666;font-size: 28upx;" @click="statusSelectShow = !statusSelectShow">
+				<text>筛选</text> 
+				<u-icon style="margin-left: 18upx;" name="arrow-down"></u-icon>
+			</view>
+			<view class="sea-show" v-show="statusSelectShow">
+				<view  v-for="(status,index) in selectData" :key="index" :class="[articleList.status == status.value? 'sea-active':'','sea-index']" @click="chooseStatus(status)">
+					{{status.label}}
+				</view>
+			</view>
 		</view>
 		<!-- 学习任务 -->
 		<view class="listbox" v-show="tabIndex===0">
@@ -33,9 +48,9 @@
 									style="font-size: 32upx; font-weight: 500;" v-html="task.cmtask_name"></text>
 							</view>
 							<view class="task-bottom">
-								<view class="course-aut">
+								<!-- <view class="course-aut">
 									<author-info :avatar="task.avatar" :name="task.authorName" :info="task.orgInfo" :sex="task.sex"></author-info>
-								</view>
+								</view> -->
 								<view class="coures-staus">
 									<text v-if="task.cmtask_status == 0">未开始</text>
 									<text v-if="task.cmtask_status == 1">进行中</text>
@@ -100,7 +115,7 @@
 									src="../../static/images/icon/more.png" alt="">
 							</view>
 							<view class="coures-bottom coures-midd">
-								<view class="course-author">
+								<view v-if="c.teacherName" class="course-author">
 									{{c.teacherName}}
 								</view>
 								<view class="coures-staus">
@@ -850,6 +865,41 @@
 </script>
 
 <style lang="scss" scoped>
+	.addition {
+		position: absolute;
+		right: 10upx;
+		top: 136upx;
+		.textbtn {
+			display: flex;
+			width: 108upx;
+			color: #4f4f4f;
+			font-size: 28upx;
+		}
+		.sea-show{
+			width: 130upx;
+			position: absolute;
+			top: 80upx;
+			right: 0;
+			background: #FFFFFF;
+			box-shadow: 0px 2upx 8upx 4upx rgba(0,0,0,0.07);
+			border-radius: 12upx;
+			padding: 20upx 60upx;
+			z-index: 99;
+			.sea-active{
+				color: #387DF7 !important;
+			}
+			.sea-index{
+				font-size: 28upx;
+				color: #666666;
+				line-height: 60upx;
+				text-align: center;
+			}
+			.sea-index:last-child{
+				margin-right: 0;
+			}
+			
+		}
+	}
 	.listbox-top {
 		height: 92upx;
 		padding-top: 28upx;
@@ -1244,7 +1294,6 @@
 	.content {
 		padding: 20upx 30upx;
 		margin-bottom: 10px;
-		margin-top: 10px;
 		border-radius: 7upx;
 	}