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:"
|