Skip to content
Projects
Groups
Snippets
Help
This project
Loading...
Sign in / Register
Toggle navigation
J
jinfa-platform
Project
Project
Details
Activity
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
linweijiong
jinfa-platform
Commits
0b6a43e4
Commit
0b6a43e4
authored
Dec 15, 2020
by
前端-黄佳鑫
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
修改会员支付参数配置编辑修改和删除
parent
d6c3459b
Show whitespace changes
Inline
Side-by-side
Showing
6 changed files
with
587 additions
and
549 deletions
+587
-549
payandSettle.ts
config/routes/payandSettle.ts
+6
-6
payWayTable.tsx
src/pages/payandSettle/paySetting/components/payWayTable.tsx
+13
-4
setUpModal.tsx
src/pages/payandSettle/paySetting/components/setUpModal.tsx
+16
-3
index.tsx
src/pages/payandSettle/paySetting/index.tsx
+161
-338
index1.tsx
src/pages/payandSettle/paySetting/index1.tsx
+391
-0
newPay.tsx
src/pages/payandSettle/paySetting/newPay.tsx
+0
-198
No files found.
config/routes/payandSettle.ts
View file @
0b6a43e4
...
...
@@ -18,16 +18,16 @@ const payandSettleRoute: RouterChild = {
name
:
'paySetting'
,
routes
:
[
// 会员支付参数配置
// {
// path:'/memberCenter/payandSettle/paySetting/payParamsSetting',
// name:'payParamsSetting',
// component:'@/pages/payandSettle/paySetting1'
// },
{
path
:
'/memberCenter/payandSettle/paySetting/payParamsSetting'
,
name
:
'payParamsSetting'
,
component
:
'@/pages/payandSettle/paySetting'
},
{
path
:
'/memberCenter/payandSettle/paySetting/newPay'
,
name
:
'payParamsSetting'
,
hideInMenu
:
true
,
component
:
'@/pages/payandSettle/paySetting
/newPay
'
component
:
'@/pages/payandSettle/paySetting'
},
]
},
...
...
src/pages/payandSettle/paySetting/components/payWayTable.tsx
View file @
0b6a43e4
...
...
@@ -19,6 +19,9 @@ interface payWayTableParams {
const
PayWayTable
:
React
.
FC
<
payWayTableParams
>
=
(
props
)
=>
{
const
[
modalvisible
,
setmodalvisible
]
=
useState
<
boolean
>
(
false
);
const
[
type
,
setType
]
=
useState
<
number
>
(
1
);
// 1.
const
[
edit
,
setedit
]
=
useState
<
any
>
({});
const
[
modifyIndex
,
setModifyIndex
]
=
useState
<
any
>
(
0
)
const
[
modify
,
setmodify
]
=
useState
<
boolean
>
(
false
);
const
{
name
,
payParametersListResponses
,
payParametersList
,
visible
,
onType
,
onGet
,
onDel
,
onEdit
,
id
}
=
props
;
const
columns
:
ColumnType
<
any
>
[]
=
[
{
...
...
@@ -41,14 +44,19 @@ const PayWayTable: React.FC<payWayTableParams> = (props) => {
key
:
'options'
,
dataIndex
:
'options'
,
render
:
(
text
:
any
,
record
:
any
,
index
:
number
)
=>
<>
<
Button
type=
'link'
>
编辑
</
Button
>
<
Button
type=
'link'
onClick=
{
()
=>
onDel
(
type
,
index
)
}
>
删除
</
Button
>
<
Button
type=
'link'
onClick=
{
()
=>
{
setedit
(
record
);
setmodalvisible
(
true
);
setModifyIndex
(
index
);
setmodify
(
true
)}
}
>
编辑
</
Button
>
<
Button
type=
'link'
onClick=
{
()
=>
onDel
(
record
.
type
,
index
)
}
>
删除
</
Button
>
</>
}
]
const
handleOk
=
(
value
:
any
,
idx
:
number
)
=>
{
if
(
!
modify
)
{
onGet
(
value
,
idx
)
}
else
{
onEdit
(
value
,
idx
,
modifyIndex
)
}
setmodalvisible
(
false
);
}
...
...
@@ -65,7 +73,7 @@ const PayWayTable: React.FC<payWayTableParams> = (props) => {
rowKey=
{
(
record
:
any
,
index
:
number
)
=>
index
}
pagination=
{
false
}
/>
<
Button
style=
{
{
marginBottom
:
16
,
marginTop
:
24
}
}
block
icon=
{
<
PlusOutlined
/>
}
onClick=
{
()
=>
{
setmodalvisible
(
true
);
setType
(
1
);
}
}
type=
'dashed'
>
新增参数配置
</
Button
>
<
Button
style=
{
{
marginBottom
:
16
,
marginTop
:
24
}
}
block
icon=
{
<
PlusOutlined
/>
}
onClick=
{
()
=>
{
setmodalvisible
(
true
);
setType
(
1
);
setmodify
(
false
)
}
}
type=
'dashed'
>
新增参数配置
</
Button
>
{
id
!==
2
&&
...
...
@@ -77,7 +85,7 @@ const PayWayTable: React.FC<payWayTableParams> = (props) => {
rowKey=
{
(
record
:
any
,
index
:
number
)
=>
index
}
pagination=
{
false
}
/>
<
Button
style=
{
{
marginBottom
:
16
,
marginTop
:
24
}
}
block
icon=
{
<
PlusOutlined
/>
}
onClick=
{
()
=>
{
setmodalvisible
(
true
);
setType
(
2
);
}
}
type=
'dashed'
>
新增参数配置
</
Button
>
<
Button
style=
{
{
marginBottom
:
16
,
marginTop
:
24
}
}
block
icon=
{
<
PlusOutlined
/>
}
onClick=
{
()
=>
{
setmodalvisible
(
true
);
setType
(
2
);
setmodify
(
false
)
}
}
type=
'dashed'
>
新增参数配置
</
Button
>
</>
}
...
...
@@ -87,6 +95,7 @@ const PayWayTable: React.FC<payWayTableParams> = (props) => {
onType=
{
onType
}
type=
{
type
}
modalvisible=
{
modalvisible
}
edit=
{
edit
}
onOK=
{
(
value
)
=>
handleOk
(
value
,
type
)
}
onCancel=
{
()
=>
setmodalvisible
(
false
)
}
/>
...
...
src/pages/payandSettle/paySetting/components/setUpModal.tsx
View file @
0b6a43e4
import
React
,
{
useState
}
from
'react'
;
import
React
,
{
use
Effect
,
use
State
}
from
'react'
;
import
{
Modal
,
Form
,
Select
,
Input
}
from
'antd'
;
import
usePayTypeEnum
from
'./usePayTypeEnum'
;
const
{
Option
}
=
Select
;
...
...
@@ -9,7 +9,8 @@ interface setUpModalParams {
modalvisible
?:
boolean
,
onOK
?:
Function
,
onCancel
?:
Function
,
onType
?:
number
onType
?:
number
,
edit
?:
any
}
const
layout
:
any
=
{
colon
:
false
,
...
...
@@ -19,12 +20,13 @@ const layout: any = {
const
SetUpModal
:
React
.
FC
<
setUpModalParams
>
=
(
props
)
=>
{
const
[
form
]
=
Form
.
useForm
();
const
{
payTypeEnum
}
=
usePayTypeEnum
();
const
{
modalvisible
,
onOK
,
onCancel
,
onType
}
=
props
;
const
{
modalvisible
,
onOK
,
onCancel
,
onType
,
edit
}
=
props
;
const
[
option
,
setOption
]
=
useState
<
any
>
({})
const
handleOk
=
()
=>
{
form
.
validateFields
().
then
(
res
=>
{
const
obj
=
{
id
:
edit
.
id
?
edit
.
id
:
undefined
,
code
:
option
.
children
,
value
:
res
.
value
,
describe
:
res
.
describe
,
...
...
@@ -42,6 +44,17 @@ const SetUpModal:React.FC<setUpModalParams> = (props) => {
setOption
(
option
)
}
useEffect
(()
=>
{
if
(
Object
.
keys
(
edit
).
length
>
0
)
{
console
.
log
(
edit
,
10086
)
form
.
setFieldsValue
({
code
:
edit
.
payWayCodeTypeEnum
,
value
:
edit
.
value
,
describe
:
edit
.
edit
})
}
},[
edit
])
return
(
<
Modal
width=
{
576
}
...
...
src/pages/payandSettle/paySetting/index.tsx
View file @
0b6a43e4
/*
* @Author: LeeJiancong
* @Date: 2020-08-19 15:25:54
* @LastEditors: LeeJiancong
* @Copyright: 1549414730@qq.com
* @LastEditTime: 2020-08-21 18:19:53
* @Author: HJX
* @Date: 2020-11-19 15:25:54
* @LastEditors: HJX
* @LastEditTime: 2020-11-19 15:25:54
*/
import
React
,
{
useEffect
,
useState
,
useRef
,
Fragment
}
from
'react'
import
{
Card
,
Button
,
Tabs
,
Radio
,
Space
,
Row
,
Col
,
Table
,
Popconfirm
,
Input
,
Spin
}
from
'antd'
import
{
PlusOutlined
,
SaveOutlined
}
from
'@ant-design/icons'
import
{
PageHeaderWrapper
}
from
'@ant-design/pro-layout'
import
EyePreview
from
'@/components/EyePreview'
import
{
createFormActions
,
FormEffectHooks
,
useFormEffects
}
from
'@formily/antd'
import
{
GlobalConfig
}
from
'@/global/config'
import
{
ColumnType
}
from
'antd/lib/table/interface'
import
InitBase
from
'../components/initBase'
import
SettingModal
from
'../components/settingModal'
import
{
PublicApi
}
from
'@/services/api'
import
{
history
}
from
'umi'
import
'../components/index.less'
const
payActions
=
createFormActions
()
import
React
,
{
useState
,
useEffect
}
from
'react'
;
import
{
Button
,
Card
,
Tabs
,
Space
,
Input
}
from
'antd'
;
import
{
PageHeaderWrapper
}
from
'@ant-design/pro-layout'
;
import
{
PublicApi
}
from
'@/services/api'
;
import
PayWayRadio
from
'./components/payWayRadio'
;
import
PayWayTable
from
'./components/payWayTable'
;
import
{
set
}
from
'mobx'
;
const
{
TabPane
}
=
Tabs
const
{
onFieldValueChange$
}
=
FormEffectHooks
const
PaySetting
:
React
.
FC
<
{}
>
=
()
=>
{
const
ref
=
useRef
<
any
>
({})
const
[
TabList
,
setTabList
]
=
useState
([])
const
[
mode
,
setmode
]
=
useState
<
number
>
(
0
)
const
[
dataInfo
,
setdataInfo
]
=
useState
<
any
>
({})
const
[
visible
,
setvisible
]
=
useState
<
boolean
>
(
false
)
const
[
optionType
,
setoptionType
]
=
useState
(
0
)
const
[
isPitchOn
,
setisPitchOn
]
=
useState
<
number
>
(
0
)
const
[
payParametersList
,
setpayParametersList
]
=
useState
<
any
>
([])
const
[
payParametersListResponses
,
setpayParametersListResponses
]
=
useState
<
any
>
([])
const
[
initialValues
,
setinitialValues
]
=
useState
({})
const
[
type
,
settype
]
=
useState
<
any
>
(
null
)
const
[
hasEdit
,
sethasEdit
]
=
useState
<
boolean
>
(
false
);
const
[
loading
,
setloading
]
=
useState
<
boolean
>
(
false
);
/**
* @description: isSetting
* @param {type} 默认为已从pass平台为此账号配置好了策略
* @return {type}
*/
const
[
isSetting
,
setisSetting
]
=
useState
(
true
)
const
[
showInput
,
setshowInput
]
=
useState
(
true
)
//是否显示授权
const
[
initParam
,
setinitParam
]
=
useState
({
//授权参数
code
:
''
,
value
:
''
,
describe
:
''
const
PayWaySetTemplate
:
React
.
FC
<
{}
>
=
()
=>
{
const
[
config
,
setconfig
]
=
useState
<
any
>
([]);
const
[
payItem
,
setPayItem
]
=
useState
<
any
>
([]);
const
[
step
,
setStep
]
=
useState
<
Array
<
number
>>
([]);
const
payWayConfigInfo
=
()
=>
{
// 支付配置信息
return
new
Promise
(
resolve
=>
{
PublicApi
.
getPayMemberPayConfig
().
then
(
res
=>
{
if
(
res
.
code
===
1000
)
{
resolve
(
res
.
data
)
}
})
let
[
tabid
,
settabid
]
=
useState
<
any
>
(
null
)
//选项卡id
const
[
listID
,
setlistID
]
=
useState
(
null
)
//表格id
let
[
tabOption
,
settabOption
]
=
useState
({
tab
:
1
,
type
:
1
})
const
handleAddMemberBtn
=
(
id
:
string
|
number
,
type
:
number
)
=>
{
// console.log('id', id, 'type', type)
setmode
(
0
)
settype
(
type
)
setvisible
(
true
)
setinitialValues
({})
}
const
handleEdit
=
(
record
:
any
,
type
:
number
|
string
,
index
:
number
)
=>
{
setvisible
(
true
)
setmode
(
1
)
//编辑还是新增
settype
(
type
)
setlistID
(
record
.
id
)
setinitialValues
(
record
)
console
.
log
(
'类型'
,
type
,
'下标'
,
index
,
'record'
,
record
,
'listID:'
,
listID
)
}
//删除
const
handleDeleteTable
=
(
type
:
number
,
id
:
number
,
index
)
=>
{
let
list
:
any
=
[]
if
(
type
===
1
||
type
===
3
)
{
list
=
[...
payParametersListResponses
]
list
.
splice
(
index
,
1
)
setpayParametersListResponses
(
list
)
}
else
if
(
type
===
2
)
{
list
=
[...
payParametersList
]
list
.
splice
(
index
,
1
)
setpayParametersList
(
list
)
}
sethasEdit
(
true
)
const
initPayWayStart
=
(
id
:
any
)
=>
{
return
new
Promise
(
resolve
=>
{
PublicApi
.
getPayMemberQueryPlatformIsStart
({
id
}).
then
(
res
=>
{
if
(
res
.
code
===
1000
)
{
if
(
res
.
data
)
{
resolve
(
res
)
}
/**
* @description: 保存 编辑的时候遍历id是否一样 一样就替换
* @param {type} type: 1支付宝 2支付宝银行卡 3微信
* @return {type}
*/
const
handleModalOK
=
(
obj
:
any
)
=>
{
// console.log('选项卡:', tabid, '弹窗id:', type)
setvisible
(
false
)
// console.log('选项卡:', tabid, '数据', obj,'mode:',mode)
if
(
mode
===
0
)
{
if
(
type
==
1
||
type
==
3
)
{
let
list
:
any
=
[]
obj
.
id
=
`obj-
${
payParametersListResponses
.
length
}
`
list
.
push
(
obj
)
setpayParametersListResponses
([...
payParametersListResponses
,
...
list
])
sethasEdit
(
true
)
}
if
(
type
==
2
)
{
let
list
:
any
=
[]
obj
.
id
=
`obj-
${
payParametersList
.
length
}
`
list
.
push
(
obj
)
setpayParametersList
([...
payParametersList
,
...
list
])
sethasEdit
(
true
)
})
}).
then
((
res
:
any
)
=>
{
const
data
=
[...
payItem
];
if
(
data
.
length
>
0
)
{
data
.
forEach
((
item
:
any
)
=>
{
if
(
item
.
id
===
res
.
data
.
id
)
{
item
.
id
=
res
.
data
.
id
;
item
.
isPitchOn
=
res
.
data
.
isPitchOn
;
item
.
payParametersList
=
res
.
data
.
payParametersList
;
item
.
payParametersAddListRequests
=
res
.
data
.
payParametersListResponses
;
item
.
payType
=
res
.
data
.
payType
;
item
.
way
=
res
.
data
.
way
;
}
}
else
{
if
(
type
==
1
||
type
==
3
)
{
let
list
=
[...
payParametersListResponses
]
if
(
listID
)
{
list
.
forEach
((
v
,
i
)
=>
{
if
(
listID
==
v
.
id
)
{
list
[
i
]
=
obj
})
setPayItem
([...
data
])
}
})
}
setpayParametersListResponses
([...
list
])
sethasEdit
(
true
)
}
else
if
(
type
==
2
)
{
//支付宝银行卡
let
list
=
[...
payParametersList
]
if
(
listID
)
{
list
.
forEach
((
v
,
i
)
=>
{
if
(
listID
==
v
.
id
)
{
list
[
i
]
=
obj
const
handleTabClick
=
(
key
:
any
)
=>
{
if
(
!
step
.
includes
(
Number
(
key
)))
{
initPayWayStart
(
key
);
}
})
}
setpayParametersList
([...
list
])
sethasEdit
(
true
)
const
data
=
[...
step
,
Number
(
key
)];
let
arr
=
[...
new
Set
(
data
)]
setStep
(
arr
);
}
useEffect
(()
=>
{
// 支付配置信息
payWayConfigInfo
().
then
((
res
:
any
)
=>
{
const
id
=
res
[
0
].
id
;
const
arr
:
any
[]
=
[];
res
.
forEach
((
item
:
any
)
=>
{
arr
.
push
({
id
:
item
.
id
,
way
:
item
.
way
,
isPitchOn
:
item
.
isPitchOn
?
item
.
isPitchOn
:
0
,
payType
:
item
.
payType
,
payParametersList
:
[],
payParametersAddListRequests
:
[]
})
})
setStep
([...
step
,
id
])
setconfig
(
res
);
/**第一次运行 */
PublicApi
.
getPayMemberQueryPlatformIsStart
({
id
}).
then
(
res
=>
{
arr
.
forEach
((
item
:
any
,
index
:
number
)
=>
{
if
(
res
.
data
)
{
if
(
item
.
id
===
id
)
{
item
.
id
=
res
.
data
.
id
;
item
.
isPitchOn
=
res
.
data
.
isPitchOn
;
item
.
payParametersList
=
res
.
data
.
payParametersList
;
item
.
payParametersAddListRequests
=
res
.
data
.
payParametersListResponses
;
item
.
payType
=
res
.
data
.
payType
;
item
.
way
=
res
.
data
.
way
;
}
}
const
tableColumns
:
ColumnType
<
any
>
[]
=
[
{
dataIndex
:
'code'
,
title
:
'参数代码'
,
align
:
'center'
,
render
:(
text
:
any
,
record
:
any
)
=>
<
span
>
{
record
.
name
}
</
span
>
},
{
dataIndex
:
'value'
,
align
:
'center'
,
title
:
'参数值'
},
{
dataIndex
:
'describe'
,
title
:
'参数描述'
,
align
:
'center'
},
{
dataIndex
:
'ctl'
,
title
:
'操作'
,
align
:
'center'
,
render
:
(
_
,
record
,
index
)
=>
<>
<
Button
type=
'link'
onClick=
{
()
=>
handleEdit
(
record
,
record
.
type
,
index
)
}
>
编辑
</
Button
>
<
Button
type=
'link'
onClick=
{
()
=>
handleDeleteTable
(
record
.
type
,
record
.
id
,
index
)
}
>
删除
</
Button
>
</>
})
console
.
log
(
arr
)
setPayItem
([...
arr
]);
})
})
},
[])
const
onChangeRaido
=
(
e
:
any
,
index
:
number
)
=>
{
const
data
=
[...
payItem
];
payItem
[
index
].
isPitchOn
=
e
.
target
.
value
;
setPayItem
(
data
);
}
]
//初始化
const
initBase
=
async
(
id
)
=>
{
setloading
(
true
)
await
PublicApi
.
getPayMemberQueryPlatformIsStart
({
id
:
id
}).
then
(
res
=>
{
if
(
res
.
code
===
1000
)
{
let
data
=
{
payParametersListResponses
:
[],
payParametersList
:
[],
isPitchOn
:
0
,
id
:
''
}
if
(
JSON
.
stringify
(
res
.
data
)
!==
'{}'
)
{
console
.
log
(
'加载到'
)
let
{
id
,
isPitchOn
,
payParametersList
,
payParametersListResponses
}
=
res
.
data
setisPitchOn
(
isPitchOn
)
if
(
id
==
6
)
{
let
{
id
,
code
,
value
,
describe
}
=
payParametersListResponses
[
0
]
||
{}
setinitParam
({
...
initParam
,
code
,
value
,
describe
})
const
onGet
=
(
value
:
any
,
type
:
number
,
idx
:
number
)
=>
{
const
data
=
[...
payItem
];
if
(
type
===
1
)
{
data
[
idx
].
payParametersAddListRequests
=
[...
data
[
idx
].
payParametersAddListRequests
,
value
]
}
else
{
payParametersList
=
payParametersList
?
payParametersList
:
[]
payParametersListResponses
=
payParametersListResponses
?
payParametersListResponses
:
[]
setpayParametersList
(
payParametersList
)
setpayParametersListResponses
(
payParametersListResponses
)
data
[
idx
].
payParametersList
.
push
(
value
)
}
setPayItem
(
data
);
}
setloading
(
false
)
/**删除 */
const
onDel
=
(
value
:
any
,
index
:
number
,
idx
:
number
)
=>
{
console
.
log
(
value
,
index
,
idx
,
10086
)
const
data
=
[...
payItem
];
if
(
Number
(
value
)
===
1
)
{
data
[
idx
].
payParametersAddListRequests
.
splice
(
index
,
1
);
data
[
idx
].
payParametersAddListRequests
=
[...
data
[
idx
].
payParametersAddListRequests
]
}
else
{
setisPitchOn
(
0
);
setloading
(
false
)
}
})
}
useEffect
(()
=>
{
PublicApi
.
getPayMemberPayConfig
().
then
(
res
=>
{
if
(
res
.
code
===
1000
)
{
let
ids
=
res
.
data
.
map
((
v
,
i
)
=>
v
.
id
)
setTabList
(
res
.
data
)
if
(
ids
.
length
>
0
)
{
settabid
(
ids
[
0
])
initBase
(
ids
[
0
])
}
data
[
idx
].
payParametersList
.
splice
(
index
,
1
);
data
[
idx
].
payParametersList
=
[...
data
[
idx
].
payParametersList
]
}
setPayItem
([...
data
]);
}
/**编辑 */
const
onEdit
=
(
value
:
any
,
type
:
number
,
index
:
number
,
idx
:
number
)
=>
{
console
.
log
(
value
,
type
,
index
,
idx
)
const
data
=
[...
payItem
];
if
(
type
===
1
)
{
data
[
idx
].
payParametersAddListRequests
[
index
]
=
{...
value
};
data
[
idx
].
payParametersAddListRequests
=
[...
data
[
idx
].
payParametersAddListRequests
]
}
else
{
setisSetting
(
false
)
data
[
idx
].
payParametersList
[
index
]
=
{...
value
};
data
[
idx
].
payParametersList
=
[...
data
[
idx
].
payParametersList
]
}
})
return
()
=>
{
}
},
[])
const
useTabEffects
=
()
=>
{
console
.
log
(
data
,
10086
)
setPayItem
(
data
);
}
/**
* @description: 提交表单 保存
* @param {type}
* @return {type}
*/
const
handleSubmit
=
()
=>
{
let
list
:
any
=
[]
if
(
tabid
==
1
)
{
list
=
[...
payParametersList
,
...
payParametersListResponses
]
}
else
if
(
tabid
==
2
)
{
list
=
[...
payParametersListResponses
]
}
else
if
(
tabid
==
6
)
{
list
=
[{
type
:
type
,
code
:
initParam
.
code
,
value
:
initParam
.
value
,
describe
:
initParam
.
describe
}]
}
else
{
list
=
[]
}
let
payType
=
TabList
.
filter
(
v
=>
v
.
id
==
tabid
).
map
(
v
=>
v
.
payType
)
let
way
:
any
=
TabList
.
filter
(
v
=>
v
.
id
==
tabid
).
map
(
v
=>
v
.
way
)
// if(list.length > 0){
// list.forEach((v:any) => {
// if((v.id).toString().indexOf('obj') !== -1){
// v.id = ''
// }
// });
// }
console
.
log
(
'list'
,
list
)
/**保存更新 */
const
onHnadleSubmit
=
()
=>
{
PublicApi
.
postPayMemberQueryPlatformUpdate
({
platformPayWays
:[
{
id
:
tabid
,
isPitchOn
:
isPitchOn
,
way
:
way
.
toString
(),
payType
:
Number
(
payType
),
payParametersAddListRequests
:
list
}
]
platformPayWays
:
payItem
}).
then
(
res
=>
{
if
(
res
.
code
===
1000
)
{
setTimeout
(()
=>
{
history
.
push
(
'/memberCenter/payandSettle/paySetting/payParamsSetting'
)
},
1500
)
if
(
res
.
code
===
1000
)
{
location
.
reload
();
}
})
}
const
changeTab
=
(
tab
)
=>
{
settabid
(
tab
)
if
(
tab
==
6
)
{
//授信
settype
(
tab
)
}
if
(
!!
isPitchOn
)
{
setshowInput
(
true
)
}
else
{
setshowInput
(
false
)
}
initBase
(
tab
)
}
const
changeRadio
=
(
e
)
=>
{
setisPitchOn
(
e
.
target
.
value
)
if
(
tabid
==
6
&&
e
.
target
.
value
)
{
setshowInput
(
true
)
}
else
{
setshowInput
(
false
)
}
}
const
options
=
[{
label
:
'是'
,
value
:
1
},
{
label
:
'否'
,
value
:
0
}]
return
(
<
PageHeaderWrapper
extra=
{
hasEdit
?
<
Popconfirm
title=
"配置已修改,是否保存?"
okText=
"是"
cancelText=
"否"
onConfirm=
{
()
=>
handleSubmit
()
}
>
<
Button
type=
"primary"
icon=
{
<
SaveOutlined
/>
}
>
保存
</
Button
>
</
Popconfirm
>
:
<
Button
type=
"primary"
onClick=
{
()
=>
handleSubmit
()
}
icon=
{
<
SaveOutlined
/>
}
>
保存
</
Button
>
}
extra=
{
<
Button
type=
'primary'
onClick=
{
onHnadleSubmit
}
>
保存
</
Button
>
}
>
{
isSetting
&&
<
Card
>
<
Tabs
onTabClick=
{
(
e
)
=>
changeTab
(
e
)
}
type=
"card"
>
{
TabList
.
map
((
v
,
i
)
=>
{
return
<
Fragment
key=
{
v
.
id
}
>
<
TabPane
tab=
{
`${v.way}`
}
key=
{
v
.
id
}
forceRender
>
<
Spin
spinning=
{
loading
}
>
<
Space
size=
{
49
}
>
<
span
>
是否开启
{
v
.
way
}
</
span
>
<
Radio
.
Group
className=
'radio-group-box'
size=
"small"
value=
{
isPitchOn
}
buttonStyle=
"solid"
options=
{
options
}
optionType=
"button"
onChange=
{
value
=>
changeRadio
(
value
)
}
/>
</
Space
>
{
(
v
.
id
===
1
||
v
.
id
===
2
)
&&
<
Row
>
<
Col
><
div
style=
{
{
borderLeft
:
'2px solid #00B37A'
,
margin
:
'41px 0 8px'
,
padding
:
'1px 5px'
}
}
>
{
v
.
way
}
参数配置
</
div
></
Col
>
<
Col
span=
{
24
}
>
<
Table
dataSource=
{
payParametersListResponses
}
columns=
{
tableColumns
}
pagination=
{
false
}
/>
{
v
.
id
==
1
?
<
Button
style=
{
{
marginBottom
:
16
,
marginTop
:
24
}
}
block
icon=
{
<
PlusOutlined
/>
}
onClick=
{
()
=>
handleAddMemberBtn
(
`${v.id}`
,
1
)
}
type=
'dashed'
>
新增参数配置
</
Button
>
:
<
Button
style=
{
{
marginBottom
:
16
,
marginTop
:
24
}
}
block
icon=
{
<
PlusOutlined
/>
}
onClick=
{
()
=>
handleAddMemberBtn
(
`${v.id}`
,
3
)
}
type=
'dashed'
>
新增参数配置
</
Button
>
}
</
Col
>
</
Row
>
}
<
Tabs
type=
"card"
onTabClick=
{
handleTabClick
}
>
{
config
.
map
((
item
:
any
,
idx
:
number
)
=>
<
TabPane
tab=
{
item
.
way
}
key=
{
item
.
id
}
forceRender
>
<>
{
v
.
id
===
1
&&
<
Row
>
<
Col
><
div
style=
{
{
borderLeft
:
'2px solid #00B37A'
,
margin
:
'41px 0 8px'
,
padding
:
'1px 5px'
}
}
>
{
v
.
way
}
转账到银行卡参数配置
</
div
></
Col
>
<
Col
span=
{
24
}
>
<
Table
dataSource=
{
payParametersList
}
columns=
{
tableColumns
}
pagination=
{
false
}
/>
<
Button
style=
{
{
marginBottom
:
16
,
marginTop
:
24
}
}
block
icon=
{
<
PlusOutlined
/>
}
onClick=
{
()
=>
handleAddMemberBtn
(
`${v.id}`
,
2
)
}
type=
'dashed'
>
新增参数配置
</
Button
>
</
Col
>
</
Row
>
payItem
.
length
>
0
&&
<>
<
PayWayRadio
name=
{
payItem
[
idx
].
way
}
value=
{
payItem
[
idx
].
isPitchOn
}
selectId=
{
payItem
[
idx
].
id
}
onChange=
{
(
value
)
=>
onChangeRaido
(
value
,
idx
)
}
/>
{
(
payItem
[
idx
].
id
===
1
||
payItem
[
idx
].
id
===
2
)
&&
<
PayWayTable
id=
{
payItem
[
idx
].
id
}
onType=
{
payItem
[
idx
].
payType
}
name=
{
payItem
[
idx
].
way
}
payParametersList=
{
payItem
[
idx
].
payParametersList
}
payParametersListResponses=
{
payItem
[
idx
].
payParametersAddListRequests
}
visible=
{
!!
payItem
[
idx
].
isPitchOn
}
onGet=
{
(
value
,
t
)
=>
onGet
(
value
,
t
,
idx
)
}
onDel=
{
(
value
,
index
)
=>
onDel
(
value
,
index
,
idx
)
}
onEdit=
{
(
value
,
type
,
index
)
=>
onEdit
(
value
,
type
,
index
,
idx
)
}
/>
}
{
(
v
.
id
===
6
&&
showInput
)
&&
<
div
style=
{
{
marginTop
:
42
}
}
>
(
payItem
[
idx
].
id
===
6
&&
!!
payItem
[
idx
].
isPitchOn
)
&&
payItem
[
idx
].
payParametersAddListRequests
.
map
((
item
:
any
,
index
:
number
)
=>
(
<
div
style=
{
{
marginTop
:
42
}
}
key=
{
`space_${index}`
}
>
<
Space
direction=
"horizontal"
size=
{
16
}
>
初始申请额度不超过
<
Input
value=
{
initParam
.
code
}
addonBefore=
"¥"
onChange=
{
e
=>
setinitParam
({
...
initParam
,
code
:
e
.
target
.
value
})
}
/>
允许满
<
Input
value=
{
initParam
.
value
}
onChange=
{
e
=>
setinitParam
({
...
initParam
,
value
:
e
.
target
.
value
})
}
/>
天后申请上调
<
Input
value=
{
initParam
.
describe
}
addonAfter=
"%"
onChange=
{
e
=>
setinitParam
({
...
initParam
,
describe
:
e
.
target
.
value
})
}
/>
<
Input
value=
{
item
.
code
}
addonBefore=
"¥"
/>
允许满
<
Input
value=
{
item
.
value
}
/>
天后申请上调
<
Input
value=
{
item
.
describe
}
addonAfter=
"%"
/>
</
Space
>
</
div
>
))
}
</
Spin
>
</
TabPane
>
</
Fragment
>
})
</>
}
</>
</
TabPane
>
)
}
</
Tabs
>
<
SettingModal
mode=
{
mode
}
id=
{
listID
}
type=
{
type
}
dialogVisible=
{
visible
}
initialValues=
{
initialValues
}
onCancel=
{
()
=>
setvisible
(
false
)
}
onOK=
{
(
list
)
=>
handleModalOK
(
list
)
}
/>
</
Card
>
}
{
isSetting
===
false
&&
<
InitBase
/>
}
</
PageHeaderWrapper
>
)
}
export
default
Pay
Setting
}
;
export
default
Pay
WaySetTemplate
;
src/pages/payandSettle/paySetting/index1.tsx
0 → 100644
View file @
0b6a43e4
/*
* @Author: LeeJiancong
* @Date: 2020-08-19 15:25:54
* @LastEditors: LeeJiancong
* @Copyright: 1549414730@qq.com
* @LastEditTime: 2020-08-21 18:19:53
*/
import
React
,
{
useEffect
,
useState
,
useRef
,
Fragment
}
from
'react'
import
{
Card
,
Button
,
Tabs
,
Radio
,
Space
,
Row
,
Col
,
Table
,
Popconfirm
,
Input
,
Spin
}
from
'antd'
import
{
PlusOutlined
,
SaveOutlined
}
from
'@ant-design/icons'
import
{
PageHeaderWrapper
}
from
'@ant-design/pro-layout'
import
EyePreview
from
'@/components/EyePreview'
import
{
createFormActions
,
FormEffectHooks
,
useFormEffects
}
from
'@formily/antd'
import
{
GlobalConfig
}
from
'@/global/config'
import
{
ColumnType
}
from
'antd/lib/table/interface'
import
InitBase
from
'../components/initBase'
import
SettingModal
from
'../components/settingModal'
import
{
PublicApi
}
from
'@/services/api'
import
{
history
}
from
'umi'
import
'../components/index.less'
const
payActions
=
createFormActions
()
const
{
TabPane
}
=
Tabs
const
{
onFieldValueChange$
}
=
FormEffectHooks
const
PaySetting
:
React
.
FC
<
{}
>
=
()
=>
{
const
ref
=
useRef
<
any
>
({})
const
[
TabList
,
setTabList
]
=
useState
([])
const
[
mode
,
setmode
]
=
useState
<
number
>
(
0
)
const
[
dataInfo
,
setdataInfo
]
=
useState
<
any
>
({})
const
[
visible
,
setvisible
]
=
useState
<
boolean
>
(
false
)
const
[
optionType
,
setoptionType
]
=
useState
(
0
)
const
[
isPitchOn
,
setisPitchOn
]
=
useState
<
number
>
(
0
)
const
[
payParametersList
,
setpayParametersList
]
=
useState
<
any
>
([])
const
[
payParametersListResponses
,
setpayParametersListResponses
]
=
useState
<
any
>
([])
const
[
initialValues
,
setinitialValues
]
=
useState
({})
const
[
type
,
settype
]
=
useState
<
any
>
(
null
)
const
[
hasEdit
,
sethasEdit
]
=
useState
<
boolean
>
(
false
);
const
[
loading
,
setloading
]
=
useState
<
boolean
>
(
false
);
/**
* @description: isSetting
* @param {type} 默认为已从pass平台为此账号配置好了策略
* @return {type}
*/
const
[
isSetting
,
setisSetting
]
=
useState
(
true
)
const
[
showInput
,
setshowInput
]
=
useState
(
true
)
//是否显示授权
const
[
initParam
,
setinitParam
]
=
useState
({
//授权参数
code
:
''
,
value
:
''
,
describe
:
''
})
let
[
tabid
,
settabid
]
=
useState
<
any
>
(
null
)
//选项卡id
const
[
listID
,
setlistID
]
=
useState
(
null
)
//表格id
let
[
tabOption
,
settabOption
]
=
useState
({
tab
:
1
,
type
:
1
})
const
handleAddMemberBtn
=
(
id
:
string
|
number
,
type
:
number
)
=>
{
// console.log('id', id, 'type', type)
setmode
(
0
)
settype
(
type
)
setvisible
(
true
)
setinitialValues
({})
}
const
handleEdit
=
(
record
:
any
,
type
:
number
|
string
,
index
:
number
)
=>
{
setvisible
(
true
)
setmode
(
1
)
//编辑还是新增
settype
(
type
)
setlistID
(
record
.
id
)
setinitialValues
(
record
)
console
.
log
(
'类型'
,
type
,
'下标'
,
index
,
'record'
,
record
,
'listID:'
,
listID
)
}
//删除
const
handleDeleteTable
=
(
type
:
number
,
id
:
number
,
index
)
=>
{
let
list
:
any
=
[]
if
(
type
===
1
||
type
===
3
)
{
list
=
[...
payParametersListResponses
]
list
.
splice
(
index
,
1
)
setpayParametersListResponses
(
list
)
}
else
if
(
type
===
2
)
{
list
=
[...
payParametersList
]
list
.
splice
(
index
,
1
)
setpayParametersList
(
list
)
}
sethasEdit
(
true
)
}
/**
* @description: 保存 编辑的时候遍历id是否一样 一样就替换
* @param {type} type: 1支付宝 2支付宝银行卡 3微信
* @return {type}
*/
const
handleModalOK
=
(
obj
:
any
)
=>
{
// console.log('选项卡:', tabid, '弹窗id:', type)
setvisible
(
false
)
// console.log('选项卡:', tabid, '数据', obj,'mode:',mode)
if
(
mode
===
0
)
{
if
(
type
==
1
||
type
==
3
)
{
let
list
:
any
=
[]
obj
.
id
=
`obj-
${
payParametersListResponses
.
length
}
`
list
.
push
(
obj
)
setpayParametersListResponses
([...
payParametersListResponses
,
...
list
])
sethasEdit
(
true
)
}
if
(
type
==
2
)
{
let
list
:
any
=
[]
obj
.
id
=
`obj-
${
payParametersList
.
length
}
`
list
.
push
(
obj
)
setpayParametersList
([...
payParametersList
,
...
list
])
sethasEdit
(
true
)
}
}
else
{
if
(
type
==
1
||
type
==
3
)
{
let
list
=
[...
payParametersListResponses
]
if
(
listID
)
{
list
.
forEach
((
v
,
i
)
=>
{
if
(
listID
==
v
.
id
)
{
list
[
i
]
=
obj
}
})
}
setpayParametersListResponses
([...
list
])
sethasEdit
(
true
)
}
else
if
(
type
==
2
)
{
//支付宝银行卡
let
list
=
[...
payParametersList
]
if
(
listID
)
{
list
.
forEach
((
v
,
i
)
=>
{
if
(
listID
==
v
.
id
)
{
list
[
i
]
=
obj
}
})
}
setpayParametersList
([...
list
])
sethasEdit
(
true
)
}
}
}
const
tableColumns
:
ColumnType
<
any
>
[]
=
[
{
dataIndex
:
'code'
,
title
:
'参数代码'
,
align
:
'center'
,
render
:(
text
:
any
,
record
:
any
)
=>
<
span
>
{
record
.
name
}
</
span
>
},
{
dataIndex
:
'value'
,
align
:
'center'
,
title
:
'参数值'
},
{
dataIndex
:
'describe'
,
title
:
'参数描述'
,
align
:
'center'
},
{
dataIndex
:
'ctl'
,
title
:
'操作'
,
align
:
'center'
,
render
:
(
_
,
record
,
index
)
=>
<>
<
Button
type=
'link'
onClick=
{
()
=>
handleEdit
(
record
,
record
.
type
,
index
)
}
>
编辑
</
Button
>
<
Button
type=
'link'
onClick=
{
()
=>
handleDeleteTable
(
record
.
type
,
record
.
id
,
index
)
}
>
删除
</
Button
>
</>
}
]
//初始化
const
initBase
=
async
(
id
)
=>
{
setloading
(
true
)
await
PublicApi
.
getPayMemberQueryPlatformIsStart
({
id
:
id
}).
then
(
res
=>
{
if
(
res
.
code
===
1000
)
{
let
data
=
{
payParametersListResponses
:
[],
payParametersList
:
[],
isPitchOn
:
0
,
id
:
''
}
if
(
JSON
.
stringify
(
res
.
data
)
!==
'{}'
)
{
console
.
log
(
'加载到'
)
let
{
id
,
isPitchOn
,
payParametersList
,
payParametersListResponses
}
=
res
.
data
setisPitchOn
(
isPitchOn
)
if
(
id
==
6
)
{
let
{
id
,
code
,
value
,
describe
}
=
payParametersListResponses
[
0
]
||
{}
setinitParam
({
...
initParam
,
code
,
value
,
describe
})
}
else
{
payParametersList
=
payParametersList
?
payParametersList
:
[]
payParametersListResponses
=
payParametersListResponses
?
payParametersListResponses
:
[]
setpayParametersList
(
payParametersList
)
setpayParametersListResponses
(
payParametersListResponses
)
}
}
setloading
(
false
)
}
else
{
setisPitchOn
(
0
);
setloading
(
false
)
}
})
}
useEffect
(()
=>
{
PublicApi
.
getPayMemberPayConfig
().
then
(
res
=>
{
if
(
res
.
code
===
1000
)
{
let
ids
=
res
.
data
.
map
((
v
,
i
)
=>
v
.
id
)
setTabList
(
res
.
data
)
if
(
ids
.
length
>
0
)
{
settabid
(
ids
[
0
])
initBase
(
ids
[
0
])
}
}
else
{
setisSetting
(
false
)
}
})
return
()
=>
{
}
},
[])
const
useTabEffects
=
()
=>
{
}
/**
* @description: 提交表单 保存
* @param {type}
* @return {type}
*/
const
handleSubmit
=
()
=>
{
let
list
:
any
=
[]
if
(
tabid
==
1
)
{
list
=
[...
payParametersList
,
...
payParametersListResponses
]
}
else
if
(
tabid
==
2
)
{
list
=
[...
payParametersListResponses
]
}
else
if
(
tabid
==
6
)
{
list
=
[{
type
:
type
,
code
:
initParam
.
code
,
value
:
initParam
.
value
,
describe
:
initParam
.
describe
}]
}
else
{
list
=
[]
}
let
payType
=
TabList
.
filter
(
v
=>
v
.
id
==
tabid
).
map
(
v
=>
v
.
payType
)
let
way
:
any
=
TabList
.
filter
(
v
=>
v
.
id
==
tabid
).
map
(
v
=>
v
.
way
)
// if(list.length > 0){
// list.forEach((v:any) => {
// if((v.id).toString().indexOf('obj') !== -1){
// v.id = ''
// }
// });
// }
console
.
log
(
'list'
,
list
)
PublicApi
.
postPayMemberQueryPlatformUpdate
({
platformPayWays
:[
{
id
:
tabid
,
isPitchOn
:
isPitchOn
,
way
:
way
.
toString
(),
payType
:
Number
(
payType
),
payParametersAddListRequests
:
list
}
]
}).
then
(
res
=>
{
if
(
res
.
code
===
1000
)
{
setTimeout
(()
=>
{
history
.
push
(
'/memberCenter/payandSettle/paySetting/payParamsSetting'
)
},
1500
)
}
})
}
const
changeTab
=
(
tab
)
=>
{
settabid
(
tab
)
if
(
tab
==
6
)
{
//授信
settype
(
tab
)
}
if
(
!!
isPitchOn
)
{
setshowInput
(
true
)
}
else
{
setshowInput
(
false
)
}
initBase
(
tab
)
}
const
changeRadio
=
(
e
)
=>
{
setisPitchOn
(
e
.
target
.
value
)
if
(
tabid
==
6
&&
e
.
target
.
value
)
{
setshowInput
(
true
)
}
else
{
setshowInput
(
false
)
}
}
const
options
=
[{
label
:
'是'
,
value
:
1
},
{
label
:
'否'
,
value
:
0
}]
return
(
<
PageHeaderWrapper
extra=
{
hasEdit
?
<
Popconfirm
title=
"配置已修改,是否保存?"
okText=
"是"
cancelText=
"否"
onConfirm=
{
()
=>
handleSubmit
()
}
>
<
Button
type=
"primary"
icon=
{
<
SaveOutlined
/>
}
>
保存
</
Button
>
</
Popconfirm
>
:
<
Button
type=
"primary"
onClick=
{
()
=>
handleSubmit
()
}
icon=
{
<
SaveOutlined
/>
}
>
保存
</
Button
>
}
>
{
isSetting
&&
<
Card
>
<
Tabs
onTabClick=
{
(
e
)
=>
changeTab
(
e
)
}
type=
"card"
>
{
TabList
.
map
((
v
,
i
)
=>
{
return
<
Fragment
key=
{
v
.
id
}
>
<
TabPane
tab=
{
`${v.way}`
}
key=
{
v
.
id
}
forceRender
>
<
Spin
spinning=
{
loading
}
>
<
Space
size=
{
49
}
>
<
span
>
是否开启
{
v
.
way
}
</
span
>
<
Radio
.
Group
className=
'radio-group-box'
size=
"small"
value=
{
isPitchOn
}
buttonStyle=
"solid"
options=
{
options
}
optionType=
"button"
onChange=
{
value
=>
changeRadio
(
value
)
}
/>
</
Space
>
{
(
v
.
id
===
1
||
v
.
id
===
2
)
&&
<
Row
>
<
Col
><
div
style=
{
{
borderLeft
:
'2px solid #00B37A'
,
margin
:
'41px 0 8px'
,
padding
:
'1px 5px'
}
}
>
{
v
.
way
}
参数配置
</
div
></
Col
>
<
Col
span=
{
24
}
>
<
Table
dataSource=
{
payParametersListResponses
}
columns=
{
tableColumns
}
pagination=
{
false
}
/>
{
v
.
id
==
1
?
<
Button
style=
{
{
marginBottom
:
16
,
marginTop
:
24
}
}
block
icon=
{
<
PlusOutlined
/>
}
onClick=
{
()
=>
handleAddMemberBtn
(
`${v.id}`
,
1
)
}
type=
'dashed'
>
新增参数配置
</
Button
>
:
<
Button
style=
{
{
marginBottom
:
16
,
marginTop
:
24
}
}
block
icon=
{
<
PlusOutlined
/>
}
onClick=
{
()
=>
handleAddMemberBtn
(
`${v.id}`
,
3
)
}
type=
'dashed'
>
新增参数配置
</
Button
>
}
</
Col
>
</
Row
>
}
{
v
.
id
===
1
&&
<
Row
>
<
Col
><
div
style=
{
{
borderLeft
:
'2px solid #00B37A'
,
margin
:
'41px 0 8px'
,
padding
:
'1px 5px'
}
}
>
{
v
.
way
}
转账到银行卡参数配置
</
div
></
Col
>
<
Col
span=
{
24
}
>
<
Table
dataSource=
{
payParametersList
}
columns=
{
tableColumns
}
pagination=
{
false
}
/>
<
Button
style=
{
{
marginBottom
:
16
,
marginTop
:
24
}
}
block
icon=
{
<
PlusOutlined
/>
}
onClick=
{
()
=>
handleAddMemberBtn
(
`${v.id}`
,
2
)
}
type=
'dashed'
>
新增参数配置
</
Button
>
</
Col
>
</
Row
>
}
{
(
v
.
id
===
6
&&
showInput
)
&&
<
div
style=
{
{
marginTop
:
42
}
}
>
<
Space
direction=
"horizontal"
size=
{
16
}
>
初始申请额度不超过
<
Input
value=
{
initParam
.
code
}
addonBefore=
"¥"
onChange=
{
e
=>
setinitParam
({
...
initParam
,
code
:
e
.
target
.
value
})
}
/>
允许满
<
Input
value=
{
initParam
.
value
}
onChange=
{
e
=>
setinitParam
({
...
initParam
,
value
:
e
.
target
.
value
})
}
/>
天后申请上调
<
Input
value=
{
initParam
.
describe
}
addonAfter=
"%"
onChange=
{
e
=>
setinitParam
({
...
initParam
,
describe
:
e
.
target
.
value
})
}
/>
</
Space
>
</
div
>
}
</
Spin
>
</
TabPane
>
</
Fragment
>
})
}
</
Tabs
>
<
SettingModal
mode=
{
mode
}
id=
{
listID
}
type=
{
type
}
dialogVisible=
{
visible
}
initialValues=
{
initialValues
}
onCancel=
{
()
=>
setvisible
(
false
)
}
onOK=
{
(
list
)
=>
handleModalOK
(
list
)
}
/>
</
Card
>
}
{
isSetting
===
false
&&
<
InitBase
/>
}
</
PageHeaderWrapper
>
)
}
export
default
PaySetting
src/pages/payandSettle/paySetting/newPay.tsx
deleted
100644 → 0
View file @
d6c3459b
/*
* @Author: HJX
* @Date: 2020-11-19 15:25:54
* @LastEditors: HJX
* @LastEditTime: 2020-11-19 15:25:54
*/
import
React
,
{
useState
,
useEffect
}
from
'react'
;
import
{
Button
,
Card
,
Tabs
,
Space
,
Input
}
from
'antd'
;
import
{
PageHeaderWrapper
}
from
'@ant-design/pro-layout'
;
import
{
PublicApi
}
from
'@/services/api'
;
import
PayWayRadio
from
'./components/payWayRadio'
;
import
PayWayTable
from
'./components/payWayTable'
;
import
{
set
}
from
'mobx'
;
const
{
TabPane
}
=
Tabs
const
PayWaySetTemplate
:
React
.
FC
<
{}
>
=
()
=>
{
const
[
config
,
setconfig
]
=
useState
<
any
>
([]);
const
[
payItem
,
setPayItem
]
=
useState
<
any
>
([]);
const
[
step
,
setStep
]
=
useState
<
Array
<
number
>>
([]);
const
payWayConfigInfo
=
()
=>
{
// 支付配置信息
return
new
Promise
(
resolve
=>
{
PublicApi
.
getPayMemberPayConfig
().
then
(
res
=>
{
if
(
res
.
code
===
1000
)
{
resolve
(
res
.
data
)
}
})
})
}
const
initPayWayStart
=
(
id
:
any
)
=>
{
return
new
Promise
(
resolve
=>
{
PublicApi
.
getPayMemberQueryPlatformIsStart
({
id
}).
then
(
res
=>
{
if
(
res
.
code
===
1000
)
{
if
(
res
.
data
)
{
resolve
(
res
)
}
}
})
}).
then
((
res
:
any
)
=>
{
const
data
=
[...
payItem
];
if
(
data
.
length
>
0
)
{
data
.
forEach
((
item
:
any
)
=>
{
if
(
item
.
id
===
res
.
data
.
id
)
{
item
.
id
=
res
.
data
.
id
;
item
.
isPitchOn
=
res
.
data
.
isPitchOn
;
item
.
payParametersList
=
res
.
data
.
payParametersList
;
item
.
payParametersAddListRequests
=
res
.
data
.
payParametersListResponses
;
item
.
payType
=
res
.
data
.
payType
;
item
.
way
=
res
.
data
.
way
;
}
})
setPayItem
([...
data
])
}
})
}
const
handleTabClick
=
(
key
:
any
)
=>
{
if
(
!
step
.
includes
(
Number
(
key
)))
{
initPayWayStart
(
key
);
}
const
data
=
[...
step
,
Number
(
key
)];
let
arr
=
[...
new
Set
(
data
)]
setStep
(
arr
);
}
useEffect
(()
=>
{
// 支付配置信息
payWayConfigInfo
().
then
((
res
:
any
)
=>
{
const
id
=
res
[
0
].
id
;
const
arr
:
any
[]
=
[];
res
.
forEach
((
item
:
any
)
=>
{
arr
.
push
({
id
:
item
.
id
,
way
:
item
.
way
,
isPitchOn
:
item
.
isPitchOn
?
item
.
isPitchOn
:
0
,
payType
:
item
.
payType
,
payParametersList
:
[],
payParametersAddListRequests
:
[]
})
})
setStep
([...
step
,
id
])
setconfig
(
res
);
/**第一次运行 */
PublicApi
.
getPayMemberQueryPlatformIsStart
({
id
}).
then
(
res
=>
{
arr
.
forEach
((
item
:
any
,
index
:
number
)
=>
{
if
(
res
.
data
)
{
if
(
item
.
id
===
id
)
{
item
.
id
=
res
.
data
.
id
;
item
.
isPitchOn
=
res
.
data
.
isPitchOn
;
item
.
payParametersList
=
res
.
data
.
payParametersList
;
item
.
payParametersAddListRequests
=
res
.
data
.
payParametersListResponses
;
item
.
payType
=
res
.
data
.
payType
;
item
.
way
=
res
.
data
.
way
;
}
}
})
console
.
log
(
arr
)
setPayItem
([...
arr
]);
})
})
},
[])
const
onChangeRaido
=
(
e
:
any
,
index
:
number
)
=>
{
const
data
=
[...
payItem
];
payItem
[
index
].
isPitchOn
=
e
.
target
.
value
;
setPayItem
(
data
);
}
const
onGet
=
(
value
:
any
,
type
:
number
,
idx
:
number
)
=>
{
const
data
=
[...
payItem
];
if
(
type
===
1
)
{
data
[
idx
].
payParametersAddListRequests
=
[...
data
[
idx
].
payParametersAddListRequests
,
value
]
}
else
{
data
[
idx
].
payParametersList
.
push
(
value
)
}
setPayItem
(
data
);
}
/**删除 */
const
onDel
=
(
value
:
any
,
index
:
number
,
idx
:
number
)
=>
{
console
.
log
(
value
,
index
,
idx
,
10086
)
const
data
=
[...
payItem
];
if
(
Number
(
value
)
===
1
)
{
data
[
idx
].
payParametersAddListRequests
.
splice
(
index
,
1
);
data
[
idx
].
payParametersAddListRequests
=
[...
data
[
idx
].
payParametersAddListRequests
]
}
else
{
data
[
idx
].
payParametersList
.
splice
(
index
,
1
);
data
[
idx
].
payParametersList
=
[...
data
[
idx
].
payParametersList
]
}
setPayItem
([...
data
]);
}
/**编辑 */
const
onEdit
=
(
value
:
any
,
index
:
number
)
=>
{
}
/**保存更新 */
const
onHnadleSubmit
=
()
=>
{
console
.
log
(
payItem
);
}
return
(
<
PageHeaderWrapper
extra=
{
<
Button
type=
'primary'
onClick=
{
onHnadleSubmit
}
>
保存
</
Button
>
}
>
<
Card
>
<
Tabs
type=
"card"
onTabClick=
{
handleTabClick
}
>
{
config
.
map
((
item
:
any
,
idx
:
number
)
=>
<
TabPane
tab=
{
item
.
way
}
key=
{
item
.
id
}
forceRender
>
<>
{
payItem
.
length
>
0
&&
<>
<
PayWayRadio
name=
{
payItem
[
idx
].
way
}
value=
{
payItem
[
idx
].
isPitchOn
}
selectId=
{
payItem
[
idx
].
id
}
onChange=
{
(
value
)
=>
onChangeRaido
(
value
,
idx
)
}
/>
{
(
payItem
[
idx
].
id
===
1
||
payItem
[
idx
].
id
===
2
)
&&
<
PayWayTable
id=
{
payItem
[
idx
].
id
}
onType=
{
payItem
[
idx
].
payType
}
name=
{
payItem
[
idx
].
way
}
payParametersList=
{
payItem
[
idx
].
payParametersList
}
payParametersListResponses=
{
payItem
[
idx
].
payParametersAddListRequests
}
visible=
{
!!
payItem
[
idx
].
isPitchOn
}
onGet=
{
(
value
,
t
)
=>
onGet
(
value
,
t
,
idx
)
}
onDel=
{
(
value
,
index
)
=>
onDel
(
value
,
index
,
idx
)
}
onEdit=
{
onEdit
}
/>
}
{
payItem
[
idx
].
id
===
6
&&
payItem
[
idx
].
payParametersAddListRequests
.
map
((
item
:
any
,
index
:
number
)
=>
(
<
div
style=
{
{
marginTop
:
42
}
}
>
<
Space
direction=
"horizontal"
size=
{
16
}
>
初始申请额度不超过
<
Input
value=
{
item
.
code
}
addonBefore=
"¥"
/>
允许满
<
Input
value=
{
item
.
value
}
/>
天后申请上调
<
Input
value=
{
item
.
describe
}
addonAfter=
"%"
/>
</
Space
>
</
div
>
))
}
</>
}
</>
</
TabPane
>
)
}
</
Tabs
>
</
Card
>
</
PageHeaderWrapper
>
)
};
export
default
PayWaySetTemplate
;
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