|
@@ -1,65 +1,67 @@
|
|
|
<template>
|
|
<template>
|
|
|
- <!--参考行情-->
|
|
|
|
|
- <div class="topTableHeight">
|
|
|
|
|
- <a-table :columns="columns"
|
|
|
|
|
- class="srcollYTable"
|
|
|
|
|
- :scroll="{ x: '100%', y: 'calc(100vh - 378px)' }"
|
|
|
|
|
- :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="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']"
|
|
|
|
|
+ :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>{{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="firstBtn"></contextMenu>
|
|
|
|
|
+ <component
|
|
|
|
|
+ :is="componentId"
|
|
|
|
|
+ v-if="componentId"
|
|
|
|
|
+ :enumName="name"
|
|
|
|
|
+ :selectedRow="selectedRow"
|
|
|
|
|
+ @cancel="closeComponent"
|
|
|
|
|
+ ></component>
|
|
|
|
|
+ </div>
|
|
|
</template>
|
|
</template>
|
|
|
|
|
|
|
|
<script lang="ts">
|
|
<script lang="ts">
|
|
@@ -76,6 +78,7 @@ import { TradeMode } from '@/common/constants/enumCommon';
|
|
|
import { handleTableColums } from '@/common/setup/table/clolumn';
|
|
import { handleTableColums } from '@/common/setup/table/clolumn';
|
|
|
import { QueryQuoteDayRsp } from '@/services/go/quote/interface';
|
|
import { QueryQuoteDayRsp } from '@/services/go/quote/interface';
|
|
|
import { changeUnit } from '@/utils/qt/common';
|
|
import { changeUnit } from '@/utils/qt/common';
|
|
|
|
|
+import { getShowBottomValue } from '@/common/config/constrolBottom';
|
|
|
|
|
|
|
|
const columnsList = [
|
|
const columnsList = [
|
|
|
{ title: '序号', key: 'index', width: 80 },
|
|
{ title: '序号', key: 'index', width: 80 },
|
|
@@ -111,6 +114,7 @@ export default defineComponent({
|
|
|
// postBuying: defineAsyncComponent(() => import('../../components/post_buying/index.vue')),
|
|
// postBuying: defineAsyncComponent(() => import('../../components/post_buying/index.vue')),
|
|
|
},
|
|
},
|
|
|
setup() {
|
|
setup() {
|
|
|
|
|
+ const isBottom = getShowBottomValue();
|
|
|
// 表头
|
|
// 表头
|
|
|
const { columns } = handleTableColums(columnsList);
|
|
const { columns } = handleTableColums(columnsList);
|
|
|
// 表格列表数据
|
|
// 表格列表数据
|
|
@@ -137,6 +141,7 @@ export default defineComponent({
|
|
|
isDetail: false,
|
|
isDetail: false,
|
|
|
};
|
|
};
|
|
|
return {
|
|
return {
|
|
|
|
|
+ isBottom,
|
|
|
...handleComposeTable<QueryDeliveryRelationRsp>(param),
|
|
...handleComposeTable<QueryDeliveryRelationRsp>(param),
|
|
|
loading,
|
|
loading,
|
|
|
tableList,
|
|
tableList,
|