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

This commit is contained in:
2024-10-11 10:42:42 +08:00
parent d8729033e1
commit bd58a176f6

View File

@ -1,7 +1,7 @@
<template> <template>
<div class="wrap" :style="{ 'overflow-y': showPoup ? 'hidden' : 'auto' }"> <div class="wrap" :style="{ 'overflow-y': showPoup ? 'hidden' : 'auto' }">
<div class="navBar"> <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"> <template slot="left" v-if="isFinished">
<van-icon name="checked" color="#37ec37" size="20"/> <van-icon name="checked" color="#37ec37" size="20"/>
</template> </template>
@ -12,16 +12,20 @@
<div class="itemWrap" v-for="(item,index) in pageList" :key="index" @click="goH5Detail(item,'培训文档')"> <div class="itemWrap" v-for="(item,index) in pageList" :key="index" @click="goH5Detail(item,'培训文档')">
<div class="info flexBetween common"> <div class="info flexBetween common">
<div class="title">{{ item.name }}</div> <div class="title">{{ item.name }}</div>
<div class="time">{{ item.updateTime }}</div> <!-- <div class="time">{{ item.updateTime }}</div>-->
</div> </div>
<div class="imgWrap"><img :src="item.themePicture"></div> <div class="imgWrap"><img :src="item.themePicture"></div>
<div class="num common">{{ item.synopsis }}</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> <div class="status" style="color: #cccccc">已处理</div>
</template> </template>
<template v-else> <template v-else>
<div class="status" >未处理</div> <div class="status" >未处理</div>
</template> </template>-->
</div> </div>
</van-pull-refresh> </van-pull-refresh>
</div> </div>
@ -247,77 +251,8 @@ export default {
} }
} }
} }
//.poupWrap{ .alRead{
// width: 100%; color: #cccccc !important;
// 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;
// }
// }
//}
</style> </style>