feat: 添加现货机器人管理功能，更新相关路由和国际化配置，新增编辑组件
This commit is contained in:
230
src/views/robot/spot/components/edit.vue
Normal file
230
src/views/robot/spot/components/edit.vue
Normal file
@@ -0,0 +1,230 @@
|
||||
<script lang="ts" setup>
|
||||
import { computed, ref, useTemplateRef } from 'vue';
|
||||
import type { FormInst, FormRules } from 'naive-ui';
|
||||
import type { Treaty } from '@elysiajs/eden';
|
||||
import { client, safeClient } from '@/service/api';
|
||||
|
||||
defineOptions({ name: 'EditSpotRobotConfig' });
|
||||
|
||||
type Data = Treaty.Data<typeof client.api.admin.spot_robot_trader.configs.get>['data'][number];
|
||||
|
||||
const props = defineProps<{
|
||||
data: Data;
|
||||
}>();
|
||||
|
||||
const emit = defineEmits<{
|
||||
(e: 'close'): void;
|
||||
}>();
|
||||
|
||||
const formRef = useTemplateRef<FormInst | null>('formRef');
|
||||
const { data: assets } = safeClient(client.api.admin.assets.get({ query: { pageIndex: 1, pageSize: 100 } }));
|
||||
const { data: users } = safeClient(client.api.admin.users.get({ query: { pageIndex: 1, pageSize: 200 } }));
|
||||
const { data: tradingPairs } = safeClient(
|
||||
client.api.admin.trading_pairs.get({ query: { pageIndex: 1, pageSize: 100 } })
|
||||
);
|
||||
|
||||
const assetOptions = computed(
|
||||
() =>
|
||||
assets.value?.data.map(asset => ({
|
||||
label: `${asset.code} - ${asset.name}`,
|
||||
value: asset.code
|
||||
})) || []
|
||||
);
|
||||
|
||||
const form = ref({
|
||||
baseAsset: props.data.baseAsset,
|
||||
quoteAsset: props.data.quoteAsset,
|
||||
robotUserId: props.data.robotUserId,
|
||||
symbol: props.data.symbol,
|
||||
baseTopUpAmount: props.data.baseTopUpAmount ? Number(props.data.baseTopUpAmount) : 0,
|
||||
enabled: props.data.enabled,
|
||||
operatorUserId: props.data.operatorUserId || '',
|
||||
buyPriceMax: props.data.buyPriceMax ? Number(props.data.buyPriceMax) : 0,
|
||||
buyPriceMin: props.data.buyPriceMin ? Number(props.data.buyPriceMin) : 0,
|
||||
buyPriceStep: props.data.buyPriceStep ? Number(props.data.buyPriceStep) : 0
|
||||
});
|
||||
|
||||
const rules: FormRules = {
|
||||
baseAsset: [
|
||||
{
|
||||
required: true,
|
||||
message: '请输入基础资产',
|
||||
trigger: ['blur', 'input']
|
||||
}
|
||||
],
|
||||
quoteAsset: [
|
||||
{
|
||||
required: true,
|
||||
message: '请输入计价资产',
|
||||
trigger: ['blur', 'input']
|
||||
}
|
||||
],
|
||||
robotUserId: [
|
||||
{
|
||||
required: true,
|
||||
message: '请输入机器人用户ID',
|
||||
trigger: ['blur', 'input']
|
||||
}
|
||||
],
|
||||
symbol: [
|
||||
{
|
||||
required: true,
|
||||
message: '请输入交易对',
|
||||
trigger: ['blur', 'input']
|
||||
}
|
||||
],
|
||||
baseTopUpAmount: [
|
||||
{
|
||||
required: true,
|
||||
type: 'number',
|
||||
message: '请输入基础资产单次充值金额',
|
||||
trigger: ['blur', 'change']
|
||||
}
|
||||
],
|
||||
buyPriceMax: [
|
||||
{
|
||||
required: true,
|
||||
type: 'number',
|
||||
message: '请输入买入价格上限',
|
||||
trigger: ['blur', 'change']
|
||||
}
|
||||
],
|
||||
buyPriceMin: [
|
||||
{
|
||||
required: true,
|
||||
type: 'number',
|
||||
message: '请输入买入价格下限',
|
||||
trigger: ['blur', 'change']
|
||||
}
|
||||
],
|
||||
buyPriceStep: [
|
||||
{
|
||||
required: true,
|
||||
type: 'number',
|
||||
message: '请输入买入价格步长',
|
||||
trigger: ['blur', 'change']
|
||||
}
|
||||
]
|
||||
};
|
||||
|
||||
async function handleSubmit() {
|
||||
formRef.value?.validate(async errors => {
|
||||
if (!errors) {
|
||||
const { data } = await safeClient(() =>
|
||||
client.api.admin.spot_robot_trader.config.put({
|
||||
id: props.data.id,
|
||||
baseAsset: form.value.baseAsset,
|
||||
operatorUserId: form.value.operatorUserId,
|
||||
quoteAsset: form.value.quoteAsset,
|
||||
robotUserId: form.value.robotUserId,
|
||||
symbol: form.value.symbol,
|
||||
baseTopUpAmount: String(form.value.baseTopUpAmount),
|
||||
enabled: form.value.enabled,
|
||||
buyPriceMax: String(form.value.buyPriceMax),
|
||||
buyPriceMin: String(form.value.buyPriceMin),
|
||||
buyPriceStep: String(form.value.buyPriceStep)
|
||||
})
|
||||
);
|
||||
if (data) {
|
||||
window.$message?.success('现货机器人配置更新成功');
|
||||
emit('close');
|
||||
}
|
||||
}
|
||||
});
|
||||
}
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<NForm
|
||||
ref="formRef"
|
||||
:model="form"
|
||||
:rules="rules"
|
||||
label-width="140px"
|
||||
label-placement="left"
|
||||
require-mark-placement="left"
|
||||
>
|
||||
<NFormItem label="基础资产" path="baseAsset">
|
||||
<NSelect v-model:value="form.baseAsset" :options="assetOptions" placeholder="请选择基础资产" filterable />
|
||||
</NFormItem>
|
||||
|
||||
<NFormItem label="计价资产" path="quoteAsset">
|
||||
<NSelect v-model:value="form.quoteAsset" :options="assetOptions" placeholder="请选择计价资产" filterable />
|
||||
</NFormItem>
|
||||
|
||||
<NFormItem label="机器人用户ID" path="robotUserId">
|
||||
<NSelect
|
||||
v-model:value="form.robotUserId"
|
||||
:options="users?.data.map(user => ({ label: `${user.nickname || user.user.name}`, value: user.userId })) || []"
|
||||
placeholder="请选择机器人用户"
|
||||
filterable
|
||||
/>
|
||||
</NFormItem>
|
||||
|
||||
<NFormItem label="交易对" path="symbol">
|
||||
<NSelect
|
||||
v-model:value="form.symbol"
|
||||
:options="tradingPairs?.data.map(tp => ({ label: tp.symbol, value: tp.symbol })) || []"
|
||||
placeholder="请选择交易对"
|
||||
filterable
|
||||
/>
|
||||
</NFormItem>
|
||||
|
||||
<NFormItem label="基础资产单次充值金额" path="baseTopUpAmount">
|
||||
<NInputNumber
|
||||
v-model:value="form.baseTopUpAmount"
|
||||
:min="0"
|
||||
:step="0.01"
|
||||
:precision="8"
|
||||
placeholder="请输入充值金额"
|
||||
class="w-full"
|
||||
/>
|
||||
</NFormItem>
|
||||
|
||||
<NFormItem label="买入价格上限" path="buyPriceMax">
|
||||
<NInputNumber
|
||||
v-model:value="form.buyPriceMax"
|
||||
:min="0"
|
||||
:step="0.01"
|
||||
:precision="8"
|
||||
placeholder="请输入买入价格上限"
|
||||
class="w-full"
|
||||
/>
|
||||
</NFormItem>
|
||||
|
||||
<NFormItem label="买入价格下限" path="buyPriceMin">
|
||||
<NInputNumber
|
||||
v-model:value="form.buyPriceMin"
|
||||
:min="0"
|
||||
:step="0.01"
|
||||
:precision="8"
|
||||
placeholder="请输入买入价格下限"
|
||||
class="w-full"
|
||||
/>
|
||||
</NFormItem>
|
||||
|
||||
<NFormItem label="买入价格步长" path="buyPriceStep">
|
||||
<NInputNumber
|
||||
v-model:value="form.buyPriceStep"
|
||||
:min="0"
|
||||
:step="0.01"
|
||||
:precision="8"
|
||||
placeholder="请输入买入价格步长"
|
||||
class="w-full"
|
||||
/>
|
||||
</NFormItem>
|
||||
|
||||
<NFormItem label="是否启用" path="enabled">
|
||||
<NSwitch v-model:value="form.enabled">
|
||||
<template #checked>启用</template>
|
||||
<template #unchecked>禁用</template>
|
||||
</NSwitch>
|
||||
</NFormItem>
|
||||
|
||||
<NSpace justify="end" class="mt-4">
|
||||
<NButton @click="$emit('close')">取消</NButton>
|
||||
<NButton type="primary" @click="handleSubmit">更新配置</NButton>
|
||||
</NSpace>
|
||||
</NForm>
|
||||
</template>
|
||||
|
||||
<style lang="css" scoped></style>
|
||||
143
src/views/robot/spot/index.vue
Normal file
143
src/views/robot/spot/index.vue
Normal file
@@ -0,0 +1,143 @@
|
||||
<script lang="ts" setup>
|
||||
import { h, useTemplateRef } from 'vue';
|
||||
import { useDateFormat } from '@vueuse/core';
|
||||
import { useDialog } from 'naive-ui';
|
||||
import { client, safeClient } from '@/service/api';
|
||||
import type { TableBaseColumns, TableFetchData, TableInst } from '@/components/table';
|
||||
import Edit from './components/edit.vue';
|
||||
|
||||
const dialog = useDialog();
|
||||
const tableInst = useTemplateRef<TableInst>('tableInst');
|
||||
|
||||
const fetchData: TableFetchData = ({ pagination, filter }) => {
|
||||
return safeClient(() =>
|
||||
client.api.admin.spot_robot_trader.configs.get({
|
||||
query: {
|
||||
...pagination,
|
||||
...filter
|
||||
}
|
||||
})
|
||||
);
|
||||
};
|
||||
|
||||
const columns: TableBaseColumns = [
|
||||
{
|
||||
key: 'selection',
|
||||
title: '序号',
|
||||
type: 'selection',
|
||||
width: 60
|
||||
},
|
||||
{
|
||||
key: 'id',
|
||||
title: 'ID',
|
||||
width: 100
|
||||
},
|
||||
{
|
||||
key: 'baseAsset',
|
||||
title: '基础资产',
|
||||
width: 120
|
||||
},
|
||||
{
|
||||
key: 'quoteAsset',
|
||||
title: '计价资产',
|
||||
width: 120
|
||||
},
|
||||
{
|
||||
key: 'robotUserId',
|
||||
title: '机器人用户ID',
|
||||
width: 150
|
||||
},
|
||||
{
|
||||
key: 'symbol',
|
||||
title: '交易对',
|
||||
width: 100
|
||||
},
|
||||
{
|
||||
key: 'baseTopUpAmount',
|
||||
title: '基础资产单次充值金额',
|
||||
width: 160
|
||||
},
|
||||
{
|
||||
key: 'buyPriceMax',
|
||||
title: '买入价格上限',
|
||||
width: 140
|
||||
},
|
||||
{
|
||||
key: 'buyPriceMin',
|
||||
title: '买入价格下限',
|
||||
width: 140
|
||||
},
|
||||
{
|
||||
key: 'buyPriceStep',
|
||||
title: '买入价格步长',
|
||||
width: 140
|
||||
},
|
||||
{
|
||||
key: 'createdAt',
|
||||
title: '创建时间',
|
||||
width: 180,
|
||||
render: (row: any) => {
|
||||
return useDateFormat(row.createdAt, 'YYYY-MM-DD HH:mm:ss').value;
|
||||
}
|
||||
},
|
||||
{
|
||||
key: 'enabled',
|
||||
title: '是否启用',
|
||||
width: 100,
|
||||
render: (row: any) => (row.enabled ? '是' : '否')
|
||||
},
|
||||
{
|
||||
key: 'operations',
|
||||
title: '操作',
|
||||
fixed: 'right',
|
||||
width: 150,
|
||||
operations: (row: any) => [
|
||||
{
|
||||
contentText: row.enabled ? '禁用' : '启用',
|
||||
type: 'primary',
|
||||
ghost: true,
|
||||
size: 'small',
|
||||
onClick: async () => {
|
||||
await safeClient(
|
||||
client.api.admin.spot_robot_trader.config.enable.post({
|
||||
id: row.id
|
||||
})
|
||||
);
|
||||
tableInst.value?.reload();
|
||||
}
|
||||
},
|
||||
{
|
||||
contentText: '编辑',
|
||||
type: 'primary',
|
||||
ghost: true,
|
||||
size: 'small',
|
||||
onClick: () => {
|
||||
handleEdit(row);
|
||||
}
|
||||
}
|
||||
]
|
||||
}
|
||||
];
|
||||
|
||||
function handleEdit(row: any) {
|
||||
const dialogInstance = dialog.create({
|
||||
title: '编辑现货机器人配置',
|
||||
content: () =>
|
||||
h(Edit, {
|
||||
data: row,
|
||||
onClose: () => {
|
||||
dialogInstance.destroy();
|
||||
tableInst.value?.reload();
|
||||
}
|
||||
}),
|
||||
style: { width: '600px' },
|
||||
showIcon: false
|
||||
});
|
||||
}
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<TableBase ref="tableInst" show-header-operation :columns="columns" :fetch-data="fetchData" :scroll-x="1000" />
|
||||
</template>
|
||||
|
||||
<style lang="css" scoped></style>
|
||||
Reference in New Issue
Block a user