| 1 |
- import{d as E,r as b,x as F,a as s,A as d,C as B,j as I,N as C,E as D,D as T,G as U,J as R,K as P,U as W,q as x,y as q,bU as K,aR as w,a_ as z,a1 as Q,V as L,bV as _}from"./index-21e683b2.js";import{b as N,s as a,i as H,a as G,c as j,d as O,W as Z}from"./browser-b42077dd.js";import{e as M,f as J,g as X,h as Y}from"./api-56103e06.js";import{M as $}from"./index-754f5915.js";import{M as ee}from"./index-2431ecd9.js";import{F as y}from"./index-92c504be.js";import{C as se}from"./index-ab1c007f.js";import{S as ae}from"./index-a0fc2708.js";import{I as A}from"./index-4bb0c24b.js";import{C as te}from"./index-82dcca7a.js";import{L as oe}from"./index-b803af10.js";/* empty css */import"./index-dc4648c2.js";import"./use-tab-status-ec43540a.js";const ie="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAAAXNSR0IArs4c6QAAA8dJREFUWEftmE9oHFUcx7+/N50kk0NBbVGRgha01HpRIlKKptqLhxZ6qV4FRUShJjH73pvEkqkYZ36zoKk3kXq1QsBDFRGEaqVWKj0pKCIUWhQP1Vq0TcSd95O3ZMNm2aa7426Sg7/Tzr6Z9/vM9/3+7RI2mNEG48F/AtJa7ySiKoC9AK4A+BDAEWa+WvZFSwNNTk7eEwTBeQC3NDsnojNDQ0N7kySplYEqDaS1foeIngfwSVEUz4RhuMU5dxLAdhE5lOf5/JoCGWPOAXgYwB5m/so711qPEdFbAN5lZg/btZVWyBjzI4B7lVI70jT1nz3QPiL6DMApZn6iaxqgXFCPj49HAwMDV0Rk0/Dw8OYkSa5755VK5SGllI+r88w8smZAWuuDROQz6hwzP9JwHMfxo8650wBOM/PoWgGRtfaMiOwWkZfzPH+74dgY8xSADwDMM/OhNQEyxkwC8LXnlyiKdiRJ8lcT0JsAxonoaJZlSd+BrLUviohXxCfDQWb2ab5s1tpvReQBAKPM7I+ua+soy6y1D4rIUQAHRESUUq9kWebTe9mMMbsAfLf0xQUABQBpIfLX14jobBAE2ezs7KVW4hVA09PTd9VqtQyAf8vGmt/EOwt9e3DOvVStVt9v3cha+7qITHchyWUi2p1l2U/Nz6wAMsacWupLN9r3SWb+tN3i2NjYnWEYDg8ODtaXa7Xair2LoqhfK6W2AngNwL52wd8K9DeAASIaUUr909gEwNcAhpRSj6Vp+mUXKrS9dWpq6vaiKH71ijPzrasp5M9dRVEUJEnimrLHF76oV0BxHN/mnLsM4E9m3rzuQJVKZb9S6qSIfJHnuR9dlq31yOoKZVmmiGg5Q4wxPVXIWvuGiMRElGZZNrXuQFrrz4lo1Dl3oFqtfnRTIGZWzTWklwolSbJpYWHhqohEQRBsTdP0t9WAfCBTP4G01iNE9A2AH5h556qF0RjTd6A4jg87544BeI+Zn+0UqDXYexbUWusTRPS0iDyX5/nxjQB0kYi2icj9eZ5/v65AExMT28IwvAjgd2be0qb5rhxhjTH12sPMfTkya60/qhMAPmbm/e36SqvjfgMdE5HDIvJqnueznQDVsyyKonBmZqZoVOte1CFr7d0ichbAHasNcK0K+QHLzz5tTUQuEFH9F0bDmltMu4eccyAi72e7b9BL/evxdvHjn28d0EaKojjunNu1tIlf72iq7GAk8YrPLy4uvjA3N/fHje7vyFkcx/c55/zEWMqUUuKc+7mTPyE6AipFUfKh/4FuJtyGU+hfID3aNIv87yAAAAAASUVORK5CYII=",ne="_loginModel_1wz3k_1",le="_iconClose_1wz3k_7",re="_loginSection_1wz3k_17",ce="_fieldSection_1wz3k_20",ue="_icon_1wz3k_7",de="_codeText_1wz3k_37",me="_btnGroup_1wz3k_41",Ae="_btnText_1wz3k_41",l={loginModel:ne,iconClose:le,loginSection:re,fieldSection:ce,icon:ue,codeText:de,btnGroup:me,btnText:Ae},pe="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAMAAAC7IEhfAAAAPFBMVEUAAACnsMylrsymr8ymsMymrsymsMynsM2or8+ms8ynsM2nsM2mr8yosc6nr8ulscyissmkrcimr82mr8xoS1BYAAAAE3RSTlMAqlX5zaSca0wN5MK3cmNBIRyPF9bpcQAAAHRJREFUOMvt1LEOgCAMRVEriKiIKP//r4JlMIK+RCcT7kTDCRttan1H59Ry4yZ/bS6/57PEWoKdz9MlSHwnXThrwUP7AO0xGAxVPA8jhl4SUXAQchVW+AIKQzEJoU6TQnBIk0VwY+kkw0/fFS8AvFLwkvpXO7wRJHHiDd4WAAAAAElFTkSuQmCC",k="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAMAAAC7IEhfAAAAZlBMVEUAAACmr82mr8ynsMyjssqnr8ymr8yksdKmr8ymr8ynsM2nr8ynsM2lr86qtc2msMyosc6nsc6msdOmsM2msM2nsM2nr82nsM2msMunsMynsc6or8ytrc6nsMymsMylsM2krcqmr8w5Qv39AAAAIXRSTlMArFWqIN6KBvv1oe+lShjWOzQL5bB5cmldWU1GD8SblDU92uELAAAAt0lEQVQ4y+3RyQ6DIBSFYVRAQUHrrLXDef+XbGp0I0NJXHTjv7oJX8gNkKs1Pbwkn9NfLOUZvrHY7+oH9jovTAC0o+pLAL47KyBbz1MJMM+eEuDbriWg3JABdBt7gLuhgNhHBUg3zJDv4x0ozsKa0gyCbo1AS7XNdQJmrDLcDGt5bT6hPWV+nr3YA8tnHgTFQqYgyAi5/Qk2hFRBENNSeKHRScgd8H2EurG6iBhpnkTHiiElVyF9ALhVMzsJy5oXAAAAAElFTkSuQmCC",ge=E({name:"login-model",props:{isRegister:{type:Boolean,default:!1}},emits:["close","confirm"],setup(p,{emit:m}){const r=b(),e=F({loginType:"SMS",imgCodeStatus:!1,username:"",password:"",smsCode:"",countDownStatus:!0,countDownTime:1e3*120}),c=async()=>{try{if(!C(e.username))return D("请输入正确的手机号码");const i={username:e.username,client_id:"cooleshow-student",client_secret:"cooleshow-student",password:e.loginType==="PWD"?e.password:e.smsCode,grant_type:"password",loginType:e.loginType==="PWD"?"PASSWORD":"SMS",autoRegister:p.isRegister},{data:u}=await T.post("/edu-app/userlogin",{requestType:"form",data:{...i}});U.set(R,u.token_type+" "+u.access_token);const S=await T.get("/edu-app/user/getUserInfo",{initRequest:!0});P(S.data),m("confirm",!0)}catch(i){console.log(i)}},o=()=>{if(!C(e.username))return D("请输入正确的手机号码");e.imgCodeStatus=!0},g=()=>{e.countDownStatus=!1,N.nextTick(()=>{console.log(r.value,"countDownRef.value"),r.value.start()})},f=()=>{e.countDownStatus=!0,r.value.reset()};return()=>s("div",{class:l.loginModel},[s("i",{class:l.iconClose,onClick:()=>m("close")},null),s("div",{class:l.loginSection},[s("div",{class:l.fieldSection},[s(y,{modelValue:e.username,"onUpdate:modelValue":i=>e.username=i,placeholder:"请输入手机号",autocomplete:"off",border:!1,type:"tel",maxlength:11},{"left-icon":()=>s("img",{src:pe,class:l.icon},null)}),e.loginType==="PWD"?s(y,{modelValue:e.password,"onUpdate:modelValue":i=>e.password=i,placeholder:"请输入密码",autocomplete:"off",border:!1,type:"password"},{"left-icon":()=>s("img",{src:k,class:l.icon},null)}):s(y,{modelValue:e.smsCode,"onUpdate:modelValue":i=>e.smsCode=i,placeholder:"请输入验证码",autocomplete:"off",maxlength:6,type:"tel",border:!1},{"left-icon":()=>s("img",{src:k,class:l.icon},null),button:()=>e.countDownStatus?s("span",{class:l.codeText,onClick:o},[d("获取验证码")]):s(se,{ref:i=>r.value=i,"auto-start":!1,time:e.countDownTime,onFinish:f,format:"ss秒"},null)})]),s("div",{class:l.btnGroup},[s(B,{round:!0,block:!0,color:"linear-gradient(90deg, #44C9FF 0%, #259CFE 100%)",onClick:c},{default:()=>[d("登录")]}),s("span",{class:l.btnText,onClick:()=>{e.loginType==="PWD"?e.loginType="SMS":e.loginType="PWD"}},[e.loginType==="PWD"?"验证码登录":"密码登录"])])]),e.imgCodeStatus?s(I,{to:"body"},{default:()=>[s(ee,{value:e.imgCodeStatus,"onUpdate:value":i=>e.imgCodeStatus=i,phone:e.username,onClose:()=>{e.imgCodeStatus=!1},onSendCode:g},null)]}):null])}}),fe=()=>{sessionStorage.removeItem("Authorization")},Re=E({name:"creation-detail",setup(){const p=W(),m=x(),r="a"+ +Date.now()+Math.floor(Math.random()*100),e=F({id:p.query.id,loginTag:!1,loginStatus:!1,playType:"",musicDetail:{},timer:null,paused:!0,currentTime:0,duration:.1,loop:!1,dragStatus:!1,isClick:!1,list:[],listState:{dataShow:!0,loading:!1,finished:!1},params:{page:1,rows:20}}),c=b(),o=new Audio;o.controls=!0,o.style.width="100%",o.className=a.audio;const g=t=>{e.currentTime=t,clearTimeout(e.timer),e.timer=setTimeout(()=>{o.currentTime=t,e.timer=null},60)},f=t=>{t.stopPropagation(),o.paused?o.play():o.pause(),e.paused=o.paused},i=async()=>{if(!e.loginTag){e.loginStatus=!0;return}try{await J({userMusicId:e.id,star:!e.musicDetail.starFlag}),e.musicDetail.starFlag=!e.musicDetail.starFlag,e.musicDetail.starFlag?e.musicDetail.likeNum+=1:e.musicDetail.likeNum-=1}catch(t){}},u=async()=>{try{if(e.isClick)return;e.isClick=!0;const t=await X({type:"FORMAL",exclusionId:e.id,sort:1,...e.params});e.listState.loading=!1;const n=t.data||{};if(e.list.length>0&&n.current===1)return;e.list=e.list.concat(n.rows||[]),e.listState.finished=n.current>=n.pages,e.params.page=n.current+1,e.listState.dataShow=e.list.length>0,e.isClick=!1}catch(t){e.listState.dataShow=!1,e.listState.finished=!0,e.isClick=!1}},S=t=>{console.log(t,"item"),m.push({path:"/shareCreation",query:{id:t.id}})},V=()=>{c.value=Z.create({container:document.querySelector(`#${r}`),waveColor:"#fff",progressColor:"#2FA1FD",url:e.musicDetail.videoUrl,cursorWidth:0,height:35,width:"auto",normalize:!0,barWidth:2,barGap:2,barRadius:4,barHeight:.6,autoScroll:!0,autoCenter:!0,hideScrollbar:!1,media:o}),c.value.once("interaction",()=>{}),c.value.once("ready",()=>{e.paused=o.paused,e.duration=o.duration}),c.value.on("finish",()=>{e.paused=!0}),o.addEventListener("timeupdate",()=>{e.currentTime=o.currentTime})},h=async()=>{try{const t=U.get(R)||"";if(t){const v=await Y({token:t});e.loginTag=v.data,v.data||(fe(),_())}const{data:n}=await M(e.id);e.musicDetail=n,u(),n.videoUrl.lastIndexOf("mp4")!==-1?e.playType="Video":(e.playType="Audio",N.nextTick(()=>{V()}))}catch(t){e.listState.dataShow=!1}};return q(async()=>{h()}),K(t=>{e.id=t.query.id,e.playType="",e.params.page=1,o&&(o.currentTime=0),e.list=[],h()}),()=>s("div",{class:a.creation},[s("div",{class:a.playSection},[e.playType==="Video"&&s($,{src:e.musicDetail.videoUrl,poster:e.musicDetail.img},null),e.playType==="Audio"&&s("div",{class:a.audioSection},[s("div",{class:a.audioContainer},[s("div",{id:r,onClick:t=>{t.stopPropagation()}},null)]),s("div",{class:a.audioBox},[s("div",{class:a.audioPan},[s(A,{class:a.audioImg,src:e.musicDetail.img},null)]),s("i",{class:a.audioPoint},null),s("i",{class:a.audioZhen},null)]),s("div",{class:[a.controls],onClick:t=>{t.stopPropagation()},onTouchmove:t=>{}},[s("div",{class:a.actions},[s("div",{class:a.actionBtn,onClick:f},[s("img",{src:e.paused?H:G},null)])]),s("div",{class:[a.slider]},[s(ae,{step:.01,class:a.timeProgress,modelValue:e.currentTime,"onUpdate:modelValue":[t=>e.currentTime=t,t=>{g(t)}],max:e.duration,onDragStart:()=>{e.dragStatus=!0,console.log("onDragStart")},onDragEnd:()=>{e.dragStatus=!1,console.log("onDragEnd")}},null)]),s("div",{class:a.time},[s("div",null,[w(e.currentTime)]),s("span",null,[d("/")]),s("div",null,[w(e.duration)])])])])]),s(te,{class:a.userSection,center:!0},{icon:()=>s(A,{class:a.userLogo,src:e.musicDetail.avatar},null),title:()=>s("div",{class:a.userInfo},[s("p",{class:a.name},[e.musicDetail.username,e.musicDetail.vipFlag&&s("img",{src:j,class:a.iconMember},null)]),s("p",{class:a.sub},[e.musicDetail.subjectName," ",z(e.musicDetail.currentGradeNum)])]),value:()=>s("div",{class:[a.zan,e.musicDetail.starFlag&&a.zanActive],onClick:i},[s("img",{src:e.musicDetail.starFlag?O:ie,class:a.iconZan},null),e.musicDetail.likeNum])}),s("div",{class:a.musicSection},[s("div",{class:a.musicName},[s("span",{class:a.musicTag},[d("曲目名称")]),e.musicDetail.musicSheetName]),e.musicDetail.desc&&s("div",{class:a.musicDesc},[e.musicDetail.desc])]),s("div",{class:a.likeSection},[s("div",{class:a.likeTitle},[d("推荐作品")]),e.listState.dataShow?s(oe,{finished:e.listState.finished,finishedText:" ",class:[a.container,a.containerInformation],onLoad:u,immediateCheck:!1},{default:()=>[s("div",{class:a.cellGroup},[e.list.map(t=>s("div",{class:a.cell,onClick:()=>S(t)},[s("div",{class:a.cellImg},[s(A,{class:a.cellImage,src:t.img,fit:"cover"},null),s("div",{class:a.iconZan},[t.likeNum])]),s("div",{class:[a.cellTitle,"van-ellipsis"]},[t.musicSheetName]),s("div",{class:a.users},[s(A,{src:t.avatar,class:a.userImg},null),s("span",{class:a.name},[t.username])])]))])]}):s(Q,{description:"暂无数据"},null)]),s(L,{show:e.loginStatus,"onUpdate:show":t=>e.loginStatus=t,style:{background:"transparent",overflow:"inherit"}},{default:()=>[s(ge,{onClose:()=>e.loginStatus=!1,onConfirm:async t=>{e.loginStatus=t,e.loginStatus=!1;const{data:n}=await M(e.id);e.musicDetail=n}},null)]})])}});export{Re as default};
|
