ff:"ExplicitChatIdProvider" 100:I[903690,["$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e","$6f","$70","$71","$72","$73","$74","$75","$76","$7d","$7e","$7f","$80","$79","$7a","$7b","$81","$82"],"$ff"] 101:I[838238,["$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e","$6f","$70","$71","$72","$73","$74","$75","$76","$7d","$7e","$7f","$80","$79","$7a","$7b","$81","$82"],"SWRDataProvider"] 103:[] 104:[["b_6sdhTRa4t4V",null],["b_hCtRN0x1kko",null],["b_wuoHClFK8dn",null],["b_LgIbJHZqUZp",null],["b_xSzlag0tTBj",null],["b_kJlXHTWnuCI",null],["b_GoX8T5UVgWV",null],["b_sd9CvtepdnE",null]] 105:[["b_6sdhTRa4t4V",{"templateVersionId":null,"templateCanonId":null}],["b_hCtRN0x1kko",{"templateVersionId":null,"templateCanonId":null}],["b_wuoHClFK8dn",{"templateVersionId":null,"templateCanonId":null}],["b_LgIbJHZqUZp",{"templateVersionId":null,"templateCanonId":null}],["b_xSzlag0tTBj",{"templateVersionId":null,"templateCanonId":null}],["b_kJlXHTWnuCI",{"templateVersionId":null,"templateCanonId":null}],["b_GoX8T5UVgWV",{"templateVersionId":null,"templateCanonId":null}],["b_sd9CvtepdnE",{"templateVersionId":null,"templateCanonId":null}]] 106:[["b_319chgSEZqJ","$D2025-10-18T03:28:17.209Z"],["b_QmUSxTGX40j","$D2025-10-18T03:29:56.020Z"],["b_Easq8veT9qX","$D2025-10-18T03:32:30.264Z"],["b_wmNe9Vf7cAe","$D2025-10-18T03:34:07.233Z"],["b_5mcZ6A0fqLT","$D2025-10-18T03:37:34.579Z"],["b_dOny60LYyKS","$D2025-10-18T03:48:39.175Z"],["b_3jHJNAdHdgz","$D2025-10-18T03:50:53.479Z"],["b_YDXVld2CFtV","$D2025-10-18T03:52:30.108Z"],["b_p0q2AfnaDAU","$D2025-10-18T03:54:05.164Z"],["b_NcXwpZ4j6d9","$D2025-10-18T03:55:50.482Z"],["b_lmqC1z8tuSH","$D2025-10-18T06:53:12.309Z"],["b_EG8M11JHMwN","$D2025-10-18T07:19:27.244Z"],["b_aJ83MX7MbHP","$D2025-10-18T07:36:50.192Z"],["b_xWWHwAK7G4b","$D2025-10-18T07:40:52.855Z"],["b_8moz16MZaFl","$D2025-10-18T07:43:27.582Z"],["b_9pueg7J2ep3","$D2025-10-18T07:47:39.030Z"],["b_l4BuEIqAYlj","$D2025-10-18T07:50:47.086Z"],["b_N1EtT64QGxn","$D2025-10-18T07:54:09.788Z"],["b_bTtXcIXyG1W","$D2025-10-18T08:01:30.893Z"],["b_biEvxTk9AYc","$D2025-10-18T08:05:56.289Z"],["b_s6SxvGUtJJe","$D2025-10-18T08:09:18.620Z"],["b_hYfyhgCeaBf","$D2025-10-18T08:10:25.469Z"],["b_jFK6IrU6Doi","$D2025-10-18T08:18:18.224Z"],["b_vuLZoyuQWp7","$D2025-11-24T01:51:23.188Z"],["b_AyZeyZ64Cww","$D2025-11-24T01:53:41.138Z"],["b_vFMZOu2jGx8","$D2025-11-24T01:54:53.159Z"],["b_CHQf30r4Hns","$D2025-11-24T01:59:41.152Z"],["b_OOm56mDCXpg","$D2025-11-24T02:01:47.387Z"],["b_zHdYmwBRwmv","$D2025-11-24T02:04:09.850Z"],["b_tvRlGmY1DOG","$D2025-11-24T02:05:55.335Z"],["b_fPkdnmES8Wi","$D2025-11-24T02:07:48.748Z"],["b_JNjwxiYamSB","$D2025-11-24T02:13:30.643Z"],["b_gR3rSp1LEzt","$D2025-11-24T02:15:12.723Z"],["b_mELw1kowO98","$D2025-11-24T02:16:28.994Z"],["b_JaPBCmeg6sR","$D2025-11-24T02:18:15.230Z"],["b_FDkn2zcFLdp","$D2025-11-24T02:44:48.350Z"],["b_tZQCLus2YmI","$D2026-01-17T03:04:01.414Z"],["b_yNpZI36J8vm","$D2026-01-17T03:05:42.955Z"],["b_MyGglXjh7SD","$D2026-01-17T03:08:02.054Z"],["b_sGnO5gMYb2c","$D2026-01-17T03:10:23.646Z"],["b_K2ivWnM9SPw","$D2026-03-05T08:17:16.343Z"],["b_FeXQSjkcWjg","$D2026-03-05T08:19:19.098Z"],["b_t1dJGiHpJIM","$D2026-03-05T08:20:54.168Z"],["b_TQ7fYcbh5VX","$D2026-03-05T08:22:13.511Z"],["b_BejgxBc3Sk5","$D2026-03-05T08:24:30.098Z"],["b_YWeoRShhVjl","$D2026-03-05T08:24:46.512Z"],["b_4aivtqvxJce","$D2026-03-05T08:25:38.678Z"],["b_ydhVQiNwvBq","$D2026-03-05T08:26:22.006Z"],["b_hL0mLAim5yO","$D2026-03-05T08:30:51.601Z"],["b_b4gYrOinc4l","$D2026-03-05T08:35:00.329Z"],["b_m5cZWOOnF38","$D2026-03-05T08:36:10.871Z"],["b_6KETclxv1uN","$D2026-03-25T00:48:24.139Z"],["b_hxkRE0F7btE","$D2026-03-25T00:48:34.504Z"],["b_ssumIj403u6","$D2026-03-25T00:48:49.225Z"],["b_sYjqzNtrLiS","$D2026-03-25T00:51:23.189Z"],["b_zgAruYyspIS","$D2026-03-25T00:53:18.159Z"],["b_HcfnOwTBlZr","$D2026-03-25T00:53:27.765Z"],["b_9o0wiQg2SKS","$D2026-03-25T00:53:50.285Z"],["b_mwu1rRTOCr7","$D2026-03-25T00:54:05.887Z"],["b_tkGXymqh5wh","$D2026-03-25T00:54:12.472Z"],["b_0ACgn4T3Vmv","$D2026-03-25T00:54:19.389Z"],["b_PmdMfDTPqhg","$D2026-03-25T00:54:29.873Z"],["b_f0Mq2m3aJBt","$D2026-03-25T00:54:42.985Z"],["b_EQn2Dw2V7aq","$D2026-03-25T00:55:16.948Z"],["b_knE9dYxEyOQ","$D2026-03-25T00:56:26.370Z"],["b_0Lu7xE28i52","$D2026-03-25T00:57:18.036Z"],["b_jGLbjkM76uK","$D2026-04-29T06:14:16.171Z"],["b_C7raNJxemFt","$D2026-04-29T06:16:13.898Z"],["b_cMKa52I6wIj","$D2026-04-29T06:17:22.598Z"],["b_WjX4dmBnDKN","$D2026-04-29T06:18:10.641Z"],["b_y5siZwJYek6","$D2026-04-29T07:25:39.429Z"],["b_C1pPHpyVsct","$D2026-04-29T07:27:09.284Z"],["b_dhzF1elj4BC","$D2026-04-29T07:29:20.757Z"],["b_2SmRYWvbctp","$D2026-04-29T07:31:10.854Z"],["b_lZEDnAnY3PS","$D2026-04-29T07:31:22.952Z"],["b_cbeLm7pbNx2","$D2026-04-29T07:37:39.523Z"],["b_6sdhTRa4t4V","$D2026-06-27T01:43:04.897Z"],["b_hCtRN0x1kko","$D2026-06-27T01:45:33.519Z"],["b_wuoHClFK8dn","$D2026-06-27T01:47:50.288Z"],["b_LgIbJHZqUZp","$D2026-06-27T01:55:18.766Z"],["b_xSzlag0tTBj","$D2026-06-27T01:58:20.627Z"],["b_kJlXHTWnuCI","$D2026-06-27T02:13:07.312Z"],["b_GoX8T5UVgWV","$D2026-06-27T02:15:13.176Z"],["b_sd9CvtepdnE","$D2026-06-27T02:16:53.075Z"]] 107:[["b_6sdhTRa4t4V",false],["b_hCtRN0x1kko",false],["b_wuoHClFK8dn",false],["b_LgIbJHZqUZp",false],["b_xSzlag0tTBj",false],["b_kJlXHTWnuCI",false],["b_GoX8T5UVgWV",false],["b_sd9CvtepdnE",false]] 108:[["b_6sdhTRa4t4V","$undefined"],["b_hCtRN0x1kko","$undefined"],["b_wuoHClFK8dn","$undefined"],["b_LgIbJHZqUZp","$undefined"],["b_xSzlag0tTBj","$undefined"],["b_kJlXHTWnuCI","$undefined"],["b_GoX8T5UVgWV","$undefined"],["b_sd9CvtepdnE","$undefined"]] 109:[["b_6sdhTRa4t4V",null],["b_hCtRN0x1kko",null],["b_wuoHClFK8dn",null],["b_LgIbJHZqUZp",null],["b_xSzlag0tTBj",null],["b_kJlXHTWnuCI",null],["b_GoX8T5UVgWV",null],["b_sd9CvtepdnE",null]] 10a:[["b_6sdhTRa4t4V",true],["b_hCtRN0x1kko",true],["b_wuoHClFK8dn",true],["b_LgIbJHZqUZp",true],["b_xSzlag0tTBj",true],["b_kJlXHTWnuCI",true],["b_GoX8T5UVgWV",true],["b_sd9CvtepdnE",true]] 10b:[["b_6sdhTRa4t4V",true],["b_hCtRN0x1kko",true],["b_wuoHClFK8dn",true],["b_LgIbJHZqUZp",true],["b_xSzlag0tTBj",true],["b_kJlXHTWnuCI",true],["b_GoX8T5UVgWV",true],["b_sd9CvtepdnE",true]] 10c:[] 10d:T12a2ec,[V0_FILE]css:file="app/globals.css" isMerged="true" @import "tailwindcss"; @import "tw-animate-css"; @custom-variant dark (&:is(.dark *)); :root { /* Updated color scheme for professional EHS system with blue primary */ --background: oklch(0.99 0 0); --foreground: oklch(0.15 0 0); --card: oklch(1 0 0); --card-foreground: oklch(0.15 0 0); --popover: oklch(1 0 0); --popover-foreground: oklch(0.15 0 0); --primary: oklch(0.45 0.15 250); --primary-foreground: oklch(0.99 0 0); --secondary: oklch(0.96 0 0); --secondary-foreground: oklch(0.15 0 0); --muted: oklch(0.96 0.005 250); --muted-foreground: oklch(0.5 0 0); --accent: oklch(0.65 0.2 45); --accent-foreground: oklch(0.99 0 0); --destructive: oklch(0.55 0.22 25); --destructive-foreground: oklch(0.99 0 0); --success: oklch(0.55 0.15 145); --success-foreground: oklch(0.99 0 0); --warning: oklch(0.7 0.18 65); --warning-foreground: oklch(0.15 0 0); --border: oklch(0.9 0 0); --input: oklch(0.9 0 0); --ring: oklch(0.45 0.15 250); --chart-1: oklch(0.45 0.15 250); --chart-2: oklch(0.65 0.2 45); --chart-3: oklch(0.55 0.15 145); --chart-4: oklch(0.55 0.22 25); --chart-5: oklch(0.6 0.12 280); --radius: 0.5rem; --sidebar: oklch(0.98 0.01 250); --sidebar-foreground: oklch(0.2 0 0); --sidebar-primary: oklch(0.45 0.15 250); --sidebar-primary-foreground: oklch(0.99 0 0); --sidebar-accent: oklch(0.94 0.02 250); --sidebar-accent-foreground: oklch(0.2 0 0); --sidebar-border: oklch(0.92 0 0); --sidebar-ring: oklch(0.45 0.15 250); } .dark { /* Dark mode colors for EHS system */ --background: oklch(0.12 0 0); --foreground: oklch(0.95 0 0); --card: oklch(0.15 0 0); --card-foreground: oklch(0.95 0 0); --popover: oklch(0.15 0 0); --popover-foreground: oklch(0.95 0 0); --primary: oklch(0.55 0.18 250); --primary-foreground: oklch(0.99 0 0); --secondary: oklch(0.22 0 0); --secondary-foreground: oklch(0.95 0 0); --muted: oklch(0.22 0.01 250); --muted-foreground: oklch(0.65 0 0); --accent: oklch(0.65 0.2 45); --accent-foreground: oklch(0.99 0 0); --destructive: oklch(0.5 0.2 25); --destructive-foreground: oklch(0.99 0 0); --success: oklch(0.55 0.15 145); --success-foreground: oklch(0.99 0 0); --warning: oklch(0.7 0.18 65); --warning-foreground: oklch(0.15 0 0); --border: oklch(0.25 0 0); --input: oklch(0.25 0 0); --ring: oklch(0.55 0.18 250); --chart-1: oklch(0.55 0.18 250); --chart-2: oklch(0.65 0.2 45); --chart-3: oklch(0.55 0.15 145); --chart-4: oklch(0.55 0.22 25); --chart-5: oklch(0.6 0.12 280); --sidebar: oklch(0.15 0.01 250); --sidebar-foreground: oklch(0.9 0 0); --sidebar-primary: oklch(0.55 0.18 250); --sidebar-primary-foreground: oklch(0.99 0 0); --sidebar-accent: oklch(0.2 0.02 250); --sidebar-accent-foreground: oklch(0.9 0 0); --sidebar-border: oklch(0.25 0 0); --sidebar-ring: oklch(0.55 0.18 250); } @theme inline { --font-sans: "Geist", "Geist Fallback"; --font-mono: "Geist Mono", "Geist Mono Fallback"; --color-background: var(--background); --color-foreground: var(--foreground); --color-card: var(--card); --color-card-foreground: var(--card-foreground); --color-popover: var(--popover); --color-popover-foreground: var(--popover-foreground); --color-primary: var(--primary); --color-primary-foreground: var(--primary-foreground); --color-secondary: var(--secondary); --color-secondary-foreground: var(--secondary-foreground); --color-muted: var(--muted); --color-muted-foreground: var(--muted-foreground); --color-accent: var(--accent); --color-accent-foreground: var(--accent-foreground); --color-destructive: var(--destructive); --color-destructive-foreground: var(--destructive-foreground); --color-success: var(--success); --color-success-foreground: var(--success-foreground); --color-warning: var(--warning); --color-warning-foreground: var(--warning-foreground); --color-border: var(--border); --color-input: var(--input); --color-ring: var(--ring); --color-chart-1: var(--chart-1); --color-chart-2: var(--chart-2); --color-chart-3: var(--chart-3); --color-chart-4: var(--chart-4); --color-chart-5: var(--chart-5); --radius-sm: calc(var(--radius) - 4px); --radius-md: calc(var(--radius) - 2px); --radius-lg: var(--radius); --radius-xl: calc(var(--radius) + 4px); --color-sidebar: var(--sidebar); --color-sidebar-foreground: var(--sidebar-foreground); --color-sidebar-primary: var(--sidebar-primary); --color-sidebar-primary-foreground: var(--sidebar-primary-foreground); --color-sidebar-accent: var(--sidebar-accent); --color-sidebar-accent-foreground: var(--sidebar-accent-foreground); --color-sidebar-border: var(--sidebar-border); --color-sidebar-ring: var(--sidebar-ring); } @layer base { * { @apply border-border outline-ring/50; } body { @apply bg-background text-foreground; } } [V0_FILE]typescriptreact:file="app/layout.tsx" isQuickEdit="true" isMerged="true" import type React from "react" import type { Metadata } from "next" import { Geist, Geist_Mono } from "next/font/google" import { Analytics } from "@vercel/analytics/next" import "./globals.css" const _geist = Geist({ subsets: ["latin"] }) const _geistMono = Geist_Mono({ subsets: ["latin"] }) export const metadata: Metadata = { title: "EHS管理系统", description: "环境、健康、安全管理系统", generator: "v0.app", } export default function RootLayout({ children, }: Readonly<{ children: React.ReactNode }>) { return ( {children} ) } [V0_FILE]typescriptreact:file="app/page.tsx" isMerged="true" import { redirect } from "next/navigation" export default function HomePage() { redirect("/dashboard") } [V0_FILE]typescriptreact:file="components/app-header.tsx" isMerged="true" "use client" import { Bell, Search, Settings } from "lucide-react" import { Button } from "@/components/ui/button" import { Input } from "@/components/ui/input" import { SidebarTrigger } from "@/components/ui/sidebar" export function AppHeader() { return (

) } [V0_FILE]typescriptreact:file="app/(main)/layout.tsx" isMerged="true" import type React from "react" import { SidebarProvider } from "@/components/ui/sidebar" import { AppSidebar } from "@/components/app-sidebar" import { AppHeader } from "@/components/app-header" export default function MainLayout({ children, }: { children: React.ReactNode }) { return (

{children}

) } [V0_FILE]typescriptreact:file="app/(main)/dashboard/page.tsx" isEdit="true" isMerged="true" "use client" import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card" import { AlertTriangle, Shield, Flame, FileWarning, TrendingUp, TrendingDown, CheckCircle2, Users, Wrench, GraduationCap, Trash2, } from "lucide-react" import { Bar, BarChart, Line, LineChart, Pie, PieChart, Cell, ResponsiveContainer, XAxis, YAxis, Tooltip, Legend, } from "recharts" import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs" // Mock data for charts const hazardTrendData = [ { month: "1月", reported: 45, resolved: 38 }, { month: "2月", reported: 52, resolved: 48 }, { month: "3月", reported: 38, resolved: 40 }, { month: "4月", reported: 41, resolved: 39 }, { month: "5月", reported: 35, resolved: 36 }, { month: "6月", reported: 28, resolved: 30 }, ] const riskDistributionData = [ { name: "高风险", value: 45, color: "hsl(var(--destructive))" }, { name: "中风险", value: 78, color: "hsl(var(--warning))" }, { name: "低风险", value: 156, color: "hsl(var(--success))" }, ] const operationTypeData = [ { type: "动火作业", count: 12 }, { type: "高处作业", count: 18 }, { type: "受限空间", count: 8 }, { type: "临时用电", count: 15 }, { type: "吊装作业", count: 10 }, { type: "其他", count: 7 }, ] const trainingCompletionData = [ { dept: "生产部", completion: 88 }, { dept: "安全部", completion: 95 }, { dept: "质检部", completion: 92 }, { dept: "设备部", completion: 85 }, { dept: "人事部", completion: 90 }, ] const accidentTrendData = [ { month: "1月", count: 0 }, { month: "2月", count: 1 }, { month: "3月", count: 0 }, { month: "4月", count: 2 }, { month: "5月", count: 1 }, { month: "6月", count: 2 }, ] export default function DashboardPage() { return (

EHS统计看板

环境、健康、安全管理系统总览

{/* Key Metrics */}

待处理隐患

-12% 较上月

风险管控项

279

+8% 较上月

危险作业申请

本月已审批

事故事件

本月发生

{/* Charts Section */} 隐患趋势风险分布危险作业培训情况事故统计

隐患上报与处理趋势隐患处理进度

已完成 78 / 101

待处理

处理中

已完成

高风险隐患 5

中风险隐患 12

低风险隐患 6

风险等级分布 `${name} ${(percent * 100).toFixed(0)}%`} outerRadius={100} fill="#8884d8" dataKey="value" > {riskDistributionData.map((entry, index) => ( ))} 风险管控统计

高风险

中风险

156

低风险

本月巡检完成率 92%

风险整改完成率 85%

156

本月巡检次数

待整改项

危险作业类型统计作业许可证审批情况

已批准

审批中

已拒绝

动火作业

本月12次

17%

高处作业

本月18次

26%

受限空间

本月8次

11%

各部门培训完成率培训完成情况

总体完成率 234 / 267

88%

完成率

234

已完成

待完成

三级安全教育 45人

专项培训 89人

复训 100人

本月培训总人次 234

事故事件趋势事故统计分析

本年度事故总数

重大事故

轻微伤

人员受伤

设备故障

设备损坏

环境事件

环境污染

连续安全天数 45

{/* Additional Stats */}

在职员工

267

持证上岗率 95%

设备管理

156

点检完成率 92%

培训课程

本月培训场次

危废品管理

12.5吨

本月处理量

{/* Recent Activities */} 最近活动

{[ { type: "hazard", title: "车间A区发现设备漏油隐患", user: "张三", time: "2小时前", status: "pending", }, { type: "operation", title: "动火作业申请已审批通过", user: "李四", time: "4小时前", status: "approved", }, { type: "training", title: "新员工三级安全教育已完成", user: "王五", time: "6小时前", status: "completed", }, { type: "inspection", title: "设备点检任务已提交", user: "赵六", time: "8小时前", status: "completed", }, ].map((activity, index) => (

{activity.status === "pending" ? ( ) : ( )}

{activity.title}

{activity.user} · {activity.time}

))}

) } [V0_FILE]json:file="package.json" isMerged="true" { "name": "my-v0-project", "version": "0.1.0", "private": true, "scripts": { "dev": "next dev", "build": "next build", "start": "next start", "lint": "eslint ." }, "dependencies": { "@hookform/resolvers": "^3.10.0", "@radix-ui/react-accordion": "1.2.2", "@radix-ui/react-alert-dialog": "1.1.4", "@radix-ui/react-aspect-ratio": "1.1.1", "@radix-ui/react-avatar": "1.1.2", "@radix-ui/react-checkbox": "1.1.3", "@radix-ui/react-collapsible": "1.1.2", "@radix-ui/react-context-menu": "2.2.4", "@radix-ui/react-dialog": "1.1.4", "@radix-ui/react-dropdown-menu": "2.1.4", "@radix-ui/react-hover-card": "1.1.4", "@radix-ui/react-label": "2.1.1", "@radix-ui/react-menubar": "1.1.4", "@radix-ui/react-navigation-menu": "1.2.3", "@radix-ui/react-popover": "1.1.4", "@radix-ui/react-progress": "1.1.1", "@radix-ui/react-radio-group": "1.2.2", "@radix-ui/react-scroll-area": "1.2.2", "@radix-ui/react-select": "2.1.4", "@radix-ui/react-separator": "1.1.1", "@radix-ui/react-slider": "1.2.2", "@radix-ui/react-slot": "1.1.1", "@radix-ui/react-switch": "1.1.2", "@radix-ui/react-tabs": "1.1.2", "@radix-ui/react-toast": "1.2.4", "@radix-ui/react-toggle": "1.1.1", "@radix-ui/react-toggle-group": "1.1.1", "@radix-ui/react-tooltip": "1.1.6", "@vercel/analytics": "1.3.1", "autoprefixer": "^10.4.20", "class-variance-authority": "^0.7.1", "clsx": "^2.1.1", "cmdk": "1.0.4", "date-fns": "4.1.0", "embla-carousel-react": "8.5.1", "input-otp": "1.4.1", "lucide-react": "^0.454.0", "next": "15.5.4", "next-themes": "^0.4.6", "react": "19.1.0", "react-day-picker": "9.8.0", "react-dom": "19.1.0", "react-hook-form": "^7.60.0", "react-resizable-panels": "^2.1.7", "recharts": "2.15.4", "sonner": "^1.7.4", "tailwind-merge": "^3.3.1", "tailwindcss-animate": "^1.0.7", "vaul": "^0.9.9", "zod": "3.25.76" }, "devDependencies": { "@tailwindcss/postcss": "^4.1.9", "@types/node": "^22", "@types/react": "^18", "@types/react-dom": "^18", "postcss": "^8.5", "tailwindcss": "^4.1.9", "tw-animate-css": "1.3.3", "typescript": "^5" } } [V0_FILE]typescriptreact:file="app/(main)/basic/employees/page.tsx" isEdit="true" isMerged="true" "use client" import { useState } from "react" import { Button } from "@/components/ui/button" import { Input } from "@/components/ui/input" import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from "@/components/ui/table" import { Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, } from "@/components/ui/dialog" import { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, } from "@/components/ui/alert-dialog" import { Label } from "@/components/ui/label" import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@/components/ui/select" import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card" import { Plus, Search, Pencil, Trash2 } from "lucide-react" import { Badge } from "@/components/ui/badge" type Employee = { id: string name: string gender: string department: string position: string phone: string email: string status: string hireDate: string } const initialEmployees: Employee[] = [ { id: "E001", name: "张三", gender: "男", department: "生产部", position: "车间主任", phone: "13800138001", email: "zhangsan@company.com", status: "在职", hireDate: "2020-03-15", }, { id: "E002", name: "李四", gender: "男", department: "安全部", position: "安全员", phone: "13800138002", email: "lisi@company.com", status: "在职", hireDate: "2019-06-20", }, { id: "E003", name: "王五", gender: "女", department: "质检部", position: "质检员", phone: "13800138003", email: "wangwu@company.com", status: "在职", hireDate: "2021-01-10", }, { id: "E004", name: "赵六", gender: "男", department: "设备部", position: "设备工程师", phone: "13800138004", email: "zhaoliu@company.com", status: "在职", hireDate: "2018-09-05", }, { id: "E005", name: "孙七", gender: "女", department: "人事部", position: "人事专员", phone: "13800138005", email: "sunqi@company.com", status: "在职", hireDate: "2022-04-12", }, ] export default function EmployeesPage() { const [employees, setEmployees] = useState(initialEmployees) const [searchTerm, setSearchTerm] = useState("") const [isDialogOpen, setIsDialogOpen] = useState(false) const [isDeleteDialogOpen, setIsDeleteDialogOpen] = useState(false) const [editingEmployee, setEditingEmployee] = useState(null) const [deletingEmployee, setDeletingEmployee] = useState(null) const [formData, setFormData] = useState>({ id: "", name: "", gender: "", department: "", position: "", phone: "", email: "", status: "在职", hireDate: "", }) const filteredEmployees = employees.filter( (emp) => emp.name.includes(searchTerm) || emp.id.includes(searchTerm) || emp.department.includes(searchTerm) || emp.position.includes(searchTerm), ) const handleOpenDialog = (employee?: Employee) => { if (employee) { setEditingEmployee(employee) setFormData(employee) } else { setEditingEmployee(null) setFormData({ id: "", name: "", gender: "", department: "", position: "", phone: "", email: "", status: "在职", hireDate: "", }) } setIsDialogOpen(true) } const handleSave = () => { if (editingEmployee) { setEmployees(employees.map((emp) => (emp.id === editingEmployee.id ? ({ ...formData } as Employee) : emp))) } else { setEmployees([...employees, { ...formData } as Employee]) } setIsDialogOpen(false) setEditingEmployee(null) } const handleDelete = () => { if (deletingEmployee) { setEmployees(employees.filter((emp) => emp.id !== deletingEmployee.id)) setIsDeleteDialogOpen(false) setDeletingEmployee(null) } } const openDeleteDialog = (employee: Employee) => { setDeletingEmployee(employee) setIsDeleteDialogOpen(true) } return (

员工信息

管理企业员工基本信息

确认删除确定要删除员工 "{deletingEmployee?.name}" 吗？此操作无法撤销。取消删除

员工列表共 {employees.length} 名员工

setSearchTerm(e.target.value)} />

工号姓名性别部门岗位联系电话状态入职日期操作 {filteredEmployees.map((employee) => ( {employee.id} {employee.name} {employee.gender} {employee.department} {employee.position} {employee.phone} {employee.status} {employee.hireDate}

))}

) } [V0_FILE]typescriptreact:file="app/(main)/basic/employees/loading.tsx" isFixed="true" isMerged="true" export default function Loading() { return null } [V0_FILE]typescriptreact:file="app/(main)/basic/departments/page.tsx" isEdit="true" isMerged="true" "use client" import { useState } from "react" import { Button } from "@/components/ui/button" import { Input } from "@/components/ui/input" import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from "@/components/ui/table" import { Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, } from "@/components/ui/dialog" import { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, } from "@/components/ui/alert-dialog" import { Label } from "@/components/ui/label" import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card" import { Plus, Search, Pencil, Trash2, Building2 } from "lucide-react" import { Textarea } from "@/components/ui/textarea" type Department = { id: string name: string manager: string employeeCount: number description: string positions: string[] } const initialDepartments: Department[] = [ { id: "D001", name: "生产部", manager: "张三", employeeCount: 45, description: "负责产品生产制造", positions: ["车间主任", "班组长", "操作工", "质检员"], }, { id: "D002", name: "安全部", manager: "李四", employeeCount: 8, description: "负责企业安全管理", positions: ["安全主管", "安全员", "消防员"], }, { id: "D003", name: "质检部", manager: "王五", employeeCount: 12, description: "负责产品质量检验", positions: ["质检主管", "质检员", "化验员"], }, { id: "D004", name: "设备部", manager: "赵六", employeeCount: 15, description: "负责设备维护保养", positions: ["设备主管", "设备工程师", "维修工"], }, { id: "D005", name: "人事部", manager: "孙七", employeeCount: 6, description: "负责人力资源管理", positions: ["人事经理", "人事专员", "培训专员"], }, ] export default function DepartmentsPage() { const [departments, setDepartments] = useState(initialDepartments) const [searchTerm, setSearchTerm] = useState("") const [isDialogOpen, setIsDialogOpen] = useState(false) const [isDeleteDialogOpen, setIsDeleteDialogOpen] = useState(false) const [editingDept, setEditingDept] = useState(null) const [deletingDept, setDeletingDept] = useState(null) const [formData, setFormData] = useState>({ id: "", name: "", manager: "", employeeCount: 0, description: "", positions: [], }) const [positionsText, setPositionsText] = useState("") const filteredDepartments = departments.filter( (dept) => dept.name.includes(searchTerm) || dept.id.includes(searchTerm) || dept.manager.includes(searchTerm), ) const handleOpenDialog = (dept?: Department) => { if (dept) { setEditingDept(dept) setFormData(dept) setPositionsText(dept.positions.join("\n")) } else { setEditingDept(null) setFormData({ id: "", name: "", manager: "", employeeCount: 0, description: "", positions: [] }) setPositionsText("") } setIsDialogOpen(true) } const handleSave = () => { const positions = positionsText.split("\n").filter((p) => p.trim()) const newDept = { ...formData, positions } as Department if (editingDept) { setDepartments(departments.map((d) => (d.id === editingDept.id ? newDept : d))) } else { setDepartments([...departments, newDept]) } setIsDialogOpen(false) setEditingDept(null) } const handleDelete = () => { if (deletingDept) { setDepartments(departments.filter((d) => d.id !== deletingDept.id)) setIsDeleteDialogOpen(false) setDeletingDept(null) } } const openDeleteDialog = (dept: Department) => { setDeletingDept(dept) setIsDeleteDialogOpen(true) } return (

部门岗位信息

管理企业部门和岗位设置