task#15348,调度app,培训排版更改

src/views/newcomerTraining/newTrainingList.vue

@@ -1,7 +1,7 @@
 <template>
   <div class="wrap" :style="{ 'overflow-y': showPoup ? 'hidden' : 'auto' }">
     <div class="navBar">
-      <van-nav-bar title="新人培训"  :border="false" :fixed="true" :safe-area-inset-top="true">
+      <van-nav-bar title="培训"  :border="false" :fixed="true" :safe-area-inset-top="true">
         <template slot="left" v-if="isFinished">
          <van-icon  name="checked" color="#37ec37" size="20"/>
         </template>
@@ -12,16 +12,20 @@
         <div class="itemWrap" v-for="(item,index) in  pageList" :key="index" @click="goH5Detail(item,'培训文档')">
           <div class="info flexBetween common">
             <div class="title">{{ item.name }}</div>
-            <div class="time">{{ item.updateTime }}</div>
+<!--            <div class="time">{{ item.updateTime }}</div>-->
           </div>
           <div class="imgWrap"><img :src="item.themePicture"></div>
           <div class="num common">{{ item.synopsis }}</div>
-          <template v-if="item.alreadyRead === 1">
+          <div  class="info flexBetween common" >
+            <div class="time">{{ item.pushTime		 }}</div>
+            <span style="color: red;font-size: 14px;margin-right: 8px" :class="item.alreadyRead===1 ? 'alRead' : ''">{{ item.alreadyRead===1 ? '已处理' :  '未处理' }}</span>
+          </div>
+<!--          <template v-if="item.alreadyRead === 1">
             <div class="status"  style="color: #cccccc">已处理</div>
           </template>
           <template v-else>
             <div class="status" >未处理</div>
-          </template>
+          </template>-->
         </div>
       </van-pull-refresh>
     </div>
@@ -247,77 +251,8 @@ export default {
       }
     }
 }
-//.poupWrap{
-//  width: 100%;
-//  height: 100%;
-//  background-color: rgba(0,0,0,.7);
-//  position: absolute;
-//  top: 0;
-//  left: 0;
-//  .container{
-//    width: 320px;
-//    height: 310px;
-//    background-image: url("@/assets/trainBg.png");
-//    background-size: 320px 310px;
-//    background-repeat: no-repeat;
-//    position: absolute;
-//    top: 0;
-//    bottom: 0;
-//    left: 0;
-//    right: 0;
-//    margin: auto;
-//    .con{
-//      position: absolute;
-//      top: 100px;
-//      left: 20px;
-//    }
-//
-//  }
-//  .title{
-//    font-weight: bold;
-//    font-size: 19px;
-//    color: #3364B7;
-//    line-height: 26px;
-//    width: 70%;
-//    margin-left: 35px;
-//    text-align: center;
-//  }
-//  .content{
-//    width: 70%;
-//    height: 92px;
-//    font-size: 14px;
-//    color: #4C5361;
-//    line-height: 23px;
-//    text-align: justify;
-//    margin-top: 8px;
-//    margin-bottom: 20px;
-//    margin-left: 35px;
-//  }
-//  .line{
-//    width: 285px;
-//    height: 1px;
-//    border-bottom: 1px solid #F1F2F5;
-//  }
-//  .btnWrap{
-//    width: 92%;
-//    font-weight: bold;
-//    font-size: 13px;
-//    display: flex;
-//    justify-content: space-around;
-//    margin-top: 6px;
-//    height: 40px;
-//    line-height: 40px;
-//    .closeBtn{
-//      color: #999B9F;
-//    }
-//    .line{
-//      width: 1px;
-//      height: 48px;
-//      border-right: 1px solid #F1F2F5;
-//    }
-//    .nextBtn{
-//      color: #3364B7;
-//    }
-//  }
-//}
+.alRead{
+  color: #cccccc !important;
+}
+
 </style>