<template>
|
<page-header-wrapper>
|
<a-card :bordered="false">
|
<div class="table-page-search-wrapper">
|
<a-form layout="inline">
|
<a-row :gutter="48">
|
<a-col :md="12" :lg="6" :sm="24">
|
<a-form-item label="状态">
|
<a-select v-model="queryParam.status" placeholder="请选择">
|
<a-select-option value="">全部</a-select-option>
|
<a-select-option value="wait">等待审核</a-select-option>
|
<a-select-option value="passed">已通过</a-select-option>
|
<a-select-option value="notPass">不通过</a-select-option>
|
<a-select-option value="finished">已完成</a-select-option>
|
</a-select>
|
</a-form-item>
|
</a-col>
|
|
<a-col :md="12" :lg="6" :sm="24">
|
<a-form-item label="会员ID">
|
<a-input v-model="queryParam.userId" style="width: 100%" placeholder="请输入" />
|
</a-form-item>
|
</a-col>
|
|
<a-col :md="12" :lg="6" :sm="24">
|
<a-form-item label="账号/手机">
|
<a-input v-model="queryParam.phone" style="width: 100%" placeholder="请输入" />
|
</a-form-item>
|
</a-col>
|
</a-row>
|
<a-row :gutter="48">
|
<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
|
type="primary"
|
icon="search"
|
style="margin-left: 8px"
|
@click=";(queryParam.pageNum = 1), (pagination.current = 1), getlist()"
|
>查询
|
</a-button>
|
<!-- <a-button
|
type="primary"
|
icon="plus"
|
style="margin-left: 8px"
|
@click=";(addUserdialog = true), (currentdetail = '')"
|
>
|
添加记录</a-button
|
> -->
|
</span>
|
</a-form-item>
|
</a-col>
|
</a-row>
|
</a-form>
|
</div>
|
</a-card>
|
|
<a-card :bordered="false">
|
<a-table
|
bordered
|
:loading="loading"
|
:pagination="pagination"
|
:columns="columns"
|
:data-source="datalist"
|
rowKey="id"
|
:scroll="{ x: 'calc(700px + 50%)' }"
|
>
|
<span slot="stockTypeName" slot-scope="text, record">
|
<template>
|
<div>
|
<span v-show="record.stockType == 'US'">美股</span>
|
<span v-show="record.stockType == 'JP'">日股</span>
|
</div>
|
</template>
|
</span>
|
<span slot="buyAmount" slot-scope="text, record">
|
<template>
|
<div>
|
<span>{{ `${record.stockTypeName} ${record.buyAmount}` }}</span>
|
</div>
|
</template>
|
</span>
|
<span slot="status" slot-scope="text, record">
|
<template>
|
<div>
|
<span v-show="record.status == 'wait'">等待审核</span>
|
<span v-show="record.status == 'passed'">已通过</span>
|
<span v-show="record.status == 'notPass'">不通过</span>
|
<span v-show="record.status == 'finished'">已完成</span>
|
</div>
|
</template>
|
</span>
|
|
<template slot="action" slot-scope="text, record">
|
<!-- <a slot="action" href="javascript:;" @click="geteditStock(record)">{{ '修改记录' }}</a>
|
<a-divider type="vertical" />
|
<a slot="action" href="javascript:;" @click="getdeleteStock(record)">{{ '删除记录' }}</a>
|
<a-divider type="vertical" />
|
<a slot="action" href="javascript:;" @click="getzhuan(record)" v-if="record.status == 4">{{ '转持仓' }}</a> -->
|
|
<template v-if="record.status == 'wait'">
|
<a-popconfirm
|
title="确认通过该申请？"
|
ok-text="确定"
|
cancel-text="取消"
|
@confirm="applicationProcedure('passed', record)"
|
>
|
<a href="javascript:;">{{ '通过' }}</a>
|
</a-popconfirm>
|
<a-divider type="vertical" />
|
<a-popconfirm
|
title="确认拒绝该申请？"
|
ok-text="确定"
|
cancel-text="取消"
|
@confirm="applicationProcedure('notPass', record)"
|
>
|
<a href="javascript:;">{{ '拒绝' }}</a>
|
</a-popconfirm>
|
</template>
|
|
<template v-if="record.status == 'passed'">
|
<a href="javascript:;" @click="openPosition(record)">{{ '建仓' }}</a>
|
<a-divider type="vertical" />
|
<a-popconfirm
|
title="确认结算该订单？"
|
ok-text="确定"
|
cancel-text="取消"
|
@confirm="applicationProcedure('finished', record)"
|
>
|
<a href="javascript:;">{{ '结算' }}</a>
|
</a-popconfirm>
|
</template>
|
|
<a-divider type="vertical" />
|
<a slot="action" href="javascript:;" @click="pRecordOpen(record)">建仓记录</a>
|
</template>
|
</a-table>
|
</a-card>
|
|
<a-modal
|
:title="currentdetail ? '修改记录' : '添加记录'"
|
:width="700"
|
:visible="addUserdialog"
|
:confirmLoading="addUserDialogloading"
|
@ok="OkaddUserdialog"
|
@cancel="CanceladdUserdialog"
|
>
|
<a-form :form="addUserform" ref="addUserform">
|
<a-row :gutter="48">
|
<a-col :md="12" :lg="12" :sm="12">
|
<a-form-item label="用户手机号" :labelCol="labelCol" :wrapperCol="wrapperCol">
|
<a-input
|
placeholder="请输入用户手机号"
|
v-decorator="['phone', { rules: [{ required: true, message: '请输入用户手机号' }] }]"
|
/>
|
</a-form-item>
|
</a-col>
|
<a-col :md="12" :lg="12" :sm="12">
|
<a-form-item label="新股代码" :labelCol="labelCol" :wrapperCol="wrapperCol">
|
<a-input
|
placeholder="请输入新股代码"
|
v-decorator="['newCode', { rules: [{ required: true, message: '请输入新股代码' }] }]"
|
/>
|
</a-form-item>
|
</a-col>
|
</a-row>
|
<a-row :gutter="48">
|
<a-col :md="12" :lg="12" :sm="12">
|
<a-form-item label="买入数量" :labelCol="labelCol" :wrapperCol="wrapperCol">
|
<a-input
|
placeholder="请输入买入数量"
|
v-decorator="['applyNums', { rules: [{ required: true, message: '请输入买入数量' }] }]"
|
/>
|
</a-form-item>
|
</a-col>
|
<a-col :md="12" :lg="12" :sm="12">
|
<a-form-item label="中签数量" :labelCol="labelCol" :wrapperCol="wrapperCol">
|
<a-input placeholder="请输入中签数量" v-decorator="['applyNumber', {}]" />
|
</a-form-item>
|
</a-col>
|
</a-row>
|
<a-row :gutter="48">
|
<a-col :md="12" :lg="12" :sm="12">
|
<a-form-item label="状态" :labelCol="labelCol" :wrapperCol="wrapperCol">
|
<a-select
|
placeholder="请选择状态"
|
v-decorator="['status', { rules: [{ required: true, message: '请选择状态' }] }]"
|
>
|
<a-select-option :value="1">已认购</a-select-option>
|
<a-select-option :value="2">未中签</a-select-option>
|
<a-select-option :value="3">已中签</a-select-option>
|
<a-select-option :value="4">已缴纳</a-select-option>
|
<a-select-option :value="5">转持仓</a-select-option>
|
</a-select>
|
</a-form-item>
|
</a-col>
|
</a-row>
|
</a-form>
|
</a-modal>
|
|
<a-modal
|
title="内部建仓（请严格按照AI交易产品市场 所属股票建仓 否则会造成实际收益不符）"
|
:width="800"
|
:visible="positiondialog"
|
:confirmLoading="positiondialogloading"
|
@ok="ppenPosition"
|
@cancel="CancelPositiondialog"
|
>
|
<a-form :form="positionform" ref="positionform">
|
<a-row :gutter="48">
|
<a-col :md="12" :lg="12" :sm="12">
|
<a-form-item label="建仓股票" :labelCol="labelCol" :wrapperCol="wrapperCol">
|
<a-select
|
show-search
|
:value="stockValue"
|
placeholder="请输入"
|
style="width: 200px"
|
:default-active-first-option="false"
|
:show-arrow="false"
|
:filter-option="false"
|
:not-found-content="null"
|
@search="handleSearch"
|
@change="handleChange"
|
>
|
<a-select-option v-for="d in stockList" :key="d.id" :obj="d">
|
{{ d.stockName }}
|
</a-select-option>
|
<div slot="dropdownRender" slot-scope="menu" @mousedown="(e) => e.preventDefault()">
|
<v-nodes :vnodes="menu" />
|
<a-divider style="margin: 4px 0" />
|
<a-pagination
|
simple
|
:default-current="stockOpt.pageNum"
|
:total="stockTotal"
|
@change="(page) => (stockOpt.pageNum = page)"
|
/>
|
</div>
|
</a-select>
|
</a-form-item>
|
</a-col>
|
<a-col :md="12" :lg="12" :sm="12">
|
<a-form-item label="建仓股票数量" :labelCol="labelCol" :wrapperCol="wrapperCol">
|
<a-input
|
placeholder="请输入"
|
v-decorator="['stockNum', { rules: [{ required: true, message: '请输入' }] }]"
|
/>
|
</a-form-item>
|
</a-col>
|
</a-row>
|
<a-row :gutter="48">
|
<a-col :md="12" :lg="12" :sm="12">
|
<a-form-item label="建仓股票单价" :labelCol="labelCol" :wrapperCol="wrapperCol">
|
<a-input
|
placeholder="请输入"
|
v-decorator="['stockPrice', { rules: [{ required: true, message: '请输入' }] }]"
|
/>
|
</a-form-item>
|
</a-col>
|
<a-col :md="12" :lg="12" :sm="12">
|
<a-form-item label="建仓时间" :labelCol="labelCol" :wrapperCol="wrapperCol">
|
<a-date-picker
|
show-time
|
style="width: 100%"
|
@change="getCreatDate"
|
v-decorator="['creatDate', { rules: [{ required: true, message: '请填写' }] }]"
|
format="YYYY-MM-DD HH:mm:ss"
|
>
|
</a-date-picker>
|
</a-form-item>
|
</a-col>
|
</a-row>
|
<a-row :gutter="48">
|
<a-col :md="12" :lg="12" :sm="12">
|
<a-form-item label="平仓单价" :labelCol="labelCol" :wrapperCol="wrapperCol">
|
<a-input
|
placeholder="请输入"
|
v-decorator="['coverPrice', { rules: [{ required: true, message: '请输入' }] }]"
|
/>
|
</a-form-item>
|
</a-col>
|
<a-col :md="12" :lg="12" :sm="12">
|
<a-form-item label="平仓时间" :labelCol="labelCol" :wrapperCol="wrapperCol">
|
<a-date-picker
|
show-time
|
style="width: 100%"
|
@change="getCoverDate"
|
v-decorator="['coverDate', { rules: [{ required: true, message: '请填写' }] }]"
|
format="YYYY-MM-DD HH:mm:ss"
|
>
|
</a-date-picker>
|
</a-form-item>
|
</a-col>
|
</a-row>
|
</a-form>
|
</a-modal>
|
|
<a-modal
|
title="建仓记录"
|
:width="800"
|
:visible="pRecordShow"
|
@ok="pRecordShow = false"
|
@cancel="pRecordShow = false"
|
>
|
<a-table
|
bordered
|
:loading="rloading"
|
:pagination="rpagination"
|
:columns="rcolumns"
|
:data-source="rdatalist"
|
rowKey="id"
|
:scroll="{ x: 'calc(700px + 50%)' }"
|
>
|
<span slot="status" slot-scope="text, record">
|
<template>
|
<div>
|
<span v-show="record.status == 0">持仓</span>
|
<span v-show="record.status == 1">已平仓</span>
|
</div>
|
</template>
|
</span>
|
</a-table>
|
</a-modal>
|
</page-header-wrapper>
|
</template>
|
<script>
|
let timeout
|
import {
|
getStockAiOrderList,
|
orderOperation,
|
openPosition,
|
saveStockSubscribe,
|
delStockSubscribe,
|
addUserPosition,
|
getStocksByKeyWords,
|
getPositionList,
|
} from '@/api/aishares'
|
import pick from 'lodash.pick'
|
import moment from 'moment'
|
import notification from 'ant-design-vue/es/notification'
|
import { pagination } from 'ant-design-vue'
|
import Vue from 'vue'
|
Vue.use(pagination)
|
export default {
|
name: 'Shares',
|
components: {
|
VNodes: {
|
functional: true,
|
render: (h, ctx) => ctx.props.vnodes,
|
},
|
},
|
data() {
|
return {
|
columns: [
|
{
|
title: '会员ID',
|
dataIndex: 'userId',
|
align: 'center',
|
},
|
{
|
title: '账号',
|
dataIndex: 'phone',
|
align: 'center',
|
},
|
{
|
title: '会员真实姓名',
|
dataIndex: 'realName',
|
align: 'center',
|
},
|
{
|
title: 'AI交易名称',
|
dataIndex: 'stockName',
|
align: 'center',
|
},
|
{
|
title: '所属市场',
|
dataIndex: 'stockTypeName',
|
align: 'center',
|
scopedSlots: { customRender: 'stockTypeName' },
|
},
|
{
|
title: '交易成功率(%)',
|
dataIndex: 'successRate',
|
align: 'center',
|
},
|
{
|
title: '预期收益(%)',
|
dataIndex: 'expectedEarning',
|
align: 'center',
|
},
|
{
|
title: '交易周期(天)',
|
dataIndex: 'cycle',
|
align: 'center',
|
},
|
{
|
title: '买入金额',
|
dataIndex: 'buyAmount',
|
align: 'center',
|
scopedSlots: { customRender: 'buyAmount' },
|
},
|
{
|
title: '剩余金额',
|
dataIndex: 'remainAmount',
|
align: 'center',
|
customRender: (text, row, index) => {
|
return 'MX$ ' + text
|
},
|
},
|
{
|
title: '买入时间',
|
dataIndex: 'buyDate',
|
align: 'center',
|
customRender: (text, row, index) => {
|
return text ? moment(text).format('YYYY-MM-DD HH:mm:ss') : ''
|
},
|
},
|
{
|
title: '实际收益',
|
dataIndex: 'realEarning',
|
align: 'center',
|
customRender: (text, row, index) => {
|
return 'MX$ ' + text
|
},
|
},
|
{
|
title: '状态',
|
dataIndex: 'status',
|
align: 'center',
|
scopedSlots: { customRender: 'status' },
|
},
|
{
|
title: '操作',
|
key: 'action',
|
align: 'center',
|
fixed: 'right',
|
scopedSlots: { customRender: 'action' },
|
},
|
],
|
// 表头
|
pagination: {
|
total: 0,
|
current: 1,
|
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,
|
status: '',
|
userId: '',
|
phone: '',
|
},
|
datalist: [],
|
labelCol: {
|
xs: { span: 8 },
|
sm: { span: 8 },
|
md: { span: 8 },
|
},
|
wrapperCol: {
|
xs: { span: 14 },
|
sm: { span: 14 },
|
md: { span: 14 },
|
},
|
addUserform: this.$form.createForm(this),
|
positionform: this.$form.createForm(this),
|
addUserdialog: false,
|
addUserDialogloading: false,
|
positiondialog: false,
|
positiondialogloading: false,
|
fields: ['phone', 'newCode', 'applyNums', 'applyNumber', 'status'],
|
currentdetail: '',
|
positionDetail: {},
|
fields2: ['id'],
|
creatDate: '', // 建仓时间
|
coverDate: '', // 平仓时间
|
stockValue: null, // 建仓股票搜索值
|
stockList: [], // 建仓股票列表
|
stockOpt: {
|
pageNum: 1,
|
pageSize: 10,
|
keyWords: '',
|
},
|
stockTotal: 1,
|
pRecordShow: false,
|
rloading: false,
|
// 表头
|
rpagination: {
|
total: 0,
|
current: 1,
|
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} 条数据`, // 分页中显示总的数据
|
},
|
rcolumns: [
|
{
|
title: '产品订单id',
|
dataIndex: 'stockAiOrderId',
|
align: 'center',
|
},
|
{
|
title: '股票名称',
|
dataIndex: 'stockName',
|
align: 'center',
|
},
|
{
|
title: '建仓股票id',
|
dataIndex: 'stockId',
|
align: 'center',
|
},
|
{
|
title: '建仓股票数量',
|
dataIndex: 'stockNum',
|
align: 'center',
|
},
|
{
|
title: '建仓股票单价',
|
dataIndex: 'stockPrice',
|
align: 'center',
|
},
|
{
|
title: '建仓时间',
|
dataIndex: 'creatDate',
|
align: 'center',
|
customRender: (text, row, index) => {
|
return text ? moment(text).format('YYYY-MM-DD HH:mm:ss') : ''
|
},
|
},
|
{
|
title: '平仓单价',
|
dataIndex: 'coverPrice',
|
align: 'center',
|
},
|
{
|
title: '平仓时间',
|
dataIndex: 'coverDate',
|
align: 'center',
|
customRender: (text, row, index) => {
|
return text ? moment(text).format('YYYY-MM-DD HH:mm:ss') : ''
|
},
|
},
|
{
|
title: '收益',
|
dataIndex: 'earnings',
|
align: 'center',
|
},
|
{
|
title: '建仓状态',
|
dataIndex: 'status',
|
align: 'center',
|
scopedSlots: { customRender: 'status' },
|
},
|
{
|
title: '类型',
|
dataIndex: 'stockType',
|
align: 'center',
|
},
|
],
|
rdatalist: [],
|
}
|
},
|
created() {
|
this.getlist()
|
},
|
watch: {
|
'stockOpt.pageNum': {
|
handler(val) {
|
this.getStockList()
|
},
|
},
|
},
|
methods: {
|
getzhuan(val) {
|
var that = this
|
this.$confirm({
|
title: '提示',
|
content: '确认转入持仓吗？此操作不可恢复！',
|
onOk() {
|
var data = {
|
id: val.id,
|
}
|
addUserPosition(data).then((res) => {
|
if (res.status == 0) {
|
that.$message.success(res.msg)
|
that.getlist()
|
} else {
|
that.$message.error(res.msg)
|
}
|
})
|
},
|
onCancel() {
|
console.log('Cancel')
|
},
|
})
|
},
|
getdeleteStock(val) {
|
var that = this
|
this.$confirm({
|
title: '提示',
|
content: '确认删除该新股吗？此操作不可恢复！',
|
onOk() {
|
var data = {
|
id: val.id,
|
}
|
delStockSubscribe(data).then((res) => {
|
if (res.status == 0) {
|
that.$message.success(res.msg)
|
that.getinit()
|
} else {
|
that.$message.error(res.msg)
|
}
|
})
|
},
|
onCancel() {
|
console.log('Cancel')
|
},
|
})
|
},
|
geteditStock(val) {
|
this.currentdetail = val
|
this.addUserdialog = true
|
this.fields.forEach((v) => this.addUserform.getFieldDecorator(v))
|
this.addUserform.setFieldsValue(pick(val, this.fields))
|
},
|
CanceladdUserdialog() {
|
this.addUserdialog = false
|
const form = this.$refs.addUserform.form
|
form.resetFields()
|
},
|
OkaddUserdialog() {
|
const form = this.$refs.addUserform.form
|
form.validateFields((errors, values) => {
|
if (!errors) {
|
if (this.currentdetail != '') {
|
values.id = this.currentdetail.id
|
}
|
this.addUserDialogloading = true
|
saveStockSubscribe(values).then((res) => {
|
if (res.status == 0) {
|
this.addUserdialog = false
|
this.$message.success(res.msg)
|
form.resetFields()
|
this.getlist()
|
} else {
|
this.$message.error(res.msg)
|
}
|
this.addUserDialogloading = false
|
})
|
}
|
})
|
},
|
getCreatDate(date, dateString) {
|
this.creatDate = dateString
|
},
|
getCoverDate(date, dateString) {
|
this.coverDate = dateString
|
},
|
// 打开建仓记录
|
pRecordOpen(val) {
|
this.positionDetail = val
|
this.rpagination.current = 1
|
this.pRecordShow = true
|
this.getpRecord()
|
},
|
// 获取建仓记录
|
async getpRecord() {
|
this.rloading = true
|
|
let opt = {
|
pageNum: this.rpagination.current,
|
pageSize: this.rpagination.pageSize,
|
id: this.positionDetail.id,
|
}
|
|
let res = await getPositionList(opt)
|
this.rdatalist = res.data.list
|
this.rpagination.total = res.data.total
|
this.rloading = false
|
},
|
// 打开建仓
|
openPosition(val) {
|
this.positiondialog = true
|
this.positionDetail = val
|
this.fields2.forEach((v) => this.positionform.getFieldDecorator(v))
|
this.positionform.setFieldsValue(pick(val, this.fields2))
|
},
|
// 建仓
|
ppenPosition() {
|
const form = this.$refs.positionform.form
|
form.validateFields((errors, values) => {
|
if (!errors) {
|
values.creatDate = this.creatDate
|
values.coverDate = this.coverDate
|
values.stockAiOrderId = this.positionDetail.id
|
values.stockId = this.stockValue
|
this.positiondialogloading = true
|
|
openPosition(values).then((res) => {
|
if (res.status == 0) {
|
this.positiondialog = false
|
this.$message.success(res.msg)
|
form.resetFields()
|
this.getlist()
|
} else {
|
this.$message.error(res.msg)
|
}
|
this.positiondialogloading = false
|
})
|
}
|
})
|
|
form.validateFields((errors, values) => {
|
if (!errors) {
|
if (this.currentdetail != '') {
|
values.id = this.currentdetail.id
|
}
|
this.addUserDialogloading = true
|
saveStockSubscribe(values).then((res) => {
|
if (res.status == 0) {
|
this.addUserdialog = false
|
this.$message.success(res.msg)
|
form.resetFields()
|
this.getlist()
|
} else {
|
this.$message.error(res.msg)
|
}
|
this.addUserDialogloading = false
|
})
|
}
|
})
|
},
|
CancelPositiondialog() {
|
this.positiondialog = false
|
const form = this.$refs.positionform.form
|
form.resetFields()
|
},
|
getqueryParam() {
|
this.queryParam = {
|
pageNum: 1,
|
pageSize: 10,
|
status: '',
|
userId: '',
|
phone: '',
|
}
|
},
|
getinit() {
|
this.getqueryParam()
|
this.pagination.current = 1
|
this.getlist()
|
},
|
getlist() {
|
this.loading = true
|
getStockAiOrderList(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.pagination.current = page
|
this.getlist()
|
},
|
onSizeChange(current, pageSize) {
|
this.queryParam.pageNum = current
|
this.pagination.current = page
|
this.queryParam.pageSize = pageSize
|
this.getlist()
|
},
|
// 操作
|
applicationProcedure(status, n) {
|
this.loading = true
|
|
orderOperation(`?id=${n.id}&status=${status}`)
|
.then((res) => {
|
if (res.status != 0) {
|
notification.error({
|
message: res.data.msg,
|
})
|
return
|
}
|
this.getlist()
|
this.loading = false
|
})
|
.catch((err) => {
|
this.loading = false
|
})
|
},
|
// 搜索股票列表
|
handleSearch(value) {
|
if (timeout) {
|
clearTimeout(timeout)
|
timeout = null
|
}
|
this.stockOpt.keyWords = value
|
timeout = setTimeout(() => {
|
this.getStockList()
|
}, 500)
|
},
|
getStockList() {
|
getStocksByKeyWords(this.stockOpt).then((res) => {
|
console.log('res', res)
|
|
this.stockList = res.data.list
|
this.stockTotal = res.data.total
|
})
|
},
|
// 选择股票
|
handleChange(value, opt) {
|
let item = opt.data.attrs.obj
|
const form = this.$refs.positionform.form
|
this.stockValue = value
|
form.setFieldsValue({
|
stockPrice: item.nowPrice, // 股票价格
|
})
|
},
|
},
|
}
|
</script>
|
