????
Your IP : 18.217.150.104
var U=Object.defineProperty;var $=(i,n,t)=>n in i?U(i,n,{enumerable:!0,configurable:!0,writable:!0,value:t}):i[n]=t;var l=(i,n,t)=>($(i,typeof n!="symbol"?n+"":n,t),t);import{r as c,h as C,C as b,m as I,j as e,x as V,R as z,l as J,p as O}from"./index-3ac6b886.js";import{C as M}from"./Card-4b46d8e1.js";import{C as k}from"./CardBody-09907775.js";import{C as Q}from"./CardHeader-f1e86ecf.js";import{R as w}from"./Row-ef702d16.js";import{C as j}from"./TextArea-5c5d2643.js";import{B as F}from"./Button-d32d698a.js";import{M as P}from"./Modal-834c96f4.js";import{M as L,a as A}from"./SelectCustom-a3812854.js";import{A as W}from"./Alert-8adf8c12.js";import{F as T,M as X,T as Y,D as Z}from"./DropdownList-92e339e1.js";import{v as ee,D as te}from"./DataTable-4f7de56a.js";import{B as R}from"./Button-9ef33eb6.js";import{B as se}from"./DataSelect-21292454.js";import{D as ae,a as ne,b as _}from"./DropdownToggle-ce0bc76b.js";import{U as le}from"./UncontrolledDropdown-c1128224.js";import{u as ie}from"./UseHandleFormControl-bd31c77e.js";import{F as E}from"./FontAwesome4-4d1c8e97.js";import"./utils-1da25c48.js";import"./InputNumber-e0e8281b.js";import"./Input-a404c875.js";import"./Fade-c1d8e31e.js";import"./Transition-41b94a89.js";import"./function-c7c2f09a.js";import"./Required-a585e744.js";import"./InputTime-6c25e67a.js";import"./useTheme-cc71593c.js";import"./withStyles-be05542d.js";import"./possibleConstructorReturn-b2959138.js";import"./classCallCheck-22a738c0.js";import"./Dropdown-fd6014de.js";import"./SelectPanelMulti-30b66e05.js";import"./TransitionGroup-a6d13137.js";import"./Collapse-9244e6b2.js";import"./capitalize-2c2e3657.js";import"./OdataUtils-69f581ff.js";import"./DialogCustomize-f58e33cd.js";import"./Popper-c3a92014.js";var N={TenNhom:{field_name:"TenNhom",title:"Tên",type:"textbox",required:!0},STT:{field_name:"STT",title:"STT",type:"numeric"},Icon:{field_name:"Icon",title:"Icon",type:"textbox"}};class oe extends c.Component{constructor(t){super(t);l(this,"setStateData",(t,s)=>{var{data:a}=this.state;a[t]=s,this.setState({data:a})});l(this,"handleChange",(t,s)=>{this.setStateData(t,s)});l(this,"save",()=>{let{data:t}=this.state;if(this.handleValidate())if(this.props.ID!=null){var s={TenNhom:t.TenNhom,STT:t.STT,Icon:t.Icon};C(`NhomChucNangs('${this.props.ID}')`,"PATCH",JSON.stringify(s)).then(a=>I("Cập nhật thành công","THÔNG BÁO").then(()=>{this.props.reloadList(this.props.FlatForm),this.props.handleClose()})).catch(a=>b(a,"THÔNG BÁO"))}else{const a={ID:ee(),TenNhom:t.TenNhom,Parent_Id:this.props.Parent_ID,FlatForm:this.props.FlatForm,Icon:t.Icon};C("NhomChucNangs","POST",JSON.stringify(a)).then(o=>I("Thêm mới thành công","THÔNG BÁO").then(()=>{this.props.reloadList(this.props.FlatForm),this.props.handleClose()}))}});l(this,"handleValidate",t=>{const s=Object.values(N).filter(o=>o.required===!0);let{data:a}=this.state;for(let o=0;o<s.length;o++){const g=s[o];let m=a[g.field_name];if(m===null||m===""||m===void 0||m.length===0)return b('Vui lòng nhập "'+g.title+'"'),!1}return!0});this.state={data:{TenNhom:null,STT:null,Parent_Id:null,Icon:null}}}componentDidMount(){}componentDidUpdate(t,s){this.props.open!==t.open&&this.props.open===!0&&(this.props.ID===null?(this.setStateData("TenNhom",""),this.setStateData("STT",""),this.setStateData("Icon","")):C(`NhomChucNangs('${this.props.ID}')`,"GET",null).then(a=>{let{data:o}=this.state;o.ID=this.props.ID,o.TenNhom=a.TenNhom,o.STT=a.STT,o.Icon=a.Icon,this.setState({data:o})}).catch(a=>b(a,"THÔNG BÁO")))}render(){let{data:t}=this.state;return e.jsxs(P,{isOpen:this.props.open,toggle:this.props.handleClose,children:[e.jsx(L,{toggle:this.props.handleClose,children:this.props.ID!=null?"Cập nhật":"Thêm mới"}),e.jsxs(A,{children:[this.props.Parent_ID&&e.jsxs("h5",{children:['Thuộc danh mục "',this.props.Parent_Name,'"']}),e.jsx(T,{data:N.TenNhom,value:t.TenNhom,onChange:this.handleChange}),this.props.ID!=null&&e.jsx(T,{data:N.STT,value:t.STT,onChange:this.handleChange}),e.jsx(T,{data:N.Icon,value:t.Icon,onChange:this.handleChange})]}),e.jsxs(X,{children:[e.jsx(se,{onClick:this.save,children:"Lưu"})," ",e.jsx(R,{onClick:this.props.handleClose,children:"Hủy"})]})]})}}class re extends c.Component{constructor(t){super(t);l(this,"reloadList",t=>{C(`QuanLyChucNang/GetTreeNhomChucNang?flatForm=${t}`,"GET",null,{odata:!1}).then(s=>this.setState({data:s})).catch(s=>console.log(s))});l(this,"onSelect",(t,s)=>{if(t.length>0){if(s&&s.node&&s.node.props&&!s.node.props.is_group){this.setState({selectedKey:t[0],selectedText:s.node.props.title,disabledBtnCreate:!0,disabledBtnCreateChild:!1,disabledBtnEdit:!1,disabledBtnDelete:!1});var a={id:t[0],name:s.node.props.title};this.props.onSelect(a)}}else this.setState({selectedKey:null,selectedText:null,disabledBtnCreate:!1,disabledBtnCreateChild:!0,disabledBtnEdit:!0,disabledBtnDelete:!0}),this.loadChuaPhanNhom();this.selKey=s.node.props.eventKey});l(this,"loadChuaPhanNhom",()=>{var t={id:null,name:"0. Chưa phân nhóm"};this.props.onSelect(t)});l(this,"onRightClick",t=>{console.log("right click",t),this.setState({selectedKeys:[t.node.props.eventKey]})});l(this,"handleOpenCreate",()=>{this.setState({openCreate:!0,Parent_ID:null,Parent_Name:null})});l(this,"handleOpenEdit",()=>{this.setState({openCreate:!0,ID:this.state.selectedKey})});l(this,"handleOpenCreateChild",()=>{this.setState({openCreate:!0,Parent_ID:this.state.selectedKey,Parent_Name:this.state.selectedText})});l(this,"handleDelete",()=>{V("Bạn muốn xóa mẫu tin này?","THÔNG BÁO").then(()=>{C(`NhomChucNangs('${this.state.selectedKey}')`,"DELETE",{}).then(()=>{this.setState({ID:null,selectedKey:null,selectedText:null,disabledBtnCreate:!1,disabledBtnCreateChild:!0,disabledBtnEdit:!0,disabledBtnDelete:!0}),this.reloadList(this.state.flatForm)})})});l(this,"handleChange",(t,s)=>{this.reloadList(s),this.loadChuaPhanNhom(),this.setState({flatForm:s})});this.state={data:[],selectedKey:null,selectedText:null,ID:null,openCreate:!1,disabledBtnCreate:!1,disabledBtnCreateChild:!0,disabledBtnEdit:!0,disabledBtnDelete:!0,flatForm:this.props.phanHe}}componentDidMount(){this.reloadList(this.props.phanHe)}componentDidUpdate(t){this.props.phanHe!==t.phanHe&&(this.reloadList(this.props.phanHe),this.setState({flatForm:this.props.phanHe}))}render(){return e.jsxs("div",{className:"module-tree",children:[e.jsx("div",{className:"module-tree-header",style:{border:"1px solid #ccc"},children:e.jsxs("div",{className:"d-flex justify-content-between",children:[e.jsx("div",{children:e.jsx(R,{className:"btn-primary",disabled:this.state.disabledBtnCreate,onClick:this.handleOpenCreate,children:"Thêm mới"})}),e.jsxs(le,{direction:"down",children:[e.jsx(ae,{className:"more-btn",disabled:this.state.disabledBtnEdit,color:"primary",size:"sm",children:e.jsx("i",{className:"fa fa-bars"})}),e.jsxs(ne,{right:!0,children:[e.jsx(_,{disabled:this.state.disabledBtnCreateChild,onClick:this.handleOpenCreateChild,children:"Thêm danh mục con"}),e.jsx(_,{disabled:this.state.disabledBtnEdit,onClick:this.handleOpenEdit,children:"Cập nhật"}),e.jsx(_,{disabled:this.state.disabledBtnDelete,onClick:this.handleDelete,style:{color:"red"},children:"Xóa"})]})]})]})}),e.jsx("div",{className:"module-tree-body",style:{overflow:"scroll",border:"1px solid #ccc",borderTop:0,top:65},children:this.state.data.length>0&&e.jsx(Y,{className:"myCls",showLine:!0,defaultExpandAll:!1,onSelect:this.onSelect,treeData:this.state.data,onRightClick:this.onRightClick})}),e.jsx(oe,{ID:this.state.ID,Parent_ID:this.state.Parent_ID,Parent_Name:this.state.Parent_Name,FlatForm:this.state.flatForm,open:this.state.openCreate,handleClose:()=>this.setState({openCreate:!1,ID:null}),reloadList:this.reloadList})]})}}const he={ID_NhomChucNang:{title:"ID_NhomChucNang",field_name:"ID_NhomChucNang",type:"textbox"},STT:{title:"STT",field_name:"STT",type:"textbox",required:!0},MaChucNang:{title:"MaChucNang",field_name:"MaChucNang",type:"textbox",required:!0},TenChucNang:{title:"TenChucNang",field_name:"TenChucNang",type:"textbox",required:!0},Url:{title:"Url",field_name:"Url",type:"textbox",required:!0},Icon:{title:"Icon",field_name:"Icon",type:"textbox"},IsHidden:{title:"IsHidden",field_name:"IsHidden",type:"checkbox"},Description:{title:"Description",field_name:"Description",type:"textbox"}},de=()=>({ChucNang:[{title:"ID nhóm chức năng",field_name:"ID_NhomChucNang",type:"textbox",nameGroupCard:"TTNLD"},{title:"STT",field_name:"STT",type:"textbox",required:!0},{title:"Mã chức năng",field_name:"MaChucNang",type:"textbox",required:!0},{title:"Tên chức năng",field_name:"TenChucNang",type:"textbox",required:!0},{title:"Url",field_name:"Url",type:"textbox",required:!0},{title:"Icon",field_name:"Icon",type:"textbox"},{title:"IsHidden",field_name:"IsHidden",type:"checkbox"},{title:"Mô tả",field_name:"Description",type:"textbox"}]}),ce="ChucNangs",y=z.createRef(),D=()=>y.current&&y.current.onQueryChange(),pe=[{field:"ID",dataID:!0,hidden:!0},{title:"Id nhóm chức năng",field:"ID_NhomChucNang",type:"string"},{title:"STT",field:"STT",type:"string",searchable:!1,defaultSort:"asc"},{title:"Mã chức năng",field:"MaChucNang",type:"string",searchable:!0},{title:"Tên chức năng",field:"TenChucNang",type:"string",searchable:!0,defaultSort:"asc",render:i=>e.jsxs("div",{children:[e.jsx("div",{children:i.TenChucNang}),e.jsx("div",{style:{color:"blue"},children:i.Description})]})},{title:"Url",field:"Url",type:"string",searchable:!0},{title:"Icon",field:"Icon",type:"string",searchable:!0,render:i=>e.jsx("i",{className:i.Icon,"aria-hidden":"true"})},{title:"IsHidden",field:"IsHidden",type:"boolean"},{title:"Description",field:"Description",type:"string",hidden:!0}];class me extends c.Component{constructor(t){super(t);l(this,"toggleThemNhomChucNang",()=>{this.setState({isOpenThemNhomChucNang:!this.state.isOpenThemNhomChucNang})});l(this,"toggleThemChucNang",()=>{this.state.filter_id_nhom_chuc_nang!=null?this.setState({isOpenThemChucNang:!this.state.isOpenThemChucNang}):alert("Vui lòng chọn nhóm chức năng!")});l(this,"load_data",()=>{D()});l(this,"onSelect",t=>{console.log(t),this.setState({filter_ten_nhom_chuc_nang:t===null?null:t.name,filter_id_nhom_chuc_nang:t===null||t.id==="0"?null:t.id}),D()});this.toggle=this.toggle.bind(this),this.state={activeTab:"1",tree:[],filter_ten_nhom_chuc_nang:"Chưa phân nhóm",filter_id_nhom_chuc_nang:null,filter_name:null,isOpenThemNhomChucNang:!1,isOpenThemChucNang:!1,show_chuc_nang:!1,phanHe:null,idEdit:null,openModalAdd:!1,data:null}}toggle(t){this.state.activeTab!==t&&this.setState({activeTab:t})}render(){return e.jsxs(w,{children:[e.jsxs(j,{sm:"3",children:[e.jsxs("div",{style:{marginBottom:"20px"},children:[e.jsx(Z,{url:"PhanHes",valueField:"Id",textField:"Name",placeholder:"Chọn phân hệ",value:this.state.phanHe,onChange:t=>{this.setState({phanHe:t}),D()}}),e.jsx("div",{style:{marginTop:"10px"},children:this.state.phanHe===null&&e.jsx(W,{color:"primary",children:"Vui lòng chọn phân hệ"})})]}),this.state.phanHe!==null&&e.jsx(re,{phanHe:this.state.phanHe,onSelect:this.onSelect})]}),e.jsxs(j,{sm:"9",children:[this.state.phanHe!==null&&e.jsx(te,{title:this.state.filter_ten_nhom_chuc_nang,tableRef:y,url:ce,where:`ID_NhomChucNang eq ${this.state.filter_id_nhom_chuc_nang!=null?`'${this.state.filter_id_nhom_chuc_nang}'`:null} and FlatForm eq '${this.state.phanHe}'`,columns:pe,onEdit:{onClick:(t,s)=>{this.setState({openModalAdd:!0}),this.setState({idEdit:s.ID}),this.setState({data:s})}},onDelete:{},onAdd:{onClick:()=>{this.setState({openModalAdd:!0}),this.setState({idEdit:null})},disabled:!1}}),this.state.openModalAdd&&e.jsx(ue,{load_data:this.load_data,ID_NhomChucNang:this.state.filter_id_nhom_chuc_nang,FlatForm:this.state.phanHe,data:this.state.data,open:this.state.openModalAdd,setOpen:()=>this.setState({openModalAdd:!1}),idEdit:this.state.idEdit})]})]})}}const ue=i=>{const{idEdit:n,open:t,data:s,setOpen:a,ID_NhomChucNang:o,FlatForm:g,load_data:m}=i,[d,x]=c.useState({}),G={TTNLD:"THÔNG TIN CHỨC NĂNG"},{handleChange:S,handleValidate:v}=ie(d,he,r=>x(r));c.useEffect(()=>{x(n?n?{...s}:{}:{})},[s,n]);const H=c.useCallback(r=>{var h;return r.type!=="popup-select"?d[r.field_name]:d[(h=r.popupSelect)==null?void 0:h.selectColumn]},[d]),q=c.useCallback((r,h)=>e.jsxs(M,{style:{border:"none"},children:[e.jsxs(Ce,{style:{left:"0"},title:r.title,children:[r.title," ",r.required&&e.jsx("span",{style:{color:"red"},children:" *"})]}),e.jsx(k,{style:{paddingLeft:"0",paddingTop:"10px"},onDragStart:u=>u.preventDefault(),children:e.jsx(T,{data:{...r,hidden_label:!0},value:H(r),onChange:(u,p)=>S(u,p),inline:!1})})]},h),[H,S]),K=c.useCallback(async()=>{if(v()){const r=n?"PATCH":"POST",h=n?`ChucNangs('${n}')`:"ChucNangs",u=n?"Cập nhật thành công":"Thêm thành công";delete d.ID,delete d.tableData;const p={...d,ID_NhomChucNang:o,FlatForm:g};C(h,r,JSON.stringify(p)).then(f=>{I(u),m(),a()}).catch(f=>{J(f["odata.error"].message.value)})}},[g,o,d,v,n,a]),B=de();if(B){const r=Object.values(B);return e.jsx(e.Fragment,{children:e.jsxs(ge,{size:"xl",isOpen:t,zIndex:1301,toggle:()=>a(),children:[e.jsxs(L,{children:[e.jsx("span",{children:n?"Cập nhật thông tin chức năng":"Thêm mới"}),e.jsxs("span",{className:"float-right",children:[e.jsxs(F,{className:"me-2",color:"success",onClick:K,children:[e.jsx(E,{fa:"save"}),e.jsx("span",{className:"ms-2",children:"Lưu"})]}),e.jsxs(F,{color:"danger",onClick:()=>a(),children:[e.jsx(E,{fa:"times"}),e.jsx("span",{className:"ms-2",children:"Trở lại"})]})]})]}),e.jsx(A,{className:"pt-0",style:{height:"calc(100vh - 130px)",overflow:"auto"},children:r.map((h,u)=>e.jsxs(e.Fragment,{children:[e.jsx("h5",{style:{fontWeight:"bold",margin:"25px 0"},children:G[h[0].nameGroupCard]}),e.jsx(w,{md:"2",children:h.filter(p=>!p.hiddenGroupCard).map((p,f)=>e.jsx(j,{md:"4",className:"mt-0 card-mau01-Dieu18",children:q(p,f)},f))})]}))})]})})}},Ce=O.div`
position: absolute;
top: -12px;
left: 12px;
background-color: #fff;
color: #374dc5;
font-weight: bold;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1; /* number of lines to show */
-webkit-box-orient: vertical;
`,ge=O(P)`
.modal-content {
width: 100%;
.modal-body {
.ntable {
.ntable-wrap {
.ntable-inner {
height: min-content;
}
}
}
}
}
`;function st(){return e.jsxs(M,{children:[e.jsx(Q,{className:"title-header-card",style:{backgroundColor:"#033863"},children:e.jsx("strong",{style:{color:"#fff"},children:"CHỨC NĂNG"})}),e.jsx(k,{className:"DmNguonVon",children:e.jsx(me,{})})]})}export{st as default};