Home Explore Help
Sign In
lex
/
classroom-instruments
1
0
Fork 0
Files Issues 0 Pull Requests 0 Wiki
Branch: tempDev
Branches Tags
classroom-in...
/
dist
/
detail-f0c827de-1737450574622.js

detail-f0c827de-1737450574622.js 14 KB
Permalink History Raw

1 
  1. import{C as k}from"./index-eff479ae-1737450574622.js";import{d as P,e as N,a5 as C,J as M,q as R,f as a,N as F,g as w,x as y,aL as G,a8 as W,b3 as D,r as A,ai as O,a as U,c as V,ap as $,t as q,v as b,a9 as Y,k as B,ak as z,z as J,aR as Q,b8 as K}from"./index-8394a7db-1737450574622.js";import{u as X}from"./catchData-901640e2-1737450574622.js";import{a as H}from"./contants-84ba384e-1737450574622.js";import{a as Z,f as ee}from"./index-fb71ee32-1737450574622.js";import{T as te}from"./index-0b3ba725-1737450574622.js";import{T as ae}from"./index-ee291110-1737450574622.js";import{c as se}from"./api-1aa1a69c-1737450574622.js";import{v as ne}from"./urlUtils-b5855a3c-1737450574622.js";import{P as le}from"./index-15ccc275-1737450574622.js";import{N as ie}from"./Scrollbar-0bd96fff-1737450574622.js";import"./index-ed614cbe-1737450574622.js";import"./Slider-ebeb5565-1737450574622.js";import"./index-6fd974e0-1737450574622.js";import"./index-b210901e-1737450574622.js";import"./icon_default-d1bcaf5f-1737450574622.js";import"./useSpeak-97c653b4-1737450574622.js";import"./api-fe3b463e-1737450574622.js";import"./icon-pan-16e35a82-1737450574622.js";import"./api-9d490bf2-1737450574622.js";import"./ding-8e9054d5-1737450574622.js";import"./searchArray-ba574a37-1737450574622.js";import"./index-13af1f53-1737450574622.js";import"./index-1a8444f9-1737450574622.js";import"./index-2968acaf-1737450574622.js";import"./api-a340ad6b-1737450574622.js";import"./api-f2faa025-1737450574622.js";import"./teacherIcon-b8e3946d-1737450574622.js";import"./index-1e695211-1737450574622.js";import"./api-bce21deb-1737450574622.js";import"./Cascader-0ad9d8f2-1737450574622.js";import"./index-73dca85e-1737450574622.js";import"./index-54a7d6e4-1737450574622.js";const ce="_xiaokuDetail_1wvxm_1",oe="_detailContainer_1wvxm_20",re="_inputSearch_1wvxm_58",me="_searchSection_1wvxm_70",ue="_searchSectionHide_1wvxm_74",de="_searchGroup_1wvxm_80",pe="_searchGroupOnly_1wvxm_86",he="_hideItem_1wvxm_89",ge="_btnType_1wvxm_95",ve="_moreSearch_1wvxm_137",Se="_activeSearch_1wvxm_169",fe="_teachingModal_1wvxm_172",Ie="_spaceSection_1wvxm_175",_e="_collapseWrap_1wvxm_185",we="_collaoseGroup_1wvxm_191",ye="_collaoseBtn_1wvxm_197",Ne="_isStart_1wvxm_202",xe="_isHidden_1wvxm_205",Te="_hideButton_1wvxm_209",be="_popSelect_1wvxm_214",Ee="_spaceSection2_1wvxm_224",Ce="_textBtn_1wvxm_229",Me="_iconArrow_1wvxm_241",Ae="_textBtnActive_1wvxm_250",Pe="_sectionContainer_1wvxm_258",Oe="_noSearchContainer_1wvxm_265",Be="_wrapList_1wvxm_268",He="_wrapListEmpty_1wvxm_272",Re="_empty_1wvxm_277",Le="_loadingSection_1wvxm_281",je="_loadingSectionEmpty_1wvxm_284",ke="_loadingWrap_1wvxm_293",Fe="_showLoading_1wvxm_299",Ge="_sectionItem_1wvxm_305",We="_img_1wvxm_322",De="_infos_1wvxm_334",Ue="_topName_1wvxm_338",Ve="_types_1wvxm_352",$e="_hot_1wvxm_359",qe="_sing_1wvxm_383",Ye="_song_1wvxm_384",ze="_author_1wvxm_402",s={xiaokuDetail:ce,detailContainer:oe,inputSearch:re,searchSection:me,searchSectionHide:ue,searchGroup:de,searchGroupOnly:pe,hideItem:he,btnType:ge,moreSearch:ve,activeSearch:Se,teachingModal:fe,spaceSection:Ie,collapseWrap:_e,collaoseGroup:we,collaoseBtn:ye,isStart:Ne,isHidden:xe,hideButton:Te,popSelect:be,spaceSection2:Ee,textBtn:Ce,iconArrow:Me,textBtnActive:Ae,sectionContainer:Pe,noSearchContainer:Oe,wrapList:Be,wrapListEmpty:He,empty:Re,loadingSection:Le,loadingSectionEmpty:je,loadingWrap:ke,showLoading:Fe,sectionItem:Ge,img:We,infos:De,topName:Ue,types:Ve,hot:$e,sing:qe,song:Ye,author:ze};function E(m){return typeof m=="function"||Object.prototype.toString.call(m)==="[object Object]"&&!W(m)}const L=P({name:"ChildNodeSearch",props:{activeRow:{type:Object,default:()=>({})},list:{type:Array,default:()=>[]},isHide:{type:Boolean,default:!1}},emits:["selectChildTag"],setup(m,{emit:I}){const{activeRow:h}=D(m),i=A({});return C(()=>m.activeRow,()=>{h.value=m.activeRow,i.value={}}),()=>{var e;return a(O,null,[((e=h.value)==null?void 0:e.id)&&a(O,null,[a(w,{label:h.value.columnName+"：",class:m.isHide&&s.hideItem},{default:()=>[a(y,{class:s.spaceSection},{default:()=>{var r;return[(r=h.value)==null?void 0:r.children.map(d=>a("span",{class:[s.textBtn,(h.value.activeIndex||"")==d.id&&s.textBtnActive],onClick:()=>{h.value.activeIndex=d.id;let g,f="";d.children?(g=[{columnName:d.children[0].columnName,name:"全部",id:""},...d.children],f=d.children[0].columnName,i.value={...d,columnName:f,activeIndex:"",children:g}):i.value={},I("selectChildTag",h.value.activeIndex)}},[d.name]))]}})]}),a(L,{isHide:m.isHide,activeRow:i.value,onSelectChildTag:r=>{I("selectChildTag",r||h.value.activeIndex)}},null)])])}}}),Je=P({name:"search-group",props:{type:{type:String,default:""},musicalInstrumentId:{type:String,default:""}},emits:["search","add"],expose:["init"],setup(m,{emit:I}){const h=X(),i=N({musicTagIds:"",audioPlayTypes:"",bookVersionId:null,subjectId:null}),e=N({showMore:!1,tempSubjectId:null}),r=N({audioPlayTypeList:[],selectParents:{},newTags:[],tags:[],tagActiveId:"",tagActive:{},childSelectId:null});C(()=>m.musicalInstrumentId,()=>{m.musicalInstrumentId?c():p()}),C(()=>m.type,()=>{m.musicalInstrumentId||(p(),g())});const d=M(()=>!!m.type),g=()=>{I("search",{...i,subjectId:i.audioPlayTypes!=="SING"?i.subjectId:null,audioPlayTypes:i.audioPlayTypes?i.audioPlayTypes==="PLAY_SING"?["PLAY","SING"]:[i.audioPlayTypes]:[],bookVersionId:r.childSelectId||r.tagActiveId})},f=()=>{e.showMore=!e.showMore},_=n=>{const l={};return n==null||n.forEach(o=>{o.id===i.subjectId&&(l.selected=!0,l.name=o.name)}),l},x=()=>{const n=h.getMusicTagTree;n.forEach(l=>{if(l.children&&l.children.length>0){const o=l.children;o==null||o.forEach(S=>{S.children=null})}}),r.tags=[{columnName:n[0].columnName,name:"全部",id:""},...n],r.tagActiveId=r.tags[0].id},t=n=>{r.tagActiveId=n.id,r.childSelectId=null;let l,o="";n.children?(l=[{columnName:n.children[0].columnName,name:"全部",id:""},...n.children],o=n.children[0].columnName,r.selectParents={...n,columnName:o,activeIndex:"",children:l}):r.selectParents={},g()},p=()=>{var l,o;const n=h.getSubjectInstrumentOnly;if(n.length>0){const S=n[0];S.instruments&&S.instruments.length>1?(e.tempSubjectId=(l=S.instruments[0])==null?void 0:l.value,i.subjectId=(o=S.instruments[0])==null?void 0:o.value):i.subjectId=S.value}},c=()=>{let n=[];h.getSubjectInstrumentOnly.forEach(l=>{m.musicalInstrumentId===l.value?(n=l.instruments||[],i.subjectId=m.musicalInstrumentId,e.tempSubjectId=m.musicalInstrumentId):Array.isArray(l.instruments)&&l.instruments.forEach(o=>{m.musicalInstrumentId===o.value&&(n=l.instruments||[],i.subjectId=m.musicalInstrumentId,e.tempSubjectId=m.musicalInstrumentId)})}),n.length>0&&_(n)},v=async()=>{try{const l=(await Z()).data||[];r.newTags=[{name:"全部",id:""},...l.map(o=>({name:o.name,id:o.id}))]}catch(n){}};return R(async()=>{const n=Object.keys(H).map(l=>({value:l,name:H[l]}));r.audioPlayTypeList=[{name:"全部",value:""},...n],await v(),await h.getMusicTagTreeApi(),x(),await h.getSubjects(),m.musicalInstrumentId?c():p(),g()}),()=>{let n,l,o,S;return a("div",{class:[s.searchGroup,d.value&&s.searchGroupOnly]},[a(F,{labelAlign:"left",labelPlacement:"left"},{default:()=>{var T;return[r.newTags.length>1&&a(w,{label:"标签：",class:d.value&&s.hideItem},{default:()=>[a(y,{class:s.spaceSection},E(n=r.newTags.map(u=>a("span",{class:[s.textBtn,i.musicTagIds===u.id&&s.textBtnActive],onClick:()=>{i.musicTagIds=u.id,g()}},[u.name])))?n:{default:()=>[n]})]}),r.tags.length>0&&a(w,{label:((T=r.tags[0])==null?void 0:T.columnName)+"：",class:d.value&&s.hideItem},{default:()=>[a(y,{class:s.spaceSection},E(l=r.tags.map(u=>a("span",{class:[s.textBtn,r.tagActiveId===u.id&&s.textBtnActive],onClick:()=>{t(u)}},[u.name])))?l:{default:()=>[l]})]}),a(L,{isHide:d.value,activeRow:r.selectParents,onSelectChildTag:u=>{r.childSelectId=u,g()}},null),a(w,{label:"场景：",class:[!e.showMore&&s.hideItem,d.value&&s.hideItem]},{default:()=>[a(y,{class:s.spaceSection},E(o=r.audioPlayTypeList.map(u=>a("span",{class:[s.textBtn,i.audioPlayTypes===u.value&&s.textBtnActive],onClick:()=>{i.audioPlayTypes=u.value,g()}},[u.name])))?o:{default:()=>[o]})]}),(i.audioPlayTypes!=="SING"||d.value)&&a(w,{label:"乐器：",class:!e.showMore&&!d.value&&s.hideItem},{default:()=>[a(y,{class:s.spaceSection},E(S=h.getSubjectInstrumentOnly.map(u=>u.instruments&&u.instruments.length>1?a(G,{options:u.instruments,trigger:"hover",scrollable:!0,value:e.tempSubjectId,"onUpdate:value":[j=>e.tempSubjectId=j,()=>{i.subjectId=e.tempSubjectId,g()}],key:u.value,class:[s.popSelect]},{default:()=>[a("span",{class:[s.textBtn,_(u.instruments).selected&&s.textBtnActive]},[_(u.instruments).name||u.name,a("i",{class:s.iconArrow},null)])]}):a("span",{class:[s.textBtn,i.subjectId===u.value&&s.textBtnActive],onClick:()=>{i.subjectId=u.value,e.tempSubjectId=null,g()}},[u.name])))?S:{default:()=>[S]})]})]}}),!d.value&&a("div",{class:[s.moreSearch,e.showMore?s.activeSearch:""],onClick:f},[e.showMore?"收起选项":"展开更多"])])}}}),Mt=P({name:"xiaoku-detail",setup(){const m=U(),I=V(),h=A([{name:"AI学练",path:"/xiaoku-list"},{name:"曲目列表",path:""}]),i=N({page:1,rows:32,status:!0,searchType:""}),e=N({countPage:1,loading:!0,finshed:!1,reshing:!1,tabName:"",list:[],allSearch:{name:"",musicTagIds:"",audioPlayTypes:null,bookVersionId:null,musicalInstrumentId:null,subjectId:null},hotSearch:{name:"",musicalInstrumentId:null},newSearch:{name:"",musicalInstrumentId:null},recommendSearch:{name:"",musicalInstrumentId:null},previewModal:!1,previewParams:{type:"",src:""}}),r=M(()=>e.tabName==="RECOMMEND"?e.recommendSearch.name:e.tabName==="HOT"?e.hotSearch.name:e.tabName==="NEW"?e.newSearch.name:e.allSearch.name),d=M(()=>{let t=e.allSearch.musicalInstrumentId;return e.tabName==="RECOMMEND"?t=e.recommendSearch.musicalInstrumentId:e.tabName==="HOT"?t=e.hotSearch.musicalInstrumentId:e.tabName==="NEW"&&(t=e.newSearch.musicalInstrumentId),t}),g=async t=>{i.page=1,e.reshing=!0,e.finshed=!1;const{subjectId:p,...c}=t;e.tabName==="HOT"?e.hotSearch=Object.assign(e.hotSearch,{musicalInstrumentId:p}):e.tabName=="NEW"?e.newSearch=Object.assign(e.newSearch,{musicalInstrumentId:p}):e.tabName==="RECOMMEND"?e.recommendSearch=Object.assign(e.recommendSearch,{musicalInstrumentId:p}):e.allSearch=Object.assign(e.allSearch,{...c,musicalInstrumentId:p,subjectId:null}),f(),z(()=>{})};A();const f=async()=>{var v,n;i.page==1&&(e.loading=!0);let t={};const{...p}=i;let c={...p,searchType:e.tabName};if(e.tabName==="RECOMMEND")c=Object.assign(c,e.recommendSearch),c.rows=60,c.page=1;else if(e.tabName==="HOT")c=Object.assign(c,e.hotSearch),c.rows=60,c.page=1;else if(e.tabName==="NEW")c=Object.assign(c,e.newSearch),c.rows=60,c.page=1;else{c.name=e.allSearch.name;const{...l}=e.allSearch;c=Object.assign(c,{...l})}try{t=await se(c)}catch(l){console.log(l)}e.reshing&&(e.list=[],e.reshing=!1),(t==null?void 0:t.code)===200&&Array.isArray((v=t==null?void 0:t.data)==null?void 0:v.rows)?((((n=t==null?void 0:t.data)==null?void 0:n.rows)||[]).forEach(o=>{if(o.audioPlayTypeArray=o.audioPlayTypes?o.audioPlayTypes.split(","):[],o.musicSheetName){const S=new RegExp(c.name,"gi"),T=o.musicSheetName.replace(S,"<span>$&</span>");o.musicNameReg=T}}),e.list=[...e.list,...t.data.rows],e.finshed=i.page>=t.data.pages,e.countPage=t.data.pages):e.finshed=!0,e.loading=!1},_=t=>{const p=t.scoreType==="FIRST"?"firstTone":t.scoreType==="JIAN"?"fixedTone":t.scoreType==="STAVE"?"staff":"firstTone";let c="".concat(ne(),"/instrument?v=").concat(+new Date,"&platform=pc&id=").concat(t.id,"&Authorization=").concat(I.getToken,"&musicRenderType=").concat(p,"&showGuide=true&part-index=0"),v="";e.tabName==="RECOMMEND"?v=e.recommendSearch.musicalInstrumentId:e.tabName==="HOT"?v=e.hotSearch.musicalInstrumentId:e.tabName==="NEW"?v=e.newSearch.musicalInstrumentId:v=e.allSearch.musicalInstrumentId,v&&(c+="&instrumentId="+v),window.matchMedia("(display-mode: standalone)").matches?(J.application=window.matchMedia("(display-mode: standalone)").matches,e.previewModal=!0,Q(),e.previewParams={type:"music",src:c}):window.open(c,+new Date+"")},x=t=>{var p;((p=t.data)==null?void 0:p.api)==="back"&&(K(),e.previewModal=!e.previewModal)};return R(async()=>{m.query.type&&(e.tabName=m.query.type),window.addEventListener("message",x)}),$(()=>{window.removeEventListener("message",x)}),()=>a("div",{class:s.xiaokuDetail},[a(k,{list:h.value},null),a("div",{class:s.detailContainer},[a(q,{paneClass:s.paneTitle,justifyContent:"start",paneWrapperClass:s.paneWrapperContainer,value:e.tabName,"onUpdate:value":[t=>e.tabName=t,t=>{i.page=1,e.finshed=!1,e.reshing=!0,e.list=[],d.value&&f()}]},{default:()=>[a(b,{name:"",tab:"全部曲目"},null),a(b,{name:"RECOMMEND",tab:"推荐曲目"},null),a(b,{name:"HOT",tab:"热门曲目"},null),a(b,{name:"NEW",tab:"最新曲目"},null)],suffix:()=>a(te,{placeholder:"请输入曲目名称",round:!0,value:r.value,"onUpdate:value":t=>{e.tabName==="RECOMMEND"?e.recommendSearch.name=t:e.tabName==="HOT"?e.hotSearch.name=t:e.tabName==="NEW"?e.newSearch.name=t:e.allSearch.name=t},class:s.inputSearch,onSearch:t=>{e.tabName==="RECOMMEND"?e.recommendSearch.name=t:e.tabName==="HOT"?e.hotSearch.name=t:e.tabName==="NEW"?e.newSearch.name=t:e.allSearch.name=t,i.page=1,e.finshed=!1,e.list=[],f()}},null)}),a(ie,{class:[[s.wrapList,!e.loading&&e.list.length===0&&s.wrapListEmpty]],onScroll:async t=>{var n,l,o;if(e.tabName)return;const p=(n=t.target)==null?void 0:n.clientHeight,c=(l=t.target)==null?void 0:l.scrollTop,v=(o=t.target)==null?void 0:o.scrollHeight;if(p+c+20>=v&&!e.finshed&&!e.loading){if(i.page>=e.countPage)return;i.page=i.page+1,await f()}}},{default:()=>[a(Y,{show:e.loading},{default:()=>[a("div",{class:[s.loadingSection,!e.loading&&e.list.length===0&&s.loadingSectionEmpty]},[a("div",{class:[s.searchSection]},[a(Je,{type:e.tabName,musicalInstrumentId:d.value,onSearch:t=>{g(t)}},null)]),e.list.length>0&&a("div",{class:[s.sectionContainer]},[e.list.map(t=>{var p,c;return a("div",{class:s.sectionItem,onClick:()=>_(t)},[a("div",{class:s.img},[a("img",{referrerpolicy:"no-referrer",src:t.titleImg},null)]),a("div",{class:s.infos},[a("div",{class:s.topName,innerHTML:t.musicNameReg},null),a("div",{class:s.types},[a("div",{class:s.hot},[a("span",null,[ee(t.usedNum)])]),((p=t.audioPlayTypes)==null?void 0:p.includes("SING"))&&a("div",{class:s.sing},[B("演唱")]),((c=t.audioPlayTypes)==null?void 0:c.includes("PLAY"))&&a("div",{class:s.song},[B("演奏")]),a("div",{class:s.author},[t.composer])])])])})]),!e.loading&&e.list.length===0&&a("div",{class:s.empty},[a(ae,null,null)])])]})]})]),a(le,{show:e.previewModal,"onUpdate:show":t=>e.previewModal=t,type:"music",params:e.previewParams},null)])}});export{Mt as default};
    2.