1 line
6.1 KiB
JavaScript
1 line
6.1 KiB
JavaScript
"use strict";(self["webpackChunkscui"]=self["webpackChunkscui"]||[]).push([[4512],{3623:function(e,l,a){a.r(l),a.d(l,{default:function(){return n}});var u=a(641);const o=e=>((0,u.Qi)("data-v-0beaf675"),e=e(),(0,u.jt)(),e),r={class:"custom-empty"},i=o((()=>(0,u.Lk)("p",null,"自定义插槽",-1))),d=o((()=>(0,u.Lk)("div",{class:"el-upload__text"},[(0,u.eW)(" Drop file here or "),(0,u.Lk)("em",null,"click to upload")],-1)));function t(e,l,a,o,t,f){const m=(0,u.g2)("el-button"),s=(0,u.g2)("sc-upload-file"),n=(0,u.g2)("el-card"),p=(0,u.g2)("sc-upload-multiple"),c=(0,u.g2)("sc-upload"),b=(0,u.g2)("el-icon-upload"),g=(0,u.g2)("el-icon"),F=(0,u.g2)("el-space"),k=(0,u.g2)("el-form-item"),V=(0,u.g2)("el-icon-upload-filled"),h=(0,u.g2)("el-date-picker"),_=(0,u.g2)("el-form"),w=(0,u.g2)("el-main");return(0,u.uX)(),(0,u.Wv)(w,null,{default:(0,u.k6)((()=>[(0,u.bF)(n,{shadow:"never",header:"文件示例"},{default:(0,u.k6)((()=>[(0,u.bF)(s,{modelValue:t.fileurl,"onUpdate:modelValue":l[0]||(l[0]=e=>t.fileurl=e),limit:3,data:{otherData:"demo"},tip:"最多上传3个文件,单个文件不要超过10M,请上传xlsx/docx格式文件"},{default:(0,u.k6)((()=>[(0,u.bF)(m,{type:"primary",icon:"el-icon-upload"},{default:(0,u.k6)((()=>[(0,u.eW)("上传附件")])),_:1})])),_:1},8,["modelValue"])])),_:1}),(0,u.bF)(n,{shadow:"never",header:"文件示例(值为对象数组,适合保存原始文件名)"},{default:(0,u.k6)((()=>[(0,u.bF)(s,{modelValue:t.fileurlArr,"onUpdate:modelValue":l[1]||(l[1]=e=>t.fileurlArr=e),limit:3,tip:"最多上传3个文件,单个文件不要超过10M,请上传xlsx/docx格式文件"},{default:(0,u.k6)((()=>[(0,u.bF)(m,{type:"primary",icon:"el-icon-upload"},{default:(0,u.k6)((()=>[(0,u.eW)("上传附件")])),_:1})])),_:1},8,["modelValue"])])),_:1}),(0,u.bF)(n,{shadow:"never",header:"图片卡片示例(已开启拖拽排序)"},{default:(0,u.k6)((()=>[(0,u.bF)(p,{modelValue:t.fileurl2,"onUpdate:modelValue":l[2]||(l[2]=e=>t.fileurl2=e),draggable:"",limit:3,tip:"最多上传3个文件,单个文件不要超过10M,请上传图像格式文件"},null,8,["modelValue"])])),_:1}),(0,u.bF)(n,{shadow:"never",header:"单图像示例"},{default:(0,u.k6)((()=>[(0,u.bF)(F,{wrap:"",size:8},{default:(0,u.k6)((()=>[(0,u.bF)(c,{modelValue:t.fileurl3,"onUpdate:modelValue":l[3]||(l[3]=e=>t.fileurl3=e)},null,8,["modelValue"]),(0,u.bF)(c,{modelValue:t.fileurl4,"onUpdate:modelValue":l[4]||(l[4]=e=>t.fileurl4=e),title:"自定义标题",icon:"el-icon-picture"},null,8,["modelValue"]),(0,u.bF)(c,{modelValue:t.fileurl5,"onUpdate:modelValue":l[5]||(l[5]=e=>t.fileurl5=e),apiObj:t.uploadApi,accept:"image/jpg,image/png","on-success":f.success,width:220},{default:(0,u.k6)((()=>[(0,u.Lk)("div",r,[(0,u.bF)(g,null,{default:(0,u.k6)((()=>[(0,u.bF)(b)])),_:1}),i])])),_:1},8,["modelValue","apiObj","on-success"]),(0,u.bF)(c,{modelValue:t.fileurl6,"onUpdate:modelValue":l[6]||(l[6]=e=>t.fileurl6=e),round:"",icon:"el-icon-avatar",title:"开启圆形"},null,8,["modelValue"]),(0,u.bF)(c,{modelValue:t.fileurl7,"onUpdate:modelValue":l[7]||(l[7]=e=>t.fileurl7=e),title:"开启剪裁",cropper:!0,compress:1,aspectRatio:1},null,8,["modelValue"])])),_:1})])),_:1}),(0,u.bF)(n,{shadow:"never",header:"在验证表单中使用"},{default:(0,u.k6)((()=>[(0,u.bF)(_,{ref:"ruleForm",model:t.form,rules:t.rules,"label-width":"100px"},{default:(0,u.k6)((()=>[(0,u.bF)(k,{label:"身份证",required:""},{default:(0,u.k6)((()=>[(0,u.bF)(F,{wrap:"",size:8},{default:(0,u.k6)((()=>[(0,u.bF)(k,{prop:"file1"},{default:(0,u.k6)((()=>[(0,u.bF)(c,{modelValue:t.form.file1,"onUpdate:modelValue":l[8]||(l[8]=e=>t.form.file1=e),title:"人像面"},null,8,["modelValue"])])),_:1}),(0,u.bF)(k,{prop:"file2"},{default:(0,u.k6)((()=>[(0,u.bF)(c,{modelValue:t.form.file2,"onUpdate:modelValue":l[9]||(l[9]=e=>t.form.file2=e),title:"国徽面"},null,8,["modelValue"])])),_:1})])),_:1})])),_:1}),(0,u.bF)(k,{label:"其他凭证",prop:"file3"},{default:(0,u.k6)((()=>[(0,u.bF)(p,{modelValue:t.form.file3,"onUpdate:modelValue":l[10]||(l[10]=e=>t.form.file3=e)},null,8,["modelValue"])])),_:1}),(0,u.bF)(k,{label:"附件",prop:"file4"},{default:(0,u.k6)((()=>[(0,u.bF)(s,{modelValue:t.form.file4,"onUpdate:modelValue":l[11]||(l[11]=e=>t.form.file4=e),limit:1,drag:""},{default:(0,u.k6)((()=>[(0,u.bF)(g,{class:"el-icon--upload"},{default:(0,u.k6)((()=>[(0,u.bF)(V)])),_:1}),d])),_:1},8,["modelValue"])])),_:1}),(0,u.bF)(k,{label:"日期",prop:"date"},{default:(0,u.k6)((()=>[(0,u.bF)(h,{type:"date",placeholder:"选择日期",modelValue:t.form.date,"onUpdate:modelValue":l[12]||(l[12]=e=>t.form.date=e)},null,8,["modelValue"])])),_:1}),(0,u.bF)(k,null,{default:(0,u.k6)((()=>[(0,u.bF)(m,{type:"primary",onClick:f.submitForm},{default:(0,u.k6)((()=>[(0,u.eW)("保存")])),_:1},8,["onClick"]),(0,u.bF)(m,{onClick:f.resetForm},{default:(0,u.k6)((()=>[(0,u.eW)("重置")])),_:1},8,["onClick"])])),_:1})])),_:1},8,["model","rules"])])),_:1})])),_:1})}var f={name:"upload",data(){return{uploadApi:this.$API.common.upload,fileurlArr:[{name:"销售合同模板.xlsx",url:"http://www.scuiadmin.com/files/220000198611262243.xlsx"},{name:"企业员工联系方式.xlsx",url:"http://www.scuiadmin.com/files/350000201004261875.xlsx"}],fileurl:"http://www.scuiadmin.com/files/220000198611262243.xlsx,http://www.scuiadmin.com/files/350000201004261875.xlsx",fileurl2:"img/auth_banner.jpg,img/avatar3.gif",fileurl3:"img/auth_banner.jpg",fileurl4:"",fileurl5:"",fileurl6:"",fileurl7:"",form:{file1:"",file2:"",file3:"",file4:"",date:""},rules:{file1:[{required:!0,message:"请上传",trigger:"change"}],file2:[{required:!0,message:"请上传",trigger:"change"}],file3:[{required:!0,message:"请上传",trigger:"change"}],file4:[{required:!0,message:"请上传附件",trigger:"change"}],date:[{required:!0,message:"请选择日期",trigger:"change"}]}}},methods:{success(e){return this.$alert("success函数钩子，可用于类似OCR返回信息，return false后阻止后续执行，回调参数打开控制台查看",{title:"提示",type:"success"}),console.log(e),!1},submitForm(){this.$refs.ruleForm.validate((e=>{if(!e)return!1;alert("请看控制台输出"),console.log(this.form)}))},resetForm(){this.$refs.ruleForm.resetFields()}}},m=a(6262);const s=(0,m.A)(f,[["render",t],["__scopeId","data-v-0beaf675"]]);var n=s}}]); |