| | |
| | | icon="search" |
| | | style="margin-left: 8px" |
| | | @click=";(queryParam.pageNum = 1), getlist()" |
| | | >查询 |
| | | >查询 |
| | | </a-button> |
| | | |
| | | <a-button |
| | |
| | | import pick from 'lodash.pick' |
| | | export default { |
| | | name: 'Setting', |
| | | data() { |
| | | data () { |
| | | return { |
| | | columns: [ |
| | | { |
| | | title: '证券机构名称', |
| | | dataIndex: 'dealerInstitutionsName', |
| | | align: 'center', |
| | | align: 'center' |
| | | }, |
| | | { |
| | | title: '证券营业部', |
| | | dataIndex: 'salesDepartment', |
| | | align: 'center', |
| | | align: 'center' |
| | | }, |
| | | { |
| | | title: '证券账户', |
| | | dataIndex: 'accountName', |
| | | align: 'center', |
| | | align: 'center' |
| | | }, |
| | | { |
| | | title: '交易通账户', |
| | | dataIndex: 'transactAccount', |
| | | align: 'center', |
| | | align: 'center' |
| | | }, |
| | | { |
| | | title: '状态', |
| | | dataIndex: 'status', |
| | | align: 'center', |
| | | scopedSlots: { customRender: 'status' }, |
| | | scopedSlots: { customRender: 'status' } |
| | | }, |
| | | { |
| | | title: '添加时间', |
| | |
| | | align: 'center', |
| | | customRender: (text, row, index) => { |
| | | return text ? moment(text).format('YYYY-MM-DD HH:mm:ss') : '' |
| | | }, |
| | | } |
| | | }, |
| | | { |
| | | title: '操作', |
| | | key: 'action', |
| | | align: 'center', |
| | | 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: { |
| | | pageNum: 1, |
| | | pageSize: 10, |
| | | keyword: '', |
| | | keyword: '' |
| | | }, |
| | | datalist: [], |
| | | addUserdialog: false, |
| | |
| | | addUserform: this.$form.createForm(this), |
| | | labelCol: { |
| | | xs: { span: 24 }, |
| | | sm: { span: 7 }, |
| | | sm: { span: 7 } |
| | | }, |
| | | wrapperCol: { |
| | | xs: { span: 24 }, |
| | | sm: { span: 13 }, |
| | | sm: { span: 13 } |
| | | }, |
| | | fields: [ |
| | | 'dealerInstitutionsName', |
| | |
| | | 'communicationPassword', |
| | | 'commissionRatio', |
| | | 'minimumCommissions', |
| | | 'status', |
| | | 'status' |
| | | ], |
| | | currentDetails: '', |
| | | dealerList: [], |
| | | dealerInstitutionsId: '', |
| | | dealerInstitutionsId: '' |
| | | } |
| | | }, |
| | | created() { |
| | | created () { |
| | | this.getlist() |
| | | this.getDealerlist() |
| | | }, |
| | | methods: { |
| | | getdealerchange(value, option) { |
| | | getdealerchange (value, option) { |
| | | this.dealerInstitutionsId = option.key |
| | | }, |
| | | getDealerlist() { |
| | | getDealerlist () { |
| | | getDealerInstitutionsList({ status: 1 }).then((res) => { |
| | | if (res.status == 0) { |
| | | this.dealerList = res.data.data.list |
| | | } |
| | | }) |
| | | }, |
| | | geteditbroker(val) { |
| | | geteditbroker (val) { |
| | | this.currentDetails = val |
| | | this.addUserdialog = true |
| | | this.fields.forEach((v) => this.addUserform.getFieldDecorator(v)) |
| | | this.addUserform.setFieldsValue(pick(val, this.fields)) |
| | | }, |
| | | CanceladdUserdialog() { |
| | | CanceladdUserdialog () { |
| | | this.addUserdialog = false |
| | | const form = this.$refs.addUserform.form |
| | | form.resetFields() |
| | | }, |
| | | OkaddUserdialog() { |
| | | OkaddUserdialog () { |
| | | const form = this.$refs.addUserform.form |
| | | form.validateFields((errors, values) => { |
| | | if (!errors) { |
| | |
| | | } |
| | | }) |
| | | }, |
| | | getqueryParam() { |
| | | getqueryParam () { |
| | | this.queryParam = { |
| | | pageNum: 1, |
| | | pageSize: 10, |
| | | keyword: '', |
| | | keyword: '' |
| | | } |
| | | }, |
| | | getlist() { |
| | | getlist () { |
| | | var that = this |
| | | this.loading = true |
| | | getSecuritiesInfoList(this.queryParam).then((res) => { |
| | |
| | | }, 500) |
| | | }) |
| | | }, |
| | | 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> |