加标签

src/views/study/TaskList.vue

@@ -4,7 +4,7 @@
       <div style="display: flex; justify-content: flex-start">
         <div>
           <el-select class="search-input" v-model="status" clearable placeholder="学习进度">
-            <el-option label="全部" value="5"></el-option>
+            <el-option label="全部" value=""></el-option>
             <el-option label="未开始" value="0"></el-option>
             <el-option label="进行中" value="1"></el-option>
             <el-option label="已完成" value="2"></el-option>
@@ -18,7 +18,12 @@
     <!--课程列表内容-->
     <div class="uc-list" v-if="couresList.length > 0">
       <div class="uc-course" v-for="(item, idx) in couresList" @click="jumpRouter(item)" :key="idx">
-        <div class="uc-course-img"><img :src="item.cmtask_imgurl" /></div>
+        <div class="uc-course-img">
+          <img :src="item.cmtask_imgurl" />
+          <span class="spanname" v-if="item.cmtask_type==1">学习路径图</span>
+          <span class="spanname" v-if="item.cmtask_type==2">学习项目</span>
+          <span class="spanname" v-if="item.cmtask_type==3">老系统必修任务</span>
+        </div>
         <div class="uc-course-info">
           <!-- 任务名称 -->
           <div class="uc-course-name one-line-ellipsis" style="cursor: pointer">
@@ -225,20 +230,32 @@ export default {
   margin-top: 10px;
   margin-right: 40px;
 }
+ .spanname {
+      position: absolute;
+      background-color: #6a99a4;
+      color:#ffffff;
+      padding: 4px 10px;
+      font-size: 12px;
+      bottom: 0px;
+      z-index: 100;
+      left: 0px;
+  }
 .uc-course {
   cursor: pointer;
   display: flex;
   justify-content: space-around;
-   border-bottom: 1px solid #E8E8E8;
+  border-bottom: 1px solid #E8E8E8;
   margin-right: 32px;
   padding: 20px 0px 15px  0px ;
   .uc-course-img {
     width: 212px;
     height: 119px;
+    position: relative;
     img {
       width: 100%;
       height: 100%;
     }
+
   }
   .uc-course-info {
     // width: 50%;