|
|
@@ -10,7 +10,7 @@
|
|
|
<span :class="quote.lastColor">{{ parsePercent(quote.change) }}</span>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div class="block-right">
|
|
|
+ <div class="block-right" v-if="quote.marketid === 99201">
|
|
|
<ul>
|
|
|
<li>
|
|
|
<span>开盘</span>
|
|
|
@@ -24,59 +24,103 @@
|
|
|
{{ handleNumberValue(quote.highest.toFixed(quote.decimalplace)) }}
|
|
|
</span>
|
|
|
</li>
|
|
|
- <li v-if="quote.marketid != 99201">
|
|
|
- <span>涨停</span>
|
|
|
- <span class="g-price-up">{{ handleNumberValue(quote.limitup.toFixed(quote.decimalplace)) }}</span>
|
|
|
+ <li>
|
|
|
+ <span>最低</span>
|
|
|
+ <span :class="quote.lowestColor">
|
|
|
+ {{ handleNumberValue(quote.lowest.toFixed(quote.decimalplace)) }}
|
|
|
+ </span>
|
|
|
</li>
|
|
|
<li>
|
|
|
<span>昨结</span>
|
|
|
<span>{{ handleNumberValue(quote.presettle.toFixed(quote.decimalplace)) }}</span>
|
|
|
</li>
|
|
|
<li>
|
|
|
+ <span>均价</span>
|
|
|
+ <span :class="quote.averagepriceColor">
|
|
|
+ {{ handleNumberValue(quote.averageprice.toFixed(quote.decimalplace)) }}
|
|
|
+ </span>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <span>振幅</span>
|
|
|
+ <span>{{ parsePercent(quote.amplitude) }}</span>
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+ <div class="block-right" v-else>
|
|
|
+ <ul>
|
|
|
+ <li>
|
|
|
+ <span>开盘</span>
|
|
|
+ <span :class="quote.openedColor">
|
|
|
+ {{ handleNumberValue(quote.opened.toFixed(quote.decimalplace)) }}
|
|
|
+ </span>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <span>最高</span>
|
|
|
+ <span :class="quote.highestColor">
|
|
|
+ {{ handleNumberValue(quote.highest.toFixed(quote.decimalplace)) }}
|
|
|
+ </span>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <span>涨停</span>
|
|
|
+ <span class="g-price-up">
|
|
|
+ {{ handleNumberValue(quote.limitup.toFixed(quote.decimalplace)) }}
|
|
|
+ </span>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <span>昨结</span>
|
|
|
+ <span>
|
|
|
+ {{ handleNumberValue(quote.presettle.toFixed(quote.decimalplace)) }}
|
|
|
+ </span>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
<span>最低</span>
|
|
|
- <span :class="quote.lowestColor">{{ handleNumberValue(quote.lowest.toFixed(quote.decimalplace))
|
|
|
- }}</span>
|
|
|
+ <span :class="quote.lowestColor">
|
|
|
+ {{ handleNumberValue(quote.lowest.toFixed(quote.decimalplace)) }}
|
|
|
+ </span>
|
|
|
</li>
|
|
|
- <li v-if="quote.marketid != 99201">
|
|
|
+ <li>
|
|
|
<span>跌停</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>
|
|
|
</ul>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <Divider @click="showMore = !showMore">
|
|
|
- <Icon :name="showMore ? 'arrow-up' : 'arrow-down'" />
|
|
|
- </Divider>
|
|
|
- <div class="app-quote-price__more" v-if="quote">
|
|
|
- <ul v-show="showMore">
|
|
|
- <li v-if="quote.marketid != 99201">
|
|
|
- <span>买量</span>
|
|
|
- <span>{{ handleNumberValue(quote.bidvolume) }}</span>
|
|
|
- </li>
|
|
|
- <li v-if="quote.marketid != 99201">
|
|
|
- <span>卖量</span>
|
|
|
- <span>{{ handleNumberValue(quote.askvolume) }}</span>
|
|
|
- </li>
|
|
|
- <li v-if="quote.marketid != 99201">
|
|
|
- <span>买价</span>
|
|
|
- <span :class="quote.bidColor">{{ handleNumberValue(quote.bid.toFixed(quote.decimalplace)) }}</span>
|
|
|
- </li>
|
|
|
- <li v-if="quote.marketid != 99201">
|
|
|
- <span>卖价</span>
|
|
|
- <span :class="quote.askColor">{{ handleNumberValue(quote.ask.toFixed(quote.decimalplace)) }}</span>
|
|
|
- </li>
|
|
|
- <li>
|
|
|
- <span>均价</span>
|
|
|
- <span :class="quote.averagepriceColor">{{
|
|
|
- handleNumberValue(quote.averageprice.toFixed(quote.decimalplace)) }}</span>
|
|
|
- </li>
|
|
|
- <li>
|
|
|
- <span>振幅</span>
|
|
|
- <span>{{ parsePercent(quote.amplitude) }}</span>
|
|
|
- </li>
|
|
|
- </ul>
|
|
|
- </div>
|
|
|
+ <template v-if="quote?.marketid !== 99201">
|
|
|
+ <Divider @click="showMore = !showMore">
|
|
|
+ <Icon :name="showMore ? 'arrow-up' : 'arrow-down'" />
|
|
|
+ </Divider>
|
|
|
+ <div class="app-quote-price__more" v-if="quote">
|
|
|
+ <ul v-show="showMore">
|
|
|
+ <li>
|
|
|
+ <span>买量</span>
|
|
|
+ <span>{{ handleNumberValue(quote.bidvolume) }}</span>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <span>卖量</span>
|
|
|
+ <span>{{ handleNumberValue(quote.askvolume) }}</span>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <span>买价</span>
|
|
|
+ <span :class="quote.bidColor">{{ handleNumberValue(quote.bid.toFixed(quote.decimalplace)) }}</span>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <span>卖价</span>
|
|
|
+ <span :class="quote.askColor">{{ handleNumberValue(quote.ask.toFixed(quote.decimalplace)) }}</span>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <span>均价</span>
|
|
|
+ <span :class="quote.averagepriceColor">{{
|
|
|
+ handleNumberValue(quote.averageprice.toFixed(quote.decimalplace)) }}</span>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <span>振幅</span>
|
|
|
+ <span>{{ parsePercent(quote.amplitude) }}</span>
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
</div>
|
|
|
</template>
|
|
|
|