|
|
@@ -8,6 +8,14 @@
|
|
|
<template #last="{ row }">
|
|
|
<span :class="row.lastColor">{{ row.last }}</span>
|
|
|
</template>
|
|
|
+ <!-- 买价 -->
|
|
|
+ <template #bid="{ row }">
|
|
|
+ <span :class="row.bidColor">{{ row.bid }}</span>
|
|
|
+ </template>
|
|
|
+ <!-- 卖价 -->
|
|
|
+ <template #ask="{ row }">
|
|
|
+ <span :class="row.askColor">{{ row.ask }}</span>
|
|
|
+ </template>
|
|
|
<!-- 涨跌 -->
|
|
|
<template #rise="{ row }">
|
|
|
<span :class="row.lastColor">{{ row.rise }}</span>
|
|
|
@@ -64,11 +72,13 @@ const { dataList } = useRequest(queryQuoteGoodsList, {
|
|
|
const tableList = computed(() => {
|
|
|
return dataList.value.map((item) => {
|
|
|
const quote = futuresStore.getQuoteInfo(item.goodscode)
|
|
|
- const { goodsname, lastColor, openedColor, lowestColor, highestColor, last, presettle, rise, change, amplitude, highest, lowest, opened } = quote.value ?? {}
|
|
|
+ const { goodsname, lastColor, bidColor, askColor, openedColor, lowestColor, highestColor, last, bid, bidvolume, ask, askvolume, presettle, rise, change, amplitude, highest, lowest, opened, limitdown, limitup } = quote.value ?? {}
|
|
|
return {
|
|
|
...item,
|
|
|
goodsname,
|
|
|
lastColor,
|
|
|
+ bidColor,
|
|
|
+ askColor,
|
|
|
openedColor,
|
|
|
lowestColor,
|
|
|
highestColor,
|
|
|
@@ -80,6 +90,12 @@ const tableList = computed(() => {
|
|
|
lowest: handleNumberValue(lowest),
|
|
|
highest: handleNumberValue(highest),
|
|
|
amplitude: parsePercent(amplitude),
|
|
|
+ limitdown: handleNumberValue(limitdown),
|
|
|
+ limitup: handleNumberValue(limitup),
|
|
|
+ bid: handleNumberValue(bid),
|
|
|
+ ask: handleNumberValue(ask),
|
|
|
+ bidvolume: handleNumberValue(bidvolume),
|
|
|
+ askvolume: handleNumberValue(askvolume)
|
|
|
}
|
|
|
})
|
|
|
})
|
|
|
@@ -87,6 +103,10 @@ const tableList = computed(() => {
|
|
|
const columns: Model.TableColumn[] = [
|
|
|
{ prop: 'goodsname', label: '商品/标的' },
|
|
|
{ prop: 'last', label: '当前价' },
|
|
|
+ { prop: 'bid', label: '买价' },
|
|
|
+ { prop: 'bidvolume', label: '买量' },
|
|
|
+ { prop: 'ask', label: '卖价' },
|
|
|
+ { prop: 'askvolume', label: '卖量' },
|
|
|
{ prop: 'rise', label: '涨跌' },
|
|
|
{ prop: 'change', label: '幅度' },
|
|
|
{ prop: 'opened', label: '今开' },
|
|
|
@@ -94,6 +114,8 @@ const columns: Model.TableColumn[] = [
|
|
|
{ prop: 'lowest', label: '最低' },
|
|
|
{ prop: 'highest', label: '最高' },
|
|
|
{ prop: 'amplitude', label: '振幅' },
|
|
|
+ { prop: 'limitup', label: '涨停' },
|
|
|
+ { prop: 'limitdown', label: '跌停' },
|
|
|
]
|
|
|
|
|
|
const rowClick = (row: Model.QuoteGoodsListRsp) => {
|