|
@@ -1,85 +1,79 @@
|
|
|
<template>
|
|
<template>
|
|
|
- <!--订单交易 挂牌转让-->
|
|
|
|
|
- <div class="topTableHeight">
|
|
|
|
|
- <div class="filterTable">
|
|
|
|
|
- <div class="filter-custom-table">
|
|
|
|
|
- <a-select
|
|
|
|
|
- class="conditionSelect"
|
|
|
|
|
- :style="{width: '180px', maxHeight: '400px', overflow: 'auto' }"
|
|
|
|
|
- @change="goodsChange"
|
|
|
|
|
- placeholder="全部标的合约"
|
|
|
|
|
- >
|
|
|
|
|
- <a-select-option
|
|
|
|
|
- v-for="item in getRefGoodsList()"
|
|
|
|
|
- :value="item"
|
|
|
|
|
- :key="item"
|
|
|
|
|
- >{{item}}</a-select-option>
|
|
|
|
|
- </a-select>
|
|
|
|
|
- <!-- <a-button class="btnDeafault"
|
|
|
|
|
|
|
+ <!--订单交易 挂牌转让-->
|
|
|
|
|
+ <div class="topTableHeight">
|
|
|
|
|
+ <div class="filterTable">
|
|
|
|
|
+ <div class="filter-custom-table">
|
|
|
|
|
+ <a-select class="conditionSelect"
|
|
|
|
|
+ :style="{width: '180px', maxHeight: '400px', overflow: 'auto' }"
|
|
|
|
|
+ @change="goodsChange"
|
|
|
|
|
+ placeholder="全部标的合约">
|
|
|
|
|
+ <a-select-option v-for="item in getRefGoodsList()"
|
|
|
|
|
+ :value="item"
|
|
|
|
|
+ :key="item">{{item}}</a-select-option>
|
|
|
|
|
+ </a-select>
|
|
|
|
|
+ <!-- <a-button class="btnDeafault"
|
|
|
@click="search(true)"
|
|
@click="search(true)"
|
|
|
style="width: 80px">筛选</a-button>-->
|
|
style="width: 80px">筛选</a-button>-->
|
|
|
- </div>
|
|
|
|
|
- </div>
|
|
|
|
|
- <a-table
|
|
|
|
|
- :columns="columns"
|
|
|
|
|
- :class="['srcollYTable', isBottom ? 'secondTabTable' : 'secondTabTableNoBottom', goodsList.length ? 'noPlaceHolder' : 'hasPlaceHolder']"
|
|
|
|
|
- :scroll="{ x: '100%', y: isBottom ? 'calc(100vh- 407px)' : 'calc(100vh - 167px)' }"
|
|
|
|
|
- :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>{{quoteAmplituOfVibration(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="btnList"></contextMenu>
|
|
|
|
|
- <component
|
|
|
|
|
- :is="componentId"
|
|
|
|
|
- v-if="componentId"
|
|
|
|
|
- :selectedRow="selectedRow"
|
|
|
|
|
- @cancel="closeComponent"
|
|
|
|
|
- ></component>
|
|
|
|
|
|
|
+ </div>
|
|
|
</div>
|
|
</div>
|
|
|
|
|
+ <a-table :columns="columns"
|
|
|
|
|
+ :class="['srcollYTable', isBottom ? 'secondTabTable' : 'secondTabTableNoBottom', goodsList.length ? 'noPlaceHolder' : 'hasPlaceHolder']"
|
|
|
|
|
+ :scroll="{ x: '100%', y: isBottom ? 'calc(100vh- 407px)' : 'calc(100vh - 167px)' }"
|
|
|
|
|
+ :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>{{quoteAmplituOfVibration(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="btnList"></contextMenu>
|
|
|
|
|
+ <component :is="componentId"
|
|
|
|
|
+ v-if="componentId"
|
|
|
|
|
+ :selectedRow="selectedRow"
|
|
|
|
|
+ @cancel="closeComponent"></component>
|
|
|
|
|
+ </div>
|
|
|
</template>
|
|
</template>
|
|
|
|
|
|
|
|
<script lang="ts">
|
|
<script lang="ts">
|