????
Your IP : 3.128.31.200
var C=Object.defineProperty;var S=(t,o,e)=>o in t?C(t,o,{enumerable:!0,configurable:!0,writable:!0,value:e}):t[o]=e;var l=(t,o,e)=>(S(t,typeof o!="symbol"?o+"":o,e),e);import{P as a,R as v,p as c,r as d,j as s,k as M,h,l as p,v as w,m as T,x as D,D as k}from"./index-3ac6b886.js";import"./Button-9ef33eb6.js";import{b as x,c as P}from"./DataSelect-21292454.js";import{S as B}from"./SelectPanelMulti-30b66e05.js";import{M as E,a as O}from"./MenuItem-6e728554.js";import{C as V}from"./Card-4b46d8e1.js";import{C as I}from"./CardBody-09907775.js";import{t as $,m as L,_ as F}from"./utils-1da25c48.js";import{F as _}from"./FontAwesome4-4d1c8e97.js";import{D as H,Q as R,a as N}from"./DetailInfo-598f38f6.js";import{P as A}from"./DialogCustomize-f58e33cd.js";import"./Button-d32d698a.js";import"./useTheme-cc71593c.js";import"./classCallCheck-22a738c0.js";import"./withStyles-be05542d.js";import"./possibleConstructorReturn-b2959138.js";import"./OdataUtils-69f581ff.js";import"./TransitionGroup-a6d13137.js";import"./Transition-41b94a89.js";import"./Collapse-9244e6b2.js";import"./index-8d9ddb1f.js";import"./capitalize-2c2e3657.js";import"./debounce-b2775af4.js";import"./Grow-ac49804e.js";import"./ListItem-c9e1521c.js";import"./FullScreenDialog-3e8faf30.js";import"./createStyles-cfd966dc.js";import"./_commonjs-dynamic-modules-302442b1.js";import"./Form-fa36fba5.js";import"./InputNumber-e0e8281b.js";import"./Input-a404c875.js";import"./InputTime-6c25e67a.js";import"./TextArea-5c5d2643.js";import"./FormGroup-894dd1cd.js";import"./Required-a585e744.js";var q=["className","cssModule","tag"];function u(){return u=Object.assign?Object.assign.bind():function(t){for(var o=1;o<arguments.length;o++){var e=arguments[o];for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&(t[n]=e[n])}return t},u.apply(this,arguments)}function Q(t,o){if(t==null)return{};var e=K(t,o),n,i;if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);for(i=0;i<r.length;i++)n=r[i],!(o.indexOf(n)>=0)&&Object.prototype.propertyIsEnumerable.call(t,n)&&(e[n]=t[n])}return e}function K(t,o){if(t==null)return{};var e={},n=Object.keys(t),i,r;for(r=0;r<n.length;r++)i=n[r],!(o.indexOf(i)>=0)&&(e[i]=t[i]);return e}var W={className:a.string,cssModule:a.object,tag:$};function b(t){var o=t.className,e=t.cssModule,n=t.tag,i=n===void 0?"p":n,r=Q(t,q),j=L(F(o,"card-text"),e);return v.createElement(i,u({},r,{className:j}))}b.propTypes=W;const G=c.div`
transition: height 0.5s linear;
height: 0;
@media (min-width: 576px) {
height: auto;
}
`;class g extends d.Component{constructor(o){super(o)}render(){return s.jsx(G,{className:"d-sm-block d-none",children:s.jsx(B,{header:"Loại văn bản",data:this.props.filter,valueField:"ID",textField:"TypeName",onSelect:this.props.onSelect})})}}g.propTypes={onSelect:a.func,filter:a.oneOfType([a.string,a.arrayOf(a.object)])};const U=g;class y extends d.Component{render(){return s.jsx(E,{anchorEl:this.props.anchorEl,open:!!this.props.anchorEl,onClose:this.props.onClose,children:this.props.data.map((o,e)=>s.jsxs(O,{onClick:()=>this.props.onSelect(o),children:[s.jsx(x,{style:{border:0},icon:o.icon,color:o.color||"primary",outline:!0}),s.jsx("span",{children:o.text})]},"menu_"+e))})}}y.propTypes={data:a.array,anchorEl:a.object,onClose:a.func.isRequired,onSelect:a.func.isRequired};const X=c(V)`
flex: 0 1 150px;
height: 200px;
margin: 5px;
padding: 5px;
background-color: ${t=>t.selected?"#c7e6fb":"#fff"};
.card-body {
padding: 10px;
}
.file-thumb {
background-color: ${t=>t.selected?"#fbedb7":"rgba(70,127,207,.1)"};
position: relative;
padding: 10px;
display: flex;
height: 100px;
justify-content: center;
align-items: center;
font-size: 50px;
color: ${t=>t.color};
}
&:hover {
.file-thumb {
background-color: #fbedb7;
}
}
.card-text {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
}
`;class m extends d.Component{render(){let o=this.props.data;return s.jsxs(X,{color:this.props.color,title:o.Subject,selected:this.props.selected?1:0,onContextMenu:this.props.onContextMenu,onDoubleClick:this.props.onDoubleClick,children:[s.jsx("div",{className:"file-thumb",children:s.jsx(_,{fa:this.props.icon})}),s.jsx(I,{children:s.jsx(b,{children:o.Subject})})]})}}m.propTypes={data:a.object,onContextMenu:a.func,selected:a.bool,color:a.string,icon:a.string};m.defaultProps={selected:!1,color:"#cd201f",icon:"file-pdf-o"};const z=c.div`
height: auto;
overflow-y: auto;
padding: 0 10px;
flex-grow: 0.5;
display: flex;
flex-wrap: wrap;
`;class f extends d.Component{constructor(e){super(e);l(this,"onContextMenu",(e,n)=>{this.setState({selectedItem:n,selectedEl:e.currentTarget})});l(this,"onContextSelect",e=>{this.props.onContextSelect(e,this.state.selectedItem),this.closeMenu()});l(this,"closeMenu",()=>{this.setState({selectedEl:null,selectedItem:null})});l(this,"viewPDF",e=>{this.setState({pdfLink:`${M}/QuanLyVanBan/Download?id=${e.ID}`})});this.state={selectedItem:null,selectedEl:null,pdfLink:""}}render(){return s.jsxs(z,{onContextMenu:e=>e.preventDefault(),children:[this.props.data.map((e,n)=>s.jsx(m,{data:e,selected:e===this.state.selectedItem,onContextMenu:i=>this.onContextMenu(i,e),onDoubleClick:()=>this.viewPDF(e),icon:this.props.icon,color:this.props.iconColor},n)),this.state.pdfLink&&s.jsx(H,{isKySo:!1,open:!0,onClose:()=>this.setState({pdfLink:""}),filePDF:this.state.pdfLink}),s.jsx(y,{anchorEl:this.state.selectedEl,data:this.props.menu,onClose:this.closeMenu,onSelect:this.onContextSelect})]})}}f.propTypes={data:a.arrayOf(a.object),menu:a.arrayOf(a.object),onContextSelect:a.func,icon:a.string,iconColor:a.string};f.defaultProps={icon:"file-pdf-o",iconColor:"#cd201f"};const J=f,Y=c(A)`
display: flex;
flex-wrap: wrap;
`,Z=c.div`
flex: 0 1 300px;
display: flex;
flex-direction: column;
align-item: center;
border-right: silver solid 1px;
`,ee=c.div`
flex: 0 0 30px;
align-item: center;
display: flex;
padding: 2px;
justify-content: space-between;
border-bottom: 1px solid silver;
.expand {
visibility: visible;
@media (min-width: 576px) {
visibility: hidden;
}
}
`,te=c.div`
flex: 1 0 300px;
background-color: rgba(69, 170, 242, 0.03);
height: 100%;
display: flex;
flex-direction: column;
`,ne=[{action:"info",text:"Xem chi tiết",icon:"info-circle",color:"info"},{action:"download",text:"Tải văn bản",icon:"download",color:"success"},{action:"edit",text:"Sửa văn bản",icon:"pencil",color:"warning"},{action:"delete",text:"Xóa văn bản",icon:"trash",color:"danger"}];class He extends d.Component{constructor(e){super(e);l(this,"submitDetail",e=>{w("QuanLyVanBan/LuuVanBan","POST",e).then(n=>{this.setState({detailMode:"",selectedVanBan:null}),T(n).then(this.searchHandler)}).catch(n=>p(n))});l(this,"onContextSelect",async(e,n)=>{let{action:i}=e;try{switch(i){case"info":this.setState({detailMode:"info",selectedVanBan:n});break;case"edit":this.setState({detailMode:"edit",selectedVanBan:n});break;case"download":await k("QuanLyVanBan/Download?id="+n.ID,n.Subject+".pdf");break;case"delete":await D("Bạn có chắc chắn muốn xóa văn bản")&&await h(`VanBans(guid'${n.ID}')`,"DELETE");break;default:break}}catch(r){p(r)}this.searchHandler()});this.searchHandler=this.searchHandler.bind(this),this.state={loaiVanBan:[],selectedType:null,selectedVanBan:null,searchTxt:"",result:[],detailMode:""}}componentDidMount(){this.searchHandler(),h("LoaiVanBans?$filter=TypeGroup eq true&$orderby=ID").then(e=>this.setState({loaiVanBan:e.value||[]})).catch(e=>p(e))}searchHandler(){let e=[`substringof('${this.state.searchTxt}', Subject)`,"(LoaiVanBan/TypeGroup eq true) and not Attachments/any()"];this.state.selectedType&&e.push(`(DocType eq ${this.state.selectedType})`),h(`VanBans?$filter=${e.join(" and ")}&$orderby=Subject`).then(n=>this.setState({result:n.value||[]})).catch(n=>p(n))}render(){return s.jsxs(Y,{style:{marginTop:10,height:"70vh"},children:[s.jsxs(Z,{children:[s.jsxs(ee,{children:[s.jsx(x,{className:"expand",icon:"angle-double-down"}),s.jsx(P,{color:"success",onClick:()=>this.setState({detailMode:"create"}),children:"Tải lên"})]}),s.jsx(U,{filter:this.state.loaiVanBan,onSelect:e=>this.setState({selectedType:e},this.searchHandler)})]}),s.jsxs(te,{children:[s.jsx(R,{onSearch:e=>this.setState({searchTxt:e},this.searchHandler)}),s.jsx(J,{data:this.state.result,menu:ne,onContextSelect:this.onContextSelect})]}),this.state.detailMode?s.jsx(N,{loaiVanBan:this.state.loaiVanBan,mode:this.state.detailMode,vanBan:this.state.selectedVanBan,onOpen:()=>this.setState({detailMode:this.state.detailMode}),onClose:()=>this.setState({detailMode:"",selectedVanBan:null}),onEdit:()=>this.setState({detailMode:"edit"}),onSubmit:this.submitDetail}):null]})}}export{He as default};