Merge branch 'feature-2025-1-10' into online

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,15 @@
         }
       }
     }
+    .specialSelect {
+      flex-direction: column;
+      >div {
+        align-items: flex-start;
+        i {
+          margin-top: 3px;
+        }
+      }
+    }
     :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,
@@ -218,6 +228,7 @@ export default defineComponent({
       }
       console.log(333,forms.provinceCode)
       queryDetail();
+      window.scrollTo(0, 0);
       // getAreaList();
     });
 
@@ -281,7 +292,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 +361,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 +400,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 +696,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}
@@ -730,7 +764,7 @@ export default defineComponent({
 
           {
             forms.participationFlag !== null &&
-            <img class={styles.bottomBtn} src={forms.participationFlag ? signupBtn : submitBtn}
+            <img class={styles.bottomBtn} src={submitBtn}
               onClick={() => {
                 if (forms.submitLoading) return;
                 submitFill()
@@ -757,8 +791,8 @@ export default defineComponent({
           forms.successPopShow &&
           <div class={styles.successPop}>
             <div class={styles.successBox}>
-              <img class={styles.sTitle} src={forms.participationFlag ? signSusIcon : subSusIcon} />
-              <p>{forms.participationFlag ? '感谢您的参与' : '感谢您的宝贵意见'}</p>
+              <img class={styles.sTitle} src={subSusIcon} />
+              <p>感谢您的参与</p>
               <img class={styles.sDone} src={doneIcon} onClick={() => {
                 forms.successPopShow = false
               }} />

src/views/intention-questionnaire/index.tsx

@@ -23,11 +23,11 @@ export default defineComponent({
     //     : route.query.type === 'juniorSchoolNo'
     //     ? '（初中）关于开展课堂乐器数字化互通互联登记的通知'
     //     : '关于开展课堂乐器数字化互通互联登记的通知';
-    const shareTitle = '课堂乐器Ai教学意向报名通知'
+    const shareTitle = '音乐(器乐)课堂数字化转型调查问卷'
     const weChatShare = useWeChatShare(
       shareTitle,
       '科学的教育改变世界，科技的力量让音乐传播更远，让孩子奏响心中的乐章',
-      window.location.origin + '/classroom-app/shareImg/question-share.png'
+      window.location.origin + '/classroom-app/shareImg/question-share-new.png'
     );
 
     const authCode = useAuthCode();
@@ -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} v-html={forms.contentA}></div>
+          <div class={styles.contentBody}>
+            <div v-html={forms.contentB}></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.contentC}></div>
+          <div class={styles.contentBody}>
+            <div v-html={forms.contentD}></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",
@@ -57,6 +62,7 @@ export default defineComponent({
         forms.contentB = ev.data.message.contentB || forms.contentB
         forms.contentC = ev.data.message.contentC || forms.contentC
         forms.contentD = ev.data.message.contentD || forms.contentD
+        forms.contentE = ev.data.message.contentE || forms.contentE || null;
         console.log('消息',forms.contentD)
       }
     }
@@ -123,7 +129,8 @@ export default defineComponent({
     return () => (
       <div class={styles['intention-page']}>
         <div class={[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;">一、数字化音乐课堂介绍</div>
             <div class={styles.videoBoxCon}>
@@ -156,7 +163,8 @@ export default defineComponent({
                 </div>
               </div>
             </div>            
-          </div>
+          </div> */}
+
           {/* <div class={styles.contentBody} v-html={forms.contentD}></div>
           <div class={styles.contentBody}>
             <div class={styles.cbTitle}>五、什么是器乐数字 Ai<span>（详见视频介绍）</span></div>
@@ -174,6 +182,43 @@ export default defineComponent({
               </div>
             </div>
           </div>           */}
+
+          <div class={styles.contentBody} v-html={forms.contentA}></div>  
+          <div class={styles.contentBody}>
+            <div v-html={forms.contentB}></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.contentC}></div>
+          <div class={styles.contentBody}>
+            <div v-html={forms.contentD}></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>
 
         {/* 是否在微信中打开 */}