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
8.3 KiB
2 lines
8.3 KiB
import{p as q,E as H,G as Q,H as pe,F as ce,b as me}from"./el-button-e2db9d24.js";import{E as _e}from"./el-drawer-ff04497f.js";import{E as fe}from"./el-message-box-b36f6f03.js";import{E as W,a as J}from"./el-form-item-8920ca0c.js";import{E as K}from"./el-progress-c3e10056.js";import{E as X}from"./el-input-5fc6aaec.js";import{a as ve,b as ge,E as ye}from"./el-breadcrumb-item-4a5b4005.js";import{E as we}from"./el-pagination-36ba5b37.js";import"./el-tag-290e5c91.js";import"./el-select-ffb55c7a.js";import"./el-scrollbar-5933f25d.js";import{E as be,a as Ee}from"./el-table-column-448a0581.js";import"./el-tooltip-4ed993c7.js";import{E as he,a as Ce,b as Ve}from"./el-dropdown-item-bbb7be2f.js";import"./el-icon-08628b36.js";import{E as ke}from"./el-image-viewer-e3399f62.js";import{E as xe}from"./el-dialog-e4a7f8ff.js";import{a as x,u as Ie}from"./request-26ab9dc6.js";import{E as k}from"./el-message-3c79da29.js";import{_ as Y}from"./_plugin-vue_export-helper-c27b6911.js";import{q as u,z as Z,v as ee,o as S,f as N,M as r,Q as e,w as l,a as w,N as m,O as te,F as R,a3 as ze,W as Fe,c as De,a6 as j,a7 as Se,a8 as Ae}from"./index-7ed2d026.js";import"./use-dialog-7562524e.js";import"./index-dc664f45.js";import"./aria-60e0cdc6.js";import"./castArray-283666ff.js";import"./_baseClone-a5946d7f.js";import"./cloneDeep-e81a5417.js";import"./index-8f4d4c63.js";import"./strings-d2b52496.js";const Ue=async s=>x("/activity/getActivityList","POST",s),Le=async s=>x("/activity/getActivity","GET",{id:s}),Pe=async s=>x("/activity/deleteActivity","GET",{id:s}),Te=async s=>x("/activity/updateActivity","POST",s),Be=async s=>x("/activity/addActivity","POST",s);const Ne={class:"demo-drawer__footer",style:{"text-align":"right"}},Re=["src"],$e={__name:"Form",props:{editid:{type:Number,default:0}},emits:["close"],setup(s,{emit:h}){const c=s,b=h,E=u("insert"),v=u(!1),g=u(null),n=u({id:0,title1:"",title2:"",title3:"",imageList:[]});Z(async()=>{if(c.editid){let i=await Le(c.editid);i.code===200&&(n.value=i.data,E.value="update",C.value=i.data.imageList.map(a=>({uid:a.uid,url:"https://prodio.zltest.com.tw"+a.url})))}});const I=ee({}),_=()=>{b("close",!1)},A=i=>{i&&i.validate(async a=>{if(a){let t,o;E.value==="update"?(n.value.id=c.editid,t=await Te(n.value),o="修改成功."):(t=await Be(n.value),o="新增成功."),t.code===200&&(k({message:o,type:"success"}),b("close",!0))}else return k({message:"操作失敗.",type:"error"}),!1})},C=u([]),z=u(""),V=u(!1),U=async i=>{const a=new FormData;a.append("file",i.file),v.value=!0;let t=await Ie("/activity/uploadImage",a);t.code===200?n.value.imageList.push({uid:i.file.uid,url:t.data}):k.error("上傳失敗"),v.value=!1},L=(i,a)=>{n.value.imageList=n.value.imageList.filter(t=>t.uid!==i.uid)},P=i=>{z.value=i.url,V.value=!0};return(i,a)=>{const t=X,o=W,F=H,T=K,y=J,D=Q,f=xe;return S(),N(R,null,[r("div",null,[e(y,{ref_key:"formRef",ref:g,model:n.value,"status-icon":"",rules:I,"label-width":"120px"},{default:l(()=>[e(o,{label:"標題(繁)",prop:"title"},{default:l(()=>[e(t,{modelValue:n.value.title1,"onUpdate:modelValue":a[0]||(a[0]=p=>n.value.title1=p)},null,8,["modelValue"])]),_:1}),e(o,{label:"標題(簡)",prop:"title"},{default:l(()=>[e(t,{modelValue:n.value.title2,"onUpdate:modelValue":a[1]||(a[1]=p=>n.value.title2=p)},null,8,["modelValue"])]),_:1}),e(o,{label:"標題(英)",prop:"title"},{default:l(()=>[e(t,{modelValue:n.value.title3,"onUpdate:modelValue":a[2]||(a[2]=p=>n.value.title3=p)},null,8,["modelValue"])]),_:1}),e(o,{label:"活動照片",prop:"content"},{default:l(()=>[e(T,{"file-list":C.value,"onUpdate:fileList":a[3]||(a[3]=p=>C.value=p),action:"#","http-request":U,"list-type":"picture-card","on-preview":P,"on-remove":L},{default:l(()=>[e(F,null,{default:l(()=>[e(w(q))]),_:1})]),_:1},8,["file-list"])]),_:1})]),_:1},8,["model","rules"]),r("div",Ne,[e(D,{onClick:_},{default:l(()=>[m("取消")]),_:1}),e(D,{type:"primary",loading:v.value,onClick:a[4]||(a[4]=p=>A(g.value))},{default:l(()=>[m(te(v.value?"提交中 ...":"確認"),1)]),_:1},8,["loading"])])]),e(f,{modelValue:V.value,"onUpdate:modelValue":a[5]||(a[5]=p=>V.value=p)},{default:l(()=>[r("img",{"w-full":"",src:z.value,alt:"Preview Image"},null,8,Re)]),_:1},8,["modelValue"])],64)}}},Me=Y($e,[["__scopeId","data-v-a24c4f0d"]]);const le=s=>(Se("data-v-8c38f428"),s=s(),Ae(),s),Ge={class:"main"},Oe={class:"breadcrumb-section"},je=le(()=>r("a",{href:"/"},"公司活動",-1)),qe={class:"imgGroup"},He={class:"pagination-block"},Qe=le(()=>r("small",{class:"el-upload__tip"}," ※ 請上傳500kb以內jpg檔案。",-1)),We={class:"demo-drawer__footer",style:{"text-align":"right"}},Je={__name:"Index",setup(s){const h=u(!1),c=ee({page:1,pageSize:10}),{page:b,pageSize:E}=ze(c),v=u(0),g=u(!1),n=u(!1),I=u([]);Z(()=>{_()});const _=async()=>{g.value=!0;let t=await Ue(c);t.code===200&&(I.value=t.data.list,v.value=t.data.total),g.value=!1},A=()=>{i.value=0,n.value=!0},C=t=>{i.value=t,n.value=!0},z=t=>{fe.confirm("確認刪除此紀錄?").then(async()=>{(await Pe(t)).code===200?(k({message:"刪除成功.",type:"success"}),_()):k({message:"刪除失敗.",type:"error"})}).catch(()=>{})},V=t=>{c.pageSize=t,_()},U=t=>{c.page=t,_()},L=t=>{c.page=t,_()},P=t=>{c.page=t,_()},i=u(0),a=t=>{n.value=!1,t&&_()};return(t,o)=>{const F=ve,T=ge,y=Q,D=ke,f=be,p=H,$=he,ae=Ce,oe=Ve,ne=Ee,ie=we,M=ye,se=X,G=W,de=K,re=J,O=_e;return S(),N(R,null,[r("div",Ge,[r("div",Oe,[r("div",null,[e(T,{separator:"/"},{default:l(()=>[e(F,null,{default:l(()=>[m(" 最新消息 ")]),_:1}),e(F,null,{default:l(()=>[je]),_:1})]),_:1})]),r("div",null,[e(y,{type:"primary",icon:w(q),onClick:A},{default:l(()=>[m(" 新增活動 ")]),_:1},8,["icon"])])]),e(M,{"body-style":{padding:"0px"}},{default:l(()=>[e(ne,{data:I.value,style:{width:"100%"}},{default:l(()=>[e(f,{type:"expand",label:"相簿",width:"80"},{default:l(d=>[r("div",qe,[(S(!0),N(R,null,Fe(d.row.imageList,(B,ue)=>(S(),De(D,{key:ue,style:{width:"100px",height:"60px"},src:"https://prodio.zltest.com.tw"+B.url,fit:t.cover},null,8,["src","fit"]))),128))])]),_:1}),e(f,{prop:"id",label:"#",width:"50"}),e(f,{prop:"title1",label:"標題(繁)"}),e(f,{prop:"title2",label:"標題(簡)"}),e(f,{prop:"title3",label:"標題(英)"}),e(f,{prop:"create_time",label:"建立時間"}),e(f,{label:"其他項目",width:"105",fixed:"right"},{default:l(d=>[e(oe,null,{dropdown:l(()=>[e(ae,null,{default:l(()=>[e($,{icon:w(pe),onClick:B=>C(d.row.id)},{default:l(()=>[m("修改")]),_:2},1032,["icon","onClick"]),e($,{icon:w(ce),onClick:B=>z(d.row.id)},{default:l(()=>[m("刪除")]),_:2},1032,["icon","onClick"])]),_:2},1024)]),default:l(()=>[e(y,{type:"danger"},{default:l(()=>[m(" 操作"),e(p,{class:"el-icon--right"},{default:l(()=>[e(w(me))]),_:1})]),_:1})]),_:2},1024)]),_:1})]),_:1},8,["data"]),r("div",He,[e(ie,{"current-page":w(b),"onUpdate:currentPage":o[0]||(o[0]=d=>j(b)?b.value=d:null),"page-size":w(E),"onUpdate:pageSize":o[1]||(o[1]=d=>j(E)?E.value=d:null),"page-sizes":[10,20,50,100],layout:"->,total, sizes, prev, pager, next, jumper",total:v.value,onSizeChange:V,onCurrentChange:U,onPrevClick:L,onNextClick:P},null,8,["current-page","page-size","total"])])]),_:1})]),r("div",null,[e(O,{ref:"drawerRef",modelValue:h.value,"onUpdate:modelValue":o[4]||(o[4]=d=>h.value=d),title:"新增動態",direction:"rtl",size:"550"},{default:l(()=>[e(M,null,{default:l(()=>[e(re,{model:t.initform,"label-width":"120px"},{default:l(()=>[e(G,{label:"標題"},{default:l(()=>[e(se,{modelValue:t.initform.title,"onUpdate:modelValue":o[2]||(o[2]=d=>t.initform.title=d)},null,8,["modelValue"])]),_:1}),e(G,{label:"相簿上傳"},{default:l(()=>[e(de,{class:"upload-demo",action:"https://run.mocky.io/v3/9d059bf9-4660-45f2-925d-ce80ad6c4d15","on-preview":t.handlePreview,"on-remove":t.handleRemove,"list-type":"picture"},{tip:l(()=>[Qe]),default:l(()=>[e(y,{type:"primary"},{default:l(()=>[m("上傳圖片")]),_:1})]),_:1},8,["on-preview","on-remove"])]),_:1})]),_:1},8,["model"])]),_:1}),r("div",We,[e(y,{onClick:o[3]||(o[3]=d=>h.value=!1)},{default:l(()=>[m("取消")]),_:1}),e(y,{type:"primary",loading:g.value,onClick:t.onClick},{default:l(()=>[m(te(g.value?"Submitting ...":"確認"),1)]),_:1},8,["loading","onClick"])])]),_:1},8,["modelValue"])]),r("div",null,[e(O,{ref:"drawerRef",modelValue:n.value,"onUpdate:modelValue":o[5]||(o[5]=d=>n.value=d),"destroy-on-close":!0,title:"公司活動",direction:"rtl",size:"70%"},{default:l(()=>[e(Me,{editid:i.value,onClose:a},null,8,["editid"])]),_:1},8,["modelValue"])])],64)}}},kt=Y(Je,[["__scopeId","data-v-8c38f428"]]);export{kt as default};
|