img-upload.cb3615d3.js 1.4 KB

1
  1. import{_ as F,d as b,w as r,bA as B,aF as h,r as i,o as C,G as j,C as l,l as E,M as x,b as w,aQ as c,bB as I,bC as U}from"./index.7fe3185d.js";const k=w("div",{class:"el-upload__tip"},"\u8BF7\u4E0A\u4F20jpg.png.bmp.jpeg\u7C7B\u578B\u56FE\u7247",-1),y=b({__name:"img-upload",emits:["change"],setup(A,{emit:p}){const d=["image/png","image/jpg","image/bmp","image/jpeg"],t=r([]),s=r([]),m=B(),g=h(),_=({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);g({message:o,code:n,handler:()=>{s.value.push(U+"/"+u[0].url),p("change",s.value.join(","))}})},v=a=>{const e=t.value.findIndex(({uid:o})=>o===a.uid);return s.value.splice(e,1),p("change",s.value.join(",")),!0};return(a,e)=>{const o=i("el-button"),n=i("el-upload");return C(),j(n,{"file-list":t.value,"onUpdate:fileList":e[0]||(e[0]=u=>t.value=u),"before-upload":_,"http-request":f,"before-remove":v,multiple:""},{tip:l(()=>[k]),default:l(()=>[E(o,{type:"primary"},{default:l(()=>[x("\u4E0A\u4F20\u56FE\u7247")]),_:1})]),_:1},8,["file-list"])}}});var R=F(y,[["__file","D:/work/accout-vue3-ui1/src/views/InvoiceSales/refund/components/approval-process/img-upload.vue"]]);export{R as default};