|
|
@@ -1,10 +1,10 @@
|
|
|
<!-- 自营管理-资金账户管理-详情 -->
|
|
|
<template>
|
|
|
- <app-drawer title="详情" width="900" v-model:show="show">
|
|
|
+ <app-drawer :title="t('account.tradeacct.details.title')" width="900" v-model:show="show">
|
|
|
<app-table-details :data="data" :label-width="160" :cell-props="detailProps" :column="2" />
|
|
|
<app-table :data="data?.bankAccountsignList" :columns="tableColumns" v-if="data?.isMain === 1" />
|
|
|
<template #footer>
|
|
|
- <el-button @click="onCancel(false)">关闭</el-button>
|
|
|
+ <el-button @click="onCancel(false)">{{ t('operation.close') }}</el-button>
|
|
|
</template>
|
|
|
</app-drawer>
|
|
|
</template>
|
|
|
@@ -20,6 +20,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: {
|
|
|
@@ -28,6 +29,8 @@ const props = defineProps({
|
|
|
}
|
|
|
})
|
|
|
|
|
|
+const { global: { t } } = i18n
|
|
|
+
|
|
|
const show = shallowRef(true)
|
|
|
const refresh = shallowRef(false)
|
|
|
|
|
|
@@ -52,30 +55,30 @@ const { data } = useRequest(queryTaAccountDetail, {
|
|
|
})
|
|
|
|
|
|
const detailProps: CellProp[] = [
|
|
|
- { prop: 'accountId', label: '资金账户:' },
|
|
|
- { prop: 'accountName', label: '所属机构:' },
|
|
|
- { prop: 'isMain', label: '是否母账户:', formatValue: (val) => mainaccounttypeEnum.getEnumTypeName(val) },
|
|
|
- { prop: 'currency', label: '币种:' },
|
|
|
- { prop: 'taAccountType', label: '内外部:', formatValue: (val) => accounttypeEnum.getEnumTypeName(val) },
|
|
|
- { prop: 'changeFlag', label: '变动标志:', formatValue: (val) => flagEnum.getEnumTypeName(val) },
|
|
|
- { prop: 'tradeStatus', label: '交易状态:', formatValue: (val) => traderstatusEnum.getEnumTypeName(val) },
|
|
|
- { prop: 'currentBalance', label: '期末余额:', decimal: 2 },
|
|
|
- { prop: 'payCharge', label: '平台服务费:', decimal: 2 },
|
|
|
- { prop: 'otherPay', label: '货款:', decimal: 2 },
|
|
|
- { prop: 'otherFreezeMargin', label: '交割保证金:', decimal: 2 },
|
|
|
- { prop: 'freezeMargin', label: '冻结保证金:', decimal: 2 },
|
|
|
- { prop: 'usedMargin', label: '占用保证金:', decimal: 2 },
|
|
|
- { prop: 'freezeCharge', label: '交易服务费冻结:', decimal: 2 },
|
|
|
- { prop: 'outAmountFreeze', label: '出金冻结:', decimal: 2 },
|
|
|
- { prop: 'outThreshold', label: '出金阈值:', decimal: 2 },
|
|
|
+ { prop: 'accountId', label: 'account.tradeacct.details.accountId' },
|
|
|
+ { prop: 'accountName', label: 'account.tradeacct.details.accountName' },
|
|
|
+ { prop: 'isMain', label: 'account.tradeacct.details.isMain', formatValue: (val) => mainaccounttypeEnum.getEnumTypeName(val) },
|
|
|
+ { prop: 'currency', label: 'account.tradeacct.details.currency' },
|
|
|
+ { prop: 'taAccountType', label: 'account.tradeacct.details.taAccountType', formatValue: (val) => accounttypeEnum.getEnumTypeName(val) },
|
|
|
+ { prop: 'changeFlag', label: 'account.tradeacct.details.changeFlag', formatValue: (val) => flagEnum.getEnumTypeName(val) },
|
|
|
+ { prop: 'tradeStatus', label: 'account.tradeacct.details.tradeStatus', formatValue: (val) => traderstatusEnum.getEnumTypeName(val) },
|
|
|
+ { prop: 'currentBalance', label: 'account.tradeacct.details.currentBalance', decimal: 2 },
|
|
|
+ { prop: 'payCharge', label: 'account.tradeacct.details.payCharge', decimal: 2 },
|
|
|
+ { prop: 'otherPay', label: 'account.tradeacct.details.otherPay', decimal: 2 },
|
|
|
+ { prop: 'otherFreezeMargin', label: 'account.tradeacct.details.otherFreezeMargin', decimal: 2 },
|
|
|
+ { prop: 'freezeMargin', label: 'account.tradeacct.details.freezeMargin', decimal: 2 },
|
|
|
+ { prop: 'usedMargin', label: 'account.tradeacct.details.usedMargin', decimal: 2 },
|
|
|
+ { prop: 'freezeCharge', label: 'account.tradeacct.details.freezeCharge', decimal: 2 },
|
|
|
+ { prop: 'outAmountFreeze', label: 'account.tradeacct.details.outAmountFreeze', decimal: 2 },
|
|
|
+ { prop: 'outThreshold', label: 'account.tradeacct.details.outThreshold', decimal: 2 },
|
|
|
]
|
|
|
|
|
|
const tableColumns = shallowRef<Model.TableColumn[]>([
|
|
|
- { field: 'cusBankName', label: '银行业务编号' },
|
|
|
- { field: 'bankName', label: '开户银行' },
|
|
|
- { field: 'bankAccountName', label: '银行卡户名', formatValue: (val) => decryptAES(val) },
|
|
|
- { field: 'bankAccountNo', label: '银行卡号', formatValue: (val) => decryptAES(val) },
|
|
|
- { field: 'signStatus', label: '签约状态', formatValue: (val) => signstatusEnum.getEnumTypeName(val) }
|
|
|
+ { field: 'cusBankName', label: 'account.tradeacct.details.cusBankName' },
|
|
|
+ { field: 'bankName', label: 'account.tradeacct.details.bankName' },
|
|
|
+ { field: 'bankAccountName', label: 'account.tradeacct.details.bankAccountName', formatValue: (val) => decryptAES(val) },
|
|
|
+ { field: 'bankAccountNo', label: 'account.tradeacct.details.bankAccountNo', formatValue: (val) => decryptAES(val) },
|
|
|
+ { field: 'signStatus', label: 'account.tradeacct.details.signStatus', formatValue: (val) => signstatusEnum.getEnumTypeName(val) }
|
|
|
])
|
|
|
|
|
|
const onCancel = (isRefresh = false) => {
|