up

展示端/src/components/RouterOrder.tsx

@@ -49,12 +49,19 @@ const routerArr = [
   },
   {
     id: 7,
-    name: '团体认证',
+    name: '团体认证选择',
     path: '/team',
     exact: true,
     Com: React.lazy(() => import('@/pages/A7team'))
   },
   {
+    id: 8,
+    name: '团体认证表单',
+    path: '/proof/:id',
+    exact: true,
+    Com: React.lazy(() => import('@/pages/A8proof'))
+  },
+  {
     id: 9,
     name: '找不到页面',
     path: '*',

展示端/src/pages/A1home/index.tsx

@@ -20,7 +20,7 @@ const list = [
     img: icon2,
     color: '#107bd9',
     bac: '#e7f2fc',
-    path: '/xx'
+    path: '/team'
   },
   {
     name: '我的申请',

展示端/src/pages/A7team/index.module.scss

@@ -1,4 +1,39 @@
 .A7team {
   :global {
+    .A7main {
+      height: calc(100% - 60px);
+      overflow-y: auto;
+      & > img {
+        pointer-events: none;
+        width: 100%;
+        height: auto;
+        object-fit: fill !important;
+      }
+      .A7tit {
+        font-size: 22px;
+        padding: 0 35px;
+        margin: 8px 0 30px;
+      }
+      .A7dan1 {
+        padding: 0 35px;
+        margin-bottom: 20px;
+        & > div {
+          padding: 30px;
+          background: rgba(125, 190, 43, 0.1);
+          border-radius: 5px;
+          border: 2px solid var(--themeColor2);
+          color: var(--themeColor2);
+          font-weight: 700;
+          font-size: 24px;
+          line-height: 28px;
+          text-align: center;
+        }
+        .A7dan1_1 {
+          background: rgba(13, 121, 217, 0.1);
+          border: 2px solid var(--themeColor);
+          color: var(--themeColor);
+        }
+      }
+    }
   }
 }

展示端/src/pages/A7team/index.tsx

@@ -1,9 +1,25 @@
 import React from 'react'
 import styles from './index.module.scss'
+import TopCom from '@/components/TopCom'
+
+import topImg from '@/assets/img/team/top.png'
+import history from '@/utils/history'
+
 function A7team() {
   return (
     <div className={styles.A7team}>
-      <h1>A7team</h1>
+      <TopCom txt='团体认证' />
+      <div className='A7main'>
+        <img src={topImg} alt='' />
+        <div className='A7tit'>请选择认证单位</div>
+
+        <div className='A7dan1' onClick={() => history.push('/proof/1')}>
+          <div>横琴粤澳深度合作区民生事务局</div>
+        </div>
+        <div className='A7dan1' onClick={() => history.push('/proof/2')}>
+          <div className='A7dan1_1'>澳门街坊会联合总会广东办事处</div>
+        </div>
+      </div>
     </div>
   )
 }

展示端/src/pages/A8proof/index.module.scss

@@ -0,0 +1,7 @@
+.A8proof {
+  :global {
+    .a {
+      width: 0;
+    }
+  }
+}

展示端/src/pages/A8proof/index.tsx

@@ -0,0 +1,13 @@
+import React from 'react'
+import styles from './index.module.scss'
+function A8proof() {
+  return (
+    <div className={styles.A8proof}>
+      <h1>A8proof</h1>
+    </div>
+  )
+}
+
+const MemoA8proof = React.memo(A8proof)
+
+export default MemoA8proof