????
Your IP : 18.221.238.5
var O=Object.defineProperty;var R=(s,t,e)=>t in s?O(s,t,{enumerable:!0,configurable:!0,writable:!0,value:e}):s[t]=e;var c=(s,t,e)=>(R(s,typeof t!="symbol"?t+"":t,e),e);import{e as l,_ as y,R as u,f,r as p,j as a,n as h,P as g}from"./vendor-4ed091cd.js";import{T as k}from"./Tabs-6c2a6b41.js";import{C}from"./Container-1ee99ed5.js";import{D as N}from"./DataTable-65c5cdc1.js";import{D as $}from"./DataSelect-a80346d8.js";import{S as G,B as L}from"./ButtonLoad-3b9b6e24.js";import{a as P,b as A,c as w,M as q,B as F}from"./ButtonEdit-6bcc9939.js";import{k as x}from"./index-8ef13bef.js";import{F as m}from"./Button-7f5efc58.js";import{I as B}from"./InputGroup-2d917a4f.js";import{t as I,m as M,c as V}from"./utils-edee7d6b.js";import{I as W}from"./Input-52c69567.js";import{L as U}from"./LoadingSpinner-4905a954.js";import"./HeaderDialog-f61cc96f.js";import"./DialogCustomize-d5360f8b.js";import"./moment-244f9271.js";import"./Col-36d78327.js";import"./Nav-d46410cd.js";import"./assertThisInitialized-081f9914.js";import"./ButtonSave-208099f2.js";import"./defineProperty-f749b14d.js";import"./interopRequireDefault-01ffd8a5.js";import"./Button-73af635f.js";import"./Input-8880938a.js";import"./defaultTheme-bc77a192.js";import"./debounce-b2775af4.js";import"./DialogContent-8627e888.js";import"./withStyles-4e08e0b0.js";import"./capitalize-6ac56943.js";import"./classCallCheck-22a738c0.js";import"./makeStyles-05eedb62.js";import"./createStyles-cfd966dc.js";import"./Toolbar-c51ca3c1.js";import"./extends-bd5ce585.js";var Y=["className","cssModule","tag"],H={tag:I,className:l.string,cssModule:l.object},K={tag:"span"},T=function(t){var e=t.className,n=t.cssModule,i=t.tag,o=y(t,Y),r=M(V(e,"input-group-text"),n);return u.createElement(i,f({},o,{className:r}))};T.propTypes=H;T.defaultProps=K;const Q=T;var z=["className","cssModule","tag","addonType","children"],J={tag:I,addonType:l.oneOf(["prepend","append"]).isRequired,children:l.node,className:l.string,cssModule:l.object},X={tag:"div"},v=function(t){var e=t.className,n=t.cssModule,i=t.tag,o=t.addonType,r=t.children,d=y(t,z),j=M(V(e,"input-group-"+o),n);return typeof r=="string"?u.createElement(i,f({},d,{className:j}),u.createElement(Q,{children:r})):u.createElement(i,f({},d,{className:j,children:r}))};v.propTypes=J;v.defaultProps=X;const Z=v,ee=[{field:"ID",dataID:!0,type:"guid",hidden:!0},{title:"Tên nhóm",field:"NAME",type:"string",dataCheck:!0,searchable:!0},{title:"Sắp xếp",field:"ORDER_NO",type:"numeric",defaultSort:"asc",dataCheck:!0,searchable:!0}];class te extends p.Component{render(){const{title:t,odata:e}=this.props;return a.jsx(C,{children:a.jsx(N,{title:t,url:e&&e.url,columns:ee,selectType:"withColumns",onAdd:{},onEdit:{}})})}}const ae=[{value:"guid",label:"guid"},{value:"string",label:"string"},{value:"boolean",label:"boolean"},{value:"numeric",label:"numeric"},{value:"date",label:"date"},{value:"datetime",label:"datetime"},{value:"time",label:"time"},{value:"currency",label:"currency"}],ne=[{field:"ID",dataID:!0,type:"guid",hidden:!0},{title:"Nhóm cài đặt",field:"SYS_SettingGroup.NAME",type:"guid",dataRef:["SETTING_GROUP_ID","ID"],dataCheck:!0,searchable:!0,editable:"onAdd",editComponent:s=>a.jsx($,{moudle:{name:"Nhóm cài đặt",component:a.jsx(te,{odata:{url:"SettingGroups"}})},url:"SettingGroups",column:{field:"ID",label:"NAME",type:"guid"},value:s.value,onChange:t=>t?s.onChange(t.value):s.onChange(null)})},{title:"Khóa",field:"SETTING_KEY",type:"string",editable:"onAdd",dataCheck:!0,searchable:!0},{title:"Giá trị",field:"SETTING_VALUE",type:"string",dataCheck:!0,searchable:!0},{title:"Loại",field:"SETTING_TYPE",type:"string",dataCheck:!0,searchable:!0,editComponent:s=>a.jsx(G,{valueRef:"value",labelRef:"label",options:ae,value:s.value,onChange:t=>t?s.onChange(t.value):s.onChange(null)})},{title:"Sắp xếp",field:"ORDER_NO",defaultSort:"asc",type:"numeric",dataCheck:!0,searchable:!0}];class se extends p.Component{render(){const{title:t,odata:e}=this.props;return a.jsx(C,{children:a.jsx(N,{title:t,url:e&&e.url,columns:ne,selectType:"withColumns",onEdit:{},onAdd:{disabled:!1}})})}}const ie=h.div`
width: 100%;
max-width: 100%;
margin: 0 auto;
display: flex;
`,oe=h.div`
width: 100%;
`,re=h.div`
display: flex;
flex-direction: row;
align-items: center;
padding: 5px 8px;
padding-left: ${s=>s.level*20}px;
&:hover {
background: #caeef9;
cursor: pointer;
}
`,b=h.div`
font-size: 12px;
width: 10px;
margin-right: ${s=>s.marginRight?s.marginRight:5}px;
`,_=s=>{const{node:t,level:e,onToggle:n,onNodeSelect:i}=s;return a.jsxs(u.Fragment,{children:[a.jsxs(re,{level:e,children:[a.jsx(b,{onClick:()=>!t.loading&&n(t,e),children:t&&t.loading?a.jsx(m,{fa:"spinner fa-spin"}):t.isOpen?t.children&&a.jsx(m,{fa:"chevron-down"}):a.jsx(m,{fa:"chevron-right"})}),a.jsx(b,{onClick:()=>!t.loading&&n(t,e),marginRight:12,children:t&&a.jsx(m,{fa:e===0?"bookmark-o":e===1?"building":e===2?"building-o":"square-o"})}),a.jsx("span",{role:"button",onClick:o=>e===0?n(t,e):i(t),children:t&&e===0?t.TenLoaiDonVi:a.jsxs("span",{children:[t.TenDonVi," ",a.jsxs("b",{children:["[",t.MaDonVi,"]"]})]})})]}),t&&t.isOpen&&t.children&&t.children.map((o,r)=>a.jsx(_,{...s,node:o,level:e+1},r))]})};class S extends p.Component{constructor(e){super(e);c(this,"onToggle",(e,n)=>{if(e.children){e.isOpen=!e.isOpen,this.setState({node:e});return}e.loading=!0,this.setState({node:e}),x(`DonVis?$select=ID,TenDonVi,MaDonVi&$orderby=TenDonVi asc&$filter=ID_LoaiDonVi_QuanTri eq '${e.ID}'`).then(i=>{e.loading=!1,e.isOpen=!e.isOpen,e.children=i.value,this.setState({node:e})}).catch(i=>{e.loading=!1,e.isOpen=!e.isOpen,this.setState({node:e})})});this.state={datas:[]}}UNSAFE_componentWillReceiveProps(e){if(e.open){let n="LoaiDonViQuanTris?$select=ID,TenLoaiDonVi";e.phanLoai!=="all"&&(n+=`&$filter=phan_loai eq '${e.phanLoai}'`),x(n).then(i=>this.setState({datas:i.value})).catch(i=>console.log(i))}}render(){const{toggleModal:e,open:n,onSelectTreeView:i}=this.props;return a.jsxs(P,{isOpen:n,toggle:e,className:"modal-lg",children:[a.jsx(A,{toggle:e,children:"Danh sách đơn vị"}),a.jsx(w,{children:a.jsx(ie,{children:a.jsx(oe,{children:this.state.datas&&this.state.datas.map((o,r)=>a.jsx(_,{node:o,onToggle:this.onToggle,level:0,onNodeSelect:i},r))})})}),a.jsx(q,{children:a.jsx(F,{onClick:e,children:"Đóng"})})]})}}S.propTypes={open:g.bool.isRequired,toggleModal:g.func.isRequired,onSelectTreeView:g.func.isRequired};S.defaultProps={phanLoai:"all"};const D=h(L)`
margin-right: 0px !important;
margin-left: 0px !important;
`;class E extends p.Component{constructor(e){super(e);c(this,"_isMounted",!1);c(this,"onChangeProps",e=>{const{value:n}=e;if(n==null||n===""){this.setState({TenDonVi:""});return}if(n instanceof Object){Object.keys(n).length===0&&n.constructor===Object?this.setState({TenDonVi:""}):this.setState({TenDonVi:n.TenDonVi});return}});c(this,"toggleLarge",e=>this.setState({large:!this.state.large}));this.state={TenDonVi:"",loading:!1,large:!1}}componentDidMount(){if(this._isMounted){const{value:e}=this.props;if(e==null||e===""){this.setState({TenDonVi:""});return}if(e instanceof Object){Object.keys(e).length===0&&e.constructor===Object?this.setState({TenDonVi:""}):this.setState({TenDonVi:e.TenDonVi});return}this.setState({loading:!0}),x(`DonVis?$filter=ID eq '${e}'`).then(n=>this._isMounted&&n.json()).then(n=>this._isMounted&&this.setState({TenDonVi:n.value&&n.value.length>0&&n.value[0].TenDonVi,loading:!1})).catch(n=>this.setState({loading:!1})),this.onChangeProps(this.props),this._isMounted=!0}}componentWillUnmount(){this._isMounted=!1}UNSAFE_componentWillReceiveProps(e){this._isMounted||this.onChangeProps(e)}render(){const{close:e,placeholder:n,name:i,onSelect:o,phanLoai:r}=this.props;return a.jsxs(a.Fragment,{children:[a.jsx(U,{show:this.state.loading,children:a.jsxs(B,{children:[a.jsx(W,{disabled:!0,type:"text",name:i,placeholder:n,value:this.state.TenDonVi}),a.jsxs(Z,{addonType:"append",children:[a.jsx(D,{color:"primary",icon:"sitemap",onClick:this.toggleLarge}),e&&a.jsx(D,{color:"danger",icon:"times",onClick:d=>o(null)})]})]})}),a.jsx(S,{phanLoai:r,open:this.state.large,toggleModal:this.toggleLarge,onSelectTreeView:d=>{this.state.loading||(this.setState({large:!this.state.large}),o({target:{name:i,value:d}}))}})]})}}E.propTypes={onSelect:g.func.isRequired};E.defaultProps={name:"name",placeholder:"Chọn đơn vị",close:!0,color:"primary"};class Be extends p.Component{render(){return a.jsx(k,{data:[{TabName:"Cài đặt hệ thống",TabContent:a.jsx(se,{odata:{url:"Settings"},title:"Cài đặt hệ thống"})}]})}}export{Be as default};