|
|
@@ -1,50 +1,80 @@
|
|
|
<template>
|
|
|
- <!--参考行情-->
|
|
|
- <div class="topTableHeight">
|
|
|
- <a-table :columns="columns" :class="['srcollYTable', isBottom ? '' : 'srcollYTableNoBottom', goodsList.length ? 'noPlaceHolder' : 'hasPlaceHolder']" :scroll="{ x: '100%', y: isBottom ? 'calc(100vh - 378px)' : 'calc(100vh - 138px)' }" :pagination="false" :loading="loading" :expandedRowKeys="expandedRowKeys" :customRow="Rowclick" rowKey="goodscode" ref="tableRef" :data-source="goodsList">
|
|
|
- <template #totalturnover="{ text }">
|
|
|
- <span>{{ changeUnit(text) }}</span>
|
|
|
- </template>
|
|
|
- <!-- 涨跌 -->
|
|
|
- <template #change="{ record }">
|
|
|
- <span>{{ quoteChange(record, record.decimalplace) }}</span>
|
|
|
- </template>
|
|
|
- <!-- 幅度 -->
|
|
|
- <template #amplitude="{ record }">
|
|
|
- <span>{{ quoteAmplitude(record, record.decimalplace) }}</span>
|
|
|
- </template>
|
|
|
- <!-- 振幅 -->
|
|
|
- <template #vibration="{ record }">
|
|
|
- <span>{{ quoteAmplituOfVibration(record, record.decimalplace) }}</span>
|
|
|
- </template>
|
|
|
- <template #index="{ index }">
|
|
|
- <span>{{ index + 1 }}</span>
|
|
|
- </template>
|
|
|
- <!-- 买价 -->
|
|
|
- <template #bid="{ text, record }">
|
|
|
- <span :class="handleQuotePriceColor(text, record.presettle)">{{ text }}</span>
|
|
|
- </template>
|
|
|
- <!-- 卖价 -->
|
|
|
- <template #ask="{ text, record }">
|
|
|
- <span :class="handleQuotePriceColor(text, record.presettle)">{{ text }}</span>
|
|
|
- </template>
|
|
|
- <!-- 最新价 -->
|
|
|
- <template #last="{ text, record }">
|
|
|
- <span :class="handleQuotePriceColor(text, record.presettle)">{{ text }}</span>
|
|
|
- </template>
|
|
|
- <!-- 最低价 -->
|
|
|
- <template #lowest="{ text, record }">
|
|
|
- <span :class="handleQuotePriceColor(text, record.presettle)">{{ text }}</span>
|
|
|
- </template>
|
|
|
- <!-- 最高价 -->
|
|
|
- <template #highest="{ text, record }">
|
|
|
- <span :class="handleQuotePriceColor(text, record.presettle)">{{ text }}</span>
|
|
|
- </template>
|
|
|
- </a-table>
|
|
|
- <!-- 右键 -->
|
|
|
- <!-- <contextMenu :contextMenu="contextMenu" @cancel="closeContext" :list="firstBtn"></contextMenu> -->
|
|
|
- <component :is="componentId" v-if="componentId" :enumName="name" :selectedRow="selectedRow" @cancel="closeComponent"></component>
|
|
|
- </div>
|
|
|
+ <!--参考行情-->
|
|
|
+ <div class="topTableHeight">
|
|
|
+ <a-table :columns="columns"
|
|
|
+ :class="['srcollYTable', isBottom ? '' : 'srcollYTableNoBottom', goodsList.length ? 'noPlaceHolder' : 'hasPlaceHolder']"
|
|
|
+ :scroll="{ x: '100%', y: isBottom ? 'calc(100vh - 378px)' : 'calc(100vh - 138px)' }"
|
|
|
+ :pagination="false"
|
|
|
+ :loading="loading"
|
|
|
+ :expandedRowKeys="expandedRowKeys"
|
|
|
+ :customRow="Rowclick"
|
|
|
+ rowKey="goodscode"
|
|
|
+ ref="tableRef"
|
|
|
+ :data-source="goodsList">
|
|
|
+ <template #totalturnover="{ text }">
|
|
|
+ <span>{{ changeUnit(text) }}</span>
|
|
|
+ </template>
|
|
|
+ <!-- 买量 -->
|
|
|
+ <template #bidvolume="{ text }">
|
|
|
+ <span>{{ handleNoneValue(text) }}</span>
|
|
|
+ </template>
|
|
|
+ <!-- 卖量 -->
|
|
|
+ <template #askvolume="{ text }">
|
|
|
+ <span>{{ handleNoneValue(text) }}</span>
|
|
|
+ </template>
|
|
|
+ <!-- 开盘价 -->
|
|
|
+ <template #opened="{ text }">
|
|
|
+ <span>{{ handleNoneValue(text) }}</span>
|
|
|
+ </template>
|
|
|
+ <!-- 涨跌 -->
|
|
|
+ <template #change="{ record }">
|
|
|
+ <span>{{ quoteChange(record, record.decimalplace) }}</span>
|
|
|
+ </template>
|
|
|
+ <!-- 幅度 -->
|
|
|
+ <template #amplitude="{ record }">
|
|
|
+ <span>{{ quoteAmplitude(record, record.decimalplace) }}</span>
|
|
|
+ </template>
|
|
|
+ <!-- 振幅 -->
|
|
|
+ <template #vibration="{ record }">
|
|
|
+ <span>{{ quoteAmplituOfVibration(record, record.decimalplace) }}</span>
|
|
|
+ </template>
|
|
|
+ <template #index="{ index }">
|
|
|
+ <span>{{ index + 1 }}</span>
|
|
|
+ </template>
|
|
|
+ <!-- 买价 -->
|
|
|
+ <template #bid="{ text, record }">
|
|
|
+ <span
|
|
|
+ :class="handleQuotePriceColor(text, record.presettle)">{{ handleNoneValue(text) }}</span>
|
|
|
+ </template>
|
|
|
+ <!-- 卖价 -->
|
|
|
+ <template #ask="{ text, record }">
|
|
|
+ <span
|
|
|
+ :class="handleQuotePriceColor(text, record.presettle)">{{ handleNoneValue(text) }}</span>
|
|
|
+ </template>
|
|
|
+ <!-- 最新价 -->
|
|
|
+ <template #last="{ text, record }">
|
|
|
+ <span
|
|
|
+ :class="handleQuotePriceColor(text, record.presettle)">{{ handleNoneValue(text) }}</span>
|
|
|
+ </template>
|
|
|
+ <!-- 最低价 -->
|
|
|
+ <template #lowest="{ text, record }">
|
|
|
+ <span
|
|
|
+ :class="handleQuotePriceColor(text, record.presettle)">{{ handleNoneValue(text) }}</span>
|
|
|
+ </template>
|
|
|
+ <!-- 最高价 -->
|
|
|
+ <template #highest="{ text, record }">
|
|
|
+ <span
|
|
|
+ :class="handleQuotePriceColor(text, record.presettle)">{{ handleNoneValue(text) }}</span>
|
|
|
+ </template>
|
|
|
+ </a-table>
|
|
|
+ <!-- 右键 -->
|
|
|
+ <!-- <contextMenu :contextMenu="contextMenu" @cancel="closeContext" :list="firstBtn"></contextMenu> -->
|
|
|
+ <component :is="componentId"
|
|
|
+ v-if="componentId"
|
|
|
+ :enumName="name"
|
|
|
+ :selectedRow="selectedRow"
|
|
|
+ @cancel="closeComponent"></component>
|
|
|
+ </div>
|
|
|
</template>
|
|
|
|
|
|
<script lang="ts">
|
|
|
@@ -54,7 +84,7 @@ import { QueryOrderQuoteReq } from '@/services/go/wrtrade/interface';
|
|
|
import { queryOrderQuote } from '@/services/go/wrtrade';
|
|
|
import { handleComposeTable } from '@/views/market/spot_trade/setup';
|
|
|
import { ref } from 'vue';
|
|
|
-import { handleSubcriteOnDemandQuote, handleQuotePriceColor, quoteChange, quoteAmplitude, quoteAmplituOfVibration } from '@/common/setup/table/tableQuote';
|
|
|
+import { handleSubcriteOnDemandQuote, handleQuotePriceColor, quoteChange, quoteAmplitude, quoteAmplituOfVibration, handleNoneValue } from '@/common/setup/table/tableQuote';
|
|
|
import { QueryDeliveryRelationRsp } from '@/services/go/delivery/interface';
|
|
|
import { getGoodsListByTrade, getQutoGoodsByTradeMode } from '@/services/bus/goods';
|
|
|
import { TradeMode } from '@/common/constants/enumCommon';
|
|
|
@@ -136,6 +166,7 @@ export default defineComponent({
|
|
|
quoteChange,
|
|
|
quoteAmplitude,
|
|
|
quoteAmplituOfVibration,
|
|
|
+ handleNoneValue,
|
|
|
};
|
|
|
},
|
|
|
});
|