"use strict";(self["webpackChunklin_cms_vue"]=self["webpackChunklin_cms_vue"]||[]).push([[4610,4372],{41847:function(e,l,a){a.r(l),a.d(l,{default:function(){return b}});var u=a(20641);const t={class:"lin-container"},d=(0,u.Lk)("div",{class:"lin-title"},"图片上传演示",-1),i={class:"lin-wrap"};function s(e,l,a,s,r,n){const o=(0,u.g2)("upload-imgs"),c=(0,u.g2)("el-button"),m=(0,u.g2)("el-form-item"),b=(0,u.g2)("el-radio"),f=(0,u.g2)("el-radio-group"),p=(0,u.g2)("el-form");return(0,u.uX)(),(0,u.CE)("div",t,[d,(0,u.Lk)("div",i,[(0,u.bF)(p,{"label-width":"220px"},{default:(0,u.k6)((()=>[(0,u.bF)(m,{label:"普通示例"},{default:(0,u.k6)((()=>[(0,u.bF)(o,{ref:"uploadEle3",rules:r.rules,multiple:!0},null,8,["rules"]),(0,u.Lk)("div",null,[(0,u.bF)(c,{onClick:l[0]||(l[0]=e=>n.getValue("uploadEle3"))},{default:(0,u.k6)((()=>[(0,u.eW)("获取当前图像数据")])),_:1})])])),_:1}),(0,u.bF)(m,{label:"禁用"},{default:(0,u.k6)((()=>[(0,u.bF)(o,{ref:"uploadEle4",multiple:!0,disabled:!0},null,512),(0,u.Lk)("div",null,[(0,u.bF)(c,{onClick:l[1]||(l[1]=e=>n.getValue("uploadEle4"))},{default:(0,u.k6)((()=>[(0,u.eW)("获取当前图像数据")])),_:1})])])),_:1}),(0,u.bF)(m,{label:"动图检测示例"},{default:(0,u.k6)((()=>[(0,u.bF)(o,{ref:"uploadEle32",rules:r.rules2,multiple:!0,"animated-check":!0},null,8,["rules"]),(0,u.Lk)("div",null,[(0,u.bF)(c,{onClick:l[2]||(l[2]=e=>n.getValue("uploadEle32"))},{default:(0,u.k6)((()=>[(0,u.eW)("获取当前图像数据")])),_:1})])])),_:1}),(0,u.bF)(m,{label:"禁用+初始化"},{default:(0,u.k6)((()=>[(0,u.bF)(o,{ref:"uploadEle5",rules:r.rules,multiple:!0,disabled:!0,value:r.initData},null,8,["rules","value"]),(0,u.Lk)("div",null,[(0,u.bF)(c,{onClick:l[3]||(l[3]=e=>n.getValue("uploadEle5"))},{default:(0,u.k6)((()=>[(0,u.eW)("获取当前图像数据")])),_:1})])])),_:1}),(0,u.bF)(m,{label:"带初始化, 限制4至7张"},{default:(0,u.k6)((()=>[(0,u.bF)(o,{ref:"uploadEle1",value:r.initData,rules:r.rules,multiple:!0,"max-num":7,"min-num":4},null,8,["value","rules"]),(0,u.Lk)("div",null,[(0,u.bF)(c,{onClick:l[4]||(l[4]=e=>n.getValue("uploadEle1"))},{default:(0,u.k6)((()=>[(0,u.eW)("获取当前图像数据")])),_:1})])])),_:1}),(0,u.bF)(m,{label:"初始化, 可多选, 不立即上传"},{default:(0,u.k6)((()=>[(0,u.bF)(o,{ref:"uploadEle2",value:r.initData,"auto-upload":!1,rules:r.rules,multiple:!0},null,8,["value","rules"]),(0,u.Lk)("div",null,[(0,u.bF)(c,{onClick:l[5]||(l[5]=e=>n.getValue("uploadEle2"))},{default:(0,u.k6)((()=>[(0,u.eW)("获取当前图像数据")])),_:1})])])),_:1}),(0,u.bF)(m,{label:"禁用+初始化+不预览"},{default:(0,u.k6)((()=>[(0,u.bF)(o,{ref:"uploadEle7",rules:r.rules,multiple:!0,disabled:!0,value:r.initData,preview:!1},null,8,["rules","value"]),(0,u.Lk)("div",null,[(0,u.bF)(c,{onClick:l[6]||(l[6]=e=>n.getValue("uploadEle7"))},{default:(0,u.k6)((()=>[(0,u.eW)("获取当前图像数据")])),_:1})])])),_:1}),(0,u.bF)(m,{label:"排序+固定数量"},{default:(0,u.k6)((()=>[(0,u.bF)(o,{ref:"uploadEle8",rules:r.rules,multiple:!0,"min-num":3,"max-num":3,sortable:!0},null,8,["rules"]),(0,u.Lk)("div",null,[(0,u.bF)(c,{onClick:l[7]||(l[7]=e=>n.getValue("uploadEle8"))},{default:(0,u.k6)((()=>[(0,u.eW)("获取当前图像数据")])),_:1})])])),_:1}),(0,u.bF)(m,{label:"仅最大数量"},{default:(0,u.k6)((()=>[(0,u.bF)(o,{rules:r.rules,multiple:!0,"max-num":3},null,8,["rules"])])),_:1}),(0,u.bF)(m,{label:"定制宽高+排序"},{default:(0,u.k6)((()=>[(0,u.bF)(o,{rules:r.rules,width:200,height:150,value:r.initData,sortable:!0},null,8,["rules","value"])])),_:1}),(0,u.bF)(m,{label:"重新初始化"},{default:(0,u.k6)((()=>[(0,u.bF)(o,{ref:"uploadEle9",rules:r.rules,width:200,height:150,value:r.initData1,sortable:!0},null,8,["rules","value"]),(0,u.Lk)("div",null,[(0,u.bF)(c,{onClick:n.changeData},{default:(0,u.k6)((()=>[(0,u.eW)("重新初始化")])),_:1},8,["onClick"]),(0,u.bF)(c,{onClick:n.doClear},{default:(0,u.k6)((()=>[(0,u.eW)("清空")])),_:1},8,["onClick"]),(0,u.bF)(c,{onClick:l[8]||(l[8]=e=>n.getValue("uploadEle9"))},{default:(0,u.k6)((()=>[(0,u.eW)("获取当前图像数据")])),_:1})])])),_:1}),(0,u.bF)(m,{label:"远程方法"},{default:(0,u.k6)((()=>[(0,u.bF)(f,{modelValue:r.remoteName,"onUpdate:modelValue":l[9]||(l[9]=e=>r.remoteName=e)},{default:(0,u.k6)((()=>[(0,u.bF)(b,{label:"remoteFucAsync"},{default:(0,u.k6)((()=>[(0,u.eW)("失败promise")])),_:1}),(0,u.bF)(b,{label:"remoteFuc"},{default:(0,u.k6)((()=>[(0,u.eW)("失败回调")])),_:1}),(0,u.bF)(b,{label:"remoteFucSuccessAsync"},{default:(0,u.k6)((()=>[(0,u.eW)("成功promise")])),_:1}),(0,u.bF)(b,{label:"remoteFucSuccess"},{default:(0,u.k6)((()=>[(0,u.eW)("成功回调")])),_:1})])),_:1},8,["modelValue"]),(0,u.bF)(o,{ref:"uploadEle13",rules:r.rules,multiple:!0,"remote-fuc":r.remoteNameObj[r.remoteName]},null,8,["rules","remote-fuc"]),(0,u.Lk)("div",null,[(0,u.bF)(c,{onClick:l[10]||(l[10]=e=>n.getValue("uploadEle13"))},{default:(0,u.k6)((()=>[(0,u.eW)("获取当前图像数据")])),_:1})])])),_:1}),(0,u.bF)(m,{label:"图像缩略图展示模式"},{default:(0,u.k6)((()=>[(0,u.bF)(f,{modelValue:r.fit,"onUpdate:modelValue":l[11]||(l[11]=e=>r.fit=e)},{default:(0,u.k6)((()=>[(0,u.bF)(b,{label:"fill"},{default:(0,u.k6)((()=>[(0,u.eW)("fill")])),_:1}),(0,u.bF)(b,{label:"contain"},{default:(0,u.k6)((()=>[(0,u.eW)("contain")])),_:1}),(0,u.bF)(b,{label:"cover"},{default:(0,u.k6)((()=>[(0,u.eW)("cover")])),_:1}),(0,u.bF)(b,{label:"none"},{default:(0,u.k6)((()=>[(0,u.eW)("none")])),_:1}),(0,u.bF)(b,{label:"scale-down"},{default:(0,u.k6)((()=>[(0,u.eW)("scale-down")])),_:1})])),_:1},8,["modelValue"]),(0,u.bF)(o,{rules:r.rules,width:200,height:150,fit:r.fit,value:r.initData},null,8,["rules","fit","value"])])),_:1}),(0,u.bF)(m,{label:"自定义校验函数"},{default:(0,u.k6)((()=>[(0,u.bF)(o,{ref:"uploadEle33",rules:r.rules,"before-upload":n.beforeFuc,multiple:!0},null,8,["rules","before-upload"]),(0,u.Lk)("div",null,[(0,u.bF)(c,{onClick:l[12]||(l[12]=e=>n.getValue("uploadEle33"))},{default:(0,u.k6)((()=>[(0,u.eW)("获取当前图像数据")])),_:1})])])),_:1})])),_:1})])])}var r=a(87466);function n(){return Math.random().toString(36).substring(2)}var o={name:"ImgsUploadStage1",components:{UploadImgs:r["default"]},data(){return{remoteName:"remoteFucAsync",remoteNameObj:{remoteFuc:this.remoteFuc,remoteFucAsync:this.remoteFucAsync,remoteFucSuccess:this.remoteFucSuccess,remoteFucSuccessAsync:this.remoteFucSuccessAsync},fit:"cover",rules:{maxSize:5,minWidth:100,minHeight:100},rules2:{minWidth:100,maxWidth:2e3,allowAnimated:1},initData1:[{id:"123",display:"https://fuss10.elemecdn.com/3/63/4e7f3a15429bfda99bce42a18cdd1jpeg.jpeg?imageMogr2/thumbnail/360x360/format/webp/quality/100",src:"/3/63/4e7f3a15429bfda99bce42a18cdd1jpeg.jpeg",imgId:"123dk98"},{id:"12d3",display:"https://fuss10.elemecdn.com/3/63/4e7f3a15429bfda99bce42a18cdd1jpeg.jpeg?imageMogr2/thumbnail/360x360/format/webp/quality/100",src:"/images/index/Lin_cms_%E5%B0%81%E9%9D%A2.png",imgId:"sd9873429"},{id:"hahah",display:"https://fuss10.elemecdn.com/3/63/4e7f3a15429bfda99bce42a18cdd1jpeg.jpeg?imageMogr2/thumbnail/360x360/format/webp/quality/100",src:"/images/index/Lin_UI_%E5%B0%81%E9%9D%A2.png",imgId:"ccsd2123"}],initData:[{id:"123",display:"https://fuss10.elemecdn.com/3/63/4e7f3a15429bfda99bce42a18cdd1jpeg.jpeg?imageMogr2/thumbnail/360x360/format/webp/quality/100",src:"https://fuss10.elemecdn.com/3/63/4e7f3a15429bfda99bce42a18cdd1jpeg.jpeg?imageMogr2/thumbnail/360x360/format/webp/quality/100",imgId:"12381900"},{id:"12d3",display:"https://fuss10.elemecdn.com/3/63/4e7f3a15429bfda99bce42a18cdd1jpeg.jpeg?imageMogr2/thumbnail/360x360/format/webp/quality/100",src:"/images/index/Lin_cms_%E5%B0%81%E9%9D%A2.png",imgId:"238287"},{id:"hahah",display:"https://fuss10.elemecdn.com/3/63/4e7f3a15429bfda99bce42a18cdd1jpeg.jpeg?imageMogr2/thumbnail/360x360/format/webp/quality/100",src:"/images/index/Lin_UI_%E5%B0%81%E9%9D%A2.png",imgId:"1232323"}]}},methods:{async beforeFuc(){return this.$message.error("进入自定义校验函数, 并返回false终止上传"),!1},async getValue(e){console.log(await this.$refs[e].getValue()),alert("已获取数据, 打印在控制台中")},doClear(){this.$refs.uploadEle9.clear()},changeData(){this.initData1=[{id:"hahah",display:"https://fuss10.elemecdn.com/3/63/4e7f3a15429bfda99bce42a18cdd1jpeg.jpeg?imageMogr2/thumbnail/360x360/format/webp/quality/100",src:"/images/index/Lin_UI_%E5%B0%81%E9%9D%A2.png",imgId:"2477899809"},{id:"12d3",display:"https://fuss10.elemecdn.com/3/63/4e7f3a15429bfda99bce42a18cdd1jpeg.jpeg?imageMogr2/thumbnail/360x360/format/webp/quality/100",src:"/images/index/Lin_cms_%E5%B0%81%E9%9D%A2.png",imgId:"4dfg43234"}]},remoteFucAsync(){return Promise.resolve(!1)},remoteFuc(e,l){setTimeout((()=>{l(!1)}),3e3)},remoteFucSuccessAsync(){return Promise.resolve({id:n,url:"http://dev.koa.7yue.pro/assets/2019/06/30/abc823a9-5ef4-48e1-bdf6-dd4f0ab92482.jpg"})},remoteFucSuccess(e,l){setTimeout((()=>{l({id:n,url:"http://dev.koa.7yue.pro/assets/2019/06/30/abc823a9-5ef4-48e1-bdf6-dd4f0ab92482.jpg"})}),3e3)}}},c=a(66262);const m=(0,c.A)(o,[["render",s]]);var b=m}}]);
|
