mashangyoujiu/Public/DIY/js/chunk-357f700e.2ab39008.js

(window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["chunk-357f700e"],{"12dc":function(t,e,a){"use strict";a("7a0e")},"159b":function(t,e,a){"use strict";var o=a("da84"),n=a("fdbc"),i=a("785a"),l=a("17c2"),s=a("9112"),c=function(t){if(t&&t.forEach!==l)try{s(t,"forEach",l)}catch(e){t.forEach=l}};for(var r in n)n[r]&&c(o[r]&&o[r].prototype);c(i)},"17c2":function(t,e,a){"use strict";var o=a("b727").forEach,n=a("a640"),i=n("forEach");t.exports=i?[].forEach:function(t){return o(this,t,arguments.length>1?arguments[1]:void 0)}},"7a0e":function(t,e,a){},d01a:function(t,e,a){"use strict";a.r(e);var o=function(){var t=this,e=t._self._c;return e("div",{attrs:{id:"diy-banner"}},[e("el-form",{attrs:{model:t.componentData,"label-width":"80px","label-position":"top",size:"small"}},[e("el-divider",{attrs:{"content-position":"left"}},[t._v("组件外框部分")]),e("el-form-item",{staticClass:"form-item-content-inline",attrs:{label:"上边距"}},[e("div",{staticStyle:{width:"100%","padding-left":"50px"}},[e("el-slider",{attrs:{max:50},model:{value:t.componentData.marginTop,callback:function(e){t.$set(t.componentData,"marginTop",e)},expression:"componentData.marginTop"}})],1)]),e("el-form-item",{staticClass:"form-item-content-inline",attrs:{label:"下边距"}},[e("div",{staticStyle:{width:"100%","padding-left":"50px"}},[e("el-slider",{attrs:{max:50},model:{value:t.componentData.marginBottom,callback:function(e){t.$set(t.componentData,"marginBottom",e)},expression:"componentData.marginBottom"}})],1)]),e("el-form-item",{staticClass:"form-item-content-inline",attrs:{label:"左右边距"}},[e("div",{staticStyle:{width:"100%","padding-left":"50px"}},[e("el-slider",{attrs:{max:50},model:{value:t.componentData.marginLR,callback:function(e){t.$set(t.componentData,"marginLR",e)},expression:"componentData.marginLR"}})],1)]),e("el-divider",{attrs:{"content-position":"left"}},[t._v("图片部分")]),e("el-form-item",{staticClass:"form-item-content-inline",attrs:{label:"高度"}},[e("div",{staticStyle:{width:"100%","padding-left":"50px"}},[e("el-slider",{attrs:{max:960},model:{value:t.componentData.height,callback:function(e){t.$set(t.componentData,"height",e)},expression:"componentData.height"}})],1)]),e("el-form-item",{staticClass:"form-item-content-inline",attrs:{label:"图片宽度(%)"}},[e("div",{staticStyle:{width:"100%","padding-left":"50px"}},[e("el-slider",{attrs:{max:100},model:{value:t.componentData.imgWidth,callback:function(e){t.$set(t.componentData,"imgWidth",e)},expression:"componentData.imgWidth"}})],1)]),e("el-form-item",{staticClass:"form-item-content-inline",attrs:{label:"图片圆角"}},[e("div",{staticStyle:{width:"100%","padding-left":"50px"}},[e("el-slider",{attrs:{max:20},model:{value:t.componentData.imgRadius,callback:function(e){t.$set(t.componentData,"imgRadius",e)},expression:"componentData.imgRadius"}})],1)]),e("el-form-item",{staticClass:"form-item-content-inline",attrs:{label:"图片阴影"}},[e("el-radio-group",{model:{value:t.componentData.imgShadow,callback:function(e){t.$set(t.componentData,"imgShadow",e)},expression:"componentData.imgShadow"}},[e("el-radio-button",{attrs:{label:!0}},[t._v("是")]),e("el-radio-button",{attrs:{label:!1}},[t._v("否")])],1)],1),e("el-form-item",{staticClass:"form-item-content-inline",attrs:{label:"图片前边距"}},[e("div",{staticStyle:{width:"100%","padding-left":"50px"}},[e("el-slider",{attrs:{max:180},model:{value:t.componentData.previousMargin,callback:function(e){t.$set(t.componentData,"previousMargin",e)},expression:"componentData.previousMargin"}})],1)]),e("el-form-item",{staticClass:"form-item-content-inline",attrs:{label:"图片后边距"}},[e("div",{staticStyle:{width:"100%","padding-left":"50px"}},[e("el-slider",{attrs:{max:180},model:{value:t.componentData.nextMargin,callback:function(e){t.$set(t.componentData,"nextMargin",e)},expression:"componentData.nextMargin"}})],1)]),e("el-form-item",{staticClass:"form-item-content-inline",attrs:{label:"循环播放"}},[e("el-radio-group",{model:{value:t.componentData.loop,callback:function(e){t.$set(t.componentData,"loop",e)},expression:"componentData.loop"}},[e("el-radio-button",{attrs:{label:!0}},[t._v("是")]),e("el-radio-button",{attrs:{label:!1}},[t._v("否")])],1)],1),e("el-form-item",{staticClass:"form-item-content-inline",attrs:{label:"自动播放"}},[e("el-radio-group",{model:{value:t.componentData.autoplay,callback:function(e){t.$set(t.componentData,"autoplay",e)},expression:"componentData.autoplay"}},[e("el-radio-button",{attrs:{label:!0}},[t._v("是")]),e("el-radio-button",{attrs:{label:!1}},[t._v("否")])],1)],1),e("el-form-item",{staticClass:"form-item-content-inline",attrs:{label:"播放间隔"}},[e("div",{staticStyle:{width:"100%","padding-left":"50px"}},[e("el-slider",{attrs:{min:500,step:100,max:1e4},model:{value:t.componentData.interval,callback:function(e){t.$set(t.componentData,"interval",e)},expression:"componentData.interval"}})],1)]),e("el-form-item",{staticClass:"form-item-content-inline",attrs:{label:"滑动速度"}},[e("div",{staticStyle:{width:"100%","padding-left":"50px"}},[e("el-slider",{attrs:{min:300,step:100,max:t.componentData.interval},model:{value:t.componentData.duration,callback:function(e){t.$set(t.componentData,"duration",e)},expression:"componentData.duration"}})],1)]),e("el-form-item",{staticClass:"form-item-content-inline",attrs:{label:"指示点"}},[e("el-radio-group",{model:{value:t.componentData.dots,callback:function(e){t.$set(t.componentData,"dots",e)},expression:"componentData.dots"}},[e("el-radio-button",{attrs:{label:!0}},[t._v("是")]),e("el-radio-button",{attrs:{label:!1}},[t._v("否")])],1)],1),e("el-form-item",{staticClass:"form-item-content-inline",attrs:{label:"指示点位置"}},[e("div",{staticStyle:{width:"100%","padding-left":"50px"}},[e("el-slider",{attrs:{min:0,max:t.componentData.height},model:{value:t.componentData.bottom,callback:function(e){t.$set(t.componentData,"bottom",e)},expression:"componentData.bottom"}})],1)]),e("el-form-item",{staticClass:"form-item-content-inline",attrs:{label:"指示点颜色"}},[e("div",{staticClass:"colorSelect"},[e("div",{staticClass:"picker"},[e("el-link",{attrs:{type:"primary"},on:{click:function(e){return t.colorReset("dotColor","#D6D6D6")}}},[t._v("重置")]),e("el-color-picker",{attrs:{predefine:this.$root.predefineColors},on:{"active-change":function(e){return t.colorChange(e,"dotColor")}},model:{value:t.componentData.dotColor,callback:function(e){t.$set(t.componentData,"dotColor",e)},expression:"componentData.dotColor"}})],1)])]),e("el-form-item",{staticClass:"form-item-content-inline",attrs:{label:"指示点选中颜色"}},[e("div",{staticClass:"colorSelect"},[e("div",{staticClass:"picker"},[e("el-link",{attrs:{type:"primary"},on:{click:function(e){return t.colorReset("dotActiveColor","#fff")}}},[t._v("重置")]),e("el-color-picker",{attrs:{predefine:this.$root.predefineColors},on:{"active-change":function(e){return t.colorChange(e,"dotActiveColor")}},model:{value:t.componentData.dotActiveColor,callback:function(e){t.$set(t.componentData,"dotActiveColor",e)},expression:"componentData.dotActiveColor"}})],1)])]),e("el-form-item",{staticClass:"form-item-content-inline",attrs:{label:"卡片特效"}},[e("el-radio-group",{model:{value:t.componentData.crown,callback:function(e){t.$set(t.componentData,"crown",e)},expression:"componentData.crown"}},[e("el-radio-button",{attrs:{label:!0}},[t._v("是")]),e("el-radio-button",{attrs:{label:!1}},[t._v("否")])],1)],1),e("el-form-item",{staticClass:"form-item-content-inline",attrs:{label:"纵向轮播"}},[e("el-radio-group",{model:{value:t.componentData.vertical,callback:function(e){t.$set(t.componentData,"vertical",e)},expression:"componentData.vertical"}},[e("el-radio-button",{attrs:{label:!0}},[t._v("是")]),e("el-radio-button",{attrs:{label:!1}},[t._v("否")])],1)],1),e("el-form-item",{attrs:{label:"添加图片"}},[e("p",{staticClass:"desc"},[t._v("最多添加 10 个图片，鼠标拖拽调整图片顺序，建议宽度750像素，高度282像素，以及与建议尺寸同比例的图片。")]),e("div",{staticClass:"upload",staticStyle:{"text-align":"center"},on:{click:function(e){return t.chooseImage()}}},[e("el-button",{attrs:{icon:"el-icon-circle-plus-outline",type:"default"}},[t._v("点击选择图片")])],1),e("draggable",{staticClass:"el-upload-list el-upload-list--picture",attrs:{tag:"ul",forceFallback:"true",delay:"20"},model:{value:t.componentData.fileList,callback:function(e){t.$set(t.componentData,"fileList",e)},expression:"componentData.fileList"}},t._l(t.componentData.fileList,(function(a,o){return e("li",{key:o,staticClass:"el-upload-list__item is-success"},[e("div",{staticClass:"box"},[e("img",{staticClass:"el-upload-list__item-thumbnail",attrs:{src:a.imageUrl}}),e("div",{staticClass:"link"},[e("span",[t._v("链接")]),e("dropdown",{staticClass:"dropdown",attrs:{page:a.page,childrenComponentIndex:o},on:{select:t.onSelect}})],1)]),e("i",{staticClass:"el-icon-circle-close",on:{click:function(e){return e.stopPropagation(),t.closeItem(o)}}})])})),0)],1)],1)],1)},n=[],i=a("2909"),l=(a("14d9"),a("a434"),a("b0c0"),a("d3b7"),a("159b"),a("b76a")),s=a.n(l),c=a("fef9"),r={name:"diy-banner",props:["componentData"],data:function(){return{boolFalse:!1,uploadFileList:[]}},mounted:function(){this.componentData.fileList=this.componentData.fileList||[]},methods:{colorReset:function(t,e){this.componentData[t]=e},colorChange:function(t,e){this.componentData[e]=t},beforeUpload:function(t){var e="image/jpeg"===t.type,a="image/png"===t.type,o="image/gif"===t.type,n=t.size/1024/1024<2;return e||a||o||this.$notify({title:"警告",message:"图片仅支持jpg、png、gif格式。",type:"warning"}),n||this.$notify({title:"警告",message:"图片大小超过2M。",type:"warning"}),(e||a||o)&&n},onSuccess:function(t,e,a){this.uploadFileList=a,this.componentData.fileList.push({imageUrl:t.data.file.path,page:{}}),this.componentData.fileList=Object(i["a"])(this.componentData.fileList),this.$notify({title:"成功",message:t.data.file.name+"上传成功",type:"success"})},closeItem:function(t){this.componentData.fileList.splice(t,1),this.componentData.fileList=Object(i["a"])(this.componentData.fileList),this.uploadFileList=this.componentData.fileList,this.$notify({title:"成功",message:"图片删除成功",type:"success"})},onExceed:function(){this.$notify({title:"警告",message:"最多只能添加10张图片",type:"warning"})},onSelect:function(t){this.$set(this.componentData.fileList[t.childrenComponentIndex],"page",t.data)},chooseImage:function(){var t=this,e=10-this.componentData.fileList.length;e>0&&(console.log(e),this.$emit("chooseImage",e,(function(e){e.length>0&&(e.forEach((function(e){t.componentData.fileList.push({imageUrl:e["imageUrl"],page:{}})})),t.componentData.fileList=Object(i["a"])(t.componentData.fileList))})))}},components:{dropdown:c["a"],draggable:s.a}},m=r,p=(a("12dc"),a("2877")),d=Object(p["a"])(m,o,n,!1,null,null,null);e["default"]=d.exports}}]);