更新打包

dist/assets/Scrollbar-34da8de0.js → dist/assets/Scrollbar-7dd115cd.js

@@ -1 +1 @@
-import{a8 as l,d as e,r as a,ab as n,aq as t}from"./index-6fc4924b.js";const c=Object.assign(Object.assign({},l.props),{trigger:String,xScrollable:Boolean,onScroll:Function,size:Number}),i=e({name:"Scrollbar",props:c,setup(){const r=a(null);return Object.assign(Object.assign({},{scrollTo:(...o)=>{var s;(s=r.value)===null||s===void 0||s.scrollTo(o[0],o[1])},scrollBy:(...o)=>{var s;(s=r.value)===null||s===void 0||s.scrollBy(o[0],o[1])}}),{scrollbarInstRef:r})},render(){return n(t,Object.assign({ref:"scrollbarInstRef"},this.$props),this.$slots)}}),d=i;export{d as N};
+import{a9 as l,d as e,r as a,ac as n,aq as t}from"./index-51b84435.js";const c=Object.assign(Object.assign({},l.props),{trigger:String,xScrollable:Boolean,onScroll:Function,size:Number}),i=e({name:"Scrollbar",props:c,setup(){const r=a(null);return Object.assign(Object.assign({},{scrollTo:(...o)=>{var s;(s=r.value)===null||s===void 0||s.scrollTo(o[0],o[1])},scrollBy:(...o)=>{var s;(s=r.value)===null||s===void 0||s.scrollBy(o[0],o[1])}}),{scrollbarInstRef:r})},render(){return n(t,Object.assign({ref:"scrollbarInstRef"},this.$props),this.$slots)}}),d=i;export{d as N};

dist/assets/index-2a301af6.css

@@ -0,0 +1 @@
+._listWrap_1jk25_1{padding:1.66667vw;background-color:#fff;min-height:100%;border-radius:1.04167vw}._addBtnIcon_1jk25_7{width:.83333vw;height:.88542vw}._addBtn_1jk25_7{margin-bottom:1.5625vw;height:2.23958vw;background:#198cfe;border-radius:.41667vw;line-height:2.13542vw;width:7.5vw;padding:0 1.25vw}._addBtn_1jk25_7 .n-button__content{font-size:.9375vw}

dist/assets/index-56826533.js

@@ -1 +0,0 @@
-import{d as t,c,f as a,i as n,k as l,g as u}from"./index-6fc4924b.js";const h="_TheSearch_jcd5r_1",d={TheSearch:h},i=""+new URL("icon_search-8a6ade17.svg",import.meta.url).href,m=t({name:"TheSearch",props:{round:{type:Boolean,default:!1}},emits:["search"],setup(r,{emit:s}){const e=c({value:""});return()=>a(n,{class:d.TheSearch,round:r.round,placeholder:"请输入搜索关键词",modelValue:e.value,"onUpdate:modelValue":o=>e.value=o},{prefix:()=>a("img",{src:i},null),suffix:()=>a(l,{size:"small",round:!0,type:"primary",onClick:()=>s("search",e.value)},{default:()=>[u("搜索")]})})}});export{m as T};

dist/assets/index-63acf244.css

@@ -1 +0,0 @@
-._listWrap_gj4q0_1{padding:1.66667vw;background-color:#fff}._addBtnIcon_gj4q0_5{width:.83333vw;height:.88542vw}._addBtn_gj4q0_5{margin-bottom:1.5625vw;height:2.23958vw;background:#198cfe;border-radius:.41667vw;line-height:2.13542vw;width:7.5vw;padding:0 1.25vw}._addBtn_gj4q0_5 .n-button__content{font-size:.9375vw}

dist/assets/index-79de8bf0.css

@@ -1 +0,0 @@
-._searchInput_1cmht_1{height:2.23958vw;border-radius:.41667vw}._searchInput_1cmht_1 .n-input__input-el{line-height:2.23958vw;height:2.23958vw}._searchInput_1cmht_1 ._searchIcon_1cmht_9{width:.83333vw;height:.88542vw}._arrow_3fl4c_1{width:.625vw;height:.67708vw}._CSelectWrap_3fl4c_5 .n-select{width:9.375vw}._CSelectWrap_3fl4c_5 .n-select .n-base-selection-label{height:2.23958vw;line-height:2.23958vw}._CSelectWrap_3fl4c_5 .n-select .n-base-selection__border,._CSelectWrap_3fl4c_5 .n-select .n-base-selection__state-border{border-radius:.41667vw;overflow:hidden}

dist/assets/index-800768ae.css

@@ -0,0 +1 @@
+._searchInput_1cmht_1{height:2.23958vw;border-radius:.41667vw}._searchInput_1cmht_1 .n-input__input-el{line-height:2.23958vw;height:2.23958vw}._searchInput_1cmht_1 ._searchIcon_1cmht_9{width:.83333vw;height:.88542vw}._arrow_7rpyy_1{width:.625vw;height:.67708vw}._CSelectWrap_7rpyy_5 .n-select{width:100%;min-width:9.375vw}._CSelectWrap_7rpyy_5 .n-select .n-base-selection-label{height:2.23958vw;line-height:2.23958vw}._CSelectWrap_7rpyy_5 .n-select .n-base-selection__border,._CSelectWrap_7rpyy_5 .n-select .n-base-selection__state-border{border-radius:.41667vw;overflow:hidden}

dist/assets/index-68996785.js → dist/assets/index-8b82387f.js

@@ -1 +1 @@
-import{d as t,f as e,aM as a,k as p,g as n}from"./index-6fc4924b.js";const i=t({name:"404-page",setup(){return()=>e("div",{style:{height:"220px","margin-top":"150px","padding-top":"30px","font-size":"15px","text-align":"center"}},[e(a,{description:"你访问的页面不见了，你还可以",size:"large"},null),e(p,{type:"primary",text:!0},{default:()=>[n("返回上一页")]})])}});export{i as default};
+import{d as t,f as e,aM as a,j as p,k as n}from"./index-51b84435.js";const i=t({name:"404-page",setup(){return()=>e("div",{style:{height:"220px","margin-top":"150px","padding-top":"30px","font-size":"15px","text-align":"center"}},[e(a,{description:"你访问的页面不见了，你还可以",size:"large"},null),e(p,{type:"primary",text:!0},{default:()=>[n("返回上一页")]})])}});export{i as default};

dist/assets/index-c7998cab.css

@@ -0,0 +1 @@
+._listWrap_186bn_1{padding:1.66667vw;background-color:#fff;border-radius:1.04167vw;min-height:100%}._addBtnIcon_186bn_7{width:.83333vw;height:.88542vw}._addBtn_186bn_7{margin-bottom:1.5625vw;height:2.23958vw;background:#198cfe;border-radius:.41667vw;line-height:2.13542vw;width:7.5vw;padding:0 1.25vw}._addBtn_186bn_7 .n-button__content{font-size:.9375vw}

dist/assets/index-d3fab033.js

@@ -1 +0,0 @@
-import{s as g,d as i}from"./searchIcon-ba1c1828.js";import{d as u,r as t,f as e,i as p,D as I,l as c,Q as m,F as h}from"./index-6fc4924b.js";const S="_searchInput_1cmht_1",J="_searchIcon_1cmht_9",l={searchInput:S,searchIcon:J},F=u({name:"student-studentList",props:["searchWord"],emits:["changeValue"],setup(n,{emit:o,attrs:a}){const s=t(!1);return()=>e("div",null,[e(p,I(a,{clearable:!0,class:l.searchInput,value:n.searchWord,onInput:A=>{o("changeValue",A)},onFocus:()=>{s.value=!0},onBlur:()=>{s.value=!1}}),{prefix:()=>e(c,{class:l.searchIcon,previewDisabled:!0,src:s.value?g:i},null)})])}}),w="_arrow_3fl4c_1",C="_CSelectWrap_3fl4c_5",r={arrow:w,CSelectWrap:C},d="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAaCAYAAACtv5zzAAAAAXNSR0IArs4c6QAAANtJREFUSEvt0zFOAkEYQOFv7eEi9iba0GLlDextKNUbECmpuIItFSWNmnANPIEWtoZkJ5LJDv9AQuVOs8Vm3tt5/2zjzKs5M18vCAv/r0TXmLdNJvgI+1B9i26wwqCFfuMWb5GkZgY5PDGrJJGgBK+WHBJ0wZ9a8stemoMnKQlK8FkLfkQuGeM9n0mXIIInRpUkF9TCqyX7gmPhVZIkGGKL3TOt3UBT8+i657m+cInPJBhhfSK8dJI7LJPgAq+4whSL6JML7x/wjA3u8RP9aCd6/rb1gjBhnyhM9As5gjEbhIMMwQAAAABJRU5ErkJggg==",v="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAaCAYAAACtv5zzAAAAAXNSR0IArs4c6QAAASlJREFUSEvtlDFOxDAQRWecigJOAMegABpKFI3TcgUqShZusFDScIA9AbJltt0mSPQcI83SJjMo0S7KBmM7xTYoaT3zn+f/cRD2/OGe9WECRB3+JxaVZXlQVdUCAE4RcU5EL9HZPQXGmBsAeACADyK6RkTuLLLWFsz8uu1BxJnW+mkMxFo7Y+Z5r+eyKIpVB3DOHTdN8ykiR9sCpdQ9ET2mQIbiiLjOsuwkz/P1T8jW2nNmXgLA4ZhJjDF3ItK/yJdS6oqIylZnZ4vGQmLivwCbPJImSRH3AlIgqeJ/AkKQ9izk+XApgi/ZOXdR1/VbP/iBwE6gvo2L/ip8wW+EouJBi/q38UCSxJMBbaEx5kxEnrsmxFut9XvKI4xalCISqpkAUQcni6IWfQOwkaYb9TFYBgAAAABJRU5ErkJggg==",k=u({name:"CSelect",setup(n,{emit:o,attrs:a}){t(null);const s=t(!1);return()=>e(h,null,[e("div",{class:r.CSelectWrap},[e(m,I({"show-checkmark":!1},a,{"onUpdate:show":A=>{s.value=A}}),{arrow:()=>s.value?e(c,{class:r.arrow,src:d},null):e(c,{class:r.arrow,src:v},null)})])])}});export{k as C,F as S};

dist/assets/index-e1c117db.js

@@ -0,0 +1 @@
+import{s as p,d as g}from"./searchIcon-ba1c1828.js";import{d as u,r as t,f as e,h as i,I,o as c,Q as m,F as h}from"./index-51b84435.js";const S="_searchInput_1cmht_1",J="_searchIcon_1cmht_9",l={searchInput:S,searchIcon:J},F=u({name:"student-studentList",props:["searchWord"],emits:["changeValue"],setup(n,{emit:o,attrs:a}){const s=t(!1);return()=>e("div",null,[e(i,I(a,{clearable:!0,class:l.searchInput,value:n.searchWord,onInput:A=>{o("changeValue",A)},onFocus:()=>{s.value=!0},onBlur:()=>{s.value=!1}}),{prefix:()=>e(c,{class:l.searchIcon,previewDisabled:!0,src:s.value?p:g},null)})])}}),w="_arrow_7rpyy_1",C="_CSelectWrap_7rpyy_5",r={arrow:w,CSelectWrap:C},d="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAaCAYAAACtv5zzAAAAAXNSR0IArs4c6QAAANtJREFUSEvt0zFOAkEYQOFv7eEi9iba0GLlDextKNUbECmpuIItFSWNmnANPIEWtoZkJ5LJDv9AQuVOs8Vm3tt5/2zjzKs5M18vCAv/r0TXmLdNJvgI+1B9i26wwqCFfuMWb5GkZgY5PDGrJJGgBK+WHBJ0wZ9a8stemoMnKQlK8FkLfkQuGeM9n0mXIIInRpUkF9TCqyX7gmPhVZIkGGKL3TOt3UBT8+i657m+cInPJBhhfSK8dJI7LJPgAq+4whSL6JML7x/wjA3u8RP9aCd6/rb1gjBhnyhM9As5gjEbhIMMwQAAAABJRU5ErkJggg==",v="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAaCAYAAACtv5zzAAAAAXNSR0IArs4c6QAAASlJREFUSEvtlDFOxDAQRWecigJOAMegABpKFI3TcgUqShZusFDScIA9AbJltt0mSPQcI83SJjMo0S7KBmM7xTYoaT3zn+f/cRD2/OGe9WECRB3+JxaVZXlQVdUCAE4RcU5EL9HZPQXGmBsAeACADyK6RkTuLLLWFsz8uu1BxJnW+mkMxFo7Y+Z5r+eyKIpVB3DOHTdN8ykiR9sCpdQ9ET2mQIbiiLjOsuwkz/P1T8jW2nNmXgLA4ZhJjDF3ItK/yJdS6oqIylZnZ4vGQmLivwCbPJImSRH3AlIgqeJ/AkKQ9izk+XApgi/ZOXdR1/VbP/iBwE6gvo2L/ip8wW+EouJBi/q38UCSxJMBbaEx5kxEnrsmxFut9XvKI4xalCISqpkAUQcni6IWfQOwkaYb9TFYBgAAAABJRU5ErkJggg==",k=u({name:"CSelect",setup(n,{emit:o,attrs:a}){t(null);const s=t(!1);return()=>e(h,null,[e("div",{class:r.CSelectWrap},[e(m,I({"show-checkmark":!1},a,{"onUpdate:show":A=>{s.value=A}}),{arrow:()=>s.value?e(c,{class:r.arrow,src:d},null):e(c,{class:r.arrow,src:v},null)})])])}});export{k as C,F as S};

dist/assets/index-f2faa80b.js → dist/assets/index-e642af69.js

@@ -1 +1 @@
-import{W as y,X as F,L as P,Y as C,E as b}from"./index-6fc4924b.js";function W(e){return y()?(F(e),!0):!1}function w(e){return typeof e=="function"?e():b(e)}const g=typeof window<"u",m=()=>{};function D(e,i){function n(...t){return new Promise((o,r)=>{Promise.resolve(e(()=>i.apply(this,t),{fn:i,thisArg:this,args:t})).then(o).catch(r)})}return n}function j(e,i={}){let n,t,o=m;const r=u=>{clearTimeout(u),o(),o=m};return u=>{const a=w(e),s=w(i.maxWait);return n&&r(n),a<=0||s!==void 0&&s<=0?(t&&(r(t),t=null),Promise.resolve(u())):new Promise((c,p)=>{o=i.rejectOnCancel?p:c,s&&!t&&(t=setTimeout(()=>{n&&r(n),t=null,c(u())},s)),n=setTimeout(()=>{t&&r(t),t=null,c(u())},a)})}}function O(e,i=!0,n=!0,t=!1){let o=0,r,l=!0,u=m,a;const s=()=>{r&&(clearTimeout(r),r=void 0,u(),u=m)};return p=>{const f=w(e),T=Date.now()-o,d=()=>a=p();return s(),f<=0?(o=Date.now(),d()):(T>f&&(n||!l)?(o=Date.now(),d()):i&&(a=new Promise((h,x)=>{u=t?x:h,r=setTimeout(()=>{o=Date.now(),l=!0,h(d()),s()},Math.max(0,f-T))})),!n&&!r&&(r=setTimeout(()=>l=!0,f)),l=!1,a)}}function E(e,i=200,n={}){return D(j(i,n),e)}function L(e,i=200,n=!1,t=!0,o=!1){return D(O(i,n,t,o),e)}function R(e){P()&&C(e)}export{L as a,W as b,w as c,g as i,R as t,E as u};
+import{X as y,Y as F,S as P,Z as C,J as S}from"./index-51b84435.js";function g(e){return y()?(F(e),!0):!1}function w(e){return typeof e=="function"?e():S(e)}const R=typeof window<"u",m=()=>{};function D(e,i){function n(...t){return new Promise((o,r)=>{Promise.resolve(e(()=>i.apply(this,t),{fn:i,thisArg:this,args:t})).then(o).catch(r)})}return n}function b(e,i={}){let n,t,o=m;const r=u=>{clearTimeout(u),o(),o=m};return u=>{const a=w(e),s=w(i.maxWait);return n&&r(n),a<=0||s!==void 0&&s<=0?(t&&(r(t),t=null),Promise.resolve(u())):new Promise((c,p)=>{o=i.rejectOnCancel?p:c,s&&!t&&(t=setTimeout(()=>{n&&r(n),t=null,c(u())},s)),n=setTimeout(()=>{t&&r(t),t=null,c(u())},a)})}}function j(e,i=!0,n=!0,t=!1){let o=0,r,l=!0,u=m,a;const s=()=>{r&&(clearTimeout(r),r=void 0,u(),u=m)};return p=>{const f=w(e),T=Date.now()-o,d=()=>a=p();return s(),f<=0?(o=Date.now(),d()):(T>f&&(n||!l)?(o=Date.now(),d()):i&&(a=new Promise((h,x)=>{u=t?x:h,r=setTimeout(()=>{o=Date.now(),l=!0,h(d()),s()},Math.max(0,f-T))})),!n&&!r&&(r=setTimeout(()=>l=!0,f)),l=!1,a)}}function U(e,i=200,n={}){return D(b(i,n),e)}function V(e,i=200,n=!1,t=!0,o=!1){return D(j(i,n,t,o),e)}function W(e){P()&&C(e)}export{V as a,g as b,w as c,R as i,W as t,U as u};

dist/assets/index-69178b61.js → dist/assets/index-f324974e.js

@@ -1 +1 @@
-import{T as g}from"./index-56826533.js";import{d as u,u as p,c as d,f as t,J as i,k as f,l as v,O as b}from"./index-6fc4924b.js";const w="_container_bwvqf_1",I="_tools_bwvqf_8",h="_content_bwvqf_18",y="_item_bwvqf_23",N="_cover_bwvqf_29",q="_itemImg_bwvqf_46",L="_itemName_bwvqf_65",e={container:w,tools:I,content:h,item:y,cover:N,itemImg:q,itemName:L},R=""+new URL("0-34a03604.png",import.meta.url).href,k=""+new URL("1-30f15957.png",import.meta.url).href,U=""+new URL("2-5f9c270e.png",import.meta.url).href,j=""+new URL("3-d57df471.png",import.meta.url).href,O=""+new URL("1-30f15957.png",import.meta.url).href,S=""+new URL("5-7bea1376.png",import.meta.url).href,x=Object.assign({"./0.png":R,"./1.png":k,"./2.png":U,"./3.png":j,"./4.png":O,"./5.png":S}),z=o=>x[`./${o}`]||"";function _(o){return typeof o=="function"||Object.prototype.toString.call(o)==="[object Object]"&&!b(o)}const A=u({name:"XiaokuAi",setup(){const o=p(),a=d({tags:[{name:"全部",id:0},{name:"人教版",id:1},{name:"声部训练",id:2},{name:"小曲目",id:3},{name:"考级曲目",id:4}],tagIndex:0,list:[{name:"一年级上册人教版（2013版）",src:""}]});return()=>{let s,c;return t("div",{class:e.container},[t("div",{class:e.tools},[t("div",{class:e.tags},[t(i,{size:[24,12]},_(s=a.tags.map((r,n)=>t(f,{round:!0,secondary:a.tagIndex!==n,type:a.tagIndex===n?"primary":"default",class:[e.tag,a.tagIndex===n?e.active:""],onClick:()=>a.tagIndex=n},{default:()=>[r.name]})))?s:{default:()=>[s]})]),t(g,{round:!0},null)]),t("div",{class:e.content},[t(i,{size:[50,40]},_(c=new Array(30).fill(a.list[0]).map((r,n)=>{const m=n>5?n%5:n;return t("div",{class:e.item,key:`item-${n}`,onClick:()=>o.push({path:"/xiaoku-music"})},[t("div",{class:e.cover},[t("div",{class:e.itemImg},[t(v,{objectFit:"contain",src:z(`${m}.png`),lazy:!0,previewDisabled:!0,onLoad:l=>{l.target.dataset.loaded="true"}},null)])]),t("div",{class:e.itemName},[r.name])])}))?c:{default:()=>[c]})])])}}});export{A as default};
+import{T as g}from"./index-fccc9715.js";import{d as u,u as p,e as d,f as t,O as i,j as f,o as v,V as b}from"./index-51b84435.js";const w="_container_bwvqf_1",I="_tools_bwvqf_8",h="_content_bwvqf_18",y="_item_bwvqf_23",N="_cover_bwvqf_29",q="_itemImg_bwvqf_46",L="_itemName_bwvqf_65",e={container:w,tools:I,content:h,item:y,cover:N,itemImg:q,itemName:L},R=""+new URL("0-34a03604.png",import.meta.url).href,j=""+new URL("1-30f15957.png",import.meta.url).href,U=""+new URL("2-5f9c270e.png",import.meta.url).href,k=""+new URL("3-d57df471.png",import.meta.url).href,O=""+new URL("1-30f15957.png",import.meta.url).href,S=""+new URL("5-7bea1376.png",import.meta.url).href,x=Object.assign({"./0.png":R,"./1.png":j,"./2.png":U,"./3.png":k,"./4.png":O,"./5.png":S}),z=o=>x[`./${o}`]||"";function _(o){return typeof o=="function"||Object.prototype.toString.call(o)==="[object Object]"&&!b(o)}const $=u({name:"XiaokuAi",setup(){const o=p(),a=d({tags:[{name:"全部",id:0},{name:"人教版",id:1},{name:"声部训练",id:2},{name:"小曲目",id:3},{name:"考级曲目",id:4}],tagIndex:0,list:[{name:"一年级上册人教版（2013版）",src:""}]});return()=>{let s,r;return t("div",{class:e.container},[t("div",{class:e.tools},[t("div",{class:e.tags},[t(i,{size:[24,12]},_(s=a.tags.map((c,n)=>t(f,{round:!0,secondary:a.tagIndex!==n,type:a.tagIndex===n?"primary":"default",class:[e.tag,a.tagIndex===n?e.active:""],onClick:()=>a.tagIndex=n},{default:()=>[c.name]})))?s:{default:()=>[s]})]),t(g,{round:!0},null)]),t("div",{class:e.content},[t(i,{size:[50,40]},_(r=new Array(30).fill(a.list[0]).map((c,n)=>{const m=n>5?n%5:n;return t("div",{class:e.item,key:`item-${n}`,onClick:()=>o.push({path:"/xiaoku-music"})},[t("div",{class:e.cover},[t("div",{class:e.itemImg},[t(v,{objectFit:"contain",src:z(`${m}.png`),lazy:!0,previewDisabled:!0,onLoad:l=>{l.target.dataset.loaded="true"}},null)])]),t("div",{class:e.itemName},[c.name])])}))?r:{default:()=>[r]})])])}}});export{$ as default};

dist/assets/index-fccc9715.js

@@ -0,0 +1 @@
+import{d as t,e as c,f as a,h as n,j as l,k as u}from"./index-51b84435.js";const h="_TheSearch_jcd5r_1",d={TheSearch:h},p=""+new URL("icon_search-8a6ade17.svg",import.meta.url).href,m=t({name:"TheSearch",props:{round:{type:Boolean,default:!1}},emits:["search"],setup(r,{emit:s}){const e=c({value:""});return()=>a(n,{class:d.TheSearch,round:r.round,placeholder:"请输入搜索关键词",modelValue:e.value,"onUpdate:modelValue":o=>e.value=o},{prefix:()=>a("img",{src:p},null),suffix:()=>a(l,{size:"small",round:!0,type:"primary",onClick:()=>s("search",e.value)},{default:()=>[u("搜索")]})})}});export{m as T};

dist/index.html

@@ -24,8 +24,8 @@
   <meta name="msapplication-tap-highlight" content="no" />
   <meta name="referrer" content="no-referrer" />
   <title>老师端</title>
-  <script type="module" crossorigin src="./assets/index-6fc4924b.js"></script>
-  <link rel="stylesheet" href="./assets/index-417106d0.css">
+  <script type="module" crossorigin src="./assets/index-51b84435.js"></script>
+  <link rel="stylesheet" href="./assets/index-37c60a82.css">
 </head>
 
 <body>

src/views/attend-class/component/audio-pay.tsx

@@ -1,12 +1,4 @@
-import {
-  defineComponent,
-  toRefs,
-  reactive,
-  ref,
-  nextTick,
-  onMounted,
-  watch
-} from 'vue';
+import { defineComponent, reactive, ref, nextTick } from 'vue';
 import styles from './audio.module.less';
 import iconplay from '../image/icon-pause.svg';
 import iconpause from '../image/icon-play.svg';
@@ -28,7 +20,7 @@ export default defineComponent({
       default: false
     }
   },
-  emits: ['loadedmetadata', 'togglePlay', 'ended'],
+  emits: ['loadedmetadata', 'togglePlay', 'ended', 'reset'],
   setup(props, { emit, expose }) {
     const audioForms = reactive({
       paused: true,
@@ -42,10 +34,11 @@ export default defineComponent({
     const canvas: any = ref();
     const audio: any = ref();
     let vudio: any = null;
+    const controlID = 'v' + Date.now() + Math.floor(Math.random() * 100);
 
     // 切换音频播放
-    const onToggleAudio = (e: MouseEvent) => {
-      e.stopPropagation();
+    const onToggleAudio = (e?: MouseEvent) => {
+      e?.stopPropagation();
       if (audio.value.paused) {
         onInit(audio.value, canvas.value);
         audio.value.play();
@@ -93,6 +86,7 @@ export default defineComponent({
 
     //
     const toggleHideControl = (isShow: false) => {
+      console.log('isShow', 'toggle');
       audioForms.showBar = isShow;
     };
 
@@ -151,10 +145,13 @@ export default defineComponent({
               audio.value.stop = () => {
                 audio.value.pause();
                 audioForms.paused = true;
+                emit('togglePlay', audioForms.paused);
               };
               audio.value.onPlay = () => {
                 audio.value.play();
                 audioForms.paused = false;
+                onInit(audio.value, canvas.value);
+                emit('togglePlay', audioForms.paused);
               };
 
               emit('loadedmetadata', audio.value);
@@ -177,6 +174,7 @@ export default defineComponent({
           ]}
           onClick={(e: MouseEvent) => {
             e.stopPropagation();
+            emit('reset');
           }}>
           <div class={styles.actions}>
             <div class={styles.actionWrap}>

src/views/attend-class/component/musicScore.tsx

@@ -1,8 +1,8 @@
 import { defineComponent, ref, watch } from 'vue';
 import { NSkeleton } from 'naive-ui';
 import styles from './musicScore.module.less';
-import iconStart from '../image/icon-start.svg';
-import { listenerMessage, postMessage } from '@/helpers/native-message';
+// import iconStart from '../image/icon-start.svg';
+// import { listenerMessage, postMessage } from '@/helpers/native-message';
 import { usePageVisibility } from '@vant/use';
 import { browser } from '@/helpers/utils';
 
@@ -53,34 +53,34 @@ export default defineComponent({
     });
 
     // 去云教练完整版
-    const gotoAccomany = () => {
-      if (isLoading.value) return;
-      if (!browserInfo.ios) {
-        isLoading.value = true;
-      }
-      // const parmas = qs.stringify({
-      //   id: props.music.content
-      // });
-      // let src = `${location.origin}/orchestra-music-score/?` + parmas
-      const src = `https://test.lexiaoya.cn/orchestra-music-score/?_t=1687590480955&id=11707&modelType=practice&modeType=json&Authorization=bearer eyJhbGciOiJSUzI1NiIsInR5cCI6IkpXVCJ9.eyJhdWQiOlsib2F1dGgyLXJlc291cmNlIl0sImNsaWVudFR5cGUiOiJCQUNLRU5EIiwidXNlcl9uYW1lIjoiMTgxNjI4NTU4MDAiLCJzY29wZSI6WyJhbGwiXSwidXNlcklkIjoiMTAwMDE0OSIsImF1dGhvcml0aWVzIjpbIjE4MTYyODU1ODAwIl0sImp0aSI6IjY0MzA2NjllLTE5NGItNDk3Yy1hMDQ5LWM4YWUxMGU0NDNiOCIsImNsaWVudF9pZCI6ImptZWR1LWJhY2tlbmQifQ.aeJ0o-lSfx1Ok-YptZuC-AUY6M7k3LK9rr0Bmx7sj81pPt2HDiDqeT2PuriYdJacxWnxboyhdG_lwU0QK-W-vON97c45NQpSEFLVpZ0m1xdIqwllwf20xhyj5YJwdOFUzxf1TNEfGsHZg66J7wEJQBSzlmQwcxmEE5lqLVD8o_3f2SBqnWCj9RqE4air7FUemllMnZiu8HsS-TKtLDaGa_XW8Yb_Zjzzz6r5UcYNI-C1uKPXg18o1dhHBJ8O-Pl0U8WivPRub_opvO2NSn5L9YtPt7Dd50UeSwaIOdMeCGdii1bg__h77Stek1_5IaZLYkoo2gvmUA-xk09TwCQBpA`;
-      postMessage(
-        {
-          api: 'openAccompanyWebView',
-          content: {
-            url: src,
-            orientation: 0,
-            isHideTitle: true,
-            statusBarTextColor: false,
-            isOpenLight: true
-          }
-        },
-        () => {
-          if (browserInfo.ios) {
-            isLoading.value = true;
-          }
-        }
-      );
-    };
+    // const gotoAccomany = () => {
+    //   if (isLoading.value) return;
+    //   if (!browserInfo.ios) {
+    //     isLoading.value = true;
+    //   }
+    //   // const parmas = qs.stringify({
+    //   //   id: props.music.content
+    //   // });
+    //   // let src = `${location.origin}/orchestra-music-score/?` + parmas
+    //   const src = `https://test.lexiaoya.cn/orchestra-music-score/?_t=1687590480955&id=11707&modelType=practice&modeType=json&Authorization=bearer eyJhbGciOiJSUzI1NiIsInR5cCI6IkpXVCJ9.eyJhdWQiOlsib2F1dGgyLXJlc291cmNlIl0sImNsaWVudFR5cGUiOiJCQUNLRU5EIiwidXNlcl9uYW1lIjoiMTgxNjI4NTU4MDAiLCJzY29wZSI6WyJhbGwiXSwidXNlcklkIjoiMTAwMDE0OSIsImF1dGhvcml0aWVzIjpbIjE4MTYyODU1ODAwIl0sImp0aSI6IjY0MzA2NjllLTE5NGItNDk3Yy1hMDQ5LWM4YWUxMGU0NDNiOCIsImNsaWVudF9pZCI6ImptZWR1LWJhY2tlbmQifQ.aeJ0o-lSfx1Ok-YptZuC-AUY6M7k3LK9rr0Bmx7sj81pPt2HDiDqeT2PuriYdJacxWnxboyhdG_lwU0QK-W-vON97c45NQpSEFLVpZ0m1xdIqwllwf20xhyj5YJwdOFUzxf1TNEfGsHZg66J7wEJQBSzlmQwcxmEE5lqLVD8o_3f2SBqnWCj9RqE4air7FUemllMnZiu8HsS-TKtLDaGa_XW8Yb_Zjzzz6r5UcYNI-C1uKPXg18o1dhHBJ8O-Pl0U8WivPRub_opvO2NSn5L9YtPt7Dd50UeSwaIOdMeCGdii1bg__h77Stek1_5IaZLYkoo2gvmUA-xk09TwCQBpA`;
+    //   postMessage(
+    //     {
+    //       api: 'openAccompanyWebView',
+    //       content: {
+    //         url: src,
+    //         orientation: 0,
+    //         isHideTitle: true,
+    //         statusBarTextColor: false,
+    //         isOpenLight: true
+    //       }
+    //     },
+    //     () => {
+    //       if (browserInfo.ios) {
+    //         isLoading.value = true;
+    //       }
+    //     }
+    //   );
+    // };
 
     return () => (
       <div class={styles.musicScore}>

src/views/attend-class/index.tsx

@@ -132,6 +132,15 @@ export default defineComponent({
     const getDetail = async () => {
       data.knowledgePointList = [
         {
+          id: '1',
+          name: '其多列',
+          title: '其多列',
+          type: 'VIDEO',
+          content:
+            'https://gyt.ks3-cn-beijing.ksyuncs.com/courseware/1687844560120.mp4',
+          url: 'https://gyt.ks3-cn-beijing.ksyuncs.com/courseware/1687844640957.png'
+        },
+        {
           id: '5',
           name: '歌曲表演 大鹿',
           title: '歌曲表演 大鹿',
@@ -140,15 +149,7 @@ export default defineComponent({
             'https://cloud-coach.ks3-cn-beijing.ksyuncs.com/1686819360752.mp3',
           url: 'https://lanhu-dds-backend.oss-cn-beijing.aliyuncs.com/merge_image/imgs/23cc71b5d7874dcf8752cd257483e687_mergeImage.png'
         },
-        // {
-        //   id: '1',
-        //   name: '其多列',
-        //   title: '其多列',
-        //   type: 'VIDEO',
-        //   content:
-        //     'https://gyt.ks3-cn-beijing.ksyuncs.com/courseware/1687844560120.mp4',
-        //   url: 'https://gyt.ks3-cn-beijing.ksyuncs.com/courseware/1687844640957.png'
-        // },
+
         // {
         //   id: '1',
         //   name: '歌曲表演 大鹿',
@@ -234,7 +235,6 @@ export default defineComponent({
     const handleStop = () => {
       for (let i = 0; i < data.itemList.length; i++) {
         const activeItem = data.itemList[i];
-        console.log(activeItem, 'activeItem');
         if (activeItem.type === 'VIDEO' && activeItem.videoEle) {
           activeItem.videoEle.stop();
         }
@@ -664,11 +664,11 @@ export default defineComponent({
                             handleSwipeChange(_index);
                           }
                         }}
-                        // onReset={() => {
-                        //   if (!m.audioEle?.paused) {
-                        //     setModelOpen();
-                        //   }
-                        // }}
+                        onReset={() => {
+                          if (!m.audioEle?.paused) {
+                            setModelOpen();
+                          }
+                        }}
                       />
                     ) : (
                       <MusicScore

src/views/attend-class/model/train-type/index.tsx

@@ -42,6 +42,11 @@ export default defineComponent({
         }
       });
     };
+
+    const onDetail = () => {
+      const src = `https://dev.kt.colexiu.com/instrument`;
+      window.open(src, '_blank');
+    };
     return () => (
       <div
         class={[
@@ -60,7 +65,7 @@ export default defineComponent({
             </NEllipsis>
           </div>
 
-          <NButton class={styles.btn} round>
+          <NButton class={styles.btn} round onClick={onDetail}>
             {props.item.type === 'evaluation' ? '评测模式' : '练习模式'}
             <img src={iconPause} />
           </NButton>
@@ -68,7 +73,11 @@ export default defineComponent({
         <div class={styles['train-content']}>
           <NImage src={props.item.src} previewDisabled objectFit="cover" />
           <div class={styles.preview}>
-            <NButton strong secondary class={styles.previewBtn}>
+            <NButton
+              strong
+              secondary
+              class={styles.previewBtn}
+              onClick={onDetail}>
               预览
             </NButton>
           </div>