客服亲家退款金额

src/components/byh/ByhServiceDetail.vue

@@ -167,15 +167,19 @@
           <div style="margin-left:10px">
             <strong>
               <el-row :gutter="20" :data="loanModel" style="margin-left:20px">
-                <el-col :span="6">
+                <el-col :span="4">
                   <div class="grid-content bg-purple">借款编号：{{ this.advanceLoanAmt.loanNo }}</div>
                 </el-col>
-                <el-col :span="6">
+                <el-col :span="4">
                   <div class="grid-content bg-purple">账单剩余应还：{{ this.loanVo.surAmt }}</div>
                 </el-col>
-                <el-col :span="6">
+                <el-col :span="4">
                   <div class="grid-content bg-purple">账单已还款：{{ this.loanVo.alrAmt }}</div>
                 </el-col>
+                <el-col :span="4">
+                  <div class="grid-content bg-purple" v-if="this.loanVo.refundAmt != null ">退款金额：{{ this.loanVo.refundAmt }} ({{ this.loanVo.refundStatusDesc }})</div>
+                  <div class="grid-content bg-purple" v-else>退款金额：0</div>
+                </el-col>
                 <el-col :span="6">
                   <el-button type="primary" size="small" @click="advanceLoanAmt()" v-if="isNeedAudit">线下结清</el-button>
                   <el-button type="primary" size="small" @click="protocolSettleAll()"