| | |
| | | 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> |
| | |
| | | style="width: 100%" |
| | | v-model="times" |
| | | @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> |
| | |
| | | :columns="columns" |
| | | :data-source="datalist" |
| | | rowKey="id" |
| | | :scroll="{ x: 2800 }"> |
| | | |
| | | :scroll="{ x: 2800 }" |
| | | > |
| | | <span slot="indexName" slot-scope="text,record"> |
| | | <template> |
| | | <div> |
| | |
| | | <template> |
| | | <div> |
| | | <p |
| | | :class="Number(record.now_price) - record.buyOrderPrice < 0 ? 'greens' : Number(record.now_price) - record.buyOrderPrice > 0 ? 'reds' : ''"> |
| | | :class=" |
| | | Number(record.now_price) - record.buyOrderPrice < 0 |
| | | ? 'greens' |
| | | : Number(record.now_price) - record.buyOrderPrice > 0 |
| | | ? 'reds' |
| | | : '' |
| | | " |
| | | > |
| | | {{ Number(record.now_price).toFixed(2) }} |
| | | </p> |
| | | </div> |
| | |
| | | </span> |
| | | </a-descriptions-item> |
| | | <a-descriptions-item label="总盈亏"> |
| | | <span |
| | | :class="clickitem.allProfitAndLose > 0 ? 'reds' : clickitem.allProfitAndLose < 0 ? 'greens' : ''"> |
| | | <span :class="clickitem.allProfitAndLose > 0 ? 'reds' : clickitem.allProfitAndLose < 0 ? 'greens' : ''"> |
| | | {{ clickitem.allProfitAndLose }} |
| | | </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> |
| | |
| | | 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) { |
| | | this.clickitem = item |
| | |
| | | content: '确认删除平仓单吗?此操作不可恢复', |
| | | onOk () { |
| | | var data = { |
| | | positionId: val |
| | | positionId: val, |
| | | } |
| | | indexpositiondel(data).then(res => { |
| | | indexpositiondel(data).then((res) => { |
| | | if (res.status == 0) { |
| | | that.$message.success({ content: res.msg, duration: 2 }) |
| | | that.$message.success(res.msg) |
| | | that.getlist() |
| | | } else { |
| | | that.$message.error({ content: res.msg }) |
| | | that.$message.error(res.msg) |
| | | } |
| | | }) |
| | | }, |
| | | onCancel () { |
| | | console.log('Cancel') |
| | | } |
| | | }, |
| | | }) |
| | | }, |
| | | getinit () { |
| | |
| | | positionSn: '', |
| | | state: 1, |
| | | beginTime: '', |
| | | endTime: '' |
| | | endTime: '', |
| | | } |
| | | this.times = [] |
| | | this.getlist() |
| | |
| | | agentId: undefined, |
| | | userId: '', |
| | | positionSn: '', |
| | | state: 1 |
| | | state: 1, |
| | | } |
| | | this.times = [] |
| | | }, |
| | |
| | | getagentlist () { |
| | | var that = this |
| | | this.agentloading = true |
| | | nextagent(this.agentqueryParam).then(res => { |
| | | nextagent(this.agentqueryParam).then((res) => { |
| | | this.agentlist = res.data.list |
| | | setTimeout(() => { |
| | | that.agentloading = false |
| | |
| | | }, |
| | | getlist () { |
| | | this.loading = true |
| | | indexpositionlist(this.queryParam).then(res => { |
| | | indexpositionlist(this.queryParam).then((res) => { |
| | | this.datalist = res.data.list |
| | | this.pagination.total = res.data.total |
| | | this.loading = false |
| | |
| | | this.queryParam.pageNum = current |
| | | this.queryParam.pageSize = pageSize |
| | | this.getlist() |
| | | } |
| | | } |
| | | }, |
| | | }, |
| | | } |
| | | </script> |
| | | <style scoped> |