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