apps/supplier-dispatch-h5
9
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

文档资料，培训文档完善

Browse Source
This commit is contained in:
zhouxueli
2023-08-28 10:25:01 +08:00
parent 8f80f216c1
commit 7bfced2126
2 changed files with 55 additions and 29 deletions
Download Patch File Download Diff File Expand all files Collapse all files

80
src/views/documentView/docmentList.vue
View File

@ -2,7 +2,6 @@
<div class="wrap">
<div class="navBar">
<van-nav-bar
title="文档资料"
left-arrow
left-arrow-color="#FFFFFF"
:border="false"
@ -10,37 +9,47 @@
:safe-area-inset-top="true"
@click-left="goBack"
>
<template slot="title">
<div v-show="!show">文档资料</div>
<van-field v-model="keyword" placeholder="请输入关键词" v-show="show" @keyup.enter="getList"/>
</template>
<template slot="right">
<div class="rightWrap">
<img src="@/assets/serach.png" class="img2"/>
<div class="rightWrap" @click="show = !show">
<img src="@/assets/serach.png" class="img2" v-show="!show"/>
<img src="@/assets/delKey.png" class="img2" v-show="show" @click="initShow"/>
</div>
</template>
</van-nav-bar>
</div>
<div class="tab_wrap">
<div class="tab_wrap">
<div v-for="(item, index) in tabArr" :key="index" :class="{'active' : activeIndex == index}"
@click="changeTab(index)">
{{ item.name }}
</div>
</div>
<div class="contentWrap">
<div class="itemWrap" v-for="(item,index) in pageList" :key="index">
<div class="info flexBetween common">
<div class="title">会记回家和</div>
<div class="time">2023-08-24 13:14:00</div>
</div>
<div class="imgWrap">
<img src="@/assets/empty.png">
</div>
<div class="num common">111</div>
<div class="doc flexBetween common">
<div class="left">培训材料</div>
<div class="right">
<span style="color: red;font-size: 14px;margin-right: 8px">未处理</span>
<span style="opacity: .9;color: #ccc">阅读8</span>
</div>
</div>
<div class="contentWrap" v-show="!showEmpty">
<div class="itemWrap" v-for="(item,index) in pageList" :key="index">
<div class="info flexBetween common">
<div class="title">{{ item.pushUser }}</div>
<div class="time">{{ item.pushTime }}</div>
</div>
<div class="imgWrap">
<img :src="item.themePicture">
<div class="name">{{item.name}}</div>
</div>
<div class="num common">{{ item.synopsis }}</div>
<div class="doc flexBetween common">
<div class="left">{{ item.docType?.label }}</div>
<div class="right">
<span style="color: red;font-size: 14px;margin-right: 8px">{{ item.listShowButton==null ? '已处理' : '未处理' }}</span>
<span style="opacity: .9;color: #ccc">阅读 {{item.readCount}}</span>
</div>
</div>
</div>
</div>
<div class="empty" style="display: flex;justify-content: center;align-items: center;height:calc(100% - 86px);background-color: #FAFAFA" v-show="showEmpty">
<img src="@/assets/empty.png" style="width: 100%"/>
</div>
</div>
</template>
@ -59,7 +68,9 @@ export default {
pageNum:1,
pageSize:10,
keyword:'',
trainingType:1
trainingType:1,
show:false,
showEmpty:false
}
},
mounted() {
@ -68,10 +79,9 @@ export default {
methods:{
async changeTab(index) {
this.activeIndex = index
// this.total = 0;
this.pageNum = 1
this.pageList = [];
if(this.trainingType === 1){
if(this.activeIndex === 0){
this.trainingType =1
}else{
this.trainingType=2
@ -83,11 +93,18 @@ export default {
pageNum:this.pageNum,
pageSize:this.pageSize,
docType:2,
trainingType:this.trainingType
trainingType:this.trainingType,
keyword:this.keyword || ''
})
this.pageList=res.data;
console.log(res)
if(res.data.length === 0){
this.showEmpty = true
}else {
this.showEmpty = false
} },
initShow(){
this.keyword= '',
this.getList()
}
}
}
@ -164,11 +181,20 @@ export default {
.imgWrap{
width: 100%;
height: 200px;
position: relative;
//background-color: #6C81CD;
img{
width: 100%;
height: 200px;
}
.name{
position: absolute;
left: 30px;
bottom: 30px;
font-size: 14px;
font-weight: 500;
color: #FFFFFF;
}
}
.left{
color: red;