|
@@ -1,92 +1,75 @@
|
|
|
<template>
|
|
<template>
|
|
|
- <!-- 现货报表 -->
|
|
|
|
|
- <div class="table-detail-container table-height"
|
|
|
|
|
- :loading="loading">
|
|
|
|
|
- <Filter @update="search"
|
|
|
|
|
- @filter="updateColumn"></Filter>
|
|
|
|
|
- <a-table :columns="columns"
|
|
|
|
|
- class="topOrderTable"
|
|
|
|
|
- :scroll="{ x: '100%', y: 'calc(100vh - 163px)' }"
|
|
|
|
|
- :pagination="false"
|
|
|
|
|
- :expandedRowKeys="expandedRowKeys"
|
|
|
|
|
- :customRow="Rowclick"
|
|
|
|
|
- rowKey="key"
|
|
|
|
|
- :data-source="tableList">
|
|
|
|
|
- <template #curaverageprice="{ record }">
|
|
|
|
|
- <span>{{ record.curaverageprice.toFixed(2) }}</span>
|
|
|
|
|
- </template>
|
|
|
|
|
- <template #oriaverageprice="{ record }">
|
|
|
|
|
- <span>{{ record.oriaverageprice.toFixed(2) }}</span>
|
|
|
|
|
- </template>
|
|
|
|
|
- <template #oriamount="{ record }">
|
|
|
|
|
- <span>{{ record.oriamount.toFixed(2) }}</span>
|
|
|
|
|
- </template>
|
|
|
|
|
- <template #todaybuyamount="{ record }">
|
|
|
|
|
- <span>{{ record.todaybuyamount.toFixed(2) }}</span>
|
|
|
|
|
- </template>
|
|
|
|
|
- <template #todaybuyaverageprice="{ record }">
|
|
|
|
|
- <span>{{ record.todaybuyaverageprice.toFixed(2) }}</span>
|
|
|
|
|
- </template>
|
|
|
|
|
- <template #todaysellaverageprice="{ record }">
|
|
|
|
|
- <span>{{ record.todaysellaverageprice.toFixed(2) }}</span>
|
|
|
|
|
- </template>
|
|
|
|
|
- <template #actualpl="{ record }">
|
|
|
|
|
- <span>{{ record.actualpl.toFixed(2) }}</span>
|
|
|
|
|
- </template>
|
|
|
|
|
- <template #curspotprice="{ record }">
|
|
|
|
|
- <span>{{ record.curspotprice.toFixed(2) }}</span>
|
|
|
|
|
- </template>
|
|
|
|
|
- <template #floatpl="{ record }">
|
|
|
|
|
- <span>{{ record.floatpl.toFixed(2) }}</span>
|
|
|
|
|
- </template>
|
|
|
|
|
- <template #curmarketvalue="{ record }">
|
|
|
|
|
- <span>{{ record.curmarketvalue.toFixed(2) }}</span>
|
|
|
|
|
- </template>
|
|
|
|
|
- </a-table>
|
|
|
|
|
- <!-- 明细 -->
|
|
|
|
|
- <Description v-if="visible"
|
|
|
|
|
- @close="closeDrawer"
|
|
|
|
|
- @changeTab="changeTab"
|
|
|
|
|
- :tabList="tabList">
|
|
|
|
|
- <a-table :columns="columnsDetail"
|
|
|
|
|
- class="topTable"
|
|
|
|
|
- :pagination="false"
|
|
|
|
|
- rowKey="key"
|
|
|
|
|
- :data-source="detailTableList"
|
|
|
|
|
- :scroll="{ x: '100%', y: 'calc(100vh - 163px)' }">
|
|
|
|
|
- <template #curaverageprice="{ record }">
|
|
|
|
|
- <span>{{ record.curaverageprice.toFixed(2) }}</span>
|
|
|
|
|
- </template>
|
|
|
|
|
- <template #oriaverageprice="{ record }">
|
|
|
|
|
- <span>{{ record.oriaverageprice.toFixed(2) }}</span>
|
|
|
|
|
- </template>
|
|
|
|
|
- <template #oriamount="{ record }">
|
|
|
|
|
- <span>{{ record.oriamount.toFixed(2) }}</span>
|
|
|
|
|
- </template>
|
|
|
|
|
- <template #todaybuyamount="{ record }">
|
|
|
|
|
- <span>{{ record.todaybuyamount.toFixed(2) }}</span>
|
|
|
|
|
- </template>
|
|
|
|
|
- <template #todaybuyaverageprice="{ record }">
|
|
|
|
|
- <span>{{ record.todaybuyaverageprice.toFixed(2) }}</span>
|
|
|
|
|
- </template>
|
|
|
|
|
- <template #todaysellaverageprice="{ record }">
|
|
|
|
|
- <span>{{ record.todaysellaverageprice.toFixed(2) }}</span>
|
|
|
|
|
- </template>
|
|
|
|
|
- <template #actualpl="{ record }">
|
|
|
|
|
- <span>{{ record.actualpl.toFixed(2) }}</span>
|
|
|
|
|
- </template>
|
|
|
|
|
- <template #curspotprice="{ record }">
|
|
|
|
|
- <span>{{ record.curspotprice.toFixed(2) }}</span>
|
|
|
|
|
- </template>
|
|
|
|
|
- <template #floatpl="{ record }">
|
|
|
|
|
- <span>{{ record.floatpl.toFixed(2) }}</span>
|
|
|
|
|
- </template>
|
|
|
|
|
- <template #curmarketvalue="{ record }">
|
|
|
|
|
- <span>{{ record.curmarketvalue.toFixed(2) }}</span>
|
|
|
|
|
- </template>
|
|
|
|
|
- </a-table>
|
|
|
|
|
- </Description>
|
|
|
|
|
- </div>
|
|
|
|
|
|
|
+ <!-- 现货报表 -->
|
|
|
|
|
+ <div class="table-detail-container table-height" :loading="loading">
|
|
|
|
|
+ <Filter @update="search" @filter="updateColumn"></Filter>
|
|
|
|
|
+ <a-table :columns="columns" class="topOrderTable" :scroll="{ x: '100%', y: 'calc(100vh - 163px)' }" :pagination="false" :expandedRowKeys="expandedRowKeys" :customRow="Rowclick" rowKey="key" :data-source="tableList">
|
|
|
|
|
+ <template #curaverageprice="{ record }">
|
|
|
|
|
+ <span>{{ record.curaverageprice.toFixed(2) }}</span>
|
|
|
|
|
+ </template>
|
|
|
|
|
+ <template #oriaverageprice="{ record }">
|
|
|
|
|
+ <span>{{ record.oriaverageprice.toFixed(2) }}</span>
|
|
|
|
|
+ </template>
|
|
|
|
|
+ <template #oriamount="{ record }">
|
|
|
|
|
+ <span>{{ record.oriamount.toFixed(2) }}</span>
|
|
|
|
|
+ </template>
|
|
|
|
|
+ <template #todaybuyamount="{ record }">
|
|
|
|
|
+ <span>{{ record.todaybuyamount.toFixed(2) }}</span>
|
|
|
|
|
+ </template>
|
|
|
|
|
+ <template #todaybuyaverageprice="{ record }">
|
|
|
|
|
+ <span>{{ record.todaybuyaverageprice.toFixed(2) }}</span>
|
|
|
|
|
+ </template>
|
|
|
|
|
+ <template #todaysellaverageprice="{ record }">
|
|
|
|
|
+ <span>{{ record.todaysellaverageprice.toFixed(2) }}</span>
|
|
|
|
|
+ </template>
|
|
|
|
|
+ <template #actualpl="{ record }">
|
|
|
|
|
+ <span>{{ record.actualpl.toFixed(2) }}</span>
|
|
|
|
|
+ </template>
|
|
|
|
|
+ <template #curspotprice="{ record }">
|
|
|
|
|
+ <span>{{ record.curspotprice.toFixed(2) }}</span>
|
|
|
|
|
+ </template>
|
|
|
|
|
+ <template #floatpl="{ record }">
|
|
|
|
|
+ <span>{{ record.floatpl.toFixed(2) }}</span>
|
|
|
|
|
+ </template>
|
|
|
|
|
+ <template #curmarketvalue="{ record }">
|
|
|
|
|
+ <span>{{ record.curmarketvalue.toFixed(2) }}</span>
|
|
|
|
|
+ </template>
|
|
|
|
|
+ </a-table>
|
|
|
|
|
+ <!-- 明细 -->
|
|
|
|
|
+ <Description v-if="visible" @close="closeDrawer" @changeTab="changeTab" :tabList="tabList">
|
|
|
|
|
+ <a-table :columns="columnsDetail" class="topTable" :pagination="false" rowKey="key" :data-source="detailTableList" :scroll="{ x: '100%', y: 'calc(100vh - 163px)' }">
|
|
|
|
|
+ <template #curaverageprice="{ record }">
|
|
|
|
|
+ <span>{{ record.curaverageprice.toFixed(2) }}</span>
|
|
|
|
|
+ </template>
|
|
|
|
|
+ <template #oriaverageprice="{ record }">
|
|
|
|
|
+ <span>{{ record.oriaverageprice.toFixed(2) }}</span>
|
|
|
|
|
+ </template>
|
|
|
|
|
+ <template #oriamount="{ record }">
|
|
|
|
|
+ <span>{{ record.oriamount.toFixed(2) }}</span>
|
|
|
|
|
+ </template>
|
|
|
|
|
+ <template #todaybuyamount="{ record }">
|
|
|
|
|
+ <span>{{ record.todaybuyamount.toFixed(2) }}</span>
|
|
|
|
|
+ </template>
|
|
|
|
|
+ <template #todaybuyaverageprice="{ record }">
|
|
|
|
|
+ <span>{{ record.todaybuyaverageprice.toFixed(2) }}</span>
|
|
|
|
|
+ </template>
|
|
|
|
|
+ <template #todaysellaverageprice="{ record }">
|
|
|
|
|
+ <span>{{ record.todaysellaverageprice.toFixed(2) }}</span>
|
|
|
|
|
+ </template>
|
|
|
|
|
+ <template #actualpl="{ record }">
|
|
|
|
|
+ <span>{{ record.actualpl.toFixed(2) }}</span>
|
|
|
|
|
+ </template>
|
|
|
|
|
+ <template #curspotprice="{ record }">
|
|
|
|
|
+ <span>{{ record.curspotprice.toFixed(2) }}</span>
|
|
|
|
|
+ </template>
|
|
|
|
|
+ <template #floatpl="{ record }">
|
|
|
|
|
+ <span>{{ record.floatpl.toFixed(2) }}</span>
|
|
|
|
|
+ </template>
|
|
|
|
|
+ <template #curmarketvalue="{ record }">
|
|
|
|
|
+ <span>{{ record.curmarketvalue.toFixed(2) }}</span>
|
|
|
|
|
+ </template>
|
|
|
|
|
+ </a-table>
|
|
|
|
|
+ </Description>
|
|
|
|
|
+ </div>
|
|
|
</template>
|
|
</template>
|
|
|
|
|
|
|
|
<script lang="ts">
|
|
<script lang="ts">
|
|
@@ -102,6 +85,7 @@ import { ref, watchEffect } from 'vue';
|
|
|
import { queryResultLoadingAndInfo } from '@/common/methods/request/resultInfo';
|
|
import { queryResultLoadingAndInfo } from '@/common/methods/request/resultInfo';
|
|
|
import { TabList } from '@/common/components/description/interface';
|
|
import { TabList } from '@/common/components/description/interface';
|
|
|
import { EnumRouterName } from '@/common/constants/enumRouterName';
|
|
import { EnumRouterName } from '@/common/constants/enumRouterName';
|
|
|
|
|
+import { getTableButton } from '@/common/setup/table/button';
|
|
|
|
|
|
|
|
export default defineComponent({
|
|
export default defineComponent({
|
|
|
name: 'spot-report',
|
|
name: 'spot-report',
|
|
@@ -142,10 +126,12 @@ export default defineComponent({
|
|
|
expandedRowKeys,
|
|
expandedRowKeys,
|
|
|
selectedRow,
|
|
selectedRow,
|
|
|
Rowclick, // 表格事件
|
|
Rowclick, // 表格事件
|
|
|
- tabList,
|
|
|
|
|
} = handleComposeTable_detail<Ermcp3AreaSpotPLReport>(param);
|
|
} = handleComposeTable_detail<Ermcp3AreaSpotPLReport>(param);
|
|
|
const chaceSearchValue = ref<TypeAndTime>();
|
|
const chaceSearchValue = ref<TypeAndTime>();
|
|
|
|
|
|
|
|
|
|
+ // 底部明细标签
|
|
|
|
|
+ const tabList = getTableButton(['spot_report_spot_detail']);
|
|
|
|
|
+
|
|
|
// 切换明细
|
|
// 切换明细
|
|
|
function changeTab(index: number, current: TabList) {
|
|
function changeTab(index: number, current: TabList) {
|
|
|
const { code, lable } = current;
|
|
const { code, lable } = current;
|
|
@@ -174,8 +160,8 @@ export default defineComponent({
|
|
|
}
|
|
}
|
|
|
watchEffect(() => {
|
|
watchEffect(() => {
|
|
|
if (visible.value) {
|
|
if (visible.value) {
|
|
|
- if (tabList.value.length) {
|
|
|
|
|
- changeTab(0, tabList.value[0]);
|
|
|
|
|
|
|
+ if (tabList.length) {
|
|
|
|
|
+ changeTab(0, tabList[0]);
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
|
});
|
|
});
|
|
@@ -189,9 +175,4 @@ export default defineComponent({
|
|
|
return { loading, tableList, visible, closeDrawer, columns, updateColumn, search, columnsDetail, detailTableList, expandedRowKeys, selectedRow, Rowclick, tabList, changeTab };
|
|
return { loading, tableList, visible, closeDrawer, columns, updateColumn, search, columnsDetail, detailTableList, expandedRowKeys, selectedRow, Rowclick, tabList, changeTab };
|
|
|
},
|
|
},
|
|
|
});
|
|
});
|
|
|
-</script>
|
|
|
|
|
-
|
|
|
|
|
-<style lang="less">
|
|
|
|
|
-.spot-report {
|
|
|
|
|
-}
|
|
|
|
|
-</style>;
|
|
|
|
|
|
|
+</script>
|