fix

src/router/routes-school.ts

@@ -334,6 +334,14 @@ export default [
           title: '练习奖励详情'
         }
       },
+      {
+        path: '/subsidy-details',
+        name: 'subsidy-details',
+        component: () => import('@/school/approval-manage/subsidy/details'),
+        meta: {
+          title: '补助明细'
+        }
+      },
 
       //
     ]

src/school/approval-manage/index.module.less

@@ -28,8 +28,8 @@
   background: #fff;
   :global {
     .van-cell {
-      padding-top: 12px;
-      padding-bottom: 12px;
+      padding-top: 16px;
+      padding-bottom: 16px;
     }
     .van-cell::after {
       left: 0;

src/school/approval-manage/subsidy/details.tsx

@@ -0,0 +1,21 @@
+import { Cell, Grid, GridItem } from 'vant'
+import { defineComponent } from 'vue'
+import styles from '../index.module.less'
+import iconA from '../images/icon-photo.png'
+
+export default defineComponent({
+  name: 'subsidy-detail',
+  setup() {
+    return () => (
+      <div>
+        <div class={styles.item}>
+          <Cell center class={styles.listItem} title="补助标准" value={'240元/天'} />
+          <Cell center class={styles.listItem} title="补助课程" value={'长笛单技课'} />
+          <Cell center class={styles.listItem} title="课件使用未达标" value={'-240.00元'} />
+          <Cell center class={styles.listItem} title="早退" value={'-50.00元'} />
+          <Cell center class={styles.listItem} title="实际补助金额" value={'190.00元'} />
+        </div>
+      </div>
+    )
+  }
+})

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

@@ -9,177 +9,66 @@ export default defineComponent({
     return () => (
       <div>
         <div class={styles.item}>
-          <Cell center isLink>
+          <Cell center class={styles.rewardItem}>
             {{
+              icon: <img class={styles.itemPicture} src={iconA} />,
               title: () => (
                 <div class={styles.itemTitle}>
-                  <span>2023-1-16 至 2023-1-2</span>
-                  <span class={styles.itemTag}>补助周期</span>
+                  <span>邓同学</span>
                 </div>
-              )
-            }}
-          </Cell>
-          <Grid class={styles.grid} columnNum={3} border={false}>
-            <GridItem>
-              <div class={styles.gridItem}>
-                <div class={styles.gridItemTop}>
-                  <span class={styles.topNum}>240</span>元
-                </div>
-                <div>管理补助</div>
-              </div>
-            </GridItem>
-            <GridItem>
-              <div class={styles.gridItem}>
-                <div class={styles.gridItemTop}>
-                  <span class={styles.topNum}>240</span>元
-                </div>
-                <div>训练补助</div>
-              </div>
-            </GridItem>
-            <GridItem>
-              <div class={styles.gridItem}>
-                <div class={styles.gridItemTop}>
-                  <span class={styles.topNum}>240</span>元
-                </div>
-                <div>练习奖励</div>
-              </div>
-            </GridItem>
-          </Grid>
-        </div>
-
-        <div class={styles.item}>
-          <Cell style={{ '--van-cell-value-color': '#F44541' }} center value="训练照片2/6" isLink>
-            {{
-              title: () => (
-                <div class={styles.itemTitle}>
-                  <div class={styles.titleLine}></div>
-                  <span>管理补助</span>
-                </div>
-              )
-            }}
-          </Cell>
-          <Grid class={styles.grid} columnNum={3} border={false}>
-            <GridItem>
-              <div class={styles.gridItem}>
-                <div class={styles.gridItemTop}>
-                  <span class={styles.topNum}>240</span>元/周
-                </div>
-                <div>补助标准</div>
-              </div>
-            </GridItem>
-            <GridItem>
-              <div class={styles.gridItem}>
-                <div class={styles.gridItemTop}>
-                  <span class={styles.topNum}>240</span>元/周
-                </div>
-                <div>补助标准</div>
-              </div>
-            </GridItem>
-            <GridItem>
-              <div class={styles.gridItem}>
-                <div class={styles.gridItemTop}>
-                  <span class={styles.topNum}>240</span>课时
-                </div>
-                <div>本周课时数</div>
-              </div>
-            </GridItem>
-          </Grid>
-        </div>
-
-        <div class={styles.item}>
-          <Cell center isLink>
-            {{
-              title: () => (
-                <div class={styles.itemTitle}>
-                  <div class={styles.titleLine}></div>
-                  <span>练习奖励</span>
+              ),
+              value: () => (
+                <div class={styles.gridItem}>
+                  <div class={styles.gridItemTop}>
+                    <span class={styles.topNum}>40</span>元
+                  </div>
+                  <div class={styles.valeLabel}>实际补助</div>
                 </div>
               )
             }}
           </Cell>
-          <Grid class={styles.grid} columnNum={3} border={false}>
-            <GridItem>
-              <div class={styles.gridItem}>
-                <div class={styles.gridItemTop}>
-                  <span class={styles.topNum}>5</span>元/人
-                </div>
-                <div>补助标准</div>
-              </div>
-            </GridItem>
-            <GridItem>
-              <div class={styles.gridItem}>
-                <div class={styles.gridItemTop}>
-                  <span class={styles.topNum}>78</span>人
-                </div>
-                <div>练习达标人数</div>
-              </div>
-            </GridItem>
-            <GridItem>
-              <div class={styles.gridItem}>
-                <div class={styles.gridItemTop}>
-                  <span class={styles.topNum}>240</span>元
-                </div>
-                <div>实际奖励</div>
-              </div>
-            </GridItem>
-          </Grid>
         </div>
 
-        <div class={styles.item}>
-          <Cell center isLink>
-            {{
-              title: () => (
-                <div class={styles.itemTitle}>
-                  <div class={styles.titleLine}></div>
-                  <span>训练补助</span>
-                </div>
-              )
-            }}
-          </Cell>
-          <Grid class={styles.grid} columnNum={3} border={false}>
-            <GridItem>
-              <div class={styles.gridItem}>
-                <div class={styles.gridItemTop}>
-                  <span class={styles.topNum}>240</span>元/人
-                </div>
-                <div>单技补助标准</div>
-              </div>
-            </GridItem>
-            <GridItem>
-              <div class={styles.gridItem}>
-                <div class={styles.gridItemTop}>
-                  <span class={styles.topNum}>240</span>元/天
-                </div>
-                <div>乐理补助标准</div>
-              </div>
-            </GridItem>
-            <GridItem>
-              <div class={styles.gridItem}>
-                <div class={styles.gridItemTop}>
-                  <span class={styles.topNum}>240</span>元
-                </div>
-                <div>合奏补助标准</div>
-              </div>
-            </GridItem>
-          </Grid>
-          {[1, 2, 3].map((teacher: any) => {
-            return (
-              <Cell center title="邓老师" isLink>
-                {{
-                  icon: () => <img class={styles.itemPicture} src={iconA} />,
-                  value: () => (
-                    <div class={styles.gridItem}>
-                      <div class={styles.gridItemTop}>
-                        <span class={styles.topNum}>240</span>元
-                      </div>
-                      <div class={styles.valeLabel}>实际奖励</div>
-                    </div>
-                  )
-                }}
-              </Cell>
-            )
-          })}
-        </div>
+        {[1, 2, 3].map((item: any) => (
+          <div class={styles.item}>
+            <Cell center value="1天" isLink>
+              {{
+                title: () => (
+                  <div class={styles.itemTitle}>
+                    <div class={styles.titleLine}></div>
+                    <span>长笛单技训练</span>
+                  </div>
+                )
+              }}
+            </Cell>
+            <Grid class={styles.grid} columnNum={3} border={false}>
+              <GridItem>
+                <div class={styles.gridItem}>
+                  <div class={styles.gridItemTop}>
+                    <span class={styles.topNum}>240</span>元
+                  </div>
+                  <div>预计补助</div>
+                </div>
+              </GridItem>
+              <GridItem>
+                <div class={styles.gridItem}>
+                  <div class={styles.gridItemTop}>
+                    <span class={styles.topNum}>0.00</span>元
+                  </div>
+                  <div>考勤扣款</div>
+                </div>
+              </GridItem>
+              <GridItem>
+                <div class={styles.gridItem}>
+                  <div class={styles.gridItemTop}>
+                    <span class={styles.topNum}>240</span>课元
+                  </div>
+                  <div>实际补助</div>
+                </div>
+              </GridItem>
+            </Grid>
+          </div>
+        ))}
       </div>
     )
   }