| 1 |
- import{i as v}from"./icon_back-c5ec0a72-1701741241135.js";import{P as w,i as h,a as S}from"./index-68ac294f-1701741241135.js";import{i as T,a as C,b as N}from"./icon_pause-262df124-1701741241135.js";import{m as k}from"./icon_default-004b9ad4-1701741241135.js";import{i as A,a as I,b as P}from"./icon-plus-t-35f4cdeb-1701741241135.js";import{d as L,a as B,u as W,e as p,L as b,n as E,f as s,w as x,ci as D,cj as d,t as z,k as u,j as U,A as F}from"./index-a1a98f9d-1701741241135.js";import{T as M}from"./index-141c2f4f-1701741241135.js";import{T as G}from"./index-e3329801-1701741241135.js";import{c as j}from"./api-323c1cd8-1701741241135.js";import{N as q}from"./Slider-4da602f5-1701741241135.js";const R="_container_zz876_1",$="_iconBack_zz876_6",V="_separator_zz876_36",H="_wrap_zz876_41",J="_wrapBottom_zz876_47",K="_content_zz876_50",O="_tools_zz876_57",Q="_contentWrap_zz876_71",X="_musicList_zz876_79",Y="_instrumentGroup_zz876_93",Z="_instrumentImg_zz876_101",tt="_instrumentName_zz876_107",st="_instrumentTag_zz876_115",et="_wrapList_zz876_120",it="_titlec_zz876_127",at="_empty_zz876_135",nt="_itemContainer_zz876_141",ot="_item_zz876_141",lt="_active_zz876_163",ct="_arrow_zz876_166",rt="_img_zz876_169",ut="_title_zz876_127",mt="_titleName_zz876_199",_t="_titleDes_zz876_206",pt="_btn_zz876_216",dt="_showPlayLoading_zz876_240",zt="_loadingWrap_zz876_243",ft="_musicStaff_zz876_248",gt="_musicTitle_zz876_263",yt="_musicContent_zz876_270",vt="_staffImgs_zz876_283",wt="_changeSizeSection_zz876_300",ht="_iconT_zz876_312",St="_iconAddT_zz876_316",Tt="_iconPlusT_zz876_317",e={container:R,iconBack:$,separator:V,wrap:H,wrapBottom:J,content:K,tools:O,contentWrap:Q,musicList:X,instrumentGroup:Y,instrumentImg:Z,instrumentName:tt,instrumentTag:st,wrapList:et,titlec:it,empty:at,itemContainer:nt,item:ot,active:lt,arrow:ct,img:rt,title:ut,titleName:mt,titleDes:_t,btn:pt,showPlayLoading:dt,loadingWrap:zt,musicStaff:ft,musicTitle:gt,musicContent:yt,staffImgs:vt,changeSizeSection:wt,iconT:ht,iconAddT:St,iconPlusT:Tt},Et=L({name:"instrument-detail",setup(){const c=B(),m=W(),r=p({page:1,rows:20,status:!0,name:"",type:c.query.type}),t=p({loading:!1,finshed:!1,reshing:!1,details:{},list:[],listActive:0,playState:"pause",showPlayer:!1,showPreivew:!1,previewUrl:"",showCloseBtn:!0,fontSize:18}),f=b(()=>t.list[t.listActive]||{}),l=a=>{const n=t.list.findIndex(i=>i.id===a.id);n>-1&&(t.listActive===n?t.playState=t.playState==="play"?"pause":"play":t.playState="play",t.showPlayer=!0,t.listActive=n)},g=a=>{a==="play"?t.playState="play":a==="pause"?t.playState="pause":a==="pre"?t.list[t.listActive-1]&&l(t.list[t.listActive-1]):a==="next"&&t.list[t.listActive+1]&&l(t.list[t.listActive+1])},y=async()=>{t.loading=!0;let a={};try{a=await j({id:c.query.id})}catch(i){console.log(i)}t.reshing&&(t.list=[],t.reshing=!1),t.finshed=!0,t.list=a.data.knowledgeWikiResources||[],t.list.forEach(i=>{i.audioFileUrl=i.url});const n=a.data.knowledgeWikiCategories||[];a.data.knowledgeName=n.length>0?n[0].name:"",t.details=a.data,t.loading=!1};return E(()=>{y()}),()=>{var a,n;return s("div",{class:e.container},[s(x,{align:"center",wrapItem:!1,size:16},{default:()=>[s("img",{style:{cursor:"pointer"},src:v,class:e.iconBack,onClick:()=>{const i=r.type==="MUSICIAN"?"/content-musician":"/content-instruments";m.push({path:i})}},null),s(D,{separator:""},{default:()=>[s(d,{onClick:()=>{const i=r.type==="MUSICIAN"?"/content-musician":"/content-instruments";m.push({path:i})}},{default:()=>[r.type==="MUSICIAN"?"音乐家":"乐器百科"]}),s("img",{class:e.separator,src:T},null),s(d,null,{default:()=>[c.query.name]})]})]}),s("div",{class:[e.wrap,t.showPlayer?e.wrapBottom:""]},[s("div",{class:e.content},[s("div",{class:e.contentWrap},[s("div",{class:[e.musicList,"musicList-container"]},[s("div",{class:e.wrapList},[s("div",{class:e.instrumentGroup},[s(z,{class:e.instrumentImg,src:(a=t.details)==null?void 0:a.avatar},null),s("p",{class:e.instrumentName},[t.details.name]),s("p",{class:e.instrumentTag},[t.details.knowledgeName])]),s("div",{class:e.titlec},[u("代表作")]),t.list.map((i,_)=>s("div",{class:e.itemContainer},[s("div",{class:[e.item],onClick:o=>{o.stopPropagation(),l(i)}},[s("div",{class:e.img},[s(z,{lazy:!0,objectFit:"cover",previewDisabled:!0,src:i.titleImg||k,onLoad:o=>{o.target.dataset.loaded="true"}},null),s(w,{class:[t.listActive===_&&t.playState==="play"?"":e.showPlayLoading]},null)]),s("div",{class:e.title},[s("div",{class:e.titleName},[s(M,{text:i.name},null)])]),s(U,{color:"#259CFE",textColor:"#fff",round:!0,class:e.btn,type:"primary",onClick:o=>{o.stopPropagation(),l(i)}},{default:()=>[u("播放"),s("img",{src:t.listActive===_&&t.playState==="play"?C:N},null)]}),s("img",{class:e.arrow,src:h},null)])])),!t.finshed&&s("div",{class:e.loadingWrap},[s(F,{show:!0},null)]),!t.loading&&t.list.length===0&&s("div",{class:e.empty},[s(G,{description:"暂无代表作"},null)])])]),s("div",{class:e.musicStaff},[s("div",{class:e.musicTitle},[u("乐器简介")]),s("div",{class:e.musicContent,innerHTML:(n=t.details)==null?void 0:n.intros,style:{fontSize:t.fontSize+"px"}},null)]),s("div",{class:e.changeSizeSection},[s("img",{src:A,class:e.iconT},null),s("img",{src:I,class:e.iconAddT,onClick:()=>{t.fontSize>=32||(t.fontSize+=1)}},null),s(q,{value:t.fontSize,"onUpdate:value":i=>t.fontSize=i,vertical:!0,min:12,max:32},null),s("img",{src:P,class:e.iconPlusT,onClick:()=>{t.fontSize<=12||(t.fontSize-=1)}},null)])])])]),t.list.length!==0&&s(S,{show:t.showPlayer,playState:t.playState,item:f.value,onChange:i=>g(i)},null)])}}});export{Et as default};
|
