feat(paymentDialog): 付款组件添加 account-detail-table 组件以显示对账明细

src/views/financialManage/payableManage/components/paymentDialog.vue

@@ -12,6 +12,16 @@
     :resizable="true"
   >
     <info-table ref="feeRelatedInfoTable" v-if="form.id" :form.sync="form"></info-table>
+    <headerTitle title="对账明细" style="margin-top: 30px"></headerTitle>
+        <account-detail-table
+          ref="accountDetailTableRef"
+          :datasource.sync="datasource"
+          dialogType="view"
+          :queryDimension="form.queryDimension"
+          @totalChange="handleTotalChange"
+          @countChange="handleCountChange"
+          :isShowDispatchDate="true"
+        />
     <div slot="footer">
       <el-button type="primary" @click="handleSave(0)">保存</el-button>
       <el-button @click="cancel">返回</el-button>
@@ -22,11 +32,13 @@
 <script>
 import infoTable from "./infoTable.vue";
 import {finPayableSaveAPI, getFinPayableInfoAPI, finPayableUpdateAmountAPI} from "@/api/financialManage/payableManage";
+import AccountDetailTable from '@/views/saleManage/saleOrder/accountstatement/components/accountDetailTable.vue';
 
 export default {
   name: "collectionDialog",
   components: {
-    infoTable
+    infoTable,
+    AccountDetailTable
   },
   props: {
     paymentDialogFlag: {
@@ -42,7 +54,8 @@ export default {
       form: {
         id: '',
       },
-      rules: {}
+      rules: {},
+      datasource: [],
     }
   },
   created() {
@@ -53,13 +66,14 @@ export default {
     async init(row = {}, type) {
       this.title = '付款'
       this.dialogType = type
-
+      
       await this.getInfo(row.id)
 
     },
     //获取详情
     async getInfo(id) {
       this.form = await getFinPayableInfoAPI(id)
+      this.datasource = this.form.productList || []
     },
     //
     async handleSave() {