/* === Operation Overview Page === */
function PageOperationOverview({ onNav }) {
  
  return (
    <div className="page-operation">
      <div className="card operation-header-card">
        <div className="card-header">
          <h2>运营管理</h2>
          <p>管理系统运营相关的功能模块</p>
        </div>
        <div className="card-body">
          <div className="grid grid-3">
            <div className="stat-card cursor-pointer" onClick={() => onNav("operation-user")}>
              <div className="stat-icon" style={{ background: "#e8f4fd", color: "#0f5cff" }}>👥</div>
              <div className="stat-info">
                <div className="stat-value">用户权限</div>
                <div className="stat-label">用户、角色、权限管理</div>
              </div>
            </div>
            <div className="stat-card cursor-pointer" onClick={() => onNav("operation-batch")}>
              <div className="stat-icon" style={{ background: "#f0fdf4", color: "#059669" }}>📋</div>
              <div className="stat-info">
                <div className="stat-value">批量任务</div>
                <div className="stat-label">批量定义和查看</div>
              </div>
            </div>
            <div className="stat-card cursor-pointer" onClick={() => onNav("operation-rule")}>
              <div className="stat-icon" style={{ background: "#fff7ed", color: "#ea580c" }}>⚡</div>
              <div className="stat-info">
                <div className="stat-value">规则策略</div>
                <div className="stat-label">预警、策略配置</div>
              </div>
            </div>
            <div className="stat-card cursor-pointer" onClick={() => onNav("operation-product")}>
              <div className="stat-icon" style={{ background: "#e0f2fe", color: "#0284c7" }}>📦</div>
              <div className="stat-info">
                <div className="stat-value">产品维护</div>
                <div className="stat-label">产品信息管理</div>
              </div>
            </div>
            <div className="stat-card cursor-pointer" onClick={() => onNav("operation-data")}>
              <div className="stat-icon" style={{ background: "#fdf4ff", color: "#9333ea" }}>📦</div>
              <div className="stat-info">
                <div className="stat-value">数据接入</div>
                <div className="stat-label">数据同步、获取、入库</div>
              </div>
            </div>
            <div className="stat-card cursor-pointer" onClick={() => onNav("operation-probe")}>
              <div className="stat-icon" style={{ background: "#fef3c7", color: "#d97706" }}>🔍</div>
              <div className="stat-info">
                <div className="stat-value">数据探查</div>
                <div className="stat-label">查看和管理所有表数据</div>
              </div>
            </div>
            <div className="stat-card cursor-pointer" onClick={() => onNav("operation-dict")}>
              <div className="stat-icon" style={{ background: "#ecfdf5", color: "#10b981" }}>📋</div>
              <div className="stat-info">
                <div className="stat-value">数据字典</div>
                <div className="stat-label">管理系统所有字典数据</div>
              </div>
            </div>
            <div className="stat-card cursor-pointer" onClick={() => onNav("operation-indicator")}>
              <div className="stat-icon" style={{ background: "#e0e7ff", color: "#6366f1" }}>📈</div>
              <div className="stat-info">
                <div className="stat-value">净值指标</div>
                <div className="stat-label">净值计算与指标管理</div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  );
}
