步骤表单

config/base.config.json

-{
-  "userRegister": {
-    "useType": {
-      "memberType": [],
-      "businessType": []
-    },
-    "useDetail": [
-      {
-        "groupName": "企业组",
-        "elements": [
-          {
-            "id": 2,
-            "fieldName": "company",
-            "fieldCNName": "企业",
-            "fieldType": null,
-            "fieldLength": 10,
-            "fieldEmpty": 0,
-            "fieldOrder": 1,
-            "fieldRemark": "test",
-            "checkRules": []
-          }
-        ]
-      },
-      {
-        "groupName": "444",
-        "elements": [
-          {
-            "id": 1,
-            "fieldName": "444",
-            "fieldCNName": "44",
-            "fieldType": null,
-            "fieldLength": 44,
-            "fieldEmpty": 1,
-            "fieldOrder": 44,
-            "fieldRemark": null,
-            "checkRules": []
-          }
-        ]
-      }
-    ]
-  }
-}
\ No newline at end of file
+{"userRegister":{"useType":{"memberType":[{"id":1,"typeName":"企业会员"},{"id":2,"typeName":"个人会员"},{"id":3,"typeName":"渠道企业会员"},{"id":4,"typeName":"渠道个人会员"}],"businessType":[{"id":1,"typeName":"new11"},{"id":2,"typeName":"王者农药"}]},"useDetail":[{"groupName":"企业组","elements":[{"id":2,"fieldName":"company","fieldCNName":"企业","fieldType":null,"fieldLength":10,"fieldEmpty":0,"fieldOrder":1,"fieldRemark":"test","checkRules":[]}]},{"groupName":"企业信息","elements":[{"id":3,"fieldName":"company_name","fieldCNName":"公司名称","fieldType":null,"fieldLength":128,"fieldEmpty":1,"fieldOrder":1,"fieldRemark":"","checkRules":[]},{"id":4,"fieldName":"company_type","fieldCNName":"公司类型","fieldType":null,"fieldLength":128,"fieldEmpty":0,"fieldOrder":2,"fieldRemark":"","checkRules":[]}]},{"groupName":"444","elements":[{"id":1,"fieldName":"444","fieldCNName":"44","fieldType":null,"fieldLength":44,"fieldEmpty":1,"fieldOrder":44,"fieldRemark":null,"checkRules":[]}]}]},"global":{"logo":"http://lingxi-frontend-test.oss-cn-hangzhou.aliyuncs.com/images/logo.png","countryList":[{"name":"简体中文-ZH","key":"cn","icon":"http://lingxi-frontend-test.oss-cn-hangzhou.aliyuncs.com/images/china.png"},{"name":"English-EN","key":"en","icon":"http://lingxi-frontend-test.oss-cn-hangzhou.aliyuncs.com/images/us.png"},{"name":"日本語-JP","key":"jp","icon":"http://lingxi-frontend-test.oss-cn-hangzhou.aliyuncs.com/images/japen.png"},{"name":"한국어-KO","key":"ko","icon":"http://lingxi-frontend-test.oss-cn-hangzhou.aliyuncs.com/images/koren.png"}]}}

demo.js

@@ -34,7 +34,7 @@ const mockData = {
 exports.fetchConfig = async () => {
   return new Promise((resolve, reject) => {
     setTimeout(() => {
-      resolve(mockData)
+      resolve(mockData.data)
     }, 2* 1000)
   })
 }
\ No newline at end of file

scripts/gulpfile.js

@@ -2,7 +2,9 @@ const path = require('path')
 const Logs = require('./utils/log')
 const fse = require('fs-extra')
 const Type = require('./utils/type')
-const fetchConfig = require('./services').fetchConfig
+
+const runFile = './services'
+const fetchConfig = require(runFile).fetchConfig
 const gulp = require('gulp')
 const json2ts = require('json2ts')
 

scripts/services/index.js

@@ -7,6 +7,9 @@
 
 const Axios = require('axios').default;
 const deepClone = require('clone')
+const demoFetch = require('../../demo').fetchConfig
+
+const isDemo = true
 
 const axios = Axios.create({
   baseURL: 'http://10.0.0.25:8100',
@@ -36,8 +39,7 @@ async function batchAxiosHttps() {
       asyncHttpQueue[item][subItem] = data.data.data
     }
   }
-  return asyncHttpQueue
+  return isDemo ? Object.assign(asyncHttpQueue, await demoFetch()) : asyncHttpQueue
 }
 
-
 exports.fetchConfig = batchAxiosHttps
\ No newline at end of file

src/app.tsx

@@ -5,7 +5,10 @@ import MobxProvider from './store'
 
 import '@/global/styles/global.less';  // 导入全局样式
 
-let extraRoutes: never[] = []
+// 默认引入所有的ant样式， 不引入css因为无法做到变量覆盖
+import 'antd/dist/antd.less'
+
+let extraRoutes = []
 
 /**
  * @description 配置函数，对已配置的路由做修改， 一般与render函数一起结合可根据接口动态配置路由

src/global/config/global.d.ts

+export interface MemberType {
+	id: number;
+	typeName: string;
+}
+
+export interface BusinessType {
+	id: number;
+	typeName: string;
+}
+
 export interface UseType {
-	memberType: any[];
-	businessType: any[];
+	memberType: MemberType[];
+	businessType: BusinessType[];
 }
 
 export interface Element {
@@ -25,6 +35,18 @@ export interface UserRegister {
 	useDetail: UseDetail[];
 }
 
+export interface CountryList {
+	name: string;
+	key: string;
+	icon: string;
+}
+
+export interface Global {
+	logo: string;
+	countryList: CountryList[];
+}
+
 export interface RootObject {
 	userRegister: UserRegister;
+	global: Global;
 }
\ No newline at end of file

src/global/styles/global.less

@@ -84,4 +84,14 @@ h1, h2, h3, h4, h5, h6 {
 .commonStatusInvalid{
   .commonStatus();
   background-color: @status-invalid;  // 无效、未生成
+}
+
+.sc-fzpans {
+  display: block;
+  width: 100%;
+}
+
+// 间距
+.mr_t-40 {
+  margin-top: 40px;
 }
\ No newline at end of file

src/pages/logistics/list/components/addressForm.tsx

@@ -19,7 +19,6 @@ import { Row, Col, Card, Button, Popconfirm } from 'antd';
 import { PageHeaderWrapper } from '@ant-design/pro-layout'
 import { MegaLayout, Input, Switch, Select, FormMegaLayout } from '@formily/antd-components'
 import ReutrnEle from '@/components/ReturnEle'
-import 'antd/dist/antd.css'
 let selectList: any = [
   { label: '+86', value: '1' },
   { label: 'Two', value: '2' },

src/pages/user/index.less

@@ -107,6 +107,10 @@
     margin-bottom: 0;
   }
 }
+.registerForm {
+  max-width: 335px;
+  margin: 40px auto;
+}
 
 .registerBox {
   width: 100%;
@@ -144,13 +148,14 @@
 }
 .continueButton{
   .make-center(block);
-  width: 320px;
+  width: 340px;
   height: 40px;
   .make-center-space(margin, 8);
 }
 .identityRadio{
   display: flex;
   flex-direction: column;
+  margin: 0 auto;
   .make-center(text);
   & label{
     width: 320px;
@@ -283,4 +288,8 @@
       line-height:22px;
     }
   }
+}
+
+.mr_t-40 {
+  margin-top: 40px;
 }
\ No newline at end of file

src/pages/user/index.less.d.ts

-// This file is automatically generated.
-// Please do not change this file!
-interface CssExports {
-  [x: string]: string | undefined;
-  'adBox': string;
-  'businessRadio': string;
-  'commonPanelTitle': string;
-  'continueButton': string;
-  'description': string;
-  'formBefore': string;
-  'formBoxStep1': string;
-  'formBoxStep2': string;
-  'formBoxStep3': string;
-  'guid': string;
-  'identityRadio': string;
-  'lingxi-business-content1024': string;
-  'lingxi-business-margin_content': string;
-  'lingxiBusinessContent1024': string;
-  'lingxiBusinessMarginContent': string;
-  'login-ctl': string;
-  'login-item': string;
-  'loginCtl': string;
-  'loginDesc': string;
-  'loginItem': string;
-  'loginMain': string;
-  'loginVerBtn': string;
-  'loginWrap': string;
-  'mb-10': string;
-  'mb-100': string;
-  'mb-20': string;
-  'mb-30': string;
-  'mb-50': string;
-  'mb10': string;
-  'mb100': string;
-  'mb20': string;
-  'mb30': string;
-  'mb50': string;
-  'ml-10': string;
-  'ml-100': string;
-  'ml-20': string;
-  'ml-30': string;
-  'ml-50': string;
-  'ml10': string;
-  'ml100': string;
-  'ml20': string;
-  'ml30': string;
-  'ml50': string;
-  'mr-10': string;
-  'mr-100': string;
-  'mr-20': string;
-  'mr-30': string;
-  'mr-50': string;
-  'mr10': string;
-  'mr100': string;
-  'mr20': string;
-  'mr30': string;
-  'mr50': string;
-  'mt-10': string;
-  'mt-100': string;
-  'mt-20': string;
-  'mt-30': string;
-  'mt-50': string;
-  'mt10': string;
-  'mt100': string;
-  'mt20': string;
-  'mt30': string;
-  'mt50': string;
-  'qrcodeLogin': string;
-  'register': string;
-  'registerBox': string;
-  'scanLoginWrap': string;
-  'scanTips': string;
-  'stepWrap': string;
-  'thirdLogin': string;
-}
-export const cssExports: CssExports;
-export default cssExports;

src/utils/hooks/index.ts

+import React, { useState, useEffect } from 'react'
+export interface UseCountDownProps {
+  maxTime: number,
+  minTime: number,
+  initText: React.ReactNode,
+  delay: number,
+  onEnd(): void,
+  decayRate: number
+}
+
+export interface ReturnValue {
+  start(): void,
+  text: React.ReactNode,
+  isActive: boolean
+}
+
+const useCountDown = (options: UseCountDownProps): ReturnValue => {
+  const [activeText, setActiveText] = useState(options.initText)
+  const [isOpen, setIsOpen] = useState(false)
+
+  useEffect(() => {
+    const { maxTime = 60, minTime = 0, initText = '获取验证码', delay = 1 * 1000, onEnd = () => {}, decayRate = 1 } = options
+    let activeInterval: any = null
+    let activeTime = maxTime
+    if (isOpen) {
+      activeInterval = setInterval(() => {
+        if (activeTime === minTime) {
+          setActiveText(initText)
+          setIsOpen(false)
+          clearInterval(activeInterval)
+          onEnd && onEnd()
+        } else {
+          setActiveText((activeTime -= decayRate) + 's')
+        }
+      }, delay)
+    }
+    return () => {
+      clearInterval(activeInterval)
+    }
+  }, [isOpen])
+
+  function start() {
+    if (isOpen) {
+      return false
+    }
+    setIsOpen(true)
+    setActiveText(options.maxTime + 's')
+  }
+  return {
+    start,
+    text: activeText,
+    isActive: isOpen
+  }
+}
+
+export default useCountDown
\ No newline at end of file

tsconfig.json

@@ -7,9 +7,9 @@
     "importHelpers": true,
     "jsx": "react",
     "esModuleInterop": true,
+    "noImplicitAny": false,
     "sourceMap": true,
     "baseUrl": "./",
-    "strict": true,
     "paths": {
       "@/*": ["src/*"],
       "@mock/*": ["mockStatic/*"],