feat: 新增e账户管理通联页面

config/routes/index.ts

@@ -5,17 +5,17 @@
  * @LastEditTime: 2021-08-26 16:31:22
  */
 // import CommodityRoute from './commodityRoute' // 商品能力路由
-import MemberRoute from './memberRoute' //  会员能力路由
+// import MemberRoute from './memberRoute' //  会员能力路由
 // import ShopRoute from './shopRoute' // 店铺能力路由
 // import ChannelRoute from './channelRoute' // 渠道能力路由
-import TranactionRoute from './tranactionRoute' // 交易能力路由
+// import TranactionRoute from './tranactionRoute' // 交易能力路由
 // import LogisticsRoute from './logisticsRoutes' // 物流能力路由
-// import PayandSettleRoute from './payandSettle' //支付与结算
-import AuthConfigRoute from './authConfigRoute'
+import PayandSettleRoute from './payandSettle' //支付与结算
+// import AuthConfigRoute from './authConfigRoute'
 // import AfterService from './afterServiceRoute' // 售后
 // import HandlingRoute from './handlingRoute'; // 加工能力
-import DealAbilityRoute from './dealAbilityRoute'; //
-import marketingRoute from './marketingRoute';
+// import DealAbilityRoute from './dealAbilityRoute'; //
+// import marketingRoute from './marketingRoute';
 import asyncRoutes from '../router.config.json';
 // import ProcurementRoute from './procurementRoute';
 // import { callForBidsRoute } from './procurementRoute/callForBids';
@@ -33,7 +33,7 @@ const homeRoute = {
   component: '@/pages/home',
 };
 // const routes = isDev ? [ homeRoute, marketingRoute, MemberRoute ] : asyncRoutes;
-const routes = isDev ? [ homeRoute, MemberRoute, marketingRoute ] : asyncRoutes;
+const routes = isDev ? [ PayandSettleRoute ] : asyncRoutes;
 
 const memberCenterRoute = {
   path: '/memberCenter',

config/routes/payandSettle.ts

@@ -317,6 +317,12 @@ const payandSettleRoute: RouterChild = {
           component: '@/pages/payandSettle/capitalAccounts/accountLists/applyWithdraw',
           hideInMenu: true,
         },
+        // e账户管理-通联
+        {
+          path: '/memberCenter/payandSettle/capitalAccounts/eAccount',
+          name: 'eAccount',
+          component: '@/pages/payandSettle/capitalAccounts/eAccount',
+        },
       ],
     },
     // 资金账户管理
@@ -367,4 +373,5 @@ const payandSettleRoute: RouterChild = {
     },
   ]
 }
+
 export default payandSettleRoute

src/pages/payandSettle/capitalAccounts/eAccount/index.less

+.repayment {
+  padding: 56px 24px 33px;
+  display: flex;
+  align-items: center;
+  background: #8777D9;
+  border-radius: 4px;
+  border: 1px solid #8777D9;
+  color: #fff;
+  &-left {
+    flex: 1;
+  }
+
+  &-right {
+    flex-shrink: 0;
+  }
+
+  &-end {
+    margin-top: 32px;
+  }
+
+  &-action {
+    margin-left: 24px;
+  }
+  
+  &-time {
+    line-height: 22px;
+    margin-right: 8px;
+    font-weight: 400;
+  }
+}
+
+.statistic {
+  &-title {
+    margin-bottom: 28px;
+    line-height: 22px;
+    font-weight: 400;
+  }
+  &-amount {
+    line-height: 40px;
+    font-size: 32px;
+    font-weight: 500;
+  }
+  &-input {
+    display: block !important;
+    width: 180px !important;
+    line-height: 40px !important;
+    padding: 8px 0 !important;
+    font-size: 32px !important;
+    font-weight: 500 !important;
+    color: #fff !important;
+    background: none !important;
+    border-top: none !important;
+    border-right: none !important;
+    border-left: none !important;
+    border-image: initial !important;
+    outline: none !important;
+    border-bottom: 1px solid #fff !important;
+  }
+}
+
+.infoRight {
+  margin: 35px 0;
+  .rightTitle {
+    height: 36px;
+    font-weight: 400;
+    color: #6B778C;
+    line-height: 36px;
+  }
+  .rightInfo {
+    height: 36px;
+    font-weight: 500;
+    color: #303133;
+    line-height: 36px;    
+  }
+}
+
+.repayinfo {
+  background-color: #4279DF;
+}
+
+// 账户详情右侧操作按钮
+.rightActions {
+  display: flex;
+  margin-top: 70px;
+  
+  .rightAction {
+    width: 88px;
+    height: 40px;
+
+    &:last-child{
+      background-color: #6B778C;
+      color: #fff;
+      margin-left: 24px;    
+    }
+  }
+}
+
+// 扫码充值
+.qrCodeImage {
+  text-align: center;
+  width: 224px;
+  height: 224px;
+  margin: 20px auto 42px;
+
+  &>img {
+    display: block;
+    width: 100%;
+    height: 100%;
+  }
+}
+
+.scanTips {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  color: #6b778c;
+  margin-bottom: 18px;
+  .scanIcon {
+    font-size: 30px;
+    margin-right: @margin-sm;
+  }
+}
\ No newline at end of file

src/pages/payandSettle/capitalAccounts/eAccount/schema/index.tsx

+import { ISchema } from '@formily/antd';
+import { FORM_FILTER_PATH } from '@/formSchema/const';
+import alipay from '@/assets/imgs/alipay_icon.png';
+import wxpay from '@/assets/imgs/wechat_icon.png';
+
+export const searchSchema: ISchema = {
+  type: 'object',
+  properties: {
+    mageLayout: {
+      type: 'object',
+      'x-component': 'mega-layout',
+      properties: {
+        topLayout: {
+          type: 'object',
+          'x-component': 'mega-layout',
+          'x-component-props': {
+            grid: true,
+          },
+          properties: {
+            parentMemberName: {
+              type: 'string',
+              'x-component': 'Search',
+              'x-component-props': {
+                placeholder: '账户归属',
+                align: 'flex-left',
+              },
+            },
+          },
+        },
+        [FORM_FILTER_PATH]: {
+          type: 'object',
+          'x-component': 'flex-layout',
+          'x-component-props': {
+            rowStyle: {
+              flexWrap: 'nowrap',
+              justifyContent: 'end',
+            },
+            colStyle: {
+              marginRight: 20,
+            },
+          },
+          properties: {
+            memberStatus: {
+              type: 'string',
+              'x-component-props': {
+                placeholder: '会员状态',
+                style: { width: '174px' },
+              },
+              enum: [
+                {
+                  label: '正常',
+                  value: 1,
+                },
+                {
+                  label: '已冻结',
+                  value: 2,
+                }
+              ],
+            },
+            accountStatus: {
+              type: 'string',
+              'x-component-props': {
+                placeholder: '账户状态',
+                style: { width: '174px' },
+              },
+              enum: [
+                {
+                  label: '正常',
+                  value: 1,
+                },
+                {
+                  label: '已冻结',
+                  value: 2,
+                }
+              ],
+            },
+            "[startTime,endTime]": {
+              type: 'array',
+              "x-component": 'DateRangePickerUnix',
+              'x-component-props': {
+                placeholder: ['开始时间','结束时间'],
+              },
+            },
+            submit: {
+              'x-component': 'Submit',
+              'x-mega-props': {
+                span: 1,
+              },
+              'x-component-props': {
+                children: '查询',
+              },
+            },
+          },
+        },
+      },
+    },
+  },
+};
+
+export const rechargeSchema: ISchema = {
+  type: 'object',
+  properties: {
+    NO_SUBMIT: {
+      type: 'object',
+      "x-component": "mega-layout",
+      "x-component-props": {
+        labelAlign: 'left',
+        labelCol: 24,
+        wrapperCol: 24
+      },
+      properties: {
+        money: {
+          type: "string",
+          title: '充值金额',
+          'x-component-props': {
+            addonBefore: "￥",
+            // suffix: "RMB"
+          },
+          "x-rules": [
+            {
+              required: true,
+              message: '请输入充值金额'
+            },
+            {
+              validator: value => {
+                return isNaN(value)
+              },
+              message:'请正确输入数字金额'
+            },
+            {
+              pattern: /^\d+(\.\d{1,2})?$/,
+              message: '充值金额仅限两位小数',
+            },
+          ]
+        },
+
+        type: {
+          type: "array:number",
+          "x-component": 'CardCheckBox',
+          "x-component-props": {
+            dataSource: [
+              // {id: 1, name: '支付宝', logoUrl: alipay},
+              {id: 2, name: '微信', logoUrl: wxpay}
+            ],
+            type: 'radio' // CardCheckBox 单选模式
+          },
+          "title": "充值方式",
+          "x-rules": [
+            {
+              required: true,
+              message: '请选择充值方式'
+            }
+          ],
+        }
+      }
+    }
+  }
+}
\ No newline at end of file

src/pages/transaction/purchaseOrder/readyAddCashOrder/schema/index.ts

 // import { ISchema } from '@formily/antd';
-import { useIntl } from '@/.umi/plugin-locale/localeExports';
 import { FORM_FILTER_PATH } from '@/formSchema/const';
+import { useIntl } from 'umi';
 // import { getPurchaseOrderReadyAddPageSelectOption } from '@/pages/transaction/effect';
 
 export const tableListSchema: any = () => {