....

src/css/landscape.css

@@ -0,0 +1,314 @@
+.iframeWrap {
+    margin: 10px auto 50px;
+    padding: 20px;
+    min-width: 340px;
+  }
+  .iframeWrap .conditionHintPub {
+    border: 1px solid #F2F2F2;
+    margin-bottom: 15px;
+  }
+  .iframeWrap .conditionHintPub li {
+    padding-right: 18px;
+    float: left;
+    line-height: 24px;
+  }
+  .iframeWrap .conditionHintPub .conditionMain {
+    padding: 17px;
+  }
+  .iframeWrap .conditionHintPub .alertModal {
+    position: relative;
+  }
+  .iframeWrap .conditionHintPub .alertModal .mayResult {
+    color: #838383;
+    position: relative;
+  }
+  .iframeWrap .conditionHintPub .alertModal .mayResultSelect {
+    line-height: 28px;
+  }
+  .iframeWrap .conditionHintPub .alertModal .mayResultSelect .makesureResult {
+    cursor: pointer;
+    color: #267FD7;
+  }
+  .iframeWrap .conditionHintPub .alertModal .mayResultSelect .sanjiao {
+    width: 18px;
+    height: 18px;
+    display: inline-block;
+    position: relative;
+    top: 3px;
+    background: url('../images/select.png') center center no-repeat;
+  }
+  .iframeWrap .conditionHintPub .treatPlan {
+    font-weight: bold;
+    padding-bottom: 5px;
+  }
+  .iframeWrap .conditionHintPub .treatPlanWrap {
+    padding-bottom: 10px;
+    border-bottom: 1px solid #D1D1D1;
+  }
+  .iframeWrap .conditionHintPub .treatMedicine {
+    padding-top: 10px;
+  }
+  .iframeWrap .conditionHintPub .treatMedicine .medicinePart {
+    margin: 8px 0;
+    position: relative;
+  }
+  .iframeWrap .conditionHintPub .treatMedicine .medicine {
+    border-bottom: 1px solid #D1D1D1;
+    position: relative;
+  }
+  .iframeWrap .conditionHintPub .treatMedicine .medicine:hover {
+    color: #267FD7;
+  }
+  .iframeWrap .conditionHintPub .treatMedicine .medicine:hover a {
+    display: inline-block;
+    right: -20px;
+    background-color: #fff;
+  }
+  .iframeWrap .conditionHintPub .treatMedicine .medicineDis {
+    color: #D1D1D1;
+    border-bottom: 1px solid #D1D1D1;
+  }
+  .iframeWrap .conditionHintPub .treatMedicine .medicineWaring {
+    background-color: #f4c051;
+    color: #000;
+    font-size: 12px;
+    border-radius: 4px;
+    border: 1px solid #fff;
+    line-height: 18px;
+  }
+  .iframeWrap .conditionHintPub .treatMedicine .medicineWaringDis {
+    background-color: #fff;
+    color: #D1D1D1;
+    font-size: 12px;
+    border-radius: 4px;
+    line-height: 18px;
+    border: 1px solid #D1D1D1;
+  }
+  .iframeWrap .conditionHintPub .treatMedicine .medicineWaringDisMsg {
+    color: #D1D1D1;
+  }
+  .iframeWrap .conditionHintPub p {
+    line-height: 24px;
+  }
+  .iframeWrap .conditionHintPub p span {
+    display: inline-block;
+  }
+  .iframeWrap .conditionHintWz h4 {
+    background-color: #ECF4FC;
+  }
+  .iframeWrap .conditionHintWz h4 i {
+    background: url("../images/inquire.png") center center no-repeat;
+  }
+  .iframeWrap .conditionHintTg h4 {
+    background-color: #ECF4FC;
+  }
+  .iframeWrap .conditionHintTg h4 i {
+    background: url("../images/tgjc.png") center center no-repeat;
+  }
+  .iframeWrap .conditionHintInspect h4 {
+    background-color: #ECF4FC;
+  }
+  .iframeWrap .conditionHintInspect h4 i {
+    background: url("../images/inspect.png") center center no-repeat;
+  }
+  .iframeWrap .conditionHintMay h4 {
+    background-color: #FAEBEC;
+  }
+  .iframeWrap .conditionHintMay h4 i {
+    background: url("../images/yszd.png") center center no-repeat;
+  }
+  .iframeWrap .conditionHintWarings {
+    display: none;
+  }
+  .iframeWrap .conditionHintWarings h4 {
+    color: #FF545B;
+  }
+  .iframeWrap .conditionHintWarings h4 i {
+    background: url("../images/warings.png") center center no-repeat;
+  }
+  .iframeWrap .conditionHintWarings li {
+    float: left;
+    line-height: 24px;
+  }
+  .iframeWrap .conditionHintWarings li:hover {
+    color: #267FD7;
+  }
+  .iframeWrap .conditionHintKnzd {
+    display: none;
+  }
+  .iframeWrap .conditionHintKnzd h4 i {
+    background: url("../images/knzd.png") center center no-repeat;
+  }
+  .iframeWrap .conditionHintKnzd ul li {
+    float: left;
+    line-height: 24px;
+  }
+  .iframeWrap .conditionHintKnzd ul li:hover {
+    color: #267FD7;
+  }
+  .iframeWrap .conditionHintZhiliao h4 {
+    background-color: #E3FEFE;
+  }
+  .iframeWrap .conditionHintZhiliao h4 i {
+    background: url("../images/zhiliao.png") center center no-repeat;
+  }
+  .iframeWrap .conditionHintTips .mayIllness {
+    padding-bottom: 5px;
+  }
+  .iframeWrap .conditionHintTips .mayIllness span {
+    position: relative;
+    border-bottom: 1px solid #D1D1D1;
+  }
+  .iframeWrap .conditionHintTips .mayIllness span .infoMsg {
+    position: relative;
+    border-bottom: 0;
+    float: right;
+  }
+  .iframeWrap .conditionHintTips .mayIllness span:hover .infoMsg {
+    display: inline-block;
+  }
+  .iframeWrap .conditionHintTips .mayIllness a {
+    border-bottom: 1px solid #D1D1D1;
+  }
+  .iframeWrap .conditionHintTips h4 {
+    background-color: #FDF4EE;
+  }
+  .iframeWrap .conditionHintTips h4 i {
+    background: url("../images/tips.png") center center no-repeat;
+  }
+  .iframeWrap .illnessTable {
+    color: #267FD7;
+    line-height: 28px;
+  }
+  .iframeWrap h4 {
+    color: #000;
+    height: 40px;
+    line-height: 40px;
+    background-color: #FAEBEC;
+    font-size: 16px;
+    font-weight: bold;
+  }
+  .iframeWrap h4 i {
+    content: '';
+    width: 40px;
+    height: 40px;
+    float: left;
+  }
+  .commonTreat,
+  .conditionHintKnzdLis,
+  .conditionHintWaringsLis,
+  .conditionHintWzLis,
+  .conditionHintTgLis,
+  .conditionHintInspectLis,
+  .conditionHintAssistLis {
+    position: relative;
+  }
+  .conditionHintInspectNull {
+    border-bottom: 1px solid #D1D1D1;
+    padding-bottom: 5px;
+    margin-bottom: 5px;
+  }
+  .conditionHintZhiliaoNull {
+    display: none;
+  }
+  .conditionHintAssistLis,
+  .conditionHintInspectLis {
+    padding: 5px 0;
+  }
+  .conditionHintAssistLis .slideDown,
+  .conditionHintInspectLis .slideDown {
+    padding: 5px 0 5px 0px;
+  }
+  .conditionHintAssistLis li:first-child,
+  .conditionHintInspectLis li:first-child {
+    padding-right: 5px;
+  }
+  .pushEmpty {
+    color: #ADADAD;
+  }
+  .medicinePartLimitHeight {
+    height: 25px;
+    overflow: hidden;
+    position: relative;
+  }
+  .medicinePartLimitHeightSpec {
+    height: 75px;
+    overflow: hidden;
+    position: relative;
+  }
+  .slideDown {
+    background-color: #fff;
+    position: absolute;
+    bottom: 0px;
+    right: 0px;
+    color: #267FD7;
+    height: 25px;
+    line-height: 25px;
+    box-shadow: -2px 0px 15px 0px #fff;
+    cursor: pointer;
+  }
+  .slideDown i {
+    width: 10px;
+    height: 7px;
+    display: inline-block;
+    position: relative;
+    top: -2px;
+    background: url('../images/down.png') center center no-repeat;
+  }
+  .slideup {
+    background-color: #fff;
+    position: relative;
+    float: right;
+    bottom: 0px;
+    right: 0px;
+    color: #267FD7;
+    cursor: pointer;
+  }
+  .slideup i {
+    width: 10px;
+    height: 7px;
+    display: inline-block;
+    position: relative;
+    top: -2px;
+    background: url('../images/up.png') center center no-repeat;
+  }
+  .disclaimer {
+    height: 40px;
+    width: 100%;
+    line-height: 40px;
+    text-align: center;
+    position: fixed;
+    bottom: 0;
+    background-color: #ececec;
+    left: 0;
+    z-index: 98;
+  }
+  .disclaimer a {
+    display: block;
+  }
+  .infoMsg {
+    width: 20px;
+    height: 20px;
+    position: absolute;
+    top: -16px;
+    right: 50%;
+    margin-right: -10px;
+    display: none;
+    background: url('../images/msg1.png') center center no-repeat;
+  }
+  .infoMsg:hover {
+    background: url('../images/msg2.png') center center no-repeat;
+  }
+  .infoMsgParent {
+    position: relative;
+  }
+  .infoMsgParent:hover .infoMsg {
+    display: block;
+  }
+  .responsibility {
+    text-align: center;
+    font-size: 12px;
+    color: #979797;
+    padding-top: 15px;
+  }
+  

src/landscape.js

@@ -0,0 +1,95 @@
+require('./css/landscape.css');
+require('./css/reset.css');
+require('./css/popup.css');
+require('./js/popup');
+const $ = require("jquery");
+const { post,config,getUrlArgObject } = require('./js/promise.js');
+
+const {bqtsFun,ybzlFun,cyywFun,knzdFun,jtFun,tjwzFun,tjtgFun,tjhyFun,tjfjFun,yszdFun} = require('./js/landscapeDom.js');
+//   symptom: "恶心呕吐腰痛", //胸痛，背痛，恶心，呕吐     //恶心呕吐腰痛   //牙周袋形成
+
+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.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)
+    }
+  }
+})
+
+post(config.pushTreatment,Object.assign({featureType: '8'},msg)).then((res)=>{
+  var data = res.data
+  if(data.code == 0){
+    var result = data.data;
+    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")
+    }
+  }else{
+    $(".conditionHintZhiliaoNull").css("display","block")
+    $(".treatMedicine").css("display","none")
+  }
+})
+

webpack.config.js

@@ -7,6 +7,7 @@ const webpack = require('webpack');
 const proxyHost = "http://192.168.2.236:5050";
 module.exports = {
   entry: {
+    landscape: path.resolve(__dirname, 'src', 'landscape.js'),
     index: path.resolve(__dirname, 'src', 'index.js'),
     page: path.resolve(__dirname, 'src', 'page.js'),
     information: path.resolve(__dirname, 'src/js', 'information.js'),
@@ -106,6 +107,19 @@ module.exports = {
       filename: 'css/[name].css',
       chunkFilename: '[id].css'
     }),
+    new HtmlWebpackPlugin({
+      title: 'landscape',
+      template: path.resolve(__dirname, 'src/html', 'landscape.html'),
+      filename: 'landscape.html',
+      chunks: ['landscape', 'vendor', 'common'],
+      inject: true,
+      hash: true, //防止缓存
+      minify: {
+        removeAttributeQuotes: true, //压缩 去掉引号
+        removeComments: true, //移除HTML中的注释
+        collapseWhitespace: true //删除空白符与换行符
+      }
+    }),
     new webpack.HotModuleReplacementPlugin(),
     new CleanWebpackPlugin()
   ],