Skip to content
Projects
Groups
Snippets
Help
Loading...
Help
Submit feedback
Contribute to GitLab
Sign in
Toggle navigation
C
cust_web
Project
Project
Details
Activity
Releases
Cycle Analytics
Repository
Repository
Files
Commits
Branches
Tags
Contributors
Graph
Compare
Charts
Issues
0
Issues
0
List
Board
Labels
Milestones
Merge Requests
0
Merge Requests
0
CI / CD
CI / CD
Pipelines
Jobs
Schedules
Charts
Wiki
Wiki
Snippets
Snippets
Members
Members
Collapse sidebar
Close sidebar
Activity
Graph
Charts
Create a new issue
Jobs
Commits
Issue Boards
Open sidebar
张伯涛
cust_web
Commits
0c0a216a
Commit
0c0a216a
authored
Jan 24, 2025
by
罗林杰
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
修改订单
parent
ef46a1cd
Changes
3
Hide whitespace changes
Inline
Side-by-side
Showing
3 changed files
with
855 additions
and
134 deletions
+855
-134
cmsOrder.js
src/api/contentManagement/cmsOrder.js
+67
-0
index.vue
src/views/operationsManagement/cmsExceptionOrder/index.vue
+544
-0
index.vue
src/views/operationsManagement/cmsOrder/index.vue
+244
-134
No files found.
src/api/contentManagement/cmsOrder.js
View file @
0c0a216a
...
...
@@ -66,3 +66,70 @@ export function exportCmsOrder(query) {
responseType
:
'blob'
})
}
// 7. 查询异常订单信息表列表
export
function
listExceptionCmsOrder
(
query
)
{
return
request
({
url
:
'/cmsOrder/selectErrorOrderByPagination'
,
method
:
'get'
,
params
:
query
})
}
// 8.退款补偿
export
function
refundReimbursement
(
ids
)
{
return
request
({
url
:
'/cmsOrder/refundReimbursement'
,
method
:
'get'
,
params
:
{
// 修改为使用params来传递查询参数
ids
:
Array
.
isArray
(
ids
)
?
ids
.
join
(
','
)
:
ids
// 如果ids是数组,则将其转换为逗号分隔的字符串
}
})
}
// 9.支付确认
export
function
payConfirm
(
data
)
{
return
request
({
url
:
'/cmsOrder/order/payConfirm'
,
method
:
'post'
,
headers
:
{
'Content-Type'
:
'application/json'
},
data
:
data
})
}
// 9.人工退单
export
function
chargebacks
(
data
)
{
return
request
({
url
:
'/cmsOrder/cancel'
,
method
:
'post'
,
headers
:
{
'Content-Type'
:
'application/json'
},
data
:
data
})
}
// 9.人工退单
export
function
refundConfirm
(
data
)
{
return
request
({
url
:
'/cmsOrder/order/refundConfirm'
,
method
:
'post'
,
headers
:
{
'Content-Type'
:
'application/json'
},
data
:
data
})
}
// 9.异常订单补偿
export
function
manualCompensateOrder
(
data
)
{
return
request
({
url
:
'/cmsOrder/manualCompensateOrder'
,
method
:
'post'
,
headers
:
{
'Content-Type'
:
'application/json'
},
data
:
data
})
}
src/views/operationsManagement/cmsExceptionOrder/index.vue
0 → 100644
View file @
0c0a216a
<
template
>
<div
class=
"app-container"
>
<div
class=
"search"
>
<el-form
ref=
"queryForm"
style=
"padding: 30px 0 0 10px"
:model=
"queryParams"
:inline=
"true"
>
<el-form-item
label=
"订单名称"
prop=
"name"
>
<el-input
v-model=
"queryParams.name"
placeholder=
"请输入订单名称"
clearable
:maxlength=
"150"
size=
"small"
style=
"width: 150px"
/>
</el-form-item>
<el-form-item
label=
"商品"
prop=
"goodsId"
>
<el-input
v-model=
"queryParams.goodsId"
placeholder=
"请输入商品id"
clearable
:maxlength=
"50"
size=
"small"
style=
"width: 150px"
/>
</el-form-item>
<el-form-item
label=
"会员"
prop=
"userId"
>
<el-input
v-model=
"queryParams.userId"
placeholder=
"请输入会员id"
clearable
:maxlength=
"50"
size=
"small"
style=
"width: 150px"
/>
</el-form-item>
<el-form-item
label=
"会员账号"
prop=
"account"
>
<el-input
v-model=
"queryParams.account"
placeholder=
"请输入会员账号"
clearable
:maxlength=
"200"
size=
"small"
style=
"width: 150px"
/>
</el-form-item>
<el-form-item
label=
"总价"
prop=
"price"
>
<el-input
v-model=
"queryParams.price"
placeholder=
"请输入总价"
clearable
:maxlength=
"50"
size=
"small"
style=
"width: 150px"
/>
</el-form-item>
<el-form-item
label=
"支付金额"
prop=
"payPrice"
>
<el-input
v-model=
"queryParams.payPrice"
placeholder=
"请输入支付金额"
clearable
:maxlength=
"50"
size=
"small"
style=
"width: 150px"
/>
</el-form-item>
<el-form-item
label=
"下单时间"
>
<el-date-picker
v-model=
"dateRange"
size=
"small"
style=
"width: 200px"
value-format=
"yyyy-MM-dd"
type=
"daterange"
range-separator=
"-"
start-placeholder=
"开始日期"
end-placeholder=
"结束日期"
/>
</el-form-item>
<el-form-item
label=
"订单号"
prop=
"transactionId"
>
<el-input
v-model=
"queryParams.transactionId"
placeholder=
"请输入订单号"
clearable
:maxlength=
"50"
size=
"small"
style=
"width: 150px"
/>
</el-form-item>
<el-form-item
label=
"退款时间"
>
<el-date-picker
v-model=
"dateRange"
size=
"small"
style=
"width: 200px"
value-format=
"yyyy-MM-dd"
type=
"daterange"
range-separator=
"-"
start-placeholder=
"开始日期"
end-placeholder=
"结束日期"
/>
</el-form-item>
<el-form-item
label=
"核销时间"
>
<el-date-picker
v-model=
"dateRange"
size=
"small"
style=
"width: 200px"
value-format=
"yyyy-MM-dd"
type=
"daterange"
range-separator=
"-"
start-placeholder=
"开始日期"
end-placeholder=
"结束日期"
/>
</el-form-item>
<el-form-item
label=
"状态"
prop=
"flag"
>
<el-select
v-model=
"queryParams.flag"
placeholder=
"请选择状态"
clearable
size=
"small"
>
<el-option
v-for=
"dict in statusOptions"
:key=
"dict.dictValue"
:label=
"dict.dictLabel"
:value=
"dict.dictValue"
/>
</el-select>
</el-form-item>
<el-form-item>
<el-button
:class=
"commonField.queryClass"
:type=
"commonField.typePrimary"
:icon=
"commonField.queryIcon"
:size=
"commonField.smallSize"
@
click=
"handleQuery"
>
查询
</el-button>
<el-button
:class=
"commonField.resetClass"
:icon=
"commonField.resetIcon"
:size=
"commonField.smallSize"
@
click=
"resetQuery"
>
重置
</el-button>
</el-form-item>
</el-form>
</div>
<div
style=
"padding:5px 10px"
>
<div
class=
"tableTitle"
>
订单列表
</div>
<el-table
v-loading=
"loading"
border
:data=
"cmsOrderList"
>
<el-table-column
type=
"index"
label=
"序号"
width=
"55"
align=
"center"
/>
<el-table-column
label=
"订单名称"
prop=
"name"
:show-overflow-tooltip=
"true"
>
<template
slot-scope=
"scope"
>
{{
scope
.
row
.
name
||
'-'
}}
</
template
>
</el-table-column>
<el-table-column
label=
"商品"
prop=
"goodsId"
:show-overflow-tooltip=
"true"
>
<
template
slot-scope=
"scope"
>
{{
scope
.
row
.
goodsId
||
'-'
}}
</
template
>
</el-table-column>
<el-table-column
label=
"会员"
prop=
"userId"
:show-overflow-tooltip=
"true"
>
<
template
slot-scope=
"scope"
>
{{
scope
.
row
.
userId
||
'-'
}}
</
template
>
</el-table-column>
<el-table-column
label=
"会员账号"
prop=
"account"
:show-overflow-tooltip=
"true"
>
<
template
slot-scope=
"scope"
>
{{
scope
.
row
.
account
||
'-'
}}
</
template
>
</el-table-column>
<el-table-column
label=
"购买数量"
prop=
"num"
:show-overflow-tooltip=
"true"
>
<
template
slot-scope=
"scope"
>
{{
scope
.
row
.
num
||
'-'
}}
</
template
>
</el-table-column>
<el-table-column
label=
"总价"
prop=
"price"
:show-overflow-tooltip=
"true"
>
<
template
slot-scope=
"scope"
>
{{
scope
.
row
.
price
||
'-'
}}
</
template
>
</el-table-column>
<el-table-column
label=
"支付金额"
prop=
"payPrice"
:show-overflow-tooltip=
"true"
>
<
template
slot-scope=
"scope"
>
{{
scope
.
row
.
payPrice
||
'-'
}}
</
template
>
</el-table-column>
<el-table-column
label=
"订单类型"
prop=
"type"
:show-overflow-tooltip=
"true"
>
<
template
slot-scope=
"scope"
>
{{
scope
.
row
.
type
||
'-'
}}
</
template
>
</el-table-column>
<el-table-column
label=
"下单时间"
prop=
"orderTime"
width=
"150"
:show-overflow-tooltip=
"true"
>
<
template
slot-scope=
"scope"
>
<span>
{{
scope
.
row
.
orderTime
|
transformDateByFormat
(
'YYYY-MM-DD'
)
}}
</span>
</
template
>
</el-table-column>
<el-table-column
label=
"订单号"
prop=
"transactionId"
:show-overflow-tooltip=
"true"
>
<
template
slot-scope=
"scope"
>
{{
scope
.
row
.
transactionId
||
'-'
}}
</
template
>
</el-table-column>
<el-table-column
label=
"退款时间"
prop=
"refundTime"
width=
"150"
:show-overflow-tooltip=
"true"
>
<
template
slot-scope=
"scope"
>
<span>
{{
scope
.
row
.
refundTime
|
transformDateByFormat
(
'YYYY-MM-DD'
)
}}
</span>
</
template
>
</el-table-column>
<el-table-column
label=
"退款次数"
prop=
"refundCount"
:show-overflow-tooltip=
"true"
>
<
template
slot-scope=
"scope"
>
{{
scope
.
row
.
refundCount
||
'-'
}}
</
template
>
</el-table-column>
<el-table-column
label=
"订单状态"
prop=
"status"
:show-overflow-tooltip=
"true"
>
<
template
slot-scope=
"scope"
>
{{
scope
.
row
.
status
||
'-'
}}
</
template
>
</el-table-column>
<el-table-column
label=
"核销商家"
prop=
"cancelId"
:show-overflow-tooltip=
"true"
>
<
template
slot-scope=
"scope"
>
{{
scope
.
row
.
cancelId
||
'-'
}}
</
template
>
</el-table-column>
<el-table-column
label=
"核销时间"
prop=
"cancelTime"
width=
"150"
:show-overflow-tooltip=
"true"
>
<
template
slot-scope=
"scope"
>
<span>
{{
scope
.
row
.
cancelTime
|
transformDateByFormat
(
'YYYY-MM-DD'
)
}}
</span>
</
template
>
</el-table-column>
<el-table-column
label=
"操作"
class-name=
"small-padding fixed-width"
width=
"150px"
>
<
template
slot-scope=
"scope"
>
<el-button
:class=
"commonField.updateClass"
:type=
"commonField.typeParent"
:size=
"commonField.size"
@
click=
"handleUpdate(scope.row)"
>
详情
</el-button>
<el-button
:class=
"commonField.updateClass"
:type=
"commonField.typeParent"
:size=
"commonField.size"
@
click=
"refund(scope.row)"
>
补偿
</el-button>
</
template
>
</el-table-column>
</el-table>
</div>
<pagination
v-show=
"total>0"
:total=
"total"
:page
.
sync=
"queryParams.page"
:limit
.
sync=
"queryParams.rows"
@
pagination=
"getList"
/>
<!-- 详情 -->
<el-dialog
:title=
"title"
:visible
.
sync=
"open"
width=
"1000px"
append-to-body
>
<el-form
ref=
"form"
:model=
"form"
size=
"small"
label-width=
"90px"
>
<el-row
gutter=
"20"
>
<el-col
:span=
"12"
>
<el-form-item
label=
"订单名称"
>
{{ form.name }}
</el-form-item>
</el-col>
<el-col
:span=
"12"
>
<el-form-item
label=
"商品id"
>
{{ form.goodsId }}
</el-form-item>
</el-col>
</el-row>
<el-row
gutter=
"20"
>
<el-col
:span=
"12"
>
<el-form-item
label=
"会员id"
>
{{ form.userId }}
</el-form-item>
</el-col>
<el-col
:span=
"12"
>
<el-form-item
label=
"会员账号"
>
{{ form.account }}
</el-form-item>
</el-col>
</el-row>
<el-row
gutter=
"20"
>
<el-col
:span=
"12"
>
<el-form-item
label=
"购买数量"
>
{{ form.num }}
</el-form-item>
</el-col>
<el-col
:span=
"12"
>
<el-form-item
label=
"总价"
>
{{ form.price }}
</el-form-item>
</el-col>
</el-row>
<el-row
gutter=
"20"
>
<el-col
:span=
"12"
>
<el-form-item
label=
"支付金额"
>
{{ form.payPrice }}
</el-form-item>
</el-col>
<el-col
:span=
"12"
>
<el-form-item
label=
"订单类型"
>
{{ form.type }}
</el-form-item>
</el-col>
</el-row>
<el-row
gutter=
"20"
>
<el-col
:span=
"12"
>
<el-form-item
label=
"下单时间"
>
{{ form.orderTime }}
</el-form-item>
</el-col>
<el-col
:span=
"12"
>
<el-form-item
label=
"订单号"
>
{{ form.transactionId }}
</el-form-item>
</el-col>
</el-row>
<el-row
gutter=
"20"
>
<el-col
:span=
"12"
>
<el-form-item
label=
"退款时间"
>
{{ form.refundTime }}
</el-form-item>
</el-col>
<el-col
:span=
"12"
>
<el-form-item
label=
"退款次数"
>
{{ form.refundCount }}
</el-form-item>
</el-col>
</el-row>
<el-row
gutter=
"20"
>
<el-col
:span=
"12"
>
<el-form-item
label=
"订单状态"
>
<span
v-if=
"form.status === 0"
>
待支付
</span>
<span
v-if=
"form.status === 1"
>
已取消
</span>
<span
v-if=
"form.status === 2 || form.status === 3 || form.status === 4 || form.status=== 5"
>
退款中
</span>
<span
v-if=
"form.status === 6|| form.status === 7"
>
退款完成
</span>
<span
v-if=
"form.status === 8"
>
支付中
</span>
<span
v-if=
"form.status === 9"
>
支付完成
</span>
<span
v-if=
"form.status === 10"
>
订单关闭
</span>
</el-form-item>
</el-col>
<el-col
:span=
"12"
>
<el-form-item
label=
"核销商家id"
>
{{ form.cancelId }}
</el-form-item>
</el-col>
</el-row>
<el-row
gutter=
"20"
>
<el-col
:span=
"12"
>
<el-form-item
label=
"核销时间"
>
{{ form.cancelTime }}
</el-form-item>
</el-col>
<el-col
:span=
"12"
/>
</el-row>
<el-row
gutter=
"20"
>
<el-col
:span=
"24"
>
<el-form-item
label=
"订单备注"
>
{{ form.remark }}
</el-form-item>
</el-col>
</el-row>
</el-form>
<div
slot=
"footer"
class=
"dialog-footer"
>
<el-button
class=
"cancelBtn"
@
click=
"cancel"
>
返 回
</el-button>
</div>
</el-dialog>
</div>
</template>
<
script
>
import
{
listExceptionCmsOrder
,
manualCompensateOrder
}
from
'@/api/contentManagement/cmsOrder'
import
commonField
from
'@/utils/commonField'
export
default
{
name
:
'CmsOrder'
,
data
()
{
return
{
// 遮罩层
loading
:
true
,
// 总条数
total
:
0
,
// 订单信息表表格数据
cmsOrderList
:
[],
// 弹出层标题
title
:
''
,
// 是否显示弹出层
open
:
false
,
// 状态菜单
statusOptions
:
[
{
dictLabel
:
'启用'
,
dictValue
:
'1'
},
{
dictLabel
:
'停用'
,
dictValue
:
'0'
}
],
// 日期范围
dateRange
:
[],
// 查询参数
queryParams
:
{
page
:
1
,
rows
:
10
,
name
:
undefined
,
goodsId
:
undefined
,
userId
:
undefined
,
account
:
undefined
,
num
:
undefined
,
price
:
undefined
,
payPrice
:
undefined
,
type
:
undefined
,
orderTime
:
undefined
,
transactionId
:
undefined
,
refundTime
:
undefined
,
refundCount
:
undefined
,
status
:
undefined
,
cancelId
:
undefined
,
cancelTime
:
undefined
,
flag
:
''
},
// 表单参数
form
:
{},
// 表单校验
rules
:
{
}
}
},
computed
:
{
commonField
()
{
return
commonField
}
},
created
()
{
this
.
getList
()
// 列表查询
},
methods
:
{
/** 查询订单信息表列表 */
getList
()
{
this
.
loading
=
true
listExceptionCmsOrder
(
this
.
addDateRange
(
this
.
queryParams
,
this
.
dateRange
)).
then
(
response
=>
{
this
.
cmsOrderList
=
response
.
data
this
.
total
=
response
.
total
this
.
loading
=
false
}
)
},
// 取消按钮
cancel
()
{
this
.
open
=
false
this
.
reset
()
},
// 表单重置
reset
()
{
this
.
form
=
{
businessId
:
undefined
,
name
:
undefined
,
goodsId
:
undefined
,
userId
:
undefined
,
account
:
undefined
,
num
:
undefined
,
price
:
undefined
,
payPrice
:
undefined
,
type
:
undefined
,
orderTime
:
undefined
,
transactionId
:
undefined
,
refundTime
:
undefined
,
refundCount
:
undefined
,
status
:
undefined
,
cancelId
:
undefined
,
cancelTime
:
undefined
,
remarks
:
undefined
,
flag
:
'1'
}
this
.
resetForm
(
'form'
)
},
/** 查询按钮操作 */
handleQuery
()
{
this
.
queryParams
.
page
=
1
this
.
getList
()
},
/** 重置按钮操作 */
resetQuery
()
{
this
.
dateRange
=
[]
this
.
queryParams
=
{
page
:
1
,
rows
:
10
,
name
:
undefined
,
goodsId
:
undefined
,
userId
:
undefined
,
account
:
undefined
,
num
:
undefined
,
price
:
undefined
,
payPrice
:
undefined
,
type
:
undefined
,
orderTime
:
undefined
,
transactionId
:
undefined
,
refundTime
:
undefined
,
refundCount
:
undefined
,
status
:
undefined
,
cancelId
:
undefined
,
cancelTime
:
undefined
,
flag
:
''
}
this
.
handleQuery
()
},
/** 修改按钮操作 */
handleUpdate
(
row
)
{
this
.
reset
()
this
.
form
=
row
this
.
open
=
true
this
.
title
=
'异常订单信息'
},
refund
(
row
)
{
this
.
$confirm
(
'是否确认操作?'
,
'提示'
,
{
confirmButtonText
:
'确定'
,
cancelButtonText
:
'取消'
,
type
:
'warning'
}).
then
(()
=>
{
const
form
=
{
dtos
:
[{
businessId
:
row
.
businessId
,
goodsId
:
row
.
goodsId
}]
}
manualCompensateOrder
(
form
).
then
((
res
)
=>
{
if
(
res
.
code
===
200
)
{
this
.
$message
({
message
:
'补偿成功'
,
type
:
'success'
})
}
else
{
this
.
$message
({
message
:
res
.
message
,
type
:
'error'
})
}
this
.
getList
()
})
})
}
}
}
</
script
>
<
style
lang=
"scss"
scoped
>
.app-container
{
font-size
:
18px
;
padding
:
0
;
.placeholder
{
height
:
1
.3vh
;
background-color
:
#F4F4F4
;
margin-bottom
:
10px
}
}
</
style
>
src/views/operationsManagement/cmsOrder/index.vue
View file @
0c0a216a
...
...
@@ -136,7 +136,7 @@
</el-form>
</div>
<div
style=
"padding:5px 10px"
>
<div
class=
"tableTitle"
>
会员
列表
</div>
<div
class=
"tableTitle"
>
订单
列表
</div>
<el-table
v-loading=
"loading"
border
:data=
"cmsOrderList"
>
<el-table-column
type=
"index"
label=
"序号"
width=
"55"
align=
"center"
/>
<el-table-column
label=
"订单名称"
prop=
"name"
:show-overflow-tooltip=
"true"
>
...
...
@@ -201,7 +201,13 @@
</el-table-column>
<el-table-column
label=
"订单状态"
prop=
"status"
:show-overflow-tooltip=
"true"
>
<
template
slot-scope=
"scope"
>
{{
scope
.
row
.
status
||
'-'
}}
<span
v-if=
"scope.row.status === 0"
>
待支付
</span>
<span
v-if=
"scope.row.status === 1"
>
已取消
</span>
<span
v-if=
"scope.row.status === 2 || scope.row.status === 3 || scope.row.status === 4 || scope.row.status=== 5"
>
退款中
</span>
<span
v-if=
"scope.row.status === 6|| scope.row.status === 7"
>
退款完成
</span>
<span
v-if=
"scope.row.status === 8"
>
支付中
</span>
<span
v-if=
"scope.row.status === 9"
>
支付完成
</span>
<span
v-if=
"scope.row.status === 10"
>
订单关闭
</span>
</
template
>
</el-table-column>
<el-table-column
label=
"核销商家"
prop=
"cancelId"
:show-overflow-tooltip=
"true"
>
...
...
@@ -214,31 +220,42 @@
<span>
{{
scope
.
row
.
cancelTime
|
transformDateByFormat
(
'YYYY-MM-DD'
)
}}
</span>
</
template
>
</el-table-column>
<el-table-column
width=
"120"
label=
"状态"
prop=
"flag"
>
<
template
slot-scope=
"scope"
>
<el-switch
v-model=
"scope.row.flag"
class=
"switchDisabledStyle"
inactive-value=
"0"
active-value=
"1"
@
click
.
native=
"handleStatusChange(scope.row)"
/>
</
template
>
</el-table-column>
<el-table-column
label=
"操作"
class-name=
"small-padding fixed-width"
width=
"200px"
>
<el-table-column
label=
"操作"
class-name=
"small-padding fixed-width"
width=
"300"
>
<
template
slot-scope=
"scope"
>
<el-button
:class=
"commonField.updateClass"
:type=
"commonField.typeParent"
:size=
"commonField.size"
@
click=
"handleUpdate(scope.row)"
>
修改
</el-button>
>
详情
</el-button>
<el-button
v-if=
"(scope.row.status === 3 && scope.row.refundcount > 2)|| (scope.row.status === 5 && scope.row.refundcount > 2) "
:class=
"commonField.updateClass"
:type=
"commonField.typeParent"
:size=
"commonField.size"
@
click=
"refundreimbursement(scope.row)"
>
退款补偿
</el-button>
<el-button
:class=
"commonField.delClass"
v-if=
"scope.row.status === 8"
:class=
"commonField.updateClass"
:type=
"commonField.typeParent"
:size=
"commonField.size"
@
click=
"handleDelete(scope.row)"
>
删除
</el-button>
@
click=
"paymentconfirmation(scope.row)"
>
支付确认
</el-button>
<el-button
v-if=
"(scope.row.status === 9 && scope.row.payPrice > 0) || (scope.row.status === 11 && scope.row.payPrice > 0)"
:class=
"commonField.updateClass"
:type=
"commonField.typeParent"
:size=
"commonField.size"
@
click=
"chargebacks(scope.row)"
>
退单
</el-button>
<el-button
v-if=
"scope.row.status === 2 || scope.row.status === 4"
:class=
"commonField.updateClass"
:type=
"commonField.typeParent"
:size=
"commonField.size"
@
click=
"refund(scope.row)"
>
退款确认
</el-button>
</
template
>
</el-table-column>
</el-table>
...
...
@@ -250,82 +267,117 @@
:limit
.
sync=
"queryParams.rows"
@
pagination=
"getList"
/>
<!-- 添加或修改订单信息表配置对话框 -->
<el-dialog
:title=
"title"
:visible
.
sync=
"open"
width=
"500px"
append-to-body
>
<el-form
ref=
"form"
:model=
"form"
:rules=
"rules"
size=
"small"
label-width=
"90px"
>
<el-form-item
label=
"订单名称"
prop=
"name"
>
<el-input
v-model
.
trim=
"form.name"
show-word-limit
:maxlength=
"150"
placeholder=
"请输入订单名称"
/>
</el-form-item>
<el-form-item
label=
"商品id"
prop=
"goodsId"
>
<el-input
v-model
.
trim=
"form.goodsId"
show-word-limit
:maxlength=
"50"
placeholder=
"请输入商品id"
/>
</el-form-item>
<el-form-item
label=
"会员id"
prop=
"userId"
>
<el-input
v-model
.
trim=
"form.userId"
show-word-limit
:maxlength=
"50"
placeholder=
"请输入会员id"
/>
</el-form-item>
<el-form-item
label=
"会员账号"
prop=
"account"
>
<el-input
v-model
.
trim=
"form.account"
show-word-limit
:maxlength=
"200"
placeholder=
"请输入会员账号"
/>
</el-form-item>
<el-form-item
label=
"购买数量"
prop=
"num"
>
<el-input-number
v-model
.
trim=
"form.num"
controls-position=
"right"
:min=
"0"
/>
</el-form-item>
<el-form-item
label=
"总价"
prop=
"price"
>
<el-input
v-model
.
trim=
"form.price"
show-word-limit
:maxlength=
"50"
placeholder=
"请输入总价"
/>
</el-form-item>
<el-form-item
label=
"支付金额"
prop=
"payPrice"
>
<el-input
v-model
.
trim=
"form.payPrice"
show-word-limit
:maxlength=
"50"
placeholder=
"请输入支付金额"
/>
</el-form-item>
<el-form-item
label=
"订单类型"
prop=
"type"
>
<el-input-number
v-model
.
trim=
"form.type"
controls-position=
"right"
:min=
"0"
/>
</el-form-item>
<el-form-item
label=
"下单时间"
prop=
"orderTime"
>
<el-date-picker
v-model=
"form.orderTime"
value-format=
"yyyy-MM-dd"
type=
"date"
placeholder=
"选择日期"
/>
</el-form-item>
<el-form-item
label=
"微信支付订单号"
prop=
"transactionId"
>
<el-input
v-model
.
trim=
"form.transactionId"
show-word-limit
:maxlength=
"50"
placeholder=
"请输入微信支付订单号"
/>
</el-form-item>
<el-form-item
label=
"退款时间"
prop=
"refundTime"
>
<el-date-picker
v-model=
"form.refundTime"
value-format=
"yyyy-MM-dd"
type=
"date"
placeholder=
"选择日期"
/>
</el-form-item>
<el-form-item
label=
"退款次数"
prop=
"refundCount"
>
<el-input-number
v-model
.
trim=
"form.refundCount"
controls-position=
"right"
:min=
"0"
/>
</el-form-item>
<el-form-item
label=
"订单状态"
prop=
"status"
>
<el-input-number
v-model
.
trim=
"form.status"
controls-position=
"right"
:min=
"0"
/>
</el-form-item>
<el-form-item
label=
"核销商家id"
prop=
"cancelId"
>
<el-input
v-model
.
trim=
"form.cancelId"
show-word-limit
:maxlength=
"50"
placeholder=
"请输入核销商家id"
/>
</el-form-item>
<el-form-item
label=
"核销时间"
prop=
"cancelTime"
>
<el-date-picker
v-model=
"form.cancelTime"
value-format=
"yyyy-MM-dd"
type=
"date"
placeholder=
"选择日期"
/>
</el-form-item>
<el-form-item
label=
"状态"
>
<el-radio-group
v-model=
"form.flag"
>
<el-radio
label=
"1"
>
启用
</el-radio>
<el-radio
label=
"0"
>
停用
</el-radio>
</el-radio-group>
</el-form-item>
<el-form-item
label=
"备注"
prop=
"remarks"
>
<el-input
v-model
.
trim=
"form.remarks"
maxlength=
"200"
show-word-limit
type=
"textarea"
placeholder=
"请输入内容"
/>
</el-form-item>
<!-- 详情 -->
<el-dialog
:title=
"title"
:visible
.
sync=
"open"
width=
"1000px"
append-to-body
>
<el-form
ref=
"form"
:model=
"form"
size=
"small"
label-width=
"90px"
>
<el-row
gutter=
"20"
>
<el-col
:span=
"12"
>
<el-form-item
label=
"订单名称"
>
{{ form.name }}
</el-form-item>
</el-col>
<el-col
:span=
"12"
>
<el-form-item
label=
"商品id"
>
{{ form.goodsId }}
</el-form-item>
</el-col>
</el-row>
<el-row
gutter=
"20"
>
<el-col
:span=
"12"
>
<el-form-item
label=
"会员id"
>
{{ form.userId }}
</el-form-item>
</el-col>
<el-col
:span=
"12"
>
<el-form-item
label=
"会员账号"
>
{{ form.account }}
</el-form-item>
</el-col>
</el-row>
<el-row
gutter=
"20"
>
<el-col
:span=
"12"
>
<el-form-item
label=
"购买数量"
>
{{ form.num }}
</el-form-item>
</el-col>
<el-col
:span=
"12"
>
<el-form-item
label=
"总价"
>
{{ form.price }}
</el-form-item>
</el-col>
</el-row>
<el-row
gutter=
"20"
>
<el-col
:span=
"12"
>
<el-form-item
label=
"支付金额"
>
{{ form.payPrice }}
</el-form-item>
</el-col>
<el-col
:span=
"12"
>
<el-form-item
label=
"订单类型"
>
{{ form.type }}
</el-form-item>
</el-col>
</el-row>
<el-row
gutter=
"20"
>
<el-col
:span=
"12"
>
<el-form-item
label=
"下单时间"
>
{{ form.orderTime }}
</el-form-item>
</el-col>
<el-col
:span=
"12"
>
<el-form-item
label=
"订单号"
>
{{ form.transactionId }}
</el-form-item>
</el-col>
</el-row>
<el-row
gutter=
"20"
>
<el-col
:span=
"12"
>
<el-form-item
label=
"退款时间"
>
{{ form.refundTime }}
</el-form-item>
</el-col>
<el-col
:span=
"12"
>
<el-form-item
label=
"退款次数"
>
{{ form.refundCount }}
</el-form-item>
</el-col>
</el-row>
<el-row
gutter=
"20"
>
<el-col
:span=
"12"
>
<el-form-item
label=
"订单状态"
>
<span
v-if=
"form.status === 0"
>
待支付
</span>
<span
v-if=
"form.status === 1"
>
已取消
</span>
<span
v-if=
"form.status === 2 || form.status === 3 || form.status === 4 || form.status=== 5"
>
退款中
</span>
<span
v-if=
"form.status === 6|| form.status === 7"
>
退款完成
</span>
<span
v-if=
"form.status === 8"
>
支付中
</span>
<span
v-if=
"form.status === 9"
>
支付完成
</span>
<span
v-if=
"form.status === 10"
>
订单关闭
</span>
</el-form-item>
</el-col>
<el-col
:span=
"12"
>
<el-form-item
label=
"核销商家id"
>
{{ form.cancelId }}
</el-form-item>
</el-col>
</el-row>
<el-row
gutter=
"20"
>
<el-col
:span=
"12"
>
<el-form-item
label=
"核销时间"
>
{{ form.cancelTime }}
</el-form-item>
</el-col>
<el-col
:span=
"12"
/>
</el-row>
<el-row
gutter=
"20"
>
<el-col
:span=
"24"
>
<el-form-item
label=
"订单备注"
>
{{ form.remark }}
</el-form-item>
</el-col>
</el-row>
</el-form>
<div
slot=
"footer"
class=
"dialog-footer"
>
<el-button
class=
"cancelBtn"
@
click=
"cancel"
>
取 消
</el-button>
<el-button
class=
"submitBtn"
type=
"primary"
@
click=
"submitForm"
>
确 定
</el-button>
<el-button
class=
"cancelBtn"
@
click=
"cancel"
>
返 回
</el-button>
</div>
</el-dialog>
</div>
...
...
@@ -337,8 +389,8 @@ import {
getCmsOrder
,
delCmsOrder
,
addCmsOrder
,
updateCmsOrder
,
exportCmsOrder
}
from
'@/api/contentManagement/cmsOrder'
updateCmsOrder
,
refundReimbursement
,
payConfirm
,
chargebacks
,
refundConfirm
}
from
'@/api/contentManagement/cmsOrder'
import
commonField
from
'@/utils/commonField'
export
default
{
name
:
'CmsOrder'
,
...
...
@@ -474,12 +526,6 @@ export default {
}
this
.
handleQuery
()
},
/** 新增按钮操作 */
handleAdd
()
{
this
.
reset
()
this
.
open
=
true
this
.
title
=
'添加订单信息表'
},
/** 修改按钮操作 */
handleUpdate
(
row
)
{
this
.
reset
()
...
...
@@ -487,25 +533,7 @@ export default {
getCmsOrder
(
id
).
then
(
response
=>
{
this
.
form
=
response
.
data
this
.
open
=
true
this
.
title
=
'修改订单信息表'
})
},
// 改变状态
handleStatusChange
(
row
)
{
const
text
=
row
.
flag
===
'1'
?
'启用'
:
'停用'
this
.
$confirm
(
'确认操作?'
,
'提示'
,
{
confirmButtonText
:
'确定'
,
cancelButtonText
:
'取消'
,
type
:
'warning'
}).
then
(
function
()
{
return
updateCmsOrder
(
row
)
}).
then
(()
=>
{
this
.
$message
({
message
:
text
+
'成功'
,
type
:
'success'
})
}).
catch
(
function
()
{
row
.
flag
=
row
.
flag
===
'0'
?
'1'
:
'0'
this
.
title
=
'订单信息'
})
},
/** 提交按钮 */
...
...
@@ -546,24 +574,106 @@ export default {
}).
catch
(
function
()
{
})
},
/** 导出按钮操作 */
handleExport
()
{
const
queryParams
=
this
.
queryParams
this
.
$confirm
(
'是否确认操作?'
,
'警告'
,
{
refundreimbursement
(
row
)
{
this
.
$confirm
(
'是否确认操作?'
,
'提示'
,
{
confirmButtonText
:
'确定'
,
cancelButtonText
:
'取消'
,
type
:
'warning'
}).
then
(
function
()
{
return
exportCmsOrder
(
queryParams
).
then
(
response
=>
{
const
blob
=
new
Blob
([
response
])
const
downloadElement
=
document
.
createElement
(
'a'
)
const
href
=
window
.
URL
.
createObjectURL
(
blob
)
// 创建下载的链接
downloadElement
.
href
=
href
downloadElement
.
download
=
'订单信息表信息'
+
'.xls'
// 下载后文件名
document
.
body
.
appendChild
(
downloadElement
)
downloadElement
.
click
()
// 点击下载
document
.
body
.
removeChild
(
downloadElement
)
// 下载完成移除元素
window
.
URL
.
revokeObjectURL
(
href
)
// 释放掉blob对象
}).
then
(()
=>
{
const
ids
=
Array
.
isArray
(
row
.
businessId
)
?
row
.
businessId
:
[
row
.
businessId
]
refundReimbursement
(
ids
).
then
((
res
)
=>
{
if
(
res
.
code
===
200
)
{
this
.
$message
({
message
:
'退款补偿成功'
,
type
:
'success'
})
}
else
{
this
.
$message
({
message
:
res
.
message
,
type
:
'error'
})
}
this
.
getList
()
})
})
},
paymentconfirmation
(
row
)
{
this
.
$confirm
(
'是否确认操作?'
,
'提示'
,
{
confirmButtonText
:
'确定'
,
cancelButtonText
:
'取消'
,
type
:
'warning'
}).
then
(()
=>
{
const
form
=
{
businessId
:
row
.
businessId
,
goodsId
:
row
.
goodsId
}
payConfirm
(
form
).
then
((
res
)
=>
{
if
(
res
.
code
===
200
)
{
this
.
$message
({
message
:
'支付确认成功'
,
type
:
'success'
})
}
else
{
this
.
$message
({
message
:
res
.
message
,
type
:
'error'
})
}
this
.
getList
()
})
})
},
chargebacks
(
row
)
{
this
.
$confirm
(
'是否确认操作?'
,
'提示'
,
{
confirmButtonText
:
'确定'
,
cancelButtonText
:
'取消'
,
type
:
'warning'
}).
then
(()
=>
{
const
form
=
{
businessId
:
row
.
businessId
,
goodsId
:
row
.
goodsId
,
manualRefund
:
row
.
manualRefund
}
chargebacks
(
form
).
then
((
res
)
=>
{
if
(
res
.
code
===
200
)
{
this
.
$message
({
message
:
'退单成功'
,
type
:
'success'
})
}
else
{
this
.
$message
({
message
:
res
.
message
,
type
:
'error'
})
}
this
.
getList
()
})
})
},
refund
(
row
)
{
this
.
$confirm
(
'是否确认操作?'
,
'提示'
,
{
confirmButtonText
:
'确定'
,
cancelButtonText
:
'取消'
,
type
:
'warning'
}).
then
(()
=>
{
const
form
=
{
businessId
:
row
.
businessId
,
goodsId
:
row
.
goodsId
,
transactionId
:
row
.
transactionId
}
refundConfirm
(
form
).
then
((
res
)
=>
{
if
(
res
.
code
===
200
)
{
this
.
$message
({
message
:
'退款确认成功'
,
type
:
'success'
})
}
else
{
this
.
$message
({
message
:
res
.
message
,
type
:
'error'
})
}
this
.
getList
()
})
})
}
...
...
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment