photo-detail.c377bcec.js 12 KB

1
  1. import{d as x,ah as V,r as f,D as F,$ as N,c as a,aj as P,a5 as w,B as u,q as A,ak as Q,P as T,al as Y,m,o as p,bj as k,bu as b,bE as H,p as X,bF as M,bG as Z,bw as O}from"./index.0d706608.js";import{O as C}from"./index.cecede09.js";import{U as G,g as j,o as J}from"./oss-file-upload.65a34d8e.js";import{L as W}from"./index.59158e72.js";import{C as z}from"./index.a5a20d7a.js";import{C as _}from"./index.b40d37ee.js";import{I as $}from"./index.27625453.js";import"./index.e50c9daa.js";import"./function-call.f754c343.js";import"./ImagePreview.b4df6581.js";import"./index.bd427197.js";import"./use-tab-status.117f2700.js";import"./Checker.22059d0c.js";const ee="_phoneDetail_im251_1",te="_addPhone_im251_7",oe="_phoneContainer_im251_16",ae="_item_im251_22",se="_img_im251_26",ie="_itemBorder_im251_40",ne="_checkboxHide_im251_64",le="_iconChecked_im251_67",ce="_dialogTitle_im251_75",re="_photos_im251_91",de="_downBtn_im251_94",Ae="_btnCancelButton_im251_113";var i={phoneDetail:ee,addPhone:te,phoneContainer:oe,item:ae,img:se,itemBorder:ie,checkboxHide:ne,iconChecked:le,dialogTitle:ce,photos:re,downBtn:de,btnCancelButton:Ae},ue="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAAXNSR0IArs4c6QAABB9JREFUaEPtWU1oXFUU/s6b28SQpq1FaFC0WlFBSszMfcyrVTELN0LdGVO60GzsSisWU7Ow5KkBsS0F/0BcVQKSVHFjoRsXUarxDe/MxFBcWNTYCFqQUh1cmN6ZK7fNjC/JzLyfNpMJzN29d8/5zvneOefec98lbPBBG9x/JCLQ39+/LZVKHQbwNIBdADoTfoh/AfwM4LNSqXRydnb2Slyc2AQcx3lQKXUWwF1xjYXIXxRCPOl53g9xcGMR6Ovr6xZCnCeiu+MYiSqrtZ5XSu2em5v7J6pOLAKZTGaEiI5FBU8ip7U+ks/nj0fVjUVASnkOwCMB8FNCiJc8z/s7qsGgnOM4W5RS7wAYDrw/x8yPRcWLS+AigDsr4KlUalcul/slqrFactls9p5SqWQKuTIWmDlyfcUl8AeAHRVLQohez/Mu3QgBx3F2KKUMbmVcYubeqJhtAi0TgWw2+7BS6l0iquZ4jTDeBiAVeK8A6KjhriNnskAE5koA/qyHqbVeEEIcyuVyM0ammkKZTOZHIrrvBp1pirrW+kI+n79/GQEp5bICbYonyY1UC70aASnlAQAfAehOjtsUTbNLH2TmT5ZFwDxIKTcJIbY3ckMpZWmtt3V0dNxUbxcXF0FEV4QQ5RD7l5n5akUmdBm1bXu32X211l8y80831es6YFLKe4noCQDf+L5/vpHNhgTS6bRtWda3ADYBMKF7aK1JGOcBfL+UylfL5fLeQqHg1yPRkICU8k0Ar1XDRfSi7/vvrwTTJwe7ULQOAnQLOksf0uinf9UyqMcP7ERJDQOpeegHJsh1V6WLbdsvaK3fC+iPM/PRpARMV/hKQHmEmU+sIuDunwL0M9feE31FY5MDq2ReHuzCVusCgDuuz+mj5J4eXyknpTT2gt3oCWYeWVsCrw9dhsatS45pbC920aGz5rRVHfqNQYmyFUyFr8mderw1CLhDRQCbq850d2ymkYllhxLtDu0BcG33XIrUDI1N7m0TaLRESSkj1kA7AtXvuD5F3K6B/xO5HYFgUbeLOLiRtfeB2gt+WDPX3gcq363dStRpGdYvhUAz5LZOM1cA0L/UTv9O7unbV58ZBnsBWgDo+j8gwgSNTT3bKt1oBsAH0OgE0WFyJ6drRVy7+4cB/Sqg5wH1PLmf/9YSBBp1tHHn1qWViOtkSAvf/CNlyxKwbfuY1rp6oI57/ZOE2MprLCI67vv+kXpYYcvoKIC3AspeuVweKhQKvyZxLkwnnU7vtCxrCoATkB1l5reTEjBA34UZXuP5PczsJSJglKSUXwDYt8ZO1oM/w8xPNbId+m9USrkVwBkAjzaZhLkR3cfMNf/yVXwJJWAEBwYGRLFYNFehzwHoA7BljciY69o5AB/39PScmp6eNjdADUckAmEg6zm/4Qn8B3AYpU8W4qBEAAAAAElFTkSuQmCC",he="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAAAXNSR0IArs4c6QAAA75JREFUWEfNmFtsTVkYx39rn15DqVYVcasRNDRxCYlLZB6Eh5knk+MUwSSSYRK3yCQI5dBxiYigMxkzT65DHTKZBw+ElwaJGM0EQ2XEpYhUa1Clp9h7ydqrp+PcevY+1WSvx7O/779+5/v2931rbYHLJSv9JZi+2Qg5HUkpMARBni0jeQ3UI7iNFBfxmWdFRei+my2EE2Pp9/soM/xYLAemAo78bES4jMFP3LBCIhQyU+2XUlhWzp2JKaqA0anEUjyvwydXiIqT5zuzSwokg9/mIFr3At8hHUekcyZhR+w3ZO5qETwYTmScEEiu9xeRY5xBMqmLUUnsLrhK2PpK7Ag1xhrEAdkw2b4akF1NUYr/IupoM2fEQkUBtaepptsiEx+Oq8jcGZ+mLxpoS+AAkqXdkqZkooJfxebqZZHHHUB2NVni3Gd7gZ3+K/WiG3JWpPpsILvPjDFufobSdooRa1fHP9ZY1ac00NZAORbH01Vz5JeVA+O+hIYH8LAu3sVgnthUfUIDBQMXgWmOhNMxyu0JCzfAgBKwTNi/Cl41xSpdEsHq6UIG5wyHzLsuxoE7pB69YOFGKB6i/UwTqhICSXzWF0IGy5eB/MXdLg6te+bDoo1QNEg7WBb8eQCu1yQREN8LuSVwFMkCh1s4N8srgMUVUDigHcaEP36Gm5eTawiOCRkMXAMmJLQaXgb9h0HtBQi/dQ7Tuy8sqoCC4vY0fYDTVXD7SiqNWgWk5knfOMv8frBiLxgGNNTDkR/hTXMqQVB+KjL5Rdr2w3s4tQ/u/JXaF5pUysJIsuOsexXCyn3gy9CPGp/A4UpoeZlcuKC/jkzvwnaYd1C9B+7+7QRGnbLakgMpiTFTYM5yMHxa8PlTDdX8X/wGhQN1ZPL66Gfv2+DEbrh3wxmMsrKBkqUsIlM6Gb5Z+X+kXjTAocroPqKqSFWTqiq13oXh+C54cMs5jLZs6vyljsiNnAj+1ZCRqX952agj9eIZFA/VTU/1G7XaWuH3nVB/xy2Msq91XvYjxkFgDWRk6Y2an8PZo/D1ElCdWC1Vicd2wON/04FRKVNl76IxlpTBvB8gM74GaG2BI9vh6b30YGwv1Rjdjo6hpTB/LahhGVlvm+HwNmh42AUY9OhQCq6H6+BRsGAdZOdCyyvdo5496gqM8tXD1QZK5/ihynzkeLh1JdHkdg8Xdfzw2gHNjpKXjrCR+EovHfL1y23fVr1zDbKhvHRR7Eidl67SHVBe+tjwaRPxzOeYKCgvfbCKbbl69mXN6q5Peh8B8ruG/qSJHLQAAAAASUVORK5CYII=",me="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAAAXNSR0IArs4c6QAABBJJREFUWEfNmF1II1cUx/+ZqCWJa9x2t2W7ZbulD1LYtrIU21IslX2oUNSHKBE1yAhWFJSkoJVmJLLuIDSRRkYkFhFF9MGRKAqCxbKlYmkfXBa3LRQK26V0WbZfG2tijfkoZ5hZdEgyyWrKnJeQmXPP/d17zj3n3DEgdzEDeBbA0wCKAZgAFMhmYgD2AewB+AvAQwCRXKYwZKlMes8DuCyDZDlMUiOwXwDcB5DUGpgN0HkAV+Td0LKX6T3t2vcAfs+klAmIkUFePAlFirH3ZLBEKrvpgIoAvAmg9JRhFHOPAHwHIKq2nwqIYN45BRdprYVcuKWGUgORmwgmXzujhqSdIqjH7lMDvQbgtGNGa6copnYUpaNAdJre0hqdp/ffKqdPAaLf9/6HuEm3HoqnryhPKUAXAVzN0+ols2VlZSa/339te3v7LsdxP6SY6xaA3xQgCmQqBXmRioqKM+vr69dLS0tfTiaTcZvN9uHS0pI6QVJG3yIgqk3X8kICoLKy0rq6ujpktVqp7CCRSMQbGho6gsEg1Tm1fElApPhqPoCqqqrOLi8vD5WUlFwi+8lkMiGK4qjdbr+ZZr47BESxQzF0qlJdXf2MKIo3iouLJdvkqrm5uc8cDsfXGSaSYuhdANZUSiMjI+Xl5eUvuVyuL3Z2dsLZEtfW1p6fn5+/YbFYLsgwsZmZGR/Lst9o2AgR0PsAqFwck/r6+udEUQwAMIZCoXs1NTXc5uZmSAuKxk1PT/MWi4V6JoqZw8nJyU87OjqodmlJlIA+AEAl45jU1dWdCwaDnzMMIzVfu7u7v9psNm5jY+PvdFZbWlouTExM8Gaz+ZwMEx0fHx/u7u7e1iKR3yfSApHC7OxsZXNz80cGg8FI//f29u7b7Xb32tran+oJ2traLo6NjfEmk0lKH/F4/EAQBN7lct3OEkZaQ1qXKUampqbebm1t7VV2KhwOP3A4HO6jeaSzs/OS3+8fKioqOivD/Ovz+Yb6+/vv5ABDqpLL0ga1YiwQCFS0t7d/zDBMIT2LRCIPWZblFhYWHvT09Fz2er0EIx2MeDwe4Xn+usfj+TFHGFKXgjqrYy8IwtWurq5PGIaRDsD+/v4fi4uLU42NjZ2FhYVn6FksFgsPDg4O8jz/0xPA0BDp2GedGH0+3+tOp5MzGo1PqSc8PDz8x+12e7xe789PCEPDpMSYU+kYHh6+0tvbO2A0Gun6I0k0Gt3t6+sbGB0dvXsCGBoqlQ6SnIqrx+N5heM4T0FBgfng4OCR0+kcCAQC1GidRB4XVzKSc/vBsuwLTU1NbwiCsLWyspLxapMl5bH2Q3cNGi1CVy2ssqu6avIJSnfXIILS1UVRcZ2urtIKlK4+NhxNHbr5HHMUSlcfrNSJNq+f9P4DgbxajB9qukQAAAAASUVORK5CYII=",pe="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAAAXNSR0IArs4c6QAAAdtJREFUWEftlz1LHVEQhp/XQhDB4B8QUwpptEgQEUSJQiBgbWNnaiGVJCio2GmttemDghDBD0gRRFCsLIP5AbkkECIWjvfAWVkPZ3dddwuL3ereOfPx3HfmsHNFxcfMRoAvgAEzkn5USakqwS7WzA6AcZ9nvw00VSVnHUBnwKCHOJX0ugFKK2BmjUK5I9EoVHRjGoUahYoUKDpvZujZKWRmfcBnoAWsSPpb5tVhZj3AJ6AXWJb0K+9HysyG21vEIvAT+CjpX1AwvV6cAFOS/iQ+eTNkZi+Ab8Ab738oaSLI3w2sAy/b9iUH5ED6vdOCpLUcBdzRA6gsoAiMiz2XNBTkXwBWve3KAblNL3m2JH0IAsaAPaArZb+HigFlwPwH3kk6DvJvAnOJrRDIOZrZJPA1BgUcpRc04G3QJpfCwUxL2g/nx8zKAxVAuRl45QtdANepmcmF8XmfBpQDdQt0eKD050KYykA5ULGbnNmmyjMU6XtsptJuj4KpRaGkasagP6pNtSsUQO0Cnd52A7yP3aZYT2tVKAU1DWz77+6f605W8Zj9yde+TJEyvg1QkVqNQlUVugS+FyWp+XwUGEhyhm/7mmuVT+eAfvv1snx0/REtBzQLbDwDKLezz98BDz9rT/lZTVUAAAAASUVORK5CYII=";function ge(d){return typeof d=="function"||Object.prototype.toString.call(d)==="[object Object]"&&!Y(d)}var Ee=x({name:"photo-detail",setup(){const d=V(),e=f({isEdit:!1,isLoading:!1,list:[],listState:{dataShow:!0,loading:!1,finished:!1},params:{page:1,rows:20},showPhoto:!1,bucket:"gyt",fileList:[],checkboxRefs:[],check:[]}),h=async()=>{try{if(e.isLoading)return;e.isLoading=!0;const o=await m.post("/api-school/orchestraPhoto/page",{data:{...e.params,orchestraPhotoAlbumId:d.query.photoId}});e.listState.loading=!1;const t=o.data||{};if(e.list.length>0&&t.current===1)return;const s=t.rows||[];e.list=e.list.concat(s),e.listState.finished=t.current>=t.pages,e.params.page=t.current+1,e.listState.dataShow=e.list.length>0,e.isLoading=!1}catch{e.listState.dataShow=!1,e.listState.finished=!0,e.isLoading=!1}},S=o=>o.size/1024/1024<5?!0:(p("\u4E0A\u4F20\u6587\u4EF6\u5927\u5C0F\u4E0D\u80FD\u8D85\u8FC7 5MB"),!1),U=(o,t)=>!0,B=async(o,t)=>{try{o.status="uploading",o.message="\u4E0A\u4F20\u4E2D...",await v(o)}catch{k()}},v=async o=>{try{console.log(o,"files");const t=o.file,s=t.name||"",l="/orchestra/"+(s&&s.replace(/ /gi,"_")),c=new Date().getTime()+l,{data:r}=await j({filename:c,bucketName:e.bucket,postData:{filename:c,acl:"public-read",key:c,unknowValueField:[]}});b({message:"\u52A0\u8F7D\u4E2D...",forbidClick:!0,loadingType:"spinner",duration:0});const K={policy:r.policy,signature:r.signature,key:c,KSSAccessKeyId:r.kssAccessKeyId,acl:"public-read",name:c,file:t},q=await J(H(e.bucket),K);k(),o.src=q,o.status="done"}catch(t){o.status="failed",console.log(t,"uploadFile")}},L=async()=>{try{if(e.fileList.length<=0){p("\u8BF7\u4E0A\u4F20\u7167\u7247");return}const o=e.fileList.map(t=>t.src);console.log(o,"onSubmitPhoto"),await m.post("/api-school/orchestraPhoto/save",{data:{orchestraPhotoAlbumId:d.query.photoId,fileUrl:o.join(",")}}),e.showPhoto=!1,e.fileList=[],e.params.page=1,e.list=[],e.listState.dataShow=!0,e.listState.loading=!1,e.listState.finished=!1,h()}catch{}},n=f({show:!1,startPosition:0,downIndex:0,downLoading:!1}),g=F(()=>e.list.map(o=>o.fileUrl)),y=o=>{const t=document.createElement("canvas");t.width=o.width,t.height=o.height;const s=t.getContext("2d");return s==null||s.drawImage(o,0,0,t.width,t.height),console.log(o,t),t.toDataURL("image/png")},D=async()=>{const o=g.value[n.downIndex];if(n.downLoading||!o)return;const t=b({message:"\u4FDD\u5B58\u4E2D",duration:0}),s=document.createElement("img");s.crossOrigin="anonymous",s.onload=async()=>{var c;const l=y(s);try{const r=await X({api:"savePicture",content:{base64:l}});((c=r==null?void 0:r.content)==null?void 0:c.status)==="success"?M("\u5DF2\u4FDD\u5B58\u5230\u76F8\u518C"):Z("\u4FDD\u5B58\u5931\u8D25")}catch{}t.close(),n.downLoading=!1},s.src=o+`?v=${Date.now()}`},R=o=>{n.downIndex=n.startPosition=o,n.show=!0},E=o=>{e.checkboxRefs[o].toggle()},I=()=>{if(e.check.length<=0){p("\u8BF7\u9009\u62E9\u9700\u8981\u5220\u9664\u7684\u56FE\u7247");return}O({title:"\u786E\u8BA4\u5220\u9664",message:"\u5220\u9664\u9009\u62E9\u7684\u7167\u7247",confirmButtonText:"\u786E\u8BA4",showCancelButton:!0}).then(async()=>{console.log(e.check,"check");try{await m.post("/api-school/orchestraPhoto/remove",{requestType:"form",data:{ids:e.check.join(",")}}),e.params.page=1,e.list=[],e.listState.dataShow=!0,e.listState.loading=!1,e.listState.finished=!1,h()}catch{}})};return N(()=>{h()}),()=>{let o;return a("div",{class:[i.phoneDetail,!e.listState.dataShow&&"emptyRootContainer"]},[a(C,{position:"top"},{default:()=>[a(P,{title:d.query.name||""},{right:()=>!e.isEdit&&a(w,{name:ue,size:22,onClick:()=>{e.isEdit=!e.isEdit,e.isEdit||(e.check=[])}},null)}),a("div",{style:{overflow:"hidden"}},[a(u,{icon:"plus",block:!0,class:i.addPhone,onClick:()=>e.showPhoto=!0},{default:()=>[A("\u4E0A\u4F20\u7167\u7247")]})])]}),e.listState.dataShow?a(W,{finished:e.listState.finished,finishedText:" ",onLoad:h,immediateCheck:!1},{default:()=>[a(z,{class:i.phoneContainer,modelValue:e.check,"onUpdate:modelValue":t=>e.check=t},ge(o=e.list.map((t,s)=>a("div",{class:[i.item,e.check.includes(t.id)&&i.itemBorder],onClick:()=>{e.isEdit?E(t.id):R(s)}},[a(_,{name:t.id,checkedColor:"#64a9ff",class:[i.checkbox,!e.isEdit&&i.checkboxHide],ref:l=>e.checkboxRefs[t.id]=l,onClick:l=>{l.stopPropagation()}},{icon:l=>a(w,{class:i.iconChecked,name:l.checked?he:me},null)}),a("div",{class:i.img,style:t.fileUrl?{backgroundImage:`url(${t.fileUrl})`,backgroundSize:"cover"}:""},null)])))?o:{default:()=>[o]})]}):a(Q,{btnStatus:!1,tips:"\u6682\u65E0\u7167\u7247"},null),e.isEdit&&a(C,{position:"bottom"},{default:()=>[a("div",{class:"btnGroup btnMore"},[a(u,{onClick:()=>{e.isEdit=!e.isEdit,e.check=[]},type:"default",class:i.btnCancelButton,block:!0,round:!0},{default:()=>[A("\u53D6\u6D88")]}),a(u,{block:!0,round:!0,type:"primary",onClick:I},{default:()=>[A("\u5220\u9664")]})])]}),a(T,{show:e.showPhoto,"onUpdate:show":t=>e.showPhoto=t,round:!0,style:{width:"92%"}},{default:()=>[a("div",{class:i.container},[a("div",{class:i.dialogTitle},[a("i",null,null),A("\u4E0A\u4F20\u7167\u7247")]),a("div",{class:i.photos},[a(G,{modelValue:e.fileList,"onUpdate:modelValue":t=>e.fileList=t,afterRead:B,beforeRead:S,beforeDelete:U,accept:"image/*",maxCount:9},null)]),a("div",{class:["van-hairline--top van-dialog__footer"]},[a(u,{onClick:()=>{e.showPhoto=!1,e.fileList=[]},class:["van-button van-button--default van-button--large van-dialog__cancel"]},{default:()=>[A("\u53D6\u6D88")]}),a(u,{onClick:L,class:["van-button van-button--default van-button--large van-dialog__confirm van-hairline--left"]},{default:()=>[A("\u786E\u8BA4")]})])])]}),a($,{show:n.show,"onUpdate:show":t=>n.show=t,startPosition:n.startPosition,images:g.value,onChange:t=>n.downIndex=t},{cover:()=>a("div",{class:i.downBtn,onClick:()=>D()},[a("img",{src:pe},null)])})])}}});export{Ee as default};