|
|
@@ -1,17 +1,17 @@
|
|
|
<!-- 查询管理-内部订单查询-委托单查询-详情 -->
|
|
|
<template>
|
|
|
- <app-drawer title="详情" width="960" v-model:show="show">
|
|
|
- <app-table-details title="委托单信息" :data="data" :label-width="200" :cell-props="detailProps1" :column="2" />
|
|
|
- <app-table-details title="费用相关配置及收取值" :data="data" :label-width="200" :cell-props="detailProps2" :column="2" />
|
|
|
+ <app-drawer :title="t('query.order.order.details.title')" width="960" v-model:show="show">
|
|
|
+ <app-table-details :title="t('query.order.order.details.subtitle1')" :data="data" :label-width="200" :cell-props="detailProps1" :column="2" />
|
|
|
+ <app-table-details :title="t('query.order.order.details.subtitle2')" :data="data" :label-width="200" :cell-props="detailProps2" :column="2" />
|
|
|
<template v-if="data && [7, 8, 9].includes(data.orderstatus)">
|
|
|
<app-table :data="data.tradeHisResultList" :columns="tableColumns" v-if="record.isHis">
|
|
|
<template #headerLeft>
|
|
|
- <b>成交单列表(历史)</b>
|
|
|
+ <b>{{ t('query.order.order.details.tradelist1') }}</b>
|
|
|
</template>
|
|
|
</app-table>
|
|
|
<app-table :data="data.tradeResultList" :columns="tableColumns" v-else>
|
|
|
<template #headerLeft>
|
|
|
- <b>成交单列表(当日)</b>
|
|
|
+ <b>{{ t('query.order.order.details.tradelist2') }}</b>
|
|
|
</template>
|
|
|
</app-table>
|
|
|
</template>
|
|
|
@@ -33,6 +33,7 @@ import { CellProp } from '@pc/components/base/table-details/types'
|
|
|
import AppDrawer from '@pc/components/base/drawer/index.vue'
|
|
|
import AppTable from '@pc/components/base/table/index.vue'
|
|
|
import AppTableDetails from '@pc/components/base/table-details/index.vue'
|
|
|
+import { i18n } from '@/stores'
|
|
|
|
|
|
const props = defineProps({
|
|
|
record: {
|
|
|
@@ -41,6 +42,7 @@ const props = defineProps({
|
|
|
}
|
|
|
})
|
|
|
|
|
|
+const { global: { t } } = i18n
|
|
|
const show = shallowRef(true)
|
|
|
const refresh = shallowRef(false)
|
|
|
|
|
|
@@ -73,38 +75,38 @@ const detailProps1 = computed<CellProp[]>(() => {
|
|
|
const isTradeMode18Or26 = [18, 26].includes(trademode)
|
|
|
|
|
|
return [
|
|
|
- { prop: 'orderid', label: '委托单号:' },
|
|
|
- { prop: 'accountname', label: '委托账户:', formatValue: (val) => val && `${val} (${accountid})` },
|
|
|
- { prop: 'parentusername', label: '所属机构:' },
|
|
|
- { prop: 'memberaccountname', label: '所属会员:' },
|
|
|
- { prop: 'marketname', label: '市场:' },
|
|
|
- { prop: 'goodsname', label: '商品:', formatValue: (val) => val && `${val}/${goodscode}` },
|
|
|
- { prop: 'listingselecttype', label: '挂牌点选类型:', show: isTradeMode16 },
|
|
|
- { prop: 'delistingtype', label: '摘牌类型:', show: isTradeMode16 },
|
|
|
- { prop: 'buildtype', label: '委托类型:', formatValue: (val) => buildtypeEnum.getEnumTypeName(val) },
|
|
|
- { prop: 'buyorsell', label: '方向:', formatValue: (val) => getBuyOrSellName(val) },
|
|
|
- { prop: 'orderprice', label: '委托价格:', show: !isTradeMode18Or26 },
|
|
|
- { prop: 'optiontype', label: '期权类型:', show: isTradeMode18Or26 },
|
|
|
- { prop: 'orderprice', label: '行权价:', show: isTradeMode18Or26 },
|
|
|
- { prop: 'premium', label: '订货金:', show: isTradeMode18Or26 },
|
|
|
- { prop: 'orderqty', label: '委托数量:' },
|
|
|
- { prop: 'tradeqty', label: '成交数量:' },
|
|
|
- { prop: 'openqty', label: '开仓数量:' },
|
|
|
- { prop: 'closeqty', label: '平仓数量:' },
|
|
|
- { prop: 'cancelqty', label: '撤单数量:' },
|
|
|
- { prop: 'pricemode', label: '取价方式:', formatValue: (val) => Pricemode2Enum.getEnumTypeName(val), show: !isTradeMode18Or26 },
|
|
|
- { prop: 'validtype', label: '有效期类型:', formatValue: (val) => ValidTypeEnum.getEnumTypeName(val), show: !isTradeMode18Or26 },
|
|
|
- { prop: 'validtime', label: '有效期限:', show: !isTradeMode18Or26 },
|
|
|
- { prop: 'operatetype', label: '操作类型:', formatValue: (val) => orderoperatetypeEnum.getEnumTypeName(val), show: !isTradeMode18Or26 },
|
|
|
- { prop: 'orderstatus', label: '委托状态:', formatValue: (val) => orderstatusEnum.getEnumTypeName(val) },
|
|
|
- { prop: 'ordertime', label: '委托时间:', formatValue: (val) => formatDate(val) },
|
|
|
- { prop: 'clientticket', label: '客户端流水号:' },
|
|
|
- { prop: 'cancelorderid', label: '撤单单号:', show: !!cancelorderid },
|
|
|
- { prop: 'preorderid', label: '关联预埋单号:', show: !!preorderid },
|
|
|
- { prop: 'relatedid', label: '关联单号:', show: !!relatedid },
|
|
|
- { prop: 'retcode', label: '错误码:', show: !!retcode },
|
|
|
- { prop: 'refgoodsid', label: '参考商品:', show: isTradeMode46 },
|
|
|
- { prop: 'swapdays', label: '掉期天数:', show: isTradeMode46 },
|
|
|
+ { prop: 'orderid', label: 'query.order.order.details.orderid' },
|
|
|
+ { prop: 'accountname', label: 'query.order.order.details.accountname', formatValue: (val) => val && `${val} (${accountid})` },
|
|
|
+ { prop: 'parentusername', label: 'query.order.order.details.parentusername' },
|
|
|
+ { prop: 'memberaccountname', label: 'query.order.order.details.memberaccountname' },
|
|
|
+ { prop: 'marketname', label: 'query.order.order.details.marketname' },
|
|
|
+ { prop: 'goodsname', label: 'query.order.order.details.goodsname', formatValue: (val) => val && `${val}/${goodscode}` },
|
|
|
+ { prop: 'listingselecttype', label: 'query.order.order.details.listingselecttype', show: isTradeMode16 },
|
|
|
+ { prop: 'delistingtype', label: 'query.order.order.details.delistingtype', show: isTradeMode16 },
|
|
|
+ { prop: 'buildtype', label: 'query.order.order.details.buildtype', formatValue: (val) => buildtypeEnum.getEnumTypeName(val) },
|
|
|
+ { prop: 'buyorsell', label: 'query.order.order.details.buyorsell', formatValue: (val) => getBuyOrSellName(val) },
|
|
|
+ { prop: 'orderprice', label: 'query.order.order.details.orderprice', show: !isTradeMode18Or26 },
|
|
|
+ { prop: 'optiontype', label: 'query.order.order.details.optiontype', show: isTradeMode18Or26 },
|
|
|
+ { prop: 'orderprice', label: 'query.order.order.details.orderprice1', show: isTradeMode18Or26 },
|
|
|
+ { prop: 'premium', label: 'query.order.order.details.premium', show: isTradeMode18Or26 },
|
|
|
+ { prop: 'orderqty', label: 'query.order.order.details.orderqty' },
|
|
|
+ { prop: 'tradeqty', label: 'query.order.order.details.tradeqty' },
|
|
|
+ { prop: 'openqty', label: 'query.order.order.details.openqty' },
|
|
|
+ { prop: 'closeqty', label: 'query.order.order.details.closeqty' },
|
|
|
+ { prop: 'cancelqty', label: 'query.order.order.details.cancelqty' },
|
|
|
+ { prop: 'pricemode', label: 'query.order.order.details.pricemode', formatValue: (val) => Pricemode2Enum.getEnumTypeName(val), show: !isTradeMode18Or26 },
|
|
|
+ { prop: 'validtype', label: 'query.order.order.details.validtype', formatValue: (val) => ValidTypeEnum.getEnumTypeName(val), show: !isTradeMode18Or26 },
|
|
|
+ { prop: 'validtime', label: 'query.order.order.details.validtime', show: !isTradeMode18Or26 },
|
|
|
+ { prop: 'operatetype', label: 'query.order.order.details.operatetype', formatValue: (val) => orderoperatetypeEnum.getEnumTypeName(val), show: !isTradeMode18Or26 },
|
|
|
+ { prop: 'orderstatus', label: 'query.order.order.details.orderstatus', formatValue: (val) => orderstatusEnum.getEnumTypeName(val) },
|
|
|
+ { prop: 'ordertime', label: 'query.order.order.details.ordertime', formatValue: (val) => formatDate(val) },
|
|
|
+ { prop: 'clientticket', label: 'query.order.order.details.clientticket' },
|
|
|
+ { prop: 'cancelorderid', label: 'query.order.order.details.cancelorderid', show: !!cancelorderid },
|
|
|
+ { prop: 'preorderid', label: 'query.order.order.details.preorderid', show: !!preorderid },
|
|
|
+ { prop: 'relatedid', label: 'query.order.order.details.relatedid', show: !!relatedid },
|
|
|
+ { prop: 'retcode', label: 'query.order.order.details.retcode', show: !!retcode },
|
|
|
+ { prop: 'refgoodsid', label: 'query.order.order.details.refgoodsid', show: isTradeMode46 },
|
|
|
+ { prop: 'swapdays', label: 'query.order.order.details.swapdays', show: isTradeMode46 },
|
|
|
]
|
|
|
})
|
|
|
|
|
|
@@ -116,31 +118,31 @@ const detailProps2 = computed<CellProp[]>(() => {
|
|
|
const result: CellProp[] = [
|
|
|
{
|
|
|
prop: 'marginvalue',
|
|
|
- label: '即市保证金设置值:',
|
|
|
+ label: t('query.order.order.details.marginvalue'),
|
|
|
formatValue: (val) => marginalgorithm ? marginalgorithm === 1 ? parsePercent(val) : val : '',
|
|
|
show: isBuildType1Or3
|
|
|
},
|
|
|
{
|
|
|
prop: 'openexchagechargevalue',
|
|
|
- label: '开仓交易所手续费设置值:',
|
|
|
+ label: t('query.order.order.details.openexchagechargevalue'),
|
|
|
formatValue: (val) => marginalgorithm ? marginalgorithm === 1 ? parseTenThousand(val) : val : '',
|
|
|
show: isBuildType1Or3
|
|
|
},
|
|
|
{
|
|
|
prop: 'openmemberchargevalue',
|
|
|
- label: '开仓会员手续费设置值:',
|
|
|
+ label: t('query.order.order.details.openmemberchargevalue'),
|
|
|
formatValue: (val) => marginalgorithm ? marginalgorithm === 1 ? parseTenThousand(val) : val : '',
|
|
|
show: isBuildType1Or3
|
|
|
},
|
|
|
{
|
|
|
prop: 'closeexchagechargevalue',
|
|
|
- label: '平仓交易所手续费设置值:',
|
|
|
+ label: t('query.order.order.details.closeexchagechargevalue'),
|
|
|
formatValue: (val) => marginalgorithm ? marginalgorithm === 1 ? parseTenThousand(val) : val : '',
|
|
|
show: isBuildType2Or3
|
|
|
},
|
|
|
{
|
|
|
prop: 'closememberchargevalue',
|
|
|
- label: '平仓会员手续费设置值:',
|
|
|
+ label: t('query.order.order.details.closememberchargevalue'),
|
|
|
formatValue: (val) => marginalgorithm ? marginalgorithm === 1 ? parseTenThousand(val) : val : '',
|
|
|
show: isBuildType2Or3
|
|
|
},
|
|
|
@@ -148,14 +150,14 @@ const detailProps2 = computed<CellProp[]>(() => {
|
|
|
|
|
|
if ([3, 5].includes(orderstatus)) {
|
|
|
result.push(
|
|
|
- { prop: 'freezemargin', label: '冻结保证金:' },
|
|
|
- { prop: 'freezecharge', label: '冻结服务费:' },
|
|
|
- { prop: 'openfreezecharge', label: '开仓冻结服务费:' },
|
|
|
- { prop: 'closefreezecharge', label: '平仓解冻服务费:' },
|
|
|
- { prop: 'unfreezemargin', label: '解冻保证金:' },
|
|
|
- { prop: 'unfreezecharge', label: '解冻服务费:' },
|
|
|
- { prop: 'openunfreezecharge', label: '开仓解冻服务费:' },
|
|
|
- { prop: 'closeunfreezecharge', label: '平仓解冻服务费:' },
|
|
|
+ { prop: 'freezemargin', label: 'query.order.order.details.freezemargin' },
|
|
|
+ { prop: 'freezecharge', label: 'query.order.order.details.freezecharge' },
|
|
|
+ { prop: 'openfreezecharge', label: 'query.order.order.details.openfreezecharge' },
|
|
|
+ { prop: 'closefreezecharge', label: 'query.order.order.details.closefreezecharge' },
|
|
|
+ { prop: 'unfreezemargin', label: 'query.order.order.details.unfreezemargin' },
|
|
|
+ { prop: 'unfreezecharge', label: 'query.order.order.details.unfreezecharge' },
|
|
|
+ { prop: 'openunfreezecharge', label: 'query.order.order.details.openunfreezecharge' },
|
|
|
+ { prop: 'closeunfreezecharge', label: 'query.order.order.details.closeunfreezecharge' },
|
|
|
)
|
|
|
}
|
|
|
|
|
|
@@ -167,14 +169,14 @@ const tableColumns = computed<Model.TableColumn[]>(() => {
|
|
|
const isTradeMode18Or26 = [18, 26].includes(trademode)
|
|
|
|
|
|
return [
|
|
|
- { field: 'tradeid', label: '成交单号' },
|
|
|
- { field: 'matchaccountid', label: '对手账户' },
|
|
|
- { field: 'tradeqty', label: '成交数量' },
|
|
|
- { field: 'tradeprice', label: '成交价格', show: !isTradeMode18Or26 },
|
|
|
- { field: 'tradeamount', label: '成交金额', show: !isTradeMode18Or26 },
|
|
|
- { field: 'tradeprice', label: '行权价', show: isTradeMode18Or26 },
|
|
|
- { field: 'chargevalue', label: '服务费' },
|
|
|
- { field: 'tradetime', label: '成交时间', formatValue: (val) => formatDate(val) },
|
|
|
+ { field: 'tradeid', label: 'query.order.order.details.tradeid' },
|
|
|
+ { field: 'matchaccountid', label: 'query.order.order.details.matchaccountid' },
|
|
|
+ { field: 'tradeqty', label: 'query.order.order.details.tradeqty' },
|
|
|
+ { field: 'tradeprice', label: 'query.order.order.details.tradeprice', show: !isTradeMode18Or26 },
|
|
|
+ { field: 'tradeamount', label: 'query.order.order.details.tradeamount', show: !isTradeMode18Or26 },
|
|
|
+ { field: 'tradeprice', label: 'query.order.order.details.tradeprice1', show: isTradeMode18Or26 },
|
|
|
+ { field: 'chargevalue', label: 'query.order.order.details.chargevalue' },
|
|
|
+ { field: 'tradetime', label: 'query.order.order.details.tradetime', formatValue: (val) => formatDate(val) },
|
|
|
]
|
|
|
})
|
|
|
|