文档资料，培训文档完善

src/views/documentView/docmentList.vue

@@ -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">
+        <div class="rightWrap" @click="show = !show">
-          <img src="@/assets/serach.png" class="img2"/>
+          <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="contentWrap" v-show="!showEmpty">
-        <div class="itemWrap" v-for="(item,index) in pageList" :key="index">
+    <div class="itemWrap" v-for="(item,index) in  pageList" :key="index">
-            <div class="info flexBetween common">
+      <div class="info flexBetween common">
-              <div class="title">会记回家和</div>
+        <div class="title">{{ item.pushUser }}</div>
-              <div class="time">2023-08-24 13:14:00</div>
+        <div class="time">{{ item.pushTime }}</div>
-            </div>
+      </div>
-           <div class="imgWrap">
+      <div class="imgWrap">
-             <img src="@/assets/empty.png">
+        <img :src="item.themePicture">
-           </div>
+        <div class="name">{{item.name}}</div>
-           <div class="num common">111</div>
+      </div>
-            <div class="doc flexBetween common">
+      <div class="num common">{{ item.synopsis }}</div>
-              <div class="left">培训材料</div>
+      <div class="doc flexBetween common">
-              <div class="right">
+        <div class="left">{{ item.docType?.label }}</div>
-                <span style="color: red;font-size: 14px;margin-right: 8px">未处理</span>
+        <div class="right">
-                <span style="opacity: .9;color: #ccc">阅读8</span>
+          <span style="color: red;font-size: 14px;margin-right: 8px">{{ item.listShowButton==null ? '已处理' :  '未处理' }}</span>
-              </div>
+          <span style="opacity: .9;color: #ccc">阅读  {{item.readCount}}</span>
-            </div>
         </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;

src/views/index/driverManage.vue

@@ -73,7 +73,7 @@ export default {
   mounted() {
     const urlParams = new URLSearchParams(window.location.search);
     this.supplierType = urlParams.get('supplierType');
-    this.$toast('页面supplierType：'+this.supplierType)
+    // this.$toast('页面supplierType：'+this.supplierType)
     this.getDriverList()
   },
   methods:{
@@ -85,7 +85,7 @@ export default {
       }, 1000);
     },
     addDriver(){
-      this.$toast('supplierType的值为：'+this.supplierType)
+      // this.$toast('supplierType的值为：'+this.supplierType)
       if(this.supplierType == 1){
         this.$toast("无权添加")
       }else{