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
7.4 KiB
2 lines
7.4 KiB
import{p as M,E as N,B as A,C as q,A as P,b as Q}from"./el-button-98327865.js";import{E as H}from"./el-drawer-1b116d0e.js";import{E as g}from"./el-message-01c953f1.js";import{E as G,a as J,b as K}from"./el-breadcrumb-item-c62d9403.js";import{E as W,a as X}from"./el-tag-f3a08928.js";import"./el-scrollbar-7a0c56b8.js";import{E as Y,a as Z,b as ee}from"./el-dropdown-item-16e508f0.js";import{E as L}from"./el-input-7c688efc.js";import{E as le}from"./el-dialog-b09332e2.js";import{E as ae,a as oe}from"./el-form-item-6a713521.js";import{E as te}from"./el-progress-37539b38.js";import{a as B,u as se}from"./request-5a9b7645.js";import{f as ne}from"./style-b9d5d7ae.js";import{_ as re}from"./_plugin-vue_export-helper-c27b6911.js";import{q as d,z as O,o as x,f as U,M as c,Q as e,w as l,c as de,a as V,N as m,O as ue,V as ie,F as S,v as ce,a3 as pe}from"./index-7ade0fa6.js";import"./el-message-box-35f36743.js";import{E as me}from"./index-ff1306d3.js";import"./index-82e080df.js";import"./castArray-7f2a9c68.js";import"./aria-bc8e8b0f.js";import"./validator-d3f529a0.js";const _e=async()=>B("/branch/getBranchList","GET"),fe=async p=>B("/branch/getBranch","GET",{id:p}),ve=async p=>B("/branch/deleteBranch","GET",{id:p}),ge=async p=>B("/branch/updateBranch","POST",p),be=async p=>B("/branch/addBranch","POST",p);const ye=["src"],we={class:"demo-drawer__footer",style:{"text-align":"right"}},he={key:0,class:"cropper-section"},Ee={class:"crop-area"},Ve={class:"crop-btn"},xe={__name:"Form",props:{editid:{type:Number,default:0}},emits:["close"],setup(p,{emit:C}){const b=p,_=d("insert"),f=d(!1),y=d(null),t=d({id:0});O(async()=>{if(b.editid){let s=await fe(b.editid);s.code===200&&(t.value=s.data,_.value="update")}});const D=d({name:[{required:!0,message:"供應商名稱必填",trigger:"blur"}]}),u=d({show:!1,img:null,ratio:1.875}),w=d(null),F=s=>s.type!=="image/jpeg"&&s.type!=="image/png"&&s.type!=="image/jpg"?(g.error("圖片格式只能是jpeg/png/jpg!"),!1):(u.value.show=!0,u.value.img=URL.createObjectURL(s),!1),i=()=>{const{canvas:s}=w.value.getResult();if(s){const a=new FormData;s.toBlob(async r=>{let n=new File([r],"image.jpg");a.append("fileType","IMAGE"),a.append("file",n),u.value.show=!1,f.value=!0;let v=await se("/branch/uploadImage",a);v.code===200?(t.value.imageurl=v.data,g.success("上傳成功")):g.error("上傳失敗"),f.value=!1},"image/jpeg")}},h=()=>{u.value.show=!1},k=()=>{C("close",!1)},T=s=>{s&&s.validate(async a=>{if(a){let r,n;_.value==="update"?(t.value.id=b.editid,r=await ge(t.value),n="修改成功."):(r=await be(t.value),n="新增成功."),r.code===200&&(g({message:n,type:"success"}),C("close",!0))}else return g({message:"操作失敗.",type:"error"}),!1})};return(s,a)=>{const r=L,n=ae,v=N,I=te,j=oe,R=G,E=A,$=le;return x(),U(S,null,[c("div",null,[e(R,null,{default:l(()=>[e(j,{ref_key:"formRef",ref:y,model:t.value,"status-icon":"",rules:D.value,"label-width":"120px"},{default:l(()=>[e(n,{label:"據點名稱",prop:"name"},{default:l(()=>[e(r,{modelValue:t.value.name,"onUpdate:modelValue":a[0]||(a[0]=o=>t.value.name=o)},null,8,["modelValue"])]),_:1}),e(n,{label:"地址",prop:"address"},{default:l(()=>[e(r,{modelValue:t.value.address,"onUpdate:modelValue":a[1]||(a[1]=o=>t.value.address=o)},null,8,["modelValue"])]),_:1}),e(n,{label:"電話",prop:"tel"},{default:l(()=>[e(r,{modelValue:t.value.tel,"onUpdate:modelValue":a[2]||(a[2]=o=>t.value.tel=o)},null,8,["modelValue"])]),_:1}),e(n,{label:"傳真",prop:"fax"},{default:l(()=>[e(r,{modelValue:t.value.fax,"onUpdate:modelValue":a[3]||(a[3]=o=>t.value.fax=o)},null,8,["modelValue"])]),_:1}),e(n,{label:"網址",prop:"url"},{default:l(()=>[e(r,{modelValue:t.value.url,"onUpdate:modelValue":a[4]||(a[4]=o=>t.value.url=o)},null,8,["modelValue"])]),_:1}),e(n,{label:"Email",prop:"email"},{default:l(()=>[e(r,{modelValue:t.value.email,"onUpdate:modelValue":a[5]||(a[5]=o=>t.value.email=o)},null,8,["modelValue"])]),_:1}),e(n,{label:"據點圖片",prop:"imageurl"},{default:l(()=>[e(I,{class:"avatar-uploader",action:"#",accept:"image/*","show-file-list":!1,"auto-upload":!0,"before-upload":o=>F(o)},{default:l(()=>[t.value.imageurl?(x(),U("img",{key:0,src:"http://localhost:6060"+t.value.imageurl,class:"avatar",id:"imageurl"},null,8,ye)):(x(),de(v,{key:1,class:"avatar-uploader-icon"},{default:l(()=>[e(V(M))]),_:1}))]),_:1},8,["before-upload"])]),_:1})]),_:1},8,["model","rules"])]),_:1}),c("div",we,[e(E,{onClick:k},{default:l(()=>[m("取消")]),_:1}),e(E,{type:"primary",loading:f.value,onClick:a[6]||(a[6]=o=>T(y.value))},{default:l(()=>[m(ue(f.value?"處理中...":"確認"),1)]),_:1},8,["loading"])])]),c("div",null,[e($,{modelValue:u.value.show,"onUpdate:modelValue":a[7]||(a[7]=o=>u.value.show=o),title:"Tips","before-close":h},{default:l(()=>[u.value.show?(x(),U("div",he,[c("div",Ee,[e(V(ne),{class:"cropper",ref_key:"myCrop",ref:w,src:u.value.img,"stencil-props":{aspectRatio:u.value.ratio},"auto-zoom":!0},null,8,["src","stencil-props"])]),c("div",Ve,[e(E,{type:"primary",size:"small",text:"",onClick:h},{default:l(()=>[m("取消")]),_:1}),e(E,{type:"primary",size:"small",onClick:i},{default:l(()=>[m("剪裁")]),_:1})])])):ie("",!0)]),_:1},8,["modelValue"])])],64)}}},Be=re(xe,[["__scopeId","data-v-0c2531e5"]]),Ce={class:"main"},ke={class:"breadcrumb-section"},Ue=c("a",{href:"/"},"公司據點",-1),We={__name:"Index",setup(p){const C=ce({page:1,pageSize:10});pe(C),d(0);const b=d(!1),_=d(!1),f=d([]);O(()=>{y()});const y=async()=>{b.value=!0;let i=await _e();i.code===200&&(f.value=i.data),b.value=!1},t=()=>{w.value=0,_.value=!0},D=i=>{w.value=i,_.value=!0},u=i=>{me.confirm("確認刪除此紀錄?").then(async()=>{(await ve(i)).code===200?(g({message:"刪除成功.",type:"success"}),y()):g({message:"刪除失敗.",type:"error"})}).catch(()=>{})},w=d(0),F=i=>{_.value=!1,i&&y()};return(i,h)=>{const k=J,T=K,s=A,a=W,r=L,n=N,v=Y,I=Z,j=ee,R=X,E=G,$=H;return x(),U(S,null,[c("div",Ce,[c("div",ke,[c("div",null,[e(T,{separator:"/"},{default:l(()=>[e(k,null,{default:l(()=>[m(" 聯絡我們 ")]),_:1}),e(k,null,{default:l(()=>[Ue]),_:1})]),_:1})]),c("div",null,[e(s,{type:"primary",icon:V(M),onClick:t},{default:l(()=>[m(" 新增據點 ")]),_:1},8,["icon"])])]),e(E,{"body-style":{padding:"0px"}},{default:l(()=>[e(R,{data:f.value,style:{width:"100%"}},{default:l(()=>[e(a,{prop:"id",label:"#",width:"50"}),e(a,{prop:"name",label:"據點名稱"}),e(a,{prop:"address",label:"據點地址"}),e(a,{prop:"tel",label:"電話"}),e(a,{prop:"fax",label:"傳真"}),e(a,{prop:"status",label:"是否有效"}),e(a,{prop:"sort",label:"排序",width:"80"},{default:l(o=>[e(r,{modelValue:o.row.sort_order,"onUpdate:modelValue":z=>o.row.sort_order=z,style:{width:"40px"}},null,8,["modelValue","onUpdate:modelValue"])]),_:1}),e(a,{label:"操作",width:"105",fixed:"right"},{default:l(o=>[e(j,null,{dropdown:l(()=>[e(I,null,{default:l(()=>[e(v,{icon:V(q),onClick:z=>D(o.row.id)},{default:l(()=>[m("修改")]),_:2},1032,["icon","onClick"]),e(v,{icon:V(P),onClick:z=>u(o.row.id)},{default:l(()=>[m("刪除")]),_:2},1032,["icon","onClick"])]),_:2},1024)]),default:l(()=>[e(s,{type:"danger"},{default:l(()=>[m(" 操作"),e(n,{class:"el-icon--right"},{default:l(()=>[e(V(Q))]),_:1})]),_:1})]),_:2},1024)]),_:1})]),_:1},8,["data"])]),_:1})]),c("div",null,[e($,{ref:"drawerRef",modelValue:_.value,"onUpdate:modelValue":h[0]||(h[0]=o=>_.value=o),"destroy-on-close":!0,title:"首頁輪撥",direction:"rtl",size:"50%"},{default:l(()=>[e(Be,{editid:w.value,onClose:F},null,8,["editid"])]),_:1},8,["modelValue"])])],64)}}};export{We as default};
|