From 41a3399369dbecf5e2aaba0b939e70d5e707fb12 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=AC=94=E8=AE=B0=E6=9C=AC=E9=87=8C=E7=9A=84=E6=B0=B8?=
 =?UTF-8?q?=E5=B9=B3?= <fsmecx@gmail.com>
Date: Mon, 21 Jul 2025 10:09:59 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E6=9C=AC=E6=AC=A1=E6=8F=90=E4=BA=A4?=
 =?UTF-8?q?=E6=9B=B4=E6=96=B0=E5=86=85=E5=AE=B9=E5=A6=82=E4=B8=8B=20?=
 =?UTF-8?q?=E8=AE=A1=E5=88=92=E5=88=97=E8=A1=A8=E6=90=9C=E7=B4=A2=E6=A1=86?=
 =?UTF-8?q?=E4=BC=98=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 nkebao/package.json                           |   1 +
 nkebao/src/pages/scenarios/plan/list/data.ts  |   7 ++
 .../scenarios/plan/list/index.module.scss     |   6 +-
 .../src/pages/scenarios/plan/list/index.tsx   | 103 ++++++++----------
 4 files changed, 56 insertions(+), 61 deletions(-)

diff --git a/nkebao/package.json b/nkebao/package.json
index 88746967..e2f14498 100644
--- a/nkebao/package.json
+++ b/nkebao/package.json
@@ -1,5 +1,6 @@
 {
   "name": "nkebao-base",
+  "license": "MIT",
   "version": "0.1.0",
   "private": true,
   "dependencies": {
diff --git a/nkebao/src/pages/scenarios/plan/list/data.ts b/nkebao/src/pages/scenarios/plan/list/data.ts
index 0f36a6c9..737793e9 100644
--- a/nkebao/src/pages/scenarios/plan/list/data.ts
+++ b/nkebao/src/pages/scenarios/plan/list/data.ts
@@ -13,6 +13,13 @@ export interface Task {
     acquired?: number;
     added?: number;
   };
+  reqConf?: {
+    device?: string[];
+    selectedDevices?: string[];
+  };
+  acquiredCount?: number;
+  addedCount?: number;
+  passRate?: number;
 }
 
 export interface ApiSettings {
diff --git a/nkebao/src/pages/scenarios/plan/list/index.module.scss b/nkebao/src/pages/scenarios/plan/list/index.module.scss
index 50366c87..6b75834e 100644
--- a/nkebao/src/pages/scenarios/plan/list/index.module.scss
+++ b/nkebao/src/pages/scenarios/plan/list/index.module.scss
@@ -1,7 +1,5 @@
 .scenario-list-page {
-  padding: 16px;
-  background: #f5f5f5;
-  min-height: 100vh;
+  padding:0 16px;
 }
 
 .nav-title {
@@ -33,8 +31,8 @@
 .search-bar {
   display: flex;
   gap: 12px;
-  margin-bottom: 16px;
   align-items: center;
+  padding: 16px;
 }
 
 .search-input-wrapper {
diff --git a/nkebao/src/pages/scenarios/plan/list/index.tsx b/nkebao/src/pages/scenarios/plan/list/index.tsx
index 9ec0f8df..18d18b5f 100644
--- a/nkebao/src/pages/scenarios/plan/list/index.tsx
+++ b/nkebao/src/pages/scenarios/plan/list/index.tsx
@@ -347,68 +347,59 @@ const ScenarioList: React.FC = () => {
     },
   ];
 
-  if (loading) {
-    return (
-      <Layout
-        header={
-          <NavBar back={null} style={{ background: "#fff" }}>
-            <div className={style["nav-title"]}>场景详情</div>
-          </NavBar>
-        }
-        footer={<MeauMobile />}
-      >
-        <div className={style["loading"]}>
-          <SpinLoading color="primary" style={{ fontSize: 32 }} />
-          <div className={style["loading-text"]}>加载场景数据中...</div>
-        </div>
-      </Layout>
-    );
-  }
+  const deviceCount = (task: Task) => {
+    return Array.isArray(task.reqConf?.device)
+      ? task.reqConf!.device.length
+      : Array.isArray(task.reqConf?.selectedDevices)
+        ? task.reqConf!.selectedDevices.length
+        : 0;
+  };
 
   return (
     <Layout
       header={
-        <NavBar
-          back={null}
-          style={{ background: "#fff" }}
-          left={<div className={style["nav-title"]}>{pageTitle}</div>}
-          right={
+        <>
+          <NavBar
+            back={null}
+            style={{ background: "#fff" }}
+            left={<div className={style["nav-title"]}>{pageTitle}</div>}
+            right={
+              <Button
+                size="small"
+                color="primary"
+                onClick={handleCreateNewPlan}
+                className={style["new-plan-btn"]}
+              >
+                <PlusOutlined /> 新建计划
+              </Button>
+            }
+          />
+          {/* 搜索栏 */}
+          <div className={style["search-bar"]}>
+            <div className={style["search-input-wrapper"]}>
+              <Input
+                placeholder="搜索计划名称"
+                value={searchTerm}
+                onChange={(e) => setSearchTerm(e.target.value)}
+                prefix={<SearchOutlined />}
+                allowClear
+                size="large"
+              />
+            </div>
             <Button
               size="small"
-              color="primary"
-              onClick={handleCreateNewPlan}
-              className={style["new-plan-btn"]}
+              onClick={handleRefresh}
+              loading={loadingTasks}
+              className={style["refresh-btn"]}
             >
-              <PlusOutlined /> 新建计划
+              <ReloadOutlined />
             </Button>
-          }
-        />
+          </div>
+        </>
       }
-      footer={<MeauMobile />}
+      loading={loading}
     >
       <div className={style["scenario-list-page"]}>
-        {/* 搜索栏 */}
-        <div className={style["search-bar"]}>
-          <div className={style["search-input-wrapper"]}>
-            <Input
-              placeholder="搜索计划名称"
-              value={searchTerm}
-              onChange={(e) => setSearchTerm(e.target.value)}
-              prefix={<SearchOutlined />}
-              allowClear
-              size="middle"
-            />
-          </div>
-          <Button
-            size="small"
-            onClick={handleRefresh}
-            loading={loadingTasks}
-            className={style["refresh-btn"]}
-          >
-            <ReloadOutlined />
-          </Button>
-        </div>
-
         {/* 计划列表 */}
         <div className={style["plan-list"]}>
           {filteredTasks.length === 0 ? (
@@ -450,19 +441,19 @@ const ScenarioList: React.FC = () => {
                   <div className={style["stat-item"]}>
                     <div className={style["stat-label"]}>设备数</div>
                     <div className={style["stat-value"]}>
-                      {task.stats?.devices || 0}
+                      {deviceCount(task)}
                     </div>
                   </div>
                   <div className={style["stat-item"]}>
                     <div className={style["stat-label"]}>已获客</div>
                     <div className={style["stat-value"]}>
-                      {task.stats?.acquired || 0}
+                      {task?.acquiredCount || 0}
                     </div>
                   </div>
                   <div className={style["stat-item"]}>
                     <div className={style["stat-label"]}>已添加</div>
                     <div className={style["stat-value"]}>
-                      {task.stats?.added || 0}
+                      {task.addedCount || 0}
                     </div>
                   </div>
                   <div className={style["stat-item"]}>
@@ -475,9 +466,7 @@ const ScenarioList: React.FC = () => {
                 <div className={style["plan-footer"]}>
                   <div className={style["last-execution"]}>
                     <ClockCircleOutlined />
-                    <span>
-                      上次执行: {formatTime(task.updated_at || task.created_at)}
-                    </span>
+                    <span>上次执行: {task.lastUpdated || "--"}</span>
                   </div>
                 </div>
               </Card>