2 lines
4.9 KiB
JavaScript
2 lines
4.9 KiB
JavaScript
import{P as C}from"./Page.f00bcef1.js";import{o as B,a2 as T,r as s,Z as k,aC as R,$ as W,j as i,f as t,a4 as D,S as o,T as e,bd as S}from"./index.4f61bfb1.js";import{d as N}from"./ArrowBackIos.891f2fd7.js";import{f as d}from"./formatNumber.bfdec834.js";import{G as c}from"./Grid.c1e049cd.js";import{T as b}from"./TableContainer.fe9d4d86.js";import{T as x,b as r,c as a,a as p}from"./TableRow.8e8e6be4.js";import{T as j}from"./TableHead.be2e068b.js";import"./jsx-runtime_commonjs-proxy.6387488a.js";function F(){var h,m,g;const y=B(),{themeStretch:v}=T(),[l,w]=s.exports.useState(),{corporateValue:u}=s.exports.useContext(k),{id:_}=R();return s.exports.useEffect(()=>{W.get(u+"/claim-report/detail-history/"+_).then(n=>{w(n.data)}).catch(n=>{console.error(n)})},[]),i(C,{title:"Detail",children:t(D,{maxWidth:v?!1:"xl",children:[t(o,{direction:"row",alignItems:"center",sx:{marginBottom:3},children:[i(N,{onClick:()=>y(-1),sx:{cursor:"pointer"}}),i(e,{variant:"h5",sx:{marginLeft:2},children:"History"})]}),l?t(c,{container:!0,spacing:3,children:[t(c,{item:!0,xs:12,md:12,children:[t(o,{direction:"row",sx:{marginBottom:2},children:[i(e,{variant:"body2",sx:{color:"#637381",marginRight:1,flexBasis:"10%"},children:"Name"}),i(e,{variant:"body2",sx:{fontWeight:"bold"},children:l.data.member.name})]}),t(o,{direction:"row",sx:{marginBottom:2},children:[i(e,{variant:"body2",sx:{color:"#637381",marginRight:1,flexBasis:"10%"},children:"Member ID"}),i(e,{variant:"body2",sx:{fontWeight:"bold"},children:l.data.member.member_id})]}),t(o,{direction:"row",sx:{marginBottom:2},children:[i(e,{variant:"body2",sx:{color:"#637381",marginRight:1,flexBasis:"10%"},children:"Claim Code"}),i(e,{variant:"body2",sx:{fontWeight:"bold"},children:l.data.member.code})]})]}),i(c,{item:!0,xs:12,md:12,children:i(b,{children:t(x,{"aria-label":"collapsible table",size:"small",children:[i(j,{children:t(r,{children:[i(a,{align:"left",sx:{padding:2},width:"5%",children:i(e,{variant:"body2",sx:{color:"#637381"},children:"No"})}),i(a,{align:"left",sx:{padding:2},width:"15%",children:i(e,{variant:"body2",sx:{color:"#637381"},children:"Date"})}),i(a,{align:"left",sx:{padding:2},width:"20%",children:i(e,{variant:"body2",sx:{color:"#637381"},children:"Requirment"})}),i(a,{align:"left",sx:{padding:2},width:"20%",children:i(e,{variant:"body2",sx:{color:"#637381"},children:"Request Claim"})}),i(a,{align:"left",sx:{padding:2},width:"20%",children:i(e,{variant:"body2",sx:{color:"#637381"},children:"Approval Claim"})})]})}),i(p,{children:((m=(h=l==null?void 0:l.data)==null?void 0:h.claim_item)==null?void 0:m.length)===0?i(r,{children:i(a,{colSpan:5,align:"center",children:i(e,{variant:"body2",children:"No data available"})})}):(g=l.data.claim_item)==null?void 0:g.map((n,f)=>t(r,{children:[i(a,{align:"left",children:i(e,{variant:"body2",children:parseInt(f)+1})}),i(a,{align:"center",children:i(e,{sx:{backgroundColor:"#919EAB29",color:"#637381",borderRadius:"4px",width:"70%"},variant:"body2",children:S(new Date(n.submission_date),"d MMM yyyy")})}),i(a,{align:"left",children:n.description}),i(a,{align:"left",children:d(n.nominal_ditagihkan)}),i(a,{align:"left",children:d(n.nominal_dicover)})]},f))})]})})}),l.data.tot_claim_item?t(c,{item:!0,xs:12,md:12,children:[i(b,{children:i(x,{"aria-label":"collapsible table",size:"small",children:t(p,{children:[t(r,{sx:{borderBottom:0},children:[i(a,{align:"left",width:"5%"}),i(a,{align:"left",width:"15%"}),i(a,{align:"left",width:"20%"}),i(a,{align:"left",width:"20%",children:i(e,{variant:"body2",sx:{color:"#637381"},children:"Request Claim"})}),i(a,{align:"left",width:"20%",children:i(e,{variant:"body2",sx:{fontWeight:"bold"},children:l.data.tot_claim_item.nominal_ditagihkan?d(l.data.tot_claim_item.nominal_ditagihkan):"-"})})]}),t(r,{sx:{borderBottom:0},children:[i(a,{align:"left",width:"5%"}),i(a,{align:"left",width:"15%"}),i(a,{align:"left",width:"20%"}),i(a,{align:"left",width:"20%",children:i(e,{variant:"body2",sx:{color:"#637381"},children:"Approval Claim"})}),i(a,{align:"left",width:"20%",children:i(e,{variant:"body2",sx:{fontWeight:"bold",color:"#FF4842"},children:l.data.tot_claim_item.nominal_dicover?d(l.data.tot_claim_item.nominal_dicover):"-"})})]}),t(r,{sx:{borderBottom:0},children:[i(a,{align:"left",width:"5%"}),i(a,{align:"left",width:"15%"}),i(a,{align:"left",width:"20%"}),i(a,{align:"left",width:"20%",children:i(e,{variant:"body2",sx:{fontWeight:"bold"},children:"Difference"})}),i(a,{align:"left",width:"20%",children:i(e,{variant:"body2",sx:{fontWeight:"bold"},children:l.data.tot_claim_item.difference?d(l.data.tot_claim_item.difference):"-"})})]})]})})}),t(o,{direction:"row",justifyContent:"flex-end",alignItems:"flex-end",sx:{marginTop:15,padding:2},spacing:1,children:[i(e,{variant:"body2",sx:{fontStyle:"italic",color:"#637381"},children:"Note : Apabila terdapat perbedaan nominal silahkan hubungi kami "}),i("img",{alt:"Gmail Icon",sx:{height:32,width:30},src:"/images/gmail.png"})]})]}):""]}):""]})})}export{F as default};
|