From 9a5d8867aee30f83d6b632e5dd2e30e56f9b4a96 Mon Sep 17 00:00:00 2001
From: zzzz <690498789@qq.com>
Date: Sun, 07 Apr 2024 16:33:01 +0800
Subject: [PATCH] new
---
src/views/capital/withdrawallist.vue | 535 +++++++++++++-------------
src/views/capital/rechargelist.vue | 648 +++++++++++++++++---------------
2 files changed, 620 insertions(+), 563 deletions(-)
diff --git a/src/views/capital/rechargelist.vue b/src/views/capital/rechargelist.vue
index 38872fe..774b9c9 100644
--- a/src/views/capital/rechargelist.vue
+++ b/src/views/capital/rechargelist.vue
@@ -21,11 +21,9 @@
v-model="queryParam.agentId"
placeholder="请选择下级代理"
@focus="getagentlist"
- :loading="agentloading">
- <a-select-option
- v-for="(item, index) in agentlist"
- :key="index"
- :value="item.id">
+ :loading="agentloading"
+ >
+ <a-select-option v-for="(item, index) in agentlist" :key="index" :value="item.id">
{{ item.agentName }}
</a-select-option>
</a-select>
@@ -50,7 +48,8 @@
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>
@@ -58,25 +57,19 @@
<a-col :md="12" :lg="8" :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>
- <a-button
- type="primary"
- icon="plus"
- style="margin-left: 8px"
- @click="addOrderdialog = true">创建充值订单
+ <a-button type="primary" icon="plus" style="margin-left: 8px" @click="addOrderdialog = true"
+ >创建充值订单
</a-button>
- <a-button
- type="primary"
- icon="vertical-align-bottom"
- style="margin-left: 8px"
- @click="getexport">导出搜索数据
+ <a-button type="primary" icon="vertical-align-bottom" style="margin-left: 8px" @click="getexport"
+ >导出搜索数据
</a-button>
</span>
</a-form-item>
@@ -91,37 +84,53 @@
:pagination="pagination"
:columns="columns"
:data-source="datalist"
- rowKey="id">
- <span slot="payChannel" slot-scope="text,record">
+ rowKey="id"
+ :scroll="{ x: 1000 }"
+ >
+ <span slot="payChannel" slot-scope="text, record">
<template>
<div>
- <a-tag
- :color="record.payChannel == 0 ? 'blue' : record.payChannel == 1 ? 'orange' : 'cyan'">
- {{ record.payChannel == 0 ? '支付宝' : record.payChannel == 1 ? '对公转账' : '现金转账'
- }}
+ <a-tag :color="record.payChannel == 0 ? 'blue' : record.payChannel == 1 ? 'orange' : 'cyan'">
+ {{ record.payChannel == 0 ? '支付宝' : record.payChannel == 1 ? '对公转账' : '现金转账' }}
</a-tag>
</div>
</template>
</span>
- <span slot="orderStatus" slot-scope="text,record">
+ <span slot="orderStatus" slot-scope="text, record">
<template>
<div>
<a-tag
- :color="record.orderStatus == 0 ? 'blue' : record.orderStatus == 1 ? 'green' : record.orderStatus == 2 ? 'red' : 'orange'">
- {{ record.orderStatus == 0 ? '审核中' : record.orderStatus == 1 ? '充值成功' :
- record.orderStatus == 2 ? '充值失败' : '订单取消'
+ :color="
+ record.orderStatus == 0
+ ? 'blue'
+ : record.orderStatus == 1
+ ? 'green'
+ : record.orderStatus == 2
+ ? 'red'
+ : 'orange'
+ "
+ >
+ {{
+ record.orderStatus == 0
+ ? '审核中'
+ : record.orderStatus == 1
+ ? '充值成功'
+ : record.orderStatus == 2
+ ? '充值失败'
+ : '订单取消'
}}
</a-tag>
</div>
</template>
</span>
- <template slot="action" slot-scope="text,record">
- <a
- slot="action"
- href="javascript:;"
- @click="getEditorder(record.id)"
- v-if="record.orderStatus == 0">修改状态</a>
+ <template slot="img" slot-scope="text, record">
+ <el-image style="width: 140px; height: 70px" :src="record.img" :preview-src-list="[record.img]"> </el-image>
+ </template>
+ <template slot="action" slot-scope="text, record">
+ <a slot="action" href="javascript:;" @click="getEditorder(record.id)" v-if="record.orderStatus == 0"
+ >修改状态</a
+ >
<a-divider type="vertical" v-if="record.orderStatus == 0" />
<a slot="action" href="javascript:;" @click="getDelorder(record.id)">删除订单</a>
</template>
@@ -133,17 +142,20 @@
:visible="editOrderdialog"
:confirmLoading="editOrderDialogloading"
@ok="OkeditOrderdialog"
- @cancel="CanceleditOrderdialog">
+ @cancel="CanceleditOrderdialog"
+ >
<a-form :form="editOrderform" ref="editOrderform">
<a-form-item label="订单ID">
<a-input
- v-decorator="['chargeId', { rules: [{ type: 'number', required: true, message: '请输入锁仓原因！', }] }]"
- disabled />
+ v-decorator="['chargeId', { rules: [{ type: 'number', required: true, message: '请输入锁仓原因！' }] }]"
+ disabled
+ />
</a-form-item>
<a-form-item label="充值状态">
<a-select
placeholder="请选择充值状态"
- v-decorator="['state', { rules: [{ required: true, message: '请选择充值状态', }] }]">
+ v-decorator="['state', { rules: [{ required: true, message: '请选择充值状态' }] }]"
+ >
<a-select-option value="1">充值成功</a-select-option>
<a-select-option value="2">充值失败</a-select-option>
</a-select>
@@ -157,22 +169,26 @@
:visible="addOrderdialog"
:confirmLoading="addOrderDialogloading"
@ok="OkaddOrderdialog"
- @cancel="CanceladdOrderdialog">
+ @cancel="CanceladdOrderdialog"
+ >
<a-form :form="addOrderform" ref="addOrderform">
<a-form-item label="用户ID">
<a-input
placeholder="请输入用户ID"
- v-decorator="['userId', { rules: [{ required: true, message: '请输入用户ID！', }] }]" />
+ v-decorator="['userId', { rules: [{ required: true, message: '请输入用户ID！' }] }]"
+ />
</a-form-item>
<a-form-item label="充值金额">
<a-input
placeholder="请输入充值金额"
- v-decorator="['amt', { rules: [{ required: true, message: '请输入充值金额！', }] }]" />
+ v-decorator="['amt', { rules: [{ required: true, message: '请输入充值金额！' }] }]"
+ />
</a-form-item>
<a-form-item label="充值状态">
<a-select
placeholder="请选择充值状态"
- v-decorator="['state', { rules: [{ required: true, message: '请选择充值状态', }] }]">
+ v-decorator="['state', { rules: [{ required: true, message: '请选择充值状态' }] }]"
+ >
<a-select-option value="0">充值中</a-select-option>
<a-select-option value="1">充值成功</a-select-option>
<a-select-option value="2">充值失败</a-select-option>
@@ -181,7 +197,8 @@
<a-form-item label="充值渠道">
<a-select
placeholder="请选择充值渠道"
- v-decorator="['payChannel', { rules: [{ required: true, message: '请选择充值渠道', }] }]">
+ v-decorator="['payChannel', { rules: [{ required: true, message: '请选择充值渠道' }] }]"
+ >
<a-select-option value="0">支付宝</a-select-option>
<a-select-option value="1">对公转账</a-select-option>
<a-select-option value="2">现金转账</a-select-option>
@@ -198,272 +215,299 @@
import fileDownload from 'js-file-download'
import moment from 'moment'
export default {
- name: 'Rechargelist',
- data () {
- return {
- columns: [
- {
- title: '用户名称（ID）',
- dataIndex: 'nickName',
- align: 'center',
- width: 180,
- customRender: (text, row, index) => {
- return `${row.nickName}（${row.userId}）`
- }
- },
- {
- title: '订单ID',
- dataIndex: 'id',
- align: 'center'
- },
- {
- title: '代理id',
- dataIndex: 'agentId',
- align: 'center'
- },
- {
- title: '订单号',
- dataIndex: 'orderSn',
- align: 'center'
- },
- {
- title: '客户电话',
- dataIndex: 'userPhone',
- align: 'center'
- },
- {
- title: '充值渠道',
- dataIndex: 'payChannelType',
- align: 'center',
- scopedSlots: { customRender: 'payChannelType' }
- },
- {
- title: '充值金额',
- dataIndex: 'payAmt',
- align: 'center'
- },
- {
- title: '申请时间',
- dataIndex: 'addTime',
- align: 'center',
- width: 180,
- customRender: (text, row, index) => {
- return text ? moment(text).format('YYYY-MM-DD HH:mm:ss') : ''
- }
- },
- {
- title: '支付时间',
- dataIndex: 'payTime',
- align: 'center',
- width: 180,
- customRender: (text, row, index) => {
- return text ? moment(text).format('YYYY-MM-DD HH:mm:ss') : ''
- }
- },
- {
- title: '状态',
- dataIndex: 'orderStatus',
- align: 'center',
- scopedSlots: { customRender: 'orderStatus' }
- },
- {
- title: '操作',
- key: 'action',
- align: 'center',
- width: 180,
- 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,
- agentId: undefined,
- state: undefined,
- userId: '',
- realName: '',
- beginTime: '',
- endTime: ''
- },
- datalist: [],
- agentlist: [],
- agentloading: false,
- times: [],
- editOrderform: this.$form.createForm(this),
- editOrderdialog: false,
- editOrderDialogloading: false,
- fields: ['chargeId', 'state'],
+ name: 'Rechargelist',
+ data() {
+ return {
+ columns: [
+ {
+ title: '用户名称（ID）',
+ dataIndex: 'nickName',
+ align: 'center',
+ width: 180,
+ customRender: (text, row, index) => {
+ return `${row.nickName}（${row.userId}）`
+ },
+ },
+ {
+ title: '订单ID',
+ dataIndex: 'id',
+ align: 'center',
+ },
+ {
+ title: '代理id',
+ dataIndex: 'agentId',
+ align: 'center',
+ },
+ {
+ title: '订单号',
+ dataIndex: 'orderSn',
+ align: 'center',
+ },
+ {
+ title: '账户类型',
+ dataIndex: 'assetsType',
+ align: 'center',
+ customRender: (text, row, index) => {
+ switch (text) {
+ case 'US':
+ return '美股账户'
+ case 'MAS':
+ return '马股账户'
+ default:
+ return '未知账户'
+ }
+ },
+ },
+ {
+ title: '上传凭证',
+ dataIndex: 'img',
+ align: 'center',
+ width: 180,
+ scopedSlots: { customRender: 'img' },
+ },
+ {
+ title: '客户电话',
+ dataIndex: 'userPhone',
+ align: 'center',
+ },
+ // {
+ // title: '充值渠道',
+ // dataIndex: 'payChannelType',
+ // align: 'center',
+ // scopedSlots: { customRender: 'payChannelType' },
+ // },
+ {
+ title: '充值金额',
+ dataIndex: 'payAmt',
+ align: 'center',
+ },
+ {
+ title: '申请时间',
+ dataIndex: 'addTime',
+ align: 'center',
+ width: 180,
+ customRender: (text, row, index) => {
+ return text ? moment(text).format('YYYY-MM-DD HH:mm:ss') : ''
+ },
+ },
+ {
+ title: '支付时间',
+ dataIndex: 'payTime',
+ align: 'center',
+ width: 180,
+ customRender: (text, row, index) => {
+ return text ? moment(text).format('YYYY-MM-DD HH:mm:ss') : ''
+ },
+ },
+ {
+ title: '状态',
+ dataIndex: 'orderStatus',
+ align: 'center',
+ scopedSlots: { customRender: 'orderStatus' },
+ },
+ {
+ title: '操作',
+ key: 'action',
+ align: 'center',
+ fixed: 'right',
+ width: 180,
+ 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,
+ agentId: undefined,
+ state: undefined,
+ userId: '',
+ realName: '',
+ beginTime: '',
+ endTime: '',
+ },
+ datalist: [],
+ agentlist: [],
+ agentloading: false,
+ times: [],
+ editOrderform: this.$form.createForm(this),
+ editOrderdialog: false,
+ editOrderDialogloading: false,
+ fields: ['chargeId', 'state'],
- addOrderform: this.$form.createForm(this),
- addOrderdialog: false,
- addOrderDialogloading: false,
- agentqueryParam: {
- pageNum: 1,
- pageSize: 100
- }
- }
- },
- created () {
- this.getlist()
- },
- methods: {
- getexport () {
- rechargeexport(this.queryParam).then(res => {
- fileDownload(res, '充值列表.xls')
- })
- },
- // 新增充值订单弹窗
- CanceladdOrderdialog () {
- this.addOrderdialog = false
- const form = this.$refs.addOrderform.form
- form.resetFields()
- },
- // 新增充值订单
- OkaddOrderdialog () {
- const form = this.$refs.addOrderform.form
- form.validateFields((errors, values) => {
- if (!errors) {
- this.addOrderDialogloading = true
- rechargecreateOrder(values).then(res => {
- if (res.status == 0) {
- this.addOrderdialog = false
- this.$message.success({ content: res.msg, duration: 2 })
- form.resetFields()
- this.getlist()
- } else {
- this.$message.error({ content: res.msg })
- }
- this.addOrderDialogloading = false
- }).catch(error => {
- reject(error)
- })
- }
- })
- },
- // 点击修改充值状态
- getEditorder (val) {
- this.editOrderdialog = true
- this.fields.forEach(v => this.editOrderform.getFieldDecorator(v))
- this.editOrderform.setFieldsValue(pick({ chargeId: val }, this.fields))
- },
- // 开始更改充值状态
- OkeditOrderdialog () {
- const form = this.$refs.editOrderform.form
- form.validateFields((errors, values) => {
- if (!errors) {
- this.editOrderDialogloading = true
- rechargeupdateState(values).then(res => {
- if (res.status == 0) {
- this.editOrderdialog = false
- this.$message.success({ content: res.msg, duration: 2 })
- form.resetFields()
- this.getlist()
- } else {
- this.$message.error({ content: res.msg })
- }
- this.editOrderDialogloading = false
- }).catch(error => {
- reject(error)
- })
- }
- })
- },
- // 取消充值状态修改
- CanceleditOrderdialog () {
- this.editOrderdialog = false
- const form = this.$refs.editOrderform.form
- form.resetFields()
- },
- // 删除充值订单
- getDelorder (val) {
- var that = this
- this.$confirm({
- title: '提示',
- content: '确认删除充值订单吗？此操作不可恢复',
- onOk () {
- var data = {
- cId: val
- }
- rechargedel(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')
- }
- })
- },
- onChangeRangeDate (value, dateString) {
- this.queryParam.beginTime = dateString[0]
- this.queryParam.endTime = dateString[1]
- },
- getqueryParam () {
- this.queryParam = {
- pageNum: 1,
- pageSize: 10,
- agentId: undefined,
- state: undefined,
- userId: '',
- realName: '',
- beginTime: '',
- endTime: ''
- }
- this.times = []
- },
- getagentlist () {
- var that = this
- this.agentloading = true
- nextagent(this.agentqueryParam).then(res => {
- this.agentlist = res.data.list
- setTimeout(() => {
- that.agentloading = false
- }, 500)
- })
- },
- getlist () {
- var that = this
- this.loading = true
- rechargelist(this.queryParam).then(res => {
- this.datalist = res.data.list
- this.pagination.total = res.data.total
- setTimeout(() => {
- that.loading = false
- }, 500)
- })
- },
- onPageChange (page, pageSize) {
- this.queryParam.pageNum = page
- this.getlist()
- },
- onSizeChange (current, pageSize) {
- this.queryParam.pageNum = current
- this.queryParam.pageSize = pageSize
- this.getlist()
- }
+ addOrderform: this.$form.createForm(this),
+ addOrderdialog: false,
+ addOrderDialogloading: false,
+ agentqueryParam: {
+ pageNum: 1,
+ pageSize: 100,
+ },
}
+ },
+ created() {
+ this.getlist()
+ },
+ methods: {
+ getexport() {
+ rechargeexport(this.queryParam).then((res) => {
+ fileDownload(res, '充值列表.xls')
+ })
+ },
+ // 新增充值订单弹窗
+ CanceladdOrderdialog() {
+ this.addOrderdialog = false
+ const form = this.$refs.addOrderform.form
+ form.resetFields()
+ },
+ // 新增充值订单
+ OkaddOrderdialog() {
+ const form = this.$refs.addOrderform.form
+ form.validateFields((errors, values) => {
+ if (!errors) {
+ this.addOrderDialogloading = true
+ rechargecreateOrder(values)
+ .then((res) => {
+ if (res.status == 0) {
+ this.addOrderdialog = false
+ this.$message.success({ content: res.msg, duration: 2 })
+ form.resetFields()
+ this.getlist()
+ } else {
+ this.$message.error({ content: res.msg })
+ }
+ this.addOrderDialogloading = false
+ })
+ .catch((error) => {
+ reject(error)
+ })
+ }
+ })
+ },
+ // 点击修改充值状态
+ getEditorder(val) {
+ this.editOrderdialog = true
+ this.fields.forEach((v) => this.editOrderform.getFieldDecorator(v))
+ this.editOrderform.setFieldsValue(pick({ chargeId: val }, this.fields))
+ },
+ // 开始更改充值状态
+ OkeditOrderdialog() {
+ const form = this.$refs.editOrderform.form
+ form.validateFields((errors, values) => {
+ if (!errors) {
+ this.editOrderDialogloading = true
+ rechargeupdateState(values)
+ .then((res) => {
+ if (res.status == 0) {
+ this.editOrderdialog = false
+ this.$message.success({ content: res.msg, duration: 2 })
+ form.resetFields()
+ this.getlist()
+ } else {
+ this.$message.error({ content: res.msg })
+ }
+ this.editOrderDialogloading = false
+ })
+ .catch((error) => {
+ reject(error)
+ })
+ }
+ })
+ },
+ // 取消充值状态修改
+ CanceleditOrderdialog() {
+ this.editOrderdialog = false
+ const form = this.$refs.editOrderform.form
+ form.resetFields()
+ },
+ // 删除充值订单
+ getDelorder(val) {
+ var that = this
+ this.$confirm({
+ title: '提示',
+ content: '确认删除充值订单吗？此操作不可恢复',
+ onOk() {
+ var data = {
+ cId: val,
+ }
+ rechargedel(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')
+ },
+ })
+ },
+ onChangeRangeDate(value, dateString) {
+ this.queryParam.beginTime = dateString[0]
+ this.queryParam.endTime = dateString[1]
+ },
+ getqueryParam() {
+ this.queryParam = {
+ pageNum: 1,
+ pageSize: 10,
+ agentId: undefined,
+ state: undefined,
+ userId: '',
+ realName: '',
+ beginTime: '',
+ endTime: '',
+ }
+ this.times = []
+ },
+ getagentlist() {
+ var that = this
+ this.agentloading = true
+ nextagent(this.agentqueryParam).then((res) => {
+ this.agentlist = res.data.list
+ setTimeout(() => {
+ that.agentloading = false
+ }, 500)
+ })
+ },
+ getlist() {
+ var that = this
+ this.loading = true
+ rechargelist(this.queryParam).then((res) => {
+ this.datalist = res.data.list
+ this.pagination.total = res.data.total
+ setTimeout(() => {
+ that.loading = false
+ }, 500)
+ })
+ },
+ 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>
diff --git a/src/views/capital/withdrawallist.vue b/src/views/capital/withdrawallist.vue
index 4efab13..7879f14 100644
--- a/src/views/capital/withdrawallist.vue
+++ b/src/views/capital/withdrawallist.vue
@@ -21,11 +21,9 @@
v-model="queryParam.agentId"
placeholder="请选择下级代理"
@focus="getagentlist"
- :loading="agentloading">
- <a-select-option
- v-for="(item, index) in agentlist"
- :key="index"
- :value="item.id">
+ :loading="agentloading"
+ >
+ <a-select-option v-for="(item, index) in agentlist" :key="index" :value="item.id">
{{ item.agentName }}
</a-select-option>
</a-select>
@@ -50,7 +48,8 @@
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>
@@ -58,19 +57,16 @@
<a-col :md="12" :lg="8" :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>
- <a-button
- type="primary"
- icon="vertical-align-bottom"
- style="margin-left: 8px"
- @click="getexport">导出搜索数据
+ <a-button type="primary" icon="vertical-align-bottom" style="margin-left: 8px" @click="getexport"
+ >导出搜索数据
</a-button>
</span>
</a-form-item>
@@ -86,21 +82,37 @@
:columns="columns"
:data-source="datalist"
rowKey="id"
- :scroll="{ x: 2000 }">
- <span slot="withStatus" slot-scope="text,record">
+ :scroll="{ x: 3000 }"
+ >
+ <span slot="withStatus" slot-scope="text, record">
<template>
<div>
<a-tag
- :color="record.withStatus == 0 ? 'blue' : record.withStatus == 1 ? 'green' : record.withStatus == 2 ? 'red' : 'orange'">
- {{ record.withStatus == 0 ? '申请中' : record.withStatus == 1 ? '审核中' :
- record.withStatus == 2 ? '提现成功' : '拒绝提现'
+ :color="
+ record.withStatus == 0
+ ? 'blue'
+ : record.withStatus == 1
+ ? 'green'
+ : record.withStatus == 2
+ ? 'red'
+ : 'orange'
+ "
+ >
+ {{
+ record.withStatus == 0
+ ? '申请中'
+ : record.withStatus == 1
+ ? '审核中'
+ : record.withStatus == 2
+ ? '提现成功'
+ : '拒绝提现'
}}
</a-tag>
</div>
</template>
</span>
- <template slot="action" slot-scope="text,record" v-if="record.withStatus == 0">
+ <template slot="action" slot-scope="text, record" v-if="record.withStatus == 0">
<a slot="action" href="javascript:;" @click="getEditorder(record.id)">审核</a>
</template>
</a-table>
@@ -123,8 +135,9 @@
<a-form :form="editOrderform" ref="editOrderform">
<a-form-item label="金额">
<a-input
- v-decorator="['withId', { rules: [{ type: 'number', required: true, message: '请输入锁仓原因！', }] }]"
- disabled />
+ v-decorator="['withId', { rules: [{ type: 'number', required: true, message: '请输入锁仓原因！' }] }]"
+ disabled
+ />
</a-form-item>
<!-- <a-form-item label="提现状态"> -->
<!-- <a-select
@@ -138,13 +151,11 @@
<!-- <a-input v-decorator="['authMsg', { rules: [{ required: true, message: '请输入驳回原因！', }] }]" /> -->
<a-input v-decorator="['authMsg']" />
</a-form-item>
-
</a-form>
- <template slot="footer" style="display: flex;justify-content: center;align-items: center;">
- <a-button type="primary" style="background-color: ;" @click="OkeditOrderdialog(3)">驳回</a-button>
+ <div slot="footer" style="display: flex; justify-content: center; align-items: center">
+ <a-button type="primary" style="background-color: " @click="OkeditOrderdialog(3)">驳回</a-button>
<a-button type="primary" @click="OkeditOrderdialog(1)">通过</a-button>
- </template>
-
+ </div>
</a-modal>
</page-header-wrapper>
</template>
@@ -155,249 +166,251 @@
import fileDownload from 'js-file-download'
import moment from 'moment'
export default {
- name: 'Withdrawallist',
- data () {
- return {
- columns: [
- {
- title: '用户名称（ID）',
- dataIndex: 'nickName',
- align: 'center',
- width: 180,
- customRender: (text, row, index) => {
- return `${row.nickName}（${row.userId}）`
- }
- },
- {
- title: '订单ID',
- dataIndex: 'id',
- align: 'center'
- },
- {
- title: '代理id',
- dataIndex: 'agentId',
- align: 'center'
- },
- {
- title: '客户电话',
- dataIndex: 'userPhone',
- align: 'center'
- },
- {
- title: '代理ID',
- dataIndex: 'agentId',
- align: 'center'
- },
- {
- title: '应转金额',
- dataIndex: 'payChannel',
- align: 'center',
- customRender: (text, row, index) => {
- return row.withAmt - row.withFee
- }
- },
- {
- title: '出金金额',
- dataIndex: 'withAmt',
- align: 'center'
- },
- {
- title: '手续费',
- dataIndex: 'withFee',
- align: 'center'
- },
- {
- title: '状态',
- dataIndex: 'withStatus',
- align: 'center',
- scopedSlots: { customRender: 'withStatus' }
- },
- {
- title: '提现银行',
- dataIndex: 'bankName',
- align: 'center'
- },
- {
- title: '提现支行',
- dataIndex: 'bankAddress',
- align: 'center',
- width: 200
- },
- {
- title: '银行号码',
- dataIndex: 'bankNo',
- align: 'center'
- },
- {
- title: '原因',
- dataIndex: 'withMsg',
- align: 'center',
- width: 200
- },
- {
- title: '申请时间',
- dataIndex: 'applyTime',
- align: 'center',
- width: 180,
- customRender: (text, row, index) => {
- return text ? moment(text).format('YYYY-MM-DD HH:mm:ss') : ''
- }
- },
- {
- title: '出金时间',
- dataIndex: 'transTime',
- align: 'center',
- width: 180,
- customRender: (text, row, index) => {
- return text ? moment(text).format('YYYY-MM-DD HH:mm:ss') : ''
- }
- },
+ name: 'Withdrawallist',
+ data() {
+ return {
+ columns: [
+ {
+ title: '用户名称（ID）',
+ dataIndex: 'nickName',
+ align: 'center',
+ width: 180,
+ customRender: (text, row, index) => {
+ return `${row.nickName}（${row.userId}）`
+ },
+ },
+ {
+ title: '订单ID',
+ dataIndex: 'id',
+ align: 'center',
+ },
+ {
+ title: '代理id',
+ dataIndex: 'agentId',
+ align: 'center',
+ },
+ {
+ title: '客户电话',
+ dataIndex: 'userPhone',
+ align: 'center',
+ },
+ {
+ title: '代理ID',
+ dataIndex: 'agentId',
+ align: 'center',
+ },
+ {
+ title: '应转金额',
+ dataIndex: 'payChannel',
+ align: 'center',
+ customRender: (text, row, index) => {
+ return row.withAmt - row.withFee
+ },
+ },
+ {
+ title: '出金金额',
+ dataIndex: 'withAmt',
+ align: 'center',
+ },
+ {
+ title: '手续费',
+ dataIndex: 'withFee',
+ align: 'center',
+ },
+ {
+ title: '状态',
+ dataIndex: 'withStatus',
+ align: 'center',
+ scopedSlots: { customRender: 'withStatus' },
+ },
+ {
+ title: '提现银行',
+ dataIndex: 'bankName',
+ align: 'center',
+ },
+ {
+ title: '提现支行',
+ dataIndex: 'bankAddress',
+ align: 'center',
+ width: 200,
+ },
+ {
+ title: '银行号码',
+ dataIndex: 'bankNo',
+ align: 'center',
+ },
+ {
+ title: '原因',
+ dataIndex: 'withMsg',
+ align: 'center',
+ width: 200,
+ },
+ {
+ title: '申请时间',
+ dataIndex: 'applyTime',
+ align: 'center',
+ width: 180,
+ customRender: (text, row, index) => {
+ return text ? moment(text).format('YYYY-MM-DD HH:mm:ss') : ''
+ },
+ },
+ {
+ title: '出金时间',
+ dataIndex: 'transTime',
+ align: 'center',
+ width: 180,
+ customRender: (text, row, index) => {
+ return text ? moment(text).format('YYYY-MM-DD HH:mm:ss') : ''
+ },
+ },
- {
- title: '操作',
- key: 'action',
- align: 'center',
- width: 180,
- fixed: 'right',
- 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,
- agentId: undefined,
- state: undefined,
- userId: '',
- realName: '',
- beginTime: '',
- endTime: ''
- },
- datalist: [],
- agentlist: [],
- agentloading: false,
- times: [],
- editOrderform: this.$form.createForm(this),
- editOrderdialog: false,
- editOrderDialogloading: false,
- fields: ['withId', 'state'],
+ {
+ title: '操作',
+ key: 'action',
+ align: 'center',
+ width: 180,
+ fixed: 'right',
+ 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,
+ agentId: undefined,
+ state: undefined,
+ userId: '',
+ realName: '',
+ beginTime: '',
+ endTime: '',
+ },
+ datalist: [],
+ agentlist: [],
+ agentloading: false,
+ times: [],
+ editOrderform: this.$form.createForm(this),
+ editOrderdialog: false,
+ editOrderDialogloading: false,
+ fields: ['withId', 'state'],
- agentqueryParam: {
- pageNum: 1,
- pageSize: 100
- }
- }
- },
- created () {
- this.getlist()
- },
- methods: {
- getexport () {
- withdrawexport(this.queryParam).then(res => {
- fileDownload(res, '提现列表.xls')
- })
- },
- // 点击修改提现状态
- getEditorder (val) {
- this.editOrderdialog = true
- this.fields.forEach(v => this.editOrderform.getFieldDecorator(v))
- this.editOrderform.setFieldsValue(pick({ withId: val }, this.fields))
- },
- // 开始更改提现状态
- OkeditOrderdialog (e) {
- const form = this.$refs.editOrderform.form
- form.validateFields((errors, values) => {
- if (!errors) {
- this.editOrderDialogloading = true
- values.state = e
- withdrawupdateState(values).then(res => {
- if (res.status == 0) {
- this.$message.success({ content: res.msg, duration: 2 })
- form.resetFields()
- this.getlist()
- } else {
- this.$message.error({ content: res.msg })
- }
- this.editOrderdialog = false
- this.editOrderDialogloading = false
- }).catch(error => {
- reject(error)
- })
- }
- })
- },
- // 取消提现状态修改
- CanceleditOrderdialog () {
- this.editOrderdialog = false
- const form = this.$refs.editOrderform.form
- form.resetFields()
- },
- onChangeRangeDate (value, dateString) {
- this.queryParam.beginTime = dateString[0]
- this.queryParam.endTime = dateString[1]
- },
- getqueryParam () {
- this.queryParam = {
- pageNum: 1,
- pageSize: 10,
- agentId: undefined,
- state: undefined,
- userId: '',
- realName: '',
- beginTime: '',
- endTime: ''
- }
- this.times = []
- },
- getagentlist () {
- var that = this
- this.agentloading = true
- nextagent(this.agentqueryParam).then(res => {
- this.agentlist = res.data.list
- setTimeout(() => {
- that.agentloading = false
- }, 500)
- })
- },
- getlist () {
- var that = this
- this.loading = true
- withdrawlist(this.queryParam).then(res => {
- this.datalist = res.data.list
- this.pagination.total = res.data.total
- setTimeout(() => {
- that.loading = false
- }, 500)
- })
- },
- onPageChange (page, pageSize) {
- this.queryParam.pageNum = page
- this.getlist()
- },
- onSizeChange (current, pageSize) {
- this.queryParam.pageNum = current
- this.queryParam.pageSize = pageSize
- this.getlist()
- }
+ agentqueryParam: {
+ pageNum: 1,
+ pageSize: 100,
+ },
}
+ },
+ created() {
+ this.getlist()
+ },
+ methods: {
+ getexport() {
+ withdrawexport(this.queryParam).then((res) => {
+ fileDownload(res, '提现列表.xls')
+ })
+ },
+ // 点击修改提现状态
+ getEditorder(val) {
+ this.editOrderdialog = true
+ this.fields.forEach((v) => this.editOrderform.getFieldDecorator(v))
+ this.editOrderform.setFieldsValue(pick({ withId: val }, this.fields))
+ },
+ // 开始更改提现状态
+ OkeditOrderdialog(e) {
+ const form = this.$refs.editOrderform.form
+ form.validateFields((errors, values) => {
+ if (!errors) {
+ this.editOrderDialogloading = true
+ values.state = e
+ withdrawupdateState(values)
+ .then((res) => {
+ if (res.status == 0) {
+ this.$message.success({ content: res.msg, duration: 2 })
+ form.resetFields()
+ this.getlist()
+ } else {
+ this.$message.error({ content: res.msg })
+ }
+ this.editOrderdialog = false
+ this.editOrderDialogloading = false
+ })
+ .catch((error) => {
+ reject(error)
+ })
+ }
+ })
+ },
+ // 取消提现状态修改
+ CanceleditOrderdialog() {
+ this.editOrderdialog = false
+ const form = this.$refs.editOrderform.form
+ form.resetFields()
+ },
+ onChangeRangeDate(value, dateString) {
+ this.queryParam.beginTime = dateString[0]
+ this.queryParam.endTime = dateString[1]
+ },
+ getqueryParam() {
+ this.queryParam = {
+ pageNum: 1,
+ pageSize: 10,
+ agentId: undefined,
+ state: undefined,
+ userId: '',
+ realName: '',
+ beginTime: '',
+ endTime: '',
+ }
+ this.times = []
+ },
+ getagentlist() {
+ var that = this
+ this.agentloading = true
+ nextagent(this.agentqueryParam).then((res) => {
+ this.agentlist = res.data.list
+ setTimeout(() => {
+ that.agentloading = false
+ }, 500)
+ })
+ },
+ getlist() {
+ var that = this
+ this.loading = true
+ withdrawlist(this.queryParam).then((res) => {
+ this.datalist = res.data.list
+ this.pagination.total = res.data.total
+ setTimeout(() => {
+ that.loading = false
+ }, 500)
+ })
+ },
+ 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