|
|
@@ -1,20 +1,70 @@
|
|
|
<template>
|
|
|
<!-- 资金汇总 -->
|
|
|
- <section class="funding_information_funding_summary">
|
|
|
- 资金汇总
|
|
|
- </section>
|
|
|
+ <section>
|
|
|
+ <a-table :columns="columns"
|
|
|
+ class="srcollYTable"
|
|
|
+ :scroll="{ x: '100%', y: 'calc(100vh - 163px)' }"
|
|
|
+ :pagination="false"
|
|
|
+ :loading="loading"
|
|
|
+ :expandedRowKeys="expandedRowKeys"
|
|
|
+ :customRow="Rowclick"
|
|
|
+ rowKey="key"
|
|
|
+ :data-source="tableList">
|
|
|
+ <!-- 额外的展开行 -->
|
|
|
+ <template #expandedRowRender="{ record }">
|
|
|
+ <BtnList :btnList="btnList"
|
|
|
+ :record="record"
|
|
|
+ @click="openComponent" />
|
|
|
+ </template>
|
|
|
+ </a-table>
|
|
|
+ <component :is="componentId"
|
|
|
+ v-if="componentId"
|
|
|
+ :selectedRow="selectedRow"
|
|
|
+ @cancel="closeComponent"></component>
|
|
|
+ </section>
|
|
|
</template>
|
|
|
|
|
|
<script lang="ts">
|
|
|
-import { defineComponent } from 'vue';
|
|
|
-import { enumOrderComponents } from '@/common/constants/enumOrderComponents';
|
|
|
-export default defineComponent({
|
|
|
- name: enumOrderComponents.funding_information_funding_summary,
|
|
|
- components: {},
|
|
|
- setup() {
|
|
|
- return {};
|
|
|
- },
|
|
|
-});
|
|
|
+ import { enumOrderComponents } from '@/common/constants/enumOrderComponents';
|
|
|
+ import { queryTableList, BtnList, defineAsyncComponent, defineComponent } from '@/common/export/commonTable';
|
|
|
+ import { QueryPerformancePlan, queryWrTradeDetail } from '@/services/go/wrtrade';
|
|
|
+ import { QueryPerformancePlanReq, WrPerformancePlan } from '@/services/go/wrtrade/interface';
|
|
|
+ import { getRecordItemTab } from '@/common/setup/order/orderData';
|
|
|
+ import { handleComposeOrderTable } from '@/common/setup/table/compose';
|
|
|
+ import { ComposeOrderTableParam } from '@/common/setup/table/interface';
|
|
|
+ import {getTaAccounts, queryAmountLog} from "@/services/go/TaAccount";
|
|
|
+ import {GetTaAccountsReq, QueryAmountLogReq} from "@/services/go/TaAccount/interface";
|
|
|
+ import {getSelectedAccountId} from "@/services/bus/account";
|
|
|
+ import {getLongTypeLoginID} from "@/services/bus/login";
|
|
|
+ import * as Long from "long";
|
|
|
+ export default defineComponent({
|
|
|
+ name: enumOrderComponents.funding_information_funding_summary,
|
|
|
+ components: {
|
|
|
+ BtnList,
|
|
|
+ },
|
|
|
+ setup() {
|
|
|
+ // 表格列表数据
|
|
|
+ const { loading, tableList, queryTable } = queryTableList<WrPerformancePlan>();
|
|
|
+ // 获取列表数据
|
|
|
+ const queryTableAction = () => {
|
|
|
+ const param: GetTaAccountsReq = {
|
|
|
+ loginID: Number(getLongTypeLoginID()),
|
|
|
+ };
|
|
|
+ queryTable(getTaAccounts, param);
|
|
|
+ };
|
|
|
+ // 表格通用逻辑
|
|
|
+ const param: ComposeOrderTableParam = {
|
|
|
+ queryFn: queryTableAction,
|
|
|
+ tableName: 'table_pcweb_spot_trade_bottom_funding_info_summary',
|
|
|
+ recordList: getRecordItemTab(),
|
|
|
+ };
|
|
|
+ return {
|
|
|
+ ...handleComposeOrderTable<WrPerformancePlan>(param),
|
|
|
+ loading,
|
|
|
+ tableList,
|
|
|
+ };
|
|
|
+ },
|
|
|
+ });
|
|
|
</script>
|
|
|
|
|
|
<style lang="less">
|