更新

src/student/music-group/pre-apply/order-detail.tsx

@@ -432,9 +432,9 @@ export default defineComponent({
               ))}
           </CellGroup>
 
-          {orderType.value === 'ORCHESTRA' && (
+          {/* {orderType.value === 'ORCHESTRA' && (
             <Cell class={styles.freight} title="运费" value={state.freight}></Cell>
-          )}
+          )} */}
         </div>
 
         <OSticky position="bottom" background="white-only">

src/student/music-group/pre-goods-apply/index.tsx

@@ -1,4 +1,4 @@
-import { defineComponent, onMounted, reactive } from 'vue'
+import { defineComponent, nextTick, onMounted, reactive } from 'vue'
 import styles from './index.module.less'
 import headTitle from './images/header-title.png'
 import headPhone from './images/header-phone.png'
@@ -510,11 +510,20 @@ export default defineComponent({
         </div>
         <Form
           validateFirst
-          // showError
-          // showErrorMessage={false}
           errorMessageAlign="right"
-          scrollToError
+          scrollToError={true}
           onSubmit={onSubmit}
+          onFailed={(e: any) => {
+            // 获取第一个校验错误的元素
+            nextTick(() => {
+              const isError = document.getElementsByClassName('van-field__error-message')
+              // 滚动到错误元素对应位置
+              isError[0]?.scrollIntoView({
+                block: 'center',
+                behavior: 'smooth'
+              })
+            })
+          }}
           ref="form"
           class={styles.form}
         >
@@ -851,27 +860,19 @@ export default defineComponent({
           {forms.groupBuyType === 'SELF' && (
             <>
               <CellGroup class={[styles.applyCellGroup, styles.self]} border={false}>
-                <div class={styles.toolImg}>
-                  <Image
-                    src={state.registerInfo?.instrumentPriceImg}
-                    onClick={() => {
-                      showImagePreview([state.registerInfo?.instrumentPriceImg])
-                      localStorage.setItem('read-tool-image', '1')
-                      state.toolImgStatus = true
-                    }}
-                  />
+                <div
+                  class={styles.toolImg}
+                  onClick={() => {
+                    showImagePreview([state.registerInfo?.instrumentPriceImg])
+                    localStorage.setItem('read-tool-image', '1')
+                    state.toolImgStatus = true
+                  }}
+                >
+                  <Image src={state.registerInfo?.instrumentPriceImg} />
 
                   {!state.toolImgStatus && (
                     <div class={styles.toolImgOverflow}>
-                      <Button
-                        onClick={() => {
-                          showImagePreview([state.registerInfo?.instrumentPriceImg])
-                          localStorage.setItem('read-tool-image', '1')
-                          state.toolImgStatus = true
-                        }}
-                      >
-                        点击查看《乐团训练工具标准配置表》
-                      </Button>
+                      <Button>点击查看《乐团训练工具标准配置表》</Button>
                       <img src={iconHead} class={styles.iconHead} />
                     </div>
                   )}