Compare commits
2 Commits
Branch_反向下
...
master
| Author | SHA1 | Date | |
|---|---|---|---|
| aa45420ed9 | |||
| 79e93c1dfa |
@ -2,5 +2,5 @@
|
||||
ENV = 'development'
|
||||
|
||||
# base api
|
||||
VUE_APP_BASE_API = 'http://127.0.0.1:6789'
|
||||
VUE_APP_BASE_API = 'http://192.168.2.22:6789'
|
||||
|
||||
|
||||
@ -5,9 +5,9 @@
|
||||
"author": "https://github.com/wenjianzhang",
|
||||
"license": "MIT",
|
||||
"scripts": {
|
||||
"dev": "vue-cli-service serve",
|
||||
"build:prod": "vue-cli-service build",
|
||||
"build:stage": "vue-cli-service build --mode staging",
|
||||
"dev": " vue-cli-service serve",
|
||||
"build:prod": " vue-cli-service build",
|
||||
"build:stage": " vue-cli-service build --mode staging",
|
||||
"preview": "node build/index.js --preview",
|
||||
"lint": "eslint --ext .js,.vue src",
|
||||
"test:unit": "jest --clearCache && vue-cli-service test:unit",
|
||||
|
||||
@ -51,11 +51,12 @@ export function getMainUser(data) {
|
||||
})
|
||||
}
|
||||
|
||||
// 获取未绑定下反单列表
|
||||
export function getLineApiUserUnBindReverse(data) {
|
||||
// 获取可用api user
|
||||
export function getReverseOptions(params) {
|
||||
return request({
|
||||
url: '/api/v1/line-api-user/unbind-reverse',
|
||||
url: '/api/v1/line-api-user/reverse-options',
|
||||
method: 'get',
|
||||
params: data
|
||||
params: params
|
||||
})
|
||||
}
|
||||
|
||||
|
||||
@ -1,46 +0,0 @@
|
||||
import request from '@/utils/request'
|
||||
|
||||
// 查询LineReverseOrderExt列表
|
||||
export function listLineReverseOrderExt(query) {
|
||||
return request({
|
||||
url: '/api/v1/line-reverse-order-ext',
|
||||
method: 'get',
|
||||
params: query
|
||||
})
|
||||
}
|
||||
|
||||
// 查询LineReverseOrderExt详细
|
||||
export function getLineReverseOrderExt(id) {
|
||||
return request({
|
||||
url: '/api/v1/line-reverse-order-ext/' + id,
|
||||
method: 'get'
|
||||
})
|
||||
}
|
||||
|
||||
// 新增LineReverseOrderExt
|
||||
export function addLineReverseOrderExt(data) {
|
||||
return request({
|
||||
url: '/api/v1/line-reverse-order-ext',
|
||||
method: 'post',
|
||||
data: data
|
||||
})
|
||||
}
|
||||
|
||||
// 修改LineReverseOrderExt
|
||||
export function updateLineReverseOrderExt(data) {
|
||||
return request({
|
||||
url: '/api/v1/line-reverse-order-ext/' + data.id,
|
||||
method: 'put',
|
||||
data: data
|
||||
})
|
||||
}
|
||||
|
||||
// 删除LineReverseOrderExt
|
||||
export function delLineReverseOrderExt(data) {
|
||||
return request({
|
||||
url: '/api/v1/line-reverse-order-ext',
|
||||
method: 'delete',
|
||||
data: data
|
||||
})
|
||||
}
|
||||
|
||||
@ -1,46 +0,0 @@
|
||||
import request from '@/utils/request'
|
||||
|
||||
// 查询LineReverseOrder列表
|
||||
export function listLineReverseOrder(query) {
|
||||
return request({
|
||||
url: '/api/v1/line-reverse-order',
|
||||
method: 'get',
|
||||
params: query
|
||||
})
|
||||
}
|
||||
|
||||
// 查询LineReverseOrder详细
|
||||
export function getLineReverseOrder(id) {
|
||||
return request({
|
||||
url: '/api/v1/line-reverse-order/' + id,
|
||||
method: 'get'
|
||||
})
|
||||
}
|
||||
|
||||
// 新增LineReverseOrder
|
||||
export function addLineReverseOrder(data) {
|
||||
return request({
|
||||
url: '/api/v1/line-reverse-order',
|
||||
method: 'post',
|
||||
data: data
|
||||
})
|
||||
}
|
||||
|
||||
// 修改LineReverseOrder
|
||||
export function updateLineReverseOrder(data) {
|
||||
return request({
|
||||
url: '/api/v1/line-reverse-order/' + data.id,
|
||||
method: 'put',
|
||||
data: data
|
||||
})
|
||||
}
|
||||
|
||||
// 删除LineReverseOrder
|
||||
export function delLineReverseOrder(data) {
|
||||
return request({
|
||||
url: '/api/v1/line-reverse-order',
|
||||
method: 'delete',
|
||||
data: data
|
||||
})
|
||||
}
|
||||
|
||||
@ -44,26 +44,3 @@ export function delLineReversePosition(data) {
|
||||
})
|
||||
}
|
||||
|
||||
// 平仓
|
||||
export function closePosition(data) {
|
||||
return request({
|
||||
url: '/api/v1/line-reverse-position/close/' + data.id,
|
||||
method: 'PUT'
|
||||
})
|
||||
}
|
||||
|
||||
// 批量平仓
|
||||
export function batchClosePosition(data) {
|
||||
return request({
|
||||
url: '/api/v1/line-reverse-position/close-batch',
|
||||
method: 'PUT',
|
||||
data: data
|
||||
})
|
||||
}
|
||||
// 清除所有仓位
|
||||
export function cleanAllPosition() {
|
||||
return request({
|
||||
url: '/api/v1/line-reverse-position/clean-all',
|
||||
method: 'DELETE'
|
||||
})
|
||||
}
|
||||
|
||||
@ -35,12 +35,12 @@ export function updateLineReverseSetting(data) {
|
||||
})
|
||||
}
|
||||
|
||||
// 删除LineReverseSetting
|
||||
export function delLineReverseSetting(data) {
|
||||
return request({
|
||||
url: '/api/v1/line-reverse-setting',
|
||||
method: 'delete',
|
||||
data: data
|
||||
})
|
||||
}
|
||||
// // 删除LineReverseSetting
|
||||
// export function delLineReverseSetting(data) {
|
||||
// return request({
|
||||
// url: '/api/v1/line-reverse-setting',
|
||||
// method: 'delete',
|
||||
// data: data
|
||||
// })
|
||||
// }
|
||||
|
||||
|
||||
@ -1,4 +1,3 @@
|
||||
|
||||
<template>
|
||||
<BasicLayout>
|
||||
<template #wrapper>
|
||||
@ -47,7 +46,13 @@
|
||||
</el-row>
|
||||
|
||||
<el-table v-loading="loading" :data="lineApiUserList" @selection-change="handleSelectionChange">
|
||||
<el-table-column type="selection" width="55" align="center" /><el-table-column label="用户名" align="center" prop="userId" :formatter="userIdFormat" width="100">
|
||||
<el-table-column type="selection" width="55" align="center" /><el-table-column
|
||||
label="用户名"
|
||||
align="center"
|
||||
prop="userId"
|
||||
:formatter="userIdFormat"
|
||||
width="100"
|
||||
>
|
||||
<template slot-scope="scope">
|
||||
{{ userIdFormat(scope.row) }}
|
||||
</template>
|
||||
@ -57,22 +62,12 @@
|
||||
prop="apiName"
|
||||
:show-overflow-tooltip="true"
|
||||
/>
|
||||
<el-table-column
|
||||
label="交易所"
|
||||
align="center"
|
||||
prop="apiName"
|
||||
:show-overflow-tooltip="true"
|
||||
>
|
||||
<template #default="{row}">
|
||||
<el-table-column label="交易所" align="center" prop="apiName" :show-overflow-tooltip="true">
|
||||
<template #default="{ row }">
|
||||
{{ exchangeTypeFormat(row) }}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
label="apiKey"
|
||||
align="center"
|
||||
prop="apiKey"
|
||||
:show-overflow-tooltip="true"
|
||||
/><el-table-column
|
||||
<el-table-column label="apiKey" align="center" prop="apiKey" :show-overflow-tooltip="true" /><el-table-column
|
||||
label="apiSecret"
|
||||
align="center"
|
||||
prop="apiSecret"
|
||||
@ -83,13 +78,9 @@
|
||||
prop="ipAddress"
|
||||
:show-overflow-tooltip="true"
|
||||
/>
|
||||
<el-table-column
|
||||
label="开启状态"
|
||||
align="center"
|
||||
prop="openStatus"
|
||||
:show-overflow-tooltip="true"
|
||||
>
|
||||
<template #default="{row}"><el-tag size="mini" :type="['danger','success'][row.openStatus]">{{ ['已关闭','已开启'][row.openStatus] }}</el-tag></template>
|
||||
<el-table-column label="开启状态" align="center" prop="openStatus" :show-overflow-tooltip="true">
|
||||
<template #default="{ row }"><el-tag size="mini" :type="['danger', 'success'][row.openStatus]">{{
|
||||
['已关闭', '已开启'][row.openStatus] }}</el-tag></template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
label="合约最后通信时间"
|
||||
@ -97,14 +88,20 @@
|
||||
width="180"
|
||||
prop="futuresLastTime"
|
||||
:show-overflow-tooltip="true"
|
||||
/>
|
||||
>
|
||||
<template #default="{ row }">{{ parseTime(row.futuresLastTime) }}</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
label="现货最后通信时间"
|
||||
align="center"
|
||||
prop="spotLastTime"
|
||||
width="180"
|
||||
:show-overflow-tooltip="true"
|
||||
/>
|
||||
>
|
||||
<template slot-scope="scope">
|
||||
{{ parseTime(scope.row.spotLastTime) }}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="操作" fixed="right" width="150" align="center" class-name="small-padding fixed-width">
|
||||
<template slot-scope="scope">
|
||||
<el-popconfirm
|
||||
@ -142,7 +139,7 @@
|
||||
</el-table>
|
||||
|
||||
<pagination
|
||||
v-show="total>0"
|
||||
v-show="total > 0"
|
||||
:total="total"
|
||||
:page.sync="queryParams.pageIndex"
|
||||
:limit.sync="queryParams.pageSize"
|
||||
@ -153,6 +150,14 @@
|
||||
<el-dialog :title="title" :visible.sync="open" width="500px">
|
||||
<el-form ref="form" :model="form" :rules="rules" label-width="120px">
|
||||
|
||||
<!-- <el-form-item label="用户id" prop="userId">
|
||||
<el-input v-model="form.userId" placeholder="用户id"
|
||||
/>
|
||||
</el-form-item> -->
|
||||
<!-- <el-form-item label="关联交易所账号id" prop="jysId">
|
||||
<el-input v-model="form.jysId" placeholder="关联交易所账号id"
|
||||
/>
|
||||
</el-form-item> -->
|
||||
<el-form-item label="交易所" prop="exchangeType">
|
||||
<el-select
|
||||
v-model="form.exchangeType"
|
||||
@ -162,43 +167,49 @@
|
||||
filterable
|
||||
size="small"
|
||||
>
|
||||
<el-option
|
||||
v-for="dict in exchangeTypes"
|
||||
:key="dict.value"
|
||||
:label="dict.label"
|
||||
:value="dict.value"
|
||||
/>
|
||||
<el-option v-for="dict in exchangeTypes" :key="dict.value" :label="dict.label" :value="dict.value" />
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="api用户名" prop="apiName">
|
||||
<el-input
|
||||
v-model="form.apiName"
|
||||
placeholder="api用户名"
|
||||
/>
|
||||
<el-input v-model="form.apiName" placeholder="api用户名" />
|
||||
</el-form-item>
|
||||
<el-form-item label="apiKey" prop="apiKey">
|
||||
<el-input
|
||||
v-model="form.apiKey"
|
||||
placeholder="apiKey"
|
||||
/>
|
||||
<el-input v-model="form.apiKey" placeholder="apiKey" />
|
||||
</el-form-item>
|
||||
<el-form-item label="apiSecret" prop="apiSecret">
|
||||
<el-input
|
||||
v-model="form.apiSecret"
|
||||
placeholder="apiSecret"
|
||||
/>
|
||||
<el-input v-model="form.apiSecret" placeholder="apiSecret" />
|
||||
</el-form-item>
|
||||
<el-form-item label="代理地址" prop="ipAddress">
|
||||
<el-input
|
||||
v-model="form.ipAddress"
|
||||
placeholder="代理地址"
|
||||
/>
|
||||
<el-input v-model="form.ipAddress" placeholder="代理地址" />
|
||||
</el-form-item>
|
||||
<el-form-item label="代码账号密码" prop="userPass">
|
||||
<el-input
|
||||
v-model="form.userPass"
|
||||
placeholder="代码账号密码"
|
||||
/>
|
||||
<el-input v-model="form.userPass" placeholder="代码账号密码" />
|
||||
</el-form-item>
|
||||
<el-form-item label="反向下单" prop="reverseStatus">
|
||||
<el-radio-group v-model="form.reverseStatus">
|
||||
<el-radio :label="1">开启</el-radio>
|
||||
<el-radio :label="2">关闭</el-radio>
|
||||
</el-radio-group>
|
||||
</el-form-item>
|
||||
<el-form-item v-if="form.reverseStatus === 1" label="反向API" prop="reverseApiId">
|
||||
<el-select
|
||||
v-model="form.reverseApiId"
|
||||
style="width: 100%;"
|
||||
placeholder="请选择反向API"
|
||||
clearable
|
||||
filterable
|
||||
size="small"
|
||||
>
|
||||
<el-option
|
||||
v-for="dict in reverseApiList"
|
||||
:key="'reverseApiId' + dict.id"
|
||||
:label="dict.apiName"
|
||||
:value="dict.id"
|
||||
/>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item v-if="form.reverseStatus === 1" label="下单比例(%)" prop="orderProportion">
|
||||
<el-input-number v-model="form.orderProportion" :min="1" :step="0.1" placeholder="下单比例" />
|
||||
</el-form-item>
|
||||
<el-form-item label="开启状态" prop="openStatus">
|
||||
<el-radio-group v-model="form.openStatus">
|
||||
@ -206,19 +217,6 @@
|
||||
<el-radio :label="0">关闭</el-radio>
|
||||
</el-radio-group>
|
||||
</el-form-item>
|
||||
<el-form-item label="反单状态" prop="reverseStatus">
|
||||
<el-radio-group v-model="form.reverseStatus">
|
||||
<el-radio v-for="(item,index) in reverseStatusOptions" :key="'formReverseStatus'+index" :label="item.value">{{ item.label }}</el-radio>
|
||||
</el-radio-group>
|
||||
</el-form-item>
|
||||
<el-form-item v-if="form.reverseStatus==1" label="反单Api" prop="reverseApiId">
|
||||
<el-select v-model="form.reverseApiId" placeholder="请选择反单Api" filterable clearable>
|
||||
<el-option v-for="item in unBindReverseList" :key="'formReverseApi'+item.id" :label="item.apiName" :disabled="item.disabled" :value="item.id" />
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item v-if="form.reverseStatus==1" label="下单比例" prop="orderProportion">
|
||||
<el-input v-model="form.orderProportion" placeholder="下单比例" />
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<div slot="footer" class="dialog-footer">
|
||||
<el-button type="primary" @click="submitForm">确 定</el-button>
|
||||
@ -231,9 +229,10 @@
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { addLineApiUser, delLineApiUser, getLineApiUser, listLineApiUser, updateLineApiUser, getLineApiUserUnBindReverse } from '@/api/admin/line-api-user'
|
||||
import { addLineApiUser, delLineApiUser, getLineApiUser, listLineApiUser, updateLineApiUser, getReverseOptions } from '@/api/admin/line-api-user'
|
||||
|
||||
import { listLineUser } from '@/api/admin/line-user'
|
||||
// import { listLineApiGroup } from '@/api/admin/line-api-group'
|
||||
export default {
|
||||
name: 'LineApiUser',
|
||||
components: {
|
||||
@ -258,19 +257,11 @@ export default {
|
||||
// 类型数据字典
|
||||
typeOptions: [],
|
||||
lineApiUserList: [],
|
||||
unBindReverseList: [],
|
||||
// 下反单状态
|
||||
reverseStatusOptions: [{
|
||||
label: '开启',
|
||||
value: 1
|
||||
}, {
|
||||
label: '关闭',
|
||||
value: 2
|
||||
}],
|
||||
|
||||
// 关系表类型
|
||||
userIdOptions: [],
|
||||
groupIdOptions: [],
|
||||
|
||||
reverseApiList: [], // 反向API列表
|
||||
// 查询参数
|
||||
queryParams: {
|
||||
pageIndex: 1,
|
||||
@ -283,6 +274,8 @@ export default {
|
||||
// 表单校验
|
||||
rules: {
|
||||
exchangeType: [{ required: true, message: '交易所不能为空', trigger: 'blur' }],
|
||||
reverseStatus: [{ required: true, message: '反向下单不能为空', trigger: 'blur' }],
|
||||
reverseApiId: [{ required: true, message: '反向下单API不能为空', trigger: 'blur' }],
|
||||
orderProportion: [{ required: true, message: '下单比例不能为空', trigger: 'blur' }]
|
||||
},
|
||||
exchangeTypes: []
|
||||
@ -301,6 +294,17 @@ export default {
|
||||
exchangeTypeFormat(row) {
|
||||
return this.selectDictLabel(this.exchangeTypes || [], row.exchangeType)
|
||||
},
|
||||
// 获取可用反单api
|
||||
getReverseOptions(params) {
|
||||
return getReverseOptions(params).then(response => {
|
||||
if (response && response.code === 200) {
|
||||
this.reverseApiList = response.data
|
||||
}
|
||||
})
|
||||
.catch(error => {
|
||||
console.log(error)
|
||||
})
|
||||
},
|
||||
/** 查询参数列表 */
|
||||
getList() {
|
||||
this.loading = true
|
||||
@ -335,7 +339,8 @@ export default {
|
||||
subordinate: '0',
|
||||
groupId: undefined,
|
||||
openStatus: 1,
|
||||
reverseStatus: 2,
|
||||
reverseStatus: 1,
|
||||
reverseApiId: undefined,
|
||||
orderProportion: undefined
|
||||
}
|
||||
this.resetForm('form')
|
||||
@ -352,23 +357,17 @@ export default {
|
||||
groupIdFormat(row) {
|
||||
return this.selectItemsLabel(this.groupIdOptions || [], row.groupId)
|
||||
},
|
||||
getUnBindReverse(exchangeType, apiId) {
|
||||
this.loading = true
|
||||
getLineApiUserUnBindReverse({ exchangeType, apiId })
|
||||
.then(response => {
|
||||
if (response && response.code === 200) {
|
||||
this.unBindReverseList = response.data
|
||||
}
|
||||
}).finally(() => {
|
||||
this.loading = false
|
||||
})
|
||||
},
|
||||
// 关系
|
||||
getLineUserItems() {
|
||||
this.getItems(listLineUser, undefined).then(res => {
|
||||
this.userIdOptions = this.setItems(res, 'id', 'username')
|
||||
})
|
||||
},
|
||||
// getLineApiGroupItems() {
|
||||
// this.getItems(listLineApiGroup, undefined).then(res => {
|
||||
// this.groupIdOptions = this.setItems(res, 'id', 'groupName')
|
||||
// })
|
||||
// },
|
||||
// 文件
|
||||
/** 搜索按钮操作 */
|
||||
handleQuery() {
|
||||
@ -387,8 +386,6 @@ export default {
|
||||
this.open = true
|
||||
this.title = '添加api用户管理'
|
||||
this.isEdit = false
|
||||
|
||||
this.getUnBindReverse(this.form.exchangeType, null)
|
||||
},
|
||||
// 多选框选中数据
|
||||
handleSelectionChange(selection) {
|
||||
@ -400,22 +397,23 @@ export default {
|
||||
handleUpdate(row) {
|
||||
this.reset()
|
||||
const id =
|
||||
row.id || this.ids
|
||||
row.id || this.ids
|
||||
getLineApiUser(id).then(response => {
|
||||
this.form = response.data
|
||||
this.open = true
|
||||
this.title = '修改api用户管理'
|
||||
this.isEdit = true
|
||||
|
||||
this.getUnBindReverse(this.form.exchangeType, id)
|
||||
this.getReverseOptions({ apiId: this.form.reverseApiId, id: id })
|
||||
})
|
||||
},
|
||||
/** 提交按钮 */
|
||||
submitForm: function() {
|
||||
this.$refs['form'].validate(valid => {
|
||||
if (valid) {
|
||||
this.form.reverseApiId = this.form.reverseApiId ? Number(this.form.reverseApiId) : null
|
||||
this.form.orderProportion = this.form.orderProportion ? Number(this.form.orderProportion) : null
|
||||
if (!this.form.reverseApiId) {
|
||||
this.form.reverseApiId = 0
|
||||
}
|
||||
|
||||
if (this.form.id !== undefined) {
|
||||
updateLineApiUser(this.form).then(response => {
|
||||
|
||||
@ -2164,6 +2164,7 @@ export default {
|
||||
if (this.title === '批量添加') {
|
||||
const params = JSON.parse(JSON.stringify({
|
||||
...this.form,
|
||||
price: String(this.form.price),
|
||||
symbol_group_id: String(this.form.symbol_group_id),
|
||||
api_id: this.form.api_id.toString(),
|
||||
profit_num_ratio: this.form.profit_num_ratio || 100,
|
||||
@ -2195,6 +2196,7 @@ export default {
|
||||
}
|
||||
addOrder({
|
||||
...this.form,
|
||||
price: String(this.form.price),
|
||||
reduce_price: this.form.reduce_price || 0,
|
||||
reduce_num: this.form.reduce_num || 0,
|
||||
reduce_take_profit: this.form.reduce_take_profit || 0,
|
||||
|
||||
@ -1,230 +0,0 @@
|
||||
<template>
|
||||
<!-- 添加或修改对话框 -->
|
||||
<el-dialog title="反向订单详情" :visible.sync="visible" width="500px" @open="handleOpen" @close="handleClose">
|
||||
<el-form ref="form" :model="form" label-width="80px">
|
||||
|
||||
<el-form-item label="主单id" prop="pId">
|
||||
<el-input v-model="form.pId" placeholder="主单id" />
|
||||
</el-form-item>
|
||||
<el-form-item label="订单号" prop="orderSn">
|
||||
<el-input v-model="form.orderSn" placeholder="订单号" />
|
||||
</el-form-item>
|
||||
<el-form-item label="币安订单号" prop="orderId">
|
||||
<el-input v-model="form.orderId" placeholder="币安订单号" />
|
||||
</el-form-item>
|
||||
<el-form-item label="跟随币安订单号" prop="followOrderSn">
|
||||
<el-input v-model="form.followOrderSn" placeholder="跟随币安订单号" />
|
||||
</el-form-item>
|
||||
<el-form-item label="交易对" prop="symbol">
|
||||
<el-input v-model="form.symbol" placeholder="交易对" />
|
||||
</el-form-item>
|
||||
<el-form-item label="订单类型" prop="orderType">
|
||||
<el-input v-model="form.orderType" placeholder="订单类型 0-主单 1-止损单 2-加仓 3-减仓" />
|
||||
</el-form-item>
|
||||
<el-form-item label="购买金额" prop="buyPrice">
|
||||
<el-input v-model="form.buyPrice" placeholder="购买金额" />
|
||||
</el-form-item>
|
||||
<el-form-item label="委托价格" prop="price">
|
||||
<el-input v-model="form.price" placeholder="委托价格" />
|
||||
</el-form-item>
|
||||
<el-form-item label="委托价格(U)" prop="priceU">
|
||||
<el-input v-model="form.priceU" placeholder="委托价格(U)" />
|
||||
</el-form-item>
|
||||
<el-form-item label="实际成交价" prop="finalPrice">
|
||||
<el-input v-model="form.finalPrice" placeholder="实际成交价" />
|
||||
</el-form-item>
|
||||
<el-form-item label="持仓方向" prop="positionSide">
|
||||
{{ positionSideFormat(form.positionSide) }}
|
||||
</el-form-item>
|
||||
<el-form-item label="买卖方向" prop="side">
|
||||
{{ sideFormat(form.side) }}
|
||||
</el-form-item>
|
||||
<el-form-item label="行情价" prop="signPrice">
|
||||
<el-input v-model="form.signPrice" placeholder="行情价" />
|
||||
</el-form-item>
|
||||
<el-form-item label="触发时间" prop="triggerTime">
|
||||
<el-date-picker v-model="form.triggerTime" type="datetime" placeholder="选择日期" />
|
||||
</el-form-item>
|
||||
<el-form-item label="状态" prop="status">
|
||||
{{ statusFormat(form.status) }}
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<div slot="footer" class="dialog-footer">
|
||||
<!-- <el-button type="primary" @click="submitForm">确 定</el-button> -->
|
||||
<el-button @click="cancel">关 闭</el-button>
|
||||
</div>
|
||||
</el-dialog>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { addLineReverseOrder, getLineReverseOrder, updateLineReverseOrder } from '@/api/admin/line-reverse-order'
|
||||
|
||||
export default {
|
||||
name: 'ReverseOrderModal',
|
||||
props: {
|
||||
visible: {
|
||||
type: Boolean,
|
||||
default: false
|
||||
},
|
||||
id: {
|
||||
type: Number,
|
||||
default: null
|
||||
}
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
loading: false,
|
||||
// 表单参数
|
||||
form: {
|
||||
},
|
||||
// 表单校验
|
||||
rules: {
|
||||
orderSn: [{ required: true, message: '订单号不能为空', trigger: 'blur' }],
|
||||
orderId: [{ required: true, message: '币安订单号不能为空', trigger: 'blur' }],
|
||||
followOrderSn: [{ required: true, message: '跟随币安订单号不能为空', trigger: 'blur' }],
|
||||
orderType: [{ required: true, message: '订单类型 0-主单 1-止损单 2-加仓 3-减仓不能为空', trigger: 'blur' }],
|
||||
positionSide: [{ required: true, message: '持仓方向 LONG-多 SHORT-空不能为空', trigger: 'blur' }],
|
||||
side: [{ required: true, message: '买卖方向 SELL-卖 BUY-买不能为空', trigger: 'blur' }],
|
||||
status: [{ required: true, message: '状态 1-待下单 2-已下单 3-已成交 4-已平仓 5-已止损不能为空', trigger: 'blur' }]
|
||||
},
|
||||
typeOptions: [{
|
||||
label: '主单',
|
||||
value: 0
|
||||
}, {
|
||||
label: '止损单',
|
||||
value: 1
|
||||
}, {
|
||||
label: '加仓',
|
||||
value: 2
|
||||
}, {
|
||||
label: '减仓',
|
||||
value: 3
|
||||
}],
|
||||
positionSideOptions: [{
|
||||
label: '多',
|
||||
value: 'LONG'
|
||||
}, {
|
||||
label: '空',
|
||||
value: 'SHORT'
|
||||
}],
|
||||
sideOptions: [{
|
||||
label: '卖',
|
||||
value: 'SELL'
|
||||
}, {
|
||||
label: '买',
|
||||
value: 'BUY'
|
||||
}],
|
||||
statusOptions: [{
|
||||
label: '待下单',
|
||||
value: 1
|
||||
}, {
|
||||
label: '已下单',
|
||||
value: 2
|
||||
}, {
|
||||
label: '已成交',
|
||||
value: 3
|
||||
}, {
|
||||
label: '已平仓',
|
||||
value: 4
|
||||
}, {
|
||||
label: '已止损',
|
||||
value: 5
|
||||
}]
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
sideFormat(val) {
|
||||
const side = this.sideOptions.filter(item => item.value === val)
|
||||
return side.length ? side[0].label : ''
|
||||
},
|
||||
positionSideFormat(val) {
|
||||
const positionSide = this.positionSideOptions.filter(item => item.value === val)
|
||||
return positionSide.length ? positionSide[0].label : ''
|
||||
},
|
||||
statusFormat(val) {
|
||||
const status = this.statusOptions.filter(item => item.value === val)
|
||||
return status.length ? status[0].label : ''
|
||||
},
|
||||
typeFormat(val) {
|
||||
const type = this.typeOptions.filter(item => item.value === val)
|
||||
return type.length ? type[0].label : ''
|
||||
},
|
||||
handleOpen() {
|
||||
this.loading = true
|
||||
this.reset()
|
||||
|
||||
if (this.id !== null) {
|
||||
getLineReverseOrder(this.id).then(response => {
|
||||
if (response.code === 200) {
|
||||
this.form = response.data
|
||||
// this.form.triggerTime = new Date(this.form.triggerTime)
|
||||
}
|
||||
}).finally(() => {
|
||||
this.loading = false
|
||||
})
|
||||
} else {
|
||||
this.loading = false
|
||||
}
|
||||
},
|
||||
// 取消按钮
|
||||
cancel() {
|
||||
this.visible = false
|
||||
this.reset()
|
||||
},
|
||||
// 表单重置
|
||||
reset() {
|
||||
this.form = {
|
||||
|
||||
id: undefined,
|
||||
pId: undefined,
|
||||
orderSn: undefined,
|
||||
orderId: undefined,
|
||||
followOrderSn: undefined,
|
||||
symbol: undefined,
|
||||
orderType: undefined,
|
||||
buyPrice: undefined,
|
||||
price: undefined,
|
||||
priceU: undefined,
|
||||
finalPrice: undefined,
|
||||
positionSide: undefined,
|
||||
side: undefined,
|
||||
signPrice: undefined,
|
||||
triggerTime: undefined,
|
||||
status: undefined
|
||||
}
|
||||
this.resetForm('form')
|
||||
},
|
||||
/** 提交按钮 */
|
||||
submitForm: function() {
|
||||
this.$refs['form'].validate(valid => {
|
||||
if (valid) {
|
||||
if (this.form.id !== undefined) {
|
||||
updateLineReverseOrder(this.form).then(response => {
|
||||
if (response.code === 200) {
|
||||
this.msgSuccess(response.msg)
|
||||
this.open = false
|
||||
this.getList()
|
||||
} else {
|
||||
this.msgError(response.msg)
|
||||
}
|
||||
})
|
||||
} else {
|
||||
addLineReverseOrder(this.form).then(response => {
|
||||
if (response.code === 200) {
|
||||
this.msgSuccess(response.msg)
|
||||
this.open = false
|
||||
this.getList()
|
||||
} else {
|
||||
this.msgError(response.msg)
|
||||
}
|
||||
})
|
||||
}
|
||||
}
|
||||
})
|
||||
},
|
||||
handleClose() {
|
||||
this.$emit('update:visible', false)
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
@ -1,366 +0,0 @@
|
||||
<template>
|
||||
<BasicLayout>
|
||||
<template #wrapper>
|
||||
<el-card class="box-card">
|
||||
<el-form ref="queryForm" :model="queryParams" :inline="true" label-width="88px">
|
||||
<el-form-item label="订单号" prop="orderSn"><el-input
|
||||
v-model="queryParams.orderSn"
|
||||
placeholder="请输入订单号"
|
||||
clearable
|
||||
size="small"
|
||||
@keyup.enter.native="handleQuery"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="币安订单号" prop="orderId"><el-input
|
||||
v-model="queryParams.orderId"
|
||||
placeholder="请输入币安订单号"
|
||||
clearable
|
||||
size="small"
|
||||
@keyup.enter.native="handleQuery"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="跟随订单号" prop="followOrderSn"><el-input
|
||||
v-model="queryParams.followOrderSn"
|
||||
placeholder="请输入跟随币安订单号"
|
||||
clearable
|
||||
size="small"
|
||||
@keyup.enter.native="handleQuery"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="订单类型" prop="orderType">
|
||||
<el-select v-model="queryParams.orderType" clearable>
|
||||
<el-option
|
||||
v-for="(item, index) in typeOptions"
|
||||
:key="'queryOrderType' + index"
|
||||
:label="item.label"
|
||||
:value="item.value"
|
||||
/>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="持仓方向" prop="positionSide">
|
||||
<el-select v-model="queryParams.positionSide" clearable>
|
||||
<el-option
|
||||
v-for="(item, index) in positionSideOptions"
|
||||
:key="'queryPositionSide' + index"
|
||||
:label="item.label"
|
||||
:value="item.value"
|
||||
/>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="买卖方向" prop="side">
|
||||
<el-select v-model="queryParams.side" clearable>
|
||||
<el-option
|
||||
v-for="(item, index) in sideOptions"
|
||||
:key="'querySide' + index"
|
||||
:label="item.label"
|
||||
:value="item.value"
|
||||
/>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="状态" prop="status">
|
||||
<el-select v-model="queryParams.status" clearable>
|
||||
<el-option
|
||||
v-for="(item, index) in statusOptions"
|
||||
:key="'queryStatus' + index"
|
||||
:label="item.label"
|
||||
:value="item.value"
|
||||
/>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item>
|
||||
<el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
|
||||
<el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
|
||||
<el-row :gutter="10" class="mb8">
|
||||
<el-col :span="1.5">
|
||||
<el-button
|
||||
v-permisaction="['admin:lineReverseOrder:add']"
|
||||
type="primary"
|
||||
icon="el-icon-plus"
|
||||
size="mini"
|
||||
@click="handleAdd"
|
||||
>新增
|
||||
</el-button>
|
||||
</el-col>
|
||||
<el-col :span="1.5">
|
||||
<el-button
|
||||
v-permisaction="['admin:lineReverseOrder:edit']"
|
||||
type="success"
|
||||
icon="el-icon-edit"
|
||||
size="mini"
|
||||
:disabled="single"
|
||||
@click="handleUpdate"
|
||||
>修改
|
||||
</el-button>
|
||||
</el-col>
|
||||
<el-col :span="1.5">
|
||||
<el-button
|
||||
v-permisaction="['admin:lineReverseOrder:remove']"
|
||||
type="danger"
|
||||
icon="el-icon-delete"
|
||||
size="mini"
|
||||
:disabled="multiple"
|
||||
@click="handleDelete"
|
||||
>删除
|
||||
</el-button>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
<el-table v-loading="loading" :data="lineReverseOrderList" @selection-change="handleSelectionChange">
|
||||
<el-table-column type="selection" width="55" align="center" />
|
||||
<el-table-column label="订单号" align="center" prop="orderSn" :show-overflow-tooltip="true" />
|
||||
<el-table-column label="币安订单号" align="center" prop="orderId" :show-overflow-tooltip="true" />
|
||||
<el-table-column
|
||||
label="跟随币安订单号"
|
||||
align="center"
|
||||
prop="followOrderSn"
|
||||
:show-overflow-tooltip="true"
|
||||
/>
|
||||
<el-table-column label="交易对" align="center" prop="symbol" :show-overflow-tooltip="true" />
|
||||
<el-table-column label="订单类型" align="center" prop="orderType" :show-overflow-tooltip="true" />
|
||||
<el-table-column label="购买金额" align="center" prop="buyPrice" :show-overflow-tooltip="true" />
|
||||
<el-table-column label="委托价格" align="center" prop="price" :show-overflow-tooltip="true" />
|
||||
<el-table-column label="实际成交价" align="center" prop="finalPrice" :show-overflow-tooltip="true" />
|
||||
<el-table-column label="持仓方向" align="center" prop="positionSide" :show-overflow-tooltip="true" />
|
||||
<el-table-column label="买卖方向" align="center" prop="side" :show-overflow-tooltip="true" />
|
||||
<el-table-column label="行情价" align="center" prop="signPrice" :show-overflow-tooltip="true" />
|
||||
<el-table-column label="触发时间" align="center" prop="triggerTime" :show-overflow-tooltip="true">
|
||||
<template slot-scope="scope">
|
||||
<span>{{ parseTime(scope.row.triggerTime) }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="状态" align="center" prop="status" :show-overflow-tooltip="true" />
|
||||
<el-table-column label="操作" align="center" class-name="small-padding fixed-width">
|
||||
<template slot-scope="scope">
|
||||
<el-popconfirm
|
||||
class="delete-popconfirm"
|
||||
title="确认要修改吗?"
|
||||
confirm-button-text="修改"
|
||||
@confirm="handleUpdate(scope.row)"
|
||||
>
|
||||
<el-button
|
||||
slot="reference"
|
||||
v-permisaction="['admin:lineReverseOrder:edit']"
|
||||
size="mini"
|
||||
type="text"
|
||||
icon="el-icon-edit"
|
||||
>修改
|
||||
</el-button>
|
||||
</el-popconfirm>
|
||||
<el-popconfirm
|
||||
class="delete-popconfirm"
|
||||
title="确认要删除吗?"
|
||||
confirm-button-text="删除"
|
||||
@confirm="handleDelete(scope.row)"
|
||||
>
|
||||
<el-button
|
||||
slot="reference"
|
||||
v-permisaction="['admin:lineReverseOrder:remove']"
|
||||
size="mini"
|
||||
type="text"
|
||||
icon="el-icon-delete"
|
||||
>删除
|
||||
</el-button>
|
||||
</el-popconfirm>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
|
||||
<pagination
|
||||
v-show="total > 0"
|
||||
:total="total"
|
||||
:page.sync="queryParams.pageIndex"
|
||||
:limit.sync="queryParams.pageSize"
|
||||
@pagination="getList"
|
||||
/>
|
||||
|
||||
</el-card>
|
||||
</template>
|
||||
</BasicLayout>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { delLineReverseOrder, getLineReverseOrder, listLineReverseOrder } from '@/api/admin/line-reverse-order'
|
||||
|
||||
export default {
|
||||
name: 'LineReverseOrder',
|
||||
components: {
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
// 遮罩层
|
||||
loading: true,
|
||||
// 选中数组
|
||||
ids: [],
|
||||
// 非单个禁用
|
||||
single: true,
|
||||
// 非多个禁用
|
||||
multiple: true,
|
||||
// 总条数
|
||||
total: 0,
|
||||
// 弹出层标题
|
||||
title: '',
|
||||
// 是否显示弹出层
|
||||
open: false,
|
||||
detailId: null,
|
||||
isEdit: false,
|
||||
// 类型数据字典
|
||||
typeOptions: [{
|
||||
label: '主单',
|
||||
value: 0
|
||||
}, {
|
||||
label: '止损单',
|
||||
value: 1
|
||||
}, {
|
||||
label: '加仓',
|
||||
value: 2
|
||||
}, {
|
||||
label: '减仓',
|
||||
value: 3
|
||||
}],
|
||||
lineReverseOrderList: [],
|
||||
positionSideOptions: [{
|
||||
label: '多',
|
||||
value: 'LONG'
|
||||
}, {
|
||||
label: '空',
|
||||
value: 'SHORT'
|
||||
}],
|
||||
sideOptions: [{
|
||||
label: '卖',
|
||||
value: 'SELL'
|
||||
}, {
|
||||
label: '买',
|
||||
value: 'BUY'
|
||||
}],
|
||||
statusOptions: [{
|
||||
label: '待下单',
|
||||
value: 1
|
||||
}, {
|
||||
label: '已下单',
|
||||
value: 2
|
||||
}, {
|
||||
label: '已成交',
|
||||
value: 3
|
||||
}, {
|
||||
label: '已平仓',
|
||||
value: 4
|
||||
}, {
|
||||
label: '已止损',
|
||||
value: 5
|
||||
}],
|
||||
// 查询参数
|
||||
queryParams: {
|
||||
pageIndex: 1,
|
||||
pageSize: 10,
|
||||
orderSn: undefined,
|
||||
orderId: undefined,
|
||||
followOrderSn: undefined,
|
||||
orderType: undefined,
|
||||
positionSide: undefined,
|
||||
side: undefined,
|
||||
status: undefined
|
||||
}
|
||||
}
|
||||
},
|
||||
created() {
|
||||
this.getList()
|
||||
},
|
||||
methods: {
|
||||
/** 查询参数列表 */
|
||||
getList() {
|
||||
this.loading = true
|
||||
listLineReverseOrder(this.addDateRange(this.queryParams, this.dateRange)).then(response => {
|
||||
this.lineReverseOrderList = response.data.list
|
||||
this.total = response.data.count
|
||||
}
|
||||
).finally(() => {
|
||||
this.loading = false
|
||||
})
|
||||
},
|
||||
typeFormat(val) {
|
||||
const type = this.typeOptions.filter(item => item.value === val)
|
||||
return type.length ? type[0].label : ''
|
||||
},
|
||||
sideFormat(val) {
|
||||
const side = this.sideOptions.filter(item => item.value === val)
|
||||
return side.length ? side[0].label : ''
|
||||
},
|
||||
positionSideFormat(val) {
|
||||
const positionSide = this.positionSideOptions.filter(item => item.value === val)
|
||||
return positionSide.length ? positionSide[0].label : ''
|
||||
},
|
||||
statusFormat(val) {
|
||||
const status = this.statusOptions.filter(item => item.value === val)
|
||||
return status.length ? status[0].label : ''
|
||||
},
|
||||
getImgList: function() {
|
||||
this.form[this.fileIndex] = this.$refs['fileChoose'].resultList[0].fullUrl
|
||||
},
|
||||
fileClose: function() {
|
||||
this.fileOpen = false
|
||||
},
|
||||
// 关系
|
||||
// 文件
|
||||
/** 搜索按钮操作 */
|
||||
handleQuery() {
|
||||
this.queryParams.pageIndex = 1
|
||||
this.getList()
|
||||
},
|
||||
/** 重置按钮操作 */
|
||||
resetQuery() {
|
||||
this.dateRange = []
|
||||
this.resetForm('queryForm')
|
||||
this.handleQuery()
|
||||
},
|
||||
/** 新增按钮操作 */
|
||||
handleAdd() {
|
||||
this.reset()
|
||||
this.open = true
|
||||
this.title = '添加反单下单列表'
|
||||
this.isEdit = false
|
||||
},
|
||||
// 多选框选中数据
|
||||
handleSelectionChange(selection) {
|
||||
this.ids = selection.map(item => item.id)
|
||||
this.single = selection.length !== 1
|
||||
this.multiple = !selection.length
|
||||
},
|
||||
/** 修改按钮操作 */
|
||||
handleUpdate(row) {
|
||||
const id =
|
||||
row.id || this.ids
|
||||
getLineReverseOrder(id).then(response => {
|
||||
this.form = response.data
|
||||
this.open = true
|
||||
this.title = '修改反单下单列表'
|
||||
this.isEdit = true
|
||||
})
|
||||
},
|
||||
/** 删除按钮操作 */
|
||||
handleDelete(row) {
|
||||
var Ids = (row.id && [row.id]) || this.ids
|
||||
|
||||
this.$confirm('是否确认删除编号为"' + Ids + '"的数据项?', '警告', {
|
||||
confirmButtonText: '确定',
|
||||
cancelButtonText: '取消',
|
||||
type: 'warning'
|
||||
}).then(function() {
|
||||
return delLineReverseOrder({ 'ids': Ids })
|
||||
}).then((response) => {
|
||||
if (response.code === 200) {
|
||||
this.msgSuccess(response.msg)
|
||||
this.open = false
|
||||
this.getList()
|
||||
} else {
|
||||
this.msgError(response.msg)
|
||||
}
|
||||
}).catch(function() {
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
@ -1,201 +0,0 @@
|
||||
<template>
|
||||
|
||||
<!-- 添加或修改对话框 -->
|
||||
<el-dialog title="批量平仓" :visible.sync="open" width="500px" @close="handleClose" @open="handleOpen">
|
||||
<el-form ref="form" :model="form" :rules="rules" label-width="80px">
|
||||
|
||||
<el-form-item label="下单Api" prop="reverseApiId">
|
||||
<el-select v-model="form.reverseApiId" placeholder="请选择">
|
||||
<el-option
|
||||
v-for="dict in reverseApiIdOptions"
|
||||
:key="'reverseApiId' + dict.id"
|
||||
:label="dict.name"
|
||||
:value="dict.id"
|
||||
/>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="持仓方向" prop="positionSide">
|
||||
<el-select v-model="form.positionSide" placeholder="请选择">
|
||||
<el-option
|
||||
v-for="dict in positionSideOptions"
|
||||
:key="dict.value"
|
||||
:label="dict.label"
|
||||
:value="dict.value"
|
||||
/>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="交易对" prop="symbol">
|
||||
<template #label>
|
||||
<span>交易对</span>
|
||||
<el-popover trigger="hover" content="交易对为空时，代表平仓全部">
|
||||
<template #reference>
|
||||
<i class="el-icon-question" />
|
||||
</template>
|
||||
</el-popover>
|
||||
</template>
|
||||
<el-select
|
||||
v-model="form.symbol"
|
||||
style="width: 100%;"
|
||||
placeholder="请选择交易对"
|
||||
clearable
|
||||
filterable
|
||||
:remote-method="(e) => getSymbol(e, 1, 'binance')"
|
||||
:loading="searchLoding"
|
||||
remote
|
||||
size="small"
|
||||
>
|
||||
<el-option
|
||||
v-for="dict in symbol.symbolList"
|
||||
:key="dict.id"
|
||||
:label="dict.symbol"
|
||||
:value="dict.symbol"
|
||||
/>
|
||||
<div class="page">
|
||||
<pagination
|
||||
v-show="symbol.total > 0"
|
||||
:background="false"
|
||||
:total="symbol.total"
|
||||
layout="prev, pager, next"
|
||||
:page.sync="symbol.pageIndex"
|
||||
:limit.sync="symbol.pageSize"
|
||||
@pagination="getSymbol($event, 1, 'binance')"
|
||||
/>
|
||||
</div>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<div slot="footer" class="dialog-footer">
|
||||
<el-button type="primary" :loading="loading" @click="submitForm">确 定</el-button>
|
||||
<el-button @click="cancel">取 消</el-button>
|
||||
</div>
|
||||
</el-dialog>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { batchClosePosition } from '@/api/admin/line-reverse-position'
|
||||
import { listLineSymbol } from '@/api/admin/line-symbol'
|
||||
import { getReverseOptionsAll } from '@/api/admin/line-api-user'
|
||||
|
||||
export default {
|
||||
name: 'Detail',
|
||||
props: {
|
||||
open: {
|
||||
type: Boolean,
|
||||
default: false
|
||||
}
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
reverseApiIdOptions: [],
|
||||
positionSideOptions: [{
|
||||
value: 'LONG',
|
||||
label: '多'
|
||||
}, {
|
||||
value: 'SHORT',
|
||||
label: '空'
|
||||
}],
|
||||
sideOptions: [{
|
||||
value: 'SELL',
|
||||
label: '卖'
|
||||
}, {
|
||||
value: 'BUY',
|
||||
label: '买'
|
||||
}],
|
||||
form: {
|
||||
reverseApiId: undefined,
|
||||
positionSide: undefined,
|
||||
symbol: undefined
|
||||
},
|
||||
// 表单校验
|
||||
rules: {
|
||||
apiId: [{ required: true, message: 'api_id不能为空', trigger: 'blur' }],
|
||||
reverseApiId: [{ required: true, message: '反单api_id不能为空', trigger: 'blur' }],
|
||||
side: [{ required: true, message: '买卖方向 BUY SELL不能为空', trigger: 'blur' }],
|
||||
positionSide: [{ required: true, message: '持仓方向 LONG SHORT不能为空', trigger: 'blur' }]
|
||||
},
|
||||
loading: false,
|
||||
searchLoding: false,
|
||||
symbol: {
|
||||
symbolList: [],
|
||||
total: 0,
|
||||
pageIndex: 1,
|
||||
pageSize: 6
|
||||
}
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
// 取消按钮
|
||||
cancel() {
|
||||
this.handleClose()
|
||||
},
|
||||
// 表单重置
|
||||
reset() {
|
||||
this.form = {
|
||||
reverseApiId: undefined,
|
||||
positionSide: undefined,
|
||||
symbol: undefined
|
||||
}
|
||||
this.resetForm('form')
|
||||
},
|
||||
/** 提交按钮 */
|
||||
submitForm: function() {
|
||||
this.$refs['form'].validate(valid => {
|
||||
if (valid) {
|
||||
this.loading = true
|
||||
|
||||
batchClosePosition(this.form).then(res => {
|
||||
console.log('res', res)
|
||||
if (res.code === 200) {
|
||||
if (res.data === null || res.data === undefined || res.data === '') {
|
||||
this.$message.success('批量平仓成功')
|
||||
this.handleClose()
|
||||
} else {
|
||||
this.$notify.error({
|
||||
title: '错误',
|
||||
message: res.data
|
||||
})
|
||||
}
|
||||
}
|
||||
}).catch(err => {
|
||||
console.log(err)
|
||||
}).finally(() => {
|
||||
this.loading = false
|
||||
})
|
||||
}
|
||||
})
|
||||
},
|
||||
handleClose() {
|
||||
this.reset()
|
||||
this.$emit('update:open', false)
|
||||
},
|
||||
// 交易对列表
|
||||
getSymbol(e, type, exchangeType) {
|
||||
this.searchLoding = true
|
||||
const { pageIndex } = this.symbol
|
||||
const symbol = typeof e === 'object' ? '' : e
|
||||
listLineSymbol({ pageIndex, pageSize: 6, type: 1, symbol, exchangeType: 'binance' }).then(res => {
|
||||
this.symbol.total = res.data.count
|
||||
this.symbol.symbolList = res.data.list
|
||||
}).finally(() => {
|
||||
this.searchLoding = false
|
||||
})
|
||||
},
|
||||
// 打开弹窗
|
||||
handleOpen() {
|
||||
this.getSymbol('', 1, 'binance')
|
||||
this.getApiOptions()
|
||||
},
|
||||
// 获取api列表
|
||||
getApiOptions() {
|
||||
getReverseOptionsAll({}).then(res => {
|
||||
if (res.code === 200) {
|
||||
this.reverseApiIdOptions = res.data
|
||||
}
|
||||
})
|
||||
.catch(err => {
|
||||
console.log(err)
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
@ -11,7 +11,12 @@
|
||||
</el-form-item>
|
||||
<el-form-item label="反单api_id" prop="reverseApiId">
|
||||
<el-select v-model="form.reverseApiId" placeholder="请选择">
|
||||
<el-option v-for="dict in reverseApiIdOptions" :key="dict.value" :label="dict.label" :value="dict.value" />
|
||||
<el-option
|
||||
v-for="dict in reverseApiIdOptions"
|
||||
:key="dict.value"
|
||||
:label="dict.label"
|
||||
:value="dict.value"
|
||||
/>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="反单仓位" prop="reverseAmount">
|
||||
@ -24,7 +29,12 @@
|
||||
</el-form-item>
|
||||
<el-form-item label="持仓方向 LONG SHORT" prop="positionSide">
|
||||
<el-select v-model="form.positionSide" placeholder="请选择">
|
||||
<el-option v-for="dict in positionSideOptions" :key="dict.value" :label="dict.label" :value="dict.value" />
|
||||
<el-option
|
||||
v-for="dict in positionSideOptions"
|
||||
:key="dict.value"
|
||||
:label="dict.label"
|
||||
:value="dict.value"
|
||||
/>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="交易对" prop="symbol">
|
||||
@ -61,16 +71,7 @@ export default {
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
reverseApiIdOptions: [],
|
||||
positionSideOptions: [],
|
||||
apiIdOptions: [],
|
||||
sideOptions: [{
|
||||
value: 'SELL',
|
||||
label: '卖'
|
||||
}, {
|
||||
value: 'BUY',
|
||||
label: '买'
|
||||
}],
|
||||
|
||||
// 表单校验
|
||||
rules: {
|
||||
apiId: [{ required: true, message: 'api_id不能为空', trigger: 'blur' }],
|
||||
|
||||
@ -2,27 +2,38 @@
|
||||
<BasicLayout>
|
||||
<template #wrapper>
|
||||
<el-card class="box-card">
|
||||
<el-form ref="queryForm" :model="queryParams" :inline="true" label-width="100px">
|
||||
|
||||
<el-form-item label="反单买卖方向" prop="side">
|
||||
<el-select v-model="queryParams.side" prop="side" size="small" clearable>
|
||||
<el-option
|
||||
v-for="item in sideOptions"
|
||||
:key="'query-side-' + item.value"
|
||||
:value="item.value"
|
||||
:label="item.label"
|
||||
/>
|
||||
</el-select>
|
||||
<el-form ref="queryForm" :model="queryParams" :inline="true" label-width="68px">
|
||||
<el-form-item label="api_id" prop="apiId"><el-input
|
||||
v-model="queryParams.apiId"
|
||||
placeholder="请输入api_id"
|
||||
clearable
|
||||
size="small"
|
||||
@keyup.enter.native="handleQuery"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="反单持仓方向" prop="positionSide">
|
||||
<el-select v-model="queryParams.positionSide" clearable size="small">
|
||||
<el-option
|
||||
v-for="item in positionSideOptions"
|
||||
:key="'query-positionSide-' + item.value"
|
||||
:value="item.value"
|
||||
:label="item.label"
|
||||
/>
|
||||
</el-select>
|
||||
<el-form-item label="反单api_id" prop="reverseApiId"><el-input
|
||||
v-model="queryParams.reverseApiId"
|
||||
placeholder="请输入反单api_id"
|
||||
clearable
|
||||
size="small"
|
||||
@keyup.enter.native="handleQuery"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="买卖方向 BUY SELL" prop="side"><el-input
|
||||
v-model="queryParams.side"
|
||||
placeholder="请输入买卖方向 BUY SELL"
|
||||
clearable
|
||||
size="small"
|
||||
@keyup.enter.native="handleQuery"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="持仓方向 LONG SHORT" prop="positionSide"><el-input
|
||||
v-model="queryParams.positionSide"
|
||||
placeholder="请输入持仓方向 LONG SHORT"
|
||||
clearable
|
||||
size="small"
|
||||
@keyup.enter.native="handleQuery"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="交易对" prop="symbol"><el-input
|
||||
v-model="queryParams.symbol"
|
||||
@ -42,25 +53,25 @@
|
||||
<el-row :gutter="10" class="mb8">
|
||||
<el-col :span="1.5">
|
||||
<el-button
|
||||
v-permisaction="['admin:lineReversePosition:closePosition']"
|
||||
v-permisaction="['admin:lineReversePosition:add']"
|
||||
type="primary"
|
||||
icon="el-icon-s-flag"
|
||||
icon="el-icon-plus"
|
||||
size="mini"
|
||||
@click="handleCloseBatches"
|
||||
>平仓
|
||||
</el-button>
|
||||
</el-col>
|
||||
|
||||
<!-- <el-col :span="1.5">
|
||||
<el-button v-permisaction="['admin:lineReversePosition:add']" type="primary" icon="el-icon-plus" size="mini"
|
||||
@click="handleAdd">新增
|
||||
@click="handleAdd"
|
||||
>新增
|
||||
</el-button>
|
||||
</el-col>
|
||||
<el-col :span="1.5">
|
||||
<el-button v-permisaction="['admin:lineReversePosition:edit']" type="success" icon="el-icon-edit"
|
||||
size="mini" :disabled="single" @click="handleUpdate">修改
|
||||
<el-button
|
||||
v-permisaction="['admin:lineReversePosition:edit']"
|
||||
type="success"
|
||||
icon="el-icon-edit"
|
||||
size="mini"
|
||||
:disabled="single"
|
||||
@click="handleUpdate"
|
||||
>修改
|
||||
</el-button>
|
||||
</el-col> -->
|
||||
</el-col>
|
||||
<el-col :span="1.5">
|
||||
<el-button
|
||||
v-permisaction="['admin:lineReversePosition:remove']"
|
||||
@ -72,62 +83,62 @@
|
||||
>删除
|
||||
</el-button>
|
||||
</el-col>
|
||||
<el-col :span="1.5">
|
||||
<el-popconfirm
|
||||
class="delete-popconfirm"
|
||||
title="确认要清除所有吗?"
|
||||
confirm-button-text="清除"
|
||||
@confirm="handleCleanPosition()"
|
||||
>
|
||||
<el-button
|
||||
slot="reference"
|
||||
v-permisaction="['admin:lineReversePosition:cleanAll']"
|
||||
type="danger"
|
||||
icon="el-icon-delete"
|
||||
size="mini"
|
||||
>清除所有
|
||||
</el-button>
|
||||
</el-popconfirm>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
<el-table v-loading="loading" :data="lineReversePositionList" @selection-change="handleSelectionChange">
|
||||
<el-table-column type="selection" width="55" align="center" />
|
||||
<el-table-column label="交易对" align="center" prop="symbol" width="120px" />
|
||||
<el-table-column label="主单用户" align="center" prop="apiName" width="100px" />
|
||||
<el-table-column label="反单用户" align="center" prop="reverseApiName" width="100px" />
|
||||
<el-table-column label="主单仓位" align="center" prop="amount" :show-overflow-tooltip="true" />
|
||||
<el-table-column label="主单总仓位" align="center" prop="totalAmount" />
|
||||
<el-table-column label="主单持仓方向" align="center" prop="side" width="100px" />
|
||||
<el-table-column label="反单仓位" align="center" prop="reverseAmount" :show-overflow-tooltip="true" />
|
||||
<el-table-column label="反单总仓位" align="center" prop="totalReverseAmount" />
|
||||
<el-table-column label="反单持仓方向" align="center" prop="positionSide" width="100px">
|
||||
<template slot-scope="scope">
|
||||
{{ scope.row.positionSide === 'LONG' ? '多' : '空' }}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="主单仓位" align="center" prop="status">
|
||||
<template slot-scope="scope">
|
||||
<el-tag v-if="scope.row.status === 0">正常</el-tag>
|
||||
<el-tag v-else-if="scope.row.status === 1" type="primary">开仓</el-tag>
|
||||
<el-tag v-else type="success">平仓</el-tag>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="反单仓位" align="center" prop="reverseStatus" width="80px">
|
||||
<template slot-scope="scope">
|
||||
<el-tag v-if="scope.row.reverseStatus === 0">正常</el-tag>
|
||||
<el-tag v-else-if="scope.row.reverseStatus === 1" type="primary">开仓</el-tag>
|
||||
<el-tag v-else type="success">平仓</el-tag>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column type="selection" width="55" align="center" /><el-table-column
|
||||
label="api_id"
|
||||
align="center"
|
||||
prop="apiId"
|
||||
:show-overflow-tooltip="true"
|
||||
/><el-table-column
|
||||
label="反单api_id"
|
||||
align="center"
|
||||
prop="reverseApiId"
|
||||
:show-overflow-tooltip="true"
|
||||
/><el-table-column
|
||||
label="反单仓位"
|
||||
align="center"
|
||||
prop="reverseAmount"
|
||||
:show-overflow-tooltip="true"
|
||||
/><el-table-column
|
||||
label="买卖方向 BUY SELL"
|
||||
align="center"
|
||||
prop="side"
|
||||
:show-overflow-tooltip="true"
|
||||
/><el-table-column
|
||||
label="持仓方向 LONG SHORT"
|
||||
align="center"
|
||||
prop="positionSide"
|
||||
:show-overflow-tooltip="true"
|
||||
/><el-table-column
|
||||
label="交易对"
|
||||
align="center"
|
||||
prop="symbol"
|
||||
:show-overflow-tooltip="true"
|
||||
/><el-table-column
|
||||
label="仓位状态 1-已开仓 2-已平仓"
|
||||
align="center"
|
||||
prop="status"
|
||||
:show-overflow-tooltip="true"
|
||||
/>
|
||||
<el-table-column label="操作" align="center" class-name="small-padding fixed-width">
|
||||
<template slot-scope="scope">
|
||||
<!-- <el-popconfirm class="delete-popconfirm" title="确认要修改吗?" confirm-button-text="修改"
|
||||
@confirm="handleUpdate(scope.row)">
|
||||
<el-button slot="reference" v-permisaction="['admin:lineReversePosition:edit']" size="mini" type="text"
|
||||
icon="el-icon-edit">修改
|
||||
<el-popconfirm
|
||||
class="delete-popconfirm"
|
||||
title="确认要修改吗?"
|
||||
confirm-button-text="修改"
|
||||
@confirm="handleUpdate(scope.row)"
|
||||
>
|
||||
<el-button
|
||||
slot="reference"
|
||||
v-permisaction="['admin:lineReversePosition:edit']"
|
||||
size="mini"
|
||||
type="text"
|
||||
icon="el-icon-edit"
|
||||
>修改
|
||||
</el-button>
|
||||
</el-popconfirm> -->
|
||||
</el-popconfirm>
|
||||
<el-popconfirm
|
||||
class="delete-popconfirm"
|
||||
title="确认要删除吗?"
|
||||
@ -143,31 +154,6 @@
|
||||
>删除
|
||||
</el-button>
|
||||
</el-popconfirm>
|
||||
<el-popconfirm
|
||||
class="delete-popconfirm"
|
||||
title="确认要平仓吗?"
|
||||
confirm-button-text="平仓"
|
||||
@confirm="handleClosePosition(scope.row)"
|
||||
>
|
||||
<el-button
|
||||
v-if="scope.row.reverseStatus === 1"
|
||||
slot="reference"
|
||||
v-permisaction="['admin:lineReversePosition:closePosition']"
|
||||
size="mini"
|
||||
type="text"
|
||||
icon="el-icon-s-flag"
|
||||
>平仓
|
||||
</el-button>
|
||||
</el-popconfirm>
|
||||
|
||||
<el-button
|
||||
v-permisaction="['admin:lineReversePosition:edit']"
|
||||
size="mini"
|
||||
type="text"
|
||||
icon="el-icon-s-order"
|
||||
@click="handleShowOrders(scope.row)"
|
||||
>订单明细
|
||||
</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
@ -180,29 +166,20 @@
|
||||
@pagination="getList"
|
||||
/>
|
||||
|
||||
<!--仓位详情-->
|
||||
<detail :open.sync="open" :title="title" :form="form" :is-edit="isEdit" @close="handleClose" />
|
||||
<!--仓位订单明细-->
|
||||
<order-list :show.sync="showOrders" :position-id="selectedPositionId" />
|
||||
<!--平仓操作-->
|
||||
<close-position :open.sync="showClosePosition" />
|
||||
</el-card>
|
||||
</template>
|
||||
</BasicLayout>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { delLineReversePosition, listLineReversePosition, getLineReversePosition, closePosition, cleanAllPosition } from '@/api/admin/line-reverse-position'
|
||||
import { delLineReversePosition, listLineReversePosition, getLineReversePosition } from '@/api/admin/line-reverse-position'
|
||||
import Detail from './detail.vue'
|
||||
import OrderList from './order-list.vue'
|
||||
import ClosePosition from './close-position.vue'
|
||||
|
||||
export default {
|
||||
name: 'LineReversePosition',
|
||||
components: {
|
||||
Detail,
|
||||
OrderList,
|
||||
ClosePosition
|
||||
Detail
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
@ -224,20 +201,6 @@ export default {
|
||||
// 类型数据字典
|
||||
typeOptions: [],
|
||||
lineReversePositionList: [],
|
||||
positionSideOptions: [{
|
||||
label: '多',
|
||||
value: 'LONG'
|
||||
}, {
|
||||
label: '空',
|
||||
value: 'SHORT'
|
||||
}],
|
||||
sideOptions: [{
|
||||
label: '买',
|
||||
value: 'BUY'
|
||||
}, {
|
||||
label: '卖',
|
||||
value: 'SELL'
|
||||
}],
|
||||
// 关系表类型
|
||||
|
||||
// 查询参数
|
||||
@ -248,17 +211,12 @@ export default {
|
||||
reverseApiId: undefined,
|
||||
side: undefined,
|
||||
positionSide: undefined,
|
||||
symbol: undefined,
|
||||
idOrder: 'desc'
|
||||
symbol: undefined
|
||||
|
||||
},
|
||||
// 表单参数
|
||||
form: {
|
||||
},
|
||||
|
||||
showOrders: false,
|
||||
selectedPositionId: null,
|
||||
|
||||
showClosePosition: false
|
||||
}
|
||||
}
|
||||
},
|
||||
created() {
|
||||
@ -311,7 +269,7 @@ export default {
|
||||
handleUpdate(row) {
|
||||
this.reset()
|
||||
const id =
|
||||
row.id || this.ids
|
||||
row.id || this.ids
|
||||
getLineReversePosition(id).then(response => {
|
||||
this.form = response.data
|
||||
this.open = true
|
||||
@ -342,55 +300,6 @@ export default {
|
||||
}
|
||||
}).catch(function() {
|
||||
})
|
||||
},
|
||||
// 仓位订单明细
|
||||
handleShowOrders(row) {
|
||||
this.showOrders = true
|
||||
this.selectedPositionId = row.id
|
||||
},
|
||||
// 批量平仓
|
||||
handleCloseBatches() {
|
||||
this.showClosePosition = true
|
||||
},
|
||||
// 平仓
|
||||
handleClosePosition(row) {
|
||||
this.loading = true
|
||||
const data = {
|
||||
id: Number(row.id)
|
||||
}
|
||||
|
||||
closePosition(data).then(response => {
|
||||
if (response.code === 200) {
|
||||
this.msgSuccess(response.msg)
|
||||
} else {
|
||||
this.msgError(response.msg)
|
||||
}
|
||||
})
|
||||
.catch(error => {
|
||||
console.log(error)
|
||||
})
|
||||
.finally(() => {
|
||||
this.loading = false
|
||||
this.getList()
|
||||
})
|
||||
},
|
||||
// 清除所有仓位
|
||||
handleCleanPosition() {
|
||||
cleanAllPosition().then(res => {
|
||||
this.loading = true
|
||||
if (res.code === 200) {
|
||||
this.msgSuccess(res.msg)
|
||||
this.getList()
|
||||
} else {
|
||||
this.msgError(res.msg)
|
||||
}
|
||||
})
|
||||
.catch(err => {
|
||||
console.log('err', err)
|
||||
})
|
||||
.finally(() => {
|
||||
this.loading = false
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@ -1,282 +0,0 @@
|
||||
<template>
|
||||
<el-drawer title="仓位订单明细" :visible.sync="show" direction="rtl" size="80%" @open="handleOpen" @close="handleClose">
|
||||
<el-form ref="queryForm" :model="queryParams" :inline="true" label-width="68px">
|
||||
<el-form-item label="类别" prop="category">
|
||||
<el-select v-model="queryParams.category" clearable>
|
||||
<el-option
|
||||
v-for="item in categoryOptions"
|
||||
:key="'query-category' + item.value"
|
||||
:label="item.label"
|
||||
:value="item.value"
|
||||
/>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="下单类型" prop="type">
|
||||
<el-select v-model="queryParams.type" clearable>
|
||||
<el-option
|
||||
v-for="item in typeOptions"
|
||||
:key="'query-type' + item.value"
|
||||
:label="item.label"
|
||||
:value="item.value"
|
||||
/>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="订单类型" prop="orderType">
|
||||
<el-select v-model="queryParams.orderType" clearable>
|
||||
<el-option
|
||||
v-for="item in orderTypeOptions"
|
||||
:key="'query-orderType' + item.value"
|
||||
:label="item.label"
|
||||
:value="item.value"
|
||||
/>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="状态" prop="status">
|
||||
<el-select v-model="queryParams.status" clearable>
|
||||
<el-option
|
||||
v-for="item in statusOptions"
|
||||
:key="'query-status' + item.value"
|
||||
:label="item.label"
|
||||
:value="item.value"
|
||||
/>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item>
|
||||
<el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
|
||||
<el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
|
||||
<el-table v-loading="loading" :data="lineReverseOrderList" :row-class-name="tableRowClassName">
|
||||
<el-table-column type="selection" width="55" align="center" />
|
||||
<el-table-column label="类别" align="center" prop="category" width="80px">
|
||||
<template slot-scope="scope">
|
||||
{{ categoryFormat(scope) }}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="订单号" align="center" prop="orderSn" :show-overflow-tooltip="true" />
|
||||
<el-table-column label="币安订单号" align="center" prop="orderId" :show-overflow-tooltip="true" />
|
||||
<el-table-column label="交易对" align="center" prop="symbol" :show-overflow-tooltip="true" />
|
||||
<el-table-column label="下单类型" align="center" prop="type">
|
||||
<template slot-scope="scope">
|
||||
{{ typeFormat(scope) }}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="订单类型" align="center" prop="orderType">
|
||||
<template slot-scope="scope">
|
||||
{{ orderTypeFormat(scope) }}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="购买金额" align="center" prop="buyPrice" :show-overflow-tooltip="true" />
|
||||
<el-table-column label="委托价格" align="center" prop="price" :show-overflow-tooltip="true" />
|
||||
<el-table-column label="实际成交价" align="center" prop="finalPrice" :show-overflow-tooltip="true" />
|
||||
<el-table-column label="成交数量" align="center" prop="totalNum" :show-overflow-tooltip="true" />
|
||||
<el-table-column label="持仓方向" align="center" prop="positionSide">
|
||||
<template slot-scope="scope">
|
||||
<el-tag v-if="scope.row.positionSide === 'LONG'" type="warning" effect="plain">多</el-tag>
|
||||
<el-tag v-else type="success" effect="plain">空</el-tag>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="买卖方向" align="center" prop="side" :show-overflow-tooltip="true" />
|
||||
<el-table-column label="触发时间" align="center" prop="triggerTime">
|
||||
<template slot-scope="scope">
|
||||
<span>{{ parseTime(scope.row.triggerTime) }}</span>
|
||||
</template>
|
||||
</el-table-column><el-table-column label="状态" align="center" prop="status">
|
||||
<template slot-scope="scope">
|
||||
{{ statusFormat(scope) }}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="描述" align="center" prop="remark" :show-overflow-tooltip="true" />
|
||||
</el-table>
|
||||
<pagination
|
||||
v-show="total > 0"
|
||||
:total="total"
|
||||
:page.sync="queryParams.pageIndex"
|
||||
:limit.sync="queryParams.pageSize"
|
||||
@pagination="getList"
|
||||
/>
|
||||
|
||||
</el-drawer>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { listLineReverseOrder } from '@/api/admin/line-reverse-order'
|
||||
|
||||
export default {
|
||||
name: 'OrderList',
|
||||
props: {
|
||||
show: {
|
||||
type: Boolean,
|
||||
default: false
|
||||
},
|
||||
positionId: {
|
||||
type: Number,
|
||||
default: null
|
||||
}
|
||||
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
categoryOptions: [{
|
||||
value: 0,
|
||||
label: '主单'
|
||||
}, {
|
||||
value: 1,
|
||||
label: '反单'
|
||||
}],
|
||||
typeOptions: [{
|
||||
value: 'LIMIT',
|
||||
label: '限价'
|
||||
}, {
|
||||
value: 'MARKET',
|
||||
label: '市价'
|
||||
}, {
|
||||
value: 'STOP',
|
||||
label: '限价止损'
|
||||
}, {
|
||||
value: 'TAKE_PROFIT',
|
||||
label: '限价止盈'
|
||||
}, {
|
||||
value: 'STOP_MARKET',
|
||||
label: '市价止损'
|
||||
}, {
|
||||
value: 'TAKE_PROFIT_MARKET',
|
||||
label: '市价止盈'
|
||||
}, {
|
||||
value: 'LIQUIDATION',
|
||||
label: '爆仓'
|
||||
}],
|
||||
positionSideOptions: [{
|
||||
value: 'LONG',
|
||||
label: '多'
|
||||
}, {
|
||||
value: 'SHORT',
|
||||
label: '空'
|
||||
}],
|
||||
sideOptions: [{
|
||||
value: 'SELL',
|
||||
label: '卖'
|
||||
}, {
|
||||
value: 'BUY',
|
||||
label: '买'
|
||||
}],
|
||||
orderTypeOptions: [{
|
||||
value: 0,
|
||||
label: '主单'
|
||||
}, {
|
||||
value: 1,
|
||||
label: '止盈单'
|
||||
}, {
|
||||
value: 2,
|
||||
label: '止损单'
|
||||
}, {
|
||||
value: 3,
|
||||
label: '减仓单'
|
||||
}, {
|
||||
value: 4,
|
||||
label: '平仓单'
|
||||
}],
|
||||
|
||||
statusOptions: [{
|
||||
value: 1,
|
||||
label: '待下单'
|
||||
}, {
|
||||
value: 2,
|
||||
label: '已下单'
|
||||
}, {
|
||||
value: 3,
|
||||
label: '已成交'
|
||||
}, {
|
||||
value: 6,
|
||||
label: '已取消'
|
||||
}, {
|
||||
value: 7,
|
||||
label: '已过期'
|
||||
}, {
|
||||
value: 8,
|
||||
label: '已失败'
|
||||
}],
|
||||
queryParams: {
|
||||
pageIndex: 1,
|
||||
pageSize: 10,
|
||||
category: undefined,
|
||||
type: undefined,
|
||||
orderType: undefined,
|
||||
status: undefined,
|
||||
idOrder: 'desc'
|
||||
},
|
||||
total: 0,
|
||||
loading: false,
|
||||
lineReverseOrderList: []
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
categoryFormat(scope) {
|
||||
const category = this.categoryOptions.find(item => item.value === scope.row.category)
|
||||
return category ? category.label : ''
|
||||
},
|
||||
typeFormat(scope) {
|
||||
const type = this.typeOptions.find(item => item.value === scope.row.type)
|
||||
return type ? type.label : ''
|
||||
},
|
||||
statusFormat(scope) {
|
||||
const status = this.statusOptions.find(item => item.value === scope.row.status)
|
||||
return status ? status.label : ''
|
||||
},
|
||||
orderTypeFormat(scope) {
|
||||
const orderType = this.orderTypeOptions.find(item => item.value === scope.row.orderType)
|
||||
return orderType ? orderType.label : ''
|
||||
},
|
||||
handleOpen() {
|
||||
this.lineReverseOrderList = []
|
||||
|
||||
this.getList()
|
||||
},
|
||||
handleClose() {
|
||||
this.$emit('update:show', false)
|
||||
},
|
||||
/** 搜索按钮操作 */
|
||||
handleQuery() {
|
||||
this.queryParams.pageIndex = 1
|
||||
this.getList()
|
||||
},
|
||||
/** 重置按钮操作 */
|
||||
resetQuery() {
|
||||
this.resetForm('queryForm')
|
||||
this.handleQuery()
|
||||
},
|
||||
/** 查询参数列表 */
|
||||
getList() {
|
||||
this.loading = true
|
||||
const queryData = { positionId: this.positionId, ...this.queryParams }
|
||||
console.log('queryData', queryData)
|
||||
if (queryData.category === undefined || queryData.category === null || queryData.category === '') {
|
||||
queryData.category = -1
|
||||
} else {
|
||||
queryData.category = Number(queryData.category)
|
||||
}
|
||||
listLineReverseOrder(this.addDateRange(queryData, this.dateRange)).then(response => {
|
||||
this.lineReverseOrderList = response.data.list
|
||||
this.total = response.data.count
|
||||
this.loading = false
|
||||
}
|
||||
)
|
||||
},
|
||||
tableRowClassName({ row, rowIndex }) {
|
||||
if (row.category === 0) {
|
||||
return 'main-order'
|
||||
}
|
||||
|
||||
return ''
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
::v-deep .el-table__body tr.main-order {
|
||||
background-color: oldlace !important;
|
||||
}
|
||||
</style>
|
||||
@ -1,8 +1,39 @@
|
||||
|
||||
<template>
|
||||
<BasicLayout>
|
||||
<template #wrapper>
|
||||
<el-card class="box-card">
|
||||
<el-form ref="queryForm" :model="queryParams" :inline="true" label-width="68px">
|
||||
|
||||
<el-form-item>
|
||||
<el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
|
||||
<el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
|
||||
<el-row :gutter="10" class="mb8">
|
||||
<!-- <el-col :span="1.5">
|
||||
<el-button v-permisaction="['admin:lineReverseSetting:add']" type="primary" icon="el-icon-plus"
|
||||
size="mini" @click="handleAdd">新增
|
||||
</el-button>
|
||||
</el-col> -->
|
||||
<el-col :span="1.5">
|
||||
<el-button
|
||||
v-permisaction="['admin:lineReverseSetting:edit']"
|
||||
type="success"
|
||||
icon="el-icon-edit"
|
||||
size="mini"
|
||||
:disabled="single"
|
||||
@click="handleUpdate"
|
||||
>修改
|
||||
</el-button>
|
||||
</el-col>
|
||||
<!-- <el-col :span="1.5">
|
||||
<el-button v-permisaction="['admin:lineReverseSetting:remove']" type="danger"
|
||||
icon="el-icon-delete" size="mini" :disabled="multiple" @click="handleDelete">删除
|
||||
</el-button>
|
||||
</el-col> -->
|
||||
</el-row>
|
||||
|
||||
<el-table v-loading="loading" :data="lineReverseSettingList" @selection-change="handleSelectionChange">
|
||||
<el-table-column type="selection" width="55" align="center" /><el-table-column
|
||||
label="反单下单类型"
|
||||
@ -10,16 +41,17 @@
|
||||
prop="reverseOrderType"
|
||||
:show-overflow-tooltip="true"
|
||||
>
|
||||
<template slot-scope="scope">{{ reverseOrderTypeFormat(scope.row.reverseOrderType) }}</template>
|
||||
<template slot-scope="scope">
|
||||
{{ reverseOrderTypeFormat(scope.row.reverseOrderType) }}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
label="溢价百分比"
|
||||
align="center"
|
||||
prop="reversePremiumRatio"
|
||||
:show-overflow-tooltip="true"
|
||||
>
|
||||
<template slot-scope="scope">{{ scope.row.reverseOrderType==='LIMIT'? scope.row.reversePremiumRatio :"-" }}</template>
|
||||
</el-table-column>
|
||||
/>
|
||||
<el-table-column label="止盈百分比" align="center" prop="takeProfitRatio" />
|
||||
<el-table-column label="止损百分比" align="center" prop="stopLossRatio" />
|
||||
<el-table-column label="操作" align="center" class-name="small-padding fixed-width">
|
||||
<template slot-scope="scope">
|
||||
@ -38,12 +70,18 @@
|
||||
>修改
|
||||
</el-button>
|
||||
</el-popconfirm>
|
||||
<!-- <el-popconfirm class="delete-popconfirm" title="确认要删除吗?" confirm-button-text="删除"
|
||||
@confirm="handleDelete(scope.row)">
|
||||
<el-button slot="reference" v-permisaction="['admin:lineReverseSetting:remove']"
|
||||
size="mini" type="text" icon="el-icon-delete">删除
|
||||
</el-button>
|
||||
</el-popconfirm> -->
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
|
||||
<pagination
|
||||
v-show="total>0"
|
||||
v-show="total > 0"
|
||||
:total="total"
|
||||
:page.sync="queryParams.pageIndex"
|
||||
:limit.sync="queryParams.pageSize"
|
||||
@ -51,23 +89,24 @@
|
||||
/>
|
||||
|
||||
<!-- 添加或修改对话框 -->
|
||||
<el-dialog :title="title" :visible.sync="open" width="500px">
|
||||
<el-form ref="form" :model="form" :rules="rules" label-width="100px">
|
||||
<el-dialog :title="title" :visible.sync="open" width="600px">
|
||||
<el-form ref="form" :model="form" :rules="rules" label-width="120px">
|
||||
|
||||
<el-form-item label="下单类型" prop="reverseOrderType">
|
||||
<el-form-item label="反单下单类型" prop="reverseOrderType">
|
||||
<el-radio-group v-model="form.reverseOrderType">
|
||||
<el-radio
|
||||
v-for="dict in reverseOrderTypeOptions"
|
||||
:key="dict.value"
|
||||
:label="dict.value"
|
||||
>{{ dict.label }}</el-radio>
|
||||
>{{ dict.label
|
||||
}}</el-radio>
|
||||
</el-radio-group>
|
||||
</el-form-item>
|
||||
<el-form-item v-if="form.reverseOrderType==='LIMIT'" label="溢价百分比" prop="reversePremiumRatio">
|
||||
<el-input
|
||||
v-model="form.reversePremiumRatio"
|
||||
placeholder="溢价百分比"
|
||||
/>
|
||||
<el-form-item label="溢价百分比" prop="reversePremiumRatio">
|
||||
<el-input v-model="form.reversePremiumRatio" placeholder="溢价百分比" />
|
||||
</el-form-item>
|
||||
<el-form-item label="止盈百分比" prop="takeProfitRatio">
|
||||
<el-input v-model="form.takeProfitRatio" placeholder="止盈百分比" />
|
||||
</el-form-item>
|
||||
<el-form-item label="止损百分比" prop="stopLossRatio">
|
||||
<el-input v-model="form.stopLossRatio" placeholder="止损百分比" />
|
||||
@ -84,7 +123,7 @@
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { addLineReverseSetting, delLineReverseSetting, getLineReverseSetting, listLineReverseSetting, updateLineReverseSetting } from '@/api/admin/line-reverse-setting'
|
||||
import { addLineReverseSetting, getLineReverseSetting, listLineReverseSetting, updateLineReverseSetting } from '@/api/admin/line-reverse-setting'
|
||||
|
||||
export default {
|
||||
name: 'LineReverseSetting',
|
||||
@ -108,12 +147,13 @@ export default {
|
||||
open: false,
|
||||
isEdit: false,
|
||||
// 类型数据字典
|
||||
typeOptions: [],
|
||||
reverseOrderTypeOptions: [{
|
||||
label: '限价',
|
||||
value: 'LIMIT'
|
||||
value: 'LIMIT',
|
||||
label: '限价'
|
||||
}, {
|
||||
label: '市价',
|
||||
value: 'MARKET'
|
||||
value: 'MARKET',
|
||||
label: '市价'
|
||||
}],
|
||||
lineReverseSettingList: [],
|
||||
|
||||
@ -131,10 +171,19 @@ export default {
|
||||
// 表单校验
|
||||
rules: {
|
||||
reverseOrderType: [
|
||||
{ required: true, message: '请选择下单类型', trigger: 'blur' }
|
||||
{ required: true, message: '请选择反单下单类型', trigger: 'blur' }
|
||||
],
|
||||
reversePremiumRatio: [
|
||||
{ required: true, message: '请输入溢价百分比', trigger: 'blur' }
|
||||
{ required: true, message: '溢价百分比不能为空', trigger: 'blur' },
|
||||
{ validator: this.validatePositiveNumber, trigger: 'blur' }
|
||||
],
|
||||
takeProfitRatio: [
|
||||
{ required: true, message: '止盈百分比不能为空', trigger: 'blur' },
|
||||
{ validator: this.validatePositiveNumber, trigger: 'blur' }
|
||||
],
|
||||
stopLossRatio: [
|
||||
{ required: true, message: '止损百分比不能为空', trigger: 'blur' },
|
||||
{ validator: this.validatePositiveNumber, trigger: 'blur' }
|
||||
]
|
||||
}
|
||||
}
|
||||
@ -143,6 +192,25 @@ export default {
|
||||
this.getList()
|
||||
},
|
||||
methods: {
|
||||
validatePositiveNumber(rule, value, callback) {
|
||||
if (value === '' || value === null || value === undefined) {
|
||||
return callback(new Error('不能为空'))
|
||||
}
|
||||
|
||||
const str = value.toString().trim()
|
||||
|
||||
// 只允许数字（整数或小数），不含非法字符
|
||||
// 可为 "0", "0.1", "1", "10.23", 但不能是 "0.2x", "1abc", "-1"
|
||||
const numberPattern = /^(0|[1-9]\d*)(\.\d+)?$/
|
||||
if (!numberPattern.test(str)) {
|
||||
return callback(new Error('请输入合法的非负数字'))
|
||||
}
|
||||
callback()
|
||||
},
|
||||
reverseOrderTypeFormat(orderType) {
|
||||
const data = this.reverseOrderTypeOptions.find(item => item.value === orderType)
|
||||
return data ? data.label : ''
|
||||
},
|
||||
/** 查询参数列表 */
|
||||
getList() {
|
||||
this.loading = true
|
||||
@ -171,14 +239,6 @@ export default {
|
||||
getImgList: function() {
|
||||
this.form[this.fileIndex] = this.$refs['fileChoose'].resultList[0].fullUrl
|
||||
},
|
||||
reverseOrderTypeFormat(data) {
|
||||
const orderType = this.reverseOrderTypeOptions.find(item => item.value === data)
|
||||
|
||||
return orderType ? orderType.label : ''
|
||||
},
|
||||
fileClose: function() {
|
||||
this.fileOpen = false
|
||||
},
|
||||
// 关系
|
||||
// 文件
|
||||
/** 搜索按钮操作 */
|
||||
@ -221,8 +281,6 @@ export default {
|
||||
submitForm: function() {
|
||||
this.$refs['form'].validate(valid => {
|
||||
if (valid) {
|
||||
this.form.stopLossRatio = this.form.stopLossRatio ? Number(this.form.stopLossRatio) : undefined
|
||||
|
||||
if (this.form.id !== undefined) {
|
||||
updateLineReverseSetting(this.form).then(response => {
|
||||
if (response.code === 200) {
|
||||
@ -246,28 +304,28 @@ export default {
|
||||
}
|
||||
}
|
||||
})
|
||||
},
|
||||
/** 删除按钮操作 */
|
||||
handleDelete(row) {
|
||||
var Ids = (row.id && [row.id]) || this.ids
|
||||
|
||||
this.$confirm('是否确认删除编号为"' + Ids + '"的数据项?', '警告', {
|
||||
confirmButtonText: '确定',
|
||||
cancelButtonText: '取消',
|
||||
type: 'warning'
|
||||
}).then(function() {
|
||||
return delLineReverseSetting({ 'ids': Ids })
|
||||
}).then((response) => {
|
||||
if (response.code === 200) {
|
||||
this.msgSuccess(response.msg)
|
||||
this.open = false
|
||||
this.getList()
|
||||
} else {
|
||||
this.msgError(response.msg)
|
||||
}
|
||||
}).catch(function() {
|
||||
})
|
||||
}
|
||||
/** 删除按钮操作 */
|
||||
// handleDelete(row) {
|
||||
// var Ids = (row.id && [row.id]) || this.ids
|
||||
|
||||
// this.$confirm('是否确认删除编号为"' + Ids + '"的数据项?', '警告', {
|
||||
// confirmButtonText: '确定',
|
||||
// cancelButtonText: '取消',
|
||||
// type: 'warning'
|
||||
// }).then(function () {
|
||||
// return delLineReverseSetting({ 'ids': Ids })
|
||||
// }).then((response) => {
|
||||
// if (response.code === 200) {
|
||||
// this.msgSuccess(response.msg)
|
||||
// this.open = false
|
||||
// this.getList()
|
||||
// } else {
|
||||
// this.msgError(response.msg)
|
||||
// }
|
||||
// }).catch(function () {
|
||||
// })
|
||||
// }
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
Reference in New Issue
Block a user