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
29 KiB
1 lines
29 KiB
(window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["chunk-60b2443e"],{"1cc0":function(t,e,a){},"2a68":function(t,e,a){},"325a":function(t,e,a){"use strict";a.r(e);var i=function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("div",{staticClass:"poster-main"},[t.dialogVisible?i("el-dialog",{attrs:{title:t.$t("上传素材"),visible:t.dialogVisible,width:"30%","destroy-on-close":!0},on:{"update:visible":function(e){t.dialogVisible=e}}},[i("el-form",{ref:"ruleForm",staticClass:"demo-ruleForm",attrs:{model:t.cover,rules:t.rules,"label-width":"100px"}},[i("el-form-item",{attrs:{label:t.$t("名称"),prop:"name"}},[i("el-input",{model:{value:t.cover.name,callback:function(e){t.$set(t.cover,"name",e)},expression:"cover.name"}})],1),i("el-form-item",{attrs:{label:t.$t("素材"),prop:"source"}},[i("el-upload",{staticClass:"upload-demo",attrs:{headers:t.myHeaders,action:t.$store.getters.updateURL+"material/upload","on-success":t.handleSuccess,limit:1}},[i("el-button",{attrs:{size:"small",type:"primary"}},[t._v(" "+t._s(t.$t("点击上传"))+" ")])],1)],1),i("el-form-item",[i("el-button",{attrs:{type:"primary"},on:{click:function(e){return t.uploadCover("ruleForm")}}},[t._v(" "+t._s(t.$t("保存"))+" ")]),i("el-button",{on:{click:function(e){return t.resetForm("ruleForm")}}},[t._v(t._s(t.$t("重置")))])],1)],1)],1):t._e(),i("el-header",[i("el-button",{staticClass:"upload-btn iconfont icon-shangchuansucai",attrs:{type:"text"},on:{click:t.showUpload}},[t._v(" "+t._s(t.$t("上传素材"))+" ")]),i("div",{staticClass:"operation-buttons"},[i("div",{staticClass:"center-l"},[i("el-button",{staticClass:"iconfont icon-shanchu",attrs:{type:"text"},on:{click:t.delItem}},[t._v(" "+t._s(t.$t("删除"))+" ")]),i("el-button",{staticClass:"iconfont icon-chexiao",attrs:{type:"text"},on:{click:t.back}},[t._v(" "+t._s(t.$t("撤销"))+" ")]),i("el-button",{staticClass:"iconfont icon-yulan",attrs:{type:"text"},on:{click:t.preview}},[t._v(" "+t._s(t.$t("预览"))+" ")]),i("el-button",{staticClass:"iconfont icon-baocun",attrs:{type:"text"},on:{click:t.save}},[t._v(" "+t._s(t.$t("保存"))+" ")]),i("el-button",{staticClass:"iconfont icon-xiazai",attrs:{type:"text"},on:{click:t.download}},[t._v(" "+t._s(t.$t("下载"))+" ")])],1),i("el-button",{attrs:{type:"primary",plain:""},on:{click:t.newPoster}},[t._v(" "+t._s(t.$t("新建文件"))+" ")])],1)],1),i("div",{staticClass:"content-box"},[i("div",{staticClass:"menu"},[i("el-tabs",{on:{"tab-click":t.handleTabClick},model:{value:t.source_tab,callback:function(e){t.source_tab=e},expression:"source_tab"}},[i("el-tab-pane",{attrs:{label:t.$t("海报"),name:"data"}},[i("div",{staticClass:"list-wrapper"},[i("div",{staticClass:"list"},t._l(t.posterList,(function(e,a){return i("div",{key:a,staticClass:"free-poster",on:{click:function(a){return t.diy(e.id)}}},[i("div",{staticClass:"free-poster-title",attrs:{title:e.name}},[t._v(" "+t._s(e.name)+" ")]),i("div",{staticClass:"delPoster",on:{click:function(a){return a.stopPropagation(),t.delPoster(e.id)}}},[i("i",{staticClass:"el-icon-delete"})]),i("div",{staticClass:"copyPoster",on:{click:function(a){return a.stopPropagation(),t.copyPoster(e.id)}}},[i("i",{staticClass:"el-icon-copy-document"})]),i("img",{staticClass:"cover_img",attrs:{src:e.preview}})])})),0)])]),i("el-tab-pane",{attrs:{label:t.$t("素材"),name:"cover"}},[i("div",{staticClass:"list-wrapper"},[i("div",{staticClass:"list"},t._l(t.coverList,(function(e,a){return i("div",{key:a,staticClass:"free-poster",on:{click:function(a){return t.coverDiy(e)}}},[i("div",{staticClass:"free-poster-title",attrs:{title:e.name}},[t._v(" "+t._s(e.name)+" ")]),i("i",{staticClass:"el-icon-delete cover-del",on:{click:function(a){return t.delCover(e.id)}}}),i("img",{staticClass:"cover_img",attrs:{src:e.source}})])})),0)])]),i("el-tab-pane",{attrs:{label:t.$t("组件"),name:"widget"}},[i("div",{staticClass:"list-wrapper"},[i("div",{staticClass:"list-components"},[i("div",{staticClass:"item",on:{click:function(e){return t.addItem("text")}}},[i("img",{attrs:{src:a("3bf6"),alt:""}}),i("div",{staticClass:"item-desc"},[i("h3",[t._v(t._s(t.$t("文字")))]),i("p",[t._v(t._s(t.$t("点击创建")))])])]),i("div",{staticClass:"item",on:{click:function(e){return t.addItem("image")}}},[i("img",{attrs:{src:a("92c8"),alt:""}}),i("div",{staticClass:"item-desc"},[i("h3",[t._v(t._s(t.$t("图片")))]),i("p",[t._v(t._s(t.$t("点击创建")))])])]),i("div",{staticClass:"item",on:{click:function(e){return t.addItem("qrcode")}}},[i("img",{attrs:{src:a("47fe"),alt:""}}),i("div",{staticClass:"item-desc"},[i("h3",[t._v(t._s(t.$t("二维码")))]),i("p",[t._v(t._s(t.$t("点击创建")))])])])])])])],1)],1),i("div",{staticClass:"poster-view"},[i("div",{staticClass:"poster-scroll"},[i("div",{staticClass:"free-editor-wrapper",style:t.wrapper_style},[i("div",{ref:"poster",staticClass:"free-poster-bg",style:t.bg_style},t._l(t.formData.item,(function(e,a){return i("VueDragResize",{key:e.uuid,style:{zIndex:a,textAlign:e.a?e.a:"",transform:"rotate("+e.rotate+"deg)"},attrs:{w:t.calcSize(e.w),h:t.calcSize(e.h),x:t.calcSize(e.x),y:t.calcSize(e.y),minw:10,minh:10,"parent-limitation":!0,"is-active":a===t.nowFormIndex,"parent-w":t.calcSize(t.formData.width),"parent-h":t.calcSize(t.formData.height)},on:{dragging:t.dragging,resizing:t.resizing,activated:function(e){return t.onActivated(a)},deactivated:function(e){return t.onDeactivated(a)}}},["text"===e.t?i("pre",{style:{width:"100%",height:"100%",backgroundColor:e.bgColor,"font-size":t.calcSize(e.s)+"px","font-family":e.fn,color:e.c,"text-align":e.a,"line-height":"calc(1em + 4px)","white-space":"nowrap"}},[t._v(" "+t._s(e.v)+"\n ")]):t._e(),"image"===e.t?i("img",{attrs:{src:e.v}}):t._e(),"qrcode"===e.t?i("div",{ref:"qrcode"+a,refInFor:!0,staticClass:"qrcode-img",staticStyle:{width:"100%",height:"100%"},attrs:{id:"qrcode"+a}}):t._e()])})),1)])]),i("div",{staticClass:"free-editor-bottom-bar"},[i("i",{staticClass:"el-icon-remove",on:{click:function(e){return t.changeSize(1)}}}),i("span",{staticClass:"scale-num"},[t._v(t._s(t.resize)+"%")]),i("i",{staticClass:"el-icon-circle-plus",on:{click:function(e){return t.changeSize(2)}}})])]),i("div",{staticClass:"free-poster-tools"},[i("el-tabs",{model:{value:t.setting_tab,callback:function(e){t.setting_tab=e},expression:"setting_tab"}},[i("el-tab-pane",{attrs:{label:t.$t("海报设置"),name:"base_setting"}},[i("BaseForm",{attrs:{formdata:t.formData},on:{baseUpdate:t.baseUpdate}})],1),i("el-tab-pane",{attrs:{label:t.$t("组件设置"),name:"widget_setting"}},[i("Widget",{attrs:{formdata:t.nowWidget,index:t.nowFormIndex},on:{baseUpdate:t.baseUpdate,changeColor:t.changeColor,changeQrcode:t.changeQrcode,changeLayer:t.changeLayer,changeFont:t.changeFont}})],1)],1)],1)]),t.previewImg?i("el-image-viewer",{attrs:{"on-close":t.closeViewer,"url-list":t.srcList}}):t._e()],1)},s=[],r=a("c7eb"),n=a("1da1"),o=(a("d3b7"),a("159b"),a("25f0"),a("b680"),a("b64b"),a("a434"),a("14d9"),a("e9c4"),a("ac1f"),a("466d"),a("81b2"),a("0eb6"),a("b7ef"),a("8bd4"),a("ace4"),a("5cc6"),a("907a"),a("9a8c"),a("a975"),a("735e"),a("c1ac"),a("d139"),a("3a7b"),a("986a"),a("1d02"),a("d5d6"),a("82f8"),a("e91f"),a("60bd"),a("5f96"),a("3280"),a("3fcc"),a("ca91"),a("25a1"),a("cd26"),a("3c5d"),a("2954"),a("649e"),a("219c"),a("170b"),a("b39a"),a("6ce5"),a("2834"),a("72f7"),a("4ea1"),function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("el-form",{staticStyle:{padding:"0px 16px 0px 16px"},attrs:{"label-position":"top",model:t.formdata,rules:t.rules}},[a("h4",{staticClass:"title"},[t._v(t._s(t.$t("文件名称")))]),a("el-form-item",{attrs:{prop:"name"}},[a("el-input",{attrs:{placeholder:t.$t("请输入文件名称")},model:{value:t.formdata.name,callback:function(e){t.$set(t.formdata,"name",e)},expression:"formdata.name"}})],1),a("h4",{staticClass:"title"},[t._v(t._s(t.$t("画布")))]),a("el-form-item",{staticClass:"size-input",attrs:{label:t.$t("当前尺寸")+"(px)",prop:"size"}},[a("div",{staticClass:"line"},[t._v(" "+t._s(t.$t("宽"))+" "),a("el-input-number",{staticStyle:{width:"86px"},attrs:{"controls-position":"right"},model:{value:t.formdata.width,callback:function(e){t.$set(t.formdata,"width",e)},expression:"formdata.width"}})],1),a("div",{staticClass:"line"},[t._v(" "+t._s(t.$t("高"))+" "),a("el-input-number",{staticStyle:{width:"86px"},attrs:{"controls-position":"right"},model:{value:t.formdata.height,callback:function(e){t.$set(t.formdata,"height",e)},expression:"formdata.height"}})],1)]),a("el-form-item",{staticClass:"size-input",attrs:{label:t.$t("常用尺寸")+"(px)"}},[a("el-select",{staticStyle:{width:"100%"},attrs:{placeholder:t.$t("请选择常用尺寸")},on:{change:t.selPosterSize},model:{value:t.formdata.size,callback:function(e){t.$set(t.formdata,"size",e)},expression:"formdata.size"}},t._l(t.commonSize,(function(t){return a("el-option",{key:t.id,attrs:{label:t.label,value:t.id}})})),1)],1),a("h4",{staticClass:"title"},[t._v(t._s(t.$t("格式")))]),a("el-form-item",{attrs:{label:"",prop:"type"}},[a("el-select",{staticStyle:{width:"100%"},attrs:{placeholder:t.$t("请选择海报格式")},model:{value:t.formdata.type,callback:function(e){t.$set(t.formdata,"type",e)},expression:"formdata.type"}},t._l(t.img_type_list,(function(t){return a("el-option",{key:t,attrs:{label:t,value:"item"}})})),1)],1),a("h4",{staticClass:"title"},[t._v(t._s(t.$t("图片质量")))]),a("el-form-item",{attrs:{label:"",prop:"qulity"}},[a("div",{staticClass:"slider-num"},[a("i",[t._v("0")]),a("i",[t._v(t._s(t.formdata.qulity))])]),a("el-slider",{model:{value:t.formdata.qulity,callback:function(e){t.$set(t.formdata,"qulity",e)},expression:"formdata.qulity"}})],1),a("h4",{staticClass:"title"},[t._v(t._s(t.$t("背景图")))]),a("el-form-item",[a("el-upload",{staticClass:"upload-demo",attrs:{headers:t.myHeaders,action:t.$store.getters.updateURL+"material/upload","on-success":t.handleSuccess,"show-file-list":!1}},[a("el-button",{staticClass:"upload-btn",attrs:{plain:""}},[t._v(t._s(t.$t("上传背景图")))])],1)],1),a("h4",{staticClass:"title"},[t._v(t._s(t.$t("背景色")))]),a("el-color-picker",{model:{value:t.formdata.color,callback:function(e){t.$set(t.formdata,"color",e)},expression:"formdata.color"}})],1)}),c=[],l={props:["formdata"],data:function(){return{img_type_list:["jpg","png","jpeg","wbmp"],myHeaders:{Authorization:"Bearer ".concat(this.$store.getters.token)},commonSize:[{id:1,label:"".concat(this.$t("海报")," 750 x 1333"),width:750,height:1333},{id:2,label:"".concat(this.$t("课程封面")," 900 x 500"),width:900,height:500},{id:3,label:"".concat(this.$t("公众号首图")," 900 x 383"),width:900,height:383},{id:4,label:"".concat(this.$t("海报")," 640 x 1008"),width:640,height:1008},{id:5,label:"".concat(this.$t("海报")," 720 x 1280"),width:720,height:1280},{id:6,label:"".concat(this.$t("海报")," 1078 x 2280"),width:1078,height:2280},{id:7,label:"".concat(this.$t("海报")," 1242 x 2208"),width:1242,height:2208},{id:8,label:"".concat(this.$t("朋友圈背景图")," 800 x 800"),width:800,height:800},{id:9,label:"".concat(this.$t("长图海报")," 800 x 2000"),width:800,height:2e3},{id:10,label:"".concat(this.$t("方形海报")," 1200 x 1200"),width:1200,height:1200},{id:11,label:"".concat(this.$t("方形")," 1080 x 1080"),width:1080,height:1080}],rules:{name:[{required:!0,message:this.$t("请填写名称")}],type:[{required:!0,message:this.$t("请选择格式")}],qulity:[{required:!0,message:this.$t("请设置图片质量")}],size:[{required:!0,message:this.$t("请设置尺寸")}]}}},watch:{"formdata.width":function(){this.$emit("baseUpdate",{type:"style",data:this.formdata})},"formdata.height":function(){this.$emit("baseUpdate",{type:"style",data:this.formdata})},"formdata.color":function(){this.$emit("baseUpdate",{type:"style",data:this.formdata})},"formdata.img_src":function(){this.$emit("baseUpdate",{type:"style",data:this.formdata})}},methods:{handleSuccess:function(t,e){this.formdata.img_src=t.data.url},handleClick:function(){this.$emit("baseUpdate",{type:"style",data:this.formdata})},selPosterSize:function(t){var e=this;this.commonSize.forEach((function(a){if(a.id===t)return e.formdata.width=a.width,e.formdata.height=a.height,!1})),this.$emit("baseUpdate",{type:"style",data:this.formdata})}}},d=l,m=(a("f281"),a("2877")),u=Object(m["a"])(d,o,c,!1,null,"ccd1bb2c",null),h=u.exports,f=function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("el-form",{staticClass:"widget-container",attrs:{"label-position":"top",model:t.formdata}},[a("el-form-item",{staticClass:"size-input",attrs:{label:t.$t("尺寸")+"(px)"}},[a("div",{staticClass:"line"},[t._v(" "+t._s(t.$t("宽"))+" "),a("el-input-number",{staticStyle:{width:"86px"},attrs:{"controls-position":"right"},model:{value:t.formdata.w,callback:function(e){t.$set(t.formdata,"w",e)},expression:"formdata.w"}})],1),a("div",{staticClass:"line"},[t._v(" "+t._s(t.$t("高"))+" "),a("el-input-number",{staticStyle:{width:"86px"},attrs:{"controls-position":"right"},model:{value:t.formdata.h,callback:function(e){t.$set(t.formdata,"h",e)},expression:"formdata.h"}})],1)]),a("el-form-item",{staticClass:"size-input",attrs:{label:t.$t("位置")+"(px)"}},[a("div",{staticClass:"line"},[t._v(" X "),a("el-input-number",{staticStyle:{width:"86px"},attrs:{"controls-position":"right"},model:{value:t.formdata.x,callback:function(e){t.$set(t.formdata,"x",e)},expression:"formdata.x"}})],1),a("div",{staticClass:"line"},[t._v(" Y "),a("el-input-number",{staticStyle:{width:"86px"},attrs:{"controls-position":"right"},model:{value:t.formdata.y,callback:function(e){t.$set(t.formdata,"y",e)},expression:"formdata.y"}})],1)]),a("h4",{staticClass:"title"},[t._v(t._s(t.$t("内容")))]),a("el-form-item",{attrs:{label:""}},[a("el-input",{attrs:{type:"textarea",rows:4},on:{blur:t.changeContent},model:{value:t.formdata.v,callback:function(e){t.$set(t.formdata,"v",e)},expression:"formdata.v"}})],1),"text"==t.formdata.t?a("div",[a("h4",{staticClass:"title"},[t._v(t._s(t.$t("文字属性")))]),a("el-form-item",{staticClass:"size-input",attrs:{label:t.$t("字体大小")}},[a("el-select",{attrs:{placeholder:t.$t("请选择字体")},model:{value:t.formdata.fn,callback:function(e){t.$set(t.formdata,"fn",e)},expression:"formdata.fn"}},t._l(t.fonts,(function(t){return a("el-option",{key:t.value,style:"font-family:"+t.value,attrs:{label:t.label,value:t.value}})})),1),a("el-input-number",{staticStyle:{width:"86px","margin-left":"8px"},attrs:{"controls-position":"right"},model:{value:t.formdata.h,callback:function(e){t.$set(t.formdata,"h",e)},expression:"formdata.h"}})],1),a("el-form-item",{staticClass:"size-input",attrs:{label:t.$t("颜色对齐方式")}},[a("el-color-picker",{model:{value:t.formdata.c,callback:function(e){t.$set(t.formdata,"c",e)},expression:"formdata.c"}}),a("div",{staticClass:"layerBtn fontBtn"},[a("i",{staticClass:"iconfont icon-a-zuoduiqibeifen3",on:{click:function(e){return t.changeFont("left")}}}),a("i",{staticClass:"iconfont icon-juzhongduiqi",on:{click:function(e){return t.changeFont("center")}}}),a("i",{staticClass:"iconfont icon-a-youduiqibeifen2",on:{click:function(e){return t.changeFont("right")}}})])],1)],1):t._e(),a("h4",{staticClass:"title"},[t._v(t._s(t.$t("层级")))]),a("div",{staticClass:"layerBtn"},[a("i",{staticClass:"el-icon-upload2",on:{click:function(e){return t.changeLayer("top")}}}),a("i",{staticClass:"el-icon-top",on:{click:function(e){return t.changeLayer("add")}}}),a("i",{staticClass:"el-icon-bottom",on:{click:function(e){return t.changeLayer("sub")}}}),a("i",{staticClass:"el-icon-download",on:{click:function(e){return t.changeLayer("bottom")}}})]),"image"==t.formdata.t?a("div",[a("h4",{staticClass:"title"},[t._v(t._s(t.$t("图片")))]),a("el-form-item",{attrs:{label:""}},[a("el-upload",{attrs:{headers:t.myHeaders,action:t.$store.getters.updateURL+"material/upload","on-success":t.handleSuccess,"show-file-list":!1}},[a("el-button",{staticClass:"upload-btn",attrs:{plain:""}},[t._v(t._s(t.$t("点击上传")))])],1)],1)],1):t._e(),a("h4",{staticClass:"title"},[t._v(t._s(t.$t("名称")))]),a("el-form-item",{attrs:{label:""}},[a("el-input",{model:{value:t.formdata.name,callback:function(e){t.$set(t.formdata,"name",e)},expression:"formdata.name"}})],1),a("h4",{staticClass:"title"},[t._v(t._s(t.$t("备注")))]),a("el-form-item",{attrs:{label:""}},[a("el-input",{model:{value:t.formdata.rm,callback:function(e){t.$set(t.formdata,"rm",e)},expression:"formdata.rm"}})],1),a("h4",{staticClass:"title"},[t._v(t._s(t.$t("旋转")))]),a("el-form-item",{staticClass:"size-input",attrs:{label:""}},[a("div",{staticStyle:{width:"calc(100% - 94px)"}},[a("el-slider",{attrs:{min:0,max:360},model:{value:t.formdata.rotate,callback:function(e){t.$set(t.formdata,"rotate",e)},expression:"formdata.rotate"}})],1),a("el-input-number",{staticStyle:{width:"86px"},attrs:{"controls-position":"right"},model:{value:t.formdata.rotate,callback:function(e){t.$set(t.formdata,"rotate",e)},expression:"formdata.rotate"}})],1),"text"==t.formdata.t?a("div",[a("h4",{staticClass:"title"},[t._v(t._s(t.$t("背景色")))]),a("el-form-item",{attrs:{label:""}},[a("el-color-picker",{model:{value:t.formdata.bgColor,callback:function(e){t.$set(t.formdata,"bgColor",e)},expression:"formdata.bgColor"}})],1)],1):t._e()],1)},p=[],v=(a("2a68"),{name:"Widget",props:["formdata","index"],data:function(){return{myHeaders:{Authorization:"Bearer ".concat(this.$store.getters.token)},fonts:[{label:"阿里巴巴普惠体-Light",value:"ali-light"},{label:"阿里巴巴普惠体-Regular",value:"ali-Regular"},{label:"阿里巴巴普惠体-Medium",value:"ali-Medium"},{label:"阿里巴巴普惠体-Bold",value:"ali-Bold"},{label:"阿里巴巴普惠体-Heavy",value:"ali-Heavy"}]}},created:function(){},methods:{changeColor:function(){this.$emit("changeColor")},handleSuccess:function(t,e){this.formdata.v=t.data.url},changeContent:function(){"qrcode"===this.formdata.t&&this.$emit("changeQrcode",{index:this.index,item:this.formdata})},changeLayer:function(t){this.$emit("changeLayer",{index:this.index,type:t})},changeFont:function(t){this.$emit("changeFont",{index:this.index,type:t})}}}),g=v,b=(a("5b6d"),Object(m["a"])(g,f,p,!1,null,"53985f73",null)),w=b.exports,x=a("08a9"),_=a("d044"),y=a.n(_),$=a("365c");function C(t){var e="/material/index";return $["a"].get(e,t)}function k(t){var e="/material/add";return $["a"].post(e,t)}function z(t){var e="/material/add";return $["a"].post(e,t)}function D(t){var e="/material/del";return $["a"].post(e,t)}var I={list:C,upload:k,add:z,del:D};function F(t){var e="/poster/preview";return $["a"].post(e,t)}function S(t){var e="/poster/add";return $["a"].post(e,t)}function O(t){var e="/poster/edit";return $["a"].get(e,t)}function L(t){var e="/poster/del";return $["a"].post(e,t)}function j(t){var e="/poster/copy";return $["a"].post(e,t)}function q(t){var e="/poster/index";return $["a"].get(e,t)}var U={preview:F,add:S,list:q,edit:O,copy:j,del:L},P={name:"Designer",components:{BaseForm:h,Widget:w,ElImageViewer:x["a"]},data:function(){return{dialogVisible:!1,previewImg:!1,url:"",srcList:[],source_tab:"data",setting_tab:"base_setting",nowWidget:{},cover:{name:"",source:"",width:0,height:0,type:"png"},formData:{id:"",name:"",type:"jpg",qulity:80,size:1,width:750,height:1333,activeName:"img",color:"#fff",img_src:"",item:[]},myHeaders:{Authorization:"Bearer ".concat(this.$store.getters.token)},material:{text:{a:"left",warp:!1,t:"text",c:"#000",bgc:"",h:70,w:200,x:100,y:100,fn:"ali-Regular",s:68,name:"文字",v:"内容",rm:"备注",uuid:"",rotate:0},qrcode:{t:"qrcode",c:"#000000",h:150,w:150,x:250,y:400,fn:"",bgc:"#ffffff",name:"文字",v:"https://www.huocms.com",rm:"备注",uuid:"",rotate:0},img:{t:"image",h:150,w:450,x:100,y:100,c:"#000000",bgc:"#fff",fn:"",name:"图片",v:"https://www.huocms.com/static/home/images/logo.png",rm:"备注",uuid:"",rotate:0}},resize:40,wrapper_style:"",bg_style:"",coverList:[],posterList:[],nowFormIndex:0,rules:{name:[{required:!0,message:this.$t("请输入名称")}],source:[{required:!0,message:this.$t("请上传素材文件")}]}}},watch:{resize:function(){this.setStyle()}},created:function(){this.setStyle(),this.getPosterList()},methods:{newPoster:function(){this.formData={id:"",name:"",type:"jpg",qulity:80,size:1,width:750,height:1333,activeName:"img",color:"#fff",img_src:"",item:[]},this.setting_tab="base_setting",this.nowFormIndex=""},setStyle:function(){var t=this,e=this.calcSize(this.formData.width,1)+"px",a=this.calcSize(this.formData.height,1)+"px";this.wrapper_style="width:"+e+";height:"+a,this.bg_style="width:"+e+";height:"+a+";background-size:"+e+" "+a+";","color"===this.formData.activeName&&(this.bg_style+="background-color:"+this.formData.color+";"),this.formData.img_src&&"img"===this.formData.activeName&&(this.bg_style+="background-image: url("+this.formData.img_src+");"),this.formData.item.forEach((function(e,a){"qrcode"===e.t&&t.$nextTick((function(){t.qrcode(a,e)}))}))},uuid:function(){function t(){return(65536*(1+Math.random())|0).toString(16).substring(1)}return t()+t()},preview:function(){var t=this;return Object(n["a"])(Object(r["a"])().mark((function e(){var a;return Object(r["a"])().wrap((function(e){while(1)switch(e.prev=e.next){case 0:return e.next=3,U.preview(t.formData);case 3:a=e.sent,0==a.code&&(t.previewImg=!0,t.url=a.data,t.srcList[0]=a.data);case 5:case"end":return e.stop()}}),e)})))()},closeViewer:function(){this.previewImg=!1},calcSize:function(t,e){var a="";return a=e?(t*(this.resize/100)).toFixed(1):parseInt(t*(this.resize/100)),a},download:function(){var t=this;return Object(n["a"])(Object(r["a"])().mark((function e(){var a;return Object(r["a"])().wrap((function(e){while(1)switch(e.prev=e.next){case 0:return e.next=2,U.preview(t.formData);case 2:a=e.sent,0==a.code&&(t.srcList[0]=a.data),t.srcList[0]&&window.open(t.srcList[0],"_target");case 5:case"end":return e.stop()}}),e)})))()},changeSize:function(t){var e=this;if(1===t){if(this.resize<=5)return;this.resize>30?this.resize-=10:this.resize-=1}else if(2===t){if(this.resize>=300)return;this.resize<30?this.resize+=1:this.resize+=10}this.formData.item.forEach((function(t,a){t.uuid=e.uuid()}))},diy:function(t){var e=this;return Object(n["a"])(Object(r["a"])().mark((function a(){var i;return Object(r["a"])().wrap((function(a){while(1)switch(a.prev=a.next){case 0:if(t!=e.formData.id){a.next=2;break}return a.abrupt("return");case 2:return e.formData.item=[],e.setting_tab="base_setting",e.nowFormIndex="",a.next=7,U.edit({id:t});case 7:i=a.sent,e.formData=JSON.parse(i.data.design_content),e.formData.qulity=parseInt(e.formData.qulity),e.formData.id=i.data.id,e.formData.size=parseInt(e.formData.size),e.formData.item.forEach((function(t,a){"qrcode"===t.t&&e.$nextTick((function(){e.qrcode(a,t)}))}));case 13:case"end":return a.stop()}}),a)})))()},qrcode:function(t,e){var a=document.getElementById("qrcode"+t);a.innerHTML="";new y.a(a,{text:encodeURI(e.v),width:(e.w*(this.resize/100)).toFixed(1),height:(e.h*(this.resize/100)).toFixed(1),colorDark:e.c,colorLight:e.bgc,correctLevel:y.a.CorrectLevel.H})},delItem:function(){this.formData.item.splice(this.nowFormIndex,1)},changeQrcode:function(t){this.qrcode(t.index,t.item)},changeColor:function(){this.qrcode(this.nowFormIndex,this.formData.item[this.nowFormIndex])},changeLayer:function(t){var e=t.type,a=t.index,i=this.formData.item.length-1,s=this.formData.item;if("add"==e){if(a+1>=s.length)return;this.formData.item=[];var r=s[a];s[a]=s[a+1],s[a+1]=r,this.nowFormIndex=a+1}if("sub"==e){if(a<=0)return;this.formData.item=[];var n=s[a];s[a]=s[a-1],s[a-1]=n,this.nowFormIndex=a-1}if("top"==e){if(a+1>=s.length)return;this.formData.item=[];var o=s[a];s.splice(a,1),s.push(o),this.nowFormIndex=i}if("bottom"==e){if(a<=0)return;this.formData.item=[];var c=s[a];s.splice(a,1),s.splice(0,0,c),this.nowFormIndex=0}this.nowWidget=s[this.nowFormIndex],this.formData.item=s},changeFont:function(t){var e=t.type,a=t.index;this.formData.item[a].a=e},handleSuccess:function(t,e){this.cover.source=t.data.url,this.cover.width=t.data.width,this.cover.height=t.data.height,this.cover.type=t.data.type},resizing:function(t){this.formData.item[this.nowFormIndex].x=parseInt(parseInt(t.left)/(this.resize/100).toFixed(1)),this.formData.item[this.nowFormIndex].y=parseInt(parseInt(t.top)/(this.resize/100).toFixed(1)),this.formData.item[this.nowFormIndex].w=parseInt(parseInt(t.width)/(this.resize/100).toFixed(1)),this.formData.item[this.nowFormIndex].h=parseInt(parseInt(t.height)/(this.resize/100).toFixed(1)),this.formData.item[this.nowFormIndex].s=this.formData.item[this.nowFormIndex].h,this.formData.item[this.nowFormIndex].t},dragging:function(t){this.formData.item[this.nowFormIndex].x=parseInt(parseInt(t.left)/(this.resize/100).toFixed(1)),this.formData.item[this.nowFormIndex].y=parseInt(parseInt(t.top)/(this.resize/100).toFixed(1))},onActivated:function(t){this.nowFormIndex=t,"text"===this.formData.item[t].t?this.setting_title="文字":"image"===this.formData.item[t].t?this.setting_title="图片":"qrcode"===this.formData.item[t].t&&(this.setting_title="二维码"),this.nowWidget=this.formData.item[t],this.setting_tab="widget_setting"},onDeactivated:function(t){},baseUpdate:function(t){"style"===t.type&&(this.formData=t.data,this.setStyle())},save:function(){var t=this;return Object(n["a"])(Object(r["a"])().mark((function e(){var a;return Object(r["a"])().wrap((function(e){while(1)switch(e.prev=e.next){case 0:return e.next=2,U.add(t.formData);case 2:a=e.sent,0==a.code&&(t.$message.success(a.msg),t.getPosterList(),a.data>0&&(t.formData.id=a.data));case 4:case"end":return e.stop()}}),e)})))()},copyPoster:function(t){var e=this;return Object(n["a"])(Object(r["a"])().mark((function a(){var i;return Object(r["a"])().wrap((function(a){while(1)switch(a.prev=a.next){case 0:return a.next=2,U.copy({id:t});case 2:i=a.sent,0==i.code&&(e.$message.success(i.msg),e.getPosterList());case 4:case"end":return a.stop()}}),a)})))()},addItem:function(t){var e=this;if("text"==t){var a=JSON.parse(JSON.stringify(this.material.text));a.uuid=this.uuid(),this.formData.item.push(a)}else if("image"==t){var i=JSON.parse(JSON.stringify(this.material.img));i.uuid=this.uuid(),this.formData.item.push(i)}else if("qrcode"==t){var s=JSON.parse(JSON.stringify(this.material.qrcode));s.uuid=this.uuid();var r=this.formData.item.length;this.formData.item.push(s),this.$nextTick((function(){e.qrcode(r,s)}))}},back:function(){var t=this.formData.item.length;t&&this.formData.item.pop()},showUpload:function(){this.dialogVisible=!0},handleTabClick:function(){"cover"==this.source_tab?this.getCoverList():"data"==this.source_tab&&this.getPosterList()},getPosterList:function(){var t=this;return Object(n["a"])(Object(r["a"])().mark((function e(){var a;return Object(r["a"])().wrap((function(e){while(1)switch(e.prev=e.next){case 0:return t.posterList=[],e.next=3,U.list();case 3:a=e.sent,0==a.code&&(t.posterList=a.data);case 5:case"end":return e.stop()}}),e)})))()},getCoverList:function(){var t=this;return Object(n["a"])(Object(r["a"])().mark((function e(){var a;return Object(r["a"])().wrap((function(e){while(1)switch(e.prev=e.next){case 0:return t.coverList=[],e.next=3,I.list();case 3:a=e.sent,t.coverList=a.data;case 5:case"end":return e.stop()}}),e)})))()},uploadCover:function(t){var e=this;this.$refs[t].validate(function(){var t=Object(n["a"])(Object(r["a"])().mark((function t(a){var i;return Object(r["a"])().wrap((function(t){while(1)switch(t.prev=t.next){case 0:if(!a){t.next=5;break}return t.next=3,I.add(e.cover);case 3:i=t.sent,0==i.code&&(e.$message.success(i.msg),e.dialogVisible=!1,"cover"==e.source_tab&&e.getCoverList());case 5:case"end":return t.stop()}}),t)})));return function(e){return t.apply(this,arguments)}}())},coverDiy:function(t){this.material.img.v=t.source,this.addItem("image")},delCover:function(t){var e=this;this.$confirm(this.$t("您确定要删除该素材"),this.$t("提示"),{confirmButtonText:this.$t("确定"),cancelButtonText:this.$t("取消"),type:"warning"}).then(Object(n["a"])(Object(r["a"])().mark((function a(){var i;return Object(r["a"])().wrap((function(a){while(1)switch(a.prev=a.next){case 0:return a.next=2,I.del({id:t});case 2:i=a.sent,0==i.code&&(e.$message.success(i.msg),e.getCoverList());case 4:case"end":return a.stop()}}),a)})))).catch((function(){}))},resetForm:function(t){this.$refs[t].resetFields()},dataURLToBlob:function(t){var e=t.split(","),a=e[0].match(/:(.*?);/)[1],i=atob(e[1]),s=i.length,r=new Uint8Array(s);while(s--)r[s]=i.charCodeAt(s);return new Blob([r],{type:a})},delPoster:function(t){var e=this;return Object(n["a"])(Object(r["a"])().mark((function a(){return Object(r["a"])().wrap((function(a){while(1)switch(a.prev=a.next){case 0:e.$confirm(e.$t("您确定要删除该海报吗"),e.$t("提示"),{confirmButtonText:e.$t("确定"),cancelButtonText:e.$t("取消"),type:"warning"}).then(Object(n["a"])(Object(r["a"])().mark((function a(){var i;return Object(r["a"])().wrap((function(a){while(1)switch(a.prev=a.next){case 0:return e.formData.id==t&&(e.formData.id=""),a.next=3,U.del({id:t});case 3:i=a.sent,0==i.code&&(e.$message.success(i.msg),e.getPosterList());case 5:case"end":return a.stop()}}),a)})))).catch((function(){}));case 2:case"end":return a.stop()}}),a)})))()}}},B=P,N=(a("e6c9"),Object(m["a"])(B,i,s,!1,null,"7c86683a",null));e["default"]=N.exports},"3bf6":function(t,e,a){t.exports=a.p+"static/img/word.88eebdd6.svg"},"47fe":function(t,e,a){t.exports=a.p+"static/img/qrcode.a017e214.svg"},"5b6d":function(t,e,a){"use strict";a("1cc0")},"7ddb":function(t,e,a){},"857e":function(t,e,a){},"92c8":function(t,e,a){t.exports=a.p+"static/img/img.0c92ed51.svg"},e6c9:function(t,e,a){"use strict";a("857e")},f281:function(t,e,a){"use strict";a("7ddb")}}]);
|