img-upload.511fa97f.js 1.4 KB

1
  1. import{_ as h,r as F,D as l,bC as B,aB as b,v as i,o as j,M as C,J as p,w as E,W as x,q as U,aO as c}from"./index.2818fb8c.js";import{h as I,b as k}from"./index.d669d574.js";const w=x("\u4E0A\u4F20\u56FE\u7247"),D=U("div",{class:"el-upload__tip"},"\u8BF7\u4E0A\u4F20jpg.png.bmp.jpeg\u7C7B\u578B\u56FE\u7247",-1),y=F({__name:"img-upload",emits:["change"],setup(R,{emit:r}){const d=["image/png","image/jpg","image/bmp","image/jpeg"],t=l([]),s=l([]),m=B(),_=b(),g=({type:a,size:e})=>{if(!d.includes(a))return c.error("\u8BF7\u4E0A\u4F20jpg.png.bmp.jpeg\u7C7B\u578B\u56FE\u7247"),!1;if(e/1024/1024>1)return c.error("\u56FE\u7247\u5927\u5C0F\u8D85\u8FC71M"),!1},f=async({file:a})=>{const e=new FormData;e.append("img",a),e.append("token",m.token);const{message:o,code:n,data:u}=await I(e);_({message:o,code:n,handler:()=>{s.value.push(k+"/"+u[0].url),r("change",s.value.join(","))}})},v=a=>{const e=t.value.findIndex(({uid:o})=>o===a.uid);return s.value.splice(e,1),r("change",s.value.join(",")),!0};return(a,e)=>{const o=i("el-button"),n=i("el-upload");return j(),C(n,{"file-list":t.value,"onUpdate:file-list":e[0]||(e[0]=u=>t.value=u),"before-upload":g,"http-request":f,"before-remove":v,multiple:""},{tip:p(()=>[D]),default:p(()=>[E(o,{type:"primary"},{default:p(()=>[w]),_:1})]),_:1},8,["file-list"])}}});var M=h(y,[["__file","C:/Users/63107/Desktop/projects/accout-vue3-ui/src/views/InvoiceSales/refund/components/approval-process/img-upload.vue"]]);export{M as default};