|
@@ -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
|
|
|
}
|