|
@@ -1,6 +1,6 @@
|
|
|
<!-- 交易商结算单 -->
|
|
<!-- 交易商结算单 -->
|
|
|
<template>
|
|
<template>
|
|
|
- <app-drawer title="交易商结算单" :width="1000" v-model:show="show" :show-close="!!reportAgree[agreeIndex]?.isAgree">
|
|
|
|
|
|
|
+ <app-drawer :title="t('report.title')" :width="1000" v-model:show="show" :show-close="!!reportAgree[agreeIndex]?.isAgree">
|
|
|
<div class="el-form--horizontal">
|
|
<div class="el-form--horizontal">
|
|
|
<div class="el-form-item--col">
|
|
<div class="el-form-item--col">
|
|
|
<el-select effect="dark" :placeholder="t('common.choice')" v-model="reporttype" @change="onChange" style="width: 160px;">
|
|
<el-select effect="dark" :placeholder="t('common.choice')" v-model="reporttype" @change="onChange" style="width: 160px;">
|
|
@@ -12,7 +12,7 @@
|
|
|
<el-button type="primary" :loading="loading" @click="requestData">{{ t('operation.search') }}</el-button>
|
|
<el-button type="primary" :loading="loading" @click="requestData">{{ t('operation.search') }}</el-button>
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
|
- <app-table-details title="账户信息" :data="currentAccount" :label-width="180" :cell-props="accountDetailProps"
|
|
|
|
|
|
|
+ <app-table-details :title="t('report.accountinfo')" :data="currentAccount" :label-width="180" :cell-props="accountDetailProps"
|
|
|
:column="2">
|
|
:column="2">
|
|
|
<!-- 名称 -->
|
|
<!-- 名称 -->
|
|
|
<template #accountname>
|
|
<template #accountname>
|
|
@@ -27,17 +27,17 @@
|
|
|
{{ tradeDate }}
|
|
{{ tradeDate }}
|
|
|
</template>
|
|
</template>
|
|
|
</app-table-details>
|
|
</app-table-details>
|
|
|
- <app-table-details title="资金信息" :data="taaccount" :label-width="180" :cell-props="taDetailProps" :column="2" />
|
|
|
|
|
|
|
+ <app-table-details :title="t('report.fundsinfo')" :data="taaccount" :label-width="180" :cell-props="taDetailProps" :column="2" />
|
|
|
<fieldset class="g-fieldset">
|
|
<fieldset class="g-fieldset">
|
|
|
- <legend class="g-fieldset__legend">出入金明细</legend>
|
|
|
|
|
|
|
+ <legend class="g-fieldset__legend">{{ t('report.inoutamountdetail') }}</legend>
|
|
|
<app-table :data="logs" v-model:columns="logsTableColumns" />
|
|
<app-table :data="logs" v-model:columns="logsTableColumns" />
|
|
|
</fieldset>
|
|
</fieldset>
|
|
|
<fieldset class="g-fieldset">
|
|
<fieldset class="g-fieldset">
|
|
|
- <legend class="g-fieldset__legend">持仓汇总</legend>
|
|
|
|
|
|
|
+ <legend class="g-fieldset__legend">{{ t('report.ordersumary') }}</legend>
|
|
|
<app-table :data="dpostions" v-model:columns="dpostionsTableColumns" />
|
|
<app-table :data="dpostions" v-model:columns="dpostionsTableColumns" />
|
|
|
</fieldset>
|
|
</fieldset>
|
|
|
<fieldset class="g-fieldset">
|
|
<fieldset class="g-fieldset">
|
|
|
- <legend class="g-fieldset__legend">成交明细</legend>
|
|
|
|
|
|
|
+ <legend class="g-fieldset__legend">{{ t('report.tradedetail') }}</legend>
|
|
|
<app-table :data="tradedetails" v-model:columns="tradeDetailsTableColumns" />
|
|
<app-table :data="tradedetails" v-model:columns="tradeDetailsTableColumns" />
|
|
|
</fieldset>
|
|
</fieldset>
|
|
|
<template #footer>
|
|
<template #footer>
|
|
@@ -191,59 +191,59 @@ const requestData = () => {
|
|
|
|
|
|
|
|
/// 账户信息
|
|
/// 账户信息
|
|
|
const accountDetailProps = [
|
|
const accountDetailProps = [
|
|
|
- { prop: 'currencyid', label: '币种:' },
|
|
|
|
|
- { prop: 'accountid', label: '账号:' },
|
|
|
|
|
- { prop: 'accountname', label: '名称:' },
|
|
|
|
|
- { prop: 'tradedate', label: '结算日期:' },
|
|
|
|
|
|
|
+ { prop: 'currencyid', label: t('report.currency') },
|
|
|
|
|
+ { prop: 'accountid', label: t('report.accountid') },
|
|
|
|
|
+ { prop: 'accountname', label: t('report.customername') },
|
|
|
|
|
+ { prop: 'tradedate', label: t('report.tradedate') },
|
|
|
]
|
|
]
|
|
|
|
|
|
|
|
/// 资金信息
|
|
/// 资金信息
|
|
|
const taDetailProps = [
|
|
const taDetailProps = [
|
|
|
- { prop: 'balance', label: '期初余额:', decimal: 2, entireRow: true },
|
|
|
|
|
- { prop: 'inamount', label: '银行入金:', decimal: 2 },
|
|
|
|
|
- { prop: 'closepl', label: '平仓损益:', decimal: 2 },
|
|
|
|
|
- { prop: 'outamount', label: '银行出金:', decimal: 2 },
|
|
|
|
|
- { prop: 'reckonpl', label: '结算损益:', decimal: 2 },
|
|
|
|
|
- { prop: 'paycharge', label: '服务费:', decimal: 2 },
|
|
|
|
|
- { prop: 'currentbalance', label: '期末余额:', decimal: 2, entireRow: true },
|
|
|
|
|
- { prop: 'oriusedmargin', label: '占用资金:', decimal: 2 },
|
|
|
|
|
- { prop: 'orioutamountfreeze', label: '冻结资金:', decimal: 2 },
|
|
|
|
|
- { prop: 'avaiablemoney', label: '可用资金:', decimal: 2 },
|
|
|
|
|
- { prop: 'avaiableoutmoney', label: '可出资金:', decimal: 2 },
|
|
|
|
|
|
|
+ { prop: 'balance', label: t('report.balance'), decimal: 2, entireRow: true },
|
|
|
|
|
+ { prop: 'inamount', label: t('report.inamount'), decimal: 2 },
|
|
|
|
|
+ { prop: 'closepl', label: t('report.closepl'), decimal: 2 },
|
|
|
|
|
+ { prop: 'outamount', label: t('report.outamount'), decimal: 2 },
|
|
|
|
|
+ { prop: 'reckonpl', label: t('report.reckonpl'), decimal: 2 },
|
|
|
|
|
+ { prop: 'paycharge', label: t('report.paycharge'), decimal: 2 },
|
|
|
|
|
+ { prop: 'currentbalance', label: t('report.currentbalance'), decimal: 2, entireRow: true },
|
|
|
|
|
+ { prop: 'oriusedmargin', label: t('report.oriusedmargin'), decimal: 2 },
|
|
|
|
|
+ { prop: 'orioutamountfreeze', label: t('report.orioutamountfreeze'), decimal: 2 },
|
|
|
|
|
+ { prop: 'avaiablemoney', label: t('report.avaiablemoney'), decimal: 2 },
|
|
|
|
|
+ { prop: 'avaiableoutmoney', label: t('report.avaiableoutmoney'), decimal: 2 },
|
|
|
]
|
|
]
|
|
|
|
|
|
|
|
/// 出入金明细
|
|
/// 出入金明细
|
|
|
const logsTableColumns = shallowRef<Model.TableColumn[]>([
|
|
const logsTableColumns = shallowRef<Model.TableColumn[]>([
|
|
|
- { field: 'updatetime', label: '时间' },
|
|
|
|
|
- { field: 'executetypedisplay', label: '资金类型' },
|
|
|
|
|
- { field: 'amount', label: '金额' },
|
|
|
|
|
- { field: 'applystatusdisplay', label: '状态' },
|
|
|
|
|
|
|
+ { field: 'updatetime', label: t('report.bank.updatetime') },
|
|
|
|
|
+ { field: 'executetypedisplay', label: t('report.bank.executetypedisplay') },
|
|
|
|
|
+ { field: 'amount', label: t('report.bank.amount') },
|
|
|
|
|
+ { field: 'applystatusdisplay', label: t('report.bank.applystatusdisplay') },
|
|
|
])
|
|
])
|
|
|
|
|
|
|
|
/// 持仓汇总
|
|
/// 持仓汇总
|
|
|
const dpostionsTableColumns = shallowRef<Model.TableColumn[]>([
|
|
const dpostionsTableColumns = shallowRef<Model.TableColumn[]>([
|
|
|
- { field: 'goodsdisplay', label: '商品' },
|
|
|
|
|
- { field: 'buyorselldisplay', label: '方向' },
|
|
|
|
|
- { field: 'curpositionqty', label: '持有量' },
|
|
|
|
|
- { field: 'frozenqty', label: '冻结量' },
|
|
|
|
|
- { field: 'curholderamount', label: '持仓金额' },
|
|
|
|
|
- { field: 'avagepricedisplay', label: '均价' },
|
|
|
|
|
|
|
+ { field: 'goodsdisplay', label: t('report.position.goodsdisplay') },
|
|
|
|
|
+ { field: 'buyorselldisplay', label: t('report.position.buyorselldisplay') },
|
|
|
|
|
+ { field: 'curpositionqty', label: t('report.position.curpositionqty') },
|
|
|
|
|
+ { field: 'frozenqty', label: t('report.position.frozenqty') },
|
|
|
|
|
+ { field: 'curholderamount', label: t('report.position.curholderamount') },
|
|
|
|
|
+ { field: 'avagepricedisplay', label: t('report.position.avagepricedisplay') },
|
|
|
])
|
|
])
|
|
|
|
|
|
|
|
/// 成交明细
|
|
/// 成交明细
|
|
|
const tradeDetailsTableColumns = shallowRef<Model.TableColumn[]>([
|
|
const tradeDetailsTableColumns = shallowRef<Model.TableColumn[]>([
|
|
|
- { field: 'goodsdisplay', label: '商品' },
|
|
|
|
|
- { field: 'buyorselldisplay', label: '类型/方向', width: 100 },
|
|
|
|
|
- { field: 'tradeqty', label: '数量', width: 80 },
|
|
|
|
|
- { field: 'tradeprice', label: '价格', width: 80 },
|
|
|
|
|
- { field: 'tradeamount', label: '成交金额', width: 100 },
|
|
|
|
|
- { field: 'charge', label: '服务费', width: 80 },
|
|
|
|
|
- { field: 'tradetime', label: '时间' },
|
|
|
|
|
|
|
+ { field: 'goodsdisplay', label: t('report.trade.goodsdisplay') },
|
|
|
|
|
+ { field: 'buyorselldisplay', label: t('report.trade.buyorselldisplay'), width: 100 },
|
|
|
|
|
+ { field: 'tradeqty', label: t('report.trade.tradeqty'), width: 80 },
|
|
|
|
|
+ { field: 'tradeprice', label: t('report.trade.tradeprice'), width: 80 },
|
|
|
|
|
+ { field: 'tradeamount', label: t('report.trade.tradeamount'), width: 100 },
|
|
|
|
|
+ { field: 'charge', label: t('report.trade.charge'), width: 80 },
|
|
|
|
|
+ { field: 'tradetime', label: t('report.trade.tradetime') },
|
|
|
])
|
|
])
|
|
|
|
|
|
|
|
const selectList = [
|
|
const selectList = [
|
|
|
- { label: '日报表', value: 1 },
|
|
|
|
|
- { label: '月报表', value: 2 },
|
|
|
|
|
|
|
+ { label: t('report.day'), value: 1 },
|
|
|
|
|
+ { label: t('report.month'), value: 2 },
|
|
|
]
|
|
]
|
|
|
|
|
|
|
|
/// 请求数据
|
|
/// 请求数据
|