feat: 存储了

nkebao/src/pages/scenarios/Scenarios.tsx

@@ -1,6 +1,7 @@
 import React, { useEffect, useState } from 'react';
 import { useNavigate } from 'react-router-dom';
 import { Plus, TrendingUp } from 'lucide-react';
+import PageHeader from '@/components/PageHeader';
 
 interface Scenario {
   id: string;
@@ -107,11 +108,10 @@ export default function Scenarios() {
   if (loading) {
     return (
       <div className="flex-1 overflow-y-auto pb-20 bg-gray-50">
-        <header className="sticky top-0 z-10 bg-white border-b">
-          <div className="flex items-center justify-between p-4">
-            <h1 className="text-xl font-semibold">场景获客</h1>
-          </div>
-        </header>
+        <PageHeader
+          title="场景获客"
+          showBack={false}
+        />
         <div className="flex justify-center items-center h-40">
           <div className="text-gray-500">加载中...</div>
         </div>
@@ -122,11 +122,10 @@ export default function Scenarios() {
   if (error) {
     return (
       <div className="flex-1 overflow-y-auto pb-20 bg-gray-50">
-        <header className="sticky top-0 z-10 bg-white border-b">
-          <div className="flex items-center justify-between p-4">
-            <h1 className="text-xl font-semibold">场景获客</h1>
-          </div>
-        </header>
+        <PageHeader
+          title="场景获客"
+          showBack={false}
+        />
         <div className="text-red-500 text-center py-8">{error}</div>
       </div>
     );
@@ -134,9 +133,10 @@ export default function Scenarios() {
 
   return (
     <div className="flex-1 overflow-y-auto pb-20 bg-gray-50">
-      <header className="sticky top-0 z-10 bg-white border-b">
-        <div className="flex items-center justify-between p-4">
-          <h1 className="text-xl font-semibold">场景获客</h1>
+      <PageHeader
+        title="场景获客"
+        showBack={false}
+        rightContent={
           <button 
             onClick={() => navigate('/scenarios/new')}
             className="flex items-center px-3 py-2 bg-blue-600 text-white rounded-md hover:bg-blue-700 transition-colors text-sm"
@@ -144,8 +144,8 @@ export default function Scenarios() {
             <Plus className="h-4 w-4 mr-1" />
             新建计划
           </button>
-        </div>
-      </header>
+        }
+      />
 
       <div className="p-4">
         <div className="grid grid-cols-2 gap-4">