(window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["chunk-d61e927c"],{"1b48":function(t,e,n){},"38f8":function(t,e,n){},"45d2":function(t,e,n){"use strict";n.r(e);var a=function(){var t=this,e=this,n=e.$createElement,a=e._self._c||n;return a("a-layout-content",{staticClass:"GroupList"},[a("a-breadcrumb",{staticStyle:{margin:"16px 24px"}},[a("a-breadcrumb-item",[a("router-link",{staticClass:"nav-link",attrs:{to:{path:"/"}}},[e._v("\n                Trang chủ\n            ")])],1),a("a-breadcrumb-item",[e._v(e._s(this.$route.name))])],1),a("div",{style:{minHeight:"calc(100vh - 120px)",backgroundColor:"#fff",margin:"15px",padding:"15px"}},[a("a-layout",{staticStyle:{padding:"24px 0",background:"#fff"}},[a("a-layout-sider",{staticStyle:{background:"#fff","border-right":"1px solid #eeeeee","padding-right":"10px"},attrs:{width:"400"}},[a("div",{staticClass:"content-header-left"},[a("h2",[e._v("Sắp xếp thứ tự")])]),a("a-divider"),a("group-product",{attrs:{groups:this.data}}),a("div",{staticClass:"cate_action"},[a("a-button",{on:{click:e.handleResetGroups}},[e._v("Reset")]),a("a-popconfirm",{attrs:{title:"Bạn có chắc chắn?"},on:{confirm:e.saveAllGroups}},[a("a-button",{attrs:{type:"primary"}},[e._v("Cập nhật")])],1)],1)],1),a("a-layout-content",{style:{padding:"0 24px",minHeight:"280px"}},[a("div",{staticClass:"content-header"},[a("h2",[e._v(e._s(this.$route.name))]),a("div",{staticClass:"content-header__left"},[a("a-button",{attrs:{type:"primary",icon:"plus-circle"},on:{click:e.openModal}},[e._v("Thêm nhóm mới")]),a("a-input-search",{staticStyle:{width:"200px","margin-left":"30px"},attrs:{placeholder:"Tìm kiếm..."},on:{change:function(e){return t.search=e.target.value}}})],1)]),a("a-divider"),a("a-table",{attrs:{columns:e.columns,dataSource:e.groupFilter,bordered:"",rowKey:function(t,e){return t.id},loading:e.loading,pagination:!0},scopedSlots:e._u([{key:"default",fn:function(t){return[a("div",{key:e.col},[[e._v(e._s(t))]],2)]}},e._l(["name","description"],function(t){return{key:t,fn:function(n,r){return[a("div",{key:t},[r.editable?a("a-input",{staticStyle:{margin:"-5px 0"},attrs:{value:n},on:{change:function(n){return e.handleChange(n.target.value,r.id,t)}}}):[e._v(e._s(n))]],2)]}}}),{key:"type",fn:function(t,n){return[a("div",{key:n.id},[n.editable?a("a-select",{staticStyle:{width:"120px"},attrs:{defaultValue:t},on:{change:function(t){return e.handleChange(t,n.id,"type")}}},[a("a-select-option",{attrs:{value:"SLIDE"}},[e._v("SLIDE")]),a("a-select-option",{attrs:{value:"LIST"}},[e._v("LIST")])],1):[e._v(e._s(t))]],2)]}},{key:"groupIcon",fn:function(t){return[a("a-avatar",{attrs:{shape:"square",size:"large",src:t.url}})]}},{key:"productCount",fn:function(t,n){return[a("div",[a("span",[e._v(e._s(t)+" sp")]),a("a-divider",{attrs:{type:"vertical"}}),a("router-link",{staticClass:"nav-link",attrs:{to:{path:"/groups/"+n.id+"/products"}}},[a("span",[e._v("Danh sách sản phẩm")])])],1)]}},{key:"active",fn:function(t,n){return[n.editable?a("a-checkbox",{attrs:{checked:n.active},on:{change:function(t){return e.handleChange(t.target.checked,n.id,"active")}}}):a("a-popconfirm",{attrs:{title:"Bạn có chắc chắn?"},on:{confirm:function(){return e.publishChange(n)}}},[a("a-checkbox",{attrs:{checked:n.active}})],1)]}},{key:"operation",fn:function(t,n){return[a("div",{staticClass:"editable-row-operations"},[n.editable?e._e():a("span",{staticStyle:{"margin-left":"10px",display:"inline-block","margin-bottom":"10px"}},[a("a-button",{on:{click:function(){return e.edit(n.id)}}},[e._v("Cập nhật")])],1),n.editable?a("span",{staticStyle:{"margin-left":"10px",display:"inline-block","margin-bottom":"10px"}},[a("a-popconfirm",{attrs:{title:"Bạn có chắc chắn?"},on:{confirm:function(){return e.saveGroup(n)}}},[a("a-button",{staticStyle:{display:"inline-block","margin-bottom":"10px"},attrs:{type:"primary"}},[e._v("Lưu lại")])],1),a("a-popconfirm",{attrs:{title:"Bạn có chắc chắn hủy?"},on:{confirm:function(){return e.cancel(n.id)}}},[a("a-button",{staticStyle:{"margin-left":"10px"}},[e._v("Hủy")])],1)],1):a("span",{staticStyle:{"margin-left":"10px",display:"inline-block","margin-bottom":"10px"}})])]}}],null,!0)})],1)],1)],1),a("product-group-form",{ref:"productGroupForm",attrs:{visible:e.visible},on:{cancel:e.handleCancel,create:e.handleCreate}})],1)},r=[],i=(n("8e6e"),n("ac6a"),n("456d"),n("386d"),n("7f7f"),n("6762"),n("2fdb"),n("55dd"),n("bd86")),o=n("75fc"),c=(n("96cf"),n("3b8d")),s=(n("38f8"),function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("a-modal",{attrs:{visible:t.visible,title:"Thêm mới Nhóm sản phẩm",okText:"Thêm mới",cancelText:"Hủy"},on:{cancel:t.onModalCancel,ok:function(){t.$emit("create")}}},[n("a-form",{attrs:{layout:"vertical",form:t.form}},[n("a-form-item",{attrs:{label:"Tên nhóm"}},[n("a-input",{directives:[{name:"decorator",rawName:"v-decorator",value:["name",{rules:[{required:!0,message:"Tên nhóm không được bỏ trống!"}]}],expression:"[\n          'name',\n          {\n            rules: [{ required: true, message: 'Tên nhóm không được bỏ trống!' }],\n          }\n        ]"}]})],1),n("a-form-item",{attrs:{label:"Loại nhóm"}},[n("a-input",{directives:[{name:"decorator",rawName:"v-decorator",value:["type",{rules:[{required:!0,message:"Loại nhóm không được bỏ trống!"}]}],expression:"['type',\n                {\n                    rules: [{ required: true, message: 'Loại nhóm không được bỏ trống!' }]\n                }\n            ]"}],attrs:{type:"hidden"}}),n("a-select",{staticStyle:{width:"150px"},attrs:{placeholder:"Chọn loại nhóm"},on:{change:t.handleTypeChange},model:{value:t.type,callback:function(e){t.type=e},expression:"type"}},[n("a-select-option",{attrs:{value:"SLIDE"}},[t._v("SLIDE")]),n("a-select-option",{attrs:{value:"LIST"}},[t._v("LIST")])],1)],1),n("a-form-item",{attrs:{label:"Icon nhóm"}},[n("a-input",{directives:[{name:"decorator",rawName:"v-decorator",value:["groupIcon",{rules:[{required:!0,message:"Icon nhóm không được bỏ trống!"}]}],expression:"[\n           'groupIcon',\n          {\n            rules: [{ required: true, message: 'Icon nhóm không được bỏ trống!' }],\n          }\n        ]"}],attrs:{type:"hidden"}}),t.imageSelected?n("div",{staticStyle:{cursor:"pointer",display:"inline-block",margin:"5px",padding:"5px",border:"1px solid #eee","border-radius":"5px"},on:{click:t.handleShowModal}},[n("span",{style:"display: inline-block; width: 70px; height: 70px; background-size: cover; background-image: url('"+t.imageSelected.url+"')"})]):n("div",{staticClass:"imageSelect",on:{click:t.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"}},[t._v("Chọn hình đại diện")])],1)],1)],1),n("select-single-image-modal",{attrs:{onSelectImage:t.onSelectImage,onCancel:t.onCancel,visible:t.selectImageVisible}})],1)}),u=[],l=n("7bed"),d={name:"ProductGroupForm",components:{SelectSingleImageModal:l["a"]},props:["visible"],data:function(){return{selectImageVisible:!1,imageSelected:null,type:void 0}},methods:{handleShowModal:function(){this.selectImageVisible=!0},onCancel:function(){this.selectImageVisible=!1},onSelectImage:function(t){this.form.setFieldsValue({groupIcon:JSON.stringify(t)}),this.imageSelected=t,this.selectImageVisible=!1},removeImageSelected:function(){this.form.resetFields(),this.form.setFieldsValue({groupIcon:null}),this.imageSelected=null},onModalCancel:function(){this.$emit("cancel"),this.form.resetFields(),this.form.setFieldsValue({groupIcon:null,type:null}),this.type=void 0,this.imageSelected=null},handleTypeChange:function(t){this.form.setFieldsValue({type:t})}},beforeCreate:function(){this.form=this.$form.createForm(this)}},p=d,h=(n("a6a2"),n("2877")),m=Object(h["a"])(p,s,u,!1,null,null,null),f=m.exports,g=n("4012"),v=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("draggable",t._b({staticClass:"item-container",attrs:{tag:"div",list:t.groups,group:{name:"g1"}},on:{start:function(e){t.isDragging=!0},end:function(e){t.isDragging=!1}}},"draggable",t.dragOptions,!1),t._l(t.groups,function(e,a){return n("div",{key:e.id,staticClass:"item-group"},[n("div",{staticClass:"item"},[n("span",[t._v(t._s(e.name))]),n("span",[t._v(t._s(a+1))])])])}),0)},b=[],y=n("310e"),x=n.n(y),k={props:["groups"],components:{draggable:x.a},computed:{dragOptions:function(){return{animation:1,group:"description",disabled:!1,ghostClass:"ghost"}}},name:"GroupProduct"},S=k,w=(n("6b04"),Object(h["a"])(S,v,b,!1,null,"b2c9e5ea",null)),C=w.exports;function _(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(t);e&&(a=a.filter(function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})),n.push.apply(n,a)}return n}function O(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?_(n,!0).forEach(function(e){Object(i["a"])(t,e,n[e])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):_(n).forEach(function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))})}return t}var I=g["a"].get("group"),j=[{title:"Id",dataIndex:"id",width:"5%",scopedSlots:{customRender:"id"}},{title:"Icon nhóm",dataIndex:"groupIcon",width:"5%",scopedSlots:{customRender:"groupIcon"}},{title:"Tên nhóm",dataIndex:"name",width:"35%",scopedSlots:{customRender:"name"}},{title:"Loại nhóm",dataIndex:"type",width:"10%",scopedSlots:{customRender:"type"}},{title:"Số lượng sản phẩm",dataIndex:"productCount",width:"25%",scopedSlots:{customRender:"productCount"}},{title:"Active",dataIndex:"active",width:"5%",scopedSlots:{customRender:"active"}},{title:"Hành động",dataIndex:"operation",scopedSlots:{customRender:"operation"}}],R={components:{ProductGroupForm:f,GroupProduct:C},data:function(){return{visible:!1,columns:j,data:[],loading:!0,cacheData:[],search:""}},methods:{handleCancel:function(){this.visible=!1},handleCreate:function(){var t=this;this.loading=!0;var e=this.$refs.productGroupForm.form;e.validateFields(function(){var n=Object(c["a"])(regeneratorRuntime.mark(function n(a,r){var i,o;return regeneratorRuntime.wrap(function(n){while(1)switch(n.prev=n.next){case 0:if(!a){n.next=3;break}return t.loading=!1,n.abrupt("return");case 3:return n.prev=3,r.priority=t.data.length+1,r.groupIcon=JSON.parse(r.groupIcon),n.next=8,I.addGroup(r);case 8:if(i=n.sent,o=i.data,o.meta.success){n.next=12;break}throw new Error(o.meta.externalMessage);case 12:t.data.push(o.data),t.cacheData.push(o.data),e.resetFields(),t.$refs.productGroupForm.removeImageSelected(),t.visible=!1,t.openNotification("Thêm mới nhóm sản phẩm thành công!","success"),n.next=23;break;case 20:n.prev=20,n.t0=n["catch"](3),t.openNotification("Tạo mới nhóm sản phẩm bị lỗi! Vui lòng liên hệ nhóm phát triển!","error");case 23:return n.prev=23,t.loading=!1,n.finish(23);case 26:case"end":return n.stop()}},n,null,[[3,20,23,26]])}));return function(t,e){return n.apply(this,arguments)}}())},saveAllGroups:function(){var t=Object(c["a"])(regeneratorRuntime.mark(function t(){var e,n;return regeneratorRuntime.wrap(function(t){while(1)switch(t.prev=t.next){case 0:return t.prev=0,this.loading=!0,e=this.data.map(function(t,e){return t.priority=e+1,t}),t.next=5,I.updateAllGroups(e);case 5:if(n=t.sent,n.data.meta.success){t.next=8;break}throw new Error(n.data.meta.externalMessage);case 8:this.cacheData=JSON.parse(JSON.stringify(this.data)),this.openNotification("Cập nhật thành công!","success"),t.next=15;break;case 12:t.prev=12,t.t0=t["catch"](0),this.openNotification("Cập nhật không thành công! Vui lòng liên hệ System admin","error");case 15:return t.prev=15,this.loading=!1,t.finish(15);case 18:case"end":return t.stop()}},t,this,[[0,12,15,18]])}));function e(){return t.apply(this,arguments)}return e}(),handleResetGroups:function(){this.data=JSON.parse(JSON.stringify(this.cacheData))},openModal:function(){this.visible=!0},openNotification:function(t,e){this.$notification[e]({message:"Hệ thống",description:t})},edit:function(t){var e=Object(o["a"])(this.data),n=e.filter(function(e){return t===e.id})[0];n&&(n.editable=!0,this.data=e)},handleChange:function(t,e,n){var a=Object(o["a"])(this.data),r=a.filter(function(t){return e===t.id})[0];r&&(r[n]=t,this.data=a)},handleChangeOnActive:function(t,e,n){var a=Object(o["a"])(this.data),r=a.filter(function(t){return e===t.id})[0];r&&(r[n]=t,this.data=a,this.cacheData=a.map(function(t){return O({},t)}))},saveGroup:function(){var t=Object(c["a"])(regeneratorRuntime.mark(function t(e){var n,a,r;return regeneratorRuntime.wrap(function(t){while(1)switch(t.prev=t.next){case 0:return t.prev=0,this.loading=!0,t.next=4,I.updateGroup(e.id,e);case 4:if(n=t.sent,n.data.meta.success){t.next=7;break}throw new Error(n.data.meta.externalMessage);case 7:a=Object(o["a"])(this.data),r=a.filter(function(t){return e.id===t.id})[0],r&&(delete r.editable,this.data=a,this.cacheData=a.map(function(t){return O({},t)})),this.openNotification("Cập nhật thành công!","success"),t.next=16;break;case 13:t.prev=13,t.t0=t["catch"](0),this.openNotification("Cập nhật nhóm sản phẩm bị lỗi! Vui lòng liên hệ quản trị viên!","error");case 16:return t.prev=16,this.loading=!1,t.finish(16);case 19:case"end":return t.stop()}},t,this,[[0,13,16,19]])}));function e(e){return t.apply(this,arguments)}return e}(),cancel:function(t){var e=Object(o["a"])(this.data),n=e.filter(function(e){return t===e.id})[0];n&&(Object.assign(n,this.cacheData.filter(function(e){return t===e.id})[0]),delete n.editable,this.data=e)},publishChange:function(){var t=Object(c["a"])(regeneratorRuntime.mark(function t(e){return regeneratorRuntime.wrap(function(t){while(1)switch(t.prev=t.next){case 0:return e.active=!e.active,t.next=3,this.saveGroup(e);case 3:this.handleChangeOnActive(e.active,e.id,"active");case 4:case"end":return t.stop()}},t,this)}));function e(e){return t.apply(this,arguments)}return e}(),fetchAllGroup:function(){var t=Object(c["a"])(regeneratorRuntime.mark(function t(){var e;return regeneratorRuntime.wrap(function(t){while(1)switch(t.prev=t.next){case 0:return t.next=2,I.getAll();case 2:if(e=t.sent,e.data.meta.success){t.next=6;break}throw this.data=[],new Error(e.data.meta.externalMessage);case 6:this.data=e.data.data.sort(function(t,e){return t.priority-e.priority}),this.cacheData=this.data.map(function(t){return O({},t)});case 8:case"end":return t.stop()}},t,this)}));function e(){return t.apply(this,arguments)}return e}()},computed:{groupFilter:function(){var t=this;return this.data.map(function(t){return Object.assign({},t)}).filter(function(e){return e.name.toUpperCase().includes(t.search.toUpperCase())})}},created:function(){var t=Object(c["a"])(regeneratorRuntime.mark(function t(){return regeneratorRuntime.wrap(function(t){while(1)switch(t.prev=t.next){case 0:return t.prev=0,this.loading=!0,t.next=4,this.fetchAllGroup();case 4:t.next=9;break;case 6:t.prev=6,t.t0=t["catch"](0),this.openNotification(t.t0.message);case 9:return t.prev=9,this.loading=!1,t.finish(9);case 12:case"end":return t.stop()}},t,this,[[0,6,9,12]])}));function e(){return t.apply(this,arguments)}return e}()},G=R,D=Object(h["a"])(G,a,r,!1,null,null,null);e["default"]=D.exports},"6b04":function(t,e,n){"use strict";var a=n("1b48"),r=n.n(a);r.a},a6a2:function(t,e,n){"use strict";var a=n("e21c"),r=n.n(a);r.a},e21c:function(t,e,n){}}]);
//# sourceMappingURL=chunk-d61e927c.86c7ffe2.js.map