编辑页面

HTML内容
<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>医疗设备维修管理后台</title>
    <link href="https://cdn.jsdelivr.net/npm/tailwindcss@2.2.19/dist/tailwind.min.css" rel="stylesheet">
    <link href="https://cdn.jsdelivr.net/npm/remixicon@3.5.0/fonts/remixicon.css" rel="stylesheet">
    <style>
        *{margin:0;padding:0;box-sizing:border-box}body{font-family:'PingFang SC','Microsoft YaHei',sans-serif;background:#f0f2f5}
        .sidebar{width:240px;background:linear-gradient(180deg,#1a3a5c 0%,#0d2137 100%);min-height:100vh;position:fixed;left:0;top:0;transition:all .3s;z-index:100;overflow-y:auto}.sidebar.collapsed{width:64px}.sidebar.collapsed .menu-text{display:none}
        .main-content{margin-left:240px;transition:all .3s;min-height:100vh}.sidebar.collapsed+.main-content{margin-left:64px}
        .menu-item{padding:14px 20px;color:rgba(255,255,255,.7);cursor:pointer;display:flex;align-items:center;gap:12px;transition:all .2s;border-left:3px solid transparent}.menu-item:hover,.menu-item.active{background:rgba(255,255,255,.1);color:#fff;border-left-color:#3b82f6}.menu-item i{font-size:20px;width:24px}
        .submenu{padding-left:56px;display:none}.menu-item.expanded+.submenu{display:block}.submenu-item{padding:10px 20px;color:rgba(255,255,255,.5);font-size:13px;cursor:pointer;transition:all .2s}.submenu-item:hover,.submenu-item.active{color:#fff}
        .card{background:#fff;border-radius:8px;box-shadow:0 1px 3px rgba(0,0,0,.1);padding:20px;margin-bottom:20px}
        .stat-card{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;padding:24px;border-radius:12px}.stat-card.green{background:linear-gradient(135deg,#11998e 0%,#38ef7d 100%)}.stat-card.orange{background:linear-gradient(135deg,#f093fb 0%,#f5576c 100%)}.stat-card.blue{background:linear-gradient(135deg,#4facfe 0%,#00f2fe 100%)}
        .stat-number{font-size:32px;font-weight:700}.stat-label{font-size:14px;opacity:.9;margin-top:4px}
        .table{width:100%;border-collapse:collapse}.table th{background:#f8fafc;padding:12px 16px;text-align:left;font-weight:600;color:#64748b;font-size:13px;border-bottom:1px solid #e2e8f0}.table td{padding:14px 16px;border-bottom:1px solid #f1f5f9;color:#334155;font-size:14px}.table tr:hover{background:#f8fafc}
        .badge{padding:4px 10px;border-radius:12px;font-size:12px;font-weight:500}.badge-success{background:#dcfce7;color:#166534}.badge-warning{background:#fef3c7;color:#92400e}.badge-info{background:#dbeafe;color:#1e40af}.badge-danger{background:#fee2e2;color:#991b1b}
        .btn{padding:8px 16px;border-radius:6px;font-size:14px;cursor:pointer;transition:all .2s;border:none;display:inline-flex;align-items:center;gap:6px}.btn-primary{background:#3b82f6;color:#fff}.btn-primary:hover{background:#2563eb}.btn-outline{background:transparent;border:1px solid #d1d5db;color:#374151}.btn-outline:hover{background:#f3f4f6}
        .search-box{padding:10px 16px;border:1px solid #e2e8f0;border-radius:8px;width:280px;font-size:14px;outline:none}.search-box:focus{border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.1)}
        .header{background:#fff;padding:16px 24px;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center}.toggle-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:8px;transition:all .2s}.toggle-btn:hover{background:#f1f5f9}
        .page{display:none}.page.active{display:block}
        .modal{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:1000;align-items:center;justify-content:center}.modal.active{display:flex}
        .modal-content{background:#fff;border-radius:12px;padding:24px;width:90%;max-width:800px;max-height:85vh;overflow-y:auto}
        .form-group{margin-bottom:16px}.form-label{display:block;font-size:14px;color:#374151;margin-bottom:6px;font-weight:500}.form-input{width:100%;padding:10px 14px;border:1px solid #e2e8f0;border-radius:6px;font-size:14px;outline:none}.form-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.1)}
        .step-indicator{display:flex;justify-content:space-between;margin-bottom:30px;position:relative}.step-indicator::before{content:'';position:absolute;top:15px;left:40px;right:40px;height:2px;background:#e2e8f0}
        .step{position:relative;z-index:1;text-align:center}.step-circle{width:32px;height:32px;border-radius:50%;background:#e2e8f0;color:#64748b;display:flex;align-items:center;justify-content:center;font-weight:600;margin:0 auto 8px}.step.active .step-circle{background:#3b82f6;color:#fff}.step.completed .step-circle{background:#22c55e;color:#fff}.step-label{font-size:12px;color:#64748b}.step.active .step-label{color:#3b82f6;font-weight:500}
        .timeline{padding-left:20px;border-left:2px solid #e2e8f0}.timeline-item{position:relative;padding-bottom:20px;padding-left:20px}.timeline-item::before{content:'';position:absolute;left:-24px;top:4px;width:10px;height:10px;border-radius:50%;background:#3b82f6}.timeline-item::after{content:'';position:absolute;left:-21px;top:16px;width:0;height:calc(100% - 20px);border-left:2px dashed #e2e8f0}.timeline-item:last-child::after{display:none}
        .notification{position:fixed;top:20px;right:20px;background:#fff;padding:16px 24px;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.15);z-index:2000;display:none;animation:slideIn .3s ease}.notification.show{display:block}@keyframes slideIn{from{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}
    </style>
</head>
<body>
<div class="sidebar" id="sidebar">
    <div class="p-5 border-b border-white border-opacity-10"><div class="flex items-center gap-3"><div class="w-10 h-10 bg-blue-500 rounded-lg flex items-center justify-center"><i class="ri-heart-pulse-fill text-white text-xl"></i></div><span class="logo-text text-white font-bold text-lg">医疗设备维修</span></div></div>
    <div class="mt-4">
        <div class="menu-item" onclick="showPage('dashboard')"><i class="ri-dashboard-line"></i><span class="menu-text">数据概览</span></div>
        <div class="menu-item" onclick="toggleMenu(this)"><i class="ri-file-list-3-line"></i><span class="menu-text">工单管理</span><i class="ri-arrow-right-s-line ml-auto menu-text"></i></div>
        <div class="submenu"><div class="submenu-item" onclick="showPage('order-list')">工单列表</div><div class="submenu-item" onclick="showPage('order-detail')">工单详情</div><div class="submenu-item" onclick="showPage('order-search')">工单搜索</div></div>
        <div class="menu-item" onclick="toggleMenu(this)"><i class="ri-user-settings-line"></i><span class="menu-text">派单管理</span><i class="ri-arrow-right-s-line ml-auto menu-text"></i></div>
        <div class="submenu"><div class="submenu-item" onclick="showPage('dispatch')">待派单</div><div class="submenu-item" onclick="showPage('engineer-list')">工程师列表</div><div class="submenu-item" onclick="showPage('dispatch-record')">派单记录</div><div class="submenu-item" onclick="showPage('grab-order')">抢单模式</div></div>
        <div class="menu-item" onclick="toggleMenu(this)"><i class="ri-user-line"></i><span class="menu-text">工程师管理</span><i class="ri-arrow-right-s-line ml-auto menu-text"></i></div>
        <div class="submenu"><div class="submenu-item" onclick="showPage('engineers')">工程师列表</div><div class="submenu-item" onclick="showPage('engineer-detail')">工程师详情</div><div class="submenu-item" onclick="showPage('engineer-stats')">工程师统计</div><div class="submenu-item" onclick="showPage('engineer-area')">区域划分</div><div class="submenu-item" onclick="showPage('engineer-skill')">技能标签</div></div>
        <div class="menu-item" onclick="toggleMenu(this)"><i class="ri-hospital-line"></i><span class="menu-text">设备管理</span><i class="ri-arrow-right-s-line ml-auto menu-text"></i></div>
        <div class="submenu"><div class="submenu-item" onclick="showPage('equipment')">设备列表</div><div class="submenu-item" onclick="showPage('equipment-add')">添加设备</div><div class="submenu-item" onclick="showPage('equipment-category')">设备分类</div><div class="submenu-item" onclick="showPage('equipment-qrcode')">二维码管理</div><div class="submenu-item" onclick="showPage('equipment-import')">批量导入</div><div class="submenu-item" onclick="showPage('equipment-record')">维保记录</div></div>
        <div class="menu-item" onclick="toggleMenu(this)"><i class="ri-tools-line"></i><span class="menu-text">维修管理</span><i class="ri-arrow-right-s-line ml-auto menu-text"></i></div>
        <div class="submenu"><div class="submenu-item" onclick="showPage('repair-progress')">维修进度</div><div class="submenu-item" onclick="showPage('repair-record')">维修记录</div><div class="submenu-item" onclick="showPage('repair-parts')">配件记录</div><div class="submenu-item" onclick="showPage('repair-complete')">完工确认</div><div class="submenu-item" onclick="showPage('repair-sign')">客户签字确认</div></div>
        <div class="menu-item" onclick="toggleMenu(this)"><i class="ri-money-cny-circle-line"></i><span class="menu-text">费用管理</span><i class="ri-arrow-right-s-line ml-auto menu-text"></i></div>
        <div class="submenu"><div class="submenu-item" onclick="showPage('cost-list')">费用录入</div><div class="submenu-item" onclick="showPage('cost-audit')">费用审核</div><div class="submenu-item" onclick="showPage('cost-stat')">费用统计</div><div class="submenu-item" onclick="showPage('cost-collect')">收款管理</div><div class="submenu-item" onclick="showPage('cost-refund')">退款管理</div><div class="submenu-item" onclick="showPage('cost-statement')">对账单</div><div class="submenu-item" onclick="showPage('cost-export')">导出报表</div></div>
        <div class="menu-item" onclick="toggleMenu(this)"><i class="ri-star-line"></i><span class="menu-text">评价管理</span><i class="ri-arrow-right-s-line ml-auto menu-text"></i></div>
        <div class="submenu"><div class="submenu-item" onclick="showPage('evaluation-list')">评价列表</div><div class="submenu-item" onclick="showPage('evaluation-bad')">差评处理</div><div class="submenu-item" onclick="showPage('evaluation-stat')">评价统计</div></div>
        <div class="menu-item" onclick="toggleMenu(this)"><i class="ri-group-line"></i><span class="menu-text">客户管理</span><i class="ri-arrow-right-s-line ml-auto menu-text"></i></div>
        <div class="submenu"><div class="submenu-item" onclick="showPage('customer-list')">客户列表</div><div class="submenu-item" onclick="showPage('customer-detail')">客户详情</div><div class="submenu-item" onclick="showPage('customer-level')">客户等级</div><div class="submenu-item" onclick="showPage('customer-complaint')">投诉记录</div></div>
        <div class="menu-item" onclick="toggleMenu(this)"><i class="ri-settings-2-line"></i><span class="menu-text">配件管理</span><i class="ri-arrow-right-s-line ml-auto menu-text"></i></div>
        <div class="submenu"><div class="submenu-item" onclick="showPage('parts-list')">配件列表</div><div class="submenu-item" onclick="showPage('parts-add')">添加配件</div><div class="submenu-item" onclick="showPage('parts-stock')">库存管理</div><div class="submenu-item" onclick="showPage('parts-warning')">库存预警</div><div class="submenu-item" onclick="showPage('parts-apply')">配件申请</div><div class="submenu-item" onclick="showPage('parts-approve')">配件审批</div></div>
        <div class="menu-item" onclick="toggleMenu(this)"><i class="ri-shopping-bag-line"></i><span class="menu-text">产品管理</span><i class="ri-arrow-right-s-line ml-auto menu-text"></i></div>
        <div class="submenu"><div class="submenu-item" onclick="showPage('products-list')">产品列表</div><div class="submenu-item" onclick="showPage('products-add')">添加产品</div><div class="submenu-item" onclick="showPage('products-category')">产品分类</div></div>
        <div class="menu-item" onclick="toggleMenu(this)"><i class="ri-bar-chart-box-line"></i><span class="menu-text">统计报表</span><i class="ri-arrow-right-s-line ml-auto menu-text"></i></div>
        <div class="submenu"><div class="submenu-item" onclick="showPage('report-order')">工单统计</div><div class="submenu-item" onclick="showPage('report-engineer')">工程师统计</div><div class="submenu-item" onclick="showPage('report-income')">收入统计</div><div class="submenu-item" onclick="showPage('report-equipment')">设备统计</div></div>
        <div class="menu-item" onclick="toggleMenu(this)"><i class="ri-settings-3-line"></i><span class="menu-text">系统设置</span><i class="ri-arrow-right-s-line ml-auto menu-text"></i></div>
        <div class="submenu"><div class="submenu-item" onclick="showPage('settings-company')">公司简介</div><div class="submenu-item" onclick="showPage('settings-banner')">Banner设置</div><div class="submenu-item" onclick="showPage('settings-fault')">故障类型</div><div class="submenu-item" onclick="showPage('settings-fee')">费用标准</div><div class="submenu-item" onclick="showPage('settings-sms')">短信设置</div><div class="submenu-item" onclick="showPage('settings-pay')">支付设置</div><div class="submenu-item" onclick="showPage('settings-feedback')">意见反馈</div></div>
        <div class="menu-item" onclick="toggleMenu(this)"><i class="ri-shield-user-line"></i><span class="menu-text">权限管理</span><i class="ri-arrow-right-s-line ml-auto menu-text"></i></div>
        <div class="submenu"><div class="submenu-item" onclick="showPage('admin-login')">管理员登录</div><div class="submenu-item" onclick="showPage('admin-role')">角色权限</div><div class="submenu-item" onclick="showPage('admin-log')">操作日志</div></div>
    </div>
</div>
<div class="main-content">
    <div class="header"><div class="flex items-center gap-4"><div class="toggle-btn" onclick="toggleSidebar()"><i class="ri-menu-line text-xl text-gray-600"></i></div><span class="text-gray-800 font-medium">医疗设备维修管理后台</span></div><div class="flex items-center gap-4"><div class="relative"><i class="ri-notification-3-line text-xl text-gray-500 cursor-pointer"></i><span class="absolute -top-1 -right-1 w-4 h-4 bg-red-500 rounded-full text-white text-xs flex items-center justify-center">3</span></div><div class="flex items-center gap-2"><div class="w-8 h-8 bg-blue-500 rounded-full flex items-center justify-center"><span class="text-white text-sm font-medium">管</span></div><span class="text-sm text-gray-700">管理员</span><i class="ri-arrow-down-s-line text-gray-400"></i></div></div></div>
    <div class="page active" id="page-dashboard" style="padding:24px"><h2 class="text-2xl font-bold text-gray-800 mb-6">数据概览</h2><div class="grid grid-cols-4 gap-6 mb-6"><div class="stat-card"><div class="flex justify-between"><div><div class="stat-number">28</div><div class="stat-label">今日新增工单</div></div><i class="ri-file-add-line text-3xl opacity-50"></i></div></div><div class="stat-card orange"><div class="flex justify-between"><div><div class="stat-number">15</div><div class="stat-label">维修中</div></div><i class="ri-tools-line text-3xl opacity-50"></i></div></div><div class="stat-card green"><div class="flex justify-between"><div><div class="stat-number">86</div><div class="stat-label">已完成</div></div><i class="ri-check-line text-3xl opacity-50"></i></div></div><div class="stat-card blue"><div class="flex justify-between"><div><div class="stat-number">5</div><div class="stat-label">待付款</div></div><i class="ri-wallet-line text-3xl opacity-50"></i></div></div></div><div class="grid grid-cols-4 gap-6 mb-6"><div class="card cursor-pointer" onclick="showPage('dispatch')"><div class="flex items-center gap-4"><div class="w-12 h-12 bg-orange-100 rounded-lg flex items-center justify-center"><i class="ri-send-plane-line text-2xl text-orange-500"></i></div><div><div class="text-2xl font-bold">3</div><div class="text-sm text-gray-500">待派单</div></div></div></div><div class="card cursor-pointer" onclick="showPage('cost-collect')"><div class="flex items-center gap-4"><div class="w-12 h-12 bg-red-100 rounded-lg flex items-center justify-center"><i class="ri-money-cny-circle-line text-2xl text-red-500"></i></div><div><div class="text-2xl font-bold">5</div><div class="text-sm text-gray-500">待收款</div></div></div></div><div class="card cursor-pointer" onclick="showPage('evaluation-list')"><div class="flex items-center gap-4"><div class="w-12 h-12 bg-yellow-100 rounded-lg flex items-center justify-center"><i class="ri-star-line text-2xl text-yellow-500"></i></div><div><div class="text-2xl font-bold">2</div><div class="text-sm text-gray-500">待评价</div></div></div></div><div class="card cursor-pointer" onclick="showPage('parts-warning')"><div class="flex items-center gap-4"><div class="w-12 h-12 bg-purple-100 rounded-lg flex items-center justify-center"><i class="ri-alert-line text-2xl text-purple-500"></i></div><div><div class="text-2xl font-bold">4</div><div class="text-sm text-gray-500">库存预警</div></div></div></div></div><div class="grid grid-cols-2 gap-6 mb-6"><div class="card"><h3 class="font-bold mb-4">工单趋势</h3><div class="flex items-end justify-around h-48 gap-4"><div class="flex flex-col items-center"><div class="bg-blue-500 rounded-t w-10" style="height:80px"></div><span class="text-xs text-gray-500 mt-2">一</span></div><div class="flex flex-col items-center"><div class="bg-blue-500 rounded-t w-10" style="height:100px"></div><span class="text-xs text-gray-500 mt-2">二</span></div><div class="flex flex-col items-center"><div class="bg-blue-500 rounded-t w-10" style="height:120px"></div><span class="text-xs text-gray-500 mt-2">三</span></div><div class="flex flex-col items-center"><div class="bg-blue-500 rounded-t w-10" style="height:90px"></div><span class="text-xs text-gray-500 mt-2">四</span></div><div class="flex flex-col items-center"><div class="bg-blue-500 rounded-t w-10" style="height:140px"></div><span class="text-xs text-gray-500 mt-2">五</span></div><div class="flex flex-col items-center"><div class="bg-blue-500 rounded-t w-10" style="height:60px"></div><span class="text-xs text-gray-500 mt-2">六</span></div><div class="flex flex-col items-center"><div class="bg-blue-500 rounded-t w-10" style="height:40px"></div><span class="text-xs text-gray-500 mt-2">日</span></div></div></div><div class="card"><h3 class="font-bold mb-4">工程师状态</h3><div class="flex items-center justify-around py-8"><div class="text-center"><div class="w-16 h-16 bg-green-100 rounded-full flex items-center justify-center mb-2 mx-auto"><span class="text-2xl font-bold text-green-600">12</span></div><span class="text-sm text-gray-500">在线</span></div><div class="text-center"><div class="w-16 h-16 bg-orange-100 rounded-full flex items-center justify-center mb-2 mx-auto"><span class="text-2xl font-bold text-orange-600">5</span></div><span class="text-sm text-gray-500">忙碌</span></div><div class="text-center"><div class="w-16 h-16 bg-gray-100 rounded-full flex items-center justify-center mb-2 mx-auto"><span class="text-2xl font-bold text-gray-600">3</span></div><span class="text-sm text-gray-500">离线</span></div></div></div></div><div class="card"><div class="flex justify-between mb-4"><h3 class="font-bold">最新工单</h3><button class="btn btn-outline" onclick="showPage('order-list')">查看全部</button></div><table class="table"><thead><tr><th>工单编号</th><th>设备名称</th><th>报修人</th><th>工程师</th><th>状态</th><th>创建时间</th><th>操作</th></tr></thead><tbody><tr><td class="font-medium">WO2026042301</td><td>GE CT扫描仪</td><td>张医生</td><td>李工程师</td><td><span class="badge badge-info">维修中</span></td><td>2026-04-23 10:30</td><td><button class="btn btn-primary" style="padding:4px 12px;font-size:12px" onclick="showPage('order-detail')">详情</button></td></tr><tr><td class="font-medium">WO2026042302</td><td>西门子MRI</td><td>王主任</td><td>待指派</td><td><span class="badge badge-warning">待派单</span></td><td>2026-04-23 11:15</td><td><button class="btn btn-primary" style="padding:4px 12px;font-size:12px" onclick="showPage('dispatch')">派单</button></td></tr><tr><td class="font-medium">WO2026042205</td><td>飞利浦超声</td><td>刘护士</td><td>赵工程师</td><td><span class="badge badge-success">已完成</span></td><td>2026-04-22 14:20</td><td><button class="btn btn-outline" style="padding:4px 12px;font-size:12px">查看</button></td></tr></tbody></table></div></div>
    <div class="page" id="page-order-list" style="padding:24px"><h2 class="text-2xl font-bold text-gray-800 mb-6">工单列表</h2><div class="card"><div class="flex justify-between mb-4"><div class="flex gap-4"><input type="text" class="search-box" placeholder="搜索工单/设备/报修人"><select class="search-box" style="width:150px"><option>全部状态</option><option>待派单</option><option>维修中</option><option>已完成</option><option>待付款</option></select><input type="date" class="search-box" style="width:150px"><button class="btn btn-primary"><i class="ri-search-line"></i>搜索</button></div><button class="btn btn-outline"><i class="ri-download-line"></i>导出工单</button></div><table class="table"><thead><tr><th><input type="checkbox"></th><th>工单编号</th><th>设备名称</th><th>故障类型</th><th>报修人</th><th>工程师</th><th>状态</th><th>创建时间</th><th>操作</th></tr></thead><tbody><tr><td><input type="checkbox"></td><td class="font-medium">WO2026042301</td><td>GE CT扫描仪</td><td>球管故障</td><td>张医生</td><td>李明</td><td><span class="badge badge-info">维修中</span></td><td>2026-04-23 10:30</td><td><button class="btn btn-primary" style="padding:4px 10px;font-size:12px" onclick="showPage('order-detail')">详情</button><button class="btn btn-outline" style="padding:4px 10px;font-size:12px">改派</button></td></tr><tr><td><input type="checkbox"></td><td class="font-medium">WO2026042302</td><td>西门子MRI</td><td>制冷异常</td><td>王主任</td><td>-</td><td><span class="badge badge-warning">待派单</span></td><td>2026-04-23 11:15</td><td><button class="btn btn-primary" style="padding:4px 10px;font-size:12px" onclick="showPage('dispatch')">派单</button><button class="btn btn-outline" style="padding:4px 10px;font-size:12px">详情</button></td></tr><tr><td><input type="checkbox"></td><td class="font-medium">WO2026042205</td><td>飞利浦超声</td><td>探头损坏</td><td>刘护士</td><td>赵强</td><td><span class="badge badge-success">已完成</span></td><td>2026-04-22 14:20</td><td><button class="btn btn-outline" style="padding:4px 10px;font-size:12px">详情</button></td></tr><tr><td><input type="checkbox"></td><td class="font-medium">WO2026042204</td><td>DR X光机</td><td>图像模糊</td><td>陈院长</td><td>周伟</td><td><span class="badge badge-danger">待付款</span></td><td>2026-04-22 09:45</td><td><button class="btn btn-outline" style="padding:4px 10px;font-size:12px">详情</button><button class="btn btn-primary" style="padding:4px 10px;font-size:12px">收款</button></td></tr></tbody></table><div class="flex justify-between items-center mt-4 pt-4 border-t"><span class="text-sm text-gray-500">共 128 条记录</span><div class="flex gap-2"><button class="btn btn-outline" style="padding:6px 12px">上一页</button><button class="btn btn-primary" style="padding:6px 12px">1</button><button class="btn btn-outline" style="padding:6px 12px">2</button><button class="btn btn-outline" style="padding:6px 12px">下一页</button></div></div></div></div>
    <div class="page" id="page-order-detail" style="padding:24px"><h2 class="text-2xl font-bold text-gray-800 mb-6">工单详情</h2><div class="grid grid-cols-3 gap-6"><div class="col-span-2"><div class="card mb-6"><h3 class="font-bold mb-4">基本信息</h3><div class="grid grid-cols-3 gap-4"><div><div class="text-sm text-gray-500">工单编号</div><div class="font-medium">WO2026042301</div></div><div><div class="text-sm text-gray-500">状态</div><span class="badge badge-info">维修中</span></div><div><div class="text-sm text-gray-500">创建时间</div><div class="font-medium">2026-04-23 10:30</div></div><div><div class="text-sm text-gray-500">设备名称</div><div class="font-medium">GE CT扫描仪</div></div><div><div class="text-sm text-gray-500">设备型号</div><div class="font-medium">GE Revolution CT</div></div><div><div class="text-sm text-gray-500">故障类型</div><div class="font-medium">球管故障</div></div><div><div class="text-sm text-gray-500">报修人</div><div class="font-medium">张医生</div></div><div><div class="text-sm text-gray-500">联系电话</div><div class="font-medium">138****1234</div></div><div><div class="text-sm text-gray-500">客户单位</div><div class="font-medium">市第一人民医院</div></div></div><div class="mt-4"><div class="text-sm text-gray-500 mb-1">故障描述</div><div class="p-3 bg-gray-50 rounded">CT扫描时出现图像伪影，球管老化需要更换。</div></div></div><div class="card mb-6"><h3 class="font-bold mb-4">维修进度</h3><div class="step-indicator"><div class="step completed"><div class="step-circle"><i class="ri-check-line"></i></div><div class="step-label">已派单</div></div><div class="step completed"><div class="step-circle"><i class="ri-check-line"></i></div><div class="step-label">已接单</div></div><div class="step active"><div class="step-circle">3</div><div class="step-label">维修中</div></div><div class="step"><div class="step-circle">4</div><div class="step-label">待验收</div></div><div class="step"><div class="step-circle">5</div><div class="step-label">已完成</div></div></div><div class="timeline mt-6"><div class="timeline-item"><div class="font-medium">已派单</div><div class="text-sm text-gray-500">2026-04-23 10:35 - 管理员指派给李明</div></div><div class="timeline-item"><div class="font-medium">已接单</div><div class="text-sm text-gray-500">2026-04-23 10:40 - 李明已接单，正在前往现场</div></div><div class="timeline-item"><div class="font-medium">维修中</div><div class="text-sm text-gray-500">2026-04-23 11:00 - 到达现场，开始检测设备</div></div></div></div><div class="card"><h3 class="font-bold mb-4">费用明细</h3><table class="table"><thead><tr><th>项目</th><th>金额</th><th>状态</th></tr></thead><tbody><tr><td>上门费</td><td>¥500</td><td><span class="badge badge-success">已确认</span></td></tr><tr><td>人工费</td><td>¥2,000</td><td><span class="badge badge-success">已确认</span></td></tr><tr><td>配件费(CT球管)</td><td>¥150,000</td><td><span class="badge badge-warning">待审核</span></td></tr><tr class="font-bold"><td>合计</td><td>¥152,500</td><td></td></tr></tbody></table></div></div><div><div class="card mb-6"><h3 class="font-bold mb-4">工程师信息</h3><div class="flex items-center gap-3 mb-4"><div class="w-12 h-12 bg-blue-100 rounded-full flex items-center justify-center"><span class="font-bold text-blue-600">李</span></div><div><div class="font-medium">李明</div><div class="text-sm text-gray-500">138****1234</div></div></div><div class="grid grid-cols-2 gap-2 text-sm"><div class="text-gray-500">接单量</div><div class="font-medium text-right">45</div><div class="text-gray-500">完成率</div><div class="font-medium text-right">98%</div><div class="text-gray-500">评分</div><div class="font-medium text-right">4.9</div></div><button class="btn btn-outline w-full mt-4">改派工程师</button></div><div class="card mb-6"><h3 class="font-bold mb-4">设备信息</h3><div class="text-sm space-y-2"><div class="flex justify-between"><span class="text-gray-500">设备编号</span><span>EQ001</span></div><div class="flex justify-between"><span class="text-gray-500">品牌型号</span><span>GE Revolution CT</span></div><div class="flex justify-between"><span class="text-gray-500">安装位置</span><span>CT室</span></div><div class="flex justify-between"><span class="text-gray-500">维保到期</span><span class="text-red-500">2026-05-15</span></div></div><button class="btn btn-outline w-full mt-4">查看维保记录</button></div><div class="card"><h3 class="font-bold mb-4">故障图片</h3><div class="grid grid-cols-2 gap-2"><div class="aspect-square bg-gray-100 rounded flex items-center justify-center"><i class="ri-image-line text-3xl text-gray-400"></i></div><div class="aspect-square bg-gray-100 rounded flex items-center justify-center"><i class="ri-image-line text-3xl text-gray-400"></i></div></div></div></div></div></div>
    <div class="page" id="page-order-search" style="padding:24px"><h2 class="text-2xl font-bold text-gray-800 mb-6">工单搜索</h2><div class="card mb-6"><div class="flex gap-4 mb-4"><input type="text" class="search-box" placeholder="输入工单编号/设备名称/报修人"><select class="search-box" style="width:150px"><option>全字段搜索</option><option>工单编号</option><option>设备名称</option><option>报修人</option></select><button class="btn btn-primary"><i class="ri-search-line"></i>搜索</button></div><div class="text-sm text-gray-500">搜索历史：<span class="text-blue-500 cursor-pointer mr-2">WO2026042</span><span class="text-blue-500 cursor-pointer mr-2">CT</span><span class="text-blue-500 cursor-pointer">张医生</span></div></div><div class="card"><h3 class="font-bold mb-4">搜索结果 (3)</h3><table class="table"><thead><tr><th>工单编号</th><th>设备名称</th><th>报修人</th><th>状态</th><th>创建时间</th><th>操作</th></tr></thead><tbody><tr><td class="font-medium">WO2026042301</td><td>GE CT扫描仪</td><td>张医生</td><td><span class="badge badge-info">维修中</span></td><td>2026-04-23 10:30</td><td><button class="btn btn-primary" style="padding:4px 10px;font-size:12px">查看</button></td></tr><tr><td class="font-medium">WO2026042201</td><td>CT影像工作站</td><td>张医生</td><td><span class="badge badge-success">已完成</span></td><td>2026-04-22 09:00</td><td><button class="btn btn-outline" style="padding:4px 10px;font-size:12px">查看</button></td></tr></tbody></table></div></div>
    <div class="page" id="page-dispatch" style="padding:24px"><h2 class="text-2xl font-bold text-gray-800 mb-6">待派单列表</h2><div class="card"><table class="table"><thead><tr><th>工单编号</th><th>设备名称</th><th>故障类型</th><th>报修人</th><th>电话</th><th>地址</th><th>创建时间</th><th>操作</th></tr></thead><tbody><tr><td class="font-medium">WO2026042302</td><td>西门子MRI</td><td>制冷系统异常</td><td>王主任</td><td>139****5678</td><td>市中心医院</td><td>2026-04-23 11:15</td><td><button class="btn btn-primary" onclick="showModal('dispatch-modal')">立即派单</button></td></tr><tr><td class="font-medium">WO2026042303</td><td>飞利浦超声</td><td>屏幕不显示</td><td>李医生</td><td>135****7890</td><td>市妇幼保健院</td><td>2026-04-23 09:30</td><td><button class="btn btn-primary" onclick="showModal('dispatch-modal')">立即派单</button></td></tr><tr><td class="font-medium">WO2026042304</td><td>DR X光机</td><td>无法曝光</td><td>张技师</td><td>134****2345</td><td>市中医院</td><td>2026-04-23 08:45</td><td><button class="btn btn-primary" onclick="showModal('dispatch-modal')">立即派单</button></td></tr></tbody></table></div></div>
    <div class="page" id="page-engineer-list" style="padding:24px"><h2 class="text-2xl font-bold text-gray-800 mb-6">工程师列表(派单)</h2><div class="card"><div class="flex justify-between mb-4"><div class="flex gap-4"><input type="text" class="search-box" placeholder="搜索工程师"><select class="search-box" style="width:120px"><option>全部</option><option>在线</option><option>忙碌</option><option>离线</option></select><button class="btn btn-primary">搜索</button></div></div><table class="table"><thead><tr><th>工程师</th><th>电话</th><th>状态</th><th>当前位置</th><th>当前工单</th><th>擅长领域</th><th>评分</th><th>操作</th></tr></thead><tbody><tr><td><div class="flex items-center gap-2"><div class="w-8 h-8 bg-blue-100 rounded-full flex items-center justify-center"><span class="text-blue-600 font-medium">李</span></div><span>李明</span></div></td><td>138****1234</td><td><span class="badge badge-success">在线</span></td><td>市第一人民医院</td><td>-</td><td><span class="badge badge-info">CT</span><span class="badge badge-info">MRI</span></td><td>4.9</td><td><button class="btn btn-primary" style="padding:4px 10px;font-size:12px" onclick="showModal('dispatch-modal')">派单</button></td></tr><tr><td><div class="flex items-center gap-2"><div class="w-8 h-8 bg-orange-100 rounded-full flex items-center justify-center"><span class="text-orange-600 font-medium">赵</span></div><span>赵强</span></div></td><td>139****5678</td><td><span class="badge badge-warning">忙碌</span></td><td>市第三医院</td><td>WO2026042301</td><td><span class="badge badge-info">超声</span><span class="badge badge-info">X光</span></td><td>4.8</td><td><button class="btn btn-outline" style="padding:4px 10px;font-size:12px">查看</button></td></tr><tr><td><div class="flex items-center gap-2"><div class="w-8 h-8 bg-green-100 rounded-full flex items-center justify-center"><span class="text-green-600 font-medium">吴</span></div><span>吴涛</span></div></td><td>137****9012</td><td><span class="badge badge-success">在线</span></td><td>待命中</td><td>-</td><td><span class="badge badge-info">CT</span><span class="badge badge-info">DR</span></td><td>4.9</td><td><button class="btn btn-primary" style="padding:4px 10px;font-size:12px" onclick="showModal('dispatch-modal')">派单</button></td></tr></tbody></table></div></div>
    <div class="page" id="page-dispatch-record" style="padding:24px"><h2 class="text-2xl font-bold text-gray-800 mb-6">派单记录</h2><div class="card"><div class="flex gap-4 mb-4"><input type="text" class="search-box" placeholder="工单编号/工程师"><input type="date" class="search-box" style="width:150px"><button class="btn btn-primary">搜索</button></div><table class="table"><thead><tr><th>工单编号</th><th>设备</th><th>原工程师</th><th>新工程师</th><th>派单人</th><th>原因</th><th>时间</th></tr></thead><tbody><tr><td class="font-medium">WO2026042001</td><td>GE CT</td><td>周伟</td><td>李明</td><td>管理员</td><td>工程师临时有事</td><td>2026-04-20 15:30</td></tr><tr><td class="font-medium">WO2026041805</td><td>西门子MRI</td><td>-</td><td>赵强</td><td>管理员</td><td>首次派单</td><td>2026-04-18 10:20</td></tr></tbody></table></div></div>
    <div class="page" id="page-grab-order" style="padding:24px"><h2 class="text-2xl font-bold text-gray-800 mb-6">抢单模式设置</h2><div class="card mb-6"><div class="flex justify-between items-center"><div><div class="font-bold">开启抢单模式</div><div class="text-sm text-gray-500">开启后，工程师可自主抢单</div></div><label class="relative inline-flex items-center cursor-pointer"><input type="checkbox" class="sr-only peer" checked><div class="w-11 h-6 bg-gray-200 peer-focus:outline-none rounded-full peer peer-checked:after:translate-x-full peer-checked:after:border-white after:content-[''] after:absolute after:top-[2px] after:left-[2px] after:bg-white after:border-gray-300 after:border after:rounded-full after:h-5 after:w-5 after:transition-all peer-checked:bg-blue-600"></div></label></div></div><div class="card mb-6"><h3 class="font-bold mb-4">待抢单工单</h3><table class="table"><thead><tr><th>工单编号</th><th>设备</th><th>地址</th><th>距离</th><th>工单等级</th><th>发布时间</th><th>操作</th></tr></thead><tbody><tr><td class="font-medium">WO2026042305</td><td>飞利浦超声</td><td>市妇幼保健院</td><td>3.5km</td><td><span class="badge badge-warning">普通</span></td><td>2026-04-23 16:00</td><td><button class="btn btn-outline" style="padding:4px 10px;font-size:12px">设为派单</button></td></tr></tbody></table></div><div class="card"><h3 class="font-bold mb-4">抢单记录</h3><table class="table"><thead><tr><th>工单编号</th><th>设备</th><th>抢单工程师</th><th>抢单时间</th></tr></thead><tbody><tr><td class="font-medium">WO2026042302</td><td>西门子MRI</td><td>吴涛</td><td>2026-04-23 11:20</td></tr></tbody></table></div></div>
    <div class="page" id="page-engineers" style="padding:24px"><h2 class="text-2xl font-bold text-gray-800 mb-6">工程师列表</h2><div class="flex justify-between mb-4"><div class="flex gap-4"><input type="text" class="search-box" placeholder="搜索工程师"><select class="search-box" style="width:120px"><option>全部</option><option>在线</option><option>忙碌</option><option>离线</option></select><button class="btn btn-primary">搜索</button></div><button class="btn btn-primary" onclick="showModal('add-engineer-modal')"><i class="ri-add-line"></i>添加工程师</button></div><div class="grid grid-cols-4 gap-6"><div class="card"><div class="flex items-center gap-4 mb-4"><div class="w-14 h-14 bg-blue-100 rounded-full flex items-center justify-center"><span class="text-xl font-bold text-blue-600">李</span></div><div><div class="font-bold">李明</div><div class="text-sm text-gray-500">138****1234</div></div><span class="badge badge-success ml-auto">在线</span></div><div class="grid grid-cols-3 gap-2 text-center mb-4"><div><div class="font-bold">45</div><div class="text-xs text-gray-500">接单量</div></div><div><div class="font-bold text-green-600">98%</div><div class="text-xs text-gray-500">完成率</div></div><div><div class="font-bold text-yellow-600">4.9</div><div class="text-xs text-gray-500">评分</div></div></div><div class="flex gap-2"><button class="btn btn-outline flex-1" style="justify-content:center;font-size:12px" onclick="showPage('engineer-detail')">详情</button><button class="btn btn-primary flex-1" style="justify-content:center;font-size:12px">指派</button></div></div><div class="card"><div class="flex items-center gap-4 mb-4"><div class="w-14 h-14 bg-orange-100 rounded-full flex items-center justify-center"><span class="text-xl font-bold text-orange-600">赵</span></div><div><div class="font-bold">赵强</div><div class="text-sm text-gray-500">139****5678</div></div><span class="badge badge-warning ml-auto">忙碌</span></div><div class="grid grid-cols-3 gap-2 text-center mb-4"><div><div class="font-bold">38</div><div class="text-xs text-gray-500">接单量</div></div><div><div class="font-bold text-green-600">95%</div><div class="text-xs text-gray-500">完成率</div></div><div><div class="font-bold text-yellow-600">4.8</div><div class="text-xs text-gray-500">评分</div></div></div><div class="flex gap-2"><button class="btn btn-outline flex-1" style="justify-content:center;font-size:12px" onclick="showPage('engineer-detail')">详情</button><button class="btn btn-primary flex-1" style="justify-content:center;font-size:12px">指派</button></div></div><div class="card"><div class="flex items-center gap-4 mb-4"><div class="w-14 h-14 bg-gray-100 rounded-full flex items-center justify-center"><span class="text-xl font-bold text-gray-600">周</span></div><div><div class="font-bold">周伟</div><div class="text-sm text-gray-500">137****9012</div></div><span class="badge badge-danger ml-auto">离线</span></div><div class="grid grid-cols-3 gap-2 text-center mb-4"><div><div class="font-bold">52</div><div class="text-xs text-gray-500">接单量</div></div><div><div class="font-bold text-green-600">96%</div><div class="text-xs text-gray-500">完成率</div></div><div><div class="font-bold text-yellow-600">4.7</div><div class="text-xs text-gray-500">评分</div></div></div><div class="flex gap-2"><button class="btn btn-outline flex-1" style="justify-content:center;font-size:12px" onclick="showPage('engineer-detail')">详情</button><button class="btn btn-primary flex-1" style="justify-content:center;font-size:12px">指派</button></div></div><div class="card"><div class="flex items-center gap-4 mb-4"><div class="w-14 h-14 bg-green-100 rounded-full flex items-center justify-center"><span class="text-xl font-bold text-green-600">吴</span></div><div><div class="font-bold">吴涛</div><div class="text-sm text-gray-500">136****3456</div></div><span class="badge badge-success ml-auto">在线</span></div><div class="grid grid-cols-3 gap-2 text-center mb-4"><div><div class="font-bold">41</div><div class="text-xs text-gray-500">接单量</div></div><div><div class="font-bold text-green-600">97%</div><div class="text-xs text-gray-500">完成率</div></div><div><div class="font-bold text-yellow-600">4.9</div><div class="text-xs text-gray-500">评分</div></div></div><div class="flex gap-2"><button class="btn btn-outline flex-1" style="justify-content:center;font-size:12px" onclick="showPage('engineer-detail')">详情</button><button class="btn btn-primary flex-1" style="justify-content:center;font-size:12px">指派</button></div></div></div></div>
    <div class="page" id="page-engineer-detail" style="padding:24px"><h2 class="text-2xl font-bold text-gray-800 mb-6">工程师详情</h2><div class="grid grid-cols-3 gap-6"><div class="col-span-2"><div class="card mb-6"><div class="flex items-center gap-4 mb-6"><div class="w-20 h-20 bg-blue-100 rounded-full flex items-center justify-center"><span class="text-3xl font-bold text-blue-600">李</span></div><div><div class="text-2xl font-bold">李明</div><div class="text-gray-500">工龄 8 年</div><div class="flex gap-2 mt-2"><span class="badge badge-success">在线</span><span class="badge badge-info">CT</span><span class="badge badge-info">MRI</span><span class="badge badge-info">DR</span></div></div></div><div class="grid grid-cols-4 gap-4 text-center mb-6"><div class="p-4 bg-blue-50 rounded-lg"><div class="text-2xl font-bold text-blue-600">45</div><div class="text-sm text-gray-500">本月接单</div></div><div class="p-4 bg-green-50 rounded-lg"><div class="text-2xl font-bold text-green-600">98%</div><div class="text-sm text-gray-500">完成率</div></div><div class="p-4 bg-yellow-50 rounded-lg"><div class="text-2xl font-bold text-yellow-600">4.9</div><div class="text-sm text-gray-500">评分</div></div><div class="p-4 bg-purple-50 rounded-lg"><div class="text-2xl font-bold text-purple-600">0</div><div class="text-sm text-gray-500">差评数</div></div></div><div class="grid grid-cols-2 gap-4"><div><div class="text-sm text-gray-500">联系电话</div><div class="font-medium">138****1234</div></div><div><div class="text-sm text-gray-500">负责区域</div><div class="font-medium">市区东部</div></div><div><div class="text-sm text-gray-500">擅长领域</div><div class="font-medium">CT、MRI、DR设备维修</div></div><div><div class="text-sm text-gray-500">入驻时间</div><div class="font-medium">2020-03-15</div></div></div></div><div class="card"><h3 class="font-bold mb-4">工单记录</h3><table class="table"><thead><tr><th>工单编号</th><th>设备</th><th>客户</th><th>状态</th><th>完成时间</th><th>评分</th></tr></thead><tbody><tr><td class="font-medium">WO2026042301</td><td>GE CT</td><td>市第一人民医院</td><td><span class="badge badge-info">维修中</span></td><td>-</td><td>-</td></tr><tr><td class="font-medium">WO2026042001</td><td>西门子MRI</td><td>市中心医院</td><td><span class="badge badge-success">已完成</span></td><td>2026-04-20 16:30</td><td><span class="text-yellow-500">5.0</span></td></tr></tbody></table></div></div><div><div class="card mb-6"><h3 class="font-bold mb-4">状态管理</h3><div class="space-y-2"><label class="flex items-center gap-2 p-2 rounded cursor-pointer hover:bg-gray-50"><input type="radio" name="status" checked><span>在线</span></label><label class="flex items-center gap-2 p-2 rounded cursor-pointer hover:bg-gray-50"><input type="radio" name="status"><span>忙碌</span></label><label class="flex items-center gap-2 p-2 rounded cursor-pointer hover:bg-gray-50"><input type="radio" name="status"><span>离线</span></label></div><button class="btn btn-primary w-full mt-4">保存状态</button></div><div class="card mb-6"><h3 class="font-bold mb-4">操作</h3><button class="btn btn-outline w-full mb-2">编辑信息</button><button class="btn btn-outline w-full mb-2">重置密码</button><button class="btn btn-outline w-full mb-2">禁用账号</button></div></div></div></div>
    <div class="page" id="page-engineer-stats" style="padding:24px"><h2 class="text-2xl font-bold text-gray-800 mb-6">工程师统计</h2><div class="card mb-6"><h3 class="font-bold mb-4">工作量排行 TOP 10</h3><table class="table"><thead><tr><th>排名</th><th>工程师</th><th>接单量</th><th>完成量</th><th>完成率</th><th>好评率</th><th>评分</th></tr></thead><tbody><tr><td><span class="w-6 h-6 bg-yellow-500 text-white rounded-full flex items-center justify-center text-sm font-bold inline-block">1</span></td><td>李明</td><td>45</td><td>44</td><td>98%</td><td>100%</td><td class="text-yellow-500 font-bold">4.9</td></tr><tr><td><span class="w-6 h-6 bg-gray-400 text-white rounded-full flex items-center justify-center text-sm font-bold inline-block">2</span></td><td>赵强</td><td>38</td><td>36</td><td>95%</td><td>97%</td><td class="text-yellow-500 font-bold">4.8</td></tr><tr><td><span class="w-6 h-6 bg-orange-400 text-white rounded-full flex items-center justify-center text-sm font-bold inline-block">3</span></td><td>周伟</td><td>35</td><td>34</td><td>97%</td><td>95%</td><td class="text-yellow-500 font-bold">4.7</td></tr></tbody></table></div><div class="grid grid-cols-2 gap-6"><div class="card"><h3 class="font-bold mb-4">本月工单分布</h3><div class="flex items-center justify-around h-48"><div class="text-center"><div class="w-20 h-20 bg-blue-500 rounded-full flex items-center justify-center text-white text-2xl font-bold">128</div><div class="mt-2 text-gray-500">总工单</div></div></div></div><div class="card"><h3 class="font-bold mb-4">效率分析</h3><div class="space-y-4"><div><div class="flex justify-between mb-1"><span class="text-sm">平均响应时间</span><span class="font-bold">15分钟</span></div><div class="h-2 bg-gray-200 rounded"><div class="h-2 bg-green-500 rounded" style="width:85%"></div></div></div><div><div class="flex justify-between mb-1"><span class="text-sm">平均维修时长</span><span class="font-bold">3.5小时</span></div><div class="h-2 bg-gray-200 rounded"><div class="h-2 bg-blue-500 rounded" style="width:70%"></div></div></div><div><div class="flex justify-between mb-1"><span class="text-sm">一次修复率</span><span class="font-bold">92%</span></div><div class="h-2 bg-gray-200 rounded"><div class="h-2 bg-purple-500 rounded" style="width:92%"></div></div></div></div></div></div></div>
    <div class="page" id="page-engineer-area" style="padding:24px"><h2 class="text-2xl font-bold text-gray-800 mb-6">区域划分</h2><div class="grid grid-cols-3 gap-6"><div class="card"><h3 class="font-bold mb-4">市区东部</h3><div class="text-sm text-gray-500 mb-4">负责人：李明</div><div class="space-y-2"><div class="p-2 bg-gray-50 rounded">市第一人民医院</div><div class="p-2 bg-gray-50 rounded">市第二医院</div></div><button class="btn btn-outline w-full mt-4">编辑区域</button></div><div class="card"><h3 class="font-bold mb-4">市区西部</h3><div class="text-sm text-gray-500 mb-4">负责人：赵强</div><div class="space-y-2"><div class="p-2 bg-gray-50 rounded">市中心医院</div><div class="p-2 bg-gray-50 rounded">市中医院</div></div><button class="btn btn-outline w-full mt-4">编辑区域</button></div><div class="card"><h3 class="font-bold mb-4">郊区</h3><div class="text-sm text-gray-500 mb-4">负责人：周伟</div><div class="space-y-2"><div class="p-2 bg-gray-50 rounded">区人民医院</div><div class="p-2 bg-gray-50 rounded">乡镇卫生院</div></div><button class="btn btn-outline w-full mt-4">编辑区域</button></div></div></div>
    <div class="page" id="page-engineer-skill" style="padding:24px"><h2 class="text-2xl font-bold text-gray-800 mb-6">技能标签管理</h2><div class="card mb-6"><div class="flex justify-between mb-4"><h3 class="font-bold">设备分类标签</h3><button class="btn btn-primary"><i class="ri-add-line"></i>添加标签</button></div><div class="flex gap-2 flex-wrap"><span class="px-4 py-2 bg-blue-100 text-blue-700 rounded-full flex items-center gap-2"><span>CT</span><i class="ri-close-line cursor-pointer"></i></span><span class="px-4 py-2 bg-green-100 text-green-700 rounded-full flex items-center gap-2"><span>MRI</span><i class="ri-close-line cursor-pointer"></i></span><span class="px-4 py-2 bg-yellow-100 text-yellow-700 rounded-full flex items-center gap-2"><span>X光机</span><i class="ri-close-line cursor-pointer"></i></span><span class="px-4 py-2 bg-purple-100 text-purple-700 rounded-full flex items-center gap-2"><span>超声</span><i class="ri-close-line cursor-pointer"></i></span><span class="px-4 py-2 bg-red-100 text-red-700 rounded-full flex items-center gap-2"><span>DR</span><i class="ri-close-line cursor-pointer"></i></span></div></div><div class="card"><h3 class="font-bold mb-4">工程师技能配置</h3><table class="table"><thead><tr><th>工程师</th><th>技能标签</th><th>操作</th></tr></thead><tbody><tr><td>李明</td><td><span class="badge badge-info">CT</span><span class="badge badge-info">MRI</span><span class="badge badge-info">DR</span></td><td><button class="btn btn-outline" style="padding:4px 10px;font-size:12px">编辑</button></td></tr><tr><td>赵强</td><td><span class="badge badge-info">超声</span><span class="badge badge-info">X光机</span></td><td><button class="btn btn-outline" style="padding:4px 10px;font-size:12px">编辑</button></td></tr></tbody></table></div></div>
    <div class="page" id="page-equipment" style="padding:24px"><h2 class="text-2xl font-bold text-gray-800 mb-6">设备管理</h2><div class="flex justify-between mb-4"><div class="flex gap-4"><input type="text" class="search-box" placeholder="搜索设备"><select class="search-box" style="width:150px"><option>全部分类</option><option>CT</option><option>MRI</option><option>X光机</option><option>超声</option></select><button class="btn btn-primary">搜索</button></div><div class="flex gap-2"><button class="btn btn-outline"><i class="ri-upload-line"></i>批量导入</button><button class="btn btn-outline"><i class="ri-qr-code-line"></i>生成二维码</button><button class="btn btn-primary" onclick="showPage('equipment-add')"><i class="ri-add-line"></i>添加设备</button></div></div><div class="card"><table class="table"><thead><tr><th>设备编号</th><th>设备名称</th><th>品牌型号</th><th>分类</th><th>客户单位</th><th>位置</th><th>维保到期</th><th>操作</th></tr></thead><tbody><tr><td class="font-medium">EQ001</td><td>GE CT扫描仪</td><td>GE Revolution CT</td><td><span class="badge badge-info">CT</span></td><td>市第一人民医院</td><td>CT室</td><td class="text-red-500">2026-05-15</td><td><button class="btn btn-outline" style="padding:4px 10px;font-size:12px" onclick="showPage('equipment-add')">编辑</button><button class="btn btn-outline" style="padding:4px 10px;font-size:12px" onclick="showPage('equipment-record')">记录</button></td></tr><tr><td class="font-medium">EQ002</td><td>西门子MRI</td><td>Siemens MAGNETOM</td><td><span class="badge badge-info">MRI</span></td><td>市中心医院</td><td>MRI室</td><td class="text-green-600">2026-12-01</td><td><button class="btn btn-outline" style="padding:4px 10px;font-size:12px">编辑</button><button class="btn btn-outline" style="padding:4px 10px;font-size:12px">记录</button></td></tr><tr><td class="font-medium">EQ003</td><td>飞利浦超声</td><td>Philips EPIQ 7</td><td><span class="badge badge-info">超声</span></td><td>市妇幼保健院</td><td>B超室</td><td class="text-green-600">2027-03-20</td><td><button class="btn btn-outline" style="padding:4px 10px;font-size:12px">编辑</button><button class="btn btn-outline" style="padding:4px 10px;font-size:12px">记录</button></td></tr></tbody></table></div></div>
    <div class="page" id="page-equipment-add" style="padding:24px"><h2 class="text-2xl font-bold text-gray-800 mb-6">添加设备</h2><div class="card"><div class="grid grid-cols-2 gap-6"><div class="form-group"><label class="form-label">设备名称 *</label><input type="text" class="form-input" placeholder="请输入设备名称"></div><div class="form-group"><label class="form-label">设备编号 *</label><input type="text" class="form-input" placeholder="请输入设备编号"></div><div class="form-group"><label class="form-label">品牌型号 *</label><input type="text" class="form-input" placeholder="请输入品牌型号"></div><div class="form-group"><label class="form-label">设备分类 *</label><select class="form-input"><option>请选择分类</option><option>CT</option><option>MRI</option><option>X光机</option><option>超声</option><option>DR</option></select></div><div class="form-group"><label class="form-label">客户单位 *</label><select class="form-input"><option>请选择客户</option><option>市第一人民医院</option><option>市中心医院</option><option>市中医院</option></select></div><div class="form-group"><label class="form-label">安装位置</label><input type="text" class="form-input" placeholder="如：CT室"></div><div class="form-group"><label class="form-label">购买日期</label><input type="date" class="form-input"></div><div class="form-group"><label class="form-label">维保到期日期</label><input type="date" class="form-input"></div><div class="form-group col-span-2"><label class="form-label">设备描述</label><textarea class="form-input" rows="3" placeholder="请输入设备描述">
配件编号	配件名称	规格型号	适用设备	库存	单价	状态	操作
PT001	CT球管	GE-RT-500	GE CT系列	2	¥150,000	库存不足
PT002	MRI线圈	SI-COIL-8CH	西门子MRI	8	¥45,000	正常
角色名称	描述	人数
管理员	拥有全部权限	2
调度员	负责派单管理	3
财务	负责费用管理	2
操作人	操作类型	操作内容	IP地址	时间
管理员	派单	将工单WO2026042302派给李明	192.168.1.100	2026-04-23 11:20
管理员	编辑	修改设备信息 EQ001	192.168.1.100	2026-04-23 10:30
分类名称	设备数量	描述
CT	15	计算机断层扫描仪
MRI	12	磁共振成像系统
X光机	20	X射线摄影设备
超声	25	超声诊断设备
工单编号	故障类型	维修日期	工程师	费用	状态
WO2026042301	球管故障	2026-04-23	李明	¥152,500	维修中
WO2026031502	日常保养	2026-03-15	李明	¥500	已完成
工单编号	设备	工程师	当前进度	开始时间	预计完成	操作
WO2026042301	GE CT扫描仪	李明	60%	2026-04-23 11:00	2026-04-24
WO2026042208	西门子MRI	赵强	85%	2026-04-22 09:00	2026-04-23
工单编号	设备	客户	金额	提交时间	状态	操作
WO2026042204	DR X光机	陈院长	¥11,000	2026-04-22 17:00	待收款
WO2026042001	西门子MRI	王主任	¥37,000	2026-04-20 17:00	已收款
日期	工单编号	客户	收入	支出	备注
2026-04-22	WO2026042204	陈院长	¥11,000	-	待收款
2026-04-20	WO2026042001	王主任	¥37,000	-	已收款
合计			¥48,000	¥35,000
客户名称	联系人	电话	等级	设备数量	工单数量	操作
市第一人民医院	张主任	138****1234	VIP	5	28
市中心医院	王院长	139****5678	VIP	4	22
编辑页面

设备分类管理

二维码管理

批量导入设备

设备维保记录

维修历史

维修进度管理

维修记录

配件使用记录

完工确认

客户签字确认

费用录入

费用审核

费用统计

收入趋势

收款管理

退款管理

对账单

2026年4月对账单

导出报表

评价列表

差评处理

评价统计

客户管理

客户详情

设备列表

基本信息

客户等级管理

等级设置

客户等级列表

投诉记录

配件管理

添加配件

库存管理

库存预警

配件申请

配件审批

产品管理

添加产品

产品分类管理

工单统计

工程师统计

工作量排行

收入统计

设备统计

设备故障率统计

公司简介设置

Banner设置

故障类型设置

故障类型列表

费用标准设置

短信设置

支付设置

意见反馈

管理员登录

角色权限

角色列表

操作日志

指派工程师

添加工程师
