48 changed files with 1791 additions and 284 deletions
@ -1,12 +1,12 @@ |
|||
module.exports = { |
|||
// 网站标题
|
|||
PAGE_TITLE: "KAKA-PAY absolute_logo", |
|||
PAGE_TITLE: "KK-PAY absolute_logo", |
|||
// 网站图标资源(图片资源)
|
|||
PAGE_LOGO_URI: "https://cdn-static.sspai.com/favicon/sspai.ico", |
|||
// 登录页面标题
|
|||
SIGN_UP_TITLE: "KAKA-PAY 后台系统 来自 absolute_logo", |
|||
SIGN_UP_TITLE: "KK-PAY 总管理后台 来自 absolute_logo", |
|||
// 侧边栏图片资源(图片资源)
|
|||
SIDEBAR_TITLE_IMAGE_URI: "https://cdn.sspai.com/2023/3/21/article/8dfc0f27-9889-8665-6b65-c69e8c81aa9d.png", |
|||
// 侧边栏标题
|
|||
SIDEBAR_TITLE: "KAKA-PAY 来自 absolute_logo", |
|||
SIDEBAR_TITLE: "KK-PAY 来自 absolute_logo", |
|||
} |
|||
@ -1,12 +1,12 @@ |
|||
module.exports = { |
|||
// 网站标题
|
|||
PAGE_TITLE: "KAKA-PAY dynamic_logo", |
|||
PAGE_TITLE: "KK-PAY dynamic_logo", |
|||
// 网站图标资源(图片资源)
|
|||
PAGE_LOGO_URI: "file:404_images/404_cloud.png", |
|||
// 登录页面标题
|
|||
SIGN_UP_TITLE: "KAKA-PAY 后台系统 来自 dynamic_logo", |
|||
SIGN_UP_TITLE: "KK-PAY 总管理后台 来自 dynamic_logo", |
|||
// 侧边栏图片资源(图片资源)
|
|||
SIDEBAR_TITLE_IMAGE_URI: "file:404_images/404_cloud.png", |
|||
// 侧边栏标题
|
|||
SIDEBAR_TITLE: "KAKA-PAY 来自 dynamic_logo", |
|||
SIDEBAR_TITLE: "KK-PAY 来自 dynamic_logo", |
|||
} |
|||
@ -1,12 +1,12 @@ |
|||
module.exports = { |
|||
// 网站标题
|
|||
PAGE_TITLE: "KAKA-PAY", |
|||
PAGE_TITLE: "KK-PAY", |
|||
// 网站图标资源(图片资源)
|
|||
PAGE_LOGO_URI: "/favicon.ico", |
|||
// 登录页面标题
|
|||
SIGN_UP_TITLE: "KAKA-PAY 后台系统", |
|||
SIGN_UP_TITLE: "KK-PAY 总管理后台", |
|||
// 侧边栏图片资源(图片资源)
|
|||
SIDEBAR_TITLE_IMAGE_URI: "file:logo/logo.png", |
|||
// 侧边栏标题
|
|||
SIDEBAR_TITLE: "KAKA-PAY", |
|||
SIDEBAR_TITLE: "KK-PAY", |
|||
} |
|||
@ -1,12 +1,12 @@ |
|||
module.exports = { |
|||
// 网站标题
|
|||
PAGE_TITLE: "KAKA-PAY 来自 static_logo", |
|||
PAGE_TITLE: "KK-PAY 来自 static_logo", |
|||
// 网站图标资源(图片资源)
|
|||
PAGE_LOGO_URI: "/logo.jpeg", |
|||
// 登录页面标题
|
|||
SIGN_UP_TITLE: "KAKA-PAY 后台系统 来自 static_logo", |
|||
SIGN_UP_TITLE: "KK-PAY 总管理后台 来自 static_logo", |
|||
// 侧边栏图片资源(图片资源)
|
|||
SIDEBAR_TITLE_IMAGE_URI: "/logo.jpeg", |
|||
// 侧边栏标题
|
|||
SIDEBAR_TITLE: "KAKA-PAY 来自 static_logo", |
|||
SIDEBAR_TITLE: "KK-PAY 来自 static_logo", |
|||
} |
|||
|
Before Width: | Height: | Size: 1.7 KiB After Width: | Height: | Size: 15 KiB |
|
After Width: | Height: | Size: 10 KiB |
|
After Width: | Height: | Size: 28 KiB |
|
Before Width: | Height: | Size: 2.5 KiB After Width: | Height: | Size: 11 KiB |
|
After Width: | Height: | Size: 27 KiB |
|
After Width: | Height: | Size: 20 KiB |
|
Before Width: | Height: | Size: 4.8 KiB After Width: | Height: | Size: 43 KiB |
@ -0,0 +1,526 @@ |
|||
<template> |
|||
<div class="app-container"> |
|||
<div class="flexBet searchTop"> |
|||
<div class="title flex m20"> |
|||
<div class="bar"></div> |
|||
<div class="text">提现子单</div> |
|||
</div> |
|||
<el-row :gutter="10" class="mb8"> |
|||
<right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar> |
|||
</el-row> |
|||
</div> |
|||
|
|||
<div class="bg"> |
|||
<el-form :model="queryParams" ref="queryForm" :inline="true" v-show="showSearch" label-width="106px" |
|||
class="flex form" style="padding: 0 20px; position: relative"> |
|||
<el-form-item label="总订单号" prop="mainOrderNo"> |
|||
<el-input size="medium" v-model="queryParams.mainOrderNo" placeholder="请输入总订单号" |
|||
@keyup.enter.native="handleQuery" style="width: 180px; border-color: #e6f1ff" /> |
|||
</el-form-item> |
|||
<el-form-item label="子订单号" prop="orderNo"> |
|||
<el-input size="medium" v-model="queryParams.orderNo" placeholder="请输入子订单号" |
|||
@keyup.enter.native="handleQuery" style="width: 180px; border-color: #e6f1ff" /> |
|||
</el-form-item> |
|||
<el-form-item label="商户订单号" prop="merchantOrderNo"> |
|||
<el-input size="medium" v-model="queryParams.merchantOrderNo" placeholder="请输入商户订单号" |
|||
@keyup.enter.native="handleQuery" style="width: 180px; border-color: #e6f1ff" /> |
|||
</el-form-item> |
|||
|
|||
<el-form-item label="卡商" prop="carddealerId"> |
|||
<el-select v-model="queryParams.carddealerId" placeholder="请选择卡商" clearable size="medium"> |
|||
<el-option v-for="(item, i) in carddealerChannelAll" :key="i" :label="item.username" |
|||
:value="item.id"></el-option> |
|||
</el-select> |
|||
</el-form-item> |
|||
|
|||
|
|||
|
|||
<el-form-item label="收款卡号" prop="cardNumber"> |
|||
<el-input size="medium" v-model="queryParams.cardNumber" placeholder="请输入收款卡号" |
|||
@keyup.enter.native="handleQuery" style="width: 180px; border-color: #e6f1ff" /> |
|||
</el-form-item> |
|||
|
|||
<el-form-item label="持卡人姓名" prop="accountName"> |
|||
<el-input size="medium" v-model="queryParams.accountName" placeholder="请输入持卡人姓名" |
|||
@keyup.enter.native="handleQuery" style="width: 180px; border-color: #e6f1ff" /> |
|||
</el-form-item> |
|||
|
|||
<el-form-item label="订单金额" prop="amount"> |
|||
<el-input size="medium" v-model="queryParams.amount" placeholder="请输入订单金额" |
|||
@keyup.enter.native="handleQuery" style="width: 180px; border-color: #e6f1ff" /> |
|||
</el-form-item> |
|||
|
|||
<el-form-item label="状态" prop="orderStatus"> |
|||
<el-select v-model="queryParams.orderStatus" placeholder="请选择状态" clearable size="medium"> |
|||
<el-option v-for="(item, i) in showAll" :key="i" :label="item.label" |
|||
:value="item.value"></el-option> |
|||
</el-select> |
|||
</el-form-item> |
|||
|
|||
<el-form-item label="创建时间"> |
|||
<el-date-picker v-model="dateRange" size="small" style="width: 240px" value-format="yyyy-MM-dd" |
|||
type="daterange" range-separator="-" start-placeholder="开始日期" end-placeholder="结束日期" |
|||
:unlink-panels="true"></el-date-picker> |
|||
</el-form-item> |
|||
|
|||
<el-form-item> |
|||
<div class="searchTop flexBet" style="align-items: center"> |
|||
<el-row :gutter="10" class="mb8"> |
|||
<el-button type="primary" icon="" size="medium" @click="handleQuery">搜索</el-button> |
|||
<el-button icon="el-icon-refresh" size="medium" @click="resetQuery">重置</el-button> |
|||
</el-row> |
|||
|
|||
<el-row :gutter="10" class="mb8" style="margin-left: 20px"> |
|||
<el-col :span="1.5"> |
|||
<el-button type="primary" plain icon="" size="medium" @click="handleExport()">导出</el-button> |
|||
</el-col> |
|||
</el-row> |
|||
</div> |
|||
</el-form-item> |
|||
</el-form> |
|||
|
|||
<el-table stripe :data="infoList" v-loading="loading"> |
|||
<el-table-column label="总订单号" align="center" prop="mainOrderNo" /> |
|||
<el-table-column label="子订单号" align="center" prop="orderNo" /> |
|||
<el-table-column label="商户订单号" align="center" prop="merchantOrderNo" /> |
|||
<el-table-column label="商户" align="center" prop="merchantName" /> |
|||
|
|||
|
|||
<el-table-column :label="'订单金额'" align="center" prop="amount"> |
|||
<template slot-scope="scope"> |
|||
{{ NumberDiv(scope.row.amount, 100) }} |
|||
</template> |
|||
</el-table-column> |
|||
|
|||
|
|||
<el-table-column label="银行名称" align="center" prop="bankName" /> |
|||
<el-table-column label="卡号" align="center" prop="cardNumber" /> |
|||
<el-table-column label="姓名" align="center" prop="accountName" /> |
|||
<el-table-column label="开户行" align="center" prop="branchName" /> |
|||
<el-table-column :label="'状态'" align="center" prop="payeeRealAmount"> |
|||
<template slot-scope="scope"> |
|||
{{ scope.row.orderStatus == 1 ? '处理中' : scope.row.orderStatus == 2 ? '审核中' : scope.row.orderStatus |
|||
== 3 ? '成功' |
|||
: scope.row.orderStatus == 4 ? '驳回' : scope.row.orderStatus == 5 ? '已撤销' : '已关闭' }} |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="创建时间" align="center" prop="createTime" min-width="180" /> |
|||
<el-table-column label="更新时间" align="center" prop="updateTime" min-width="180" /> |
|||
<el-table-column label="码商" align="center" prop="carddealerName" /> |
|||
<el-table-column :label="'付款卡(必须一致)'" align="center" prop="payeeRealAmount" min-width="180"> |
|||
<template slot-scope="scope"> |
|||
{{ scope.row.accountName }}（{{ scope.row.bankName }}）（{{ scope.row.cardNumber }}） |
|||
</template> |
|||
</el-table-column> |
|||
|
|||
<el-table-column label="操作" align="center" class-name="small-padding fixed-width" fixed="right"> |
|||
<template slot-scope="scope"> |
|||
<el-button size="small" type="text" @click="handleView(scope.row)" |
|||
style="color: #006eff">详情</el-button> |
|||
<el-button size="small" type="text" @click="handleClose(scope.row)" style="color: #006eff" |
|||
v-if="scope.row.orderStatus == 1 || scope.row.orderStatus == 2"> |
|||
关闭 |
|||
</el-button> |
|||
<el-button size="small" type="text" @click="handlePay(scope.row)" style="color: #006eff" |
|||
v-if="scope.row.orderStatus == 2"> |
|||
确认付款 |
|||
</el-button> |
|||
<el-button size="small" type="text" @click="handleReject(scope.row)" style="color: #006eff" |
|||
v-if="scope.row.orderStatus == 2"> |
|||
驳回 |
|||
</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"> |
|||
</pagination> |
|||
</div> |
|||
|
|||
<!-- 详情 --> |
|||
<el-dialog v-dialogDrag :close-on-click-modal="false" :title="detailTitle" :visible.sync="isShowDetail" width="40%" |
|||
append-to-body> |
|||
<el-form label-width="142px" :label-suffix="':'"> |
|||
<div style="display: flex;justify-content: space-around;"> |
|||
<div class="card-detail"> |
|||
<el-form-item label="总单号"> |
|||
{{ detailInfoList.mainOrderNo }} |
|||
</el-form-item> |
|||
<el-form-item label="子单号"> |
|||
{{ detailInfoList.orderNo }} |
|||
</el-form-item> |
|||
<el-form-item label="商户名称"> |
|||
{{ detailInfoList.merchantName }} |
|||
</el-form-item> |
|||
<el-form-item label="商户编号"> |
|||
{{ detailInfoList.merchantNo }} |
|||
</el-form-item> |
|||
<el-form-item label="订单金额"> |
|||
{{ NumberDiv(detailInfoList.amount, 100) }} |
|||
</el-form-item> |
|||
<el-form-item label="手续费"> |
|||
{{ NumberDiv(detailInfoList.carddealerSingleFee, 100) }} |
|||
</el-form-item> |
|||
<el-form-item label="到账金额"> |
|||
{{ NumberDiv(detailInfoList.commissionFee, 100) }} |
|||
</el-form-item> |
|||
<el-form-item label="创建时间"> |
|||
{{ detailInfoList.createTime }} |
|||
</el-form-item> |
|||
|
|||
<el-form-item label="更新时间"> |
|||
{{ detailInfoList.updateTime }} |
|||
</el-form-item> |
|||
</div> |
|||
<div class="card-detail"> |
|||
<el-form-item label="收款卡号"> |
|||
{{ detailInfoList.cardNumber }} |
|||
</el-form-item> |
|||
<el-form-item label="币种"> |
|||
{{ detailInfoList.currency }} |
|||
</el-form-item> |
|||
<el-form-item label="订单状态"> |
|||
{{ detailInfoList.orderStatus == 1 ? '处理中' : detailInfoList.orderStatus == 2 ? '审核中' : |
|||
detailInfoList.orderStatus |
|||
== 3 ? '成功' |
|||
: detailInfoList.orderStatus == 4 ? '驳回' : detailInfoList.orderStatus == 5 ? '已撤销' : '已关闭' }} |
|||
</el-form-item> |
|||
<el-form-item label="开户行"> |
|||
{{ detailInfoList.branchName }} |
|||
</el-form-item> |
|||
<el-form-item label="银行名称"> |
|||
{{ detailInfoList.bankName }} |
|||
</el-form-item> |
|||
<el-form-item label="收款人"> |
|||
{{ detailInfoList.accountName }} |
|||
</el-form-item> |
|||
<el-form-item label="备注"> |
|||
{{ detailInfoList.remark }} |
|||
</el-form-item> |
|||
</div> |
|||
</div> |
|||
|
|||
</el-form> |
|||
</el-dialog> |
|||
|
|||
<!-- 关闭 --> |
|||
<el-dialog :title="title" :visible.sync="open" width="500px" append-to-body> |
|||
<el-form ref="form" :model="form" :rules="rules" label-width="110px"> |
|||
<el-form-item label="备注" prop="remarks"> |
|||
<el-input v-model="form.remarks" placeholder="请输入原因" style="width:300px" type="textarea" /> |
|||
</el-form-item> |
|||
</el-form> |
|||
<div slot="footer" class="dialog-footer"> |
|||
<el-button type="primary" @click="submitForm('form')">保 存</el-button> |
|||
<el-button @click="cancel">取 消</el-button> |
|||
</div> |
|||
</el-dialog> |
|||
|
|||
|
|||
<!-- 驳回 --> |
|||
<el-dialog :title="title" :visible.sync="openReject" width="500px" append-to-body> |
|||
<el-form ref="formReject" :model="form" :rules="rules" label-width="110px"> |
|||
<el-form-item label="备注" prop="remarks"> |
|||
<el-input v-model="form.remarks" placeholder="请输入原因" style="width:300px" type="textarea" /> |
|||
</el-form-item> |
|||
</el-form> |
|||
<div slot="footer" class="dialog-footer"> |
|||
<el-button type="primary" @click="submitForm('formReject')">保 存</el-button> |
|||
<el-button @click="cancel">取 消</el-button> |
|||
</div> |
|||
</el-dialog> |
|||
|
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
import { listTransferOrderSub, getTransferOrderSub, delTransferOrderSub, addTransferOrderSub, updateTransferOrderSub, exportTransferOrderSub } from "@/api/order/TransferOrderSub"; |
|||
import { payOutOrder, payMerchant } from "@/api/form"; |
|||
import { common_api } from "@/api/form"; |
|||
|
|||
|
|||
|
|||
export default { |
|||
name: "TransferOrder", |
|||
dicts: ['collection_order_status'], |
|||
data() { |
|||
return { |
|||
// 所有码商 |
|||
carddealerChannelAll: [], |
|||
// 显示详情 |
|||
isShowDetail: false, |
|||
// 详情 |
|||
detailTitle: "", |
|||
// 详情的数据 |
|||
detailInfoList: {}, |
|||
dateRange: [], |
|||
// 遮罩层 |
|||
loading: true, |
|||
// 选中数组 |
|||
ids: [], |
|||
// 非单个禁用 |
|||
single: true, |
|||
// 非多个禁用 |
|||
multiple: true, |
|||
// 显示搜索条件 |
|||
showSearch: true, |
|||
// 总条数 |
|||
total: 0, |
|||
// 代付订单表格数据 |
|||
infoList: [], |
|||
// 弹出层标题 |
|||
title: "", |
|||
// 是否显示弹出层 |
|||
open: false, |
|||
openReject: false, |
|||
|
|||
// 查询参数 |
|||
queryParams: { |
|||
pageNum: 1, |
|||
pageSize: 10, |
|||
orderNo: null, |
|||
merchantOrderNo: null, |
|||
merchantNo: null, |
|||
merchantRate: null, |
|||
merchantSingleFee: null, |
|||
orderStatus: null, |
|||
bankName: null, |
|||
accountName: null, |
|||
cardNumber: null, |
|||
merchantName: null, |
|||
amount: null, |
|||
carddealerName: null, |
|||
mainOrderNo: null, |
|||
carddealerId: null, |
|||
orderSource: 4, |
|||
}, |
|||
showAll: [ |
|||
{ |
|||
label: '处理中', |
|||
value: 1, |
|||
}, |
|||
{ |
|||
label: '审核中', |
|||
value: 2, |
|||
}, |
|||
{ |
|||
label: '成功', |
|||
value: 3, |
|||
}, |
|||
{ |
|||
label: '驳回', |
|||
value: 4, |
|||
}, |
|||
{ |
|||
label: '已撤销', |
|||
value: 5, |
|||
}, |
|||
{ |
|||
label: '已关闭', |
|||
value: 6, |
|||
}, |
|||
], |
|||
// 表单参数 |
|||
form: {}, |
|||
// 表单校验 |
|||
rules: { |
|||
remarks: [{ required: true, message: "请输入原因", trigger: "blur" }], |
|||
} |
|||
}; |
|||
}, |
|||
created() { |
|||
this.getList(); |
|||
this.init(); |
|||
}, |
|||
methods: { |
|||
/** 驳回按钮操作 */ |
|||
handleReject(row) { |
|||
this.reset(); |
|||
this.openReject = true; |
|||
this.form.orderSubNo = row.orderNo |
|||
this.title = "驳回"; |
|||
}, |
|||
/** 确认付款操作 */ |
|||
handlePay(row) { |
|||
const ids = row.orderNo || this.ids; |
|||
this.$confirm( |
|||
'是否确认付款', |
|||
"警告", |
|||
{ |
|||
confirmButtonText: "确定", |
|||
cancelButtonText: "取消", |
|||
type: "warning", |
|||
} |
|||
) |
|||
.then(function () { |
|||
return payMerchant.confirmPayment({ |
|||
orderSubNo: ids |
|||
}); |
|||
}) |
|||
.then(() => { |
|||
this.getList(); |
|||
this.msgSuccess("操作成功"); |
|||
}) |
|||
.catch(() => { }); |
|||
}, |
|||
/** 关闭按钮操作 */ |
|||
handleClose(row) { |
|||
this.reset(); |
|||
this.open = true; |
|||
this.form.orderSubNo = row.orderNo |
|||
this.title = "关闭"; |
|||
}, |
|||
init() { |
|||
// 所有码商 |
|||
common_api.carddealerChannelAll().then(response => { |
|||
this.carddealerChannelAll = response.data; |
|||
}); |
|||
}, |
|||
/** 查询代付订单列表 */ |
|||
getList() { |
|||
this.loading = true; |
|||
let amount; |
|||
this.queryParams.amount ? amount = this.NumberMul(this.queryParams.amount, 100) : amount = null |
|||
let queryParams = { |
|||
amount: amount, |
|||
orderStatus: this.queryParams.orderStatus, |
|||
accountName: this.queryParams.accountName, |
|||
cardNumber: this.queryParams.cardNumber, |
|||
carddealerId: this.queryParams.carddealerId, |
|||
merchantOrderNo: this.queryParams.merchantOrderNo, |
|||
orderNo: this.queryParams.orderNo, |
|||
mainOrderNo: this.queryParams.mainOrderNo, |
|||
orderSource: 4, |
|||
} |
|||
listTransferOrderSub(this.addSESDateRange(queryParams, this.dateRange)).then(response => { |
|||
this.infoList = response.rows; |
|||
this.total = Number(response.total); |
|||
this.loading = false; |
|||
}); |
|||
}, |
|||
// 取消按钮 |
|||
cancel() { |
|||
this.open = false; |
|||
this.openReject = false |
|||
this.reset(); |
|||
}, |
|||
// 表单重置 |
|||
reset() { |
|||
this.form = { |
|||
|
|||
}; |
|||
this.resetForm("form"); |
|||
}, |
|||
/** 搜索按钮操作 */ |
|||
handleQuery() { |
|||
this.queryParams.pageNum = 1; |
|||
this.getList(); |
|||
}, |
|||
/** 重置按钮操作 */ |
|||
resetQuery() { |
|||
this.resetForm("queryForm"); |
|||
this.handleQuery(); |
|||
this.dateRange = [] |
|||
}, |
|||
// 多选框选中数据 |
|||
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 = "添加代付订单"; |
|||
}, |
|||
// 查看详情 |
|||
handleView(row) { |
|||
const id = row.orderNo; |
|||
getTransferOrderSub(id).then((response) => { |
|||
this.detailInfoList = response.data; |
|||
this.isShowDetail = true; |
|||
this.detailTitle = "详情"; |
|||
}); |
|||
}, |
|||
/** 修改按钮操作 */ |
|||
handleUpdate(row) { |
|||
this.reset(); |
|||
const id = row.id || this.ids |
|||
getTransferOrder(id).then(response => { |
|||
this.form = response.data; |
|||
this.open = true; |
|||
this.title = "修改代付订单"; |
|||
}); |
|||
}, |
|||
/** 提交按钮 */ |
|||
submitForm(type) { |
|||
this.$refs[type].validate((valid) => { |
|||
if (valid) { |
|||
const loading = this.$loading({ |
|||
lock: true, |
|||
text: `正在操作`, |
|||
spinner: "el-icon-loading", |
|||
background: "rgba(0, 0, 0, 0.7)", |
|||
}); |
|||
|
|||
if (type == 'form') { |
|||
payMerchant.closeOrderSub({ |
|||
orderSubNo: this.form.orderSubNo, |
|||
remarks: this.form.remarks |
|||
}).then((response) => { |
|||
loading.close(); |
|||
this.open = false; |
|||
this.msgSuccess("操作成功"); |
|||
this.getList(); |
|||
}).catch(() => { |
|||
loading.close(); |
|||
}); |
|||
} |
|||
if (type == 'formReject') { |
|||
payMerchant.orderRejection({ |
|||
orderSubNo: this.form.orderSubNo, |
|||
remarks: this.form.remarks |
|||
}).then((response) => { |
|||
loading.close(); |
|||
this.openReject = false; |
|||
this.msgSuccess("操作成功"); |
|||
this.getList(); |
|||
}).catch(() => { |
|||
loading.close(); |
|||
}); |
|||
} |
|||
} |
|||
}); |
|||
}, |
|||
/** 删除按钮操作 */ |
|||
handleDelete(row) { |
|||
const ids = row.id || this.ids; |
|||
this.$confirm('是否确认删除代付订单编号为"' + ids + '"的数据项?', "警告", { |
|||
confirmButtonText: "确定", |
|||
cancelButtonText: "取消", |
|||
type: "warning" |
|||
}).then(function () { |
|||
return delTransferOrder(ids); |
|||
}).then(() => { |
|||
this.getList(); |
|||
this.msgSuccess("删除成功"); |
|||
}) |
|||
}, |
|||
/** 导出按钮操作 */ |
|||
handleExport() { |
|||
const queryParams = this.queryParams; |
|||
this.$confirm('是否确认导出所有数据项?', "警告", { |
|||
confirmButtonText: "确定", |
|||
cancelButtonText: "取消", |
|||
type: "warning" |
|||
}).then(function () { |
|||
return exportTransferOrderSub(queryParams); |
|||
}).then(response => { |
|||
this.download(response.msg); |
|||
}) |
|||
} |
|||
} |
|||
}; |
|||
</script> |
|||
|
|||
@ -0,0 +1,290 @@ |
|||
<template> |
|||
<div class="app-container"> |
|||
<el-form :model="queryParams" ref="queryForm" :inline="true" v-show="showSearch" label-width="116px" class="flex form" |
|||
style="padding: 0 20px; position: relative;font-size: 18px;"> |
|||
<el-form-item> |
|||
<div class="searchTop flexBet" style="align-items: center"> |
|||
<!-- <el-row :gutter="10" class="mb8" style="margin-left: 20px"> |
|||
<el-col :span="1.5"> |
|||
<el-button type="primary" plain icon="" size="medium" @click="handleAdd()">绑定通道</el-button> |
|||
</el-col> |
|||
</el-row> --> |
|||
|
|||
</div> |
|||
</el-form-item> |
|||
<el-form-item label="代付总额" prop="reqAmount"> |
|||
{{ NumberDiv(pkCouponStore.reqAmount, 100) }} |
|||
</el-form-item> |
|||
<el-form-item label="已代付金额" prop="payeeRealAmount"> |
|||
{{ NumberDiv(pkCouponStore.payeeRealAmount, 100) }} |
|||
</el-form-item> |
|||
<el-form-item label="剩余可申请金额" prop="applicableAmount"> |
|||
{{ NumberDiv(pkCouponStore.applicableAmount, 100) }} |
|||
</el-form-item> |
|||
</el-form> |
|||
|
|||
<el-table stripe v-loading="loading" :data="infoList"> |
|||
|
|||
<el-table-column label="子订单号" align="center" prop="orderNo" /> |
|||
<el-table-column label="码商" align="center" prop="carddealerName" /> |
|||
<el-table-column :label="'金额'" align="center" prop="amount"> |
|||
<template slot-scope="scope"> |
|||
{{ NumberDiv(scope.row.amount, 100) }} |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="时间" align="center" prop="createTime" min-width="180" /> |
|||
<el-table-column label="状态" align="center" prop="status" min-width="140"> |
|||
<template slot-scope="scope"> |
|||
{{ scope.row.orderStatus == 1 ? '待码商付款' : scope.row.orderStatus == 2 ? '审核中' : scope.row.orderStatus == 3 ? '成功' |
|||
: |
|||
scope.row.orderStatus == 4 ? '驳回' : scope.row.orderStatus == 5 ? '已撤销' : '已关闭' |
|||
}} |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="操作" align="center" class-name="small-padding fixed-width" fixed="right" min-width="180"> |
|||
<template slot-scope="scope"> |
|||
<el-button size="small" type="text" @click="handleClose(scope.row)" style="color: #006eff" |
|||
v-if="scope.row.orderStatus == 1 || scope.row.orderStatus == 2"> |
|||
关闭 |
|||
</el-button> |
|||
<el-button size="small" type="text" @click="handlePay(scope.row)" style="color: #006eff" |
|||
v-if="scope.row.orderStatus == 2"> |
|||
确认付款 |
|||
</el-button> |
|||
<el-button size="small" type="text" @click="handleReject(scope.row)" style="color: #006eff" |
|||
v-if="scope.row.orderStatus == 2"> |
|||
驳回 |
|||
</el-button> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
<el-col> |
|||
<pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNum" :limit.sync="queryParams.pageSize" |
|||
@pagination="getList" /> |
|||
</el-col> |
|||
|
|||
<!-- 关闭 --> |
|||
<el-dialog :title="title" :visible.sync="open" width="500px" append-to-body> |
|||
<el-form ref="form" :model="form" :rules="rules" label-width="110px"> |
|||
<el-form-item label="备注" prop="remarks"> |
|||
<el-input v-model="form.remarks" placeholder="请输入原因" style="width:300px" type="textarea" /> |
|||
</el-form-item> |
|||
</el-form> |
|||
<div slot="footer" class="dialog-footer"> |
|||
<el-button type="primary" @click="submitForm('form')">保 存</el-button> |
|||
<el-button @click="cancel">取 消</el-button> |
|||
</div> |
|||
</el-dialog> |
|||
|
|||
|
|||
<!-- 驳回 --> |
|||
<el-dialog :title="title" :visible.sync="openReject" width="500px" append-to-body> |
|||
<el-form ref="formReject" :model="form" :rules="rules" label-width="110px"> |
|||
<el-form-item label="备注" prop="remarks"> |
|||
<el-input v-model="form.remarks" placeholder="请输入原因" style="width:300px" type="textarea" /> |
|||
</el-form-item> |
|||
</el-form> |
|||
<div slot="footer" class="dialog-footer"> |
|||
<el-button type="primary" @click="submitForm('formReject')">保 存</el-button> |
|||
<el-button @click="cancel">取 消</el-button> |
|||
</div> |
|||
</el-dialog> |
|||
|
|||
|
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
import { payMerchant, common_api } from "@/api/form"; |
|||
import { listTransferOrder, getTransferOrder, delTransferOrder, addTransferOrder, updateTransferOrder, exportTransferOrder } from "@/api/order/TransferOrder"; |
|||
|
|||
|
|||
export default { |
|||
name: "pkCouponScopeRangeStoreList", |
|||
props: { |
|||
pkCouponId: { |
|||
type: String, |
|||
default() { |
|||
return ""; |
|||
}, |
|||
}, |
|||
pkCouponStore: { |
|||
type: Object, |
|||
default: {} |
|||
} |
|||
}, |
|||
data() { |
|||
return { |
|||
dateRange: [], |
|||
// 遮罩层 |
|||
loading: true, |
|||
// 导出遮罩层 |
|||
exportLoading: false, |
|||
// 选中数组 |
|||
ids: [], |
|||
// 非单个禁用 |
|||
single: true, |
|||
// 非多个禁用 |
|||
multiple: true, |
|||
// 显示搜索条件 |
|||
showSearch: true, |
|||
// 总条数 |
|||
total: 0, |
|||
// 表格数据 |
|||
infoList: [], |
|||
// 弹出层标题 |
|||
title: "", |
|||
// 是否显示弹出层 |
|||
open: false, |
|||
openReject: false, |
|||
// 查询参数 |
|||
queryParams: { |
|||
pageNum: 1, |
|||
pageSize: 20, |
|||
pkCouponId: null, |
|||
}, |
|||
// 表单参数 |
|||
form: { |
|||
}, |
|||
detailData: {}, |
|||
// 表单校验 |
|||
rules: { |
|||
remarks: [{ required: true, message: "请输入原因", trigger: "blur" }], |
|||
}, |
|||
}; |
|||
}, |
|||
created() { |
|||
this.pkCouponId && (this.queryParams.pkCouponId = this.pkCouponId); |
|||
this.getList(); |
|||
this.init(); |
|||
}, |
|||
methods: { |
|||
change() { |
|||
this.$forceUpdate() |
|||
}, |
|||
|
|||
/** 查询 */ |
|||
getList() { |
|||
this.loading = true; |
|||
let queryParams = { |
|||
orderNo: this.queryParams.pkCouponId, |
|||
orderSource: 4 |
|||
} |
|||
payMerchant.selectOrderSub(queryParams) |
|||
.then((response) => { |
|||
this.infoList = response.rows; |
|||
this.total = Number(response.total); |
|||
this.loading = false; |
|||
}); |
|||
}, |
|||
init() { |
|||
|
|||
}, |
|||
// 取消按钮 |
|||
cancel() { |
|||
this.open = false; |
|||
this.openReject = false |
|||
this.reset(); |
|||
}, |
|||
// 表单重置 |
|||
reset() { |
|||
this.form = {}; |
|||
this.resetForm("form"); |
|||
}, |
|||
/** 搜索按钮操作 */ |
|||
handleQuery() { |
|||
this.queryParams.pageNum = 1; |
|||
this.getList(); |
|||
}, |
|||
/** 重置按钮操作 */ |
|||
resetQuery() { |
|||
this.dateRange = []; |
|||
this.resetForm("queryForm"); |
|||
this.handleQuery(); |
|||
}, |
|||
/** 关闭按钮操作 */ |
|||
handleClose(row) { |
|||
this.reset(); |
|||
this.open = true; |
|||
this.form.orderSubNo = row.orderNo |
|||
this.title = "关闭"; |
|||
}, |
|||
/** 驳回按钮操作 */ |
|||
handleReject(row) { |
|||
this.reset(); |
|||
this.openReject = true; |
|||
this.form.orderSubNo = row.orderNo |
|||
this.title = "驳回"; |
|||
}, |
|||
/** 提交按钮 */ |
|||
submitForm(type) { |
|||
this.$refs[type].validate((valid) => { |
|||
if (valid) { |
|||
const loading = this.$loading({ |
|||
lock: true, |
|||
text: `正在操作`, |
|||
spinner: "el-icon-loading", |
|||
background: "rgba(0, 0, 0, 0.7)", |
|||
}); |
|||
|
|||
if (type == 'form') { |
|||
payMerchant.closeOrderSub({ |
|||
orderSubNo: this.form.orderSubNo, |
|||
remarks: this.form.remarks |
|||
}).then((response) => { |
|||
loading.close(); |
|||
this.open = false; |
|||
this.msgSuccess("操作成功"); |
|||
this.getList(); |
|||
}).catch(() => { |
|||
loading.close(); |
|||
}); |
|||
} |
|||
if (type == 'formReject') { |
|||
payMerchant.orderRejection({ |
|||
orderSubNo: this.form.orderSubNo, |
|||
remarks: this.form.remarks |
|||
}).then((response) => { |
|||
loading.close(); |
|||
this.openReject = false; |
|||
this.msgSuccess("操作成功"); |
|||
this.getList(); |
|||
}).catch(() => { |
|||
loading.close(); |
|||
}); |
|||
} |
|||
} |
|||
}); |
|||
}, |
|||
/** 确认付款操作 */ |
|||
handlePay(row) { |
|||
const ids = row.orderNo || this.ids; |
|||
this.$confirm( |
|||
'是否确认付款', |
|||
"警告", |
|||
{ |
|||
confirmButtonText: "确定", |
|||
cancelButtonText: "取消", |
|||
type: "warning", |
|||
} |
|||
) |
|||
.then(function () { |
|||
return payMerchant.confirmPayment({ |
|||
orderSubNo: ids |
|||
}); |
|||
}) |
|||
.then(() => { |
|||
this.getList(); |
|||
this.msgSuccess("操作成功"); |
|||
}) |
|||
.catch(() => { }); |
|||
}, |
|||
}, |
|||
}; |
|||
</script> |
|||
|
|||
<style lang="scss" scoped> |
|||
.el-radio { |
|||
line-height: 2; |
|||
} |
|||
</style> |
|||
Binary file not shown.
Loading…
Reference in new issue