资料库

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

@@ -36,12 +36,12 @@ li{list-style:none}
     .document-list .list-item .list-item-top .icon:before{width: 24px;height: 24px;background-position: -148px 2px;}
     .document-list .list-item .list-item-top .icon.top:before{width: 24px;height: 24px;background-position: -178px 2px;}
     .document-list .list-item .list-item-top .main {width: 800px;height: 120px;float: left;}
-    .document-list .list-item .list-item-top .main h1{font-weight: normal;font-size: 20px;line-height: 40px;color: #E15616;text-align: left;}
-    .document-list .list-item .list-item-top .main .p{font-weight: normal;font-size: 16px;line-height: 34px;color: #666666;text-align: left;}
-    .document-list .list-item .list-item-top .main .p .p-span{display: inline-block;float: left;}
+    .document-list .list-item .list-item-top .main h1{font-weight: normal;font-size: 20px;line-height: 40px;color: #E15616;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 .p{display: flex;font-weight: normal;font-size: 16px;line-height: 34px;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 .p .p-span{flex: 0.9;float: left;margin-right: 10px;}
     .document-list .list-item .list-item-top .main h1 span{margin-right: 5px;}
     .document-list .list-item .list-item-top .main .p span{margin-right: 5px;}
-    .document-list .list-item .list-item-top .main .p .name{ float: left;margin-right:10px;font-weight: normal;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 .p .name{width:49%;float: left;margin-right:10px;font-weight: normal;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 .p .more{color: #E15616;cursor: pointer;}
     .document-list .list-item .list-item-bot{width: 100%;min-height: 1185px;padding: 20px 0;border-top: 1px solid #CFDBE2;float: left;margin-bottom: 120px;}
     .document-list .list-item .list-item-bot .pdf-li{width: 100%;height: 30px;line-height: 30px;font-size: 14px;color: #999999;float: left;margin: 5px 0;}

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

@@ -37,8 +37,8 @@ li{list-style:none}
     .document-list .list-item .list-item-top .icon:before{width: 24px;height: 24px;background-position: -148px 2px;}
     .document-list .list-item .list-item-top .icon.top:before{width: 24px;height: 24px;background-position: -178px 2px;}
     .document-list .list-item .list-item-top .main {width: 800px;height: 120px;float: left;}
-    .document-list .list-item .list-item-top .main h1{font-weight: normal;font-size: 20px;line-height: 40px;color: #E15616;text-align: left;}
-    .document-list .list-item .list-item-top .main p{font-weight: normal;font-size: 16px;line-height: 34px;color: #666666;text-align: left;}
+    .document-list .list-item .list-item-top .main h1{font-weight: normal;font-size: 20px;line-height: 40px;color: #E15616;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 p{font-weight: normal;font-size: 16px;line-height: 34px;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-bot{width: 100%;height: auto;padding: 20px 0;border-top: 1px solid #CFDBE2;float: left;}
     .document-list .list-item .list-item-bot.none{border-top: none;}
     .document-list .list-item .list-item-bot .pdf-li{width: 100%;height: 30px;line-height: 30px;font-size: 14px;color: #999999;float: left;margin: 5px 0;}

src/main/resources/static/css/document/more-content.css

@@ -36,8 +36,8 @@ li{list-style:none}
     .document-list .list-item .list-item-top .icon:before{width: 24px;height: 24px;background-position: -148px 2px;}
     .document-list .list-item .list-item-top .icon.top:before{width: 24px;height: 24px;background-position: -178px 2px;}
     .document-list .list-item .list-item-top .main {width: 800px;height: 120px;float: left;}
-    .document-list .list-item .list-item-top .main h1{font-weight: normal;font-size: 20px;line-height: 40px;color: #E15616;text-align: left;}
-    .document-list .list-item .list-item-top .main p{font-weight: normal;font-size: 16px;line-height: 34px;color: #666666;text-align: left;}
+    .document-list .list-item .list-item-top .main h1{font-weight: normal;font-size: 20px;line-height: 40px;color: #E15616;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 p{font-weight: normal;font-size: 16px;line-height: 34px;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-bot{width: 100%;height: auto;padding: 20px 0;border-top: 1px solid #CFDBE2;float: left;}
     .document-list .list-item .list-item-bot .pdf-li{width: 100%;height: 30px;line-height: 30px;font-size: 14px;color: #999999;float: left;margin: 5px 0;}
     .document-list .list-item .list-item-bot .pdf-li .img{width: 18px;height: 20px;display: block;float: left;margin-top: 5px;}

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

@@ -34,8 +34,8 @@
                     <div class="list-item-top">
                         <div class="image"><img :src="ossArchive.mainImage" alt=""></div>
                         <div class="main">
-                            <h1><span>供应商:</span>{{ ossArchive.shopName }}</h1>
-                            <div class="p"><span>商品名称:</span><p>{{ ossArchive.productName }}</p></div>
+                            <h1><span>供应商:</span>{{ ossArchive.shopName ? ossArchive.shopName : '暂无' }}</h1>
+                            <div class="p"><p class="p-span">商品名称:</p><p class="name">{{ ossArchive.productName ? ossArchive.productName : '暂无' }}</p></div>
                             <div class="p"><p class="p-span">资料库名称: </p><p class="name">{{ ossArchive.name }}</p><span @click="MoreDetails()" class="more">更多资料</span></div>
                         </div>
                     </div>