| 1 |
- import{n as L,r as u,w as S,e as h,k as E}from"./index.9d8a3e8d.js";import{q as $,v as j}from"./qiNiu.config.c702bce6.js";const R="/assets/upload-img-icon.b49be46a.svg";const V={__name:"LJUploadImages",props:{value:{type:String,default:null},accept:{type:String,default:".jpg,.jpeg,.png,.gif,.bmp,.pdf,.JPG,.JPEG,.PBG,.GIF,.BMP,.PDF"},autoUpload:{type:Boolean,default:!0},multiple:{type:Boolean,default:!0},limit:{type:Number,default:10}},emits:["input"],setup(p,{expose:l,emit:e}){const t=p,i="http://cashier-salary-sms.wei7star.com/api/upload_qiniu/",c=u(),m=u(""),f=u(!1),b=u(!1),x=u($.uploadFileField),r=u(v(t.value));S(()=>r.value,a=>{e("input",_(a))},{deep:!0});function _(a){return a.filter(s=>s.status==="success").map(s=>s.urls).join(",")}function v(a){function s(n){return{name:n,url:n,urls:n,uid:j()}}return a?a.indexOf(",")>-1?a.split(",").map(n=>s(n)):[s(a)]:[]}function y(a){const s=r.value.findIndex(n=>n.uid===a.uid);r.value.splice(s,1)}function C(a){m.value=a.url,f.value=!0}function F(a){function s(n,o){let d=document.createElement("a");d.download=o,d.href=n,d.click(),d.remove()}s(a.url,a.name)}function I(a,s,n){r.value=n,r.value.filter(o=>o.status==="success"&&!o.urls).map(o=>{o.urls=o.response.data})}function P(){h.exports.Message({type:"error",message:"\u4E0A\u4F20\u5931\u8D25",offset:"20px"})}function k(a){h.exports.Message.warning(`\u5F53\u524D\u9650\u5236\u9009\u62E9 ${t.limit} \u4E2A\u6587\u4EF6\uFF0C\u672C\u6B21\u9009\u62E9\u4E86 ${a.length} \u4E2A\u6587\u4EF6`)}function g(){c.value.clearFiles()}function J(){return{Authorization:"token "+E("token")}}return l({clearFiles:g}),{__sfc:!0,uploadUrl:i,emits:e,props:t,LJUploadImagesRef:c,dialogImageUrl:m,dialogVisible:f,disabled:b,uploadFileNameField:x,modelFiles:r,formatValueStr:_,formatValueArray:v,handleRemove:y,handlePictureCardPreview:C,handleDownload:F,handleUploadSuccess:I,handleError:P,handleExceed:k,clearFiles:g,setHeaders:J}}};var w=function(){var l=this,e=l._self._c,t=l._self._setupProxy;return e("div",{staticClass:"lj-upload-images"},[e("el-upload",{ref:"LJUploadImagesRef",attrs:{"list-type":"picture-card",accept:l.accept,headers:t.setHeaders(),name:t.uploadFileNameField,"file-list":t.modelFiles,action:t.uploadUrl,"auto-upload":l.autoUpload,"on-success":t.handleUploadSuccess,"on-error":t.handleError,"on-exceed":t.handleExceed,multiple:l.multiple,limit:l.limit},scopedSlots:l._u([{key:"file",fn:function({file:i}){return e("div",{},[e("img",{staticClass:"el-upload-list__item-thumbnail",attrs:{src:i.url,alt:""}}),e("span",{staticClass:"el-upload-list__item-actions"},[e("span",{staticClass:"el-upload-list__item-preview",on:{click:function(c){return t.handlePictureCardPreview(i)}}},[e("i",{staticClass:"el-icon-zoom-in"})]),t.disabled?l._e():e("span",{staticClass:"el-upload-list__item-delete",on:{click:function(c){return t.handleDownload(i)}}},[e("i",{staticClass:"el-icon-download"})]),t.disabled?l._e():e("span",{staticClass:"el-upload-list__item-delete",on:{click:function(c){return t.handleRemove(i)}}},[e("i",{staticClass:"el-icon-delete"})])])])}}])},[e("div",{staticClass:"tip",attrs:{slot:"tip"},slot:"tip"},[l._v(" \u9009\u62E9"+l._s(l.accept!=="."?l.accept:"")+"\u6587\u4EF6 ")]),e("div",{staticClass:"uploadFile"},[e("img",{staticStyle:{transform:"translateY(-30%)","margin-top":"32px"},attrs:{src:R}})])]),e("el-dialog",{attrs:{visible:t.dialogVisible,top:"20px"},on:{"update:visible":function(i){t.dialogVisible=i}}},[e("img",{attrs:{width:"100%",src:t.dialogImageUrl,alt:""}})])],1)},q=[];w._withStripped=!0;var U=L(V,w,q,!1,null,"9a84ea85",null,null);U.options.__file="E:/\u5341\u4E8C\u79D1\u6280/\u9879\u76EE/\u4E5D\u53F7\u540C\u4E8B/salary-management-web/src/components/LJUpload/LJUploadImages.vue";const N=U.exports;export{N as L};
|
