| | |
| | | icon="search" |
| | | style="margin-left: 8px" |
| | | @click=";(queryParam.pageNum = 1), getlist()" |
| | | >查询 |
| | | >查询 |
| | | </a-button> |
| | | </span> |
| | | </a-form-item> |
| | |
| | | Number(record.now_price) - record.buyOrderPrice < 0 |
| | | ? 'greens' |
| | | : Number(record.now_price) - record.buyOrderPrice > 0 |
| | | ? 'reds' |
| | | : '' |
| | | ? 'reds' |
| | | : '' |
| | | " |
| | | > |
| | | {{ Number(record.now_price).toFixed(2) }} |
| | |
| | | clickitem.now_price - clickitem.buyOrderPrice > 0 |
| | | ? 'reds' |
| | | : clickitem.now_price - clickitem.buyOrderPrice < 0 |
| | | ? 'greens' |
| | | : '' |
| | | ? 'greens' |
| | | : '' |
| | | " |
| | | > |
| | | {{ clickitem.now_price }} |
| | |
| | | import moment from 'moment' |
| | | export default { |
| | | name: 'IndexFlat', |
| | | data() { |
| | | data () { |
| | | return { |
| | | columns: [ |
| | | { |
| | |
| | | dataIndex: 'indexName', |
| | | align: 'center', |
| | | width: 180, |
| | | scopedSlots: { customRender: 'indexName' }, |
| | | scopedSlots: { customRender: 'indexName' } |
| | | }, |
| | | { |
| | | title: '账户类型', |
| | | dataIndex: 'positionType', |
| | | align: 'center', |
| | | scopedSlots: { customRender: 'positionType' }, |
| | | scopedSlots: { customRender: 'positionType' } |
| | | }, |
| | | { |
| | | title: '用户名称(ID)', |
| | |
| | | align: 'center', |
| | | customRender: (text, row, index) => { |
| | | return `${row.realName}(${row.userId})` |
| | | }, |
| | | } |
| | | }, |
| | | { |
| | | title: '持仓订单号(ID)', |
| | |
| | | align: 'center', |
| | | customRender: (text, row, index) => { |
| | | return `${row.positionSn}(${row.id})` |
| | | }, |
| | | } |
| | | }, |
| | | { |
| | | title: '买卖方向', |
| | | dataIndex: 'orderDirection', |
| | | align: 'center', |
| | | scopedSlots: { customRender: 'orderDirection' }, |
| | | scopedSlots: { customRender: 'orderDirection' } |
| | | }, |
| | | { |
| | | title: '买入点数', |
| | |
| | | align: 'center', |
| | | customRender: (text, row, index) => { |
| | | return text.toFixed(2) |
| | | }, |
| | | } |
| | | }, |
| | | { |
| | | title: '卖出点数', |
| | | dataIndex: 'sellOrderPrice', |
| | | align: 'center', |
| | | scopedSlots: { customRender: 'sellOrderPrice' }, |
| | | scopedSlots: { customRender: 'sellOrderPrice' } |
| | | }, |
| | | { |
| | | title: '保证金', |
| | | dataIndex: 'allDepositAmt', |
| | | align: 'center', |
| | | align: 'center' |
| | | }, |
| | | { |
| | | title: '浮动盈亏', |
| | | dataIndex: 'profitAndLose', |
| | | align: 'center', |
| | | scopedSlots: { customRender: 'profitAndLose' }, |
| | | scopedSlots: { customRender: 'profitAndLose' } |
| | | }, |
| | | { |
| | | title: '总盈亏', |
| | | dataIndex: 'allProfitAndLose', |
| | | align: 'center', |
| | | scopedSlots: { customRender: 'allProfitAndLose' }, |
| | | scopedSlots: { customRender: 'allProfitAndLose' } |
| | | }, |
| | | { |
| | | title: '数量(手)', |
| | | dataIndex: 'orderNum', |
| | | align: 'center', |
| | | align: 'center' |
| | | }, |
| | | { |
| | | title: '点浮动价', |
| | | dataIndex: 'eachPoint', |
| | | align: 'center', |
| | | align: 'center' |
| | | }, |
| | | { |
| | | title: '手续费', |
| | | dataIndex: 'orderFee', |
| | | align: 'center', |
| | | align: 'center' |
| | | }, |
| | | { |
| | | title: '锁定原因', |
| | | dataIndex: 'lockMsg', |
| | | align: 'center', |
| | | align: 'center' |
| | | }, |
| | | { |
| | | title: '买入时间', |
| | |
| | | width: 180, |
| | | customRender: (text, row, index) => { |
| | | return text ? moment(text).format('YYYY-MM-DD HH:mm:ss') : '' |
| | | }, |
| | | } |
| | | }, |
| | | { |
| | | title: '卖出时间', |
| | |
| | | width: 180, |
| | | customRender: (text, row, index) => { |
| | | return text ? moment(text).format('YYYY-MM-DD HH:mm:ss') : '' |
| | | }, |
| | | } |
| | | }, |
| | | { |
| | | title: '操作', |
| | |
| | | align: 'center', |
| | | fixed: 'right', |
| | | width: 150, |
| | | scopedSlots: { customRender: 'action' }, |
| | | }, |
| | | scopedSlots: { customRender: 'action' } |
| | | } |
| | | ], |
| | | // 表头 |
| | | pagination: { |
| | |
| | | pageSizeOptions: ['10', '20', '50', '100'], // 每页中显示的数据 |
| | | onShowSizeChange: (current, pageSize) => this.onSizeChange(current, pageSize), // 改变每页数量时更新显示 |
| | | onChange: (page, pageSize) => this.onPageChange(page, pageSize), // 点击页码事件 |
| | | showTotal: (total) => `共有 ${total} 条数据`, // 分页中显示总的数据 |
| | | showTotal: (total) => `共有 ${total} 条数据` // 分页中显示总的数据 |
| | | }, |
| | | loading: false, |
| | | queryParam: { |
| | |
| | | positionSn: '', |
| | | state: 1, |
| | | beginTime: '', |
| | | endTime: '', |
| | | endTime: '' |
| | | }, |
| | | datalist: [], |
| | | agentlist: [], |
| | |
| | | clickitem: {}, |
| | | agentqueryParam: { |
| | | pageNum: 1, |
| | | pageSize: 100, |
| | | }, |
| | | pageSize: 100 |
| | | } |
| | | } |
| | | }, |
| | | created() {}, |
| | | created () {}, |
| | | methods: { |
| | | getIndexdetails(item) { |
| | | getIndexdetails (item) { |
| | | this.clickitem = item |
| | | this.indexDialog = true |
| | | }, |
| | | getDelflat(val) { |
| | | getDelflat (val) { |
| | | var that = this |
| | | this.$confirm({ |
| | | title: '提示', |
| | | content: '确认删除平仓单吗?此操作不可恢复', |
| | | onOk() { |
| | | onOk () { |
| | | var data = { |
| | | positionId: val, |
| | | positionId: val |
| | | } |
| | | indexpositiondel(data).then((res) => { |
| | | if (res.status == 0) { |
| | |
| | | } |
| | | }) |
| | | }, |
| | | onCancel() { |
| | | onCancel () { |
| | | console.log('Cancel') |
| | | }, |
| | | } |
| | | }) |
| | | }, |
| | | getinit() { |
| | | getinit () { |
| | | this.queryParam = { |
| | | pageNum: 1, |
| | | pageSize: 10, |
| | |
| | | positionSn: '', |
| | | state: 1, |
| | | beginTime: '', |
| | | endTime: '', |
| | | endTime: '' |
| | | } |
| | | this.times = [] |
| | | this.getlist() |
| | | }, |
| | | getqueryParam() { |
| | | getqueryParam () { |
| | | this.queryParam = { |
| | | pageNum: 1, |
| | | pageSize: 10, |
| | |
| | | agentId: undefined, |
| | | userId: '', |
| | | positionSn: '', |
| | | state: 1, |
| | | state: 1 |
| | | } |
| | | this.times = [] |
| | | }, |
| | | onChangeRangeDate(value, dateString) { |
| | | onChangeRangeDate (value, dateString) { |
| | | this.queryParam.beginTime = dateString[0] |
| | | this.queryParam.endTime = dateString[1] |
| | | }, |
| | | getagentlist() { |
| | | getagentlist () { |
| | | var that = this |
| | | this.agentloading = true |
| | | nextagent(this.agentqueryParam).then((res) => { |
| | |
| | | }, 500) |
| | | }) |
| | | }, |
| | | getlist() { |
| | | getlist () { |
| | | this.loading = true |
| | | indexpositionlist(this.queryParam).then((res) => { |
| | | this.datalist = res.data.list |
| | |
| | | this.loading = false |
| | | }) |
| | | }, |
| | | onPageChange(page, pageSize) { |
| | | onPageChange (page, pageSize) { |
| | | this.queryParam.pageNum = page |
| | | this.getlist() |
| | | }, |
| | | onSizeChange(current, pageSize) { |
| | | onSizeChange (current, pageSize) { |
| | | this.queryParam.pageNum = current |
| | | this.queryParam.pageSize = pageSize |
| | | this.getlist() |
| | | }, |
| | | }, |
| | | } |
| | | } |
| | | } |
| | | </script> |
| | | <style scoped> |