zhangxc 5 anni fa
parent
commit
fee3dd0074
4 ha cambiato i file con 412 aggiunte e 160 eliminazioni
  1. 24 1
      src/css/icssIndex.less
  2. 292 156
      src/js/icssIndex.js
  3. 95 3
      src/js/icssIndexDom.js
  4. 1 0
      src/js/promise.js

+ 24 - 1
src/css/icssIndex.less

@@ -2,7 +2,7 @@
 
 .iframeWrap {
     margin: 10px auto 50px;
-    padding: 20px;
+    padding: 0 20px 20px 20px;
     min-width: 340px;
 }
 
@@ -55,6 +55,29 @@
         background-color: #FDF4EE;
     }
 }
+.warning{
+    background-color: #FF8D54;
+    font-size: 14px;
+    h4 {
+        background-color: #FF8D54;
+        font-size: 14px;
+        color: #fff;
+        line-height: 30px;
+        display: inline-block;
+        margin: 0 20px 0 0;
+        i{
+            margin: 0 12px 0 0;
+        }
+    }
+    .recommendInfoBox{
+        display: inline-block;
+    }
+    .recommendInfoItem{
+        display: inline-block;
+        float: none;
+        color: #fff;
+    }
+}
 
 .recommendInfoBox {
     padding: 4px 17px;

File diff suppressed because it is too large
+ 292 - 156
src/js/icssIndex.js


+ 95 - 3
src/js/icssIndexDom.js

@@ -1,7 +1,99 @@
-function renderCaseStandard(){
-    console.log('renderCaseStandard')
+const $ = require("jquery");
+const { openNewWin,imageUrlPrefix } = require('./promise.js');
+
+
+function renderCaseStandard(className,title,data){
+    console.log('renderCaseStandard',className,title)
+    const str = `<div class="recommendInfoWrapper ${className}">
+        <h4><i></i>${title}</h4>
+        <div class="recommendInfoBox">
+            <div class="clearfix recommendInfoItemBox ${className + 'box'}">
+            </div>
+        </div>
+    </div>`
+    console.log('str',data,)
+    let childStr = ""
+    for(let i = 0; i < data.length; i++){
+        childStr += `<p>${data[i]}</p>`
+    }
+    console.log('childStr',childStr, )
+    $('.recommendWrap').append(str)
+    $(`.${className}box`).html(childStr)
+}
+function renderWarning(showNum,className,title,data, hasInfo, type, position){
+    let showNumCopy = showNum || 5
+    const dataLen = data.length
+    const str = `<div class="recommendInfoWrapper ${className}">
+                    
+                    <div class="recommendInfoBox">
+                       
+                        <div class="clearfix recommendInfoItemBox ${className + 'box'}">
+                        <h4><i></i>${title}</h4>
+                        </div>
+                    </div>
+                </div>`
+    $('.recommendWrap').append(str)
+    let dataShort
+    if(showNumCopy&& dataLen > showNumCopy) {
+        dataShort = data.slice(0, showNumCopy)
+    } 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=${encodeURIComponent(type)}&position=${encodeURIComponent(position)}&name=${encodeURIComponent(infoMsgName)}`)
+    })
+    if(dataLen > showNumCopy) {
+        slideToggle($("."+className+"box"), childrenNodeStrShort,childrenNodeStrLong)
+    }
 }
 
+function slideToggle(domName,childrenNodeStrShort,childrenNodeStrLong){//展开收起
+    domName.append('<span class="slideDown">更多 <i></i></span>')
+    domName.on('click',".slideDown",function(){
+        domName.html(childrenNodeStrLong)
+        domName.append('<span class="slideup">收起 <i></i></span>')
+        $(this).remove()
+    })
+    domName.on('click',".slideup",function(){
+        domName.html(childrenNodeStrShort)
+        domName.append('<span class="slideDown">更多 <i></i></span>')
+        $(this).remove()
+    })
+}
 module.exports ={
-    renderCaseStandard
+    renderCaseStandard,
+    renderWarning
 }

+ 1 - 0
src/js/promise.js

@@ -46,6 +46,7 @@ const config = {
   dictionaryInfo: '/api/data/dictionaryInfo/getList', //字典信息
   getPushSet:'/api/data/pushSet/getPushSet', //获取推送配置
   analyse:'/api/data/mrqc/analyse',
+  getHosptDeptUsal:'/api/data/concept/getHosptDeptUsal', //获取科室常用标签
   ruleTypeMap:{     //大数据推送参数featureType对应
     '22':'1,2',
     '11':'3',