资料库

src/main/resources/static/css/document/list.css

@@ -28,6 +28,7 @@ li{list-style:none}
     .document-content{width: 100%;min-height:900px;float: left;}
     .document-content .inner{width: 1200px;margin: 0 auto;}
     .document-content .document-list{width: 100%;height: auto;margin-top: 40px;}
+    .document-list .list-item-none{width: 100%;line-height: 40px;text-align: center;font-size: 14px;color: #999999;}
     .document-list .list-item{width: 100%;min-height: 160px;background-color: #FFFFFF;border-radius: 4px;box-sizing: border-box;padding: 20px 20px 0 20px ;float: left;margin-bottom: 20px;}
     .document-list .list-item .list-item-top{width: 100%;height:auto;float: left;padding-bottom:20px; position: relative;}
     .document-list .list-item .list-item-top .image{width: 140px;height: 120px;float: left;border: 1px solid #F3F6F9;border-radius: 4px;margin-right: 20px;}
@@ -76,6 +77,7 @@ li{list-style:none}
     .document-content{width: 100%;min-height:108vw;float: left;}
     .document-content .inner{width:100%;margin: 0 auto;}
     .document-content .document-list{width: 100%;height: auto;margin-top: 4vw;box-sizing: border-box;padding: 0 3vw;}
+    .document-list .list-item-none{width: 100%;line-height: 20vw;text-align: center;font-size: 4vw;color: #999999;}
     .document-list .list-item{width: 100%;min-height: auto;background-color: #FFFFFF;border-radius: 1.5vw;box-sizing: border-box;padding: 3vw 3vw 0 3vw;float: left;margin-bottom: 4vw;}
     .document-list .list-item .list-item-top{width: 100%;height:auto;float: left;padding-bottom:2vw; position: relative;}
     .document-list .list-item .list-item-top .image{width:20vw;height: 20vw;float: left;border: 1px solid #F3F6F9;border-radius: 1.5vw;margin-right: 2vw;}
@@ -88,8 +90,6 @@ li{list-style:none}
     .document-list .list-item .list-item-top .main p{width: 100%;font-weight: normal;font-size: 3vw;line-height: 6.5vw;color: #666666;text-align: left;	white-space: normal;word-break: break-all;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;}
     .document-list .list-item .list-item-top .main span{margin-left: 1vw;}
     .document-list .list-item .list-item-bot{width: 100%;height: auto;padding: 2vw 0;border-top: 1px solid #CFDBE2;float: left;}
-    /*.document-list .list-item .list-item-top.none{border-bottom: 1px solid #CFDBE2;}*/
-    /*.document-list .list-item .list-item-bot.none{border-top: none;}*/
     .document-list .list-item .list-item-bot .pdf-li{width: 100%;height: 10vw;font-size: 3vw;color: #999999;float: left;margin:1vw 0;}
     .document-list .list-item .list-item-bot .pdf-li .img{width: 7vw;height:8vw;display: block;float: left;margin-top: 0;}
     .document-list .list-item .list-item-bot .pdf-li .name{float: left;margin-left: 3vw;cursor: pointer;width: 65vw;line-height: 5vw;}

src/main/resources/static/js/document/list.js

@@ -13,6 +13,7 @@ var documentList = new Vue({
         },
         hasNextPage:false,
         pdfDataList:[],
+        isEmptyData:false
     },
     computed: {
 
@@ -23,11 +24,17 @@ var documentList = new Vue({
             DocumentApi.GetDocumentDataList(_self.listQuery,function(response){
                 if(response.code == 0){
                     var data = response.data;
-                    _self.hasNextPage = data.hasNextPage;
-                    if(more){
-                        _self.pdfDataList = _self.pdfDataList.concat(data.list);
+                    if(data){
+                        _self.isEmptyData = false;
+                        _self.hasNextPage = data.hasNextPage;
+                        if(more){
+                            _self.pdfDataList = _self.pdfDataList.concat(data.list);
+                        }else{
+                            _self.pdfDataList = data.list
+                        }
                     }else{
-                        _self.pdfDataList = data.list
+                        _self.isEmptyData = true;
+                        _self.pdfDataList=[];
                     }
                 }else{
                     CAIMEI.Alert(response.msg, '确定', false);
@@ -36,10 +43,10 @@ var documentList = new Vue({
         },
         searchKeyWord:function(){//搜索
             var _self = this;
-            if (_self.listQuery.name ==''){
-                CAIMEI.dialog('请输入搜索关键字',false,function () {});
-                return;
-            }
+            // if (_self.listQuery.name ==''){
+            //     CAIMEI.dialog('请输入搜索关键字',false,function () {});
+            //     return;
+            // }
             this.GetDocumentDataListInfo();
         },
         PdfDetails:function(id){//跳转

src/main/resources/templates/document/list.html

@@ -29,7 +29,8 @@
     <div class="document-content clear">
         <div class="inner">
             <div class="document-list">
-                <div class="list-item" v-for="(item,index) in pdfDataList" :key="index">
+                <div v-if="isEmptyData" class="list-item-none" ><p>暂无数据</p></div>
+                <div v-else class="list-item" v-for="(item,index) in pdfDataList" :key="index">
                     <div class="list-item-top" :class="item.isShowDowns ? 'none' : ''">
                         <div class="image" @click="productDetails(item.productId)"><img :src="item.mainImage" alt=""></div>
                         <div class="main">