feat: 还款明细

src/pages/checkerManage/TeamAccountFlow.vue

@@ -139,6 +139,19 @@
             <span v-else>-</span>
           </template>
         </el-table-column>
+        <el-table-column
+          label="操作"
+          width="120">
+          <template slot-scope="scope">
+            <el-link
+              v-if="scope.row.teamAccountRepaymentFlows && scope.row.teamAccountRepaymentFlows.length"
+              type="primary"
+              @click="showRepaymentDetail(scope.row)"
+            >
+              还款明细
+            </el-link>
+          </template>
+        </el-table-column>
       </el-table>
       <el-pagination
         background
@@ -154,6 +167,31 @@
     </div>
 
     <OrderDetail ref="orderDetail"></OrderDetail>
+
+    <!-- 还款明细弹框 -->
+    <el-dialog
+      title="还款明细"
+      width="1100px"
+      :visible.sync="repaymentDetailVisible"
+      :close-on-click-modal="false"
+    >
+      <el-table
+        border
+        :data="repaymentDetailList"
+        size="small"
+        v-loading="repaymentDetailLoading"
+      >
+        <el-table-column type="index" label="序号" width="50" />
+        <el-table-column prop="createTime" label="创建时间" width="140" />
+        <el-table-column prop="amount" label="还款金额" width="100" />
+        <el-table-column prop="remainingDebt" label="剩余欠款" width="100" />
+        <el-table-column prop="balanceBefore" label="还款前余额" width="100" />
+        <el-table-column prop="balanceAfter" label="还款后余额" width="100" />
+        <el-table-column prop="operatorName" label="操作员" width="90" />
+        <el-table-column prop="operateTime" label="操作时间" width="140" />
+        <el-table-column prop="remark" label="备注" min-width="120" show-overflow-tooltip />
+      </el-table>
+    </el-dialog>
   </div>
 </template>
 
@@ -190,12 +228,20 @@ export default {
       loading: false,
       tableData: [],
       total: 0,
+      repaymentDetailVisible: false,
+      repaymentDetailList: [],
+      repaymentDetailLoading: false,
       transactionTypeMap: {
         RECHARGE: '充值',
         DEDUCT: '扣款',
         CONSUME: '消费',
         REFUND: '退款',
-        ADJUST: '调整授信额度'
+        ADJUST: '调整授信额度',
+        REPAYMENT: '还款',
+        PREPAY_PAY: '预付款支付',
+        PREPAY_REFUND: '预付款退款',
+        CREDIT_PAY: '授信支付',
+        CREDIT_REFUND: '授信退款'
       }
     }
   },
@@ -241,6 +287,10 @@ export default {
       const { getSingleOrder } = await import('@/api/order')
       const res = await getSingleOrder(orderId)
       this.$refs.orderDetail.show(res.data)
+    },
+    showRepaymentDetail (row) {
+      this.repaymentDetailList = (row.teamAccountRepaymentFlows || []).filter(item => item.id)
+      this.repaymentDetailVisible = true
     }
   }
 }