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.
1 line
14 KiB
1 line
14 KiB
import{n as e}from"./axios-CiYFffbI.js";import{I as t,N as n,V as r,Y as i,_ as a,d as o,f as s,i as c,it as l,kt as u,l as d,nt as f,p,u as m,ut as h,v as g,y as _,z as v}from"./runtime-core.esm-bundler-CnFWH3R5.js";import{n as y}from"./http-LCi9aT1G.js";import{u as b}from"./index-uLgpWTLu.js";import{t as ee}from"./RichEditorField-DcMqH_tt.js";import{n as x,t as te}from"./adminMediaLimits-D12la4Im.js";import{t as ne}from"./listTableRowIndex-DDHXZmUA.js";import{t as S}from"./mediaUrl-bAQURyY9.js";var re=[`src`,`onClick`],ie={key:1,style:{color:`#86909c`}},ae={style:{"max-width":`90vw`,"max-height":`80vh`}},oe=[`src`],se=[`src`],ce={class:`admin-modal-form__full`},le={class:`study-tour-tags-field`},ue={class:`study-tour-tags-input-row`},de={class:`study-tour-tags-list`},fe={key:0,style:{color:`#86909c`}},pe={style:{width:`100%`,display:`flex`,"flex-direction":`column`,"align-items":`stretch`}},me={style:{width:`100%`,"margin-bottom":`8px`}},he={style:{width:`100%`,border:`1px solid #e5e6eb`,"border-radius":`6px`,padding:`8px`,"max-height":`220px`,overflow:`auto`}},C={key:0,style:{display:`flex`,"flex-direction":`column`,"align-items":`flex-start`,gap:`8px`}},ge=[`src`],_e=900,w=b(_({__name:`StudyTourList`,setup(_){let b=l(!1),w=l(!1),T=l(!1),E=l(!0),D=l(null),O=l([]),k=l([]),A=l(null),j=l(``),M=l(void 0),N=l(void 0),P=f({current:1,pageSize:10}),ve={maxHeight:`70vh`,overflow:`auto`},F=l(0),I=l(!1),L=l(`image`),R=l(``),z=f({name:``,tags:[],venue_ids:[],cover_image:``,intro_html:``,sort:0,is_on_shelf:!0}),B=l(``),V=d(()=>{let e=new Map(k.value.map(e=>[e.id,e]));return z.venue_ids.map(t=>e.get(t)).filter(Boolean)});function H(e,t){let n=String(e||``).trim();if(n)return S(n);let r=String(t||``).trim();return r?S(r):``}async function U(e){let t=new FormData;t.append(`file`,e);let{data:n}=await y.post(`/upload`,t);return H(n?.url,n?.path)}async function W(e){return U(e)}function G(){F.value+=1}function K(e){let t=new Set,n=[e];for(;n.length;){let e=n.shift();if(!(!e||t.has(e))){if(t.add(e),e instanceof File)return e;if(e?.target?.files?.[0]instanceof File)return e.target.files[0];if(Array.isArray(e)){for(let t of e)n.push(t);continue}if(typeof e==`object`){for(let t of[`file`,`raw`,`originFile`,`originFileObj`,`fileItem`,`item`,`data`])e[t]&&n.push(e[t]);for(let t of Object.values(e))t&&(typeof t==`object`||Array.isArray(t))&&n.push(t)}}}return null}function q(){let t=this.quill,n=document.createElement(`input`);n.type=`file`,n.accept=`image/*`,n.onchange=async()=>{let r=n.files?.[0];if(!r)return;let i=x(r);if(i){e.warning(i);return}try{let n=await W(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??t?.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 W(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??t?.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:q,video:J}}},placeholder:`请输入线路简介`};function ye(e){return(e||[]).length?(e||[]).join(`、`):`-`}function be(e,t){t&&(L.value=e,R.value=S(t),I.value=!0)}async function X(t){try{let n=K(t);if(!n)return e.warning(`未识别到上传文件`),!1;let r=x(n);if(r)return e.warning(r),!1;z.cover_image=await U(n),e.success(`封面上传成功`)}catch(t){e.error(t?.response?.data?.message??`封面上传失败`)}return!1}function xe(...e){X(e)}function Se(){z.cover_image=``}function Z(t){let n=t?.target,r=(n?.getAttribute?.(`src`)||n?.src||``).trim();!r||r===`about:blank`||e.error(`图片地址无法访问，请检查后端 storage 访问配置`)}function Ce(){return A.value?.role===`venue_admin`}async function Q(){let{data:e}=await y.get(`/me`);A.value=e}async function $(t=!1){b.value=!0;try{let e={},n=j.value.trim();n&&(e.keyword=n),M.value!=null&&M.value>0&&(e.venue_id=M.value),(N.value===`0`||N.value===`1`)&&(e.is_on_shelf=N.value);let[r,i]=await Promise.all([y.get(`/study-tours`,{params:e}),y.get(`/venues`)]);O.value=r.data,k.value=i.data,t||(P.current=1)}catch(t){e.error(t?.response?.data?.message??`加载研学线路失败`)}finally{b.value=!1}}function we(e){P.current=e}async function Te(t){try{await y.put(`/study-tours/${t.id}`,{is_on_shelf:!t.is_on_shelf}),e.success(`状态已切换`),await $(!0)}catch(t){e.error(t?.response?.data?.message??`操作失败`)}}function Ee(){E.value=!0,D.value=null,z.name=``,z.tags=[],z.venue_ids=[],z.cover_image=``,z.intro_html=``,z.sort=0,z.is_on_shelf=!0,G(),T.value=!0}function De(e){E.value=!1,D.value=e.id,z.name=e.name,z.tags=Array.isArray(e.tags)?[...e.tags]:[],z.venue_ids=Array.isArray(e.venue_ids)?[...e.venue_ids]:[],z.cover_image=e.cover_image??``,z.intro_html=e.intro_html||``,z.sort=e.sort??0,z.is_on_shelf=e.is_on_shelf!==!1,G(),T.value=!0}function Oe(e){let t=new Set(e),n=z.venue_ids.filter(e=>t.has(e)),r=new Set(n);for(let t of e)r.has(t)||n.push(t);z.venue_ids=n}function ke(e){if(e<=0)return;let t=[...z.venue_ids],n=t[e-1];t[e-1]=t[e],t[e]=n,z.venue_ids=t}function Ae(e){if(e>=z.venue_ids.length-1)return;let t=[...z.venue_ids],n=t[e+1];t[e+1]=t[e],t[e]=n,z.venue_ids=t}function je(e){z.venue_ids=z.venue_ids.filter(t=>t!==e)}function Me(){let t=B.value.trim();if(!t){e.warning(`请输入标签内容`);return}if(z.tags.includes(t)){e.warning(`标签已存在`);return}z.tags=[...z.tags,t],B.value=``}function Ne(e){let t=[...z.tags];t.splice(e,1),z.tags=t}async function Pe(){if(!z.name.trim())return e.warning(`请填写线路名称`),!1;if(!z.venue_ids.length)return e.warning(`请至少选择一个场馆`),!1;w.value=!0;try{let t={name:z.name.trim(),tags:z.tags.map(e=>e.trim()).filter(Boolean),venue_ids:[...z.venue_ids],cover_image:z.cover_image||``,intro_html:z.intro_html||``,sort:z.sort??0,is_on_shelf:z.is_on_shelf};return E.value?(await y.post(`/study-tours`,t),e.success(`新增线路成功`)):D.value&&(await y.put(`/study-tours/${D.value}`,t),e.success(`更新线路成功`)),T.value=!1,await $(),!0}catch(t){return e.error(t?.response?.data?.message??`保存失败`),!1}finally{w.value=!1}}async function Fe(t){try{await y.delete(`/study-tours/${t.id}`),e.success(`删除成功`),await $()}catch(t){e.error(t?.response?.data?.message??`删除失败`)}}return n(async()=>{await Q().catch(()=>void 0),await $()}),(e,n)=>{let l=r(`a-input-search`),d=r(`a-option`),f=r(`a-select`),_=r(`a-button`),y=r(`a-space`),x=r(`a-table-column`),D=r(`a-tag`),A=r(`a-popconfirm`),H=r(`a-table`),U=r(`a-card`),W=r(`a-modal`),G=r(`a-input`),K=r(`a-form-item`),q=r(`a-input-number`),J=r(`a-switch`),Q=r(`a-col`),Ie=r(`a-empty`),Le=r(`a-row`),Re=r(`a-upload`),ze=r(`a-typography-text`),Be=r(`a-form`);return t(),p(c,null,[g(U,{title:`研学线路管理 / 线路列表`},{default:i(()=>[g(y,{wrap:``,style:{"margin-bottom":`12px`}},{default:i(()=>[g(l,{modelValue:j.value,"onUpdate:modelValue":n[0]||=e=>j.value=e,placeholder:`关键词（线路名称）`,style:{width:`220px`},"allow-clear":``,onSearch:$,onClear:$},null,8,[`modelValue`]),Ce()?s(``,!0):(t(),o(f,{key:0,modelValue:M.value,"onUpdate:modelValue":n[1]||=e=>M.value=e,placeholder:`场馆`,"allow-clear":``,"allow-search":``,style:{width:`200px`},onChange:$},{default:i(()=>[(t(!0),p(c,null,v(k.value,e=>(t(),o(d,{key:e.id,value:e.id},{default:i(()=>[a(u(e.name),1)]),_:2},1032,[`value`]))),128))]),_:1},8,[`modelValue`])),g(f,{modelValue:N.value,"onUpdate:modelValue":n[2]||=e=>N.value=e,placeholder:`上架状态`,"allow-clear":``,style:{width:`140px`},onChange:$},{default:i(()=>[g(d,{value:`1`},{default:i(()=>[...n[12]||=[a(`上架`,-1)]]),_:1}),g(d,{value:`0`},{default:i(()=>[...n[13]||=[a(`下架`,-1)]]),_:1})]),_:1},8,[`modelValue`]),g(_,{type:`primary`,onClick:n[3]||=()=>$()},{default:i(()=>[...n[14]||=[a(`查询`,-1)]]),_:1}),g(_,{type:`primary`,onClick:Ee},{default:i(()=>[...n[15]||=[a(`新建线路`,-1)]]),_:1})]),_:1}),g(H,{class:`list-data-table study-tour-table`,scroll:{x:_e},data:O.value,loading:b.value,"row-key":`id`,pagination:{current:P.current,pageSize:P.pageSize,total:O.value.length,showTotal:!0},onPageChange:we},{columns:i(()=>[g(x,{title:``,width:50,ellipsis:!0,tooltip:!0},{cell:i(({rowIndex:e})=>[a(u(h(ne)(e,P.current,P.pageSize)),1)]),_:1}),g(x,{title:`线路名称`,"data-index":`name`,width:160,ellipsis:!0,tooltip:!0}),g(x,{title:`封面`,width:72,align:`center`},{cell:i(({record:e})=>[h(S)(e.cover_image)?(t(),p(`img`,{key:0,src:h(S)(e.cover_image),alt:``,style:{width:`44px`,height:`44px`,"object-fit":`cover`,"border-radius":`4px`,cursor:`pointer`},onClick:t=>be(`image`,e.cover_image),onError:Z},null,40,re)):(t(),p(`span`,ie,`-`))]),_:1}),g(x,{title:`标签`,width:130,ellipsis:!0,tooltip:!0},{cell:i(({record:e})=>[a(u(ye(e.tags)),1)]),_:1}),g(x,{title:`场馆数`,width:72},{cell:i(({record:e})=>[a(u((e.venue_ids||[]).length),1)]),_:1}),g(x,{title:`排序`,"data-index":`sort`,width:64,ellipsis:!0,tooltip:!0}),g(x,{title:`上架状态`,width:100},{cell:i(({record:e})=>[g(D,{color:e.is_on_shelf?`green`:`gray`},{default:i(()=>[a(u(e.is_on_shelf?`上架`:`下架`),1)]),_:2},1032,[`color`])]),_:1}),g(x,{title:`操作`,width:200,"min-width":180,fixed:`right`,align:`center`},{cell:i(({record:e})=>[g(y,{wrap:``,size:4},{default:i(()=>[g(_,{type:`text`,onClick:t=>De(e)},{default:i(()=>[...n[16]||=[a(`编辑`,-1)]]),_:1},8,[`onClick`]),g(_,{type:`text`,status:`warning`,onClick:t=>Te(e)},{default:i(()=>[a(u(e.is_on_shelf?`下架`:`上架`),1)]),_:2},1032,[`onClick`]),g(A,{content:`确定删除该线路？`,onOk:t=>Fe(e)},{default:i(()=>[g(_,{type:`text`,status:`danger`},{default:i(()=>[...n[17]||=[a(`删除`,-1)]]),_:1})]),_:1},8,[`onOk`])]),_:2},1024)]),_:1})]),_:1},8,[`scroll`,`data`,`loading`,`pagination`])]),_:1}),g(W,{visible:I.value,"onUpdate:visible":n[4]||=e=>I.value=e,footer:!1,width:`auto`,onCancel:n[5]||=e=>I.value=!1},{default:i(()=>[m(`div`,ae,[L.value===`image`?(t(),p(`img`,{key:0,src:R.value,alt:`预览`,style:{"max-width":`100%`,"max-height":`75vh`,display:`block`,margin:`0 auto`}},null,8,oe)):(t(),p(`video`,{key:1,src:R.value,controls:``,style:{"max-width":`100%`,"max-height":`75vh`,display:`block`,margin:`0 auto`}},null,8,se))])]),_:1},8,[`visible`]),g(W,{visible:T.value,"onUpdate:visible":n[11]||=e=>T.value=e,title:E.value?`新增线路`:`编辑线路`,width:`70%`,"body-style":ve,"confirm-loading":w.value,"on-before-ok":Pe},{default:i(()=>[g(Be,{model:z,layout:`vertical`,class:`admin-modal-form`},{default:i(()=>[g(K,{label:`线路名称`,required:``},{default:i(()=>[g(G,{modelValue:z.name,"onUpdate:modelValue":n[6]||=e=>z.name=e},null,8,[`modelValue`])]),_:1}),g(K,{label:`排序`},{default:i(()=>[g(q,{modelValue:z.sort,"onUpdate:modelValue":n[7]||=e=>z.sort=e,min:0},null,8,[`modelValue`])]),_:1}),g(K,{label:`上架状态`},{default:i(()=>[g(J,{modelValue:z.is_on_shelf,"onUpdate:modelValue":n[8]||=e=>z.is_on_shelf=e},null,8,[`modelValue`])]),_:1}),m(`div`,ce,[g(Le,{gutter:16},{default:i(()=>[g(Q,{span:12},{default:i(()=>[g(K,{label:`标签`},{default:i(()=>[m(`div`,le,[m(`div`,ue,[g(G,{modelValue:B.value,"onUpdate:modelValue":n[9]||=e=>B.value=e,placeholder:`请输入标签内容`,class:`study-tour-tags-input`},null,8,[`modelValue`]),g(_,{type:`primary`,onClick:Me},{default:i(()=>[...n[18]||=[a(`保存标签`,-1)]]),_:1})]),m(`div`,de,[(t(!0),p(c,null,v(z.tags,(e,n)=>(t(),o(D,{key:`${e}-${n}`,closable:``,style:{"margin-bottom":`0`},onClose:e=>Ne(n)},{default:i(()=>[a(u(e),1)]),_:2},1032,[`onClose`]))),128)),z.tags.length?s(``,!0):(t(),p(`span`,fe,`暂无标签`))])])]),_:1})]),_:1}),g(Q,{span:12},{default:i(()=>[g(K,{label:`场馆数组（可排序）`,required:``},{default:i(()=>[m(`div`,pe,[m(`div`,me,[g(f,{"model-value":z.venue_ids,multiple:``,"allow-search":``,"allow-clear":``,"max-tag-count":1,placeholder:`请选择场馆`,onChange:Oe},{default:i(()=>[(t(!0),p(c,null,v(k.value,e=>(t(),o(d,{key:e.id,value:e.id},{default:i(()=>[a(u(e.name),1)]),_:2},1032,[`value`]))),128))]),_:1},8,[`model-value`])]),m(`div`,he,[g(y,{direction:`vertical`,fill:``},{default:i(()=>[(t(!0),p(c,null,v(V.value,(e,r)=>(t(),p(`div`,{key:e.id,style:{display:`flex`,"align-items":`center`,"justify-content":`space-between`,border:`1px solid #f2f3f5`,"border-radius":`4px`,padding:`6px 8px`}},[m(`span`,null,u(r+1)+`. `+u(e.name),1),g(y,null,{default:i(()=>[g(_,{size:`mini`,disabled:r===0,onClick:e=>ke(r)},{default:i(()=>[...n[19]||=[a(`上移`,-1)]]),_:1},8,[`disabled`,`onClick`]),g(_,{size:`mini`,disabled:r===V.value.length-1,onClick:e=>Ae(r)},{default:i(()=>[...n[20]||=[a(`下移`,-1)]]),_:1},8,[`disabled`,`onClick`]),g(_,{size:`mini`,status:`danger`,onClick:t=>je(e.id)},{default:i(()=>[...n[21]||=[a(`移除`,-1)]]),_:1},8,[`onClick`])]),_:2},1024)]))),128)),V.value.length?s(``,!0):(t(),o(Ie,{key:0,description:`未选择场馆`}))]),_:1})])])]),_:1})]),_:1})]),_:1})]),g(K,{label:`封面图`,class:`admin-modal-form__full`},{default:i(()=>[g(y,{direction:`vertical`,fill:``,style:{width:`100%`}},{default:i(()=>[g(Re,{"auto-upload":!1,"show-file-list":!1,accept:`image/*`,"before-upload":X,onChange:xe},{"upload-button":i(()=>[g(_,null,{default:i(()=>[...n[22]||=[a(`上传封面`,-1)]]),_:1})]),_:1}),g(ze,{type:`secondary`},{default:i(()=>[a(u(h(te)),1)]),_:1}),z.cover_image?(t(),p(`div`,C,[m(`img`,{src:h(S)(z.cover_image),alt:`封面预览`,class:`study-tour-cover-thumb`,onError:Z},null,40,ge),g(_,{size:`mini`,status:`danger`,onClick:Se},{default:i(()=>[...n[23]||=[a(`删除封面`,-1)]]),_:1})])):s(``,!0)]),_:1})]),_:1}),g(K,{label:`线路简介`,class:`admin-modal-form__full`},{default:i(()=>[g(ee,{modelValue:z.intro_html,"onUpdate:modelValue":n[10]||=e=>z.intro_html=e,"field-key":`study-intro-${F.value}`,"editor-options":Y,"min-height":260},null,8,[`modelValue`,`field-key`])]),_:1})]),_:1},8,[`model`])]),_:1},8,[`visible`,`title`,`confirm-loading`])],64)}}}),[[`__scopeId`,`data-v-dd20827b`]]);export{w as default}; |