|
|
@@ -1,74 +1,26 @@
|
|
|
<template>
|
|
|
- <!-- 资金流水 -->
|
|
|
- <section>
|
|
|
- <a-table :columns="columns"
|
|
|
- class="srcollYTable expandLeftTable"
|
|
|
- :scroll="{ x: '100%', y: 'calc(100vh - 163px)'}"
|
|
|
- :pagination="false"
|
|
|
- :loading="loading"
|
|
|
- :expandedRowKeys="expandedRowKeys"
|
|
|
- :customRow="Rowclick"
|
|
|
- :expandIcon="expandIcon"
|
|
|
- :expandIconAsCell="false"
|
|
|
- rowKey="key"
|
|
|
- :data-source="tableList">
|
|
|
- <template #createtime="{ record }">
|
|
|
- <a>{{ formatTime(record.createtime) }}</a>
|
|
|
- </template>
|
|
|
- </a-table>
|
|
|
- </section>
|
|
|
+ <!-- 委托记录 - 商品合约 - 历史记录-->
|
|
|
+ <div class="topTableHeight40">
|
|
|
+ <router-view></router-view>
|
|
|
+ <ThridMenu :list="tabList" :selectedKey="index" @selectMenu="changeTab" />
|
|
|
+ </div>
|
|
|
</template>
|
|
|
|
|
|
<script lang="ts">
|
|
|
-import { queryTableList, BtnList, defineComponent } from '@/common/export/commonTable';
|
|
|
-import { 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 { queryAmountLog } from '@/services/go/TaAccount';
|
|
|
-import { QueryAmountLogReq } from '@/services/go/TaAccount/interface';
|
|
|
-import { getSelectedAccountId } from '@/services/bus/account';
|
|
|
-import { formatTime } from '@/common/methods';
|
|
|
-import Bus from '@/utils/eventBus/index';
|
|
|
-import { expandIcon } from '@/common/setup/table/clolumn';
|
|
|
+import ThridMenu from '@/common/components/thirdMenu/index.vue';
|
|
|
import { EnumRouterName } from '@/common/constants/enumRouterName';
|
|
|
+import { handleMartketThirdRouter } from '@/common/setup/matket/router';
|
|
|
+import { defineComponent } from 'vue';
|
|
|
|
|
|
export default defineComponent({
|
|
|
name: EnumRouterName.search_capital_flow_tab,
|
|
|
components: {
|
|
|
- BtnList,
|
|
|
+ ThridMenu,
|
|
|
},
|
|
|
setup() {
|
|
|
- // 表格列表数据
|
|
|
- const { loading, tableList, queryTable } = queryTableList<WrPerformancePlan>();
|
|
|
- // 获取列表数据
|
|
|
- const queryTableAction = () => {
|
|
|
- const param: QueryAmountLogReq = {
|
|
|
- accountID: getSelectedAccountId().toString(),
|
|
|
- };
|
|
|
-
|
|
|
- queryTable(queryAmountLog, param);
|
|
|
- };
|
|
|
- // 表格通用逻辑
|
|
|
- const param: ComposeOrderTableParam = {
|
|
|
- queryFn: queryTableAction,
|
|
|
- tableName: 'table_pcweb_spot_trade_bottom_funding_info_log',
|
|
|
- recordList: getRecordItemTab(),
|
|
|
- };
|
|
|
- // 资金变化,重新加载数据
|
|
|
- Bus.$on('moneyChangedNtf_UI', () => {
|
|
|
- queryTableAction();
|
|
|
- });
|
|
|
- return {
|
|
|
- ...handleComposeOrderTable<WrPerformancePlan>(param),
|
|
|
- loading,
|
|
|
- tableList,
|
|
|
- formatTime,
|
|
|
- expandIcon,
|
|
|
- };
|
|
|
+ return { ...handleMartketThirdRouter(EnumRouterName.search_capital_flow_tab) };
|
|
|
},
|
|
|
});
|
|
|
</script>
|
|
|
-
|
|
|
<style lang="less">
|
|
|
-</style>;
|
|
|
+</style>
|