no message

src/components/TravelManager/TravelList/TeamBalancePayment.vue

 <style scoped>
   @import "../../../assets/css/newTravelManager.css";
+  ._bg__ {
+    display: inline-block;
+    padding: 2px 8px;
+    color: white;
+    border-radius: 4px;
+  }
+
+  ._bg_red {
+    background-color: #e95252;
+  }
+  ._bg_green {
+    background-color: #2bb87c;
+  }
   ._TradeWayList {
     padding: 5px 10px;
     background-color: #eeeeee;
@@ -449,6 +462,7 @@
           <table class="singeRowTable" border="0" cellspacing="0" cellpadding="0">
             <tr>
               <th width="180">单号</th>
+              <th>单据类型</th>
               <th width="200">费用类型</th>
               <th width="190">交易明细</th>
               <th width="300">金额</th>
@@ -461,6 +475,9 @@
               <tr>
                 <td><span class="Team_income" @click="goUrl('FinancialDocumentsDetail',item.FrID)">{{item.FrID}}</span>
                 </td>
+                <td>
+                  <span class="_bg__" :class="item.Type==1 || item.Type==5?'_bg_green':'_bg_red'">{{item.TypeName}}</span>
+                </td>
                 <td><span v-for="subItem in item.CostTypeList" :key="subItem.subCode">{{subItem}}</span></td>
                 <td style="display: flex;flex-wrap: wrap;justify-content: center;padding: 5px;">
                   <div class="_TradeWayList" v-for="(tw,twIn) in item.TradeWayList">
@@ -470,12 +487,6 @@
                     </p>
                     <p>{{tw.BankNo}}</p>
                   </div>
-                  <!-- <div v-for="childItem in item.TradeWayList">
-                    支付方式：{{childItem.Alias}}
-                    <span class="TB_Rate">币种：{{childItem.CurrencyName}}</span>
-                    <span class="Team_Coins">{{childItem.OriginalMoney}}*{{childItem.Rate}}</span>
-                    <span class="TB_Rate">汇率：{{childItem.Rate}}</span>
-                  </div> -->
                 </td>
                 <td style="font-size:14px;">
                   应收：{{item.Money}}<br />