1 line
12 KiB
JavaScript
1 line
12 KiB
JavaScript
import{Or as e,Tr as t,t as n}from"./jsx-runtime-NwRKtVrk.js";import{r}from"./CopyOutlined-bJLUKQgS.js";import{t as i}from"./button-CM-rzMOH.js";import{t as a}from"./space-Dvitgohy.js";import{t as o}from"./badge-BLoxw4wl.js";import{t as s}from"./card-D7XvzVif.js";import{D as c,G as l,Q as u,et as d,ot as f,q as p,zt as m}from"./es-Do50EHua.js";import{t as h}from"./descriptions-LfMkIYzo.js";import{t as g}from"./flex-CfpySdsa.js";import{n as _,t as v}from"./timeline-BRrB0Mqu.js";import{t as y}from"./tag-C0Yg14A-.js";import{C as b,M as x,N as S,S as C,Y as w,h as T,v as E}from"./index-B7MUL4ct.js";var D=e(t(),1),O=n(),{Title:k,Text:A,Paragraph:j}=T,{TextArea:M}=C,N=()=>{let[e,t]=D.useState(`1`),n=[{time:`2026-01-01 14:30:00`,approver:`王总`,role:`总经理`,status:`approved`,statusText:`已通过`,comment:`同意该采购申请，请采购部门尽快落实。`,avatar:`W`},{time:`2026-01-01 11:20:00`,approver:`李经理`,role:`财务经理`,status:`approved`,statusText:`已通过`,comment:`预算充足，财务审批通过。`,avatar:`L`},{time:`2026-01-01 10:15:00`,approver:`赵主管`,role:`部门主管`,status:`approved`,statusText:`已通过`,comment:`该采购申请合理，同意提交上级审批。`,avatar:`Z`},{time:`2025-12-31 16:45:00`,approver:`张三`,role:`申请人`,status:`submitted`,statusText:`已提交`,comment:`因公司业务需要，申请采购以下办公设备。`,avatar:`Z`}],C=[{name:`MacBook Pro 16"`,quantity:5,price:25999,total:129995},{name:`Dell 显示器 27"`,quantity:10,price:2999,total:29990},{name:`人体工学椅`,quantity:10,price:1899,total:18990},{name:`会议摄像头`,quantity:2,price:3999,total:7998}],T=C.reduce((e,t)=>e+t.total,0);return(0,O.jsxs)(`div`,{children:[(0,O.jsx)(s,{style:{marginBottom:16,backgroundColor:`#fff`},children:(0,O.jsxs)(g,{justify:`space-between`,align:`center`,style:{marginBottom:12},children:[(0,O.jsxs)(`div`,{children:[(0,O.jsxs)(k,{level:3,style:{margin:0},children:[(0,O.jsx)(f,{style:{marginRight:8}}),`采购审批申请`]}),(0,O.jsx)(A,{type:`secondary`,style:{fontSize:12},children:`申请单号: PR2025123100001 · 创建时间: 2025-12-31 16:45:32`})]}),(0,O.jsxs)(a,{children:[(0,O.jsx)(i,{icon:(0,O.jsx)(c,{}),children:`打印`}),(0,O.jsx)(i,{icon:(0,O.jsx)(p,{}),children:`导出`}),(0,O.jsx)(i,{type:`primary`,icon:(0,O.jsx)(d,{}),children:`审批通过`}),(0,O.jsx)(i,{danger:!0,icon:(0,O.jsx)(u,{}),children:`驳回`})]})]})}),(0,O.jsxs)(s,{style:{marginBottom:16,backgroundColor:`#fff`},tabList:[{label:(0,O.jsxs)(`span`,{children:[(0,O.jsx)(l,{}),` 审批详情`]}),key:`1`},{label:(0,O.jsxs)(`span`,{children:[(0,O.jsx)(m,{}),` 审批进度`]}),key:`2`},{label:(0,O.jsxs)(`span`,{children:[(0,O.jsx)(r,{}),` 审批意见`]}),key:`3`}],activeTabKey:e,onTabChange:t,children:[e===`1`&&(0,O.jsxs)(E,{gutter:[20,20],children:[(0,O.jsxs)(S,{xs:24,lg:16,children:[(0,O.jsxs)(`div`,{style:{marginBottom:16},children:[(0,O.jsxs)(g,{justify:`space-between`,align:`center`,style:{marginBottom:16},children:[(0,O.jsx)(k,{level:5,style:{margin:0},children:`申请信息`}),(0,O.jsx)(y,{color:`success`,icon:(0,O.jsx)(d,{}),children:`审批通过`})]}),(0,O.jsxs)(h,{column:{xs:1,sm:2},bordered:!0,children:[(0,O.jsx)(h.Item,{label:`申请单号`,children:`PR2025123100001`}),(0,O.jsx)(h.Item,{label:`申请状态`,children:(0,O.jsx)(o,{status:`success`,text:`已通过`})}),(0,O.jsx)(h.Item,{label:`申请人`,children:`张三`}),(0,O.jsx)(h.Item,{label:`申请部门`,children:`技术研发部`}),(0,O.jsx)(h.Item,{label:`联系电话`,children:`138****8888`}),(0,O.jsx)(h.Item,{label:`邮箱`,children:`zhangsan@example.com`}),(0,O.jsx)(h.Item,{label:`申请时间`,children:`2025-12-31 16:45:32`}),(0,O.jsx)(h.Item,{label:`完成时间`,children:`2026-01-01 14:30:00`}),(0,O.jsx)(h.Item,{label:`申请类型`,children:(0,O.jsx)(y,{color:`blue`,children:`办公设备采购`})}),(0,O.jsx)(h.Item,{label:`紧急程度`,children:(0,O.jsx)(y,{color:`orange`,children:`普通`})}),(0,O.jsx)(h.Item,{label:`预算编号`,children:`BUD-2026-Q1-001`}),(0,O.jsx)(h.Item,{label:`成本中心`,children:`CC-RD-001`}),(0,O.jsx)(h.Item,{label:`申请事由`,span:2,children:`因公司业务扩展，技术研发部新增10名员工，需采购相应办公设备以满足日常工作需求。`})]})]}),(0,O.jsxs)(`div`,{style:{marginBottom:16},children:[(0,O.jsx)(k,{level:5,style:{marginBottom:16},children:`采购明细`}),(0,O.jsx)(`div`,{style:{overflowX:`auto`},children:(0,O.jsxs)(`table`,{style:{width:`100%`,borderCollapse:`collapse`},children:[(0,O.jsx)(`thead`,{children:(0,O.jsxs)(`tr`,{style:{backgroundColor:`#fafafa`},children:[(0,O.jsx)(`th`,{style:{padding:`12px`,textAlign:`left`,border:`1px solid #f0f0f0`},children:`物品名称`}),(0,O.jsx)(`th`,{style:{padding:`12px`,textAlign:`center`,border:`1px solid #f0f0f0`},children:`数量`}),(0,O.jsx)(`th`,{style:{padding:`12px`,textAlign:`right`,border:`1px solid #f0f0f0`},children:`单价(¥)`}),(0,O.jsx)(`th`,{style:{padding:`12px`,textAlign:`right`,border:`1px solid #f0f0f0`},children:`小计(¥)`})]})}),(0,O.jsx)(`tbody`,{children:C.map((e,t)=>(0,O.jsxs)(`tr`,{children:[(0,O.jsx)(`td`,{style:{padding:`12px`,border:`1px solid #f0f0f0`},children:e.name}),(0,O.jsx)(`td`,{style:{padding:`12px`,textAlign:`center`,border:`1px solid #f0f0f0`},children:e.quantity}),(0,O.jsx)(`td`,{style:{padding:`12px`,textAlign:`right`,border:`1px solid #f0f0f0`},children:e.price.toLocaleString()}),(0,O.jsx)(`td`,{style:{padding:`12px`,textAlign:`right`,border:`1px solid #f0f0f0`},children:e.total.toLocaleString()})]},t))}),(0,O.jsx)(`tfoot`,{children:(0,O.jsxs)(`tr`,{style:{backgroundColor:`#fafafa`,fontWeight:600},children:[(0,O.jsx)(`td`,{colSpan:3,style:{padding:`12px`,textAlign:`right`,border:`1px solid #f0f0f0`},children:`合计金额:`}),(0,O.jsxs)(`td`,{style:{padding:`12px`,textAlign:`right`,border:`1px solid #f0f0f0`,color:`#f5222d`,fontSize:16},children:[`¥`,T.toLocaleString()]})]})})]})})]}),(0,O.jsxs)(`div`,{children:[(0,O.jsx)(k,{level:5,style:{marginBottom:16},children:`附件材料`}),(0,O.jsxs)(a,{direction:`vertical`,style:{width:`100%`},children:[(0,O.jsxs)(g,{justify:`space-between`,align:`center`,children:[(0,O.jsxs)(a,{children:[(0,O.jsx)(l,{style:{fontSize:16,color:`#1677ff`}}),(0,O.jsx)(A,{children:`采购申请表.pdf`}),(0,O.jsx)(A,{type:`secondary`,style:{fontSize:12},children:`(2.3 MB)`})]}),(0,O.jsx)(i,{type:`link`,size:`small`,children:`下载`})]}),(0,O.jsx)(x,{style:{margin:`8px 0`}}),(0,O.jsxs)(g,{justify:`space-between`,align:`center`,children:[(0,O.jsxs)(a,{children:[(0,O.jsx)(l,{style:{fontSize:16,color:`#1677ff`}}),(0,O.jsx)(A,{children:`设备报价单.xlsx`}),(0,O.jsx)(A,{type:`secondary`,style:{fontSize:12},children:`(1.8 MB)`})]}),(0,O.jsx)(i,{type:`link`,size:`small`,children:`下载`})]}),(0,O.jsx)(x,{style:{margin:`8px 0`}}),(0,O.jsxs)(g,{justify:`space-between`,align:`center`,children:[(0,O.jsxs)(a,{children:[(0,O.jsx)(l,{style:{fontSize:16,color:`#1677ff`}}),(0,O.jsx)(A,{children:`预算说明文档.docx`}),(0,O.jsx)(A,{type:`secondary`,style:{fontSize:12},children:`(856 KB)`})]}),(0,O.jsx)(i,{type:`link`,size:`small`,children:`下载`})]})]})]})]}),(0,O.jsxs)(S,{xs:24,lg:8,children:[(0,O.jsxs)(s,{title:`申请人信息`,style:{marginBottom:16},children:[(0,O.jsxs)(g,{align:`center`,style:{marginBottom:16},children:[(0,O.jsx)(w,{size:48,style:{backgroundColor:`#1677ff`},children:`张三`}),(0,O.jsxs)(`div`,{style:{marginLeft:12},children:[(0,O.jsx)(A,{strong:!0,children:`张三`}),(0,O.jsx)(`br`,{}),(0,O.jsx)(A,{type:`secondary`,style:{fontSize:12},children:`技术研发部 · 高级工程师`})]})]}),(0,O.jsx)(x,{style:{margin:`12px 0`}}),(0,O.jsxs)(h,{column:1,size:`small`,children:[(0,O.jsx)(h.Item,{label:`员工编号`,children:`EMP202301001`}),(0,O.jsx)(h.Item,{label:`联系电话`,children:`138****8888`}),(0,O.jsx)(h.Item,{label:`电子邮箱`,children:`zhangsan@example.com`}),(0,O.jsx)(h.Item,{label:`所属部门`,children:`技术研发部`}),(0,O.jsx)(h.Item,{label:`直属领导`,children:`赵主管`})]})]}),(0,O.jsx)(s,{title:`审批流程`,children:(0,O.jsx)(_,{direction:`vertical`,current:3,items:[{title:`申请人提交`,description:(0,O.jsxs)(`div`,{children:[(0,O.jsx)(A,{children:`张三 · 技术研发部`}),(0,O.jsx)(`br`,{}),(0,O.jsx)(A,{type:`secondary`,style:{fontSize:12},children:`2025-12-31 16:45`})]}),status:`finish`,icon:(0,O.jsx)(d,{})},{title:`部门审批`,description:(0,O.jsxs)(`div`,{children:[(0,O.jsx)(A,{children:`赵主管 · 部门主管`}),(0,O.jsx)(`br`,{}),(0,O.jsx)(A,{type:`secondary`,style:{fontSize:12},children:`2026-01-01 10:15`}),(0,O.jsx)(`br`,{}),(0,O.jsx)(y,{color:`success`,style:{marginTop:4},children:`已通过`})]}),status:`finish`,icon:(0,O.jsx)(d,{})},{title:`财务审批`,description:(0,O.jsxs)(`div`,{children:[(0,O.jsx)(A,{children:`李经理 · 财务经理`}),(0,O.jsx)(`br`,{}),(0,O.jsx)(A,{type:`secondary`,style:{fontSize:12},children:`2026-01-01 11:20`}),(0,O.jsx)(`br`,{}),(0,O.jsx)(y,{color:`success`,style:{marginTop:4},children:`已通过`})]}),status:`finish`,icon:(0,O.jsx)(d,{})},{title:`总经理审批`,description:(0,O.jsxs)(`div`,{children:[(0,O.jsx)(A,{children:`王总 · 总经理`}),(0,O.jsx)(`br`,{}),(0,O.jsx)(A,{type:`secondary`,style:{fontSize:12},children:`2026-01-01 14:30`}),(0,O.jsx)(`br`,{}),(0,O.jsx)(y,{color:`success`,style:{marginTop:4},children:`已通过`})]}),status:`finish`,icon:(0,O.jsx)(d,{})}]})})]})]}),e===`2`&&(0,O.jsx)(v,{style:{maxWidth:600,paddingTop:20},mode:`left`,items:n.map(e=>({color:e.status===`approved`?`green`:`blue`,label:(0,O.jsx)(A,{type:`secondary`,children:e.time}),children:(0,O.jsxs)(s,{size:`small`,style:{marginBottom:8},children:[(0,O.jsxs)(g,{align:`center`,style:{marginBottom:8},children:[(0,O.jsx)(w,{style:{backgroundColor:e.status===`approved`?`#52c41a`:`#1677ff`},children:e.avatar}),(0,O.jsxs)(`div`,{style:{marginLeft:12},children:[(0,O.jsx)(A,{strong:!0,children:e.approver}),(0,O.jsxs)(A,{type:`secondary`,style:{marginLeft:8,fontSize:12},children:[`(`,e.role,`)`]}),(0,O.jsx)(`br`,{}),(0,O.jsx)(y,{color:e.status===`approved`?`success`:`processing`,style:{marginTop:4},children:e.statusText})]})]}),(0,O.jsx)(j,{type:`secondary`,style:{marginBottom:0,paddingLeft:60,fontSize:13},children:e.comment})]})}))}),e===`3`&&(0,O.jsxs)(E,{gutter:[16,16],children:[(0,O.jsx)(S,{xs:24,lg:16,children:(0,O.jsx)(s,{title:`填写审批意见`,children:(0,O.jsxs)(b,{layout:`vertical`,children:[(0,O.jsx)(b.Item,{label:`审批结果`,required:!0,children:(0,O.jsxs)(a,{children:[(0,O.jsx)(i,{type:`primary`,icon:(0,O.jsx)(d,{}),size:`large`,children:`通过`}),(0,O.jsx)(i,{danger:!0,icon:(0,O.jsx)(u,{}),size:`large`,children:`驳回`}),(0,O.jsx)(i,{icon:(0,O.jsx)(r,{}),size:`large`,children:`转审`})]})}),(0,O.jsx)(b.Item,{label:`审批意见`,required:!0,children:(0,O.jsx)(M,{rows:6,placeholder:`请输入您的审批意见...`,maxLength:500,showCount:!0})}),(0,O.jsx)(b.Item,{children:(0,O.jsxs)(a,{children:[(0,O.jsx)(i,{type:`primary`,size:`large`,children:`提交审批意见`}),(0,O.jsx)(i,{size:`large`,children:`保存草稿`})]})})]})})}),(0,O.jsx)(S,{xs:24,lg:8,children:(0,O.jsxs)(s,{title:`审批提示`,children:[(0,O.jsxs)(a,{direction:`vertical`,style:{width:`100%`},children:[(0,O.jsx)(A,{type:`secondary`,children:`• 请仔细核对申请信息和采购明细`}),(0,O.jsx)(A,{type:`secondary`,children:`• 审批意见将发送给申请人和相关人员`}),(0,O.jsx)(A,{type:`secondary`,children:`• 审批通过后将自动流转至下一审批节点`}),(0,O.jsx)(A,{type:`secondary`,children:`• 驳回后申请人可修改后重新提交`}),(0,O.jsx)(A,{type:`secondary`,children:`• 转审可将审批任务转交给其他人员`})]}),(0,O.jsx)(x,{}),(0,O.jsx)(A,{strong:!0,children:`审批时限`}),(0,O.jsx)(`br`,{}),(0,O.jsx)(A,{type:`secondary`,style:{fontSize:12},children:`请在 2026-01-03 前完成审批`})]})})]})]})]})};export{N as default}; |