| 1 |
- (window.webpackJsonp=window.webpackJsonp||[]).push([[12],{1684:function(t,n,e){"use strict";e.r(n);var i=e(56),a=e.n(i),o=e(45),s=e.n(o),l=e(284),r=e.n(l),d=e(1718),p=function(){var t=this.selected_vdc.config.datas.background_over;return"\n .advertising-preview.component-"+this.id+" .main-layout{\n background-color: rgba(0,0,0,"+t.value/100+");\n }\n "},c={data:function(){return{id:"",datas:{},emptyImage:r.a,selected_vdc:{id:"M"+(new Date).getTime(),component_key:"U000248",component_title:"弹窗广告",component_tips:"需保存生效，启用后用户进入商城后，广告图将弹出直到用户关闭，可作为品牌宣传使用",template_id:3,template_name:"template1",template_title:"模版一",template_list:[{id:3,name_en:"template1",name:"模版一",component_key:"U000248"}],config:{datas:{advertising_title:{title:"弹窗广告名称",type:"text",value:""},show_rule:{title:"显示规则",tips:"每日首次登录小程序时显示规则仅在首页和会员中心使用",type:"radio",value:1,options:[{label:"每次进入页面",value:1},{label:"每日首次登录小程序时显示",value:2}]},background_over:{title:"背景遮罩层透明度",type:"bar",value:0,min:0,max:100,no_show_px:!0},advertising_image:{title:"广告图",type:"image",value:""},h5_link:{title:"H5页面跳转",type:"link",value:{is_h5:"1",link:"",gh_id:"",minApp_link:""}},minApp_link:{title:"小程序页面跳转",show:"minApp",type:"link",value:{is_minApp:"1",link:"",gh_id:"",minApp_link:""}}},styles:{},layout:[{datas:[{title:"常用配置",groups:["advertising_title","show_rule","background_over","advertising_image","h5_link","minApp_link"]}],styles:[]}]},is_loaded_config:!0,remote_data:{},remote_style:{}}}},computed:{css:function(){return"<style>"+p.call(this)+"</style>"},className:function(){return["component-"+this.id]}},components:{layoutForm:d.a},created:function(){this.id=this.$route.query.id,this.id&&this.getData()},methods:{getData:function(){var t=this;$http.post("plugin.decorate.admin.decorate-advertising.get-info",{advertising_id:this.id},"loading").then((function(n){1===n.result?(t.selected_vdc.config.datas.advertising_title.value=n.data.name,t.selected_vdc.config.datas.advertising_image.value=n.data.image,t.selected_vdc.config.datas.show_rule.value=n.data.show_rule,t.selected_vdc.config.datas.h5_link.value.link=n.data.h_url,t.selected_vdc.config.datas.h5_link.value.minApp_link=n.data.s_url,t.selected_vdc.config.datas.h5_link.value.gh_id=n.data.s_id,t.selected_vdc.config.datas.h5_link.value.is_h5=n.data.url_type.toString(),t.selected_vdc.config.datas.minApp_link.value.link=n.data.minapp_link,t.selected_vdc.config.datas.minApp_link.value.minApp_link=n.data.minapp_link2,t.selected_vdc.config.datas.minApp_link.value.gh_id=n.data.minapp_sid,t.selected_vdc.config.datas.minApp_link.value.is_minApp=n.data.is_minapp.toString(),n.data.datas&&(t.datas=JSON.parse(n.data.datas),t.selected_vdc.config.datas.background_over.value=t.datas.background_over)):n.msg&&t.$message.error(n.msg)})).catch((function(t){console.log(t)}))},handle_save:function(){var t=this,n=this,e=this.handle_data(this.selected_vdc.config.datas);if(e.advertising_title)if(e.advertising_image){var i={background_over:e.background_over},a={id:this.id,type:1,name:e.advertising_title,image:e.advertising_image,show_rule:e.show_rule,show_time:0,h_url:e.h5_link.link,s_url:e.h5_link.minApp_link,s_id:e.h5_link.gh_id,url_type:e.h5_link.is_h5,is_minapp:e.minApp_link.is_minApp,minapp_link:e.minApp_link.link,minapp_sid:e.minApp_link.gh_id,minapp_link2:e.minApp_link.minApp_link,is_default:1,datas:s()(i)};$http.post("plugin.decorate.admin.decorate-advertising.save",a,"loading").then((function(e){1===e.result?t.$success({title:"提示",content:"保存成功",onOk:function(){n.$router.push(n.fun.getUrl("/first_banner"))}}):e.msg&&t.$message.error(e.msg)})).catch((function(t){console.log(t)}))}else this.$message.error("弹窗广告图片不能为空");else this.$message.error("弹窗广告名称不能为空")},handle_data:function(t){var n={};return a()(t).map((function(e){n[e]=t[e].value})),n}}},m=function(){var t=this,n=t.$createElement,e=t._self._c||n;return e("div",{attrs:{id:"page-advertising"}},[e("div",{domProps:{innerHTML:t._s(t.css)}}),t._v(" "),e("div",{staticClass:"advertising-preview",class:t.className},[e("div",{staticClass:"main-layout is-app",class:{"is-empty":!t.selected_vdc.config.datas.advertising_image.value}},[t._m(0),t._v(" "),e("div",{staticClass:"is-empty"},[e("img",{attrs:{src:t.emptyImage}}),t._v("\n 哎哟，您还没有放置图片哦~\n ")]),t._v(" "),t.selected_vdc.config.datas.advertising_image.value?e("div",{staticClass:"pop"},[e("div",{staticClass:"pop-image"},[e("img",{attrs:{src:t.selected_vdc.config.datas.advertising_image.value}}),t._v(" "),t._m(1)])]):t._e()]),t._v(" "),e("a-button",{staticClass:"fix-class",attrs:{type:"primary"},on:{click:t.handle_save}},[t._v("保存")])],1),t._v(" "),e("layout-form",{attrs:{selected_vdc:t.selected_vdc}})],1)},f=[function(){var t=this.$createElement,n=this._self._c||t;return n("div",{staticClass:"page-head"},[n("img",{staticStyle:{width:"100%"},attrs:{src:e(1804),alt:""}})])},function(){var t=this.$createElement,n=this._self._c||t;return n("div",{staticClass:"icon_close"},[n("i",{staticClass:"iconfont icon-close11"})])}];m._withStripped=!0;var g=e(11);var u=function(t){e(2061)},v=Object(g.a)(c,m,f,!1,u,"data-v-7815a868",null);v.options.__file="src\\views\\advertising\\advertising.vue";n.default=v.exports},1704:function(t,n,e){var i=e(1705);"string"==typeof i&&(i=[[t.i,i,""]]),i.locals&&(t.exports=i.locals);(0,e(19).default)("1333bf36",i,!1,{})},1705:function(t,n,e){(t.exports=e(16)(!1)).push([t.i,"\nul.sheet-list[data-v-24a5f0d8] {\n display: flex;\n flex-wrap: wrap;\n padding: 0px;\n margin: 0px;\n list-style: none;\n margin-top: 16px;\n}\nul.sheet-list li[data-v-24a5f0d8] {\n flex-shrink: 0;\n width: 56px;\n height: 40px;\n border: solid 1px #ddd;\n box-sizing: border-box;\n margin-right: 10px;\n border-radius: 2px;\n cursor: pointer;\n text-align: center;\n line-height: 40px;\n color: #C9CED1;\n display: flex;\n justify-content: center;\n align-items: center;\n}\nul.sheet-list li.active[data-v-24a5f0d8] {\n border-color: #29ba9c;\n color: #29ba9c;\n}\nul.sheet-list i.iconfont[data-v-24a5f0d8] {\n font-size: 28px;\n}\n",""])},1706:function(t,n,e){var i=e(1707);"string"==typeof i&&(i=[[t.i,i,""]]),i.locals&&(t.exports=i.locals);(0,e(19).default)("f269ec3a",i,!1,{})},1707:function(t,n,e){(t.exports=e(16)(!1)).push([t.i,"",""])},1708:function(t,n,e){"use strict";var i={props:{value:{type:Number,required:!0},list:{type:Array,required:!0}},data:function(){return{template_id:0}},methods:{handle_change_template:function(t){var n=t.id,e=t.name,i=t.name_en;this.$emit("update",n),this.$emit("onChange",{template_id:n,template_title:e,template_name:i})}},created:function(){this.template_id=this.value}},a=function(){var t=this,n=t.$createElement,e=t._self._c||n;return e("ul",{staticClass:"sheet-list"},[t._l(t.list,(function(n){return[e("li",{key:n.id,class:{active:t.template_id==n.id},on:{click:function(e){return t.handle_change_template(n)}}},[e("i",{class:"iconfont icon"})])]}))],2)};a._withStripped=!0;var o=e(11);var s=function(t){e(1704)},l=Object(o.a)(i,a,[],!1,s,"data-v-24a5f0d8",null);l.options.__file="src\\views\\design\\form\\template-selector.vue";n.a=l.exports},1709:function(t,n,e){"use strict";var i={props:{title:{type:String},desc:{type:String},content:{type:String},slide:{type:Boolean,default:!0}},methods:{handle_toogle_slide:function(){if(!this.slide)return!1;var t=$(this.$refs.dom);t.hasClass("is-hide")?t.removeClass("is-hide"):t.addClass("is-hide")}}},a=function(){var t=this,n=t.$createElement,e=t._self._c||n;return e("div",{ref:"dom",staticClass:"form-group"},[e("div",{staticClass:"form-group-title",on:{click:t.handle_toogle_slide}},[t.slide?e("a-icon",{attrs:{type:"caret-down"}}):t._e(),t._v("\n "+t._s(t.title)+"\n "),e("span",{staticClass:"form-group-desc"},[t._v(t._s(t.desc))])],1),t._v(" "),e("div",{staticClass:"form-group-body"},[t._t("default")],2)])};a._withStripped=!0;var o=e(11);var s=function(t){e(1706)},l=Object(o.a)(i,a,[],!1,s,null,null);l.options.__file="src\\views\\design\\form\\form-unit\\unit-panel.vue";n.a=l.exports},1711:function(t,n,e){var i=e(1712);"string"==typeof i&&(i=[[t.i,i,""]]),i.locals&&(t.exports=i.locals);(0,e(19).default)("05e0fef6",i,!1,{})},1712:function(t,n,e){(t.exports=e(16)(!1)).push([t.i,"\n.design-layout-form[data-v-b4ff9382] {\n background: #fff;\n width: 360px;\n position: fixed;\n right: 0px;\n top: 50px;\n bottom: 0px;\n z-index: 1;\n transition: all 0.5s;\n padding: 24px;\n padding-right: 0px;\n box-sizing: border-box;\n overflow-x: hidden;\n overflow-y: auto;\n}\n.form-head[data-v-b4ff9382] {\n padding: 0px;\n margin: 0px auto;\n font-size: 18px;\n font-weight: 600;\n color: #3F4245;\n}\n/* 可以设置不同的进入和离开动画 */\n/* 设置持续时间和动画函数 */\n.slide-fade-enter-active[data-v-b4ff9382],\n.slide-fade-leave-active[data-v-b4ff9382] {\n transition: all .3s ease;\n}\n.slide-fade-enter[data-v-b4ff9382],\n.slide-fade-leave-to[data-v-b4ff9382] {\n transform: translateX(10px);\n opacity: 0;\n}\n",""])},1713:function(t,n,e){var i=e(1714);"string"==typeof i&&(i=[[t.i,i,""]]),i.locals&&(t.exports=i.locals);(0,e(19).default)("349da7be",i,!1,{})},1714:function(t,n,e){(t.exports=e(16)(!1)).push([t.i,"\n.design-form-body,\n.design-layout-page-info {\n width: 312px;\n display: block;\n}\n.design-form-body .form-item,\n.design-layout-page-info .form-item {\n flex-shrink: 0;\n margin-top: 20px;\n}\n.design-form-body .form-item.col-1,\n.design-layout-page-info .form-item.col-1 {\n width: 100%;\n}\n.design-form-body .form-item.col-2,\n.design-layout-page-info .form-item.col-2 {\n width: 148px;\n}\n.design-form-body .form-item.col-4,\n.design-layout-page-info .form-item.col-4 {\n width: 70px;\n}\n.design-form-body .form-item .config-title,\n.design-layout-page-info .form-item .config-title {\n display: block;\n margin-bottom: 6px;\n margin-right: 10px;\n /*height: 20px;*/\n line-height: 20px;\n}\n.design-form-body .form-item .ant-input,\n.design-layout-page-info .form-item .ant-input,\n.design-form-body .form-item .ant-input-group-addon,\n.design-layout-page-info .form-item .ant-input-group-addon {\n border-color: #E8EAEC;\n}\n.design-form-body .form-item .ant-input:hover,\n.design-layout-page-info .form-item .ant-input:hover,\n.design-form-body .form-item .ant-input:active,\n.design-layout-page-info .form-item .ant-input:active,\n.design-form-body .form-item .ant-input:focus,\n.design-layout-page-info .form-item .ant-input:focus {\n border-color: #4cc7aa;\n}\n.design-form-body .form-item .ant-input,\n.design-layout-page-info .form-item .ant-input {\n font-size: 14px;\n}\n.design-form-body .form-item .ant-input-number,\n.design-layout-page-info .form-item .ant-input-number {\n width: 100%;\n height: 40px;\n line-height: 40px;\n}\n.design-form-body .form-item .image-picker-wrapper .ant-input-group-addon,\n.design-layout-page-info .form-item .image-picker-wrapper .ant-input-group-addon {\n cursor: pointer;\n padding: 0px;\n width: 40px;\n text-align: center;\n background: #fff;\n}\n",""])},1715:function(t,n,e){var i=e(1716);"string"==typeof i&&(i=[[t.i,i,""]]),i.locals&&(t.exports=i.locals);(0,e(19).default)("37a2edf2",i,!1,{})},1716:function(t,n,e){(t.exports=e(16)(!1)).push([t.i,"\n.form-line[data-v-b4ff9382] {\n border: 0px;\n margin-top: 40px;\n box-sizing: border-box;\n height: 1px;\n display: block;\n background: #EDEFF2;\n}\n",""])},1718:function(t,n,e){"use strict";var i=e(1708),a=e(1709),o=e(591),s={components:{templateSelector:i.a,unitPanel:a.a,templateConfigDetail:o.default},props:["selected_vdc"],data:function(){return{component:{},show_component_form:!0}},computed:{show:function(){return this.show_component_form}},methods:{handle_update_template:function(t){var n=t.template_id,e=t.template_name,i=t.template_title;this.component.template_title=i,this.component.template_id=n,this.component.template_name=e}},mounted:function(){this.component=this.selected_vdc}},l=function(){var t=this,n=t.$createElement,e=t._self._c||n;return e("transition",{attrs:{name:"slide-fade"}},[t.show?e("div",{staticClass:"design-layout-form"},[e("h2",{staticClass:"form-head",staticStyle:{display:"inline-block"}},[t._v(t._s(t.component.component_title))]),t._v(" "),t.component.component_tips?e("a-tooltip",[e("template",{slot:"title"},[t._v("\n Tips: "+t._s(t.component.component_tips)+"\n ")]),t._v(" "),e("a-icon",{staticStyle:{color:"#ff9b19","font-size":"18px"},attrs:{type:"alert"}})],2):t._e(),t._v(" "),e("div",{staticClass:"design-form-body"},[t._l(t.component.template_list,(function(n,i){return[t.component.template_id==n.id?e("div",{key:i},[e("template-config-detail",{key:"datas",attrs:{layout:t.component.config.layout[i].datas,configs:t.component.config.datas,rootConfig:t.component.config.datas,type:"datas"}}),t._v(" "),e("hr",{staticClass:"form-line"}),t._v(" "),e("template-config-detail",{key:"styles",attrs:{layout:t.component.config.layout[i].styles,configs:t.component.config.styles,rootConfig:t.component.config.styles,type:"styles"}})],1):t._e()]}))],2)],1):t._e()])};l._withStripped=!0;var r=e(11);var d=function(t){e(1711),e(1713),e(1715)},p=Object(r.a)(s,l,[],!1,d,"data-v-b4ff9382",null);p.options.__file="src\\system-components\\layout-form\\index.vue";n.a=p.exports},1804:function(t,n,e){t.exports=e.p+"6840ca5b7a1120794bb616cd3910b724.png"},2061:function(t,n,e){var i=e(2062);"string"==typeof i&&(i=[[t.i,i,""]]),i.locals&&(t.exports=i.locals);(0,e(19).default)("8390abd0",i,!1,{})},2062:function(t,n,e){(t.exports=e(16)(!1)).push([t.i,"\n.advertising-preview[data-v-7815a868] {\n position: relative;\n width: 100%;\n height: 100%;\n min-height: 100%;\n padding-top: 95px;\n padding-bottom: 100px;\n overflow-y: scroll;\n}\n.advertising-preview .main-layout[data-v-7815a868] {\n position: relative;\n margin: 0 45% 0 auto;\n width: 375px;\n min-height: 667px;\n /*background: #fff;*/\n /*background: rgba(0,0,0,.4);*/\n box-shadow: -10px 20px 30px 0px rgba(192, 197, 205, 0.8);\n}\n.advertising-preview .main-layout.is-empty .is-empty[data-v-7815a868] {\n display: block;\n}\n.advertising-preview .main-layout .is-empty[data-v-7815a868] {\n position: absolute;\n left: 0px;\n top: 270px;\n right: 0px;\n display: none;\n text-align: center;\n color: #C7DCFF;\n font-size: 14px;\n}\n.advertising-preview .main-layout .is-empty img[data-v-7815a868] {\n width: 190px;\n height: 125px;\n margin: 0 auto;\n display: block;\n}\n.advertising-preview .page-head[data-v-7815a868] {\n width: 100%;\n}\n.advertising-preview .pop[data-v-7815a868] {\n width: 65%;\n position: absolute;\n z-index: 2;\n left: 50%;\n top: 50%;\n transform: translate(-50%, -50%);\n}\n.advertising-preview .pop-image[data-v-7815a868] {\n position: relative;\n}\n.advertising-preview .pop-image img[data-v-7815a868] {\n width: 100%;\n height: 100%;\n}\n.advertising-preview .icon_close[data-v-7815a868] {\n top: -13px;\n right: -13px;\n position: absolute;\n background-color: #333;\n width: 25px;\n height: 25px;\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 50%;\n color: #fff;\n}\n.advertising-preview .fix-class[data-v-7815a868] {\n position: fixed;\n top: 95px;\n right: 385px;\n width: 80px;\n}\n",""])}}]);
|
