|
@@ -1,38 +1,44 @@
|
|
|
<template>
|
|
<template>
|
|
|
- <!-- 现货贸易 - 买卖大厅 - 卖报价牌 -->
|
|
|
|
|
- <a-table :columns="columns"
|
|
|
|
|
- :class="['buyHallTable', isBottom ? '' : 'buyHallTableHigh', tableList.length ? '' : 'noDataTable']"
|
|
|
|
|
- :scroll="{ x: '100%', y: isBottom ? 'calc(100vh- 378px)' : 'calc(100vh - 135px)' }"
|
|
|
|
|
- :pagination="false"
|
|
|
|
|
- :loading="loading"
|
|
|
|
|
- :expandedRowKeys="expandedRowKeys"
|
|
|
|
|
- :customRow="Rowclick"
|
|
|
|
|
- :expandIcon="expandIcon"
|
|
|
|
|
- :expandIconAsCell="false"
|
|
|
|
|
- rowKey="key"
|
|
|
|
|
- :data-source="tableList">
|
|
|
|
|
- <!-- , -->
|
|
|
|
|
- <!-- 额外的展开行 -->
|
|
|
|
|
- <template #expandedRowRender="{ record }">
|
|
|
|
|
- <BtnList :btnList="btnList"
|
|
|
|
|
- :record="record"
|
|
|
|
|
- class="btn-list-sticky"
|
|
|
|
|
- @click="openComponent" />
|
|
|
|
|
- </template>
|
|
|
|
|
- <template #username="{text, record }">
|
|
|
|
|
- <span>{{record.userid + " "}}{{text}}</span>
|
|
|
|
|
- </template>
|
|
|
|
|
- <template #orderprice="{ record }">
|
|
|
|
|
- <span>{{getBuyOrSellMarketPrice(record, parantSelectedRow)}}</span>
|
|
|
|
|
- </template>
|
|
|
|
|
- </a-table>
|
|
|
|
|
- <component :is="componentId"
|
|
|
|
|
- v-if="componentId"
|
|
|
|
|
- :selectedRow="selectedRow"
|
|
|
|
|
- :buyOrSell="BuyOrSell.buy"
|
|
|
|
|
- :enumName="enumName"
|
|
|
|
|
- :parantSelectedRow="parantSelectedRow"
|
|
|
|
|
- @cancel="closeComponent"></component>
|
|
|
|
|
|
|
+ <!-- 现货贸易 - 买卖大厅 - 卖报价牌 -->
|
|
|
|
|
+ <a-table
|
|
|
|
|
+ :columns="columns"
|
|
|
|
|
+ :class="['buyHallTable', isBottom ? '' : 'buyHallTableHigh', tableList.length ? '' : 'noDataTable']"
|
|
|
|
|
+ :scroll="{ x: '100%', y: isBottom ? 'calc(100vh- 378px)' : 'calc(100vh - 135px)' }"
|
|
|
|
|
+ :pagination="false"
|
|
|
|
|
+ :loading="loading"
|
|
|
|
|
+ :expandedRowKeys="expandedRowKeys"
|
|
|
|
|
+ :customRow="Rowclick"
|
|
|
|
|
+ :expandIcon="expandIcon"
|
|
|
|
|
+ :expandIconAsCell="false"
|
|
|
|
|
+ rowKey="key"
|
|
|
|
|
+ :data-source="tableList"
|
|
|
|
|
+ >
|
|
|
|
|
+ <!-- , -->
|
|
|
|
|
+ <!-- 额外的展开行 -->
|
|
|
|
|
+ <template #expandedRowRender="{ record }">
|
|
|
|
|
+ <BtnList
|
|
|
|
|
+ :btnList="btnList"
|
|
|
|
|
+ :record="record"
|
|
|
|
|
+ class="btn-list-sticky"
|
|
|
|
|
+ @click="openComponent"
|
|
|
|
|
+ />
|
|
|
|
|
+ </template>
|
|
|
|
|
+ <template #username="{ text, record }">
|
|
|
|
|
+ <span>{{ record.userid + " " }}{{ text }}</span>
|
|
|
|
|
+ </template>
|
|
|
|
|
+ <template #orderprice="{ record }">
|
|
|
|
|
+ <span>{{ getBuyOrSellMarketPrice(record, parantSelectedRow) }}</span>
|
|
|
|
|
+ </template>
|
|
|
|
|
+ </a-table>
|
|
|
|
|
+ <component
|
|
|
|
|
+ :is="componentId"
|
|
|
|
|
+ v-if="componentId"
|
|
|
|
|
+ :selectedRow="selectedRow"
|
|
|
|
|
+ :buyOrSell="BuyOrSell.buy"
|
|
|
|
|
+ :enumName="enumName"
|
|
|
|
|
+ :parantSelectedRow="parantSelectedRow"
|
|
|
|
|
+ @cancel="closeComponent"
|
|
|
|
|
+ ></component>
|
|
|
</template>
|
|
</template>
|
|
|
|
|
|
|
|
<script lang="ts">
|
|
<script lang="ts">
|
|
@@ -127,8 +133,9 @@ export default defineComponent({
|
|
|
// 先置空 要不然数据变更了,视图不更新
|
|
// 先置空 要不然数据变更了,视图不更新
|
|
|
const fn = () => {
|
|
const fn = () => {
|
|
|
tableList.value = [];
|
|
tableList.value = [];
|
|
|
- tableList.value = sortPirce(res, props.parantSelectedRow, false);
|
|
|
|
|
|
|
+ tableList.value = sortPirce(res, props.parantSelectedRow, false).filter(el => el.userid !== getUserId());
|
|
|
};
|
|
};
|
|
|
|
|
+ fn()
|
|
|
if (hasFloat(res)) {
|
|
if (hasFloat(res)) {
|
|
|
// 有浮动价, 则每三秒更新一次数据
|
|
// 有浮动价, 则每三秒更新一次数据
|
|
|
TimerUtils.setInterval(fn, 3 * 1000, 'buyMarket');
|
|
TimerUtils.setInterval(fn, 3 * 1000, 'buyMarket');
|