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
6.7 KiB
2 lines
6.7 KiB
import{p as L,E as M,B as P,C as Y,A as Z,b as ee}from"./el-button-98327865.js";import{E as le}from"./el-drawer-1b116d0e.js";import{E as A}from"./el-message-01c953f1.js";import{E as q,a as j}from"./el-form-item-6a713521.js";import{E as G}from"./el-progress-37539b38.js";import{a as te,b as oe,E as ae}from"./el-breadcrumb-item-c62d9403.js";import{E as ne,a as se}from"./el-tag-f3a08928.js";import"./el-scrollbar-7a0c56b8.js";import{E as de,a as re,b as ie}from"./el-dropdown-item-16e508f0.js";import{E as O}from"./el-input-7c688efc.js";import{E as ue}from"./el-image-viewer-048d9c29.js";import{E as me}from"./el-dialog-b09332e2.js";import{g as pe,u as _e,a as ce,b as fe}from"./news-3e708e7d.js";import{u as ve}from"./request-5a9b7645.js";import{_ as Q}from"./_plugin-vue_export-helper-c27b6911.js";import{q as r,z as W,v as H,o as D,f as S,M as d,Q as e,w as l,a as I,N as u,O as J,F as T,a3 as we,W as ge,c as be,a5 as ye,a6 as Ee}from"./index-7ade0fa6.js";import"./el-message-box-35f36743.js";import"./index-82e080df.js";import"./castArray-7f2a9c68.js";const he={class:"demo-drawer__footer",style:{"text-align":"right"}},Ve=["src"],Ie={__name:"Form",props:{editid:{type:Number,default:0}},emits:["close"],setup(g,{emit:y}){const E=g,c=r("insert"),m=r(!1),f=r(null),i=r({id:0,title:"",content:""});W(async()=>{if(E.editid){let o=await pe(E.editid);o.code===200&&(i.value=o.data,c.value="update")}});const x=H({}),k=()=>{y("close",!1)},F=o=>{o&&o.validate(async a=>{if(a){let p,_;console.log("formType",c.value),c.value==="update"?(i.value.id=E.editid,p=await _e(i.value),_="修改成功."):(p=await ce(i.value),_="新增成功."),p.code===200&&(A({message:_,type:"success"}),y("close",!0))}else return A({message:"操作失敗.",type:"error"}),!1})},t=r([]),n=r(""),b=r(!1),N=async o=>{const a=new FormData;a.append("file",o.file),m.value=!0;let p=await ve("/activity/uploadImage",a);console.log("res",t.value),p.code===200||A.error("上傳失敗"),m.value=!1},w=(o,a)=>{console.log(o,a)},U=o=>{n.value=o.url,b.value=!0};return(o,a)=>{const p=O,_=q,$=M,B=G,R=j,h=P,C=me;return D(),S(T,null,[d("div",null,[e(R,{ref_key:"formRef",ref:f,model:i.value,"status-icon":"",rules:x,"label-width":"120px"},{default:l(()=>[e(_,{label:"標題",prop:"title"},{default:l(()=>[e(p,{modelValue:i.value.title,"onUpdate:modelValue":a[0]||(a[0]=v=>i.value.title=v)},null,8,["modelValue"])]),_:1}),e(_,{label:"活動照片",prop:"content"},{default:l(()=>[e(B,{"file-list":t.value,"onUpdate:fileList":a[1]||(a[1]=v=>t.value=v),action:"#","http-request":N,"list-type":"picture-card","on-preview":U,"on-remove":w},{default:l(()=>[e($,null,{default:l(()=>[e(I(L))]),_:1})]),_:1},8,["file-list"])]),_:1})]),_:1},8,["model","rules"]),d("div",he,[e(h,{onClick:k},{default:l(()=>[u("取消")]),_:1}),e(h,{type:"primary",loading:m.value,onClick:a[2]||(a[2]=v=>F(f.value))},{default:l(()=>[u(J(m.value?"提交中 ...":"確認"),1)]),_:1},8,["loading"])])]),e(C,{modelValue:b.value,"onUpdate:modelValue":a[3]||(a[3]=v=>b.value=v)},{default:l(()=>[d("img",{"w-full":"",src:n.value,alt:"Preview Image"},null,8,Ve)]),_:1},8,["modelValue"])],64)}}},ke=Q(Ie,[["__scopeId","data-v-03450bfa"]]);const K=g=>(ye("data-v-328578ec"),g=g(),Ee(),g),Ce={class:"main"},De={class:"breadcrumb-section"},xe=K(()=>d("a",{href:"/"},"產業動態",-1)),Fe={class:"imgGroup"},Ne=K(()=>d("small",{class:"el-upload__tip"}," ※ 請上傳500kb以內jpg檔案。",-1)),Ue={class:"demo-drawer__footer",style:{"text-align":"right"}},$e={__name:"Index",setup(g){const y=H({page:1,pageSize:10});we(y);const E=r(0),c=r(!1),m=r(!1),f=r([]);W(()=>{i()});const i=async()=>{c.value=!0;let t=await fe(y);t.code===200&&(f.value=t.data.list,E.value=t.data.total),c.value=!1},x=()=>{k.value=0,m.value=!0},k=r(0),F=t=>{m.value=!1,t&&i()};return(t,n)=>{const b=te,N=oe,w=P,U=ue,o=ne,a=O,p=M,_=de,$=re,B=ie,R=se,h=ae,C=q,v=G,X=j,z=le;return D(),S(T,null,[d("div",Ce,[d("div",De,[d("div",null,[e(N,{separator:"/"},{default:l(()=>[e(b,null,{default:l(()=>[u(" 經銷系統 ")]),_:1}),e(b,null,{default:l(()=>[xe]),_:1})]),_:1})]),d("div",null,[e(w,{type:"primary",icon:I(L),onClick:x},{default:l(()=>[u(" 新增動態 ")]),_:1},8,["icon"])])]),e(h,{"body-style":{padding:"0px"}},{default:l(()=>[e(R,{data:f.value,style:{width:"100%"}},{default:l(()=>[e(o,{type:"expand",label:"相簿",width:"80"},{default:l(s=>[d("div",Fe,[(D(!0),S(T,null,ge(f.value[s.$index].imgs,V=>(D(),be(U,{key:t.index,style:{width:"100px",height:"60px"},src:V,fit:"cover"},null,8,["src"]))),128))])]),_:1}),e(o,{prop:"id",label:"#",width:"50"}),e(o,{prop:"title",label:"標題"}),e(o,{prop:"date",label:"建立時間"}),e(o,{prop:"sort",label:"排序",width:"80"},{default:l(s=>[e(a,{modelValue:f.value[s.$index].sort,"onUpdate:modelValue":V=>f.value[s.$index].sort=V,style:{width:"40px"}},null,8,["modelValue","onUpdate:modelValue"])]),_:1}),e(o,{label:"其他項目",width:"105",fixed:"right"},{default:l(s=>[e(B,null,{dropdown:l(()=>[e($,null,{default:l(()=>[e(_,{icon:I(Y),onClick:n[0]||(n[0]=V=>t.showEditNewsDrawer=!0)},{default:l(()=>[u("修改")]),_:1},8,["icon"]),e(_,{icon:I(Z),onClick:V=>t.deleteRow(s.$index)},{default:l(()=>[u("刪除")]),_:2},1032,["icon","onClick"])]),_:2},1024)]),default:l(()=>[e(w,{type:"danger"},{default:l(()=>[u(" 操作"),e(p,{class:"el-icon--right"},{default:l(()=>[e(I(ee))]),_:1})]),_:1})]),_:2},1024)]),_:1})]),_:1},8,["data"])]),_:1})]),d("div",null,[e(z,{ref:"drawerRef",modelValue:t.showAddNewsDrawer,"onUpdate:modelValue":n[3]||(n[3]=s=>t.showAddNewsDrawer=s),title:"新增動態",direction:"rtl",size:"550"},{default:l(()=>[e(h,null,{default:l(()=>[e(X,{model:t.initform,"label-width":"120px"},{default:l(()=>[e(C,{label:"標題"},{default:l(()=>[e(a,{modelValue:t.initform.title,"onUpdate:modelValue":n[1]||(n[1]=s=>t.initform.title=s)},null,8,["modelValue"])]),_:1}),e(C,{label:"相簿上傳"},{default:l(()=>[e(v,{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(()=>[Ne]),default:l(()=>[e(w,{type:"primary"},{default:l(()=>[u("上傳圖片")]),_:1})]),_:1},8,["on-preview","on-remove"])]),_:1})]),_:1},8,["model"])]),_:1}),d("div",Ue,[e(w,{onClick:n[2]||(n[2]=s=>t.showAddNewsDrawer=!1)},{default:l(()=>[u("取消")]),_:1}),e(w,{type:"primary",loading:c.value,onClick:t.onClick},{default:l(()=>[u(J(c.value?"Submitting ...":"確認"),1)]),_:1},8,["loading","onClick"])])]),_:1},8,["modelValue"])]),d("div",null,[e(z,{ref:"drawerRef",modelValue:m.value,"onUpdate:modelValue":n[4]||(n[4]=s=>m.value=s),"destroy-on-close":!0,title:"新增管理員",direction:"rtl",size:"70%"},{default:l(()=>[e(ke,{editid:k.value,onClose:F},null,8,["editid"])]),_:1},8,["modelValue"])])],64)}}},Ye=Q($e,[["__scopeId","data-v-328578ec"]]);export{Ye as default};
|