| 1 |
- import{i as v}from"./icon_back-c5ec0a72-1701760103461.js";import{i as w,P as h,a as S,b as T,c as C,d as N}from"./index-d902af25-1701760103461.js";import{i as A}from"./icon_default-d1bcaf5f-1701760103461.js";import{i as I,a as P,b as L}from"./icon-plus-t-35f4cdeb-1701760103461.js";import{d as z,a as B,u as W,e as d,O as b,n as E,f as n,w as x,ci as D,cj as p,t as f,k as u,j as U,A as F}from"./index-e2e98748-1701760103461.js";import{T as M}from"./index-1d62a1bc-1701760103461.js";import{T as G}from"./index-9587e556-1701760103461.js";import{c as j}from"./api-45233a8f-1701760103461.js";import{N as q}from"./Slider-7173d971-1701760103461.js";const R="_container_kn90t_1",$="_iconBack_kn90t_6",V="_separator_kn90t_36",H="_wrap_kn90t_41",O="_wrapBottom_kn90t_47",J="_content_kn90t_50",K="_tools_kn90t_57",Q="_contentWrap_kn90t_71",X="_musicList_kn90t_79",Y="_instrumentGroup_kn90t_93",Z="_instrumentImg_kn90t_101",tt="_instrumentName_kn90t_107",nt="_instrumentTag_kn90t_115",st="_wrapList_kn90t_120",et="_titlec_kn90t_127",it="_icon2_kn90t_137",at="_empty_kn90t_144",ot="_itemContainer_kn90t_150",lt="_item_kn90t_150",ct="_active_kn90t_172",rt="_arrow_kn90t_175",ut="_img_kn90t_178",mt="_title_kn90t_127",_t="_titleName_kn90t_208",dt="_titleDes_kn90t_215",pt="_btn_kn90t_225",ft="_showPlayLoading_kn90t_249",gt="_loadingWrap_kn90t_252",kt="_musicStaff_kn90t_257",yt="_musicTitle_kn90t_272",vt="_icon1_kn90t_281",wt="_musicContent_kn90t_289",ht="_staffImgs_kn90t_302",St="_changeSizeSection_kn90t_319",Tt="_iconT_kn90t_331",Ct="_iconAddT_kn90t_335",Nt="_iconPlusT_kn90t_336",s={container:R,iconBack:$,separator:V,wrap:H,wrapBottom:O,content:J,tools:K,contentWrap:Q,musicList:X,instrumentGroup:Y,instrumentImg:Z,instrumentName:tt,instrumentTag:nt,wrapList:st,titlec:et,icon2:it,empty:at,itemContainer:ot,item:lt,active:ct,arrow:rt,img:ut,title:mt,titleName:_t,titleDes:dt,btn:pt,showPlayLoading:ft,loadingWrap:gt,musicStaff:kt,musicTitle:yt,icon1:vt,musicContent:wt,staffImgs:ht,changeSizeSection:St,iconT:Tt,iconAddT:Ct,iconPlusT:Nt},xt=z({name:"instrument-detail",setup(){const c=B(),m=W(),r=d({page:1,rows:20,status:!0,name:"",type:c.query.type}),t=d({loading:!1,finshed:!1,reshing:!1,details:{},list:[],listActive:0,playState:"pause",showPlayer:!1,showPreivew:!1,previewUrl:"",showCloseBtn:!0,fontSize:18}),g=b(()=>t.list[t.listActive]||{}),l=i=>{const a=t.list.findIndex(e=>e.id===i.id);a>-1&&(t.listActive===a?t.playState=t.playState==="play"?"pause":"play":t.playState="play",t.showPlayer=!0,t.listActive=a)},k=i=>{i==="play"?t.playState="play":i==="pause"?t.playState="pause":i==="pre"?t.list[t.listActive-1]&&l(t.list[t.listActive-1]):i==="next"&&t.list[t.listActive+1]&&l(t.list[t.listActive+1])},y=async()=>{t.loading=!0;let i={};try{i=await j({id:c.query.id})}catch(e){console.log(e)}t.reshing&&(t.list=[],t.reshing=!1),t.finshed=!0,t.list=i.data.knowledgeWikiResources||[],t.list.forEach(e=>{e.audioFileUrl=e.url});const a=i.data.knowledgeWikiCategories||[];i.data.knowledgeName=a.length>0?a[0].name:"",i.data.intros=i.data.intros.replace(/<video/gi,'<video style="width: 100% !important;" controlslist="nodownload"'),t.details=i.data,t.loading=!1};return E(()=>{y()}),()=>{var i,a;return n("div",{class:s.container},[n(x,{align:"center",wrapItem:!1,size:16},{default:()=>[n("img",{style:{cursor:"pointer"},src:v,class:s.iconBack,onClick:()=>{const e=r.type==="MUSICIAN"?"/content-musician":"/content-instruments";m.push({path:e})}},null),n(D,{separator:""},{default:()=>[n(p,{onClick:()=>{const e=r.type==="MUSICIAN"?"/content-musician":"/content-instruments";m.push({path:e})}},{default:()=>[r.type==="MUSICIAN"?"音乐家":"乐器百科"]}),n("img",{class:s.separator,src:w},null),n(p,null,{default:()=>[c.query.name]})]})]}),n("div",{class:[s.wrap,t.showPlayer?s.wrapBottom:""]},[n("div",{class:s.content},[n("div",{class:s.contentWrap},[n("div",{class:[s.musicList,"musicList-container"]},[n("div",{class:s.wrapList},[n("div",{class:s.instrumentGroup},[n(f,{class:s.instrumentImg,src:(i=t.details)==null?void 0:i.avatar},null),n("p",{class:s.instrumentName},[t.details.name]),n("p",{class:s.instrumentTag},[t.details.knowledgeName])]),n("div",{class:s.titlec},[u("代表作")]),t.list.map((e,_)=>n("div",{class:s.itemContainer},[n("div",{class:[s.item],onClick:o=>{o.stopPropagation(),l(e)}},[n("div",{class:s.img},[n(f,{lazy:!0,objectFit:"cover",previewDisabled:!0,src:e.titleImg||A,onLoad:o=>{o.target.dataset.loaded="true"}},null),n(h,{class:[t.listActive===_&&t.playState==="play"?"":s.showPlayLoading]},null)]),n("div",{class:s.title},[n("div",{class:s.titleName},[n(M,{text:e.name},null)])]),n(U,{color:"#259CFE",textColor:"#fff",round:!0,class:s.btn,type:"primary",onClick:o=>{o.stopPropagation(),l(e)}},{default:()=>[u("播放"),n("img",{src:t.listActive===_&&t.playState==="play"?S:T},null)]}),n("img",{class:s.arrow,src:C},null)])])),!t.finshed&&n("div",{class:s.loadingWrap},[n(F,{show:!0},null)]),!t.loading&&t.list.length===0&&n("div",{class:s.empty},[n(G,{description:"暂无代表作"},null)])])]),n("div",{class:s.musicStaff},[n("div",{class:s.musicTitle},[u("乐器简介")]),n("div",{class:s.musicContent,innerHTML:(a=t.details)==null?void 0:a.intros,style:{fontSize:t.fontSize+"px"}},null)]),n("div",{class:s.changeSizeSection},[n("img",{src:I,class:s.iconT},null),n("img",{src:P,class:s.iconAddT,onClick:()=>{t.fontSize>=32||(t.fontSize+=1)}},null),n(q,{value:t.fontSize,"onUpdate:value":e=>t.fontSize=e,vertical:!0,min:12,max:32},null),n("img",{src:L,class:s.iconPlusT,onClick:()=>{t.fontSize<=12||(t.fontSize-=1)}},null)])])])]),t.list.length!==0&&n(N,{show:t.showPlayer,playState:t.playState,item:g.value,onChange:e=>k(e)},null)])}}});export{xt as default};
|
