修改慎用禁用样式

src/css/treatPlan.less

@@ -65,6 +65,7 @@
     width: 14px;
     height: 14px;
     background: url(/images/msg1.png) center center no-repeat;
+    cursor: pointer;
 }
 
 .infoMsg:hover {
@@ -103,4 +104,25 @@
 }
 .commonTreat {
     line-height: 36px;
-}
+}
+.infoFlag {
+    display: inline-block;
+    width: 34px;
+    height: 16px;
+    line-height: 16px;
+    border-radius: 4px;
+    text-align: center;
+    margin: 0 0 0 5px;
+    border: 1px solid #000;
+    position: relative;
+    top: -1px;
+}
+.cautious {
+    border: 1px solid #F4C051;
+    background: #F4C051;
+}
+.disUse {
+    opacity: 0.3;
+    filter:alpha(opacity=30);
+    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=30);";
+}

src/js/treatplan.js

@@ -75,8 +75,8 @@ function cyywFun(data){//常用药物
           for(let l = 0; l < treatmentItem.medicitionsList.length; l++) {
             const medicitionsListItem = treatmentItem.medicitionsList[l]
             str += `<span class="drugNameBox" data-name=${medicitionsListItem.medicitionName}>
-              <span class="drugName">${medicitionsListItem.medicitionName}</span>
-              ${medicitionsListItem.forbidden == 1 ? '<span>慎用</span>': medicitionsListItem.forbidden == 2 ? '<span>禁用</span>':''}
+              <span class="drugName ${medicitionsListItem.forbidden == 2 ? 'disUse' : ''}">${medicitionsListItem.medicitionName}</span>
+              ${medicitionsListItem.forbidden == 1 ? '<span class="infoFlag cautious">慎用</span>': medicitionsListItem.forbidden == 2 ? '<span class="infoFlag disUse">禁用</span>':''}
               ${l === treatmentItem.medicitionsList.length - 1 ? '' :', '}
               <span class="infoMsg" target="_blank"  title="点击该名称可看详细说明"></span>
             </span>`