You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
1 lines
12 KiB
1 lines
12 KiB
(window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["chunk-c261fc3e","chunk-6092306c","chunk-6bc43b9a","chunk-2d0cfc62"],{"09ac":function(e,t,a){},"0d15":function(e,t,a){"use strict";a("d55f")},1236:function(e,t,a){"use strict";a.r(t);var l=function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("el-card",{attrs:{shadow:"never",header:"上传组件"}},[a("el-card",{attrs:{shadow:"never",header:"多图上传弹窗"}},[a("el-button",{on:{click:function(t){e.dialogOpen=!0}}},[e._v("打开上传图片弹窗组件")]),a("upload-imgs-dialog",{attrs:{imgsDlgData:e.imgsDlgData,isOpen:e.dialogOpen,dialogTitle:"图片上传"},on:{returnImgsDlg:e.getImgsDlg,clearImgsDlg:e.clearImgsDlg}}),a("ul",{staticClass:"imgs_upload_dlg"},e._l(e.imgsDlgArr,(function(e){return a("li",{key:e.index},[a("img",{attrs:{src:e,alt:""}})])})),0)],1),a("el-card",{attrs:{shadow:"never",header:"多图上传"}},[a("upload-imgs",{attrs:{imgsData:e.imgsData},on:{returnImgs:e.getImgs}})],1),a("el-card",{attrs:{shadow:"never",header:"单图上传"}},[a("el-upload",{staticClass:"upload-demo",attrs:{"show-file-list":!1,action:this.uploadImage+"?upload_type=img","before-upload":e.beforeAvatarUpload,"on-success":e.afterUploadLogo}},[e.imgUrl?a("img",{staticClass:"avatar",attrs:{src:e.imgUrl,width:"150",height:"150"}}):a("i",{staticClass:"el-icon-plus avatar-uploader-icon"})])],1),a("el-card",{attrs:{shadow:"never",header:"图片库上传"}},[a("el-button",{attrs:{type:"text"},on:{click:function(t){e.galleryVisible=!0}}},[e._v("图片库上传")]),a("el-dialog",{attrs:{title:"提示",visible:e.galleryVisible,width:"60%","before-close":e.handleCloseGallery},on:{"update:visible":function(t){e.galleryVisible=t}}},[a("upload-imgs-gallery"),a("span",{staticClass:"dialog-footer",attrs:{slot:"footer"},slot:"footer"},[a("el-button",{on:{click:function(t){e.galleryVisible=!1}}},[e._v("取 消")]),a("el-button",{attrs:{type:"primary"},on:{click:function(t){e.galleryVisible=!1}}},[e._v("确 定")])],1)],1)],1)],1)},s=[],i=a("d2b8"),n=a("ceb6"),o=a("64c1"),r=a("4e54"),c={name:"DemoDialogUploads",components:{uploadImgs:n["default"],uploadImgsDialog:o["default"],uploadImgsGallery:r["default"]},data:function(){return{dialogOpen:!1,imgsDlgArr:[],imgsDlgData:[],imgsArr:[],imgsData:[],imgUrl:"",uploadImage:i["a"].uploadImageUrl,galleryVisible:!1}},methods:{getImgsDlg:function(e,t){this.dialogOpen=!1,this.imgsDlgArr=e,this.imgsDlgData=t,console.log(e,t),this.imgsDlgData=[]},clearImgsDlg:function(){this.dialogOpen=!1,this.imgsDlgData=[]},getImgs:function(e,t){this.imgsArr=e,this.imgsData=t,console.log(e,t)},afterUploadLogo:function(e,t,a){0==e.code&&""!=e.url||this.$message.error(e.msg),this.imgUrl=e.url,console.log(e.url,a)},beforeAvatarUpload:function(e){var t="image/jpeg"===e.type,a=e.size/1024/1024<2;return t||this.$message.error("上传头像图片只能是 JPG 格式!"),a||this.$message.error("上传头像图片大小不能超过 2MB!"),t&&a},handleCloseGallery:function(e){console.log(e)}}},g=c,u=(a("0d15"),a("2877")),d=Object(u["a"])(g,l,s,!1,null,null,null);t["default"]=d.exports},4407:function(e,t,a){"use strict";a("df49")},"486d":function(e,t,a){"use strict";a("09ac")},"4e54":function(e,t,a){"use strict";a.r(t);var l=function(){var e=this,t=e.$createElement,l=e._self._c||t;return l("div",{attrs:{id:"imgsGallery"}},[l("div",{staticClass:"choice"},[e._m(0),l("div",{staticClass:"ig_ctr"},[l("ul",{staticClass:"list_type"},e._l(e.imgType,(function(t,a){return l("li",{key:a,class:{active:e.selectType==a},on:{click:function(t){return e.clickType(a)}}},[e._v(" "+e._s(t)+" ")])})),0),l("div",{directives:[{name:"show",rawName:"v-show",value:0==e.selectType,expression:"selectType == 0"}],staticClass:"choice_mine"},[l("div",{staticClass:"upload_self"},[l("ul",{staticClass:"list_gallery"},[e._l(e.uploadsFileData,(function(t,s){return l("li",{key:s,class:{active:e.selectData.includes(t)},on:{click:function(a){return e.clickImg(t)}}},[l("img",{attrs:{src:a("9d0f"),id:t.id,alt:t.url}}),l("i",{staticClass:"el-icon-check"})])})),l("el-upload",{attrs:{"list-type":"picture-card",multiple:"",action:e.uploadSite+"?upload_type=img","before-upload":e.beforeAvatarUpload,"on-success":e.afterUpload}},[l("i",{staticClass:"el-icon-plus"})])],2)])]),l("div",{directives:[{name:"show",rawName:"v-show",value:1==e.selectType,expression:"selectType == 1"}],staticClass:"choice_gallery"},[l("div",{staticClass:"_search _pad_ft"},[l("el-input",{attrs:{placeholder:"请输入内容",maxlength:"10"},model:{value:e.searchImgs,callback:function(t){e.searchImgs=t},expression:"searchImgs"}},[l("el-button",{staticClass:"el-icon-search",attrs:{slot:"append"},slot:"append"})],1)],1),l("div",{staticClass:"_pad_ft"},[l("el-tabs",{attrs:{type:"card"},on:{"tab-click":e.loadClass},model:{value:e.selectClass,callback:function(t){e.selectClass=t},expression:"selectClass"}},e._l(e.imgsGalleryClass,(function(t,s){return l("el-tab-pane",{key:s,attrs:{lazy:"",label:t.title,name:t.name}},[s<=1?l("ul",{staticClass:"list_gallery"},e._l(t.content,(function(t,s){return l("li",{key:s,class:{active:e.selectData.includes(t)},on:{click:function(a){return e.clickImg(t)}}},[l("img",{attrs:{src:a("9d0f"),id:t.id,alt:t.url}}),l("i",{staticClass:"el-icon-check"})])})),0):l("div",[e._v(e._s(t.content))])])})),1)],1)])])]),l("div",{staticClass:"chosen"},[l("div",{staticClass:"ig_top"},[e._v("待添加("+e._s(e.selectNum)+"/50)")]),l("div",{staticClass:"ig_ctr"},[l("ul",{directives:[{name:"show",rawName:"v-show",value:e.selectData.length,expression:"selectData.length"}],staticClass:"list_ed"},e._l(e.selectData,(function(t,s){return l("li",{key:s},[l("img",{attrs:{src:a("9d0f"),id:t.id,alt:t.url}}),l("i",{staticClass:"el-icon-delete",on:{click:function(a){return e.clickDelete(t)}}})])})),0)])])])},s=[function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("div",{staticClass:"ig_top"},[e._v(" 添加图片"),a("span",[e._v("(只能添加jpe,jpeg,bmp,png,gif等格式)")])])}],i=(a("a434"),a("d2b8")),n={data:function(){return{uploadSite:i["a"].uploadImageUrl,uploadsArray:[],uploadsFileData:[{id:200002,url:"~@/assets/bg-login.jpg"},{id:200004,url:"~@/assets/bg-login.jpg"},{id:200005,url:"~@/assets/bg-login.jpg"},{id:200007,url:"~@/assets/bg-login.jpg"},{id:200027,url:"~@/assets/bg-login.jpg"},{id:200037,url:"~@/assets/bg-login.jpg"}],imgType:["我的文件","图片库"],selectType:1,searchImgs:"",selectClass:"2",imgsGalleryClass:[],selectData:[]}},created:function(){var e=[{id:100002,url:"~@/assets/bg-login.jpg"},{id:100004,url:"~@/assets/bg-login.jpg"},{id:100005,url:"~@/assets/bg-login.jpg"},{id:100007,url:"~@/assets/bg-login.jpg"},{id:100027,url:"~@/assets/bg-login.jpg"},{id:100037,url:"~@/assets/bg-login.jpg"},{id:100047,url:"~@/assets/bg-login.jpg"},{id:100057,url:"~@/assets/bg-login.jpg"},{id:100067,url:"~@/assets/bg-login.jpg"},{id:100077,url:"~@/assets/bg-login.jpg"},{id:100087,url:"~@/assets/bg-login.jpg"},{id:100097,url:"~@/assets/bg-login.jpg"},{id:100137,url:"~@/assets/bg-login.jpg"},{id:100237,url:"~@/assets/bg-login.jpg"}],t=[{id:300002,url:"~@/assets/bg-login.jpg"},{id:400004,url:"~@/assets/bg-login.jpg"},{id:500005,url:"~@/assets/bg-login.jpg"},{id:400007,url:"~@/assets/bg-login.jpg"},{id:400097,url:"~@/assets/bg-login.jpg"},{id:400137,url:"~@/assets/bg-login.jpg"},{id:400237,url:"~@/assets/bg-login.jpg"}];this.imgsGalleryClass=[{title:"商务",name:"1",content:e},{title:"建筑",name:"2",content:t},{title:"山水",name:"3",content:"Tab 3 content"},{title:"风景",name:"4",content:"Tab 31 content"},{title:"办公",name:"5",content:"Tab 322 content"},{title:"天空",name:"6",content:"Tab 3222 content"},{title:"家具",name:"7",content:"Tab 312 content"},{title:"汽车",name:"8",content:"Tab 312312 content"},{title:"服装",name:"9",content:"Tab 3123123 content"},{title:"工厂",name:"10",content:"Tab 31 content"},{title:"安全",name:"11",content:"Tab fddd content"},{title:"峡谷",name:"12",content:"Tab 3ddd content"},{title:"雅典娜",name:"13",content:"Tab 3231 content"},{title:"山",name:"14",content:"Tab 31231212sf content"},{title:"同风起",name:"15",content:"Tab 3sdf dsf content"},{title:"扶摇直上",name:"16",content:"Tab 3 score content"},{title:"2",name:"51",content:"Tab 3 1234567 content"}]},mounted:function(){},methods:{clickType:function(e){this.selectType=e},loadClass:function(e){console.log(e)},clickImg:function(e){if(this.selectData.length>=50)return this.$message({message:"不能再添加图片了哦",type:"warning"}),!1;var t=this.selectData.indexOf(e);-1==t&&this.selectData.push(e)},clickDelete:function(e){var t=this.selectData.indexOf(e);t>-1&&this.selectData.splice(t,1)},afterUpload:function(e,t,a){if(console.log(e),0!=e.code||""==e.url)this.$message.error(e.msg);else{for(var l in this.uploadsArray=[],a)this.uploadsArray.push(a[l].response.url);this.uploadsFileData.push({id:e.id,url:e.url})}},beforeAvatarUpload:function(e){var t="image/jpeg"===e.type||"image/jpg"===e.type||"image/png"===e.type||"image/gif"===e.type;return t||this.$message.error("上传图片只能是 JPG 格式!"),t}},computed:{selectNum:function(){return this.selectData.length}}},o=n,r=(a("486d"),a("2877")),c=Object(r["a"])(o,l,s,!1,null,null,null);t["default"]=c.exports},"64c1":function(e,t,a){"use strict";a.r(t);var l=function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("div",{staticClass:"upload_imgs"},[a("el-dialog",{attrs:{title:e.dialogTitle,"close-on-click-modal":!0,visible:e.isOpen,width:"50%"}},[a("div",[a("el-upload",{attrs:{"list-type":"picture-card",multiple:"",action:e.uploadSite+"?upload_type=img","on-preview":e.handlePictureCardPreview,"file-list":e.imgsDlgData,"before-upload":e.beforeAvatarUpload,"on-success":e.afterUpload,"on-remove":e.handleRemove}},[a("i",{staticClass:"el-icon-plus"})]),a("el-dialog",{attrs:{visible:e.dialogVisible,"append-to-body":""},on:{"update:visible":function(t){e.dialogVisible=t}}},[a("img",{attrs:{width:"100%",src:e.dialogImageUrl,alt:""}})])],1),a("span",{staticClass:"dialog-footer",attrs:{slot:"footer"},slot:"footer"},[a("el-button",{on:{click:e.closeDialog}},[e._v("取 消")]),a("el-button",{attrs:{type:"primary"},on:{click:e.returnUrl}},[e._v("确 定")])],1)])],1)},s=[],i=a("d2b8"),n={data:function(){return{openDialog:!1,uploadSite:i["a"].uploadImageUrl,uploadsArray:[],uploadsArrayData:[],dialogImageUrl:"",dialogVisible:!1}},props:{isOpen:{type:Boolean,default:!1},dialogTitle:{type:String,default:"文件上传"},imgsDlgData:{type:Array,default:function(){return[]}}},methods:{closeDialog:function(){this.$emit("clearImgsDlg",!1)},returnUrl:function(){this.$emit("returnImgsDlg",this.uploadsArray,this.uploadsArrayData)},handleRemove:function(e,t){console.log(e,t)},handlePictureCardPreview:function(e){this.dialogImageUrl=e.url,this.dialogVisible=!0},afterUpload:function(e,t,a){if(0!=e.code||""==e.url)this.$message.error(e.msg);else{for(var l in this.uploadsArray=[],a){var s=a[l];this.uploadsArray.push(s.response.url)}this.uploadsArrayData=a}},beforeAvatarUpload:function(e){var t="image/jpeg"===e.type;return t||this.$message.error("上传头像图片只能是 JPG 格式!"),t}}},o=n,r=a("2877"),c=Object(r["a"])(o,l,s,!1,null,null,null);t["default"]=c.exports},"9d0f":function(e,t,a){e.exports=a.p+"img/bg-login.85b2cead.jpg"},ceb6:function(e,t,a){"use strict";a.r(t);var l=function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("div",{staticClass:"upload_imgs"},[a("el-upload",{attrs:{"list-type":"picture-card",multiple:"",action:e.uploadSite+"?upload_type=img","on-preview":e.handlePictureCardPreview,"before-upload":e.beforeAvatarUpload,"on-success":e.afterUpload,"on-remove":e.handleRemove}},[a("i",{staticClass:"el-icon-plus"})]),a("el-dialog",{attrs:{visible:e.dialogVisible,"append-to-body":""},on:{"update:visible":function(t){e.dialogVisible=t}}},[a("img",{attrs:{width:"100%",src:e.dialogImageUrl,alt:""}})])],1)},s=[],i=a("d2b8"),n={data:function(){return{uploadSite:i["a"].uploadImageUrl,uploadsArray:[],dialogImageUrl:"",dialogVisible:!1}},props:{},methods:{handleRemove:function(e,t){console.log(e,t)},handlePictureCardPreview:function(e){this.dialogImageUrl=e.url,this.dialogVisible=!0},afterUpload:function(e,t,a){if(0!=e.code||""==e.url)this.$message.error(e.msg);else{for(var l in this.uploadsArray=[],a){var s=a[l];this.uploadsArray.push(s.response.url)}this.$emit("returnImgs",this.uploadsArray,a)}},beforeAvatarUpload:function(e){var t="image/jpeg"===e.type;return t||this.$message.error("上传头像图片只能是 JPG 格式!"),t}}},o=n,r=(a("4407"),a("2877")),c=Object(r["a"])(o,l,s,!1,null,null,null);t["default"]=c.exports},d55f:function(e,t,a){},df49:function(e,t,a){}}]);
|