From e8675dcca468be0c2d2debc857456091f3c05bd1 Mon Sep 17 00:00:00 2001
From: zeyan <258785420@qq.com>
Date: Thu, 24 Jul 2025 11:26:25 +0800
Subject: [PATCH] =?UTF-8?q?=E4=B8=B4=E6=97=B6=E6=8F=90=E4=BA=A4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../api/controller/apiController/Course.php   |    7 +-
 .../model/course_schedule/CourseSchedule.php  |    4 -
 .../service/api/apiService/CourseService.php  |   96 +-
 .../api/apiService/ResourceSharingService.php |   34 +-
 package-lock.json                             |   71 +
 package.json                                  |    5 +
 uniapp/common/util.js                         |  167 +-
 uniapp/common/utils-index.js                  |  155 +
 uniapp/components/README.md                   |  266 ++
 .../call-record-card/call-record-card.vue     |  140 +
 .../client-info-card/client-info-card.vue     |  217 ++
 .../course-edit-popup/course-edit-popup.less  |  153 +
 .../course-edit-popup/course-edit-popup.vue   |  159 +
 .../fitness-record-card.vue                   |  163 +
 .../fitness-record-popup.less                 |  215 +
 .../fitness-record-popup.vue                  |  276 ++
 uniapp/components/index.js                    |  105 +
 .../student-edit-popup.less                   |  228 ++
 .../student-edit-popup/student-edit-popup.vue |  324 ++
 .../student-info-card/student-info-card.vue   |  229 ++
 .../components/tab-switcher/tab-switcher.vue  |   70 +
 .../pages/market/clue/class_arrangement.vue   |  365 +-
 uniapp/pages/market/clue/clue_info.less       | 2204 +++++++++++
 uniapp/pages/market/clue/clue_info.scss       | 1408 +++++++
 uniapp/pages/market/clue/clue_info.vue        | 3443 ++---------------
 .../market/clue/clue_info_refactored.vue      |  549 +++
 uniapp/pages/market/clue/index.vue            |    4 +-
 uniapp权限管理配置文档.md             |  280 ++
 28 files changed, 8275 insertions(+), 3062 deletions(-)
 create mode 100644 package-lock.json
 create mode 100644 package.json
 create mode 100644 uniapp/common/utils-index.js
 create mode 100644 uniapp/components/README.md
 create mode 100644 uniapp/components/call-record-card/call-record-card.vue
 create mode 100644 uniapp/components/client-info-card/client-info-card.vue
 create mode 100644 uniapp/components/course-edit-popup/course-edit-popup.less
 create mode 100644 uniapp/components/course-edit-popup/course-edit-popup.vue
 create mode 100644 uniapp/components/fitness-record-card/fitness-record-card.vue
 create mode 100644 uniapp/components/fitness-record-popup/fitness-record-popup.less
 create mode 100644 uniapp/components/fitness-record-popup/fitness-record-popup.vue
 create mode 100644 uniapp/components/index.js
 create mode 100644 uniapp/components/student-edit-popup/student-edit-popup.less
 create mode 100644 uniapp/components/student-edit-popup/student-edit-popup.vue
 create mode 100644 uniapp/components/student-info-card/student-info-card.vue
 create mode 100644 uniapp/components/tab-switcher/tab-switcher.vue
 create mode 100644 uniapp/pages/market/clue/clue_info.less
 create mode 100644 uniapp/pages/market/clue/clue_info.scss
 create mode 100644 uniapp/pages/market/clue/clue_info_refactored.vue
 create mode 100644 uniapp权限管理配置文档.md

diff --git a/niucloud/app/api/controller/apiController/Course.php b/niucloud/app/api/controller/apiController/Course.php
index 77787823..d8b8f06e 100644
--- a/niucloud/app/api/controller/apiController/Course.php
+++ b/niucloud/app/api/controller/apiController/Course.php
@@ -90,7 +90,12 @@ class Course extends BaseApiService
 
     public function courseAllList(Request $request){
         $data = $this->request->params([
-            ["schedule_date",0]
+            ["schedule_date",0],
+            ["start_date",""],      // 开始日期
+            ["end_date",""],        // 结束日期
+            ["teacher_name",""],    // 教练姓名
+            ["venue_number",""],    // 场地编号
+            ["time_hour",""]        // 时间段
         ]);
         return success((new CourseService())->listAll($data));
     }
diff --git a/niucloud/app/model/course_schedule/CourseSchedule.php b/niucloud/app/model/course_schedule/CourseSchedule.php
index 943e5c23..1ab2c188 100644
--- a/niucloud/app/model/course_schedule/CourseSchedule.php
+++ b/niucloud/app/model/course_schedule/CourseSchedule.php
@@ -109,9 +109,5 @@ class CourseSchedule extends BaseModel
         return $this->hasOne(Campus::class, 'id', 'campus_id')->joinType('left')->withField('campus_name,id')->bind(['campus_name'=>'campus_name']);
     }
 
-    public function studentCourses()
-    {
-        return $this->hasOne(StudentCourses::class, 'course_id', 'course_id');
-    }
 
 }
diff --git a/niucloud/app/service/api/apiService/CourseService.php b/niucloud/app/service/api/apiService/CourseService.php
index 2e1c6eed..e024297b 100644
--- a/niucloud/app/service/api/apiService/CourseService.php
+++ b/niucloud/app/service/api/apiService/CourseService.php
@@ -319,18 +319,81 @@ class CourseService extends BaseApiService
     public function listAll($data)
     {
         $where = [];
+        
+        // 基础日期查询
         if ($data['schedule_date']) {
             $where[] = ['course_date','=', $data['schedule_date']];
         }
+        
+        // 日期范围查询
+        if (!empty($data['start_date'])) {
+            $where[] = ['course_date','>=', $data['start_date']];
+        }
+        if (!empty($data['end_date'])) {
+            $where[] = ['course_date','<=', $data['end_date']];
+        }
+        
+        // 场地编号筛选 - 根据venue表的id或venue_name进行筛选
+        if (!empty($data['venue_number'])) {
+            // 先查询匹配的场地ID
+            $venue_ids = Db::name('venue')->where('id', $data['venue_number'])->column('id');
+            if (empty($venue_ids)) {
+                // 如果根据ID查不到，可能是根据场地名称查询
+                $venue_ids = Db::name('venue')->where('venue_name', 'like', '%' . $data['venue_number'] . '%')->column('id');
+            }
+            
+            if (empty($venue_ids)) {
+                // 如果没有找到匹配的场地，返回空结果
+                return [];
+            }
+            
+            $where[] = ['venue_id', 'in', $venue_ids];
+        }
+        
+        // 教练姓名筛选 - 需要关联personnel表
+        if (!empty($data['teacher_name'])) {
+            // 先查询匹配的教练ID
+            $coach_ids = Db::name('personnel')->where('name', 'like', '%' . $data['teacher_name'] . '%')->column('id');
+            if (!empty($coach_ids)) {
+                $where[] = ['coach_id', 'in', $coach_ids];
+            } else {
+                // 如果找不到匹配的教练，返回空结果
+                return [];
+            }
+        }
+        
         $CourseSchedule = new CourseSchedule();
-        $list = $CourseSchedule
-            ->where($where)
-            ->with(['course' => function($query) {
-                $query->select();
-            },'venue' => function($query) {
-                $query->select();
-            },'campus','studentCourses'])
+        $query = $CourseSchedule->where($where);
+        
+        // 时间段筛选 - 根据time_slot字段和传入的时间范围
+        if (!empty($data['time_hour']) && $data['time_hour'] !== '全部时间') {
+            $time_condition = $this->getTimeSlotCondition($data['time_hour']);
+            if ($time_condition) {
+                [$start_time, $end_time] = $time_condition;
+                // 查询time_slot字段中包含在指定时间范围内的课程
+                // time_slot格式为"HH:MM-HH:MM"，我们需要检查时间段是否有重叠
+                $query = $query->where(function ($subQuery) use ($start_time, $end_time) {
+                    $subQuery->where('time_slot', 'like', $start_time . '%')
+                        ->whereOr('time_slot', 'like', '%' . $start_time . '%')
+                        ->whereOr('time_slot', 'like', '%' . $end_time . '%')
+                        ->whereOr(function ($subQuery2) use ($start_time, $end_time) {
+                            // 检查开始时间是否在范围内
+                            $subQuery2->whereRaw("TIME(SUBSTRING_INDEX(time_slot, '-', 1)) >= ?", [$start_time])
+                                ->whereRaw("TIME(SUBSTRING_INDEX(time_slot, '-', 1)) < ?", [$end_time]);
+                        })
+                        ->whereOr(function ($subQuery3) use ($start_time, $end_time) {
+                            // 检查结束时间是否在范围内
+                            $subQuery3->whereRaw("TIME(SUBSTRING_INDEX(time_slot, '-', -1)) > ?", [$start_time])
+                                ->whereRaw("TIME(SUBSTRING_INDEX(time_slot, '-', -1)) <= ?", [$end_time]);
+                        });
+                });
+            }
+        }
+        
+        $list = $query
+            ->with(['course','venue','campus','coach'])
             ->select()->toArray();
+            
         foreach ($list as $k => $v) {
             $student = Db::name('person_course_schedule')
                 ->alias('pcs')
@@ -344,6 +407,25 @@ class CourseService extends BaseApiService
         }
         return $list;
     }
+    
+    /**
+     * 根据时间选择器的值获取时间段查询条件
+     * @param string $timeHour
+     * @return array|null 返回时间范围数组 [start_hour, end_hour] 或 null
+     */
+    private function getTimeSlotCondition($timeHour)
+    {
+        switch ($timeHour) {
+            case '上午(8:00-12:00)':
+                return ['08:00', '12:00']; // 上午时间范围
+            case '下午(12:00-18:00)':
+                return ['12:00', '18:00']; // 下午时间范围  
+            case '晚上(18:00-22:00)':
+                return ['18:00', '22:00']; // 晚上时间范围
+            default:
+                return null;
+        }
+    }
 
 
     public function addSchedule(array $data){
diff --git a/niucloud/app/service/api/apiService/ResourceSharingService.php b/niucloud/app/service/api/apiService/ResourceSharingService.php
index cb9f714e..ac791073 100644
--- a/niucloud/app/service/api/apiService/ResourceSharingService.php
+++ b/niucloud/app/service/api/apiService/ResourceSharingService.php
@@ -160,7 +160,7 @@ class ResourceSharingService extends BaseApiService
                 }
             }
         }
-        
+
         // 共享人查询 - 如果指定了shared_by，优先处理这个条件
         if (isset($where['shared_by']) && $where['shared_by']) {
             $model = $model->where(function ($query) use ($where) {
@@ -192,7 +192,7 @@ class ResourceSharingService extends BaseApiService
                 });
             }
         }
-        
+
         // 处理查询条件 - CustomerResources模型的字段
         $resource_conditions = [];
 
@@ -248,10 +248,14 @@ class ResourceSharingService extends BaseApiService
             $model = $model->where('shared_at', '>=', $where['shared_at_arr'][0])
                 ->where('shared_at', '<=', $where['shared_at_arr'][1]);
         }
-        
+
         // 过滤已分配的资源（只显示可再分配的资源）
-        $model = $model->where(function ($query) {
-            $query->where('shared_by', 0)->whereOr('shared_by', null);
+        $model = $model->when($where['shared_by'] > 0, function ($query) use ($where) {
+            $query->where('shared_by', $where['shared_by'])->whereOr('user_id', $where['shared_by']);
+        }, function ($query) {
+            $query->where(function ($query) {
+                $query->where('shared_by', 0)->whereOr('shared_by', null);
+            });
         });
 
         // 查询数据
@@ -283,11 +287,11 @@ class ResourceSharingService extends BaseApiService
             // 获取资源ID列表用于查询关联信息
             $resource_ids = array_column($list['data'], 'resource_id');
             $resource_ids = array_unique(array_filter($resource_ids));
-            
+
             // 获取分配人员ID列表
             $shared_by_ids = array_column($list['data'], 'shared_by');
             $shared_by_ids = array_unique(array_filter($shared_by_ids));
-            
+
             // 查询分配人员信息
             $shared_by_names = [];
             if (!empty($shared_by_ids)) {
@@ -326,7 +330,7 @@ class ResourceSharingService extends BaseApiService
                 // 处理到访信息
                 foreach ($visit_records as $record) {
                     $resource_id = $record['person_id'];
-                    
+
                     if (!isset($visit_info[$resource_id])) {
                         $visit_info[$resource_id] = [
                             'first_visit_status' => '未到',
@@ -334,10 +338,10 @@ class ResourceSharingService extends BaseApiService
                             'visit_count' => 0
                         ];
                     }
-                    
+
                     if ($record['status'] == 1) { // 假设status=1表示已到
                         $visit_info[$resource_id]['visit_count']++;
-                        
+
                         if ($visit_info[$resource_id]['visit_count'] == 1) {
                             $visit_info[$resource_id]['first_visit_status'] = '已到';
                         } elseif ($visit_info[$resource_id]['visit_count'] == 2) {
@@ -369,22 +373,22 @@ class ResourceSharingService extends BaseApiService
                     $item['customerResource']['source'] = get_dict_value('source', $item['customerResource']['source']);
                     $item['customerResource']['source_channel'] = get_dict_value('SourceChannel', $item['customerResource']['source_channel']);
                     $item['customerResource']['campus_name'] = $campus_names[$item['customerResource']['campus']] ?? '';
-                    
+
                     // 修复沟通时间字段
                     $item['customerResource']['communication_time'] = $communication_times[$item['resource_id']] ?? '';
-                    
+
                     // 添加到访信息
                     $resource_id = $item['resource_id'];
                     $item['customerResource']['first_visit_status'] = $visit_info[$resource_id]['first_visit_status'] ?? '未到';
                     $item['customerResource']['second_visit_status'] = $visit_info[$resource_id]['second_visit_status'] ?? '未到';
-                    
+
                     // 添加开单状态
                     $item['customerResource']['order_status'] = $order_status[$resource_id] ?? '未开单';
                 }
-                
+
                 // 添加分配人员信息
                 $item['shared_by_name'] = $shared_by_names[$item['shared_by']] ?? '未分配';
-                
+
                 // 判断资源是否可再分配（如果已有shared_by且不为0，说明已分配）
                 $item['can_reassign'] = empty($item['shared_by']) || $item['shared_by'] == 0;
             }
diff --git a/package-lock.json b/package-lock.json
new file mode 100644
index 00000000..0a246124
--- /dev/null
+++ b/package-lock.json
@@ -0,0 +1,71 @@
+{
+  "name": "zhjwxt",
+  "lockfileVersion": 3,
+  "requires": true,
+  "packages": {
+    "": {
+      "dependencies": {
+        "@playwright/test": "^1.54.1"
+      }
+    },
+    "node_modules/@playwright/test": {
+      "version": "1.54.1",
+      "resolved": "https://registry.npmjs.org/@playwright/test/-/test-1.54.1.tgz",
+      "integrity": "sha512-FS8hQ12acieG2dYSksmLOF7BNxnVf2afRJdCuM1eMSxj6QTSE6G4InGF7oApGgDb65MX7AwMVlIkpru0yZA4Xw==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "playwright": "1.54.1"
+      },
+      "bin": {
+        "playwright": "cli.js"
+      },
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/fsevents": {
+      "version": "2.3.2",
+      "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.2.tgz",
+      "integrity": "sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA==",
+      "hasInstallScript": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": "^8.16.0 || ^10.6.0 || >=11.0.0"
+      }
+    },
+    "node_modules/playwright": {
+      "version": "1.54.1",
+      "resolved": "https://registry.npmjs.org/playwright/-/playwright-1.54.1.tgz",
+      "integrity": "sha512-peWpSwIBmSLi6aW2auvrUtf2DqY16YYcCMO8rTVx486jKmDTJg7UAhyrraP98GB8BoPURZP8+nxO7TSd4cPr5g==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "playwright-core": "1.54.1"
+      },
+      "bin": {
+        "playwright": "cli.js"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "optionalDependencies": {
+        "fsevents": "2.3.2"
+      }
+    },
+    "node_modules/playwright-core": {
+      "version": "1.54.1",
+      "resolved": "https://registry.npmjs.org/playwright-core/-/playwright-core-1.54.1.tgz",
+      "integrity": "sha512-Nbjs2zjj0htNhzgiy5wu+3w09YetDx5pkrpI/kZotDlDUaYk0HVA5xrBVPdow4SAUIlhgKcJeJg4GRKW6xHusA==",
+      "license": "Apache-2.0",
+      "bin": {
+        "playwright-core": "cli.js"
+      },
+      "engines": {
+        "node": ">=18"
+      }
+    }
+  }
+}
diff --git a/package.json b/package.json
new file mode 100644
index 00000000..5846ca99
--- /dev/null
+++ b/package.json
@@ -0,0 +1,5 @@
+{
+  "dependencies": {
+    "@playwright/test": "^1.54.1"
+  }
+}
diff --git a/uniapp/common/util.js b/uniapp/common/util.js
index 401acbe5..27497607 100644
--- a/uniapp/common/util.js
+++ b/uniapp/common/util.js
@@ -387,6 +387,163 @@ function getResourceUrl(resource) {
 	//如果没有 http 协议，则加上 http 协议+服务域名
 	return resource.indexOf('http') === -1 ? 'https://' + img_domian + resource : resource;
 }
+
+/**
+ * 安全访问对象属性的方法，优化性能
+ * @param {Object} obj 目标对象
+ * @param {String} path 属性路径，如 'a.b.c'
+ * @param {*} defaultValue 默认值
+ * @returns {*} 属性值或默认值
+ */
+function safeGet(obj, path, defaultValue = '') {
+	if (!obj) return defaultValue
+	
+	// 使用缓存来提高性能
+	if (!safeGet._pathCache) safeGet._pathCache = {}
+	
+	// 使用路径作为缓存键
+	const cacheKey = path
+	
+	// 如果这个路径没有缓存过分割结果，则计算并缓存
+	if (!safeGet._pathCache[cacheKey]) {
+		safeGet._pathCache[cacheKey] = path.split('.')
+	}
+	
+	const keys = safeGet._pathCache[cacheKey]
+	let result = obj
+	
+	// 使用for循环而不是for...of，更高效
+	for (let i = 0; i < keys.length; i++) {
+		const key = keys[i]
+		if (result === null || result === undefined || !result.hasOwnProperty(key)) {
+			return defaultValue
+		}
+		result = result[key]
+	}
+	
+	return result || defaultValue
+}
+
+/**
+ * 格式化文件大小
+ * @param {Number} bytes 字节数
+ * @returns {String} 格式化后的大小
+ */
+function formatFileSize(bytes) {
+	if (bytes === 0) return '0 B'
+	const k = 1024
+	const sizes = ['B', 'KB', 'MB', 'GB']
+	const i = Math.floor(Math.log(bytes) / Math.log(k))
+	return parseFloat((bytes / Math.pow(k, i)).toFixed(2)) + ' ' + sizes[i]
+}
+
+/**
+ * 获取当前日期 YYYY-MM-DD 格式
+ * @returns {String} 当前日期字符串
+ */
+function getCurrentDate() {
+	const now = new Date()
+	const year = now.getFullYear()
+	const month = String(now.getMonth() + 1).padStart(2, '0')
+	const day = String(now.getDate()).padStart(2, '0')
+	return `${year}-${month}-${day}`
+}
+
+/**
+ * 格式化年龄显示
+ * @param {Number} age 年龄（小数格式，如9.05表示9岁5个月）
+ * @returns {String} 格式化后的年龄字符串
+ */
+function formatAge(age) {
+	if (!age) return '未知年龄'
+	const years = Math.floor(age)
+	const months = Math.round((age - years) * 12)
+	if (months === 0) {
+		return `${years}岁`
+	}
+	return `${years}岁${months}个月`
+}
+
+/**
+ * 格式化性别显示
+ * @param {Number} gender 性别值（1男，2女）
+ * @returns {String} 性别字符串
+ */
+function formatGender(gender) {
+	switch (gender) {
+		case 1: return '男'
+		case 2: return '女'
+		default: return '未知'
+	}
+}
+
+/**
+ * 拨打电话的通用方法
+ * @param {String} phoneNumber 电话号码
+ * @param {Function} successCallback 成功回调
+ * @param {Function} failCallback 失败回调
+ */
+function makePhoneCall(phoneNumber, successCallback, failCallback) {
+	if (!phoneNumber) {
+		uni.showToast({
+			title: '电话号码为空',
+			icon: 'none'
+		})
+		return
+	}
+	
+	uni.makePhoneCall({
+		phoneNumber: phoneNumber,
+		success: (res) => {
+			console.log('拨打电话成功')
+			if (successCallback) successCallback(res)
+		},
+		fail: (err) => {
+			console.error('拨打电话失败:', err)
+			uni.showToast({
+				title: '拨打电话失败',
+				icon: 'none'
+			})
+			if (failCallback) failCallback(err)
+		}
+	})
+}
+
+/**
+ * 页面跳转的通用方法
+ * @param {String} url 跳转路径
+ * @param {Object} params 跳转参数对象
+ */
+function navigateToPage(url, params = {}) {
+	let queryString = ''
+	
+	// 将参数对象转换为查询字符串
+	if (Object.keys(params).length > 0) {
+		const paramArray = []
+		for (const key in params) {
+			if (params[key] !== null && params[key] !== undefined && params[key] !== '') {
+				paramArray.push(`${key}=${encodeURIComponent(params[key])}`)
+			}
+		}
+		if (paramArray.length > 0) {
+			queryString = '?' + paramArray.join('&')
+		}
+	}
+	
+	const fullUrl = url + queryString
+	
+	uni.navigateTo({
+		url: fullUrl,
+		fail: (err) => {
+			console.error('页面跳转失败:', err)
+			uni.showToast({
+				title: '页面跳转失败',
+				icon: 'none'
+			})
+		}
+	})
+}
+
 module.exports = {
 	loginOut,
 	openHomeView,
@@ -398,5 +555,13 @@ module.exports = {
 	img,
 	formatToDateTime,
 	getDict,
-	uploadFile
+	uploadFile,
+	getResourceUrl,
+	safeGet,
+	formatFileSize,
+	getCurrentDate,
+	formatAge,
+	formatGender,
+	makePhoneCall,
+	navigateToPage
 }
diff --git a/uniapp/common/utils-index.js b/uniapp/common/utils-index.js
new file mode 100644
index 00000000..5d28348d
--- /dev/null
+++ b/uniapp/common/utils-index.js
@@ -0,0 +1,155 @@
+/**
+ * 工具函数索引文件
+ * 统一管理项目中的可复用工具函数
+ */
+
+import util from './util.js'
+
+// 导出所有工具函数
+export const {
+  // 登录退出相关
+  loginOut,
+  openHomeView,
+  
+  // 时间格式化
+  formatTime,
+  formatDateTime,
+  formatToDateTime,
+  dateUtils,
+  getCurrentDate,
+  
+  // 通用格式化
+  formatLocation,
+  formatFileSize,
+  formatAge,
+  formatGender,
+  
+  // 对象处理
+  safeGet,
+  
+  // 样式相关
+  hexToRgba,
+  img,
+  getResourceUrl,
+  
+  // 数据获取
+  getDict,
+  
+  // 文件上传
+  uploadFile,
+  
+  // 通信相关
+  makePhoneCall,
+  
+  // 页面跳转
+  navigateToPage
+} = util
+
+// 工具函数使用说明
+export const UtilsUsage = {
+  // 对象安全访问
+  safeGet: {
+    description: '安全访问对象属性，避免undefined错误',
+    params: {
+      obj: 'Object - 目标对象',
+      path: 'String - 属性路径，如 "a.b.c"',
+      defaultValue: 'Any - 默认值'
+    },
+    returns: 'Any - 属性值或默认值',
+    example: `
+    const name = safeGet(clientInfo, 'customerResource.name', '未知客户')
+    `
+  },
+  
+  // 文件大小格式化
+  formatFileSize: {
+    description: '格式化文件大小为可读格式',
+    params: {
+      bytes: 'Number - 字节数'
+    },
+    returns: 'String - 格式化后的大小',
+    example: `
+    formatFileSize(1024000) // "1 MB"
+    `
+  },
+  
+  // 年龄格式化
+  formatAge: {
+    description: '格式化年龄显示',
+    params: {
+      age: 'Number - 年龄（小数格式，如9.05表示9岁5个月）'
+    },
+    returns: 'String - 格式化后的年龄',
+    example: `
+    formatAge(9.05) // "9岁5个月"
+    `
+  },
+  
+  // 性别格式化
+  formatGender: {
+    description: '格式化性别显示',
+    params: {
+      gender: 'Number - 性别值（1男，2女）'
+    },
+    returns: 'String - 性别字符串',
+    example: `
+    formatGender(1) // "男"
+    `
+  },
+  
+  // 拨打电话
+  makePhoneCall: {
+    description: '拨打电话的通用方法',
+    params: {
+      phoneNumber: 'String - 电话号码',
+      successCallback: 'Function - 成功回调（可选）',
+      failCallback: 'Function - 失败回调（可选）'
+    },
+    example: `
+    makePhoneCall('13800138000', 
+      () => console.log('拨打成功'), 
+      (err) => console.error('拨打失败', err)
+    )
+    `
+  },
+  
+  // 页面跳转
+  navigateToPage: {
+    description: '页面跳转的通用方法',
+    params: {
+      url: 'String - 跳转路径',
+      params: 'Object - 跳转参数对象（可选）'
+    },
+    example: `
+    navigateToPage('/pages/detail/index', {
+      id: 123,
+      name: '测试'
+    })
+    // 结果: /pages/detail/index?id=123&name=测试
+    `
+  },
+  
+  // 获取当前日期
+  getCurrentDate: {
+    description: '获取当前日期 YYYY-MM-DD 格式',
+    returns: 'String - 当前日期字符串',
+    example: `
+    getCurrentDate() // "2024-01-15"
+    `
+  },
+  
+  // 时间格式化
+  formatToDateTime: {
+    description: '时间格式转换',
+    params: {
+      dateTime: 'String - 时间字符串，如 "2024-05-01 01:10:21"',
+      fmt: 'String - 格式模板，默认 "Y-m-d H:i:s"'
+    },
+    returns: 'String - 格式化后的时间',
+    example: `
+    formatToDateTime('2024-05-01 01:10:21', 'Y-m-d H:i') // "2024-05-01 01:10"
+    `
+  }
+}
+
+export default util
\ No newline at end of file
diff --git a/uniapp/components/README.md b/uniapp/components/README.md
new file mode 100644
index 00000000..9779f419
--- /dev/null
+++ b/uniapp/components/README.md
@@ -0,0 +1,266 @@
+# 组件和工具函数库
+
+这是从 `clue_info.vue` 页面重构提取出来的可复用组件和工具函数集合。
+
+## 🧩 组件列表
+
+### 1. ClientInfoCard - 客户信息卡片
+显示客户基本信息的卡片组件，包含客户头像、姓名、电话等信息。
+
+**位置**: `components/client-info-card/client-info-card.vue`
+
+**Props**:
+- `clientInfo`: Object - 客户信息对象
+
+**Events**:
+- `call`: 拨打电话事件，参数: phoneNumber
+
+**使用示例**:
+```vue
+<ClientInfoCard 
+  :client-info="clientInfo" 
+  @call="handleCall" 
+/>
+```
+
+### 2. StudentInfoCard - 学生信息卡片
+显示学生信息的卡片组件，支持展开/收起操作按钮。
+
+**位置**: `components/student-info-card/student-info-card.vue`
+
+**Props**:
+- `student`: Object - 学生信息对象
+- `actions`: Array - 操作按钮配置（可选）
+- `showDetails`: Boolean - 是否显示详细信息（默认true）
+
+**Events**:
+- `toggle-actions`: 切换操作面板事件
+- `action`: 操作按钮点击事件，参数: { action, student }
+
+**使用示例**:
+```vue
+<StudentInfoCard 
+  :student="student" 
+  :actions="[
+    { key: 'edit', text: '编辑学生' },
+    { key: 'order', text: '查看订单' }
+  ]"
+  @toggle-actions="toggleActions"
+  @action="handleAction"
+/>
+```
+
+### 3. TabSwitcher - 标签切换组件
+通用的标签页切换组件。
+
+**位置**: `components/tab-switcher/tab-switcher.vue`
+
+**Props**:
+- `tabs`: Array - 标签配置数组 [{ id, name }]
+- `activeTabId`: String|Number - 当前激活标签ID
+
+**Events**:
+- `tab-change`: 标签切换事件，参数: { tabId, index, tab }
+
+**使用示例**:
+```vue
+<TabSwitcher 
+  :tabs="[
+    { id: 1, name: '基本资料' },
+    { id: 2, name: '课程信息' },
+    { id: 3, name: '通话记录' }
+  ]" 
+  :active-tab-id="activeTabId"
+  @tab-change="handleTabChange"
+/>
+```
+
+### 4. FitnessRecordCard - 体测记录卡片
+显示体测记录数据和相关PDF报告的卡片组件。
+
+**位置**: `components/fitness-record-card/fitness-record-card.vue`
+
+**Props**:
+- `record`: Object - 体测记录对象
+
+**Events**:
+- `file-click`: 文件点击事件，参数: { file, record }
+
+**使用示例**:
+```vue
+<FitnessRecordCard 
+  :record="fitnessRecord" 
+  @file-click="handleFileClick"
+/>
+```
+
+### 5. CallRecordCard - 通话记录卡片
+显示通话记录详情的卡片组件。
+
+**位置**: `components/call-record-card/call-record-card.vue`
+
+**Props**:
+- `record`: Object - 通话记录对象
+
+**使用示例**:
+```vue
+<CallRecordCard :record="callRecord" />
+```
+
+## 🛠️ 工具函数库
+
+### 核心工具函数
+
+以下函数已添加到 `common/util.js` 中：
+
+#### 1. safeGet(obj, path, defaultValue)
+安全访问对象属性，避免undefined错误。
+
+```javascript
+const name = this.$util.safeGet(clientInfo, 'customerResource.name', '未知客户')
+```
+
+#### 2. formatFileSize(bytes)
+格式化文件大小为可读格式。
+
+```javascript
+this.$util.formatFileSize(1024000) // "1 MB"
+```
+
+#### 3. formatAge(age)
+格式化年龄显示（小数转年龄+月份）。
+
+```javascript
+this.$util.formatAge(9.05) // "9岁5个月"
+```
+
+#### 4. formatGender(gender)
+格式化性别显示。
+
+```javascript
+this.$util.formatGender(1) // "男"
+this.$util.formatGender(2) // "女"
+```
+
+#### 5. makePhoneCall(phoneNumber, successCallback, failCallback)
+拨打电话的通用方法。
+
+```javascript
+this.$util.makePhoneCall('13800138000')
+```
+
+#### 6. navigateToPage(url, params)
+页面跳转的通用方法，自动处理参数拼接。
+
+```javascript
+this.$util.navigateToPage('/pages/detail/index', {
+  id: 123,
+  name: '测试'
+})
+// 结果: /pages/detail/index?id=123&name=测试
+```
+
+#### 7. getCurrentDate()
+获取当前日期 YYYY-MM-DD 格式。
+
+```javascript
+const today = this.$util.getCurrentDate() // "2024-01-15"
+```
+
+## 📁 文件结构
+
+```
+components/
+├── client-info-card/
+│   └── client-info-card.vue
+├── student-info-card/
+│   └── student-info-card.vue
+├── tab-switcher/
+│   └── tab-switcher.vue
+├── fitness-record-card/
+│   └── fitness-record-card.vue
+├── call-record-card/
+│   └── call-record-card.vue
+├── index.js                    # 组件导出索引
+└── README.md                   # 本文档
+
+common/
+├── util.js                     # 扩展后的工具函数库
+└── utils-index.js              # 工具函数导出索引
+```
+
+## 🚀 使用方式
+
+### 在页面中使用组件
+
+1. **直接导入使用**:
+```vue
+<template>
+  <ClientInfoCard :client-info="clientInfo" @call="handleCall" />
+</template>
+
+<script>
+import ClientInfoCard from '@/components/client-info-card/client-info-card.vue'
+
+export default {
+  components: {
+    ClientInfoCard
+  }
+}
+</script>
+```
+
+2. **批量导入**:
+```javascript
+// 从索引文件导入
+import { ClientInfoCard, StudentInfoCard } from '@/components/index.js'
+```
+
+### 使用工具函数
+
+工具函数已集成到全局 `$util` 对象中，可直接使用：
+
+```vue
+<template>
+  <view>{{ $util.safeGet(data, 'user.name', '未知') }}</view>
+</template>
+
+<script>
+export default {
+  methods: {
+    handleCall() {
+      const phone = this.$util.safeGet(this.clientInfo, 'phone', '')
+      this.$util.makePhoneCall(phone)
+    }
+  }
+}
+</script>
+```
+
+## 💡 重构优势
+
+1. **代码复用**: 组件和工具函数可在多个页面中复用
+2. **维护性**: 集中管理，修改一处影响全局
+3. **可测试性**: 独立组件易于单元测试
+4. **性能优化**: 减少重复代码，提升应用性能
+5. **开发效率**: 标准化组件提升开发速度
+
+## 📋 迁移指南
+
+原 `clue_info.vue` 中的代码可按以下方式迁移：
+
+1. 替换工具函数调用：
+   - `this.safeGet()` → `this.$util.safeGet()`
+   - `this.formatAge()` → `this.$util.formatAge()`
+   - `this.makeCall()` → `this.$util.makePhoneCall()`
+
+2. 替换组件代码：
+   - 客户信息展示区域 → `<ClientInfoCard>`
+   - 学生信息展示区域 → `<StudentInfoCard>` 
+   - 标签切换区域 → `<TabSwitcher>`
+   - 体测记录展示 → `<FitnessRecordCard>`
+   - 通话记录展示 → `<CallRecordCard>`
+
+3. 事件处理：
+   - 保持原有事件处理逻辑
+   - 通过组件events获取用户操作
\ No newline at end of file
diff --git a/uniapp/components/call-record-card/call-record-card.vue b/uniapp/components/call-record-card/call-record-card.vue
new file mode 100644
index 00000000..b80af449
--- /dev/null
+++ b/uniapp/components/call-record-card/call-record-card.vue
@@ -0,0 +1,140 @@
+<!--通话记录卡片组件-->
+<template>
+  <view class="call-record-card">
+    <view class="call-header">
+      <view class="call-time">{{ formatCallTime(record.call_time) }}</view>
+      <view class="call-duration">{{ formatDuration(record.duration) }}</view>
+    </view>
+    
+    <view class="call-info">
+      <view class="info-row">
+        <text class="info-label">通话类型：</text>
+        <text class="info-value">{{ getCallType(record.call_type) }}</text>
+      </view>
+      <view class="info-row" v-if="record.caller_name">
+        <text class="info-label">拨打人员：</text>
+        <text class="info-value">{{ record.caller_name }}</text>
+      </view>
+      <view class="info-row" v-if="record.phone_number">
+        <text class="info-label">通话号码：</text>
+        <text class="info-value">{{ record.phone_number }}</text>
+      </view>
+    </view>
+    
+    <view class="call-notes" v-if="record.notes">
+      <text class="notes-label">通话备注：</text>
+      <text class="notes-content">{{ record.notes }}</text>
+    </view>
+  </view>
+</template>
+
+<script>
+export default {
+  name: 'CallRecordCard',
+  props: {
+    record: {
+      type: Object,
+      required: true
+    }
+  },
+  methods: {
+    formatCallTime(time) {
+      if (!time) return '未知时间'
+      return this.$util.formatToDateTime(time, 'Y-m-d H:i')
+    },
+    
+    formatDuration(duration) {
+      if (!duration || duration <= 0) return '0秒'
+      
+      const minutes = Math.floor(duration / 60)
+      const seconds = duration % 60
+      
+      if (minutes > 0) {
+        return `${minutes}分${seconds}秒`
+      }
+      return `${seconds}秒`
+    },
+    
+    getCallType(type) {
+      const typeMap = {
+        1: '呼出',
+        2: '呼入',
+        3: '未接'
+      }
+      return typeMap[type] || '未知'
+    }
+  }
+}
+</script>
+
+<style lang="less" scoped>
+.call-record-card {
+  background-color: #1a1a1a;
+  border-radius: 15rpx;
+  padding: 25rpx;
+  margin-bottom: 20rpx;
+  border: 1rpx solid #333;
+}
+
+.call-header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin-bottom: 20rpx;
+  
+  .call-time {
+    color: white;
+    font-size: 26rpx;
+    font-weight: bold;
+  }
+  
+  .call-duration {
+    color: #29d3b4;
+    font-size: 22rpx;
+    background-color: rgba(41, 211, 180, 0.2);
+    padding: 6rpx 15rpx;
+    border-radius: 15rpx;
+  }
+}
+
+.call-info {
+  .info-row {
+    display: flex;
+    align-items: center;
+    margin-bottom: 15rpx;
+    
+    .info-label {
+      color: #999;
+      font-size: 22rpx;
+      width: 150rpx;
+      flex-shrink: 0;
+    }
+    
+    .info-value {
+      color: white;
+      font-size: 22rpx;
+      flex: 1;
+    }
+  }
+}
+
+.call-notes {
+  margin-top: 15rpx;
+  padding-top: 15rpx;
+  border-top: 1rpx solid #333;
+  
+  .notes-label {
+    color: #999;
+    font-size: 22rpx;
+    display: block;
+    margin-bottom: 8rpx;
+  }
+  
+  .notes-content {
+    color: white;
+    font-size: 22rpx;
+    line-height: 1.5;
+    word-break: break-all;
+  }
+}
+</style>
\ No newline at end of file
diff --git a/uniapp/components/client-info-card/client-info-card.vue b/uniapp/components/client-info-card/client-info-card.vue
new file mode 100644
index 00000000..b71133db
--- /dev/null
+++ b/uniapp/components/client-info-card/client-info-card.vue
@@ -0,0 +1,217 @@
+<!--客户信息卡片组件-->
+<template>
+  <view class="client-info-card">
+    <!-- 客户基本信息区域 -->
+    <view class="basic-info-section">
+      <view class="section-header">
+        <view class="customer-avatar">
+          <text>{{ $util.safeGet(clientInfo, 'customerResource.name', '客').charAt(0) }}</text>
+        </view>
+        <view class="customer-info">
+          <view class="customer-name">{{ $util.safeGet(clientInfo, 'customerResource.name', '未知客户') }}</view>
+          <view class="customer-meta">
+            <text class="customer-phone">{{ $util.safeGet(clientInfo, 'customerResource.phone_number', '') }}</text>
+          </view>
+        </view>
+        <view class="contact-actions">
+          <view class="contact-btn phone-btn" @click="handleMakeCall">
+            <text class="contact-icon">📞</text>
+          </view>
+          <view class="action-toggle" @click="toggleActions" v-if="actions && actions.length > 0">
+            <text class="toggle-icon">{{ actionsExpanded ? '▲' : '▼' }}</text>
+          </view>
+        </view>
+      </view>
+      
+      <!-- 客户详细信息 -->
+      <view class="customer-details">
+        <view class="detail-row">
+          <text class="info-label">渠道来源：</text>
+          <text class="info-value">{{ $util.safeGet(clientInfo, 'customerResource.source_channel_name', '未知渠道') }}</text>
+        </view>
+        <view class="detail-row">
+          <text class="info-label">来源类型：</text>
+          <text class="info-value">{{ $util.safeGet(clientInfo, 'customerResource.source_name', '未知来源') }}</text>
+        </view>
+        <view class="detail-row">
+          <text class="info-label">分配顾问：</text>
+          <text class="info-value">{{ $util.safeGet(clientInfo, 'customerResource.consultant_name', '未知顾问') }}</text>
+        </view>
+        <view class="detail-row">
+          <text class="info-label">性别：</text>
+          <text class="info-value">{{ $util.safeGet(clientInfo, 'customerResource.gender_name', '未知性别') }}</text>
+        </view>
+      </view>
+      
+      <!-- 操作按钮区域 -->
+      <view class="action-panel" v-if="actionsExpanded && actions && actions.length > 0">
+        <view 
+          class="action-btn" 
+          v-for="action in actions" 
+          :key="action.key"
+          @click="handleAction(action)"
+        >
+          <text class="action-text">{{ action.text }}</text>
+        </view>
+      </view>
+    </view>
+  </view>
+</template>
+
+<script>
+export default {
+  name: 'ClientInfoCard',
+  props: {
+    clientInfo: {
+      type: Object,
+      default: () => ({})
+    },
+    actions: {
+      type: Array,
+      default: () => ([])
+    }
+  },
+  data() {
+    return {
+      actionsExpanded: false
+    }
+  },
+  methods: {
+    handleMakeCall() {
+      const phoneNumber = this.$util.safeGet(this.clientInfo, 'customerResource.phone_number', '')
+      this.$util.makePhoneCall(phoneNumber)
+      this.$emit('call', phoneNumber)
+    },
+    
+    toggleActions() {
+      this.actionsExpanded = !this.actionsExpanded
+    },
+    
+    handleAction(action) {
+      this.$emit('action', { action, client: this.clientInfo })
+    }
+  }
+}
+</script>
+
+<style lang="less" scoped>
+.client-info-card {
+  background-color: #1a1a1a;
+  border-radius: 20rpx;
+  padding: 30rpx;
+  margin: 20rpx;
+}
+
+.basic-info-section {
+  .section-header {
+    display: flex;
+    align-items: center;
+    margin-bottom: 30rpx;
+    
+    .customer-avatar {
+      width: 80rpx;
+      height: 80rpx;
+      border-radius: 50%;
+      background-color: #29d3b4;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      margin-right: 20rpx;
+      
+      text {
+        color: white;
+        font-size: 32rpx;
+        font-weight: bold;
+      }
+    }
+    
+    .customer-info {
+      flex: 1;
+      
+      .customer-name {
+        color: white;
+        font-size: 32rpx;
+        font-weight: bold;
+        margin-bottom: 8rpx;
+      }
+      
+      .customer-meta {
+        .customer-phone {
+          color: #999;
+          font-size: 24rpx;
+        }
+      }
+    }
+    
+    .contact-actions {
+      display: flex;
+      align-items: center;
+      gap: 15rpx;
+      
+      .contact-btn {
+        width: 60rpx;
+        height: 60rpx;
+        border-radius: 50%;
+        background-color: #29d3b4;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        
+        .contact-icon {
+          font-size: 28rpx;
+        }
+      }
+      
+      .action-toggle {
+        padding: 10rpx;
+        
+        .toggle-icon {
+          color: #29d3b4;
+          font-size: 24rpx;
+        }
+      }
+    }
+  }
+}
+
+.customer-details {
+  .detail-row {
+    display: flex;
+    align-items: center;
+    margin-bottom: 20rpx;
+    
+    .info-label {
+      color: #999;
+      font-size: 24rpx;
+      width: 150rpx;
+    }
+    
+    .info-value {
+      color: white;
+      font-size: 24rpx;
+      flex: 1;
+    }
+  }
+}
+
+.action-panel {
+  margin-top: 20rpx;
+  padding-top: 20rpx;
+  border-top: 1rpx solid #333;
+  display: flex;
+  flex-wrap: wrap;
+  gap: 15rpx;
+  
+  .action-btn {
+    padding: 15rpx 25rpx;
+    background-color: #29d3b4;
+    border-radius: 25rpx;
+    
+    .action-text {
+      color: white;
+      font-size: 22rpx;
+      font-weight: bold;
+    }
+  }
+}
+</style>
\ No newline at end of file
diff --git a/uniapp/components/course-edit-popup/course-edit-popup.less b/uniapp/components/course-edit-popup/course-edit-popup.less
new file mode 100644
index 00000000..0c99ea83
--- /dev/null
+++ b/uniapp/components/course-edit-popup/course-edit-popup.less
@@ -0,0 +1,153 @@
+// 弹窗容器样式
+.popup-container {
+  background: #fff;
+  border-radius: 15rpx;
+  padding: 30rpx;
+  margin: 20rpx;
+  max-height: 80vh;
+  overflow-y: auto;
+  width: 90%;
+  max-width: 600rpx;
+}
+
+// 弹窗头部
+.popup-header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin-bottom: 30rpx;
+  padding-bottom: 20rpx;
+  border-bottom: 1px solid #eee;
+}
+
+.popup-title {
+  font-size: 32rpx;
+  font-weight: bold;
+  color: #333;
+}
+
+.popup-close {
+  width: 60rpx;
+  height: 60rpx;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-size: 36rpx;
+  color: #999;
+  cursor: pointer;
+  
+  &:hover {
+    color: #666;
+  }
+}
+
+// 课程编辑容器
+.course-edit-container {
+  .edit-section {
+    margin-bottom: 30rpx;
+    
+    .section-title {
+      font-size: 28rpx;
+      font-weight: bold;
+      color: #333;
+      margin-bottom: 20rpx;
+    }
+    
+    .empty-tip {
+      color: #999;
+      font-size: 26rpx;
+      text-align: center;
+      padding: 40rpx 0;
+    }
+    
+    .coach-list {
+      display: flex;
+      flex-wrap: wrap;
+      gap: 15rpx;
+      
+      .coach-item {
+        position: relative;
+        background: #f5f5f5;
+        border: 2rpx solid #f5f5f5;
+        border-radius: 10rpx;
+        padding: 20rpx 30rpx;
+        min-width: 120rpx;
+        text-align: center;
+        cursor: pointer;
+        transition: all 0.3s ease;
+        
+        &.selected {
+          background: #e8f5ff;
+          border-color: #29d3b4;
+          color: #29d3b4;
+        }
+        
+        &:hover {
+          background: #e8f5ff;
+          border-color: #29d3b4;
+        }
+        
+        .coach-name {
+          font-size: 26rpx;
+          color: inherit;
+        }
+        
+        .coach-check {
+          position: absolute;
+          top: -5rpx;
+          right: -5rpx;
+          width: 30rpx;
+          height: 30rpx;
+          background: #29d3b4;
+          color: #fff;
+          border-radius: 50%;
+          display: flex;
+          align-items: center;
+          justify-content: center;
+          font-size: 20rpx;
+          font-weight: bold;
+        }
+      }
+    }
+  }
+}
+
+// 弹窗底部
+.popup-footer {
+  display: flex;
+  justify-content: space-between;
+  gap: 20rpx;
+  margin-top: 40rpx;
+  padding-top: 30rpx;
+  border-top: 1px solid #eee;
+}
+
+.popup-btn {
+  flex: 1;
+  height: 80rpx;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border-radius: 10rpx;
+  font-size: 28rpx;
+  cursor: pointer;
+  transition: all 0.3s ease;
+  
+  &.cancel-btn {
+    background: #f5f5f5;
+    color: #666;
+    
+    &:hover {
+      background: #e8e8e8;
+    }
+  }
+  
+  &.confirm-btn {
+    background: #29d3b4;
+    color: #fff;
+    
+    &:hover {
+      background: #25c4a8;
+    }
+  }
+}
\ No newline at end of file
diff --git a/uniapp/components/course-edit-popup/course-edit-popup.vue b/uniapp/components/course-edit-popup/course-edit-popup.vue
new file mode 100644
index 00000000..66b3d280
--- /dev/null
+++ b/uniapp/components/course-edit-popup/course-edit-popup.vue
@@ -0,0 +1,159 @@
+<template>
+  <uni-popup ref="popup" type="center">
+    <view class="popup-container">
+      <view class="popup-header">
+        <view class="popup-title">修改教练配置</view>
+        <view class="popup-close" @click="close">✕</view>
+      </view>
+      <view class="course-edit-container">
+        <view class="edit-section">
+          <view class="section-title">主教练（单选）</view>
+          <view v-if="coachList.length === 0" class="empty-tip">暂无主教练数据</view>
+          <view class="coach-list">
+            <view v-for="coach in coachList" :key="coach.person_id" class="coach-item"
+                  :class="{selected: selectedMainCoach === coach.person_id}"
+                  @click="selectMainCoach(coach.person_id)">
+              <view class="coach-name">{{ coach.name }}</view>
+              <view class="coach-check" v-if="selectedMainCoach === coach.person_id">✓</view>
+            </view>
+          </view>
+        </view>
+
+        <view class="edit-section">
+          <view class="section-title">教务（单选）</view>
+          <view v-if="educationList.length === 0" class="empty-tip">暂无教务数据</view>
+          <view class="coach-list">
+            <view v-for="education in educationList" :key="education.person_id" class="coach-item"
+                  :class="{selected: selectedEducation === education.person_id}"
+                  @click="selectEducation(education.person_id)">
+              <view class="coach-name">{{ education.name }}</view>
+              <view class="coach-check" v-if="selectedEducation === education.person_id">✓</view>
+            </view>
+          </view>
+        </view>
+
+        <view class="edit-section">
+          <view class="section-title">助教（多选）</view>
+          <view v-if="assistantList.length === 0" class="empty-tip">暂无助教数据</view>
+          <view class="coach-list">
+            <view v-for="assistant in assistantList" :key="assistant.person_id" class="coach-item"
+                  :class="{selected: selectedAssistants.includes(assistant.person_id)}"
+                  @click="toggleAssistant(assistant.person_id)">
+              <view class="coach-name">{{ assistant.name }}</view>
+              <view class="coach-check" v-if="selectedAssistants.includes(assistant.person_id)">✓</view>
+            </view>
+          </view>
+        </view>
+      </view>
+      <view class="popup-footer">
+        <view class="popup-btn cancel-btn" @click="close">取消</view>
+        <view class="popup-btn confirm-btn" @click="confirm">确认</view>
+      </view>
+    </view>
+  </uni-popup>
+</template>
+
+<script>
+export default {
+  name: 'CourseEditPopup',
+  components: {
+    uniPopup: () => import('@/components/uni-popup/uni-popup.vue')
+  },
+  props: {
+    // 教练列表
+    coachList: {
+      type: Array,
+      default: () => []
+    },
+    // 教务列表
+    educationList: {
+      type: Array,
+      default: () => []
+    },
+    // 助教列表
+    assistantList: {
+      type: Array,
+      default: () => []
+    },
+    // 当前课程信息
+    currentCourse: {
+      type: Object,
+      default: () => null
+    }
+  },
+  data() {
+    return {
+      selectedMainCoach: null, // 选中的主教练ID
+      selectedEducation: null, // 选中的教务ID
+      selectedAssistants: [], // 选中的助教ID数组
+    }
+  },
+  methods: {
+    // 打开弹窗
+    open(courseData = {}) {
+      console.log('CourseEditPopup - 打开弹窗，课程数据:', courseData)
+      
+      // 初始化选中状态
+      this.selectedMainCoach = courseData.main_coach_id || null
+      this.selectedEducation = courseData.education_id || null
+      this.selectedAssistants = courseData.assistant_ids ? 
+        courseData.assistant_ids.split(',').map(Number) : []
+      
+      console.log('CourseEditPopup - 初始化选中状态:', {
+        selectedMainCoach: this.selectedMainCoach,
+        selectedEducation: this.selectedEducation,
+        selectedAssistants: this.selectedAssistants,
+      })
+      
+      this.$refs.popup.open()
+    },
+
+    // 关闭弹窗
+    close() {
+      this.$refs.popup.close()
+      this.$emit('close')
+    },
+
+    // 选择主教练
+    selectMainCoach(personId) {
+      this.selectedMainCoach = personId
+      console.log('CourseEditPopup - 选择主教练:', personId)
+    },
+
+    // 选择教务
+    selectEducation(personId) {
+      this.selectedEducation = personId
+      console.log('CourseEditPopup - 选择教务:', personId)
+    },
+
+    // 切换助教选择
+    toggleAssistant(personId) {
+      const index = this.selectedAssistants.indexOf(personId)
+      if (index > -1) {
+        this.selectedAssistants.splice(index, 1)
+      } else {
+        this.selectedAssistants.push(personId)
+      }
+      console.log('CourseEditPopup - 切换助教选择:', personId, '当前选中:', this.selectedAssistants)
+    },
+
+    // 确认修改
+    confirm() {
+      const result = {
+        main_coach_id: this.selectedMainCoach,
+        education_id: this.selectedEducation,
+        assistant_ids: this.selectedAssistants.join(','),
+        selectedAssistants: this.selectedAssistants
+      }
+      
+      console.log('CourseEditPopup - 确认修改，返回数据:', result)
+      this.$emit('confirm', result)
+      this.close()
+    }
+  }
+}
+</script>
+
+<style lang="less" scoped>
+@import './course-edit-popup.less';
+</style>
\ No newline at end of file
diff --git a/uniapp/components/fitness-record-card/fitness-record-card.vue b/uniapp/components/fitness-record-card/fitness-record-card.vue
new file mode 100644
index 00000000..19770502
--- /dev/null
+++ b/uniapp/components/fitness-record-card/fitness-record-card.vue
@@ -0,0 +1,163 @@
+<!--体测记录卡片组件-->
+<template>
+  <view class="fitness-record-card">
+    <view class="record-header">
+      <view class="record-date">{{ record.test_date }}</view>
+      <view class="record-status">已完成</view>
+    </view>
+    
+    <view class="record-data">
+      <view class="data-item">
+        <view class="data-label">身高</view>
+        <view class="data-value">{{ record.height }}cm</view>
+      </view>
+      <view class="data-item">
+        <view class="data-label">体重</view>
+        <view class="data-value">{{ record.weight }}kg</view>
+      </view>
+    </view>
+    
+    <view class="record-files" v-if="record.pdf_files && record.pdf_files.length > 0">
+      <view class="files-title">体测报告</view>
+      <view class="file-list">
+        <view 
+          class="file-item" 
+          v-for="pdf in record.pdf_files" 
+          :key="pdf.id"
+          @click="handleFileClick(pdf)"
+        >
+          <view class="file-icon">📄</view>
+          <view class="file-info">
+            <view class="file-name">{{ pdf.name }}</view>
+            <view class="file-size">{{ $util.formatFileSize(pdf.size) }}</view>
+          </view>
+          <view class="file-action">
+            <text class="action-text">查看</text>
+          </view>
+        </view>
+      </view>
+    </view>
+  </view>
+</template>
+
+<script>
+export default {
+  name: 'FitnessRecordCard',
+  props: {
+    record: {
+      type: Object,
+      required: true
+    }
+  },
+  methods: {
+    handleFileClick(file) {
+      this.$emit('file-click', { file, record: this.record })
+    }
+  }
+}
+</script>
+
+<style lang="less" scoped>
+.fitness-record-card {
+  background-color: #1a1a1a;
+  border-radius: 15rpx;
+  padding: 25rpx;
+  margin-bottom: 20rpx;
+  border: 1rpx solid #333;
+}
+
+.record-header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin-bottom: 20rpx;
+  
+  .record-date {
+    color: white;
+    font-size: 28rpx;
+    font-weight: bold;
+  }
+  
+  .record-status {
+    color: #29d3b4;
+    font-size: 22rpx;
+    background-color: rgba(41, 211, 180, 0.2);
+    padding: 6rpx 15rpx;
+    border-radius: 15rpx;
+  }
+}
+
+.record-data {
+  display: flex;
+  gap: 40rpx;
+  margin-bottom: 25rpx;
+  
+  .data-item {
+    flex: 1;
+    text-align: center;
+    
+    .data-label {
+      color: #999;
+      font-size: 22rpx;
+      margin-bottom: 8rpx;
+    }
+    
+    .data-value {
+      color: white;
+      font-size: 32rpx;
+      font-weight: bold;
+    }
+  }
+}
+
+.record-files {
+  .files-title {
+    color: white;
+    font-size: 24rpx;
+    margin-bottom: 15rpx;
+    font-weight: bold;
+  }
+  
+  .file-list {
+    .file-item {
+      display: flex;
+      align-items: center;
+      padding: 15rpx;
+      background-color: rgba(255, 255, 255, 0.05);
+      border-radius: 10rpx;
+      margin-bottom: 10rpx;
+      
+      .file-icon {
+        font-size: 32rpx;
+        margin-right: 15rpx;
+      }
+      
+      .file-info {
+        flex: 1;
+        
+        .file-name {
+          color: white;
+          font-size: 24rpx;
+          margin-bottom: 5rpx;
+        }
+        
+        .file-size {
+          color: #999;
+          font-size: 20rpx;
+        }
+      }
+      
+      .file-action {
+        padding: 8rpx 15rpx;
+        background-color: #29d3b4;
+        border-radius: 15rpx;
+        
+        .action-text {
+          color: white;
+          font-size: 20rpx;
+        }
+      }
+    }
+  }
+}
+</style>
\ No newline at end of file
diff --git a/uniapp/components/fitness-record-popup/fitness-record-popup.less b/uniapp/components/fitness-record-popup/fitness-record-popup.less
new file mode 100644
index 00000000..8b3e97f7
--- /dev/null
+++ b/uniapp/components/fitness-record-popup/fitness-record-popup.less
@@ -0,0 +1,215 @@
+// 体测记录弹窗样式
+.popup-container {
+  width: 90vw;
+  max-width: 600rpx;
+  background: #fff;
+  border-radius: 20rpx;
+  overflow: hidden;
+  box-shadow: 0 10rpx 30rpx rgba(0, 0, 0, 0.2);
+}
+
+.popup-header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 30rpx 40rpx;
+  background: #29d3b4;
+  color: #fff;
+}
+
+.popup-title {
+  font-size: 32rpx;
+  font-weight: bold;
+}
+
+.popup-close {
+  width: 50rpx;
+  height: 50rpx;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background: rgba(255, 255, 255, 0.2);
+  border-radius: 50%;
+  font-size: 28rpx;
+  font-weight: bold;
+  cursor: pointer;
+  transition: all 0.3s ease;
+}
+
+.popup-close:active {
+  background: rgba(255, 255, 255, 0.3);
+  transform: scale(0.9);
+}
+
+.popup-footer {
+  display: flex;
+  padding: 30rpx 40rpx;
+  background: #f8f9fa;
+  gap: 20rpx;
+}
+
+.popup-btn {
+  flex: 1;
+  height: 80rpx;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border-radius: 12rpx;
+  font-size: 30rpx;
+  font-weight: bold;
+  transition: all 0.3s ease;
+}
+
+.cancel-btn {
+  background: #e9ecef;
+  color: #666;
+}
+
+.cancel-btn:active {
+  background: #dee2e6;
+  transform: scale(0.95);
+}
+
+.confirm-btn {
+  background: #29d3b4;
+  color: #fff;
+}
+
+.confirm-btn:active {
+  background: #1ea08e;
+  transform: scale(0.95);
+}
+
+// 体测记录表单样式
+.fitness-record-form {
+  width: 100%;
+  max-height: 60vh;
+  overflow-y: auto;
+  padding: 20rpx;
+  box-sizing: border-box;
+}
+
+.form-section {
+  width: 100%;
+}
+
+.form-item {
+  margin-bottom: 30rpx;
+}
+
+.form-label {
+  font-size: 30rpx;
+  color: #333;
+  margin-bottom: 15rpx;
+  font-weight: bold;
+}
+
+.form-input {
+  border: 2px solid #eee;
+  border-radius: 12rpx;
+  padding: 0 20rpx;
+  background: #fff;
+  transition: border-color 0.3s ease;
+}
+
+.form-input:focus-within {
+  border-color: #29d3b4;
+}
+
+.form-input input {
+  width: 100%;
+  height: 80rpx;
+  font-size: 28rpx;
+  color: #333;
+  border: none;
+  outline: none;
+  background: transparent;
+}
+
+.file-upload-area {
+  width: 100%;
+}
+
+.upload-btn {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background: #f8f9fa;
+  border: 2px dashed #ddd;
+  border-radius: 12rpx;
+  padding: 40rpx;
+  margin-bottom: 20rpx;
+  color: #666;
+  transition: all 0.3s ease;
+}
+
+.upload-btn:active {
+  background: #e9ecef;
+  border-color: #29d3b4;
+}
+
+.upload-icon {
+  font-size: 40rpx;
+  margin-right: 15rpx;
+}
+
+.upload-text {
+  font-size: 28rpx;
+}
+
+.selected-files {
+  width: 100%;
+}
+
+.selected-file-item {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 15rpx 20rpx;
+  background: #f8f9fa;
+  border-radius: 12rpx;
+  margin-bottom: 10rpx;
+  border: 1px solid #eee;
+}
+
+.file-info {
+  display: flex;
+  align-items: center;
+  flex: 1;
+}
+
+.file-icon {
+  font-size: 28rpx;
+  margin-right: 12rpx;
+  color: #666;
+}
+
+.file-name {
+  flex: 1;
+  font-size: 26rpx;
+  color: #333;
+  margin-right: 10rpx;
+}
+
+.file-size {
+  font-size: 22rpx;
+  color: #999;
+}
+
+.file-remove {
+  width: 40rpx;
+  height: 40rpx;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background: #ff4757;
+  color: #fff;
+  border-radius: 50%;
+  font-size: 24rpx;
+  font-weight: bold;
+  margin-left: 15rpx;
+}
+
+.file-remove:active {
+  background: #ff3838;
+}
\ No newline at end of file
diff --git a/uniapp/components/fitness-record-popup/fitness-record-popup.vue b/uniapp/components/fitness-record-popup/fitness-record-popup.vue
new file mode 100644
index 00000000..c645cc84
--- /dev/null
+++ b/uniapp/components/fitness-record-popup/fitness-record-popup.vue
@@ -0,0 +1,276 @@
+<template>
+  <uni-popup ref="popup" type="center">
+    <view class="popup-container">
+      <view class="popup-header">
+        <view class="popup-title">{{ isEditing ? '编辑体测记录' : '新增体测记录' }}</view>
+        <view class="popup-close" @click="close">✕</view>
+      </view>
+      <view class="fitness-record-form">
+        <view class="form-section">
+          <view class="form-item">
+            <view class="form-label">测试日期</view>
+            <view class="form-input">
+              <input type="date" v-model="recordData.test_date" placeholder="请选择测试日期" />
+            </view>
+          </view>
+          
+          <view class="form-item">
+            <view class="form-label">身高(cm)</view>
+            <view class="form-input">
+              <input type="number" v-model="recordData.height" placeholder="请输入身高" />
+            </view>
+          </view>
+          
+          <view class="form-item">
+            <view class="form-label">体重(kg)</view>
+            <view class="form-input">
+              <input type="number" v-model="recordData.weight" placeholder="请输入体重" />
+            </view>
+          </view>
+          
+          <view class="form-item">
+            <view class="form-label">体测报告</view>
+            <view class="file-upload-area">
+              <view class="upload-btn" @click="selectPDFFiles">
+                <view class="upload-icon">📁</view>
+                <view class="upload-text">选择PDF文件</view>
+              </view>
+              
+              <!-- 已选择的PDF文件列表 -->
+              <view v-if="recordData.pdf_files && recordData.pdf_files.length > 0" 
+                    class="selected-files">
+                <view v-for="(pdf, index) in recordData.pdf_files" :key="index" 
+                      class="selected-file-item">
+                  <view class="file-info" @click="previewPDF(pdf)">
+                    <view class="file-icon">📄</view>
+                    <view class="file-name">{{ pdf.name }}</view>
+                    <view class="file-size">{{ formatFileSize(pdf.size) }}</view>
+                  </view>
+                  <view class="file-remove" @click="removePDFFile(index)">✕</view>
+                </view>
+              </view>
+            </view>
+          </view>
+        </view>
+      </view>
+      <view class="popup-footer">
+        <view class="popup-btn cancel-btn" @click="close">取消</view>
+        <view class="popup-btn confirm-btn" @click="confirm">确认</view>
+      </view>
+    </view>
+  </uni-popup>
+</template>
+
+<script>
+export default {
+  name: 'FitnessRecordPopup',
+  props: {
+    resourceId: {
+      type: String,
+      default: ''
+    }
+  },
+  data() {
+    return {
+      isVisible: false,
+      isEditing: false,
+      recordData: {
+        id: null,
+        test_date: '',
+        height: '',
+        weight: '',
+        pdf_files: []
+      }
+    }
+  },
+  methods: {
+    // 打开新增弹窗
+    openAdd() {
+      this.isEditing = false
+      this.resetData()
+      this.recordData.test_date = this.getCurrentDate()
+      this.isVisible = true
+      this.$refs.popup.open()
+    },
+
+    // 打开编辑弹窗
+    openEdit(record) {
+      this.isEditing = true
+      this.recordData = {
+        id: record.id,
+        test_date: record.test_date,
+        height: record.height,
+        weight: record.weight,
+        pdf_files: [...(record.pdf_files || [])]
+      }
+      this.isVisible = true
+      this.$refs.popup.open()
+    },
+
+    // 关闭弹窗
+    close() {
+      this.isVisible = false
+      this.$refs.popup.close()
+      this.resetData()
+      this.$emit('close')
+    },
+
+    // 重置数据
+    resetData() {
+      this.recordData = {
+        id: null,
+        test_date: '',
+        height: '',
+        weight: '',
+        pdf_files: []
+      }
+    },
+
+    // 确认保存
+    async confirm() {
+      try {
+        // 表单验证
+        if (!this.recordData.test_date) {
+          uni.showToast({
+            title: '请选择测试日期',
+            icon: 'none'
+          })
+          return
+        }
+
+        if (!this.recordData.height) {
+          uni.showToast({
+            title: '请输入身高',
+            icon: 'none'
+          })
+          return
+        }
+
+        if (!this.recordData.weight) {
+          uni.showToast({
+            title: '请输入体重',
+            icon: 'none'
+          })
+          return
+        }
+
+        uni.showLoading({
+          title: '保存中...',
+          mask: true
+        })
+
+        const params = {
+          resource_id: this.resourceId,
+          test_date: this.recordData.test_date,
+          height: this.recordData.height,
+          weight: this.recordData.weight,
+          pdf_files: this.recordData.pdf_files
+        }
+
+        if (this.isEditing) {
+          params.id = this.recordData.id
+        }
+
+        console.log('保存体测记录参数:', params)
+
+        // 触发确认事件，将数据传递给父组件
+        this.$emit('confirm', {
+          isEditing: this.isEditing,
+          data: params
+        })
+
+        uni.hideLoading()
+        this.close()
+
+      } catch (error) {
+        console.error('保存体测记录失败:', error)
+        uni.showToast({
+          title: '保存失败，请重试',
+          icon: 'none'
+        })
+        uni.hideLoading()
+      }
+    },
+
+    // 选择PDF文件
+    selectPDFFiles() {
+      uni.chooseFile({
+        count: 5,
+        type: 'file',
+        extension: ['pdf'],
+        success: (res) => {
+          console.log('选择的文件:', res.tempFiles)
+          
+          res.tempFiles.forEach(file => {
+            if (file.type === 'application/pdf') {
+              const pdfFile = {
+                id: Date.now() + Math.random(),
+                name: file.name,
+                size: file.size,
+                url: file.path
+              }
+              this.recordData.pdf_files.push(pdfFile)
+            }
+          })
+        },
+        fail: (err) => {
+          console.error('选择文件失败:', err)
+          uni.showToast({
+            title: '选择文件失败',
+            icon: 'none'
+          })
+        }
+      })
+    },
+
+    // 移除PDF文件
+    removePDFFile(index) {
+      this.recordData.pdf_files.splice(index, 1)
+    },
+
+    // 预览PDF文件
+    previewPDF(pdf) {
+      console.log('预览PDF:', pdf)
+      
+      // 使用uni.openDocument预览PDF
+      uni.openDocument({
+        filePath: pdf.url,
+        fileType: 'pdf',
+        showMenu: true,
+        success: (res) => {
+          console.log('PDF预览成功:', res)
+        },
+        fail: (err) => {
+          console.error('PDF预览失败:', err)
+          uni.showToast({
+            title: '预览失败',
+            icon: 'none'
+          })
+        }
+      })
+    },
+
+    // 获取当前日期
+    getCurrentDate() {
+      const now = new Date()
+      const year = now.getFullYear()
+      const month = String(now.getMonth() + 1).padStart(2, '0')
+      const day = String(now.getDate()).padStart(2, '0')
+      return `${year}-${month}-${day}`
+    },
+
+    // 格式化文件大小
+    formatFileSize(bytes) {
+      if (bytes === 0) return '0 B'
+      const k = 1024
+      const sizes = ['B', 'KB', 'MB', 'GB']
+      const i = Math.floor(Math.log(bytes) / Math.log(k))
+      return parseFloat((bytes / Math.pow(k, i)).toFixed(2)) + ' ' + sizes[i]
+    }
+  }
+}
+</script>
+
+<style lang="less" scoped>
+@import './fitness-record-popup.less';
+</style>
\ No newline at end of file
diff --git a/uniapp/components/index.js b/uniapp/components/index.js
new file mode 100644
index 00000000..51dd5feb
--- /dev/null
+++ b/uniapp/components/index.js
@@ -0,0 +1,105 @@
+/**
+ * 组件索引文件
+ * 统一管理项目中的可复用组件
+ */
+
+// 客户信息相关组件
+export { default as ClientInfoCard } from './client-info-card/client-info-card.vue'
+export { default as StudentInfoCard } from './student-info-card/student-info-card.vue'
+
+// 通用UI组件
+export { default as TabSwitcher } from './tab-switcher/tab-switcher.vue'
+
+// 记录卡片组件
+export { default as FitnessRecordCard } from './fitness-record-card/fitness-record-card.vue'
+export { default as CallRecordCard } from './call-record-card/call-record-card.vue'
+
+// 组件使用说明
+export const ComponentUsage = {
+  // 客户信息卡片
+  ClientInfoCard: {
+    description: '显示客户基本信息的卡片组件',
+    props: {
+      clientInfo: 'Object - 客户信息对象'
+    },
+    events: {
+      call: '拨打电话事件，参数: phoneNumber'
+    },
+    example: `
+    <ClientInfoCard 
+      :client-info="clientInfo" 
+      @call="handleCall" 
+    />
+    `
+  },
+  
+  // 学生信息卡片
+  StudentInfoCard: {
+    description: '显示学生信息的卡片组件，支持操作按钮',
+    props: {
+      student: 'Object - 学生信息对象',
+      actions: 'Array - 操作按钮配置',
+      showDetails: 'Boolean - 是否显示详细信息'
+    },
+    events: {
+      'toggle-actions': '切换操作面板事件',
+      'action': '操作按钮点击事件，参数: { action, student }'
+    },
+    example: `
+    <StudentInfoCard 
+      :student="student" 
+      :actions="actions"
+      :show-details="true"
+      @toggle-actions="toggleActions"
+      @action="handleAction"
+    />
+    `
+  },
+  
+  // 标签切换组件
+  TabSwitcher: {
+    description: '标签切换组件，支持多标签页面切换',
+    props: {
+      tabs: 'Array - 标签配置数组 [{ id, name }]',
+      activeTabId: 'String|Number - 当前激活标签ID'
+    },
+    events: {
+      'tab-change': '标签切换事件，参数: { tabId, index, tab }'
+    },
+    example: `
+    <TabSwitcher 
+      :tabs="tabs" 
+      :active-tab-id="activeTabId"
+      @tab-change="handleTabChange"
+    />
+    `
+  },
+  
+  // 体测记录卡片
+  FitnessRecordCard: {
+    description: '体测记录卡片组件，显示体测数据和报告',
+    props: {
+      record: 'Object - 体测记录对象'
+    },
+    events: {
+      'file-click': '文件点击事件，参数: { file, record }'
+    },
+    example: `
+    <FitnessRecordCard 
+      :record="record" 
+      @file-click="handleFileClick"
+    />
+    `
+  },
+  
+  // 通话记录卡片
+  CallRecordCard: {
+    description: '通话记录卡片组件，显示通话详情',
+    props: {
+      record: 'Object - 通话记录对象'
+    },
+    example: `
+    <CallRecordCard :record="record" />
+    `
+  }
+}
\ No newline at end of file
diff --git a/uniapp/components/student-edit-popup/student-edit-popup.less b/uniapp/components/student-edit-popup/student-edit-popup.less
new file mode 100644
index 00000000..da23a452
--- /dev/null
+++ b/uniapp/components/student-edit-popup/student-edit-popup.less
@@ -0,0 +1,228 @@
+// 学生信息编辑弹窗样式
+.student-edit-popup {
+  width: 90vw;
+  max-width: 600rpx;
+  max-height: 80vh;
+  background: #fff;
+  border-radius: 20rpx;
+  overflow: hidden;
+  
+  .popup-header {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    padding: 30rpx 40rpx;
+    background: #f8f9fa;
+    border-bottom: 1rpx solid #eee;
+    
+    .popup-title {
+      font-size: 32rpx;
+      font-weight: 600;
+      color: #333;
+    }
+    
+    .popup-close {
+      width: 60rpx;
+      height: 60rpx;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      font-size: 36rpx;
+      color: #999;
+      cursor: pointer;
+      
+      &:hover {
+        color: #666;
+      }
+    }
+  }
+  
+  .student-form-container {
+    max-height: 60vh;
+    padding: 0 40rpx;
+    
+    .form-section {
+      padding: 20rpx 0;
+      
+      .form-group {
+        margin-bottom: 40rpx;
+        
+        .form-group-title {
+          font-size: 28rpx;
+          font-weight: 600;
+          color: #333;
+          margin-bottom: 20rpx;
+          padding-bottom: 10rpx;
+          border-bottom: 2rpx solid #29d3b4;
+        }
+        
+        .form-item {
+          display: flex;
+          align-items: center;
+          margin-bottom: 30rpx;
+          
+          .form-label {
+            width: 160rpx;
+            font-size: 28rpx;
+            color: #666;
+            flex-shrink: 0;
+            
+            &.required::after {
+              content: '*';
+              color: #ff4757;
+              margin-left: 4rpx;
+            }
+          }
+          
+          .form-input {
+            flex: 1;
+            
+            input {
+              width: 100%;
+              height: 80rpx;
+              padding: 0 20rpx;
+              border: 1rpx solid #ddd;
+              border-radius: 8rpx;
+              font-size: 28rpx;
+              background: #fff;
+              
+              &:focus {
+                border-color: #29d3b4;
+                outline: none;
+              }
+              
+              &::placeholder {
+                color: #ccc;
+              }
+            }
+            
+            .picker-display {
+              display: flex;
+              align-items: center;
+              justify-content: space-between;
+              height: 80rpx;
+              padding: 0 20rpx;
+              border: 1rpx solid #ddd;
+              border-radius: 8rpx;
+              font-size: 28rpx;
+              background: #fff;
+              color: #333;
+              
+              .picker-arrow {
+                font-size: 32rpx;
+                color: #999;
+                transform: rotate(90deg);
+              }
+            }
+          }
+          
+          .form-textarea {
+            flex: 1;
+            
+            textarea {
+              width: 100%;
+              min-height: 120rpx;
+              padding: 20rpx;
+              border: 1rpx solid #ddd;
+              border-radius: 8rpx;
+              font-size: 28rpx;
+              background: #fff;
+              resize: none;
+              
+              &:focus {
+                border-color: #29d3b4;
+                outline: none;
+              }
+              
+              &::placeholder {
+                color: #ccc;
+              }
+            }
+          }
+        }
+      }
+    }
+  }
+  
+  .popup-footer {
+    display: flex;
+    padding: 30rpx 40rpx;
+    background: #f8f9fa;
+    border-top: 1rpx solid #eee;
+    gap: 20rpx;
+    
+    .popup-btn {
+      flex: 1;
+      height: 80rpx;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      border-radius: 8rpx;
+      font-size: 28rpx;
+      cursor: pointer;
+      transition: all 0.3s ease;
+      
+      &.cancel-btn {
+        background: #f5f5f5;
+        color: #666;
+        border: 1rpx solid #ddd;
+        
+        &:hover {
+          background: #e9e9e9;
+        }
+      }
+      
+      &.confirm-btn {
+        background: #29d3b4;
+        color: #fff;
+        border: 1rpx solid #29d3b4;
+        
+        &:hover {
+          background: #26c4a6;
+        }
+      }
+    }
+  }
+}
+
+// 响应式适配
+@media (max-width: 750rpx) {
+  .student-edit-popup {
+    width: 95vw;
+    
+    .popup-header {
+      padding: 25rpx 30rpx;
+      
+      .popup-title {
+        font-size: 30rpx;
+      }
+    }
+    
+    .student-form-container {
+      padding: 0 30rpx;
+      
+      .form-section {
+        .form-group {
+          .form-item {
+            flex-direction: column;
+            align-items: flex-start;
+            
+            .form-label {
+              width: 100%;
+              margin-bottom: 10rpx;
+            }
+            
+            .form-input,
+            .form-textarea {
+              width: 100%;
+            }
+          }
+        }
+      }
+    }
+    
+    .popup-footer {
+      padding: 25rpx 30rpx;
+    }
+  }
+}
\ No newline at end of file
diff --git a/uniapp/components/student-edit-popup/student-edit-popup.vue b/uniapp/components/student-edit-popup/student-edit-popup.vue
new file mode 100644
index 00000000..5a756a26
--- /dev/null
+++ b/uniapp/components/student-edit-popup/student-edit-popup.vue
@@ -0,0 +1,324 @@
+<!--学生信息编辑弹窗组件-->
+<template>
+  <uni-popup ref="popup" type="center">
+    <view class="popup-container student-edit-popup">
+      <view class="popup-header">
+        <view class="popup-title">{{ isEditing ? '编辑学生信息' : '添加学生信息' }}</view>
+        <view class="popup-close" @click="close">✕</view>
+      </view>
+      <scroll-view class="student-form-container" scroll-y="true">
+        <view class="form-section">
+          <!-- 基本信息 -->
+          <view class="form-group">
+            <view class="form-group-title">基本信息</view>
+            
+            <view class="form-item">
+              <view class="form-label required">姓名</view>
+              <view class="form-input">
+                <input type="text" v-model="studentData.name" placeholder="请输入学生姓名" maxlength="20" />
+              </view>
+            </view>
+            
+            <view class="form-item">
+              <view class="form-label required">性别</view>
+              <view class="form-input">
+                <picker :range="genderOptions" range-key="label" @change="onGenderChange">
+                  <view class="picker-display">
+                    {{ $util.formatGender(studentData.gender) || '请选择性别' }}
+                    <text class="picker-arrow">›</text>
+                  </view>
+                </picker>
+              </view>
+            </view>
+            
+            <view class="form-item">
+              <view class="form-label required">出生日期</view>
+              <view class="form-input">
+                <picker mode="date" :value="studentData.birthday" @change="onBirthdayChange">
+                  <view class="picker-display">
+                    {{ studentData.birthday || '请选择出生日期' }}
+                    <text class="picker-arrow">›</text>
+                  </view>
+                </picker>
+              </view>
+            </view>
+            
+            <view class="form-item">
+              <view class="form-label">联系电话</view>
+              <view class="form-input">
+                <input type="number" v-model="studentData.contact_phone" placeholder="请输入联系电话" maxlength="20" />
+              </view>
+            </view>
+            
+            <view class="form-item">
+              <view class="form-label">紧急联系人</view>
+              <view class="form-input">
+                <input type="text" v-model="studentData.emergency_contact" placeholder="请输入紧急联系人" maxlength="255" />
+              </view>
+            </view>
+          </view>
+          
+          <!-- 学员信息 -->
+          <view class="form-group">
+            <view class="form-group-title">学员信息</view>
+            
+            <view class="form-item">
+              <view class="form-label">会员标签</view>
+              <view class="form-input">
+                <input type="text" v-model="studentData.member_label" placeholder="请输入会员标签" maxlength="255" />
+              </view>
+            </view>
+            
+            <view class="form-item">
+              <view class="form-label">体验课次数</view>
+              <view class="form-input">
+                <input type="number" v-model="studentData.trial_class_count" placeholder="体验课次数" />
+              </view>
+            </view>
+            
+            <view class="form-item">
+              <view class="form-label">学员状态</view>
+              <view class="form-input">
+                <picker :range="statusOptions" range-key="label" @change="onStatusChange">
+                  <view class="picker-display">
+                    {{ studentData.status === 1 ? '有效' : '无效' }}
+                    <text class="picker-arrow">›</text>
+                  </view>
+                </picker>
+              </view>
+            </view>
+          </view>
+          
+          <!-- 其他信息 -->
+          <view class="form-group">
+            <view class="form-group-title">其他信息</view>
+            
+            <view class="form-item">
+              <view class="form-label">备注</view>
+              <view class="form-textarea">
+                <textarea v-model="studentData.note" placeholder="请输入备注信息" maxlength="200"></textarea>
+              </view>
+            </view>
+          </view>
+        </view>
+      </scroll-view>
+      <view class="popup-footer">
+        <view class="popup-btn cancel-btn" @click="close">取消</view>
+        <view class="popup-btn confirm-btn" @click="confirm">保存</view>
+      </view>
+    </view>
+  </uni-popup>
+</template>
+
+<script>
+export default {
+  name: 'StudentEditPopup',
+  props: {
+    // 客户资源ID，用于关联学生
+    resourceId: {
+      type: [String, Number],
+      default: 0
+    }
+  },
+  data() {
+    return {
+      isEditing: false, // 是否为编辑模式
+      
+      // 学生数据
+      studentData: {
+        id: null,
+        name: '',
+        gender: 0, // 性别: 0未知, 1男, 2女
+        age: 0.00, // 年龄，支持小数表示，例如3.11表示3岁11个月
+        birthday: null,
+        user_id: 0, // 资源ID
+        campus_id: null,
+        class_id: null,
+        note: '', // 备注信息
+        status: 1, // 学员状态: 0无效, 1有效
+        emergency_contact: '', // 紧急联系人
+        contact_phone: '', // 联系人电话
+        member_label: '', // 会员标签
+        consultant_id: null,
+        coach_id: null,
+        trial_class_count: 2, // 体验课次数|默认2（新增学员赠送）
+        actionsExpanded: false // 操作面板展开状态
+      },
+      
+      // 选项数据
+      genderOptions: [
+        { label: '未知', value: 0 },
+        { label: '男', value: 1 },
+        { label: '女', value: 2 }
+      ],
+      
+      statusOptions: [
+        { label: '无效', value: 0 },
+        { label: '有效', value: 1 }
+      ]
+    }
+  },
+  methods: {
+    // 打开弹窗 - 新增模式
+    openAdd() {
+      this.isEditing = false
+      this.resetStudentData()
+      this.studentData.user_id = this.resourceId
+      this.$refs.popup.open()
+    },
+    
+    // 打开弹窗 - 编辑模式
+    openEdit(student) {
+      this.isEditing = true
+      this.studentData = {
+        id: student.id,
+        name: student.name,
+        gender: student.gender,
+        age: student.age,
+        birthday: student.birthday,
+        user_id: student.user_id,
+        campus_id: student.campus_id,
+        class_id: student.class_id,
+        note: student.note,
+        status: student.status,
+        emergency_contact: student.emergency_contact,
+        contact_phone: student.contact_phone,
+        member_label: student.member_label,
+        consultant_id: student.consultant_id,
+        coach_id: student.coach_id,
+        trial_class_count: student.trial_class_count,
+        actionsExpanded: student.actionsExpanded || false
+      }
+      this.$refs.popup.open()
+    },
+    
+    // 关闭弹窗
+    close() {
+      this.$refs.popup.close()
+      this.resetStudentData()
+      this.$emit('close')
+    },
+    
+    // 重置学生数据
+    resetStudentData() {
+      this.studentData = {
+        id: null,
+        name: '',
+        gender: 0,
+        age: 0.00,
+        birthday: null,
+        user_id: this.resourceId || 0,
+        campus_id: null,
+        class_id: null,
+        note: '',
+        status: 1,
+        emergency_contact: '',
+        contact_phone: '',
+        member_label: '',
+        consultant_id: null,
+        coach_id: null,
+        trial_class_count: 2,
+        actionsExpanded: false
+      }
+    },
+    
+    // 性别选择器变化事件
+    onGenderChange(e) {
+      const selectedGender = this.genderOptions[e.detail.value]
+      this.studentData.gender = selectedGender.value
+    },
+    
+    // 出生日期选择器变化事件
+    onBirthdayChange(e) {
+      this.studentData.birthday = e.detail.value
+      // 计算年龄（精确到月）
+      if (this.studentData.birthday) {
+        const today = new Date()
+        const birthday = new Date(this.studentData.birthday)
+        
+        let years = today.getFullYear() - birthday.getFullYear()
+        let months = today.getMonth() - birthday.getMonth()
+        
+        if (today.getDate() < birthday.getDate()) {
+          months--
+        }
+        
+        if (months < 0) {
+          years--
+          months += 12
+        }
+        
+        // 转换为小数表示：例如3岁11个月 = 3.11
+        const ageDecimal = years + (months / 100)
+        this.studentData.age = ageDecimal > 0 ? parseFloat(ageDecimal.toFixed(2)) : 0
+      }
+    },
+    
+    // 学员状态选择器变化事件
+    onStatusChange(e) {
+      this.studentData.status = this.statusOptions[e.detail.value].value
+    },
+    
+    // 确认保存
+    confirm() {
+      // 表单验证
+      if (!this.studentData.name.trim()) {
+        uni.showToast({
+          title: '请输入学生姓名',
+          icon: 'none'
+        })
+        return
+      }
+
+      if (this.studentData.gender === 0) {
+        uni.showToast({
+          title: '请选择性别',
+          icon: 'none'
+        })
+        return
+      }
+
+      if (!this.studentData.birthday) {
+        uni.showToast({
+          title: '请选择出生日期',
+          icon: 'none'
+        })
+        return
+      }
+      
+      // 构建保存参数
+      const params = {
+        name: this.studentData.name,
+        gender: this.studentData.gender,
+        age: this.studentData.age,
+        birthday: this.studentData.birthday,
+        user_id: this.resourceId, // 关联到当前客户资源ID
+        campus_id: this.studentData.campus_id,
+        class_id: this.studentData.class_id,
+        note: this.studentData.note,
+        status: this.studentData.status,
+        emergency_contact: this.studentData.emergency_contact,
+        contact_phone: this.studentData.contact_phone,
+        member_label: this.studentData.member_label,
+        consultant_id: this.studentData.consultant_id,
+        coach_id: this.studentData.coach_id,
+        trial_class_count: this.studentData.trial_class_count
+      }
+
+      if (this.isEditing) {
+        params.id = this.studentData.id
+      }
+      
+      // 触发确认事件，将数据传递给父组件处理
+      this.$emit('confirm', {
+        isEditing: this.isEditing,
+        studentData: params
+      })
+    }
+  }
+}
+</script>
+
+<style lang="less" scoped>
+@import './student-edit-popup.less';
+</style>
\ No newline at end of file
diff --git a/uniapp/components/student-info-card/student-info-card.vue b/uniapp/components/student-info-card/student-info-card.vue
new file mode 100644
index 00000000..f3229c19
--- /dev/null
+++ b/uniapp/components/student-info-card/student-info-card.vue
@@ -0,0 +1,229 @@
+<!--学生信息卡片组件-->
+<template>
+  <view class="student-info-card">
+    <!-- 学生基本信息 -->
+    <view class="student-header">
+      <view class="student-avatar">
+        <text>{{ student.name ? student.name.charAt(0) : '学' }}</text>
+      </view>
+      <view class="student-details">
+        <view class="student-name">{{ student.name || '未知学生' }}</view>
+        <view class="student-meta">
+          <text class="student-age">{{ formatAge(student.age) }}</text>
+          <text class="student-gender">{{ formatGender(student.gender) }}</text>
+        </view>
+        <view class="student-label" v-if="student.member_label">{{ student.member_label }}</view>
+      </view>
+      <view class="action-toggle" @click="toggleActions">
+        <text class="toggle-icon">{{ student.actionsExpanded ? '▲' : '▼' }}</text>
+      </view>
+    </view>
+
+    <!-- 学生详细信息 -->
+    <view class="student-info" v-if="showDetails">
+      <view class="info-row">
+        <text class="info-label">生日：</text>
+        <text class="info-value">{{ student.birthday || '未知' }}</text>
+      </view>
+      <view class="info-row" v-if="student.emergency_contact">
+        <text class="info-label">紧急联系人：</text>
+        <text class="info-value">{{ student.emergency_contact }}</text>
+      </view>
+      <view class="info-row" v-if="student.contact_phone">
+        <text class="info-label">联系电话：</text>
+        <text class="info-value">{{ student.contact_phone }}</text>
+      </view>
+      <view class="info-row" v-if="student.note">
+        <text class="info-label">备注：</text>
+        <text class="info-value">{{ student.note }}</text>
+      </view>
+    </view>
+
+    <!-- 操作按钮区域 -->
+    <view class="action-panel">
+      <view 
+        class="action-btn" 
+        v-for="action in actions" 
+        :key="action.key"
+        @click="handleAction(action)"
+      >
+        <text class="action-text">{{ action.text }}</text>
+      </view>
+    </view>
+  </view>
+</template>
+
+<script>
+export default {
+  name: 'StudentInfoCard',
+  props: {
+    student: {
+      type: Object,
+      default: () => ({})
+    },
+    actions: {
+      type: Array,
+      default: () => ([
+        { key: 'edit', text: '编辑学生' },
+        { key: 'order', text: '查看订单' },
+        { key: 'course', text: '课程安排' },
+        { key: 'fitness', text: '体测记录' }
+      ])
+    },
+    showDetails: {
+      type: Boolean,
+      default: true
+    }
+  },
+  methods: {
+    toggleActions() {
+      this.$emit('toggle-actions', this.student)
+    },
+    
+    handleAction(action) {
+      this.$emit('action', { action, student: this.student })
+    },
+
+    // 格式化年龄显示
+    formatAge(age) {
+      if (!age) return '未知年龄'
+      const years = Math.floor(age)
+      const months = Math.round((age - years) * 12)
+      if (months === 0) {
+        return `${years}岁`
+      }
+      return `${years}岁${months}个月`
+    },
+
+    // 格式化性别显示
+    formatGender(gender) {
+      switch (gender) {
+        case 1: return '男'
+        case 2: return '女'
+        default: return '未知'
+      }
+    }
+  }
+}
+</script>
+
+<style lang="less" scoped>
+.student-info-card {
+  background-color: #1a1a1a;
+  border-radius: 20rpx;
+  padding: 30rpx;
+  margin-bottom: 20rpx;
+  border: 2rpx solid #333;
+}
+
+.student-header {
+  display: flex;
+  align-items: center;
+  
+  .student-avatar {
+    width: 60rpx;
+    height: 60rpx;
+    border-radius: 50%;
+    background-color: #29d3b4;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    margin-right: 20rpx;
+    
+    text {
+      color: white;
+      font-size: 24rpx;
+      font-weight: bold;
+    }
+  }
+  
+  .student-details {
+    flex: 1;
+    
+    .student-name {
+      color: white;
+      font-size: 28rpx;
+      font-weight: bold;
+      margin-bottom: 8rpx;
+    }
+    
+    .student-meta {
+      display: flex;
+      align-items: center;
+      gap: 20rpx;
+      margin-bottom: 8rpx;
+      
+      .student-age,
+      .student-gender {
+        color: #999;
+        font-size: 22rpx;
+      }
+    }
+    
+    .student-label {
+      color: #29d3b4;
+      font-size: 20rpx;
+      background-color: rgba(41, 211, 180, 0.2);
+      padding: 4rpx 12rpx;
+      border-radius: 10rpx;
+      display: inline-block;
+    }
+  }
+  
+  .action-toggle {
+    padding: 10rpx;
+    
+    .toggle-icon {
+      color: #29d3b4;
+      font-size: 24rpx;
+    }
+  }
+}
+
+.student-info {
+  margin-top: 20rpx;
+  padding-top: 20rpx;
+  border-top: 1rpx solid #333;
+  
+  .info-row {
+    display: flex;
+    align-items: flex-start;
+    margin-bottom: 15rpx;
+    
+    .info-label {
+      color: #999;
+      font-size: 22rpx;
+      width: 150rpx;
+      flex-shrink: 0;
+    }
+    
+    .info-value {
+      color: white;
+      font-size: 22rpx;
+      flex: 1;
+      word-break: break-all;
+    }
+  }
+}
+
+.action-panel {
+  margin-top: 20rpx;
+  padding-top: 20rpx;
+  border-top: 1rpx solid #333;
+  display: flex;
+  flex-wrap: wrap;
+  gap: 15rpx;
+  
+  .action-btn {
+    padding: 15rpx 25rpx;
+    background-color: #29d3b4;
+    border-radius: 25rpx;
+    
+    .action-text {
+      color: white;
+      font-size: 22rpx;
+      font-weight: bold;
+    }
+  }
+}
+</style>
\ No newline at end of file
diff --git a/uniapp/components/tab-switcher/tab-switcher.vue b/uniapp/components/tab-switcher/tab-switcher.vue
new file mode 100644
index 00000000..4ab9c059
--- /dev/null
+++ b/uniapp/components/tab-switcher/tab-switcher.vue
@@ -0,0 +1,70 @@
+<!--标签切换组件-->
+<template>
+  <view class="tab-switcher">
+    <view 
+      v-for="(tab, index) in tabs" 
+      :key="tab.id"
+      :class="['tab-item', { 'selected-tab': activeTabId === tab.id }]"
+      @click="switchTab(tab.id, index)"
+    >
+      <text :class="['tab-text', { 'selected-text': activeTabId === tab.id }]">{{ tab.name }}</text>
+    </view>
+  </view>
+</template>
+
+<script>
+export default {
+  name: 'TabSwitcher',
+  props: {
+    tabs: {
+      type: Array,
+      required: true,
+      default: () => []
+    },
+    activeTabId: {
+      type: [String, Number],
+      required: true
+    }
+  },
+  methods: {
+    switchTab(tabId, index) {
+      if (tabId !== this.activeTabId) {
+        this.$emit('tab-change', { tabId, index, tab: this.tabs[index] })
+      }
+    }
+  }
+}
+</script>
+
+<style lang="less" scoped>
+.tab-switcher {
+  display: flex;
+  align-items: center;
+  justify-content: space-around;
+  padding: 20rpx 0;
+  background-color: white;
+  border-radius: 0 0 20rpx 20rpx;
+}
+
+.tab-item {
+  padding: 15rpx 20rpx;
+  border-radius: 10rpx;
+  transition: all 0.3s ease;
+  
+  &.selected-tab {
+    background-color: rgba(41, 211, 180, 0.1);
+  }
+}
+
+.tab-text {
+  font-size: 26rpx;
+  color: #666;
+  font-weight: normal;
+  transition: all 0.3s ease;
+  
+  &.selected-text {
+    color: #29d3b4;
+    font-weight: bold;
+  }
+}
+</style>
\ No newline at end of file
diff --git a/uniapp/pages/market/clue/class_arrangement.vue b/uniapp/pages/market/clue/class_arrangement.vue
index 318baa5f..17c25340 100644
--- a/uniapp/pages/market/clue/class_arrangement.vue
+++ b/uniapp/pages/market/clue/class_arrangement.vue
@@ -7,10 +7,10 @@
 				<view class="day">{{ item.day }}</view>
 			</view>
 		</view>
-		<!-- "查看更多"按钮移到日期条下方 -->
+		<!-- "查询"按钮移到日期条下方 -->
 		<view class="more-bar-wrapper">
-			<view class="more-bar" @click="openCalendar">
-				<text>查看更多</text>
+			<view class="more-bar" @click="openSearchPopup">
+				<text>查询</text>
 				<uni-icons type="arrowdown" size="18" color="#bdbdbd" />
 			</view>
 		</view>
@@ -19,6 +19,71 @@
 			<uni-calendar @change="onCalendarChange" />
 		</uni-popup>
 
+		<!-- 查询弹窗 -->
+		<view v-if="showSearchPopup" class="search_popup_mask" @tap="showSearchPopup=false">
+			<view class="search_popup_content" @tap.stop>
+				<view class="popup_search_content">
+					<view class="popup_header">
+						<view class="popup_title">筛选</view>
+						<view class="popup_close" @tap="showSearchPopup=false">
+							<text class="close_text">✕</text>
+						</view>
+					</view>
+					
+					<scroll-view :scroll-y="true" class="popup_scroll_view">
+						<!-- 筛选区域 -->
+						<view class="popup_filter_section">
+							<view class="popup_filter_row">
+								<view class="popup_filter_item">
+									<text class="popup_filter_label">时间查询</text>
+									<picker :value="timeIndex" :range="timeOptions" @change="onTimeChange">
+										<view class="popup_filter_picker">{{ timeOptions[timeIndex] }}</view>
+									</picker>
+								</view>
+								<view class="popup_filter_item">
+									<text class="popup_filter_label">班主任筛选</text>
+									<input class="popup_filter_input" placeholder="人员名称筛选" v-model="searchForm.teacher_name" />
+								</view>
+							</view>
+							
+							<view class="popup_filter_row">
+								<view class="popup_filter_item">
+									<text class="popup_filter_label">开始日期</text>
+									<picker mode="date" :value="searchForm.start_date" @change="onStartDateChange">
+										<view class="popup_filter_input">
+											{{ searchForm.start_date || '选择开始日期' }}
+										</view>
+									</picker>
+								</view>
+								<view class="popup_filter_item">
+									<text class="popup_filter_label">结束日期</text>
+									<picker mode="date" :value="searchForm.end_date" @change="onEndDateChange">
+										<view class="popup_filter_input">
+											{{ searchForm.end_date || '选择结束日期' }}
+										</view>
+									</picker>
+								</view>
+							</view>
+							
+							<view class="popup_filter_row">
+								<view class="popup_filter_item">
+									<text class="popup_filter_label">固定位筛选</text>
+									<input class="popup_filter_input" placeholder="输入固定位编号" v-model="searchForm.venue_number" type="number" />
+								</view>
+							</view>
+						</view>
+					</scroll-view>
+					
+					<view class="popup_filter_buttons">
+						<view class="popup_filter_btn reset_btn" @click="resetSearchOnly">重置</view>
+						<view class="popup_filter_btn search_btn" @click="searchDataAndClose">搜索</view>
+						<view class="popup_filter_btn close_btn" @click="closeSearchPopup">关闭</view>
+					</view>
+				</view>
+			</view>
+		</view>
+
+
 		<!-- 课程卡片列表 -->
 		<view class="course-list">
 			<view class="course-card" v-for="(course, idx) in courseList" :key="idx">
@@ -50,7 +115,21 @@
 				selectedDayIndex: 4,
 				date: '',
 				courseList: [],
-				resource_id:''
+				resource_id: '',
+				
+				// 查询弹窗相关
+				showSearchPopup: false,
+				searchForm: {
+					time_hour: '',
+					start_date: '',
+					end_date: '',
+					teacher_name: '',
+					venue_number: ''
+				},
+				
+				// 时间选择器相关
+				timeIndex: 0,
+				timeOptions: ['全部时间', '上午(8:00-12:00)', '下午(12:00-18:00)', '晚上(18:00-22:00)']
 			};
 		},
 		onLoad(options) {
@@ -113,6 +192,97 @@
 					completed: '已结束'
 				};
 				return statusMap[status] || status;
+			},
+			
+			// 查询弹窗相关方法
+			openSearchPopup() {
+				this.showSearchPopup = true;
+			},
+			
+			closeSearchPopup() {
+				this.showSearchPopup = false;
+			},
+			
+			// 时间选择器变化
+			onTimeChange(e) {
+				this.timeIndex = e.detail.value;
+				this.searchForm.time_hour = this.timeOptions[this.timeIndex];
+			},
+			
+			// 开始日期选择变化
+			onStartDateChange(e) {
+				this.searchForm.start_date = e.detail.value;
+				console.log('开始日期选择:', e.detail.value);
+			},
+			
+			// 结束日期选择变化
+			onEndDateChange(e) {
+				this.searchForm.end_date = e.detail.value;
+				console.log('结束日期选择:', e.detail.value);
+			},
+			
+			// 搜索并关闭弹窗
+			searchDataAndClose() {
+				console.log('执行搜索，表单数据:', this.searchForm);
+				this.searchCourseData();
+				this.showSearchPopup = false;
+			},
+			
+			// 搜索课程数据
+			async searchCourseData() {
+				try {
+					let searchParams = {
+						schedule_date: this.date
+					};
+					
+					// 添加搜索条件
+					if (this.searchForm.time_hour && this.searchForm.time_hour !== '全部时间') {
+						searchParams.time_hour = this.searchForm.time_hour;
+					}
+					if (this.searchForm.start_date) {
+						searchParams.start_date = this.searchForm.start_date;
+					}
+					if (this.searchForm.end_date) {
+						searchParams.end_date = this.searchForm.end_date;
+					}
+					if (this.searchForm.teacher_name) {
+						searchParams.teacher_name = this.searchForm.teacher_name;
+					}
+					if (this.searchForm.venue_number) {
+						searchParams.venue_number = this.searchForm.venue_number;
+					}
+					
+					console.log('搜索参数:', searchParams);
+					
+					let data = await apiRoute.courseAllList(searchParams);
+					this.courseList = data.data;
+					
+					uni.showToast({
+						title: '查询完成',
+						icon: 'success'
+					});
+				} catch (error) {
+					console.error('搜索失败:', error);
+					uni.showToast({
+						title: '搜索失败',
+						icon: 'none'
+					});
+				}
+			},
+			
+			// 重置搜索条件
+			resetSearchOnly() {
+				this.searchForm = {
+					time_hour: '',
+					start_date: '',
+					end_date: '',
+					teacher_name: '',
+					venue_number: ''
+				};
+				this.timeIndex = 0;
+				
+				// 重新加载默认数据
+				this.getDate();
 			}
 		},
 	};
@@ -236,4 +406,191 @@
 			}
 		}
 	}
+
+	// 搜索弹窗样式
+	.search_popup_mask {
+		position: fixed;
+		top: 0;
+		left: 0;
+		right: 0;
+		bottom: 0;
+		background: rgba(0, 0, 0, 0.6);
+		z-index: 999;
+		display: flex;
+		flex-direction: column;
+	}
+
+	.search_popup_content {
+		background: #fff;
+		border-bottom-left-radius: 24rpx;
+		border-bottom-right-radius: 24rpx;
+		animation: slideDown 0.3s ease-out;
+		width: 100%;
+		max-height: 80vh;
+		overflow: hidden;
+		display: flex;
+		flex-direction: column;
+	}
+
+	@keyframes slideDown {
+		from {
+			transform: translateY(-100%);
+		}
+		to {
+			transform: translateY(0);
+		}
+	}
+
+	// 弹窗搜索内容样式
+	.popup_search_content {
+		padding: 0;
+		background: #fff;
+		min-height: 60vh;
+		max-height: 80vh;
+		display: flex;
+		flex-direction: column;
+		border-bottom-left-radius: 24rpx;
+		border-bottom-right-radius: 24rpx;
+		overflow: hidden;
+	}
+
+	.popup_header {
+		display: flex;
+		justify-content: space-between;
+		align-items: center;
+		padding: 32rpx;
+		border-bottom: 1px solid #f0f0f0;
+	}
+
+	.popup_title {
+		font-size: 32rpx;
+		font-weight: 600;
+		color: #333;
+	}
+
+	.popup_close {
+		width: 60rpx;
+		height: 60rpx;
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		
+		.close_text {
+			font-size: 32rpx;
+			color: #999;
+		}
+	}
+
+	.popup_scroll_view {
+		flex: 1;
+		padding: 32rpx;
+		overflow-y: auto;
+	}
+
+	.popup_filter_section {
+		margin-bottom: 32rpx;
+		
+		&:last-child {
+			margin-bottom: 0;
+		}
+	}
+
+	.popup_filter_row {
+		display: flex;
+		gap: 20rpx;
+		margin-bottom: 24rpx;
+		
+		&:last-child {
+			margin-bottom: 0;
+		}
+	}
+
+	.popup_filter_item {
+		flex: 1;
+		display: flex;
+		flex-direction: column;
+		gap: 12rpx;
+		
+		&.full_width {
+			flex: 1;
+		}
+		
+		.popup_filter_label {
+			font-size: 26rpx;
+			color: #666;
+			font-weight: 500;
+		}
+		
+		.popup_filter_input {
+			height: 72rpx;
+			line-height: 72rpx;
+			padding: 0 16rpx;
+			border: 1px solid #ddd;
+			border-radius: 8rpx;
+			font-size: 28rpx;
+			color: #333;
+			background: #fff;
+			
+			&::placeholder {
+				color: #999;
+			}
+		}
+		
+		.popup_filter_picker {
+			height: 72rpx;
+			line-height: 72rpx;
+			padding: 0 16rpx;
+			border: 1px solid #ddd;
+			border-radius: 8rpx;
+			font-size: 28rpx;
+			color: #333;
+			background: #fff;
+			position: relative;
+			
+			&::after {
+				content: '▼';
+				position: absolute;
+				right: 16rpx;
+				font-size: 20rpx;
+				color: #999;
+			}
+		}
+	}
+
+	.popup_filter_buttons {
+		display: flex;
+		gap: 20rpx;
+		padding: 32rpx;
+		margin-top: auto;
+		border-top: 1px solid #f0f0f0;
+		background: #fff;
+		border-bottom-left-radius: 24rpx;
+		border-bottom-right-radius: 24rpx;
+	}
+
+	.popup_filter_btn {
+		flex: 1;
+		height: 72rpx;
+		line-height: 72rpx;
+		text-align: center;
+		border-radius: 8rpx;
+		font-size: 28rpx;
+		font-weight: 600;
+		
+		&.search_btn {
+			background: #29d3b4;
+			color: #fff;
+		}
+		
+		&.reset_btn {
+			background: #f5f5f5;
+			color: #666;
+			border: 1px solid #ddd;
+		}
+		
+		&.close_btn {
+			background: #666;
+			color: #fff;
+		}
+	}
 </style>
\ No newline at end of file
diff --git a/uniapp/pages/market/clue/clue_info.less b/uniapp/pages/market/clue/clue_info.less
new file mode 100644
index 00000000..85badc61
--- /dev/null
+++ b/uniapp/pages/market/clue/clue_info.less
@@ -0,0 +1,2204 @@
+.assemble {
+  width: 100%;
+  height: 100vh;
+  overflow: auto;
+  background-color: #292929;
+}
+
+.main_box {
+  background: #292929;
+  min-height: 20vh;
+}
+
+// 操作按钮样式
+.action-buttons {
+  display: flex;
+  align-items: center;
+
+  .btn-item {
+    width: 60rpx;
+    height: 60rpx;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    margin-left: 20rpx;
+
+    .btn-icon {
+      width: 40rpx;
+      height: 40rpx;
+    }
+  }
+}
+
+// 标签切换器容器样式
+.tab-switcher-container {
+  margin: 20rpx;
+  background: #fff;
+  border-radius: 20rpx;
+  box-shadow: 0 4rpx 12rpx rgba(0, 0, 0, 0.1);
+}
+
+//统计信息
+.count_section {
+  width: 100%;
+  position: relative;
+
+  .main {
+    width: 100%;
+    position: absolute;
+    z-index: 2;
+    padding: 0rpx 24rpx;
+    display: flex;
+    justify-content: center;
+  }
+
+  .bg_top {
+    height: 180rpx;
+    background-color: #29D3B4;
+  }
+
+  .bg_bottom {
+    height: 80rpx;
+    background-color: #292929;
+  }
+}
+
+.selected-text {
+  color: #1CD188;
+  display: flex;
+  align-items: center;
+  white-space: nowrap;
+  font-size: 28rpx;
+  padding: 0 6rpx;
+}
+
+.text {
+  color: #333333;
+  display: flex;
+  align-items: center;
+  white-space: nowrap;
+  font-size: 28rpx;
+  padding: 0 6rpx;
+}
+
+.basic-message {
+  color: #fff;
+  padding: 16rpx 60rpx;
+  display: flex;
+  justify-content: space-between;
+}
+
+.basic-message-div {
+  width: 92%;
+  margin: auto;
+  background: #555555;
+  border-radius: 16rpx;
+  padding: 16rpx 0;
+}
+
+.basic-message-div-txt {
+  display: flex;
+  justify-content: space-between;
+  color: #FFFFFF;
+  padding: 14rpx 30rpx;
+}
+
+.bottom-label {
+  width: 100%;
+  height: 150rpx;
+  background: #fff;
+  position: fixed;
+  bottom: 0;
+  left: 0;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 0 30rpx;
+}
+
+// 自定义弹窗样式
+.custom-popup-dialog {
+  width: 650rpx;
+  border-radius: 16rpx;
+  background-color: #fff;
+  overflow: hidden;
+}
+
+.dialog-header {
+  padding: 30rpx;
+  text-align: center;
+  border-bottom: 1px solid #eee;
+}
+
+.dialog-title {
+  font-size: 32rpx;
+  font-weight: bold;
+  color: #333;
+}
+
+.dialog-content {
+  padding: 30rpx;
+}
+
+.dialog-footer {
+  display: flex;
+  border-top: 1px solid #eee;
+}
+
+.dialog-btn {
+  flex: 1;
+  padding: 25rpx 0;
+  text-align: center;
+  font-size: 30rpx;
+}
+
+.cancel-btn {
+  color: #666;
+  border-right: 1px solid #eee;
+}
+
+.confirm-btn {
+  color: #29D3B4;
+  font-weight: bold;
+}
+
+// 备注文本框样式
+.remark-textarea-container {
+  width: 100%;
+  position: relative;
+  padding: 10rpx 0;
+}
+
+.remark-textarea {
+  width: 100%;
+  height: 240rpx;
+  border: 1px solid #ddd;
+  border-radius: 8rpx;
+  padding: 20rpx;
+  font-size: 28rpx;
+  background-color: #f8f8f8;
+  box-sizing: border-box;
+}
+
+.remark-count {
+  position: absolute;
+  bottom: 20rpx;
+  right: 20rpx;
+  font-size: 24rpx;
+  color: #999;
+}
+
+// 备注按钮样式
+.remark-btn {
+  background-color: #29D3B4 !important;
+  color: white !important;
+  margin: 0 !important;
+  padding: 0 20rpx !important;
+  height: 60rpx !important;
+  line-height: 60rpx !important;
+  font-size: 24rpx !important;
+  border-radius: 30rpx !important;
+}
+
+.follow-records-list {
+  width: 92%;
+  background: #434544;
+  border-radius: 16rpx;
+  margin: auto;
+  padding: 16rpx;
+  color: #fff;
+  position: relative;
+}
+
+.same-community {
+  width: 120rpx;
+  background: #3d4a55;
+  color: #1e62a9;
+  position: absolute;
+  top: 0;
+  right: 0;
+  padding: 8rpx 16rpx;
+  text-align: center;
+  border-radius: 40rpx 70rpx 70rpx 12rpx;
+}
+
+.coeducation {
+  width: 120rpx;
+  background: #3d4a55;
+  color: #2e9380;
+  position: absolute;
+  top: 0;
+  right: 0;
+  padding: 8rpx 16rpx;
+  text-align: center;
+  border-radius: 40rpx 70rpx 70rpx 12rpx;
+}
+
+.same-community {
+  width: 120rpx;
+  background: #40504c;
+  color: #1e62a9;
+  position: absolute;
+  top: 0;
+  right: 0;
+  padding: 8rpx 16rpx;
+  text-align: center;
+  border-radius: 40rpx 70rpx 70rpx 12rpx;
+}
+
+.search {
+  width: 92%;
+  margin: auto;
+  display: flex;
+  margin-top: 20rpx;
+}
+
+.selected {
+  background: #294e48;
+  border-radius: 16rpx;
+  padding: 12rpx 8rpx;
+  text-align: center;
+  color: #29d3b4;
+  margin-left: 5rpx;
+}
+
+.not-selected {
+  margin-left: 5rpx;
+  background: #ffffff;
+  border: 4rpx #959595 solid;
+  border-radius: 16rpx;
+  padding: 12rpx 8rpx;
+  text-align: center;
+}
+
+.call-record-item {
+  width: 100%;
+  background: #434544;
+  border-radius: 16rpx;
+  margin: auto;
+  padding: 16rpx;
+  color: #fff;
+  position: relative;
+}
+
+.call-record-header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+
+.call-name {
+  font-size: 28rpx;
+  font-weight: bold;
+}
+
+.call-time {
+  font-size: 24rpx;
+  color: #999;
+}
+
+.call-record-content {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+
+.call-detail {
+  display: flex;
+  align-items: center;
+}
+
+.call-label {
+  font-size: 24rpx;
+  color: #999;
+  margin-right: 10rpx;
+}
+
+.call-remark {
+  margin-top: 10rpx;
+}
+
+.call-remark-content {
+  font-size: 24rpx;
+  color: #fff;
+}
+
+// 通话记录样式
+.call-log {
+  width: 100%;
+  padding: 0 20rpx;
+  box-sizing: border-box;
+}
+
+.call-record-wrapper {
+  margin-bottom: 20rpx;
+}
+
+.call-record-item {
+  width: 100%;
+  background: #3D3D3D;
+  border-radius: 16rpx;
+  padding: 20rpx;
+  color: #fff;
+  box-sizing: border-box;
+}
+
+.call-record-header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin-bottom: 15rpx;
+  border-bottom: 1px solid #4A4A4A;
+  padding-bottom: 10rpx;
+}
+
+.call-name {
+  font-size: 28rpx;
+  font-weight: bold;
+  color: #fff;
+}
+
+.call-time {
+  font-size: 24rpx;
+  color: #999;
+}
+
+.call-record-content {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin-bottom: 10rpx;
+}
+
+.call-detail {
+  display: flex;
+  align-items: center;
+}
+
+.call-label {
+  font-size: 24rpx;
+  color: #999;
+  margin-right: 10rpx;
+}
+
+.call-remark {
+  margin-top: 10rpx;
+  padding-top: 10rpx;
+  border-top: 1px solid #4A4A4A;
+}
+
+.call-remark-content {
+  font-size: 24rpx;
+  color: #fff;
+  word-break: break-all;
+  display: inline-block;
+  width: 90%;
+  vertical-align: top;
+}
+
+// 课程信息样式
+.course-info {
+  padding: 20rpx;
+}
+
+.course-item {
+  background: #3D3D3D;
+  border-radius: 16rpx;
+  padding: 30rpx;
+  margin-bottom: 20rpx;
+  color: #fff;
+}
+
+.course-header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin-bottom: 20rpx;
+  padding-bottom: 15rpx;
+  border-bottom: 1px solid #4A4A4A;
+}
+
+.course-title {
+  font-size: 32rpx;
+  font-weight: bold;
+  color: #fff;
+}
+
+.course-status {
+  padding: 8rpx 16rpx;
+  border-radius: 12rpx;
+  font-size: 24rpx;
+  color: #fff;
+}
+
+.status-active {
+  background: #29d3b4;
+}
+
+.status-expired {
+  background: #ff6b6b;
+}
+
+.status-completed {
+  background: #999;
+}
+
+.status-default {
+  background: #666;
+}
+
+.course-progress {
+  display: flex;
+  align-items: center;
+  margin-bottom: 20rpx;
+}
+
+.progress-bar {
+  flex: 1;
+  height: 12rpx;
+  background: #555;
+  border-radius: 6rpx;
+  overflow: hidden;
+  margin-right: 20rpx;
+}
+
+.progress-fill {
+  height: 100%;
+  background: linear-gradient(to right, #29d3b4, #1ea08e);
+  border-radius: 6rpx;
+  transition: width 0.3s ease;
+}
+
+.progress-text {
+  font-size: 26rpx;
+  color: #29d3b4;
+  min-width: 120rpx;
+  text-align: right;
+}
+
+.course-details {
+  margin-bottom: 20rpx;
+}
+
+.detail-row {
+  display: flex;
+  justify-content: space-between;
+  margin-bottom: 15rpx;
+  font-size: 28rpx;
+}
+
+.detail-label {
+  color: #999;
+}
+
+.detail-value {
+  color: #fff;
+}
+
+.course-actions {
+  text-align: center;
+  padding-top: 15rpx;
+  border-top: 1px solid #4A4A4A;
+}
+
+.action-btn {
+  color: #29d3b4;
+  font-size: 28rpx;
+}
+
+.empty-course {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  padding: 100rpx 0;
+}
+
+.empty-img {
+  width: 200rpx;
+  height: 200rpx;
+  opacity: 0.5;
+  margin-bottom: 30rpx;
+}
+
+.empty-text {
+  color: #999;
+  font-size: 28rpx;
+}
+
+// 教练配置编辑弹窗样式
+.popup-container {
+  width: 90vw;
+  max-width: 600rpx;
+  background: #fff;
+  border-radius: 20rpx;
+  box-shadow: 0 10rpx 40rpx rgba(0, 0, 0, 0.3);
+  overflow: hidden;
+}
+
+.popup-header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 30rpx 40rpx;
+  background: #29d3b4;
+  color: #fff;
+}
+
+.popup-title {
+  font-size: 36rpx;
+  font-weight: bold;
+}
+
+.popup-close {
+  font-size: 40rpx;
+  width: 60rpx;
+  height: 60rpx;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border-radius: 50%;
+  background: rgba(255, 255, 255, 0.2);
+}
+
+.popup-footer {
+  display: flex;
+  border-top: 1px solid #eee;
+}
+
+.popup-btn {
+  flex: 1;
+  padding: 30rpx;
+  text-align: center;
+  font-size: 32rpx;
+  font-weight: bold;
+}
+
+.cancel-btn {
+  color: #666;
+  border-right: 1px solid #eee;
+}
+
+.confirm-btn {
+  color: #29d3b4;
+}
+
+.popup-btn:active {
+  background: #f5f5f5;
+}
+
+.course-edit-container {
+  width: 100%;
+  max-height: 60vh;
+  overflow-y: auto;
+  padding: 30rpx 20rpx;
+  box-sizing: border-box;
+}
+
+.edit-section {
+  margin-bottom: 40rpx;
+  width: 100%;
+}
+
+.section-title {
+  font-size: 32rpx;
+  font-weight: bold;
+  color: #333;
+  margin-bottom: 20rpx;
+  padding-bottom: 15rpx;
+  border-bottom: 2px solid #29d3b4;
+}
+
+.coach-list {
+  width: 100%;
+  max-height: 300rpx;
+  overflow-y: auto;
+  border: 1px solid #eee;
+  border-radius: 12rpx;
+  background: #fff;
+}
+
+.coach-item {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 25rpx 30rpx;
+  border-bottom: 1px solid #f0f0f0;
+  background: #fff;
+  transition: all 0.3s ease;
+  min-height: 80rpx;
+  box-sizing: border-box;
+}
+
+.coach-item:last-child {
+  border-bottom: none;
+}
+
+.coach-item.selected {
+  background: #f0f9ff;
+  border-left: 4rpx solid #29d3b4;
+}
+
+.coach-item:active {
+  background: #f5f5f5;
+}
+
+.coach-name {
+  font-size: 30rpx;
+  color: #333;
+  flex: 1;
+}
+
+.coach-check {
+  color: #29d3b4;
+  font-size: 36rpx;
+  font-weight: bold;
+  width: 40rpx;
+  text-align: center;
+}
+
+.empty-tip {
+  color: #999;
+  font-size: 28rpx;
+  text-align: center;
+  padding: 40rpx 0;
+}
+
+// 体测记录样式
+.fitness-test-records {
+  padding: 20rpx;
+}
+
+.add-record-btn-container {
+  margin-bottom: 30rpx;
+  display: flex;
+  justify-content: center;
+}
+
+.add-record-btn {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background: #29d3b4;
+  color: #fff;
+  border-radius: 30rpx;
+  padding: 20rpx 40rpx;
+  box-shadow: 0 4rpx 12rpx rgba(41, 211, 180, 0.3);
+  
+  .add-icon {
+    font-size: 32rpx;
+    margin-right: 10rpx;
+    font-weight: bold;
+  }
+  
+  .add-text {
+    font-size: 28rpx;
+  }
+}
+
+.add-record-btn:active {
+  background: #1ea08e;
+  transform: scale(0.98);
+}
+
+.fitness-record-list {
+  width: 100%;
+}
+
+.empty-records {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  padding: 100rpx 0;
+  
+  .empty-img {
+    width: 200rpx;
+    height: 200rpx;
+    opacity: 0.5;
+    margin-bottom: 30rpx;
+  }
+  
+  .empty-text {
+    color: #999;
+    font-size: 28rpx;
+  }
+}
+
+.fitness-record-item {
+  background: #3D3D3D;
+  border-radius: 16rpx;
+  padding: 25rpx;
+  margin-bottom: 20rpx;
+  color: #fff;
+  transition: background 0.3s ease;
+}
+
+.fitness-record-item:active {
+  background: #454545;
+}
+
+.record-header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin-bottom: 20rpx;
+  padding-bottom: 15rpx;
+  border-bottom: 1px solid #4A4A4A;
+}
+
+.record-date {
+  font-size: 30rpx;
+  font-weight: bold;
+  color: #29d3b4;
+}
+
+.record-actions {
+  display: flex;
+  align-items: center;
+}
+
+.edit-btn {
+  background: rgba(41, 211, 180, 0.2);
+  color: #29d3b4;
+  padding: 8rpx 16rpx;
+  border-radius: 20rpx;
+  font-size: 24rpx;
+  border: 1px solid #29d3b4;
+}
+
+.edit-btn:active {
+  background: rgba(41, 211, 180, 0.3);
+}
+
+.record-content {
+  width: 100%;
+}
+
+.record-data {
+  display: flex;
+  justify-content: space-around;
+  margin-bottom: 20rpx;
+}
+
+.data-item {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  padding: 15rpx;
+  background: rgba(255, 255, 255, 0.05);
+  border-radius: 12rpx;
+  min-width: 120rpx;
+}
+
+.data-label {
+  font-size: 24rpx;
+  color: #999;
+  margin-bottom: 8rpx;
+}
+
+.data-value {
+  font-size: 32rpx;
+  font-weight: bold;
+  color: #fff;
+}
+
+.pdf-attachments {
+  margin-top: 20rpx;
+  padding-top: 20rpx;
+  border-top: 1px solid #4A4A4A;
+}
+
+.attachment-title {
+  font-size: 26rpx;
+  color: #999;
+  margin-bottom: 15rpx;
+}
+
+.pdf-list {
+  display: flex;
+  flex-direction: column;
+  gap: 10rpx;
+}
+
+.pdf-item {
+  display: flex;
+  align-items: center;
+  padding: 15rpx;
+  background: rgba(255, 255, 255, 0.05);
+  border-radius: 12rpx;
+  transition: background 0.3s ease;
+}
+
+.pdf-item:active {
+  background: rgba(255, 255, 255, 0.1);
+}
+
+.pdf-icon {
+  font-size: 28rpx;
+  margin-right: 12rpx;
+}
+
+.pdf-name {
+  flex: 1;
+  font-size: 26rpx;
+  color: #fff;
+  margin-right: 10rpx;
+}
+
+.pdf-size {
+  font-size: 22rpx;
+  color: #999;
+}
+
+// 体测记录表单样式
+.fitness-record-form {
+  width: 100%;
+  max-height: 60vh;
+  overflow-y: auto;
+  padding: 20rpx;
+  box-sizing: border-box;
+}
+
+.form-section {
+  width: 100%;
+}
+
+.form-item {
+  margin-bottom: 30rpx;
+}
+
+.form-label {
+  font-size: 30rpx;
+  color: #333;
+  margin-bottom: 15rpx;
+  font-weight: bold;
+}
+
+.form-input {
+  border: 2px solid #eee;
+  border-radius: 12rpx;
+  padding: 0 20rpx;
+  background: #fff;
+  transition: border-color 0.3s ease;
+}
+
+.form-input:focus-within {
+  border-color: #29d3b4;
+}
+
+.form-input input {
+  width: 100%;
+  height: 80rpx;
+  font-size: 28rpx;
+  color: #333;
+  border: none;
+  outline: none;
+  background: transparent;
+}
+
+.file-upload-area {
+  width: 100%;
+}
+
+.upload-btn {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background: #f8f9fa;
+  border: 2px dashed #ddd;
+  border-radius: 12rpx;
+  padding: 40rpx;
+  margin-bottom: 20rpx;
+  color: #666;
+  transition: all 0.3s ease;
+}
+
+.upload-btn:active {
+  background: #e9ecef;
+  border-color: #29d3b4;
+}
+
+.upload-icon {
+  font-size: 40rpx;
+  margin-right: 15rpx;
+}
+
+.upload-text {
+  font-size: 28rpx;
+}
+
+.selected-files {
+  width: 100%;
+}
+
+.selected-file-item {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 15rpx 20rpx;
+  background: #f8f9fa;
+  border-radius: 12rpx;
+  margin-bottom: 10rpx;
+  border: 1px solid #eee;
+}
+
+.file-info {
+  display: flex;
+  align-items: center;
+  flex: 1;
+}
+
+.file-icon {
+  font-size: 28rpx;
+  margin-right: 12rpx;
+  color: #666;
+}
+
+.file-name {
+  flex: 1;
+  font-size: 26rpx;
+  color: #333;
+  margin-right: 10rpx;
+}
+
+.file-size {
+  font-size: 22rpx;
+  color: #999;
+}
+
+.file-remove {
+  width: 40rpx;
+  height: 40rpx;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background: #ff4757;
+  color: #fff;
+  border-radius: 50%;
+  font-size: 24rpx;
+  font-weight: bold;
+  margin-left: 15rpx;
+}
+
+.file-remove:active {
+  background: #ff3838;
+}
+
+// 学生信息相关样式
+.student-info-section {
+  margin-top: 20rpx;
+}
+
+.add-student-btn {
+  display: flex;
+  align-items: center;
+  background: #29d3b4;
+  color: #fff;
+  border-radius: 20rpx;
+  padding: 8rpx 16rpx;
+  font-size: 24rpx;
+  
+  .add-icon {
+    margin-right: 6rpx;
+    font-weight: bold;
+  }
+}
+
+.add-student-btn:active {
+  background: #1ea08e;
+  transform: scale(0.95);
+}
+
+.student-cards-container {
+  width: 92%;
+  margin: 20rpx auto;
+}
+
+.student-swiper {
+  height: 400rpx;
+  
+  &::v-deep .uni-swiper-dots {
+    bottom: 20rpx;
+  }
+  
+  &::v-deep .uni-swiper-dot {
+    width: 12rpx;
+    height: 12rpx;
+    background: rgba(255, 255, 255, 0.5);
+  }
+  
+  &::v-deep .uni-swiper-dot-active {
+    background: #29d3b4;
+  }
+}
+
+.student-swiper-item {
+  padding: 0 10rpx;
+}
+
+.student-card {
+  background: #3D3D3D;
+  border-radius: 20rpx;
+  padding: 30rpx;
+  min-height: 340rpx;
+  display: flex;
+  flex-direction: column;
+  color: #fff;
+}
+
+.student-card-header {
+  display: flex;
+  align-items: center;
+  margin-bottom: 20rpx;
+  padding-bottom: 15rpx;
+  border-bottom: 1px solid #4A4A4A;
+}
+
+.student-avatar {
+  width: 80rpx;
+  height: 80rpx;
+  margin-right: 20rpx;
+  
+  .avatar-img {
+    width: 100%;
+    height: 100%;
+    border-radius: 50%;
+    object-fit: cover;
+  }
+  
+  .avatar-placeholder {
+    width: 100%;
+    height: 100%;
+    border-radius: 50%;
+    background: #29d3b4;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    font-size: 32rpx;
+    font-weight: bold;
+    color: #fff;
+  }
+}
+
+.student-basic-info {
+  flex: 1;
+  
+  .student-name {
+    font-size: 32rpx;
+    font-weight: bold;
+    color: #fff;
+    margin-bottom: 8rpx;
+  }
+  
+  .student-meta {
+    display: flex;
+    align-items: center;
+    font-size: 24rpx;
+    color: #999;
+    
+    .student-age {
+      margin-right: 20rpx;
+    }
+  }
+}
+
+.student-actions {
+  display: flex;
+  align-items: center;
+  
+  .edit-btn {
+    background: rgba(41, 211, 180, 0.2);
+    color: #29d3b4;
+    padding: 8rpx 16rpx;
+    border-radius: 20rpx;
+    font-size: 24rpx;
+    border: 1px solid #29d3b4;
+    
+    .btn-text {
+      font-size: 24rpx;
+    }
+  }
+  
+  .edit-btn:active {
+    background: rgba(41, 211, 180, 0.3);
+  }
+}
+
+.student-card-body {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+}
+
+.student-details {
+  margin-bottom: 20rpx;
+  
+  .detail-item {
+    display: flex;
+    justify-content: space-between;
+    margin-bottom: 12rpx;
+    font-size: 26rpx;
+    
+    .detail-label {
+      color: #999;
+      min-width: 120rpx;
+    }
+    
+    .detail-value {
+      color: #fff;
+      flex: 1;
+      text-align: right;
+    }
+  }
+}
+
+.student-stats {
+  display: flex;
+  justify-content: space-around;
+  margin-top: auto;
+  padding-top: 15rpx;
+  border-top: 1px solid #4A4A4A;
+  
+  .stat-item {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    
+    .stat-value {
+      font-size: 28rpx;
+      font-weight: bold;
+      color: #29d3b4;
+      margin-bottom: 5rpx;
+    }
+    
+    .stat-label {
+      font-size: 22rpx;
+      color: #999;
+    }
+  }
+}
+
+.empty-students {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  height: 340rpx;
+  
+  .empty-img {
+    width: 160rpx;
+    height: 160rpx;
+    opacity: 0.5;
+    margin-bottom: 20rpx;
+  }
+  
+  .empty-text {
+    color: #999;
+    font-size: 28rpx;
+    margin-bottom: 30rpx;
+  }
+  
+  .empty-add-btn {
+    background: #29d3b4;
+    color: #fff;
+    padding: 15rpx 30rpx;
+    border-radius: 25rpx;
+    font-size: 26rpx;
+  }
+  
+  .empty-add-btn:active {
+    background: #1ea08e;
+    transform: scale(0.95);
+  }
+}
+
+// 操作面板样式
+.student-actions-panel {
+  margin-top: 20rpx;
+  border-top: 1px solid #4A4A4A;
+  padding-top: 15rpx;
+  
+  .panel-header {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    margin-bottom: 15rpx;
+    
+    .panel-title {
+      font-size: 26rpx;
+      color: #495057;
+      font-weight: 600;
+    }
+    
+    .collapse-icon {
+      width: 30rpx;
+      height: 30rpx;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      border-radius: 50%;
+      background: #29d3b4;
+      color: #fff;
+      font-size: 20rpx;
+      font-weight: bold;
+      transition: transform 0.3s ease;
+      
+      &.expanded {
+        transform: rotate(180deg);
+      }
+    }
+  }
+  
+  .actions-grid {
+    display: grid;
+    grid-template-columns: repeat(3, 1fr);
+    gap: 12rpx;
+    margin-top: 15rpx;
+    
+    .action-item {
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      justify-content: center;
+      padding: 15rpx 8rpx;
+      background: #fff;
+      border-radius: 8rpx;
+      border: 1px solid #dee2e6;
+      transition: all 0.3s ease;
+      position: relative;
+      
+      &:active {
+        transform: scale(0.95);
+        background: #e3f2fd;
+      }
+      
+      .action-icon {
+        font-size: 32rpx;
+        margin-bottom: 5rpx;
+        display: block;
+        line-height: 1;
+      }
+      
+      .action-text {
+        font-size: 22rpx;
+        color: #495057;
+        text-align: center;
+        line-height: 1.2;
+        font-weight: 500;
+      }
+      
+      &:hover {
+        background: #f8f9fa;
+        border-color: #29d3b4;
+        
+        .action-text {
+          color: #29d3b4;
+        }
+      }
+    }
+  }
+  
+  &.collapsed {
+    .actions-grid {
+      display: none;
+    }
+  }
+}
+
+.actions-toggle {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 10rpx 0;
+  cursor: pointer;
+  
+  .toggle-text {
+    font-size: 28rpx;
+    color: #29d3b4;
+    font-weight: bold;
+  }
+  
+  .toggle-icon {
+    font-size: 24rpx;
+    color: #29d3b4;
+    transition: transform 0.3s ease;
+    
+    &.expanded {
+      transform: rotate(180deg);
+    }
+  }
+}
+
+.actions-toggle:active {
+  background: rgba(41, 211, 180, 0.1);
+  border-radius: 8rpx;
+}
+
+.actions-content {
+  margin-top: 15rpx;
+  animation: slideDown 0.3s ease;
+}
+
+@keyframes slideDown {
+  from {
+    opacity: 0;
+    max-height: 0;
+  }
+  to {
+    opacity: 1;
+    max-height: 200rpx;
+  }
+}
+
+.actions-grid {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 15rpx;
+}
+
+.action-item {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  background: rgba(255, 255, 255, 0.05);
+  border: 1px solid rgba(41, 211, 180, 0.3);
+  border-radius: 12rpx;
+  padding: 20rpx 15rpx;
+  min-width: 120rpx;
+  flex: 1;
+  transition: all 0.3s ease;
+  
+  .action-icon {
+    font-size: 28rpx;
+    margin-bottom: 8rpx;
+  }
+  
+  .action-text {
+    font-size: 22rpx;
+    color: #fff;
+    text-align: center;
+  }
+}
+
+.action-item:active {
+  background: rgba(41, 211, 180, 0.2);
+  border-color: #29d3b4;
+  transform: scale(0.95);
+  
+  .action-text {
+    color: #29d3b4;
+  }
+}
+
+// 学生信息编辑弹窗样式
+.student-edit-popup {
+  width: 95vw;
+  max-width: 700rpx;
+  height: 85vh;
+  max-height: 1400rpx;
+  display: flex;
+  flex-direction: column;
+}
+
+.student-form-container {
+  flex: 1;
+  padding: 20rpx;
+  box-sizing: border-box;
+  overflow-y: auto;
+  min-height: 0;
+}
+
+.form-group {
+  margin-bottom: 40rpx;
+  
+  .form-group-title {
+    font-size: 32rpx;
+    font-weight: bold;
+    color: #333;
+    margin-bottom: 25rpx;
+    padding-bottom: 10rpx;
+    border-bottom: 2px solid #29d3b4;
+    position: relative;
+    
+    &::after {
+      content: '';
+      position: absolute;
+      bottom: -2rpx;
+      left: 0;
+      width: 60rpx;
+      height: 2rpx;
+      background: #29d3b4;
+    }
+  }
+}
+
+.form-item {
+  margin-bottom: 25rpx;
+  
+  .form-label {
+    font-size: 28rpx;
+    color: #333;
+    margin-bottom: 12rpx;
+    font-weight: 500;
+    
+    &.required {
+      position: relative;
+      
+      &::before {
+        content: '*';
+        color: #ff4757;
+        margin-right: 4rpx;
+        font-weight: bold;
+      }
+    }
+  }
+  
+  .form-input {
+    border: 2px solid #eee;
+    border-radius: 12rpx;
+    padding: 0 20rpx;
+    background: #fff;
+    transition: border-color 0.3s ease;
+    
+    &:focus-within {
+      border-color: #29d3b4;
+    }
+    
+    input {
+      width: 100%;
+      height: 80rpx;
+      font-size: 28rpx;
+      color: #333;
+      border: none;
+      outline: none;
+      background: transparent;
+      
+      &::placeholder {
+        color: #999;
+      }
+    }
+    
+    .picker-display {
+      height: 80rpx;
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      font-size: 28rpx;
+      color: #333;
+      
+      .picker-arrow {
+        color: #999;
+        font-size: 32rpx;
+        font-weight: bold;
+        transform: rotate(90deg);
+      }
+    }
+  }
+  
+  .form-textarea {
+    border: 2px solid #eee;
+    border-radius: 12rpx;
+    padding: 20rpx;
+    background: #fff;
+    transition: border-color 0.3s ease;
+    
+    &:focus-within {
+      border-color: #29d3b4;
+    }
+    
+    textarea {
+      width: 100%;
+      height: 120rpx;
+      font-size: 28rpx;
+      color: #333;
+      border: none;
+      outline: none;
+      background: transparent;
+      resize: none;
+      
+      &::placeholder {
+        color: #999;
+      }
+    }
+  }
+}
+
+// 整合后的基本信息卡片样式
+.basic-info-card {
+  background: #fff;
+  border-radius: 15rpx;
+  margin: 20rpx;
+  padding: 25rpx;
+  box-shadow: 0 4rpx 12rpx rgba(0, 0, 0, 0.1);
+  
+  .basic-info-header {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    margin-bottom: 25rpx;
+    padding-bottom: 15rpx;
+    border-bottom: 2px solid #f1f3f4;
+    
+    .info-title {
+      font-size: 32rpx;
+      font-weight: bold;
+      color: #333;
+      
+      .title-accent {
+        color: #29d3b4;
+        margin-left: 10rpx;
+      }
+    }
+    
+    .info-status {
+      padding: 6rpx 15rpx;
+      border-radius: 20rpx;
+      font-size: 24rpx;
+      color: #fff;
+      background: #28a745;
+    }
+  }
+  
+  .basic-info-content {
+    display: grid;
+    grid-template-columns: repeat(2, 1fr);
+    gap: 20rpx;
+    
+    .info-item {
+      display: flex;
+      flex-direction: column;
+      
+      .info-label {
+        font-size: 24rpx;
+        color: #6c757d;
+        margin-bottom: 5rpx;
+      }
+      
+      .info-value {
+        font-size: 28rpx;
+        color: #333;
+        font-weight: 500;
+        
+        &.empty {
+          color: #adb5bd;
+          font-style: italic;
+        }
+      }
+    }
+  }
+}
+
+// 整合后的学生卡片容器样式
+.integrated-cards-container {
+  margin: 20rpx;
+  min-height: 670rpx;
+  display: block;
+  
+  .student-swiper {
+    height: 650rpx !important;
+    min-height: 650rpx;
+    
+    // 强制设置swiper内部组件的高度
+    ::v-deep .uni-swiper-wrapper {
+      height: 650rpx !important;
+    }
+    
+    ::v-deep .uni-swiper-slides {
+      height: 650rpx !important;
+    }
+    
+    ::v-deep .uni-swiper-slide {
+      height: 650rpx !important;
+    }
+  }
+  
+  .student-swiper-item {
+    height: 620rpx !important;
+    min-height: 620rpx;
+    display: flex;
+    flex-direction: column;
+  }
+}
+
+// 整合的学生卡片样式
+.integrated-student-card {
+  background: #fff;
+  border-radius: 15rpx;
+  overflow: hidden;
+  box-shadow: 0 4rpx 20rpx rgba(0, 0, 0, 0.1);
+  min-height: 600rpx;
+  height: auto;
+  display: flex;
+  flex-direction: column;
+  
+  // 客户基本信息区域
+  .basic-info-section {
+    padding: 25rpx;
+    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+    color: #fff;
+    
+    .section-header {
+      display: flex;
+      align-items: center;
+      margin-bottom: 25rpx;
+      
+      .customer-avatar {
+        width: 60rpx;
+        height: 60rpx;
+        border-radius: 50%;
+        background: rgba(255, 255, 255, 0.2);
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        color: #fff;
+        font-size: 28rpx;
+        font-weight: bold;
+        margin-right: 20rpx;
+      }
+      
+      .customer-info {
+        flex: 1;
+        
+        .customer-name {
+          font-size: 32rpx;
+          font-weight: bold;
+          margin-bottom: 8rpx;
+        }
+        
+        .customer-meta {
+          font-size: 24rpx;
+          opacity: 0.9;
+        }
+      }
+      
+      .contact-actions {
+        display: flex;
+        gap: 15rpx;
+        
+        .contact-btn {
+          width: 60rpx;
+          height: 60rpx;
+          border-radius: 50%;
+          background: rgba(255, 255, 255, 0.2);
+          display: flex;
+          align-items: center;
+          justify-content: center;
+          transition: all 0.3s ease;
+          
+          &:active {
+            transform: scale(0.9);
+            background: rgba(255, 255, 255, 0.3);
+          }
+          
+          .contact-icon {
+            font-size: 24rpx;
+          }
+        }
+      }
+    }
+    
+    .basic-info-grid {
+      display: grid;
+      grid-template-columns: repeat(2, 1fr);
+      gap: 20rpx;
+      
+      .basic-info-item {
+        .info-label {
+          font-size: 24rpx;
+          opacity: 0.8;
+          margin-bottom: 5rpx;
+        }
+        
+        .info-value {
+          font-size: 26rpx;
+          font-weight: 500;
+        }
+      }
+    }
+  }
+  
+  .divider-line {
+    height: 2rpx;
+    background: #f0f0f0;
+    margin: 0 25rpx;
+  }
+  
+  // 学生信息区域
+  .student-info-section {
+    padding: 25rpx;
+    flex: 1;
+    min-height: 300rpx;
+    
+    .student-header {
+      display: flex;
+      align-items: center;
+      margin-bottom: 25rpx;
+      
+      .student-avatar {
+        width: 80rpx;
+        height: 80rpx;
+        border-radius: 50%;
+        background: linear-gradient(135deg, #29d3b4 0%, #26c6da 100%);
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        color: #fff;
+        font-size: 32rpx;
+        font-weight: bold;
+        margin-right: 20rpx;
+      }
+      
+      .student-basic-info {
+        flex: 1;
+        
+        .student-name {
+          font-size: 30rpx;
+          font-weight: bold;
+          color: #333;
+          margin-bottom: 8rpx;
+        }
+        
+        .student-meta {
+          font-size: 24rpx;
+          color: #666;
+          
+          .student-age, .student-gender {
+            margin-right: 20rpx;
+          }
+        }
+      }
+      
+      .student-edit-btn {
+        padding: 8rpx 20rpx;
+        border-radius: 20rpx;
+        border: 2px solid #29d3b4;
+        color: #29d3b4;
+        font-size: 24rpx;
+        transition: all 0.3s ease;
+        
+        &:active {
+          background: #29d3b4;
+          color: #fff;
+        }
+      }
+    }
+    
+    .student-details-grid {
+      display: grid;
+      grid-template-columns: repeat(2, 1fr);
+      gap: 15rpx;
+      
+      .detail-item {
+        .detail-label {
+          font-size: 24rpx;
+          color: #666;
+          margin-bottom: 5rpx;
+        }
+        
+        .detail-value {
+          font-size: 26rpx;
+          color: #333;
+          font-weight: 500;
+        }
+      }
+    }
+  }
+  
+  .actions-divider {
+    height: 1rpx;
+    background: #f0f0f0;
+    margin: 0 25rpx;
+  }
+  
+  // 学生操作面板
+  .student-actions-panel {
+    padding: 20rpx 25rpx;
+    
+    .actions-toggle {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      padding: 10rpx 0;
+      
+      .toggle-icon {
+        font-size: 20rpx;
+        color: #666;
+        transition: transform 0.3s ease;
+        
+        &.expanded {
+          transform: rotate(180deg);
+        }
+      }
+    }
+    
+    .actions-content {
+      margin-top: 15rpx;
+      
+      .actions-grid {
+        display: grid;
+        grid-template-columns: repeat(3, 1fr);
+        gap: 15rpx;
+        
+        .action-item {
+          padding: 20rpx 10rpx;
+          border-radius: 12rpx;
+          background: #f8f9fa;
+          border: 2px solid #e9ecef;
+          display: flex;
+          flex-direction: column;
+          align-items: center;
+          justify-content: center;
+          transition: all 0.3s ease;
+          
+          &:active {
+            transform: scale(0.95);
+            background: #e9ecef;
+            border-color: #29d3b4;
+          }
+          
+          .action-icon {
+            font-size: 28rpx;
+            margin-bottom: 8rpx;
+          }
+          
+          .action-text {
+            font-size: 22rpx;
+            color: #495057;
+            text-align: center;
+            font-weight: 500;
+          }
+        }
+      }
+    }
+  }
+}
+
+// 学生上下文标题样式
+.student-context-header {
+  padding: 20rpx 30rpx;
+  background-color: rgba(41, 211, 180, 0.1);
+  border-left: 4rpx solid #29d3b4;
+  margin: 20rpx;
+  border-radius: 8rpx;
+  
+  .context-title {
+    color: #29d3b4;
+    font-size: 28rpx;
+    font-weight: bold;
+  }
+}
+
+// swiper容器样式
+.student-swiper {
+  .student-swiper-item {
+    padding: 0 20rpx;
+  }
+}
+
+// 表单样式
+.form-item {
+  margin-bottom: 25rpx;
+  
+  .form-label {
+    font-size: 28rpx;
+    color: #333;
+    margin-bottom: 12rpx;
+    font-weight: 500;
+    
+    &.required {
+      position: relative;
+      
+      &::before {
+        content: '*';
+        color: #ff4757;
+        margin-right: 4rpx;
+        font-weight: bold;
+      }
+    }
+  }
+  
+  .form-input {
+    border: 2px solid #eee;
+    border-radius: 12rpx;
+    padding: 0 20rpx;
+    background: #fff;
+    transition: border-color 0.3s ease;
+    
+    &:focus-within {
+      border-color: #29d3b4;
+    }
+    
+    input {
+      width: 100%;
+      height: 80rpx;
+      font-size: 28rpx;
+      color: #333;
+      border: none;
+      outline: none;
+      background: transparent;
+      
+      &::placeholder {
+        color: #999;
+      }
+    }
+    
+    .picker-display {
+      height: 80rpx;
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      font-size: 28rpx;
+      color: #333;
+      
+      .picker-arrow {
+        color: #999;
+        font-size: 32rpx;
+        font-weight: bold;
+        transform: rotate(90deg);
+      }
+    }
+  }
+  
+  .form-textarea {
+    border: 2px solid #eee;
+    border-radius: 12rpx;
+    padding: 20rpx;
+    background: #fff;
+    transition: border-color 0.3s ease;
+    
+    &:focus-within {
+      border-color: #29d3b4;
+    }
+    
+    textarea {
+      width: 100%;
+      height: 120rpx;
+      font-size: 28rpx;
+      color: #333;
+      border: none;
+      outline: none;
+      background: transparent;
+      resize: none;
+      
+      &::placeholder {
+        color: #999;
+      }
+    }
+  }
+}
+
+// 学生操作面板样式（额外的样式定义）
+.student-actions-panel {
+  margin-top: 15rpx;
+  padding: 20rpx;
+  background: #f8f9fa;
+  border-radius: 12rpx;
+  border: 2px solid #e9ecef;
+  transition: all 0.3s ease;
+  
+  .panel-header {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    margin-bottom: 15rpx;
+    
+    .panel-title {
+      font-size: 26rpx;
+      color: #495057;
+      font-weight: 600;
+    }
+    
+    .collapse-icon {
+      width: 30rpx;
+      height: 30rpx;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      border-radius: 50%;
+      background: #29d3b4;
+      color: #fff;
+      font-size: 20rpx;
+      font-weight: bold;
+      transition: transform 0.3s ease;
+      
+      &.expanded {
+        transform: rotate(180deg);
+      }
+    }
+  }
+  
+  .actions-grid {
+    display: grid;
+    grid-template-columns: repeat(3, 1fr);
+    gap: 12rpx;
+    margin-top: 15rpx;
+    
+    .action-item {
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      justify-content: center;
+      padding: 15rpx 8rpx;
+      background: #fff;
+      border-radius: 8rpx;
+      border: 1px solid #dee2e6;
+      transition: all 0.3s ease;
+      position: relative;
+      
+      &:active {
+        transform: scale(0.95);
+        background: #e3f2fd;
+      }
+      
+      .action-icon {
+        font-size: 32rpx;
+        margin-bottom: 5rpx;
+        display: block;
+        line-height: 1;
+      }
+      
+      .action-text {
+        font-size: 22rpx;
+        color: #495057;
+        text-align: center;
+        line-height: 1.2;
+        font-weight: 500;
+      }
+      
+      &:hover {
+        background: #f8f9fa;
+        border-color: #29d3b4;
+        
+        .action-text {
+          color: #29d3b4;
+        }
+      }
+    }
+  }
+  
+  &.collapsed {
+    .actions-grid {
+      display: none;
+    }
+  }
+}
+
+// 整合后的基本信息卡片样式
+.basic-info-card {
+  background: #fff;
+  border-radius: 15rpx;
+  margin: 20rpx;
+  padding: 25rpx;
+  box-shadow: 0 4rpx 12rpx rgba(0, 0, 0, 0.1);
+  
+  .basic-info-header {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    margin-bottom: 25rpx;
+    padding-bottom: 15rpx;
+    border-bottom: 2px solid #f1f3f4;
+    
+    .info-title {
+      font-size: 32rpx;
+      font-weight: bold;
+      color: #333;
+      
+      .title-accent {
+        color: #29d3b4;
+        margin-left: 10rpx;
+      }
+    }
+    
+    .info-status {
+      padding: 6rpx 15rpx;
+      border-radius: 20rpx;
+      font-size: 24rpx;
+      color: #fff;
+      background: #28a745;
+    }
+  }
+  
+  .basic-info-content {
+    display: grid;
+    grid-template-columns: repeat(2, 1fr);
+    gap: 20rpx;
+    
+    .info-item {
+      display: flex;
+      flex-direction: column;
+      
+      .info-label {
+        font-size: 24rpx;
+        color: #6c757d;
+        margin-bottom: 5rpx;
+      }
+      
+      .info-value {
+        font-size: 28rpx;
+        color: #333;
+        font-weight: 500;
+        
+        &.empty {
+          color: #adb5bd;
+          font-style: italic;
+        }
+      }
+    }
+  }
+}
+
+// 整合后的学生卡片容器样式
+.integrated-cards-container {
+  margin: 20rpx;
+  min-height: 670rpx;
+  display: block;
+  
+  .student-swiper {
+    height: 650rpx !important;
+    min-height: 650rpx;
+    
+    // 强制设置swiper内部组件的高度
+    ::v-deep .uni-swiper-wrapper {
+      height: 650rpx !important;
+    }
+    
+    ::v-deep .uni-swiper-slides {
+      height: 650rpx !important;
+    }
+    
+    ::v-deep .uni-swiper-slide {
+      height: 650rpx !important;
+    }
+  }
+  
+  .student-swiper-item {
+    height: 620rpx !important;
+    min-height: 620rpx;
+    display: flex;
+    flex-direction: column;
+  }
+}
+
+// 空状态样式
+.empty-records {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  padding: 100rpx 20rpx;
+  
+  .empty-img {
+    width: 200rpx;
+    height: 200rpx;
+    opacity: 0.5;
+    margin-bottom: 30rpx;
+  }
+  
+  .empty-text {
+    color: #999;
+    font-size: 28rpx;
+  }
+}
\ No newline at end of file
diff --git a/uniapp/pages/market/clue/clue_info.scss b/uniapp/pages/market/clue/clue_info.scss
new file mode 100644
index 00000000..14998d59
--- /dev/null
+++ b/uniapp/pages/market/clue/clue_info.scss
@@ -0,0 +1,1408 @@
+// 客户详情页样式文件
+// 从 clue_info.vue 中提取的样式
+
+.assemble {
+  background-color: #f5f5f5;
+  min-height: 100vh;
+}
+
+.main_box {
+  background-color: #fff;
+  margin: 20rpx;
+  border-radius: 15rpx;
+  padding: 30rpx;
+  box-shadow: 0 4rpx 12rpx rgba(0, 0, 0, 0.1);
+}
+
+.action-buttons {
+  display: flex;
+  justify-content: space-around;
+  margin: 30rpx 0;
+  padding: 20rpx;
+  background: #f8f9fa;
+  border-radius: 12rpx;
+  
+  .action-btn {
+    flex: 1;
+    margin: 0 10rpx;
+    padding: 15rpx 20rpx;
+    border-radius: 8rpx;
+    background: #fff;
+    border: 2px solid #e9ecef;
+    color: #495057;
+    font-size: 26rpx;
+    text-align: center;
+    transition: all 0.3s ease;
+    
+    &:active {
+      transform: scale(0.95);
+      background: #29d3b4;
+      color: #fff;
+      border-color: #29d3b4;
+    }
+    
+    &.primary {
+      background: #29d3b4;
+      color: #fff;
+      border-color: #29d3b4;
+    }
+  }
+}
+
+.tab-switcher-container {
+  display: flex;
+  justify-content: center;
+  margin: 30rpx 0;
+  padding: 8rpx;
+  background: #f1f3f4;
+  border-radius: 25rpx;
+  
+  .tab-item {
+    flex: 1;
+    padding: 15rpx 20rpx;
+    text-align: center;
+    border-radius: 20rpx;
+    font-size: 28rpx;
+    color: #666;
+    transition: all 0.3s ease;
+    
+    &.active {
+      background: #29d3b4;
+      color: #fff;
+      font-weight: bold;
+    }
+  }
+}
+
+.count_section {
+  display: flex;
+  justify-content: space-around;
+  margin: 30rpx 0;
+  padding: 25rpx;
+  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+  border-radius: 15rpx;
+  color: #fff;
+  
+  .count-item {
+    text-align: center;
+    
+    .count-number {
+      font-size: 36rpx;
+      font-weight: bold;
+      margin-bottom: 8rpx;
+    }
+    
+    .count-label {
+      font-size: 24rpx;
+      opacity: 0.9;
+    }
+  }
+}
+
+.selected-text {
+  color: #29d3b4;
+  font-weight: bold;
+}
+
+.text {
+  color: #333;
+}
+
+.basic-message {
+  margin: 20rpx 0;
+  
+  .message-item {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    padding: 20rpx 0;
+    border-bottom: 1rpx solid #f0f0f0;
+    
+    .message-label {
+      font-size: 28rpx;
+      color: #666;
+    }
+    
+    .message-value {
+      font-size: 28rpx;
+      color: #333;
+      font-weight: 500;
+    }
+  }
+}
+
+.bottom-label {
+  margin-top: 30rpx;
+  padding: 20rpx;
+  background: #f8f9fa;
+  border-radius: 12rpx;
+  border-left: 4rpx solid #29d3b4;
+  
+  .label-title {
+    font-size: 28rpx;
+    color: #29d3b4;
+    font-weight: bold;
+    margin-bottom: 10rpx;
+  }
+  
+  .label-content {
+    font-size: 26rpx;
+    color: #666;
+    line-height: 1.6;
+  }
+}
+
+.custom-popup-dialog {
+  .popup-content {
+    background: #fff;
+    border-radius: 20rpx 20rpx 0 0;
+    padding: 30rpx;
+    max-height: 80vh;
+    overflow-y: auto;
+    
+    .popup-header {
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      margin-bottom: 30rpx;
+      padding-bottom: 20rpx;
+      border-bottom: 2rpx solid #f0f0f0;
+      
+      .popup-title {
+        font-size: 32rpx;
+        font-weight: bold;
+        color: #333;
+      }
+      
+      .close-btn {
+        width: 60rpx;
+        height: 60rpx;
+        border-radius: 50%;
+        background: #f5f5f5;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        color: #666;
+        font-size: 32rpx;
+      }
+    }
+  }
+}
+
+.remark-textarea-container {
+  margin: 20rpx 0;
+  
+  .remark-textarea {
+    width: 100%;
+    min-height: 200rpx;
+    padding: 20rpx;
+    border: 2rpx solid #e9ecef;
+    border-radius: 12rpx;
+    font-size: 28rpx;
+    color: #333;
+    background: #fff;
+    
+    &:focus {
+      border-color: #29d3b4;
+      outline: none;
+    }
+    
+    &::placeholder {
+      color: #999;
+    }
+  }
+}
+
+.remark-btn {
+  width: 100%;
+  padding: 20rpx;
+  background: #29d3b4;
+  color: #fff;
+  border-radius: 12rpx;
+  font-size: 28rpx;
+  font-weight: bold;
+  text-align: center;
+  margin-top: 20rpx;
+  transition: all 0.3s ease;
+  
+  &:active {
+    transform: scale(0.98);
+    background: #26c6da;
+  }
+}
+
+.follow-records-list {
+  .record-item {
+    padding: 25rpx;
+    margin-bottom: 20rpx;
+    background: #fff;
+    border-radius: 12rpx;
+    border-left: 4rpx solid #29d3b4;
+    box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.1);
+    
+    .record-header {
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      margin-bottom: 15rpx;
+      
+      .record-type {
+        padding: 6rpx 15rpx;
+        border-radius: 15rpx;
+        background: #29d3b4;
+        color: #fff;
+        font-size: 24rpx;
+      }
+      
+      .record-time {
+        font-size: 24rpx;
+        color: #666;
+      }
+    }
+    
+    .record-content {
+      font-size: 26rpx;
+      color: #333;
+      line-height: 1.6;
+      margin-bottom: 10rpx;
+    }
+    
+    .record-operator {
+      font-size: 24rpx;
+      color: #999;
+      text-align: right;
+    }
+  }
+}
+
+.same-community {
+  color: #29d3b4;
+  font-weight: bold;
+}
+
+.coeducation {
+  color: #ff6b6b;
+  font-weight: bold;
+}
+
+.search {
+  margin: 20rpx;
+  padding: 15rpx 25rpx;
+  background: #fff;
+  border-radius: 25rpx;
+  border: 2rpx solid #e9ecef;
+  font-size: 28rpx;
+  
+  &:focus {
+    border-color: #29d3b4;
+    outline: none;
+  }
+  
+  &::placeholder {
+    color: #999;
+  }
+}
+
+.selected {
+  background: #29d3b4;
+  color: #fff;
+}
+
+.not-selected {
+  background: #f8f9fa;
+  color: #666;
+}
+
+.call-record-item {
+  padding: 25rpx;
+  margin: 20rpx;
+  background: #fff;
+  border-radius: 12rpx;
+  box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.1);
+  
+  .call-header {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    margin-bottom: 15rpx;
+    
+    .call-type {
+      padding: 6rpx 15rpx;
+      border-radius: 15rpx;
+      font-size: 24rpx;
+      
+      &.incoming {
+        background: #28a745;
+        color: #fff;
+      }
+      
+      &.outgoing {
+        background: #17a2b8;
+        color: #fff;
+      }
+      
+      &.missed {
+        background: #dc3545;
+        color: #fff;
+      }
+    }
+    
+    .call-duration {
+      font-size: 24rpx;
+      color: #666;
+    }
+  }
+  
+  .call-info {
+    font-size: 26rpx;
+    color: #333;
+    margin-bottom: 10rpx;
+  }
+  
+  .call-time {
+    font-size: 24rpx;
+    color: #999;
+    text-align: right;
+  }
+}
+
+.call-log {
+  .log-item {
+    padding: 20rpx;
+    margin-bottom: 15rpx;
+    background: #f8f9fa;
+    border-radius: 8rpx;
+    border-left: 3rpx solid #29d3b4;
+    
+    .log-content {
+      font-size: 26rpx;
+      color: #333;
+      line-height: 1.5;
+      margin-bottom: 8rpx;
+    }
+    
+    .log-meta {
+      display: flex;
+      justify-content: space-between;
+      font-size: 24rpx;
+      color: #666;
+    }
+  }
+}
+
+.course-info {
+  .info-grid {
+    display: grid;
+    grid-template-columns: repeat(2, 1fr);
+    gap: 20rpx;
+    margin: 20rpx 0;
+    
+    .info-item {
+      padding: 20rpx;
+      background: #f8f9fa;
+      border-radius: 8rpx;
+      
+      .info-label {
+        font-size: 24rpx;
+        color: #666;
+        margin-bottom: 8rpx;
+      }
+      
+      .info-value {
+        font-size: 28rpx;
+        color: #333;
+        font-weight: 500;
+      }
+    }
+  }
+}
+
+.popup-container {
+  .popup-overlay {
+    position: fixed;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    background: rgba(0, 0, 0, 0.5);
+    z-index: 1000;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+  }
+  
+  .popup-content {
+    background: #fff;
+    border-radius: 15rpx;
+    padding: 30rpx;
+    margin: 20rpx;
+    max-height: 80vh;
+    overflow-y: auto;
+    width: 90%;
+    max-width: 600rpx;
+  }
+}
+
+.course-edit-container {
+  .form-section {
+    margin-bottom: 30rpx;
+    
+    .section-title {
+      font-size: 30rpx;
+      font-weight: bold;
+      color: #333;
+      margin-bottom: 20rpx;
+      padding-bottom: 10rpx;
+      border-bottom: 2rpx solid #29d3b4;
+    }
+    
+    .form-row {
+      display: flex;
+      margin-bottom: 20rpx;
+      
+      .form-item {
+        flex: 1;
+        margin-right: 20rpx;
+        
+        &:last-child {
+          margin-right: 0;
+        }
+        
+        .form-label {
+          font-size: 26rpx;
+          color: #666;
+          margin-bottom: 10rpx;
+        }
+        
+        .form-input {
+          width: 100%;
+          padding: 15rpx;
+          border: 2rpx solid #e9ecef;
+          border-radius: 8rpx;
+          font-size: 26rpx;
+          
+          &:focus {
+            border-color: #29d3b4;
+            outline: none;
+          }
+        }
+      }
+    }
+  }
+  
+  .action-buttons {
+    display: flex;
+    gap: 20rpx;
+    margin-top: 30rpx;
+    
+    .btn {
+      flex: 1;
+      padding: 20rpx;
+      border-radius: 8rpx;
+      font-size: 28rpx;
+      text-align: center;
+      
+      &.primary {
+        background: #29d3b4;
+        color: #fff;
+      }
+      
+      &.secondary {
+        background: #f8f9fa;
+        color: #666;
+        border: 2rpx solid #e9ecef;
+      }
+    }
+  }
+}
+
+.fitness-test-records {
+  .record-card {
+    background: #fff;
+    border-radius: 12rpx;
+    padding: 25rpx;
+    margin-bottom: 20rpx;
+    box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.1);
+    
+    .record-header {
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      margin-bottom: 20rpx;
+      
+      .record-date {
+        font-size: 28rpx;
+        font-weight: bold;
+        color: #333;
+      }
+      
+      .record-status {
+        padding: 6rpx 15rpx;
+        border-radius: 15rpx;
+        font-size: 24rpx;
+        
+        &.completed {
+          background: #28a745;
+          color: #fff;
+        }
+        
+        &.pending {
+          background: #ffc107;
+          color: #333;
+        }
+      }
+    }
+    
+    .record-data {
+      display: grid;
+      grid-template-columns: repeat(2, 1fr);
+      gap: 15rpx;
+      
+      .data-item {
+        .data-label {
+          font-size: 24rpx;
+          color: #666;
+          margin-bottom: 5rpx;
+        }
+        
+        .data-value {
+          font-size: 26rpx;
+          color: #333;
+          font-weight: 500;
+        }
+      }
+    }
+  }
+}
+
+.fitness-record-form {
+  .form-group {
+    margin-bottom: 25rpx;
+    
+    .group-title {
+      font-size: 28rpx;
+      font-weight: bold;
+      color: #333;
+      margin-bottom: 15rpx;
+      padding-bottom: 8rpx;
+      border-bottom: 2rpx solid #29d3b4;
+    }
+    
+    .form-grid {
+      display: grid;
+      grid-template-columns: repeat(2, 1fr);
+      gap: 15rpx;
+      
+      .form-field {
+        .field-label {
+          font-size: 24rpx;
+          color: #666;
+          margin-bottom: 8rpx;
+        }
+        
+        .field-input {
+          width: 100%;
+          padding: 12rpx;
+          border: 2rpx solid #e9ecef;
+          border-radius: 6rpx;
+          font-size: 26rpx;
+          
+          &:focus {
+            border-color: #29d3b4;
+            outline: none;
+          }
+        }
+      }
+    }
+  }
+  
+  .submit-section {
+    margin-top: 30rpx;
+    padding-top: 20rpx;
+    border-top: 2rpx solid #f0f0f0;
+    
+    .submit-btn {
+      width: 100%;
+      padding: 20rpx;
+      background: #29d3b4;
+      color: #fff;
+      border-radius: 8rpx;
+      font-size: 28rpx;
+      font-weight: bold;
+      text-align: center;
+      
+      &:active {
+        background: #26c6da;
+      }
+    }
+  }
+}
+
+// 分割线样式
+.divider-line {
+  height: 2rpx;
+  background: #f0f0f0;
+  margin: 20rpx 0;
+}
+
+// 学生信息区域样式
+.student-info-section {
+  background: #fff;
+  border-radius: 15rpx;
+  margin: 20rpx;
+  padding: 25rpx;
+  box-shadow: 0 4rpx 12rpx rgba(0, 0, 0, 0.1);
+  
+  .section-header {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    margin-bottom: 25rpx;
+    padding-bottom: 15rpx;
+    border-bottom: 2rpx solid #f1f3f4;
+    
+    .section-title {
+      font-size: 32rpx;
+      font-weight: bold;
+      color: #333;
+      
+      .title-icon {
+        color: #29d3b4;
+        margin-right: 10rpx;
+      }
+    }
+    
+    .section-actions {
+      display: flex;
+      gap: 15rpx;
+      
+      .action-btn {
+        padding: 8rpx 20rpx;
+        border-radius: 20rpx;
+        border: 2rpx solid #29d3b4;
+        color: #29d3b4;
+        font-size: 24rpx;
+        transition: all 0.3s ease;
+        
+        &:active {
+          background: #29d3b4;
+          color: #fff;
+        }
+      }
+    }
+  }
+  
+  .student-card {
+    background: #f8f9fa;
+    border-radius: 12rpx;
+    padding: 20rpx;
+    margin-bottom: 15rpx;
+    border: 2rpx solid #e9ecef;
+    transition: all 0.3s ease;
+    
+    &:active {
+      transform: scale(0.98);
+      border-color: #29d3b4;
+    }
+    
+    .student-header {
+      display: flex;
+      align-items: center;
+      margin-bottom: 15rpx;
+      
+      .student-avatar {
+        width: 60rpx;
+        height: 60rpx;
+        border-radius: 50%;
+        background: linear-gradient(135deg, #29d3b4 0%, #26c6da 100%);
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        color: #fff;
+        font-size: 24rpx;
+        font-weight: bold;
+        margin-right: 15rpx;
+      }
+      
+      .student-info {
+        flex: 1;
+        
+        .student-name {
+          font-size: 28rpx;
+          font-weight: bold;
+          color: #333;
+          margin-bottom: 5rpx;
+        }
+        
+        .student-meta {
+          font-size: 24rpx;
+          color: #666;
+        }
+      }
+      
+      .student-status {
+        padding: 4rpx 12rpx;
+        border-radius: 12rpx;
+        font-size: 22rpx;
+        
+        &.active {
+          background: #28a745;
+          color: #fff;
+        }
+        
+        &.inactive {
+          background: #6c757d;
+          color: #fff;
+        }
+      }
+    }
+    
+    .student-details {
+      display: grid;
+      grid-template-columns: repeat(2, 1fr);
+      gap: 10rpx;
+      
+      .detail-item {
+        .detail-label {
+          font-size: 22rpx;
+          color: #666;
+          margin-bottom: 3rpx;
+        }
+        
+        .detail-value {
+          font-size: 24rpx;
+          color: #333;
+          font-weight: 500;
+        }
+      }
+    }
+  }
+}
+
+.actions-divider {
+  height: 1rpx;
+  background: #f0f0f0;
+  margin: 15rpx 0;
+}
+
+// 学生操作面板样式
+.student-actions-panel {
+  margin-top: 15rpx;
+  padding: 20rpx;
+  background: #f8f9fa;
+  border-radius: 12rpx;
+  border: 2rpx solid #e9ecef;
+  transition: all 0.3s ease;
+  
+  .panel-header {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    margin-bottom: 15rpx;
+    
+    .panel-title {
+      font-size: 26rpx;
+      color: #495057;
+      font-weight: 600;
+    }
+    
+    .collapse-icon {
+      width: 30rpx;
+      height: 30rpx;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      border-radius: 50%;
+      background: #29d3b4;
+      color: #fff;
+      font-size: 20rpx;
+      font-weight: bold;
+      transition: transform 0.3s ease;
+      
+      &.expanded {
+        transform: rotate(180deg);
+      }
+    }
+  }
+  
+  .actions-grid {
+    display: grid;
+    grid-template-columns: repeat(3, 1fr);
+    gap: 12rpx;
+    margin-top: 15rpx;
+    
+    .action-item {
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      justify-content: center;
+      padding: 15rpx 8rpx;
+      background: #fff;
+      border-radius: 8rpx;
+      border: 1px solid #dee2e6;
+      transition: all 0.3s ease;
+      position: relative;
+      
+      &:active {
+        transform: scale(0.95);
+        background: #e3f2fd;
+      }
+      
+      .action-icon {
+        font-size: 32rpx;
+        margin-bottom: 5rpx;
+        display: block;
+        line-height: 1;
+      }
+      
+      .action-text {
+        font-size: 22rpx;
+        color: #495057;
+        text-align: center;
+        line-height: 1.2;
+        font-weight: 500;
+      }
+      
+      &:hover {
+        background: #f8f9fa;
+        border-color: #29d3b4;
+        
+        .action-text {
+          color: #29d3b4;
+        }
+      }
+    }
+  }
+  
+  &.collapsed {
+    .actions-grid {
+      display: none;
+    }
+  }
+}
+
+// 学生信息编辑弹窗样式
+.student-edit-popup {
+  width: 95vw;
+  max-width: 700rpx;
+  height: 85vh;
+  max-height: 1400rpx;
+  display: flex;
+  flex-direction: column;
+}
+
+.student-form-container {
+  flex: 1;
+  padding: 20rpx;
+  box-sizing: border-box;
+  overflow-y: auto;
+  min-height: 0;
+}
+
+.form-group {
+  margin-bottom: 40rpx;
+  
+  .form-group-title {
+    font-size: 32rpx;
+    font-weight: bold;
+    color: #333;
+    margin-bottom: 25rpx;
+    padding-bottom: 10rpx;
+    border-bottom: 2px solid #29d3b4;
+    position: relative;
+    
+    &::after {
+      content: '';
+      position: absolute;
+      bottom: -2rpx;
+      left: 0;
+      width: 60rpx;
+      height: 2rpx;
+      background: #29d3b4;
+    }
+  }
+}
+
+.form-item {
+  margin-bottom: 25rpx;
+  
+  .form-label {
+    font-size: 28rpx;
+    color: #333;
+    margin-bottom: 12rpx;
+    font-weight: 500;
+    
+    &.required {
+      position: relative;
+      
+      &::before {
+        content: '*';
+        color: #ff4757;
+        margin-right: 4rpx;
+        font-weight: bold;
+      }
+    }
+  }
+  
+  .form-input {
+    border: 2px solid #eee;
+    border-radius: 12rpx;
+    padding: 0 20rpx;
+    background: #fff;
+    transition: border-color 0.3s ease;
+    
+    &:focus-within {
+      border-color: #29d3b4;
+    }
+    
+    input {
+      width: 100%;
+      height: 80rpx;
+      font-size: 28rpx;
+      color: #333;
+      border: none;
+      outline: none;
+      background: transparent;
+      
+      &::placeholder {
+        color: #999;
+      }
+    }
+    
+    .picker-display {
+      height: 80rpx;
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      font-size: 28rpx;
+      color: #333;
+      
+      .picker-arrow {
+        color: #999;
+        font-size: 32rpx;
+        font-weight: bold;
+        transform: rotate(90deg);
+      }
+    }
+  }
+  
+  .form-textarea {
+    border: 2px solid #eee;
+    border-radius: 12rpx;
+    padding: 20rpx;
+    background: #fff;
+    transition: border-color 0.3s ease;
+    
+    &:focus-within {
+      border-color: #29d3b4;
+    }
+    
+    textarea {
+      width: 100%;
+      height: 120rpx;
+      font-size: 28rpx;
+      color: #333;
+      border: none;
+      outline: none;
+      background: transparent;
+      resize: none;
+      
+      &::placeholder {
+        color: #999;
+      }
+    }
+  }
+}
+
+// 整合后的基本信息卡片样式
+.basic-info-card {
+  background: #fff;
+  border-radius: 15rpx;
+  margin: 20rpx;
+  padding: 25rpx;
+  box-shadow: 0 4rpx 12rpx rgba(0, 0, 0, 0.1);
+  
+  .basic-info-header {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    margin-bottom: 25rpx;
+    padding-bottom: 15rpx;
+    border-bottom: 2px solid #f1f3f4;
+    
+    .info-title {
+      font-size: 32rpx;
+      font-weight: bold;
+      color: #333;
+      
+      .title-accent {
+        color: #29d3b4;
+        margin-left: 10rpx;
+      }
+    }
+    
+    .info-status {
+      padding: 6rpx 15rpx;
+      border-radius: 20rpx;
+      font-size: 24rpx;
+      color: #fff;
+      background: #28a745;
+    }
+  }
+  
+  .basic-info-content {
+    display: grid;
+    grid-template-columns: repeat(2, 1fr);
+    gap: 20rpx;
+    
+    .info-item {
+      display: flex;
+      flex-direction: column;
+      
+      .info-label {
+        font-size: 24rpx;
+        color: #6c757d;
+        margin-bottom: 5rpx;
+      }
+      
+      .info-value {
+        font-size: 28rpx;
+        color: #333;
+        font-weight: 500;
+        
+        &.empty {
+          color: #adb5bd;
+          font-style: italic;
+        }
+      }
+    }
+  }
+}
+
+// 整合后的学生卡片容器样式
+.integrated-cards-container {
+  margin: 20rpx;
+  min-height: 670rpx;
+  display: block;
+  
+  .student-swiper {
+    height: 650rpx !important;
+    min-height: 650rpx;
+    
+    // 强制设置swiper内部组件的高度
+    ::v-deep .uni-swiper-wrapper {
+      height: 650rpx !important;
+    }
+    
+    ::v-deep .uni-swiper-slides {
+      height: 650rpx !important;
+    }
+    
+    ::v-deep .uni-swiper-slide {
+      height: 650rpx !important;
+    }
+  }
+  
+  .student-swiper-item {
+    height: 620rpx !important;
+    min-height: 620rpx;
+    display: flex;
+    flex-direction: column;
+  }
+}
+
+// 整合的学生卡片样式
+.integrated-student-card {
+  background: #fff;
+  border-radius: 15rpx;
+  overflow: hidden;
+  box-shadow: 0 4rpx 20rpx rgba(0, 0, 0, 0.1);
+  min-height: 600rpx;
+  height: auto;
+  display: flex;
+  flex-direction: column;
+  
+  // 客户基本信息区域
+  .basic-info-section {
+    padding: 25rpx;
+    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+    color: #fff;
+    
+    .section-header {
+      display: flex;
+      align-items: center;
+      margin-bottom: 25rpx;
+      
+      .customer-avatar {
+        width: 60rpx;
+        height: 60rpx;
+        border-radius: 50%;
+        background: rgba(255, 255, 255, 0.2);
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        color: #fff;
+        font-size: 28rpx;
+        font-weight: bold;
+        margin-right: 20rpx;
+      }
+      
+      .customer-info {
+        flex: 1;
+        
+        .customer-name {
+          font-size: 32rpx;
+          font-weight: bold;
+          margin-bottom: 8rpx;
+        }
+        
+        .customer-meta {
+          font-size: 24rpx;
+          opacity: 0.9;
+        }
+      }
+      
+      .contact-actions {
+        display: flex;
+        gap: 15rpx;
+        
+        .contact-btn {
+          width: 60rpx;
+          height: 60rpx;
+          border-radius: 50%;
+          background: rgba(255, 255, 255, 0.2);
+          display: flex;
+          align-items: center;
+          justify-content: center;
+          transition: all 0.3s ease;
+          
+          &:active {
+            transform: scale(0.9);
+            background: rgba(255, 255, 255, 0.3);
+          }
+          
+          .contact-icon {
+            font-size: 24rpx;
+          }
+        }
+      }
+    }
+    
+    .basic-info-grid {
+      display: grid;
+      grid-template-columns: repeat(2, 1fr);
+      gap: 20rpx;
+      
+      .basic-info-item {
+        .info-label {
+          font-size: 24rpx;
+          opacity: 0.8;
+          margin-bottom: 5rpx;
+        }
+        
+        .info-value {
+          font-size: 26rpx;
+          font-weight: 500;
+        }
+      }
+    }
+  }
+  
+  .divider-line {
+    height: 2rpx;
+    background: #f0f0f0;
+    margin: 0 25rpx;
+  }
+  
+  // 学生信息区域
+  .student-info-section {
+    padding: 25rpx;
+    flex: 1;
+    min-height: 300rpx;
+    
+    .student-header {
+      display: flex;
+      align-items: center;
+      margin-bottom: 25rpx;
+      
+      .student-avatar {
+        width: 80rpx;
+        height: 80rpx;
+        border-radius: 50%;
+        background: linear-gradient(135deg, #29d3b4 0%, #26c6da 100%);
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        color: #fff;
+        font-size: 32rpx;
+        font-weight: bold;
+        margin-right: 20rpx;
+      }
+      
+      .student-basic-info {
+        flex: 1;
+        
+        .student-name {
+          font-size: 30rpx;
+          font-weight: bold;
+          color: #333;
+          margin-bottom: 8rpx;
+        }
+        
+        .student-meta {
+          font-size: 24rpx;
+          color: #666;
+          
+          .student-age, .student-gender {
+            margin-right: 20rpx;
+          }
+        }
+      }
+      
+      .student-edit-btn {
+        padding: 8rpx 20rpx;
+        border-radius: 20rpx;
+        border: 2px solid #29d3b4;
+        color: #29d3b4;
+        font-size: 24rpx;
+        transition: all 0.3s ease;
+        
+        &:active {
+          background: #29d3b4;
+          color: #fff;
+        }
+      }
+    }
+    
+    .student-details-grid {
+      display: grid;
+      grid-template-columns: repeat(2, 1fr);
+      gap: 15rpx;
+      
+      .detail-item {
+        .detail-label {
+          font-size: 24rpx;
+          color: #666;
+          margin-bottom: 5rpx;
+        }
+        
+        .detail-value {
+          font-size: 26rpx;
+          color: #333;
+          font-weight: 500;
+        }
+      }
+    }
+  }
+  
+  .actions-divider {
+    height: 1rpx;
+    background: #f0f0f0;
+    margin: 0 25rpx;
+  }
+  
+  // 学生操作面板
+  .student-actions-panel {
+    padding: 20rpx 25rpx;
+    
+    .actions-toggle {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      padding: 10rpx 0;
+      
+      .toggle-icon {
+        font-size: 20rpx;
+        color: #666;
+        transition: transform 0.3s ease;
+        
+        &.expanded {
+          transform: rotate(180deg);
+        }
+      }
+    }
+    
+    .actions-content {
+      margin-top: 15rpx;
+      
+      .actions-grid {
+        display: grid;
+        grid-template-columns: repeat(3, 1fr);
+        gap: 15rpx;
+        
+        .action-item {
+          padding: 20rpx 10rpx;
+          border-radius: 12rpx;
+          background: #f8f9fa;
+          border: 2px solid #e9ecef;
+          display: flex;
+          flex-direction: column;
+          align-items: center;
+          justify-content: center;
+          transition: all 0.3s ease;
+          
+          &:active {
+            transform: scale(0.95);
+            background: #e9ecef;
+            border-color: #29d3b4;
+          }
+          
+          .action-icon {
+            font-size: 28rpx;
+            margin-bottom: 8rpx;
+          }
+          
+          .action-text {
+            font-size: 22rpx;
+            color: #495057;
+            text-align: center;
+            font-weight: 500;
+          }
+        }
+      }
+    }
+  }
+}
+
+// 学生上下文标题样式
+.student-context-header {
+  padding: 20rpx 30rpx;
+  background-color: rgba(41, 211, 180, 0.1);
+  border-left: 4rpx solid #29d3b4;
+  margin: 20rpx;
+  border-radius: 8rpx;
+  
+  .context-title {
+    color: #29d3b4;
+    font-size: 28rpx;
+    font-weight: bold;
+  }
+}
+
+// swiper容器样式
+.student-swiper {
+  .student-swiper-item {
+    padding: 0 20rpx;
+  }
+}
+
+// 空状态样式
+.empty-records {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  padding: 100rpx 20rpx;
+  
+  .empty-img {
+    width: 200rpx;
+    height: 200rpx;
+    opacity: 0.5;
+    margin-bottom: 30rpx;
+  }
+  
+  .empty-text {
+    color: #999;
+    font-size: 28rpx;
+  }
+}
\ No newline at end of file
diff --git a/uniapp/pages/market/clue/clue_info.vue b/uniapp/pages/market/clue/clue_info.vue
index 64c0c3dd..21c27d30 100644
--- a/uniapp/pages/market/clue/clue_info.vue
+++ b/uniapp/pages/market/clue/clue_info.vue
@@ -1,64 +1,31 @@
-<!--客户详情-->
+<!--客户详情 - 重构版本-->
 <template>
   <view class="assemble">
     <view class="main_box">
       <view style="height: 20rpx;background: #29D3B4;"></view>
 
-      <view class="count_section">
-        <view class="main">
-          <view class="course_box">
-            <view class="course_box_top">
-              <view class="course_box_top_top">
-                <image class="pic" :src="$util.img('/uniapp_src/static/images/index/myk.png')"></image>
-                <view class="name">{{ safeGet(clientInfo, 'customerResource.name', '未知客户') }}</view>
-              </view>
-              <view class="course_box_top_below">
-                <view class="course_box_top_below-left">
-                </view>
-                <view class="course_box_top_below-right">
-                  <!-- 操作按钮 -->
-                  <view class="action-buttons">
-                    <view class="btn-item" @click="handleMakeCall">
-                      <image class="btn-icon"
-                             :src="$util.img('/uniapp_src/static/images/index/phone.png')"></image>
-                    </view>
-                    <view class="btn-item" @click="handleSendMessage"
-                          v-if="safeGet(clientInfo, 'customerResource.member_id')">
-                      <image class="btn-icon"
-                             :src="$util.img('/uniapp_src/static/images/index/message.png')"></image>
-                    </view>
-                  </view>
-                </view>
-              </view>
-            </view>
-            <view class="course_box_centre"></view>
-            <view class="course_box_below">
-              <view :class="{'selected-text': switch_tags_type === 1, 'text': switch_tags_type !== 1}"
-                    @click="switch_tags(1)">基本资料
-              </view>
-              <view :class="{'selected-text': switch_tags_type === 2, 'text': switch_tags_type !== 2}"
-                    @click="switch_tags(2)">课程信息
-              </view>
-              <view :class="{'selected-text': switch_tags_type === 3, 'text': switch_tags_type !== 3}"
-                    @click="switch_tags(3)">通话记录
-              </view>
-              <view :class="{'selected-text': switch_tags_type === 4, 'text': switch_tags_type !== 4}"
-                    @click="switch_tags(4)">体测记录
-              </view>
-              <view :class="{'selected-text': switch_tags_type === 5, 'text': switch_tags_type !== 5}"
-                    @click="switch_tags(5)">学习计划
-              </view>
-            </view>
-          </view>
-        </view>
+      <!-- 客户信息卡片 - 直接显示，不包装在白色卡片中 -->
+      <ClientInfoCard 
+        :client-info="clientInfo" 
+        :actions="sortedActions"
+        @call="handleMakeCall"
+        @action="handleClientAction"
+      />
+      
+      <!-- 标签切换器 -->
+      <view class="tab-switcher-container">
+        <TabSwitcher 
+          :tabs="tabs" 
+          :active-tab-id="switch_tags_type"
+          @tab-change="handleTabChange"
+        />
       </view>
       <view class="bg_box bg_top"></view>
       <view class="bg_box bg_bottom"></view>
     </view>
 
-    <!--      基本资料-->
+    <!--基本资料 - 使用组件化方式-->
     <view class="basic-information" v-if="switch_tags_type == 1">
-      <!-- 整合的客户和学生信息区域 -->
       <view class="integrated-info-section">
         <view class="basic-message">
           <view>客户和学生信息</view>
@@ -68,135 +35,35 @@
           </view>
         </view>
         
-        <view class="integrated-cards-container">
-          <!-- 整合的客户和学生信息卡片 -->
+        <!-- 学生信息列表 - 恢复左右滑动功能 -->
+        <view class="integrated-cards-container" v-if="studentList.length > 0">
           <swiper 
-            v-if="studentList.length > 0"
             class="student-swiper" 
             :indicator-dots="studentList.length > 1"
             :autoplay="false"
             :circular="studentList.length > 1"
             indicator-color="rgba(255, 255, 255, 0.5)"
             indicator-active-color="#29d3b4"
-            style="height: 650rpx;"
+            style="height: 450rpx;"
             @change="onStudentSwiperChange">
             <swiper-item v-for="(student, index) in studentList" :key="student.id" class="student-swiper-item">
-              <view class="integrated-student-card">
-                <!-- 客户基本信息区域 -->
-                <view class="basic-info-section">
-                  <view class="section-header">
-                    <view class="customer-avatar">
-                      <text>{{ safeGet(clientInfo, 'customerResource.name', '客').charAt(0) }}</text>
-                    </view>
-                    <view class="customer-info">
-                      <view class="customer-name">{{ safeGet(clientInfo, 'customerResource.name', '未知客户') }}</view>
-                      <view class="customer-meta">
-                        <text class="customer-phone">{{ safeGet(clientInfo, 'customerResource.phone_number', '') }}</text>
-                      </view>
-                    </view>
-                    <view class="contact-actions">
-                      <view class="contact-btn phone-btn" @click="makeCall">
-                        <text class="contact-icon">📞</text>
-                      </view>
-                      <view class="contact-btn message-btn" @click="sendMessage">
-                        <text class="contact-icon">💬</text>
-                      </view>
-                    </view>
-                  </view>
-                  
-                  <view class="basic-info-grid">
-                    <view class="basic-info-item">
-                      <text class="info-label">来源渠道</text>
-                      <text class="info-value">{{ safeGet(clientInfo, 'customerResource.source_channel_name', '未知渠道') }}</text>
-                    </view>
-                    <view class="basic-info-item">
-                      <text class="info-label">来源</text>
-                      <text class="info-value">{{ safeGet(clientInfo, 'customerResource.source_name', '未知来源') }}</text>
-                    </view>
-                    <view class="basic-info-item">
-                      <text class="info-label">顾问</text>
-                      <text class="info-value">{{ safeGet(clientInfo, 'customerResource.consultant_name', '未知顾问') }}</text>
-                    </view>
-                    <view class="basic-info-item">
-                      <text class="info-label">性别</text>
-                      <text class="info-value">{{ safeGet(clientInfo, 'customerResource.gender_name', '未知性别') }}</text>
-                    </view>
-                  </view>
-                </view>
-                
-                <view class="divider-line"></view>
-                
-                <!-- 学生信息区域 -->
-                <view class="student-info-section">
-                  <view class="student-header">
-                    <view class="student-avatar">
-                      <text>{{ student.name ? student.name.charAt(0) : '学' }}</text>
-                    </view>
-                    <view class="student-basic-info">
-                      <view class="student-name">{{ student.name || '未知学生' }}</view>
-                      <view class="student-meta">
-                        <text class="student-age">{{ formatAge(student.age) }}</text>
-                        <text class="student-gender">{{ formatGender(student.gender) }}</text>
-                      </view>
-                    </view>
-                    <view class="student-edit-btn" @click="openEditStudentDialog(student)">
-                      <text class="edit-text">编辑</text>
-                    </view>
-                  </view>
-                  
-                  <view class="student-details-grid">
-                    <view class="detail-item">
-                      <text class="detail-label">出生日期：</text>
-                      <text class="detail-value">{{ student.birthday || '未设置' }}</text>
-                    </view>
-                    <view class="detail-item">
-                      <text class="detail-label">联系电话：</text>
-                      <text class="detail-value">{{ student.contact_phone || '未设置' }}</text>
-                    </view>
-                    <view class="detail-item">
-                      <text class="detail-label">紧急联系人：</text>
-                      <text class="detail-value">{{ student.emergency_contact || '未设置' }}</text>
-                    </view>
-                    <view class="detail-item">
-                      <text class="detail-label">体验课次数：</text>
-                      <text class="detail-value">{{ student.trial_class_count || 0 }}次</text>
-                    </view>
-                  </view>
-                </view>
-                
-                <view class="actions-divider"></view>
-                
-                <!-- 学生操作区域 -->
-                <view class="student-actions-panel">
-                  <view class="actions-toggle" @click="toggleStudentActions(student)">
-                    <text class="toggle-icon" :class="{ 'expanded': student.actionsExpanded }">▲</text>
-                  </view>
-                  
-                  <!-- 学生相关操作按钮 -->
-                  <view class="actions-content" v-if="student.actionsExpanded">
-                    <view class="actions-grid">
-                      <view 
-                        v-for="action in sortedStudentActions" 
-                        :key="action.key"
-                        class="action-item"
-                        @click="handleStudentAction(action.key, student)">
-                        <view class="action-icon">{{ action.icon }}</view>
-                        <text class="action-text">{{ action.text }}</text>
-                      </view>
-                    </view>
-                  </view>
-                </view>
-              </view>
+              <StudentInfoCard 
+                :student="student"
+                :actions="studentActions"
+                :show-details="true"
+                @toggle-actions="toggleStudentActions"
+                @action="handleStudentAction"
+              />
             </swiper-item>
           </swiper>
-          
-          <!-- 空状态 -->
-          <view v-if="studentList.length === 0" class="empty-students">
-            <image src="/static/images/empty.png" mode="aspectFit" class="empty-img"></image>
-            <text class="empty-text">暂无学生信息</text>
-            <view class="empty-add-btn" @click="openAddStudentDialog">
-              <text>添加第一个学生</text>
-            </view>
+        </view>
+        
+        <!-- 空状态 -->
+        <view v-if="studentList.length === 0" class="empty-students">
+          <image src="/static/images/empty.png" mode="aspectFit" class="empty-img"></image>
+          <text class="empty-text">暂无学生信息</text>
+          <view class="empty-add-btn" @click="openAddStudentDialog">
+            <text>添加第一个学生</text>
           </view>
         </view>
       </view>
@@ -268,84 +135,51 @@
       <view style="height: 200rpx;"></view>
     </view>
 
-    <!--      通话记录-->
+    <!--通话记录 - 与当前学生关联-->
     <view class="call-log" v-if="switch_tags_type == 3">
-      <view class="call-record-wrapper" v-for="(v,k) in listCallUp" :key="k">
-        <view class="call-record-item">
-          <view class="call-record-header">
-            <view class="call-name">{{ v.name }}</view>
-            <view class="call-time">{{ v.create_time }}</view>
-          </view>
-          <view class="call-record-content">
-            <view class="call-detail">
-              <text class="call-label">呼叫时间：</text>
-              <text>{{ v.created_at }}</text>
-            </view>
-            <button type="primary" size="mini" class="remark-btn" @click="openAddRemark(v)">
-              {{ v.remarks ? '修改备注' : '添加备注' }}
-            </button>
-          </view>
-          <view class="call-remark">
-            <text class="call-label">呼叫备注：</text>
-            <text class="call-remark-content">{{ v.remarks || '无' }}</text>
-          </view>
-        </view>
+      <view class="student-context-header" v-if="currentStudent">
+        <text class="context-title">当前学生: {{ currentStudent.name }}</text>
+      </view>
+      
+      <view v-if="listCallUp.length === 0" class="empty-records">
+        <image src="/static/images/empty.png" mode="aspectFit" class="empty-img"></image>
+        <text class="empty-text">暂无通话记录</text>
       </view>
+      
+      <CallRecordCard 
+        v-for="record in listCallUp" 
+        :key="record.id"
+        :record="record"
+        @remark="openAddRemark"
+      />
       <view style="height: 200rpx;"></view>
     </view>
-    <!-- 体测记录 -->
+    <!--体测记录 - 与当前学生关联-->
     <view class="fitness-test-records" v-if="switch_tags_type == 4">
+      <view class="student-context-header" v-if="currentStudent">
+        <text class="context-title">当前学生: {{ currentStudent.name }}</text>
+      </view>
+      
       <!-- 新增按钮 -->
-      <view class="add-record-btn-container">
+      <view class="add-record-btn-container" v-if="currentStudent">
         <view class="add-record-btn" @click="openAddFitnessRecord">
           <view class="add-icon">+</view>
-          <view class="add-text">新增体测记录</view>
+          <view class="add-text">为{{ currentStudent.name }}新增体测记录</view>
         </view>
       </view>
       
-      <!-- 体测记录列表 -->
-      <view class="fitness-record-list">
-        <view v-if="fitnessRecords.length === 0" class="empty-records">
-          <image src="/static/images/empty.png" mode="aspectFit" class="empty-img"></image>
-          <text class="empty-text">暂无体测记录</text>
-        </view>
-        
-        <view v-for="(record, index) in fitnessRecords" :key="index" 
-              class="fitness-record-item" @click="openEditFitnessRecord(record)">
-          <view class="record-header">
-            <view class="record-date">{{ record.test_date }}</view>
-            <view class="record-actions">
-              <view class="edit-btn" @click.stop="openEditFitnessRecord(record)">编辑</view>
-            </view>
-          </view>
-          
-          <view class="record-content">
-            <view class="record-data">
-              <view class="data-item">
-                <view class="data-label">身高</view>
-                <view class="data-value">{{ record.height }}cm</view>
-              </view>
-              <view class="data-item">
-                <view class="data-label">体重</view>
-                <view class="data-value">{{ record.weight }}kg</view>
-              </view>
-            </view>
-            
-            <!-- PDF附件列表 -->
-            <view class="pdf-attachments" v-if="record.pdf_files && record.pdf_files.length > 0">
-              <view class="attachment-title">体测报告</view>
-              <view class="pdf-list">
-                <view v-for="(pdf, pdfIndex) in record.pdf_files" :key="pdfIndex" 
-                      class="pdf-item" @click.stop="previewPDF(pdf)">
-                  <view class="pdf-icon">📄</view>
-                  <view class="pdf-name">{{ pdf.name }}</view>
-                  <view class="pdf-size">{{ formatFileSize(pdf.size) }}</view>
-                </view>
-              </view>
-            </view>
-          </view>
-        </view>
+      <view v-if="currentStudentFitnessRecords.length === 0" class="empty-records">
+        <image src="/static/images/empty.png" mode="aspectFit" class="empty-img"></image>
+        <text class="empty-text">该学生暂无体测记录</text>
       </view>
+      
+      <!-- 使用FitnessRecordCard组件 -->
+      <FitnessRecordCard 
+        v-for="record in currentStudentFitnessRecords" 
+        :key="record.id"
+        :record="record"
+        @edit="openEditFitnessRecord"
+      />
     </view>
     <!--  学习计划  -->
     <view class="study-plan" v-if="switch_tags_type == 5">
@@ -374,248 +208,79 @@
     </uni-popup>
 
     <!-- 体测记录编辑弹窗 -->
-    <uni-popup ref="fitnessRecordPopup" type="center">
-      <view class="popup-container">
-        <view class="popup-header">
-          <view class="popup-title">{{ isEditingFitnessRecord ? '编辑体测记录' : '新增体测记录' }}</view>
-          <view class="popup-close" @click="closeFitnessRecordEdit">✕</view>
-        </view>
-        <view class="fitness-record-form">
-          <view class="form-section">
-            <view class="form-item">
-              <view class="form-label">测试日期</view>
-              <view class="form-input">
-                <input type="date" v-model="currentFitnessRecord.test_date" placeholder="请选择测试日期" />
-              </view>
-            </view>
-            
-            <view class="form-item">
-              <view class="form-label">身高(cm)</view>
-              <view class="form-input">
-                <input type="number" v-model="currentFitnessRecord.height" placeholder="请输入身高" />
-              </view>
-            </view>
-            
-            <view class="form-item">
-              <view class="form-label">体重(kg)</view>
-              <view class="form-input">
-                <input type="number" v-model="currentFitnessRecord.weight" placeholder="请输入体重" />
-              </view>
-            </view>
-            
-            <view class="form-item">
-              <view class="form-label">体测报告</view>
-              <view class="file-upload-area">
-                <view class="upload-btn" @click="selectPDFFiles">
-                  <view class="upload-icon">📁</view>
-                  <view class="upload-text">选择PDF文件</view>
-                </view>
-                
-                <!-- 已选择的PDF文件列表 -->
-                <view v-if="currentFitnessRecord.pdf_files && currentFitnessRecord.pdf_files.length > 0" 
-                      class="selected-files">
-                  <view v-for="(pdf, index) in currentFitnessRecord.pdf_files" :key="index" 
-                        class="selected-file-item">
-                    <view class="file-info">
-                      <view class="file-icon">📄</view>
-                      <view class="file-name">{{ pdf.name }}</view>
-                      <view class="file-size">{{ formatFileSize(pdf.size) }}</view>
-                    </view>
-                    <view class="file-remove" @click="removePDFFile(index)">✕</view>
-                  </view>
-                </view>
-              </view>
-            </view>
-          </view>
-        </view>
-        <view class="popup-footer">
-          <view class="popup-btn cancel-btn" @click="closeFitnessRecordEdit">取消</view>
-          <view class="popup-btn confirm-btn" @click="confirmFitnessRecordEdit">确认</view>
-        </view>
-      </view>
-    </uni-popup>
+    <FitnessRecordPopup 
+      ref="fitnessRecordPopup"
+      :resource-id="clientInfo.resource_id"
+      @confirm="handleFitnessRecordConfirm"
+      @close="handleFitnessRecordClose"
+    />
 
     <!-- 教练配置编辑弹窗 -->
-    <uni-popup ref="courseEditPopup" type="center">
-      <view class="popup-container">
-        <view class="popup-header">
-          <view class="popup-title">修改教练配置</view>
-          <view class="popup-close" @click="closeCourseEdit">✕</view>
-        </view>
-        <view class="course-edit-container">
-          <view class="edit-section">
-            <view class="section-title">主教练（单选）</view>
-            <view v-if="coachList.length === 0" class="empty-tip">暂无主教练数据</view>
-            <view class="coach-list">
-              <view v-for="coach in coachList" :key="coach.person_id" class="coach-item"
-                    :class="{selected: selectedMainCoach === coach.person_id}"
-                    @click="selectMainCoach(coach.person_id)">
-                <view class="coach-name">{{ coach.name }}</view>
-                <view class="coach-check" v-if="selectedMainCoach === coach.person_id">✓</view>
-              </view>
-            </view>
-          </view>
-
-          <view class="edit-section">
-            <view class="section-title">教务（单选）</view>
-            <view v-if="educationList.length === 0" class="empty-tip">暂无教务数据</view>
-            <view class="coach-list">
-              <view v-for="education in educationList" :key="education.person_id" class="coach-item"
-                    :class="{selected: selectedEducation === education.person_id}"
-                    @click="selectEducation(education.person_id)">
-                <view class="coach-name">{{ education.name }}</view>
-                <view class="coach-check" v-if="selectedEducation === education.person_id">✓</view>
-              </view>
-            </view>
-          </view>
-
-          <view class="edit-section">
-            <view class="section-title">助教（多选）</view>
-            <view v-if="assistantList.length === 0" class="empty-tip">暂无助教数据</view>
-            <view class="coach-list">
-              <view v-for="assistant in assistantList" :key="assistant.person_id" class="coach-item"
-                    :class="{selected: selectedAssistants.includes(assistant.person_id)}"
-                    @click="toggleAssistant(assistant.person_id)">
-                <view class="coach-name">{{ assistant.name }}</view>
-                <view class="coach-check" v-if="selectedAssistants.includes(assistant.person_id)">✓
-                </view>
-              </view>
-            </view>
-          </view>
-        </view>
-        <view class="popup-footer">
-          <view class="popup-btn cancel-btn" @click="closeCourseEdit">取消</view>
-          <view class="popup-btn confirm-btn" @click="confirmCourseEdit">确认</view>
-        </view>
-      </view>
-    </uni-popup>
+    <CourseEditPopup 
+      ref="courseEditPopup"
+      :coachList="coachList"
+      :educationList="educationList"
+      :assistantList="assistantList"
+      :currentCourse="currentCourse"
+      @confirm="handleCourseEditConfirm"
+      @close="handleCourseEditClose"
+    />
 
     <!-- 学生信息编辑弹窗 -->
-    <uni-popup ref="studentEditPopup" type="center">
-      <view class="popup-container student-edit-popup">
-        <view class="popup-header">
-          <view class="popup-title">{{ isEditingStudent ? '编辑学生信息' : '添加学生信息' }}</view>
-          <view class="popup-close" @click="closeStudentEdit">✕</view>
-        </view>
-        <scroll-view class="student-form-container" scroll-y="true">
-          <view class="form-section">
-            <!-- 基本信息 -->
-            <view class="form-group">
-              <view class="form-group-title">基本信息</view>
-              
-              <view class="form-item">
-                <view class="form-label required">姓名</view>
-                <view class="form-input">
-                  <input type="text" v-model="currentStudent.name" placeholder="请输入学生姓名" maxlength="20" />
-                </view>
-              </view>
-              
-              <view class="form-item">
-                <view class="form-label required">性别</view>
-                <view class="form-input">
-                  <picker :range="genderOptions" range-key="label" @change="onGenderChange">
-                    <view class="picker-display">
-                      {{ formatGender(currentStudent.gender) || '请选择性别' }}
-                      <text class="picker-arrow">›</text>
-                    </view>
-                  </picker>
-                </view>
-              </view>
-              
-              <view class="form-item">
-                <view class="form-label required">出生日期</view>
-                <view class="form-input">
-                  <picker mode="date" :value="currentStudent.birthday" @change="onBirthdayChange">
-                    <view class="picker-display">
-                      {{ currentStudent.birthday || '请选择出生日期' }}
-                      <text class="picker-arrow">›</text>
-                    </view>
-                  </picker>
-                </view>
-              </view>
-              
-              <view class="form-item">
-                <view class="form-label">联系电话</view>
-                <view class="form-input">
-                  <input type="number" v-model="currentStudent.contact_phone" placeholder="请输入联系电话" maxlength="20" />
-                </view>
-              </view>
-              
-              <view class="form-item">
-                <view class="form-label">紧急联系人</view>
-                <view class="form-input">
-                  <input type="text" v-model="currentStudent.emergency_contact" placeholder="请输入紧急联系人" maxlength="255" />
-                </view>
-              </view>
-            </view>
-            
-            <!-- 学员信息 -->
-            <view class="form-group">
-              <view class="form-group-title">学员信息</view>
-              
-              <view class="form-item">
-                <view class="form-label">会员标签</view>
-                <view class="form-input">
-                  <input type="text" v-model="currentStudent.member_label" placeholder="请输入会员标签" maxlength="255" />
-                </view>
-              </view>
-              
-              <view class="form-item">
-                <view class="form-label">体验课次数</view>
-                <view class="form-input">
-                  <input type="number" v-model="currentStudent.trial_class_count" placeholder="体验课次数" />
-                </view>
-              </view>
-              
-              <view class="form-item">
-                <view class="form-label">学员状态</view>
-                <view class="form-input">
-                  <picker :range="[{label: '无效', value: 0}, {label: '有效', value: 1}]" range-key="label" @change="onStatusChange">
-                    <view class="picker-display">
-                      {{ currentStudent.status === 1 ? '有效' : '无效' }}
-                      <text class="picker-arrow">›</text>
-                    </view>
-                  </picker>
-                </view>
-              </view>
-            </view>
-            
-            <!-- 其他信息 -->
-            <view class="form-group">
-              <view class="form-group-title">其他信息</view>
-              
-              <view class="form-item">
-                <view class="form-label">备注</view>
-                <view class="form-textarea">
-                  <textarea v-model="currentStudent.note" placeholder="请输入备注信息" maxlength="200"></textarea>
-                </view>
-              </view>
-            </view>
-          </view>
-        </scroll-view>
-        <view class="popup-footer">
-          <view class="popup-btn cancel-btn" @click="closeStudentEdit">取消</view>
-          <view class="popup-btn confirm-btn" @click="confirmStudentEdit">保存</view>
-        </view>
-      </view>
-    </uni-popup>
-  </view>
+    <StudentEditPopup 
+      ref="studentEditPopup"
+      :resource-id="clientInfo.resource_id"
+      @confirm="handleStudentEditConfirm"
+      @close="handleStudentEditClose"
+    />
   </view>
 </template>
 
 <script>
 import apiRoute from '@/api/apiRoute.js'
 import marketApi from '@/api/market.js'
+// 导入新创建的组件
+import ClientInfoCard from '@/components/client-info-card/client-info-card.vue'
+import StudentInfoCard from '@/components/student-info-card/student-info-card.vue'
+import TabSwitcher from '@/components/tab-switcher/tab-switcher.vue'
+import FitnessRecordCard from '@/components/fitness-record-card/fitness-record-card.vue'
+import CallRecordCard from '@/components/call-record-card/call-record-card.vue'
+import CourseEditPopup from '@/components/course-edit-popup/course-edit-popup.vue'
+import StudentEditPopup from '@/components/student-edit-popup/student-edit-popup.vue'
+import FitnessRecordPopup from '@/components/fitness-record-popup/fitness-record-popup.vue'
 
 export default {
   components: {
-    // 导入组件
-    uniPopup: () => import('@/components/uni-popup/uni-popup.vue'),
+    ClientInfoCard,
+    StudentInfoCard,
+    TabSwitcher,
+    FitnessRecordCard,
+    CallRecordCard,
+    CourseEditPopup,
+    StudentEditPopup,
+    FitnessRecordPopup
   },
   data() {
     return {
       switch_tags_type: 1,
       select_type: 1,
+      
+      // 标签配置
+      tabs: [
+        { id: 1, name: '基本资料' },
+        { id: 2, name: '课程信息' },
+        { id: 3, name: '通话记录' },
+        { id: 4, name: '体测记录' },
+        { id: 5, name: '学习计划' }
+      ],
+      
+      // 学生操作按钮配置 - 与StudentInfoCard组件默认actions匹配
+      studentActions: [
+        { key: 'edit', text: '编辑学生' },
+        { key: 'order', text: '查看订单' },
+        { key: 'course', text: '课程安排' },
+        { key: 'fitness', text: '体测记录' }
+      ],
 
       resource_sharing_id: '', //共享资源表id
       clientInfo: {
@@ -647,44 +312,11 @@ export default {
       educationList: [], // 教务列表
       assistantList: [], // 助教列表
 
-      // 选中的配置
-      selectedMainCoach: null, // 选中的主教练ID
-      selectedEducation: null, // 选中的教务ID
-      selectedAssistants: [], // 选中的助教ID数组
-
       // 体测记录相关
       fitnessRecords: [], // 体测记录列表
-      currentFitnessRecord: {
-        id: null,
-        test_date: '',
-        height: '',
-        weight: '',
-        pdf_files: []
-      }, // 当前编辑的体测记录
-      isEditingFitnessRecord: false, // 是否为编辑模式
       
       // 学生信息相关 (基于school_student表结构)
       studentList: [], // 学生列表
-      currentStudent: {
-        id: null,
-        name: '',
-        gender: 0, // 性别: 0未知, 1男, 2女
-        age: 0.00, // 年龄，支持小数表示，例如3.11表示3岁11个月
-        birthday: null,
-        user_id: 0, // 资源ID
-        campus_id: null,
-        class_id: null,
-        note: '', // 备注信息
-        status: 1, // 学员状态: 0无效, 1有效
-        emergency_contact: '', // 紧急联系人
-        contact_phone: '', // 联系人电话
-        member_label: '', // 会员标签
-        consultant_id: null,
-        coach_id: null,
-        trial_class_count: 2, // 体验课次数|默认2（新增学员赠送）
-        actionsExpanded: false // 操作面板展开状态
-      }, // 当前编辑的学生信息
-      isEditingStudent: false, // 是否为编辑模式
       currentStudentIndex: 0, // 当前显示的学生索引
       
       // 操作按钮相关
@@ -695,13 +327,6 @@ export default {
         { key: 'order_list', text: '订单列表', icon: '📋' },
         { key: 'service_list', text: '服务列表', icon: '🔧' }
       ], // 默认操作按钮
-      
-      // 选项数据
-      genderOptions: [
-        { label: '未知', value: 0 },
-        { label: '男', value: 1 },
-        { label: '女', value: 2 }
-      ]
     }
   },
   computed: {
@@ -710,6 +335,22 @@ export default {
       return this.courseInfo && Array.isArray(this.courseInfo) && this.courseInfo.length > 0
     },
     
+    // 获取当前选中的学生
+    currentStudent() {
+      if (this.studentList.length > 0 && this.currentStudentIndex >= 0 && this.currentStudentIndex < this.studentList.length) {
+        return this.studentList[this.currentStudentIndex]
+      }
+      return null
+    },
+    
+    // 获取当前学生的体测记录
+    currentStudentFitnessRecords() {
+      if (!this.currentStudent) return []
+      // 这里应该根据学生ID过滤体测记录
+      // 目前使用所有记录，实际项目中应该根据 student_id 过滤
+      return this.fitnessRecords.filter(record => record.student_id === this.currentStudent.id)
+    },
+    
     // 获取排序后的操作按钮
     sortedActions() {
       // 从本地存储获取排序配置
@@ -922,46 +563,14 @@ export default {
       }
     },
 
-    //跳转页面-编辑客户详情
-    openViewEditClues() {
-      // 检查resource_sharing_id是否存在
-      if (!this.resource_sharing_id) {
-        console.error('openViewEditClues - resource_sharing_id为空，无法跳转')
-        uni.showToast({
-          title: '缺少必要参数',
-          icon: 'none',
-        })
-        return
-      }
 
-      let resource_sharing_id = this.resource_sharing_id //共享资源表id
-      this.$navigateTo({
-        url: `/pages/market/clue/edit_clues?resource_sharing_id=${resource_sharing_id}`,
-      })
-    },
 
-    //跳转页面-客户信息修改记录
-    openViewEditCluesLog() {
-      // 检查clientInfo.resource_id是否存在
-      const resource_id = this.safeGet(this.clientInfo, 'resource_id')
-      if (!resource_id) {
-        console.error('openViewEditCluesLog - resource_id为空，无法跳转')
-        uni.showToast({
-          title: '缺少必要参数',
-          icon: 'none',
-        })
-        return
-      }
 
-      this.$navigateTo({
-        url: `/pages/market/clue/edit_clues_log?resource_id=${resource_id}`,
-      })
-    },
 
     //跳转页面-订单列表（支持学生参数）
     openViewOrder(student = null) {
       // 检查必要参数是否存在
-      const resource_id = this.safeGet(this.clientInfo, 'resource_id')
+      const resource_id = this.$util.safeGet(this.clientInfo, 'resource_id')
       if (!resource_id) {
         console.error('openViewOrder - resource_id为空，无法跳转')
         uni.showToast({
@@ -971,9 +580,9 @@ export default {
         return
       }
 
-      let resource_name = this.safeGet(this.clientInfo, 'customerResource.name', '') //客户资源id姓名
-      let staff_id = this.safeGet(this.userInfo, 'id', '') //员工id
-      let staff_id_name = this.safeGet(this.userInfo, 'name', '') //员工姓名
+      let resource_name = this.$util.safeGet(this.clientInfo, 'customerResource.name', '') //客户资源id姓名
+      let staff_id = this.$util.safeGet(this.userInfo, 'id', '') //员工id
+      let staff_id_name = this.$util.safeGet(this.userInfo, 'name', '') //员工姓名
 
       // 如果有学生信息，添加学生参数
       let url = `/pages/market/clue/order_list?resource_id=${resource_id}&resource_name=${resource_name}&staff_id=${staff_id}&staff_id_name=${staff_id_name}`
@@ -1031,7 +640,7 @@ export default {
     //跳转页面-客户信息修改记录（支持学生参数）
     openViewEditCluesLog(student = null) {
       // 检查clientInfo.resource_id是否存在
-      const resource_id = this.safeGet(this.clientInfo, 'resource_id')
+      const resource_id = this.$util.safeGet(this.clientInfo, 'resource_id')
       if (!resource_id) {
         console.error('openViewEditCluesLog - resource_id为空，无法跳转')
         uni.showToast({
@@ -1160,16 +769,10 @@ export default {
       this.$refs.remarkPopup.close()
     },
 
-    // 拨打电话按钮点击
+    // 拨打电话按钮点击 - 使用新的工具函数
     handleMakeCall() {
-      if (!this.clientInfo.customerResource.phone_number) {
-        uni.showToast({
-          title: '电话号码为空',
-          icon: 'none',
-        })
-        return
-      }
-      this.callTel(this.clientInfo.customerResource.phone_number)
+      const phoneNumber = this.$util.safeGet(this.clientInfo, 'customerResource.phone_number', '')
+      this.$util.makePhoneCall(phoneNumber)
     },
 
     // 发送消息按钮点击
@@ -1189,36 +792,6 @@ export default {
       })
     },
 
-    //切换标签
-    async switch_tags(type) {
-      // 如果点击课程信息标签但没有课程数据，则不允许切换
-      if (type === 2 && !this.hasCourseInfo) {
-        uni.showToast({
-          title: '暂无课程信息',
-          icon: 'none',
-        })
-        return
-      }
-
-      this.switch_tags_type = type
-
-      // 当切换到课程信息时，刷新课程数据
-      if (type === 2) {
-        await this.getCourseInfo()
-      }
-
-      // 当切换到通话记录时，刷新通话记录数据
-      if (type === 3) {
-        await this.getListCallUp()
-        console.log('刷新通话记录数据，当前记录数：', this.listCallUp.length)
-      }
-
-      // 当切换到体测记录时，刷新体测记录数据
-      if (type === 4) {
-        await this.getFitnessRecords()
-        console.log('刷新体测记录数据，当前记录数：', this.fitnessRecords.length)
-      }
-    },
     getSelect(type) {
       this.select_type = type
     },
@@ -1436,66 +1009,39 @@ export default {
       ]
     },
 
-    // 打开课程编辑弹窗
+    // 打开教练配置编辑弹窗
     async openCourseEditDialog(course) {
+      console.log('打开教练配置编辑弹窗，课程信息:', course)
+      
       this.currentCourse = course
-
-      // 确保教练数据已加载
-      console.log('打开教练配置弹窗，检查教练数据:', {
+      
+      console.log('教练配置数据检查:', {
         coachList: this.coachList,
         educationList: this.educationList,
         assistantList: this.assistantList,
+        coachListLength: this.coachList.length,
+        educationListLength: this.educationList.length,
+        assistantListLength: this.assistantList.length,
       })
 
-      // 如果教练数据为空，重新获取
+      // 如果没有教练数据，先获取
       if (!this.coachList.length && !this.educationList.length && !this.assistantList.length) {
-        console.log('教练数据为空，重新获取...')
+        console.log('教练数据为空，先获取教练列表')
         await this.getPersonnelList()
       }
 
-      // 设置当前选中的配置，使用person_id进行回显
-      this.selectedMainCoach = course.main_coach_id
-      this.selectedEducation = course.education_id
-      this.selectedAssistants = course.assistant_ids ? course.assistant_ids.split(',').map(Number) : []
-
-      console.log('打开教练配置弹窗:', {
-        course: course,
-        selectedMainCoach: this.selectedMainCoach,
-        selectedEducation: this.selectedEducation,
-        selectedAssistants: this.selectedAssistants,
-        coachListLength: this.coachList.length,
-        educationListLength: this.educationList.length,
-        assistantListLength: this.assistantList.length,
+      // 打开弹窗并传递课程数据
+      this.$refs.courseEditPopup.open({
+        main_coach_id: course.main_coach_id,
+        education_id: course.education_id,
+        assistant_ids: course.assistant_ids
       })
-
-      this.$refs.courseEditPopup.open()
-    },
-
-    // 选择主教练
-    selectMainCoach(personId) {
-      this.selectedMainCoach = personId
-      console.log('选择主教练:', personId)
     },
 
-    // 选择教务
-    selectEducation(personId) {
-      this.selectedEducation = personId
-      console.log('选择教务:', personId)
-    },
-
-    // 切换助教选择
-    toggleAssistant(personId) {
-      const index = this.selectedAssistants.indexOf(personId)
-      if (index > -1) {
-        this.selectedAssistants.splice(index, 1)
-      } else {
-        this.selectedAssistants.push(personId)
-      }
-      console.log('切换助教选择:', personId, '当前选中:', this.selectedAssistants)
-    },
-
-    // 确认修改教练配置
-    async confirmCourseEdit() {
+    // 处理教练配置确认事件
+    async handleCourseEditConfirm(result) {
+      console.log('处理教练配置确认事件:', result)
+      
       try {
         uni.showLoading({
           title: '保存中...',
@@ -1504,9 +1050,9 @@ export default {
 
         const params = {
           student_course_id: this.currentCourse.id,
-          main_coach_id: this.selectedMainCoach, // 使用person_id
-          education_id: this.selectedEducation, // 使用person_id
-          assistant_ids: this.selectedAssistants.join(','), // 使用person_id数组
+          main_coach_id: result.main_coach_id,
+          education_id: result.education_id,
+          assistant_ids: result.assistant_ids,
         }
 
         console.log('准备保存教练配置:', params)
@@ -1537,26 +1083,27 @@ export default {
           const courseIndex = this.courseInfo.findIndex(c => c.id === this.currentCourse.id)
           if (courseIndex > -1) {
             // 更新主教练
-            const mainCoach = this.coachList.find(c => c.person_id === this.selectedMainCoach)
+            const mainCoach = this.coachList.find(c => c.person_id === result.main_coach_id)
             if (mainCoach) {
-              this.courseInfo[courseIndex].main_coach_id = this.selectedMainCoach
+              this.courseInfo[courseIndex].main_coach_id = result.main_coach_id
               this.courseInfo[courseIndex].main_coach_name = mainCoach.name
             }
 
             // 更新教务
-            const education = this.educationList.find(e => e.person_id === this.selectedEducation)
+            const education = this.educationList.find(e => e.person_id === result.education_id)
             if (education) {
-              this.courseInfo[courseIndex].education_id = this.selectedEducation
+              this.courseInfo[courseIndex].education_id = result.education_id
               this.courseInfo[courseIndex].education_name = education.name
             }
 
             // 更新助教
-            const assistantNames = this.selectedAssistants.map(personId => {
+            const assistantIds = result.assistant_ids ? result.assistant_ids.split(',').map(Number) : []
+            const assistantNames = assistantIds.map(personId => {
               const assistant = this.assistantList.find(a => a.person_id === personId)
               return assistant ? assistant.name : ''
             }).filter(name => name).join(', ')
 
-            this.courseInfo[courseIndex].assistant_ids = this.selectedAssistants.join(',')
+            this.courseInfo[courseIndex].assistant_ids = result.assistant_ids
             this.courseInfo[courseIndex].assistant_names = assistantNames || '无'
           }
 
@@ -1567,20 +1114,20 @@ export default {
         }
 
       } catch (error) {
-        console.error('confirmCourseEdit - 修改教练配置失败:', error)
+        console.error('handleCourseEditConfirm - 修改教练配置失败:', error)
         uni.showToast({
           title: '修改失败，请重试',
           icon: 'none',
         })
       } finally {
         uni.hideLoading()
-        this.$refs.courseEditPopup.close()
       }
     },
 
-    // 关闭课程编辑弹窗
-    closeCourseEdit() {
-      this.$refs.courseEditPopup.close()
+    // 处理教练配置关闭事件
+    handleCourseEditClose() {
+      console.log('教练配置弹窗已关闭')
+      this.currentCourse = null
     },
 
     // 查看课程详情
@@ -1599,64 +1146,187 @@ export default {
 
       // 跳转到课程详情页面，带上课程ID和学生资源ID
       this.$navigateTo({
-        url: `/pages/market/course/course_detail?id=${course.id}&resource_id=${this.clientInfo.resource_id}&student_name=${encodeURIComponent(this.safeGet(this.clientInfo, 'customerResource.name', '未知学生'))}`,
+        url: `/pages/market/course/course_detail?id=${course.id}&resource_id=${this.clientInfo.resource_id}&student_name=${encodeURIComponent(this.$util.safeGet(this.clientInfo, 'customerResource.name', '未知学生'))}`,
       })
     },
 
 
-    // 安全访问对象属性的方法，优化性能
-    safeGet(obj, path, defaultValue = '') {
-      if (!obj) return defaultValue
-
-      // 使用缓存来提高性能
-      if (!this._pathCache) this._pathCache = {}
+    // 组件事件处理方法
+    
+    // 标签切换事件处理
+    async handleTabChange({ tabId }) {
+      // 如果点击课程信息标签但没有课程数据，则不允许切换
+      if (tabId === 2 && !this.hasCourseInfo) {
+        uni.showToast({
+          title: '暂无课程信息',
+          icon: 'none',
+        })
+        return
+      }
 
-      // 使用路径作为缓存键
-      const cacheKey = path
+      this.switch_tags_type = tabId
 
-      // 如果这个路径没有缓存过分割结果，则计算并缓存
-      if (!this._pathCache[cacheKey]) {
-        this._pathCache[cacheKey] = path.split('.')
+      // 当切换到课程信息时，刷新课程数据
+      if (tabId === 2) {
+        await this.getCourseInfo()
       }
 
-      const keys = this._pathCache[cacheKey]
-      let result = obj
-
-      // 使用for循环而不是for...of，更高效
-      for (let i = 0; i < keys.length; i++) {
-        const key = keys[i]
-        if (result === null || result === undefined || !result.hasOwnProperty(key)) {
-          return defaultValue
-        }
-        result = result[key]
+      // 当切换到通话记录时，刷新通话记录数据
+      if (tabId === 3) {
+        await this.getListCallUp()
+        console.log('刷新通话记录数据，当前记录数：', this.listCallUp.length)
       }
 
-      return result || defaultValue
+      // 当切换到体测记录时，刷新体测记录数据
+      if (tabId === 4) {
+        await this.getFitnessRecords()
+        console.log('刷新体测记录数据，当前记录数：', this.fitnessRecords.length)
+      }
     },
+    
+    // 学生操作切换
+    toggleStudentActions(student) {
+      const index = this.studentList.findIndex(s => s.id === student.id)
+      if (index !== -1) {
+        this.$set(this.studentList[index], 'actionsExpanded', !student.actionsExpanded)
+      }
+    },
+    
+    // 学生操作处理
+    handleStudentAction({ action, student }) {
+      console.log('学生操作:', action, student)
+      
+      // 设置当前学生
+      this.setCurrentStudent(student)
+      
+      switch (action.key) {
+        case 'course_info':
+          // 切换到课程信息标签
+          this.switch_tags_type = 2
+          break
+        case 'fitness_record':
+          // 切换到体测记录标签
+          this.switch_tags_type = 4
+          break
+        case 'study_plan':
+          // 切换到学习计划标签
+          this.switch_tags_type = 5
+          break
+        case 'course_arrangement':
+          // 跳转到课程安排页面
+          this.openViewEditClassLog(student)
+          break
+        case 'order_list':
+          // 跳转到订单列表页面
+          this.openViewOrder(student)
+          break
+        case 'service_list':
+          // 跳转到服务列表页面
+          this.openViewServiceList(student)
+          break
+      }
+    },
+    
+    // 设置当前学生
+    setCurrentStudent(student) {
+      const index = this.studentList.findIndex(s => s.id === student.id)
+      if (index !== -1) {
+        this.currentStudentIndex = index
+      }
+    },
+    
+    // 跳转到服务列表页面
+    openViewServiceList(student = null) {
+      // 检查必要参数是否存在
+      const resource_id = this.$util.safeGet(this.clientInfo, 'resource_id')
+      if (!resource_id) {
+        console.error('openViewServiceList - resource_id为空，无法跳转')
+        uni.showToast({
+          title: '缺少必要参数',
+          icon: 'none',
+        })
+        return
+      }
 
-    // 体测记录相关方法
-    // 获取体测记录列表
-    async getFitnessRecords() {
-      try {
-        if (!this.clientInfo.resource_id) {
-          console.error('getFitnessRecords - resource_id为空，无法获取体测记录')
-          this.fitnessRecords = []
-          return false
-        }
-
-        const params = {
-          resource_id: this.clientInfo.resource_id,
-        }
-
-        console.log('getFitnessRecords - 请求参数:', params)
+      let resource_name = this.$util.safeGet(this.clientInfo, 'customerResource.name', '') //客户资源id姓名
+      let staff_id = this.$util.safeGet(this.userInfo, 'id', '') //员工id
+      let staff_id_name = this.$util.safeGet(this.userInfo, 'name', '') //员工姓名
 
-        // 暂时使用模拟数据，实际开发中应该调用真实API
-        this.fitnessRecords = this.getMockFitnessRecords()
-        console.log('getFitnessRecords - 体测记录获取成功:', this.fitnessRecords)
-        return true
+      // 如果有学生信息，添加学生参数
+      let url = `/pages/market/clue/service_list?resource_id=${resource_id}&resource_name=${resource_name}&staff_id=${staff_id}&staff_id_name=${staff_id_name}`
+      if (student) {
+        url += `&student_id=${student.id}&student_name=${encodeURIComponent(student.name)}`
+      }
 
-        // 真实API调用代码（注释掉）
-        // const res = await apiRoute.getFitnessRecords(params)
+      this.$navigateTo({
+        url: url,
+      })
+    },
+    
+    // 学生操作相关方法
+    editStudent(student) {
+      this.$util.navigateToPage('/pages/student/edit', {
+        student_id: student.id
+      })
+    },
+    
+    viewStudentOrders(student) {
+      this.$util.navigateToPage('/pages/market/clue/order_list', {
+        resource_id: this.clientInfo.resource_id,
+        student_id: student.id,
+        student_name: student.name
+      })
+    },
+    
+    viewStudentCourse(student) {
+      this.$util.navigateToPage('/pages/market/clue/course_arrange', {
+        resource_id: this.clientInfo.resource_id,
+        student_id: student.id,
+        student_name: student.name
+      })
+    },
+    
+    viewStudentFitness(student) {
+      this.$util.navigateToPage('/pages/fitness/records', {
+        student_id: student.id
+      })
+    },
+    
+    // 学生切换事件处理
+    onStudentSwiperChange(e) {
+      this.currentStudentIndex = e.detail.current
+      console.log('切换到学生索引:', this.currentStudentIndex)
+      
+      // 如果当前在体测记录或其他学生相关页面，刷新数据
+      if (this.switch_tags_type === 4) {
+        // 体测记录页面，可以根据新的学生刷新数据
+        this.getFitnessRecordsForStudent(this.currentStudent)
+      }
+    },
+
+    // 体测记录相关方法
+    // 获取体测记录列表
+    async getFitnessRecords() {
+      try {
+        if (!this.clientInfo.resource_id) {
+          console.error('getFitnessRecords - resource_id为空，无法获取体测记录')
+          this.fitnessRecords = []
+          return false
+        }
+
+        const params = {
+          resource_id: this.clientInfo.resource_id,
+        }
+
+        console.log('getFitnessRecords - 请求参数:', params)
+
+        // 暂时使用模拟数据，实际开发中应该调用真实API
+        this.fitnessRecords = this.getMockFitnessRecords()
+        console.log('getFitnessRecords - 体测记录获取成功:', this.fitnessRecords)
+        return true
+
+        // 真实API调用代码（注释掉）
+        // const res = await apiRoute.getFitnessRecords(params)
         // if (res.code === 1) {
         //   this.fitnessRecords = res.data || []
         //   console.log('getFitnessRecords - 体测记录获取成功:', this.fitnessRecords)
@@ -1715,98 +1385,35 @@ export default {
 
     // 打开新增体测记录弹窗
     openAddFitnessRecord() {
-      this.isEditingFitnessRecord = false
-      this.currentFitnessRecord = {
-        id: null,
-        test_date: this.getCurrentDate(),
-        height: '',
-        weight: '',
-        pdf_files: []
-      }
-      this.$refs.fitnessRecordPopup.open()
+      this.$refs.fitnessRecordPopup.openAdd()
     },
 
     // 打开编辑体测记录弹窗
     openEditFitnessRecord(record) {
-      this.isEditingFitnessRecord = true
-      this.currentFitnessRecord = {
-        id: record.id,
-        test_date: record.test_date,
-        height: record.height,
-        weight: record.weight,
-        pdf_files: [...(record.pdf_files || [])]
-      }
-      this.$refs.fitnessRecordPopup.open()
-    },
-
-    // 关闭体测记录编辑弹窗
-    closeFitnessRecordEdit() {
-      this.$refs.fitnessRecordPopup.close()
-      this.currentFitnessRecord = {
-        id: null,
-        test_date: '',
-        height: '',
-        weight: '',
-        pdf_files: []
-      }
+      this.$refs.fitnessRecordPopup.openEdit(record)
     },
 
-    // 确认体测记录编辑
-    async confirmFitnessRecordEdit() {
+    // 处理体测记录确认事件
+    async handleFitnessRecordConfirm(result) {
+      console.log('处理体测记录确认事件:', result)
+      
       try {
-        // 表单验证
-        if (!this.currentFitnessRecord.test_date) {
-          uni.showToast({
-            title: '请选择测试日期',
-            icon: 'none'
-          })
-          return
-        }
-
-        if (!this.currentFitnessRecord.height) {
-          uni.showToast({
-            title: '请输入身高',
-            icon: 'none'
-          })
-          return
-        }
-
-        if (!this.currentFitnessRecord.weight) {
-          uni.showToast({
-            title: '请输入体重',
-            icon: 'none'
-          })
-          return
-        }
-
         uni.showLoading({
           title: '保存中...',
           mask: true
         })
 
-        const params = {
-          resource_id: this.clientInfo.resource_id,
-          test_date: this.currentFitnessRecord.test_date,
-          height: this.currentFitnessRecord.height,
-          weight: this.currentFitnessRecord.weight,
-          pdf_files: this.currentFitnessRecord.pdf_files
-        }
-
-        if (this.isEditingFitnessRecord) {
-          params.id = this.currentFitnessRecord.id
-        }
-
-        console.log('保存体测记录参数:', params)
+        console.log('保存体测记录参数:', result.data)
 
         // 暂时使用本地更新，实际开发中应该调用真实API
-        if (this.isEditingFitnessRecord) {
-          const index = this.fitnessRecords.findIndex(r => r.id === this.currentFitnessRecord.id)
+        if (result.isEditing) {
+          const index = this.fitnessRecords.findIndex(r => r.id === result.data.id)
           if (index > -1) {
-            this.fitnessRecords[index] = { ...this.currentFitnessRecord }
+            this.fitnessRecords[index] = { ...result.data }
           }
         } else {
           const newRecord = {
-            ...this.currentFitnessRecord,
+            ...result.data,
             id: Date.now() // 生成临时ID
           }
           this.fitnessRecords.unshift(newRecord)
@@ -1818,7 +1425,7 @@ export default {
         })
 
         // 真实API调用代码（注释掉）
-        // const res = await apiRoute.saveFitnessRecord(params)
+        // const res = await apiRoute.saveFitnessRecord(result.data)
         // if (res.code === 1) {
         //   uni.showToast({
         //     title: '保存成功',
@@ -1841,84 +1448,12 @@ export default {
         })
       } finally {
         uni.hideLoading()
-        this.closeFitnessRecordEdit()
       }
     },
 
-    // 选择PDF文件
-    selectPDFFiles() {
-      uni.chooseFile({
-        count: 5,
-        type: 'file',
-        extension: ['pdf'],
-        success: (res) => {
-          console.log('选择的文件:', res.tempFiles)
-          
-          res.tempFiles.forEach(file => {
-            if (file.type === 'application/pdf') {
-              const pdfFile = {
-                id: Date.now() + Math.random(),
-                name: file.name,
-                size: file.size,
-                url: file.path
-              }
-              this.currentFitnessRecord.pdf_files.push(pdfFile)
-            }
-          })
-        },
-        fail: (err) => {
-          console.error('选择文件失败:', err)
-          uni.showToast({
-            title: '选择文件失败',
-            icon: 'none'
-          })
-        }
-      })
-    },
-
-    // 移除PDF文件
-    removePDFFile(index) {
-      this.currentFitnessRecord.pdf_files.splice(index, 1)
-    },
-
-    // 预览PDF文件
-    previewPDF(pdf) {
-      console.log('预览PDF:', pdf)
-      
-      // 使用uni.openDocument预览PDF
-      uni.openDocument({
-        filePath: pdf.url,
-        fileType: 'pdf',
-        showMenu: true,
-        success: (res) => {
-          console.log('PDF预览成功:', res)
-        },
-        fail: (err) => {
-          console.error('PDF预览失败:', err)
-          uni.showToast({
-            title: '预览失败',
-            icon: 'none'
-          })
-        }
-      })
-    },
-
-    // 格式化文件大小
-    formatFileSize(bytes) {
-      if (bytes === 0) return '0 B'
-      const k = 1024
-      const sizes = ['B', 'KB', 'MB', 'GB']
-      const i = Math.floor(Math.log(bytes) / Math.log(k))
-      return parseFloat((bytes / Math.pow(k, i)).toFixed(2)) + ' ' + sizes[i]
-    },
-
-    // 获取当前日期
-    getCurrentDate() {
-      const now = new Date()
-      const year = now.getFullYear()
-      const month = String(now.getMonth() + 1).padStart(2, '0')
-      const day = String(now.getDate()).padStart(2, '0')
-      return `${year}-${month}-${day}`
+    // 处理体测记录关闭事件
+    handleFitnessRecordClose() {
+      console.log('体测记录弹窗已关闭')
     },
 
     // 学生信息相关方法
@@ -1950,6 +1485,9 @@ export default {
           console.log('getStudentList - 学生列表获取成功，数据数量:', this.studentList.length)
           console.log('getStudentList - 学生列表详细数据:', this.studentList)
           
+           // 恢复操作面板展开状态
+          this.restoreStudentExpandedStates()
+          
           // 强制触发视图更新
           this.$forceUpdate()
           
@@ -1958,6 +1496,8 @@ export default {
           console.warn('getStudentList - API返回业务错误，使用Mock数据:', res.msg)
           // API返回错误时，使用Mock数据
           this.studentList = this.getMockStudentList()
+          // 恢复操作面板展开状态
+          this.restoreStudentExpandedStates()
           console.log('getStudentList - 使用Mock学生列表:', this.studentList)
           return true
         }
@@ -1965,6 +1505,8 @@ export default {
         console.error('getStudentList - 获取学生列表异常，使用Mock数据:', error)
         // 发生异常时，使用Mock数据
         this.studentList = this.getMockStudentList()
+        // 恢复操作面板展开状态
+        this.restoreStudentExpandedStates()
         console.log('getStudentList - 异常情况下使用Mock学生列表:', this.studentList)
         return true
       }
@@ -2014,10 +1556,7 @@ export default {
       ]
     },
 
-    // swiper切换事件
-    onStudentSwiperChange(e) {
-      this.currentStudentIndex = e.detail.current
-    },
+
 
     // 格式化年龄显示
     formatAge(age) {
@@ -2044,26 +1583,28 @@ export default {
       this.studentList[index].actionsExpanded = !this.studentList[index].actionsExpanded
     },
 
-    // 处理操作按钮点击
-    handleAction(action, student) {
+    // 处理客户操作按钮点击
+    handleClientAction(action) {
+      console.log('处理客户操作:', action)
+      
       switch (action.key) {
         case 'edit_detail':
-          this.openViewEditClues(student)
+          this.openViewEditClues()
           break
         case 'course_arrangement':
-          this.openViewEditClassLog(student)
+          this.openViewEditClassLog()
           break
         case 'edit_record':
-          this.openViewEditCluesLog(student)
+          this.openViewEditCluesLog()
           break
         case 'order_list':
-          this.openViewOrder(student)
+          this.openViewOrder()
           break
         case 'service_list':
-          this.openViewOrder(student) // 暂时复用订单列表
+          this.openViewOrder() // 暂时复用订单列表
           break
         default:
-          console.log('未知操作:', action.key)
+          console.log('未知的客户操作:', action.key)
       }
     },
 
@@ -2100,190 +1641,37 @@ export default {
 
     // 打开添加学生弹窗
     openAddStudentDialog() {
-      this.isEditingStudent = false
-      this.currentStudent = {
-        id: null,
-        name: '',
-        gender: 0,
-        age: 0.00,
-        birthday: null,
-        user_id: this.clientInfo?.resource_id || 0,
-        campus_id: null,
-        class_id: null,
-        note: '',
-        status: 1,
-        emergency_contact: '',
-        contact_phone: '',
-        member_label: '',
-        consultant_id: null,
-        coach_id: null,
-        trial_class_count: 2, // 新增学员默认赠送2节体验课
-        actionsExpanded: false
-      }
-      this.$refs.studentEditPopup.open()
+      this.$refs.studentEditPopup.openAdd()
     },
 
     // 打开编辑学生弹窗
     openEditStudentDialog(student) {
-      this.isEditingStudent = true
-      this.currentStudent = {
-        id: student.id,
-        name: student.name,
-        gender: student.gender,
-        age: student.age,
-        birthday: student.birthday,
-        user_id: student.user_id,
-        campus_id: student.campus_id,
-        class_id: student.class_id,
-        note: student.note,
-        status: student.status,
-        emergency_contact: student.emergency_contact,
-        contact_phone: student.contact_phone,
-        member_label: student.member_label,
-        consultant_id: student.consultant_id,
-        coach_id: student.coach_id,
-        trial_class_count: student.trial_class_count,
-        actionsExpanded: student.actionsExpanded
-      }
-      this.$refs.studentEditPopup.open()
-    },
-
-    // 关闭学生编辑弹窗
-    closeStudentEdit() {
-      this.$refs.studentEditPopup.close()
-      this.currentStudent = {
-        id: null,
-        name: '',
-        gender: 0,
-        age: 0.00,
-        birthday: null,
-        user_id: this.clientInfo?.resource_id || 0,
-        campus_id: null,
-        class_id: null,
-        note: '',
-        status: 1,
-        emergency_contact: '',
-        contact_phone: '',
-        member_label: '',
-        consultant_id: null,
-        coach_id: null,
-        trial_class_count: 2,
-        actionsExpanded: false
-      }
-    },
-
-    // 性别选择器变化事件
-    onGenderChange(e) {
-      const selectedGender = this.genderOptions[e.detail.value]
-      this.currentStudent.gender = selectedGender.value
-    },
-
-    // 出生日期选择器变化事件
-    onBirthdayChange(e) {
-      this.currentStudent.birthday = e.detail.value
-      // 计算年龄（精确到月）
-      if (this.currentStudent.birthday) {
-        const today = new Date()
-        const birthday = new Date(this.currentStudent.birthday)
-        
-        let years = today.getFullYear() - birthday.getFullYear()
-        let months = today.getMonth() - birthday.getMonth()
-        
-        if (today.getDate() < birthday.getDate()) {
-          months--
-        }
-        
-        if (months < 0) {
-          years--
-          months += 12
-        }
-        
-        // 转换为小数表示：例如3岁11个月 = 3.11
-        const ageDecimal = years + (months / 100)
-        this.currentStudent.age = ageDecimal > 0 ? parseFloat(ageDecimal.toFixed(2)) : 0
-      }
-    },
-
-    // 学员状态选择器变化事件
-    onStatusChange(e) {
-      const statusOptions = [{label: '无效', value: 0}, {label: '有效', value: 1}]
-      this.currentStudent.status = statusOptions[e.detail.value].value
+      this.$refs.studentEditPopup.openEdit(student)
     },
 
-    // 确认学生信息编辑
-    async confirmStudentEdit() {
+    // 处理学生编辑确认事件
+    async handleStudentEditConfirm(result) {
       try {
-        // 表单验证
-        if (!this.currentStudent.name.trim()) {
-          uni.showToast({
-            title: '请输入学生姓名',
-            icon: 'none'
-          })
-          return
-        }
-
-        if (this.currentStudent.gender === 0) {
-          uni.showToast({
-            title: '请选择性别',
-            icon: 'none'
-          })
-          return
-        }
-
-        if (!this.currentStudent.birthday) {
-          uni.showToast({
-            title: '请选择出生日期',
-            icon: 'none'
-          })
-          return
-        }
-
         uni.showLoading({
           title: '保存中...',
           mask: true
         })
 
-        // 根据school_student表结构构建参数
-        const params = {
-          name: this.currentStudent.name,
-          gender: this.currentStudent.gender,
-          age: this.currentStudent.age,
-          birthday: this.currentStudent.birthday,
-          user_id: this.clientInfo.resource_id, // 关联到当前客户资源ID
-          campus_id: this.currentStudent.campus_id,
-          class_id: this.currentStudent.class_id,
-          note: this.currentStudent.note,
-          status: this.currentStudent.status,
-          emergency_contact: this.currentStudent.emergency_contact,
-          contact_phone: this.currentStudent.contact_phone,
-          member_label: this.currentStudent.member_label,
-          consultant_id: this.currentStudent.consultant_id,
-          coach_id: this.currentStudent.coach_id,
-          trial_class_count: this.currentStudent.trial_class_count
-        }
-
-        if (this.isEditingStudent) {
-          params.id = this.currentStudent.id
-        }
-
-        console.log('保存学生信息参数:', params)
-
         // 调用真实API
-        const res = await apiRoute.xs_addStudent(params)
+        const res = await apiRoute.xs_addStudent(result)
         if (res.code === 1) {
           uni.showToast({
             title: '保存成功',
             icon: 'success'
           })
+          // 刷新学生列表
           await this.getStudentList()
         } else {
           uni.showToast({
             title: res.msg || '保存失败',
             icon: 'none'
           })
-          return
         }
-
       } catch (error) {
         console.error('保存学生信息失败:', error)
         uni.showToast({
@@ -2292,73 +1680,35 @@ export default {
         })
       } finally {
         uni.hideLoading()
-        this.closeStudentEdit()
       }
     },
 
-    // 学生操作相关方法
-    // 处理学生操作按钮点击
-    handleStudentAction(action, student) {
-      console.log('处理学生操作:', action, student)
-      
-      switch (action) {
-        case 'course_info':
-          this.handleCourseInfo(student)
-          break
-        case 'fitness_record':
-          this.handleFitnessRecord(student)
-          break
-        case 'study_plan':
-          this.handleStudyPlan(student)
-          break
-        case 'course_arrangement':
-          this.handleCourseArrangement(student)
-          break
-        case 'order_list':
-          this.handleOrderList(student)
-          break
-        case 'service_list':
-          this.handleServiceList(student)
-          break
-        default:
-          console.warn('未知的学生操作:', action)
-      }
+    // 处理学生编辑关闭事件
+    handleStudentEditClose() {
+      // 弹窗关闭后的处理逻辑（如果需要）
+      console.log('学生编辑弹窗已关闭')
     },
 
-    // 课程信息
-    handleCourseInfo(student) {
-      uni.showToast({
-        title: `查看${student.name}的课程信息`,
-        icon: 'none'
-      })
-      // TODO: 跳转到课程信息页面
-    },
+
 
     // 体测记录  
     handleFitnessRecord(student) {
-      uni.showToast({
-        title: `查看${student.name}的体测记录`,
-        icon: 'none'
-      })
-      // TODO: 跳转到体测记录页面
-    },
-
-    // 学习计划
-    handleStudyPlan(student) {
-      uni.showToast({
-        title: `查看${student.name}的学习计划`,
-        icon: 'none'
-      })
-      // TODO: 跳转到学习计划页面
+      // 切换到体测记录标签页并设置当前学生
+      this.switch_tags_type = 4
+      const studentIndex = this.studentList.findIndex(s => s.id === student.id)
+      if (studentIndex !== -1) {
+        this.currentStudentIndex = studentIndex
+      }
     },
 
     // 课程安排
     handleCourseArrangement(student) {
+      // 切换到课程信息标签页
+      this.switch_tags_type = 2
       uni.showToast({
         title: `查看${student.name}的课程安排`,
         icon: 'none'
       })
-      // TODO: 跳转到课程安排页面
     },
 
     // 订单列表
@@ -2370,24 +1720,21 @@ export default {
       // TODO: 跳转到订单列表页面
     },
 
-    // 服务列表
-    handleServiceList(student) {
-      uni.showToast({
-        title: `查看${student.name}的服务列表`,
-        icon: 'none'
-      })
-      // TODO: 跳转到服务列表页面
-    },
 
-    // 切换学生操作面板展开状态
-    toggleStudentActions(student) {
-      student.actionsExpanded = !student.actionsExpanded
-      // 保存展开状态到本地存储
-      const expandedStates = this.studentList.reduce((acc, s) => {
-        acc[s.id] = s.actionsExpanded
-        return acc
-      }, {})
-      uni.setStorageSync('student_actions_expanded_states', expandedStates)
+
+    // 恢复学生操作面板展开状态
+    restoreStudentExpandedStates() {
+      const expandedStates = uni.getStorageSync('student_actions_expanded_states') || {}
+      this.studentList.forEach(student => {
+        // 如果学生数据中没有actionsExpanded属性，则初始化为false
+        if (typeof student.actionsExpanded === 'undefined') {
+          student.actionsExpanded = false
+        }
+        // 从本地存储恢复展开状态
+        if (expandedStates.hasOwnProperty(student.id)) {
+          student.actionsExpanded = expandedStates[student.id]
+        }
+      })
     },
 
     // 保存学生操作按钮排序
@@ -2433,1965 +1780,5 @@ export default {
 </script>
 
 <style lang="less" scoped>
-.assemble {
-  width: 100%;
-  height: 100vh;
-  overflow: auto;
-  background-color: #292929;
-}
-
-.main_box {
-  background: #292929;
-  min-height: 20vh;
-}
-
-// 操作按钮样式
-.action-buttons {
-  display: flex;
-  align-items: center;
-
-  .btn-item {
-    width: 60rpx;
-    height: 60rpx;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    margin-left: 20rpx;
-
-    .btn-icon {
-      width: 40rpx;
-      height: 40rpx;
-    }
-  }
-}
-
-//统计信息
-.count_section {
-  width: 100%;
-  position: relative;
-
-  .main {
-    width: 100%;
-    position: absolute;
-    z-index: 2;
-    padding: 0rpx 24rpx;
-    display: flex;
-    justify-content: center;
-
-    .course_box {
-      padding: 26rpx 22rpx 0 22rpx;
-      width: 95%;
-      height: 250rpx;
-      border-radius: 20rpx;
-      background-color: #fff;
-    }
-  }
-
-  .bg_top {
-    height: 180rpx;
-    background-color: #29D3B4;
-  }
-
-  .bg_bottom {
-    height: 80rpx;
-    background-color: #292929;
-  }
-}
-
-.course_box_top {
-  width: 100%;
-  height: 60%;
-}
-
-.course_box_centre {
-  margin: auto;
-  width: 95%;
-  height: 4rpx;
-  background: #F5F5F8;
-}
-
-.course_box_below {
-  width: 100%;
-  height: 40%;
-  display: flex;
-  justify-content: space-around;
-  flex-wrap: nowrap;
-  overflow-x: auto;
-  padding: 0 10rpx;
-}
-
-.course_box_top_top {
-  display: flex;
-  align-items: center;
-  gap: 20rpx;
-
-  .pic {
-    width: 44rpx;
-    height: 44rpx;
-    border-radius: 50%;
-  }
-
-  .name {
-    color: #333333;
-    font-size: 28rpx;
-  }
-}
-
-.course_box_top_below {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-}
-
-.course_box_top_below-left {
-  display: flex;
-  align-items: center;
-  padding-top: 16rpx;
-  font-size: 24rpx;
-}
-
-.drop-image-x {
-  width: 20rpx;
-  height: 20rpx;
-}
-
-.title-x {
-  font-size: 28rpx;
-  color: #333333;
-  padding-left: 10rpx;
-}
-
-.course_box_top_below-right {
-  padding-top: 16rpx;
-  font-size: 24rpx;
-  display: flex;
-  align-items: center;
-}
-
-.drop-image-star {
-  width: 40rpx;
-  height: 40rpx;
-}
-
-.selected-text {
-  color: #1CD188;
-  display: flex;
-  align-items: center;
-  white-space: nowrap;
-  font-size: 28rpx;
-  padding: 0 6rpx;
-}
-
-.text {
-  color: #333333;
-  display: flex;
-  align-items: center;
-  white-space: nowrap;
-  font-size: 28rpx;
-  padding: 0 6rpx;
-}
-
-.basic-message {
-  color: #fff;
-  padding: 16rpx 60rpx;
-  display: flex;
-  justify-content: space-between;
-}
-
-.basic-message-div {
-  width: 92%;
-  margin: auto;
-  background: #555555;
-  border-radius: 16rpx;
-  padding: 16rpx 0;
-}
-
-.basic-message-div-txt {
-  display: flex;
-  justify-content: space-between;
-  color: #FFFFFF;
-  padding: 14rpx 30rpx;
-}
-
-.bottom-label {
-  width: 100%;
-  height: 150rpx;
-  background: #fff;
-  position: fixed;
-  bottom: 0;
-  left: 0;
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  padding: 0 30rpx;
-}
-
-// 自定义弹窗样式
-.custom-popup-dialog {
-  width: 650rpx;
-  border-radius: 16rpx;
-  background-color: #fff;
-  overflow: hidden;
-}
-
-.dialog-header {
-  padding: 30rpx;
-  text-align: center;
-  border-bottom: 1px solid #eee;
-}
-
-.dialog-title {
-  font-size: 32rpx;
-  font-weight: bold;
-  color: #333;
-}
-
-.dialog-content {
-  padding: 30rpx;
-}
-
-.dialog-footer {
-  display: flex;
-  border-top: 1px solid #eee;
-}
-
-.dialog-btn {
-  flex: 1;
-  padding: 25rpx 0;
-  text-align: center;
-  font-size: 30rpx;
-}
-
-.cancel-btn {
-  color: #666;
-  border-right: 1px solid #eee;
-}
-
-.confirm-btn {
-  color: #29D3B4;
-  font-weight: bold;
-}
-
-// 备注文本框样式
-.remark-textarea-container {
-  width: 100%;
-  position: relative;
-  padding: 10rpx 0;
-}
-
-.remark-textarea {
-  width: 100%;
-  height: 240rpx;
-  border: 1px solid #ddd;
-  border-radius: 8rpx;
-  padding: 20rpx;
-  font-size: 28rpx;
-  background-color: #f8f8f8;
-  box-sizing: border-box;
-}
-
-.remark-count {
-  position: absolute;
-  bottom: 20rpx;
-  right: 20rpx;
-  font-size: 24rpx;
-  color: #999;
-}
-
-// 备注按钮样式
-.remark-btn {
-  background-color: #29D3B4 !important;
-  color: white !important;
-  margin: 0 !important;
-  padding: 0 20rpx !important;
-  height: 60rpx !important;
-  line-height: 60rpx !important;
-  font-size: 24rpx !important;
-  border-radius: 30rpx !important;
-}
-
-.follow-records-list {
-  width: 92%;
-  background: #434544;
-  border-radius: 16rpx;
-  margin: auto;
-  padding: 16rpx;
-  color: #fff;
-  position: relative;
-}
-
-.same-community {
-  width: 120rpx;
-  background: #3d4a55;
-  color: #1e62a9;
-  position: absolute;
-  top: 0;
-  right: 0;
-  padding: 8rpx 16rpx;
-  text-align: center;
-  border-radius: 40rpx 70rpx 70rpx 12rpx;
-}
-
-.coeducation {
-  width: 120rpx;
-  background: #3d4a55;
-  color: #2e9380;
-  position: absolute;
-  top: 0;
-  right: 0;
-  padding: 8rpx 16rpx;
-  text-align: center;
-  border-radius: 40rpx 70rpx 70rpx 12rpx;
-}
-
-.same-community {
-  width: 120rpx;
-  background: #40504c;
-  color: #1e62a9;
-  position: absolute;
-  top: 0;
-  right: 0;
-  padding: 8rpx 16rpx;
-  text-align: center;
-  border-radius: 40rpx 70rpx 70rpx 12rpx;
-}
-
-.search {
-  width: 92%;
-  margin: auto;
-  display: flex;
-  margin-top: 20rpx;
-}
-
-.selected {
-  background: #294e48;
-  border-radius: 16rpx;
-  padding: 12rpx 8rpx;
-  text-align: center;
-  color: #29d3b4;
-  margin-left: 5rpx;
-}
-
-.not-selected {
-  margin-left: 5rpx;
-  background: #ffffff;
-  border: 4rpx #959595 solid;
-  border-radius: 16rpx;
-  padding: 12rpx 8rpx;
-  text-align: center;
-}
-
-.call-record-item {
-  width: 100%;
-  background: #434544;
-  border-radius: 16rpx;
-  margin: auto;
-  padding: 16rpx;
-  color: #fff;
-  position: relative;
-}
-
-.call-record-header {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-}
-
-.call-name {
-  font-size: 28rpx;
-  font-weight: bold;
-}
-
-.call-time {
-  font-size: 24rpx;
-  color: #999;
-}
-
-.call-record-content {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-}
-
-.call-detail {
-  display: flex;
-  align-items: center;
-}
-
-.call-label {
-  font-size: 24rpx;
-  color: #999;
-  margin-right: 10rpx;
-}
-
-.call-remark {
-  margin-top: 10rpx;
-}
-
-.call-remark-content {
-  font-size: 24rpx;
-  color: #fff;
-}
-
-// 通话记录样式
-.call-log {
-  width: 100%;
-  padding: 0 20rpx;
-  box-sizing: border-box;
-}
-
-.call-record-wrapper {
-  margin-bottom: 20rpx;
-}
-
-.call-record-item {
-  width: 100%;
-  background: #3D3D3D;
-  border-radius: 16rpx;
-  padding: 20rpx;
-  color: #fff;
-  box-sizing: border-box;
-}
-
-.call-record-header {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  margin-bottom: 15rpx;
-  border-bottom: 1px solid #4A4A4A;
-  padding-bottom: 10rpx;
-}
-
-.call-name {
-  font-size: 28rpx;
-  font-weight: bold;
-  color: #fff;
-}
-
-.call-time {
-  font-size: 24rpx;
-  color: #999;
-}
-
-.call-record-content {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  margin-bottom: 10rpx;
-}
-
-.call-detail {
-  display: flex;
-  align-items: center;
-}
-
-.call-label {
-  font-size: 24rpx;
-  color: #999;
-  margin-right: 10rpx;
-}
-
-.call-remark {
-  margin-top: 10rpx;
-  padding-top: 10rpx;
-  border-top: 1px solid #4A4A4A;
-}
-
-.call-remark-content {
-  font-size: 24rpx;
-  color: #fff;
-  word-break: break-all;
-  display: inline-block;
-  width: 90%;
-  vertical-align: top;
-}
-
-// 课程信息样式
-.course-info {
-  padding: 20rpx;
-}
-
-.course-item {
-  background: #3D3D3D;
-  border-radius: 16rpx;
-  padding: 30rpx;
-  margin-bottom: 20rpx;
-  color: #fff;
-}
-
-.course-header {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  margin-bottom: 20rpx;
-  padding-bottom: 15rpx;
-  border-bottom: 1px solid #4A4A4A;
-}
-
-.course-title {
-  font-size: 32rpx;
-  font-weight: bold;
-  color: #fff;
-}
-
-.course-status {
-  padding: 8rpx 16rpx;
-  border-radius: 12rpx;
-  font-size: 24rpx;
-  color: #fff;
-}
-
-.status-active {
-  background: #29d3b4;
-}
-
-.status-expired {
-  background: #ff6b6b;
-}
-
-.status-completed {
-  background: #999;
-}
-
-.status-default {
-  background: #666;
-}
-
-.course-progress {
-  display: flex;
-  align-items: center;
-  margin-bottom: 20rpx;
-}
-
-.progress-bar {
-  flex: 1;
-  height: 12rpx;
-  background: #555;
-  border-radius: 6rpx;
-  overflow: hidden;
-  margin-right: 20rpx;
-}
-
-.progress-fill {
-  height: 100%;
-  background: linear-gradient(to right, #29d3b4, #1ea08e);
-  border-radius: 6rpx;
-  transition: width 0.3s ease;
-}
-
-.progress-text {
-  font-size: 26rpx;
-  color: #29d3b4;
-  min-width: 120rpx;
-  text-align: right;
-}
-
-.course-details {
-  margin-bottom: 20rpx;
-}
-
-.detail-row {
-  display: flex;
-  justify-content: space-between;
-  margin-bottom: 15rpx;
-  font-size: 28rpx;
-}
-
-.detail-label {
-  color: #999;
-}
-
-.detail-value {
-  color: #fff;
-}
-
-.course-actions {
-  text-align: center;
-  padding-top: 15rpx;
-  border-top: 1px solid #4A4A4A;
-}
-
-.action-btn {
-  color: #29d3b4;
-  font-size: 28rpx;
-}
-
-.empty-course {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  padding: 100rpx 0;
-}
-
-.empty-img {
-  width: 200rpx;
-  height: 200rpx;
-  opacity: 0.5;
-  margin-bottom: 30rpx;
-}
-
-.empty-text {
-  color: #999;
-  font-size: 28rpx;
-}
-
-// 教练配置编辑弹窗样式
-.popup-container {
-  width: 90vw;
-  max-width: 600rpx;
-  background: #fff;
-  border-radius: 20rpx;
-  box-shadow: 0 10rpx 40rpx rgba(0, 0, 0, 0.3);
-  overflow: hidden;
-}
-
-.popup-header {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  padding: 30rpx 40rpx;
-  background: #29d3b4;
-  color: #fff;
-}
-
-.popup-title {
-  font-size: 36rpx;
-  font-weight: bold;
-}
-
-.popup-close {
-  font-size: 40rpx;
-  width: 60rpx;
-  height: 60rpx;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  border-radius: 50%;
-  background: rgba(255, 255, 255, 0.2);
-}
-
-.popup-footer {
-  display: flex;
-  border-top: 1px solid #eee;
-}
-
-.popup-btn {
-  flex: 1;
-  padding: 30rpx;
-  text-align: center;
-  font-size: 32rpx;
-  font-weight: bold;
-}
-
-.cancel-btn {
-  color: #666;
-  border-right: 1px solid #eee;
-}
-
-.confirm-btn {
-  color: #29d3b4;
-}
-
-.popup-btn:active {
-  background: #f5f5f5;
-}
-
-.course-edit-container {
-  width: 100%;
-  max-height: 60vh;
-  overflow-y: auto;
-  padding: 30rpx 20rpx;
-  box-sizing: border-box;
-}
-
-.edit-section {
-  margin-bottom: 40rpx;
-  width: 100%;
-}
-
-.section-title {
-  font-size: 32rpx;
-  font-weight: bold;
-  color: #333;
-  margin-bottom: 20rpx;
-  padding-bottom: 15rpx;
-  border-bottom: 2px solid #29d3b4;
-}
-
-.coach-list {
-  width: 100%;
-  max-height: 300rpx;
-  overflow-y: auto;
-  border: 1px solid #eee;
-  border-radius: 12rpx;
-  background: #fff;
-}
-
-.coach-item {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  padding: 25rpx 30rpx;
-  border-bottom: 1px solid #f0f0f0;
-  background: #fff;
-  transition: all 0.3s ease;
-  min-height: 80rpx;
-  box-sizing: border-box;
-}
-
-.coach-item:last-child {
-  border-bottom: none;
-}
-
-.coach-item.selected {
-  background: #f0f9ff;
-  border-left: 4rpx solid #29d3b4;
-}
-
-.coach-item:active {
-  background: #f5f5f5;
-}
-
-.coach-name {
-  font-size: 30rpx;
-  color: #333;
-  flex: 1;
-}
-
-.coach-check {
-  color: #29d3b4;
-  font-size: 36rpx;
-  font-weight: bold;
-  width: 40rpx;
-  text-align: center;
-}
-
-.empty-tip {
-  color: #999;
-  font-size: 28rpx;
-  text-align: center;
-  padding: 40rpx 0;
-}
-
-// 体测记录样式
-.fitness-test-records {
-  padding: 20rpx;
-}
-
-.add-record-btn-container {
-  margin-bottom: 30rpx;
-  display: flex;
-  justify-content: center;
-}
-
-.add-record-btn {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  background: #29d3b4;
-  color: #fff;
-  border-radius: 30rpx;
-  padding: 20rpx 40rpx;
-  box-shadow: 0 4rpx 12rpx rgba(41, 211, 180, 0.3);
-  
-  .add-icon {
-    font-size: 32rpx;
-    margin-right: 10rpx;
-    font-weight: bold;
-  }
-  
-  .add-text {
-    font-size: 28rpx;
-  }
-}
-
-.add-record-btn:active {
-  background: #1ea08e;
-  transform: scale(0.98);
-}
-
-.fitness-record-list {
-  width: 100%;
-}
-
-.empty-records {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  padding: 100rpx 0;
-  
-  .empty-img {
-    width: 200rpx;
-    height: 200rpx;
-    opacity: 0.5;
-    margin-bottom: 30rpx;
-  }
-  
-  .empty-text {
-    color: #999;
-    font-size: 28rpx;
-  }
-}
-
-.fitness-record-item {
-  background: #3D3D3D;
-  border-radius: 16rpx;
-  padding: 25rpx;
-  margin-bottom: 20rpx;
-  color: #fff;
-  transition: background 0.3s ease;
-}
-
-.fitness-record-item:active {
-  background: #454545;
-}
-
-.record-header {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  margin-bottom: 20rpx;
-  padding-bottom: 15rpx;
-  border-bottom: 1px solid #4A4A4A;
-}
-
-.record-date {
-  font-size: 30rpx;
-  font-weight: bold;
-  color: #29d3b4;
-}
-
-.record-actions {
-  display: flex;
-  align-items: center;
-}
-
-.edit-btn {
-  background: rgba(41, 211, 180, 0.2);
-  color: #29d3b4;
-  padding: 8rpx 16rpx;
-  border-radius: 20rpx;
-  font-size: 24rpx;
-  border: 1px solid #29d3b4;
-}
-
-.edit-btn:active {
-  background: rgba(41, 211, 180, 0.3);
-}
-
-.record-content {
-  width: 100%;
-}
-
-.record-data {
-  display: flex;
-  justify-content: space-around;
-  margin-bottom: 20rpx;
-}
-
-.data-item {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  padding: 15rpx;
-  background: rgba(255, 255, 255, 0.05);
-  border-radius: 12rpx;
-  min-width: 120rpx;
-}
-
-.data-label {
-  font-size: 24rpx;
-  color: #999;
-  margin-bottom: 8rpx;
-}
-
-.data-value {
-  font-size: 32rpx;
-  font-weight: bold;
-  color: #fff;
-}
-
-.pdf-attachments {
-  margin-top: 20rpx;
-  padding-top: 20rpx;
-  border-top: 1px solid #4A4A4A;
-}
-
-.attachment-title {
-  font-size: 26rpx;
-  color: #999;
-  margin-bottom: 15rpx;
-}
-
-.pdf-list {
-  display: flex;
-  flex-direction: column;
-  gap: 10rpx;
-}
-
-.pdf-item {
-  display: flex;
-  align-items: center;
-  padding: 15rpx;
-  background: rgba(255, 255, 255, 0.05);
-  border-radius: 12rpx;
-  transition: background 0.3s ease;
-}
-
-.pdf-item:active {
-  background: rgba(255, 255, 255, 0.1);
-}
-
-.pdf-icon {
-  font-size: 28rpx;
-  margin-right: 12rpx;
-}
-
-.pdf-name {
-  flex: 1;
-  font-size: 26rpx;
-  color: #fff;
-  margin-right: 10rpx;
-}
-
-.pdf-size {
-  font-size: 22rpx;
-  color: #999;
-}
-
-// 体测记录表单样式
-.fitness-record-form {
-  width: 100%;
-  max-height: 60vh;
-  overflow-y: auto;
-  padding: 20rpx;
-  box-sizing: border-box;
-}
-
-.form-section {
-  width: 100%;
-}
-
-.form-item {
-  margin-bottom: 30rpx;
-}
-
-.form-label {
-  font-size: 30rpx;
-  color: #333;
-  margin-bottom: 15rpx;
-  font-weight: bold;
-}
-
-.form-input {
-  border: 2px solid #eee;
-  border-radius: 12rpx;
-  padding: 0 20rpx;
-  background: #fff;
-  transition: border-color 0.3s ease;
-}
-
-.form-input:focus-within {
-  border-color: #29d3b4;
-}
-
-.form-input input {
-  width: 100%;
-  height: 80rpx;
-  font-size: 28rpx;
-  color: #333;
-  border: none;
-  outline: none;
-  background: transparent;
-}
-
-.file-upload-area {
-  width: 100%;
-}
-
-.upload-btn {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  background: #f8f9fa;
-  border: 2px dashed #ddd;
-  border-radius: 12rpx;
-  padding: 40rpx;
-  margin-bottom: 20rpx;
-  color: #666;
-  transition: all 0.3s ease;
-}
-
-.upload-btn:active {
-  background: #e9ecef;
-  border-color: #29d3b4;
-}
-
-.upload-icon {
-  font-size: 40rpx;
-  margin-right: 15rpx;
-}
-
-.upload-text {
-  font-size: 28rpx;
-}
-
-.selected-files {
-  width: 100%;
-}
-
-.selected-file-item {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  padding: 15rpx 20rpx;
-  background: #f8f9fa;
-  border-radius: 12rpx;
-  margin-bottom: 10rpx;
-  border: 1px solid #eee;
-}
-
-.file-info {
-  display: flex;
-  align-items: center;
-  flex: 1;
-}
-
-.file-icon {
-  font-size: 28rpx;
-  margin-right: 12rpx;
-  color: #666;
-}
-
-.file-name {
-  flex: 1;
-  font-size: 26rpx;
-  color: #333;
-  margin-right: 10rpx;
-}
-
-.file-size {
-  font-size: 22rpx;
-  color: #999;
-}
-
-.file-remove {
-  width: 40rpx;
-  height: 40rpx;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  background: #ff4757;
-  color: #fff;
-  border-radius: 50%;
-  font-size: 24rpx;
-  font-weight: bold;
-  margin-left: 15rpx;
-}
-
-.file-remove:active {
-  background: #ff3838;
-}
-
-// 学生信息相关样式
-.student-info-section {
-  margin-top: 20rpx;
-}
-
-.add-student-btn {
-  display: flex;
-  align-items: center;
-  background: #29d3b4;
-  color: #fff;
-  border-radius: 20rpx;
-  padding: 8rpx 16rpx;
-  font-size: 24rpx;
-  
-  .add-icon {
-    margin-right: 6rpx;
-    font-weight: bold;
-  }
-}
-
-.add-student-btn:active {
-  background: #1ea08e;
-  transform: scale(0.95);
-}
-
-.student-cards-container {
-  width: 92%;
-  margin: 20rpx auto;
-}
-
-.student-swiper {
-  height: 400rpx;
-  
-  &::v-deep .uni-swiper-dots {
-    bottom: 20rpx;
-  }
-  
-  &::v-deep .uni-swiper-dot {
-    width: 12rpx;
-    height: 12rpx;
-    background: rgba(255, 255, 255, 0.5);
-  }
-  
-  &::v-deep .uni-swiper-dot-active {
-    background: #29d3b4;
-  }
-}
-
-.student-swiper-item {
-  padding: 0 10rpx;
-}
-
-.student-card {
-  background: #3D3D3D;
-  border-radius: 20rpx;
-  padding: 30rpx;
-  min-height: 340rpx;
-  display: flex;
-  flex-direction: column;
-  color: #fff;
-}
-
-.student-card-header {
-  display: flex;
-  align-items: center;
-  margin-bottom: 20rpx;
-  padding-bottom: 15rpx;
-  border-bottom: 1px solid #4A4A4A;
-}
-
-.student-avatar {
-  width: 80rpx;
-  height: 80rpx;
-  margin-right: 20rpx;
-  
-  .avatar-img {
-    width: 100%;
-    height: 100%;
-    border-radius: 50%;
-    object-fit: cover;
-  }
-  
-  .avatar-placeholder {
-    width: 100%;
-    height: 100%;
-    border-radius: 50%;
-    background: #29d3b4;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    font-size: 32rpx;
-    font-weight: bold;
-    color: #fff;
-  }
-}
-
-.student-basic-info {
-  flex: 1;
-  
-  .student-name {
-    font-size: 32rpx;
-    font-weight: bold;
-    color: #fff;
-    margin-bottom: 8rpx;
-  }
-  
-  .student-meta {
-    display: flex;
-    align-items: center;
-    font-size: 24rpx;
-    color: #999;
-    
-    .student-age {
-      margin-right: 20rpx;
-    }
-  }
-}
-
-.student-actions {
-  display: flex;
-  align-items: center;
-  
-  .edit-btn {
-    background: rgba(41, 211, 180, 0.2);
-    color: #29d3b4;
-    padding: 8rpx 16rpx;
-    border-radius: 20rpx;
-    font-size: 24rpx;
-    border: 1px solid #29d3b4;
-    
-    .btn-text {
-      font-size: 24rpx;
-    }
-  }
-  
-  .edit-btn:active {
-    background: rgba(41, 211, 180, 0.3);
-  }
-}
-
-.student-card-body {
-  flex: 1;
-  display: flex;
-  flex-direction: column;
-}
-
-.student-details {
-  margin-bottom: 20rpx;
-  
-  .detail-item {
-    display: flex;
-    justify-content: space-between;
-    margin-bottom: 12rpx;
-    font-size: 26rpx;
-    
-    .detail-label {
-      color: #999;
-      min-width: 120rpx;
-    }
-    
-    .detail-value {
-      color: #fff;
-      flex: 1;
-      text-align: right;
-    }
-  }
-}
-
-.student-stats {
-  display: flex;
-  justify-content: space-around;
-  margin-top: auto;
-  padding-top: 15rpx;
-  border-top: 1px solid #4A4A4A;
-  
-  .stat-item {
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    
-    .stat-value {
-      font-size: 28rpx;
-      font-weight: bold;
-      color: #29d3b4;
-      margin-bottom: 5rpx;
-    }
-    
-    .stat-label {
-      font-size: 22rpx;
-      color: #999;
-    }
-  }
-}
-
-.empty-students {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  height: 340rpx;
-  
-  .empty-img {
-    width: 160rpx;
-    height: 160rpx;
-    opacity: 0.5;
-    margin-bottom: 20rpx;
-  }
-  
-  .empty-text {
-    color: #999;
-    font-size: 28rpx;
-    margin-bottom: 30rpx;
-  }
-  
-  .empty-add-btn {
-    background: #29d3b4;
-    color: #fff;
-    padding: 15rpx 30rpx;
-    border-radius: 25rpx;
-    font-size: 26rpx;
-  }
-  
-  .empty-add-btn:active {
-    background: #1ea08e;
-    transform: scale(0.95);
-  }
-}
-
-// 操作面板样式
-.student-actions-panel {
-  margin-top: 20rpx;
-  border-top: 1px solid #4A4A4A;
-  padding-top: 15rpx;
-}
-
-.actions-toggle {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  padding: 10rpx 0;
-  cursor: pointer;
-  
-  .toggle-text {
-    font-size: 28rpx;
-    color: #29d3b4;
-    font-weight: bold;
-  }
-  
-  .toggle-icon {
-    font-size: 24rpx;
-    color: #29d3b4;
-    transition: transform 0.3s ease;
-    
-    &.expanded {
-      transform: rotate(180deg);
-    }
-  }
-}
-
-.actions-toggle:active {
-  background: rgba(41, 211, 180, 0.1);
-  border-radius: 8rpx;
-}
-
-.actions-content {
-  margin-top: 15rpx;
-  animation: slideDown 0.3s ease;
-}
-
-@keyframes slideDown {
-  from {
-    opacity: 0;
-    max-height: 0;
-  }
-  to {
-    opacity: 1;
-    max-height: 200rpx;
-  }
-}
-
-.actions-grid {
-  display: flex;
-  flex-wrap: wrap;
-  gap: 15rpx;
-}
-
-.action-item {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  background: rgba(255, 255, 255, 0.05);
-  border: 1px solid rgba(41, 211, 180, 0.3);
-  border-radius: 12rpx;
-  padding: 20rpx 15rpx;
-  min-width: 120rpx;
-  flex: 1;
-  transition: all 0.3s ease;
-  
-  .action-icon {
-    font-size: 28rpx;
-    margin-bottom: 8rpx;
-  }
-  
-  .action-text {
-    font-size: 22rpx;
-    color: #fff;
-    text-align: center;
-  }
-}
-
-.action-item:active {
-  background: rgba(41, 211, 180, 0.2);
-  border-color: #29d3b4;
-  transform: scale(0.95);
-  
-  .action-text {
-    color: #29d3b4;
-  }
-}
-
-// 学生信息编辑弹窗样式
-.student-edit-popup {
-  width: 95vw;
-  max-width: 700rpx;
-  height: 85vh;
-  max-height: 1400rpx;
-  display: flex;
-  flex-direction: column;
-}
-
-.student-form-container {
-  flex: 1;
-  padding: 20rpx;
-  box-sizing: border-box;
-  overflow-y: auto;
-  min-height: 0;
-}
-
-.form-group {
-  margin-bottom: 40rpx;
-  
-  .form-group-title {
-    font-size: 32rpx;
-    font-weight: bold;
-    color: #333;
-    margin-bottom: 25rpx;
-    padding-bottom: 10rpx;
-    border-bottom: 2px solid #29d3b4;
-    position: relative;
-    
-    &::after {
-      content: '';
-      position: absolute;
-      bottom: -2rpx;
-      left: 0;
-      width: 60rpx;
-      height: 2rpx;
-      background: #29d3b4;
-    }
-  }
-}
-
-.form-item {
-  margin-bottom: 25rpx;
-  
-  .form-label {
-    font-size: 28rpx;
-    color: #333;
-    margin-bottom: 12rpx;
-    font-weight: 500;
-    
-    &.required {
-      position: relative;
-      
-      &::before {
-        content: '*';
-        color: #ff4757;
-        margin-right: 4rpx;
-        font-weight: bold;
-      }
-    }
-  }
-  
-  .form-input {
-    border: 2px solid #eee;
-    border-radius: 12rpx;
-    padding: 0 20rpx;
-    background: #fff;
-    transition: border-color 0.3s ease;
-    
-    &:focus-within {
-      border-color: #29d3b4;
-    }
-    
-    input {
-      width: 100%;
-      height: 80rpx;
-      font-size: 28rpx;
-      color: #333;
-      border: none;
-      outline: none;
-      background: transparent;
-      
-      &::placeholder {
-        color: #999;
-      }
-    }
-    
-    .picker-display {
-      height: 80rpx;
-      display: flex;
-      align-items: center;
-      justify-content: space-between;
-      font-size: 28rpx;
-      color: #333;
-      
-      .picker-arrow {
-        color: #999;
-        font-size: 32rpx;
-        font-weight: bold;
-        transform: rotate(90deg);
-      }
-    }
-  }
-  
-  .form-textarea {
-    border: 2px solid #eee;
-    border-radius: 12rpx;
-    padding: 20rpx;
-    background: #fff;
-    transition: border-color 0.3s ease;
-    
-    &:focus-within {
-      border-color: #29d3b4;
-    }
-    
-    textarea {
-      width: 100%;
-      height: 120rpx;
-      font-size: 28rpx;
-      color: #333;
-      border: none;
-      outline: none;
-      background: transparent;
-      resize: none;
-      
-      &::placeholder {
-        color: #999;
-      }
-    }
-  }
-}
-
-// 学生操作面板样式
-.student-actions-panel {
-  margin-top: 15rpx;
-  padding: 20rpx;
-  background: #f8f9fa;
-  border-radius: 12rpx;
-  border: 2px solid #e9ecef;
-  transition: all 0.3s ease;
-  
-  .panel-header {
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-    margin-bottom: 15rpx;
-    
-    .panel-title {
-      font-size: 26rpx;
-      color: #495057;
-      font-weight: 600;
-    }
-    
-    .collapse-icon {
-      width: 30rpx;
-      height: 30rpx;
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      border-radius: 50%;
-      background: #29d3b4;
-      color: #fff;
-      font-size: 20rpx;
-      font-weight: bold;
-      transition: transform 0.3s ease;
-      
-      &.expanded {
-        transform: rotate(180deg);
-      }
-    }
-  }
-  
-  .actions-grid {
-    display: grid;
-    grid-template-columns: repeat(3, 1fr);
-    gap: 12rpx;
-    margin-top: 15rpx;
-    
-    .action-item {
-      display: flex;
-      flex-direction: column;
-      align-items: center;
-      justify-content: center;
-      padding: 15rpx 8rpx;
-      background: #fff;
-      border-radius: 8rpx;
-      border: 1px solid #dee2e6;
-      transition: all 0.3s ease;
-      position: relative;
-      
-      &:active {
-        transform: scale(0.95);
-        background: #e3f2fd;
-      }
-      
-      .action-icon {
-        font-size: 32rpx;
-        margin-bottom: 5rpx;
-        display: block;
-        line-height: 1;
-      }
-      
-      .action-text {
-        font-size: 22rpx;
-        color: #495057;
-        text-align: center;
-        line-height: 1.2;
-        font-weight: 500;
-      }
-      
-      &:hover {
-        background: #f8f9fa;
-        border-color: #29d3b4;
-        
-        .action-text {
-          color: #29d3b4;
-        }
-      }
-    }
-  }
-  
-  &.collapsed {
-    .actions-grid {
-      display: none;
-    }
-  }
-}
-
-// 整合后的基本信息卡片样式
-.basic-info-card {
-  background: #fff;
-  border-radius: 15rpx;
-  margin: 20rpx;
-  padding: 25rpx;
-  box-shadow: 0 4rpx 12rpx rgba(0, 0, 0, 0.1);
-  
-  .basic-info-header {
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-    margin-bottom: 25rpx;
-    padding-bottom: 15rpx;
-    border-bottom: 2px solid #f1f3f4;
-    
-    .info-title {
-      font-size: 32rpx;
-      font-weight: bold;
-      color: #333;
-      
-      .title-accent {
-        color: #29d3b4;
-        margin-left: 10rpx;
-      }
-    }
-    
-    .info-status {
-      padding: 6rpx 15rpx;
-      border-radius: 20rpx;
-      font-size: 24rpx;
-      color: #fff;
-      background: #28a745;
-    }
-  }
-  
-  .basic-info-content {
-    display: grid;
-    grid-template-columns: repeat(2, 1fr);
-    gap: 20rpx;
-    
-    .info-item {
-      display: flex;
-      flex-direction: column;
-      
-      .info-label {
-        font-size: 24rpx;
-        color: #6c757d;
-        margin-bottom: 5rpx;
-      }
-      
-      .info-value {
-        font-size: 28rpx;
-        color: #333;
-        font-weight: 500;
-        
-        &.empty {
-          color: #adb5bd;
-          font-style: italic;
-        }
-      }
-    }
-  }
-}
-
-// 整合后的学生卡片容器样式
-.integrated-cards-container {
-  margin: 20rpx;
-  min-height: 670rpx;
-  display: block;
-  
-  .student-swiper {
-    height: 650rpx !important;
-    min-height: 650rpx;
-    
-    // 强制设置swiper内部组件的高度
-    ::v-deep .uni-swiper-wrapper {
-      height: 650rpx !important;
-    }
-    
-    ::v-deep .uni-swiper-slides {
-      height: 650rpx !important;
-    }
-    
-    ::v-deep .uni-swiper-slide {
-      height: 650rpx !important;
-    }
-  }
-  
-  .student-swiper-item {
-    height: 620rpx !important;
-    min-height: 620rpx;
-    display: flex;
-    flex-direction: column;
-  }
-}
-
-// 整合的学生卡片样式
-.integrated-student-card {
-  background: #fff;
-  border-radius: 15rpx;
-  overflow: hidden;
-  box-shadow: 0 4rpx 20rpx rgba(0, 0, 0, 0.1);
-  min-height: 600rpx;
-  height: auto;
-  display: flex;
-  flex-direction: column;
-  
-  // 客户基本信息区域
-  .basic-info-section {
-    padding: 25rpx;
-    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
-    color: #fff;
-    
-    .section-header {
-      display: flex;
-      align-items: center;
-      margin-bottom: 25rpx;
-      
-      .customer-avatar {
-        width: 60rpx;
-        height: 60rpx;
-        border-radius: 50%;
-        background: rgba(255, 255, 255, 0.2);
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        color: #fff;
-        font-size: 28rpx;
-        font-weight: bold;
-        margin-right: 20rpx;
-      }
-      
-      .customer-info {
-        flex: 1;
-        
-        .customer-name {
-          font-size: 32rpx;
-          font-weight: bold;
-          margin-bottom: 8rpx;
-        }
-        
-        .customer-meta {
-          font-size: 24rpx;
-          opacity: 0.9;
-        }
-      }
-      
-      .contact-actions {
-        display: flex;
-        gap: 15rpx;
-        
-        .contact-btn {
-          width: 60rpx;
-          height: 60rpx;
-          border-radius: 50%;
-          background: rgba(255, 255, 255, 0.2);
-          display: flex;
-          align-items: center;
-          justify-content: center;
-          transition: all 0.3s ease;
-          
-          &:active {
-            transform: scale(0.9);
-            background: rgba(255, 255, 255, 0.3);
-          }
-          
-          .contact-icon {
-            font-size: 24rpx;
-          }
-        }
-      }
-    }
-    
-    .basic-info-grid {
-      display: grid;
-      grid-template-columns: repeat(2, 1fr);
-      gap: 20rpx;
-      
-      .basic-info-item {
-        .info-label {
-          font-size: 24rpx;
-          opacity: 0.8;
-          margin-bottom: 5rpx;
-        }
-        
-        .info-value {
-          font-size: 26rpx;
-          font-weight: 500;
-        }
-      }
-    }
-  }
-  
-  .divider-line {
-    height: 2rpx;
-    background: #f0f0f0;
-    margin: 0 25rpx;
-  }
-  
-  // 学生信息区域
-  .student-info-section {
-    padding: 25rpx;
-    flex: 1;
-    min-height: 300rpx;
-    
-    .student-header {
-      display: flex;
-      align-items: center;
-      margin-bottom: 25rpx;
-      
-      .student-avatar {
-        width: 80rpx;
-        height: 80rpx;
-        border-radius: 50%;
-        background: linear-gradient(135deg, #29d3b4 0%, #26c6da 100%);
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        color: #fff;
-        font-size: 32rpx;
-        font-weight: bold;
-        margin-right: 20rpx;
-      }
-      
-      .student-basic-info {
-        flex: 1;
-        
-        .student-name {
-          font-size: 30rpx;
-          font-weight: bold;
-          color: #333;
-          margin-bottom: 8rpx;
-        }
-        
-        .student-meta {
-          font-size: 24rpx;
-          color: #666;
-          
-          .student-age, .student-gender {
-            margin-right: 20rpx;
-          }
-        }
-      }
-      
-      .student-edit-btn {
-        padding: 8rpx 20rpx;
-        border-radius: 20rpx;
-        border: 2px solid #29d3b4;
-        color: #29d3b4;
-        font-size: 24rpx;
-        transition: all 0.3s ease;
-        
-        &:active {
-          background: #29d3b4;
-          color: #fff;
-        }
-      }
-    }
-    
-    .student-details-grid {
-      display: grid;
-      grid-template-columns: repeat(2, 1fr);
-      gap: 15rpx;
-      
-      .detail-item {
-        .detail-label {
-          font-size: 24rpx;
-          color: #666;
-          margin-bottom: 5rpx;
-        }
-        
-        .detail-value {
-          font-size: 26rpx;
-          color: #333;
-          font-weight: 500;
-        }
-      }
-    }
-  }
-  
-  .actions-divider {
-    height: 1rpx;
-    background: #f0f0f0;
-    margin: 0 25rpx;
-  }
-  
-  // 学生操作面板
-  .student-actions-panel {
-    padding: 20rpx 25rpx;
-    
-    .actions-toggle {
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      padding: 10rpx 0;
-      
-      .toggle-icon {
-        font-size: 20rpx;
-        color: #666;
-        transition: transform 0.3s ease;
-        
-        &.expanded {
-          transform: rotate(180deg);
-        }
-      }
-    }
-    
-    .actions-content {
-      margin-top: 15rpx;
-      
-      .actions-grid {
-        display: grid;
-        grid-template-columns: repeat(3, 1fr);
-        gap: 15rpx;
-        
-        .action-item {
-          padding: 20rpx 10rpx;
-          border-radius: 12rpx;
-          background: #f8f9fa;
-          border: 2px solid #e9ecef;
-          display: flex;
-          flex-direction: column;
-          align-items: center;
-          justify-content: center;
-          transition: all 0.3s ease;
-          
-          &:active {
-            transform: scale(0.95);
-            background: #e9ecef;
-            border-color: #29d3b4;
-          }
-          
-          .action-icon {
-            font-size: 28rpx;
-            margin-bottom: 8rpx;
-          }
-          
-          .action-text {
-            font-size: 22rpx;
-            color: #495057;
-            text-align: center;
-            font-weight: 500;
-          }
-        }
-      }
-    }
-  }
-}
+@import './clue_info.less';
 </style>
\ No newline at end of file
diff --git a/uniapp/pages/market/clue/clue_info_refactored.vue b/uniapp/pages/market/clue/clue_info_refactored.vue
new file mode 100644
index 00000000..c3ab18ed
--- /dev/null
+++ b/uniapp/pages/market/clue/clue_info_refactored.vue
@@ -0,0 +1,549 @@
+<!--重构后的客户详情页面 - 使用组件化方式-->
+<template>
+  <view class="assemble">
+    <view class="main_box">
+      <view style="height: 20rpx;background: #29D3B4;"></view>
+
+      <!-- 头部信息区域 -->
+      <view class="count_section">
+        <view class="main">
+          <view class="course_box">
+            <view class="course_box_top">
+              <view class="course_box_top_top">
+                <image class="pic" :src="$util.img('/uniapp_src/static/images/index/myk.png')"></image>
+                <view class="name">{{ $util.safeGet(clientInfo, 'customerResource.name', '未知客户') }}</view>
+              </view>
+              <view class="course_box_top_below">
+                <view class="course_box_top_below-right">
+                  <!-- 操作按钮 -->
+                  <view class="action-buttons">
+                    <view class="btn-item" @click="handleMakeCall">
+                      <image class="btn-icon" :src="$util.img('/uniapp_src/static/images/index/phone.png')"></image>
+                    </view>
+                    <view class="btn-item" @click="handleSendMessage" v-if="$util.safeGet(clientInfo, 'customerResource.member_id')">
+                      <image class="btn-icon" :src="$util.img('/uniapp_src/static/images/index/message.png')"></image>
+                    </view>
+                  </view>
+                </view>
+              </view>
+            </view>
+            
+            <!-- 标签切换组件 -->
+            <TabSwitcher 
+              :tabs="tabs" 
+              :active-tab-id="switch_tags_type"
+              @tab-change="handleTabChange"
+            />
+          </view>
+        </view>
+      </view>
+      <view class="bg_box bg_top"></view>
+      <view class="bg_box bg_bottom"></view>
+    </view>
+
+    <!-- 基本资料 -->
+    <view class="content-section" v-if="switch_tags_type == 1">
+      <view class="integrated-info-section">
+        <view class="basic-message">
+          <view>客户和学生信息</view>
+          <view class="add-student-btn" @click="openAddStudentDialog">
+            <view class="add-icon">+</view>
+            <view class="add-text">添加学生</view>
+          </view>
+        </view>
+        
+        <!-- 使用客户信息卡片组件 -->
+        <ClientInfoCard 
+          :client-info="clientInfo" 
+          @call="handleMakeCall"
+        />
+        
+        <!-- 学生信息列表 -->
+        <view class="student-list" v-if="studentList.length > 0">
+          <StudentInfoCard 
+            v-for="student in studentList" 
+            :key="student.id"
+            :student="student"
+            :actions="studentActions"
+            @toggle-actions="toggleStudentActions"
+            @action="handleStudentAction"
+          />
+        </view>
+      </view>
+    </view>
+
+    <!-- 课程信息 -->
+    <view class="content-section" v-else-if="switch_tags_type == 2">
+      <view class="course-info-section">
+        <text>课程信息内容...</text>
+      </view>
+    </view>
+
+    <!-- 通话记录 -->
+    <view class="content-section" v-else-if="switch_tags_type == 3">
+      <view class="call-records-section">
+        <CallRecordCard 
+          v-for="record in listCallUp" 
+          :key="record.id"
+          :record="record"
+        />
+      </view>
+    </view>
+
+    <!-- 体测记录 -->
+    <view class="content-section" v-else-if="switch_tags_type == 4">
+      <view class="fitness-records-section">
+        <FitnessRecordCard 
+          v-for="record in fitnessRecords" 
+          :key="record.id"
+          :record="record"
+          @file-click="handleFitnessFileClick"
+        />
+      </view>
+    </view>
+
+    <!-- 学习计划 -->
+    <view class="content-section" v-else-if="switch_tags_type == 5">
+      <view class="study-plan-section">
+        <text>学习计划内容...</text>
+      </view>
+    </view>
+  </view>
+</template>
+
+<script>
+import apiRoute from '@/api/apiRoute.js'
+import marketApi from '@/api/marketApi.js'
+// 导入组件
+import ClientInfoCard from '@/components/client-info-card/client-info-card.vue'
+import StudentInfoCard from '@/components/student-info-card/student-info-card.vue'
+import TabSwitcher from '@/components/tab-switcher/tab-switcher.vue'
+import FitnessRecordCard from '@/components/fitness-record-card/fitness-record-card.vue'
+import CallRecordCard from '@/components/call-record-card/call-record-card.vue'
+
+export default {
+  name: 'ClueInfoRefactored',
+  components: {
+    ClientInfoCard,
+    StudentInfoCard,
+    TabSwitcher,
+    FitnessRecordCard,
+    CallRecordCard
+  },
+  
+  data() {
+    return {
+      resource_sharing_id: '',
+      switch_tags_type: 1, // 默认显示基本资料
+      
+      // 标签配置
+      tabs: [
+        { id: 1, name: '基本资料' },
+        { id: 2, name: '课程信息' },
+        { id: 3, name: '通话记录' },
+        { id: 4, name: '体测记录' },
+        { id: 5, name: '学习计划' }
+      ],
+      
+      // 学生操作按钮配置
+      studentActions: [
+        { key: 'edit', text: '编辑学生' },
+        { key: 'order', text: '查看订单' },
+        { key: 'course', text: '课程安排' },
+        { key: 'fitness', text: '体测记录' }
+      ],
+      
+      // 数据
+      clientInfo: {},
+      userInfo: {},
+      studentList: [],
+      listCallUp: [],
+      fitnessRecords: [],
+      followList: [],
+      courseInfo: [],
+      coachList: [],
+      educationList: [],
+      assistantList: []
+    }
+  },
+  
+  onLoad(option) {
+    console.log('页面加载参数:', option)
+    this.resource_sharing_id = option.resource_sharing_id || ''
+    this.init()
+  },
+  
+  methods: {
+    async init() {
+      console.log('开始初始化数据...')
+      try {
+        await this.getInfo()
+        await Promise.all([
+          this.getUserInfo(),
+          this.getListCallUp(),
+          this.getStudentList(),
+          this.getFitnessRecords()
+        ])
+        console.log('数据初始化完成')
+      } catch (error) {
+        console.error('初始化失败:', error)
+      }
+    },
+    
+    // 获取客户详情
+    async getInfo() {
+      if (!this.resource_sharing_id) {
+        uni.showToast({ title: '缺少必要参数', icon: 'none' })
+        return false
+      }
+      
+      try {
+        const res = await apiRoute.xs_resourceSharingInfo({
+          resource_sharing_id: this.resource_sharing_id
+        })
+        
+        if (res.code === 1) {
+          this.clientInfo = res.data
+          return true
+        } else {
+          uni.showToast({ title: res.msg, icon: 'none' })
+          return false
+        }
+      } catch (error) {
+        console.error('获取客户详情失败:', error)
+        return false
+      }
+    },
+    
+    // 获取员工信息
+    async getUserInfo() {
+      try {
+        const res = await apiRoute.getPersonnelInfo({})
+        if (res.code === 1) {
+          this.userInfo = res.data
+          return true
+        }
+        return false
+      } catch (error) {
+        console.error('获取员工信息失败:', error)
+        return false
+      }
+    },
+    
+    // 获取通话记录
+    async getListCallUp() {
+      if (!this.clientInfo.resource_id) return false
+      
+      try {
+        const res = await apiRoute.listCallUp({
+          resource_id: this.clientInfo.resource_id
+        })
+        
+        if (res.code === 1) {
+          this.listCallUp = res.data || []
+          return true
+        }
+        return false
+      } catch (error) {
+        console.error('获取通话记录失败:', error)
+        return false
+      }
+    },
+    
+    // 获取学生列表
+    async getStudentList() {
+      try {
+        if (!this.clientInfo.resource_id) {
+          // 使用Mock数据
+          this.studentList = this.getMockStudentList()
+          return true
+        }
+        
+        const res = await apiRoute.xs_getStudentList({
+          parent_resource_id: this.clientInfo.resource_id
+        })
+        
+        if (res.code === 1) {
+          this.studentList = res.data || []
+        } else {
+          this.studentList = this.getMockStudentList()
+        }
+        return true
+      } catch (error) {
+        console.error('获取学生列表失败:', error)
+        this.studentList = this.getMockStudentList()
+        return true
+      }
+    },
+    
+    // 获取体测记录
+    async getFitnessRecords() {
+      try {
+        // 使用Mock数据
+        this.fitnessRecords = this.getMockFitnessRecords()
+        return true
+      } catch (error) {
+        console.error('获取体测记录失败:', error)
+        return false
+      }
+    },
+    
+    // Mock数据方法
+    getMockStudentList() {
+      return [
+        {
+          id: 1,
+          name: '张小明',
+          gender: 1,
+          age: 9.05,
+          birthday: '2015-05-10',
+          emergency_contact: '张妈妈',
+          contact_phone: '13800138001',
+          member_label: '新学员',
+          note: '活泼好动，喜欢运动',
+          actionsExpanded: false
+        }
+      ]
+    },
+    
+    getMockFitnessRecords() {
+      return [
+        {
+          id: 1,
+          test_date: '2024-01-15',
+          height: '165',
+          weight: '55',
+          pdf_files: [
+            {
+              id: 1,
+              name: '体测报告_2024-01-15.pdf',
+              size: 1024000,
+              url: '/static/mock/fitness_report_1.pdf'
+            }
+          ]
+        }
+      ]
+    },
+    
+    // 事件处理方法
+    handleTabChange({ tabId }) {
+      this.switch_tags_type = tabId
+    },
+    
+    handleMakeCall() {
+      const phoneNumber = this.$util.safeGet(this.clientInfo, 'customerResource.phone_number', '')
+      this.$util.makePhoneCall(phoneNumber)
+    },
+    
+    handleSendMessage() {
+      uni.showToast({
+        title: '发送消息功能待实现',
+        icon: 'none'
+      })
+    },
+    
+    toggleStudentActions(student) {
+      const index = this.studentList.findIndex(s => s.id === student.id)
+      if (index !== -1) {
+        this.$set(this.studentList[index], 'actionsExpanded', !student.actionsExpanded)
+      }
+    },
+    
+    handleStudentAction({ action, student }) {
+      console.log('学生操作:', action, student)
+      
+      switch (action.key) {
+        case 'edit':
+          this.editStudent(student)
+          break
+        case 'order':
+          this.viewStudentOrders(student)
+          break
+        case 'course':
+          this.viewStudentCourse(student)
+          break
+        case 'fitness':
+          this.viewStudentFitness(student)
+          break
+      }
+    },
+    
+    handleFitnessFileClick({ file, record }) {
+      console.log('点击体测文件:', file, record)
+      // 实现文件查看逻辑
+    },
+    
+    openAddStudentDialog() {
+      console.log('打开添加学生对话框')
+      // 实现添加学生逻辑
+    },
+    
+    // 学生操作相关方法
+    editStudent(student) {
+      this.$util.navigateToPage('/pages/student/edit', {
+        student_id: student.id
+      })
+    },
+    
+    viewStudentOrders(student) {
+      this.$util.navigateToPage('/pages/market/clue/order_list', {
+        resource_id: this.clientInfo.resource_id,
+        student_id: student.id,
+        student_name: student.name
+      })
+    },
+    
+    viewStudentCourse(student) {
+      this.$util.navigateToPage('/pages/market/clue/course_arrange', {
+        resource_id: this.clientInfo.resource_id,
+        student_id: student.id,
+        student_name: student.name
+      })
+    },
+    
+    viewStudentFitness(student) {
+      this.$util.navigateToPage('/pages/fitness/records', {
+        student_id: student.id
+      })
+    }
+  }
+}
+</script>
+
+<style lang="less" scoped>
+.assemble {
+  width: 100%;
+  height: 100vh;
+  overflow: auto;
+  background-color: #292929;
+}
+
+.main_box {
+  background: #292929;
+  min-height: 20vh;
+}
+
+.action-buttons {
+  display: flex;
+  align-items: center;
+  
+  .btn-item {
+    width: 60rpx;
+    height: 60rpx;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    margin-left: 20rpx;
+    
+    .btn-icon {
+      width: 40rpx;
+      height: 40rpx;
+    }
+  }
+}
+
+.count_section {
+  width: 100%;
+  position: relative;
+  
+  .main {
+    width: 100%;
+    position: absolute;
+    z-index: 2;
+    padding: 0rpx 24rpx;
+    display: flex;
+    justify-content: center;
+    
+    .course_box {
+      padding: 26rpx 22rpx 0 22rpx;
+      width: 95%;
+      height: 250rpx;
+      border-radius: 20rpx;
+      background-color: #fff;
+    }
+  }
+  
+  .bg_top {
+    height: 180rpx;
+    background-color: #29D3B4;
+  }
+  
+  .bg_bottom {
+    height: 80rpx;
+    background-color: #292929;
+  }
+}
+
+.course_box_top {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  
+  .course_box_top_top {
+    display: flex;
+    align-items: center;
+    
+    .pic {
+      width: 60rpx;
+      height: 60rpx;
+      margin-right: 20rpx;
+    }
+    
+    .name {
+      font-size: 32rpx;
+      font-weight: bold;
+      color: #333;
+    }
+  }
+}
+
+.content-section {
+  background-color: #292929;
+  min-height: 60vh;
+  padding: 20rpx;
+}
+
+.integrated-info-section {
+  .basic-message {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    padding: 30rpx 20rpx;
+    color: white;
+    font-size: 28rpx;
+    font-weight: bold;
+    
+    .add-student-btn {
+      display: flex;
+      align-items: center;
+      background-color: #29d3b4;
+      padding: 15rpx 25rpx;
+      border-radius: 25rpx;
+      
+      .add-icon {
+        color: white;
+        font-size: 24rpx;
+        margin-right: 10rpx;
+      }
+      
+      .add-text {
+        color: white;
+        font-size: 22rpx;
+      }
+    }
+  }
+}
+
+.student-list,
+.call-records-section,
+.fitness-records-section {
+  padding: 20rpx 0;
+}
+
+.course-info-section,
+.study-plan-section {
+  padding: 40rpx 20rpx;
+  color: white;
+  text-align: center;
+}
+</style>
\ No newline at end of file
diff --git a/uniapp/pages/market/clue/index.vue b/uniapp/pages/market/clue/index.vue
index cb8ec8e2..8fd50481 100644
--- a/uniapp/pages/market/clue/index.vue
+++ b/uniapp/pages/market/clue/index.vue
@@ -44,10 +44,10 @@
 						</view>
 						<!-- 到访状态标签 -->
 						<view class="visit-status">
-							<view :class="['visit-tag-',getVisitStatusClass(v.customerResource.first_visit_status)]">
+							<view :class="['visit-tag',getVisitStatusClass(v.customerResource.first_visit_status)]">
 								一访{{ v.customerResource.first_visit_status || '未到' }}
 							</view>
-							<view :class="['visit-tag-',getVisitStatusClass(v.customerResource.second_visit_status)]">
+							<view :class="['visit-tag',getVisitStatusClass(v.customerResource.second_visit_status)]">
 								二访{{ v.customerResource.second_visit_status || '未到' }}
 							</view>
 						</view>
diff --git a/uniapp权限管理配置文档.md b/uniapp权限管理配置文档.md
new file mode 100644
index 00000000..ef4f3367
--- /dev/null
+++ b/uniapp权限管理配置文档.md
@@ -0,0 +1,280 @@
+# UniApp 权限管理配置文档
+
+## 📋 概述
+
+本文档详细列出了UniApp教育培训管理系统中所有页面的权限配置建议，用于实现精细化的菜单权限管理。系统支持**员工端**（市场、教练、销售）和**会员端**（学员、家长）两种登录方式。
+
+## 🔐 权限等级说明
+
+| 权限等级 | 说明 | 适用场景 |
+|---------|------|---------|
+| **公开访问** | 无需登录即可访问 | 登录页、隐私协议等 |
+| **登录验证** | 需要有效Token | 大部分功能页面 |
+| **角色验证** | 需要特定角色权限 | 业务功能页面 |
+| **管理员权限** | 需要管理员级别权限 | 人员管理、系统配置 |
+| **开发权限** | 仅开发环境可访问 | 测试页面、Demo页面 |
+
+## 👥 用户角色定义
+
+### 员工端角色
+- **市场人员** (role_type=1): 负责客户线索管理、市场推广
+- **教练** (role_type=2): 负责课程教学、学员管理  
+- **销售人员** (role_type=3): 负责客户转化、订单管理
+
+### 会员端角色
+- **学员** (user_type=member): 查看课程、作业、个人信息
+- **家长** (user_type=parent): 管理孩子信息、课程、服务等
+
+## 📊 页面权限配置表
+
+### 🚪 登录认证模块
+
+| 页面路径 | 页面名称 | 权限等级 | 市场 | 教练 | 销售 | 学员 | 家长 | 建议纳入权限管理 |
+|---------|---------|---------|-----|-----|-----|-----|-----|-----------------|
+| `/pages/student/login/login` | 登录页面 | 公开访问 | ✅ | ✅ | ✅ | ✅ | ✅ | ❌ |
+| `/pages/student/login/forgot` | 找回密码 | 公开访问 | ✅ | ✅ | ✅ | ✅ | ✅ | ❌ |
+
+### 📚 学员模块
+
+| 页面路径 | 页面名称 | 权限等级 | 市场 | 教练 | 销售 | 学员 | 家长 | 建议纳入权限管理 |
+|---------|---------|---------|-----|-----|-----|-----|-----|-----------------|
+| `/pages/student/index/index` | 学员首页 | 登录验证 | ❌ | ✅ | ❌ | ✅ | ✅ | ✅ |
+| `/pages/student/index/job_list` | 作业列表 | 登录验证 | ❌ | ✅ | ❌ | ✅ | ✅ | ✅ |
+| `/pages/student/index/work_details` | 作业详情 | 登录验证 | ❌ | ✅ | ❌ | ✅ | ✅ | ✅ |
+| `/pages/student/index/physical_examination` | 体测数据 | 登录验证 | ❌ | ✅ | ❌ | ✅ | ✅ | ✅ |
+| `/pages/student/timetable/index` | 课表主页 | 登录验证 | ❌ | ✅ | ❌ | ✅ | ✅ | ✅ |
+| `/pages/student/timetable/info` | 课表详情 | 登录验证 | ❌ | ✅ | ❌ | ✅ | ✅ | ✅ |
+| `/pages/student/timetable/list` | 场馆列表 | 登录验证 | ❌ | ❌ | ❌ | ✅ | ✅ | ✅ |
+| `/pages/student/my/my` | 个人中心 | 登录验证 | ❌ | ❌ | ❌ | ✅ | ✅ | ❌ |
+| `/pages/student/my/my_coach` | 我的教练 | 登录验证 | ❌ | ❌ | ❌ | ✅ | ✅ | ✅ |
+| `/pages/student/my/my_members` | 我的成员 | 登录验证 | ❌ | ❌ | ❌ | ✅ | ✅ | ✅ |
+| `/pages/student/my/lesson_consumption` | 课时消耗 | 登录验证 | ❌ | ✅ | ❌ | ✅ | ✅ | ✅ |
+| `/pages/student/my/personal_data` | 个人资料 | 登录验证 | ❌ | ❌ | ❌ | ✅ | ✅ | ❌ |
+| `/pages/student/my/set_up` | 设置 | 登录验证 | ❌ | ❌ | ❌ | ✅ | ✅ | ❌ |
+| `/pages/student/my/update_pass` | 修改密码 | 登录验证 | ❌ | ❌ | ❌ | ✅ | ✅ | ❌ |
+
+### 👨‍🏫 教练模块
+
+| 页面路径 | 页面名称 | 权限等级 | 市场 | 教练 | 销售 | 学员 | 家长 | 建议纳入权限管理 |
+|---------|---------|---------|-----|-----|-----|-----|-----|-----------------|
+| `/pages/coach/home/index` | 教练首页 | 角色验证 | ❌ | ✅ | ❌ | ❌ | ❌ | ✅ |
+| `/pages/coach/job/add` | 发布作业 | 角色验证 | ❌ | ✅ | ❌ | ❌ | ❌ | ✅ |
+| `/pages/coach/job/list` | 全部作业 | 角色验证 | ❌ | ✅ | ❌ | ❌ | ❌ | ✅ |
+| `/pages/coach/course/list` | 课表管理 | 角色验证 | ❌ | ✅ | ❌ | ❌ | ❌ | ✅ |
+| `/pages/coach/course/info` | 课时详情 | 角色验证 | ❌ | ✅ | ❌ | ❌ | ❌ | ✅ |
+| `/pages/coach/course/info_list` | 课时详情列表 | 角色验证 | ❌ | ✅ | ❌ | ❌ | ❌ | ✅ |
+| `/pages/coach/class/list` | 班级管理 | 角色验证 | ❌ | ✅ | ❌ | ❌ | ❌ | ✅ |
+| `/pages/coach/class/info` | 班级详情 | 角色验证 | ❌ | ✅ | ❌ | ❌ | ❌ | ✅ |
+| `/pages/coach/student/student_list` | 我的学员 | 角色验证 | ❌ | ✅ | ❌ | ❌ | ❌ | ✅ |
+| `/pages/coach/student/student_detail` | 学员详情 | 角色验证 | ❌ | ✅ | ❌ | ❌ | ❌ | ✅ |
+| `/pages/coach/student/info` | 学员信息 | 角色验证 | ❌ | ✅ | ❌ | ❌ | ❌ | ✅ |
+| `/pages/coach/student/work_details` | 作业任务 | 角色验证 | ❌ | ✅ | ❌ | ❌ | ❌ | ✅ |
+| `/pages/coach/student/physical_examination` | 体测数据 | 角色验证 | ❌ | ✅ | ❌ | ❌ | ❌ | ✅ |
+| `/pages/coach/schedule/schedule_table` | 课程安排 | 角色验证 | ❌ | ✅ | ❌ | ❌ | ❌ | ✅ |
+| `/pages/coach/schedule/add_schedule` | 添加课程安排 | 角色验证 | ❌ | ✅ | ❌ | ❌ | ❌ | ✅ |
+| `/pages/coach/schedule/adjust_course` | 调整课程安排 | 角色验证 | ❌ | ✅ | ❌ | ❌ | ❌ | ✅ |
+| `/pages/coach/schedule/sign_in` | 课程点名 | 角色验证 | ❌ | ✅ | ❌ | ❌ | ❌ | ✅ |
+| `/pages/coach/schedule/schedule_detail` | 课程详情 | 角色验证 | ❌ | ✅ | ❌ | ❌ | ❌ | ✅ |
+| `/pages/coach/my/index` | 个人中心 | 角色验证 | ❌ | ✅ | ❌ | ❌ | ❌ | ❌ |
+| `/pages/coach/my/info` | 个人资料 | 角色验证 | ❌ | ✅ | ❌ | ❌ | ❌ | ❌ |
+| `/pages/coach/my/set_up` | 设置 | 角色验证 | ❌ | ✅ | ❌ | ❌ | ❌ | ❌ |
+| `/pages/coach/my/update_pass` | 修改密码 | 角色验证 | ❌ | ✅ | ❌ | ❌ | ❌ | ❌ |
+| `/pages/coach/my/arrival_statistics` | 到课统计 | 角色验证 | ❌ | ✅ | ❌ | ❌ | ❌ | ✅ |
+| `/pages/coach/my/due_soon` | 即将到期 | 角色验证 | ❌ | ✅ | ❌ | ❌ | ❌ | ✅ |
+| `/pages/coach/my/schooling_statistics` | 授课统计 | 角色验证 | ❌ | ✅ | ❌ | ❌ | ❌ | ✅ |
+| `/pages/coach/my/teaching_management` | 教研管理列表 | 角色验证 | ❌ | ✅ | ❌ | ❌ | ❌ | ✅ |
+| `/pages/coach/my/teaching_management_info` | 文章详情 | 角色验证 | ❌ | ✅ | ❌ | ❌ | ❌ | ✅ |
+| `/pages/coach/my/gotake_exam` | 考试 | 角色验证 | ❌ | ✅ | ❌ | ❌ | ❌ | ✅ |
+| `/pages/coach/my/exam_results` | 考试结果 | 角色验证 | ❌ | ✅ | ❌ | ❌ | ❌ | ✅ |
+| `/pages/coach/my/my_attendance` | 我的考勤 | 角色验证 | ❌ | ✅ | ❌ | ❌ | ❌ | ✅ |
+| `/pages/coach/my/service_list` | 服务列表 | 角色验证 | ❌ | ✅ | ❌ | ❌ | ❌ | ✅ |
+| `/pages/coach/my/service_detail` | 服务详情 | 角色验证 | ❌ | ✅ | ❌ | ❌ | ❌ | ✅ |
+
+### 💼 市场模块
+
+| 页面路径 | 页面名称 | 权限等级 | 市场 | 教练 | 销售 | 学员 | 家长 | 建议纳入权限管理 |
+|---------|---------|---------|-----|-----|-----|-----|-----|-----------------|
+| `/pages/market/home/index` | 市场首页 | 角色验证 | ✅ | ❌ | ❌ | ❌ | ❌ | ✅ |
+| `/pages/market/index/index` | 销售首页 | 角色验证 | ❌ | ❌ | ✅ | ❌ | ❌ | ✅ |
+| `/pages/market/clue/index` | 线索管理 | 角色验证 | ✅ | ❌ | ✅ | ❌ | ❌ | ✅ |
+| `/pages/market/clue/clue_info` | 客户详情 | 角色验证 | ✅ | ❌ | ✅ | ❌ | ❌ | ✅ |
+| `/pages/market/clue/order_list` | 订单列表 | 角色验证 | ✅ | ❌ | ✅ | ❌ | ❌ | ✅ |
+| `/pages/market/clue/add_clues` | 添加客户 | 角色验证 | ✅ | ❌ | ✅ | ❌ | ❌ | ✅ |
+| `/pages/market/clue/edit_clues` | 编辑客户 | 角色验证 | ✅ | ❌ | ✅ | ❌ | ❌ | ✅ |
+| `/pages/market/clue/edit_clues_log` | 修改记录 | 角色验证 | ✅ | ❌ | ✅ | ❌ | ❌ | ✅ |
+| `/pages/market/clue/new_task` | 新增任务 | 角色验证 | ✅ | ❌ | ✅ | ❌ | ❌ | ✅ |
+| `/pages/market/clue/writing_followUp` | 添加跟进 | 角色验证 | ✅ | ❌ | ✅ | ❌ | ❌ | ✅ |
+| `/pages/market/clue/class_arrangement` | 课程安排 | 角色验证 | ✅ | ❌ | ✅ | ❌ | ❌ | ✅ |
+| `/pages/market/clue/class_arrangement_detail` | 课程安排详情 | 角色验证 | ✅ | ❌ | ✅ | ❌ | ❌ | ✅ |
+| `/pages/market/clue/clue_table` | 数据统计 | 角色验证 | ❌ | ❌ | ✅ | ❌ | ❌ | ✅ |
+| `/pages/market/course/course_detail` | 课程详情 | 角色验证 | ✅ | ❌ | ✅ | ❌ | ❌ | ✅ |
+| `/pages/market/data/index` | 数据中心 | 角色验证 | ✅ | ❌ | ❌ | ❌ | ❌ | ✅ |
+| `/pages/market/data/statistics` | 市场数据统计 | 角色验证 | ✅ | ❌ | ❌ | ❌ | ❌ | ✅ |
+| `/pages/market/reimbursement/list` | 报销列表 | 角色验证 | ✅ | ❌ | ✅ | ❌ | ❌ | ✅ |
+| `/pages/market/reimbursement/add` | 新增报销 | 角色验证 | ✅ | ❌ | ✅ | ❌ | ❌ | ✅ |
+| `/pages/market/reimbursement/detail` | 报销详情 | 角色验证 | ✅ | ❌ | ✅ | ❌ | ❌ | ✅ |
+| `/pages/market/my/index` | 个人中心 | 角色验证 | ✅ | ❌ | ✅ | ❌ | ❌ | ❌ |
+| `/pages/market/my/info` | 个人资料 | 角色验证 | ✅ | ❌ | ✅ | ❌ | ❌ | ❌ |
+| `/pages/market/my/set_up` | 设置 | 角色验证 | ✅ | ❌ | ✅ | ❌ | ❌ | ❌ |
+| `/pages/market/my/update_pass` | 修改密码 | 角色验证 | ✅ | ❌ | ✅ | ❌ | ❌ | ❌ |
+| `/pages/market/my/signed_client_list` | 已签客户 | 角色验证 | ✅ | ❌ | ✅ | ❌ | ❌ | ✅ |
+| `/pages/market/my/my_data` | 我的数据 | 角色验证 | ✅ | ❌ | ✅ | ❌ | ❌ | ✅ |
+| `/pages/market/my/dept_data` | 部门数据 | 角色验证 | ✅ | ❌ | ✅ | ❌ | ❌ | ✅ |
+| `/pages/market/my/campus_data` | 校区数据 | 角色验证 | ✅ | ❌ | ✅ | ❌ | ❌ | ✅ |
+| `/pages/market/my/firm_info` | 企业信息 | 角色验证 | ✅ | ❌ | ✅ | ❌ | ❌ | ✅ |
+
+### 👥 家长模块
+
+| 页面路径 | 页面名称 | 权限等级 | 市场 | 教练 | 销售 | 学员 | 家长 | 建议纳入权限管理 |
+|---------|---------|---------|-----|-----|-----|-----|-----|-----------------|
+| `/pages/parent/user-info/index` | 用户信息 | 角色验证 | ❌ | ❌ | ❌ | ❌ | ✅ | ✅ |
+| `/pages/parent/user-info/child-detail` | 孩子详情 | 角色验证 | ❌ | ❌ | ❌ | ❌ | ✅ | ✅ |
+| `/pages/parent/courses/index` | 课程管理 | 角色验证 | ❌ | ❌ | ❌ | ❌ | ✅ | ✅ |
+| `/pages/parent/courses/course-detail` | 课程详情 | 角色验证 | ❌ | ❌ | ❌ | ❌ | ✅ | ✅ |
+| `/pages/parent/materials/index` | 教学资料 | 角色验证 | ❌ | ❌ | ❌ | ❌ | ✅ | ✅ |
+| `/pages/parent/materials/material-detail` | 资料详情 | 角色验证 | ❌ | ❌ | ❌ | ❌ | ✅ | ✅ |
+| `/pages/parent/services/index` | 服务管理 | 角色验证 | ❌ | ❌ | ❌ | ❌ | ✅ | ✅ |
+| `/pages/parent/services/service-detail` | 服务详情 | 角色验证 | ❌ | ❌ | ❌ | ❌ | ✅ | ✅ |
+| `/pages/parent/orders/index` | 订单管理 | 角色验证 | ❌ | ❌ | ❌ | ❌ | ✅ | ✅ |
+| `/pages/parent/orders/order-detail` | 订单详情 | 角色验证 | ❌ | ❌ | ❌ | ❌ | ✅ | ✅ |
+| `/pages/parent/messages/index` | 消息管理 | 角色验证 | ❌ | ❌ | ❌ | ❌ | ✅ | ✅ |
+| `/pages/parent/messages/message-detail` | 消息详情 | 角色验证 | ❌ | ❌ | ❌ | ❌ | ✅ | ✅ |
+| `/pages/parent/contracts/index` | 合同管理 | 角色验证 | ❌ | ❌ | ❌ | ❌ | ✅ | ✅ |
+| `/pages/parent/contracts/contract-detail` | 合同详情 | 角色验证 | ❌ | ❌ | ❌ | ❌ | ✅ | ✅ |
+
+### 🛠️ 公共模块
+
+| 页面路径 | 页面名称 | 权限等级 | 市场 | 教练 | 销售 | 学员 | 家长 | 建议纳入权限管理 |
+|---------|---------|---------|-----|-----|-----|-----|-----|-----------------|
+| `/pages/common/privacy_agreement` | 隐私协议 | 公开访问 | ✅ | ✅ | ✅ | ✅ | ✅ | ❌ |
+| `/pages/common/article_info` | 文章详情 | 登录验证 | ✅ | ✅ | ✅ | ✅ | ✅ | ❌ |
+| `/pages/common/feedback` | 意见反馈 | 登录验证 | ✅ | ✅ | ✅ | ✅ | ✅ | ❌ |
+| `/pages/common/my_message` | 我的消息 | 登录验证 | ✅ | ✅ | ✅ | ✅ | ✅ | ❌ |
+| `/pages/common/im_chat_info` | 聊天详情 | 登录验证 | ✅ | ✅ | ✅ | ✅ | ✅ | ❌ |
+| `/pages/common/sys_msg_list` | 系统消息 | 登录验证 | ✅ | ✅ | ✅ | ✅ | ✅ | ❌ |
+| `/pages/common/contract_list` | 订单列表 | 登录验证 | ✅ | ✅ | ✅ | ✅ | ✅ | ✅ |
+| `/pages/common/my_attendance` | 我的考勤 | 登录验证 | ✅ | ✅ | ✅ | ❌ | ❌ | ✅ |
+| `/pages/common/personnel/add_personnel` | 新员工信息填写 | 管理员权限 | ❌ | ❌ | ❌ | ❌ | ❌ | ✅ |
+| `/pages/common/contract/my_contract` | 我的合同 | 登录验证 | ✅ | ✅ | ✅ | ✅ | ✅ | ✅ |
+| `/pages/common/contract/contract_detail` | 合同详情 | 登录验证 | ✅ | ✅ | ✅ | ✅ | ✅ | ✅ |
+| `/pages/common/contract/contract_sign` | 合同签订 | 登录验证 | ✅ | ✅ | ✅ | ✅ | ✅ | ✅ |
+
+### 📋 教务模块
+
+| 页面路径 | 页面名称 | 权限等级 | 市场 | 教练 | 销售 | 学员 | 家长 | 建议纳入权限管理 |
+|---------|---------|---------|-----|-----|-----|-----|-----|-----------------|
+| `/pages/academic/home/index` | 教务首页 | 管理员权限 | ❌ | ❌ | ❌ | ❌ | ❌ | ✅ |
+
+### 🧪 测试模块
+
+| 页面路径 | 页面名称 | 权限等级 | 市场 | 教练 | 销售 | 学员 | 家长 | 建议纳入权限管理 |
+|---------|---------|---------|-----|-----|-----|-----|-----|-----------------|
+| `/pages/demo/mock-demo` | Mock数据演示 | 开发权限 | ❌ | ❌ | ❌ | ❌ | ❌ | ❌ |
+| `/pages/demo/dict_optimization` | 字典优化 | 开发权限 | ❌ | ❌ | ❌ | ❌ | ❌ | ❌ |
+
+## 🎯 权限管理建议
+
+### 🔥 高优先级页面（建议优先纳入权限管理）
+
+#### 核心业务功能
+- **线索管理模块**: 客户信息、跟进记录、订单管理
+- **课程教学模块**: 课表管理、作业管理、学员管理
+- **数据统计模块**: 各类业务数据和报表
+- **财务模块**: 报销管理、合同管理
+
+#### 敏感数据页面
+- **个人信息查看**: 学员详情、教练信息、客户资料
+- **体测数据**: 学员体能测试结果
+- **考勤统计**: 教练和学员的考勤记录
+- **教研管理**: 教学资料和考试内容
+
+### 🔶 中优先级页面（建议选择性纳入）
+
+#### 查看类功能
+- **课表查看**: 学员课程表、教练课程安排
+- **消息通知**: 系统消息、聊天功能
+- **服务管理**: 各类服务项目
+
+### 🔷 低优先级页面（可不纳入权限管理）
+
+#### 通用功能
+- **个人设置**: 个人资料、密码修改、系统设置
+- **公共信息**: 隐私协议、文章详情、意见反馈
+
+## ⚙️ 技术实现建议
+
+### 1. 路由守卫实现
+
+```javascript
+// router/permission.js
+const routePermissions = {
+  '/pages/market/clue/index': ['market', 'sales'],
+  '/pages/coach/home/index': ['coach'],
+  '/pages/student/index/index': ['member', 'parent'],
+  // ...更多路由权限配置
+}
+
+function checkPermission(route, userRole) {
+  const requiredRoles = routePermissions[route]
+  return !requiredRoles || requiredRoles.includes(userRole)
+}
+```
+
+### 2. 菜单动态生成
+
+```javascript
+// menu/menuConfig.js
+const menuConfig = {
+  market: [
+    { path: '/pages/market/home/index', name: '首页', icon: 'home' },
+    { path: '/pages/market/clue/index', name: '线索管理', icon: 'clue' },
+    // ...市场人员菜单
+  ],
+  coach: [
+    { path: '/pages/coach/home/index', name: '首页', icon: 'home' },
+    { path: '/pages/coach/course/list', name: '课表管理', icon: 'course' },
+    // ...教练菜单
+  ],
+  // ...其他角色菜单
+}
+```
+
+### 3. API权限验证
+
+```php
+// middleware/AuthMiddleware.php
+public function handle($request, $next, $role = null) {
+    $user = $this->getUser($request);
+    
+    if ($role && !$this->hasRole($user, $role)) {
+        return $this->unauthorizedResponse();
+    }
+    
+    return $next($request);
+}
+```
+
+## 📝 配置建议总结
+
+### ✅ 强烈建议纳入权限管理的页面（58个）
+
+1. **线索管理**: 11个页面（客户信息、跟进、订单等）
+2. **教练功能**: 22个页面（课程、学员、作业等）
+3. **家长功能**: 14个页面（孩子管理、服务等）
+4. **数据统计**: 8个页面（各类业务报表）
+5. **其他业务**: 3个页面（教务、人员、考勤等）
+
+### 🔶 可选择纳入权限管理的页面（15个）
+
+1. **学员查看**: 7个页面（课表、作业、体测等）
+2. **公共业务**: 8个页面（合同、消息、服务等）
+
+### ❌ 建议不纳入权限管理的页面（25个）
+
+1. **登录认证**: 2个页面
+2. **个人设置**: 12个页面
+3. **公共信息**: 6个页面
+4. **开发测试**: 2个页面
+5. **基础功能**: 3个页面
+
+总计98个页面中，建议将**58个核心业务页面**纳入权限管理系统，确保数据安全和角色隔离的同时，保持系统的易用性和维护性。
\ No newline at end of file