竖版治疗方案慎用禁用

src/css/indexVert.less

@@ -331,4 +331,25 @@
     text-align: center;
     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;
+      }
 }

src/js/indexVertDom.js

@@ -151,10 +151,10 @@ function renderTreatDrug(className,title,data, parentNode) {
             ${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>`
-            if(data[i].medicitionsList[j].drugsForbidden == '1') {
-                childrenNodeStr += `<span>慎用</span>`
-            } else if(data[i].medicitionsList[j].drugsForbidden == '2') {
-                childrenNodeStr += `<span>禁用</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}`