Browse Source

feat: 报名统计页面修改

TIANYONG 1 day ago
parent
commit
c6ecb50b95

BIN
src/views/fill-questionnaire/images/fill_bg_icon.png


BIN
src/views/fill-questionnaire/images/signup_icon.png


+ 25 - 10
src/views/intention-questionnaire/index.tsx

@@ -55,11 +55,11 @@ 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;">非常感谢您一直以来对学校工作给予的大力支持与密切关注。深入贯彻教育部《关于全面实施学校美育浸润行动的通知》(教体艺〔2023〕5 号)文件精神,积极顺应艺术素质测评结果纳入中考的教育改革趋势,致力于让学生在在校期间熟练掌握 1 - 2 项艺术专长,全面提升学生的艺术素养。</p><p style="text-align: left;">我校计划在北京知勉公益基金会的支持下,启动音乐(器乐)课堂数字化转型工作。为了确保此项工作顺利开展,现向您详细介绍相关情况,并诚恳征询您的宝贵意见,学校将根据您的意见反馈决定开展与否。</p>', // 第一段
+        '<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;">1.解决学习难题:数字化转型将为乐器学习和练习制定明确标准,学生能实时知晓练习的对错,练习结果也可量化呈现,有效解决学生不会练、家长无法辅导的困扰。</p><p style="text-align: left;">2.适应教改趋势:随着教育改革的推进,艺术素质测评结果已逐步纳入中考,数字化转型将助力学生更好地适应这一变化,提升综合素养。</p><p style="text-align: left;">3.关注身心健康:乐器学习能成为学生缓解学习压力的有效途径,有助于学生保持身心健康,实现全面发展。</p><p style="text-align: left;"><br></p>', // 第二段
+        '<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;">本次活动面向全体学生,完全遵循学生自愿参加的原则。</p><p style="text-align: left;">1.若学生选择参加转型,家长需自行为学生准备好自用的乐器(硬件)和“器乐数字 Ai”应用(软件,用于联通学校音乐课堂)两项学习工具。</p><p style="text-align: left;">2.若学生不参加转型,可继续按原有方式进行音乐课学习。</p>',
+        '<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,
@@ -183,7 +183,7 @@ export default defineComponent({
           <div class={styles.contentBody} v-html={forms.contentA}></div>
           <div class={styles.contentBody}>
             <div class={styles.cbTitle} style="font-size:15px;">
-              <strong>一、什么是音乐(器乐)课堂数字化转型</strong><span style="font-size:13px;">(详见视频介绍)</span>
+              <strong>一、数字化音乐课堂介绍</strong>
             </div>
             <div class={styles.videoBoxCon}>
               <div class={styles.videoBox}>
@@ -200,12 +200,27 @@ export default defineComponent({
             </div>
           </div>
           <div class={styles.contentBody} v-html={forms.contentB}></div>
-          <div class={styles.contentBody} v-html={forms.contentC}></div>
-
-          <div class={styles.contentBody} v-html={forms.contentD}></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 class={styles.contentBody} v-html={forms.contentD}></div> */}
+          {/* <div class={styles.contentBody}>
             <div class={styles.cbTitle} style="font-size:15px;">
-              <strong>五、什么是器乐数字 Ai</strong><span style="font-size:13px;">(详见视频介绍)</span>
+              <strong>、什么是器乐数字 Ai</strong><span style="font-size:13px;">(详见视频介绍)</span>
             </div>
             <div class={styles.videoBoxCon}>
               <div class={styles.videoBox}>
@@ -220,7 +235,7 @@ export default defineComponent({
                 </div>
               </div>
             </div>
-          </div>          
+          </div>           */}
         </div>
 
         {/* 是否在微信中打开 */}
@@ -229,7 +244,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>

+ 22 - 7
src/views/intention-questionnaire/show.tsx

@@ -18,9 +18,9 @@ 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;">非常感谢您一直以来对学校工作给予的大力支持与密切关注。深入贯彻教育部《关于全面实施学校美育浸润行动的通知》(教体艺〔2023〕5 号)文件精神,积极顺应艺术素质测评结果纳入中考的教育改革趋势,致力于让学生在在校期间熟练掌握 1 - 2 项艺术专长,全面提升学生的艺术素养。</p><p style="text-align: left;">我校计划在北京知勉公益基金会的支持下,启动音乐(器乐)课堂数字化转型工作。为了确保此项工作顺利开展,现向您详细介绍相关情况,并诚恳征询您的宝贵意见,学校将根据您的意见反馈决定开展与否。</p>', // 第一段
-      contentB: '<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;">3.关注身心健康:乐器学习能成为学生缓解学习压力的有效途径,有助于学生保持身心健康,实现全面发展。</p><p style="text-align: left;"><br></p>', // 第二段
-      contentC: '<p style="text-align: left;"><strong style="font-size:15px; color: #0B8BFE;">三、开展原则</strong></p><p style="text-align: left;">本次活动面向全体学生,完全遵循学生自愿参加的原则。</p><p style="text-align: left;">1.若学生选择参加转型,家长需自行为学生准备好自用的乐器(硬件)和“器乐数字 Ai”应用(软件,用于联通学校音乐课堂)两项学习工具。</p><p style="text-align: left;">2.若学生不参加转型,可继续按原有方式进行音乐课学习。</p>',
+      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>',
       introductionVideo: "https://oss.dayaedu.com/ktyq/03/1742283035204.mp4",
       introductionVideoTime: 117,
@@ -125,7 +125,7 @@ export default defineComponent({
         <div class={[styles['content-box'], !forms.contentShow && styles.hideContent]}>
           <div class={styles.contentBody} v-html={forms.contentA}></div>
           <div class={styles.contentBody}>
-            <div class={styles.cbTitle}>一、什么是音乐(器乐)课堂数字化转型<span>(详见视频介绍)</span></div>
+            <div class={styles.cbTitle}>一、数字化音乐课堂介绍</div>
             <div class={styles.videoBoxCon}>
               <div class={styles.videoBox}>
                 <div class={[styles['video-content']]}>
@@ -141,8 +141,23 @@ export default defineComponent({
             </div>
           </div>
           <div class={styles.contentBody} v-html={forms.contentB}></div>
-          <div class={styles.contentBody} v-html={forms.contentC}></div>
-          <div class={styles.contentBody} v-html={forms.contentD}></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 class={styles.contentBody} v-html={forms.contentD}></div>
           <div class={styles.contentBody}>
             <div class={styles.cbTitle}>五、什么是器乐数字 Ai<span>(详见视频介绍)</span></div>
             <div class={styles.videoBoxCon}>
@@ -158,7 +173,7 @@ export default defineComponent({
                 </div>
               </div>
             </div>
-          </div>          
+          </div>           */}
         </div>
 
         {/* 是否在微信中打开 */}

+ 1 - 1
vite.config.ts

@@ -14,7 +14,7 @@ function resolve(dir: string) {
 // https://vitejs.dev/config/
 // https://github.com/vitejs/vite/issues/1930 .env
 // const proxyUrl = 'https://test.lexiaoya.cn/';
-const proxyUrl = 'https://dev.kt.colexiu.com/';
+const proxyUrl = 'https://test.kt.colexiu.com/';
 // const proxyUrl = 'http://192.168.3.143:7093/';
 // const proxyUrl = 'https://dev.kt.colexiu.com/';
 export default defineConfig({