| 12 |
- System.register(["./icon_back-legacy-a8ad0d25-1726219372904.js","./index-legacy-07b6971b-1726219372904.js","./index-legacy-8fdea2ee-1726219372904.js","./index-legacy-783edf9f-1726219372904.js","./index-legacy-e9884031-1726219372904.js","./icon_default-legacy-fa9bb009-1726219372904.js","./api-legacy-bc2c84fc-1726219372904.js"],(function(t,e){"use strict";var a,i,r,n,o,d,_,s,l,c,g,p,h,u,w,m,b,v,y,f,C,k,A,x,I;return{setters:[t=>{a=t.i},t=>{i=t.d,r=t.e,n=t.U,o=t.q,d=t.f,_=t.x,s=t.j,l=t.k,c=t.F,g=t.ay,p=t.D,h=t.u,u=t.E,w=t.aR,m=t.aS,b=t.t,v=t.v,y=t.S},t=>{f=t.T},t=>{C=t.T},t=>{k=t.P},t=>{A=t.i},t=>{x=t.a,I=t.b}],execute:function(){var e=document.createElement("style");e.textContent="._container_19grw_1 ._iconBack_19grw_1{width:1.875vw;height:1.875vw}._container_19grw_1 .n-breadcrumb>ul{display:flex;align-items:center}._container_19grw_1 .n-breadcrumb>ul .n-breadcrumb-item{display:flex;align-items:center}._container_19grw_1 .n-breadcrumb>ul .n-breadcrumb-item__separator{display:none}._container_19grw_1 .n-breadcrumb>ul .n-breadcrumb-item__link{padding:.26041667vw .9375vw;background:#FFFFFF;border-radius:.83333333vw;color:#21225d;line-height:1.04166667vw}._container_19grw_1 .n-breadcrumb .n-breadcrumb-item:last-child .n-breadcrumb-item__link{color:#fff;background:var(--product-color)}._container_19grw_1 .n-tabs-tab-pad{width:4.16666667vw!important}._container_19grw_1 .n-tabs-nav{padding:0px 1.04166667vw 1.25vw}._container_19grw_1 .n-tabs-tab{color:#8b8d98;font-size:max(1.14583333rem,14Px);padding-top:0;padding-bottom:.3125vw;line-height:1.14583333vw}._container_19grw_1 .n-tabs-tab.n-tabs-tab--active{font-weight:600!important;color:#131415!important}._container_19grw_1 .n-tabs-tab__label{z-index:10}._container_19grw_1 .n-tabs-bar{height:.52083333vw;background:linear-gradient(90deg,#77BBFF 0%,rgba(163,231,255,.22) 100%);z-index:0;bottom:.10416667vw}._container_19grw_1 .n-tab-pane{padding:0 .625vw!important}._container_19grw_1 .n-pagination{margin-top:1.875vw!important}._container_19grw_1>.n-space{height:1.875vw;flex-shrink:0}._container_19grw_1 ._separator_19grw_63{width:.46875vw;height:.78125vw;margin:0 .83333333vw}._wrap_19grw_68{padding-top:.625vw;flex:1;transition:padding .3s}._listWrap_19grw_73{padding:1.66666667vw 1.04166667vw;background-color:#fff;border-radius:1.04166667vw;min-height:calc(100vh - 10vw)}._listWrap_19grw_73._listWrapEmpty_19grw_79{display:flex;flex-direction:column;justify-content:center}._listWrap_19grw_73 .n-tabs-tab-pad{width:4.16666667vw!important}._listWrap_19grw_73 .n-tabs-nav{padding:0px 1.04166667vw 1.25vw}._listWrap_19grw_73 .n-tabs-tab{color:#8b8d98;font-size:max(1.14583333rem,14Px);padding-top:0;padding-bottom:.3125vw;line-height:1.14583333vw}._listWrap_19grw_73 .n-tabs-tab.n-tabs-tab--active{font-weight:600!important;color:#131415!important}._listWrap_19grw_73 .n-tabs-tab__label{z-index:10}._listWrap_19grw_73 .n-tabs-bar{height:.52083333vw;background:linear-gradient(90deg,#77BBFF 0%,rgba(163,231,255,.22) 100%);z-index:0;bottom:.10416667vw}._listWrap_19grw_73 .n-tab-pane{padding:0 .625vw!important}._listWrap_19grw_73 .n-pagination{margin-top:1.875vw!important}._searchGroup_d4241_1{position:relative;padding:0}._searchGroup_d4241_1 ._btnType_d4241_5{gap:0px 1.25vw!important}._searchGroup_d4241_1 ._btnType_d4241_5 .n-button{height:1.92708333vw;padding:0 1.25vw;font-size:.9375rem;color:rgba(0,0,0,.6)}._searchGroup_d4241_1 ._btnType_d4241_5 .n-button.n-button--primary-type{font-weight:700;color:#fff}._searchGroup_d4241_1 ._inputSearch_d4241_18{width:18.75vw;height:2.1875vw;font-size:.83333333rem;--n-height: 2.1875vw !important}._searchGroup_d4241_1 ._inputSearch_d4241_18 img{width:.9375vw;height:.9375vw}._searchGroup_d4241_1 ._inputSearch_d4241_18 .n-input-wrapper{padding-left:.625vw;padding-right:.20833333vw;height:2.1875vw!important}._searchGroup_d4241_1 ._inputSearch_d4241_18 .n-button{height:1.77083333vw;font-size:.78125rem;font-weight:500;width:auto}._searchGroup_d4241_1 ._searchCatatory_d4241_39{display:flex;justify-content:space-between;margin-bottom:1.04166667vw}._searchGroup_d4241_1 ._searchCatatory_d4241_39._border_d4241_44{padding-bottom:1.25vw;border-bottom:1px solid #F2F2F2}._searchGroup_d4241_1 ._searchCatatory_d4241_39 ._addTrain_d4241_48{height:1.92708333vw;border-radius:.41666667vw;font-size:.9375rem;background-color:#e8f4ff;color:#0378ec}._searchGroup_d4241_1 ._searchCatatory_d4241_39 ._addTrain_d4241_48 img{width:.83333333vw;height:.83333333vw;margin-right:.41666667vw}._list_d4241_60{margin-top:.625vw;display:flex;flex-flow:row wrap;justify-content:flex-start;gap:1.04166667vw 0;min-height:12.08333333vw;margin-left:-.52083333vw;margin-right:-.52083333vw}._list_d4241_60 ._itemWrap_d4241_70{width:calc(100% / 3);padding-bottom:calc(100% / 3 * .1957894);position:relative;height:0;cursor:pointer}._list_d4241_60 ._itemWrap_d4241_70 ._itemWrapBox_d4241_77{position:absolute;left:0;top:0;width:100%;height:100%;padding:0 .52083333vw}._list_d4241_60 ._itemCard_d4241_85{position:relative;cursor:pointer;height:100%;background:#F4F4F4;border-radius:.67708333vw;transition:all .2s ease;border:.10416667vw solid #F4F4F4;display:flex;align-items:center;justify-content:space-between;padding:0 .88541667vw}._list_d4241_60 ._itemCard_d4241_85:hover{transform:scale(1.01);border:.10416667vw solid #007afe;transition:all .2s ease}._list_d4241_60 ._itemCard_d4241_85 ._musicBg_d4241_103{width:2.60416667vw;height:2.60416667vw;border-radius:.41666667vw;margin-right:.52083333vw}._list_d4241_60 ._itemCard_d4241_85 ._itemName_d4241_109{display:flex;align-items:center;font-weight:700}._list_d4241_60 ._itemCard_d4241_85 ._btn_d4241_5{margin-left:auto;width:4.375vw;height:2.08333333vw;background:linear-gradient(to right,#44CAFF,#259DFE);border:none!important;padding:0;font-weight:700!important;flex-shrink:0;min-width:3.22916667vw;min-height:1.5625vw}._list_d4241_60 ._itemCard_d4241_85 ._btn_d4241_5 .n-button__content>img{margin-left:.52083333vw;width:.46875vw;height:.625vw}._list_d4241_60 ._itemCard_d4241_85 ._btn_d4241_5 .n-button__border{border:none!important}._list_d4241_60 ._itemCard_d4241_85 ._btn_d4241_5:hover .n-button__state-border,._list_d4241_60 ._itemCard_d4241_85 ._btn_d4241_5:focus .n-button__state-border,._list_d4241_60 ._itemCard_d4241_85 ._btn_d4241_5:active .n-button__state-border{border:none}._list_d4241_60 ._itemCard_d4241_85 ._iconArrow_d4241_139{display:inline-block;margin-left:.41666667vw;width:.41666667vw;height:.52083333vw;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAYCAYAAAD3Va0xAAAAAXNSR0IArs4c6QAAAPxJREFUOE/NlD1KQ0EUhb9TWAVSCVmAuIlkD4KNTYqAYGNl6uwhre5ALAxkBakFuzSCpRtIII3VDSe8Kfx9b5wpvM3AvHe+uXfunSOaiIgT4EjSS9rLWRURA+ARGDXCZ+BS0joX9ABcfBK9AzNgLim6AJ3RFuj/8PMKmEh6a4MZ1HbiBriWdP8brAso6Q0y0OAvkQOy2CW6VJf8IXJBFvsq5m6GJDflEH8BJa3HY5zGpARkoDO6kXRXCkrZndUCLf4dqLg0X/ZU0m1JacXtrzKQVZ5I8aPtbCM7oFfD2BbAeQ2rPQaWwLCBPQFX2eafMomI04OvSK9t/vzd9z3mWooBqQP50QAAAABJRU5ErkJggg==) no-repeat center;background-size:contain}._popSelect_d4241_147{font-size:.83333333rem;width:10.41666667vw;box-shadow:0 2 .83333333vw rgba(0,0,0,.08);border-radius:.57291667vw;--n-option-height: 1.77083333vw}._popSelect_d4241_147 .n-base-select-option__content{width:80%!important}._spaceSection_d4241_157{padding-bottom:1.04166667vw}._textBtn_d4241_160{background:#fff;border-radius:8Px;padding:4Px 17Px;font-size:max(.83333333rem,13Px);color:rgba(0,0,0,.6);cursor:pointer;display:flex;align-items:center;font-weight:500}._textBtn_d4241_160 ._iconArrow_d4241_139{display:inline-block;margin-left:.41666667vw;width:.41666667vw;height:.26041667vw;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAKCAYAAAC5Sw6hAAAAAXNSR0IArs4c6QAAAQBJREFUKFOVkbFOAkEQhuffCx3l7VwsNCY8wnZUNNjwCMbnMBRWJob3MD4CjTRUdvsIJEYLs7NX0pHbMUdOgnocMN1kvvlmMgM6Esx8UyMi8tqFoquYM99q0ueagcFdKfJyiD8oYuZxlXRORL2meZMZTERk0SZrFeX5hSNUS1Xt7zcBWJNmo7L88n9l/0TMPEhKb6rKrZMBMaChiKx+DdlPiqLgKmktGXQeFlhlBsMQgvxwu42stX1VWiqRO/bJ7fGJPECjGOO6yYmcc733j885qY5PkewYYHF9dTnx3m+2G1lbzJKm+7MkDWxgZjGGaSOy06T0SETZmbJkYB5iDE/f85tbC9QPlh0AAAAASUVORK5CYII=) no-repeat center center / contain;transform:rotate(180deg)}._textBtn_d4241_160:hover,._textBtn_d4241_160._textBtnActive_d4241_180{background:#D2ECFF;font-weight:500;color:#131415}._textBtn_d4241_160:hover ._iconArrow_d4241_139{transform:rotate(0)}\n",document.head.appendChild(e);const S={container:"_container_19grw_1",iconBack:"_iconBack_19grw_1",separator:"_separator_19grw_63",wrap:"_wrap_19grw_68",listWrap:"_listWrap_19grw_73",listWrapEmpty:"_listWrapEmpty_19grw_79"},B={searchGroup:"_searchGroup_d4241_1",btnType:"_btnType_d4241_5",inputSearch:"_inputSearch_d4241_18",searchCatatory:"_searchCatatory_d4241_39",border:"_border_d4241_44",addTrain:"_addTrain_d4241_48",list:"_list_d4241_60",itemWrap:"_itemWrap_d4241_70",itemWrapBox:"_itemWrapBox_d4241_77",itemCard:"_itemCard_d4241_85",musicBg:"_musicBg_d4241_103",itemName:"_itemName_d4241_109",btn:"_btn_d4241_5",iconArrow:"_iconArrow_d4241_139",popSelect:"_popSelect_d4241_147",spaceSection:"_spaceSection_d4241_157",textBtn:"_textBtn_d4241_160",textBtnActive:"_textBtnActive_d4241_180"},W=i({name:"search-group",props:{categoryChildList:{type:Array,default:()=>[]},defaultWikiCategoryId:{type:String,default:""},wikiCategoryId:{type:String,default:""},searchValue:{type:String,default:""}},emits:["search","add"],expose:["init"],setup(t,{emit:e}){const a=r({keyword:t.searchValue||"",wikiCategoryId:t.wikiCategoryId||t.defaultWikiCategoryId||"",wikiCategoryIdChild:"",childIds:[]}),i=()=>{e("search",a)},h=(t,e)=>{const i={};return t?.forEach((t=>{t.id===a.wikiCategoryIdChild&&(i.selected=!0,i.name=t.name)})),i},u=n((()=>{const e=(t.categoryChildList||[]).find((t=>t.id===a.wikiCategoryId));if(e&&e.childrenList.length){const t=[];return e.childrenList.forEach((e=>{const a=e.childrenList,i=[];a&&a.length>0&&(i.push({label:"全部",value:e.id,name:e.name,id:e.id}),a.forEach((t=>{i.push({label:t.name,value:t.id,name:t.name,id:t.id})}))),t.push({...e,childrenList:i})})),[{label:"全部",value:"",id:"",name:"全部",childrenList:[]},...t]||[]}return[]})),w=(t,e,a=[])=>{for(const i of e){if(i.childrenList&&i.childrenList.length>0){const e=w(t,i.childrenList,[...a,i.id]);if(e.includes(t))return e}if(i.id===t)return[...a,t]}return a};return o((()=>{if(t.wikiCategoryId){const e=w(t.wikiCategoryId,t.categoryChildList);e.length>0&&(a.wikiCategoryId=e[0],a.wikiCategoryIdChild=e[e.length-1])}else a.wikiCategoryId=t.defaultWikiCategoryId})),()=>{let e;return d("div",{class:B.searchGroup},[d("div",{class:[B.searchCatatory,u.value.length>0?B.border:""]},[d(_,{size:"small",class:B.btnType},{default:()=>[t.categoryChildList.length>0?d(s,{type:a.wikiCategoryId===t.defaultWikiCategoryId?"primary":"default",secondary:a.wikiCategoryId!==t.defaultWikiCategoryId,round:!0,size:"small",focusable:!1,onClick:()=>{a.wikiCategoryId=t.defaultWikiCategoryId,a.wikiCategoryIdChild="",i()}},{default:()=>[l("全部")]}):d("span",null,null),t.categoryChildList.map((t=>d(s,{type:a.wikiCategoryId===t.id?"primary":"default",secondary:a.wikiCategoryId!==t.id,round:!0,size:"small",focusable:!1,onClick:()=>{a.wikiCategoryId=t.id,i()}},{default:()=>[t.name]})))]}),d(f,{class:B.inputSearch,value:t.searchValue,placeholder:"请输入曲目名称",round:!0,onSearch:t=>{a.keyword=t,i()}},null)]),u.value.length>0&&d("div",{class:[B.collapseWrap]},[d(_,{class:[B.spaceSection]},(r=e=u.value.map(((t,e)=>d(c,null,[t.childrenList.length>0?d(g,{options:t.childrenList,trigger:"hover",value:a.wikiCategoryIdChild,"onUpdate:value":[t=>a.wikiCategoryIdChild=t,()=>{i()}],key:t.id,class:B.popSelect},{default:()=>[d("span",{class:[B.textBtn,h(t.childrenList).selected&&B.textBtnActive]},[h(t.childrenList).name||t.name,d("i",{class:B.iconArrow},null)])]}):d("span",{class:[B.textBtn,a.wikiCategoryIdChild===t.id&&B.textBtnActive],onClick:()=>{a.wikiCategoryIdChild=t.id,i()}},[t.name])]))),"function"==typeof r||"[object Object]"===Object.prototype.toString.call(r)&&!p(r)?e:{default:()=>[e]}))])]);var r}}}),L=i({name:"music-list",props:{categoryId:{type:String,default:""},categoryChildList:{type:Array,default:()=>[]}},setup(t){const e=(t="get",e="")=>{const a="content-music-catch";if("get"===t){const t=sessionStorage.getItem(a);return t?JSON.parse(t):null}"set"===t&&sessionStorage.setItem(a,e)},a=h(),i=e("get"),n=r({searchWord:"",loading:!1,pageTotal:0,pagination:i&&i.pagination?i.pagination:{page:1,rows:18},searchGroup:i&&i.searchGroup?i.searchGroup:{type:"MUSIC",keyword:"",wikiCategoryId:t.categoryId},tableList:[],teachingStatus:!1,show:!1,item:{}}),_=async()=>{n.loading=!0,e("set",JSON.stringify({pagination:n.pagination,searchGroup:n.searchGroup}));try{const{data:t}=await x({...n.pagination,...n.searchGroup});n.tableList=t.rows||[],n.pageTotal=Number(t.total)}catch{}n.loading=!1};return o((()=>{_()})),()=>d("div",{class:B.instrumentList},[d(W,{categoryChildList:t.categoryChildList||[],wikiCategoryId:n.searchGroup.wikiCategoryId,defaultWikiCategoryId:t.categoryId,searchValue:n.searchGroup.keyword,onSearch:t=>(async t=>{n.pagination.page=1;const{wikiCategoryIdChild:e,wikiCategoryId:a,keyword:i}=t;n.searchGroup=Object.assign(n.searchGroup,{wikiCategoryId:e||a,keyword:i}),_()})(t)},null),d(u,{show:n.loading,"onUpdate:show":t=>n.loading=t,style:{"min-height":"50vh"}},{default:()=>[d("div",{class:B.list},[n.tableList.map((t=>d("div",{class:B.itemWrap,onClick:()=>{a.push({path:"/content-music-detail",query:{id:t.id,name:t.name}})}},[d("div",{class:B.itemWrapBox},[d("div",{class:B.itemCard},[d("div",{class:B.itemName},[d("img",{src:t.avatar||A,class:B.musicBg},null),d("span",{class:B.name},[t.name])]),d(s,{class:B.btn,round:!0,type:"primary"},{default:()=>[l("播放"),d("i",{class:B.iconArrow},null)]})])])]))),!n.loading&&n.tableList.length<=0&&d(C,{style:{minHeight:"50vh"},description:"暂无名曲鉴赏"},null)])]}),d(k,{page:n.pagination.page,"onUpdate:page":t=>n.pagination.page=t,pageSize:n.pagination.rows,"onUpdate:pageSize":t=>n.pagination.rows=t,pageTotal:n.pageTotal,"onUpdate:pageTotal":t=>n.pageTotal=t,pageSizes:[18,24,30,36],onList:_},null)])}});t("default",i({name:"content-music",setup(){const t=sessionStorage.getItem("content-music-tab"),e=h(),i=r({tabValue:"",categoryList:[],loading:!1});return(async()=>{i.loading=!0;try{const{data:e}=await I({type:"MUSIC",page:1,rows:99});i.categoryList=e.rows||[],i.categoryList.length&&y((()=>{i.tabValue=t||"name-"+i.categoryList[0].id}))}catch{}i.loading=!1})(),()=>{let t;return d("div",{class:S.container},[d(_,{align:"center",wrapItem:!1,size:16},{default:()=>[d("img",{style:{cursor:"pointer"},src:a,class:S.iconBack,onClick:()=>e.push({path:"/"})},null),d(w,{separator:""},{default:()=>[d(m,null,{default:()=>[l("名曲鉴赏")]})]})]}),d("div",{class:S.wrap},[d("div",{class:[S.listWrap,!i.loading&&i.categoryList.length<=0&&S.listWrapEmpty]},[!i.loading&&i.categoryList.length<=0&&d(C,{description:"暂无名曲鉴赏"},null),d(b,{defaultValue:"myResources",paneClass:S.paneTitle,justifyContent:"center",paneWrapperClass:S.paneWrapperContainer,value:i.tabValue,"onUpdate:value":[t=>i.tabValue=t,t=>{sessionStorage.setItem("content-music-tab",t),sessionStorage.removeItem("content-music-catch")}]},(r=t=i.categoryList.map((t=>d(v,{name:`name-${t.id}`,tab:t.name},{default:()=>[d(L,{categoryId:t.id,categoryChildList:t.childrenList},null)]}))),"function"==typeof r||"[object Object]"===Object.prototype.toString.call(r)&&!p(r)?t:{default:()=>[t]}))])])]);var r}}}))}}}));
|
