From bf0cacb4c95f804e243939b3373a86581c846c4a Mon Sep 17 00:00:00 2001
From: zeyan <258785420@qq.com>
Date: Thu, 17 Jul 2025 12:56:41 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=20bug?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../views/student_courses/student_courses.vue |   12 +-
 .../apiController/CustomerResourcesAuth.php   |    2 +-
 .../api/apiService/ResourceSharingService.php |    2 +-
 uniapp/pages.json                             |   27 +
 .../coach/my/teaching_management_info.vue     |    6 +-
 uniapp/pages/market/clue/clue_info.vue        | 3782 ++++++++---------
 uniapp/pages/market/course/course_detail.vue  |    8 +-
 uniapp/pages/market/my/campus_data.vue        |  495 +++
 uniapp/pages/market/my/dept_data.vue          |  445 ++
 uniapp/pages/market/my/index.vue              |  154 +-
 uniapp/pages/market/my/my_data.vue            |  292 ++
 11 files changed, 3268 insertions(+), 1957 deletions(-)
 create mode 100644 uniapp/pages/market/my/campus_data.vue
 create mode 100644 uniapp/pages/market/my/dept_data.vue
 create mode 100644 uniapp/pages/market/my/my_data.vue

diff --git a/admin/src/app/views/student_courses/student_courses.vue b/admin/src/app/views/student_courses/student_courses.vue
index 72e3a824..ca113ff6 100644
--- a/admin/src/app/views/student_courses/student_courses.vue
+++ b/admin/src/app/views/student_courses/student_courses.vue
@@ -76,14 +76,22 @@
             :label="t('studentId')"
             min-width="120"
             :show-overflow-tooltip="true"
-          />
+          >
+            <template #default="{ row }">
+              {{ row.student ? row.student.name : '' }}
+            </template>
+          </el-table-column>
 
           <el-table-column
             prop="course_id_name"
             :label="t('courseId')"
             min-width="120"
             :show-overflow-tooltip="true"
-          />
+          >
+            <template #default="{ row }">
+              {{ row.course ? row.course.course_name : '' }}
+            </template>
+          </el-table-column>
 
           <el-table-column
             prop="total_hours"
diff --git a/niucloud/app/api/controller/apiController/CustomerResourcesAuth.php b/niucloud/app/api/controller/apiController/CustomerResourcesAuth.php
index 1fd574ab..be97f1bd 100644
--- a/niucloud/app/api/controller/apiController/CustomerResourcesAuth.php
+++ b/niucloud/app/api/controller/apiController/CustomerResourcesAuth.php
@@ -64,7 +64,7 @@ class customerResourcesAuth extends BaseApiService
         if (!$res) {
             return fail('账户信息有误');
         }
-        $res['user_type'] = '3';//用户类型|3=学员
+        $res['user_type'] = '4';//用户类型|3=学员
         return success($res);
     }
 
diff --git a/niucloud/app/service/api/apiService/ResourceSharingService.php b/niucloud/app/service/api/apiService/ResourceSharingService.php
index 3977658d..da59855a 100644
--- a/niucloud/app/service/api/apiService/ResourceSharingService.php
+++ b/niucloud/app/service/api/apiService/ResourceSharingService.php
@@ -301,7 +301,7 @@ 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_name[$item['customerResource']['campus']] ?? '';
+                    $item['customerResource']['campus_name'] = $campus_names[$item['customerResource']['campus']] ?? '';
                     $item['customerResource']['communication_time'] = $resultdata[$item['resource_id']] ?? '';
                 }
             }
diff --git a/uniapp/pages.json b/uniapp/pages.json
index 2e649cd5..5c1dafe0 100644
--- a/uniapp/pages.json
+++ b/uniapp/pages.json
@@ -591,6 +591,33 @@
 				"navigationBarTextStyle": "black"
 			}
 		},
+		{
+			"path": "pages/market/my/my_data",
+			"style": {
+				"navigationBarTitleText": "我的数据",
+				"navigationStyle": "custom",
+				"navigationBarBackgroundColor": "#29d3b4",
+				"navigationBarTextStyle": "white"
+			}
+		},
+		{
+			"path": "pages/market/my/dept_data",
+			"style": {
+				"navigationBarTitleText": "部门数据",
+				"navigationStyle": "custom",
+				"navigationBarBackgroundColor": "#29d3b4",
+				"navigationBarTextStyle": "white"
+			}
+		},
+		{
+			"path": "pages/market/my/campus_data",
+			"style": {
+				"navigationBarTitleText": "校区数据",
+				"navigationStyle": "custom",
+				"navigationBarBackgroundColor": "#29d3b4",
+				"navigationBarTextStyle": "white"
+			}
+		},
 		{
 			"path": "pages/market/my/firm_info",
 			"style": {
diff --git a/uniapp/pages/coach/my/teaching_management_info.vue b/uniapp/pages/coach/my/teaching_management_info.vue
index 2c1fb359..f087daef 100644
--- a/uniapp/pages/coach/my/teaching_management_info.vue
+++ b/uniapp/pages/coach/my/teaching_management_info.vue
@@ -88,11 +88,11 @@
 					// 1. 下载文件到本地
 					const {
 						tempFilePath
-					} = await this.downloadFile(url);
-console.log($util.img(tempFilePath))
+					} = await this.downloadFile(this.$util.img('public/'+url));
+console.log(tempFilePath)
 					// 2. 打开文件
 					await uni.openDocument({
-						filePath: $util.img(tempFilePath),
+						filePath: this.$util.img(tempFilePath),
 						showMenu: true,
 						success: () => {
 							console.log('打开文档成功');
diff --git a/uniapp/pages/market/clue/clue_info.vue b/uniapp/pages/market/clue/clue_info.vue
index 7fc7885d..30ca447b 100644
--- a/uniapp/pages/market/clue/clue_info.vue
+++ b/uniapp/pages/market/clue/clue_info.vue
@@ -1,1918 +1,1890 @@
 <!--客户详情-->
 <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>
-										{{ $util.formatToDateTime((safeGet(clientInfo, 'customerResource.updated_at', '')),'m-d H:i') }}
-										跟进</view>
-
-									<view style="display: flex;align-items: center;">
-										<view style="padding-left: 30rpx;">
-											<image
-												v-if="safeGet(clientInfo, 'customerResource.initial_intent') == 'high'"
-												:src="$util.img('/uniapp_src/static/images/index/lvs.png')"
-												class="drop-image-x"></image>
-											<image
-												v-else-if="safeGet(clientInfo, 'customerResource.initial_intent') == 'medium'"
-												:src="$util.img('/uniapp_src/static/images/index/intention2.png')"
-												class="drop-image-x"></image>
-											<image v-else
-												:src="$util.img('/uniapp_src/static/images/index/intention1.png')"
-												class="drop-image-x">
-											</image>
-										</view>
-									</view>
-
-								</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 v-if="hasCourseInfo"
-								: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 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="{'selected-text': switch_tags_type === 5, 'text': switch_tags_type !== 5}"
-                      @click="switch_tags(5)">学习计划
+                <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>
-					</view>
-				</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="basic-message">基本信息</view>
-				<view class="basic-message-div">
-					<view class="basic-message-div-txt">
-						<view>来源渠道</view>
-						<view>{{safeGet(clientInfo, 'customerResource.source_channel_name', '未知渠道')}}</view>
-					</view>
-					<view class="basic-message-div-txt">
-						<view>来源</view>
-						<view>{{safeGet(clientInfo, 'customerResource.source_name', '未知来源')}}</view>
-					</view>
-					<view class="basic-message-div-txt">
-						<view>顾问</view>
-						<view>{{safeGet(clientInfo, 'customerResource.consultant_name', '未知顾问')}}</view>
-					</view>
-					<view class="basic-message-div-txt">
-						<view>学生姓名</view>
-						<view>{{safeGet(clientInfo, 'customerResource.name', '未知学生')}}</view>
-					</view>
-					<view class="basic-message-div-txt">
-						<view>性别</view>
-						<view>{{safeGet(clientInfo, 'customerResource.gender_name', '未知性别')}}</view>
-					</view>
-				</view>
-
-				<view class="basic-message">附加信息</view>
-				<view class="basic-message-div">
-					<view class="basic-message-div-txt" @click="openViewOrder()">
-						<view>已成交次数</view>
-						<view>{{safeGet(clientInfo, 'customerResource.cj_count', 0)}}次</view>
-					</view>
-					<view class="basic-message-div-txt">
-						<view>体验课程</view>
-						<view>{{safeGet(clientInfo, 'customerResource.trial_class_count', 0)}}次</view>
-					</view>
-				</view>
-				<view style="height: 200rpx;"></view>
-			</view>
-
-			<!--      课程信息-->
-			<view class="course-info" v-if="switch_tags_type == 2">
-				<view v-if="courseInfo && courseInfo.length > 0">
-					<view v-for="(course, index) in courseInfo" :key="index" class="course-item"
-						@click="viewCourseDetail(course)">
-						<view class="course-header">
-							<view class="course-title">{{ course.course_name || '未知课程' }}</view>
-							<view class="course-status" :class="'status-' + (course.status || 'default')">
-								{{ course.status === 'active' ? '进行中' : course.status === 'expired' ? '已过期' : course.status === 'completed' ? '已完成' : '未知状态' }}
-							</view>
-						</view>
-
-						<view class="course-progress">
-							<view class="progress-bar">
-								<view class="progress-fill"
-									:style="{width: ((course.total_count > 0 ? Math.round((course.used_count / course.total_count) * 100) : 0)) + '%'}">
-								</view>
-							</view>
-							<view class="progress-text">{{ course.used_count || 0 }}/{{ course.total_count || 0 }}节
-							</view>
-						</view>
-
-						<view class="course-details">
-							<view class="detail-row">
-								<view class="detail-label">剩余课时：</view>
-								<view class="detail-value">{{ (course.total_count || 0) - (course.used_count || 0) }}节
-								</view>
-							</view>
-							<view class="detail-row">
-								<view class="detail-label">有效期至：</view>
-								<view class="detail-value">
-									{{ $util.formatToDateTime(course.expiry_date, 'Y-m-d') || '无限期' }}</view>
-							</view>
-							<view class="detail-row">
-								<view class="detail-label">请假次数：</view>
-								<view class="detail-value">{{ course.leave_count || 0 }}次</view>
-							</view>
-							<view class="detail-row">
-								<view class="detail-label">主教练：</view>
-								<view class="detail-value">{{ course.main_coach_name || '未分配' }}</view>
-							</view>
-							<view class="detail-row">
-								<view class="detail-label">教务：</view>
-								<view class="detail-value">{{ course.education_name || '未分配' }}</view>
-							</view>
-							<view class="detail-row">
-								<view class="detail-label">助教：</view>
-								<view class="detail-value">{{ course.assistant_names || '无' }}</view>
-							</view>
-						</view>
-
-						<view class="course-actions">
-							<view class="action-btn" @click.stop="openCourseEditDialog(course)">点击修改教练配置</view>
-						</view>
-					</view>
-				</view>
-				<view v-else class="empty-course">
-					<image src="/static/images/empty.png" mode="aspectFit" class="empty-img"></image>
-					<text class="empty-text">暂无课程信息</text>
-				</view>
-				<view style="height: 200rpx;"></view>
-			</view>
-
-			<!--      跟进记录-->
-			<view class="follow-records" v-if="switch_tags_type == 4">
-				<view v-for="(v,k) in followList" :key="k">
-					<view class="basic-message">{{$util.formatToDateTime(v.follow_up_time,'m-d')}}</view>
-					<view class="follow-records-list">
-						<view style="display: flex;justify-content: space-between;padding: 16rpx 16rpx 16rpx 60rpx;">
-							<view>{{v.student_name}}</view>
-							<view>跟进({{v.student_phone}})</view>
-						</view>
-						<view style="padding: 16rpx 16rpx 16rpx 60rpx;">{{v.follow_up_content}}</view>
-						<view style="padding: 16rpx 16rpx 16rpx 60rpx;">{{v.follow_up_time}}</view>
-					</view>
-				</view>
-				<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>
-				<view style="height: 200rpx;"></view>
-			</view>
-
-			<!--      底部按钮组-->
-			<view class="bottom-label">
-				<view @click="openViewEditClues()">编辑详情</view>
-				<view @click="openViewEditClassLog()">课程安排</view>
-				<view @click="openViewEditCluesLog()">修改记录</view>
-				<view @click="openViewOrder()">订单列表</view>
-			</view>
-
-			<!-- 添加备注弹窗 -->
-			<uni-popup ref="remarkPopup" type="dialog">
-				<view class="custom-popup-dialog">
-					<view class="dialog-header">
-						<text class="dialog-title">{{currentRecord && currentRecord.remarks ? '修改备注' : '添加备注'}}</text>
-					</view>
-					<view class="dialog-content">
-						<view class="remark-textarea-container">
+            <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>
+      </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="basic-message">基本信息</view>
+      <view class="basic-message-div">
+        <view class="basic-message-div-txt">
+          <view>来源渠道</view>
+          <view>{{ safeGet(clientInfo, 'customerResource.source_channel_name', '未知渠道') }}</view>
+        </view>
+        <view class="basic-message-div-txt">
+          <view>来源</view>
+          <view>{{ safeGet(clientInfo, 'customerResource.source_name', '未知来源') }}</view>
+        </view>
+        <view class="basic-message-div-txt">
+          <view>顾问</view>
+          <view>{{ safeGet(clientInfo, 'customerResource.consultant_name', '未知顾问') }}</view>
+        </view>
+        <view class="basic-message-div-txt">
+          <view>学生姓名</view>
+          <view>{{ safeGet(clientInfo, 'customerResource.name', '未知学生') }}</view>
+        </view>
+        <view class="basic-message-div-txt">
+          <view>性别</view>
+          <view>{{ safeGet(clientInfo, 'customerResource.gender_name', '未知性别') }}</view>
+        </view>
+      </view>
+
+      <view class="basic-message">附加信息</view>
+      <view class="basic-message-div">
+        <view class="basic-message-div-txt" @click="openViewOrder()">
+          <view>已成交次数</view>
+          <view>{{ safeGet(clientInfo, 'customerResource.cj_count', 0) }}次</view>
+        </view>
+        <view class="basic-message-div-txt">
+          <view>体验课程</view>
+          <view>{{ safeGet(clientInfo, 'customerResource.trial_class_count', 0) }}次</view>
+        </view>
+      </view>
+      <view style="height: 200rpx;"></view>
+    </view>
+
+    <!--      课程信息-->
+    <view class="course-info" v-if="switch_tags_type == 2">
+      <view v-if="courseInfo && courseInfo.length > 0">
+        <view v-for="(course, index) in courseInfo" :key="index" class="course-item"
+              @click="viewCourseDetail(course)">
+          <view class="course-header">
+            <view class="course-title">{{ course.course_name || '未知课程' }}</view>
+            <view class="course-status" :class="'status-' + (course.status || 'default')">
+              {{ course.status === 'active' ? '进行中' : course.status === 'expired' ? '已过期' : course.status === 'completed' ? '已完成' : '未知状态'
+              }}
+            </view>
+          </view>
+
+          <view class="course-progress">
+            <view class="progress-bar">
+              <view class="progress-fill"
+                    :style="{width: ((course.total_count > 0 ? Math.round((course.used_count / course.total_count) * 100) : 0)) + '%'}">
+              </view>
+            </view>
+            <view class="progress-text">{{ course.used_count || 0 }}/{{ course.total_count || 0 }}节
+            </view>
+          </view>
+
+          <view class="course-details">
+            <view class="detail-row">
+              <view class="detail-label">剩余课时：</view>
+              <view class="detail-value">{{ (course.total_count || 0) - (course.used_count || 0) }}节
+              </view>
+            </view>
+            <view class="detail-row">
+              <view class="detail-label">有效期至：</view>
+              <view class="detail-value">
+                {{ $util.formatToDateTime(course.expiry_date, 'Y-m-d') || '无限期' }}
+              </view>
+            </view>
+            <view class="detail-row">
+              <view class="detail-label">请假次数：</view>
+              <view class="detail-value">{{ course.leave_count || 0 }}次</view>
+            </view>
+            <view class="detail-row">
+              <view class="detail-label">主教练：</view>
+              <view class="detail-value">{{ course.main_coach_name || '未分配' }}</view>
+            </view>
+            <view class="detail-row">
+              <view class="detail-label">教务：</view>
+              <view class="detail-value">{{ course.education_name || '未分配' }}</view>
+            </view>
+            <view class="detail-row">
+              <view class="detail-label">助教：</view>
+              <view class="detail-value">{{ course.assistant_names || '无' }}</view>
+            </view>
+          </view>
+
+          <view class="course-actions">
+            <view class="action-btn" @click.stop="openCourseEditDialog(course)">点击修改教练配置</view>
+          </view>
+        </view>
+      </view>
+      <view v-else class="empty-course">
+        <image src="/static/images/empty.png" mode="aspectFit" class="empty-img"></image>
+        <text class="empty-text">暂无课程信息</text>
+      </view>
+      <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>
+      <view style="height: 200rpx;"></view>
+    </view>
+    <!-- 体测记录 -->
+    <view class="follow-records" v-if="switch_tags_type == 4">
+
+    </view>
+    <!--  学习计划  -->
+    <view class="study-plan" v-if="switch_tags_type == 5">
+
+    </view>
+    <!--      底部按钮组-->
+    <view class="bottom-label">
+      <view @click="openViewEditClues()">编辑详情</view>
+      <view @click="openViewEditClassLog()">课程安排</view>
+      <view @click="openViewEditCluesLog()">修改记录</view>
+      <view @click="openViewOrder()">订单列表</view>
+      <view @click="openViewOrder()">服务列表</view>
+    </view>
+
+    <!-- 添加备注弹窗 -->
+    <uni-popup ref="remarkPopup" type="dialog">
+      <view class="custom-popup-dialog">
+        <view class="dialog-header">
+          <text class="dialog-title">{{ currentRecord && currentRecord.remarks ? '修改备注' : '添加备注' }}</text>
+        </view>
+        <view class="dialog-content">
+          <view class="remark-textarea-container">
 							<textarea class="remark-textarea" v-model="remark_content" placeholder="请输入备注内容"
-								maxlength="200"></textarea>
-							<text class="remark-count">{{remark_content.length}}/200</text>
-						</view>
-					</view>
-					<view class="dialog-footer">
-						<view class="dialog-btn cancel-btn" @click="closeRemark">取消</view>
-						<view class="dialog-btn confirm-btn" @click="confirmRemark">确定</view>
-					</view>
-				</view>
-			</uni-popup>
-
-			<!-- 教练配置编辑弹窗 -->
-			<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>
-		</view>
-	</view>
+                        maxlength="200"></textarea>
+            <text class="remark-count">{{ remark_content.length }}/200</text>
+          </view>
+        </view>
+        <view class="dialog-footer">
+          <view class="dialog-btn cancel-btn" @click="closeRemark">取消</view>
+          <view class="dialog-btn confirm-btn" @click="confirmRemark">确定</view>
+        </view>
+      </view>
+    </uni-popup>
+
+    <!-- 教练配置编辑弹窗 -->
+    <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>
+  </view>
+  </view>
 </template>
 
 <script>
-	import apiRoute from '@/api/apiRoute.js';
-	import marketApi from '@/api/market.js';
-
-	export default {
-		components: {
-			// 导入组件
-			uniPopup: () => import('@/components/uni-popup/uni-popup.vue'),
-		},
-		data() {
-			return {
-				switch_tags_type: 1,
-				select_type: 1,
-
-				resource_sharing_id: '', //共享资源表id
-				clientInfo: {
-					id: '', //共享资源id
-					resource_id: '', //客户资源id
-					customerResource: {}, //客户资源信息
-					sixSpeed: {}, //六要素信息
-				}, //共享资源详情
-
-				//跟进记录列表
-				followList: [],
-				//通话记录列表
-				listCallUp: [],
-
-				//当前登录的员工信息
-				userInfo: {},
-
-				// 备注相关
-				remark_content: '',
-				// 当前选中的通话记录
-				currentRecord: null,
-
-				// 课程信息相关
-				courseInfo: [], // 课程信息列表
-				currentCourse: null, // 当前选中的课程
-
-				// 教练配置相关
-				coachList: [], // 主教练列表
-				educationList: [], // 教务列表
-				assistantList: [], // 助教列表
-
-				// 选中的配置
-				selectedMainCoach: null, // 选中的主教练ID
-				selectedEducation: null, // 选中的教务ID
-				selectedAssistants: [], // 选中的助教ID数组
-			}
-		},
-		computed: {
-			// 判断是否有课程信息
-			hasCourseInfo() {
-				return this.courseInfo && Array.isArray(this.courseInfo) && this.courseInfo.length > 0;
-			}
-		},
-		onLoad(options) {
-			console.log('onLoad - 接收到参数:', options);
-
-			// 检查options是否存在且包含resource_sharing_id
-			if (!options || !options.resource_sharing_id) {
-				console.error('onLoad - 缺少必要参数resource_sharing_id');
-				uni.showToast({
-					title: '缺少必要参数',
-					icon: 'none'
-				});
-
-				// 延迟返回上一页
-				setTimeout(() => {
-					uni.navigateBack();
-				}, 1500);
-				return;
-			}
-
-			this.resource_sharing_id = options.resource_sharing_id //共享资源表id
-			console.log('onLoad - 设置 resource_sharing_id:', this.resource_sharing_id);
-		},
-		onShow() {
-			console.log('onShow - 开始初始化');
-			this.init()
-		},
-		methods: {
-			async init() {
-				console.log('init - 开始初始化流程');
-
-				// 恢复为串行请求处理，确保数据依赖关系正确
-				try {
-					// 先获取客户详情，因为其他操作可能依赖于客户详情
-					console.log('init - 开始获取客户详情');
-					await this.getInfo();
-					console.log('init - 客户详情获取完成');
-
-					// 获取员工信息、通话记录、教练列表和课程信息可以并行
-					console.log('init - 开始获取员工信息、通话记录、教练列表和课程信息');
-					await Promise.all([
-						this.getUserInfo(),
-						this.getListCallUp(),
-						this.getPersonnelList(),
-						this.getCourseInfo() // 添加课程信息获取
-					]);
-					console.log('init - 员工信息、通话记录、教练列表和课程信息获取完成');
-				} catch (error) {
-					console.error('init - 数据加载出错:', error);
-				}
-			},
-
-			//获取当前登录的员工信息
-			async getUserInfo() {
-				console.log('getUserInfo - 开始获取员工信息');
-				try {
-					let res = await apiRoute.getPersonnelInfo({})
-					if (res.code != 1) {
-						uni.showToast({
-							title: res.msg,
-							icon: 'none'
-						})
-						return false;
-					}
-
-					this.userInfo = res.data
-					console.log('getUserInfo - 员工信息获取成功');
-					return true;
-				} catch (error) {
-					console.error('getUserInfo - 获取员工信息失败:', error);
-					return false;
-				}
-			},
-
-			//获取客户详情
-			async getInfo() {
-				console.log('getInfo - 开始获取客户详情, resource_sharing_id:', this.resource_sharing_id);
-				try {
-					// 检查resource_sharing_id是否存在
-					if (!this.resource_sharing_id) {
-						console.error('getInfo - resource_sharing_id为空，无法获取客户详情');
-						uni.showToast({
-							title: '缺少必要参数',
-							icon: 'none'
-						});
-						return false;
-					}
-
-					let data = {
-						resource_sharing_id: this.resource_sharing_id //共享资源表id
-					}
-					console.log('getInfo - 发起请求:', data);
-					let res = await apiRoute.xs_resourceSharingInfo(data)
-					console.log('getInfo - 请求响应:', res);
-					if (res.code != 1) {
-						console.error('getInfo - 请求失败:', res.msg);
-						uni.showToast({
-							title: res.msg,
-							icon: 'none'
-						})
-						return false;
-					}
-					this.clientInfo = res.data
-					console.log('getInfo - 客户详情数据:', this.clientInfo);
-					console.log('getInfo - 客户详情获取完成');
-					return true;
-				} catch (error) {
-					console.error('getInfo - 获取客户详情失败:', error);
-					return false;
-				}
-			},
-
-			//获取跟进记录
-			async getFollowList() {
-				let data = {
-					sales_id: this.resource_sharing_id //
-				}
-				let res = await marketApi.followList(data)
-				if (res.code != 1) {
-					uni.showToast({
-						title: res.msg,
-						icon: 'none'
-					})
-					return
-				}
-				this.followList = res.data
-			},
-
-			//获取通话记录
-			async getListCallUp() {
-				console.log('getListCallUp - 开始获取通话记录');
-				try {
-					// 检查clientInfo.resource_id是否存在
-					if (!this.clientInfo || !this.clientInfo.resource_id) {
-						console.error('getListCallUp - resource_id为空，无法获取通话记录');
-						return false;
-					}
-
-					let data = {
-						resource_id: this.clientInfo.resource_id // 使用正确的参数名和客户资源ID
-					}
-					console.log('getListCallUp - 请求参数:', data);
-					let res = await apiRoute.listCallUp(data)
-					console.log('getListCallUp - 响应:', res);
-					if (res.code != 1) {
-						uni.showToast({
-							title: res.msg || '获取通话记录失败',
-							icon: 'none'
-						})
-						return false;
-					}
-					this.listCallUp = res.data || []
-					console.log('getListCallUp - 通话记录获取成功, 数量:', this.listCallUp.length);
-					return true;
-				} catch (error) {
-					console.error('getListCallUp - 获取通话记录失败:', error);
-					return false;
-				}
-			},
-
-			//跳转页面-编辑客户详情
-			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() {
-				// 检查必要参数是否存在
-				const resource_id = this.safeGet(this.clientInfo, 'resource_id');
-				if (!resource_id) {
-					console.error('openViewOrder - resource_id为空，无法跳转');
-					uni.showToast({
-						title: '缺少必要参数',
-						icon: 'none'
-					});
-					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', '') //员工姓名
-
-				this.$navigateTo({
-					url: `/pages/market/clue/order_list?resource_id=${resource_id}&resource_name=${resource_name}&staff_id=${staff_id}&staff_id_name=${staff_id_name}`
-				})
-			},
-
-			//跳转页面-课程安排
-			openViewEditClassLog() {
-				let resource_id = this.clientInfo.resource_id //客户资源id
-				let resource_name = this.clientInfo.customerResource.name || '' //客户资源id姓名
-
-				let staff_id = this.userInfo.id //员工id
-				let staff_id_name = this.userInfo.name || '' //员工姓名
-
-				this.$navigateTo({
-					url: `/pages/market/clue/class_arrangement?resource_id=${resource_id}&resource_name=${resource_name}&staff_id=${staff_id}&staff_id_name=${staff_id_name}`
-				})
-			},
-
-			//跳转页面-转接跟进任务
-			openViewNewTask() {
-				this.$navigateTo({
-					url: `/pages/market/clue/new_task`
-				})
-			},
-
-			//拨打电话
-			async callTel(tel) {
-				let param = {
-					staff_id: this.userInfo.id, //员工id
-					resource_id: this.clientInfo.resource_id, //资源ID
-					resource_type: '', //资源类型（如设备、文件、系统等）
-					communication_type: 'phone', //沟通类型: phone-电话, email-邮件, meeting-会议, other-其他
-					communication_result: 'success', //沟通结果: success-成功, failure-失败, pending-待定
-					remarks: null, //备注
-					tag: null, //标签
-				}
-
-				let res = await apiRoute.xs_communicationRecordsAdd(param) //添加通过记录
-				if (res.code != 1) {
-					uni.showToast({
-						title: res.msg,
-						icon: 'none'
-					})
-					return
-				}
-
-				uni.makePhoneCall({
-					phoneNumber: tel
-				})
-			},
-
-			// 打开添加备注弹窗
-			openAddRemark(record) {
-				this.remark_content = record.remarks || ''; // 如果有现有备注，显示出来
-				this.currentRecord = record;
-				this.$refs.remarkPopup.open();
-			},
-
-			// 确认添加备注
-			async confirmRemark() {
-				if (!this.remark_content.trim()) {
-					uni.showToast({
-						title: '请输入备注内容',
-						icon: 'none'
-					});
-					return;
-				}
-
-				// 检查是否选中了通话记录
-				if (!this.currentRecord || !this.currentRecord.id) {
-					uni.showToast({
-						title: '未选中通话记录',
-						icon: 'none'
-					});
-					return;
-				}
-
-				try {
-					uni.showLoading({
-						title: '提交中...',
-						mask: true
-					});
-
-					// 使用更新备注的接口而不是添加新记录
-					const params = {
-						id: this.currentRecord.id, // 通话记录ID
-						remarks: this.remark_content // 备注内容
-					};
-
-					console.log('更新通话记录备注:', params);
-
-					// 调用更新备注的接口
-					const res = await apiRoute.xs_communicationRecordsEdit(params);
-
-					if (res.code !== 1) {
-						uni.showToast({
-							title: res.msg || '更新备注失败',
-							icon: 'none'
-						});
-						return;
-					}
-
-					uni.showToast({
-						title: '备注更新成功',
-						icon: 'success'
-					});
-
-					// 刷新通话记录列表
-					await this.getListCallUp();
-
-				} catch (error) {
-					console.error('更新备注失败:', error);
-					uni.showToast({
-						title: '更新备注失败，请重试',
-						icon: 'none'
-					});
-				} finally {
-					uni.hideLoading();
-					this.closeRemark();
-				}
-			},
-
-			// 关闭备注弹窗
-			closeRemark() {
-				this.$refs.remarkPopup.close();
-			},
-
-			// 拨打电话按钮点击
-			handleMakeCall() {
-				if (!this.clientInfo.customerResource.phone_number) {
-					uni.showToast({
-						title: '电话号码为空',
-						icon: 'none'
-					});
-					return;
-				}
-				this.callTel(this.clientInfo.customerResource.phone_number);
-			},
-
-			// 发送消息按钮点击
-			handleSendMessage() {
-				if (!this.clientInfo.customerResource.member_id) {
-					uni.showToast({
-						title: '该客户未注册账号，无法发送消息',
-						icon: 'none'
-					});
-					return;
-				}
-
-				let from_id = uni.getStorageSync('userInfo').id //发送者的id
-				let to_id = this.clientInfo.customerResource.member_id //接收者ID
-				this.$navigateTo({
-					url: `/pages/common/im_chat_info?from_id=${from_id}&to_id=${to_id}`
-				})
-			},
-
-			//切换标签
-			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);
-				}
-			},
-			getSelect(type) {
-				this.select_type = type
-			},
-
-			// 获取课程信息
-			async getCourseInfo() {
-				try {
-					if (!this.clientInfo.resource_id) {
-						console.error('getCourseInfo - resource_id为空，无法获取课程信息');
-						this.courseInfo = [];
-						return false;
-					}
-
-					// 使用学生课程信息接口
-					const params = {
-						resource_id: this.clientInfo.resource_id,
-						member_id: this.clientInfo.customerResource.member_id || ''
-					};
-
-					console.log('getCourseInfo - 请求参数:', params);
-
-					try {
-						const res = await apiRoute.getStudentCourseInfo(params);
-						console.log('getCourseInfo - API响应:', res);
-
-						if (res.code === 1) {
-							// 格式化课程数据
-							this.courseInfo = this.formatCourseData(res.data || []);
-							console.log('getCourseInfo - 课程信息获取成功:', this.courseInfo);
-							return true;
-						} else {
-							console.warn('API返回错误:', res.msg);
-							this.courseInfo = [];
-							return false;
-						}
-					} catch (apiError) {
-						console.warn('获取课程信息API调用失败:', apiError);
-						this.courseInfo = [];
-						return false;
-					}
-				} catch (error) {
-					console.error('getCourseInfo - 获取课程信息异常:', error);
-					this.courseInfo = [];
-					return false;
-				}
-			},
-
-			// 格式化课程数据
-			formatCourseData(rawData) {
-				if (!Array.isArray(rawData)) {
-					return [];
-				}
-
-				return rawData.map(item => ({
-					id: item.id || Math.random(),
-					course_name: item.course_name || '未知课程',
-					total_count: item.total_count || 0,
-					used_count: item.used_count || 0,
-					leave_count: item.leave_count || 0,
-					expiry_date: item.expiry_date || '',
-					status: item.status || 'active',
-					main_coach_id: item.main_coach_id || null,
-					main_coach_name: item.main_coach_name || '未分配',
-					education_id: item.education_id || null,
-					education_name: item.education_name || '未分配',
-					assistant_ids: item.assistant_ids || '',
-					assistant_names: item.assistant_names || '无'
-				}));
-			},
-
-
-			// 获取人员列表（教练、教务、助教）
-			async getPersonnelList() {
-				try {
-					console.log('getPersonnelList - 开始获取教练数据');
-
-					uni.showLoading({
-						title: '获取教练数据...'
-					});
-
-					const res = await apiRoute.common_getCoachList();
-					console.log('getPersonnelList - API响应:', res);
-
-					uni.hideLoading();
-
-					if (res.code === 1 && res.data) {
-						// 直接使用后端返回的分类数据
-						this.coachList = res.data.coach_list || [];
-						this.educationList = res.data.education_list || [];
-						this.assistantList = res.data.assistant_list || [];
-
-						console.log('getPersonnelList - 教练数据获取成功');
-						console.log('教练列表:', this.coachList);
-						console.log('教务列表:', this.educationList);
-						console.log('助教列表:', this.assistantList);
-						return true;
-					} else {
-						console.warn('API返回错误:', res);
-
-						// 显示API错误信息
-						uni.showToast({
-							title: res.msg || '获取教练数据失败',
-							icon: 'none'
-						});
-
-						// 如果API调用失败，使用模拟数据
-						this.coachList = this.getMockCoachList();
-						this.educationList = this.getMockEducationList();
-						this.assistantList = this.getMockAssistantList();
-
-						console.log('getPersonnelList - 使用模拟教练数据');
-						console.log('模拟教练列表:', this.coachList);
-						console.log('模拟教务列表:', this.educationList);
-						console.log('模拟助教列表:', this.assistantList);
-						return true;
-					}
-				} catch (error) {
-					console.error('getPersonnelList - 获取教练列表异常:', error);
-					uni.hideLoading();
-
-					// 显示错误信息
-					uni.showToast({
-						title: '网络错误，使用模拟数据',
-						icon: 'none'
-					});
-
-					// 降级到模拟数据
-					this.coachList = this.getMockCoachList();
-					this.educationList = this.getMockEducationList();
-					this.assistantList = this.getMockAssistantList();
-
-					console.log('getPersonnelList - 使用模拟教练数据（异常情况）');
-					console.log('模拟教练列表:', this.coachList);
-					console.log('模拟教务列表:', this.educationList);
-					console.log('模拟助教列表:', this.assistantList);
-					return false;
-				}
-			},
-
-			// 获取模拟教练数据
-			getMockCoachList() {
-				return [{
-						id: 1,
-						person_id: 1,
-						name: '张教练',
-						head_img: '',
-						phone: ''
-					},
-					{
-						id: 5,
-						person_id: 5,
-						name: '陈教练',
-						head_img: '',
-						phone: ''
-					},
-					{
-						id: 7,
-						person_id: 7,
-						name: '刘教练',
-						head_img: '',
-						phone: ''
-					}
-				];
-			},
-
-			// 获取模拟教务数据
-			getMockEducationList() {
-				return [{
-						id: 2,
-						person_id: 2,
-						name: '李教务',
-						head_img: '',
-						phone: ''
-					},
-					{
-						id: 8,
-						person_id: 8,
-						name: '周教务',
-						head_img: '',
-						phone: ''
-					}
-				];
-			},
-
-			// 获取模拟助教数据
-			getMockAssistantList() {
-				return [{
-						id: 3,
-						person_id: 3,
-						name: '王助教',
-						head_img: '',
-						phone: ''
-					},
-					{
-						id: 4,
-						person_id: 4,
-						name: '赵助教',
-						head_img: '',
-						phone: ''
-					},
-					{
-						id: 6,
-						person_id: 6,
-						name: '孙助教',
-						head_img: '',
-						phone: ''
-					},
-					{
-						id: 9,
-						person_id: 9,
-						name: '钱助教',
-						head_img: '',
-						phone: ''
-					}
-				];
-			},
-
-			// 打开课程编辑弹窗
-			async openCourseEditDialog(course) {
-				this.currentCourse = course;
-
-				// 确保教练数据已加载
-				console.log('打开教练配置弹窗，检查教练数据:', {
-					coachList: this.coachList,
-					educationList: this.educationList,
-					assistantList: this.assistantList
-				});
-
-				// 如果教练数据为空，重新获取
-				if (!this.coachList.length && !this.educationList.length && !this.assistantList.length) {
-					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();
-			},
-
-			// 选择主教练
-			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() {
-				try {
-					uni.showLoading({
-						title: '保存中...',
-						mask: true
-					});
-
-					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数组
-					};
-
-					console.log('准备保存教练配置:', params);
-
-					try {
-						// 调用真实的API接口
-						const res = await apiRoute.updateStudentCoursePersonnel(params);
-						if (res.code === 1) {
-							uni.showToast({
-								title: '修改成功',
-								icon: 'success'
-							});
-
-							// 刷新课程信息
-							await this.getCourseInfo();
-
-						} else {
-							uni.showToast({
-								title: res.msg || '修改失败',
-								icon: 'none'
-							});
-							return;
-						}
-					} catch (apiError) {
-						console.warn('API调用失败，使用本地更新:', apiError);
-
-						// API调用失败时的降级处理：更新本地数据
-						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);
-							if (mainCoach) {
-								this.courseInfo[courseIndex].main_coach_id = this.selectedMainCoach;
-								this.courseInfo[courseIndex].main_coach_name = mainCoach.name;
-							}
-
-							// 更新教务
-							const education = this.educationList.find(e => e.person_id === this.selectedEducation);
-							if (education) {
-								this.courseInfo[courseIndex].education_id = this.selectedEducation;
-								this.courseInfo[courseIndex].education_name = education.name;
-							}
-
-							// 更新助教
-							const assistantNames = this.selectedAssistants.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_names = assistantNames || '无';
-						}
-
-						uni.showToast({
-							title: '修改成功（本地）',
-							icon: 'success'
-						});
-					}
-
-				} catch (error) {
-					console.error('confirmCourseEdit - 修改教练配置失败:', error);
-					uni.showToast({
-						title: '修改失败，请重试',
-						icon: 'none'
-					});
-				} finally {
-					uni.hideLoading();
-					this.$refs.courseEditPopup.close();
-				}
-			},
-
-			// 关闭课程编辑弹窗
-			closeCourseEdit() {
-				this.$refs.courseEditPopup.close();
-			},
-			
-			// 查看课程详情
-			viewCourseDetail(course) {
-				// 检查课程信息ID是否存在
-				if (!course || !course.id) {
-					console.error('课程信息ID缺失，无法跳转到详情页面');
-					uni.showToast({
-						title: '课程信息不完整',
-						icon: 'none'
-					});
-					return;
-				}
-				
-				console.log('跳转到课程详情页面，课程ID:', course.id);
-				
-				// 跳转到课程详情页面，带上课程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', '未知学生'))}`
-				});
-			},
-
-
-			// 安全访问对象属性的方法，优化性能
-			safeGet(obj, path, defaultValue = '') {
-				if (!obj) return defaultValue;
-
-				// 使用缓存来提高性能
-				if (!this._pathCache) this._pathCache = {};
-
-				// 使用路径作为缓存键
-				const cacheKey = path;
-
-				// 如果这个路径没有缓存过分割结果，则计算并缓存
-				if (!this._pathCache[cacheKey]) {
-					this._pathCache[cacheKey] = path.split('.');
-				}
-
-				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];
-				}
-
-				return result || defaultValue;
-			},
-		}
-	}
+import apiRoute from '@/api/apiRoute.js'
+import marketApi from '@/api/market.js'
+
+export default {
+  components: {
+    // 导入组件
+    uniPopup: () => import('@/components/uni-popup/uni-popup.vue'),
+  },
+  data() {
+    return {
+      switch_tags_type: 1,
+      select_type: 1,
+
+      resource_sharing_id: '', //共享资源表id
+      clientInfo: {
+        id: '', //共享资源id
+        resource_id: '', //客户资源id
+        customerResource: {}, //客户资源信息
+        sixSpeed: {}, //六要素信息
+      }, //共享资源详情
+
+      //跟进记录列表
+      followList: [],
+      //通话记录列表
+      listCallUp: [],
+
+      //当前登录的员工信息
+      userInfo: {},
+
+      // 备注相关
+      remark_content: '',
+      // 当前选中的通话记录
+      currentRecord: null,
+
+      // 课程信息相关
+      courseInfo: [], // 课程信息列表
+      currentCourse: null, // 当前选中的课程
+
+      // 教练配置相关
+      coachList: [], // 主教练列表
+      educationList: [], // 教务列表
+      assistantList: [], // 助教列表
+
+      // 选中的配置
+      selectedMainCoach: null, // 选中的主教练ID
+      selectedEducation: null, // 选中的教务ID
+      selectedAssistants: [], // 选中的助教ID数组
+    }
+  },
+  computed: {
+    // 判断是否有课程信息
+    hasCourseInfo() {
+      return this.courseInfo && Array.isArray(this.courseInfo) && this.courseInfo.length > 0
+    },
+  },
+  onLoad(options) {
+    console.log('onLoad - 接收到参数:', options)
+
+    // 检查options是否存在且包含resource_sharing_id
+    if (!options || !options.resource_sharing_id) {
+      console.error('onLoad - 缺少必要参数resource_sharing_id')
+      uni.showToast({
+        title: '缺少必要参数',
+        icon: 'none',
+      })
+
+      // 延迟返回上一页
+      setTimeout(() => {
+        uni.navigateBack()
+      }, 1500)
+      return
+    }
+
+    this.resource_sharing_id = options.resource_sharing_id //共享资源表id
+    console.log('onLoad - 设置 resource_sharing_id:', this.resource_sharing_id)
+  },
+  onShow() {
+    console.log('onShow - 开始初始化')
+    this.init()
+  },
+  methods: {
+    async init() {
+      console.log('init - 开始初始化流程')
+
+      // 恢复为串行请求处理，确保数据依赖关系正确
+      try {
+        // 先获取客户详情，因为其他操作可能依赖于客户详情
+        console.log('init - 开始获取客户详情')
+        await this.getInfo()
+        console.log('init - 客户详情获取完成')
+
+        // 获取员工信息、通话记录、教练列表和课程信息可以并行
+        console.log('init - 开始获取员工信息、通话记录、教练列表和课程信息')
+        await Promise.all([
+          this.getUserInfo(),
+          this.getListCallUp(),
+          this.getPersonnelList(),
+          this.getCourseInfo(), // 添加课程信息获取
+        ])
+        console.log('init - 员工信息、通话记录、教练列表和课程信息获取完成')
+      } catch (error) {
+        console.error('init - 数据加载出错:', error)
+      }
+    },
+
+    //获取当前登录的员工信息
+    async getUserInfo() {
+      console.log('getUserInfo - 开始获取员工信息')
+      try {
+        let res = await apiRoute.getPersonnelInfo({})
+        if (res.code != 1) {
+          uni.showToast({
+            title: res.msg,
+            icon: 'none',
+          })
+          return false
+        }
+
+        this.userInfo = res.data
+        console.log('getUserInfo - 员工信息获取成功')
+        return true
+      } catch (error) {
+        console.error('getUserInfo - 获取员工信息失败:', error)
+        return false
+      }
+    },
+
+    //获取客户详情
+    async getInfo() {
+      console.log('getInfo - 开始获取客户详情, resource_sharing_id:', this.resource_sharing_id)
+      try {
+        // 检查resource_sharing_id是否存在
+        if (!this.resource_sharing_id) {
+          console.error('getInfo - resource_sharing_id为空，无法获取客户详情')
+          uni.showToast({
+            title: '缺少必要参数',
+            icon: 'none',
+          })
+          return false
+        }
+
+        let data = {
+          resource_sharing_id: this.resource_sharing_id, //共享资源表id
+        }
+        console.log('getInfo - 发起请求:', data)
+        let res = await apiRoute.xs_resourceSharingInfo(data)
+        console.log('getInfo - 请求响应:', res)
+        if (res.code != 1) {
+          console.error('getInfo - 请求失败:', res.msg)
+          uni.showToast({
+            title: res.msg,
+            icon: 'none',
+          })
+          return false
+        }
+        this.clientInfo = res.data
+        console.log('getInfo - 客户详情数据:', this.clientInfo)
+        console.log('getInfo - 客户详情获取完成')
+        return true
+      } catch (error) {
+        console.error('getInfo - 获取客户详情失败:', error)
+        return false
+      }
+    },
+
+    //获取跟进记录
+    async getFollowList() {
+      let data = {
+        sales_id: this.resource_sharing_id, //
+      }
+      let res = await marketApi.followList(data)
+      if (res.code != 1) {
+        uni.showToast({
+          title: res.msg,
+          icon: 'none',
+        })
+        return
+      }
+      this.followList = res.data
+    },
+
+    //获取通话记录
+    async getListCallUp() {
+      console.log('getListCallUp - 开始获取通话记录')
+      try {
+        // 检查clientInfo.resource_id是否存在
+        if (!this.clientInfo || !this.clientInfo.resource_id) {
+          console.error('getListCallUp - resource_id为空，无法获取通话记录')
+          return false
+        }
+
+        let data = {
+          resource_id: this.clientInfo.resource_id, // 使用正确的参数名和客户资源ID
+        }
+        console.log('getListCallUp - 请求参数:', data)
+        let res = await apiRoute.listCallUp(data)
+        console.log('getListCallUp - 响应:', res)
+        if (res.code != 1) {
+          uni.showToast({
+            title: res.msg || '获取通话记录失败',
+            icon: 'none',
+          })
+          return false
+        }
+        this.listCallUp = res.data || []
+        console.log('getListCallUp - 通话记录获取成功, 数量:', this.listCallUp.length)
+        return true
+      } catch (error) {
+        console.error('getListCallUp - 获取通话记录失败:', error)
+        return false
+      }
+    },
+
+    //跳转页面-编辑客户详情
+    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() {
+      // 检查必要参数是否存在
+      const resource_id = this.safeGet(this.clientInfo, 'resource_id')
+      if (!resource_id) {
+        console.error('openViewOrder - resource_id为空，无法跳转')
+        uni.showToast({
+          title: '缺少必要参数',
+          icon: 'none',
+        })
+        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', '') //员工姓名
+
+      this.$navigateTo({
+        url: `/pages/market/clue/order_list?resource_id=${resource_id}&resource_name=${resource_name}&staff_id=${staff_id}&staff_id_name=${staff_id_name}`,
+      })
+    },
+
+    //跳转页面-课程安排
+    openViewEditClassLog() {
+      let resource_id = this.clientInfo.resource_id //客户资源id
+      let resource_name = this.clientInfo.customerResource.name || '' //客户资源id姓名
+
+      let staff_id = this.userInfo.id //员工id
+      let staff_id_name = this.userInfo.name || '' //员工姓名
+
+      this.$navigateTo({
+        url: `/pages/market/clue/class_arrangement?resource_id=${resource_id}&resource_name=${resource_name}&staff_id=${staff_id}&staff_id_name=${staff_id_name}`,
+      })
+    },
+
+    //跳转页面-转接跟进任务
+    openViewNewTask() {
+      this.$navigateTo({
+        url: `/pages/market/clue/new_task`,
+      })
+    },
+
+    //拨打电话
+    async callTel(tel) {
+      let param = {
+        staff_id: this.userInfo.id, //员工id
+        resource_id: this.clientInfo.resource_id, //资源ID
+        resource_type: '', //资源类型（如设备、文件、系统等）
+        communication_type: 'phone', //沟通类型: phone-电话, email-邮件, meeting-会议, other-其他
+        communication_result: 'success', //沟通结果: success-成功, failure-失败, pending-待定
+        remarks: null, //备注
+        tag: null, //标签
+      }
+
+      let res = await apiRoute.xs_communicationRecordsAdd(param) //添加通过记录
+      if (res.code != 1) {
+        uni.showToast({
+          title: res.msg,
+          icon: 'none',
+        })
+        return
+      }
+
+      uni.makePhoneCall({
+        phoneNumber: tel,
+      })
+    },
+
+    // 打开添加备注弹窗
+    openAddRemark(record) {
+      this.remark_content = record.remarks || '' // 如果有现有备注，显示出来
+      this.currentRecord = record
+      this.$refs.remarkPopup.open()
+    },
+
+    // 确认添加备注
+    async confirmRemark() {
+      if (!this.remark_content.trim()) {
+        uni.showToast({
+          title: '请输入备注内容',
+          icon: 'none',
+        })
+        return
+      }
+
+      // 检查是否选中了通话记录
+      if (!this.currentRecord || !this.currentRecord.id) {
+        uni.showToast({
+          title: '未选中通话记录',
+          icon: 'none',
+        })
+        return
+      }
+
+      try {
+        uni.showLoading({
+          title: '提交中...',
+          mask: true,
+        })
+
+        // 使用更新备注的接口而不是添加新记录
+        const params = {
+          id: this.currentRecord.id, // 通话记录ID
+          remarks: this.remark_content, // 备注内容
+        }
+
+        console.log('更新通话记录备注:', params)
+
+        // 调用更新备注的接口
+        const res = await apiRoute.xs_communicationRecordsEdit(params)
+
+        if (res.code !== 1) {
+          uni.showToast({
+            title: res.msg || '更新备注失败',
+            icon: 'none',
+          })
+          return
+        }
+
+        uni.showToast({
+          title: '备注更新成功',
+          icon: 'success',
+        })
+
+        // 刷新通话记录列表
+        await this.getListCallUp()
+
+      } catch (error) {
+        console.error('更新备注失败:', error)
+        uni.showToast({
+          title: '更新备注失败，请重试',
+          icon: 'none',
+        })
+      } finally {
+        uni.hideLoading()
+        this.closeRemark()
+      }
+    },
+
+    // 关闭备注弹窗
+    closeRemark() {
+      this.$refs.remarkPopup.close()
+    },
+
+    // 拨打电话按钮点击
+    handleMakeCall() {
+      if (!this.clientInfo.customerResource.phone_number) {
+        uni.showToast({
+          title: '电话号码为空',
+          icon: 'none',
+        })
+        return
+      }
+      this.callTel(this.clientInfo.customerResource.phone_number)
+    },
+
+    // 发送消息按钮点击
+    handleSendMessage() {
+      if (!this.clientInfo.customerResource.member_id) {
+        uni.showToast({
+          title: '该客户未注册账号，无法发送消息',
+          icon: 'none',
+        })
+        return
+      }
+
+      let from_id = uni.getStorageSync('userInfo').id //发送者的id
+      let to_id = this.clientInfo.customerResource.member_id //接收者ID
+      this.$navigateTo({
+        url: `/pages/common/im_chat_info?from_id=${from_id}&to_id=${to_id}`,
+      })
+    },
+
+    //切换标签
+    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)
+      }
+    },
+    getSelect(type) {
+      this.select_type = type
+    },
+
+    // 获取课程信息
+    async getCourseInfo() {
+      try {
+        if (!this.clientInfo.resource_id) {
+          console.error('getCourseInfo - resource_id为空，无法获取课程信息')
+          this.courseInfo = []
+          return false
+        }
+
+        // 使用学生课程信息接口
+        const params = {
+          resource_id: this.clientInfo.resource_id,
+          member_id: this.clientInfo.customerResource.member_id || '',
+        }
+
+        console.log('getCourseInfo - 请求参数:', params)
+
+        try {
+          const res = await apiRoute.getStudentCourseInfo(params)
+          console.log('getCourseInfo - API响应:', res)
+
+          if (res.code === 1) {
+            // 格式化课程数据
+            this.courseInfo = this.formatCourseData(res.data || [])
+            console.log('getCourseInfo - 课程信息获取成功:', this.courseInfo)
+            return true
+          } else {
+            console.warn('API返回错误:', res.msg)
+            this.courseInfo = []
+            return false
+          }
+        } catch (apiError) {
+          console.warn('获取课程信息API调用失败:', apiError)
+          this.courseInfo = []
+          return false
+        }
+      } catch (error) {
+        console.error('getCourseInfo - 获取课程信息异常:', error)
+        this.courseInfo = []
+        return false
+      }
+    },
+
+    // 格式化课程数据
+    formatCourseData(rawData) {
+      if (!Array.isArray(rawData)) {
+        return []
+      }
+
+      return rawData.map(item => ({
+        id: item.id || Math.random(),
+        course_name: item.course_name || '未知课程',
+        total_count: item.total_count || 0,
+        used_count: item.used_count || 0,
+        leave_count: item.leave_count || 0,
+        expiry_date: item.expiry_date || '',
+        status: item.status || 'active',
+        main_coach_id: item.main_coach_id || null,
+        main_coach_name: item.main_coach_name || '未分配',
+        education_id: item.education_id || null,
+        education_name: item.education_name || '未分配',
+        assistant_ids: item.assistant_ids || '',
+        assistant_names: item.assistant_names || '无',
+      }))
+    },
+
+
+    // 获取人员列表（教练、教务、助教）
+    async getPersonnelList() {
+      try {
+        console.log('getPersonnelList - 开始获取教练数据')
+
+        uni.showLoading({
+          title: '获取教练数据...',
+        })
+
+        const res = await apiRoute.common_getCoachList()
+        console.log('getPersonnelList - API响应:', res)
+
+        uni.hideLoading()
+
+        if (res.code === 1 && res.data) {
+          // 直接使用后端返回的分类数据
+          this.coachList = res.data.coach_list || []
+          this.educationList = res.data.education_list || []
+          this.assistantList = res.data.assistant_list || []
+
+          console.log('getPersonnelList - 教练数据获取成功')
+          console.log('教练列表:', this.coachList)
+          console.log('教务列表:', this.educationList)
+          console.log('助教列表:', this.assistantList)
+          return true
+        } else {
+          console.warn('API返回错误:', res)
+
+          // 显示API错误信息
+          uni.showToast({
+            title: res.msg || '获取教练数据失败',
+            icon: 'none',
+          })
+
+          // 如果API调用失败，使用模拟数据
+          this.coachList = this.getMockCoachList()
+          this.educationList = this.getMockEducationList()
+          this.assistantList = this.getMockAssistantList()
+
+          console.log('getPersonnelList - 使用模拟教练数据')
+          console.log('模拟教练列表:', this.coachList)
+          console.log('模拟教务列表:', this.educationList)
+          console.log('模拟助教列表:', this.assistantList)
+          return true
+        }
+      } catch (error) {
+        console.error('getPersonnelList - 获取教练列表异常:', error)
+        uni.hideLoading()
+
+        // 显示错误信息
+        uni.showToast({
+          title: '网络错误，使用模拟数据',
+          icon: 'none',
+        })
+
+        // 降级到模拟数据
+        this.coachList = this.getMockCoachList()
+        this.educationList = this.getMockEducationList()
+        this.assistantList = this.getMockAssistantList()
+
+        console.log('getPersonnelList - 使用模拟教练数据（异常情况）')
+        console.log('模拟教练列表:', this.coachList)
+        console.log('模拟教务列表:', this.educationList)
+        console.log('模拟助教列表:', this.assistantList)
+        return false
+      }
+    },
+
+    // 获取模拟教练数据
+    getMockCoachList() {
+      return [{
+        id: 1,
+        person_id: 1,
+        name: '张教练',
+        head_img: '',
+        phone: '',
+      },
+        {
+          id: 5,
+          person_id: 5,
+          name: '陈教练',
+          head_img: '',
+          phone: '',
+        },
+        {
+          id: 7,
+          person_id: 7,
+          name: '刘教练',
+          head_img: '',
+          phone: '',
+        },
+      ]
+    },
+
+    // 获取模拟教务数据
+    getMockEducationList() {
+      return [{
+        id: 2,
+        person_id: 2,
+        name: '李教务',
+        head_img: '',
+        phone: '',
+      },
+        {
+          id: 8,
+          person_id: 8,
+          name: '周教务',
+          head_img: '',
+          phone: '',
+        },
+      ]
+    },
+
+    // 获取模拟助教数据
+    getMockAssistantList() {
+      return [{
+        id: 3,
+        person_id: 3,
+        name: '王助教',
+        head_img: '',
+        phone: '',
+      },
+        {
+          id: 4,
+          person_id: 4,
+          name: '赵助教',
+          head_img: '',
+          phone: '',
+        },
+        {
+          id: 6,
+          person_id: 6,
+          name: '孙助教',
+          head_img: '',
+          phone: '',
+        },
+        {
+          id: 9,
+          person_id: 9,
+          name: '钱助教',
+          head_img: '',
+          phone: '',
+        },
+      ]
+    },
+
+    // 打开课程编辑弹窗
+    async openCourseEditDialog(course) {
+      this.currentCourse = course
+
+      // 确保教练数据已加载
+      console.log('打开教练配置弹窗，检查教练数据:', {
+        coachList: this.coachList,
+        educationList: this.educationList,
+        assistantList: this.assistantList,
+      })
+
+      // 如果教练数据为空，重新获取
+      if (!this.coachList.length && !this.educationList.length && !this.assistantList.length) {
+        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()
+    },
+
+    // 选择主教练
+    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() {
+      try {
+        uni.showLoading({
+          title: '保存中...',
+          mask: true,
+        })
+
+        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数组
+        }
+
+        console.log('准备保存教练配置:', params)
+
+        try {
+          // 调用真实的API接口
+          const res = await apiRoute.updateStudentCoursePersonnel(params)
+          if (res.code === 1) {
+            uni.showToast({
+              title: '修改成功',
+              icon: 'success',
+            })
+
+            // 刷新课程信息
+            await this.getCourseInfo()
+
+          } else {
+            uni.showToast({
+              title: res.msg || '修改失败',
+              icon: 'none',
+            })
+            return
+          }
+        } catch (apiError) {
+          console.warn('API调用失败，使用本地更新:', apiError)
+
+          // API调用失败时的降级处理：更新本地数据
+          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)
+            if (mainCoach) {
+              this.courseInfo[courseIndex].main_coach_id = this.selectedMainCoach
+              this.courseInfo[courseIndex].main_coach_name = mainCoach.name
+            }
+
+            // 更新教务
+            const education = this.educationList.find(e => e.person_id === this.selectedEducation)
+            if (education) {
+              this.courseInfo[courseIndex].education_id = this.selectedEducation
+              this.courseInfo[courseIndex].education_name = education.name
+            }
+
+            // 更新助教
+            const assistantNames = this.selectedAssistants.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_names = assistantNames || '无'
+          }
+
+          uni.showToast({
+            title: '修改成功（本地）',
+            icon: 'success',
+          })
+        }
+
+      } catch (error) {
+        console.error('confirmCourseEdit - 修改教练配置失败:', error)
+        uni.showToast({
+          title: '修改失败，请重试',
+          icon: 'none',
+        })
+      } finally {
+        uni.hideLoading()
+        this.$refs.courseEditPopup.close()
+      }
+    },
+
+    // 关闭课程编辑弹窗
+    closeCourseEdit() {
+      this.$refs.courseEditPopup.close()
+    },
+
+    // 查看课程详情
+    viewCourseDetail(course) {
+      // 检查课程信息ID是否存在
+      if (!course || !course.id) {
+        console.error('课程信息ID缺失，无法跳转到详情页面')
+        uni.showToast({
+          title: '课程信息不完整',
+          icon: 'none',
+        })
+        return
+      }
+
+      console.log('跳转到课程详情页面，课程ID:', course.id)
+
+      // 跳转到课程详情页面，带上课程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', '未知学生'))}`,
+      })
+    },
+
+
+    // 安全访问对象属性的方法，优化性能
+    safeGet(obj, path, defaultValue = '') {
+      if (!obj) return defaultValue
+
+      // 使用缓存来提高性能
+      if (!this._pathCache) this._pathCache = {}
+
+      // 使用路径作为缓存键
+      const cacheKey = path
+
+      // 如果这个路径没有缓存过分割结果，则计算并缓存
+      if (!this._pathCache[cacheKey]) {
+        this._pathCache[cacheKey] = path.split('.')
+      }
+
+      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]
+      }
+
+      return result || defaultValue
+    },
+  },
+}
 </script>
 
 <style lang="less" scoped>
-	.assemble {
-		width: 100%;
-		height: 100vh;
-		overflow: auto;
-		background-color: #292929;
-	}
-
-	.main_box {
-		background: #292929;
-		min-height: 28vh;
-	}
-
-	// 操作按钮样式
-	.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;
-	}
+.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;
+}
 </style>
\ No newline at end of file
diff --git a/uniapp/pages/market/course/course_detail.vue b/uniapp/pages/market/course/course_detail.vue
index a97e4970..a7dab243 100644
--- a/uniapp/pages/market/course/course_detail.vue
+++ b/uniapp/pages/market/course/course_detail.vue
@@ -4,7 +4,7 @@
     <view class="course-info-card">
       <view class="course-header">
         <text class="course-title">{{ courseInfo.course_name || '课程详情' }}</text>
-        <view class="course-status" :class="getStatusClass(courseInfo.status)">
+        <view :class="['course-status',getStatusClass(courseInfo.status)]">
           {{ getStatusText(courseInfo.status) }}
         </view>
       </view>
@@ -54,16 +54,16 @@
         
         <view class="schedule-info">
           <view class="schedule-type">
-            <text class="type-tag" :class="getScheduleTypeClass(item.schedule_type)">
+            <text :class="['type-tag',getScheduleTypeClass(item.schedule_type)]">
               {{ getScheduleTypeText(item.schedule_type) }}
             </text>
-            <text class="course-type-tag" :class="getCourseTypeClass(item.course_type)">
+            <text :class="['type-tag',getCourseTypeClass(item.course_type)]">
               {{ getCourseTypeText(item.course_type) }}
             </text>
           </view>
           
           <view class="schedule-status">
-            <text class="status-text" :class="getScheduleStatusClass(item.status)">
+            <text :class="['status-tag',getScheduleStatusClass(item.status)]">
               {{ getScheduleStatusText(item.status) }}
             </text>
           </view>
diff --git a/uniapp/pages/market/my/campus_data.vue b/uniapp/pages/market/my/campus_data.vue
new file mode 100644
index 00000000..bba0c6e3
--- /dev/null
+++ b/uniapp/pages/market/my/campus_data.vue
@@ -0,0 +1,495 @@
+<!--校区数据-->
+<template>
+  <view class="main_box">
+    <!--自定义导航栏-->
+    <view class="navbar_section">
+      <view class="navbar_content">
+        <view class="back_btn" @click="goBack">
+          <fui-icon name="arrowleft" size="32" color="#fff"></fui-icon>
+        </view>
+        <view class="title">校区数据</view>
+        <view class="placeholder"></view>
+      </view>
+    </view>
+
+    <view class="content_section">
+      <!-- 校区选择器 -->
+      <view class="campus_selector">
+        <view class="selector_label">选择校区：</view>
+        <view class="selector_box">
+          <view class="selected_campus">请选择校区</view>
+          <fui-icon name="dropdown" size="24" color="#999"></fui-icon>
+        </view>
+      </view>
+
+      <!-- 数据概览卡片 -->
+      <view class="overview_cards">
+        <view class="card_item">
+          <view class="card_icon">
+            <fui-icon name="home" size="40" color="#29D3B4"></fui-icon>
+          </view>
+          <view class="card_content">
+            <view class="card_title">部门数量</view>
+            <view class="card_value">--</view>
+          </view>
+        </view>
+
+        <view class="card_item">
+          <view class="card_icon">
+            <fui-icon name="addressbook" size="40" color="#29D3B4"></fui-icon>
+          </view>
+          <view class="card_content">
+            <view class="card_title">员工总数</view>
+            <view class="card_value">--</view>
+          </view>
+        </view>
+
+        <view class="card_item">
+          <view class="card_icon">
+            <fui-icon name="star" size="40" color="#29D3B4"></fui-icon>
+          </view>
+          <view class="card_content">
+            <view class="card_title">客户总数</view>
+            <view class="card_value">--</view>
+          </view>
+        </view>
+
+        <view class="card_item">
+          <view class="card_icon">
+            <fui-icon name="wallet" size="40" color="#29D3B4"></fui-icon>
+          </view>
+          <view class="card_content">
+            <view class="card_title">校区业绩</view>
+            <view class="card_value">--</view>
+          </view>
+        </view>
+      </view>
+
+      <!-- 部门对比 -->
+      <view class="dept_comparison">
+        <view class="section_title">部门业绩对比</view>
+        <view class="comparison_list">
+          <view class="comparison_item">
+            <view class="dept_info">
+              <view class="dept_name">销售部</view>
+              <view class="dept_score">￥120000</view>
+            </view>
+            <view class="progress_bar">
+              <view class="progress_fill" style="width: 80%"></view>
+            </view>
+            <view class="dept_percent">80%</view>
+          </view>
+
+          <view class="comparison_item">
+            <view class="dept_info">
+              <view class="dept_name">市场部</view>
+              <view class="dept_score">￥100000</view>
+            </view>
+            <view class="progress_bar">
+              <view class="progress_fill" style="width: 67%"></view>
+            </view>
+            <view class="dept_percent">67%</view>
+          </view>
+
+          <view class="comparison_item">
+            <view class="dept_info">
+              <view class="dept_name">运营部</view>
+              <view class="dept_score">￥80000</view>
+            </view>
+            <view class="progress_bar">
+              <view class="progress_fill" style="width: 53%"></view>
+            </view>
+            <view class="dept_percent">53%</view>
+          </view>
+
+          <view class="comparison_item">
+            <view class="dept_info">
+              <view class="dept_name">客服部</view>
+              <view class="dept_score">￥60000</view>
+            </view>
+            <view class="progress_bar">
+              <view class="progress_fill" style="width: 40%"></view>
+            </view>
+            <view class="dept_percent">40%</view>
+          </view>
+        </view>
+      </view>
+
+      <!-- 月度趋势 -->
+      <view class="trend_section">
+        <view class="section_title">月度趋势</view>
+        <view class="trend_chart">
+          <view class="chart_placeholder">
+            <fui-icon name="linechart" size="80" color="#ddd"></fui-icon>
+            <view class="placeholder_text">图表功能待开发</view>
+          </view>
+        </view>
+      </view>
+
+      <!-- 功能按钮区域 -->
+      <view class="function_section">
+        <view class="section_title">数据分析</view>
+        <view class="function_grid">
+          <view class="function_item">
+            <view class="function_icon">
+              <fui-icon name="barchart" size="32" color="#29D3B4"></fui-icon>
+            </view>
+            <view class="function_text">校区对比</view>
+          </view>
+
+          <view class="function_item">
+            <view class="function_icon">
+              <fui-icon name="piechart" size="32" color="#29D3B4"></fui-icon>
+            </view>
+            <view class="function_text">部门分析</view>
+          </view>
+
+          <view class="function_item">
+            <view class="function_icon">
+              <fui-icon name="linechart" size="32" color="#29D3B4"></fui-icon>
+            </view>
+            <view class="function_text">趋势分析</view>
+          </view>
+
+          <view class="function_item">
+            <view class="function_icon">
+              <fui-icon name="list" size="32" color="#29D3B4"></fui-icon>
+            </view>
+            <view class="function_text">详细报表</view>
+          </view>
+        </view>
+      </view>
+
+      <!-- 提示信息 -->
+      <view class="tips_section">
+        <view class="tips_title">功能说明</view>
+        <view class="tips_content">
+          这里将显示校区的各项数据统计，包括部门数量、员工总数、客户数量、校区业绩等。
+          具体功能待后续开发实现。
+        </view>
+      </view>
+    </view>
+  </view>
+</template>
+
+<script>
+import fuiIcon from "@/components/firstui/fui-icon/fui-icon.vue"
+
+export default {
+  components: {
+    fuiIcon,
+  },
+  data() {
+    return {
+      
+    }
+  },
+  onLoad() {
+    
+  },
+  methods: {
+    // 返回上一页
+    goBack() {
+      uni.navigateBack()
+    },
+  }
+}
+</script>
+
+<style lang="less" scoped>
+.main_box {
+  background: #f5f5f5;
+  min-height: 100vh;
+}
+
+// 自定义导航栏
+.navbar_section {
+  background: #29D3B4;
+  padding-top: 20rpx;
+  
+  // 小程序端样式
+  // #ifdef MP-WEIXIN
+  padding-top: 90rpx;
+  // #endif
+  
+  .navbar_content {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    padding: 20rpx 24rpx 40rpx 24rpx;
+    
+    .back_btn {
+      width: 60rpx;
+      height: 60rpx;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+    }
+    
+    .title {
+      font-size: 32rpx;
+      color: #fff;
+      font-weight: 500;
+    }
+    
+    .placeholder {
+      width: 60rpx;
+    }
+  }
+}
+
+// 内容区域
+.content_section {
+  padding: 40rpx 24rpx;
+  
+  // 校区选择器
+  .campus_selector {
+    background: #fff;
+    border-radius: 16rpx;
+    padding: 32rpx 24rpx;
+    margin-bottom: 32rpx;
+    box-shadow: 0 4rpx 20rpx rgba(0, 0, 0, 0.05);
+    
+    .selector_label {
+      font-size: 28rpx;
+      color: #333;
+      margin-bottom: 16rpx;
+      font-weight: 500;
+    }
+    
+    .selector_box {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      padding: 20rpx 24rpx;
+      background: #f8f8f8;
+      border-radius: 12rpx;
+      
+      .selected_campus {
+        font-size: 26rpx;
+        color: #666;
+      }
+    }
+  }
+  
+  // 概览卡片
+  .overview_cards {
+    display: grid;
+    grid-template-columns: repeat(2, 1fr);
+    gap: 24rpx;
+    margin-bottom: 40rpx;
+    
+    .card_item {
+      background: #fff;
+      border-radius: 16rpx;
+      padding: 32rpx 24rpx;
+      display: flex;
+      align-items: center;
+      gap: 20rpx;
+      box-shadow: 0 4rpx 20rpx rgba(0, 0, 0, 0.05);
+      
+      .card_icon {
+        width: 64rpx;
+        height: 64rpx;
+        background: rgba(41, 211, 180, 0.1);
+        border-radius: 50%;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+      }
+      
+      .card_content {
+        flex: 1;
+        
+        .card_title {
+          font-size: 24rpx;
+          color: #999;
+          margin-bottom: 8rpx;
+        }
+        
+        .card_value {
+          font-size: 32rpx;
+          color: #333;
+          font-weight: 600;
+        }
+      }
+    }
+  }
+  
+  // 部门对比
+  .dept_comparison {
+    margin-bottom: 40rpx;
+    
+    .section_title {
+      font-size: 28rpx;
+      color: #333;
+      font-weight: 600;
+      margin-bottom: 24rpx;
+    }
+    
+    .comparison_list {
+      background: #fff;
+      border-radius: 16rpx;
+      padding: 32rpx 24rpx;
+      box-shadow: 0 4rpx 20rpx rgba(0, 0, 0, 0.05);
+      
+      .comparison_item {
+        display: flex;
+        align-items: center;
+        margin-bottom: 32rpx;
+        
+        &:last-child {
+          margin-bottom: 0;
+        }
+        
+        .dept_info {
+          width: 150rpx;
+          
+          .dept_name {
+            font-size: 26rpx;
+            color: #333;
+            margin-bottom: 8rpx;
+            font-weight: 500;
+          }
+          
+          .dept_score {
+            font-size: 22rpx;
+            color: #29D3B4;
+            font-weight: 600;
+          }
+        }
+        
+        .progress_bar {
+          flex: 1;
+          height: 16rpx;
+          background: #f0f0f0;
+          border-radius: 8rpx;
+          margin: 0 20rpx;
+          overflow: hidden;
+          
+          .progress_fill {
+            height: 100%;
+            background: linear-gradient(90deg, #29D3B4, #5CE1E6);
+            border-radius: 8rpx;
+            transition: width 0.3s ease;
+          }
+        }
+        
+        .dept_percent {
+          width: 60rpx;
+          text-align: right;
+          font-size: 24rpx;
+          color: #29D3B4;
+          font-weight: 600;
+        }
+      }
+    }
+  }
+  
+  // 月度趋势
+  .trend_section {
+    margin-bottom: 40rpx;
+    
+    .section_title {
+      font-size: 28rpx;
+      color: #333;
+      font-weight: 600;
+      margin-bottom: 24rpx;
+    }
+    
+    .trend_chart {
+      background: #fff;
+      border-radius: 16rpx;
+      padding: 40rpx 24rpx;
+      box-shadow: 0 4rpx 20rpx rgba(0, 0, 0, 0.05);
+      
+      .chart_placeholder {
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+        justify-content: center;
+        height: 200rpx;
+        
+        .placeholder_text {
+          font-size: 24rpx;
+          color: #999;
+          margin-top: 16rpx;
+        }
+      }
+    }
+  }
+  
+  // 功能区域
+  .function_section {
+    margin-bottom: 40rpx;
+    
+    .section_title {
+      font-size: 28rpx;
+      color: #333;
+      font-weight: 600;
+      margin-bottom: 24rpx;
+    }
+    
+    .function_grid {
+      background: #fff;
+      border-radius: 16rpx;
+      padding: 32rpx 24rpx;
+      display: grid;
+      grid-template-columns: repeat(2, 1fr);
+      gap: 32rpx;
+      box-shadow: 0 4rpx 20rpx rgba(0, 0, 0, 0.05);
+      
+      .function_item {
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+        padding: 24rpx 16rpx;
+        border-radius: 12rpx;
+        transition: all 0.3s ease;
+        
+        &:active {
+          background-color: #f5f5f5;
+          transform: scale(0.95);
+        }
+        
+        .function_icon {
+          width: 64rpx;
+          height: 64rpx;
+          background: rgba(41, 211, 180, 0.1);
+          border-radius: 50%;
+          display: flex;
+          align-items: center;
+          justify-content: center;
+          margin-bottom: 16rpx;
+        }
+        
+        .function_text {
+          font-size: 24rpx;
+          color: #333;
+        }
+      }
+    }
+  }
+  
+  // 提示信息
+  .tips_section {
+    background: #fff;
+    border-radius: 16rpx;
+    padding: 32rpx 24rpx;
+    box-shadow: 0 4rpx 20rpx rgba(0, 0, 0, 0.05);
+    
+    .tips_title {
+      font-size: 28rpx;
+      color: #333;
+      font-weight: 600;
+      margin-bottom: 16rpx;
+    }
+    
+    .tips_content {
+      font-size: 24rpx;
+      color: #666;
+      line-height: 1.6;
+    }
+  }
+}
+</style>
\ No newline at end of file
diff --git a/uniapp/pages/market/my/dept_data.vue b/uniapp/pages/market/my/dept_data.vue
new file mode 100644
index 00000000..fdda74bc
--- /dev/null
+++ b/uniapp/pages/market/my/dept_data.vue
@@ -0,0 +1,445 @@
+<!--部门数据-->
+<template>
+  <view class="main_box">
+    <!--自定义导航栏-->
+    <view class="navbar_section">
+      <view class="navbar_content">
+        <view class="back_btn" @click="goBack">
+          <fui-icon name="arrowleft" size="32" color="#fff"></fui-icon>
+        </view>
+        <view class="title">部门数据</view>
+        <view class="placeholder"></view>
+      </view>
+    </view>
+
+    <view class="content_section">
+      <!-- 部门选择器 -->
+      <view class="dept_selector">
+        <view class="selector_label">选择部门：</view>
+        <view class="selector_box">
+          <view class="selected_dept">请选择部门</view>
+          <fui-icon name="dropdown" size="24" color="#999"></fui-icon>
+        </view>
+      </view>
+
+      <!-- 数据概览卡片 -->
+      <view class="overview_cards">
+        <view class="card_item">
+          <view class="card_icon">
+            <fui-icon name="addressbook" size="40" color="#29D3B4"></fui-icon>
+          </view>
+          <view class="card_content">
+            <view class="card_title">部门人数</view>
+            <view class="card_value">--</view>
+          </view>
+        </view>
+
+        <view class="card_item">
+          <view class="card_icon">
+            <fui-icon name="star" size="40" color="#29D3B4"></fui-icon>
+          </view>
+          <view class="card_content">
+            <view class="card_title">总客户数</view>
+            <view class="card_value">--</view>
+          </view>
+        </view>
+
+        <view class="card_item">
+          <view class="card_icon">
+            <fui-icon name="wallet" size="40" color="#29D3B4"></fui-icon>
+          </view>
+          <view class="card_content">
+            <view class="card_title">部门业绩</view>
+            <view class="card_value">--</view>
+          </view>
+        </view>
+
+        <view class="card_item">
+          <view class="card_icon">
+            <fui-icon name="check" size="40" color="#29D3B4"></fui-icon>
+          </view>
+          <view class="card_content">
+            <view class="card_title">完成率</view>
+            <view class="card_value">--</view>
+          </view>
+        </view>
+      </view>
+
+      <!-- 排行榜 -->
+      <view class="ranking_section">
+        <view class="section_title">部门排行榜</view>
+        <view class="ranking_list">
+          <view class="ranking_item">
+            <view class="rank_number first">1</view>
+            <view class="member_info">
+              <view class="member_name">张三</view>
+              <view class="member_score">业绩：￥50000</view>
+            </view>
+            <view class="medal">
+              <fui-icon name="star-fill" size="24" color="#FFD700"></fui-icon>
+            </view>
+          </view>
+
+          <view class="ranking_item">
+            <view class="rank_number second">2</view>
+            <view class="member_info">
+              <view class="member_name">李四</view>
+              <view class="member_score">业绩：￥45000</view>
+            </view>
+            <view class="medal">
+              <fui-icon name="star-fill" size="24" color="#C0C0C0"></fui-icon>
+            </view>
+          </view>
+
+          <view class="ranking_item">
+            <view class="rank_number third">3</view>
+            <view class="member_info">
+              <view class="member_name">王五</view>
+              <view class="member_score">业绩：￥40000</view>
+            </view>
+            <view class="medal">
+              <fui-icon name="star-fill" size="24" color="#CD7F32"></fui-icon>
+            </view>
+          </view>
+        </view>
+      </view>
+
+      <!-- 功能按钮区域 -->
+      <view class="function_section">
+        <view class="section_title">数据分析</view>
+        <view class="function_grid">
+          <view class="function_item">
+            <view class="function_icon">
+              <fui-icon name="barchart" size="32" color="#29D3B4"></fui-icon>
+            </view>
+            <view class="function_text">业绩对比</view>
+          </view>
+
+          <view class="function_item">
+            <view class="function_icon">
+              <fui-icon name="piechart" size="32" color="#29D3B4"></fui-icon>
+            </view>
+            <view class="function_text">人员分布</view>
+          </view>
+
+          <view class="function_item">
+            <view class="function_icon">
+              <fui-icon name="linechart" size="32" color="#29D3B4"></fui-icon>
+            </view>
+            <view class="function_text">趋势分析</view>
+          </view>
+
+          <view class="function_item">
+            <view class="function_icon">
+              <fui-icon name="list" size="32" color="#29D3B4"></fui-icon>
+            </view>
+            <view class="function_text">详细报表</view>
+          </view>
+        </view>
+      </view>
+
+      <!-- 提示信息 -->
+      <view class="tips_section">
+        <view class="tips_title">功能说明</view>
+        <view class="tips_content">
+          这里将显示部门的各项数据统计，包括部门人员、客户数量、销售业绩、排行榜等。
+          具体功能待后续开发实现。
+        </view>
+      </view>
+    </view>
+  </view>
+</template>
+
+<script>
+import fuiIcon from "@/components/firstui/fui-icon/fui-icon.vue"
+
+export default {
+  components: {
+    fuiIcon,
+  },
+  data() {
+    return {
+      
+    }
+  },
+  onLoad() {
+    
+  },
+  methods: {
+    // 返回上一页
+    goBack() {
+      uni.navigateBack()
+    },
+  }
+}
+</script>
+
+<style lang="less" scoped>
+.main_box {
+  background: #f5f5f5;
+  min-height: 100vh;
+}
+
+// 自定义导航栏
+.navbar_section {
+  background: #29D3B4;
+  padding-top: 20rpx;
+  
+  // 小程序端样式
+  // #ifdef MP-WEIXIN
+  padding-top: 90rpx;
+  // #endif
+  
+  .navbar_content {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    padding: 20rpx 24rpx 40rpx 24rpx;
+    
+    .back_btn {
+      width: 60rpx;
+      height: 60rpx;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+    }
+    
+    .title {
+      font-size: 32rpx;
+      color: #fff;
+      font-weight: 500;
+    }
+    
+    .placeholder {
+      width: 60rpx;
+    }
+  }
+}
+
+// 内容区域
+.content_section {
+  padding: 40rpx 24rpx;
+  
+  // 部门选择器
+  .dept_selector {
+    background: #fff;
+    border-radius: 16rpx;
+    padding: 32rpx 24rpx;
+    margin-bottom: 32rpx;
+    box-shadow: 0 4rpx 20rpx rgba(0, 0, 0, 0.05);
+    
+    .selector_label {
+      font-size: 28rpx;
+      color: #333;
+      margin-bottom: 16rpx;
+      font-weight: 500;
+    }
+    
+    .selector_box {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      padding: 20rpx 24rpx;
+      background: #f8f8f8;
+      border-radius: 12rpx;
+      
+      .selected_dept {
+        font-size: 26rpx;
+        color: #666;
+      }
+    }
+  }
+  
+  // 概览卡片
+  .overview_cards {
+    display: grid;
+    grid-template-columns: repeat(2, 1fr);
+    gap: 24rpx;
+    margin-bottom: 40rpx;
+    
+    .card_item {
+      background: #fff;
+      border-radius: 16rpx;
+      padding: 32rpx 24rpx;
+      display: flex;
+      align-items: center;
+      gap: 20rpx;
+      box-shadow: 0 4rpx 20rpx rgba(0, 0, 0, 0.05);
+      
+      .card_icon {
+        width: 64rpx;
+        height: 64rpx;
+        background: rgba(41, 211, 180, 0.1);
+        border-radius: 50%;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+      }
+      
+      .card_content {
+        flex: 1;
+        
+        .card_title {
+          font-size: 24rpx;
+          color: #999;
+          margin-bottom: 8rpx;
+        }
+        
+        .card_value {
+          font-size: 32rpx;
+          color: #333;
+          font-weight: 600;
+        }
+      }
+    }
+  }
+  
+  // 排行榜
+  .ranking_section {
+    margin-bottom: 40rpx;
+    
+    .section_title {
+      font-size: 28rpx;
+      color: #333;
+      font-weight: 600;
+      margin-bottom: 24rpx;
+    }
+    
+    .ranking_list {
+      background: #fff;
+      border-radius: 16rpx;
+      padding: 24rpx;
+      box-shadow: 0 4rpx 20rpx rgba(0, 0, 0, 0.05);
+      
+      .ranking_item {
+        display: flex;
+        align-items: center;
+        padding: 20rpx 16rpx;
+        border-bottom: 1px solid #f0f0f0;
+        
+        &:last-child {
+          border-bottom: none;
+        }
+        
+        .rank_number {
+          width: 48rpx;
+          height: 48rpx;
+          border-radius: 50%;
+          display: flex;
+          align-items: center;
+          justify-content: center;
+          font-size: 24rpx;
+          font-weight: 600;
+          color: #fff;
+          margin-right: 24rpx;
+          
+          &.first {
+            background: #FFD700;
+          }
+          
+          &.second {
+            background: #C0C0C0;
+          }
+          
+          &.third {
+            background: #CD7F32;
+          }
+        }
+        
+        .member_info {
+          flex: 1;
+          
+          .member_name {
+            font-size: 28rpx;
+            color: #333;
+            margin-bottom: 8rpx;
+            font-weight: 500;
+          }
+          
+          .member_score {
+            font-size: 24rpx;
+            color: #666;
+          }
+        }
+        
+        .medal {
+          margin-left: 16rpx;
+        }
+      }
+    }
+  }
+  
+  // 功能区域
+  .function_section {
+    margin-bottom: 40rpx;
+    
+    .section_title {
+      font-size: 28rpx;
+      color: #333;
+      font-weight: 600;
+      margin-bottom: 24rpx;
+    }
+    
+    .function_grid {
+      background: #fff;
+      border-radius: 16rpx;
+      padding: 32rpx 24rpx;
+      display: grid;
+      grid-template-columns: repeat(2, 1fr);
+      gap: 32rpx;
+      box-shadow: 0 4rpx 20rpx rgba(0, 0, 0, 0.05);
+      
+      .function_item {
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+        padding: 24rpx 16rpx;
+        border-radius: 12rpx;
+        transition: all 0.3s ease;
+        
+        &:active {
+          background-color: #f5f5f5;
+          transform: scale(0.95);
+        }
+        
+        .function_icon {
+          width: 64rpx;
+          height: 64rpx;
+          background: rgba(41, 211, 180, 0.1);
+          border-radius: 50%;
+          display: flex;
+          align-items: center;
+          justify-content: center;
+          margin-bottom: 16rpx;
+        }
+        
+        .function_text {
+          font-size: 24rpx;
+          color: #333;
+        }
+      }
+    }
+  }
+  
+  // 提示信息
+  .tips_section {
+    background: #fff;
+    border-radius: 16rpx;
+    padding: 32rpx 24rpx;
+    box-shadow: 0 4rpx 20rpx rgba(0, 0, 0, 0.05);
+    
+    .tips_title {
+      font-size: 28rpx;
+      color: #333;
+      font-weight: 600;
+      margin-bottom: 16rpx;
+    }
+    
+    .tips_content {
+      font-size: 24rpx;
+      color: #666;
+      line-height: 1.6;
+    }
+  }
+}
+</style>
\ No newline at end of file
diff --git a/uniapp/pages/market/my/index.vue b/uniapp/pages/market/my/index.vue
index e7e4e6f3..6bdc4cea 100644
--- a/uniapp/pages/market/my/index.vue
+++ b/uniapp/pages/market/my/index.vue
@@ -37,38 +37,68 @@
 
 
     <view class="main_section">
-      <view class="section_box">
-        <view class="item" @click="openViewReimbursementList()">
-          <view>报销记录</view>
-          <view></view>
+      <view class="grid_container">
+        <view class="grid_item" @click="openViewReimbursementList()">
+          <view class="icon_wrapper">
+            <fui-icon name="bankcard" size="48" color="#29D3B4"></fui-icon>
+          </view>
+          <view class="item_text">报销记录</view>
         </view>
 
-        <view class="item" @click="openViewMyAttendance()">
-          <view>我的考勤</view>
-          <view></view>
+        <view class="grid_item" @click="openViewMyAttendance()">
+          <view class="icon_wrapper">
+            <fui-icon name="calendar" size="48" color="#29D3B4"></fui-icon>
+          </view>
+          <view class="item_text">我的考勤</view>
         </view>
 
-        <view class="item" @click="goCourseSchedule()">
-					<view>课程安排</view>
-					<view></view>
-				</view>
+        <view class="grid_item" @click="goCourseSchedule()">
+          <view class="icon_wrapper">
+            <fui-icon name="list" size="48" color="#29D3B4"></fui-icon>
+          </view>
+          <view class="item_text">课程安排</view>
+        </view>
         
-        <view class="item" @click="openViewMyMessage()">
-          <view>我的消息</view>
-          <view></view>
+        <view class="grid_item" @click="openViewMyMessage()">
+          <view class="icon_wrapper">
+            <fui-icon name="message" size="48" color="#29D3B4"></fui-icon>
+          </view>
+          <view class="item_text">我的消息</view>
         </view>
 
-        <view class="item" @click="my_contract()">
-					<view>我的合同</view>
-					<view></view>
-				</view>
-      </view>
+        <view class="grid_item" @click="my_contract()">
+          <view class="icon_wrapper">
+            <fui-icon name="order" size="48" color="#29D3B4"></fui-icon>
+          </view>
+          <view class="item_text">我的合同</view>
+        </view>
 
-      <view class="section_box">
+        <view class="grid_item" @click="openMyData()">
+          <view class="icon_wrapper">
+            <fui-icon name="barchart" size="48" color="#29D3B4"></fui-icon>
+          </view>
+          <view class="item_text">我的数据</view>
+        </view>
 
-        <view class="item" @click="openViewSetUp()">
-          <view>设置</view>
-          <view></view>
+        <view class="grid_item" @click="openDeptData()">
+          <view class="icon_wrapper">
+            <fui-icon name="piechart" size="48" color="#29D3B4"></fui-icon>
+          </view>
+          <view class="item_text">部门数据</view>
+        </view>
+
+        <view class="grid_item" @click="openCampusData()">
+          <view class="icon_wrapper">
+            <fui-icon name="linechart" size="48" color="#29D3B4"></fui-icon>
+          </view>
+          <view class="item_text">校区数据</view>
+        </view>
+
+        <view class="grid_item" @click="openViewSetUp()">
+          <view class="icon_wrapper">
+            <fui-icon name="setup" size="48" color="#29D3B4"></fui-icon>
+          </view>
+          <view class="item_text">设置</view>
         </view>
       </view>
     </view>
@@ -85,11 +115,13 @@ import {
   Api_url
 } from "@/common/config.js";
 import AQTabber from "@/components/AQ/AQTabber.vue"
+import fuiIcon from "@/components/firstui/fui-icon/fui-icon.vue"
 
 
 export default {
   components: {
     AQTabber,
+    fuiIcon,
   },
   data() {
     return {
@@ -247,6 +279,27 @@ export default {
 					url: '/pages/common/contract/my_contract'
 				})
       },
+
+      //打开我的数据
+      openMyData(){
+        this.$navigateTo({
+          url: '/pages/market/my/my_data'
+        })
+      },
+
+      //打开部门数据
+      openDeptData(){
+        this.$navigateTo({
+          url: '/pages/market/my/dept_data'
+        })
+      },
+
+      //打开校区数据
+      openCampusData(){
+        this.$navigateTo({
+          url: '/pages/market/my/campus_data'
+        })
+      },
   }
 }
 </script>
@@ -421,30 +474,49 @@ export default {
   padding-bottom: 150rpx;
   font-size: 24rpx;
   color: #333333;
-  display: flex;
-  flex-direction: column;
-  gap: 22rpx;
 
-  .section_box {
+  .grid_container {
     background: #fff;
     border-radius: 16rpx;
-    padding: 6rpx 24rpx;
-    display: flex;
-    flex-direction: column;
-    .item{
-      padding: 24rpx 78rpx;
-      border-top: 1px solid #F2F2F2;
-      font-size: 28rpx;
+    padding: 40rpx 24rpx;
+    display: grid;
+    grid-template-columns: repeat(3, 1fr);
+    gap: 40rpx 20rpx;
+    
+    .grid_item {
       display: flex;
-      justify-content: space-between;
-    }
-    .item:nth-child(1){
-      border-top: 0;
+      flex-direction: column;
+      align-items: center;
+      justify-content: center;
+      padding: 20rpx 10rpx;
+      border-radius: 12rpx;
+      transition: all 0.3s ease;
+      
+      &:active {
+        background-color: #f5f5f5;
+        transform: scale(0.95);
+      }
+      
+      .icon_wrapper {
+        width: 80rpx;
+        height: 80rpx;
+        background: rgba(41, 211, 180, 0.1);
+        border-radius: 50%;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        margin-bottom: 16rpx;
+      }
+      
+      .item_text {
+        font-size: 24rpx;
+        color: #333333;
+        text-align: center;
+        font-weight: 400;
+        line-height: 1.2;
+      }
     }
-
-
   }
-
 }
 
 
diff --git a/uniapp/pages/market/my/my_data.vue b/uniapp/pages/market/my/my_data.vue
new file mode 100644
index 00000000..cefe0c5e
--- /dev/null
+++ b/uniapp/pages/market/my/my_data.vue
@@ -0,0 +1,292 @@
+<!--我的数据-->
+<template>
+  <view class="main_box">
+    <!--自定义导航栏-->
+    <view class="navbar_section">
+      <view class="navbar_content">
+        <view class="back_btn" @click="goBack">
+          <fui-icon name="arrowleft" size="32" color="#fff"></fui-icon>
+        </view>
+        <view class="title">我的数据</view>
+        <view class="placeholder"></view>
+      </view>
+    </view>
+
+    <view class="content_section">
+      <!-- 数据概览卡片 -->
+      <view class="overview_cards">
+        <view class="card_item">
+          <view class="card_icon">
+            <fui-icon name="star" size="40" color="#29D3B4"></fui-icon>
+          </view>
+          <view class="card_content">
+            <view class="card_title">总客户数</view>
+            <view class="card_value">--</view>
+          </view>
+        </view>
+
+        <view class="card_item">
+          <view class="card_icon">
+            <fui-icon name="check" size="40" color="#29D3B4"></fui-icon>
+          </view>
+          <view class="card_content">
+            <view class="card_title">已签客户</view>
+            <view class="card_value">--</view>
+          </view>
+        </view>
+
+        <view class="card_item">
+          <view class="card_icon">
+            <fui-icon name="wallet" size="40" color="#29D3B4"></fui-icon>
+          </view>
+          <view class="card_content">
+            <view class="card_title">销售业绩</view>
+            <view class="card_value">--</view>
+          </view>
+        </view>
+
+        <view class="card_item">
+          <view class="card_icon">
+            <fui-icon name="calendar" size="40" color="#29D3B4"></fui-icon>
+          </view>
+          <view class="card_content">
+            <view class="card_title">本月任务</view>
+            <view class="card_value">--</view>
+          </view>
+        </view>
+      </view>
+
+      <!-- 功能按钮区域 -->
+      <view class="function_section">
+        <view class="section_title">数据统计</view>
+        <view class="function_grid">
+          <view class="function_item">
+            <view class="function_icon">
+              <fui-icon name="barchart" size="32" color="#29D3B4"></fui-icon>
+            </view>
+            <view class="function_text">客户统计</view>
+          </view>
+
+          <view class="function_item">
+            <view class="function_icon">
+              <fui-icon name="piechart" size="32" color="#29D3B4"></fui-icon>
+            </view>
+            <view class="function_text">业绩统计</view>
+          </view>
+
+          <view class="function_item">
+            <view class="function_icon">
+              <fui-icon name="linechart" size="32" color="#29D3B4"></fui-icon>
+            </view>
+            <view class="function_text">趋势分析</view>
+          </view>
+
+          <view class="function_item">
+            <view class="function_icon">
+              <fui-icon name="list" size="32" color="#29D3B4"></fui-icon>
+            </view>
+            <view class="function_text">详细报表</view>
+          </view>
+        </view>
+      </view>
+
+      <!-- 提示信息 -->
+      <view class="tips_section">
+        <view class="tips_title">功能说明</view>
+        <view class="tips_content">
+          这里将显示您个人的各项数据统计，包括客户数量、销售业绩、任务完成情况等。
+          具体功能待后续开发实现。
+        </view>
+      </view>
+    </view>
+  </view>
+</template>
+
+<script>
+import fuiIcon from "@/components/firstui/fui-icon/fui-icon.vue"
+
+export default {
+  components: {
+    fuiIcon,
+  },
+  data() {
+    return {
+      
+    }
+  },
+  onLoad() {
+    
+  },
+  methods: {
+    // 返回上一页
+    goBack() {
+      uni.navigateBack()
+    },
+  }
+}
+</script>
+
+<style lang="less" scoped>
+.main_box {
+  background: #f5f5f5;
+  min-height: 100vh;
+}
+
+// 自定义导航栏
+.navbar_section {
+  background: #29D3B4;
+  padding-top: 20rpx;
+  
+  // 小程序端样式
+  // #ifdef MP-WEIXIN
+  padding-top: 90rpx;
+  // #endif
+  
+  .navbar_content {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    padding: 20rpx 24rpx 40rpx 24rpx;
+    
+    .back_btn {
+      width: 60rpx;
+      height: 60rpx;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+    }
+    
+    .title {
+      font-size: 32rpx;
+      color: #fff;
+      font-weight: 500;
+    }
+    
+    .placeholder {
+      width: 60rpx;
+    }
+  }
+}
+
+// 内容区域
+.content_section {
+  padding: 40rpx 24rpx;
+  
+  // 概览卡片
+  .overview_cards {
+    display: grid;
+    grid-template-columns: repeat(2, 1fr);
+    gap: 24rpx;
+    margin-bottom: 40rpx;
+    
+    .card_item {
+      background: #fff;
+      border-radius: 16rpx;
+      padding: 32rpx 24rpx;
+      display: flex;
+      align-items: center;
+      gap: 20rpx;
+      box-shadow: 0 4rpx 20rpx rgba(0, 0, 0, 0.05);
+      
+      .card_icon {
+        width: 64rpx;
+        height: 64rpx;
+        background: rgba(41, 211, 180, 0.1);
+        border-radius: 50%;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+      }
+      
+      .card_content {
+        flex: 1;
+        
+        .card_title {
+          font-size: 24rpx;
+          color: #999;
+          margin-bottom: 8rpx;
+        }
+        
+        .card_value {
+          font-size: 32rpx;
+          color: #333;
+          font-weight: 600;
+        }
+      }
+    }
+  }
+  
+  // 功能区域
+  .function_section {
+    margin-bottom: 40rpx;
+    
+    .section_title {
+      font-size: 28rpx;
+      color: #333;
+      font-weight: 600;
+      margin-bottom: 24rpx;
+    }
+    
+    .function_grid {
+      background: #fff;
+      border-radius: 16rpx;
+      padding: 32rpx 24rpx;
+      display: grid;
+      grid-template-columns: repeat(2, 1fr);
+      gap: 32rpx;
+      box-shadow: 0 4rpx 20rpx rgba(0, 0, 0, 0.05);
+      
+      .function_item {
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+        padding: 24rpx 16rpx;
+        border-radius: 12rpx;
+        transition: all 0.3s ease;
+        
+        &:active {
+          background-color: #f5f5f5;
+          transform: scale(0.95);
+        }
+        
+        .function_icon {
+          width: 64rpx;
+          height: 64rpx;
+          background: rgba(41, 211, 180, 0.1);
+          border-radius: 50%;
+          display: flex;
+          align-items: center;
+          justify-content: center;
+          margin-bottom: 16rpx;
+        }
+        
+        .function_text {
+          font-size: 24rpx;
+          color: #333;
+        }
+      }
+    }
+  }
+  
+  // 提示信息
+  .tips_section {
+    background: #fff;
+    border-radius: 16rpx;
+    padding: 32rpx 24rpx;
+    box-shadow: 0 4rpx 20rpx rgba(0, 0, 0, 0.05);
+    
+    .tips_title {
+      font-size: 28rpx;
+      color: #333;
+      font-weight: 600;
+      margin-bottom: 16rpx;
+    }
+    
+    .tips_content {
+      font-size: 24rpx;
+      color: #666;
+      line-height: 1.6;
+    }
+  }
+}
+</style>
\ No newline at end of file