|
@@ -23,55 +23,55 @@
|
|
|
<div class="app-quote-price__more">
|
|
<div class="app-quote-price__more">
|
|
|
<ul>
|
|
<ul>
|
|
|
<li>
|
|
<li>
|
|
|
- <span>开盘</span>
|
|
|
|
|
|
|
+ <span>{{ t('quote.opened') }}</span>
|
|
|
<span :class="quote.openedColor">
|
|
<span :class="quote.openedColor">
|
|
|
{{ handleNumberValue(quote.opened.toFixed(quote.decimalplace)) }}
|
|
{{ handleNumberValue(quote.opened.toFixed(quote.decimalplace)) }}
|
|
|
</span>
|
|
</span>
|
|
|
</li>
|
|
</li>
|
|
|
<li>
|
|
<li>
|
|
|
- <span>昨结</span>
|
|
|
|
|
|
|
+ <span>{{ t('quote.presettle') }}</span>
|
|
|
<span>{{ handleNumberValue(quote.presettle.toFixed(quote.decimalplace)) }}</span>
|
|
<span>{{ handleNumberValue(quote.presettle.toFixed(quote.decimalplace)) }}</span>
|
|
|
</li>
|
|
</li>
|
|
|
<li>
|
|
<li>
|
|
|
- <span>最高</span>
|
|
|
|
|
|
|
+ <span>{{ t('quote.highest') }}</span>
|
|
|
<span :class="quote.highestColor">
|
|
<span :class="quote.highestColor">
|
|
|
{{ handleNumberValue(quote.highest.toFixed(quote.decimalplace)) }}
|
|
{{ handleNumberValue(quote.highest.toFixed(quote.decimalplace)) }}
|
|
|
</span>
|
|
</span>
|
|
|
</li>
|
|
</li>
|
|
|
<li>
|
|
<li>
|
|
|
- <span>最低</span>
|
|
|
|
|
|
|
+ <span>{{ t('quote.lowest') }}</span>
|
|
|
<span :class="quote.lowestColor">
|
|
<span :class="quote.lowestColor">
|
|
|
{{ handleNumberValue(quote.lowest.toFixed(quote.decimalplace)) }}
|
|
{{ handleNumberValue(quote.lowest.toFixed(quote.decimalplace)) }}
|
|
|
</span>
|
|
</span>
|
|
|
</li>
|
|
</li>
|
|
|
<li v-if="quote.marketid != 99201">
|
|
<li v-if="quote.marketid != 99201">
|
|
|
- <span>涨停</span>
|
|
|
|
|
|
|
+ <span>{{ t('quote.limitup') }}</span>
|
|
|
<span class="g-price-up">{{ handleNumberValue(quote.limitup.toFixed(quote.decimalplace)) }}</span>
|
|
<span class="g-price-up">{{ handleNumberValue(quote.limitup.toFixed(quote.decimalplace)) }}</span>
|
|
|
</li>
|
|
</li>
|
|
|
<li v-if="quote.marketid != 99201">
|
|
<li v-if="quote.marketid != 99201">
|
|
|
- <span>跌停</span>
|
|
|
|
|
|
|
+ <span>{{ t('quote.limitdown') }}</span>
|
|
|
<span class="g-price-down">{{ handleNumberValue(quote.limitdown.toFixed(quote.decimalplace)) }}</span>
|
|
<span class="g-price-down">{{ handleNumberValue(quote.limitdown.toFixed(quote.decimalplace)) }}</span>
|
|
|
</li>
|
|
</li>
|
|
|
<li>
|
|
<li>
|
|
|
- <span>均价</span>
|
|
|
|
|
|
|
+ <span>{{ t('quote.averageprice') }}</span>
|
|
|
<span :class="quote.averagepriceColor">
|
|
<span :class="quote.averagepriceColor">
|
|
|
{{ handleNumberValue(quote.averageprice.toFixed(quote.decimalplace)) }}
|
|
{{ handleNumberValue(quote.averageprice.toFixed(quote.decimalplace)) }}
|
|
|
</span>
|
|
</span>
|
|
|
</li>
|
|
</li>
|
|
|
<li>
|
|
<li>
|
|
|
- <span>振幅</span>
|
|
|
|
|
|
|
+ <span>{{ t('quote.amplitude') }}</span>
|
|
|
<span>{{ parsePercent(quote.amplitude) }}</span>
|
|
<span>{{ parsePercent(quote.amplitude) }}</span>
|
|
|
</li>
|
|
</li>
|
|
|
<li v-if="quote.marketid != 99201">
|
|
<li v-if="quote.marketid != 99201">
|
|
|
- <span>成交额</span>
|
|
|
|
|
|
|
+ <span>{{ t('quote.totalturnover') }}</span>
|
|
|
<span>{{ changeUnit(quote.totalturnover) }}</span>
|
|
<span>{{ changeUnit(quote.totalturnover) }}</span>
|
|
|
</li>
|
|
</li>
|
|
|
<li v-if="globalStore.hasQuotationProperty('holdvolume')">
|
|
<li v-if="globalStore.hasQuotationProperty('holdvolume')">
|
|
|
- <span>持仓量</span>
|
|
|
|
|
|
|
+ <span>{{ t('quote.holdvolume') }}</span>
|
|
|
<span>{{ changeUnit(quote.holdvolume) }}</span>
|
|
<span>{{ changeUnit(quote.holdvolume) }}</span>
|
|
|
</li>
|
|
</li>
|
|
|
<li v-if="globalStore.hasQuotationProperty('totalvolume') && quote.marketid != 99201">
|
|
<li v-if="globalStore.hasQuotationProperty('totalvolume') && quote.marketid != 99201">
|
|
|
- <span>成交量</span>
|
|
|
|
|
|
|
+ <span>{{ t('quote.totalvolume') }}</span>
|
|
|
<span>{{ changeUnit(quote.totalvolume) }}</span>
|
|
<span>{{ changeUnit(quote.totalvolume) }}</span>
|
|
|
</li>
|
|
</li>
|
|
|
</ul>
|
|
</ul>
|
|
@@ -81,7 +81,7 @@
|
|
|
|
|
|
|
|
<script lang="ts" setup>
|
|
<script lang="ts" setup>
|
|
|
import { parsePercent, handleNumberValue, changeUnit } from '@/filters'
|
|
import { parsePercent, handleNumberValue, changeUnit } from '@/filters'
|
|
|
-import { useGlobalStore, useFuturesStore } from '@/stores'
|
|
|
|
|
|
|
+import { useGlobalStore, useFuturesStore, i18n } from '@/stores'
|
|
|
|
|
|
|
|
const props = defineProps({
|
|
const props = defineProps({
|
|
|
goodsCode: {
|
|
goodsCode: {
|
|
@@ -93,6 +93,8 @@ const props = defineProps({
|
|
|
const globalStore = useGlobalStore()
|
|
const globalStore = useGlobalStore()
|
|
|
const futuresStore = useFuturesStore()
|
|
const futuresStore = useFuturesStore()
|
|
|
const quote = futuresStore.getGoodsQuote(props.goodsCode)
|
|
const quote = futuresStore.getGoodsQuote(props.goodsCode)
|
|
|
|
|
+const { t } = i18n.global
|
|
|
|
|
+
|
|
|
</script>
|
|
</script>
|
|
|
|
|
|
|
|
<style lang="less">
|
|
<style lang="less">
|