chunk-66732ac2.1f6c3e87.js
12.5 KB
(window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["chunk-66732ac2"],{a8f4:function(t,e,n){"use strict";n("edbc")},c83c:function(t,e,n){"use strict";n.r(e);var o=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{staticClass:"customTool",class:"terminal"+t.terminal},[n("h3",{staticClass:"toolTit"},[t._v("自定义")]),n("div",{staticClass:"toolBox"},[n("div",{staticClass:"selectBox"},[n("div",{staticClass:"selectLayTit"},[t._v("选择模板"),n("span",[t._v(t._s(t.selectTemplateName))])]),n("div",{staticClass:"layoutList"},t._l(t.layoutList,(function(e,o){return n("span",{key:e.id,staticClass:"item iconfont",class:{active:t.activeComponent.componentContent.layoutType===e.type},domProps:{innerHTML:t._s(e.Icon)},on:{click:function(n){return t.selectLayout(e,o)}}})})),0)]),n("div",{staticClass:"itemBox flexStyle"},[n("label",[t._v("图片间隙")]),n("div",{staticClass:"block"},[n("el-slider",{attrs:{"show-input-controls":!1,"input-size":"mini","show-input":""},model:{value:t.activeComponent.componentContent.imgClearance,callback:function(e){t.$set(t.activeComponent.componentContent,"imgClearance",e)},expression:"activeComponent.componentContent.imgClearance"}})],1)]),n("div",{staticClass:"itemBox flexStyle"},[n("label",[t._v("页面间距")]),n("div",{staticClass:"block"},[n("el-slider",{attrs:{"show-input-controls":!1,"input-size":"mini","show-input":""},model:{value:t.activeComponent.componentContent.pageSpacing,callback:function(e){t.$set(t.activeComponent.componentContent,"pageSpacing",e)},expression:"activeComponent.componentContent.pageSpacing"}})],1)]),n("div",{staticClass:"itemBox"},["average"!==t.activeComponent.componentContent.layoutType?n("div",[n("div",{staticClass:"textTit"},[t._v("布局")]),n("p",[t._v("选定布局区域，在下方添加图片，建议添加比例一致的图片")]),n("div",{staticClass:"layoutBox",class:t.activeComponent.componentContent.layoutType},t._l(t.activeComponent.componentContent.elementNum,(function(e){return n("div",{key:e,staticClass:"item",class:{active:t.activeComponent.componentContent.imgBoxActive===e-1},on:{click:function(n){return t.changeLayout(e-1)}}},[n("img",{directives:[{name:"show",rawName:"v-show",value:t.activeComponent.componentContent.imgData[e-1].src,expression:"activeComponent.componentContent.imgData[index-1].src"}],staticClass:"img",attrs:{src:t.activeComponent.componentContent.imgData[e-1].src}})])})),0)]):n("div",[n("dl",{staticClass:"densityLiist"},[n("dt",[t._v("密度")]),n("dd",[n("el-select",{attrs:{placeholder:""},on:{change:t.densityChange},model:{value:t.activeComponent.componentContent.density,callback:function(e){t.$set(t.activeComponent.componentContent,"density",e)},expression:"activeComponent.componentContent.density"}},[n("el-option",{attrs:{label:"4*4",value:"4"}}),n("el-option",{attrs:{label:"5*5",value:"5"}}),n("el-option",{attrs:{label:"6*6",value:"6"}}),n("el-option",{attrs:{label:"7*7",value:"7"}}),n("el-option",{attrs:{label:"10*10",value:"10"}})],1)],1)]),n("div",{staticClass:"textTit"},[t._v("布局")]),n("p",[t._v("移动鼠标选定布局区域大小")]),n("div",{staticClass:"averageBoxWarp"},[n("div",{staticClass:"averageBox",on:{mouseleave:t.averageBoxLeave}},t._l(parseInt(t.activeComponent.componentContent.density),(function(e){return n("ul",{key:"y"+e,class:"col"+t.activeComponent.componentContent.density},t._l(parseInt(t.activeComponent.componentContent.density),(function(o){return n("li",{key:"x"+o,class:{on:t.activeComponent.componentContent.averageBoxData[e-1][o-1].hover},on:{click:function(n){return t.averageBoxClick(e-1,o-1)},mouseover:function(n){return t.averageBoxMouseover(e-1,o-1)}}})})),0)})),0),n("div",{staticClass:"selectedCube"},[n("ul",t._l(t.activeComponent.componentContent.imgData,(function(e,o){return n("li",{key:o,class:{active:t.activeComponent.componentContent.imgBoxActive===o},style:{width:t.getItemValue(e.width)+"%",height:t.getItemValue(e.height)+"%",left:t.getItemValue(e.left)+"%",top:t.getItemValue(e.top)+"%"}},[n("div",{staticClass:"box",on:{click:function(e){return t.changeLayout(o)}}},[n("span",[t._v(" "+t._s(parseInt(12*t.getItemValue(e.width)))+"x"+t._s(parseInt(12*t.getItemValue(e.height)))+" ")]),t.activeComponent.componentContent.imgData[o].src?n("img",{staticClass:"img",attrs:{src:t.activeComponent.componentContent.imgData[o].src}}):t._e()]),n("a",{staticClass:"btn-close",on:{click:function(n){return t.delsSlectedCube(e,o)}}},[n("i",{staticClass:"icon iconfont icon-close"})])])})),0)])])]),0!==t.activeComponent.componentContent.imgData.length?n("div",[n("div",{staticClass:"addImgTit"},[t._v("请添加图片")]),n("div",{staticClass:"addImgBox"},[n("div",{staticClass:"addImgBoxInner"},[n("div",{staticClass:"addImg"},[n("el-upload",{attrs:{drag:"",action:t.fileUploadApi.fileUpload,"on-success":t.handleAvatarSuccess,"before-upload":t.beforeAvatarUpload,"show-file-list":!1}},[t.activeComponent.componentContent.imgData[t.activeComponent.componentContent.imgBoxActive].src?n("img",{staticClass:"avatar",attrs:{src:t.activeComponent.componentContent.imgData[t.activeComponent.componentContent.imgBoxActive].src}}):t._e(),t.activeComponent.componentContent.imgData[t.activeComponent.componentContent.imgBoxActive].src?n("div",{staticClass:"tips"},[t._v("更换图片")]):n("i",{staticClass:"el-icon-plus avatar-uploader-icon"}),n("span",[t._v("添加图片")])])],1),n("div",{staticClass:"addLink"},[n("tool-select-link",{attrs:{linkObj:t.activeComponent.componentContent.imgData[t.activeComponent.componentContent.imgBoxActive].linkObj,title:"链接"},on:{"update:linkObj":function(e){return t.$set(t.activeComponent.componentContent.imgData[t.activeComponent.componentContent.imgBoxActive],"linkObj",e)},"update:link-obj":function(e){return t.$set(t.activeComponent.componentContent.imgData[t.activeComponent.componentContent.imgBoxActive],"linkObj",e)}}})],1)])])]):t._e()])])])},a=[],i=n("5530"),c=(n("99af"),n("a434"),n("b0c0"),n("e9c4"),n("b64b"),n("d3b7"),n("3ca3"),n("ddb0"),n("2b3d"),n("bf19"),n("9861"),n("2f62")),s=n("629e"),m=n("347c"),p=n("7a32"),v={name:"customTool",mixins:[s["a"]],components:{ToolSelectLink:m["a"]},data:function(){return{title:"",imgBoxActive:0,imageUrl:"",linkValue:"",linkOptions:[{value:"/index",label:"首页"},{value:"/list",label:"列表页"},{value:"/detail",label:"详情页"},{value:"/about",label:"关于我们"}],layoutList:[{id:0,type:"L1",name:"单图",number:1,Icon:""},{id:1,type:"L2",name:"一行二个",number:2,Icon:""},{id:2,type:"L3",name:"一行三个",number:3,Icon:""},{id:3,type:"L4",name:"一行四个",number:4,Icon:""},{id:4,type:"T2B2",name:"二左二右",number:4,Icon:""},{id:5,type:"L1R2",name:"一左二右",number:3,Icon:""},{id:6,type:"T1B2",name:"一上二下",number:3,Icon:""},{id:7,type:"L1T1B2",name:"一左三右",number:4,Icon:""},{id:8,type:"average",name:"自定义",number:0,Icon:""}],activeLay:0,elementNum:2,beginAverageBox:[],endAverageBox:[],imgData:[],fileUploadApi:{fileUpload:""}}},computed:Object(i["a"])(Object(i["a"])({},Object(c["b"])(["terminal"])),{},{selectTemplateName:function(){for(var t=0;t<this.layoutList.length;t++)if(this.layoutList[t].type===this.activeComponent.componentContent.layoutType)return this.layoutList[t].name}}),mounted:function(){this.fileUploadApi=p["a"]},methods:{handleAvatarSuccess:function(t,e){this.activeComponent.componentContent.imgData[this.activeComponent.componentContent.imgBoxActive].src=t.data.url},beforeAvatarUpload:function(t){var e=t.size/1024/1024<1;return e||this.$message.error("上传图片大小不能超过 1MB!"),e},getItemValue:function(t){var e=parseInt(this.activeComponent.componentContent.density);return 0===t||0===e?0:t/e*1e4/100},selectLayout:function(t,e){if(this.activeComponent.componentContent.imgBoxActive=0,this.activeComponent.componentContent.maxH=0,this.activeLay=e,this.activeComponent.componentContent.elementNum=t.number,this.activeComponent.componentContent.layoutType=t.type,"average"===t.type)this.densityChange(this.activeComponent.componentContent.density);else{this.activeComponent.componentContent.imgData=[];for(var n={src:"",linkObj:{selsectValue:"",selectName:"",typeText:"",url:""}},o=0;o<t.number;o++)this.activeComponent.componentContent.imgData.push(JSON.parse(JSON.stringify(n)))}},changeLayout:function(t){this.activeComponent.componentContent.imgBoxActive=t},imgChange:function(t,e){this.activeComponent.componentContent.imgData[this.activeComponent.componentContent.imgBoxActive].src=URL.createObjectURL(t.raw)},densityChange:function(t){this.activeComponent.componentContent.imgBoxActive=0;var e=parseInt(t);this.activeComponent.componentContent.averageBoxData=[];for(var n=0;n<e;n++){this.activeComponent.componentContent.averageBoxData[n]=[];for(var o=0;o<e;o++)this.activeComponent.componentContent.averageBoxData[n].push({hover:!1,takeUp:!1})}this.activeComponent.componentContent.maxH=0,this.activeComponent.componentContent.imgData=[]},averageBoxClick:function(t,e){if(0===this.beginAverageBox.length)this.beginAverageBox=[t,e],this.endAverageBox=[t,e],this.activeComponent.componentContent.averageBoxData[t][e].hover=!0,this.activeComponent.componentContent.averageBoxData=this.activeComponent.componentContent.averageBoxData.concat([]);else{var n=this.beginAverageBox[0],o=this.beginAverageBox[1];if(t=this.endAverageBox[0],e=this.endAverageBox[1],t>=n)for(var a=n;a<=t;a++)if(e>=o)for(var i=o;i<=e;i++)this.activeComponent.componentContent.averageBoxData[a][i].takeUp=!0;else for(var c=e;c<=o;c++)this.activeComponent.componentContent.averageBoxData[a][c].takeUp=!0;else for(var s=t;s<=n;s++)if(e>=o)for(var m=o;m<=e;m++)this.activeComponent.componentContent.averageBoxData[s][m].takeUp=!0;else for(var p=e;p<=o;p++)this.activeComponent.componentContent.averageBoxData[s][p].takeUp=!0;var v={src:"",linkObj:{selsectValue:"",selectName:"",typeText:"",url:""}};t>=n?(v.width=t-n+1,v.left=n):(v.width=n-t+1,v.left=t);var r=this.activeComponent.componentContent.maxH;e>=o?(v.height=e-o+1,v.top=o,e+1>r&&(this.activeComponent.componentContent.maxH=e+1)):(v.height=o-e+1,v.top=e,o+1>r&&(this.activeComponent.componentContent.maxH=o+1)),this.activeComponent.componentContent.imgData.push(JSON.parse(JSON.stringify(v))),this.beginAverageBox=[]}},averageBoxMouseover:function(t,e){if(0!==this.beginAverageBox.length){var n=this.isBoxTakeUp(t,e);if(!n)return!1;for(var o=this.beginAverageBox[0],a=this.beginAverageBox[1],i=parseInt(this.activeComponent.componentContent.density),c=0;c<i;c++)for(var s=0;s<i;s++)this.activeComponent.componentContent.averageBoxData[c][s].hover=!1;if(this.activeComponent.componentContent.averageBoxData[t][e].hover=!0,t>=o)for(var m=o;m<=t;m++)if(e>=a)for(var p=a;p<=e;p++)this.activeComponent.componentContent.averageBoxData[m][p].hover=!0;else for(var v=e;v<=a;v++)this.activeComponent.componentContent.averageBoxData[m][v].hover=!0;else for(var r=t;r<=o;r++)if(e>=a)for(var l=a;l<=e;l++)this.activeComponent.componentContent.averageBoxData[r][l].hover=!0;else for(var C=e;C<=a;C++)this.activeComponent.componentContent.averageBoxData[r][C].hover=!0;this.endAverageBox=[t,e],this.activeComponent.componentContent.averageBoxData=this.activeComponent.componentContent.averageBoxData.concat([])}},isBoxTakeUp:function(t,e){if(0!==this.beginAverageBox.length){var n=this.beginAverageBox[0],o=this.beginAverageBox[1],a=!0;if(t>=n){for(var i=n;i<=t;i++)if(e>=o){for(var c=o;c<=e;c++)if(this.activeComponent.componentContent.averageBoxData[i][c].takeUp){a=!1;break}}else for(var s=e;s<=o;s++)if(this.activeComponent.componentContent.averageBoxData[i][s].takeUp){a=!1;break}}else for(var m=t;m<=n;m++)if(e>=o){for(var p=o;p<=e;p++)if(this.activeComponent.componentContent.averageBoxData[m][p].takeUp){a=!1;break}}else for(var v=e;v<=o;v++)if(this.activeComponent.componentContent.averageBoxData[m][v].takeUp){a=!1;break}return a}},averageBoxLeave:function(){this.beginAverageBox=[],this.endAverageBox=[];for(var t=parseInt(this.activeComponent.componentContent.density),e=0;e<t;e++)for(var n=0;n<t;n++)this.activeComponent.componentContent.averageBoxData[e][n].hover=!1},delsSlectedCube:function(t,e){for(var n=t.left,o=t.top,a=t.width,i=t.height,c=n;c<n+a;c++)for(var s=o;s<o+i;s++)this.activeComponent.componentContent.averageBoxData[c][s].takeUp=!1;this.activeComponent.componentContent.imgBoxActive=0,this.activeComponent.componentContent.imgData.splice(e,1);for(var m=this.activeComponent.componentContent.imgData,p=0,v=0;v<m.length;v++)m[v].top+m[v].height>p&&(p=m[v].top+m[v].height);this.activeComponent.componentContent.maxH=p}}},r=v,l=(n("a8f4"),n("2877")),C=Object(l["a"])(r,o,a,!1,null,"5b2cb986",null);e["default"]=C.exports},edbc:function(t,e,n){}}]);