修改

src/pages/course/paymentDetail.vue

 <style>
-  .paymentDetail .p_title {
+.paymentDetail .p_title {
     font-weight: bold;
     color: #000000;
     font-size: 14px;
     margin-bottom: 20px;
-  }
+}
 
-  .paymentDetail .paymentList {
+.paymentDetail .paymentList {
     height: 170px;
     border-radius: 3px;
     box-shadow: 0 0 5px #d1d1d1;
     margin-right: 10px;
     padding: 12px;
-  }
+}
 
-  .paymentDetail .paymentList:last-child {
+.paymentDetail .paymentList:last-child {
     margin-right: 0;
-  }
+}
 
-  .paymentDetail .pay_topList {
+.paymentDetail .pay_topList {
     display: flex;
     align-items: center;
     margin-bottom: 10px;
-  }
+}
 
-  .paymentDetail .pay_Title {
+.paymentDetail .pay_Title {
     margin-left: 5px;
     color: #111111;
     font-size: 13px;
     font-weight: bold;
-  }
+}
 
-  .paymentDetail .pay_ListMent {
+.paymentDetail .pay_ListMent {
     display: flex;
     font-size: 12px;
     margin-bottom: 6px;
-  }
+}
 
-  .paymentDetail .pay_ListOne {
+.paymentDetail .pay_ListOne {
     width: 50px;
     color: #999999;
     text-align: left;
-  }
+}
 
-  .paymentDetail .pay_Inner {
+.paymentDetail .pay_Inner {
     margin-left: 10px;
     color: #111111;
     font-weight: bold;
-  }
+}
 
-  .paymentDetail .orangeStyle {
+.paymentDetail .orangeStyle {
     color: #F28C1D;
-  }
+}
 
-  .paymentDetail .pay_ListTwo {
+.paymentDetail .pay_ListTwo {
     width: 25px;
     color: #999999;
     text-align: left;
-  }
+}
 
-  .paymentDetail .pay_InorOut {
+.paymentDetail .pay_InorOut {
     margin-top: 20px;
-  }
+}
 
-  .paymentDetail .Pay_Line {
+.paymentDetail .Pay_Line {
     width: 3px;
     height: 11px;
     margin-right: 10px;
     background-color: #3FC4FF;
     display: inline-block;
-  }
+}
 
-  .paymentDetail .pay_TopTitle {
+.paymentDetail .pay_TopTitle {
     font-weight: bold;
     color: #000000;
     font-size: 13px;
-  }
+}
 
-  .paymentDetail .payTable {
+.paymentDetail .payTable {
     width: 100%;
     border-collapse: collapse;
-  }
+}
 
-  .paymentDetail .payTable tr th {
+.paymentDetail .payTable tr th {
     background: #fff;
     height: 40px;
     font-size: 12px;
     font-weight: bold;
     color: #2D2D2D;
     background: #DDDEE0;
-  }
+}
 
-  .paymentDetail .payTable tr {
+.paymentDetail .payTable tr {
     background: #fff;
     text-align: center;
     height: 40px;
-  }
+}
 
-  .paymentDetail .payTable tr td {
+.paymentDetail .payTable tr td {
     font-size: 13px;
     text-align: center;
     color: #2D2D2D;
     padding: 10px 0;
     font-weight: bold;
     border-bottom: 1px solid #E5E5E5;
-  }
+}
 
-  .paymentDetail .finince_Order {
+.paymentDetail .finince_Order {
     color: #2961FE;
     text-decoration: underline;
     cursor: pointer;
     font-weight: bold;
-  }
+}
 
-  .paymentDetail .finice_pass {
+.paymentDetail .finice_pass {
     display: inline-block;
     width: 50px;
     height: 25px;
@@ -121,26 +121,24 @@
     background: #ccf3eb;
     color: #02C499;
     border-radius: 2px;
-  }
+}
 
-  .paymentDetail .financeYing {
+.paymentDetail .financeYing {
     width: 110px;
     text-align: left;
     margin: auto;
-  }
+}
 
-  .p_titleList {
+.p_titleList {
     position: relative;
-  }
-
+}
 </style>
 <template>
-  <div class="page-body paymentDetail">
+<div class="page-body paymentDetail">
     <div class="page-search items-center">
         <div class="p_titleList">
             <div class="p_title">班级收支明细</div>
-        <q-btn label="导出" color="accent q-px-md" size="sm"
-          style="font-weight:400 !important;position:absolute;right:0;top:0" @click="exportOrder" />
+            <q-btn label="导出" color="accent q-px-md" size="sm" style="font-weight:400 !important;position:absolute;right:0;top:0" @click="exportOrder" />
         </div>
         <div class="row">
             <div class="col paymentList" v-if="dataList&&dataList.ClassInfo">
@@ -275,8 +273,7 @@
                 <div><span class="Pay_Line"></span>收入</div>
                 <q-btn label="新增收款" color="accent q-px-md" size="sm" style="font-weight:400 !important;" @click="goShoukuan(1)" />
             </div>
-        <div class="pay_TopTitle"
-          style="margin:15px 0 15px 20px;font-size:12px;">
+            <div class="pay_TopTitle" style="margin:15px 0 15px 20px;font-size:12px;">
                 <span class="Pay_Line" style="background-color:#02C499;"></span>学费收入
             </div>
             <table class="payTable">
@@ -300,7 +297,7 @@
                     <td><span v-for="subItem in item.CostTypeList" :key="subItem.subCode">{{subItem}}</span></td>
                     <td style="text-align:left;">
                         <div v-for="childItem in item.TradeWayList">
-                支付方式：{{childItem.Alias}}<span class="TB_Rate">币种：{{childItem.CurrencyName}}</span>
+                            支付方式：{{childItem.Alias}}<span class="TB_Rate"> 币种：{{childItem.CurrencyName}}</span>
                             <span class="Team_Coins orangeStyle">{{childItem.OriginalMoney}}*{{childItem.Rate}}</span>
                             <span class="TB_Rate" style="margin-left:10px;">汇率：{{childItem.Rate}}</span>
                         </div>
@@ -351,7 +348,7 @@
                     <td><span v-for="subItem in item.CostTypeList" :key="subItem.subCode">{{subItem}}</span></td>
                     <td style="text-align:left;">
                         <div v-for="childItem in item.TradeWayList">
-                支付方式：{{childItem.Alias}}<span class="TB_Rate">币种：{{childItem.CurrencyName}}</span>
+                            支付方式：{{childItem.Alias}}<span class="TB_Rate"> 币种：{{childItem.CurrencyName}}</span>
                             <span class="Team_Coins orangeStyle">{{childItem.OriginalMoney}}*{{childItem.Rate}}</span>
                             <span class="TB_Rate" style="margin-left:10px;">汇率：{{childItem.Rate}}</span>
                         </div>
@@ -435,17 +432,18 @@
             </table>
         </div>
     </div>
-  </div>
+</div>
 </template>
+
 <script>
-  import {
+import {
     GetClassBalanceSheet,
     GetClassBalanceSheetToExcel
-  } from '../../api/finance/index';
-  import {
+} from '../../api/finance/index';
+import {
     EduDownLoad,
-  } from '../../api/common/common';
-  export default {
+} from '../../api/common/common';
+export default {
     props: {},
     components: {},
     data() {
@@ -475,9 +473,9 @@
         },
         //减法 得实收
         getShiShou(num1, num2) {
-        if(num1&&num2){
+            if (num1 && num2) {
                 return parseInt(num1) - parseInt(num2);
-        }else{
+            } else {
                 return 0;
             }
         },
@@ -495,7 +493,7 @@
         //导出单据
         exportOrder() {
             var msg = JSON.parse(JSON.stringify(this.msg));
-        EduDownLoad("/Finance/GetClassBalanceSheetToExcel",msg, "收支明细.xls")
+            EduDownLoad("/Finance/GetClassBalanceSheetToExcel", msg, "收支明细.xls")
         },
         //跳转到收款单
         goShoukuan(type) {
@@ -522,8 +520,7 @@
 
         }
     }
-  }
-
+}
 </script>
 <style lang="sass">
   @import url('~assets/css/table.sass');