🦄 refactor: 封装统一表格组件，便于批量扩展表格能力

klp-ui/src/views/finance/order/index.vue

@@ -72,7 +72,7 @@
             <order-detail-list :orderId="currentOrder.orderId" />
           </el-tab-pane>
           <el-tab-pane label="应收明细" name="receivable">
-            <el-table v-loading="rightLoading" :data="currentOrder.receivables" empty-text="暂无数据">
+            <KLPTable v-loading="rightLoading" :data="currentOrder.receivables" empty-text="暂无数据">
               <el-table-column label="客户" align="center" prop="customerName" />
               <el-table-column label="订单ID" align="center" prop="orderId" />
               <el-table-column label="到期日" align="center" prop="dueDate" width="180">
@@ -89,10 +89,10 @@
               <el-table-column label="未收金额" align="center" prop="balanceAmount" />
               <el-table-column label="状态" align="center" prop="status" />
               <el-table-column label="备注" align="center" prop="remark" />
-            </el-table>
+            </KLPTable>
           </el-tab-pane>
           <el-tab-pane label="应付明细" name="payable">
-            <el-table v-loading="rightLoading" :data="currentOrder.payables" empty-text="暂无数据">
+            <KLPTable v-loading="rightLoading" :data="currentOrder.payables" empty-text="暂无数据">
               <el-table-column label="供应商" align="center" prop="supplierName" />
               <el-table-column label="订单ID" align="center" prop="orderId" />
               <el-table-column label="到期日" align="center" prop="dueDate" width="180">
@@ -109,15 +109,15 @@
               <el-table-column label="未付金额" align="center" prop="balanceAmount" />
               <el-table-column label="状态" align="center" prop="status" />
               <el-table-column label="备注" align="center" prop="remark" />
-            </el-table>
+            </KLPTable>
           </el-tab-pane>
           <el-tab-pane label="凭证管理" name="document">
-            <el-table :data="currentOrder.documents" style="width: 100%" empty-text="暂无数据">
+            <KLPTable :data="currentOrder.documents" style="width: 100%" empty-text="暂无数据">
               <el-table-column prop="docNo" label="凭证编号" />
               <el-table-column prop="docDate" label="凭证日期" />
               <el-table-column prop="amount" label="凭证金额" />
               <el-table-column prop="status" label="凭证状态" />
-            </el-table>
+            </KLPTable>
           </el-tab-pane>
         </el-tabs>