页面推送模式竖版显示数量配置

src/css/indexVert.less

@@ -175,6 +175,7 @@
 }
 
 .labAndPacsBox {
+    position: relative;
     line-height: 25px;
 }
 

src/js/indexVertDom.js

@@ -3,58 +3,60 @@ const { openNewWin,imageUrlPrefix } = require('./promise.js');
 const { bindTipsEvent } = require('./popupEdit.js');
 
 function renderRecommendInfo(showNum,className,title,data, hasInfo, type, position) {
-    // const dataLen = data.length
-    // const str = `<div class="recommendInfoWrapper ${className}">
-    //                 <h4><i></i>${title}</h4>
-    //                 <div class="recommendInfoBox">
-    //                     <div class="clearfix recommendInfoItemBox ${className + 'box'}">
-    //                     </div>
-    //                 </div>
-    //             </div>`
-    // $('.recommendWrap').append(str)
-    // let dataShort
-    // if(showNum&& dataLen > showNum) {
-    //     dataShort = data.slice(0, showNum)
-    // } else {
-    //     dataShort = data
-    // }
-    // let childrenNodeStrShort = ''
-    // let childrenNodeStrLong = ''
-    // if(hasInfo) {
-    //     for (let i = 0; i < dataShort.length; i++) {
-    //         dataShort += `<span class="recommendInfoItem recommendInfoItemHasInfo">
-    //                                 ${dataShort[i].name}
-    //                                 <span  title="点击i图标可查看详细说明" class="infoMsg" data-name=${dataShort[i].name}></span>
-    //                             </span>`
-    //     }
-    //     for (let i = 0; i < data.length; i++) {
-    //         childrenNodeStrLong += `<span class="recommendInfoItem recommendInfoItemHasInfo">
-    //                                 ${data[i].name}
-    //                                 <span  title="点击i图标可查看详细说明" class="infoMsg" data-name=${data[i].name}></span>
-    //                             </span>`
-    //     }
-    // } else {
-    //     for (let i = 0; i < dataShort.length; i++) {
-    //         childrenNodeStrShort += `<span class="recommendInfoItem" data-name="${dataShort[i].name}">
-    //                                 ${dataShort[i].name}
-    //                             </span>`
-    //     }
-    //     for (let i = 0; i < data.length; i++) {
-    //         childrenNodeStrLong += `<span class="recommendInfoItem" data-name="${data[i].name}">
-    //                                 ${data[i].name}
-    //                             </span>`
-    //     }
-    // }
-    // if(!childrenNodeStrShort) {
-    //     childrenNodeStrShort='<span class="recommendNull">暂无推荐</span>'
-    // }
+    const dataLen = data.length
+    const str = `<div class="recommendInfoWrapper ${className}">
+                    <h4><i></i>${title}</h4>
+                    <div class="recommendInfoBox">
+                        <div class="clearfix recommendInfoItemBox ${className + 'box'}">
+                        </div>
+                    </div>
+                </div>`
+    $('.recommendWrap').append(str)
+    let dataShort
+    if(showNum&& dataLen > showNum) {
+        dataShort = data.slice(0, showNum)
+    } else {
+        dataShort = data
+    }
+    let childrenNodeStrShort = ''
+    let childrenNodeStrLong = ''
+    if(hasInfo) {
+        for (let i = 0; i < dataShort.length; i++) {
+            childrenNodeStrShort += `<span class="recommendInfoItem recommendInfoItemHasInfo">
+                                    ${dataShort[i].name}
+                                    <span  title="点击i图标可查看详细说明" class="infoMsg" data-name=${dataShort[i].name}></span>
+                                </span>`
+        }
+        for (let i = 0; i < data.length; i++) {
+            childrenNodeStrLong += `<span class="recommendInfoItem recommendInfoItemHasInfo">
+                                    ${data[i].name}
+                                    <span  title="点击i图标可查看详细说明" class="infoMsg" data-name=${data[i].name}></span>
+                                </span>`
+        }
+    } else {
+        for (let i = 0; i < dataShort.length; i++) {
+            childrenNodeStrShort += `<span class="recommendInfoItem" data-name="${dataShort[i].name}">
+                                    ${dataShort[i].name}
+                                </span>`
+        }
+        for (let i = 0; i < data.length; i++) {
+            childrenNodeStrLong += `<span class="recommendInfoItem" data-name="${data[i].name}">
+                                    ${data[i].name}
+                                </span>`
+        }
+    }
+    if(!childrenNodeStrShort) {
+        childrenNodeStrShort='<span class="recommendNull">暂无推荐</span>'
+    }
     
-    // $('.'+className + 'box').append(childrenNodeStrShort)
-    // $('.'+className + 'box' +' .infoMsg').on('click', function(){
-    //     const infoMsgName = $(this).attr('data-name')
-    //     openNewWin(`information.html?type=${type}&position=${position}&name=${infoMsgName}`)
-    // })
-    // slideToggle($("."+className+"box"))
+    $('.'+className + 'box').append(childrenNodeStrShort)
+    $('.'+className + 'box' +' .infoMsg').on('click', function(){
+        const infoMsgName = $(this).attr('data-name')
+        openNewWin(`information.html?type=${type}&position=${position}&name=${infoMsgName}`)
+    })
+    if(dataLen > showNum) {
+        slideToggle($("."+className+"box"), childrenNodeStrShort,childrenNodeStrLong)
+    }
 }
 
 function renderMultRecommendInfo(className,title,data, hasInfo, type, position) {
@@ -63,18 +65,33 @@ function renderMultRecommendInfo(className,title,data, hasInfo, type, position)
                     <div class="recommendInfoBox ${className + 'box'}"></div>
                 </div>`
     $('.recommendWrap').append(str)
+    
     for(let i = 0; i < data.length; i++) {
+        const showNum = data[i].showNum
+        const dataLen = data[i].data.length
         let childrenNodeBoxStr  = `<div class="labAndPacsBox ${data[i].className} clearfix"> </div>`
-        let childrenNodeStr =  `<span class="labAndPacsTitle">${data[i].title}<i></i></span>`
+        let childrenNodeStrShort =  `<span class="labAndPacsTitle">${data[i].title}<i></i></span>`
+        let childrenNodeStrLong =  `<span class="labAndPacsTitle">${data[i].title}<i></i></span>`
+        let dataShort
+        if(showNum&& dataLen > showNum) {
+            dataShort = data[i].data.slice(0, showNum)
+        } else {
+            dataShort = data[i].data
+        }
+        for(let j = 0; j < dataShort.length; j++) {
+            childrenNodeStrShort += `<span class="labAndPacsItem">${dataShort[j].name}</span>`
+        }
         for(let j = 0; j < data[i].data.length; j++) {
-            childrenNodeStr += `<span class="labAndPacsItem">${data[i].data[j].name}</span>`
+            childrenNodeStrLong += `<span class="labAndPacsItem">${data[i].data[j].name}</span>`
         }
         if(data[i].data.length == 0) {
-            childrenNodeStr +='<span class="recommendNull">暂无推荐</span>'
+            childrenNodeStrShort +='<span class="recommendNull">暂无推荐</span>'
         }
         $('.'+className + 'box').append(childrenNodeBoxStr)
-        $('.'+data[i].className).append(childrenNodeStr)
-        slideToggle($("."+data[i].className))
+        $('.'+data[i].className).append(childrenNodeStrShort)
+        if(dataLen > showNum) {
+            slideToggle($("."+data[i].className), childrenNodeStrShort,childrenNodeStrLong)
+        }
     }
 
 }
@@ -392,17 +409,17 @@ function renderRecommendConditTips(className,title,data) {
       })
       bindTipsEvent()
 }
-function slideToggle(domName){//展开收起
-    if(domName.height() > 25){
-      domName.addClass("recommendInfoItemBoxLimit").append('<span class="slideDown">更多 <i></i></span>')
-    }
+function slideToggle(domName,childrenNodeStrShort,childrenNodeStrLong){//展开收起
+    domName.append('<span class="slideDown">更多 <i></i></span>')
     domName.on('click',".slideDown",function(){
-      domName.removeClass("recommendInfoItemBoxLimit").append('<span class="slideup">收起 <i></i></span>')
-      $(this).remove()
+        domName.html(childrenNodeStrLong)
+        domName.append('<span class="slideup">收起 <i></i></span>')
+        $(this).remove()
     })
     domName.on('click',".slideup",function(){
-      domName.addClass("recommendInfoItemBoxLimit").append('<span class="slideDown">更多 <i></i></span>')
-      $(this).remove()
+        domName.html(childrenNodeStrShort)
+        domName.append('<span class="slideDown">更多 <i></i></span>')
+        $(this).remove()
     })
   }