feat: 报名调查修改

src/router/router-root.ts

@@ -11,7 +11,7 @@ export default [
         name: 'intention-questionnaire',
         component: () => import('@/views/intention-questionnaire/index'),
         meta: {
-          title: '课堂乐器Ai教学意向报名通知'
+          title: '音乐(器乐)课堂数字化转型调查问卷'
         }
       },
       {
@@ -358,7 +358,7 @@ export default [
     name: 'fill-questionnaire',
     component: () => import('@/views/fill-questionnaire/index'),
     meta: {
-      title: '互通互联登记'
+      title: '问卷调查'
     }
   },
   {

src/views/fill-questionnaire/index.module.less

@@ -123,16 +123,19 @@
         display: flex;
         align-items: center;
         margin-right: 20px;
+        &:first-child {
+          margin-bottom: 8px;
+        }
         span {
           color: #333333;
           font-size: 15Px;
         }
         i {
-          width: 16px;
-          height: 16px;
+          min-width: 16px;
+          min-height: 16px;
           background: url('./images/no_select.png') no-repeat top center;
           background-size: contain;
-          margin-right: 4px;
+          margin-right: 8px;
         }
         .selectedIcon {
           background: url('./images/selected.png') no-repeat top center;
@@ -140,6 +143,9 @@
         }
       }
     }
+    .specialSelect {
+      flex-direction: column;
+    }
     :global {
       .van-field__control {
         font-size: 15Px;

src/views/fill-questionnaire/index.tsx

@@ -145,9 +145,19 @@ export default defineComponent({
           val: false
         }
       ],
+      optionList: [
+        {
+          title: '传统自主练习（依托课堂所学知识与乐器技能，自行完成练习，无任何费用投入）',
+          val: false
+        },
+        {
+          title: 'Ai辅助练习（自主规划+Ai辅助，自行准备软件，品牌不限，一次性投入约300余元）',
+          val: true
+        }
+      ],      
       username: '',
       openId: null as any,
-      participationFlag: true as any, // 是否愿意参加
+      participationFlag: null as any, // 课后练习方式
       supportFlag: null as any, // 是否支持
       currentGrade: null as any,
       currentClass: null as any,
@@ -281,7 +291,7 @@ export default defineComponent({
         forms.schoolPopupIndex = data.schoolAreaId ? [data.schoolAreaId] : []
         forms.schoolName = data.schoolName
         forms.supportFlag = data.supportFlag
-        // forms.participationFlag = data.participationFlag
+        forms.participationFlag = data.participationFlag
         forms.areaName = data.provinceName + ' ' + data.cityName + ' ' + (data.districtName || '')
         const gradeIdx = gradeList.find(item => item.text === data.currentGrade)?.value || 1
         // @ts-ignore
@@ -350,19 +360,31 @@ export default defineComponent({
       //   showToast('请勾选是否支持学校数字化转型');
       //   return false;
       // }
+
       if (forms.participationFlag === null) {
-        showToast('请勾选是否愿意学生参加数字化转型');
+        showToast('请选择课后练习方式');
         return false;
       }
-      if (forms.participationFlag) {
-        if (!checkPhone(forms.phone)) {
-          status && showToast('请输入正确的手机号码');
-          return false;
-        } else if (!forms.smsCode) {
-          status && showToast('请输入验证码');
-          return false;
-        }
+
+      // if (forms.participationFlag) {
+      //   if (!checkPhone(forms.phone)) {
+      //     status && showToast('请输入正确的手机号码');
+      //     return false;
+      //   } else if (!forms.smsCode) {
+      //     status && showToast('请输入验证码');
+      //     return false;
+      //   }
+      // }
+
+      if (!checkPhone(forms.phone)) {
+        status && showToast('请输入正确的手机号码');
+        return false;
       }
+      if (!forms.smsCode) {
+        status && showToast('请输入验证码');
+        return false;
+      }
+
       return true;
     };
 
@@ -377,10 +399,8 @@ export default defineComponent({
           if (id) {
             params.id = id
           }
-          if (participationFlag) {
-            params.phone = phone
-            params.smsCode = smsCode
-          }
+          params.phone = phone
+          params.smsCode = smsCode
           const res = await request.post('/edu-app/open/schoolMeetingQuestion/save', {
             data: params
           });
@@ -675,10 +695,23 @@ export default defineComponent({
             </div>
           </div> */}
 
+          <div class={styles.formItem}>
+            <p style="font-size:15px;"><strong>5. 课后练习方式（二选一）</strong></p>
+            <div class={[styles.selectItem, styles.specialSelect]}>
+              {
+                forms.optionList.map(item =>
+                  <div onClick={() => (forms.participationFlag = item.val)}>
+                    <i class={forms.participationFlag === item.val && styles.selectedIcon}></i>
+                    <span>{item.title}</span>
+                  </div>
+                )
+              }
+            </div>
+          </div>
+
           {
-            forms.participationFlag &&
             <div class={styles.formItem}>
-              <p style="font-size:15px;"><strong>5. 联系方式</strong></p>
+              <p style="font-size:15px;"><strong>6. 联系方式</strong></p>
               <Field
                 class={styles.valDot}
                 clearable={false}

src/views/intention-questionnaire/index.tsx

@@ -23,7 +23,7 @@ export default defineComponent({
     //     : route.query.type === 'juniorSchoolNo'
     //     ? '（初中）关于开展课堂乐器数字化互通互联登记的通知'
     //     : '关于开展课堂乐器数字化互通互联登记的通知';
-    const shareTitle = '课堂乐器Ai教学意向报名通知'
+    const shareTitle = '音乐(器乐)课堂数字化转型调查问卷'
     const weChatShare = useWeChatShare(
       shareTitle,
       '科学的教育改变世界，科技的力量让音乐传播更远，让孩子奏响心中的乐章',
@@ -55,13 +55,13 @@ export default defineComponent({
       openId: '' as any,
       isPageHide: false,
       contentA:
-        '<p style="text-align: left; font-size:13px;"><strong style="font-size:15px;">尊敬的家长： 您好！</strong></p><p style="text-align: left;">为贯彻落实教育部《关于全面实施学校美育浸润行动的通知》《教育部等九部门关于加快推进教育数字化的意见》的文件精神。顺应艺术素质测评结果纳入中考的教育改革趋势，我校计划在音乐课上开展“课堂乐器Ai教学”，请您仔细阅读以下内容，有意向加入的学生，点击下一步进行意向报名，以便安排后续事宜。</p>', // 第一段
+        '', // 第一段
       contentB:
-        '<p style="text-align: left;"><strong style="font-size:15px; color: #0B8BFE;">二、开展形式</strong></p><p style="text-align: left;">以学生自愿参加为原则。如参加，学习需要的乐器由基金会免费捐赠；练习需要的学生端Ai软件，由学生自行准备。</p>', // 第二段
+        '', // 第二段
       contentC:
-        '<p style="text-align: left;"><strong style="font-size:15px; color: #0B8BFE;">三、如何使用学生端练习</strong></p><p style="text-align: left;">学生端可用于联通音乐课堂，实现师生双向数据传输，学生根据Ai指引进行乐器练习和测评。市场上均有提供，由个人自行准备，无品牌要求，一次性的投入预算为300多元，以供参考。</p>',
+        '',
       contentD:
-        '<p style="text-align: left;"><strong style="font-size:15px; color: #0B8BFE;">五、事项说明</strong></p><p style="text-align: left;">1.学校不涉及任何费用收取。学生所需的自用工具在市面上均可购买到，家长可自行根据实际情况为学生准备。</p><p style="text-align: left;">2.如学生有参加数字化转型的意愿，但存在特殊或特困情况，可先向学校进行登记，学校将尽力寻求资源协助家长解决。</p><p style="text-align: left;">如有意参加，请点击下一步进行意见填写：</p>',
+        '',
       contentE: null as any,
       introductionVideo: 'https://oss.dayaedu.com/ktyq/03/1742283035204.mp4',
       introductionVideoTime: 117,
@@ -180,7 +180,7 @@ export default defineComponent({
             styles['content-box'],
             !forms.contentShow && styles.hideContent
           ]}>
-          <div class={styles.contentBody} v-html={forms.contentA}></div>
+          {/* <div class={styles.contentBody} v-html={forms.contentA}></div>
           <div class={styles.contentBody}>
             <div class={styles.cbTitle} style="font-size:15px;">
               <strong>一、数字化音乐课堂介绍</strong>
@@ -215,7 +215,7 @@ export default defineComponent({
                 </div>
               </div>
             </div>            
-          </div>
+          </div> */}
 
           {/* <div class={styles.contentBody} v-html={forms.contentD}></div> */}
           {/* <div class={styles.contentBody}>
@@ -236,6 +236,43 @@ export default defineComponent({
               </div>
             </div>
           </div>           */}
+
+
+          <div class={styles.contentBody}>
+            <div v-html={forms.contentA}></div>
+            <div class={styles.videoBoxCon}>
+              <div class={styles.videoBox}>
+                <div class={[styles['video-content']]}>
+                  <video
+                    id="register-video"
+                    class={styles['video']}
+                    src={forms.introductionVideo}
+                    playsinline={true}
+                    poster={forms.coverImg}
+                    preload="auto"></video>
+                </div>
+              </div>
+            </div>            
+          </div>
+          <div class={styles.contentBody} v-html={forms.contentB}></div>
+          <div class={styles.contentBody}>
+            <div v-html={forms.contentC}></div>
+            <div class={styles.videoBoxCon}>
+              <div class={styles.videoBox}>
+                <div class={[styles['video-content']]}>
+                  <video
+                    id="register-video2"
+                    class={styles['video']}
+                    src={forms.introductionVideo2}
+                    playsinline={true}
+                    poster={forms.coverImg2}
+                    preload="auto"></video>
+                </div>
+              </div>
+            </div>            
+          </div>
+
+
         </div>
 
         {/* 是否在微信中打开 */}
@@ -244,7 +281,7 @@ export default defineComponent({
         {forms.openId && (
           <div class={styles.bottomBtn}>
             <p>
-              <i>如有意参加，请点击下一步进行意向报名</i>
+              <i>如有意参加，请点击下一步填写问卷</i>
             </p>
             <img class={styles.nextBtn} src={nextBtn} onClick={nextSkip} />
           </div>

src/views/intention-questionnaire/show.tsx

@@ -18,10 +18,15 @@ export default defineComponent({
       code: null,
       openId: '' as any,
       isPageHide: false,
-      contentA: '<p style="text-align: left; font-size:13px;"><strong style="font-size:15px;">尊敬的家长： 您好！</strong></p><p style="text-align: left;">为贯彻落实教育部《关于全面实施学校美育浸润行动的通知》《教育部等九部门关于加快推进教育数字化的意见》的文件精神。顺应艺术素质测评结果纳入中考的教育改革趋势，我校计划在音乐课上开展“课堂乐器Ai教学”，请您仔细阅读以下内容，有意向加入的学生，点击下一步进行意向报名，以便安排后续事宜。</p>', // 第一段
-      contentB: '<p style="text-align: left;"><strong style="font-size:15px; color: #0B8BFE;">二、开展形式</strong></p><p style="text-align: left;">以学生自愿参加为原则。如参加，学习需要的乐器由基金会免费捐赠；练习需要的学生端Ai软件，由学生自行准备。</p>', // 第二段
-      contentC: '<p style="text-align: left;"><strong style="font-size:15px; color: #0B8BFE;">三、如何使用学生端练习</strong></p><p style="text-align: left;">学生端可用于联通音乐课堂，实现师生双向数据传输，学生根据Ai指引进行乐器练习和测评。市场上均有提供，由个人自行准备，无品牌要求，一次性的投入预算为300多元，以供参考。</p>',
-      contentD: '<p style="text-align: left;"><strong style="font-size:15px; color: #0B8BFE;">五、事项说明</strong></p><p style="text-align: left;">1.学校不涉及任何费用收取。学生所需的自用工具在市面上均可购买到，家长可自行根据实际情况为学生准备。</p><p style="text-align: left;">2.如学生有参加数字化转型的意愿，但存在特殊或特困情况，可先向学校进行登记，学校将尽力寻求资源协助家长解决。</p><p style="text-align: left;">如有意参加，请点击下一步进行互通互联登记：</p>',
+      contentA:
+        '', // 第一段
+      contentB:
+        '', // 第二段
+      contentC:
+        '',
+      contentD:
+        '',
+      contentE: null as any,  
       introductionVideo: "https://oss.dayaedu.com/ktyq/03/1742283035204.mp4",
       introductionVideoTime: 117,
       coverImg: "https://oss.dayaedu.com/ktyq/02/1739362815061.png",