退款金额

src/views/finance_manage/FlowManage.vue

@@ -45,13 +45,22 @@
             </div>
           </div>
           <div class="proceeds-box">
-            <h6>
-              收款<span>（{{ total_count }}单）</span>
-            </h6>
-            <label v-if="proceedsPriceArr.length == 2"
-              >￥{{ proceedsPriceArr[0] }}.<b>{{ proceedsPriceArr[1] }}</b
-              ><span>元</span></label
-            >
+            <div>
+              <h6>
+                收款<span>（{{ total_count }}单）</span>
+              </h6>
+              <label v-if="proceedsPriceArr.length == 2"
+                >￥{{ proceedsPriceArr[0] }}.<b>{{ proceedsPriceArr[1] }}</b
+                ><span>元</span></label
+              >
+            </div>
+            <div>
+              <h6>退款</h6>
+              <label v-if="refundPriceArr.length == 2"
+                >￥{{ refundPriceArr[0] }}.<b>{{ refundPriceArr[1] }}</b
+                ><span>元</span></label
+              >
+            </div>
           </div>
           <div class="search-box">
             <div class="search-item">
@@ -504,6 +513,7 @@ export default {
       proceedsNumber: "", // 收款单数
       proceedsPrice: null, // 收款金额
       proceedsPriceArr: [],
+      refundPriceArr: [],
       searchType: -1,
       validity: "",
       searchStudy: -1,
@@ -786,6 +796,9 @@ export default {
             this.proceedsPriceArr = cutMoneyFiter(
               res.sum_info.order_amount
             ).split(".");
+            this.refundPriceArr = cutMoneyFiter(
+              res.sum_info.refund_amount
+            ).split(".");
           }
         })
         .catch(() => {
@@ -1048,6 +1061,9 @@ export default {
   background: #f7f8fa;
   padding: 16px;
   margin-top: 24px;
+  display: flex;
+  width: 100%;
+  gap: 40px;
   h6 {
     color: #1d2129;
     font-size: 16px;