Update apply.tsx

src/student/music-group/pre-apply/component/apply.tsx

@@ -11,7 +11,8 @@ import {
   RadioGroup,
   showToast,
   Tag,
-  Image
+  Image,
+  showImagePreview
 } from 'vant'
 import { defineComponent, onMounted, reactive } from 'vue'
 import { useRoute, useRouter } from 'vue-router'
@@ -180,6 +181,10 @@ export default defineComponent({
       }
     }
 
+    const onPreviewImg = () => {
+      showImagePreview([props.registerInfo?.instrumentPriceImg])
+    }
+
     onMounted(async () => {
       // state.code = route.query.code || ''
       // console.log('pre register code: ' + state.code)
@@ -288,10 +293,6 @@ export default defineComponent({
             />
           </CellGroup>
 
-          {props.registerInfo?.orchestraRegisterType === 'PARENT_CONFERENCES' && (
-            <Image src={props.registerInfo?.instrumentPriceImg} class={styles.instrumentPriceImg} />
-          )}
-
           <div class={styles.applyTitle}>声部信息</div>
           <div class={styles.applyTips}>(请务必按照学生的录取声部填报)</div>
           <CellGroup inset class={styles.applyCellGroup}>
@@ -326,6 +327,14 @@ export default defineComponent({
             />
           </CellGroup>
 
+          {props.registerInfo?.orchestraRegisterType === 'PARENT_CONFERENCES' && (
+            <Image
+              src={props.registerInfo?.instrumentPriceImg}
+              class={styles.instrumentPriceImg}
+              onClick={onPreviewImg}
+            />
+          )}
+
           <div class={styles.applyTitle}>家长信息</div>
           <CellGroup inset class={styles.applyCellGroup}>
             <Field