(window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["chunk-570f96a5"],{"1af6":function(e,t,n){var a=n("63b6");a(a.S,"Array",{isArray:n("9003")})},"1e1d":function(e,t,n){"use strict";var a=n("fe92"),r=n.n(a);r.a},"3eda":function(e,t,n){"use strict";var a=n("44b5"),r=n.n(a);r.a},"44b5":function(e,t,n){},"68cf":function(e,t,n){"use strict";n.r(t);var a=function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("a-layout-content",{staticClass:"Question"},[n("a-breadcrumb",{staticStyle:{margin:"16px 24px"}},[n("a-breadcrumb-item",[n("router-link",{staticClass:"nav-link",attrs:{to:{path:"/"}}},[e._v("\n Trang chủ\n ")])],1),n("a-breadcrumb-item",[n("router-link",{staticClass:"nav-link",attrs:{to:{path:"/"}}},[e._v("\n Cài đặt\n ")])],1),n("a-breadcrumb-item",[e._v(e._s(this.$route.name))])],1),n("a-layout",{style:{minHeight:"calc(100vh - 120px)",backgroundColor:"#fff",margin:"15px",padding:"15px"}},[n("h2",[e._v("Banner Top "),n("a-divider",{attrs:{type:"vertical"}}),n("a-button",{attrs:{icon:"plus",type:"primary"},on:{click:e.handleAddNewTop}},[e._v("Thêm mới")])],1),n("a-divider"),n("a-list",{attrs:{grid:{gutter:16,xs:1,sm:2,md:4,lg:4,xl:4,xxl:6},dataSource:e.bannerTop},scopedSlots:e._u([{key:"renderItem",fn:function(t,a){return n("a-list-item",{key:a},[n("a-card",{staticClass:"store-action",attrs:{hoverable:""}},[n("img",{attrs:{slot:"cover",alt:"example",src:t.bannerImage.url},slot:"cover"}),n("template",{staticClass:"ant-card-actions store-banner-action",slot:"actions"},[n("a-icon",{attrs:{type:"eye"},on:{click:function(){return e.handlePreview(t.bannerImage)}}}),n("a-icon",{attrs:{type:"edit"},on:{click:function(){return e.handleTopEdit(t)}}}),n("a-popconfirm",{attrs:{title:"Bạn có chắc chắn muốn xóa banner?",okText:"Xóa",cancelText:"Hủy"},on:{confirm:function(){return e.deleteBanner(t.id)}}},[n("a-icon",{attrs:{type:"delete"}})],1)],1)],2)],1)}}])}),n("a-divider"),n("h2",[e._v("Banner Giữa "),n("a-divider",{attrs:{type:"vertical"}}),e.bannerMid.length<1?n("a-button",{attrs:{icon:"plus",type:"primary"},on:{click:e.handleAddNewMid}},[e._v("Thêm mới")]):e._e()],1),n("a-divider"),n("a-list",{attrs:{grid:{gutter:16,xs:1,sm:1,md:2,lg:2,xl:3,xxl:4},dataSource:e.bannerMid},scopedSlots:e._u([{key:"renderItem",fn:function(t,a){return n("a-list-item",{key:a},[n("a-card",{staticClass:"store-action",attrs:{hoverable:""}},[n("img",{attrs:{slot:"cover",alt:"example",src:t.bannerImage.url},slot:"cover"}),n("template",{staticClass:"ant-card-actions store-banner-action",slot:"actions"},[n("a-icon",{attrs:{type:"eye"},on:{click:function(){return e.handlePreview(t.bannerImage)}}}),n("a-icon",{attrs:{type:"edit"},on:{click:function(){return e.handleTopEdit(t)}}})],1)],2)],1)}}])})],1),n("a-modal",{attrs:{centered:!0,width:700,visible:e.previewVisible,footer:null},on:{cancel:e.handleCancel}},[n("img",{staticStyle:{width:"100%"},attrs:{alt:"example",src:e.previewImage}})]),n("banner-form",{ref:"bannerForm",attrs:{visible:e.visible,bannerType:e.bannerType,currentBanner:e.currentBanner},on:{create:e.handleSaveBanner,cancel:e.handleFormCancel}})],1)},r=[],i=(n("8e6e"),n("ac6a"),n("456d"),n("bd86")),s=(n("96cf"),n("3b8d")),c=function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("a-modal",{attrs:{visible:e.visible,title:e.modalName,okText:e.bannerOkText,cancelText:"Hủy"},on:{cancel:e.onModalCancel,ok:function(){e.$emit("create",e.bannerType)}}},[n("a-form",{attrs:{layout:"vertical",form:e.form}},[n("a-form-item",{attrs:{label:"Hình ảnh banner"}},[n("a-input",{directives:[{name:"decorator",rawName:"v-decorator",value:["bannerImage",{rules:[{required:!0,message:"Banner không được bỏ trống!"}]}],expression:"[\n 'bannerImage',\n {\n rules: [{ required: true, message: 'Banner không được bỏ trống!' }],\n }\n ]"}],attrs:{type:"hidden"}}),e.imageSelected?n("div",{staticStyle:{cursor:"pointer",display:"inline-block",margin:"5px",padding:"5px",border:"1px solid #eee","border-radius":"5px"},on:{click:e.handleShowModal}},[n("span",{style:"display: inline-block; width: 375px; height: 175px; background-size: cover; background-image: url('"+e.imageSelected.url+"')"})]):n("div",{staticClass:"imageSelect",on:{click:e.handleShowModal}},[n("a-icon",{staticStyle:{"font-size":"20px","margin-bottom":"10px"},attrs:{type:"picture"}}),n("span",{staticStyle:{"text-align":"center",display:"block","font-weight":"500"}},[e._v("Chọn banner")])],1)],1),n("a-form-item",{attrs:{label:"Loại sự kiện cho banner"}},[n("a-input",{directives:[{name:"decorator",rawName:"v-decorator",value:["event",{rules:[{required:!0,message:"Loại sự kiện banner không được bỏ trống!"}]}],expression:"['event',\n {\n rules: [{ required: true, message: 'Loại sự kiện banner không được bỏ trống!' }]\n }\n ]"}],attrs:{type:"hidden"}}),n("a-select",{staticStyle:{width:"180px"},attrs:{placeholder:"Chọn sự kiện"},on:{change:e.handleTypeChange},model:{value:e.type,callback:function(t){e.type=t},expression:"type"}},[n("a-select-option",{attrs:{value:"NONE"}},[e._v("Không có sự kiện")]),n("a-select-option",{attrs:{value:"PRODUCT"}},[e._v("Dẫn đến sản phẩm")]),n("a-select-option",{attrs:{value:"CATEGORY"}},[e._v("Dẫn đến danh mục")]),n("a-select-option",{attrs:{value:"LINK"}},[e._v("Dẫn đến link")])],1)],1),n("a-form-item",{style:"display: "+(e.valueVisible?"block":"none"),attrs:{label:e.valueName}},[n("a-input",{directives:[{name:"decorator",rawName:"v-decorator",value:["eventValue",{rules:[{required:e.valueVisible,message:"Vui lòng nhập thông tin"}]}],expression:"[\n 'eventValue',\n {\n rules: [{ required: valueVisible, message: 'Vui lòng nhập thông tin' }],\n }\n ]"}],attrs:{placeholder:e.valuePlaceholder},on:{pressEnter:e.handleInputValue}})],1)],1),n("select-single-image-modal",{attrs:{onSelectImage:e.onSelectImage,onCancel:e.onCancel,visible:e.selectImageVisible}})],1)},o=[],l=n("7bed"),u={name:"BannerForm",components:{SelectSingleImageModal:l["a"]},props:["visible","bannerType","currentBanner"],data:function(){return{selectImageVisible:!1,imageSelected:null,type:"NONE",valueName:"",valueVisible:!1,valuePlaceholder:""}},methods:{handleShowModal:function(){this.selectImageVisible=!0},onCancel:function(){this.selectImageVisible=!1},onSelectImage:function(e){this.form.setFieldsValue({bannerImage:JSON.stringify(e)}),this.imageSelected=e,this.selectImageVisible=!1},removeImageSelected:function(){this.form.resetFields(),this.form.setFieldsValue({bannerImage:null}),this.imageSelected=null},onModalCancel:function(){this.$emit("cancel"),this.form.resetFields(),this.form.setFieldsValue({bannerImage:null,event:"NONE",eventValue:void 0}),this.type="NONE",this.valueVisible=!1,this.imageSelected=null},handleTypeChange:function(e){switch(e){case"NONE":this.valueVisible=!1;break;case"PRODUCT":this.valueVisible=!0,this.valueName="Chọn sản phẩm",this.valuePlaceholder="Nhập ID sản phẩm...";break;case"CATEGORY":this.valueVisible=!0,this.valueName="Chọn danh mục",this.valuePlaceholder="Nhập ID danh mục sản phẩm...";break;case"LINK":this.valueVisible=!0,this.valueName="Chọn link",this.valuePlaceholder="Nhập link...";break}this.currentBanner&&e===this.currentBanner.event?this.form.setFieldsValue({event:e,eventValue:this.currentBanner.eventValue}):this.form.setFieldsValue({event:e,eventValue:void 0})},handleInputValue:function(e){console.log(e.target.value)}},watch:{visible:function(e){e||(this.form.resetFields(),this.form.setFieldsValue({bannerImage:void 0,event:"NONE",eventValue:void 0}),this.type="NONE",this.valueVisible=!1,this.imageSelected=null),e&&this.currentBanner&&(this.form.getFieldDecorator("bannerImage",{initialValue:JSON.stringify(this.currentBanner.bannerImage)}),this.form.getFieldDecorator("event",{initialValue:null===this.currentBanner.event?"NONE":this.currentBanner.event}),this.form.getFieldDecorator("eventValue",{initialValue:null===this.currentBanner.eventValue?void 0:this.currentBanner.eventValue}),this.form.setFieldsValue({bannerImage:JSON.stringify(this.currentBanner.bannerImage),event:null===this.currentBanner.event?"NONE":this.currentBanner.event,eventValue:null===this.currentBanner.eventValue?void 0:this.currentBanner.eventValue}),this.type=this.currentBanner.event,this.valueVisible="NONE"!==this.type,this.imageSelected=this.currentBanner.bannerImage)}},computed:{modalName:function(){return this.currentBanner?"Cập nhật banner":"Thêm mới banner"},bannerOkText:function(){return this.currentBanner?"Cập nhật":"Thêm mới"}},beforeCreate:function(){this.form=this.$form.createForm(this),this.form.getFieldDecorator("bannerImage",{initialValue:void 0}),this.form.getFieldDecorator("event",{initialValue:"NONE"}),this.form.getFieldDecorator("eventValue",{initialValue:void 0})}},h=u,p=(n("1e1d"),n("2877")),d=Object(p["a"])(h,c,o,!1,null,null,null),m=d.exports,g=n("4012");function f(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),n.push.apply(n,a)}return n}function v(e){for(var t=1;t0?t.openNotification("Cập nhật banner thành công!","success"):t.openNotification("Thêm mới banner thành công!","success"),e.next=21;break;case 18:e.prev=18,e.t0=e["catch"](3),t.openNotification("Lưu banner bị lỗi! Vui lòng liên hệ nhóm phát triển!","error");case 21:return e.prev=21,t.loading=!1,t.visible=!1,e.finish(21);case 25:case"end":return e.stop()}},e,null,[[3,18,21,25]])}));return function(t,n){return e.apply(this,arguments)}}())},deleteBanner:function(){var e=Object(s["a"])(regeneratorRuntime.mark(function e(t){return regeneratorRuntime.wrap(function(e){while(1)switch(e.prev=e.next){case 0:return e.prev=0,e.next=3,b.deleteBanner(t);case 3:this.data=this.data.filter(function(e){return e.id!==t}),this.openNotification("Xóa banner thành công!","success"),e.next=10;break;case 7:e.prev=7,e.t0=e["catch"](0),this.openNotification("Xóa banner lỗi! Vui lòng liên hệ nhóm phát triển!","error");case 10:case"end":return e.stop()}},e,this,[[0,7]])}));function t(t){return e.apply(this,arguments)}return t}(),openNotification:function(e,t){this.$notification[t]({message:"Hệ thống",description:e})},fetchBanners:function(){var e=Object(s["a"])(regeneratorRuntime.mark(function e(){var t,n;return regeneratorRuntime.wrap(function(e){while(1)switch(e.prev=e.next){case 0:return e.prev=0,e.next=3,b.getAll();case 3:if(t=e.sent,n=t.data,n.meta.success){e.next=7;break}throw new Error("Không thể lấy dữ liệu!");case 7:this.data=n.data,e.next=13;break;case 10:e.prev=10,e.t0=e["catch"](0),this.openNotification("Không thể lấy dữ liệu! Vui lòng liên hệ nhóm phát triển!","error");case 13:case"end":return e.stop()}},e,this,[[0,10]])}));function t(){return e.apply(this,arguments)}return t}()},computed:{bannerTop:function(){return this.data.filter(function(e){return"top"===e.group_name})},bannerMid:function(){return this.data.filter(function(e){return"smallbanner1"===e.group_name})}},created:function(){var e=Object(s["a"])(regeneratorRuntime.mark(function e(){return regeneratorRuntime.wrap(function(e){while(1)switch(e.prev=e.next){case 0:return e.next=2,this.fetchBanners();case 2:case"end":return e.stop()}},e,this)}));function t(){return e.apply(this,arguments)}return t}()},w=y,x=(n("3eda"),Object(p["a"])(w,a,r,!1,null,"aa627334",null));t["default"]=x.exports},"75fc":function(e,t,n){"use strict";var a=n("a745"),r=n.n(a);function i(e){if(r()(e)){for(var t=0,n=new Array(e.length);t0?n("div",[n("a-button",{attrs:{type:"primary"},on:{click:e.handleSaveImages}},[e._v("Lưu hình ảnh")])],1):e._e(),n("a-modal",{attrs:{centered:!0,width:700,visible:e.previewVisible,footer:null},on:{cancel:e.handleCancel}},[n("img",{staticStyle:{width:"100%"},attrs:{alt:"example",src:e.previewImage}})])],1),n("a-divider"),n("div",{staticClass:"gallery-container"},e._l(e.images,function(t,a){return n("div",{key:a,staticStyle:{cursor:"pointer",display:"inline-block",margin:"5px",padding:"5px",border:"1px solid #eee","border-radius":"5px"}},[n("span",{style:"display: inline-block; width: 120px; height: 120px; background-size: cover; background-image: url('"+t.url+"')",on:{click:function(){return e.handleSelectImage(t)}}}),n("div",{staticClass:"action"},[n("a-icon",{staticStyle:{margin:"5px"},attrs:{type:"eye"},on:{click:function(){return e.handlePreview(t)}}}),n("a-popconfirm",{attrs:{title:"Bạn có chắc chắn muốn xóa?",okText:"Xóa",cancelText:"Hủy"},on:{confirm:function(){return e.handleDeleteImage(t)}}},[n("a-icon",{attrs:{type:"delete"}})],1)],1)])}),0),e.currentPage&&e.images.length>0?n("a-pagination",{staticStyle:{"text-align":"right","margin-top":"20px"},attrs:{defaultPageSize:this.pageSize,current:e.currentPage.number+1,total:e.currentPage.totalElements},on:{change:e.onPaginationChange}}):e._e()],1)],1)],1)])},r=[],i=(n("8e6e"),n("ac6a"),n("456d"),n("bd86")),s=n("75fc"),c=(n("96cf"),n("3b8d")),o=(n("7f7f"),n("4012")),l=n("7b31"),u=n("2f62");function h(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),n.push.apply(n,a)}return n}function p(e){for(var t=1;t