From 69ff731fbacf2f2ae16f98a355506bfeb01dd567 Mon Sep 17 00:00:00 2001
From: zzzz <690498789@qq.com>
Date: Sun, 07 Apr 2024 21:47:08 +0800
Subject: [PATCH] ne1
---
src/views/position/components/futures-flat.vue | 567 ++++++++++++++++++++++++++++----------------------------
1 files changed, 281 insertions(+), 286 deletions(-)
diff --git a/src/views/position/components/futures-flat.vue b/src/views/position/components/futures-flat.vue
index a347c25..1c00086 100644
--- a/src/views/position/components/futures-flat.vue
+++ b/src/views/position/components/futures-flat.vue
@@ -19,7 +19,8 @@
v-model="queryParam.agentId"
placeholder="请选择下级代理"
@focus="getagentlist"
- :loading="agentloading">
+ :loading="agentloading"
+ >
<a-select-option v-for="(item, index) in agentlist" :key="index" :value="item.id">
{{ item.agentName }}
</a-select-option>
@@ -45,22 +46,22 @@
v-model="times"
style="width: 100%"
@change="onChangeRangeDate"
- format="YYYY-MM-DD HH:mm:ss">
+ format="YYYY-MM-DD HH:mm:ss"
+ >
</a-range-picker>
</a-form-item>
</a-col>
<a-col :md="12" :lg="6" :sm="24">
<a-form-item>
<span class="table-page-search-submitButtons">
- <a-button @click="getqueryParam" icon="redo">
- 重置</a-button>
+ <a-button @click="getqueryParam" icon="redo"> 重置</a-button>
<a-button
type="primary"
icon="search"
style="margin-left: 8px"
- @click="queryParam.pageNum = 1, getlist()">查询
+ @click=";(queryParam.pageNum = 1), getlist()"
+ >查询
</a-button>
-
</span>
</a-form-item>
</a-col>
@@ -75,9 +76,9 @@
:columns="columns"
:data-source="datalist"
rowKey="id"
- :scroll="{ x: 2800 }">
-
- <span slot="positionType" slot-scope="text,record">
+ :scroll="{ x: 2800 }"
+ >
+ <span slot="positionType" slot-scope="text, record">
<template>
<div>
<a-tag :color="record.positionType == 1 ? 'blue' : 'green'">
@@ -86,7 +87,7 @@
</div>
</template>
</span>
- <span slot="orderDirection" slot-scope="text,record">
+ <span slot="orderDirection" slot-scope="text, record">
<template>
<div>
<a-tag :color="record.orderDirection == '买涨' ? 'red' : 'green'">
@@ -95,28 +96,24 @@
</div>
</template>
</span>
- <span slot="profitAndLose" slot-scope="text,record">
+ <span slot="profitAndLose" slot-scope="text, record">
<template>
<div>
- <p :class="text < 0 ? 'greens' : text > 0 ? 'reds' : ''">
- {{ text }}{{ record.coinCode }}
- </p>
+ <p :class="text < 0 ? 'greens' : text > 0 ? 'reds' : ''">{{ text }}{{ record.coinCode }}</p>
<P>≈{{ (record.profitAndLose * record.coinRate).toFixed(2) }} CNY</P>
</div>
</template>
</span>
- <span slot="allProfitAndLose" slot-scope="text,record">
+ <span slot="allProfitAndLose" slot-scope="text, record">
<template>
<div>
- <p :class="text < 0 ? 'greens' : text > 0 ? 'reds' : ''">
- {{ text }}{{ record.coinCode }}
- </p>
+ <p :class="text < 0 ? 'greens' : text > 0 ? 'reds' : ''">{{ text }}{{ record.coinCode }}</p>
<P>≈{{ (record.allProfitAndLose * record.coinRate).toFixed(2) }} CNY</P>
</div>
</template>
</span>
- <template slot="action" slot-scope="text,record">
+ <template slot="action" slot-scope="text, record">
<a slot="action" href="javascript:;" @click="getFuturesdetails(record)">查看详情</a>
<a-divider type="vertical" />
<a slot="action" href="javascript:;" @click="getDelflat(record.id)">删除</a>
@@ -139,22 +136,26 @@
</a-descriptions-item>
<a-descriptions-item label="浮动盈亏">
<span :class="clickitem.profitAndLose > 0 ? 'reds' : clickitem.profitAndLose < 0 ? 'greens' : ''">
- {{ clickitem.profitAndLose }}{{ clickitem.coinCode }} ≈ {{ (clickitem.profitAndLose *
- clickitem.coinRate).toFixed(2)
- }} CNY
+ {{ clickitem.profitAndLose }}{{ clickitem.coinCode }} ≈
+ {{ (clickitem.profitAndLose * clickitem.coinRate).toFixed(2) }} CNY
</span>
</a-descriptions-item>
<a-descriptions-item label="总盈亏">
- <span
- :class="clickitem.allProfitAndLose > 0 ? 'reds' : clickitem.allProfitAndLose < 0 ? 'greens' : ''">
- {{ clickitem.allProfitAndLose }}{{ clickitem.coinCode }} ≈ {{ (clickitem.allProfitAndLose *
- clickitem.coinRate).toFixed(2)
- }} CNY
+ <span :class="clickitem.allProfitAndLose > 0 ? 'reds' : clickitem.allProfitAndLose < 0 ? 'greens' : ''">
+ {{ clickitem.allProfitAndLose }}{{ clickitem.coinCode }} ≈
+ {{ (clickitem.allProfitAndLose * clickitem.coinRate).toFixed(2) }} CNY
</span>
</a-descriptions-item>
<a-descriptions-item label="当前价格" v-if="clickitem.now_price">
<span
- :class="clickitem.now_price - clickitem.buyOrderPrice > 0 ? 'reds' : clickitem.now_price - clickitem.buyOrderPrice < 0 ? 'greens' : ''">
+ :class="
+ clickitem.now_price - clickitem.buyOrderPrice > 0
+ ? 'reds'
+ : clickitem.now_price - clickitem.buyOrderPrice < 0
+ ? 'greens'
+ : ''
+ "
+ >
{{ clickitem.now_price }}
</span>
</a-descriptions-item>
@@ -190,15 +191,12 @@
</a-descriptions-item>
<a-descriptions-item label="手续费">
<span>
- {{ clickitem.orderFee }}{{ clickitem.coinCode }} ≈ {{ (clickitem.orderFee *
- clickitem.coinRate).toFixed(2)
- }} CNY
+ {{ clickitem.orderFee }}{{ clickitem.coinCode }} ≈
+ {{ (clickitem.orderFee * clickitem.coinRate).toFixed(2) }} CNY
</span>
</a-descriptions-item>
<a-descriptions-item label="当前汇率">
- <span>
- 1 {{ clickitem.coinCode }} ≈ {{ clickitem.coinRate }} CNY
- </span>
+ <span> 1 {{ clickitem.coinCode }} ≈ {{ clickitem.coinRate }} CNY </span>
</a-descriptions-item>
<a-descriptions-item label="买入时间">
<span>
@@ -225,273 +223,270 @@
import { nextagent } from '@/api/home'
import moment from 'moment'
export default {
- name: 'Setting',
- data () {
- return {
- columns: [
- {
- title: '期货名称',
- dataIndex: 'futuresName',
- align: 'center',
- width: 180,
- customRender: (text, row, index) => {
- return `${row.futuresName}（${row.futuresCode}）`
- }
- },
- {
- title: '账户类型',
- dataIndex: 'positionType',
- align: 'center',
- scopedSlots: { customRender: 'positionType' }
- },
- {
- title: '用户名称（ID）',
- dataIndex: 'realName',
- align: 'center',
- customRender: (text, row, index) => {
- return `${row.realName}（${row.userId}）`
- }
-
- },
- {
- title: '持仓订单号（ID）',
- dataIndex: 'positionSn',
- align: 'center',
- customRender: (text, row, index) => {
- return `${row.positionSn}（${row.id}）`
- }
-
- },
- {
- title: '买卖方向',
- dataIndex: 'orderDirection',
- align: 'center',
- scopedSlots: { customRender: 'orderDirection' }
- },
- {
- title: '买入点数',
- dataIndex: 'buyOrderPrice',
- align: 'center',
- customRender: (text, row, index) => {
- return text.toFixed(2)
- }
- },
- {
- title: '卖出点数',
- dataIndex: 'sellOrderPrice',
- align: 'center'
- },
- {
- title: '保证金（CNY）',
- dataIndex: 'allDepositAmt',
- align: 'center'
- },
- {
- title: '浮动盈亏',
- dataIndex: 'profitAndLose',
- align: 'center',
- scopedSlots: { customRender: 'profitAndLose' }
- },
- {
- title: '总盈亏',
- dataIndex: 'allProfitAndLose',
- align: 'center',
- scopedSlots: { customRender: 'allProfitAndLose' }
- },
- {
- title: '数量（手）',
- dataIndex: 'orderNum',
- align: 'center'
- },
- {
- title: '每标准手',
- dataIndex: 'futuresStandard',
- align: 'center',
- customRender: (text, row, index) => {
- return row.futuresStandard + row.futuresUnit
- }
- },
- {
- title: '手续费',
- dataIndex: 'orderFee',
- align: 'center',
- customRender: (text, row, index) => {
- return `${row.orderFee} ${row.coinCode} ≈ ${(row.orderFee * row.coinRate).toFixed(2)} CNY`
- }
- },
- {
- title: '当前汇率',
- dataIndex: 'coinCode',
- align: 'center',
- customRender: (text, row, index) => {
- return `1${row.coinCode} ≈ ${row.coinRate}CNY`
- }
- },
- {
- title: '锁定原因',
- dataIndex: 'lockMsg',
- align: 'center'
- },
- {
- title: '买入时间',
- dataIndex: 'buyOrderTime',
- align: 'center',
- width: 180,
- customRender: (text, row, index) => {
- return text ? moment(text).format('YYYY-MM-DD HH:mm:ss') : ''
- }
- },
- {
- title: '卖出时间',
- dataIndex: 'sellOrderTime',
- align: 'center',
- width: 180,
- customRender: (text, row, index) => {
- return text ? moment(text).format('YYYY-MM-DD HH:mm:ss') : ''
- }
- },
- {
- title: '操作',
- key: 'action',
- align: 'center',
- fixed: 'right',
- width: 150,
- scopedSlots: { customRender: 'action' }
- }
- ],
- // 表头
- pagination: {
- total: 0,
- pageSize: 10, // 每页中显示10条数据
- showSizeChanger: true,
- pageSizeOptions: ['10', '20', '50', '100'], // 每页中显示的数据
- onShowSizeChange: (current, pageSize) => this.onSizeChange(current, pageSize), // 改变每页数量时更新显示
- onChange: (page, pageSize) => this.onPageChange(page, pageSize), // 点击页码事件
- showTotal: total => `共有 ${total} 条数据` // 分页中显示总的数据
- },
- loading: false,
- queryParam: {
- pageNum: 1,
- pageSize: 10,
- positionType: '',
- agentId: undefined,
- userId: '',
- positionSn: '',
- state: 1,
- beginTime: '',
- endTime: ''
- },
- datalist: [],
- agentlist: [],
- agentloading: false,
- times: [],
- futuresDialog: false,
- clickitem: {},
- agentqueryParam: {
- pageNum: 1,
- pageSize: 100
- }
- }
- },
- created () {
- },
- methods: {
- getFuturesdetails (item) {
- this.clickitem = item
- this.futuresDialog = true
+ name: 'Setting',
+ data() {
+ return {
+ columns: [
+ {
+ title: '期货名称',
+ dataIndex: 'futuresName',
+ align: 'center',
+ width: 180,
+ customRender: (text, row, index) => {
+ return `${row.futuresName}（${row.futuresCode}）`
+ },
},
- getDelflat (val) {
- var that = this
- this.$confirm({
- title: '提示',
- content: '确认删除平仓单吗？此操作不可恢复',
- onOk () {
- var data = {
- positionId: val
- }
- futurespositiondel(data).then(res => {
- if (res.status == 0) {
- that.$message.success({ content: res.msg, duration: 2 })
- that.getlist()
- } else {
- that.$message.error({ content: res.msg })
- }
- })
- },
- onCancel () {
- console.log('Cancel')
- }
- })
+ {
+ title: '账户类型',
+ dataIndex: 'positionType',
+ align: 'center',
+ scopedSlots: { customRender: 'positionType' },
},
- getinit () {
- this.queryParam = {
- pageNum: 1,
- pageSize: 10,
- positionType: '',
- agentId: undefined,
- userId: '',
- positionSn: '',
- state: 1,
- beginTime: '',
- endTime: ''
- }
- this.times = []
- this.getlist()
+ {
+ title: '用户名称（ID）',
+ dataIndex: 'realName',
+ align: 'center',
+ customRender: (text, row, index) => {
+ return `${row.realName}（${row.userId}）`
+ },
},
- getqueryParam () {
- this.queryParam = {
- pageNum: 1,
- pageSize: 10,
- positionType: '',
- agentId: undefined,
- userId: '',
- positionSn: '',
- state: 1,
- beginTime: '',
- endTime: ''
- }
- this.times = []
+ {
+ title: '持仓订单号（ID）',
+ dataIndex: 'positionSn',
+ align: 'center',
+ customRender: (text, row, index) => {
+ return `${row.positionSn}（${row.id}）`
+ },
},
- onChangeRangeDate (value, dateString) {
- this.queryParam.beginTime = dateString[0]
- this.queryParam.endTime = dateString[1]
+ {
+ title: '买卖方向',
+ dataIndex: 'orderDirection',
+ align: 'center',
+ scopedSlots: { customRender: 'orderDirection' },
},
- getagentlist () {
- var that = this
- this.agentloading = true
- nextagent(this.agentqueryParam).then(res => {
- this.agentlist = res.data.list
- setTimeout(() => {
- that.agentloading = false
- }, 500)
- })
+ {
+ title: '买入点数',
+ dataIndex: 'buyOrderPrice',
+ align: 'center',
+ customRender: (text, row, index) => {
+ return text.toFixed(2)
+ },
},
- getlist () {
- this.loading = true
- futurespositionlist(this.queryParam).then(res => {
- this.datalist = res.data.list
- this.pagination.total = res.data.total
- this.loading = false
- })
+ {
+ title: '卖出点数',
+ dataIndex: 'sellOrderPrice',
+ align: 'center',
},
- onPageChange (page, pageSize) {
- this.queryParam.pageNum = page
- this.getlist()
+ {
+ title: '保证金（CNY）',
+ dataIndex: 'allDepositAmt',
+ align: 'center',
},
- onSizeChange (current, pageSize) {
- this.queryParam.pageNum = current
- this.queryParam.pageSize = pageSize
- this.getlist()
- }
+ {
+ title: '浮动盈亏',
+ dataIndex: 'profitAndLose',
+ align: 'center',
+ scopedSlots: { customRender: 'profitAndLose' },
+ },
+ {
+ title: '总盈亏',
+ dataIndex: 'allProfitAndLose',
+ align: 'center',
+ scopedSlots: { customRender: 'allProfitAndLose' },
+ },
+ {
+ title: '数量（手）',
+ dataIndex: 'orderNum',
+ align: 'center',
+ },
+ {
+ title: '每标准手',
+ dataIndex: 'futuresStandard',
+ align: 'center',
+ customRender: (text, row, index) => {
+ return row.futuresStandard + row.futuresUnit
+ },
+ },
+ {
+ title: '手续费',
+ dataIndex: 'orderFee',
+ align: 'center',
+ customRender: (text, row, index) => {
+ return `${row.orderFee} ${row.coinCode} ≈ ${(row.orderFee * row.coinRate).toFixed(2)} CNY`
+ },
+ },
+ {
+ title: '当前汇率',
+ dataIndex: 'coinCode',
+ align: 'center',
+ customRender: (text, row, index) => {
+ return `1${row.coinCode} ≈ ${row.coinRate}CNY`
+ },
+ },
+ {
+ title: '锁定原因',
+ dataIndex: 'lockMsg',
+ align: 'center',
+ },
+ {
+ title: '买入时间',
+ dataIndex: 'buyOrderTime',
+ align: 'center',
+ width: 180,
+ customRender: (text, row, index) => {
+ return text ? moment(text).format('YYYY-MM-DD HH:mm:ss') : ''
+ },
+ },
+ {
+ title: '卖出时间',
+ dataIndex: 'sellOrderTime',
+ align: 'center',
+ width: 180,
+ customRender: (text, row, index) => {
+ return text ? moment(text).format('YYYY-MM-DD HH:mm:ss') : ''
+ },
+ },
+ {
+ title: '操作',
+ key: 'action',
+ align: 'center',
+ fixed: 'right',
+ width: 150,
+ scopedSlots: { customRender: 'action' },
+ },
+ ],
+ // 表头
+ pagination: {
+ total: 0,
+ pageSize: 10, // 每页中显示10条数据
+ showSizeChanger: true,
+ pageSizeOptions: ['10', '20', '50', '100'], // 每页中显示的数据
+ onShowSizeChange: (current, pageSize) => this.onSizeChange(current, pageSize), // 改变每页数量时更新显示
+ onChange: (page, pageSize) => this.onPageChange(page, pageSize), // 点击页码事件
+ showTotal: (total) => `共有 ${total} 条数据`, // 分页中显示总的数据
+ },
+ loading: false,
+ queryParam: {
+ pageNum: 1,
+ pageSize: 10,
+ positionType: '',
+ agentId: undefined,
+ userId: '',
+ positionSn: '',
+ state: 1,
+ beginTime: '',
+ endTime: '',
+ },
+ datalist: [],
+ agentlist: [],
+ agentloading: false,
+ times: [],
+ futuresDialog: false,
+ clickitem: {},
+ agentqueryParam: {
+ pageNum: 1,
+ pageSize: 100,
+ },
}
+ },
+ created() {},
+ methods: {
+ getFuturesdetails(item) {
+ this.clickitem = item
+ this.futuresDialog = true
+ },
+ getDelflat(val) {
+ var that = this
+ this.$confirm({
+ title: '提示',
+ content: '确认删除平仓单吗？此操作不可恢复',
+ onOk() {
+ var data = {
+ positionId: val,
+ }
+ futurespositiondel(data).then((res) => {
+ if (res.status == 0) {
+ that.$message.success(res.msg)
+ that.getlist()
+ } else {
+ that.$message.error(res.msg)
+ }
+ })
+ },
+ onCancel() {
+ console.log('Cancel')
+ },
+ })
+ },
+ getinit() {
+ this.queryParam = {
+ pageNum: 1,
+ pageSize: 10,
+ positionType: '',
+ agentId: undefined,
+ userId: '',
+ positionSn: '',
+ state: 1,
+ beginTime: '',
+ endTime: '',
+ }
+ this.times = []
+ this.getlist()
+ },
+ getqueryParam() {
+ this.queryParam = {
+ pageNum: 1,
+ pageSize: 10,
+ positionType: '',
+ agentId: undefined,
+ userId: '',
+ positionSn: '',
+ state: 1,
+ beginTime: '',
+ endTime: '',
+ }
+ this.times = []
+ },
+ onChangeRangeDate(value, dateString) {
+ this.queryParam.beginTime = dateString[0]
+ this.queryParam.endTime = dateString[1]
+ },
+ getagentlist() {
+ var that = this
+ this.agentloading = true
+ nextagent(this.agentqueryParam).then((res) => {
+ this.agentlist = res.data.list
+ setTimeout(() => {
+ that.agentloading = false
+ }, 500)
+ })
+ },
+ getlist() {
+ this.loading = true
+ futurespositionlist(this.queryParam).then((res) => {
+ this.datalist = res.data.list
+ this.pagination.total = res.data.total
+ this.loading = false
+ })
+ },
+ onPageChange(page, pageSize) {
+ this.queryParam.pageNum = page
+ this.getlist()
+ },
+ onSizeChange(current, pageSize) {
+ this.queryParam.pageNum = current
+ this.queryParam.pageSize = pageSize
+ this.getlist()
+ },
+ },
}
</script>
<style scoped>
.greens {
- color: #52c41a;
+ color: #52c41a;
}
.reds {
- color: #f5222d;
+ color: #f5222d;
}
</style>
--
Gitblit v1.9.3