添加禁用（2357）

src/css/index.less

@@ -450,7 +450,23 @@
           border-radius: 4px;
           vertical-align: middle;
         }
-        
+        .medicineWaringDis {
+          background-color: #fff;
+          color: @grayColor;
+          font-size: 12px;
+          border-radius: 4px;
+          line-height: 18px;
+          border: 1px solid @grayColor;
+        }
+        .medicineWaringDisMsg {
+          color: @grayColor;
+          i {
+            color: @grayColor;
+          }
+        }
+        .medicineDis {
+          color: @grayColor;
+        }
         .medicine {
           position: relative;
           .infoMsg {

src/css/indexHorizontal.less

@@ -1,4 +1,4 @@
-
+@import './common.less';
  .push .recommendInfoWrapper {
     height: 20px;
     line-height: 20px;
@@ -336,3 +336,30 @@
     margin-left: 20px;
     cursor: pointer;
 }
+.durgNameBox {
+    .medicineWaring {
+        background-color: #f4c051;
+        color: #000;
+        font-size: 12px;
+        border-radius: 4px;
+        border: 1px solid #fff;
+        line-height: 18px;
+      }
+      .medicineWaringDisMsg {
+        background-color: #fff;
+        color: @grayColor;
+        font-size: 12px;
+        border-radius: 4px;
+        line-height: 18px;
+        border: 1px solid @grayColor;
+      }
+      .medicineWaringDisMsg {
+        color: @grayColor;
+      }
+}
+.medicineWaringDis {
+    color: @grayColor;
+  }
+.medicineWaringDis:hover {
+color: @grayColor;
+}

src/css/indexVert.less

@@ -352,4 +352,13 @@
       .medicineWaringDisMsg {
         color: @grayColor;
       }
+}
+.medicineWaringDis {
+    color: @grayColor;
+    .durgName{
+        border-bottom: 1px solid @grayColor;
+    }
+  }
+.medicineWaringDis:hover {
+color: @grayColor;
 }

src/js/indexHorizontalDom.js

@@ -152,14 +152,14 @@ function renderTreatDrug(className,title,data, parentNode) {
         let childrenNodeStr = `<p class="drugTreatmentInfoItemBox">
             ${i+1}.${data[i].bigdrugsName}${data[i].subdrugsName&&"("+data[i].subdrugsName+")"}:`
         for (let j = 0; j < data[i].medicitionsList.length; j++) {
-            childrenNodeStr += `<span class="durgNameBox">${data[i].medicitionsList[j].medicitionName}`
-            if(data[i].medicitionsList[j].drugsForbidden == '1') {
-                childrenNodeStr += `<span>慎用</span>`
-            } else if(data[i].medicitionsList[j].drugsForbidden == '2') {
-                childrenNodeStr += `<span>禁用</span>`
+            childrenNodeStr += `<span class="durgNameBox ${(data[i].medicitionsList[j].forbidden == '2' ? 'medicineWaringDis' : '' )}">${data[i].medicitionsList[j].medicitionName}`
+            if(data[i].medicitionsList[j].forbidden == '1') {
+                childrenNodeStr += `<span class="medicineWaring">慎用</span>`
+            } else if(data[i].medicitionsList[j].forbidden == '2') {
+                childrenNodeStr += `<span  class="medicineWaringDisMsg">禁用</span>`
             }
             childrenNodeStr += `<span  title="点击名称可看详细说明" class="infoMsg" data-name=${data[i].medicitionsList[j].medicitionName}></span>,</span></span>`
-            childrenNodeStr += `使用率${data[i].medicitionsList[j].rate}`
+            childrenNodeStr += `<span class="${(data[i].medicitionsList[j].forbidden == '2' ? 'medicineWaringDis' : '' )}">使用率${data[i].medicitionsList[j].rate}</span>`
             if(j === data[i].medicitionsList.length-1) {
                 childrenNodeStr += ';'
             } else {

src/js/indexVertDom.js

@@ -150,14 +150,14 @@ function renderTreatDrug(className,title,data, parentNode) {
         let childrenNodeStr = `<p class="drugTreatmentInfoItemBox">
             ${i+1}.${data[i].bigdrugsName}${data[i].subdrugsName&&"("+data[i].subdrugsName+")"}:`
         for (let j = 0; j < data[i].medicitionsList.length; j++) {
-            childrenNodeStr += `<span class="durgNameBox"><span class="durgName">${data[i].medicitionsList[j].medicitionName}</span>`
+            childrenNodeStr += `<span class="durgNameBox ${(data[i].medicitionsList[j].forbidden == '2' ? 'medicineWaringDis' : '' )}"><span class="durgName">${data[i].medicitionsList[j].medicitionName}</span>`
             if(data[i].medicitionsList[j].forbidden == '1') {
                 childrenNodeStr += `<span class="medicineWaring">慎用</span>`
             } else if(data[i].medicitionsList[j].forbidden == '2') {
                 childrenNodeStr += `<span  class="medicineWaringDisMsg">禁用</span>`
             }
             childrenNodeStr += `<span  title="点击名称可看详细说明" class="infoMsg" data-name=${data[i].medicitionsList[j].medicitionName}></span>,</span></span>`
-            childrenNodeStr += `使用率${data[i].medicitionsList[j].rate}`
+            childrenNodeStr += `<span class="${(data[i].medicitionsList[j].forbidden == '2' ? 'medicineWaringDis' : '' )}">使用率${data[i].medicitionsList[j].rate}</span>`
             if(j === data[i].medicitionsList.length-1) {
                 childrenNodeStr += ';'
             } else {