chunk-f1f23c4e.71c76518.js
6.89 KB
(window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["chunk-f1f23c4e"],{"2cf41":function(t,e,i){},"3e5e":function(t,e,i){"use strict";i.r(e);var n=function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("div",{staticClass:"brandListTool"},[i("h3",{staticClass:"toolTit"},[t._v("品牌列表")]),i("div",{staticClass:"toolBox"},[i("div",{staticClass:"itemBox"},[i("label",[t._v("标题")]),i("el-input",{attrs:{placeholder:"请输入内容"},model:{value:t.activeComponent.componentContent.title,callback:function(e){t.$set(t.activeComponent.componentContent,"title",e)},expression:"activeComponent.componentContent.title"}})],1),i("div",{staticClass:"itemBox"},[i("label",[t._v("文字对齐方式")]),i("el-select",{attrs:{"popper-append-to-body":!1,placeholder:"请选文字对齐方式"},model:{value:t.activeComponent.componentContent.textAlign,callback:function(e){t.$set(t.activeComponent.componentContent,"textAlign",e)},expression:"activeComponent.componentContent.textAlign"}},t._l(t.alignList,(function(t){return i("el-option",{key:t.id,attrs:{label:t.label,value:t.value}})})),1)],1),i("div",{staticClass:"textTit"},[t._v("内容")]),i("div",{staticClass:"imgListBox"},[i("draggable",{model:{value:t.activeComponent.componentContent.imgList,callback:function(e){t.$set(t.activeComponent.componentContent,"imgList",e)},expression:"activeComponent.componentContent.imgList"}},t._l(t.activeComponent.componentContent.imgList,(function(e,n){return i("div",{key:n,staticClass:"item"},[i("div",{staticClass:"listItemBox"},[i("div",{staticClass:"addImgTit",on:{click:function(i){return t.openAddImg(e,n)}}},[i("div",{staticClass:"titLeft"},[i("span",{staticClass:"iconfont"},[t._v("")]),i("span",{staticClass:"iconfont"},[t._v("")]),i("span",[t._v("图片")])]),i("div",{staticClass:"titRight"},[i("span",{staticClass:"iconfont",on:{click:function(i){return i.stopPropagation(),t.deleteItem(e,n)}}},[t._v("")]),i("span",{staticClass:"iconfont",domProps:{innerHTML:t._s(t.activeComponent.componentContent.imgCurrent===n?"":"")}})])]),i("div",{directives:[{name:"show",rawName:"v-show",value:t.activeComponent.componentContent.imgCurrent===n,expression:"activeComponent.componentContent.imgCurrent === index"}],staticClass:"addBox"},[i("div",{staticClass:"addContent"},[i("tool-single-img",{attrs:{imageUrl:e.imgData,tip:"建议尺寸5:4等比例图片"},on:{"update:imageUrl":function(i){return t.$set(e,"imgData",i)},"update:image-url":function(i){return t.$set(e,"imgData",i)}}}),i("tool-select-link",{attrs:{linkObj:e.linkObj},on:{"update:linkObj":function(i){return t.$set(e,"linkObj",i)},"update:link-obj":function(i){return t.$set(e,"linkObj",i)}}}),i("div",{staticClass:"itemImgTit itemBox"},[i("label",[t._v("标题")]),i("el-input",{attrs:{placeholder:"请输入内容"},model:{value:e.title,callback:function(i){t.$set(e,"title",i)},expression:"item.title"}})],1)],1),i("div",{staticClass:"deleteItem",on:{click:function(i){return t.deleteItem(e,n)}}},[i("span",{staticClass:"iconfont"},[t._v("")]),t._v("删除内容")])])])])})),0)],1)]),i("div",{staticClass:"addImgBtn",on:{click:t.addImgText}},[i("span",{staticClass:"iconfont"},[t._v("")]),t._v("添加品牌图")]),i("el-dialog",{attrs:{title:"提示",visible:t.dialogVisible,width:"30%","before-close":t.deleteItem},on:{"update:visible":function(e){t.dialogVisible=e}}},[i("span",[t._v("点击确定删除此项")]),i("span",{staticClass:"dialog-footer",attrs:{slot:"footer"},slot:"footer"},[i("el-button",{on:{click:function(e){t.dialogVisible=!1}}},[t._v("取 消")]),i("el-button",{attrs:{type:"primary"},on:{click:function(e){t.dialogVisible=!1}}},[t._v("确 定")])],1)])],1)},o=[],a=(i("a434"),i("d3b7"),i("3ca3"),i("ddb0"),i("2b3d"),i("bf19"),i("9861"),i("b76a")),l=i.n(a),s=i("629e"),c=i("347c"),r=i("54a1"),d={mixins:[s["a"]],name:"brandListTool",components:{ToolSingleImg:r["a"],ToolSelectLink:c["a"],Draggable:l.a},data:function(){return{title:"",imgTextData:[{title:"",imgData:"",url:""}],alignList:[{id:1,label:"居左",value:"left"},{id:2,label:"居中",value:"center"},{id:3,label:"居右",value:"right"}],linkOptions:[{value:"/index",label:"首页"},{value:"/list",label:"列表页"},{value:"/detail",label:"详情页"},{value:"/about",label:"关于我们"}],textAlign:"left",imgCurrent:null,dialogVisible:!1}},computed:{},methods:{openAddImg:function(t,e){if(this.activeComponent.componentContent.imgCurrent===e)return this.activeComponent.componentContent.imgCurrent=null,!1;this.activeComponent.componentContent.imgCurrent=e},addImgText:function(){this.activeComponent.componentContent.imgList.push({title:"标题",imgData:"",url:""})},deleteItem:function(t,e){var i=this;this.$confirm("确定删除此项？").then((function(t){i.activeComponent.componentContent.imgList.splice(e,1)})).catch((function(t){}))},handleAvatarSuccess:function(t,e){this.imageUrl=URL.createObjectURL(e.raw)},beforeAvatarUpload:function(t){},onEditorBlur:function(){},onEditorFocus:function(){},onEditorChange:function(){}}},m=d,u=(i("953e"),i("2877")),p=Object(u["a"])(m,n,o,!1,null,"00795a21",null);e["default"]=p.exports},"54a1":function(t,e,i){"use strict";var n=function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("div",{staticClass:"module-box single-img"},[i("div",{staticClass:"single-img__box"},[i("el-upload",{attrs:{drag:"",action:t.fileUploadApi.fileUpload,"on-success":t.handleAvatarSuccess,"before-upload":t.beforeAvatarUpload,"show-file-list":!1}},[t.imageUrl?i("img",{staticClass:"single-img__img",attrs:{src:t.imageUrl}}):i("i",{staticClass:"el-icon-upload"},[i("div",{staticClass:"el-upload__text"},[i("em",[t._v("选择图片")])]),i("div",{staticClass:"el-upload__tip",attrs:{slot:"tip"},slot:"tip"},[t._v(t._s(t.tip))])])]),t.imageUrl?i("div",{staticClass:"overlay"},[i("i",{staticClass:"iconfont icon-chakan",on:{click:t.showImage}}),i("i",{staticClass:"iconfont icon-shanchu1",on:{click:t.delImage}})]):t._e()],1),i("el-dialog",{attrs:{title:"图片展示",visible:t.dialogVisible},on:{"update:visible":function(e){t.dialogVisible=e}}},[i("img",{attrs:{width:"100%",src:t.dialogImageUrl,alt:""}})])],1)},o=[],a=i("7a32"),l=i("f270"),s={name:"tool-single-img",mixins:[l["b"]],data:function(){return{dialogVisible:!1,dialogImageUrl:"",fileUploadApi:{fileUpload:""}}},props:{imageUrl:{type:String,default:""},tip:{type:String,default:"建议尺寸: 1080*900px, 高度自适应"}},mounted:function(){console.log(a["a"]),this.fileUploadApi=a["a"]},methods:{handleAvatarSuccess:function(t,e){this.$emit("update:imageUrl",t.data.url)},beforeAvatarUpload:function(t){var e=t.size/1024/1024<1;return e||this.$message.error("上传图片大小不能超过 1MB!"),e},showImage:function(){this.dialogImageUrl=this.imageUrl,this.dialogVisible=!0},delImage:function(){this.$emit("update:imageUrl","")}}},c=s,r=(i("7c05"),i("2877")),d=Object(r["a"])(c,n,o,!1,null,"7d74df17",null);e["a"]=d.exports},"7c05":function(t,e,i){"use strict";i("b57d")},"953e":function(t,e,i){"use strict";i("2cf41")},b57d:function(t,e,i){}}]);