Sfoglia il codice sorgente

竖版中医样式

zhouna 4 anni fa
parent
commit
305f4cf8cf
10 ha cambiato i file con 128 aggiunte e 3 eliminazioni
  1. 63 1
      src/css/cdss.less
  2. 37 0
      src/html/cdss.html
  3. BIN
      src/images/g1.png
  4. BIN
      src/images/go.png
  5. BIN
      src/images/t1.png
  6. BIN
      src/images/t2.png
  7. BIN
      src/images/t3.png
  8. 12 1
      src/js/cdss.js
  9. 14 0
      src/js/tcmiss.js
  10. 2 1
      webpack.config.js

+ 63 - 1
src/css/cdss.less

@@ -222,6 +222,9 @@ body{
     color: @tabColor;
     margin-right: 20px;
     display: inline-block;
+  &:last-child {
+    margin-right: 0;
+  }
 }
 .moduleItem{
     border: 1px solid #EAEDF1;
@@ -337,7 +340,7 @@ body{
         left: 32%;
         background: #3B9ED0;
         position: absolute;
-        bottom: 0;
+      bottom: 3px;
     }
 }
 .moduleWrapper{
@@ -452,4 +455,63 @@ body{
     img{
         margin-left: 4px;
     }
+}
+
+/*******中医********/
+.tcm-item {
+  margin: 0 15px 10px;
+  border: 1px #EEF5FD solid;
+  border-radius: 8px 8px 0px 0px;
+  .title {
+    background: #EEF5FD;
+    height: 30px;
+    line-height: 30px;
+    padding: 0 12px;
+    border-radius: 8px 8px 0px 0px;
+    img {
+      vertical-align: middle;
+      width: 24px;
+      height: 24px;
+    }
+    .h2 {
+      font-weight: bold;
+      font-size: 16px;
+      color: #1E1E1E;
+    }
+    .go {
+      float: right;
+      margin-right: 10px;
+      font-size: 12px;
+      color: #333;
+      text-decoration: none;
+      cursor: pointer;
+      img {
+        width: 5px;
+        height: 9px;
+        vertical-align: inherit;
+      }
+    }
+  }
+  .content {
+    padding: 8px 10px 12px;
+    li {
+      display: inline-block;
+      width: 29%;
+      text-align: center;
+      padding: 0 2%;
+      margin-top: 8px;
+    }
+    .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;
+    }
+  }
 }

+ 37 - 0
src/html/cdss.html

@@ -80,6 +80,43 @@
           <div class="followUpWrap moduleWrapper">
             
           </div>
+            <div class="TcmWrap moduleWrapper">
+                <div class="go-push tcm-item">
+                    <p class="title">
+                        <img class="icon" src="./images/t1.png" alt="">
+                        <span class="h2">病症推导</span>
+                        <a class="go" href="">去推导 <img class="icon" src="./images/g1.png" alt=""></a>
+                    </p>
+                </div>
+                <div class="recipe tcm-item">
+                    <p class="title">
+                        <img class="icon" src="./images/t2.png" alt="">
+                        <span class="h2">中医处方推荐</span>
+                        <a class="go" href="">更多 <img class="icon" src="./images/g1.png" alt=""></a>
+                    </p>
+                    <div class="content">
+
+                    </div>
+                </div>
+                <div class="knowledge tcm-item">
+                    <p class="title">
+                        <img class="icon" src="./images/t3.png" alt="">
+                        <span class="h2">中医知识库</span>
+                    </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>
+                        </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>
+                        </ul>
+                    </div>
+                </div>
+            </div>
           <div class="disclaimer clearfix">
             <span class="version-tip"><span class="version-txt">版本说明 <img class="newIcon" src="./images/new.png"></span></span>
             <span class="logo">&copy; 朗通医疗</span>

BIN
src/images/g1.png


BIN
src/images/go.png


BIN
src/images/t1.png


BIN
src/images/t2.png


BIN
src/images/t3.png


+ 12 - 1
src/js/cdss.js

@@ -18,6 +18,11 @@ require('./../images/empty3.png').replace(/^undefined/g, '')
 require('./../images/loading.gif').replace(/^undefined/g, '')
 require('./../images/right.png').replace(/^undefined/g, '')
 require('./../images/new.png').replace(/^undefined/g, '')
+require('./../images/t1.png').replace(/^undefined/g, '')
+require('./../images/t2.png').replace(/^undefined/g, '')
+require('./../images/t3.png').replace(/^undefined/g, '')
+require('./../images/go.png').replace(/^undefined/g, '')
+require('./../images/g1.png').replace(/^undefined/g, '')
 
 // require('./popupEdit.js');
 
@@ -33,6 +38,7 @@ let warnImgWhite = require('./../images/icon_waring_white.png').replace(/^undefi
 const $ = require("jquery");
 const { post,config,getUrlArgObject,openNewWin,titleConfig } = require('./promise.js');
 const { renderFollowUp, followEmpty } = require('./followUp.js');
+const {renderTcm} = require('./tcmiss.js');
 
 const { transConf } = require('./util.js');
 
@@ -43,7 +49,8 @@ let moduleConfig={
   auxiliary:"recommendWrap",
   qc:"qcWrap",
   medical:"medicalKonwledgeWrap",
-  followup:"followUpWrap"
+    followup: "followUpWrap",
+    tcmiss: 'TcmWrap',
 }
 let allInterface = 0
 let hasCompleteTnterface = 0
@@ -207,6 +214,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(!mrId){
     empty()
     return
@@ -232,6 +240,9 @@ function renderPage(pageSet){
   if(hasFollowUp){
     renderFollowUp(msg)
   }
+    if (hasTcm) {
+        renderTcm(msg)
+    }
 }
 
 function renderPushData(){

+ 14 - 0
src/js/tcmiss.js

@@ -0,0 +1,14 @@
+const $ = require("jquery");
+const {post, config, getUrlArgObject, openNewWin, titleConfig} = require('./promise.js');
+
+$(function () {
+
+});
+
+function renderTcm(data) {
+
+}
+
+module.exports = {
+    renderTcm
+}

+ 2 - 1
webpack.config.js

@@ -4,7 +4,7 @@ const CleanWebpackPlugin = require('clean-webpack-plugin') // 清空打包目录
 const MiniCssExtractPlugin = require('mini-css-extract-plugin');
 const UglifyJsPlugin = require('uglifyjs-webpack-plugin');
 const webpack = require('webpack');
-const proxyHost = "http://192.168.2.241:6060";
+const proxyHost = "http://192.168.2.236:6060";
 module.exports = {
   entry: {
     index: path.resolve(__dirname, 'src/js', 'index.js'),
@@ -32,6 +32,7 @@ module.exports = {
     searchStaticList:path.resolve(__dirname, 'src/js', 'searchStaticList.js'),
     staticInfo:path.resolve(__dirname, 'src/js', 'staticInfo.js'),
     staticInfoOut:path.resolve(__dirname, 'src/js', 'staticInfoOut.js'),
+      tcmiss: path.resolve(__dirname, 'src/js', 'tcmiss.js'),
     vendor: 'lodash'// 多个页面所需的公共库文件,防止重复打包带入
   },
   output: {