Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
计全科技
jeepay-ui
提交
2d5ae622
jeepay-ui
项目概览
计全科技
/
jeepay-ui
通知
11
Star
1
Fork
0
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
0
列表
看板
标记
里程碑
合并请求
0
DevOps
流水线
流水线任务
计划
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
jeepay-ui
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
0
Issue
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
Pages
DevOps
DevOps
流水线
流水线任务
计划
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
流水线任务
提交
Issue看板
前往新版Gitcode,体验更适合开发者的 AI 搜索 >>
提交
2d5ae622
编写于
6月 18, 2021
作者:
qq_40137331
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
1 .运营平台,支付订单中,支付成功的订单增加退款按钮
上级
44c61fa6
变更
4
隐藏空白更改
内联
并排
Showing
4 changed file
with
164 addition
and
3 deletion
+164
-3
jeepay-ui-manager/src/api/manage.js
jeepay-ui-manager/src/api/manage.js
+9
-0
jeepay-ui-manager/src/views/order/pay/PayOrderList.vue
jeepay-ui-manager/src/views/order/pay/PayOrderList.vue
+11
-2
jeepay-ui-manager/src/views/order/pay/RefundModal.vue
jeepay-ui-manager/src/views/order/pay/RefundModal.vue
+143
-0
jeepay-ui-manager/src/views/user/Login.vue
jeepay-ui-manager/src/views/user/Login.vue
+1
-1
未找到文件。
jeepay-ui-manager/src/api/manage.js
浏览文件 @
2d5ae622
...
...
@@ -121,6 +121,15 @@ export function getEntTree (sysType) {
return
request
.
request
({
url
:
'
/api/sysEnts/showTree?sysType=
'
+
sysType
,
method
:
'
GET
'
})
}
/** 0617 测试退款用接口 */
export
function
refundModal
(
payOrderId
,
refundAmount
,
refundReason
)
{
return
request
.
request
({
url
:
'
/api/payOrder/refunds/
'
+
payOrderId
,
method
:
'
POST
'
,
data
:
{
refundAmount
,
refundReason
}
})
}
/** 更新用户角色信息 */
export
function
uSysUserRoleRela
(
sysUserId
,
roleIdList
)
{
return
request
.
request
({
...
...
jeepay-ui-manager/src/views/order/pay/PayOrderList.vue
浏览文件 @
2d5ae622
...
...
@@ -88,10 +88,13 @@
<
template
slot=
"opSlot"
slot-scope=
"{record}"
>
<!-- 操作列插槽 -->
<JeepayTableColumns>
<a-button
type=
"link"
v-if=
"$access('ENT_PAY_ORDER_VIEW')"
@
click=
"detailFunc(record.payOrderId)"
>
详情
</a-button>
<a-button
type=
"link"
v-if=
"$access('ENT_PAY_ORDER_REFUND')"
style=
"color: red"
v-show=
"(record.state === 2)"
@
click=
"openFunc(record.payOrderId)"
>
退款
</a-button>
</JeepayTableColumns>
</
template
>
</JeepayTable>
</a-card>
<!-- 退款弹出框 -->
<refund-modal
ref=
"refundModalInfo"
></refund-modal>
<!-- 日志详情抽屉 -->
<
template
>
<a-drawer
...
...
@@ -338,6 +341,7 @@
</page-header-wrapper>
</template>
<
script
>
import
RefundModal
from
'
./RefundModal
'
// 退款弹出框
import
JeepayTextUp
from
'
@/components/JeepayTextUp/JeepayTextUp
'
// 文字上移组件
import
JeepayTable
from
'
@/components/JeepayTable/JeepayTable
'
import
JeepayTableColumns
from
'
@/components/JeepayTable/JeepayTableColumns
'
...
...
@@ -355,12 +359,12 @@ const tableColumns = [
{
key
:
'
refundState
'
,
title
:
'
退款状态
'
,
scopedSlots
:
{
customRender
:
'
refundStateSlot
'
},
width
:
100
},
{
key
:
'
notifyState
'
,
title
:
'
回调状态
'
,
scopedSlots
:
{
customRender
:
'
notifySlot
'
},
width
:
100
},
{
key
:
'
createdAt
'
,
dataIndex
:
'
createdAt
'
,
title
:
'
创建日期
'
,
width
:
180
},
{
key
:
'
op
'
,
title
:
'
操作
'
,
width
:
'
1
0
0px
'
,
fixed
:
'
right
'
,
align
:
'
center
'
,
scopedSlots
:
{
customRender
:
'
opSlot
'
}
}
{
key
:
'
op
'
,
title
:
'
操作
'
,
width
:
'
1
6
0px
'
,
fixed
:
'
right
'
,
align
:
'
center
'
,
scopedSlots
:
{
customRender
:
'
opSlot
'
}
}
]
export
default
{
name
:
'
IsvListPage
'
,
components
:
{
JeepayTable
,
JeepayTableColumns
,
JeepayTextUp
},
components
:
{
JeepayTable
,
JeepayTableColumns
,
JeepayTextUp
,
RefundModal
},
data
()
{
return
{
btnLoading
:
false
,
...
...
@@ -390,6 +394,11 @@ export default {
searchFunc
:
function
()
{
// 点击【查询】按钮点击事件
this
.
$refs
.
infoTable
.
refTable
(
true
)
},
// 打开退款弹出框
openFunc
(
recordId
)
{
this
.
$refs
.
refundModalInfo
.
show
(
recordId
)
},
detailFunc
:
function
(
recordId
)
{
const
that
=
this
req
.
getById
(
API_URL_PAY_ORDER_LIST
,
recordId
).
then
(
res
=>
{
...
...
jeepay-ui-manager/src/views/order/pay/RefundModal.vue
0 → 100644
浏览文件 @
2d5ae622
<
template
>
<div>
<a-modal
title=
"退款"
:visible=
"visible"
:confirm-loading=
"confirmLoading"
@
ok=
"handleOk"
@
cancel=
"handleCancel"
:closable=
"false"
>
<a-row>
<a-col
:sm=
"24"
>
<a-descriptions>
<a-descriptions-item
label=
"支付订单号"
>
<a-tag
color=
"purple"
>
{{
detailData
.
payOrderId
}}
</a-tag>
</a-descriptions-item>
</a-descriptions>
</a-col>
<a-col
:sm=
"24"
>
<a-descriptions>
<a-descriptions-item
label=
"支付金额"
>
<a-tag
color=
"green"
>
{{
detailData
.
amount
/
100
}}
</a-tag>
</a-descriptions-item>
</a-descriptions>
</a-col>
<a-col
:sm=
"24"
>
<a-descriptions>
<a-descriptions-item
label=
"可退金额"
>
<a-tag
color=
"pink"
>
{{
nowRefundAmount
}}
</a-tag>
</a-descriptions-item>
</a-descriptions>
</a-col>
</a-row>
<a-form-model
:rules=
"rules"
:model=
"refund"
ref=
"refundInfo"
:layout=
"horizontal"
>
<a-form-model-item
label=
"退款金额"
prop=
"refundAmount"
>
<a-input
v-model=
"refund.refundAmount"
type=
"number"
@
keyup=
"handleInput2"
style=
"flex-grow:1"
/>
</a-form-model-item>
<a-form-model-item
label=
"退款详情"
prop=
"refundReason"
>
<a-input
v-model=
"refund.refundReason"
type=
"textarea"
/>
</a-form-model-item>
</a-form-model>
</a-modal>
</div>
</
template
>
<
script
>
import
{
API_URL_PAY_ORDER_LIST
,
req
,
refundModal
}
from
'
@/api/manage
'
export
default
{
data
()
{
return
{
horizontal
:
'
horizontal
'
,
recordId
:
''
,
labelCol
:
{
span
:
4
},
wrapperCol
:
{
span
:
16
},
visible
:
false
,
confirmLoading
:
false
,
detailData
:
{
},
refund
:
{
// refundReason: '', // 退款原因
// refundAmount: '' // 退款金额
},
rules
:
{
refundReason
:
[{
min
:
0
,
max
:
256
,
required
:
true
,
trigger
:
'
blur
'
,
message
:
'
请输入退款原因,最长不超过256个字符
'
}],
refundAmount
:
[{
required
:
true
,
message
:
'
请输入金额
'
,
trigger
:
'
blur
'
},
{
validator
:
(
rule
,
value
,
callBack
)
=>
{
if
(
value
<
0.01
||
value
>
this
.
nowRefundAmount
)
{
callBack
(
'
退款金额不能小于0.01,或者大于可退金额
'
)
}
callBack
()
}
}]
}
}
},
computed
:
{
nowRefundAmount
()
{
return
(
this
.
detailData
.
amount
/
100
-
this
.
detailData
.
refundAmount
/
100
)
}
},
methods
:
{
handleInput2
(
e
)
{
// 只能输入两位小数,且首位数字不能为0
e
.
target
.
value
=
e
.
target
.
value
.
replace
(
/
\.{2,}
/g
,
'
.
'
)
// 只保留第一个. 清除多余的
e
.
target
.
value
=
e
.
target
.
value
.
replace
(
'
.
'
,
'
$#$
'
).
replace
(
/
\.
/g
,
''
).
replace
(
'
$#$
'
,
'
.
'
)
e
.
target
.
value
=
e
.
target
.
value
.
replace
(
/^
(
-
)
*
(\d
+
)\.(\d\d)
.*$/
,
'
$1$2.$3
'
)
// 只能输入两个小数
if
(
e
.
target
.
value
.
indexOf
(
'
.
'
)
<
0
&&
e
.
target
.
value
!==
''
)
{
// 以上已经过滤,此处控制的是如果没有小数点,首位不能为类似于 01、02的金额
e
.
target
.
value
=
parseFloat
(
e
.
target
.
value
)
}
this
.
refund
.
refundAmount
=
e
.
target
.
value
// 最后赋值给refundAmount
},
show
(
recordId
)
{
if
(
this
.
$refs
.
refundInfo
!==
undefined
)
{
this
.
$refs
.
refundInfo
.
resetFields
()
}
this
.
recordId
=
recordId
this
.
visible
=
true
this
.
refund
=
{}
const
that
=
this
req
.
getById
(
API_URL_PAY_ORDER_LIST
,
recordId
).
then
(
res
=>
{
that
.
detailData
=
res
})
},
handleOk
(
e
)
{
this
.
$refs
.
refundInfo
.
validate
(
valid
=>
{
if
(
valid
)
{
this
.
confirmLoading
=
true
const
that
=
this
// 退款接口
refundModal
(
that
.
recordId
,
that
.
refund
.
refundAmount
,
that
.
refund
.
refundReason
).
then
(
res
=>
{
that
.
visible
=
false
// 关闭弹窗
that
.
confirmLoading
=
false
// 取消按钮转圈
that
.
$message
.
success
(
'
退款成功
'
)
console
.
log
(
that
.
refund
.
refundAmount
)
}).
catch
(
err
=>
{
console
.
log
(
err
)
that
.
confirmLoading
=
false
// 取消按钮转圈
})
}
})
},
handleCancel
(
e
)
{
this
.
visible
=
false
}
}
}
</
script
>
<
style
scoped
lang=
"less"
>
</
style
>
jeepay-ui-manager/src/views/user/Login.vue
浏览文件 @
2d5ae622
...
...
@@ -168,7 +168,7 @@ export default {
font-size: 16px;
height: 40px;
width: 100%;
background-color: @jee-theme;
//
background-color: @jee-theme;
}
.user-login-other {
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录