平台已结算记录明细

src/views/FinancialManagement/CarInsurance/PlatformSettlement/NonVehicleBalanceyes.vue

@@ -31,6 +31,14 @@
         <el-button size="small" @click="dialogVisibleDetail = false">取消</el-button>
       </span>
     </el-dialog>
+    <el-dialog title="明细" :visible.sync="dialogVisibleRecordDetail" width="50%" :before-close="handleCloseRecordDetail">
+        <templateTable ref="templateTable2" :pagination="pageDataRecordDetail" @getList="getListRecordDetail"
+          :tableConfig="tableConfigDetailDetail" :data="formTableDatarecordDetail" @findPage="findPageRecordDetail">
+        </templateTable>
+        <span slot="footer" class="dialog-footer">
+          <el-button size="small" @click="dialogVisibleRecordDetail = false">取消</el-button>
+        </span>
+    </el-dialog>
   </div>
 </template>
 <script>
@@ -137,10 +145,16 @@ export default {
             label: "进帐金额",
             type: "text"
           },
-
         ],
         loading: true,
-        isPaginationShow: true
+        isPaginationShow: true,
+        optBtns: [
+          {
+            type: 'primary',
+            label: '明细',
+            click: (row, index) => { return this.haldRecordDetail(row) },
+          }
+        ]
       },
       pageDatarecord: {
         pageNum: 1,
@@ -229,7 +243,16 @@ export default {
         agreementType: 1,
         handlingFeesStatus: 1
       },
-      dockingPersonOption: []
+      dockingPersonOption: [],
+      // 记录里的明细
+      dialogVisibleRecordDetail: false,
+      formTableDatarecordDetail: [],
+      pageDataRecordDetail: {
+        pageNum: 1,
+        pageSize: 20,
+        totalSize: 0
+      },
+      recordDetail: '',
     };
   },
   created() {
@@ -246,6 +269,45 @@ export default {
       });
   },
   methods: {
+    // 记录里的明细
+    haldRecordDetail(row) {
+      console.log(row)
+      this.findPageRecordDetail(row)
+      this.dialogVisibleRecordDetail = true
+    },
+    handleCloseRecordDetail() {
+      this.dialogVisibleRecordDetail = false
+    },
+    getListRecordDetail() {
+      this.findPageRecordDetail()
+    },
+    findPageRecordDetail(row) {
+      this.tableConfigDetailDetail.loading = true
+      this.$api.task
+      .plyFeeQuery({
+          partnerCompaniesId: this.recordDetail,
+          // agreementType: '1',
+          // handlingFeesStatus: '1',
+          settlementDate: row.settlementTime,
+          ...this.pageDataRecordDetail
+        })
+        .then((res) => {
+          console.log(res)
+          if (res.code == 200) {
+            this.formTableDatarecordDetail = res.data.content;
+            this.pageDataRecordDetail = {
+              pageNum: res.data.pageNum,
+              pageSize: res.data.pageSize,
+              totalSize: res.data.totalSize,
+            }
+            this.tableConfigDetailDetail.loading = false;
+          }
+          else {
+            this.tableConfigDetailDetail.loading = false;
+            this.$message.error(res.msg)
+          }
+        })
+    },
     // 明细
     findPageDetailDetail(data) {
       this.tableConfigDetailDetail.loading = true
@@ -286,6 +348,7 @@ export default {
     },
     // 记录
     haldRecord(row) {
+      this.recordDetail = row.partnerCompaniesId
       this.findPageDetailrecord(row)
       this.dialogVisiblerecord = true
     },