GhubCy
2 months ago
14 changed files with 378 additions and 2388 deletions
@ -1,389 +0,0 @@ |
|||||
<template> |
|
||||
<div class="app-container"> |
|
||||
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px"> |
|
||||
<el-form-item :label="$t('business.dealCashout.cashoutId')" prop="userId"> |
|
||||
<el-input v-model="queryParams.userId" :placeholder="$t('business.dealCashout.cashoutIdPlaceholder')" clearable @keyup.enter.native="handleQuery" /> |
|
||||
</el-form-item> |
|
||||
<el-form-item :label="$t('business.dealCashout.cashoutAccount')" prop="userAccount"> |
|
||||
<el-input v-model="queryParams.userAccount" :placeholder="$t('business.dealCashout.cashoutAccountPlaceholder')" clearable @keyup.enter.native="handleQuery" /> |
|
||||
</el-form-item> |
|
||||
<el-form-item :label="$t('business.dealCashout.targetId')" prop="toId"> |
|
||||
<el-input v-model="queryParams.toId" :placeholder="$t('business.dealCashout.targetIdPlaceholder')" clearable @keyup.enter.native="handleQuery" /> |
|
||||
</el-form-item> |
|
||||
<el-form-item :label="$t('business.dealCashout.targetAccount')" prop="toAccount"> |
|
||||
<el-input v-model="queryParams.toAccount" :placeholder="$t('business.dealCashout.targetAccountPlaceholder')" clearable @keyup.enter.native="handleQuery" /> |
|
||||
</el-form-item> |
|
||||
<el-form-item :label="$t('common.createTime')"> |
|
||||
<el-date-picker v-model="daterangeCreateTime" style="width: 240px" value-format="yyyy-MM-dd HH:mm:ss" |
|
||||
type="daterange" range-separator="-" :start-placeholder="$t('common.startDate')" :end-placeholder="$t('common.endDate')" |
|
||||
:default-time="['00:00:00', '23:59:59']"></el-date-picker> |
|
||||
</el-form-item> |
|
||||
<el-form-item> |
|
||||
<el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">{{ $t('common.search') }}</el-button> |
|
||||
<el-button icon="el-icon-refresh" size="mini" @click="resetQuery">{{ $t('common.reset') }}</el-button> |
|
||||
</el-form-item> |
|
||||
</el-form> |
|
||||
|
|
||||
<el-row :gutter="10" class="mb8"> |
|
||||
<el-col :span="1.5"> |
|
||||
<el-button type="primary" plain icon="el-icon-plus" size="mini" @click="handleAdd" |
|
||||
v-hasPermi="['business:dealCashout:add']">{{ $t('common.add') }}</el-button> |
|
||||
</el-col> |
|
||||
<el-col :span="1.5"> |
|
||||
<el-button type="success" plain icon="el-icon-edit" size="mini" :disabled="single" @click="handleUpdate" |
|
||||
v-hasPermi="['business:dealCashout:edit']">{{ $t('common.edit') }}</el-button> |
|
||||
</el-col> |
|
||||
<el-col :span="1.5"> |
|
||||
<el-button type="danger" plain icon="el-icon-delete" size="mini" :disabled="multiple" @click="handleDelete" |
|
||||
v-hasPermi="['business:dealCashout:remove']">{{ $t('common.delete') }}</el-button> |
|
||||
</el-col> |
|
||||
<el-col :span="1.5"> |
|
||||
<el-button type="warning" plain icon="el-icon-download" size="mini" @click="handleExport" |
|
||||
v-hasPermi="['business:dealCashout:export']">{{ $t('common.export') }}</el-button> |
|
||||
</el-col> |
|
||||
<right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar> |
|
||||
</el-row> |
|
||||
|
|
||||
<el-table v-loading="loading" :data="dealCashoutList" @selection-change="handleSelectionChange"> |
|
||||
<el-table-column type="selection" width="55" align="center" /> |
|
||||
<el-table-column :label="$t('business.dealCashout.cashoutId')" align="center" prop="userId" /> |
|
||||
<el-table-column :label="$t('business.dealCashout.cashoutAccount')" align="center" prop="userAccount" /> |
|
||||
<el-table-column :label="$t('business.dealCashout.targetId')" align="center" prop="toId" /> |
|
||||
<el-table-column :label="$t('business.dealCashout.targetAccount')" align="center" prop="toAccount" /> |
|
||||
<el-table-column :label="$t('business.dealCashout.billCode')" align="center" prop="billCode" /> |
|
||||
<el-table-column :label="$t('business.dealCashout.amount')" align="center" prop="amount" /> |
|
||||
<el-table-column :label="$t('business.dealCashout.transferType')" align="center" prop="transferType"> |
|
||||
<template slot-scope="scope"> |
|
||||
<el-tag type="success" v-if="scope.row.transferType == '0'">{{ $t('business.dealCashout.directCashout') }}</el-tag> |
|
||||
<el-tag type="danger" v-if="scope.row.transferType == '1'">{{ $t('business.dealCashout.review') }}</el-tag> |
|
||||
</template> |
|
||||
</el-table-column> |
|
||||
<el-table-column :label="$t('business.dealCashout.remark')" align="center" prop="remark" /> |
|
||||
<el-table-column :label="$t('business.dealCashout.status')" align="center" prop="status"> |
|
||||
<template slot-scope="scope"> |
|
||||
<el-tag v-if="scope.row.status == '0'">{{ $t('business.dealCashout.submit') }}</el-tag> |
|
||||
<el-tag type="danger" v-if="scope.row.status == '1'">{{ $t('business.dealCashout.reject') }}</el-tag> |
|
||||
<el-tag type="success" v-if="scope.row.status == '2'">{{ $t('business.dealCashout.approve') }}</el-tag> |
|
||||
</template> |
|
||||
</el-table-column> |
|
||||
<el-table-column :label="$t('business.dealCashout.createBy')" align="center" prop="createBy" /> |
|
||||
<el-table-column :label="$t('common.createTime')" align="center" prop="createTime" width="180"> |
|
||||
<template slot-scope="scope"> |
|
||||
<span>{{ parseTime(scope.row.createTime, '{y}-{m}-{d}') }}</span> |
|
||||
</template> |
|
||||
</el-table-column> |
|
||||
<el-table-column :label="$t('common.updateTime')" align="center" prop="updateTime" width="180"> |
|
||||
<template slot-scope="scope"> |
|
||||
<span>{{ parseTime(scope.row.updateTime, '{y}-{m}-{d}') }}</span> |
|
||||
</template> |
|
||||
</el-table-column> |
|
||||
<el-table-column :label="$t('common.operation')" align="center" width="200" class-name="small-padding fixed-width"> |
|
||||
<template slot-scope="scope"> |
|
||||
<el-button size="mini" type="text" icon="el-icon-view" @click="handleDetail(scope.row)">{{ $t('common.detail') }}</el-button> |
|
||||
<el-button size="mini" type="text" icon="el-icon-edit" @click="handleUpdate(scope.row)" |
|
||||
v-hasPermi="['business:dealCashout:edit']">{{ $t('common.edit') }}</el-button> |
|
||||
<el-button size="mini" type="text" icon="el-icon-delete" @click="handleDelete(scope.row)" |
|
||||
v-hasPermi="['business:dealCashout:remove']">{{ $t('common.delete') }}</el-button> |
|
||||
</template> |
|
||||
</el-table-column> |
|
||||
</el-table> |
|
||||
|
|
||||
<pagination v-show="total>0" :total="total" :page.sync="queryParams.pageNum" :limit.sync="queryParams.pageSize" |
|
||||
@pagination="getList" /> |
|
||||
|
|
||||
<!-- 添加或修改提现对话框 --> |
|
||||
<el-dialog :title="title" :visible.sync="open" width="700px" append-to-body> |
|
||||
<el-form ref="form" :model="form" :rules="rules" label-width="auto"> |
|
||||
<el-form-item :label="$t('business.dealCashout.cashoutAccount')" prop="userAccount"> |
|
||||
<el-input v-model="form.userAccount" :placeholder="$t('business.dealCashout.cashoutAccountPlaceholder')" /> |
|
||||
</el-form-item> |
|
||||
<el-form-item :label="$t('business.dealCashout.targetId')" prop="toId"> |
|
||||
<el-input v-model="form.toId" :placeholder="$t('business.dealCashout.targetIdPlaceholder')" /> |
|
||||
</el-form-item> |
|
||||
<el-form-item :label="$t('business.dealCashout.targetAccount')" prop="toAccount"> |
|
||||
<el-input v-model="form.toAccount" :placeholder="$t('business.dealCashout.targetAccountPlaceholder')" /> |
|
||||
</el-form-item> |
|
||||
<el-form-item :label="$t('business.dealCashout.billCode')" prop="billCode"> |
|
||||
<el-input v-model="form.billCode" :placeholder="$t('business.dealCashout.billCodePlaceholder')" /> |
|
||||
</el-form-item> |
|
||||
<el-form-item :label="$t('business.dealCashout.amount')" prop="amount"> |
|
||||
<el-input v-model="form.amount" :placeholder="$t('business.dealCashout.amountPlaceholder')" /> |
|
||||
</el-form-item> |
|
||||
<el-form-item :label="$t('business.dealCashout.status')" prop="amount" v-if="statusShow"> |
|
||||
<el-switch v-model="value" active-color="#13ce66" inactive-color="#ff4949" active-value="2" |
|
||||
inactive-value="1"> |
|
||||
</el-switch> |
|
||||
</el-form-item> |
|
||||
<el-form-item :label="$t('business.dealCashout.remark')" prop="remark"> |
|
||||
<el-input v-model="form.remark" :placeholder="$t('business.dealCashout.remarkPlaceholder')" /> |
|
||||
</el-form-item> |
|
||||
</el-form> |
|
||||
<div slot="footer" class="dialog-footer"> |
|
||||
<el-button :loading="buttonLoading" type="primary" @click="submitForm">{{ $t('common.confirm') }}</el-button> |
|
||||
<el-button @click="cancel">{{ $t('common.cancel') }}</el-button> |
|
||||
</div> |
|
||||
</el-dialog> |
|
||||
|
|
||||
<!-- 提现详情 --> |
|
||||
<el-dialog :title="title" :visible.sync="detailOpen" width="700px" append-to-body> |
|
||||
<el-form ref="form" :model="form" label-width="auto"> |
|
||||
<el-form-item :label="$t('business.dealCashout.cashoutIdLabel')"> |
|
||||
{{form.userId}} |
|
||||
</el-form-item> |
|
||||
<el-form-item :label="$t('business.dealCashout.cashoutAccountLabel')"> |
|
||||
{{form.userAccount}} |
|
||||
</el-form-item> |
|
||||
<el-form-item :label="$t('business.dealCashout.targetIdLabel')"> |
|
||||
{{form.toId}} |
|
||||
</el-form-item> |
|
||||
<el-form-item :label="$t('business.dealCashout.targetAccountLabel')"> |
|
||||
{{form.toAccount}} |
|
||||
</el-form-item> |
|
||||
<el-form-item :label="$t('business.dealCashout.billCodeLabel')"> |
|
||||
{{form.billCode}} |
|
||||
</el-form-item> |
|
||||
<el-form-item :label="$t('business.dealCashout.amountLabel')"> |
|
||||
{{form.amount}} |
|
||||
</el-form-item> |
|
||||
<el-form-item :label="$t('business.dealCashout.remarkLabel')"> |
|
||||
{{form.remark}} |
|
||||
</el-form-item> |
|
||||
</el-form> |
|
||||
<div slot="footer" class="dialog-footer"> |
|
||||
<el-button @click="cancel">{{ $t('common.close') }}</el-button> |
|
||||
</div> |
|
||||
</el-dialog> |
|
||||
</div> |
|
||||
</template> |
|
||||
|
|
||||
<script> |
|
||||
import { |
|
||||
listDealCashout, |
|
||||
getDealCashout, |
|
||||
delDealCashout, |
|
||||
addDealCashout, |
|
||||
updateDealCashout |
|
||||
} from "@/api/business/dealCashout"; |
|
||||
|
|
||||
export default { |
|
||||
name: "DealCashout", |
|
||||
data() { |
|
||||
return { |
|
||||
// 滑块 |
|
||||
statusShow: false, |
|
||||
value: '2', |
|
||||
// 按钮loading |
|
||||
buttonLoading: false, |
|
||||
// 遮罩层 |
|
||||
loading: true, |
|
||||
// 选中数组 |
|
||||
ids: [], |
|
||||
// 非单个禁用 |
|
||||
single: true, |
|
||||
// 非多个禁用 |
|
||||
multiple: true, |
|
||||
// 显示搜索条件 |
|
||||
showSearch: true, |
|
||||
// 总条数 |
|
||||
total: 0, |
|
||||
// 提现表格数据 |
|
||||
dealCashoutList: [], |
|
||||
// 弹出层标题 |
|
||||
title: "", |
|
||||
// 是否显示弹出层 |
|
||||
open: false, |
|
||||
// 是否显示详情弹出层 |
|
||||
detailOpen: false, |
|
||||
// 状态时间范围 |
|
||||
daterangeCreateTime: [], |
|
||||
// 查询参数 |
|
||||
queryParams: { |
|
||||
pageNum: 1, |
|
||||
pageSize: 10, |
|
||||
userId: undefined, |
|
||||
userAccount: undefined, |
|
||||
toId: undefined, |
|
||||
toAccount: undefined, |
|
||||
billCode: undefined, |
|
||||
amount: undefined, |
|
||||
transferType: undefined, |
|
||||
status: undefined, |
|
||||
createBy: undefined, |
|
||||
createTime: undefined, |
|
||||
}, |
|
||||
// 表单参数 |
|
||||
form: {}, |
|
||||
// 表单校验 |
|
||||
rules: { |
|
||||
userId: [{ |
|
||||
required: true, |
|
||||
message: this.$t('business.dealCashout.userIdRequired'), |
|
||||
trigger: "blur" |
|
||||
}], |
|
||||
userAccount: [{ |
|
||||
required: true, |
|
||||
message: this.$t('business.dealCashout.userAccountRequired'), |
|
||||
trigger: "blur" |
|
||||
}], |
|
||||
toId: [{ |
|
||||
required: true, |
|
||||
message: this.$t('business.dealCashout.toIdRequired'), |
|
||||
trigger: "blur" |
|
||||
}], |
|
||||
amount: [{ |
|
||||
required: true, |
|
||||
message: this.$t('business.dealCashout.amountRequired'), |
|
||||
trigger: "blur" |
|
||||
}], |
|
||||
} |
|
||||
}; |
|
||||
}, |
|
||||
created() { |
|
||||
this.getList(); |
|
||||
}, |
|
||||
methods: { |
|
||||
/** 查询提现列表 */ |
|
||||
getList() { |
|
||||
this.loading = true; |
|
||||
this.queryParams.params = {}; |
|
||||
if (null != this.daterangeCreateTime && '' != this.daterangeCreateTime) { |
|
||||
this.queryParams.params["beginCreateTime"] = this.daterangeCreateTime[0]; |
|
||||
this.queryParams.params["endCreateTime"] = this.daterangeCreateTime[1]; |
|
||||
} |
|
||||
listDealCashout(this.queryParams).then(response => { |
|
||||
this.dealCashoutList = response.rows; |
|
||||
this.total = response.total; |
|
||||
this.loading = false; |
|
||||
}); |
|
||||
}, |
|
||||
// 处理滑块变化事件 |
|
||||
handleSliderChange() { |
|
||||
if (this.sliderValue.value === 0) { |
|
||||
this.currentStatus.value = '提交'; |
|
||||
} else if (this.sliderValue.value === 1) { |
|
||||
this.currentStatus.value = '拒绝'; |
|
||||
} else if (this.sliderValue.value === 2) { |
|
||||
this.currentStatus.value = '通过'; |
|
||||
} |
|
||||
}, |
|
||||
// 取消按钮 |
|
||||
cancel() { |
|
||||
this.open = false; |
|
||||
this.detailOpen = false; |
|
||||
this.reset(); |
|
||||
}, |
|
||||
// 表单重置 |
|
||||
reset() { |
|
||||
this.form = { |
|
||||
id: undefined, |
|
||||
userId: undefined, |
|
||||
userAccount: undefined, |
|
||||
toId: undefined, |
|
||||
toAccount: undefined, |
|
||||
billCode: undefined, |
|
||||
amount: undefined, |
|
||||
transferType: undefined, |
|
||||
remark: undefined, |
|
||||
status: undefined, |
|
||||
delFlag: undefined, |
|
||||
createBy: undefined, |
|
||||
createTime: undefined, |
|
||||
updateBy: undefined, |
|
||||
updateTime: undefined |
|
||||
}; |
|
||||
this.resetForm("form"); |
|
||||
}, |
|
||||
/** 搜索按钮操作 */ |
|
||||
handleQuery() { |
|
||||
this.queryParams.pageNum = 1; |
|
||||
this.getList(); |
|
||||
}, |
|
||||
/** 重置按钮操作 */ |
|
||||
resetQuery() { |
|
||||
this.daterangeCreateTime = []; |
|
||||
this.resetForm("queryForm"); |
|
||||
this.handleQuery(); |
|
||||
}, |
|
||||
// 多选框选中数据 |
|
||||
handleSelectionChange(selection) { |
|
||||
this.ids = selection.map(item => item.id) |
|
||||
this.single = selection.length !== 1 |
|
||||
this.multiple = !selection.length |
|
||||
}, |
|
||||
/** 新增按钮操作 */ |
|
||||
handleAdd() { |
|
||||
this.reset(); |
|
||||
this.open = true; |
|
||||
this.title = this.$t('business.dealCashout.addTitle'); |
|
||||
}, |
|
||||
/** 详情按钮操作 */ |
|
||||
handleDetail(row) { |
|
||||
this.reset(); |
|
||||
this.form = row; |
|
||||
this.detailOpen = true; |
|
||||
this.title = this.$t('business.dealCashout.detailTitle'); |
|
||||
}, |
|
||||
/** 修改按钮操作 */ |
|
||||
handleUpdate(row) { |
|
||||
this.loading = true; |
|
||||
this.reset(); |
|
||||
const id = row.id || this.ids |
|
||||
getDealCashout(id).then(response => { |
|
||||
this.loading = false; |
|
||||
this.form = response.data; |
|
||||
if (this.form.status == "0") { |
|
||||
this.statusShow = true; |
|
||||
} |
|
||||
this.open = true; |
|
||||
this.title = this.$t('business.dealCashout.editTitle'); |
|
||||
}); |
|
||||
}, |
|
||||
/** 提交按钮 */ |
|
||||
submitForm() { |
|
||||
this.$refs["form"].validate(valid => { |
|
||||
if (valid) { |
|
||||
this.buttonLoading = true; |
|
||||
if (this.form.id != null) { |
|
||||
this.form.status = this.value; |
|
||||
updateDealCashout(this.form).then(response => { |
|
||||
this.$modal.msgSuccess(this.$t('common.editSuccess')); |
|
||||
this.open = false; |
|
||||
this.getList(); |
|
||||
}).finally(() => { |
|
||||
this.buttonLoading = false; |
|
||||
}); |
|
||||
} else { |
|
||||
addDealCashout(this.form).then(response => { |
|
||||
this.$modal.msgSuccess(this.$t('common.addSuccess')); |
|
||||
this.open = false; |
|
||||
this.getList(); |
|
||||
}).finally(() => { |
|
||||
this.buttonLoading = false; |
|
||||
}); |
|
||||
} |
|
||||
} |
|
||||
}); |
|
||||
}, |
|
||||
/** 删除按钮操作 */ |
|
||||
handleDelete(row) { |
|
||||
const ids = row.id || this.ids; |
|
||||
this.$modal.confirm(this.$t('common.deleteConfirm')).then(() => { |
|
||||
this.loading = true; |
|
||||
return delDealCashout(ids); |
|
||||
}).then(() => { |
|
||||
this.loading = false; |
|
||||
this.getList(); |
|
||||
this.$modal.msgSuccess(this.$t('common.deleteSuccess')); |
|
||||
}).catch(() => {}).finally(() => { |
|
||||
this.loading = false; |
|
||||
}); |
|
||||
}, |
|
||||
/** 导出按钮操作 */ |
|
||||
handleExport() { |
|
||||
this.download('business/dealCashout/export', { |
|
||||
...this.queryParams |
|
||||
}, `dealCashout_${new Date().getTime()}.xlsx`) |
|
||||
} |
|
||||
} |
|
||||
}; |
|
||||
</script> |
|
||||
@ -1,408 +0,0 @@ |
|||||
<template> |
|
||||
<div class="app-container"> |
|
||||
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px"> |
|
||||
<el-form-item :label="$t('business.dealPay.paymentId')" prop="userId"> |
|
||||
<el-input v-model="queryParams.userId" :placeholder="$t('business.dealPay.paymentIdPlaceholder')" clearable |
|
||||
@keyup.enter.native="handleQuery"/> |
|
||||
</el-form-item> |
|
||||
<el-form-item :label="$t('business.dealPay.paymentAccount')" prop="userAccount"> |
|
||||
<el-input v-model="queryParams.userAccount" :placeholder="$t('business.dealPay.paymentAccountPlaceholder')" |
|
||||
clearable @keyup.enter.native="handleQuery"/> |
|
||||
</el-form-item> |
|
||||
<el-form-item :label="$t('business.dealPay.targetAccount')" prop="toAccount"> |
|
||||
<el-input v-model="queryParams.toAccount" :placeholder="$t('business.dealPay.targetAccountPlaceholder')" |
|
||||
clearable @keyup.enter.native="handleQuery"/> |
|
||||
</el-form-item> |
|
||||
<el-form-item :label="$t('common.createTime')"> |
|
||||
<el-date-picker v-model="daterangeCreateTime" style="width: 240px" value-format="yyyy-MM-dd HH:mm:ss" |
|
||||
type="daterange" range-separator="-" :start-placeholder="$t('common.startDate')" |
|
||||
:end-placeholder="$t('common.endDate')" |
|
||||
:default-time="['00:00:00', '23:59:59']"></el-date-picker> |
|
||||
</el-form-item> |
|
||||
<el-form-item> |
|
||||
<el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">{{ |
|
||||
$t('common.search') |
|
||||
}} |
|
||||
</el-button> |
|
||||
<el-button icon="el-icon-refresh" size="mini" @click="resetQuery">{{ $t('common.reset') }}</el-button> |
|
||||
</el-form-item> |
|
||||
</el-form> |
|
||||
|
|
||||
<el-row :gutter="10" class="mb8"> |
|
||||
<el-col :span="1.5"> |
|
||||
<el-button type="primary" plain icon="el-icon-plus" size="mini" @click="handleAdd" |
|
||||
v-hasPermi="['business:dealPay:add']">{{ $t('common.add') }} |
|
||||
</el-button> |
|
||||
</el-col> |
|
||||
<el-col :span="1.5"> |
|
||||
<el-button type="success" plain icon="el-icon-edit" size="mini" :disabled="single" @click="handleUpdate" |
|
||||
v-hasPermi="['business:dealPay:edit']">{{ $t('common.edit') }} |
|
||||
</el-button> |
|
||||
</el-col> |
|
||||
<el-col :span="1.5"> |
|
||||
<el-button type="danger" plain icon="el-icon-delete" size="mini" :disabled="multiple" @click="handleDelete" |
|
||||
v-hasPermi="['business:dealPay:remove']">{{ $t('common.delete') }} |
|
||||
</el-button> |
|
||||
</el-col> |
|
||||
<el-col :span="1.5"> |
|
||||
<el-button type="warning" plain icon="el-icon-download" size="mini" @click="handleExport" |
|
||||
v-hasPermi="['business:dealPay:export']">{{ $t('common.export') }} |
|
||||
</el-button> |
|
||||
</el-col> |
|
||||
<right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar> |
|
||||
</el-row> |
|
||||
|
|
||||
<el-table v-loading="loading" :data="dealPayList" @selection-change="handleSelectionChange"> |
|
||||
<el-table-column type="selection" width="55" align="center"/> |
|
||||
<el-table-column :label="$t('business.dealPay.paymentId')" align="center" prop="userId"/> |
|
||||
<el-table-column :label="$t('business.dealPay.paymentAccount')" align="center" prop="userAccount"/> |
|
||||
<el-table-column :label="$t('business.dealPay.targetId')" align="center" prop="toId"/> |
|
||||
<el-table-column :label="$t('business.dealPay.targetAccount')" align="center" prop="toAccount"/> |
|
||||
<el-table-column :label="$t('business.dealPay.billCode')" align="center" prop="billCode"/> |
|
||||
<el-table-column :label="$t('business.dealPay.amount')" align="center" prop="amount"/> |
|
||||
<el-table-column :label="$t('business.dealPay.transferType')" align="center" prop="transferType"> |
|
||||
<template slot-scope="scope"> |
|
||||
<el-tag type="success" v-if="scope.row.transferType == '0'">{{ |
|
||||
$t('business.dealPay.directPayment') |
|
||||
}} |
|
||||
</el-tag> |
|
||||
<el-tag type="danger" v-if="scope.row.transferType == '1'">{{ $t('business.dealPay.review') }}</el-tag> |
|
||||
</template> |
|
||||
</el-table-column> |
|
||||
<el-table-column :label="$t('business.dealPay.qrCode')" align="center" prop="qrCode"/> |
|
||||
<el-table-column :label="$t('business.dealPay.remark')" align="center" prop="remark"/> |
|
||||
<el-table-column :label="$t('business.dealPay.status')" align="center" prop="status"> |
|
||||
<template slot-scope="scope"> |
|
||||
<el-tag v-if="scope.row.status == '0'">{{ $t('business.dealPay.submit') }}</el-tag> |
|
||||
<el-tag type="danger" v-if="scope.row.status == '1'">{{ $t('business.dealPay.reject') }}</el-tag> |
|
||||
<el-tag type="success" v-if="scope.row.status == '2'">{{ $t('business.dealPay.approve') }}</el-tag> |
|
||||
</template> |
|
||||
</el-table-column> |
|
||||
<el-table-column :label="$t('common.createTime')" align="center" prop="createTime" width="180"> |
|
||||
<template slot-scope="scope"> |
|
||||
<span>{{ parseTime(scope.row.createTime, '{y}-{m}-{d}') }}</span> |
|
||||
</template> |
|
||||
</el-table-column> |
|
||||
<el-table-column :label="$t('common.operation')" align="center" width="200" |
|
||||
class-name="small-padding fixed-width"> |
|
||||
<template slot-scope="scope"> |
|
||||
<el-button size="mini" type="text" icon="el-icon-view" @click="handleDetail(scope.row)">{{ |
|
||||
$t('common.detail') |
|
||||
}} |
|
||||
</el-button> |
|
||||
<el-button size="mini" type="text" icon="el-icon-edit" @click="handleUpdate(scope.row)" |
|
||||
v-hasPermi="['business:dealPay:edit']">{{ $t('common.edit') }} |
|
||||
</el-button> |
|
||||
<el-button size="mini" type="text" icon="el-icon-delete" @click="handleDelete(scope.row)" |
|
||||
v-hasPermi="['business:dealPay:remove']">{{ $t('common.delete') }} |
|
||||
</el-button> |
|
||||
</template> |
|
||||
</el-table-column> |
|
||||
</el-table> |
|
||||
|
|
||||
<pagination v-show="total>0" :total="total" :page.sync="queryParams.pageNum" :limit.sync="queryParams.pageSize" |
|
||||
@pagination="getList"/> |
|
||||
|
|
||||
<!-- 添加或修改付款对话框 --> |
|
||||
<el-dialog :title="title" :visible.sync="open" width="500px" append-to-body> |
|
||||
<el-form ref="form" :model="form" :rules="rules" label-width="80px"> |
|
||||
<el-form-item :label="$t('business.dealPay.paymentId')" prop="userId"> |
|
||||
<el-input v-model="form.userId" :placeholder="$t('business.dealPay.paymentIdPlaceholder')"/> |
|
||||
</el-form-item> |
|
||||
<el-form-item :label="$t('business.dealPay.paymentAccount')" prop="userAccount"> |
|
||||
<el-input v-model="form.userAccount" :placeholder="$t('business.dealPay.paymentAccountPlaceholder')"/> |
|
||||
</el-form-item> |
|
||||
<el-form-item :label="$t('business.dealPay.targetId')" prop="toId"> |
|
||||
<el-input v-model="form.toId" :placeholder="$t('business.dealPay.targetIdPlaceholder')"/> |
|
||||
</el-form-item> |
|
||||
<el-form-item :label="$t('business.dealPay.targetAccount')" prop="toAccount"> |
|
||||
<el-input v-model="form.toAccount" :placeholder="$t('business.dealPay.targetAccountPlaceholder')"/> |
|
||||
</el-form-item> |
|
||||
<el-form-item :label="$t('business.dealPay.billCode')" prop="billCode"> |
|
||||
<el-input v-model="form.billCode" :placeholder="$t('business.dealPay.billCodePlaceholder')"/> |
|
||||
</el-form-item> |
|
||||
<el-form-item :label="$t('business.dealPay.amount')" prop="amount"> |
|
||||
<el-input v-model="form.amount" :placeholder="$t('business.dealPay.amountPlaceholder')"/> |
|
||||
</el-form-item> |
|
||||
<el-form-item :label="$t('business.dealPay.qrCode')" prop="qrCode"> |
|
||||
<el-input v-model="form.qrCode" :placeholder="$t('business.dealPay.qrCodePlaceholder')"/> |
|
||||
</el-form-item> |
|
||||
<el-form-item :label="$t('business.dealPay.status')" prop="amount" v-if="statusShow"> |
|
||||
<el-switch v-model="value" active-color="#13ce66" inactive-color="#ff4949" active-value="2" |
|
||||
inactive-value="1"> |
|
||||
</el-switch> |
|
||||
</el-form-item> |
|
||||
<el-form-item :label="$t('business.dealPay.remark')" prop="remark"> |
|
||||
<el-input v-model="form.remark" :placeholder="$t('business.dealPay.remarkPlaceholder')"/> |
|
||||
</el-form-item> |
|
||||
</el-form> |
|
||||
<div slot="footer" class="dialog-footer"> |
|
||||
<el-button :loading="buttonLoading" type="primary" @click="submitForm">{{ $t('common.confirm') }}</el-button> |
|
||||
<el-button @click="cancel">{{ $t('common.cancel') }}</el-button> |
|
||||
</div> |
|
||||
</el-dialog> |
|
||||
|
|
||||
<!-- 付款详情 --> |
|
||||
<el-dialog :title="title" :visible.sync="detailOpen" width="700px" append-to-body> |
|
||||
<el-form ref="form" :model="form" label-width="auto"> |
|
||||
<el-form-item :label="$t('business.dealPay.paymentIdLabel')"> |
|
||||
{{ form.userId }} |
|
||||
</el-form-item> |
|
||||
<el-form-item :label="$t('business.dealPay.paymentAccountLabel')"> |
|
||||
{{ form.userAccount }} |
|
||||
</el-form-item> |
|
||||
<el-form-item :label="$t('business.dealPay.targetIdLabel')"> |
|
||||
{{ form.toId }} |
|
||||
</el-form-item> |
|
||||
<el-form-item :label="$t('business.dealPay.targetAccountLabel')"> |
|
||||
{{ form.toAccount }} |
|
||||
</el-form-item> |
|
||||
<el-form-item :label="$t('business.dealPay.billCodeLabel')"> |
|
||||
{{ form.billCode }} |
|
||||
</el-form-item> |
|
||||
<el-form-item :label="$t('business.dealPay.amountLabel')"> |
|
||||
{{ form.amount }} |
|
||||
</el-form-item> |
|
||||
<el-form-item :label="$t('business.dealPay.qrCodeLabel')"> |
|
||||
{{ form.qrCode }} |
|
||||
</el-form-item> |
|
||||
<el-form-item :label="$t('business.dealPay.remarkLabel')"> |
|
||||
{{ form.remark }} |
|
||||
</el-form-item> |
|
||||
</el-form> |
|
||||
<div slot="footer" class="dialog-footer"> |
|
||||
<el-button @click="cancel">{{ $t('common.close') }}</el-button> |
|
||||
</div> |
|
||||
</el-dialog> |
|
||||
</div> |
|
||||
</template> |
|
||||
|
|
||||
<script> |
|
||||
import { |
|
||||
listDealPay, |
|
||||
getDealPay, |
|
||||
delDealPay, |
|
||||
addDealPay, |
|
||||
updateDealPay |
|
||||
} from "@/api/business/dealPay"; |
|
||||
|
|
||||
export default { |
|
||||
name: "DealPay", |
|
||||
data() { |
|
||||
return { |
|
||||
// 滑块 |
|
||||
statusShow: false, |
|
||||
value: '2', |
|
||||
// 按钮loading |
|
||||
buttonLoading: false, |
|
||||
// 遮罩层 |
|
||||
loading: true, |
|
||||
// 选中数组 |
|
||||
ids: [], |
|
||||
// 非单个禁用 |
|
||||
single: true, |
|
||||
// 非多个禁用 |
|
||||
multiple: true, |
|
||||
// 显示搜索条件 |
|
||||
showSearch: true, |
|
||||
// 总条数 |
|
||||
total: 0, |
|
||||
// 付款表格数据 |
|
||||
dealPayList: [], |
|
||||
// 弹出层标题 |
|
||||
title: "", |
|
||||
// 是否显示弹出层 |
|
||||
open: false, |
|
||||
// 是否显示详情弹出层 |
|
||||
detailOpen: false, |
|
||||
// 状态时间范围 |
|
||||
daterangeCreateTime: [], |
|
||||
// 查询参数 |
|
||||
queryParams: { |
|
||||
pageNum: 1, |
|
||||
pageSize: 10, |
|
||||
userId: undefined, |
|
||||
userAccount: undefined, |
|
||||
toId: undefined, |
|
||||
toAccount: undefined, |
|
||||
billCode: undefined, |
|
||||
amount: undefined, |
|
||||
transferType: undefined, |
|
||||
qrCode: undefined, |
|
||||
remark: undefined, |
|
||||
status: undefined, |
|
||||
createTime: undefined, |
|
||||
}, |
|
||||
// 表单参数 |
|
||||
form: {}, |
|
||||
// 表单校验 |
|
||||
rules: { |
|
||||
userId: [{ |
|
||||
required: true, |
|
||||
message: this.$t('business.dealPay.paymentIdRequired'), |
|
||||
trigger: "blur" |
|
||||
}], |
|
||||
userAccount: [{ |
|
||||
required: true, |
|
||||
message: this.$t('business.dealPay.paymentAccountRequired'), |
|
||||
trigger: "blur" |
|
||||
}], |
|
||||
toId: [{ |
|
||||
required: true, |
|
||||
message: this.$t('business.dealPay.targetIdRequired'), |
|
||||
trigger: "blur" |
|
||||
}], |
|
||||
toAccount: [{ |
|
||||
required: true, |
|
||||
message: this.$t('business.dealPay.targetAccountRequired'), |
|
||||
trigger: "blur" |
|
||||
}], |
|
||||
amount: [{ |
|
||||
required: true, |
|
||||
message: this.$t('business.dealPay.amountRequired'), |
|
||||
trigger: "blur" |
|
||||
}] |
|
||||
} |
|
||||
}; |
|
||||
}, |
|
||||
created() { |
|
||||
this.getList(); |
|
||||
}, |
|
||||
methods: { |
|
||||
/** 查询付款列表 */ |
|
||||
getList() { |
|
||||
this.loading = true; |
|
||||
this.queryParams.params = {}; |
|
||||
if (null != this.daterangeCreateTime && '' != this.daterangeCreateTime) { |
|
||||
this.queryParams.params["beginCreateTime"] = this.daterangeCreateTime[0]; |
|
||||
this.queryParams.params["endCreateTime"] = this.daterangeCreateTime[1]; |
|
||||
} |
|
||||
listDealPay(this.queryParams).then(response => { |
|
||||
this.dealPayList = response.rows; |
|
||||
this.total = response.total; |
|
||||
this.loading = false; |
|
||||
}); |
|
||||
}, |
|
||||
// 取消按钮 |
|
||||
cancel() { |
|
||||
this.open = false; |
|
||||
this.detailOpen = false; |
|
||||
this.reset(); |
|
||||
}, |
|
||||
// 表单重置 |
|
||||
reset() { |
|
||||
this.form = { |
|
||||
id: undefined, |
|
||||
userId: undefined, |
|
||||
userAccount: undefined, |
|
||||
toId: undefined, |
|
||||
toAccount: undefined, |
|
||||
billCode: undefined, |
|
||||
amount: undefined, |
|
||||
transferType: undefined, |
|
||||
qrCode: undefined, |
|
||||
remark: undefined, |
|
||||
status: undefined, |
|
||||
delFlag: undefined, |
|
||||
createBy: undefined, |
|
||||
createTime: undefined, |
|
||||
updateBy: undefined, |
|
||||
updateTime: undefined |
|
||||
}; |
|
||||
this.resetForm("form"); |
|
||||
}, |
|
||||
/** 搜索按钮操作 */ |
|
||||
handleQuery() { |
|
||||
this.queryParams.pageNum = 1; |
|
||||
this.getList(); |
|
||||
}, |
|
||||
/** 重置按钮操作 */ |
|
||||
resetQuery() { |
|
||||
this.daterangeCreateTime = []; |
|
||||
this.resetForm("queryForm"); |
|
||||
this.handleQuery(); |
|
||||
}, |
|
||||
// 多选框选中数据 |
|
||||
handleSelectionChange(selection) { |
|
||||
this.ids = selection.map(item => item.id) |
|
||||
this.single = selection.length !== 1 |
|
||||
this.multiple = !selection.length |
|
||||
}, |
|
||||
/** 新增按钮操作 */ |
|
||||
handleAdd() { |
|
||||
this.reset(); |
|
||||
this.open = true; |
|
||||
this.title = this.$t('business.dealPay.addPayment'); |
|
||||
}, |
|
||||
/** 详情按钮操作 */ |
|
||||
handleDetail(row) { |
|
||||
this.reset(); |
|
||||
this.form = row; |
|
||||
this.detailOpen = true; |
|
||||
this.title = this.$t('business.dealPay.payment'); |
|
||||
}, |
|
||||
/** 修改按钮操作 */ |
|
||||
handleUpdate(row) { |
|
||||
this.loading = true; |
|
||||
this.reset(); |
|
||||
const id = row.id || this.ids |
|
||||
getDealPay(id).then(response => { |
|
||||
this.loading = false; |
|
||||
this.form = response.data; |
|
||||
if (this.form.status == "0") { |
|
||||
this.statusShow = true; |
|
||||
} |
|
||||
this.open = true; |
|
||||
this.title = this.$t('business.dealPay.editPayment'); |
|
||||
}); |
|
||||
}, |
|
||||
/** 提交按钮 */ |
|
||||
submitForm() { |
|
||||
this.$refs["form"].validate(valid => { |
|
||||
if (valid) { |
|
||||
this.buttonLoading = true; |
|
||||
if (this.form.id != null) { |
|
||||
this.form.status = this.value; |
|
||||
updateDealPay(this.form).then(response => { |
|
||||
this.$modal.msgSuccess(this.$t('common.editSuccess')); |
|
||||
this.open = false; |
|
||||
this.getList(); |
|
||||
}).finally(() => { |
|
||||
this.buttonLoading = false; |
|
||||
}); |
|
||||
} else { |
|
||||
addDealPay(this.form).then(response => { |
|
||||
this.$modal.msgSuccess(this.$t('common.addSuccess')); |
|
||||
this.open = false; |
|
||||
this.getList(); |
|
||||
}).finally(() => { |
|
||||
this.buttonLoading = false; |
|
||||
}); |
|
||||
} |
|
||||
} |
|
||||
}); |
|
||||
}, |
|
||||
/** 删除按钮操作 */ |
|
||||
handleDelete(row) { |
|
||||
const ids = row.id || this.ids; |
|
||||
this.$modal.confirm(this.$t('common.deleteConfirm')).then(() => { |
|
||||
this.loading = true; |
|
||||
return delDealPay(ids); |
|
||||
}).then(() => { |
|
||||
this.loading = false; |
|
||||
this.getList(); |
|
||||
this.$modal.msgSuccess(this.$t('common.deleteSuccess')); |
|
||||
}).catch(() => { |
|
||||
}).finally(() => { |
|
||||
this.loading = false; |
|
||||
}); |
|
||||
}, |
|
||||
/** 导出按钮操作 */ |
|
||||
handleExport() { |
|
||||
this.download('business/dealPay/export', { |
|
||||
...this.queryParams |
|
||||
}, `dealPay_${new Date().getTime()}.xlsx`) |
|
||||
} |
|
||||
} |
|
||||
}; |
|
||||
</script> |
|
||||
@ -1,392 +0,0 @@ |
|||||
<template> |
|
||||
<div class="app-container"> |
|
||||
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px"> |
|
||||
<el-form-item :label="$t('business.dealReceive.cashoutId')" prop="userId"> |
|
||||
<el-input v-model="queryParams.userId" :placeholder="$t('business.dealReceive.cashoutIdPlaceholder')" clearable |
|
||||
@keyup.enter.native="handleQuery"/> |
|
||||
</el-form-item> |
|
||||
<el-form-item :label="$t('business.dealReceive.cashoutAccount')" prop="userAccount"> |
|
||||
<el-input v-model="queryParams.userAccount" :placeholder="$t('business.dealReceive.cashoutAccountPlaceholder')" |
|
||||
clearable @keyup.enter.native="handleQuery"/> |
|
||||
</el-form-item> |
|
||||
<el-form-item :label="$t('business.dealReceive.targetId')" prop="toId"> |
|
||||
<el-input v-model="queryParams.toId" :placeholder="$t('business.dealReceive.targetIdPlaceholder')" clearable |
|
||||
@keyup.enter.native="handleQuery"/> |
|
||||
</el-form-item> |
|
||||
<el-form-item :label="$t('business.dealReceive.targetAccount')" prop="toAccount"> |
|
||||
<el-input v-model="queryParams.toAccount" :placeholder="$t('business.dealReceive.targetAccountPlaceholder')" |
|
||||
clearable @keyup.enter.native="handleQuery"/> |
|
||||
</el-form-item> |
|
||||
<el-form-item :label="$t('common.createTime')" prop="createTime"> |
|
||||
<el-date-picker clearable v-model="queryParams.createTime" type="date" value-format="yyyy-MM-dd" |
|
||||
:placeholder="$t('common.createTime')"> |
|
||||
</el-date-picker> |
|
||||
</el-form-item> |
|
||||
<el-form-item> |
|
||||
<el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">{{ |
|
||||
$t('common.search') |
|
||||
}} |
|
||||
</el-button> |
|
||||
<el-button icon="el-icon-refresh" size="mini" @click="resetQuery">{{ $t('common.reset') }}</el-button> |
|
||||
</el-form-item> |
|
||||
</el-form> |
|
||||
|
|
||||
<el-row :gutter="10" class="mb8"> |
|
||||
<el-col :span="1.5"> |
|
||||
<el-button type="primary" plain icon="el-icon-plus" size="mini" @click="handleAdd" |
|
||||
v-hasPermi="['business:dealReceive:add']">{{ $t('common.add') }} |
|
||||
</el-button> |
|
||||
</el-col> |
|
||||
<el-col :span="1.5"> |
|
||||
<el-button type="success" plain icon="el-icon-edit" size="mini" :disabled="single" @click="handleUpdate" |
|
||||
v-hasPermi="['business:dealReceive:edit']">{{ $t('common.edit') }} |
|
||||
</el-button> |
|
||||
</el-col> |
|
||||
<el-col :span="1.5"> |
|
||||
<el-button type="danger" plain icon="el-icon-delete" size="mini" :disabled="multiple" @click="handleDelete" |
|
||||
v-hasPermi="['business:dealReceive:remove']">{{ $t('common.delete') }} |
|
||||
</el-button> |
|
||||
</el-col> |
|
||||
<el-col :span="1.5"> |
|
||||
<el-button type="warning" plain icon="el-icon-download" size="mini" @click="handleExport" |
|
||||
v-hasPermi="['business:dealReceive:export']">{{ $t('common.export') }} |
|
||||
</el-button> |
|
||||
</el-col> |
|
||||
<right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar> |
|
||||
</el-row> |
|
||||
|
|
||||
<el-table v-loading="loading" :data="dealReceiveList" @selection-change="handleSelectionChange"> |
|
||||
<el-table-column type="selection" width="55" align="center"/> |
|
||||
<el-table-column label="收款ID" align="center" prop="userId"/> |
|
||||
<el-table-column label="收款账户" align="center" prop="userAccount"/> |
|
||||
<el-table-column label="目标ID" align="center" prop="toId"/> |
|
||||
<el-table-column label="目标账户" align="center" prop="toAccount"/> |
|
||||
<el-table-column label="账单唯一编号" align="center" prop="billCode"/> |
|
||||
<el-table-column label="收款金额" align="center" prop="amount"/> |
|
||||
<el-table-column label="提现类型" align="center" prop="transferType"> |
|
||||
<template slot-scope="scope"> |
|
||||
<el-tag type="success" v-if="scope.row.transferType == '0'">直接收</el-tag> |
|
||||
<el-tag type="danger" v-if="scope.row.transferType == '1'">审核</el-tag> |
|
||||
</template> |
|
||||
</el-table-column> |
|
||||
<el-table-column label="二维码解析" align="center" prop="qrCode"/> |
|
||||
<el-table-column label="提现备注" align="center" prop="remark"/> |
|
||||
<el-table-column label="状态" align="center" prop="status"> |
|
||||
<template slot-scope="scope"> |
|
||||
<el-tag v-if="scope.row.status == '0'">提交</el-tag> |
|
||||
<el-tag type="danger" v-if="scope.row.status == '1'">拒绝</el-tag> |
|
||||
<el-tag type="success" v-if="scope.row.status == '2'">通过</el-tag> |
|
||||
</template> |
|
||||
</el-table-column> |
|
||||
<el-table-column :label="$t('common.operation')" align="center" prop="createTime" width="180"> |
|
||||
<template slot-scope="scope"> |
|
||||
<span>{{ parseTime(scope.row.createTime, '{y}-{m}-{d}') }}</span> |
|
||||
</template> |
|
||||
</el-table-column> |
|
||||
<el-table-column :label="$t('common.createTime')" align="center" width="200" |
|
||||
class-name="small-padding fixed-width"> |
|
||||
<template slot-scope="scope"> |
|
||||
<el-button size="mini" type="text" icon="el-icon-view" @click="handleDetail(scope.row)">{{ |
|
||||
$t('common.detail') |
|
||||
}} |
|
||||
</el-button> |
|
||||
<el-button size="mini" type="text" icon="el-icon-edit" @click="handleUpdate(scope.row)" |
|
||||
v-hasPermi="['business:dealReceive:edit']">{{ $t('common.edit') }} |
|
||||
</el-button> |
|
||||
<el-button size="mini" type="text" icon="el-icon-delete" @click="handleDelete(scope.row)" |
|
||||
v-hasPermi="['business:dealReceive:remove']">{{ $t('common.delete') }} |
|
||||
</el-button> |
|
||||
</template> |
|
||||
</el-table-column> |
|
||||
</el-table> |
|
||||
|
|
||||
<pagination v-show="total>0" :total="total" :page.sync="queryParams.pageNum" :limit.sync="queryParams.pageSize" |
|
||||
@pagination="getList"/> |
|
||||
|
|
||||
<!-- 添加或修改收款对话框 --> |
|
||||
<el-dialog :title="title" :visible.sync="open" width="700px" append-to-body> |
|
||||
<el-form ref="form" :model="form" :rules="rules" label-width="auto"> |
|
||||
<el-form-item :label="$t('business.dealReceive.cashoutAccount')" prop="userAccount"> |
|
||||
<el-input v-model="form.userAccount" :placeholder="$t('business.dealReceive.cashoutAccountPlaceholder')"/> |
|
||||
</el-form-item> |
|
||||
<el-form-item :label="$t('business.dealReceive.targetId')" prop="toId"> |
|
||||
<el-input v-model="form.toId" :placeholder="$t('business.dealReceive.targetIdPlaceholder')"/> |
|
||||
</el-form-item> |
|
||||
<el-form-item :label="$t('business.dealReceive.targetAccount')" prop="toAccount"> |
|
||||
<el-input v-model="form.toAccount" :placeholder="$t('business.dealReceive.targetAccountPlaceholder')"/> |
|
||||
</el-form-item> |
|
||||
<el-form-item :label="$t('business.dealReceive.billCode')" prop="billCode"> |
|
||||
<el-input v-model="form.billCode" :placeholder="$t('business.dealReceive.billCodePlaceholder')"/> |
|
||||
</el-form-item> |
|
||||
<el-form-item :label="$t('business.dealReceive.amount')" prop="amount"> |
|
||||
<el-input v-model="form.amount" :placeholder="$t('business.dealReceive.amountPlaceholder')"/> |
|
||||
</el-form-item> |
|
||||
<el-form-item :label="$t('business.dealReceive.qrCode')" prop="qrCode"> |
|
||||
<el-input v-model="form.qrCode" :placeholder="$t('business.dealReceive.qrCodePlaceholder')"/> |
|
||||
</el-form-item> |
|
||||
<el-form-item label="状态" prop="amount" v-if="statusShow"> |
|
||||
<el-switch v-model="value" active-color="#13ce66" inactive-color="#ff4949" active-value="2" |
|
||||
inactive-value="1"> |
|
||||
</el-switch> |
|
||||
</el-form-item> |
|
||||
<el-form-item :label="$t('business.dealReceive.remark')" prop="remark"> |
|
||||
<el-input v-model="form.remark" :placeholder="$t('business.dealReceive.remarkPlaceholder')"/> |
|
||||
</el-form-item> |
|
||||
</el-form> |
|
||||
<div slot="footer" class="dialog-footer"> |
|
||||
<el-button :loading="buttonLoading" type="primary" @click="submitForm">{{ $t('common.confirm') }}</el-button> |
|
||||
<el-button @click="cancel">{{ $t('common.cancel') }}</el-button> |
|
||||
</div> |
|
||||
</el-dialog> |
|
||||
|
|
||||
<!-- 收款详情 --> |
|
||||
<el-dialog :title="title" :visible.sync="detailOpen" width="700px" append-to-body> |
|
||||
<el-form ref="form" :model="form" label-width="auto"> |
|
||||
<el-form-item label="收款ID："> |
|
||||
{{ form.userId }} |
|
||||
</el-form-item> |
|
||||
<el-form-item label="收款账户："> |
|
||||
{{ form.userAccount }} |
|
||||
</el-form-item> |
|
||||
<el-form-item label="目标ID："> |
|
||||
{{ form.toId }} |
|
||||
</el-form-item> |
|
||||
<el-form-item label="目标账户："> |
|
||||
{{ form.toAccount }} |
|
||||
</el-form-item> |
|
||||
<el-form-item label="账单唯一编号："> |
|
||||
{{ form.billCode }} |
|
||||
</el-form-item> |
|
||||
<el-form-item label="收款金额："> |
|
||||
{{ form.amount }} |
|
||||
</el-form-item> |
|
||||
<el-form-item label="二维码解析："> |
|
||||
{{ form.qrCode }} |
|
||||
</el-form-item> |
|
||||
<el-form-item label="提现备注："> |
|
||||
{{ form.remark }} |
|
||||
</el-form-item> |
|
||||
</el-form> |
|
||||
<div slot="footer" class="dialog-footer"> |
|
||||
<el-button @click="cancel">{{ $t('common.close') }}</el-button> |
|
||||
</div> |
|
||||
</el-dialog> |
|
||||
</div> |
|
||||
</template> |
|
||||
|
|
||||
<script> |
|
||||
import { |
|
||||
listDealReceive, |
|
||||
getDealReceive, |
|
||||
delDealReceive, |
|
||||
addDealReceive, |
|
||||
updateDealReceive |
|
||||
} from "@/api/business/dealReceive"; |
|
||||
|
|
||||
export default { |
|
||||
name: "DealReceive", |
|
||||
data() { |
|
||||
return { |
|
||||
// 滑块 |
|
||||
statusShow: false, |
|
||||
value: '2', |
|
||||
// 按钮loading |
|
||||
buttonLoading: false, |
|
||||
// 遮罩层 |
|
||||
loading: true, |
|
||||
// 选中数组 |
|
||||
ids: [], |
|
||||
// 非单个禁用 |
|
||||
single: true, |
|
||||
// 非多个禁用 |
|
||||
multiple: true, |
|
||||
// 显示搜索条件 |
|
||||
showSearch: true, |
|
||||
// 总条数 |
|
||||
total: 0, |
|
||||
// 收款表格数据 |
|
||||
dealReceiveList: [], |
|
||||
// 弹出层标题 |
|
||||
title: "", |
|
||||
// 是否显示弹出层 |
|
||||
open: false, |
|
||||
// 是否显示详情弹出层 |
|
||||
detailOpen: false, |
|
||||
// 查询参数 |
|
||||
queryParams: { |
|
||||
pageNum: 1, |
|
||||
pageSize: 10, |
|
||||
userId: undefined, |
|
||||
userAccount: undefined, |
|
||||
toId: undefined, |
|
||||
toAccount: undefined, |
|
||||
billCode: undefined, |
|
||||
amount: undefined, |
|
||||
transferType: undefined, |
|
||||
qrCode: undefined, |
|
||||
remark: undefined, |
|
||||
status: undefined, |
|
||||
createTime: undefined, |
|
||||
}, |
|
||||
// 表单参数 |
|
||||
form: {}, |
|
||||
// 表单校验 |
|
||||
rules: { |
|
||||
userId: [{ |
|
||||
required: true, |
|
||||
message: this.$t('business.dealReceive.userIdRequired'), |
|
||||
trigger: "blur" |
|
||||
}], |
|
||||
userAccount: [{ |
|
||||
required: true, |
|
||||
message: this.$t('business.dealReceive.userAccountRequired'), |
|
||||
trigger: "blur" |
|
||||
}], |
|
||||
toId: [{ |
|
||||
required: true, |
|
||||
message: this.$t('business.dealReceive.toIdRequired'), |
|
||||
trigger: "blur" |
|
||||
}], |
|
||||
toAccount: [{ |
|
||||
required: true, |
|
||||
message: this.$t('business.dealReceive.toAccountRequired'), |
|
||||
trigger: "blur" |
|
||||
}], |
|
||||
} |
|
||||
}; |
|
||||
}, |
|
||||
created() { |
|
||||
this.getList(); |
|
||||
}, |
|
||||
methods: { |
|
||||
/** 查询收款列表 */ |
|
||||
getList() { |
|
||||
this.loading = true; |
|
||||
listDealReceive(this.queryParams).then(response => { |
|
||||
this.dealReceiveList = response.rows; |
|
||||
this.total = response.total; |
|
||||
this.loading = false; |
|
||||
}); |
|
||||
}, |
|
||||
// 取消按钮 |
|
||||
cancel() { |
|
||||
this.open = false; |
|
||||
this.detailOpen = false; |
|
||||
this.reset(); |
|
||||
}, |
|
||||
// 表单重置 |
|
||||
reset() { |
|
||||
this.form = { |
|
||||
id: undefined, |
|
||||
userId: undefined, |
|
||||
userAccount: undefined, |
|
||||
toId: undefined, |
|
||||
toAccount: undefined, |
|
||||
billCode: undefined, |
|
||||
amount: undefined, |
|
||||
transferType: undefined, |
|
||||
qrCode: undefined, |
|
||||
remark: undefined, |
|
||||
status: undefined, |
|
||||
delFlag: undefined, |
|
||||
createBy: undefined, |
|
||||
createTime: undefined, |
|
||||
updateBy: undefined, |
|
||||
updateTime: undefined |
|
||||
}; |
|
||||
this.resetForm("form"); |
|
||||
}, |
|
||||
/** 搜索按钮操作 */ |
|
||||
handleQuery() { |
|
||||
this.queryParams.pageNum = 1; |
|
||||
this.getList(); |
|
||||
}, |
|
||||
/** 重置按钮操作 */ |
|
||||
resetQuery() { |
|
||||
this.resetForm("queryForm"); |
|
||||
this.handleQuery(); |
|
||||
}, |
|
||||
// 多选框选中数据 |
|
||||
handleSelectionChange(selection) { |
|
||||
this.ids = selection.map(item => item.id) |
|
||||
this.single = selection.length !== 1 |
|
||||
this.multiple = !selection.length |
|
||||
}, |
|
||||
/** 新增按钮操作 */ |
|
||||
handleAdd() { |
|
||||
this.reset(); |
|
||||
this.open = true; |
|
||||
this.title = this.$t('business.dealReceive.addTitle'); |
|
||||
}, |
|
||||
/** 详情按钮操作 */ |
|
||||
handleDetail(row) { |
|
||||
this.reset(); |
|
||||
this.form = row; |
|
||||
this.detailOpen = true; |
|
||||
this.title = this.$t('business.dealReceive.detailTitle'); |
|
||||
}, |
|
||||
/** 修改按钮操作 */ |
|
||||
handleUpdate(row) { |
|
||||
this.loading = true; |
|
||||
this.reset(); |
|
||||
const id = row.id || this.ids |
|
||||
getDealReceive(id).then(response => { |
|
||||
this.loading = false; |
|
||||
this.form = response.data; |
|
||||
if (this.form.status == "0") { |
|
||||
this.statusShow = true; |
|
||||
} |
|
||||
this.open = true; |
|
||||
this.title = this.$t('business.dealReceive.editTitle'); |
|
||||
}); |
|
||||
}, |
|
||||
/** 提交按钮 */ |
|
||||
submitForm() { |
|
||||
this.$refs["form"].validate(valid => { |
|
||||
if (valid) { |
|
||||
this.buttonLoading = true; |
|
||||
if (this.form.id != null) { |
|
||||
this.form.status = this.value; |
|
||||
updateDealReceive(this.form).then(response => { |
|
||||
this.$modal.msgSuccess(this.$t('common.editSuccess')); |
|
||||
this.open = false; |
|
||||
this.getList(); |
|
||||
}).finally(() => { |
|
||||
this.buttonLoading = false; |
|
||||
}); |
|
||||
} else { |
|
||||
addDealReceive(this.form).then(response => { |
|
||||
this.$modal.msgSuccess(this.$t('common.addSuccess')); |
|
||||
this.open = false; |
|
||||
this.getList(); |
|
||||
}).finally(() => { |
|
||||
this.buttonLoading = false; |
|
||||
}); |
|
||||
} |
|
||||
} |
|
||||
}); |
|
||||
}, |
|
||||
/** 删除按钮操作 */ |
|
||||
handleDelete(row) { |
|
||||
const ids = row.id || this.ids; |
|
||||
this.$modal.confirm(this.$t('common.deleteConfirm')).then(() => { |
|
||||
this.loading = true; |
|
||||
return delDealReceive(ids); |
|
||||
}).then(() => { |
|
||||
this.loading = false; |
|
||||
this.getList(); |
|
||||
this.$modal.msgSuccess(this.$t('common.addSuccess')); |
|
||||
}).catch(() => { |
|
||||
}).finally(() => { |
|
||||
this.loading = false; |
|
||||
}); |
|
||||
}, |
|
||||
/** 导出按钮操作 */ |
|
||||
handleExport() { |
|
||||
this.download('business/dealReceive/export', { |
|
||||
...this.queryParams |
|
||||
}, `dealReceive_${new Date().getTime()}.xlsx`) |
|
||||
} |
|
||||
} |
|
||||
}; |
|
||||
</script> |
|
||||
@ -1,378 +0,0 @@ |
|||||
<template> |
|
||||
<div class="app-container"> |
|
||||
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px"> |
|
||||
<el-form-item label="充值ID" prop="userId"> |
|
||||
<el-input v-model="queryParams.userId" placeholder="请输入充值ID" clearable @keyup.enter.native="handleQuery" /> |
|
||||
</el-form-item> |
|
||||
<el-form-item label="充值账户" prop="userAccount"> |
|
||||
<el-input v-model="queryParams.userAccount" placeholder="请输入充值账户" clearable @keyup.enter.native="handleQuery" /> |
|
||||
</el-form-item> |
|
||||
<el-form-item label="目标ID" prop="toId"> |
|
||||
<el-input v-model="queryParams.toId" placeholder="请输入目标ID" clearable @keyup.enter.native="handleQuery" /> |
|
||||
</el-form-item> |
|
||||
<el-form-item label="目标账户" prop="toAccount"> |
|
||||
<el-input v-model="queryParams.toAccount" placeholder="请输入目标账户" clearable @keyup.enter.native="handleQuery" /> |
|
||||
</el-form-item> |
|
||||
<el-form-item label="账单唯一编号" prop="billCode"> |
|
||||
<el-input v-model="queryParams.billCode" placeholder="请输入账单唯一编号" clearable @keyup.enter.native="handleQuery" /> |
|
||||
</el-form-item> |
|
||||
<el-form-item label="充值金额" prop="amount"> |
|
||||
<el-input v-model="queryParams.amount" placeholder="请输入充值金额" clearable @keyup.enter.native="handleQuery" /> |
|
||||
</el-form-item> |
|
||||
<el-form-item> |
|
||||
<el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button> |
|
||||
<el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button> |
|
||||
</el-form-item> |
|
||||
</el-form> |
|
||||
|
|
||||
<el-row :gutter="10" class="mb8"> |
|
||||
<el-col :span="1.5"> |
|
||||
<el-button type="primary" plain icon="el-icon-plus" size="mini" @click="handleAdd" |
|
||||
v-hasPermi="['business:dealTopUp:add']">新增</el-button> |
|
||||
</el-col> |
|
||||
<el-col :span="1.5"> |
|
||||
<el-button type="success" plain icon="el-icon-edit" size="mini" :disabled="single" @click="handleUpdate" |
|
||||
v-hasPermi="['business:dealTopUp:edit']">修改</el-button> |
|
||||
</el-col> |
|
||||
<el-col :span="1.5"> |
|
||||
<el-button type="danger" plain icon="el-icon-delete" size="mini" :disabled="multiple" @click="handleDelete" |
|
||||
v-hasPermi="['business:dealTopUp:remove']">删除</el-button> |
|
||||
</el-col> |
|
||||
<el-col :span="1.5"> |
|
||||
<el-button type="warning" plain icon="el-icon-download" size="mini" @click="handleExport" |
|
||||
v-hasPermi="['business:dealTopUp:export']">导出</el-button> |
|
||||
</el-col> |
|
||||
<right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar> |
|
||||
</el-row> |
|
||||
|
|
||||
<el-table v-loading="loading" :data="dealTopUpList" @selection-change="handleSelectionChange"> |
|
||||
<el-table-column type="selection" width="55" align="center" /> |
|
||||
<el-table-column label="唯一ID" align="center" prop="id" v-if="true" /> |
|
||||
<el-table-column label="充值ID" align="center" prop="userId" /> |
|
||||
<el-table-column label="充值账户" align="center" prop="userAccount" /> |
|
||||
<el-table-column label="目标ID" align="center" prop="toId" /> |
|
||||
<el-table-column label="目标账户" align="center" prop="toAccount" /> |
|
||||
<el-table-column label="账单唯一编号" align="center" prop="billCode" /> |
|
||||
<el-table-column label="充值金额" align="center" prop="amount" /> |
|
||||
<el-table-column label="充值类型" align="center" prop="transferType"> |
|
||||
<template slot-scope="scope"> |
|
||||
<el-tag type="success" v-if="scope.row.transferType == '0'">直接充</el-tag> |
|
||||
<el-tag type="danger" v-if="scope.row.transferType == '1'">审核</el-tag> |
|
||||
</template> |
|
||||
</el-table-column> |
|
||||
<el-table-column label="充值备注" align="center" prop="remark" /> |
|
||||
<el-table-column label="状态" align="center" prop="status"> |
|
||||
<template slot-scope="scope"> |
|
||||
<el-tag v-if="scope.row.status == '0'">提交</el-tag> |
|
||||
<el-tag type="danger" v-if="scope.row.status == '1'">拒绝</el-tag> |
|
||||
<el-tag type="success" v-if="scope.row.status == '2'">通过</el-tag> |
|
||||
</template> |
|
||||
</el-table-column> |
|
||||
<el-table-column label="操作" align="center" width="200" class-name="small-padding fixed-width"> |
|
||||
<template slot-scope="scope"> |
|
||||
<el-button size="mini" type="text" icon="el-icon-view" @click="handleDetail(scope.row)">详情</el-button> |
|
||||
<el-button size="mini" type="text" icon="el-icon-edit" @click="handleUpdate(scope.row)" |
|
||||
v-hasPermi="['business:dealTopUp:edit']">修改</el-button> |
|
||||
<el-button size="mini" type="text" icon="el-icon-delete" @click="handleDelete(scope.row)" |
|
||||
v-hasPermi="['business:dealTopUp:remove']">删除</el-button> |
|
||||
</template> |
|
||||
</el-table-column> |
|
||||
</el-table> |
|
||||
|
|
||||
<pagination v-show="total>0" :total="total" :page.sync="queryParams.pageNum" :limit.sync="queryParams.pageSize" |
|
||||
@pagination="getList" /> |
|
||||
|
|
||||
<!-- 添加或修改充值对话框 --> |
|
||||
<el-dialog :title="title" :visible.sync="open" width="700px" append-to-body> |
|
||||
<el-form ref="form" :model="form" :rules="rules" label-width="auto"> |
|
||||
<el-form-item label="充值账户" prop="userAccount"> |
|
||||
<el-input v-model="form.userAccount" placeholder="请输入充值账户" /> |
|
||||
</el-form-item> |
|
||||
<el-form-item label="目标ID" prop="toId"> |
|
||||
<el-input v-model="form.toId" placeholder="请输入目标ID" /> |
|
||||
</el-form-item> |
|
||||
<el-form-item label="目标账户" prop="toAccount"> |
|
||||
<el-input v-model="form.toAccount" placeholder="请输入目标账户" /> |
|
||||
</el-form-item> |
|
||||
<el-form-item label="账单唯一编号" prop="billCode"> |
|
||||
<el-input v-model="form.billCode" placeholder="请输入账单唯一编号" /> |
|
||||
</el-form-item> |
|
||||
<el-form-item label="充值金额" prop="amount"> |
|
||||
<el-input v-model="form.amount" placeholder="请输入充值金额" /> |
|
||||
</el-form-item> |
|
||||
<el-form-item label="充值备注" prop="remark"> |
|
||||
<el-input v-model="form.remark" placeholder="请输入充值备注" /> |
|
||||
</el-form-item> |
|
||||
</el-form> |
|
||||
<div slot="footer" class="dialog-footer"> |
|
||||
<el-button :loading="buttonLoading" type="primary" @click="submitForm">确 定</el-button> |
|
||||
<el-button @click="cancel">取 消</el-button> |
|
||||
</div> |
|
||||
</el-dialog> |
|
||||
|
|
||||
<!-- 充值详情 --> |
|
||||
<el-dialog :title="title" :visible.sync="detailOpen" width="700px" append-to-body> |
|
||||
<el-form ref="form" :model="form" label-width="auto"> |
|
||||
<el-form-item label="充值ID："> |
|
||||
{{form.userId}} |
|
||||
</el-form-item> |
|
||||
<el-form-item label="充值账户："> |
|
||||
{{form.userAccount}} |
|
||||
</el-form-item> |
|
||||
<el-form-item label="目标ID："> |
|
||||
{{form.toId}} |
|
||||
</el-form-item> |
|
||||
<el-form-item label="目标账户："> |
|
||||
{{form.toAccount}} |
|
||||
</el-form-item> |
|
||||
<el-form-item label="账单唯一编号："> |
|
||||
{{form.billCode}} |
|
||||
</el-form-item> |
|
||||
<el-form-item label="充值金额："> |
|
||||
{{form.amount}} |
|
||||
</el-form-item> |
|
||||
<el-form-item label="充值备注："> |
|
||||
{{form.remark}} |
|
||||
</el-form-item> |
|
||||
</el-form> |
|
||||
<div slot="footer" class="dialog-footer"> |
|
||||
<el-button @click="cancel">关 闭</el-button> |
|
||||
</div> |
|
||||
</el-dialog> |
|
||||
</div> |
|
||||
</template> |
|
||||
|
|
||||
<script> |
|
||||
import { |
|
||||
listDealTopUp, |
|
||||
getDealTopUp, |
|
||||
delDealTopUp, |
|
||||
addDealTopUp, |
|
||||
updateDealTopUp |
|
||||
} from "@/api/business/dealTopUp"; |
|
||||
|
|
||||
export default { |
|
||||
name: "DealTopUp", |
|
||||
data() { |
|
||||
return { |
|
||||
// 按钮loading |
|
||||
buttonLoading: false, |
|
||||
// 遮罩层 |
|
||||
loading: true, |
|
||||
// 选中数组 |
|
||||
ids: [], |
|
||||
// 非单个禁用 |
|
||||
single: true, |
|
||||
// 非多个禁用 |
|
||||
multiple: true, |
|
||||
// 显示搜索条件 |
|
||||
showSearch: true, |
|
||||
// 总条数 |
|
||||
total: 0, |
|
||||
// 充值表格数据 |
|
||||
dealTopUpList: [], |
|
||||
// 弹出层标题 |
|
||||
title: "", |
|
||||
// 是否显示弹出层 |
|
||||
open: false, |
|
||||
// 是否显示详情弹出层 |
|
||||
detailOpen: false, |
|
||||
// 查询参数 |
|
||||
queryParams: { |
|
||||
pageNum: 1, |
|
||||
pageSize: 10, |
|
||||
userId: undefined, |
|
||||
userAccount: undefined, |
|
||||
toId: undefined, |
|
||||
toAccount: undefined, |
|
||||
billCode: undefined, |
|
||||
amount: undefined, |
|
||||
transferType: undefined, |
|
||||
status: undefined, |
|
||||
}, |
|
||||
// 表单参数 |
|
||||
form: {}, |
|
||||
// 表单校验 |
|
||||
rules: { |
|
||||
id: [{ |
|
||||
required: true, |
|
||||
message: "唯一ID不能为空", |
|
||||
trigger: "blur" |
|
||||
}], |
|
||||
userId: [{ |
|
||||
required: true, |
|
||||
message: "充值ID不能为空", |
|
||||
trigger: "blur" |
|
||||
}], |
|
||||
userAccount: [{ |
|
||||
required: true, |
|
||||
message: "充值账户不能为空", |
|
||||
trigger: "blur" |
|
||||
}], |
|
||||
toId: [{ |
|
||||
required: true, |
|
||||
message: "目标ID不能为空", |
|
||||
trigger: "blur" |
|
||||
}], |
|
||||
toAccount: [{ |
|
||||
required: true, |
|
||||
message: "目标账户不能为空", |
|
||||
trigger: "blur" |
|
||||
}], |
|
||||
billCode: [{ |
|
||||
required: true, |
|
||||
message: "账单唯一编号不能为空", |
|
||||
trigger: "blur" |
|
||||
}], |
|
||||
amount: [{ |
|
||||
required: true, |
|
||||
message: "充值金额不能为空", |
|
||||
trigger: "blur" |
|
||||
}], |
|
||||
transferType: [{ |
|
||||
required: true, |
|
||||
message: "充值类型不能为空", |
|
||||
trigger: "change" |
|
||||
}], |
|
||||
remark: [{ |
|
||||
required: true, |
|
||||
message: "充值备注不能为空", |
|
||||
trigger: "blur" |
|
||||
}], |
|
||||
status: [{ |
|
||||
required: true, |
|
||||
message: "状态不能为空", |
|
||||
trigger: "change" |
|
||||
}], |
|
||||
} |
|
||||
}; |
|
||||
}, |
|
||||
created() { |
|
||||
this.getList(); |
|
||||
}, |
|
||||
methods: { |
|
||||
/** 查询充值列表 */ |
|
||||
getList() { |
|
||||
this.loading = true; |
|
||||
listDealTopUp(this.queryParams).then(response => { |
|
||||
this.dealTopUpList = response.rows; |
|
||||
this.total = response.total; |
|
||||
this.loading = false; |
|
||||
}); |
|
||||
}, |
|
||||
// 取消按钮 |
|
||||
cancel() { |
|
||||
this.open = false; |
|
||||
this.detailOpen = false; |
|
||||
this.reset(); |
|
||||
}, |
|
||||
// 表单重置 |
|
||||
reset() { |
|
||||
this.form = { |
|
||||
id: undefined, |
|
||||
userId: undefined, |
|
||||
userAccount: undefined, |
|
||||
toId: undefined, |
|
||||
toAccount: undefined, |
|
||||
billCode: undefined, |
|
||||
amount: undefined, |
|
||||
transferType: undefined, |
|
||||
remark: undefined, |
|
||||
status: undefined, |
|
||||
delFlag: undefined, |
|
||||
createBy: undefined, |
|
||||
createTime: undefined, |
|
||||
updateBy: undefined, |
|
||||
updateTime: undefined |
|
||||
}; |
|
||||
this.resetForm("form"); |
|
||||
}, |
|
||||
/** 搜索按钮操作 */ |
|
||||
handleQuery() { |
|
||||
this.queryParams.pageNum = 1; |
|
||||
this.getList(); |
|
||||
}, |
|
||||
/** 重置按钮操作 */ |
|
||||
resetQuery() { |
|
||||
this.resetForm("queryForm"); |
|
||||
this.handleQuery(); |
|
||||
}, |
|
||||
// 多选框选中数据 |
|
||||
handleSelectionChange(selection) { |
|
||||
this.ids = selection.map(item => item.id) |
|
||||
this.single = selection.length !== 1 |
|
||||
this.multiple = !selection.length |
|
||||
}, |
|
||||
/** 新增按钮操作 */ |
|
||||
handleAdd() { |
|
||||
this.reset(); |
|
||||
this.open = true; |
|
||||
this.title = "添加充值"; |
|
||||
}, |
|
||||
/** 详情按钮操作 */ |
|
||||
handleDetail(row) { |
|
||||
this.reset(); |
|
||||
this.form = row; |
|
||||
this.detailOpen = true; |
|
||||
this.title = "充值"; |
|
||||
}, |
|
||||
/** 修改按钮操作 */ |
|
||||
handleUpdate(row) { |
|
||||
this.loading = true; |
|
||||
this.reset(); |
|
||||
const id = row.id || this.ids |
|
||||
getDealTopUp(id).then(response => { |
|
||||
this.loading = false; |
|
||||
this.form = response.data; |
|
||||
this.open = true; |
|
||||
this.title = "修改充值"; |
|
||||
}); |
|
||||
}, |
|
||||
/** 提交按钮 */ |
|
||||
submitForm() { |
|
||||
this.$refs["form"].validate(valid => { |
|
||||
if (valid) { |
|
||||
this.buttonLoading = true; |
|
||||
if (this.form.id != null) { |
|
||||
updateDealTopUp(this.form).then(response => { |
|
||||
this.$modal.msgSuccess("修改成功"); |
|
||||
this.open = false; |
|
||||
this.getList(); |
|
||||
}).finally(() => { |
|
||||
this.buttonLoading = false; |
|
||||
}); |
|
||||
} else { |
|
||||
addDealTopUp(this.form).then(response => { |
|
||||
this.$modal.msgSuccess("新增成功"); |
|
||||
this.open = false; |
|
||||
this.getList(); |
|
||||
}).finally(() => { |
|
||||
this.buttonLoading = false; |
|
||||
}); |
|
||||
} |
|
||||
} |
|
||||
}); |
|
||||
}, |
|
||||
/** 删除按钮操作 */ |
|
||||
handleDelete(row) { |
|
||||
const ids = row.id || this.ids; |
|
||||
this.$modal.confirm('是否确认删除充值编号为"' + ids + '"的数据项？').then(() => { |
|
||||
this.loading = true; |
|
||||
return delDealTopUp(ids); |
|
||||
}).then(() => { |
|
||||
this.loading = false; |
|
||||
this.getList(); |
|
||||
this.$modal.msgSuccess("删除成功"); |
|
||||
}).catch(() => {}).finally(() => { |
|
||||
this.loading = false; |
|
||||
}); |
|
||||
}, |
|
||||
/** 导出按钮操作 */ |
|
||||
handleExport() { |
|
||||
this.download('business/dealTopUp/export', { |
|
||||
...this.queryParams |
|
||||
}, `dealTopUp_${new Date().getTime()}.xlsx`) |
|
||||
} |
|
||||
} |
|
||||
}; |
|
||||
</script> |
|
||||
Loading…
Reference in new issue