瀏覽代碼

横版中医样式

zhouna 4 年之前
父節點
當前提交
866a001a57
共有 7 個文件被更改,包括 205 次插入11 次删除
  1. 1 0
      src/css/cdss.less
  2. 121 0
      src/css/cdssHorizontal.less
  3. 6 6
      src/html/cdss.html
  4. 61 0
      src/html/cdssHorizontal.html
  5. 二進制
      src/images/dn.png
  6. 11 4
      src/js/cdssHorizontal.js
  7. 5 1
      src/js/tcmiss.js

+ 1 - 0
src/css/cdss.less

@@ -512,6 +512,7 @@ body{
       cursor: pointer;
       background: url("../images/go.png") 94% center no-repeat;
       text-indent: -8px;
+      text-decoration: none;
     }
   }
 }

+ 121 - 0
src/css/cdssHorizontal.less

@@ -447,4 +447,125 @@
 .lisBox {
     // position: absolute;
     // left: 50px;
+}
+
+/*******中医********/
+.tcm-item {
+    .title {
+        float: left;
+        height: 30px;
+        padding: 0 12px;
+        margin-top: 14px;
+        border-radius: 8px 8px 0px 0px;
+        img {
+            vertical-align: middle;
+            width: 20px;
+            height: 20px;
+        }
+        .h2 {
+            font-size: 14px;
+            color: #267FD7;
+        }
+        .go {
+            margin-right: 10px;
+            font-size: 12px;
+            color: #409ED1;
+            text-decoration: none;
+            cursor: pointer;
+            img {
+                width: 5px;
+                height: 9px;
+                vertical-align: inherit;
+            }
+        }
+        .go-btn {
+            display: inline-block;
+            width: 80px;
+            height: 25px;
+            line-height: 25px;
+            border-radius: 4px;
+            text-align: center;
+            background: #DEF1FB;
+        }
+    }
+    .content {
+        .infos {
+            .label {
+                color: #333;
+            }
+            .val {
+                color: #666;
+            }
+            li {
+                float: left;
+                margin-right: 40px;
+            }
+        }
+        .detail {
+            background: #DEF1FB;
+            border-radius: 4px;
+            padding: 10px 8px;
+            margin-top: 10px;
+            margin-right: 20px;
+            .label {
+                display: inline-block;
+                border-left: 2px solid #267FD7;
+                padding-left: 5px;
+                line-height: 14px;
+            }
+            .val {
+                p {
+                    text-indent: 7px;
+                }
+            }
+        }
+        .a-link {
+            display: inline-block;
+            width: 100%;
+            border: 1px #3B9ED0 solid;
+            color: #3B9ED0;
+            height: 30px;
+            line-height: 30px;
+            border-radius: 4px;
+            cursor: pointer;
+            background: url("../images/go.png") 94% center no-repeat;
+            text-indent: -8px;
+            text-decoration: none;
+        }
+    }
+}
+
+.recipe {
+    .title {
+        width: 124px;
+        margin-top: 0;
+    }
+    .content {
+        margin-left: 146px;
+    }
+}
+
+.idea {
+    .val {
+        border: 1px #3B9ED0 solid;
+        padding: 1px 4px;
+        color: #3B9ED0;
+        border-radius: 2px;
+    }
+    .go-text {
+        color: #49A3D2;
+        font-size: 14px;
+        text-decoration: none;
+    }
+    img {
+        vertical-align: middle;
+    }
+}
+
+.knowledge .content p {
+    display: inline-block;
+    width: 88px;
+    margin-top: 8px;
+    margin-right: 10px;
+    text-align: center;
 }

+ 6 - 6
src/html/cdss.html

@@ -105,14 +105,14 @@
                     </p>
                     <div class="content">
                         <ul class="item">
-                            <li><a class="a-link">中医知识库</a></li>
-                            <li><a class="a-link">中药查询</a></li>
-                            <li><a class="a-link">方剂查询</a></li>
+                            <li><a class="a-link" code="zyzsjyk">中医知识库</a></li>
+                            <li><a class="a-link" code="zycx">中药查询</a></li>
+                            <li><a class="a-link" code="fjcx">方剂查询</a></li>
                         </ul>
                         <ul class="item">
-                            <li><a class="a-link">经方查询</a></li>
-                            <li><a class="a-link">疾病查询</a></li>
-                            <li><a class="a-link">穴位查询</a></li>
+                            <li><a class="a-link" code="jfcx">经方查询</a></li>
+                            <li><a class="a-link" code="jbcx">疾病查询</a></li>
+                            <li><a class="a-link" code="xwcx">穴位查询</a></li>
                         </ul>
                     </div>
                 </div>

+ 61 - 0
src/html/cdssHorizontal.html

@@ -47,6 +47,67 @@
         </div>
         <div class="followUpWrap moduleWrapper">
             
+        </div>
+        <div class="TcmWrap moduleWrapper">
+          <div class="go-push tcm-item clearfix">
+            <p class="title">
+              <img class="icon" src="./images/t1.png" alt="">
+              <span class="h2">病症推导:</span>
+              <a class="go go-btn" href="">去推导 <img class="icon" src="./images/go.png" alt=""></a>
+            </p>
+          </div>
+          <div class="recipe tcm-item clearfix">
+            <p class="title">
+              <img class="icon" src="./images/t2.png" alt="">
+              <span class="h2">中医处方推荐:</span>
+            </p>
+            <div class="content">
+              <ul class="infos clearfix">
+                <li>
+                  <span class="label">中医诊断病症:</span>
+                  <span class="val "></span>
+                </li>
+                <li>
+                  <span class="label">中医病名:</span>
+                  <span class="val"></span>
+                </li>
+                <li>
+                  <span class="label">中医症候:</span>
+                  <span class="val"></span>
+                </li>
+              </ul>
+              <div class="idea">
+                <span class="label">治法:</span>
+                <span class="val">治法1</span>
+                <a class="go go-text" href="">展开 <img src="../images/dn.png" alt=""></a>
+              </div>
+              <div class="detail">
+                <ul>
+                  <li>
+                    <div class="label">处方1</div>
+                    <div class="val">
+                      <p class="name">ddd</p>
+                      <p class="desc">vvvv</p>
+                    </div>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+          <div class="knowledge tcm-item clearfix">
+            <p class="title fl">
+              <img class="icon" src="./images/t3.png" alt="">
+              <span class="h2">中医知识库:</span>
+            </p>
+            <div class="content">
+              <p><a class="a-link" code="zyzsjyk">中医知识库</a></p>
+              <p><a class="a-link" code="zycx">中药查询</a></p>
+              <p><a class="a-link" code="fjcx">方剂查询</a></p>
+              <p><a class="a-link" code="jfcx">经方查询</a></p>
+              <p><a class="a-link" code="jbcx">疾病查询</a></p>
+              <p><a class="a-link" code="xwcx">穴位查询</a></p>
+            </div>
+          </div>
         </div>
         <div class="medicalKonwledgeWrap moduleWrapper">
          <div class="searchBox">

二進制
src/images/dn.png


+ 11 - 4
src/js/cdssHorizontal.js

@@ -13,6 +13,7 @@ require('./../css/popup.css');
 require('./../css/staticSearch.css')
 require('./../js/staticSearch.js')
 require('./../images/empty2.png').replace(/^undefined/g, '')
+require('./../images/dn.png').replace(/^undefined/g, '')
 require('./../images/loading.gif').replace(/^undefined/g, '')
 let emptyImg = require('./../images/empty3.png').replace(/^undefined/g, '')
 require('./../images/new2.png').replace(/^undefined/g, '')
@@ -26,13 +27,15 @@ let collapseImg = require('./../images/collapse2.png').replace(/^undefined/g, ''
 let treatDisName,treatUniqueName
 let generalTreatInfo
 const { renderFollowUp } = require('./followUp.js');
+const {renderTcm} = require('./tcmiss.js');
 
 setWidth()
 let moduleConfig={
   auxiliary:"recommendWrap",
   qc:"qcWrap",
   medical:"medicalKonwledgeWrap",
-  followup:'followUpWrap'
+    followup: 'followUpWrap',
+    tcmiss: 'TcmWrap',
 }
 let allInterface = 0
 let hasCompleteTnterface = 0
@@ -101,6 +104,7 @@ function renderPage(pageSet){
   const hasAuxiliary = hasTab("辅助信息",pageSet.sysSetInfo)
   const hasMedical = hasTab("医学知识",pageSet.sysSetInfo)
   const hasFollowUp = hasTab("随访计划",pageSet.sysSetInfo)
+    const hasTcm = hasTab("中医辅助", pageSet.sysSetInfo)
  
   if(hasAuxiliary){
     renderModuleWrapper(hasAuxiliary.planDetails)
@@ -119,9 +123,12 @@ function renderPage(pageSet){
       renderCaseWrite()
       allInterface++
     }
-  if(hasFollowUp){
-    renderFollowUp(msg,1)
-  }
+      if (hasFollowUp) {
+          renderFollowUp(msg, 1)
+      }
+      if (hasTcm) {
+          renderTcm(msg)
+      }
   }
  }
  function renderTab(tabList){

+ 5 - 1
src/js/tcmiss.js

@@ -1,8 +1,12 @@
 const $ = require("jquery");
 const {post, config, getUrlArgObject, openNewWin, titleConfig} = require('./promise.js');
+const targetUrl = 'http://114.55.109.16:81/lantone/index';
 
 $(function () {
-
+    $(".knowledge .a-link").click(function () {
+        const code = $(this).attr("code");
+        openNewWin(targetUrl + '?page=' + code);
+    })
 });
 
 function renderTcm(data) {