支付按钮

src/components/AuthButton/按钮状态.md

-# btnCode 是pass 平台配置唯一表示 
+# btnCode 是pass 平台配置唯一表示 
@@ -272,8 +272,49 @@
 
 # 售后管理
 
-# 支付能力
-
+# 支付能力-payandSettle
+ - 1.支付方式管理
+   - 1.1 会员支付方式配置
+      payParamsSetting.update	会员支付方式配置-保存	会员支付方式配置-保存-按钮
+   - 1.2 e账户认证 [加不动]
+      eAccountApprove.Personalsubmit	e账户认证-个人提交	e账户认证-个人提交-按钮	  
+      eAccountApprove.PersonalFinish	e账户认证-企业提交	e账户认证-企业提交-按钮
+
+  - 2.授信申请
+     2.1 授信额度管理
+        quotaMenage.see	授信额度管理-查看	授信额度管理-查看-按钮
+        quotaMenage.Apply	授信额度管理-申请	授信额度管理-申请-按钮
+     2.2 授信申请单查询
+      quotaFormQuery.see	授信额度管理-查看	授信额度管理-查看-按钮
+     2.3 待提交授信申请单
+      quotaPrSubmit.see	待提交授信申请单-查看	待提交授信申请单-查看-按钮	
+      quotaPrSubmit.submit	待提交授信申请单-提交	待提交授信申请单-提交-按钮	
+      quotaPrSubmit.del	待提交授信申请单-删除	待提交授信申请单-删除-按钮	
+      quotaPrSubmit.update	待提交授信申请单-修改	待提交授信申请单-修改-按钮
+
+  - 3.授信处理
+      3.1.授信额度管理
+        quotaMenage1.see	授信额度管理-查看	授信额度管理-查看-按钮	
+        quotaMenage1.update	授信额度管理-调整	授信额度管理-调整-按钮	
+        quotaMenage1.frozen	授信额度管理-冻结	授信额度管理-冻结-按钮
+      3.2 授信申请单查询
+       quotaFormQuery1.frozen	授信申请单查询-查看	授信申请单查询-查看-按钮
+      3.3 待审核授信申请单（一级）
+        quotaPr1.see	待审核授信申请单（一级）-查看	待审核授信申请单（一级）-查看-按钮	
+        quotaPr1.update	待审核授信申请单（一级）-更新	待审核授信申请单（一级）-更新-按钮
+      3.4 待审核授信申请单（二级）
+        quotaPr2.update	待审核授信申请单（二级）-更新	待审核授信申请单（二级）-更新-按钮	
+        quotaPr2.see	待审核授信申请单（二级）-查看	待审核授信申请单（二级）-查看-按钮
+      3.5 待审核授信申请单（三级）
+        quotaPr3.see	待审核授信申请单（三级）-查看	待审核授信申请单（三级）-查看-按钮	
+        quotaPr3.update	待审核授信申请单（三级）-提交	待审核授信申请单（三级）-提交-按钮
+      3.6 待确认授信申请单
+        quotaPrConfirm.see	待确认授信申请单-查看	待确认授信申请单-查看-按钮	
+        quotaPrConfirm.update	待确认授信申请单-更新	待确认授信申请单-更新-按钮
+
+  - 4 资金账户
+    - 4.1 账户管理
+       accountLists.see	账户管理-查看	账户管理-查看-按钮
 # 物流能力 - logisticsAbility (已完成)
   - 1.物流管理
     - 1.1 物流公司管理
@@ -479,7 +520,7 @@
 
 
 
-# 内容管理-contentAbility (90%)
+# 内容管理-contentAbility (已完成)
  - 1.内容管理-栏目管理
 columnsManagement.del	栏目管理删除	栏目管理删除按钮	
 columnsManagement.edit	栏目管理编辑	栏目管理编辑按钮	

src/pages/payandSettle/capitalAccounts/accountLists/index.tsx

 import React, { useRef } from 'react'
-import {useIntl} from 'umi';
+import { useIntl } from 'umi';
 import { Card } from 'antd'
 import { PageHeaderWrapper } from '@ant-design/pro-layout'
 import StandardTable from '@/components/StandardTable';
@@ -14,6 +14,7 @@ import StatusTag from '@/components/StatusTag'
 import { accountStatusMap, memberStatusMap, memberLevelTypeMap, accountMemberType } from '../../constant'
 import DateRangePickerUnix from '@/components/NiceForm/components/DateRangePickerUnix'
 import { getPayAssetAccountGetAssetAccountList } from '@/services/PayV2Api'
+import { AuthUrl } from '@/components/AuthButton/AuthUrl';
 
 const formActions = createFormActions();
 
@@ -23,24 +24,25 @@ const AccountLists: React.FC<{}> = () => {
 
   const columns: ColumnType<any>[] = [
     {
-      title: intl.formatMessage({id: 'payandSettle.capitalAccounts.accountLists.columns.parentMemberName'}),
+      title: intl.formatMessage({ id: 'payandSettle.capitalAccounts.accountLists.columns.parentMemberName' }),
       dataIndex: 'parentMemberName',
       key: 'parentMemberName',
       className: 'commonPickColor',
       render: (text, record) => <EyePreview
+        type={AuthUrl('accountLists.see', 'payandSettle') ? 'link' : 'button'}
         url={`/memberCenter/payandSettle/capitalAccounts/accountLists/detail?id=${record.id}`}
       >
         {text}
       </EyePreview>
     },
     {
-      title: intl.formatMessage({id: 'payandSettle.capitalAccounts.accountLists.columns.memberType'}),
+      title: intl.formatMessage({ id: 'payandSettle.capitalAccounts.accountLists.columns.memberType' }),
       dataIndex: 'memberType',
       key: 'memberType',
       render: (t, r) => accountMemberType[t]
     },
     {
-      title: intl.formatMessage({id: 'payandSettle.capitalAccounts.accountLists.columns.memberRoleName'}),
+      title: intl.formatMessage({ id: 'payandSettle.capitalAccounts.accountLists.columns.memberRoleName' }),
       dataIndex: 'memberRoleName',
       key: 'memberRoleName',
     },
@@ -51,40 +53,40 @@ const AccountLists: React.FC<{}> = () => {
     //   render: (t, r) => <LevelBrand level={r.memberLevel} />
     // },
     {
-      title: intl.formatMessage({id: 'payandSettle.capitalAccounts.accountLists.columns.memberLevelType'}),
+      title: intl.formatMessage({ id: 'payandSettle.capitalAccounts.accountLists.columns.memberLevelType' }),
       dataIndex: 'memberLevelType',
       key: 'memberLevelType',
       render: (t, r) => memberLevelTypeMap[t]
     },
     {
-      title: intl.formatMessage({id: 'payandSettle.capitalAccounts.accountLists.columns.memberStatus'}),
+      title: intl.formatMessage({ id: 'payandSettle.capitalAccounts.accountLists.columns.memberStatus' }),
       dataIndex: 'memberStatus',
       key: 'memberStatus',
       render: (t, r) => (<StatusTag title={memberStatusMap[t]['title']} type={memberStatusMap[t]['type']} />)
     },
     {
-      title: intl.formatMessage({id: 'payandSettle.capitalAccounts.accountLists.columns.accountStatus'}),
+      title: intl.formatMessage({ id: 'payandSettle.capitalAccounts.accountLists.columns.accountStatus' }),
       dataIndex: 'accountStatus',
       key: 'accountStatus',
       render: (t, r) => (<><span className={accountStatusMap[t]['className']}></span>{accountStatusMap[t]['title']}</>)
     },
     {
-      title: intl.formatMessage({id: 'payandSettle.capitalAccounts.accountLists.columns.accountBalance'}),
+      title: intl.formatMessage({ id: 'payandSettle.capitalAccounts.accountLists.columns.accountBalance' }),
       dataIndex: 'accountBalance',
       key: 'accountBalance',
-      render: text => `${intl.formatMessage({id: 'payandSettle.capitalAccounts.accountLists.columns.currency'})}${text.toFixed(2)}`
+      render: text => `${intl.formatMessage({ id: 'payandSettle.capitalAccounts.accountLists.columns.currency' })}${text.toFixed(2)}`
     },
     {
-      title: intl.formatMessage({id: 'payandSettle.capitalAccounts.accountLists.columns.lockBalance'}),
+      title: intl.formatMessage({ id: 'payandSettle.capitalAccounts.accountLists.columns.lockBalance' }),
       dataIndex: 'lockBalance',
       key: 'lockBalance',
-      render: text => `${intl.formatMessage({id: 'payandSettle.capitalAccounts.accountLists.columns.currency'})}${text.toFixed(2)}`
+      render: text => `${intl.formatMessage({ id: 'payandSettle.capitalAccounts.accountLists.columns.currency' })}${text.toFixed(2)}`
     },
     {
-      title: intl.formatMessage({id: 'payandSettle.capitalAccounts.accountLists.columns.usableBalance'}),
+      title: intl.formatMessage({ id: 'payandSettle.capitalAccounts.accountLists.columns.usableBalance' }),
       dataIndex: 'usableBalance',
       key: 'usableBalance',
-      render: (t, r) => `${intl.formatMessage({id: 'payandSettle.capitalAccounts.accountLists.columns.currency'})}${((r.accountBalance*100 - r.lockBalance*100)/100).toFixed(2)}`
+      render: (t, r) => `${intl.formatMessage({ id: 'payandSettle.capitalAccounts.accountLists.columns.currency' })}${((r.accountBalance * 100 - r.lockBalance * 100) / 100).toFixed(2)}`
     },
   ]
 

src/pages/payandSettle/creditApplication/quotaFormQuery/index.tsx

@@ -23,6 +23,7 @@ import {
   CREDIT_INNER_STATUS_BADGE_MAP_PURCHASER,
 } from '../../constant';
 import styles from './index.less';
+import { AuthUrl } from '@/components/AuthButton/AuthUrl';
 
 const formActions = createFormActions();
 
@@ -38,6 +39,7 @@ const QuotaFormQuery: React.FC = () => {
       render: (text, record) => (
         <>
           <EyePreview
+            type={AuthUrl('quotaFormQuery.see', 'payandSettle') ? 'link' : 'button'}
             url={`/memberCenter/payandSettle/creditApplication/quotaFormQuery/detail?id=${record.id}&creditId=${record.creditId}`}
           >
             {text}

src/pages/payandSettle/creditApplication/quotaMenage/index.tsx

 import React, { useState, useRef } from 'react';
 import { Card, Badge, Progress, Button, Tooltip } from 'antd';
 import { QuestionCircleOutlined } from '@ant-design/icons';
-import { history,useIntl } from 'umi';
+import { history, useIntl } from 'umi';
 import StandardTable from '@/components/StandardTable';
 import { ColumnType } from 'antd/lib/table/interface';
 import { PageHeaderWrapper } from '@ant-design/pro-layout';
@@ -18,7 +18,7 @@ import {
   CREDIT_STATUS_FROZEN,
   CREDIT_STATUS,
   CREDIT_REPAYMENT_STATUS_OVERDUE,
- } from '@/constants/payment';
+} from '@/constants/payment';
 import {
   CREDIT_REPAYMENT_STATUS_TAG_MAP,
   CREDIT_STATUS_BADGE_MAP,
@@ -28,6 +28,8 @@ import NiceForm from '@/components/NiceForm';
 import StatusTag from '@/components/StatusTag';
 import { listSearchSchema } from './schema';
 import styles from './index.less';
+import AuthButton from '@/components/AuthButton'
+import { AuthUrl } from '@/components/AuthButton/AuthUrl'
 
 const formActions = createFormActions();
 
@@ -43,7 +45,7 @@ const QuotaMenage: React.FC = () => {
   const defaultColumns: ColumnType<any>[] = [
     {
       title: '会员归属',
-      dataIndex: intl.formatMessage({id: 'payandSettle.creditApplication.quotaMenage.defaultColumns.parentMemberName'}),
+      dataIndex: intl.formatMessage({ id: 'payandSettle.creditApplication.quotaMenage.defaultColumns.parentMemberName' }),
       align: 'center',
       render: (text, record) => (
         <>
@@ -51,12 +53,13 @@ const QuotaMenage: React.FC = () => {
           {(!record.isHasApply && (record.status === CREDIT_STATUS_NOT_APPLIED || record.status === CREDIT_STATUS_APPLYING)) ? (
             <>
               {`${text} `}
-              <Tooltip title={intl.formatMessage({id: 'payandSettle.creditApplication.quotaMenage.defaultColumns.parentMemberName.tooltip'})}>
+              <Tooltip title={intl.formatMessage({ id: 'payandSettle.creditApplication.quotaMenage.defaultColumns.parentMemberName.tooltip' })}>
                 <QuestionCircleOutlined />
               </Tooltip>
             </>
           ) : (
             <EyePreview
+              type={AuthUrl('quotaMenage.see', 'payandSettle') ? 'link' : 'button'}
               url={`/memberCenter/payandSettle/creditApplication/quotaMenage/detail?id=${record.id}`}
             >
               {text}
@@ -66,35 +69,35 @@ const QuotaMenage: React.FC = () => {
       ),
     },
     {
-      title: intl.formatMessage({id: 'payandSettle.creditApplication.quotaMenage.defaultColumns.memberTypeName'}),
+      title: intl.formatMessage({ id: 'payandSettle.creditApplication.quotaMenage.defaultColumns.memberTypeName' }),
       dataIndex: 'memberTypeName',
       align: 'center',
     },
     {
-      title: intl.formatMessage({id: 'payandSettle.creditApplication.quotaMenage.defaultColumns.memberRoleName'}),
+      title: intl.formatMessage({ id: 'payandSettle.creditApplication.quotaMenage.defaultColumns.memberRoleName' }),
       dataIndex: 'memberRoleName',
       align: 'center',
       render: (text, record) => <>{text}</>,
     },
     {
-      title: intl.formatMessage({id: 'payandSettle.creditApplication.quotaMenage.defaultColumns.memberLevelName'}),
+      title: intl.formatMessage({ id: 'payandSettle.creditApplication.quotaMenage.defaultColumns.memberLevelName' }),
       dataIndex: 'memberLevelName',
       align: 'center',
       render: (text, record) => <>{text}</>,
     },
     {
-      title: intl.formatMessage({id: 'payandSettle.creditApplication.quotaMenage.defaultColumns.canUseQuota'}),
+      title: intl.formatMessage({ id: 'payandSettle.creditApplication.quotaMenage.defaultColumns.canUseQuota' }),
       dataIndex: 'canUseQuota',
       align: 'center',
     },
     {
-      title: intl.formatMessage({id: 'payandSettle.creditApplication.quotaMenage.defaultColumns.quota'}),
+      title: intl.formatMessage({ id: 'payandSettle.creditApplication.quotaMenage.defaultColumns.quota' }),
       dataIndex: 'quota',
       align: 'center',
       render: (text, record) => (
         <>
-          <div>{intl.formatMessage({id: 'payandSettle.creditApplication.quotaMenage.defaultColumns.quota.text.1'})}{text}</div>
-          <div>{intl.formatMessage({id: 'payandSettle.creditApplication.quotaMenage.defaultColumns.quota.text.2'})}{record.useQuota}</div>
+          <div>{intl.formatMessage({ id: 'payandSettle.creditApplication.quotaMenage.defaultColumns.quota.text.1' })}{text}</div>
+          <div>{intl.formatMessage({ id: 'payandSettle.creditApplication.quotaMenage.defaultColumns.quota.text.2' })}{record.useQuota}</div>
         </>
       ),
     },
@@ -114,7 +117,7 @@ const QuotaMenage: React.FC = () => {
       ),
     },
     {
-      title: intl.formatMessage({id: 'payandSettle.creditApplication.quotaMenage.defaultColumns.repayStatusName'}),
+      title: intl.formatMessage({ id: 'payandSettle.creditApplication.quotaMenage.defaultColumns.repayStatusName' }),
       dataIndex: 'repayStatusName',
       align: 'center',
       render: (text, record) => (
@@ -129,7 +132,7 @@ const QuotaMenage: React.FC = () => {
       ),
     },
     {
-      title: intl.formatMessage({id: 'payandSettle.creditApplication.quotaMenage.defaultColumns.statusName'}),
+      title: intl.formatMessage({ id: 'payandSettle.creditApplication.quotaMenage.defaultColumns.statusName' }),
       dataIndex: 'statusName',
       align: 'center',
       filters: [],
@@ -137,7 +140,7 @@ const QuotaMenage: React.FC = () => {
       render: (text, record) => <Badge color={CREDIT_STATUS_BADGE_MAP[record.status] || '#606266'} text={text} />,
     },
     {
-      title: intl.formatMessage({id: 'payandSettle.creditApplication.quotaMenage.defaultColumns.action'}),
+      title: intl.formatMessage({ id: 'payandSettle.creditApplication.quotaMenage.defaultColumns.action' }),
       dataIndex: 'action',
       align: 'center',
       render: (_, record) => (
@@ -154,12 +157,14 @@ const QuotaMenage: React.FC = () => {
                 record.status === CREDIT_STATUS_NORMAL
               )
             ) && (
-              <Button
-                type="link"
-                onClick={() => handleJumpApply(record)}
-              >
-                {intl.formatMessage({id: 'payandSettle.creditApplication.quotaMenage.defaultColumns.action.button'})}
-              </Button>
+              <AuthButton btnCode='quotaMenage.Apply' menuCode='payandSettle'>
+                <Button
+                  type="link"
+                  onClick={() => handleJumpApply(record)}
+                >
+                  {intl.formatMessage({ id: 'payandSettle.creditApplication.quotaMenage.defaultColumns.action.button' })}
+                </Button>
+              </AuthButton>
             )
           }
         </>

src/pages/payandSettle/creditApplication/quotaPrSubmit/index.tsx

@@ -11,7 +11,7 @@ import {
   ClockCircleOutlined,
 } from '@ant-design/icons';
 import StandardTable from '@/components/StandardTable';
-import { history,useIntl } from 'umi';
+import { history, useIntl } from 'umi';
 import moment from 'moment';
 import { ColumnType } from 'antd/lib/table/interface';
 import { PageHeaderWrapper } from '@ant-design/pro-layout';
@@ -32,6 +32,8 @@ import {
   CREDIT_INNER_STATUS_BADGE_MAP_PURCHASER,
 } from '../../constant';
 import styles from './index.less';
+import AuthButton from '@/components/AuthButton'
+import { AuthUrl } from '@/components/AuthButton/AuthUrl'
 
 const formActions = createFormActions();
 
@@ -41,7 +43,7 @@ const QuotaPrSubmit: React.FC = () => {
 
   const handleSubmit = record => {
     const msg = message.loading({
-      content: intl.formatMessage({id: 'payandSettle.creditApplication.quotaPrSubmit.handleSubmit'}),
+      content: intl.formatMessage({ id: 'payandSettle.creditApplication.quotaPrSubmit.handleSubmit' }),
       duration: 0,
     });
     postPayCreditApplySubmitCreditApply({
@@ -61,7 +63,7 @@ const QuotaPrSubmit: React.FC = () => {
 
   const handleDelete = record => {
     const msg = message.loading({
-      content: intl.formatMessage({id: 'payandSettle.creditApplication.quotaPrSubmit.handleDelete'}),
+      content: intl.formatMessage({ id: 'payandSettle.creditApplication.quotaPrSubmit.handleDelete' }),
       duration: 0,
     });
     postPayCreditApplyDeleteCreditApply({
@@ -77,12 +79,13 @@ const QuotaPrSubmit: React.FC = () => {
 
   const defaultColumns: ColumnType<any>[] = [
     {
-      title: intl.formatMessage({id: 'payandSettle.creditApplication.quotaPrSubmit.defaultColumns.applyNo'}),
+      title: intl.formatMessage({ id: 'payandSettle.creditApplication.quotaPrSubmit.defaultColumns.applyNo' }),
       dataIndex: 'applyNo',
       align: 'center',
       render: (text, record) => (
         <>
           <EyePreview
+            type={AuthUrl('quotaPrSubmit.see', 'payandSettle') ? 'link' : 'button'}
             url={`/memberCenter/payandSettle/creditApplication/quotaPrSubmit/detail?id=${record.id}&creditId=${record.creditId}`}
           >
             {text}
@@ -94,39 +97,39 @@ const QuotaPrSubmit: React.FC = () => {
       ),
     },
     {
-      title: intl.formatMessage({id: 'payandSettle.creditApplication.quotaPrSubmit.defaultColumns.parentMemberName'}),
+      title: intl.formatMessage({ id: 'payandSettle.creditApplication.quotaPrSubmit.defaultColumns.parentMemberName' }),
       dataIndex: 'parentMemberName',
       align: 'center',
     },
     {
-      title: intl.formatMessage({id: 'payandSettle.creditApplication.quotaPrSubmit.defaultColumns.memberTypeName'}),
+      title: intl.formatMessage({ id: 'payandSettle.creditApplication.quotaPrSubmit.defaultColumns.memberTypeName' }),
       dataIndex: 'memberTypeName',
       align: 'center',
     },
     {
-      title: intl.formatMessage({id: 'payandSettle.creditApplication.quotaPrSubmit.defaultColumns.memberRoleName'}),
+      title: intl.formatMessage({ id: 'payandSettle.creditApplication.quotaPrSubmit.defaultColumns.memberRoleName' }),
       dataIndex: 'memberRoleName',
       align: 'center',
       render: (text, record) => <>{text}</>,
     },
     {
-      title: intl.formatMessage({id: 'payandSettle.creditApplication.quotaPrSubmit.defaultColumns.memberLevelName'}),
+      title: intl.formatMessage({ id: 'payandSettle.creditApplication.quotaPrSubmit.defaultColumns.memberLevelName' }),
       dataIndex: 'memberLevelName',
       align: 'center',
       render: (text, record) => <>{text}</>,
     },
     {
-      title: intl.formatMessage({id: 'payandSettle.creditApplication.quotaPrSubmit.defaultColumns.originalQuota'}),
+      title: intl.formatMessage({ id: 'payandSettle.creditApplication.quotaPrSubmit.defaultColumns.originalQuota' }),
       dataIndex: 'originalQuota',
       align: 'center',
     },
     {
-      title: intl.formatMessage({id: 'payandSettle.creditApplication.quotaPrSubmit.defaultColumns.applyQuota'}),
+      title: intl.formatMessage({ id: 'payandSettle.creditApplication.quotaPrSubmit.defaultColumns.applyQuota' }),
       dataIndex: 'applyQuota',
       align: 'center',
     },
     {
-      title: intl.formatMessage({id: 'payandSettle.creditApplication.quotaPrSubmit.defaultColumns.outerStatus'}),
+      title: intl.formatMessage({ id: 'payandSettle.creditApplication.quotaPrSubmit.defaultColumns.outerStatus' }),
       dataIndex: 'outerStatus',
       align: 'center',
       render: (text, record) => (
@@ -134,52 +137,61 @@ const QuotaPrSubmit: React.FC = () => {
       ),
     },
     {
-      title: intl.formatMessage({id: 'payandSettle.creditApplication.quotaPrSubmit.defaultColumns.innerStatus'}),
+      title: intl.formatMessage({ id: 'payandSettle.creditApplication.quotaPrSubmit.defaultColumns.innerStatus' }),
       dataIndex: 'innerStatus',
       align: 'center',
       render: (text, record) => <Badge color={CREDIT_INNER_STATUS_BADGE_MAP_PURCHASER[record.innerStatus] || '#606266'} text={record.innerStatusName} />,
     },
     {
-      title: intl.formatMessage({id: 'payandSettle.creditApplication.quotaPrSubmit.defaultColumns.option'}),
+      title: intl.formatMessage({ id: 'payandSettle.creditApplication.quotaPrSubmit.defaultColumns.option' }),
       dataIndex: 'option',
       align: 'center',
       render: (text, record) => (
         <>
           {record.outerStatus === CREDIT_INNER_STATUS_UNCOMMITTED && (
-            <Button
-              type="link"
-              onClick={() => handleSubmit(record)}
-            >
-              {intl.formatMessage({id: 'payandSettle.creditApplication.quotaPrSubmit.defaultColumns.option.button.1'})}
-            </Button>
-          )}
-          {record.outerStatus === CREDIT_INNER_STATUS_UNCOMMITTED && (
-            <Popconfirm
-              title={intl.formatMessage({id: 'payandSettle.creditApplication.quotaPrSubmit.defaultColumns.option.button.2.popconfirm.title'})}
-              okText={intl.formatMessage({id: 'payandSettle.creditApplication.quotaPrSubmit.defaultColumns.option.button.2.popconfirm.okText'})}
-              cancelText={intl.formatMessage({id: 'payandSettle.creditApplication.quotaPrSubmit.defaultColumns.option.button.2.popconfirm.cancelText'})}
-              onConfirm={() => handleDelete(record)}
-            >
+            <AuthButton btnCode='quotaPrSubmit.submit' menuCode='payandSettle'>
               <Button
                 type="link"
-                danger
+                onClick={() => handleSubmit(record)}
               >
-                {intl.formatMessage({id: 'payandSettle.creditApplication.quotaPrSubmit.defaultColumns.option.button.2'})}
+                {intl.formatMessage({ id: 'payandSettle.creditApplication.quotaPrSubmit.defaultColumns.option.button.1' })}
               </Button>
-            </Popconfirm>
+            </AuthButton>
+
+          )}
+          {record.outerStatus === CREDIT_INNER_STATUS_UNCOMMITTED && (
+            <AuthButton btnCode='quotaPrSubmit.del' menuCode='payandSettle'>
+              <Popconfirm
+                title={intl.formatMessage({ id: 'payandSettle.creditApplication.quotaPrSubmit.defaultColumns.option.button.2.popconfirm.title' })}
+                okText={intl.formatMessage({ id: 'payandSettle.creditApplication.quotaPrSubmit.defaultColumns.option.button.2.popconfirm.okText' })}
+                cancelText={intl.formatMessage({ id: 'payandSettle.creditApplication.quotaPrSubmit.defaultColumns.option.button.2.popconfirm.cancelText' })}
+                onConfirm={() => handleDelete(record)}
+              >
+                <Button
+                  type="link"
+                  danger
+                >
+                  {intl.formatMessage({ id: 'payandSettle.creditApplication.quotaPrSubmit.defaultColumns.option.button.2' })}
+                </Button>
+              </Popconfirm>
+            </AuthButton>
+
           )}
           {/* 外部状态为不接受申请 或者 内部状态为 待提交申请 都可以进行编辑 */}
           {(
             record.outerStatus === CREDIT_OUTER_STATUS_FAILED ||
             record.innerStatus === CREDIT_INNER_STATUS_UNCOMMITTED
           ) && (
-            <Button
-              type="link"
-              onClick={() => handleJumpVerify(record)}
-            >
-              {intl.formatMessage({id: 'payandSettle.creditApplication.quotaPrSubmit.defaultColumns.option.button.3'})}
-            </Button>
-          )}
+              <AuthButton btnCode='quotaPrSubmit.update' menuCode='payandSettle'>
+                <Button
+                  type="link"
+                  onClick={() => handleJumpVerify(record)}
+                >
+                  {intl.formatMessage({ id: 'payandSettle.creditApplication.quotaPrSubmit.defaultColumns.option.button.3' })}
+                </Button>
+              </AuthButton>
+
+            )}
         </>
       ),
     },

src/pages/payandSettle/creditManage/quotaFormQuery/index.tsx

@@ -23,6 +23,7 @@ import {
   CREDIT_INNER_STATUS_BADGE_MAP,
 } from '../../constant';
 import styles from './index.less';
+import { AuthUrl } from '@/components/AuthButton/AuthUrl'
 
 const formActions = createFormActions();
 
@@ -38,6 +39,7 @@ const QuotaFormQuery: React.FC = () => {
       render: (text, record) => (
         <>
           <EyePreview
+            type={AuthUrl('quotaFormQuery1.see', 'payandSettle') ? 'link' : 'button'}
             url={`/memberCenter/payandSettle/creditManage/quotaFormQuery/detail?id=${record.id}&creditId=${record.creditId}`}
           >
             {text}

src/pages/payandSettle/creditManage/quotaMenage/index.tsx

@@ -40,6 +40,8 @@ import { listSearchSchema } from './schema';
 import styles from './index.less';
 
 const formActions = createFormActions();
+import AuthButton from '@/components/AuthButton'
+import { AuthUrl } from '@/components/AuthButton/AuthUrl'
 
 const QuotaMenage: React.FC = () => {
   const intl = useIntl();
@@ -107,6 +109,7 @@ const QuotaMenage: React.FC = () => {
           ) : (
             <>
               <EyePreview
+                type={AuthUrl('quotaMenage1.see', 'payandSettle') ? 'link' : 'button'}
                 url={`/memberCenter/payandSettle/creditManage/quotaMenage/detail?id=${record.id}`}
               >
                 {text}
@@ -195,12 +198,15 @@ const QuotaMenage: React.FC = () => {
             record.status === CREDIT_STATUS_NORMAL &&
             !!record.isCanApply
           ) && (
-              <Button
-                type="link"
-                onClick={() => handleAdjustment(record)}
-              >
-                {intl.formatMessage({ id: 'payandSettle.creditManage.quotaMenage.defaultColumns.action.button.1' })}
-              </Button>
+              <AuthButton btnCode='quotaMenage1.update' menuCode='update'>
+                <Button
+                  type="link"
+                  onClick={() => handleAdjustment(record)}
+                >
+                  {intl.formatMessage({ id: 'payandSettle.creditManage.quotaMenage.defaultColumns.action.button.1' })}
+                </Button>
+              </AuthButton>
+
             )}
           {/* 暂时不做了 */}
           {/* <Button
@@ -214,13 +220,15 @@ const QuotaMenage: React.FC = () => {
             record.status === CREDIT_STATUS_NORMAL ||
             record.status === CREDIT_STATUS_FROZEN
           ) && (
-              <Button
-                type="link"
-                onClick={() => handleFrozen(record)}
-                danger
-              >
-                {record.status === CREDIT_STATUS_NORMAL ? intl.formatMessage({ id: 'payandSettle.creditManage.quotaMenage.defaultColumns.action.button.2' }) : intl.formatMessage({ id: 'payandSettle.creditManage.quotaMenage.defaultColumns.action.button.3' })}
-              </Button>
+              <AuthButton btnCode='quotaMenage1.frozen' menuCode='update'>
+                <Button
+                  type="link"
+                  onClick={() => handleFrozen(record)}
+                  danger
+                >
+                  {record.status === CREDIT_STATUS_NORMAL ? intl.formatMessage({ id: 'payandSettle.creditManage.quotaMenage.defaultColumns.action.button.2' }) : intl.formatMessage({ id: 'payandSettle.creditManage.quotaMenage.defaultColumns.action.button.3' })}
+                </Button>
+              </AuthButton>
             )}
         </>
       ),

src/pages/payandSettle/creditManage/quotaPr1/index.tsx

@@ -24,6 +24,8 @@ import {
   CREDIT_INNER_STATUS_BADGE_MAP,
 } from '../../constant';
 import styles from './index.less';
+import { AuthUrl } from '@/components/AuthButton/AuthUrl';
+import AuthButton from '@/components/AuthButton'
 
 const formActions = createFormActions();
 
@@ -39,6 +41,7 @@ const QuotaPr1: React.FC = () => {
       render: (text, record) => (
         <>
           <EyePreview
+            type={AuthUrl('quotaPr1.see', 'payandSettle') ? 'link' : 'button'}
             url={`/memberCenter/payandSettle/creditManage/quotaPr1/detail?id=${record.id}&creditId=${record.creditId}`}
           >
             {text}
@@ -110,12 +113,15 @@ const QuotaPr1: React.FC = () => {
       align: 'center',
       render: (text, record) => (
         <>
-          <Button
-            type="link"
-            onClick={() => history.push(`/memberCenter/payandSettle/creditManage/quotaPr1/verify?id=${record.id}&creditId=${record.creditId}`)}
-          >
-            {intl.formatMessage({ id: 'payandSettle.creditManage.quotaPr1.verify' })}
-          </Button>
+          <AuthButton btnCode='quotaPr1.update' menuCode='payandSettle'>
+            <Button
+              type="link"
+              onClick={() => history.push(`/memberCenter/payandSettle/creditManage/quotaPr1/verify?id=${record.id}&creditId=${record.creditId}`)}
+            >
+              {intl.formatMessage({ id: 'payandSettle.creditManage.quotaPr1.verify' })}
+            </Button>
+          </AuthButton>
+
         </>
       ),
     },

src/pages/payandSettle/creditManage/quotaPr2/index.tsx

@@ -24,6 +24,8 @@ import {
   CREDIT_INNER_STATUS_BADGE_MAP,
 } from '../../constant';
 import styles from './index.less';
+import { AuthUrl } from '@/components/AuthButton/AuthUrl';
+import AuthButton from '@/components/AuthButton';
 
 const formActions = createFormActions();
 
@@ -39,6 +41,7 @@ const QuotaPr1: React.FC = () => {
       render: (text, record) => (
         <>
           <EyePreview
+            type={AuthUrl('quotaPr2.see', 'payandSettle') ? 'link' : 'button'}
             url={`/memberCenter/payandSettle/creditManage/quotaPr2/detail?id=${record.id}&creditId=${record.creditId}`}
           >
             {text}
@@ -110,12 +113,15 @@ const QuotaPr1: React.FC = () => {
       align: 'center',
       render: (text, record) => (
         <>
-          <Button
-            type="link"
-            onClick={() => history.push(`/memberCenter/payandSettle/creditManage/quotaPr2/verify?id=${record.id}&creditId=${record.creditId}`)}
-          >
-            {intl.formatMessage({ id: 'payandSettle.creditManage.quotaPr2.verify' })}
-          </Button>
+          <AuthButton btnCode='quotaPr2.update' menuCode='payandSettle'>
+            <Button
+              type="link"
+              onClick={() => history.push(`/memberCenter/payandSettle/creditManage/quotaPr2/verify?id=${record.id}&creditId=${record.creditId}`)}
+            >
+              {intl.formatMessage({ id: 'payandSettle.creditManage.quotaPr2.verify' })}
+            </Button>
+          </AuthButton>
+
         </>
       ),
     },

src/pages/payandSettle/creditManage/quotaPr3/index.tsx

@@ -24,6 +24,8 @@ import {
   CREDIT_INNER_STATUS_BADGE_MAP,
 } from '../../constant';
 import styles from './index.less';
+import AuthButton from '@/components/AuthButton';
+import { AuthUrl } from '@/components/AuthButton/AuthUrl';
 
 const formActions = createFormActions();
 
@@ -39,6 +41,7 @@ const QuotaPr3: React.FC = () => {
       render: (text, record) => (
         <>
           <EyePreview
+            type={AuthUrl('quotaPr3.see', 'payandSettle') ? 'link' : 'button'}
             url={`/memberCenter/payandSettle/creditManage/quotaPr3/detail?id=${record.id}&creditId=${record.creditId}`}
           >
             {text}
@@ -110,12 +113,15 @@ const QuotaPr3: React.FC = () => {
       align: 'center',
       render: (text, record) => (
         <>
-          <Button
-            type="link"
-            onClick={() => history.push(`/memberCenter/payandSettle/creditManage/quotaPr3/verify?id=${record.id}&creditId=${record.creditId}`)}
-          >
-            {intl.formatMessage({ id: 'payandSettle.creditManage.quotaPr3.verify' })}
-          </Button>
+          <AuthButton btnCode='quotaPr3.update' menuCode='payandSettle'>
+            <Button
+              type="link"
+              onClick={() => history.push(`/memberCenter/payandSettle/creditManage/quotaPr3/verify?id=${record.id}&creditId=${record.creditId}`)}
+            >
+              {intl.formatMessage({ id: 'payandSettle.creditManage.quotaPr3.verify' })}
+            </Button>
+          </AuthButton>
+
         </>
       ),
     },

src/pages/payandSettle/creditManage/quotaPrConfirm/index.tsx

@@ -24,6 +24,8 @@ import {
   CREDIT_INNER_STATUS_BADGE_MAP,
 } from '../../constant';
 import styles from './index.less';
+import { AuthUrl } from '@/components/AuthButton/AuthUrl';
+import AuthButton from '@/components/AuthButton';
 
 const formActions = createFormActions();
 
@@ -39,6 +41,7 @@ const QuotaPrConfirm: React.FC = () => {
       render: (text, record) => (
         <>
           <EyePreview
+            type={AuthUrl('quotaPrConfirm.see', 'payandSettle') ? 'link' : 'button'}
             url={`/memberCenter/payandSettle/creditManage/quotaPrConfirm/detail?id=${record.id}&creditId=${record.creditId}`}
           >
             {text}
@@ -110,12 +113,15 @@ const QuotaPrConfirm: React.FC = () => {
       align: 'center',
       render: (text, record) => (
         <>
-          <Button
-            type="link"
-            onClick={() => history.push(`/memberCenter/payandSettle/creditManage/quotaPrConfirm/verify?id=${record.id}&creditId=${record.creditId}`)}
-          >
-            {intl.formatMessage({ id: 'payandSettle.creditManage.quotaPrConfirm.verify' })}
-          </Button>
+          <AuthButton btnCode='quotaPrConfirm.update' menuCode='payandSettle'>
+            <Button
+              type="link"
+              onClick={() => history.push(`/memberCenter/payandSettle/creditManage/quotaPrConfirm/verify?id=${record.id}&creditId=${record.creditId}`)}
+            >
+              {intl.formatMessage({ id: 'payandSettle.creditManage.quotaPrConfirm.verify' })}
+            </Button>
+          </AuthButton>
+
         </>
       ),
     },

src/pages/payandSettle/eAccountApprove/components/personal/index.tsx

@@ -6,6 +6,7 @@ import useCountDown from '@/utils/hooks';
 import { PATTERN_MAPS } from '@/constants/regExp';
 import { postPayAllInPayPersonalCrate, postPayAllInPaySendVerificationCode } from '@/services/PayV2Api';
 import { useIntl } from 'umi';
+import AuthButton from '@/components/AuthButton'
 
 /** 个人 初始认证 */
 const Personal: React.FC<{}> = () => {
@@ -18,8 +19,8 @@ const Personal: React.FC<{}> = () => {
 
   const onFinish = async (values: any) => {
     setLoading(true)
-    const { code } = await postPayAllInPayPersonalCrate({...values, verificationCodeType: BIND_PHONE}, { ctlType: "none" })
-    if(code === 1000) {
+    const { code } = await postPayAllInPayPersonalCrate({ ...values, verificationCodeType: BIND_PHONE }, { ctlType: "none" })
+    if (code === 1000) {
       reloadFormData()
       message.success(intl.formatMessage({ id: 'payandSettle.capitalAccounts.eAccount.caozuochenggong', defaultMessage: '操作成功' }))
     } else {
@@ -150,9 +151,12 @@ const Personal: React.FC<{}> = () => {
         </Form.Item>
 
         <Form.Item {...tailFormItemLayout}>
-          <Button type="primary" htmlType="submit" loading={loading}>
-            {intl.formatMessage({ id: 'payandSettle.capitalAccounts.eAccount.tijiao', defaultMessage: '提交' })}
-          </Button>
+          <AuthButton btnCode='eAccountApprove.Personalsubmit' menuCode='payandSettle'>
+            <Button type="primary" htmlType="submit" loading={loading}>
+              {intl.formatMessage({ id: 'payandSettle.capitalAccounts.eAccount.tijiao', defaultMessage: '提交' })}
+            </Button>
+          </AuthButton>
+
         </Form.Item>
       </Form>
     </MellowCard>

src/pages/payandSettle/eAccountApprove/components/personalFinish/index.tsx

@@ -12,6 +12,7 @@ import ModalForm from '@/components/ModalForm'
 import PhoneCode from '../phone'
 import { useAsyncSelect } from '@/formSchema/effects/useAsyncSelect'
 import { useIntl } from 'umi'
+import AuthButton from '@/components/AuthButton'
 
 const bindActions = createFormActions();
 
@@ -27,19 +28,19 @@ const PersonalFinish: React.FC<{}> = () => {
   const [extra, setExtra] = useState<string>()
 
   useEffect(() => {
-    if(data.contractNo) {
-      form.setFieldsValue({'contractNo': data.ContractNo})
+    if (data.contractNo) {
+      form.setFieldsValue({ 'contractNo': data.ContractNo })
     }
   }, [data])
 
   const onFinish = async (values: any) => {
     // 绑定银行卡
-    const p1 = await postPayAllInPayBindBankCard({phone: data.phone, verificationCode: values.captcha, cardNo: values.cardNo}, { ctlType: "none" })
+    const p1 = await postPayAllInPayBindBankCard({ phone: data.phone, verificationCode: values.captcha, cardNo: values.cardNo }, { ctlType: "none" })
     // 进一步完善个人信息
-    const p2 = await postPayAllInPaySubmitPersonal({bankNo: values.cardNo, bankName: values.cardName}, {ctlType: "none"})
+    const p2 = await postPayAllInPaySubmitPersonal({ bankNo: values.cardNo, bankName: values.cardName }, { ctlType: "none" })
 
     Promise.all([p1, p2]).then(res => {
-      if(res.every(item => item['code'] === 1000)) {
+      if (res.every(item => item['code'] === 1000)) {
         reloadFormData()
         message.success(intl.formatMessage({ id: 'payandSettle.capitalAccounts.eAccount.caozuochenggong', defaultMessage: '操作成功' }))
         ctl.setFinish(true) // 已经完善
@@ -54,8 +55,8 @@ const PersonalFinish: React.FC<{}> = () => {
   };
 
   const clickSign = async () => {
-    const { code, data } = await postPayAllInPaySignContract({jumpPageType:1}, { ctlType: "none" })
-    if(code === 1000) {
+    const { code, data } = await postPayAllInPaySignContract({ jumpPageType: 1 }, { ctlType: "none" })
+    if (code === 1000) {
       var signLink = document.getElementById('signLink')
       signLink.setAttribute('href', data)
       signLink.click()
@@ -86,7 +87,7 @@ const PersonalFinish: React.FC<{}> = () => {
         identityType: data.cardType,
         identityNo: data.cardNo,
       })
-      if(res.code === 1000) {
+      if (res.code === 1000) {
         setExtra(`${intl.formatMessage({ id: 'payandSettle.capitalAccounts.eAccount.yijiangyanzhengma', defaultMessage: '已将验证码发送至您尾号为' })}${data.phone.substr(7, 4)}${intl.formatMessage({ id: 'payandSettle.capitalAccounts.eAccount.deshoujihao', defaultMessage: '的手机号' })}`)
         start()
         reloadFormData()
@@ -95,8 +96,8 @@ const PersonalFinish: React.FC<{}> = () => {
   }
 
   const contractPreview = async () => {
-    const {code, data} = await postPayAllInPaySignContractQuery({jumpPageType:1}, { ctlType: 'none' })
-    if(code === 1000) {
+    const { code, data } = await postPayAllInPaySignContractQuery({ jumpPageType: 1 }, { ctlType: 'none' })
+    if (code === 1000) {
       var signLink = document.getElementById('signPrewview')
       signLink.setAttribute('href', data)
       signLink.click()
@@ -110,10 +111,10 @@ const PersonalFinish: React.FC<{}> = () => {
   // 绑定解绑手机
   const handleBindSubmit = () => {
     const fn = data?.phone ? postPayAllInPayUnbindPhone : postPayAllInPayBindPhone
-    bindActions.submit().then(async ({values}: any) => {
+    bindActions.submit().then(async ({ values }: any) => {
       setBindLoading(true)
       fn(values).then(res => {
-        if(res.code === 1000) {
+        if (res.code === 1000) {
           reloadFormData()
         }
       }).finally(() => {
@@ -129,8 +130,8 @@ const PersonalFinish: React.FC<{}> = () => {
       icon: <ExclamationCircleOutlined />,
       content: intl.formatMessage({ id: 'payandSettle.capitalAccounts.eAccount.shifouquedingjie', defaultMessage: '是否确定解绑该银行卡？' }),
       onOk() {
-        postPayAllInPayUnbindBankCard({cardNo: data.bankNo}).then(({code, data}) => {
-          if(code === 1000) {
+        postPayAllInPayUnbindBankCard({ cardNo: data.bankNo }).then(({ code, data }) => {
+          if (code === 1000) {
             reloadFormData()
             // 解绑后需要完善信息 并显示返回图标
             ctl.setPerfection(true)
@@ -143,183 +144,185 @@ const PersonalFinish: React.FC<{}> = () => {
 
   return (<div>
     {!perfection ? <div>
-    <MellowCard headStyle={{borderBottom:'none'}} title={intl.formatMessage({ id: 'payandSettle.capitalAccounts.eAccount.gerenxinxi', defaultMessage: '个人信息' })} id="personalInfo">
-      <Row>
-        <Col span={12}>
-          <Row className={styles['card-list']}>
-            <Col span={6} className={styles['card-list_title']}>{intl.formatMessage({ id: 'payandSettle.capitalAccounts.eAccount.xingming', defaultMessage: '姓名' })}</Col>
-            <Col>{data.name}</Col>
-          </Row>
-        </Col>
-        <Col span={12}>
-          <Row className={styles['card-list']}>
-            <Col span={6} className={styles['card-list_title']}>{intl.formatMessage({ id: 'payandSettle.capitalAccounts.eAccount.zhengjianleixing', defaultMessage: '证件类型' })}</Col>
-            <Col>{data.cardType === 1 ? intl.formatMessage({ id: 'payandSettle.capitalAccounts.eAccount.shenfenzheng', defaultMessage: '身份证' }) : '' }</Col>
-          </Row>
-        </Col>
-      </Row>
-      <Row>
-        <Col span={12}>
-          <Row className={styles['card-list']}>
-            <Col span={6} className={styles['card-list_title']}>{intl.formatMessage({ id: 'payandSettle.capitalAccounts.eAccount.zhengjianhaoma', defaultMessage: '证件号码' })}</Col>
-            <Col>{data.cardNo}</Col>
-          </Row>
-        </Col>
-        <Col span={12}>
-          <Row className={styles['card-list']}>
-            <Col span={6} className={styles['card-list_title']}>{intl.formatMessage({ id: 'payandSettle.capitalAccounts.eAccount.shoujihao', defaultMessage: '手机号' })}</Col>
-            <Col><p><span>{data.phone || intl.formatMessage({ id: 'payandSettle.capitalAccounts.eAccount.zanwu', defaultMessage: '暂无' })}</span><Button type="link" onClick={handleBind}>{data.phone ? intl.formatMessage({ id: 'payandSettle.capitalAccounts.eAccount.jiebang', defaultMessage: '解绑' }) : intl.formatMessage({ id: 'payandSettle.capitalAccounts.eAccount.bangding', defaultMessage: '绑定' })}</Button></p></Col>
-          </Row>
-        </Col>
-      </Row>
-    </MellowCard>
-    {
-      data.bankNo ? <>
-        <MellowCard headStyle={{borderBottom:'none'}} style={{marginTop: 16}} title={intl.formatMessage({ id: 'payandSettle.capitalAccounts.eAccount.yinhangzhanghu', defaultMessage: '银行账户' })} id="accountInfo">
-          <Row>
-            <Col span={12}>
-              <Row className={styles['card-list']}>
-                <Col span={6} className={styles['card-list_title']}>{intl.formatMessage({ id: 'payandSettle.capitalAccounts.eAccount.yinhangzhanghao', defaultMessage: '银行账号' })}</Col>
-                <Col><p><span>{data.bankNo || intl.formatMessage({ id: 'payandSettle.capitalAccounts.eAccount.zanwu', defaultMessage: '暂无' })}</span><Button type="link" onClick={unbindBlank}>{intl.formatMessage({ id: 'payandSettle.capitalAccounts.eAccount.jiebang', defaultMessage: '解绑' })}</Button></p></Col>
-              </Row>
-            </Col>
-            <Col span={12}>
-              <Row className={styles['card-list']}>
-                <Col span={6} className={styles['card-list_title']}>{intl.formatMessage({ id: 'payandSettle.capitalAccounts.eAccount.kaihuhang', defaultMessage: '开户行' })}</Col>
-                <Col>{data.bankName}</Col>
-              </Row>
-            </Col>
-          </Row>
-        </MellowCard>
-        <MellowCard headStyle={{ borderBottom: 'none' }} style={{ marginTop: 16 }} title={intl.formatMessage({ id: 'payandSettle.eAccountApprove.components.personalFinish.mellowCard.3' })} id="electricInfo">
-          <Row className={styles['card-list']}>
-            <Col span={6} className={styles['card-list_title']}>{intl.formatMessage({ id: 'payandSettle.capitalAccounts.eAccount.dianzixieyi', defaultMessage: '电子协议' })}</Col>
-            <Col><p><span>{data.contractNo}</span><Button type="link" onClick={contractPreview}>{intl.formatMessage({ id: 'payandSettle.capitalAccounts.eAccount.zhakanqianyuexie', defaultMessage: '查看签约协议' })}</Button></p></Col>
-          </Row>
-        </MellowCard>
-      </>
-      :
-      <MellowCard headStyle={{borderBottom:'none'}} style={{marginTop: 16}} title="">
-        <h3><SoundOutlined style={{color:'#00A98F'}} /> {intl.formatMessage({ id: 'payandSettle.capitalAccounts.eAccount.jinyibuwanshan', defaultMessage: '进一步完善资料，可实现提现功能~' })}</h3>
-        <Button type="primary" onClick={handleFinish}>{intl.formatMessage({ id: 'payandSettle.capitalAccounts.eAccount.lijiwanshan', defaultMessage: '立即完善' })}</Button>
+      <MellowCard headStyle={{ borderBottom: 'none' }} title={intl.formatMessage({ id: 'payandSettle.capitalAccounts.eAccount.gerenxinxi', defaultMessage: '个人信息' })} id="personalInfo">
+        <Row>
+          <Col span={12}>
+            <Row className={styles['card-list']}>
+              <Col span={6} className={styles['card-list_title']}>{intl.formatMessage({ id: 'payandSettle.capitalAccounts.eAccount.xingming', defaultMessage: '姓名' })}</Col>
+              <Col>{data.name}</Col>
+            </Row>
+          </Col>
+          <Col span={12}>
+            <Row className={styles['card-list']}>
+              <Col span={6} className={styles['card-list_title']}>{intl.formatMessage({ id: 'payandSettle.capitalAccounts.eAccount.zhengjianleixing', defaultMessage: '证件类型' })}</Col>
+              <Col>{data.cardType === 1 ? intl.formatMessage({ id: 'payandSettle.capitalAccounts.eAccount.shenfenzheng', defaultMessage: '身份证' }) : ''}</Col>
+            </Row>
+          </Col>
+        </Row>
+        <Row>
+          <Col span={12}>
+            <Row className={styles['card-list']}>
+              <Col span={6} className={styles['card-list_title']}>{intl.formatMessage({ id: 'payandSettle.capitalAccounts.eAccount.zhengjianhaoma', defaultMessage: '证件号码' })}</Col>
+              <Col>{data.cardNo}</Col>
+            </Row>
+          </Col>
+          <Col span={12}>
+            <Row className={styles['card-list']}>
+              <Col span={6} className={styles['card-list_title']}>{intl.formatMessage({ id: 'payandSettle.capitalAccounts.eAccount.shoujihao', defaultMessage: '手机号' })}</Col>
+              <Col><p><span>{data.phone || intl.formatMessage({ id: 'payandSettle.capitalAccounts.eAccount.zanwu', defaultMessage: '暂无' })}</span><Button type="link" onClick={handleBind}>{data.phone ? intl.formatMessage({ id: 'payandSettle.capitalAccounts.eAccount.jiebang', defaultMessage: '解绑' }) : intl.formatMessage({ id: 'payandSettle.capitalAccounts.eAccount.bangding', defaultMessage: '绑定' })}</Button></p></Col>
+            </Row>
+          </Col>
+        </Row>
       </MellowCard>
-    }
-  </div>
-  :
-  <div>
-    <MellowCard headStyle={{borderBottom:'none'}} title={intl.formatMessage({ id: 'payandSettle.capitalAccounts.eAccount.wanshanxinxi', defaultMessage: '完善信息' })}>
-      <Form
-        {...formItemLayout}
-        form={form}
-        name="perfection-form"
-        onFinish={onFinish}
-        initialValues={{
-          prefix: '86',
-        }}
-        scrollToFirstError
-        colon={false}
-        labelAlign='left'
-      >
-        <Form.Item
-          name="cardNo"
-          label={intl.formatMessage({ id: 'payandSettle.capitalAccounts.eAccount.yinhangzhanghao', defaultMessage: '银行账号' })}
-          rules={[
-            {
-              required: true,
-              message: intl.formatMessage({ id: 'payandSettle.eAccountApprove.components.personalFinish.mellowCard.4.name.message' }),
-            },
-          ]}
-        >
-          <Input placeholder={intl.formatMessage({ id: 'payandSettle.eAccountApprove.components.personalFinish.mellowCard.4.name.placeholder' })} />
-        </Form.Item>
+      {
+        data.bankNo ? <>
+          <MellowCard headStyle={{ borderBottom: 'none' }} style={{ marginTop: 16 }} title={intl.formatMessage({ id: 'payandSettle.capitalAccounts.eAccount.yinhangzhanghu', defaultMessage: '银行账户' })} id="accountInfo">
+            <Row>
+              <Col span={12}>
+                <Row className={styles['card-list']}>
+                  <Col span={6} className={styles['card-list_title']}>{intl.formatMessage({ id: 'payandSettle.capitalAccounts.eAccount.yinhangzhanghao', defaultMessage: '银行账号' })}</Col>
+                  <Col><p><span>{data.bankNo || intl.formatMessage({ id: 'payandSettle.capitalAccounts.eAccount.zanwu', defaultMessage: '暂无' })}</span><Button type="link" onClick={unbindBlank}>{intl.formatMessage({ id: 'payandSettle.capitalAccounts.eAccount.jiebang', defaultMessage: '解绑' })}</Button></p></Col>
+                </Row>
+              </Col>
+              <Col span={12}>
+                <Row className={styles['card-list']}>
+                  <Col span={6} className={styles['card-list_title']}>{intl.formatMessage({ id: 'payandSettle.capitalAccounts.eAccount.kaihuhang', defaultMessage: '开户行' })}</Col>
+                  <Col>{data.bankName}</Col>
+                </Row>
+              </Col>
+            </Row>
+          </MellowCard>
+          <MellowCard headStyle={{ borderBottom: 'none' }} style={{ marginTop: 16 }} title={intl.formatMessage({ id: 'payandSettle.eAccountApprove.components.personalFinish.mellowCard.3' })} id="electricInfo">
+            <Row className={styles['card-list']}>
+              <Col span={6} className={styles['card-list_title']}>{intl.formatMessage({ id: 'payandSettle.capitalAccounts.eAccount.dianzixieyi', defaultMessage: '电子协议' })}</Col>
+              <Col><p><span>{data.contractNo}</span><Button type="link" onClick={contractPreview}>{intl.formatMessage({ id: 'payandSettle.capitalAccounts.eAccount.zhakanqianyuexie', defaultMessage: '查看签约协议' })}</Button></p></Col>
+            </Row>
+          </MellowCard>
+        </>
+          :
+          <MellowCard headStyle={{ borderBottom: 'none' }} style={{ marginTop: 16 }} title="">
+            <h3><SoundOutlined style={{ color: '#00A98F' }} /> {intl.formatMessage({ id: 'payandSettle.capitalAccounts.eAccount.jinyibuwanshan', defaultMessage: '进一步完善资料，可实现提现功能~' })}</h3>
+            <Button type="primary" onClick={handleFinish}>{intl.formatMessage({ id: 'payandSettle.capitalAccounts.eAccount.lijiwanshan', defaultMessage: '立即完善' })}</Button>
+          </MellowCard>
+      }
+    </div>
+      :
+      <div>
+        <MellowCard headStyle={{ borderBottom: 'none' }} title={intl.formatMessage({ id: 'payandSettle.capitalAccounts.eAccount.wanshanxinxi', defaultMessage: '完善信息' })}>
+          <Form
+            {...formItemLayout}
+            form={form}
+            name="perfection-form"
+            onFinish={onFinish}
+            initialValues={{
+              prefix: '86',
+            }}
+            scrollToFirstError
+            colon={false}
+            labelAlign='left'
+          >
+            <Form.Item
+              name="cardNo"
+              label={intl.formatMessage({ id: 'payandSettle.capitalAccounts.eAccount.yinhangzhanghao', defaultMessage: '银行账号' })}
+              rules={[
+                {
+                  required: true,
+                  message: intl.formatMessage({ id: 'payandSettle.eAccountApprove.components.personalFinish.mellowCard.4.name.message' }),
+                },
+              ]}
+            >
+              <Input placeholder={intl.formatMessage({ id: 'payandSettle.eAccountApprove.components.personalFinish.mellowCard.4.name.placeholder' })} />
+            </Form.Item>
 
-        <Form.Item
-          name="cardName"
-          label={intl.formatMessage({ id: 'payandSettle.capitalAccounts.eAccount.kaihuhang', defaultMessage: '开户行' })}
-          rules={[
-            {
-              required: true,
-              message: intl.formatMessage({ id: 'payandSettle.eAccountApprove.components.personalFinish.mellowCard.4.idcard.message' }),
-            },
-          ]}
-        >
-          <Input placeholder={intl.formatMessage({ id: 'payandSettle.eAccountApprove.components.personalFinish.mellowCard.4.idcard.placeholder' })} />
-        </Form.Item>
+            <Form.Item
+              name="cardName"
+              label={intl.formatMessage({ id: 'payandSettle.capitalAccounts.eAccount.kaihuhang', defaultMessage: '开户行' })}
+              rules={[
+                {
+                  required: true,
+                  message: intl.formatMessage({ id: 'payandSettle.eAccountApprove.components.personalFinish.mellowCard.4.idcard.message' }),
+                },
+              ]}
+            >
+              <Input placeholder={intl.formatMessage({ id: 'payandSettle.eAccountApprove.components.personalFinish.mellowCard.4.idcard.placeholder' })} />
+            </Form.Item>
 
-        <Form.Item label={intl.formatMessage({ id: 'payandSettle.capitalAccounts.eAccount.yanzhengma', defaultMessage: '验证码' })} extra={extra}>
-          <Row gutter={8}>
-            <Col span={20}>
-              <Form.Item
-                name="captcha"
-                noStyle
-                rules={[
-                  {
-                    required: true,
-                    message: intl.formatMessage({ id: 'payandSettle.capitalAccounts.eAccount.qingshuruyanzheng', defaultMessage: '请输入验证码' })
-                  },
-                  // {
-                  //   pattern: /^\d{6}$/,
-                  //   message: '请输入正确的6位验证码'
-                  // }
-                ]}
-              >
-                <Input placeholder={intl.formatMessage({ id: 'payandSettle.eAccountApprove.components.personalFinish.mellowCard.4.captcha.placeholder' })} />
-              </Form.Item>
-            </Col>
-            <Col span={4}>
-              <Button disabled={isActive} onClick={handleSendSMS}>{text}</Button>
-            </Col>
-          </Row>
-        </Form.Item>
+            <Form.Item label={intl.formatMessage({ id: 'payandSettle.capitalAccounts.eAccount.yanzhengma', defaultMessage: '验证码' })} extra={extra}>
+              <Row gutter={8}>
+                <Col span={20}>
+                  <Form.Item
+                    name="captcha"
+                    noStyle
+                    rules={[
+                      {
+                        required: true,
+                        message: intl.formatMessage({ id: 'payandSettle.capitalAccounts.eAccount.qingshuruyanzheng', defaultMessage: '请输入验证码' })
+                      },
+                      // {
+                      //   pattern: /^\d{6}$/,
+                      //   message: '请输入正确的6位验证码'
+                      // }
+                    ]}
+                  >
+                    <Input placeholder={intl.formatMessage({ id: 'payandSettle.eAccountApprove.components.personalFinish.mellowCard.4.captcha.placeholder' })} />
+                  </Form.Item>
+                </Col>
+                <Col span={4}>
+                  <Button disabled={isActive} onClick={handleSendSMS}>{text}</Button>
+                </Col>
+              </Row>
+            </Form.Item>
 
-        <Form.Item
-          label={intl.formatMessage({ id: 'payandSettle.capitalAccounts.eAccount.dianzixieyiqian', defaultMessage: '电子协议签约' })}
-          name="contractNo"
-          // rules={[{ required: true, message: '请签约电子协议' }]}
-        >
-          { data.contractNo ? data.contractNo : (<Button onClick={clickSign} icon={<EditOutlined />} style={{width: '100%'}}>{intl.formatMessage({ id: 'payandSettle.capitalAccounts.eAccount.qianwangqianyue', defaultMessage: '前往签约' })}</Button>)}
-        </Form.Item>
+            <Form.Item
+              label={intl.formatMessage({ id: 'payandSettle.capitalAccounts.eAccount.dianzixieyiqian', defaultMessage: '电子协议签约' })}
+              name="contractNo"
+            // rules={[{ required: true, message: '请签约电子协议' }]}
+            >
+              {data.contractNo ? data.contractNo : (<Button onClick={clickSign} icon={<EditOutlined />} style={{ width: '100%' }}>{intl.formatMessage({ id: 'payandSettle.capitalAccounts.eAccount.qianwangqianyue', defaultMessage: '前往签约' })}</Button>)}
+            </Form.Item>
 
-        <Form.Item {...tailFormItemLayout}>
-          <Button type="primary" htmlType="submit" loading={loading}>
-            {intl.formatMessage({ id: 'payandSettle.capitalAccounts.eAccount.tijiao', defaultMessage: '提交' })}
-          </Button>
-        </Form.Item>
-      </Form>
-    </MellowCard>
-  </div>}
-  <ModalForm
-    modalTitle={data?.phone ? intl.formatMessage({ id: 'payandSettle.capitalAccounts.eAccount.jiebangshoujihao', defaultMessage: '解绑手机号' }) : intl.formatMessage({ id: 'payandSettle.capitalAccounts.eAccount.bangdingxinshouji', defaultMessage: '绑定新手机号' })}
-    currentRef={bindRef}
-    confirm={handleBindSubmit}
-    actions={bindActions}
-    schema={data?.phone ? unbindSchema : bindSchema}
-    modalProps={{confirmLoading: bindLoading, destroyOnClose: true}}
-    components={{PhoneCode}}
-    effects={($, actions) => {
-      useAsyncSelect('areaCode', fetchTelCode)
-      $('onFormInit').subscribe(() => {
-        if(data?.phone) {
-          actions.setFieldValue('phone', data.phone)
-          actions.setFieldState('verificationCode', state => {
-            state.props['x-component-props']['type'] = UNBIND_PHONE
-          })
-          actions.setFieldState('phone', state => {
-            state.props['x-component-props']['disabled'] = true
-          })
-        } else {
-          actions.setFieldState('phone', state => {
-            state.props['x-component-props']['disabled'] = false
-          })
-          actions.setFieldState('verificationCode', state => {
-            state.props['x-component-props']['type'] = BIND_PHONE
-          })
-        }
-      })
-    }}
-  />
-  <a href="" target="_blank" id="signLink" style={{display: 'none', visibility: "hidden"}}></a>
-  <a href="" target="_blank" id="signPrewview" style={{display: 'none', visibility: "hidden"}}></a>
+            <Form.Item {...tailFormItemLayout}>
+              <AuthButton btnCode='eAccountApprove.PersonalFinish' menuCode='payandSettle'>
+                <Button type="primary" htmlType="submit" loading={loading}>
+                  {intl.formatMessage({ id: 'payandSettle.capitalAccounts.eAccount.tijiao', defaultMessage: '提交' })}
+                </Button>
+              </AuthButton>
+            </Form.Item>
+          </Form>
+        </MellowCard>
+      </div>}
+    <ModalForm
+      modalTitle={data?.phone ? intl.formatMessage({ id: 'payandSettle.capitalAccounts.eAccount.jiebangshoujihao', defaultMessage: '解绑手机号' }) : intl.formatMessage({ id: 'payandSettle.capitalAccounts.eAccount.bangdingxinshouji', defaultMessage: '绑定新手机号' })}
+      currentRef={bindRef}
+      confirm={handleBindSubmit}
+      actions={bindActions}
+      schema={data?.phone ? unbindSchema : bindSchema}
+      modalProps={{ confirmLoading: bindLoading, destroyOnClose: true }}
+      components={{ PhoneCode }}
+      effects={($, actions) => {
+        useAsyncSelect('areaCode', fetchTelCode)
+        $('onFormInit').subscribe(() => {
+          if (data?.phone) {
+            actions.setFieldValue('phone', data.phone)
+            actions.setFieldState('verificationCode', state => {
+              state.props['x-component-props']['type'] = UNBIND_PHONE
+            })
+            actions.setFieldState('phone', state => {
+              state.props['x-component-props']['disabled'] = true
+            })
+          } else {
+            actions.setFieldState('phone', state => {
+              state.props['x-component-props']['disabled'] = false
+            })
+            actions.setFieldState('verificationCode', state => {
+              state.props['x-component-props']['type'] = BIND_PHONE
+            })
+          }
+        })
+      }}
+    />
+    <a href="" target="_blank" id="signLink" style={{ display: 'none', visibility: "hidden" }}></a>
+    <a href="" target="_blank" id="signPrewview" style={{ display: 'none', visibility: "hidden" }}></a>
   </div>)
 }
 

src/pages/payandSettle/paySetting/index.tsx

@@ -18,6 +18,7 @@ import { PageHeaderWrapper } from '@ant-design/pro-layout';
 import NumberInput from './components/number';
 import { getOrderMemberPaymentParameterFind, postOrderMemberPaymentParameterCreate } from '@/services/OrderNewV2Api';
 import PayEmptyLayout from './payEmpty';
+import AuthButton from '@/components/AuthButton'
 
 const PIC_MAP = {
   1: alipay,
@@ -289,13 +290,16 @@ const PaySettingLayout = () => {
         detail={intl.formatMessage({ id: 'payandSettle.paySetting.detail' })}
         tabLink={tabLink}
         effect={
-          <Button
-            type="primary"
-            icon={<SaveOutlined />}
-            onClick={handleSubmit}
-          >
-            {intl.formatMessage({ id: 'payandSettle.paySetting.effect' })}
-          </Button>
+          <AuthButton btnCode='payParamsSetting.update' menuCode='payandSettle'>
+            <Button
+              type="primary"
+              icon={<SaveOutlined />}
+              onClick={handleSubmit}
+            >
+              {intl.formatMessage({ id: 'payandSettle.paySetting.effect' })}
+            </Button>
+          </AuthButton>
+
         }
         components={
           <Fragment>