治疗方案可配置

src/js/indexHorizontal.js

@@ -0,0 +1,77 @@
+require('./../css/reset.css');
+
+const $ = require("jquery");
+const { post,config,getUrlArgObject } = require('./promise.js');
+
+var msg = {
+    age: getUrlArgObject('age'),
+    sex: getUrlArgObject('sex') == '男'?1:(getUrlArgObject('sex') == '女'?2:(getUrlArgObject('sex') == '通用'?3:getUrlArgObject('sex'))),
+    symptom: getUrlArgObject('symptomJson'),
+    vital: getUrlArgObject('vitalJson'),
+    lis: getUrlArgObject('lisJson')? JSON.parse(getUrlArgObject('lisJson')) : [],
+    pacs: getUrlArgObject('pacsJson'),
+    diag: getUrlArgObject('diagJson'),
+    diseaseName: getUrlArgObject('diagJson'),
+    other: getUrlArgObject('otherJson') + getUrlArgObject('pastJson'),
+    hosCode:getUrlArgObject('hospitalCode') || ''
+  }//推送相关信息
+  
+  window.msg = msg
+  window.pushMessage = {}
+  post(config.getSysSetInfoDatas,{hospitalCode: msg.hosCode}).then((res)=>{
+    const data = res.data
+    if(data.code == 0){
+        console.log('data', data)
+      
+      
+      
+     
+    }
+  })
+
+//   post(config.pushInner,Object.assign({featureType: '1,4,5,6,7,22'},msg)).then((res)=>{
+//     var data = res.data
+//     if(data.code == 0){
+//       var result = data.data;
+//       if(result.medicalIndications && result.medicalIndications.length>0){//病情提示
+//         window.pushMessage = result.medicalIndications;//计算的需要的相关数据
+//         bqtsFun(result.medicalIndications)
+//       }
+//       if(result.dis){
+//         var proB = result.dis['可能诊断'] || []//可能
+//         var proY = result.dis['确诊'] || []//确诊
+//         var proWaring = result.dis['警惕'] || []
+//         yszdFun(proY)//疑似
+//         knzdFun(proB)//可能
+//         jtFun(proWaring)//警惕
+//         if(proY.length == 0){
+//           $(".conditionHintMay").css("display","none")
+//         }else{
+//           $(".conditionHintMayNull").css("display","none")
+//         }
+//       }
+//       if(result.symptom && result.symptom.length > 0){//推荐问诊症状
+//         $(".conditionHintWzNull").css("display","none")
+//         tjwzFun(result.symptom)
+//       }
+//       if(result.vital && result.vital.length > 0){//体格检查
+//         $(".conditionHintTgNull").css("display","none")
+//         tjtgFun(result.vital)
+//       }
+//       if(result.pacs.length > 0 && result.lab.length > 0){
+//         $(".conditionHintAssistLis").css({
+//           "border-top":"1px solid #D1D1D1"
+//         })
+//       }
+//       if(result.lab && result.lab.length > 0){//化验
+//         $(".conditionHintInspectNull").css("display","none")
+//         $(".conditionHintAssistNull").css("display","none")
+//         tjhyFun(result.lab)
+//       }
+//       if(result.pacs && result.pacs.length > 0){//辅检
+//         $(".conditionHintInspectNull").css("display","none")
+//         $(".conditionHintAssistNull").css("display","none")
+//         tjfjFun(result.pacs)
+//       }
+//     }
+//   })

src/js/indexVert.js

@@ -0,0 +1,95 @@
+require('./../css/reset.css');
+
+const $ = require("jquery");
+const { post,config,getUrlArgObject } = require('./promise.js');
+const { transConf } = require('./util.js');
+const { renderRecommendInfo, renderMultRecommendInfo, renderTreat, renderRecommendConditTips } = require('./indexVertDom.js');
+
+var msg = {
+    age: getUrlArgObject('age'),
+    sex: getUrlArgObject('sex') == '男'?1:(getUrlArgObject('sex') == '女'?2:(getUrlArgObject('sex') == '通用'?3:getUrlArgObject('sex'))),
+    symptom: getUrlArgObject('symptomJson'),
+    vital: getUrlArgObject('vitalJson'),
+    lis: getUrlArgObject('lisJson')? JSON.parse(getUrlArgObject('lisJson')) : [],
+    pacs: getUrlArgObject('pacsJson'),
+    diag: getUrlArgObject('diagJson'),
+    diseaseName: getUrlArgObject('diagJson'),
+    other: getUrlArgObject('otherJson') + getUrlArgObject('pastJson'),
+    hosCode:getUrlArgObject('hospitalCode') || ''
+}//推送相关信息
+//   http://localhost:8082/indexVert.html?age=28&diseaseId=280&lisJson=&diagJson=%E6%80%A5%E6%80%A7%E8%83%B0%E8%85%BA%E7%82%8E&pastJson=%E6%97%A0%E5%BF%83%E8%84%8F%E7%97%85&otherJson=%E6%97%A0%E9%AB%98%E8%A1%80%E5%8E%8B&pacsJson=%E8%85%B9%E9%83%A8B%E8%B6%85:%E6%97%A0%E5%BC%82%E5%B8%B8,%20%E6%8A%A5%E5%91%8A%E6%97%A5%E6%9C%9F:2019-05-07&sex=%E7%94%B7&symptomJson=%E6%81%B6%E5%BF%83%E5%91%95%E5%90%90%E8%85%B0%E7%97%9B&vitalJson=%E8%A1%80%E5%8E%8B%E5%B7%A6%E4%B8%8A%E8%82%A213/12mmHg
+window.msg = msg
+window.pushMessage = {}
+post(config.getSysSetInfoDatas,{hospitalCode: msg.hosCode}).then((res)=>{
+    const data = res.data
+    if(data.code == 0){
+        console.log('data', data)
+        let confArr = transConf(data.data)
+        resolve(confArr)
+      
+      
+    }
+})
+
+post(config.pushInner,Object.assign({featureType: '1,4,5,6,7,22'},msg)).then((res)=>{
+    var data = res.data
+    if(data.code == 0){
+        var result = data.data;
+        if(result.medicalIndications && result.medicalIndications.length>0){//病情提示
+          window.pushMessage = result.medicalIndications;//计算的需要的相关数据
+          renderRecommendConditTips('ConditTips','病情提示', result.medicalIndications)
+        }
+        if(result.dis){
+            const diagPossible = result.dis['可能诊断'] || []//可能
+            const diagDoubt = result.dis['疑似诊断'] || [] // 疑似
+            const diagDeter = result.dis['确诊'] || []//确诊
+            const diagWaring = result.dis['警惕'] || [] // 推荐警惕诊断
+            const symptomRecommend = result.symptom || []  //推荐问诊症状
+            const physiExamRecommend  = result.vital || [] //推荐体格检查
+            const diagRecommend = diagPossible.concat(diagDoubt, diagDeter) //推荐诊断
+            const labRecommend = result.lab || []
+            const pacsRecommend = result.pacs || []
+            const labAndPacsRecommend = [
+                {
+                    title: '化验',
+                    className: 'labRecommend',
+                    data:  labRecommend
+                },
+                {
+                    title: '辅检',
+                    className: 'pacsRecommend',
+                    data:  pacsRecommend
+              }
+            ]
+            renderRecommendInfo('warning', '警惕诊断', diagWaring, true)
+            renderRecommendInfo('diagRecommend', '推荐诊断', diagRecommend, true)
+            renderRecommendInfo('symptomRecommend', '问诊症状', symptomRecommend, false)
+            renderRecommendInfo('physiExamRecommend', '体格检查', physiExamRecommend, false)
+            renderMultRecommendInfo('labAndPacsRecommend', '检验检查', labAndPacsRecommend, false)
+        }
+      
+    
+      
+    }
+})
+
+post(config.pushTreatment,Object.assign({featureType: '8'},msg)).then((res)=>{
+  var data = res.data
+  if(data.code == 0){
+    var result = data.data;
+    console.log('treatResult', result)
+    renderTreat('treatRecommend','治疗方案',result)
+    // var num = 0;
+    // if(result.commonTreatment && result.commonTreatment.content){
+    //   ++num
+    //   ybzlFun(result.commonTreatment.content)//一般治疗
+    // }
+    // if(result.treatment && result.treatment.length>0){
+    //   ++num
+    //   cyywFun(result.treatment)//常用药物
+    // }
+    // if(num == 0){
+    //   $(".conditionHintZhiliaoNull").css("display","block")
+    // }
+  }
+})

src/js/indexVertDom.js

@@ -0,0 +1,210 @@
+const $ = require("jquery")
+
+function renderRecommendInfo(className,title,data, hasInfo, type, position) {
+    console.log('title:', title)
+    const str = `<div class="recommendInfoWrapper ${className}">
+                    <h4><i></i>${title}</h4>
+                    <div class="recommendInfoBox  ${className + 'box'}"></div>
+                </div>`
+    $('.recommendWrap').append(str)
+    let childrenNodeStr = ''
+    if(hasInfo) {
+        for (let i = 0; i < data.length; i++) {
+            childrenNodeStr += `<span class="recommendInfoItem" data-name="${data[i].name}">
+                                    ${data[i].name}
+                                    <span  title="点击名称可看详细说明" class="infoMsg">说明</span>
+                                </span>`
+        }
+    } else {
+        for (let i = 0; i < data.length; i++) {
+            childrenNodeStr += `<span class="recommendInfoItem" data-name="${data[i].name}">
+                                    ${data[i].name}
+                                </span>`
+        }
+    }
+    
+    $('.'+className + 'box').append(childrenNodeStr)
+
+}
+
+function renderMultRecommendInfo(className,title,data, hasInfo, type, position) {
+    console.log('title:', title, className)
+    const str = `<div class="recommendInfoWrapper ${className}">
+                    <h4><i></i>${title}</h4>
+                    <div class="recommendInfoBox ${className + 'box'}"></div>
+                </div>`
+    $('.recommendWrap').append(str)
+    
+    for(let i = 0; i < data.length; i++) {
+        let childrenNodeBoxStr  = `<div class="labAndPacsBox ${data[i].className}"> </div>`
+        let childrenNodeStr =  `<span>${data[i].title}</span>`
+        for(let j = 0; j < data[i].data.length; j++) {
+            childrenNodeStr += `<span>${data[i].data[j].name}</span>`
+        }
+        $('.'+className + 'box').append(childrenNodeBoxStr)
+        $('.'+data[i].className).append(childrenNodeStr)
+        
+    }
+
+}
+
+function renderTreat(className,title, data) {
+    console.log('renderTreat')
+    const str = `<div class="recommendInfoWrapper ${className}">
+                    <h4><i></i>${title}</h4>
+                    <div class="recommendInfoBox  ${className + 'box'}"></div>
+                </div>`
+    $('.recommendWrap').append(str)
+    if(data.commonTreatment&&data.commonTreatment.content) {
+        renderTreatText('commonTreatment', '一般治疗', data.commonTreatment.content, className+'box')
+    }
+    renderTreatDrug('drugTreatment', '常用药物治疗', data.treatment, className+'box')
+}
+
+function renderTreatText(className,title,data, parentNode) {
+    console.log('renderTreatText')
+    const childrenNodeBoxStr = `
+        <div class = "treatItemBox ${className + 'box'}">
+            <p class="treatItemTitle">${title}</p>
+            <p class="${className + 'Info'}"></p>
+        </div>
+    `
+    $('.' + parentNode).append(childrenNodeBoxStr)
+    $('.' + className+'Info').html(data)
+}
+function renderTreatDrug(className,title,data, parentNode) {
+    console.log('renderTreatDrug')
+    const childrenNodeBoxStr = `
+        <div class = "treatItemBox ${className + 'box'}">
+            <p class="treatItemTitle">${title}</p>
+            <p class="${className + 'Info'}"></p>
+        </div>
+    `
+    $('.' + parentNode).append(childrenNodeBoxStr)
+    for(let i = 0; i < data.length; i++) {
+        let childrenNodeStr = `<p>
+            ${i+1}.${data[i].bigdrugsName}(${data[i].subdrugsName}):`
+        for (let j = 0; j < data[i].medicitionsList.length; j++) {
+            childrenNodeStr += `<span>${data[i].medicitionsList[j].medicitionName}</span>`
+            if(data[i].medicitionsList[j].drugsForbidden == '1') {
+                childrenNodeStr += `<span>慎用</span>`
+            } else if(data[i].medicitionsList[j].drugsForbidden == '2') {
+                childrenNodeStr += `<span>禁用</span>`
+            }
+            childrenNodeStr += `<span>说明</span>,</span>`
+            childrenNodeStr += `使用率${data[i].medicitionsList[j].rate}`
+            if(j === data[i].medicitionsList.length-1) {
+                childrenNodeStr += ';'
+            } else {
+                childrenNodeStr += ','
+            }
+        }
+        childrenNodeStr += ` </p>`
+        $('.' + className+'Info').append(childrenNodeStr)
+    }
+    
+}
+
+function renderRecommendConditTips(className,title,data) {
+    console.log('renderRecommendConditTips')
+    const str = `<div class="recommendInfoWrapper ${className}">
+                    <h4><i></i>${title}</h4>
+                    <div class="recommendInfoBox  ${className + 'box'}"></div>
+                </div>`
+    $('.recommendWrap').append(str)
+   
+    for(var k = 0;k < data.length;k++){
+        var tmpBq = data[k]
+        var tmpBqStr = '<p class="mayIllness">患者可能有 <span>'+tmpBq.name+'<a target="_blank" title="点击该名称可看详细说明" class="infoMsg" href="information.html?type=22&position=2&name='+tmpBq.name+'"></a></span> :</p>'
+        var tmpBqDetailStr = ''
+        for(var m = 0;m < tmpBq.details.length;m++){
+          var tmpBqDetail = tmpBq.details[m]
+          if(tmpBqDetail.type == 1){
+            tmpBqDetailStr+="<a target='_blank' href='scale.html?featureType=21&sex="+msg.sex+"&lis="+JSON.stringify(msg.lis)+"&diag="+msg.diag+"&scaleName="+tmpBqDetail.content.name+"&symptom="+msg.symptom+"&other="+msg.other+"&pacs="+msg.pacs+"&vital="+msg.vital+"&age="+msg.age+"&scaleId="+tmpBqDetail.content.id+"' class='illnessTable'>"+tmpBqDetail.content.name+"</a>"
+          }
+          if(tmpBqDetail.type == 2){
+            var deepDetailName = '<div class="modalTitle">'+tmpBqDetail.content.name+'<i class="closeModal"></i></div>'
+            var deepDetailStr = ''
+            var deepDetailResultStr = ''
+            for(var n = 0;n < tmpBqDetail.content.details.length;n++){
+              var deepDetail = tmpBqDetail.content.details[n]
+              if(deepDetail.controlType == 2){//0-radio,1-checkbox,2-text,3-dropdownlist
+                deepDetailStr+='<li class="radioCheck"><span class="modalMaintltle">请输入'+deepDetail.name+': </span><input type="text" placeholder="请输入" value="'+deepDetail.value+'"><i class="uint">'+deepDetail.uint+'</i></li>'
+              }
+              if(deepDetail.controlType == 0){
+                let tooDeepDetailStr = ''
+                for(var f = 0;f<deepDetail.details.length;f++){
+                  var tooDeepDetail = deepDetail.details[f]
+                  if(deepDetail.name == '性别'){
+                    tooDeepDetailStr+='<li class="radioChecks '+(tooDeepDetail.state == 1?"radioCheckSec":"")+'" data-select="'+(tooDeepDetail.state == 1?"select":"")+'"><i></i><span>'+tooDeepDetail.detailName+'</span></li>'
+                  }else{
+                    tooDeepDetailStr+='<li class="radioChecks"><i></i><span>'+tooDeepDetail.detailName+'</span>'+(tooDeepDetail.state == 1?"<a>（智能推荐）</a>":"")+'</li>'
+                  }
+                }
+                deepDetailStr+='<li class="radioCheck"><span class="modalMaintltle">'+deepDetail.name+': </span>'+
+                  '<ul class="clearfix caculateLis">'+
+                  tooDeepDetailStr+
+                  '</ul>'+
+                  '</li>'
+              }
+            }
+            for(var v = 0;v < tmpBqDetail.content.result.length;v++){
+              deepDetailResultStr+='<p class="result"><span class="calculateName">'+tmpBqDetail.content.result[v].name+'：</span><span class="calculateResult"></span></p>'
+            }
+            tmpBqDetailStr+='<div class="mayResult">计算公式结果：<span class="mayResultSelect" data-num="'+k+'">'+
+            '<span class="makesureResult">请选择</span>'+
+            '<span class="sanjiao"></span>'+
+            '<div class="popupModal">'+
+            deepDetailName+
+            '<div class="modalMainTwo">'+
+            '<ul class="clearfix">'+
+            deepDetailStr+
+            '</ul>'+
+            '<div class="calculate" data-num="'+k+'">计算</div>'+
+            '<p class="calculateError">请填写计算公式内容</p><div class="resultLis">'+
+            deepDetailResultStr+
+            '</div></div>'+
+            '<div class="btnWrap clearfix">'+
+            '<div class="sureScore" data-type="2">关闭</div>'+
+            '</div>'+
+            '</div>'+
+            '</span></div>'
+          }
+          if(tmpBqDetail.type == 3){
+            var deepDetailName = '<span class="modalMaintltle">'+tmpBqDetail.content.name+': </span>'
+            var deepDetailStr = ''
+            for(var n = 0;n < tmpBqDetail.content.details.length;n++){
+              var deepDetail = tmpBqDetail.content.details[n]
+              deepDetailStr+='<li class="radioChecks"><i></i><span>'+deepDetail.detailName+'</span>'+(deepDetail.state == 1?"<a>（智能推荐）</a>":"")+'</li>'
+            }
+            tmpBqDetailStr+='<div class="mayResult">可能结果：<span class="mayResultSelect" data-num="'+k+'"><span class="makesureResult">请选择</span><i class="sanjiao"></i>'+
+              '<div class="popupModal">'+
+              '<div class="modalTitle">结果选择<i class="closeModal"></i></div>'+
+              '<div class="modalMainOne">'+
+              deepDetailName+
+              '<ul class="clearfix">'+
+              deepDetailStr+
+              '</ul>'+
+              '</div>'+
+              '<div class="btnWrap clearfix">'+
+              '<div class="sureScore" data-type="3" data-num="'+k+'">确定</div>'+
+              '</div>'+
+              '</div>'+
+              '</span></div>'
+          }
+        }
+        if(tmpBqStr != '' || tmpBqDetailStr != ''){
+          $(".conditionHintTipsNull").css("display","none")
+        }
+        console.log('tmpBqStr',tmpBqStr)
+        // $(".conditionHintTips").append('<div class="conditionMain clearfix">'+tmpBqStr+'<div class="alertModal">'+tmpBqDetailStr+'</div></div>')
+        $("."+className+"box").append('<div class="conditionMain clearfix">'+tmpBqStr+'<div class="alertModal">'+tmpBqDetailStr+'</div></div>')
+      }
+}
+
+module.exports = {
+    renderRecommendInfo,
+    renderMultRecommendInfo,
+    renderTreat,
+    renderRecommendConditTips
+}

src/js/promise.js

@@ -30,6 +30,7 @@ const config = {
   information: '/api/data/conceptDetail/getConceptDetail',
   pushScale: '/api/data/push/pushScale',
   pushTreatment: '/api/data/push/pushTreatment',
+  getSysSetInfoDatas: '/api/data/sysSet/getSysSetInfoDatas'
 }
 const imageUrlPrefix = 'http://192.168.2.241:82';
 const getUrlArgObject = function(parm) {  

src/js/util.js

@@ -0,0 +1,67 @@
+const transConf = function(arr) {
+    console.log('arr1', arr)
+    window.arr = arr;
+    // var arr = [
+    //     {hospitalCode: "A001", sysType: 16, name: "推荐诊断", code: "diagnose_show", value: 1},
+    //     {hospitalCode: "A001", sysType: 16, name: "问诊症状", code: "inquiry_show", value: 1},
+    //     {hospitalCode: "A001", sysType: 16, name: "体格检查", code: "health_show", value: 1},
+    //     {hospitalCode: "A001", sysType: 16, name: "病情提示", code: "illness_show", value: 1},
+    //     {hospitalCode: "A001", sysType: 16, name: "治疗方案", code: "cure_show", value: 1},
+    //     {hospitalCode: "A001", sysType: 16, name: "检验检查", code: "lispacs_show", value: 1},
+    //     {hospitalCode: "A001", sysType: 16, name: "推荐诊断", code: "diagnose_no", value: 7},
+    //     {hospitalCode: "A001", sysType: 16, name: "问诊症状", code: "inquiry_no", value: 1},
+    //     {hospitalCode: "A001", sysType: 16, name: "体格检查", code: "health_no", value: 2},
+    //     {hospitalCode: "A001", sysType: 16, name: "病情提示", code: "illness_no", value: 3},
+    //     {hospitalCode: "A001", sysType: 16, name: "治疗方案", code: "cure_no", value: 6},
+    //     {hospitalCode: "A001", sysType: 16, name: "检验检查", code: "lispacs_no", value: 5},
+    //     {hospitalCode: "A001", sysType: 16, name: "是否对接", code: "connect", value: 1},
+    //     {hospitalCode: null, sysType: 16, name: "警惕诊断", code: "vigilant_show", value: 1},
+    //     {hospitalCode: null, sysType: 16, name: "警惕诊断", code: "vigilant_no", value: 3}
+    // ]
+    const reg = /_show$/g;
+    var newArr = arr.filter(item => item.code.match(reg) && item.value === 1 )
+    console.log('n111111', newArr)
+    for(let i = 0; i < newArr.length; i++) {
+        for (let j = 0; j < arr.length; j++) {
+            if(arr[j].code.match(/_no$/g) && arr[j].code.replace('_no', ' ') === newArr[i].code.replace('_show', ' ')) {
+                newArr[i].orderNo = arr[j].value
+            }
+        }
+    }
+    newArr.sort((a, b) => {
+        return a.orderNo - b.orderNo
+    })
+    return newArr
+    // var arr = [
+    //     {hospitalCode: "A001", sysType: 16, name: "推荐诊断", code: "diagnose_show", value: 1},
+    //     {hospitalCode: "A001", sysType: 16, name: "问诊症状", code: "inquiry_show", value: 1},
+    //     {hospitalCode: "A001", sysType: 16, name: "体格检查", code: "health_show", value: 1},
+    //     {hospitalCode: "A001", sysType: 16, name: "病情提示", code: "illness_show", value: 1},
+    //     {hospitalCode: "A001", sysType: 16, name: "治疗方案", code: "cure_show", value: 1},
+    //     {hospitalCode: "A001", sysType: 16, name: "检验检查", code: "lispacs_show", value: 1},
+    //     {hospitalCode: "A001", sysType: 16, name: "推荐诊断", code: "diagnose_no", value: 7},
+    //     {hospitalCode: "A001", sysType: 16, name: "问诊症状", code: "inquiry_no", value: 1},
+    //     {hospitalCode: "A001", sysType: 16, name: "体格检查", code: "health_no", value: 2},
+    //     {hospitalCode: "A001", sysType: 16, name: "病情提示", code: "illness_no", value: 3},
+    //     {hospitalCode: "A001", sysType: 16, name: "治疗方案", code: "cure_no", value: 6},
+    //     {hospitalCode: "A001", sysType: 16, name: "检验检查", code: "lispacs_no", value: 5},
+    //     {hospitalCode: "A001", sysType: 16, name: "是否对接", code: "connect", value: 1},
+    //     {hospitalCode: null, sysType: 16, name: "警惕诊断", code: "vigilant_show", value: 1},
+    //     {hospitalCode: null, sysType: 16, name: "警惕诊断", code: "vigilant_no", value: 3}
+    // ]
+    // var reg = /_show$/g;
+    // var newArr = arr.filter(item => reg.test(item.code))
+    // var newArr1 = arr.map((item) => {
+    //     console.log('item', reg.test(item.code), item)
+    //     if(reg.test(item.code)) {
+    //         return item
+    //     } else {
+    //         return
+    //     }
+    // })
+}
+
+
+module.exports = {
+    transConf
+}

webpack.config.js

@@ -17,6 +17,8 @@ module.exports = {
     scale: path.resolve(__dirname, 'src/js', 'scale.js'),
     illness: path.resolve(__dirname, 'src/js', 'illness.js'),
     treatplan: path.resolve(__dirname, 'src/js', 'treatplan.js'),
+    indexVert: path.resolve(__dirname, 'src/js', 'indexVert.js'),
+    indexHorizontal: path.resolve(__dirname, 'src/js', 'indexHorizontal.js'),
     vendor: 'lodash'// 多个页面所需的公共库文件，防止重复打包带入
   },
   output: {
@@ -146,10 +148,6 @@ module.exports = {
         collapseWhitespace: true //删除空白符与换行符
       }
     }),
-    new MiniCssExtractPlugin({
-      filename: 'css/[name].css',
-      chunkFilename: '[id].css'
-    }),
     new HtmlWebpackPlugin({
       title: 'landscape',
       template: path.resolve(__dirname, 'src/html', 'landscape.html'),
@@ -176,6 +174,36 @@ module.exports = {
         collapseWhitespace: true //删除空白符与换行符
       }
     }),
+    new HtmlWebpackPlugin({
+      title: 'indexHorizontal',
+      template: path.resolve(__dirname, 'src/html', 'indexHorizontal.html'),
+      filename: 'indexHorizontal.html',
+      chunks: ['indexHorizontal', 'vendor', 'common'],
+      inject: true,
+      hash: true, //防止缓存
+      minify: {
+        removeAttributeQuotes: true, //压缩 去掉引号
+        removeComments: true, //移除HTML中的注释
+        collapseWhitespace: true //删除空白符与换行符
+      }
+    }),
+    new HtmlWebpackPlugin({
+      title: 'indexVert',
+      template: path.resolve(__dirname, 'src/html', 'indexVert.html'),
+      filename: 'indexVert.html',
+      chunks: ['indexVert', 'vendor', 'common'],
+      inject: true,
+      hash: true, //防止缓存
+      minify: {
+        removeAttributeQuotes: true, //压缩 去掉引号
+        removeComments: true, //移除HTML中的注释
+        collapseWhitespace: true //删除空白符与换行符
+      }
+    }),
+    new MiniCssExtractPlugin({
+      filename: 'css/[name].css',
+      chunkFilename: '[id].css'
+    }),
     new webpack.HotModuleReplacementPlugin(),
     new CleanWebpackPlugin()
   ],