(window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["chunk-19d726cf"],{"068c":function(e,t,a){"use strict";var n=a("5526"),r=a.n(n);r.a},5526:function(e,t,a){},b188:function(e,t,a){"use strict";var n=a("c383"),r=a.n(n);r.a},c161:function(e,t,a){"use strict";a.r(t);var n=function(){var e=this,t=this,a=t.$createElement,n=t._self._c||a;return n("a-layout-content",{staticClass:"Category"},[n("a-breadcrumb",{staticStyle:{margin:"16px 24px"}},[n("a-breadcrumb-item",[n("router-link",{staticClass:"nav-link",attrs:{to:{path:"/"}}},[t._v("\n                Trang chủ\n            ")])],1),n("a-breadcrumb-item",[t._v(t._s(this.$route.name))])],1),n("div",{style:{minHeight:"calc(100vh - 120px)",backgroundColor:"#fff",margin:"15px",padding:"15px"}},[n("a-layout",{staticStyle:{padding:"24px 0",background:"#fff"}},[n("a-layout-sider",{staticStyle:{background:"#fff","border-right":"1px solid #eeeeee","padding-right":"10px"},attrs:{width:"400"}},[n("div",{staticClass:"content-header-left"},[n("h2",[t._v("Sắp xếp danh mục")])]),n("a-divider"),n("nested-category",{attrs:{categories:t.parentCategories}}),n("div",{staticClass:"cate_action"},[n("a-button",{on:{click:t.handleResetParentCate}},[t._v("Reset")]),n("a-popconfirm",{attrs:{title:"Bạn có chắc chắn?"},on:{confirm:t.saveAllCategories}},[n("a-button",{attrs:{type:"primary"}},[t._v("Cập nhật")])],1)],1)],1),n("a-layout-content",{style:{padding:"0 24px",minHeight:"280px"}},[n("div",{staticClass:"content-header"},[n("h2",[t._v(t._s(this.$route.name))]),n("div",{staticClass:"content-header__left"},[n("a-button",{attrs:{type:"primary",icon:"plus-circle"},on:{click:t.openModal}},[t._v("Thêm danh mục")]),n("a-input-search",{staticStyle:{width:"200px","margin-left":"30px"},attrs:{placeholder:"Tìm kiếm..."},on:{change:function(t){return e.search=t.target.value}}})],1)]),n("a-divider"),n("a-table",{attrs:{columns:t.columns,dataSource:t.groupFilter,bordered:"",rowKey:function(e,t){return e.id},loading:t.loading,pagination:!0},scopedSlots:t._u([{key:"default",fn:function(e){return[n("div",{key:t.col},[[t._v(t._s(e))]],2)]}},t._l(["code","name"],function(e){return{key:e,fn:function(a,r){return[n("div",{key:e},[r.editable?n("a-input",{staticStyle:{margin:"-5px 0"},attrs:{value:a},on:{change:function(a){return t.handleChange(a.target.value,r.id,e)}}}):[t._v(t._s(a))]],2)]}}}),{key:"featuredImage",fn:function(e){return[n("a-avatar",{attrs:{shape:"square",size:"large",src:e.url}})]}},{key:"active",fn:function(e,a){return[n("a-popconfirm",{attrs:{title:"Bạn có chắc chắn?"},on:{confirm:function(){return t.publishChange(a)}}},[n("a-checkbox",{attrs:{checked:a.active}})],1)]}},{key:"operation",fn:function(e,a){return[n("div",{staticClass:"editable-row-operations"},[a.editable?t._e():n("span",{staticStyle:{"margin-left":"10px",display:"inline-block","margin-bottom":"10px"}},[n("a-button",{on:{click:function(){return t.edit(a.id)}}},[t._v("Cập nhật")])],1),a.editable?n("span",{staticStyle:{"margin-left":"10px",display:"inline-block","margin-bottom":"10px"}},[n("a-popconfirm",{attrs:{title:"Bạn có chắc chắn?"},on:{confirm:function(){return t.saveGroup(a)}}},[n("a-button",{staticStyle:{display:"inline-block","margin-bottom":"10px"},attrs:{type:"primary"}},[t._v("Lưu lại")])],1),n("a-popconfirm",{attrs:{title:"Bạn có chắc chắn hủy?"},on:{confirm:function(){return t.cancel(a.id)}}},[n("a-button",{staticStyle:{"margin-left":"10px"}},[t._v("Hủy")])],1)],1):n("span",{staticStyle:{"margin-left":"10px",display:"inline-block","margin-bottom":"10px"}})])]}}],null,!0)})],1)],1)],1),n("category-form",{ref:"categoryForm",attrs:{visible:t.visible},on:{cancel:t.handleCancel,create:t.handleCreate}})],1)},r=[],i=(a("8e6e"),a("456d"),a("7f7f"),a("386d"),a("6762"),a("2fdb"),a("ac6a"),a("55dd"),a("bd86")),s=a("75fc"),c=(a("96cf"),a("3b8d")),o=(a("d838"),function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("a-modal",{attrs:{visible:e.visible,title:"Thêm mới Danh mục sản phẩm",okText:"Thêm mới",cancelText:"Hủy"},on:{cancel:e.onModalCancel,ok:function(){e.$emit("create")}}},[a("a-form",{attrs:{layout:"vertical",form:e.form}},[a("a-form-item",{attrs:{label:"Tên viết tắt"}},[a("a-input",{directives:[{name:"decorator",rawName:"v-decorator",value:["code",{rules:[{required:!0,message:"Tên viết tắt không được bỏ trống!"}]}],expression:"[\n          'code',\n          {\n            rules: [{ required: true, message: 'Tên viết tắt không được bỏ trống!' }],\n          }\n        ]"}]})],1),a("a-form-item",{attrs:{label:"Tên danh mục"}},[a("a-input",{directives:[{name:"decorator",rawName:"v-decorator",value:["name",{rules:[{required:!0,message:"Tên danh mục không được bỏ trống!"}]}],expression:"[\n          'name',\n          {\n            rules: [{ required: true, message: 'Tên danh mục không được bỏ trống!' }],\n          }\n        ]"}]})],1),a("a-form-item",{attrs:{label:"Hình đại diện"}},[a("a-input",{directives:[{name:"decorator",rawName:"v-decorator",value:["featuredImage",{rules:[{required:!0,message:"Hình đại diện không được bỏ trống!"}]}],expression:"[\n           'featuredImage',\n          {\n            rules: [{ required: true, message: 'Hình đại diện không được bỏ trống!' }],\n          }\n        ]"}],attrs:{type:"hidden"}}),e.imageSelected?a("div",{staticStyle:{cursor:"pointer",display:"inline-block",margin:"5px",padding:"5px",border:"1px solid #eee","border-radius":"5px"},on:{click:e.handleShowModal}},[a("span",{style:"display: inline-block; width: 120px; height: 120px; background-size: cover; background-image: url('"+e.imageSelected.url+"')"})]):a("div",{staticClass:"imageSelect",on:{click:e.handleShowModal}},[a("a-icon",{staticStyle:{"font-size":"20px","margin-bottom":"10px"},attrs:{type:"picture"}}),a("span",{staticStyle:{"text-align":"center",display:"block","font-weight":"500"}},[e._v("Chọn hình đại diện")])],1)],1)],1),a("select-single-image-modal",{attrs:{onSelectImage:e.onSelectImage,onCancel:e.onCancel,visible:e.selectImageVisible}})],1)}),l=[],u=a("7bed"),d={name:"CategoryForm",components:{SelectSingleImageModal:u["a"]},props:["visible"],data:function(){return{selectImageVisible:!1,imageSelected:null}},methods:{handleShowModal:function(){this.selectImageVisible=!0},onCancel:function(){this.selectImageVisible=!1},onSelectImage:function(e){this.form.setFieldsValue({featuredImage:JSON.stringify(e)}),this.imageSelected=e,this.selectImageVisible=!1},removeImageSelected:function(){this.form.resetFields(),this.form.setFieldsValue({featuredImage:null}),this.imageSelected=null},onModalCancel:function(){this.$emit("cancel"),this.form.setFieldsValue({featuredImage:null}),this.imageSelected=null}},beforeCreate:function(){this.form=this.$form.createForm(this)}},h=d,p=(a("b188"),a("2877")),g=Object(p["a"])(h,o,l,!1,null,null,null),f=g.exports,m=a("4012"),v=function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("draggable",e._b({staticClass:"item-container",attrs:{tag:"div",list:e.categories,group:{name:"g1"}},on:{start:function(t){e.isDragging=!0},end:function(t){e.isDragging=!1}}},"draggable",e.dragOptions,!1),e._l(e.categories,function(t,n){return a("div",{key:t.id,staticClass:"item-group"},[a("div",{staticClass:"item"},[a("span",[e._v(e._s(t.name))]),a("span",[e._v(e._s(n+1))])])])}),0)},b=[],y=a("310e"),C=a.n(y),x={props:["categories"],components:{draggable:C.a},computed:{dragOptions:function(){return{animation:1,group:"description",disabled:!1,ghostClass:"ghost"}}},name:"NestedCategory"},w=x,k=(a("068c"),Object(p["a"])(w,v,b,!1,null,"c0795d7a",null)),S=k.exports;function O(e,t){var a=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),a.push.apply(a,n)}return a}function _(e){for(var t=1;t<arguments.length;t++){var a=null!=arguments[t]?arguments[t]:{};t%2?O(a,!0).forEach(function(t){Object(i["a"])(e,t,a[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(a)):O(a).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(a,t))})}return e}var j=m["a"].get("category"),I=[{title:"Id",dataIndex:"id",width:"5%",scopedSlots:{customRender:"id"}},{title:"Hình đại diện",dataIndex:"featuredImage",width:"15%",scopedSlots:{customRender:"featuredImage"}},{title:"Tên viết tắt",dataIndex:"code",width:"10%",scopedSlots:{customRender:"code"}},{title:"Tên nhóm",dataIndex:"name",width:"45%",scopedSlots:{customRender:"name"}},{title:"Active",dataIndex:"active",width:"5%",scopedSlots:{customRender:"active"}},{title:"Hành động",dataIndex:"operation",scopedSlots:{customRender:"operation"}}],R={components:{CategoryForm:f,NestedCategory:S},data:function(){return{visible:!1,columns:I,data:[],parentCategories:[],cacheParentCategories:[],loading:!0,cacheData:[],search:""}},methods:{handleCancel:function(){this.visible=!1},handleCreate:function(){var e=this;this.loading=!0;var t=this.$refs.categoryForm.form;t.validateFields(function(){var a=Object(c["a"])(regeneratorRuntime.mark(function a(n,r){var i,s;return regeneratorRuntime.wrap(function(a){while(1)switch(a.prev=a.next){case 0:if(!n){a.next=2;break}return a.abrupt("return");case 2:return a.prev=2,r.featuredImage=JSON.parse(r.featuredImage),r.childCategories=[],a.next=7,j.addCategory(r);case 7:if(i=a.sent,s=i.data,s.meta.success){a.next=11;break}throw new Error(s.meta.externalMessage);case 11:e.data.push(s.data),e.cacheData.push(s.data),e.parentCategories.push(s.data),e.cacheParentCategories.push(s.data),t.resetFields(),e.$refs.categoryForm.removeImageSelected(),e.visible=!1,a.next=23;break;case 20:a.prev=20,a.t0=a["catch"](2),e.openNotification("Tạo mới danh mục bị lỗi! Vui lòng liên hệ nhóm phát triển!");case 23:return a.prev=23,e.loading=!1,a.finish(23);case 26:case"end":return a.stop()}},a,null,[[2,20,23,26]])}));return function(e,t){return a.apply(this,arguments)}}())},openModal:function(){this.visible=!0},openNotification:function(e){this.$notification.open({message:e})},edit:function(e){var t=Object(s["a"])(this.data),a=t.filter(function(t){return e===t.id})[0];a&&(a.editable=!0,this.data=t)},handleChange:function(e,t,a){var n=Object(s["a"])(this.data),r=n.filter(function(e){return t===e.id})[0];r&&(r[a]=e,this.data=n)},handleChangeOnActive:function(e,t,a){var n=Object(s["a"])(this.data),r=n.filter(function(e){return t===e.id})[0];r&&(r[a]=e,this.data=n,this.cacheData=n.map(function(e){return _({},e)}))},saveGroup:function(){var e=Object(c["a"])(regeneratorRuntime.mark(function e(t){var a,n,r;return regeneratorRuntime.wrap(function(e){while(1)switch(e.prev=e.next){case 0:return e.prev=0,this.loading=!0,e.next=4,j.updateCategory(t.id,t);case 4:if(a=e.sent,a.data.meta.success){e.next=7;break}throw new Error(a.data.meta.externalMessage);case 7:n=Object(s["a"])(this.data),r=n.filter(function(e){return t.id===e.id})[0],this.deepUpdateCategory(this.parentCategories,a.data.data),this.cacheParentCategories=JSON.parse(JSON.stringify(this.parentCategories)),r&&(delete r.editable,this.data=n,this.cacheData=n.map(function(e){return _({},e)})),e.next=17;break;case 14:e.prev=14,e.t0=e["catch"](0),this.openNotification(e.t0.message);case 17:return e.prev=17,this.loading=!1,e.finish(17);case 20:case"end":return e.stop()}},e,this,[[0,14,17,20]])}));function t(t){return e.apply(this,arguments)}return t}(),saveAllCategories:function(){var e=Object(c["a"])(regeneratorRuntime.mark(function e(){var t;return regeneratorRuntime.wrap(function(e){while(1)switch(e.prev=e.next){case 0:return e.prev=0,this.loading=!0,e.next=4,j.updateAllCategories(this.deepUpdatePriorityCategory(this.parentCategories));case 4:if(t=e.sent,t.data.meta.success){e.next=7;break}throw new Error(t.data.meta.externalMessage);case 7:return e.next=9,this.fetchAllParentCategories();case 9:this.fetchAllCategories(),e.next=15;break;case 12:e.prev=12,e.t0=e["catch"](0),this.openNotification(e.t0.message);case 15:return e.prev=15,this.loading=!1,e.finish(15);case 18:case"end":return e.stop()}},e,this,[[0,12,15,18]])}));function t(){return e.apply(this,arguments)}return t}(),handleResetParentCate:function(){this.parentCategories=JSON.parse(JSON.stringify(this.cacheParentCategories))},cancel:function(e){var t=Object(s["a"])(this.data),a=t.filter(function(t){return e===t.id})[0];a&&(Object.assign(a,this.cacheData.filter(function(t){return e===t.id})[0]),delete a.editable,this.data=t)},deleteGroup:function(){var e=Object(c["a"])(regeneratorRuntime.mark(function e(t){var a;return regeneratorRuntime.wrap(function(e){while(1)switch(e.prev=e.next){case 0:return e.prev=0,this.loading=!0,e.next=4,j.deleteCategory(t);case 4:if(a=e.sent,a.data.meta.success){e.next=7;break}throw new Error(a.data.meta.externalMessage);case 7:this.data=this.data.filter(function(e){return e.id!==t}),this.cacheData=this.cacheData.filter(function(e){return e.id!==t}),this.parentCategories=this.deepDeleteCategory(this.parentCategories,t),this.cacheParentCategories=this.deepDeleteCategory(this.cacheParentCategories,t),e.next=16;break;case 13:e.prev=13,e.t0=e["catch"](0),this.openNotification(e.t0.message);case 16:return e.prev=16,this.loading=!1,e.finish(16);case 19:case"end":return e.stop()}},e,this,[[0,13,16,19]])}));function t(t){return e.apply(this,arguments)}return t}(),publishChange:function(){var e=Object(c["a"])(regeneratorRuntime.mark(function e(t){return regeneratorRuntime.wrap(function(e){while(1)switch(e.prev=e.next){case 0:return t.active=!t.active,e.next=3,this.saveGroup(t);case 3:this.handleChangeOnActive(t.active,t.id,"active");case 4:case"end":return e.stop()}},e,this)}));function t(t){return e.apply(this,arguments)}return t}(),fetchAllCategories:function(){var e=Object(c["a"])(regeneratorRuntime.mark(function e(){var t;return regeneratorRuntime.wrap(function(e){while(1)switch(e.prev=e.next){case 0:return e.next=2,j.getAll();case 2:if(t=e.sent,t.data.meta.success){e.next=6;break}throw this.data=[],new Error(t.data.meta.externalMessage);case 6:this.data=t.data.data,this.cacheData=this.data.map(function(e){return _({},e)});case 8:case"end":return e.stop()}},e,this)}));function t(){return e.apply(this,arguments)}return t}(),fetchAllParentCategories:function(){var e=Object(c["a"])(regeneratorRuntime.mark(function e(){var t;return regeneratorRuntime.wrap(function(e){while(1)switch(e.prev=e.next){case 0:return e.next=2,j.getAllParents();case 2:if(t=e.sent,t.data.meta.success){e.next=6;break}throw this.parentCategories=[],new Error(t.data.meta.externalMessage);case 6:this.parentCategories=t.data.data.sort(function(e,t){return e.priority-t.priority}),this.cacheParentCategories=JSON.parse(JSON.stringify(this.parentCategories));case 8:case"end":return e.stop()}},e,this)}));function t(){return e.apply(this,arguments)}return t}(),deepUpdateCategory:function(e,t){var a=this;e.forEach(function(e){e.id===t.id?(Object.assign(e,t),console.log(e)):a.deepUpdateCategory(e.childCategories,t)})},deepDeleteCategory:function(e,t){var a=this;return e=e.filter(function(e){return e.id!==t}),e.forEach(function(e){e.childCategories=a.deepDeleteCategory(e.childCategories,t)}),e},deepUpdatePriorityCategory:function(e){var t=this;return e.map(function(e,a){return e.priority=a+1,e.childCategories=t.deepUpdatePriorityCategory(e.childCategories),e})}},computed:{groupFilter:function(){var e=this;return this.data.map(function(e){return Object.assign({},e)}).filter(function(t){return t.code.toUpperCase().includes(e.search.toUpperCase())||t.name.toUpperCase().includes(e.search.toUpperCase())})}},created:function(){var e=Object(c["a"])(regeneratorRuntime.mark(function e(){return regeneratorRuntime.wrap(function(e){while(1)switch(e.prev=e.next){case 0:try{this.loading=!0,this.fetchAllCategories(),this.fetchAllParentCategories()}catch(t){this.openNotification(t.message)}finally{this.loading=!1}case 1:case"end":return e.stop()}},e,this)}));function t(){return e.apply(this,arguments)}return t}()},P=R,D=Object(p["a"])(P,n,r,!1,null,null,null);t["default"]=D.exports},c383:function(e,t,a){},d838:function(e,t,a){}}]);
//# sourceMappingURL=chunk-19d726cf.1c86860d.js.map