| 1 |
- import{i as v}from"./icon_back-c5ec0a72.js";import{i as w,P as h,a as S,b as C,c as I,d as T}from"./index-6fbcc29e.js";import{i as N}from"./icon_default-d1bcaf5f.js";import{i as k,a as A,b as P}from"./icon-plus-t-35f4cdeb.js";import{d as L,a as B,u as W,e as m,U as b,n as U,f as a,w as x,ck as E,cl as _,t as p,k as g,j as M,A as D}from"./index-de4c016f.js";import{T as F}from"./index-9adad266.js";import{T as G}from"./index-4c64020e.js";import{c as R}from"./api-29cdc07e.js";import{N as j}from"./Slider-1d471a80.js";const q="_container_1daz7_1",$="_iconBack_1daz7_6",V="_separator_1daz7_36",H="_wrap_1daz7_41",J="_wrapBottom_1daz7_47",K="_content_1daz7_50",O="_tools_1daz7_57",Q="_contentWrap_1daz7_71",X="_musicList_1daz7_79",Y="_instrumentGroup_1daz7_93",Z="_instrumentImg_1daz7_101",tt="_otherImg_1daz7_107",at="_instrumentName_1daz7_114",et="_instrumentTag_1daz7_122",st="_wrapList_1daz7_127",it="_titlec_1daz7_137",nt="_icon2_1daz7_147",ot="_empty_1daz7_154",ct="_itemContainer_1daz7_160",lt="_item_1daz7_160",rt="_active_1daz7_182",dt="_arrow_1daz7_185",ut="_img_1daz7_188",mt="_title_1daz7_137",_t="_titleName_1daz7_217",pt="_titleDes_1daz7_224",gt="_btn_1daz7_234",ft="_showPlayLoading_1daz7_258",yt="_loadingWrap_1daz7_261",zt="_musicStaff_1daz7_266",vt="_musicTitle_1daz7_281",wt="_icon1_1daz7_290",ht="_icon3_1daz7_291",St="_musicContent_1daz7_303",Ct="_staffImgs_1daz7_316",It="_changeSizeSection_1daz7_333",Tt="_iconT_1daz7_346",Nt="_iconAddT_1daz7_350",kt="_iconPlusT_1daz7_351",e={container:q,iconBack:$,separator:V,wrap:H,wrapBottom:J,content:K,tools:O,contentWrap:Q,musicList:X,instrumentGroup:Y,instrumentImg:Z,otherImg:tt,instrumentName:at,instrumentTag:et,wrapList:st,titlec:it,icon2:nt,empty:ot,itemContainer:ct,item:lt,active:rt,arrow:dt,img:ut,title:mt,titleName:_t,titleDes:pt,btn:gt,showPlayLoading:ft,loadingWrap:yt,musicStaff:zt,musicTitle:vt,icon1:wt,icon3:ht,musicContent:St,staffImgs:Ct,changeSizeSection:It,iconT:Tt,iconAddT:Nt,iconPlusT:kt},Mt=L({name:"instrument-detail",setup(){const r=B(),d=W(),o=m({page:1,rows:20,status:!0,name:"",type:r.query.type}),t=m({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=i=>{const n=t.list.findIndex(s=>s.id===i.id);n>-1&&(t.listActive===n?t.playState=t.playState==="play"?"pause":"play":t.playState="play",t.showPlayer=!0,t.listActive=n)},y=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])},z=async()=>{t.loading=!0;let i={};try{i=await R({id:r.query.id})}catch(s){console.log(s)}t.reshing&&(t.list=[],t.reshing=!1),t.finshed=!0,t.list=i.data.knowledgeWikiResources||[],t.list.forEach(s=>{s.audioFileUrl=s.url,s.musicSheetName=s.name});const n=i.data.knowledgeWikiCategories||[];i.data.knowledgeName=n.length>0?n[0].knowledgeWikiCategoryTypeName:"",i.data.intros=i.data.intros.replace(/<video/gi,'<video style="width: 100% !important;" controlslist="nodownload"'),t.details=i.data,t.loading=!1};return U(()=>{z()}),()=>{var i,n;return a("div",{class:e.container},[a(x,{align:"center",wrapItem:!1,size:16},{default:()=>[a("img",{style:{cursor:"pointer"},src:v,class:e.iconBack,onClick:()=>{const s=o.type==="MUSICIAN"?"/content-musician":"/content-instruments";d.push({path:s})}},null),a(E,{separator:""},{default:()=>[a(_,{onClick:()=>{const s=o.type==="MUSICIAN"?"/content-musician":"/content-instruments";d.push({path:s})}},{default:()=>[o.type==="MUSICIAN"?"音乐家":"乐器百科"]}),a("img",{class:e.separator,src:w},null),a(_,null,{default:()=>[r.query.name]})]})]}),a("div",{class:[e.wrap,t.showPlayer?e.wrapBottom:""]},[a("div",{class:e.content},[a("div",{class:e.contentWrap},[a("div",{class:[e.musicList,"musicList-container"]},[a("div",{class:e.wrapList},[a("div",{class:e.instrumentGroup},[a(p,{class:[e.instrumentImg,o.type==="MUSICIAN"&&e.otherImg],src:(i=t.details)==null?void 0:i.avatar,objectFit:"cover"},null),a("p",{class:e.instrumentName},[t.details.name]),a("p",{class:e.instrumentTag},[t.details.knowledgeName])]),a("div",{class:e.titlec},[a("i",{class:e.icon2},null),g("代表作")]),t.list.map((s,u)=>a("div",{class:e.itemContainer},[a("div",{class:[e.item],onClick:c=>{c.stopPropagation(),l(s)}},[a("div",{class:e.img},[a(p,{lazy:!0,objectFit:"cover",previewDisabled:!0,src:s.titleImg||N,onLoad:c=>{c.target.dataset.loaded="true"}},null),a(h,{class:[t.listActive===u&&t.playState==="play"?"":e.showPlayLoading]},null)]),a("div",{class:e.title},[a("div",{class:e.titleName},[a(F,{text:s.name,style:{marginRight:"12px"}},null)])]),a(M,{color:"#259CFE",textColor:"#fff",round:!0,class:e.btn,type:"primary",onClick:c=>{c.stopPropagation(),l(s)}},{default:()=>[g("播放"),a("img",{src:t.listActive===u&&t.playState==="play"?S:C},null)]}),a("img",{class:e.arrow,src:I},null)])])),!t.finshed&&a("div",{class:e.loadingWrap},[a(D,{show:!0},null)]),!t.loading&&t.list.length===0&&a("div",{class:e.empty},[a(G,{description:"暂无代表作"},null)])])]),a("div",{class:e.musicStaff},[a("div",{class:e.musicTitle},[a("i",{class:o.type==="MUSICIAN"?e.icon3:e.icon1},null),o.type==="MUSICIAN"?"个人简介":"乐器简介"]),a("div",{class:e.musicContent,innerHTML:(n=t.details)==null?void 0:n.intros,style:{fontSize:t.fontSize+"px"}},null)]),a("div",{class:e.changeSizeSection},[a("img",{src:k,class:e.iconT},null),a("img",{src:A,class:e.iconAddT,onClick:()=>{t.fontSize>=32||(t.fontSize+=1)}},null),a(j,{value:t.fontSize,"onUpdate:value":s=>t.fontSize=s,vertical:!0,min:12,max:32},null),a("img",{src:P,class:e.iconPlusT,onClick:()=>{t.fontSize<=12||(t.fontSize-=1)}},null)])])])]),t.list.length!==0&&a(T,{show:t.showPlayer,playState:t.playState,item:f.value,onChange:s=>y(s)},null)])}}});export{Mt as default};
|
