You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

2 lines
22 KiB

6 months ago
import{n as e,st as t}from"./axios-CiYFffbI.js";import{I as n,N as r,O as i,V as a,Y as o,_ as s,d as c,f as l,i as u,it as d,kt as f,nt as p,p as m,u as h,ut as g,v as _,y as v,z as y}from"./runtime-core.esm-bundler-CnFWH3R5.js";import{n as b}from"./index-BbRh5og5.js";import{t as x}from"./RichEditorField-BDaNNZIi.js";import{t as ee}from"./listTable-Djel28e5.js";function S(e){let t=String(e||``).trim();if(!t)return``;try{if(/^https?:\/\//i.test(t)){let e=new URL(t);return e.pathname.includes(`/storage/`)?`${window.location.origin}${e.pathname}${e.search}`:t}if(t.startsWith(`/storage/`)||t.startsWith(`/`))return`${window.location.origin}${t}`;let e=t.replace(/^\/+/,``);return`${window.location.origin}/storage/${e}`}catch{return t}}var te=[`src`],ne={style:{display:`flex`,"flex-direction":`column`,"align-items":`flex-start`,width:`100%`}},re={style:{width:`100%`,"margin-bottom":`8px`}},ie={style:{display:`grid`,"grid-template-columns":`repeat(3, 180px)`,gap:`12px`,width:`100%`}},ae=[`src`,`onClick`],oe=[`src`,`onClick`],se=[`src`],ce=[`src`],le={style:{display:`flex`,gap:`12px`}},ue={style:{width:`280px`,height:`520px`,overflow:`auto`,border:`1px solid #e5e6eb`,padding:`8px`}},C=1200,w=800,T=v({__name:`VenueList`,setup(v){let T=d(!1),E=d(!1),D=d(!1),O=d(!1),k=d(!1),A=d(``),j=d([]),M=d(!1),N=d(null),de=d([]),P=d([]),F=d([]),I=d([]),L=d(null),fe=d(null),R=d(0),z=d(!1),B=d(`image`),V=d(``),H=null,U=null,W=d(null),G={lat:31.299379,lng:120.585315},pe={maxHeight:`70vh`,overflow:`auto`},K=p({keyword:``,district:``,venue_type:``,ticket_type:``,is_active:`all`});function q(e){if(e==null||e===``)return;let t=typeof e==`number`?e:parseFloat(String(e).trim());return Number.isFinite(t)?t:void 0}function me(){let t=this.quill,n=document.createElement(`input`);n.type=`file`,n.accept=`image/*`,n.onchange=async()=>{let r=n.files?.[0];if(r)try{let n=await Q(r),i=t.getSelection(!0)?.index??Math.max(0,t.getLength()-1);t.insertEmbed(i,`image`,n,`user`),t.setSelection(i+1,0),e.success(`图片已上传并插入`)}catch(t){e.error(t?.response?.data?.message??`图片上传失败`)}},n.click()}function J(){let t=this.quill,n=document.createElement(`input`);n.type=`file`,n.accept=`video/*`,n.onchange=async()=>{let r=n.files?.[0];if(r)try{let n=await Q(r),i=t.getSelection(!0)?.index??Math.max(0,t.getLength()-1);t.insertEmbed(i,`video`,n,`user`),t.setSelection(i+1,0),e.success(`视频已上传并插入`)}catch(t){e.error(t?.response?.data?.message??`视频上传失败`)}},n.click()}let Y={modules:{toolbar:{container:[[{header:[1,2,3,!1]}],[`bold`,`italic`,`underline`,`strike`],[{color:[]},{background:[]}],[{list:`ordered`},{list:`bullet`}],[{align:[]}],[`link`,`image`,`video`],[`clean`]],handlers:{image:me,video:J}}},placeholder:`请输入场馆详情内容`},X=p({name:``,venue_type:``,unit_name:``,district:``,ticket_type:``,open_time:``,reservation_notice:``,study_courses:``,address:``,lat:void 0,lng:void 0,cover_image:``,gallery_media:[],detail_html:``,sort:0,is_active:!0});function he(){return L.value?.role===`super_admin`}function ge(e){let t=(e||``).trim();return t?t.replace(/<[^>]+>/g,` `).replace(/\s+/g,` `):`-`}function _e(e,t){return t?e.find(e=>e.item_value===t)?.item_label||t:`-`}function ve(e,t,n=`arcoblue`){return t&&e.find(e=>e.item_value===t)?.item_remark||n}function ye(){return`CRFBZ-NTART-YU4XX-LCDGK-3J456-VKBK2`}function be(){return`szkp-map-admin`}function Z(e,t){let n=String(e||``).trim();if(n)return S(n);let r=String(t||``).trim();return r?S(r):``}async function Q(e){let t=new FormData;t.append(`file`,e);let n=(await b.post(`/upload`,t))?.data||{};return Z(n.url,n.path)}function xe(){R.value+=1}function Se(e,t){t&&(B.value=e,V.value=S(t),z.value=!0)}async function Ce(t,n,r,i){if(!t.type.startsWith(`image/`))return!0;let a=await new Promise((e,n)=>{let r=new FileReader;r.onload=()=>{let t=new Image;t.onload=()=>e({width:t.width,height:t.height}),t.onerror=()=>n(Error(`图片解析失败`)),t.src=String(r.result||``)},r.onerror=()=>n(Error(`图片读取失败`)),r.readAsDataURL(t)});return a.width>n||a.height>r?(e.warning(`${i}尺<EFBFBD>
周末 09:00-18:00`},null,8,[`modelValue`])]),_:1}),_(U,{label:`场馆地址`,required:``},{default:o(()=>[_(i,{modelValue:X.address,"onUpdate:modelValue":r[13]||=e=>X.address=e},null,8,[`modelValue`])]),_:1}),_(U,{label:`经纬度`,required:``},{default:o(()=>[_(b,null,{default:o(()=>[_(G,{modelValue:X.lng,"onUpdate:modelValue":r[14]||=e=>X.lng=e,precision:7,placeholder:`经度`},null,8,[`modelValue`]),_(G,{modelValue:X.lat,"onUpdate:modelValue":r[15]||=e=>X.lat=e,precision:7,placeholder:`纬度`},null,8,[`modelValue`]),_(v,{onClick:qe},{default:o(()=>[...r[33]||=[s(`地图选点`,-1)]]),_:1}),_(v,{onClick:Ve},{default:o(()=>[...r[34]||=[s(`打开场馆位置`,-1)]]),_:1})]),_:1})]),_:1}),_(U,{label:`封面图(单张)`},{default:o(()=>[_(b,{direction:`vertical`,fill:``},{default:o(()=>[_(J,{"auto-upload":!1,"show-file-list":!1,accept:`image/*`,"before-upload":je,onChange:Ne},{"upload-button":o(()=>[_(v,null,{default:o(()=>[...r[35]||=[s(`上传封面`,-1)]]),_:1})]),_:1}),_(ye,{type:`secondary`},{default:o(()=>[...r[36]||=[s(`建议不超过 1200x800`,-1)]]),_:1}),X.cover_image?(n(),c(b,{key:0,direction:`vertical`,align:`start`},{default:o(()=>[h(`img`,{src:g(S)(X.cover_image),style:{width:`160px`,border:`1px solid #e5e6eb`,"border-radius":`4px`,cursor:`zoom-in`},onError:Le,onClick:r[16]||=e=>Se(`image`,X.cover_image)},null,40,te),_(v,{size:`mini`,status:`danger`,onClick:Ie},{default:o(()=>[...r[37]||=[s(`删除封面`,-1)]]),_:1})]),_:1})):l(``,!0)]),_:1})]),_:1}),_(U,{label:`轮播图/视频`},{default:o(()=>[h(`div`,ne,[h(`div`,re,[_(J,{"auto-upload":!1,"show-file-list":!1,multiple:``,accept:`image/*,video/*`,"before-upload":Me,onChange:Pe},{"upload-button":o(()=>[_(v,{type:`primary`},{default:o(()=>[...r[38]||=[s(`新增轮播资源`,-1)]]),_:1})]),_:1})]),h(`div`,ie,[(n(!0),m(u,null,y(X.gallery_media,(e,i)=>(n(),c(H,{key:e.url+i,size:`small`,style:{width:`180px`}},{title:o(()=>[s(f(e.type===`video`?`视频`:`图片`),1)]),extra:o(()=>[_(v,{size:`mini`,status:`danger`,onClick:e=>Fe(i)},{default:o(()=>[...r[39]||=[s(`删除`,-1)]]),_:1},8,[`onClick`])]),default:o(()=>[e.type===`image`?(n(),m(`img`,{key:0,src:g(S)(e.url),style:{width:`140px`,height:`90px`,"object-fit":`cover`,border:`1px solid #e5e6eb`,"border-radius":`4px`,cursor:`zoom-in`},onError:Le,onClick:t=>Se(`image`,e.url)},null,40,ae)):(n(),m(`video`,{key:1,src:g(S)(e.url),controls:``,style:{width:`140px`,height:`90px`,"object-fit":`cover`,cursor:`zoom-in`},onClick:t(t=>Se(`video`,e.url),[`stop`])},null,8,oe))]),_:2},1024))),128))])])]),_:1}),_(U,{label:`预约须知(无则删除)`},{default:o(()=>[(n(),c(x,{modelValue:X.reservation_notice,"onUpdate:modelValue":r[17]||=e=>X.reservation_notice=e,"editor-options":Y,"field-key":`venue-reservation`,key:`venue-reservation-${R.value}`},null,8,[`modelValue`]))]),_:1}),_(U,{label:`研学课程`},{default:o(()=>[(n(),c(x,{modelValue:X.study_courses,"onUpdate:modelValue":r[18]||=e=>X.study_courses=e,"editor-options":Y,"field-key":`venue-study`,key:`venue-study-${R.value}`},null,8,[`modelValue`]))]),_:1}),_(U,{label:`场馆详情`},{default:o(()=>[(n(),c(x,{modelValue:X.detail_html,"onUpdate:modelValue":r[19]||=e=>X.detail_html=e,"editor-options":Y,"field-key":`venue-detail`,"min-height":260,key:`venue-detail-${R.value}`},null,8,[`modelValue`]))]),_:1})]),_:1},8,[`model`])]),_:1},8,[`visible`,`title`,`confirm-loading`]),_(Z,{visible:z.value,"onUpdate:visible":r[21]||=e=>z.value=e,title:`媒体预览`,width:`72%`,footer:!1},{default:o(()=>[B.value===`image`&&V.value?(n(),m(`img`,{key:0,src:V.value,style:{display:`block`,"max-width":`100%`,"max-height":`72vh`,margin:`0 auto`},onError:Le},null,40,se)):B.value===`video`&&V.value?(n(),m(`video`,{key:1,src:V.value,controls:``,autoplay:``,style:{display:`block`,width:`100%`,"max-height":`72vh`}},null,8,ce)):l(``,!0)]),_:1},8,[`visible`]),_(Z,{visible:O.value,"onUpdate:visible":r[23]||=e=>O.value=e,title:`地图选点(腾讯地图)`,width:`70%`,"body-style":pe,"on-before-ok":Xe},{default:o(()=>[_(b,{style:{"margin-bottom":`12px`,width:`100%`}},{default:o(()=>[_(i,{