fix： 审批意见样式问题

src/views/bpm/processInstance/detailNew.vue

@@ -81,9 +81,9 @@
                 </label>
 
                 <p v-if="item.reason && item.result != 4">
-                  审批意见：<el-tag :type="getTimelineItemType(item)">{{
+                  审批意见：<div :class="getTimelineItemType(item)">{{
                     item.reason
-                  }}</el-tag>
+                  }}</div>
                 </p>
               </el-card>
             </el-timeline-item>
@@ -304,4 +304,28 @@
     width: 100%;
     margin-bottom: 20px;
   }
+  .success {
+    color: rgb(183, 235, 143);
+    border: 1px solid rgb(183, 235, 143);
+    background-color: #f6ffed;
+    border-radius: 3px;
+    padding: 2px;
+    display: inline-block;
+  }
+  .danger {
+    color: rgb(255, 143, 143);
+    border: 1px solid rgb(255, 143, 143);
+    background-color: #fff6f6;
+    border-radius: 3px;
+    padding: 2px;
+    display: inline-block;
+  }
+  .info {
+    color: #58595c;
+    border: 1px solid #d3d4d6;
+    background-color: #f4f4f5;
+    border-radius: 3px;
+    padding: 2px;
+    display: inline-block;
+  }
 </style>