????
Your IP : 18.217.0.242
(self.webpackChunkgdt=self.webpackChunkgdt||[]).push([[519,2522],{15347:(e,n,t)=>{var a;window,e.exports=(a=t(9950),function(e){var n={};function t(a){if(n[a])return n[a].exports;var i=n[a]={i:a,l:!1,exports:{}};return e[a].call(i.exports,i,i.exports,t),i.l=!0,i.exports}return t.m=e,t.c=n,t.d=function(e,n,a){t.o(e,n)||Object.defineProperty(e,n,{enumerable:!0,get:a})},t.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},t.t=function(e,n){if(1&n&&(e=t(e)),8&n)return e;if(4&n&&"object"==typeof e&&e&&e.__esModule)return e;var a=Object.create(null);if(t.r(a),Object.defineProperty(a,"default",{enumerable:!0,value:e}),2&n&&"string"!=typeof e)for(var i in e)t.d(a,i,function(n){return e[n]}.bind(null,i));return a},t.n=function(e){var n=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(n,"a",n),n},t.o=function(e,n){return Object.prototype.hasOwnProperty.call(e,n)},t.p="",t(t.s=1)}([function(e,n){e.exports=a},function(e,n,t){"use strict";t.r(n),t.d(n,"useStateWithCallbackInstant",(function(){return l})),t.d(n,"useStateWithCallbackLazy",(function(){return h}));var a=t(0);function i(e,n){return function(e){if(Array.isArray(e))return e}(e)||function(e,n){var t=[],a=!0,i=!1,l=void 0;try{for(var h,s=e[Symbol.iterator]();!(a=(h=s.next()).done)&&(t.push(h.value),!n||t.length!==n);a=!0);}catch(e){i=!0,l=e}finally{try{a||null==s.return||s.return()}finally{if(i)throw l}}return t}(e,n)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance")}()}var l=function(e,n){var t=i(a.useState(e),2),l=t[0],h=t[1];return a.useLayoutEffect((function(){return n(l)}),[l,n]),[l,h]},h=function(e){var n=a.useRef(null),t=i(a.useState(e),2),l=t[0],h=t[1];return a.useEffect((function(){n.current&&(n.current(l),n.current=null)}),[l]),[l,function(e,t){return n.current=t,h(e)}]};n.default=function(e,n){var t=i(a.useState(e),2),l=t[0],h=t[1];return a.useEffect((function(){return n(l)}),[l,n]),[l,h]}}]))},18503:(e,n,t)=>{"use strict";t.d(n,{I:()=>a});const a={KinhDoanh:"kinhdoanh",GiaoHang:"giaohang"}},47566:(e,n,t)=>{"use strict";t.d(n,{A:()=>h});var a=t(77923),i=(t(9950),t(8434)),l=t(44414);const h=e=>[{title:"Id",field:"Id",type:"numeric",dataID:!0,hidden:!0,editable:"never",cellStyle:{textAlign:"center"}},{title:"H\xecnh \u1ea3nh",field:"Thumbnail50",type:"string",cellStyle:{textAlign:"center"},render:e=>(0,l.jsx)(a.LazyLoadImage,{style:{objectFit:"cover",backgroundColor:e.Thumbnail50?"":"#ccc",borderRadius:e.Thumbnail50?"":"100%"},height:50,src:e.Thumbnail50?"/api"+e.Thumbnail50:"assets/profile-w.jpg",width:50})},{title:e===i.M.KH?"M\xe3 kh\xe1ch h\xe0ng":"M\xe3 nh\xe0 cung c\u1ea5p",field:"MaLienHe",type:"string",searchable:!0,dataCheck:!0,cellStyle:{textAlign:"left"}},{title:e===i.M.KH?"T\xean kh\xe1ch h\xe0ng":"T\xean nh\xe0 cung c\u1ea5p",field:"Ten",type:"string",searchable:!0,dataCheck:!0,cellStyle:{textAlign:"left",minWidth:"200px"},render:e=>(0,l.jsx)("span",{children:`${e.Ten} - (${e.DiaChi})`})},{title:"T\xean nh\xe2n vi\xean",field:"DM_NhanVien.TenNhanVien",type:"string",searchable:!0,dataCheck:!0,cellStyle:{textAlign:"left"},hidden:e!==i.M.KH},{title:"Gi\u1edbi t\xednh",field:"GioiTinh",type:"string",searchable:!1,dataCheck:!0,hidden:!0,cellStyle:{textAlign:"left",minWidth:"60px"},render:e=>(0,l.jsx)("span",{children:e.GioiTinh?"Nam":null===e.GioiTinh?"":"N\u1eef"})},{title:"\u0110i\u1ec7n tho\u1ea1i",field:"DienThoai",type:"string",searchable:!0,dataCheck:!0,cellStyle:{textAlign:"left"}},{title:"\u0110\u1ecba ch\u1ec9",field:"DiaChi",type:"string",searchable:!0,cellStyle:{textAlign:"left"},hidden:!0},{title:"N\u1ee3 hi\u1ec7n t\u1ea1i",field:"CongNo",type:"currency"},{title:"\u0110\u1ecba ch\u1ec9",field:"DiaChi",type:"string",searchable:!0,dataCheck:!0,hidden:!0,cellStyle:{textAlign:"left"}},{title:"M\xe3 Li\xean h\u1ec7",field:"MaLienHe",type:"string",hidden:!0}]},52495:(e,n,t)=>{"use strict";t.r(n),t.d(n,{default:()=>K});var a=t(9950),i=t(23931),l=t(10077),h=t(28412),s=t(62181),r=t(32385),o=t(30616),d=t(77923),c=t(44414);const u=[{title:"Id",field:"Id",type:"numeric",dataID:!0,hidden:!0,editable:"never",cellStyle:{textAlign:"center"}},{title:"H\xecnh \u1ea3nh",field:"Thumbnail50",type:"string",cellStyle:{textAlign:"center"},render:e=>(0,c.jsx)(d.LazyLoadImage,{style:{objectFit:"cover",backgroundColor:e.Thumbnail50?"":"#ccc",borderRadius:e.Thumbnail50?"":"100%"},height:50,src:e.Thumbnail50?"/api"+e.Thumbnail50:"assets/profile-w.jpg",width:50})},{title:"M\xe3 nh\xe2n vi\xean",field:"MaNhanVien",type:"string",searchable:!0,dataCheck:!0,cellStyle:{textAlign:"left"}},{title:"T\xean nh\xe2n vi\xean",field:"TenNhanVien",type:"string",searchable:!0,dataCheck:!0,cellStyle:{textAlign:"left"}},{title:"Gi\u1edbi t\xednh",field:"GioiTinh",type:"string",searchable:!1,dataCheck:!0,cellStyle:{textAlign:"left"},render:e=>(0,c.jsx)("span",{children:e.GioiTinh?"Nam":"N\u1eef"})},{title:"\u0110i\u1ec7n tho\u1ea1i",field:"SoDienThoai",type:"string",searchable:!0,dataCheck:!0,cellStyle:{textAlign:"left"}},{title:"\u0110\u1ecba ch\u1ec9",field:"DiaChi",type:"string",searchable:!0,dataCheck:!0,cellStyle:{textAlign:"left"}},{title:"Ph\xf2ng ban",field:"DM_PhongBan.TenPhongBan",type:"string",dataRef:["MaPhongBan"],cellStyle:{textAlign:"left"}},{title:"IsDeleted",field:"IsDeleted",type:"string",hidden:!0}];var g=t(58195),p=t(14113),f=t(99308),m=t(70349),x=t(85907),b=t(18849),T=t(67116),y=t(16272),C=t(73613),j=t(4370);const v={MaNhanVien:{field_name:"MaNhanVien",title:"M\xe3 nh\xe2n vi\xean",type:"textbox",required:!0},TenNhanVien:{field_name:"TenNhanVien",title:"T\xean nh\xe2n vi\xean",type:"textbox",required:!0},SoDienThoai:{field_name:"SoDienThoai",title:"S\u1ed1 \u0111i\u1ec7n tho\u1ea1i",type:"textbox"},DiaChi:{field_name:"DiaChi",title:"\u0110\u1ecba ch\u1ec9",type:"textbox"},GioiTinh:{field_name:"GioiTinh",title:"Gi\u1edbi t\xednh",type:"radio-list",data:[{label:"Nam",value:"1"},{label:"N\u1eef",value:"0"}]},Email:{field_name:"Email",title:"Email",type:"textbox"},MaPhongBan:{field_name:"MaPhongBan",title:"Ph\xf2ng ban",type:"data-select",required:!0,dataSelect:{url:"DM_PhongBan",column:["MaPhongBan","TenPhongBan"],value_field:"MaPhongBan",text_field:"TenPhongBan"}}};class D extends a.Component{constructor(e){super(e),this.getDataNhanVien=e=>{(0,j.Pq)(`DM_NhanVien(${e})`,"GET",null).then((e=>this.setState({data:e}))).catch((e=>(0,T.a3)(e)))},this.handleValidate=e=>{const n=Object.values(v).filter((e=>e.required));let{data:t}=this.state;for(let a=0;a<n.length;a++){const e=n[a];let i=t[e.field_name];if(null===i||""===i||void 0===i||0===i.length)return(0,T.AB)('Vui l\xf2ng nh\u1eadp "'+e.title+'"'),!1}return!0},this.setStateData=(e,n)=>{var{data:t}=this.state;t[e]=n,this.setState({data:t})},this.handleChange=(e,n)=>{this.setStateData(e,n)},this.handleChangeImage=e=>{this.setState({file:e.target.files[0]},(()=>this.previewImage(this.state.file)))},this.previewImage=e=>{try{let n=new FileReader;n.onloadend=()=>{this.setState({ImgPreviewUrl:n.result})},n.readAsDataURL(e)}catch(n){this.handleHuyAnh()}},this.handleHuyAnh=()=>{this.setState({file:null,ImgPreviewUrl:null})},this.saveNhanVien=()=>{const{file:e,data:n}=this.state,{ID:t,status:a}=this.props;if(this.handleValidate()){let i=e?new FormData(this.refImgNhanVien.current):new FormData;i.append("Id",n.Id||""),i.append("MaNhanVien",n.MaNhanVien),i.append("TenNhanVien",n.TenNhanVien),i.append("DienThoai",n.SoDienThoai||""),i.append("DiaChi",n.DiaChi||""),i.append("Email",n.Email||""),i.append("GioiTinh","1"===n.GioiTinh),i.append("TinhTrangHoatDong",n.TinhTrangHoatDong||!0),i.append("MaPhongBan",n.MaPhongBan);let l=t?"LienHe/CapNhatNhanVien":"LienHe/TaoMoiNhanVien";(0,j.R0)(`${l}`,"POST",i).then((e=>{(0,T.nw)(e,"Th\xf4ng b\xe1o").then((()=>{this.props.onClose(),a?this.props.getDataNhanVien():this.props.reloadTable()}))})).catch((e=>(0,T.a3)(e.Message,"Th\xf4ng b\xe1o")))}},this.state={data:{GioiTinh:"1"},file:"",ImgPreviewUrl:null},this.refImgNhanVien=a.createRef()}componentDidMount(){const{ID:e}=this.props;e?this.getDataNhanVien(e):this.setState({data:{GioiTinh:"1"},file:"",ImgPreviewUrl:null})}render(){const{onOpen:e,onClose:n,title:t,ID:a}=this.props,{data:l,ImgPreviewUrl:h}=this.state;let s="";return h?s=h:l.Thumbnail150&&(s="api/"+l.Thumbnail150),(0,c.jsxs)(g.A,{size:"xl",isOpen:e,toggle:n,className:"Module-NhanVien",children:[(0,c.jsx)(p.A,{toggle:n,children:t}),(0,c.jsx)(f.A,{children:(0,c.jsxs)(m.A,{children:[(0,c.jsxs)(i.A,{md:"2",children:[(0,c.jsx)("div",{className:"image-khach-hang",children:(0,c.jsx)("span",{className:"camera-image-kh",children:h||l.Thumbnail150?(0,c.jsx)("img",{className:"preview-image",src:s,alt:""}):(0,c.jsx)(C.A,{fa:"camera"})})}),(0,c.jsx)("div",{className:"btn-chon-anh",children:(0,c.jsxs)("form",{encType:"multipart/form-data",method:"post",ref:this.refImgNhanVien,children:[(0,c.jsx)("input",{name:"file",onChange:e=>this.handleChangeImage(e),type:"file",className:"choose-image-khach-hang",multiple:!0}),(0,c.jsx)("label",{className:"label-chon-anh",children:"Ch\u1ecdn \u1ea3nh"})]})}),(h||l.Thumbnail150)&&!a&&(0,c.jsx)("span",{className:"btn-huy-anh",onClick:()=>this.handleHuyAnh(),children:(0,c.jsx)(C.A,{fa:"times-circle-o"})})]}),(0,c.jsx)(i.A,{md:"10",children:(0,c.jsxs)(m.A,{children:[(0,c.jsxs)(i.A,{children:[(0,c.jsx)(y.A,{data:v.MaNhanVien,value:l.MaNhanVien,onChange:this.handleChange}),(0,c.jsx)(y.A,{data:v.TenNhanVien,value:l.TenNhanVien,onChange:this.handleChange}),(0,c.jsx)(y.A,{data:v.SoDienThoai,value:l.SoDienThoai,onChange:this.handleChange}),(0,c.jsx)(y.A,{data:v.DiaChi,value:l.DiaChi,onChange:this.handleChange})]}),(0,c.jsxs)(i.A,{children:[(0,c.jsx)(y.A,{data:v.GioiTinh,value:l.GioiTinh,onChange:this.handleChange}),(0,c.jsx)(y.A,{data:v.Email,value:l.Email,onChange:this.handleChange}),(0,c.jsx)(y.A,{data:v.MaPhongBan,value:l.MaPhongBan,onChange:this.handleChange})]})]})})]})}),(0,c.jsx)(x.A,{children:(0,c.jsx)(m.A,{children:(0,c.jsxs)(i.A,{style:{textAlign:"right"},children:[(0,c.jsxs)(b.A,{color:"success",onClick:this.saveNhanVien,children:[(0,c.jsx)(C.A,{fa:"save"})," ","L\u01b0u"]}),(0,c.jsxs)(b.A,{style:{marginLeft:"10px"},color:"dark",onClick:n,children:[(0,c.jsx)(C.A,{fa:"ban"})," ","B\u1ecf qua"]})]})})})]})}}var A=t(69378),N={MaNhanVien:{field_name:"MaNhanVien",title:"M\xe3 nh\xe2n vi\xean:",type:"label"},TenNhanVien:{field_name:"TenNhanVien",title:"T\xean nh\xe2n vi\xean:",type:"label"},GioiTinh:{field_name:"GioiTinh",title:"Gi\u1edbi t\xednh:",type:"label"},SoDienThoai:{field_name:"SoDienThoai",title:"S\u1ed1 \u0111i\u1ec7n tho\u1ea1i:",type:"label"},DiaChi:{field_name:"DiaChi",title:"\u0110\u1ecba ch\u1ec9:",type:"label"},NgaySinh:{field_name:"NgaySinh",title:"Ng\xe0y sinh:",type:"label"},Email:{field_name:"Email",title:"Email:",type:"label"},MaPhongBan:{field_name:"MaPhongBan",title:"Ph\xf2ng ban:",type:"label"}};const M=e=>{const{ID:n}=e,[t,l]=(0,a.useState)({}),[h,s]=(0,a.useState)([]);(0,a.useEffect)((()=>{o()}),[]),(0,a.useEffect)((()=>{n&&r()}),[n]);const r=()=>{(0,j.Pq)(`DM_NhanVien(${n})`,"GET",null).then((e=>l(e))).catch((e=>(0,T.a3)("Kh\xf4ng th\u1ec3 t\u1ea3i d\u1eef li\u1ec7u kh\xe1ch h\xe0ng","Th\xf4ng b\xe1o")))},o=()=>{(0,j.Pq)("DM_PhongBan","GET",null).then((e=>s(e.value))).catch((e=>(0,T.a3)("Kh\xf4ng th\u1ec3 t\u1ea3i d\u1eef li\u1ec7u ph\xf2ng ban","Th\xf4ng b\xe1o")))};return(0,c.jsxs)(m.A,{className:"pt-4 pb-4",children:[(0,c.jsx)(i.A,{md:"2",children:(0,c.jsx)("div",{className:"image-khach-hang",children:(0,c.jsx)("span",{className:"camera-image-kh",children:(0,c.jsx)("img",{className:"preview-image",style:{background:"#eee"},src:(u=t.Thumbnail150,u?"api"+u:"assets/profile-w.jpg"),alt:""})})})}),(0,c.jsxs)(i.A,{children:[(0,c.jsx)(y.A,{data:N.MaNhanVien,value:t.MaNhanVien}),(0,c.jsx)(y.A,{data:N.TenNhanVien,value:t.TenNhanVien}),(0,c.jsx)(y.A,{data:N.MaPhongBan,value:(e=>{var n;return null===(n=h.find((n=>n.MaPhongBan===e)))||void 0===n?void 0:n.TenPhongBan})(t.MaPhongBan)})]}),(0,c.jsxs)(i.A,{children:[(0,c.jsx)(y.A,{data:N.GioiTinh,value:(d=t.GioiTinh,d?"Nam":"N\u1eef")}),(0,c.jsx)(y.A,{data:N.SoDienThoai,value:t.SoDienThoai}),(0,c.jsx)(y.A,{data:N.DiaChi,value:t.DiaChi}),(0,c.jsx)(y.A,{data:N.Email,value:t.Email})]})]});var d,u};var S=t(8434),P=t(47566),I=t(15347),k=t.n(I),V=t(23568);const B=e=>{const{ID:n}=e,[t,i]=(0,a.useState)([]),[h,s]=(0,a.useState)(!1),[r,o]=k()(0,(e=>{s(0!==e)}));(0,a.useEffect)((()=>{let e=[];e.push("MaLienHe ne 'khachle'"),e.push(`NhomLienHe_Id eq '${S.M.KH}'`),e.push(`NhanVienKinhDoanh_Id eq ${n}`),i(e)}),[]);const d=(0,P.A)(S.M.KH);return(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(l.A,{url:"DM_LienHe",columns:d,where:t.join(" and "),selectType:"withColumns",onRowClick:(e,n)=>o(n.Id)}),h&&(0,c.jsx)(V.A,{onOpen:h,onClose:()=>o(0),title:"Chi ti\u1ebft kh\xe1ch h\xe0ng",ID:r})]})};var _=t(18503);class w extends a.Component{constructor(e){super(e),this.state={data:[]}}componentDidMount(){const{MaPhongBan:e,ID:n}=this.props;this.setState({data:[...this.state.data,{TabName:"Th\xf4ng tin",TabContent:(0,c.jsx)(M,{ID:n})}]},(()=>{e===_.I.KinhDoanh&&this.setState({data:[...this.state.data,{TabName:"Danh s\xe1ch kh\xe1ch h\xe0ng",TabContent:(0,c.jsx)(B,{ID:n})}]})}))}render(){const{data:e}=this.state,{onOpen:n,onClose:t}=this.props;return(0,c.jsxs)(g.A,{className:"Detail-NhanVien",isOpen:n,size:"xl",onClose:t,children:[(0,c.jsx)(p.A,{children:"Chi ti\u1ebft nh\xe2n vi\xean"}),(0,c.jsx)(f.A,{children:(0,c.jsx)(A.A,{data:e})}),(0,c.jsx)(x.A,{children:(0,c.jsx)(b.A,{onClick:t,color:"dark",children:"\u0110\xf3ng"})})]})}}var G=t(65597),E=(t(98548),[{title:"M\xe3 ph\xf2ng ban",field:"MaPhongBan",type:"string",editable:"onAdd",dataID:!0,dataIdCustom:!0,dataCheck:!0,cellStyle:{textAlign:"center"}},{title:"T\xean ph\xf2ng ban",field:"TenPhongBan",type:"string",dataCheck:!0,searchable:!0}]);const H=a.createRef();class O extends a.Component{constructor(e){super(e),this.state={}}render(){const{open:e,onClose:n,OnReloadTable:t}=this.props;return(0,c.jsx)(G.A,{className:"dialog-nhom-san-pham-dich-vu",open:e,maxWidth:"md",handleClose:n,children:(0,c.jsx)(l.A,{tableRef:H,title:"Danh s\xe1ch ph\xf2ng ban",url:"DM_PhongBan",columns:E,selectType:"withColumns",onAdd:{disabled:!1},onEdit:{},onDelete:{},addCallback:t,updateCallback:t,deleteCallback:t,messageCustomDetele:"X\xf3a kh\xf4ng th\xe0nh c\xf4ng v\xec ph\xf2ng ban n\xe0y \u0111\xe3 c\xf3 nh\xe2n vi\xean"})})}}const L=a.createRef(),R=()=>L.current&&L.current.onQueryChange();class q extends a.Component{constructor(e){super(e),this.setSearch=e=>{13===e.charCode&&this.setState({search:e.target.value},(()=>R()))},this.state={search:"",searchMaPhongBan:null,MaPhongBan:null,openDialogPhongBan:!1,ID:null}}deleteNhanVien(e){(0,j.Pq)(`LienHe/XoaNhanVien?nhanVienId=${e}`,"POST",null,!1).then((n=>(0,T.nw)("X\xf3a nh\xe2n vi\xean "+e+" th\xe0nh c\xf4ng!","Th\xf4ng b\xe1o").then((()=>R())))).catch((e=>(0,T.a3)(e.Message,"Th\xf4ng b\xe1o")))}render(){const{search:e,openCreate:n,ID:t,openDetail:a,MaPhongBan:d,searchMaPhongBan:g,openDialogPhongBan:p}=this.state,{title:f}=this.props,m=[];return m.push("IsDeleted ne true"),e&&m.push(`(substringof('${e}', TenNhanVien) or substringof('${e}', SoDienThoai))`),g&&m.push(`MaPhongBan eq '${g}'`),(0,c.jsx)(c.Fragment,{children:(0,c.jsxs)(o.A,{children:[(0,c.jsx)(h.A,{NoTabs:!0,children:(0,c.jsxs)(i.A,{md:"12",className:"p-0 mb-2",children:[(0,c.jsx)(s.A,{className:"mb-2",title:"T\xecm ki\u1ebfm",defaultValue:e,onKeyPress:e=>this.setSearch(e),placeholder:"T\xecm ki\u1ebfm theo t\xean, s\u1ed1 \u0111i\xean tho\u1ea1i..."}),(0,c.jsx)(s.A,{renderButton:(0,c.jsx)("div",{onClick:()=>this.setState({openDialogPhongBan:!0}),children:(0,c.jsx)(C.A,{fa:"list"})}),title:"Ph\xf2ng ban",type:"dropdown-list",url:"DM_PhongBan",valueField:"MaPhongBan",textField:"TenPhongBan",value:g,onChange:e=>this.setState({searchMaPhongBan:e},(()=>R())),placeholder:"Ch\u1ecdn ph\xf2ng ban..."})]})}),(0,c.jsxs)(r.A,{NoTabs:!0,children:[(0,c.jsx)(l.A,{tableRef:L,title:f,url:"DM_NhanVien",columns:u,where:m.join(" and "),selectType:"withColumns",onAdd:{onClick:e=>this.setState({openCreate:!0,ID:null})},onEdit:{onClick:(e,n)=>this.setState({openCreate:!0,ID:n.Id})},onRowClick:(e,n)=>this.setState({openDetail:!0,ID:n.Id,MaPhongBan:n.MaPhongBan}),onDelete:{onClick:(e,n)=>(0,T.A1)("B\u1ea1n ch\u1eafc ch\u1eafn mu\u1ed1n x\xf3a nh\xe2n vi\xean n\xe0y?","Th\xf4ng b\xe1o").then((()=>this.deleteNhanVien(n.Id)))}}),n&&(0,c.jsx)(D,{onOpen:n,onClose:()=>this.setState({openCreate:!1}),title:t?"Ch\u1ec9nh s\u1eeda":"Th\xeam m\u1edbi",ID:t,reloadTable:R}),a&&(0,c.jsx)(w,{ID:t,MaPhongBan:d,onOpen:a,onClose:()=>this.setState({openDetail:!1})}),p&&(0,c.jsx)(O,{OnReloadTable:R,open:p,onClose:()=>this.setState({openDialogPhongBan:!1})})]})]})})}}class K extends a.Component{render(){return(0,c.jsx)(q,{title:"Danh s\xe1ch nh\xe2n vi\xean"})}}},98548:()=>{}}]);