classroom-instruments/dist/assets/index-f3ddec1c.js

import{s as h,a as x,g as N}from"./api-a782b6b6.js";import{S as G}from"./index-62e0692c.js";import{C as L}from"./index-b2f86b36.js";import{P as W}from"./index-0f63a204.js";import{a as K}from"./add-efe8238e.js";import{d as R,e as S,L as c,r as k,n as T,a2 as Z,f as u,a3 as O,a4 as Q,k as l,F as v,a5 as w,c as V,a as q,u as z,b as Y,N as j,g as y,w as f,v as J,j as b,y as H,cj as X,t as $}from"./index-56a42485.js";import{c as uu}from"./api-66a18ceb.js";import{g as U,s as C}from"./index-30fa9756.js";import{T as eu}from"./index-2d465339.js";import{T as tu,h as lu}from"./html2canvas.esm-f759299a.js";import{v as M}from"./urlUtils-b7caaee8.js";const su=R({name:"coai-guide",emits:["close"],setup(i,{emit:_}){const a=S({box:{height:"0px"},show:!1,steps:[{ele:"",eleRect:{},img:U("student1.png"),handStyle:{top:"0.91rem"},imgStyle:{top:c(-4),left:c(-64),width:c(518),height:c(256)},btnsStyle:{bottom:c(30),left:c(-74)},eleRectPadding:{left:7,top:7,width:14,height:14}},{ele:"",img:U("student2.png"),imgStyle:{top:c(-4),left:c(-261),width:c(515),height:c(227)},btnsStyle:{bottom:c(30),left:c(-120)},eleRectPadding:{left:7,top:7,width:14,height:14}}],step:0}),s=k(!1),E=localStorage.getItem("teacher-guideInfo");E&&JSON.parse(E).studentGuide?s.value=!1:s.value=!0;const m=()=>{var A,g,d,D;const n=document.getElementById("student-".concat(a.step));if(n){const r=n.getBoundingClientRect(),e=((A=a.steps[a.step].eleRectPadding)==null?void 0:A.left)||0,o=((g=a.steps[a.step].eleRectPadding)==null?void 0:g.top)||0,I=((d=a.steps[a.step].eleRectPadding)==null?void 0:d.width)||0,P=((D=a.steps[a.step].eleRectPadding)==null?void 0:D.height)||0;a.box={left:r.x-e+"px",top:r.y-o+"px",width:r.width+I+"px",height:r.height+P+"px"},console.log("coai-".concat(a.step),a.box)}else F()};T(()=>{m(),window.addEventListener("resize",p)});const p=()=>{m()};Z(()=>{window.removeEventListener("resize",p)});const F=()=>{if(a.step>=2){B();return}a.step=a.step+1,m()},B=()=>{let n=JSON.parse(localStorage.getItem("teacher-guideInfo")||"{}")||null;n?n.studentGuide=!0:n={studentGuide:!0},localStorage.setItem("teacher-guideInfo",JSON.stringify(n)),s.value=!1};return()=>u(v,null,[s.value?O(u("div",{"onUpdate:show":n=>s.value=n,class:["n-modal-mask","n-modal-mask-guide"]},[u("div",{class:C.content,onClick:()=>F()},[u("div",{class:C.backBtn,onClick:n=>{n.stopPropagation(),B()}},[l("跳过")]),u("div",{class:C.box,style:{...a.box},id:"modeType-".concat(a.step)},[a.steps.map((n,A)=>{var g,d,D,r;return u("div",{onClick:e=>e.stopPropagation(),class:C.item,style:n.type=="bottom"?{display:A===a.step?"":"none",left:"".concat((g=n.eleRect)==null?void 0:g.left,"px"),top:"-".concat((d=n.imgStyle)==null?void 0:d.height)}:{display:A===a.step?"":"none",left:"".concat((D=n.eleRect)==null?void 0:D.left,"px"),top:"".concat((r=a.box)==null?void 0:r.height)}},[u("img",{class:C.img,style:n.imgStyle,src:n.img},null),u("div",{class:C.btns,style:n.btnsStyle},[a.step+1==a.steps.length?u(v,null,[u("div",{class:[C.endBtn],onClick:()=>B()},[l("完成")]),u("div",{class:C.nextBtn,onClick:()=>{a.step=0,m()}},[l("再看一遍")])]):u("div",{class:C.btn,onClick:()=>F()},[l("下一步 ("),a.step+1,l("/"),a.steps.length,l(")")])])])})])])]),[[Q,s.value,"show"]]):null])}}),au="_noticeBack_1nuym_1",nu="_noticeModal_1nuym_7",ou="_bg_1nuym_15",Fu="_header_1nuym_21",Eu="_schoolLogo_1nuym_27",cu="_schoolName_1nuym_35",iu="_studentCore_1nuym_44",Bu="_book_1nuym_56",ru="_title_1nuym_60",du="_content_1nuym_63",Cu="_smallTitle_1nuym_66",mu="_content1_1nuym_70",pu="_lastContent_1nuym_73",Au="_schoolInfo_1nuym_77",gu="_bottom_d_1nuym_82",Du="_bottom_1nuym_82",hu="_qrCodeContainer_1nuym_96",fu="_codewrap_1nuym_104",vu="_codewrapSubmit_1nuym_119",yu="_downBtn_1nuym_130",bu="_btnGroup_1nuym_143",t={noticeBack:au,noticeModal:nu,bg:ou,header:Fu,schoolLogo:Eu,schoolName:cu,studentCore:iu,book:Bu,title:ru,content:du,smallTitle:Cu,content1:mu,lastContent:pu,schoolInfo:Au,bottom_d:gu,bottom:Du,qrCodeContainer:hu,codewrap:fu,codewrapSubmit:vu,downBtn:yu,btnGroup:bu},wu=""+new URL("2-0afb0f4b.png",import.meta.url).href,Su=""+new URL("3-f7adc148.png",import.meta.url).href,ku=""+new URL("4-b41420ed.png",import.meta.url).href,_u=""+new URL("5-27358add.png",import.meta.url).href,Iu=""+new URL("6-c57354bb.png",import.meta.url).href,Lu="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEoAAABKCAMAAAArDjJDAAAAjVBMVEX///8AAAD5+vuUsMyju9P///+wxNm+z+D///////////////////////////////+cttCqwdfg6fGYs862ydy6zN7s8vfM2ufR3unH1uXW4Ovc5e/////////////////////////////////////////////////////A0eHn7vTk7PL////z9vmPrMmvQyCWAAAALnRSTlPPANL89XPv6MrHo5NSHQ8E+PHa+uzq1uLg5N/cwsC/taqZinpgWEQvFufX2QrTM+XPKgAAAw5JREFUWMO1mNmaojAQhasJoILs4IZt2+72wvs/3iQZmEzsE1rNx7nSgL+pJZWk6KVHyXnqhdu3zXi8eduG3vSc9L1tRkWHcEI3moSH6FFUfAzIoOAYP4C6eBPq0cS73ImK92P6ReN9fA9q+kp36HX6KyoK6E4FUT/qtKa7tT71oTx6SJ4RlezoQe0SjPp6p4f1/oVQCSL9zkoAakdPafcT5dGT8m5RJ3paJx0VrZ9HrSMNFZCFgv9RU7LSVKHinhX8sRiVflktc6dnbcf/UHsy6LMqmk4sWxlZ+w51GRtAWaMrnRPW+NKicEo5VQfI/MxljZQ7MyWXRMWw+s5caVVZO63PlqkcwFZOYok6Qm8LJ7Gr5uuVhGEjjxIVoDkVyBqnFKwFzC2BipCfhHU+CP9csD4RK+KoAxivBImQFiIOKMUOHBWCLBDWOQQ14s9GYDx8oQTEL+Men5FBLn/4DWKY0BlP6mpeSXhaHDSFnmKted9l1X6a+3n72G+aAq1pAqnOE6FsP5ad00Yc347VfFo5SHgKoQW1miBnSZKaCoP2h7SF8XZUggmWILGclIXZT9SW3lC4Uz1ZC41EV/WCEgdt6FZl+6eKpZNorvymxEE/a5WvZ7ojq1994wFQsyQKz0rZK/2loRhCbVBauRrplrWEibUBbudvMo3EardlqWQDbgfJkPPffSgPc49L3yureQWsQDKAFHV4Ci5VCFjexbEri/zjCqWoBwtD2s2QFflfftZclc3MAQsHLeeV9rdo0j5czmcwmqpKiStsDotMMsEVvCSsWgYAlT5YkMk1blIzsbfOcEF+OZh+sEAP0kaGF28TERHyPCy7NTNuRZHaUtGG536AU0QGAxKojR4UQCG/VraNmBzBoT32HD/oM5Uw5l/ni8WyFN+Un+Dxw3zOdsQ0dGUzwvLUUQ3re1Q0SszPqe+opg6QWPk1S1nDCrdaOWTUXjvW2ug1HuCwbX0FGOBiYn9dGuASZ321HPDCa38Nt28ODN2ysG+k2Ld37JtOQ7fC7Bt09m3D4ZuZ9i3WP5ChXxhIGZR+AAAAAElFTkSuQmCC",Ru="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEoAAABKCAMAAAArDjJDAAAAclBMVEX///8AAACvxNm+z+Cvw9mxxdr///////////////////////////////+UsMv4+vvg5/D///////////////////////////////////////////////////////////////+dttDr8PX////H1uSPrMkUnz2oAAAAJXRSTlPPAO/o7+7Kx8CjdFIPBPzS28K1qpmWkYp6cWBYRC8gGxb31grkzU7YIQAAAf5JREFUWMO92NtSszAUhuGvzf+TQIh0I91AS1s193+LRpxYFbICzRrfMwbmOWJgZWFBZM76uNtuVJapzXZ31GdDPR2muqaW+JWsm24uVbY5AuVtOYO6FhJEsrhOpMpDhkjZoZxCaYUJKR2lLjkmll9o6rTG5NYniiowqyJImT1mtjfj1OszZvf8OkYZQiIsM0Lt8VD7IVXgwYrf1AkPd/pJXdaPU+vLDypHQvl3SiMpfadKlUap8os6ILGDp64ZyCohKpBl156Kv1LCWhF9uXqqlKD7Z+1/0Mmyp1qkU2h7Kueg8g+qAweFzlEND9U4quah6gWM5KGkwRk8lIM0F6VxZKIctGOiHLRlohy0Ie6+vL14yl8Gc5AKf1WqJ/u0ulMrd1mFvzkKWfirUlnrLE85ydoq/M3JRqmltcue7K2e+pSEvztKqTDlrQ/KS2FKYROmvHWz9ualIOWgbZDylk+Aohy0oymIu0RSDjpGKAgv0ZSDNE15SyBGaZyjlH+RaMpBRkYprFaIUtJgUdPU1Lu1/02kU42jOh6q87/UZCr3P/rhw7dlsNsY1frxY0DRDSlZBoYiEaPEYCgKjWqVWJKJajCqcQ6Q/GNt+rDNfwRIP5jwH5fSD3H8R0v+A2/6MZx/OZC+skhfpLCvd9KXTuyrsPQF3Z+vDdOXmekr1neJ9Dpg318KZgAAAABJRU5ErkJggg==",Tu=R({name:"notice-modal",props:{data:{type:Object,default:()=>({})}},emits:["close"],setup(i,{emit:_}){S({uploading:!1});const a=k({}),s=k(M()+"/classroom-app/#/student-register?sId=".concat(i.data.id));i.data.registerType!="BUG_GOODS"&&(s.value=M()+"/classroom-app/#/register-member?sId=".concat(i.data.id));const E=S({saveLoading:!1,image:null,shareLoading:!1}),m=()=>{if(!E.saveLoading)if(E.saveLoading=!0,E.image)p();else{const F=document.getElementById("preview-container");lu(F,{allowTaint:!0,useCORS:!0,backgroundColor:null}).then(async B=>{const n=B.toDataURL("image/png");E.image=n,p()}).catch(()=>{E.saveLoading=!1})}},p=async()=>{setTimeout(()=>{E.saveLoading=!1},100);const F=document.createElement("a");F.setAttribute("download","报名图片.png"),F.href=E.image,F.click()};return T(()=>{const F=i.data.extraConfig?JSON.parse(i.data.extraConfig):{},B=F.content.replace(/\n/gi,"<br />");a.value={...F,content:B}}),()=>u("div",{class:t.noticeBack},[u("div",{class:t.noticeModal,id:"preview-container"},[u("img",{src:_u,class:t.bg},null),u("img",{src:ku,class:t.header},null),u("img",{src:wu,class:t.bottom},null),u("img",{src:Iu,class:t.bottom_d},null),u("div",{class:t.schoolName},[u("img",{class:t.schoolLogo,crossorigin:"anonymous",src:i.data.logo+"?some=".concat(new Date().getTime())},null),u("span",null,[i.data.name])]),u("div",{class:t.studentCore},[u("img",{src:Su,class:t.book},null),u("div",{class:t.title},[l("尊敬的家长：")]),u("div",{class:t.content1},[l("为贯彻落实县“十四五”教育发展规划、教育部《基础教育课程教学改革深化行动方案》等文件精神，推进教育部“实施国家教育数字化战略行动”，促进信息技术与音乐课堂器乐教学练的深度融合，推动数字化在拓展音乐教学时空、共享优质资源、优化课程内容与教学过程、优化学生学习方式、精准开展教学评价等方面广泛应用，学校决定自本学期开展“器乐课堂数字化建设”，现将有关安排通知如下：")]),u("div",{class:t.content},[u("p",{class:t.smallTitle},[l("一、音乐课已经学了唱歌，为什么还要学习器乐")]),u("p",{class:t.smallContnet},[l("通过器乐来学习音乐，能全面培养学生的读谱、视唱、听音、节奏、和声、欣赏、创作等综合音乐素养。")])]),u("div",{class:t.content},[u("p",{class:t.smallTitle},[l("二、器乐课堂的小乐器有哪些种类和优势")]),u("p",{class:t.smallContnet},[l("通常有竖笛、排箫、葫芦丝、陶笛等，具有携带方便、轻巧、好存放、简单易学、应用灵活、价格低等优势。")])]),u("div",{class:t.content},[u("p",{class:t.smallTitle},[l("三、我校器乐课堂数字化准备开设的乐器安排")]),u("p",{class:t.smallContnet,innerHTML:a.value.content},null)]),u("div",{class:t.content},[u("p",{class:t.smallTitle},[l("四、为什么要进行器乐课堂数字化建设")]),u("p",{class:t.smallContnet},[l("在器乐的学练中，涉及乐理、指法、节奏、音准等多项音乐专业知识，借助数字化可以让学生人人随时学练，解决学生课后面临不会练、家长无法辅助、老师无法及时给予指导的专业性问题，让外行人都看得懂。")])]),u("div",{class:t.content},[u("p",{class:t.smallTitle},[l("五、建设器乐课堂数字化的优势")]),u("p",{class:t.smallContnet},[l("1.能帮助学生增强专注力与记忆力，提高阅读与理解能力，培养审美与情商，舒缓与释放情绪，有助于培养学生的身心健康；"),u("br",null,null),l("2.让学生能够较好地适应接下来中考或高考的政策调整。")])]),u("div",{class:t.content},[u("p",{class:t.smallTitle},[l("六、如何实施器乐课堂数字化建设")]),u("p",{class:t.smallContnet},[l("1.器乐课堂数字化建设的标准为：家校互联互通、课上课后学练同频；"),u("br",null,null),l("2.由硬件环境、技术环境、数字化音乐资源、师生数字化素养培养等构成，需长期持续性建设；"),u("br",null,null),l("3.基于校情，学校借助北京知勉公益基金会提供的专业技术资源，依托学校现有音乐教室场地设备，进行数字化资源建设与升级，并安排音乐教师持续进行数字化素养培训；"),u("br",null,null),l("4.实施后，音乐老师在课上使用数字化工具进行器乐授课，学生借助数字化工具进行学习，课后，学生在家使用乐器数字化工具进行练习。")])]),u("div",{class:t.content},[u("p",{class:t.smallTitle},[l("七、实施的年级、参加原则、职责分工")]),u("p",{class:t.smallContnet},[l("1.以音乐课堂为建设主体，面向全体学生实施器乐课堂数字化教学练；"),u("br",null,null),l("2.学校负责协调解决家校互联互通的问题；"),u("br",null,null),l("3.家长负责解决乐器、数字化学练等工具，遵循家长自愿参与的原则；")])]),u("div",{class:t.content},[u("p",{class:t.smallTitle},[l("八、什么是数字化学练工具，准备途径，参考价格")]),u("p",{class:t.smallContnet},[l("指具有数字化乐谱与课件、测评音视频云储存、五线谱与演奏指法跟播、电子节拍/校音、选段练习、原音/伴奏切换、速度调整等数字化学练工具（软件），通过手机或平板IPAD使用。 家长可自行在手机应用市场中准备，不限品牌、型号及价格，准备前应了解软件是否支持课堂乐器学练及以上功能。也可通过基金会提供的渠道准备，参考价格为290元/年。")])]),u("div",{class:t.content},[u("p",{class:t.smallTitle},[l("九、课堂乐器准备的途径、参考要求")]),u("p",{class:t.smallContnet},[l("家长可自行在网店、琴行准备，课堂乐器的要求为： 不限品牌、型号及价格，也可通过基金会提供的渠道准备，参考价格为"),a.value.price,l("。")])]),u("div",{class:t.content},[u("p",{class:t.smallTitle},[l("十、工作安排")]),u("p",{class:t.smallContnet},[l("1.我校定于"),w(a.value.teachTime).format("YYYY年MM月DD日"),l("正式开展器乐课堂数字化教学； "),u("br",null,null),l("2."),w(a.value.buildStartTime).format("YYYY年MM月DD日"),l("—"),w(a.value.buildEndTime).format("MM月DD日"),l("间进行家长互联互通部署（另行通知）；"),u("br",null,null),l("3.请家长在开课前为学生准备好课堂乐器和数字化学练工具，通过基金会渠道准备的家长可扫码进行工具准备；"),u("br",null,null),l("4.如有疑问可向本班音乐教师咨询。")])]),u("div",{class:[t.content1,t.lastContent]},[l("器乐课堂数字建设将遵循“立足本校实际，符合学生特点，注重课效课质”，为孩子成长搭建快乐的音乐家园，让我们的孩子以音乐为友，与器乐同行，在艺术特色的引领下茁壮成长，愿我们的孩子们都能奏出美妙的音乐！再次感谢家长朋友们对学校工作的大力支持！")]),u("div",{class:t.schoolInfo},[u("p",null,[i.data.name]),u("p",null,[w().format("YYYY年MM月DD日")])])]),u("div",{class:t.qrCodeContainer},[u("div",{class:t.codewrap},[u(tu,{margin:0,text:s.value,size:84},null)]),u("div",{class:t.codewrapSubmit},[l("请使用微信扫码报名")])])]),u("div",{class:t.btnGroup},[u("img",{src:Lu,class:t.iconClose,onClick:()=>_("close")},null),u("img",{src:Ru,class:t.iconDownload,onClick:m},null)])])}}),Vu=R({name:"student-studentList",setup(i,{emit:_}){const a=V(),s=S({searchForm:{keyword:"",gender:null,classGroupId:null,membership:null},searchWord:"",orchestraType:null,courseTypeCode:null,subjectId:null,classId:null,studentType:null,loading:!1,pagination:{page:1,rows:10,pageTotal:4},tableList:[],classList:[],addStudentVisible:!1,activeRow:{}}),E=q(),m=z(),p=k(!1),F=Y(),B=()=>{s.pagination.page=1,d()},n=async()=>{try{const e=await uu({page:1,rows:999});s.classList=e.data.rows.map(o=>({label:o.name,value:o.id}))}catch(e){console.log(e)}},A=e=>{const o=document.createElement("input");o.value=e,document.body.appendChild(o),o.select(),o.setSelectionRange(0,o.value.length),document.execCommand("Copy"),document.body.removeChild(o),F.success("复制成功")},g=()=>{s.searchForm={keyword:"",gender:null,classGroupId:null,membership:null},B()},d=async()=>{try{const e=await N({...s.searchForm,...s.pagination});s.tableList=e.data.rows,s.pagination.pageTotal=e.data.total,s.tableList.length>0&&setTimeout(()=>{p.value=!0},500)}catch(e){console.log(e)}console.log("getList")};T(()=>{d(),n()});const D=()=>[{title:"学生姓名",key:"nickname",render:e=>u("div",{style:{userSelect:"all",cursor:"pointer"},onClick:()=>A(e.nickname)},[e.nickname])},{title:"手机号",key:"phone",render:e=>u("div",{style:{userSelect:"all",cursor:"pointer"},onClick:()=>A(e.phone)},[e.phone])},{title:"性别",key:"gender",render(e){return u(v,null,[e.gender+""!="null"?e.gender=="0"?"女":"男":"--"])}},{title:"年级班级",key:"classGroupName"},{title:"学生类型",key:"vipMember",render(e){return u(v,null,[e.vipMember?"会员":"普通"])}},{title:"操作",key:"id",width:300,render(e,o){return u(v,null,[o==0?u(b,f({id:"student-1"},{text:!0,type:"primary",onClick:()=>r(e)}),{default:()=>[l("详情")]}):u(b,{text:!0,type:"primary",onClick:()=>r(e)},{default:()=>[l("详情")]})])}}],r=e=>{m.push({path:"/studentDetail",query:{...E.query,studentId:e.id,studentName:e.nickname}})};return()=>u("div",{class:h.listWrap},[u("div",{class:h.searchList},[u(j,{"label-placement":"left",inline:!0},{default:()=>[u(y,null,{default:()=>[u(G,f({placeholder:"请输入学生姓名"},{class:h.searchInput,searchWord:s.searchForm.keyword,onChangeValue:e=>s.searchForm.keyword=e}),null)]}),u(y,null,{default:()=>[u(L,f({options:[{label:"学生性别",value:null},{label:"男",value:1},{label:"女",value:0}],placeholder:"性别",clearable:!0,inline:!0},{value:s.searchForm.gender,"onUpdate:value":e=>s.searchForm.gender=e}),null)]}),u(y,null,{default:()=>[u(L,f({options:[{label:"年级班级",value:null},...s.classList],placeholder:"年级班级",clearable:!0,inline:!0},{value:s.searchForm.classGroupId,"onUpdate:value":e=>s.searchForm.classGroupId=e}),null)]}),u(y,null,{default:()=>[u(L,f({options:[{label:"学生类型",value:null},{label:"会员",value:!0},{label:"普通",value:!1}],placeholder:"学生类型",clearable:!0,inline:!0},{value:s.searchForm.membership,"onUpdate:value":e=>s.searchForm.membership=e}),null)]}),u(y,null,{default:()=>[u(J,{justify:"end"},{default:()=>[u(b,{type:"primary",class:"searchBtn",onClick:B},{default:()=>[l("搜索")]}),u(b,{type:"primary",ghost:!0,class:"resetBtn",onClick:g},{default:()=>[l("重置")]})]})]})]})]),u(b,f({id:"student-0"},{onClick:async()=>{try{const{schoolInfos:e}=a.getUserInfo,o=e.length>0?e[0].id:null;if(o){const{data:I}=await x({id:o});s.activeRow=I,s.addStudentVisible=!0}}catch(e){}},class:h.addBtn,type:"primary"}),{default:()=>[l("新增学生")],icon:()=>u(v,null,[u(H,{class:h.addBtnIcon,previewDisabled:!0,src:K},null)])}),u("div",{class:h.tableWrap},[u(X,{class:h.classTable,loading:s.loading,columns:D(),data:s.tableList},{empty:()=>u(eu,null,null)}),u(W,{page:s.pagination.page,"onUpdate:page":e=>s.pagination.page=e,pageSize:s.pagination.rows,"onUpdate:pageSize":e=>s.pagination.rows=e,pageTotal:s.pagination.pageTotal,"onUpdate:pageTotal":e=>s.pagination.pageTotal=e,onList:d,sync:!0},null)]),u($,{show:s.addStudentVisible,"onUpdate:show":e=>s.addStudentVisible=e,showIcon:!1,style:{width:"400px"}},{default:()=>[u(Tu,{data:s.activeRow,onClose:()=>s.addStudentVisible=!1},null)]}),p.value?u(su,null,null):null])}});export{Vu as default};