|
@@ -1,17 +1,17 @@
|
|
|
<!-- 查询管理-内部订单查询-委托单查询-详情 -->
|
|
<!-- 查询管理-内部订单查询-委托单查询-详情 -->
|
|
|
<template>
|
|
<template>
|
|
|
- <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" />
|
|
|
|
|
|
|
+ <app-drawer :title="t('query.internal.order.details.title')" width="960" v-model:show="show">
|
|
|
|
|
+ <app-table-details :title="t('query.internal.order.details.subtitle1')" :data="data" :label-width="200" :cell-props="detailProps1" :column="2" />
|
|
|
|
|
+ <app-table-details :title="t('query.internal.order.details.subtitle2')" :data="data" :label-width="200" :cell-props="detailProps2" :column="2" />
|
|
|
<template v-if="data && [7, 8, 9].includes(data.orderstatus)">
|
|
<template v-if="data && [7, 8, 9].includes(data.orderstatus)">
|
|
|
<app-table :data="data.tradeHisResultList" :columns="tableColumns" v-if="record.isHis">
|
|
<app-table :data="data.tradeHisResultList" :columns="tableColumns" v-if="record.isHis">
|
|
|
<template #headerLeft>
|
|
<template #headerLeft>
|
|
|
- <b>{{ t('query.order.order.details.tradelist1') }}</b>
|
|
|
|
|
|
|
+ <b>{{ t('query.internal.order.details.tradelist1') }}</b>
|
|
|
</template>
|
|
</template>
|
|
|
</app-table>
|
|
</app-table>
|
|
|
<app-table :data="data.tradeResultList" :columns="tableColumns" v-else>
|
|
<app-table :data="data.tradeResultList" :columns="tableColumns" v-else>
|
|
|
<template #headerLeft>
|
|
<template #headerLeft>
|
|
|
- <b>{{ t('query.order.order.details.tradelist2') }}</b>
|
|
|
|
|
|
|
+ <b>{{ t('query.internal.order.details.tradelist2') }}</b>
|
|
|
</template>
|
|
</template>
|
|
|
</app-table>
|
|
</app-table>
|
|
|
</template>
|
|
</template>
|
|
@@ -75,38 +75,38 @@ const detailProps1 = computed<CellProp[]>(() => {
|
|
|
const isTradeMode18Or26 = [18, 26].includes(trademode)
|
|
const isTradeMode18Or26 = [18, 26].includes(trademode)
|
|
|
|
|
|
|
|
return [
|
|
return [
|
|
|
- { 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 },
|
|
|
|
|
|
|
+ { prop: 'orderid', label: 'query.internal.order.details.orderid' },
|
|
|
|
|
+ { prop: 'accountname', label: 'query.internal.order.details.accountname', formatValue: (val) => val && `${val} (${accountid})` },
|
|
|
|
|
+ { prop: 'parentusername', label: 'query.internal.order.details.parentusername' },
|
|
|
|
|
+ { prop: 'memberaccountname', label: 'query.internal.order.details.memberaccountname' },
|
|
|
|
|
+ { prop: 'marketname', label: 'query.internal.order.details.marketname' },
|
|
|
|
|
+ { prop: 'goodsname', label: 'query.internal.order.details.goodsname', formatValue: (val) => val && `${val}/${goodscode}` },
|
|
|
|
|
+ { prop: 'listingselecttype', label: 'query.internal.order.details.listingselecttype', show: isTradeMode16 },
|
|
|
|
|
+ { prop: 'delistingtype', label: 'query.internal.order.details.delistingtype', show: isTradeMode16 },
|
|
|
|
|
+ { prop: 'buildtype', label: 'query.internal.order.details.buildtype', formatValue: (val) => buildtypeEnum.getEnumTypeName(val) },
|
|
|
|
|
+ { prop: 'buyorsell', label: 'query.internal.order.details.buyorsell', formatValue: (val) => getBuyOrSellName(val) },
|
|
|
|
|
+ { prop: 'orderprice', label: 'query.internal.order.details.orderprice', show: !isTradeMode18Or26 },
|
|
|
|
|
+ { prop: 'optiontype', label: 'query.internal.order.details.optiontype', show: isTradeMode18Or26 },
|
|
|
|
|
+ { prop: 'orderprice', label: 'query.internal.order.details.orderprice1', show: isTradeMode18Or26 },
|
|
|
|
|
+ { prop: 'premium', label: 'query.internal.order.details.premium', show: isTradeMode18Or26 },
|
|
|
|
|
+ { prop: 'orderqty', label: 'query.internal.order.details.orderqty' },
|
|
|
|
|
+ { prop: 'tradeqty', label: 'query.internal.order.details.tradeqty' },
|
|
|
|
|
+ { prop: 'openqty', label: 'query.internal.order.details.openqty' },
|
|
|
|
|
+ { prop: 'closeqty', label: 'query.internal.order.details.closeqty' },
|
|
|
|
|
+ { prop: 'cancelqty', label: 'query.internal.order.details.cancelqty' },
|
|
|
|
|
+ { prop: 'pricemode', label: 'query.internal.order.details.pricemode', formatValue: (val) => Pricemode2Enum.getEnumTypeName(val), show: !isTradeMode18Or26 },
|
|
|
|
|
+ { prop: 'validtype', label: 'query.internal.order.details.validtype', formatValue: (val) => ValidTypeEnum.getEnumTypeName(val), show: !isTradeMode18Or26 },
|
|
|
|
|
+ { prop: 'validtime', label: 'query.internal.order.details.validtime', show: !isTradeMode18Or26 },
|
|
|
|
|
+ { prop: 'operatetype', label: 'query.internal.order.details.operatetype', formatValue: (val) => orderoperatetypeEnum.getEnumTypeName(val), show: !isTradeMode18Or26 },
|
|
|
|
|
+ { prop: 'orderstatus', label: 'query.internal.order.details.orderstatus', formatValue: (val) => orderstatusEnum.getEnumTypeName(val) },
|
|
|
|
|
+ { prop: 'ordertime', label: 'query.internal.order.details.ordertime', formatValue: (val) => formatDate(val) },
|
|
|
|
|
+ { prop: 'clientticket', label: 'query.internal.order.details.clientticket' },
|
|
|
|
|
+ { prop: 'cancelorderid', label: 'query.internal.order.details.cancelorderid', show: !!cancelorderid },
|
|
|
|
|
+ { prop: 'preorderid', label: 'query.internal.order.details.preorderid', show: !!preorderid },
|
|
|
|
|
+ { prop: 'relatedid', label: 'query.internal.order.details.relatedid', show: !!relatedid },
|
|
|
|
|
+ { prop: 'retcode', label: 'query.internal.order.details.retcode', show: !!retcode },
|
|
|
|
|
+ { prop: 'refgoodsid', label: 'query.internal.order.details.refgoodsid', show: isTradeMode46 },
|
|
|
|
|
+ { prop: 'swapdays', label: 'query.internal.order.details.swapdays', show: isTradeMode46 },
|
|
|
]
|
|
]
|
|
|
})
|
|
})
|
|
|
|
|
|
|
@@ -118,31 +118,31 @@ const detailProps2 = computed<CellProp[]>(() => {
|
|
|
const result: CellProp[] = [
|
|
const result: CellProp[] = [
|
|
|
{
|
|
{
|
|
|
prop: 'marginvalue',
|
|
prop: 'marginvalue',
|
|
|
- label: t('query.order.order.details.marginvalue'),
|
|
|
|
|
|
|
+ label: t('query.internal.order.details.marginvalue'),
|
|
|
formatValue: (val) => marginalgorithm ? marginalgorithm === 1 ? parsePercent(val) : val : '',
|
|
formatValue: (val) => marginalgorithm ? marginalgorithm === 1 ? parsePercent(val) : val : '',
|
|
|
show: isBuildType1Or3
|
|
show: isBuildType1Or3
|
|
|
},
|
|
},
|
|
|
{
|
|
{
|
|
|
prop: 'openexchagechargevalue',
|
|
prop: 'openexchagechargevalue',
|
|
|
- label: t('query.order.order.details.openexchagechargevalue'),
|
|
|
|
|
|
|
+ label: t('query.internal.order.details.openexchagechargevalue'),
|
|
|
formatValue: (val) => marginalgorithm ? marginalgorithm === 1 ? parseTenThousand(val) : val : '',
|
|
formatValue: (val) => marginalgorithm ? marginalgorithm === 1 ? parseTenThousand(val) : val : '',
|
|
|
show: isBuildType1Or3
|
|
show: isBuildType1Or3
|
|
|
},
|
|
},
|
|
|
{
|
|
{
|
|
|
prop: 'openmemberchargevalue',
|
|
prop: 'openmemberchargevalue',
|
|
|
- label: t('query.order.order.details.openmemberchargevalue'),
|
|
|
|
|
|
|
+ label: t('query.internal.order.details.openmemberchargevalue'),
|
|
|
formatValue: (val) => marginalgorithm ? marginalgorithm === 1 ? parseTenThousand(val) : val : '',
|
|
formatValue: (val) => marginalgorithm ? marginalgorithm === 1 ? parseTenThousand(val) : val : '',
|
|
|
show: isBuildType1Or3
|
|
show: isBuildType1Or3
|
|
|
},
|
|
},
|
|
|
{
|
|
{
|
|
|
prop: 'closeexchagechargevalue',
|
|
prop: 'closeexchagechargevalue',
|
|
|
- label: t('query.order.order.details.closeexchagechargevalue'),
|
|
|
|
|
|
|
+ label: t('query.internal.order.details.closeexchagechargevalue'),
|
|
|
formatValue: (val) => marginalgorithm ? marginalgorithm === 1 ? parseTenThousand(val) : val : '',
|
|
formatValue: (val) => marginalgorithm ? marginalgorithm === 1 ? parseTenThousand(val) : val : '',
|
|
|
show: isBuildType2Or3
|
|
show: isBuildType2Or3
|
|
|
},
|
|
},
|
|
|
{
|
|
{
|
|
|
prop: 'closememberchargevalue',
|
|
prop: 'closememberchargevalue',
|
|
|
- label: t('query.order.order.details.closememberchargevalue'),
|
|
|
|
|
|
|
+ label: t('query.internal.order.details.closememberchargevalue'),
|
|
|
formatValue: (val) => marginalgorithm ? marginalgorithm === 1 ? parseTenThousand(val) : val : '',
|
|
formatValue: (val) => marginalgorithm ? marginalgorithm === 1 ? parseTenThousand(val) : val : '',
|
|
|
show: isBuildType2Or3
|
|
show: isBuildType2Or3
|
|
|
},
|
|
},
|
|
@@ -150,14 +150,14 @@ const detailProps2 = computed<CellProp[]>(() => {
|
|
|
|
|
|
|
|
if ([3, 5].includes(orderstatus)) {
|
|
if ([3, 5].includes(orderstatus)) {
|
|
|
result.push(
|
|
result.push(
|
|
|
- { 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' },
|
|
|
|
|
|
|
+ { prop: 'freezemargin', label: 'query.internal.order.details.freezemargin' },
|
|
|
|
|
+ { prop: 'freezecharge', label: 'query.internal.order.details.freezecharge' },
|
|
|
|
|
+ { prop: 'openfreezecharge', label: 'query.internal.order.details.openfreezecharge' },
|
|
|
|
|
+ { prop: 'closefreezecharge', label: 'query.internal.order.details.closefreezecharge' },
|
|
|
|
|
+ { prop: 'unfreezemargin', label: 'query.internal.order.details.unfreezemargin' },
|
|
|
|
|
+ { prop: 'unfreezecharge', label: 'query.internal.order.details.unfreezecharge' },
|
|
|
|
|
+ { prop: 'openunfreezecharge', label: 'query.internal.order.details.openunfreezecharge' },
|
|
|
|
|
+ { prop: 'closeunfreezecharge', label: 'query.internal.order.details.closeunfreezecharge' },
|
|
|
)
|
|
)
|
|
|
}
|
|
}
|
|
|
|
|
|
|
@@ -169,14 +169,14 @@ const tableColumns = computed<Model.TableColumn[]>(() => {
|
|
|
const isTradeMode18Or26 = [18, 26].includes(trademode)
|
|
const isTradeMode18Or26 = [18, 26].includes(trademode)
|
|
|
|
|
|
|
|
return [
|
|
return [
|
|
|
- { 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) },
|
|
|
|
|
|
|
+ { field: 'tradeid', label: 'query.internal.order.details.tradeid' },
|
|
|
|
|
+ { field: 'matchaccountid', label: 'query.internal.order.details.matchaccountid' },
|
|
|
|
|
+ { field: 'tradeqty', label: 'query.internal.order.details.tradeqty' },
|
|
|
|
|
+ { field: 'tradeprice', label: 'query.internal.order.details.tradeprice', show: !isTradeMode18Or26 },
|
|
|
|
|
+ { field: 'tradeamount', label: 'query.internal.order.details.tradeamount', show: !isTradeMode18Or26 },
|
|
|
|
|
+ { field: 'tradeprice', label: 'query.internal.order.details.tradeprice1', show: isTradeMode18Or26 },
|
|
|
|
|
+ { field: 'chargevalue', label: 'query.internal.order.details.chargevalue' },
|
|
|
|
|
+ { field: 'tradetime', label: 'query.internal.order.details.tradetime', formatValue: (val) => formatDate(val) },
|
|
|
]
|
|
]
|
|
|
})
|
|
})
|
|
|
|
|
|