1 line
6.1 KiB
JavaScript
1 line
6.1 KiB
JavaScript
"use strict";(self["webpackChunkscui"]=self["webpackChunkscui"]||[]).push([[2735],{97485:function(e,l,a){a.r(l),a.d(l,{default:function(){return V}});var u=a(66252);const o=e=>((0,u.dD)("data-v-0beaf675"),e=e(),(0,u.Cn)(),e),r=(0,u.Uk)("上传附件"),d=(0,u.Uk)("上传附件"),i={class:"custom-empty"},m=o((()=>(0,u._)("p",null,"自定义插槽",-1))),t=o((()=>(0,u._)("div",{class:"el-upload__text"},[(0,u.Uk)(" Drop file here or "),(0,u._)("em",null,"click to upload")],-1))),f=(0,u.Uk)("保存"),s=(0,u.Uk)("重置");function p(e,l,a,o,p,n){const c=(0,u.up)("el-button"),w=(0,u.up)("sc-upload-file"),V=(0,u.up)("el-card"),g=(0,u.up)("sc-upload-multiple"),W=(0,u.up)("sc-upload"),_=(0,u.up)("el-icon-upload"),h=(0,u.up)("el-icon"),x=(0,u.up)("el-space"),U=(0,u.up)("el-form-item"),b=(0,u.up)("el-icon-upload-filled"),k=(0,u.up)("el-date-picker"),v=(0,u.up)("el-form"),y=(0,u.up)("el-main");return(0,u.wg)(),(0,u.j4)(y,null,{default:(0,u.w5)((()=>[(0,u.Wm)(V,{shadow:"never",header:"文件示例"},{default:(0,u.w5)((()=>[(0,u.Wm)(w,{modelValue:p.fileurl,"onUpdate:modelValue":l[0]||(l[0]=e=>p.fileurl=e),limit:3,data:{otherData:"demo"},tip:"最多上传3个文件,单个文件不要超过10M,请上传xlsx/docx格式文件"},{default:(0,u.w5)((()=>[(0,u.Wm)(c,{type:"primary",icon:"el-icon-upload"},{default:(0,u.w5)((()=>[r])),_:1})])),_:1},8,["modelValue"])])),_:1}),(0,u.Wm)(V,{shadow:"never",header:"文件示例(值为对象数组,适合保存原始文件名)"},{default:(0,u.w5)((()=>[(0,u.Wm)(w,{modelValue:p.fileurlArr,"onUpdate:modelValue":l[1]||(l[1]=e=>p.fileurlArr=e),limit:3,tip:"最多上传3个文件,单个文件不要超过10M,请上传xlsx/docx格式文件"},{default:(0,u.w5)((()=>[(0,u.Wm)(c,{type:"primary",icon:"el-icon-upload"},{default:(0,u.w5)((()=>[d])),_:1})])),_:1},8,["modelValue"])])),_:1}),(0,u.Wm)(V,{shadow:"never",header:"图片卡片示例(已开启拖拽排序)"},{default:(0,u.w5)((()=>[(0,u.Wm)(g,{modelValue:p.fileurl2,"onUpdate:modelValue":l[2]||(l[2]=e=>p.fileurl2=e),draggable:"",limit:3,tip:"最多上传3个文件,单个文件不要超过10M,请上传图像格式文件"},null,8,["modelValue"])])),_:1}),(0,u.Wm)(V,{shadow:"never",header:"单图像示例"},{default:(0,u.w5)((()=>[(0,u.Wm)(x,{wrap:"",size:8},{default:(0,u.w5)((()=>[(0,u.Wm)(W,{modelValue:p.fileurl3,"onUpdate:modelValue":l[3]||(l[3]=e=>p.fileurl3=e)},null,8,["modelValue"]),(0,u.Wm)(W,{modelValue:p.fileurl4,"onUpdate:modelValue":l[4]||(l[4]=e=>p.fileurl4=e),title:"自定义标题",icon:"el-icon-picture"},null,8,["modelValue"]),(0,u.Wm)(W,{modelValue:p.fileurl5,"onUpdate:modelValue":l[5]||(l[5]=e=>p.fileurl5=e),apiObj:p.uploadApi,accept:"image/jpg,image/png","on-success":n.success,width:220},{default:(0,u.w5)((()=>[(0,u._)("div",i,[(0,u.Wm)(h,null,{default:(0,u.w5)((()=>[(0,u.Wm)(_)])),_:1}),m])])),_:1},8,["modelValue","apiObj","on-success"]),(0,u.Wm)(W,{modelValue:p.fileurl6,"onUpdate:modelValue":l[6]||(l[6]=e=>p.fileurl6=e),round:"",icon:"el-icon-avatar",title:"开启圆形"},null,8,["modelValue"]),(0,u.Wm)(W,{modelValue:p.fileurl7,"onUpdate:modelValue":l[7]||(l[7]=e=>p.fileurl7=e),title:"开启剪裁",cropper:!0,compress:1,aspectRatio:1},null,8,["modelValue"])])),_:1})])),_:1}),(0,u.Wm)(V,{shadow:"never",header:"在验证表单中使用"},{default:(0,u.w5)((()=>[(0,u.Wm)(v,{ref:"ruleForm",model:p.form,rules:p.rules,"label-width":"100px"},{default:(0,u.w5)((()=>[(0,u.Wm)(U,{label:"身份证",required:""},{default:(0,u.w5)((()=>[(0,u.Wm)(x,{wrap:"",size:8},{default:(0,u.w5)((()=>[(0,u.Wm)(U,{prop:"file1"},{default:(0,u.w5)((()=>[(0,u.Wm)(W,{modelValue:p.form.file1,"onUpdate:modelValue":l[8]||(l[8]=e=>p.form.file1=e),title:"人像面"},null,8,["modelValue"])])),_:1}),(0,u.Wm)(U,{prop:"file2"},{default:(0,u.w5)((()=>[(0,u.Wm)(W,{modelValue:p.form.file2,"onUpdate:modelValue":l[9]||(l[9]=e=>p.form.file2=e),title:"国徽面"},null,8,["modelValue"])])),_:1})])),_:1})])),_:1}),(0,u.Wm)(U,{label:"其他凭证",prop:"file3"},{default:(0,u.w5)((()=>[(0,u.Wm)(g,{modelValue:p.form.file3,"onUpdate:modelValue":l[10]||(l[10]=e=>p.form.file3=e)},null,8,["modelValue"])])),_:1}),(0,u.Wm)(U,{label:"附件",prop:"file4"},{default:(0,u.w5)((()=>[(0,u.Wm)(w,{modelValue:p.form.file4,"onUpdate:modelValue":l[11]||(l[11]=e=>p.form.file4=e),limit:1,drag:""},{default:(0,u.w5)((()=>[(0,u.Wm)(h,{class:"el-icon--upload"},{default:(0,u.w5)((()=>[(0,u.Wm)(b)])),_:1}),t])),_:1},8,["modelValue"])])),_:1}),(0,u.Wm)(U,{label:"日期",prop:"date"},{default:(0,u.w5)((()=>[(0,u.Wm)(k,{type:"date",placeholder:"选择日期",modelValue:p.form.date,"onUpdate:modelValue":l[12]||(l[12]=e=>p.form.date=e)},null,8,["modelValue"])])),_:1}),(0,u.Wm)(U,null,{default:(0,u.w5)((()=>[(0,u.Wm)(c,{type:"primary",onClick:n.submitForm},{default:(0,u.w5)((()=>[f])),_:1},8,["onClick"]),(0,u.Wm)(c,{onClick:n.resetForm},{default:(0,u.w5)((()=>[s])),_:1},8,["onClick"])])),_:1})])),_:1},8,["model","rules"])])),_:1})])),_:1})}var n={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()}}},c=a(83744);const w=(0,c.Z)(n,[["render",p],["__scopeId","data-v-0beaf675"]]);var V=w}}]); |