| | |
| | | return String(u.status) === "0"; |
| | | } |
| | | |
| | | function demoFlowNodes(names = ["部门主管", "财务审核"]) { |
| | | return names.map((name, i) => ({ |
| | | approverId: `mock_${i + 1}`, |
| | | approverName: name, |
| | | sortOrder: i + 1, |
| | | nodeOrder: i + 1, |
| | | nodeStatus: i === 0 ? "process" : "wait", |
| | | approveOpinion: "", |
| | | approveTime: "", |
| | | })); |
| | | } |
| | | |
| | | export function useTravelReimburse() { |
| | | const { proxy } = getCurrentInstance(); |
| | | |
| | | const allRows = ref([ |
| | | { |
| | | id: "1", |
| | | reimburseNo: "TR202605090001", |
| | | applicantId: "mock_1", |
| | | employeeNo: "zhangsan", |
| | | employeeName: "张三", |
| | | applicantNo: "zhangsan", |
| | | applicantName: "张三", |
| | | reimburseReason: "赴上海参加行业展会及客户拜访。", |
| | | travelStartTime: "2026-05-10 08:00:00", |
| | | travelEndTime: "2026-05-13 18:00:00", |
| | | travelDays: 4, |
| | | departurePlace: "杭州", |
| | | destination: "上海", |
| | | hotelStandard: 600, |
| | | hotelDays: 3, |
| | | livingSubsidy: 400, |
| | | applyAmount: 4580, |
| | | payee: "张三", |
| | | expenseDetails: [ |
| | | { id: "d1", invoiceDate: "2026-05-10", expenseSubject: "transport", amount: 553, description: "高铁往返" }, |
| | | { id: "d2", invoiceDate: "2026-05-11", expenseSubject: "hotel", amount: 1680, description: "酒店住宿" }, |
| | | ], |
| | | attachmentList: [{ name: "高铁票.pdf", url: "/mock/invoice1.pdf" }], |
| | | invoiceAttachments: [{ name: "高铁票.pdf", url: "/mock/invoice1.pdf" }], |
| | | approvalFlowNodes: demoFlowNodes(), |
| | | currentNodeIndex: 0, |
| | | approvalResult: "pending", |
| | | rejectReason: "", |
| | | approvalRecords: [], |
| | | needSpecialApproval: false, |
| | | deptId: "101", |
| | | deptName: "销售部", |
| | | travelTier: "tier1", |
| | | createTime: "2026-05-09 10:20:00", |
| | | }, |
| | | { |
| | | id: "2", |
| | | reimburseNo: "TR202605080002", |
| | | applicantId: "mock_2", |
| | | employeeNo: "lisi", |
| | | employeeName: "李四", |
| | | applicantNo: "lisi", |
| | | applicantName: "李四", |
| | | reimburseReason: "成都分公司技术支持。", |
| | | travelStartTime: "2026-05-05 09:00:00", |
| | | travelEndTime: "2026-05-07 17:00:00", |
| | | travelDays: 3, |
| | | departurePlace: "武汉", |
| | | destination: "成都", |
| | | hotelStandard: 450, |
| | | hotelDays: 2, |
| | | livingSubsidy: 240, |
| | | applyAmount: 2100, |
| | | payee: "李四", |
| | | expenseDetails: [{ id: "d3", invoiceDate: "2026-05-06", expenseSubject: "meal", amount: 180, description: "工作餐" }], |
| | | attachmentList: [], |
| | | invoiceAttachments: [], |
| | | approvalFlowNodes: demoFlowNodes().map((n, i) => ({ ...n, nodeStatus: "finish", approveOpinion: "同意", approveTime: "2026-05-08 11:00:00" })), |
| | | currentNodeIndex: 1, |
| | | approvalResult: "approved", |
| | | rejectReason: "", |
| | | approvalRecords: [{ operatorName: "部门主管", result: "approved", opinion: "同意", time: "2026-05-08 10:00:00" }], |
| | | needSpecialApproval: false, |
| | | deptId: "102", |
| | | deptName: "技术部", |
| | | travelTier: "tier2", |
| | | createTime: "2026-05-07 16:00:00", |
| | | }, |
| | | ]); |
| | | const allRows = ref([]); |
| | | |
| | | const searchForm = reactive({ applicantKeyword: "", travelStartFrom: "", travelEndTo: "" }); |
| | | const tableLoading = ref(false); |
| | |
| | | approvalRecords: [], |
| | | createTime: dayjs().format("YYYY-MM-DD HH:mm:ss"), |
| | | }); |
| | | proxy?.$modal?.msgSuccess?.("提交成功,已进入审批(本地模拟)"); |
| | | proxy?.$modal?.msgSuccess?.("提交成功"); |
| | | } else { |
| | | const idx = allRows.value.findIndex((r) => r.id === form.id); |
| | | if (idx !== -1) { |
| | |
| | | createTime: prev.createTime, |
| | | }; |
| | | } |
| | | proxy?.$modal?.msgSuccess?.("保存成功(本地模拟)"); |
| | | proxy?.$modal?.msgSuccess?.("保存成功"); |
| | | } |
| | | formDialog.visible = false; |
| | | handleQuery(); |