添加新页面

src/router/routes-common.ts

@@ -240,6 +240,14 @@ export const rootRouter = [
     }
   },
   {
+    path: '/bind-wechat',
+    name: 'bind-wechat',
+    component: () => import('@/views/bind-wechat'),
+    meta: {
+      title: '绑定微信'
+    }
+  },
+  {
     path: '/:pathMatch(.*)*',
     component: () => import('@/views/404'),
     meta: {

src/school/approval-manage/subsidy/grant-detail.tsx

@@ -40,6 +40,7 @@ export default defineComponent({
         })
         .then((res: any) => {
           data.rows = res?.data?.rows || []
+          console.log(data.rows)
         })
         .finally(() => {
           refreshing.value = false
@@ -116,29 +117,26 @@ export default defineComponent({
                 </GridItem>
               </Grid>
             </div>
-
-            {data.rows.map((item: ICourseSchedule) => {
-              return () => (
-                <div class={styles.item}>
-                  <Cell center>
-                    {{
-                      title: () => (
-                        <div class={styles.itemTitle}>
-                          <img class={styles.titleIcon} src={iconTime} />
-                          <span>{item.startTime}</span>
-                        </div>
-                      )
-                    }}
-                  </Cell>
-                  <div class={styles.itemContent}>
-                    <div class={styles.itemContentTitle}>
-                      {item.className}-{item.teacherName}
-                    </div>
-                    <div class={styles.itemContentLabel}>{item.orchestraName}</div>
+            {data.rows.map((item: ICourseSchedule) => (
+              <div class={styles.item}>
+                <Cell center>
+                  {{
+                    title: () => (
+                      <div class={styles.itemTitle}>
+                        <img class={styles.titleIcon} src={iconTime} />
+                        <span>{item.startTime}</span>
+                      </div>
+                    )
+                  }}
+                </Cell>
+                <div class={styles.itemContent}>
+                  <div class={styles.itemContentTitle}>
+                    {item.className}-{item.teacherName}
                   </div>
+                  <div class={styles.itemContentLabel}>{item.orchestraName}</div>
                 </div>
-              )
-            })}
+              </div>
+            ))}
           </div>
         </OFullRefresh>
         <Dialog v-model:show={dialog.value} confirmButtonText="我知道了">

src/views/bind-wechat/index.module.less

@@ -0,0 +1,39 @@
+.bindWeChat {
+  overflow: hidden;
+  text-align: center;
+
+  .largeLogo {
+    width: 104px;
+    height: 104px;
+    background: #fff6e4;
+    border-radius: 52px;
+    display: block;
+    margin: 54px auto 14px;
+  }
+
+  .smallLogo {
+    display: block;
+    margin: 0 auto;
+    height: 33px;
+    width: 101px;
+  }
+
+  .tips {
+    font-size: 16px;
+    color: #777777;
+    line-height: 22px;
+    padding-top: 86px;
+    padding-bottom: 20px;
+  }
+
+  .phone {
+    font-size: 20px;
+    font-weight: 500;
+    color: #333333;
+    line-height: 28px;
+  }
+
+  .btnGroup {
+    padding: 168px 64px 32px;
+  }
+}

src/views/bind-wechat/index.tsx

@@ -0,0 +1,25 @@
+import { defineComponent } from 'vue'
+import { Button, Image } from 'vant'
+import styles from './index.module.less'
+import iconLogo from './images/icon-logo.png'
+
+export default defineComponent({
+  name: 'bind-wechat',
+  setup() {
+    return () => (
+      <div class={styles.bindWeChat}>
+        <Image class={styles.largeLogo} />
+        <Image src={iconLogo} class={styles.smallLogo} />
+
+        <p class={styles.tips}>同意管乐团获取您的微信信息</p>
+        <p class={styles.phone}>173 6007 3597</p>
+
+        <div class={styles.btnGroup}>
+          <Button type="primary" size="large" round>
+            确认授权
+          </Button>
+        </div>
+      </div>
+    )
+  }
+})