Update index.tsx

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

@@ -684,11 +684,25 @@ export default defineComponent({
             />
           </CellGroup>
 
-          <CellGroup class={styles.applyCellGroup} border={false}>
-            <div class={[styles.title, styles.titleTips]}></div>
+          {state.registerInfo.hasBuyCourse ? (
+            <div class={'btnGroup'} style={{ paddingTop: '30px' }}>
+              <Button
+                type="primary"
+                color="linear-gradient(135deg, #FF8C4A 0%, #FF531C 100%)"
+                round
+                block
+                native-type="submit"
+              >
+                立即报名
+              </Button>
+            </div>
+          ) : (
+            <>
+              <CellGroup class={styles.applyCellGroup} border={false}>
+                <div class={[styles.title, styles.titleTips]}></div>
 
-            <div class={styles.tipsContainer} v-html={state.registerInfo.joinNotice}>
-              {/* <p class={styles.line}>
+                <div class={styles.tipsContainer} v-html={state.registerInfo.joinNotice}>
+                  {/* <p class={styles.line}>
                 <i class={[styles.num, styles.numOne]}></i>
                 为保障乐团训练质量，开训前，家长务必准备好①乐器和②管乐AI学练工具，准备方式不限；
               </p>
@@ -705,76 +719,61 @@ export default defineComponent({
                   <span style="color: #F67146">无需额外支付</span>乐器费用。
                 </p>
               </p> */}
-            </div>
-          </CellGroup>
-
-          <CellGroup class={styles.applyCellGroup} border={false}>
-            <div class={[styles.title, styles.titleTool]}></div>
-            <Field
-              required
-              label={otherParams.toolPlan.title}
-              labelAlign="top"
-              rules={[{ required: true, message: otherParams.toolPlan.title }]}
-            >
-              {{
-                input: () => (
-                  <RadioGroup v-model={forms.groupBuyType} class={styles.toolRadioGroup}>
-                    <Tag
-                      size="large"
-                      type="primary"
-                      class={[
-                        styles.radioSectionTag,
-                        styles.radioSection,
-                        forms.groupBuyType === 'GROUP_BUY' ? styles.active : ''
-                      ]}
-                    >
-                      <Radio
-                        class={styles.radioItem}
-                        name={'GROUP_BUY'}
-                        disabled={forms.registerSubjectId ? false : true}
-                        onClick={() => {
-                          if (!forms.registerSubjectId) {
-                            showToast('请选择入选声部')
-                            return
-                          }
-                        }}
-                      ></Radio>
-                      {otherParams.toolPlan.groupTitle}
-                      <p class={styles.radioTip}>{otherParams.toolPlan.groupDesc}</p>
-                    </Tag>
-                    <Tag
-                      size="large"
-                      type="primary"
-                      class={[
-                        styles.radioSectionTag,
-                        styles.radioSection,
-                        forms.groupBuyType === 'SELF' ? styles.active : ''
-                      ]}
-                    >
-                      <Radio class={styles.radioItem} name={'SELF'}></Radio>
-                      {otherParams.toolPlan.selfTitle}
-                      <p class={styles.radioTip}>{otherParams.toolPlan.selfDesc}</p>
-                    </Tag>
-                  </RadioGroup>
-                )
-              }}
-            </Field>
-          </CellGroup>
+                </div>
+              </CellGroup>
 
-          {state.registerInfo.hasBuyCourse ? (
-            <div class={'btnGroup'} style={{ paddingTop: '30px' }}>
-              <Button
-                type="primary"
-                color="linear-gradient(135deg, #FF8C4A 0%, #FF531C 100%)"
-                round
-                block
-                native-type="submit"
-              >
-                提交
-              </Button>
-            </div>
-          ) : (
-            <>
+              <CellGroup class={styles.applyCellGroup} border={false}>
+                <div class={[styles.title, styles.titleTool]}></div>
+                <Field
+                  required
+                  label={otherParams.toolPlan.title}
+                  labelAlign="top"
+                  rules={[{ required: true, message: otherParams.toolPlan.title }]}
+                >
+                  {{
+                    input: () => (
+                      <RadioGroup v-model={forms.groupBuyType} class={styles.toolRadioGroup}>
+                        <Tag
+                          size="large"
+                          type="primary"
+                          class={[
+                            styles.radioSectionTag,
+                            styles.radioSection,
+                            forms.groupBuyType === 'GROUP_BUY' ? styles.active : ''
+                          ]}
+                        >
+                          <Radio
+                            class={styles.radioItem}
+                            name={'GROUP_BUY'}
+                            disabled={forms.registerSubjectId ? false : true}
+                            onClick={() => {
+                              if (!forms.registerSubjectId) {
+                                showToast('请选择入选声部')
+                                return
+                              }
+                            }}
+                          ></Radio>
+                          {otherParams.toolPlan.groupTitle}
+                          <p class={styles.radioTip}>{otherParams.toolPlan.groupDesc}</p>
+                        </Tag>
+                        <Tag
+                          size="large"
+                          type="primary"
+                          class={[
+                            styles.radioSectionTag,
+                            styles.radioSection,
+                            forms.groupBuyType === 'SELF' ? styles.active : ''
+                          ]}
+                        >
+                          <Radio class={styles.radioItem} name={'SELF'}></Radio>
+                          {otherParams.toolPlan.selfTitle}
+                          <p class={styles.radioTip}>{otherParams.toolPlan.selfDesc}</p>
+                        </Tag>
+                      </RadioGroup>
+                    )
+                  }}
+                </Field>
+              </CellGroup>
               {forms.groupBuyType === 'GROUP_BUY' && (
                 <>
                   <CellGroup class={[styles.applyCellGroup, styles.groupBuy]} border={false}>