From 0eef7b1e4bf7dad09a71328b77ad8ded1cd3caee Mon Sep 17 00:00:00 2001
From: zhonghua1 <zhonghua1@example.com>
Date: Sun, 28 Dec 2025 12:21:16 +0800
Subject: [PATCH] =?UTF-8?q?=E9=99=AA=E7=BB=83=E7=9A=84=E4=BB=A3=E7=A0=81?=
 =?UTF-8?q?=E4=BC=98=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pages/champion/champion.vue                | 2909 +-------------------
 pages/champion/components/material-tab.vue | 1394 ++++++++++
 pages/champion/components/practice-tab.vue | 1427 ++++++++++
 pages/champion/components/training-tab.vue | 1242 +++++++++
 4 files changed, 4093 insertions(+), 2879 deletions(-)
 create mode 100644 pages/champion/components/material-tab.vue
 create mode 100644 pages/champion/components/practice-tab.vue
 create mode 100644 pages/champion/components/training-tab.vue

diff --git a/pages/champion/champion.vue b/pages/champion/champion.vue
index fd05ef9..a020ebd 100644
--- a/pages/champion/champion.vue
+++ b/pages/champion/champion.vue
@@ -44,352 +44,13 @@
 				</view>
 			</view>
 			
-			<!-- 陪练内容 -->
-			<scroll-view 
-				class="tab-content practice-content" 
-				scroll-y 
-				v-if="activeTab === 'practice'"
-				@scrolltolower="onPracticeReachBottom">
-				<view class="service-status-toolbar">
-					<text class="toolbar-total">共{{ practiceTotal }}条</text>
-					<input
-						class="toolbar-input"
-						v-model="practiceQuery.title"
-						placeholder="知识标题"
-						placeholder-style="color: #b0b0b0"
-						confirm-type="search"
-						@confirm="onPracticeSearch"
-					/>
-					<input
-						class="toolbar-input"
-						v-model="practiceQuery.industry"
-						placeholder="应用行业"
-						placeholder-style="color: #b0b0b0"
-						confirm-type="search"
-						@confirm="onPracticeSearch"
-					/>
-					<view class="toolbar-actions">
-						<view class="toolbar-btn toolbar-btn--refresh" @click="onPracticeRefresh">
-							<uni-icons type="refresh" size="18" color="#2A68FF"></uni-icons>
-							<text>刷新</text>
-						</view>
-						<view class="toolbar-btn toolbar-btn--add" @click="showAddPractice">
-							<uni-icons type="plus" size="18" color="#2A68FF"></uni-icons>
-						</view>
-					</view>
-				</view>
-				<view 
-					class="service-card practice-card-item" 
-					v-for="(item, index) in practiceList" 
-					:key="item.id || index">
-					<view class="card-header">
-						<view class="staff-info">
-							<view class="staff-avatar">
-								<text class="avatar-text">{{ (item.title || '知').charAt(0) }}</text>
-							</view>
-							<text class="staff-name">{{ item.title || '未命名知识' }}</text>
-						</view>
-						<view class="card-menu-trigger" @tap.stop="onPracticeActionBtnClick(item)">
-							<uni-icons type="more-filled" size="20" color="#999"></uni-icons>
-						</view>
-					</view>
-					
-					<view class="customer-info">
-						<text class="customer-name" v-if="item.industry">所属行业: {{ item.industry }}</text>
-					</view>
-					
-					<view class="customer-tags">
-						<view class="tag-item tag-blue" v-if="item.content || item.detail">
-							<text @tap.stop="showFullText('详情', item.content || item.detail)">详情: {{ getContentPreview(item.content || item.detail, 30) }}</text>
-						</view>
-						<view class="tag-item tag-orange" v-if="item.remark">
-							<text @tap.stop="showFullText('提示词', item.remark)">提示词: {{ getContentPreview(item.remark, 30) }}</text>
-						</view>
-					</view>
-					
-					<!-- 操作菜单 -->
-					<view 
-						class="practice-action-menu" 
-						v-if="selectedPracticeItem && selectedPracticeItem.id === item.id && showPracticeActionMenu"
-						@tap.stop>
-						<view class="practice-action-menu-item" @tap.stop="handleStartPractice(item)">
-							<text>陪练</text>
-						</view>
-						<view class="practice-action-menu-divider"></view>
-						<view class="practice-action-menu-item" @tap.stop="handleEditPractice(item)">
-							<text>编辑</text>
-						</view>
-						<view class="practice-action-menu-divider"></view>
-						<view class="practice-action-menu-item practice-action-menu-item--danger" @tap.stop="handleDeletePractice(item)">
-							<text>删除</text>
-						</view>
-					</view>
-				</view>
-				<view class="service-status-empty" v-if="!practiceLoading && !practiceList.length">
-					<text>暂无陪练</text>
-				</view>
-				<view class="service-status-loading-more" v-if="practiceLoading && practiceList.length">
-					<text>正在加载更多...</text>
-				</view>
-			</scroll-view>
+			<!-- 场景tab -->
+			<practice-tab v-if="activeTab === 'practice'" @switch-to-training="handleSwitchToTraining"></practice-tab>
 			
-			<!-- 添加陪练弹出框 -->
-			<view class="material-popup-mask" v-if="showPracticePopup" @click="closePracticePopup">
-			</view>
-			<view class="material-popup" v-if="showPracticePopup" @click.stop>
-				<view class="popup-header">
-					<text class="popup-title">添加陪练</text>
-					<view class="popup-close" @click="closePracticePopup">
-						<uni-icons type="close" size="20" color="#999"></uni-icons>
-					</view>
-				</view>
-				<scroll-view class="popup-content" scroll-y>
-					<view class="form-card">
-						<view class="form-item">
-							<text class="form-item__label">知识标题</text>
-							<input
-								class="form-item__input"
-								v-model="practiceForm.title"
-								placeholder="请输入知识标题"
-								placeholder-style="color: #9ca3af"
-								maxlength="512"
-							/>
-						</view>
-						<view class="form-item">
-							<text class="form-item__label">知识分类</text>
-							<input
-								class="form-item__input"
-								v-model="practiceForm.category"
-								placeholder="请输入知识分类"
-								placeholder-style="color: #9ca3af"
-								maxlength="100"
-								:disabled="true"
-								readonly
-							/>
-						</view>
-						<view class="form-item">
-							<text class="form-item__label">应用行业</text>
-							<input
-								class="form-item__input"
-								v-model="practiceForm.industry"
-								placeholder="请输入应用行业"
-								placeholder-style="color: #9ca3af"
-								maxlength="100"
-							/>
-						</view>
-						<view class="form-item">
-							<text class="form-item__label">详情</text>
-							<textarea
-								class="form-item__textarea"
-								v-model="practiceForm.content"
-								placeholder="请输入详情内容"
-								placeholder-style="color: #9ca3af"
-								maxlength="2000"
-							/>
-						</view>
-						<view class="form-item">
-							<text class="form-item__label">提示词</text>
-							<textarea
-								class="form-item__textarea"
-								v-model="practiceForm.remark"
-								placeholder="请输入提示词"
-								placeholder-style="color: #9ca3af"
-								maxlength="500"
-							/>
-						</view>
-					</view>
-				</scroll-view>
-				<view class="popup-actions">
-					<view class="popup-btn popup-btn--cancel" @click="closePracticePopup">
-						<uni-icons class="popup-btn__icon" type="close" size="20" color="#2A68FF"></uni-icons>
-						<text class="popup-btn__text">取消</text>
-					</view>
-					<view class="popup-btn popup-btn--submit" @click="submitPractice">
-						<uni-icons class="popup-btn__icon" type="checkmarkempty" size="20" color="#2A68FF"></uni-icons>
-						<text class="popup-btn__text">提交</text>
-					</view>
-				</view>
-			</view>
+			<!-- 陪练tab -->
+			<training-tab v-if="activeTab === 'training'" @refresh-training-list="handleRefreshTrainingList"></training-tab>
 			
-			<!-- 编辑陪练弹出框 -->
-			<view class="material-popup-mask" v-if="showEditPracticePopup" @click="closeEditPracticePopup">
-			</view>
-			<view class="material-popup" v-if="showEditPracticePopup" @click.stop>
-				<view class="popup-header">
-					<text class="popup-title">编辑陪练</text>
-					<view class="popup-close" @click="closeEditPracticePopup">
-						<uni-icons type="close" size="20" color="#999"></uni-icons>
-					</view>
-				</view>
-				<scroll-view class="popup-content" scroll-y>
-					<view class="form-card">
-						<view class="form-item">
-							<text class="form-item__label">知识标题</text>
-							<input
-								class="form-item__input"
-								v-model="editPracticeForm.title"
-								placeholder="请输入知识标题"
-								placeholder-style="color: #9ca3af"
-								maxlength="512"
-							/>
-						</view>
-						<view class="form-item">
-							<text class="form-item__label">知识分类</text>
-							<input
-								class="form-item__input"
-								v-model="editPracticeForm.category"
-								placeholder="请输入知识分类"
-								placeholder-style="color: #9ca3af"
-								maxlength="100"
-								:disabled="true"
-								readonly
-							/>
-						</view>
-						<view class="form-item">
-							<text class="form-item__label">应用行业</text>
-							<input
-								class="form-item__input"
-								v-model="editPracticeForm.industry"
-								placeholder="请输入应用行业"
-								placeholder-style="color: #9ca3af"
-								maxlength="100"
-							/>
-						</view>
-						<view class="form-item">
-							<text class="form-item__label">详情</text>
-							<textarea
-								class="form-item__textarea"
-								v-model="editPracticeForm.content"
-								placeholder="请输入详情内容"
-								placeholder-style="color: #9ca3af"
-								maxlength="2000"
-							/>
-						</view>
-						<view class="form-item">
-							<text class="form-item__label">提示词</text>
-							<textarea
-								class="form-item__textarea"
-								v-model="editPracticeForm.remark"
-								placeholder="请输入提示词"
-								placeholder-style="color: #9ca3af"
-								maxlength="500"
-							/>
-						</view>
-					</view>
-				</scroll-view>
-				<view class="popup-actions">
-					<view class="popup-btn popup-btn--cancel" @click="closeEditPracticePopup">
-						<uni-icons class="popup-btn__icon" type="close" size="20" color="#2A68FF"></uni-icons>
-						<text class="popup-btn__text">取消</text>
-					</view>
-					<view class="popup-btn popup-btn--submit" @click="submitEditPractice">
-						<uni-icons class="popup-btn__icon" type="checkmarkempty" size="20" color="#2A68FF"></uni-icons>
-						<text class="popup-btn__text">保存</text>
-					</view>
-				</view>
-			</view>
-			
-			<!-- 陪练列表内容 -->
-			<scroll-view 
-				class="tab-content training-content" 
-				scroll-y 
-				v-if="activeTab === 'training'"
-				@scrolltolower="onTrainingReachBottom">
-				<view class="service-status-toolbar">
-					<text class="toolbar-total">共{{ trainingTotal }}条</text>
-					<input
-						class="toolbar-input"
-						v-model="trainingQuery.title"
-						placeholder="陪练标题"
-						placeholder-style="color: #b0b0b0"
-						confirm-type="search"
-						@confirm="onTrainingSearch"
-					/>
-					<input
-						class="toolbar-input"
-						v-model="trainingQuery.participantName"
-						placeholder="参与人姓名"
-						placeholder-style="color: #b0b0b0"
-						confirm-type="search"
-						@confirm="onTrainingSearch"
-					/>
-					<input
-						class="toolbar-input"
-						v-model="trainingQuery.participantPhone"
-						placeholder="参与人电话"
-						placeholder-style="color: #b0b0b0"
-						confirm-type="search"
-						@confirm="onTrainingSearch"
-					/>
-					<view class="toolbar-actions">
-						<view class="toolbar-btn toolbar-btn--refresh" @click="onTrainingRefresh">
-							<uni-icons type="refresh" size="18" color="#2A68FF"></uni-icons>
-							<text>刷新</text>
-						</view>
-					</view>
-				</view>
-				<view 
-					class="service-card training-card-item" 
-					v-for="(item, index) in trainingList" 
-					:key="item.id || index"
-					:class="{ 'training-card-item--active': selectedTrainingItem && selectedTrainingItem.id === item.id }">
-					<view class="card-header">
-						<view class="staff-info">
-							<view class="staff-avatar">
-								<text class="avatar-text">{{ (item.title || '陪').charAt(0) }}</text>
-							</view>
-							<text class="staff-name">{{ item.title || '未命名陪练' }}</text>
-						</view>
-						<view class="training-card-action-btn" @click.stop="onTrainingActionBtnClick(item)">
-							<uni-icons type="more-filled" size="20" color="#999"></uni-icons>
-						</view>
-					</view>
-					
-					<!-- 操作菜单 -->
-					<view 
-						class="training-action-menu" 
-						v-if="selectedTrainingItem && selectedTrainingItem.id === item.id && showTrainingActionMenu"
-						@click.stop>
-						<view class="training-action-menu-item" @click="startTraining(item)">
-							<text>开始</text>
-						</view>
-					</view>
-					
-					<view class="customer-info">
-						<text class="customer-name" v-if="item.scenario">陪练场景: {{ item.scenario }}</text>
-					</view>
-					
-					<view class="customer-tags">
-						<view class="tag-item tag-blue" v-if="item.participantName">
-							<text>参与人: {{ item.participantName }}</text>
-						</view>
-						<view class="tag-item tag-orange" v-if="item.participantPhone">
-							<text>电话: {{ item.participantPhone }}</text>
-						</view>
-					</view>
-					
-					<view class="service-duration" v-if="item.createTime">
-						<text>创建时间: {{ formatDateTime(item.createTime) }}</text>
-					</view>
-					<view class="service-duration" v-if="item.endTime">
-						<text>结束时间: {{ formatDateTime(item.endTime) }}</text>
-					</view>
-				</view>
-				<view class="service-status-empty" v-if="!trainingLoading && !trainingList.length">
-					<text>暂无陪练记录</text>
-				</view>
-				<view class="service-status-loading-more" v-if="trainingLoading && trainingList.length">
-					<text>正在加载更多...</text>
-				</view>
-				<!-- 遮罩层，点击关闭菜单 -->
-				<view 
-					class="training-action-menu-mask" 
-					v-if="showTrainingActionMenu"
-					@click="closeTrainingActionMenu">
-				</view>
-			</scroll-view>
-			
-			<!-- 质检内容 -->
+			<!-- 质检tab -->
 			<scroll-view 
 				class="tab-content" 
 				scroll-y 
@@ -400,373 +61,8 @@
 				</view>
 			</scroll-view>
 			
-			<!-- 素材内容 -->
-			<scroll-view 
-				class="tab-content material-content" 
-				scroll-y 
-				v-if="activeTab === 'material'"
-				@scrolltolower="onMaterialReachBottom">
-				<view class="service-status-toolbar">
-					<text class="toolbar-total">共{{ materialTotal }}条</text>
-					<input
-						class="toolbar-input"
-						v-model="materialQuery.title"
-						placeholder="知识标题"
-						placeholder-style="color: #b0b0b0"
-						confirm-type="search"
-						@confirm="onMaterialSearch"
-					/>
-					<input
-						class="toolbar-input"
-						v-model="materialQuery.industry"
-						placeholder="应用行业"
-						placeholder-style="color: #b0b0b0"
-						confirm-type="search"
-						@confirm="onMaterialSearch"
-					/>
-					<view class="toolbar-actions">
-						<view class="toolbar-btn toolbar-btn--refresh" @click="onMaterialRefresh">
-							<uni-icons type="refresh" size="18" color="#2A68FF"></uni-icons>
-							<text>刷新</text>
-						</view>
-						<view class="toolbar-btn toolbar-btn--add" @click="showAddMaterial">
-							<uni-icons type="plus" size="18" color="#2A68FF"></uni-icons>
-						</view>
-					</view>
-				</view>
-				<view 
-					class="service-card material-card-item" 
-					v-for="(item, index) in materialList" 
-					:key="item.id || index">
-					<view class="card-header">
-						<view class="staff-info">
-							<view class="staff-avatar">
-								<text class="avatar-text">{{ (item.title || '知').charAt(0) }}</text>
-							</view>
-							<text class="staff-name">{{ item.title || '未命名知识' }}</text>
-						</view>
-						<view class="card-menu-trigger" @tap.stop="showContextMenu(item, index, $event)">
-							<uni-icons type="more-filled" size="20" color="#999"></uni-icons>
-						</view>
-					</view>
-					
-					<view class="customer-info">
-						<text class="customer-name" v-if="item.industry">所属行业: {{ item.industry }}</text>
-					</view>
-					
-					<view class="customer-tags">
-						<view class="tag-item tag-blue" v-if="item.content || item.detail">
-							<text @tap.stop="showFullText('详情', item.content || item.detail)">详情: {{ getContentPreview(item.content || item.detail, 30) }}</text>
-						</view>
-						<view class="tag-item tag-orange" v-if="item.remark">
-							<text @tap.stop="showFullText('提示词', item.remark)">提示词: {{ getContentPreview(item.remark, 30) }}</text>
-						</view>
-					</view>
-					
-					<!-- 上下文菜单 -->
-					<view 
-						class="context-menu" 
-						v-if="contextMenuVisible && contextMenuIndex === index"
-						:style="{ top: contextMenuTop + 'px', left: contextMenuLeft + 'px' }"
-						@tap.stop>
-						<view class="context-menu-item" @tap.stop="handleEditMaterial(item)">
-							<text>编辑</text>
-						</view>
-						<view class="context-menu-item context-menu-item--danger" @tap.stop="handleDeleteMaterial(item)">
-							<text>删除</text>
-						</view>
-					</view>
-				</view>
-				<view class="service-status-empty" v-if="!materialLoading && !materialList.length">
-					<text>暂无素材</text>
-				</view>
-				<view class="service-status-loading-more" v-if="materialLoading && materialList.length">
-					<text>正在加载更多...</text>
-				</view>
-			</scroll-view>
-			
-			<!-- 添加素材弹出框 -->
-			<view class="material-popup-mask" v-if="showMaterialPopup" @click="closeMaterialPopup">
-			</view>
-			<view class="material-popup" v-if="showMaterialPopup" @click.stop>
-				<view class="popup-header">
-					<text class="popup-title">添加素材</text>
-					<view class="popup-close" @click="closeMaterialPopup">
-						<uni-icons type="close" size="20" color="#999"></uni-icons>
-					</view>
-				</view>
-				<scroll-view class="popup-content" scroll-y>
-					<view class="form-card">
-						<view class="form-item">
-							<text class="form-item__label">知识标题</text>
-							<input
-								class="form-item__input"
-								v-model="materialForm.title"
-								placeholder="请输入知识标题"
-								placeholder-style="color: #9ca3af"
-								maxlength="512"
-							/>
-						</view>
-						<view class="form-item">
-							<text class="form-item__label">知识分类</text>
-							<input
-								class="form-item__input"
-								v-model="materialForm.category"
-								placeholder="请输入知识分类"
-								placeholder-style="color: #9ca3af"
-								maxlength="100"
-								:disabled="true"
-								readonly
-							/>
-						</view>
-						<view class="form-item">
-							<text class="form-item__label">应用行业</text>
-							<input
-								class="form-item__input"
-								v-model="materialForm.industry"
-								placeholder="请输入应用行业"
-								placeholder-style="color: #9ca3af"
-								maxlength="100"
-							/>
-						</view>
-						<view class="form-item">
-							<text class="form-item__label">文件上传</text>
-							<view class="file-upload-area">
-								<view class="file-item" v-if="materialForm.file">
-									<text class="file-name">{{ materialForm.file.name || '文件' }}</text>
-									<view class="file-delete" @click="removeFile">
-										<uni-icons type="close" size="16" color="#999"></uni-icons>
-									</view>
-								</view>
-								<view class="file-upload-btn" v-if="!materialForm.file" @click="chooseFile">
-									<uni-icons type="plus" size="24" color="#2A68FF"></uni-icons>
-								</view>
-							</view>
-						</view>
-					</view>
-				</scroll-view>
-				<view class="popup-actions">
-					<view class="popup-btn popup-btn--cancel" @click="closeMaterialPopup">
-						<uni-icons class="popup-btn__icon" type="close" size="20" color="#2A68FF"></uni-icons>
-						<text class="popup-btn__text">取消</text>
-					</view>
-					<view class="popup-btn popup-btn--submit" @click="submitMaterial">
-						<uni-icons class="popup-btn__icon" type="checkmarkempty" size="20" color="#2A68FF"></uni-icons>
-						<text class="popup-btn__text">提交</text>
-					</view>
-				</view>
-			</view>
-			
-			<!-- 编辑素材弹出框 -->
-			<view class="material-popup-mask" v-if="showEditMaterialPopup" @click="closeEditMaterialPopup">
-			</view>
-			<view class="material-popup" v-if="showEditMaterialPopup" @click.stop>
-				<view class="popup-header">
-					<text class="popup-title">编辑素材</text>
-					<view class="popup-close" @click="closeEditMaterialPopup">
-						<uni-icons type="close" size="20" color="#999"></uni-icons>
-					</view>
-				</view>
-				<scroll-view class="popup-content" scroll-y>
-					<view class="form-card">
-						<view class="form-item">
-							<text class="form-item__label">知识标题</text>
-							<input
-								class="form-item__input"
-								v-model="editMaterialForm.title"
-								placeholder="请输入知识标题"
-								placeholder-style="color: #9ca3af"
-								maxlength="512"
-							/>
-						</view>
-						<view class="form-item">
-							<text class="form-item__label">知识分类</text>
-							<input
-								class="form-item__input"
-								v-model="editMaterialForm.category"
-								placeholder="请输入知识分类"
-								placeholder-style="color: #9ca3af"
-								maxlength="100"
-							/>
-						</view>
-						<view class="form-item">
-							<text class="form-item__label">应用行业</text>
-							<input
-								class="form-item__input"
-								v-model="editMaterialForm.industry"
-								placeholder="请输入应用行业"
-								placeholder-style="color: #9ca3af"
-								maxlength="100"
-							/>
-						</view>
-						<view class="form-item">
-							<text class="form-item__label">详情</text>
-							<textarea
-								class="form-item__textarea"
-								v-model="editMaterialForm.content"
-								placeholder="请输入详情内容"
-								placeholder-style="color: #9ca3af"
-								maxlength="2000"
-							/>
-						</view>
-						<view class="form-item">
-							<text class="form-item__label">备注</text>
-							<input
-								class="form-item__input"
-								v-model="editMaterialForm.remark"
-								placeholder="请输入备注"
-								placeholder-style="color: #9ca3af"
-								maxlength="500"
-							/>
-						</view>
-					</view>
-				</scroll-view>
-				<view class="popup-actions">
-					<view class="popup-btn popup-btn--cancel" @click="closeEditMaterialPopup">
-						<uni-icons class="popup-btn__icon" type="close" size="20" color="#2A68FF"></uni-icons>
-						<text class="popup-btn__text">取消</text>
-					</view>
-					<view class="popup-btn popup-btn--submit" @click="submitEditMaterial">
-						<uni-icons class="popup-btn__icon" type="checkmarkempty" size="20" color="#2A68FF"></uni-icons>
-						<text class="popup-btn__text">保存</text>
-					</view>
-				</view>
-			</view>
-			
-			<!-- 上下文菜单遮罩层 -->
-			<view class="context-menu-mask" v-if="contextMenuVisible" @tap="closeContextMenu"></view>
-			
-			<!-- 陪练操作菜单遮罩层 -->
-			<view 
-				class="practice-action-menu-mask" 
-				v-if="showPracticeActionMenu"
-				@tap="closePracticeActionMenu">
-			</view>
-			
-			<!-- 内容详情弹出框 -->
-			<view class="content-popup-mask" v-if="showContentPopup" @click="closeContentPopup">
-			</view>
-			<view class="content-popup" v-if="showContentPopup" @click.stop>
-				<view class="content-popup-header">
-					<text class="content-popup-title">{{ contentPopupTitle }}</text>
-					<view class="content-popup-close" @click="closeContentPopup">
-						<uni-icons type="close" size="20" color="#999"></uni-icons>
-					</view>
-				</view>
-				<scroll-view class="content-popup-body" scroll-y>
-					<text class="content-popup-text">{{ contentPopupText }}</text>
-				</scroll-view>
-			</view>
-			
-			<!-- 陪练弹出框 -->
-			<view class="material-popup-mask" v-if="showPracticeTrainingPopup" @click="closePracticeTrainingPopup">
-			</view>
-			<view class="material-popup practice-training-popup" v-if="showPracticeTrainingPopup" @click.stop>
-				<view class="popup-header">
-					<text class="popup-title">生成陪练</text>
-					<view class="popup-close" @click="closePracticeTrainingPopup">
-						<uni-icons type="close" size="20" color="#999"></uni-icons>
-					</view>
-				</view>
-				<scroll-view class="popup-content" scroll-y>
-					<view class="form-card">
-						<view class="form-item">
-							<text class="form-item__label">陪练标题</text>
-							<input
-								class="form-item__input"
-								v-model="practiceTrainingForm.title"
-								placeholder="请输入陪练标题"
-								placeholder-style="color: #9ca3af"
-								maxlength="512"
-							/>
-						</view>
-						<view class="form-item">
-							<text class="form-item__label">陪练场景</text>
-							<input
-								class="form-item__input"
-								v-model="practiceTrainingForm.scenario"
-								placeholder="请输入陪练场景"
-								placeholder-style="color: #9ca3af"
-								maxlength="500"
-								:disabled="true"
-								readonly
-							/>
-						</view>
-						<view class="form-item">
-							<text class="form-item__label">参与人姓名</text>
-							<input
-								class="form-item__input"
-								v-model="practiceTrainingForm.participantName"
-								placeholder="请输入参与人姓名"
-								placeholder-style="color: #9ca3af"
-								maxlength="100"
-							/>
-						</view>
-						<view class="form-item">
-							<text class="form-item__label">参与人电话</text>
-							<input
-								class="form-item__input"
-								v-model="practiceTrainingForm.participantPhone"
-								placeholder="请输入参与人电话"
-								placeholder-style="color: #9ca3af"
-								type="number"
-								maxlength="20"
-							/>
-						</view>
-					</view>
-				</scroll-view>
-				<view class="popup-actions">
-					<view class="popup-btn popup-btn--cancel" @click="closePracticeTrainingPopup">
-						<uni-icons class="popup-btn__icon" type="close" size="20" color="#2A68FF"></uni-icons>
-						<text class="popup-btn__text">取消</text>
-					</view>
-					<view class="popup-btn popup-btn--submit" @click="submitPracticeTraining">
-						<uni-icons class="popup-btn__icon" type="checkmarkempty" size="20" color="#2A68FF"></uni-icons>
-						<text class="popup-btn__text">生成</text>
-					</view>
-				</view>
-			</view>
-			
-			<!-- 陪练详情列表弹出框 -->
-			<view class="material-popup-mask" v-if="showTrainingItemListPopup" @click="closeTrainingItemListPopup">
-			</view>
-			<view class="material-popup training-item-list-popup" v-if="showTrainingItemListPopup" @click.stop>
-				<view class="popup-header">
-					<text class="popup-title">陪练详情</text>
-					<view class="popup-close" @click="closeTrainingItemListPopup">
-						<uni-icons type="close" size="20" color="#999"></uni-icons>
-					</view>
-				</view>
-				<scroll-view class="popup-content" scroll-y @scrolltolower="onTrainingItemListReachBottom">
-					<view 
-						class="service-card training-item-card" 
-						v-for="(item, index) in trainingItemList" 
-						:key="item.id || index">
-						<view class="card-header">
-							<view class="staff-info">
-								<view class="staff-avatar">
-									<text class="avatar-text">{{ (item.question || '题').charAt(0) }}</text>
-								</view>
-								<text class="staff-name">{{ item.question || '未命名题目' }}</text>
-							</view>
-						</view>
-						
-						<view class="customer-info" v-if="item.answer">
-							<text class="customer-name">答案: {{ item.answer }}</text>
-						</view>
-						
-						<view class="service-duration" v-if="item.createTime">
-							<text>创建时间: {{ formatDateTime(item.createTime) }}</text>
-						</view>
-					</view>
-					<view class="service-status-empty" v-if="!trainingItemLoading && !trainingItemList.length">
-						<text>暂无详情记录</text>
-					</view>
-					<view class="service-status-loading-more" v-if="trainingItemLoading && trainingItemList.length">
-						<text>正在加载更多...</text>
-					</view>
-				</scroll-view>
-			</view>
+			<!-- 素材tab -->
+			<material-tab v-if="activeTab === 'material'"></material-tab>
 		</view>
 	</view>
 </template>
@@ -775,147 +71,33 @@
 	// #ifdef APP
 	import statusBar from "@/uni_modules/uni-nav-bar/components/uni-nav-bar/uni-status-bar";
 	// #endif
-	import { getApiUrl } from "@/common/config.js";
-	
-	// 获取租户ID
-	function getTenantId() {
-		try {
-			return uni.getStorageSync('backend-tenant-id') || '';
-		} catch (e) {
-			console.error('获取 tenantId 失败:', e);
-			return '';
-		}
-	}
+	import PracticeTab from "./components/practice-tab.vue";
+	import TrainingTab from "./components/training-tab.vue";
+	import MaterialTab from "./components/material-tab.vue";
 	
 	export default {
 		// #ifdef APP
 		components: {
-			statusBar
+			statusBar,
+			PracticeTab,
+			TrainingTab,
+			MaterialTab
+		},
+		// #endif
+		// #ifndef APP
+		components: {
+			PracticeTab,
+			TrainingTab,
+			MaterialTab
 		},
 		// #endif
 		data() {
 			return {
-				activeTab: 'practice',
-				// 素材相关数据
-				materialList: [],
-				materialLoading: false,
-				materialTotal: 0,
-				materialPage: {
-					current: 1,
-					size: 10
-				},
-				materialQuery: {
-					title: '',
-					category: '基础知识库',
-					industry: '',
-					creator: '',
-					status: ''
-				},
-				// 陪练相关数据
-				practiceList: [],
-				practiceLoading: false,
-				practiceTotal: 0,
-				practicePage: {
-					current: 1,
-					size: 10
-				},
-				practiceQuery: {
-					title: '',
-					industry: '',
-					creator: '',
-					status: ''
-				},
-				// 添加素材弹出框
-				showMaterialPopup: false,
-				materialForm: {
-					title: '',
-					category: '',
-					industry: '',
-					files: []
-				},
-				// 编辑素材弹出框
-				showEditMaterialPopup: false,
-				editMaterialForm: {
-					id: '',
-					title: '',
-					category: '',
-					industry: '',
-					content: '',
-					remark: ''
-				},
-				// 上下文菜单
-				contextMenuVisible: false,
-				contextMenuIndex: -1,
-				contextMenuTop: 0,
-				contextMenuLeft: 0,
-				// 添加陪练弹出框
-				showPracticePopup: false,
-				practiceForm: {
-					title: '',
-					category: '',
-					industry: '',
-					content: '',
-					remark: ''
-				},
-				// 编辑陪练弹出框
-				showEditPracticePopup: false,
-				editPracticeForm: {
-					id: '',
-					title: '',
-					category: '',
-					industry: '',
-					content: '',
-					remark: ''
-				},
-				// 陪练操作菜单
-				selectedPracticeItem: null,
-				showPracticeActionMenu: false,
-				// 陪练弹出框
-				showPracticeTrainingPopup: false,
-				practiceTrainingForm: {
-					scenarioId: '',
-					title: '',
-					scenario: '',
-					participantName: '',
-					participantPhone: ''
-				},
-				// 陪练列表相关数据
-				trainingList: [],
-				trainingLoading: false,
-				trainingTotal: 0,
-				trainingPage: {
-					current: 1,
-					size: 10
-				},
-				trainingQuery: {
-					title: '',
-					participantName: '',
-					participantPhone: ''
-				},
-				// 内容详情弹出框
-				showContentPopup: false,
-				contentPopupTitle: '',
-				contentPopupText: '',
-				// 陪练操作菜单
-				selectedTrainingItem: null,
-				showTrainingActionMenu: false,
-				// 陪练详情列表弹出框
-				showTrainingItemListPopup: false,
-				trainingItemList: [],
-				trainingItemLoading: false,
-				trainingItemTotal: 0,
-				trainingItemPage: {
-					current: 1,
-					size: 10
-				},
-				currentTrainingParentId: ''
+				activeTab: 'practice'
 			}
 		},
 		onLoad() {
-			// 页面加载时，如果默认是场景tab页，则调用接口填充数据
-			if (this.activeTab === 'practice') {
-				this.fetchPracticeList();
-			}
+			// 页面加载时，如果默认是场景tab页，子组件会自动加载数据
 		},
 		methods: {
 			goBack() {
@@ -923,1318 +105,15 @@
 			},
 			switchTab(tab) {
 				this.activeTab = tab;
-				if (tab === 'material') {
-					// 当进入素材页面时，请求接口填充数据
-					this.fetchMaterialList();
-				} else if (tab === 'practice') {
-					// 当进入场景页面时，请求接口填充数据
-					this.fetchPracticeList();
-				} else if (tab === 'training') {
-					// 当进入陪练页面时，请求接口填充数据
-					this.fetchTrainingList();
-				}
 			},
-			// 素材相关方法
-			onMaterialSearch() {
-				if (this.activeTab !== 'material') {
-					this.activeTab = 'material';
-				}
-				this.materialPage.current = 1;
-				this.fetchMaterialList({ force: true });
+			handleSwitchToTraining() {
+				// 处理从场景tab切换到陪练tab的事件
+				this.switchTab('training');
 			},
-			onMaterialRefresh() {
-				this.materialPage.current = 1;
-				this.fetchMaterialList({ force: true });
-			},
-			onMaterialReachBottom() {
-				// 已在加载中或全部加载完成则不再触发
-				if (this.materialLoading) return;
-				if (this.materialList.length >= this.materialTotal) return;
-				this.materialPage.current += 1;
-				this.fetchMaterialList();
-			},
-			async fetchMaterialList({ force = false } = {}) {
-				if (this.materialLoading && !force) {
-					return;
-				}
-				this.materialLoading = true;
-				try {
-					const queryParams = {
-						current: this.materialPage.current,
-						size: this.materialPage.size,
-						category: '基础知识库'  // 默认添加知识分类参数
-					};
-					const trimmedTitle = this.materialQuery?.title?.trim();
-					const trimmedIndustry = this.materialQuery?.industry?.trim();
-					const trimmedCreator = this.materialQuery?.creator?.trim();
-					const trimmedStatus = this.materialQuery?.status?.trim();
-					
-					if (trimmedTitle) {
-						queryParams.title = trimmedTitle;
-					}
-					if (trimmedIndustry) {
-						queryParams.industry = trimmedIndustry;
-					}
-					if (trimmedCreator) {
-						queryParams.creator = trimmedCreator;
-					}
-					if (trimmedStatus) {
-						queryParams.status = trimmedStatus;
-					}
-					
-					const queryString = Object.keys(queryParams)
-						.map(key => `${key}=${encodeURIComponent(queryParams[key])}`)
-						.join('&');
-					const url = `${getApiUrl('/api/knowledgeBase/list')}?${queryString}`;
-					
-					// 获取租户ID
-					const tenantId = getTenantId();
-					const headers = {};
-					if (tenantId) {
-						headers['X-Tenant-Id'] = tenantId;
-					}
-					
-					const res = await uni.request({
-						url,
-						method: 'POST',
-						header: headers,
-						timeout: 10000
-					});
-					
-					if (res.statusCode === 200 && res.data && res.data.success) {
-						const records = Array.isArray(res.data.data) ? res.data.data : [];
-						// 第一页或强制刷新时重置列表，否则追加
-						if (this.materialPage.current === 1 || force) {
-							this.materialList = records;
-						} else {
-							this.materialList = this.materialList.concat(records);
-						}
-						this.materialTotal = Number(res.data.total) || 0;
-					} else {
-						this.materialList = [];
-						this.materialTotal = 0;
-						uni.showToast({
-							title: res.data?.message || '获取素材列表失败',
-							icon: 'none'
-						});
-					}
-				} catch (error) {
-					console.error('获取素材列表失败:', error);
-					uni.showToast({
-						title: '获取素材列表失败，请稍后重试',
-						icon: 'none'
-					});
-				} finally {
-					this.materialLoading = false;
-				}
-			},
-			formatDateTime(value) {
-				if (!value) {
-					return '';
-				}
-				const date = new Date(value);
-				if (Number.isNaN(date.getTime())) {
-					return '';
-				}
-				const year = date.getFullYear();
-				const month = String(date.getMonth() + 1).padStart(2, '0');
-				const day = String(date.getDate()).padStart(2, '0');
-				const hours = String(date.getHours()).padStart(2, '0');
-				const minutes = String(date.getMinutes()).padStart(2, '0');
-				const seconds = String(date.getSeconds()).padStart(2, '0');
-				return `${year}-${month}-${day} ${hours}:${minutes}:${seconds}`;
-			},
-			viewMaterialDetail(item) {
-				// 查看素材详情
-				console.log('查看素材详情', item);
-			},
-			getContentPreview(content, limit = 30) {
-				if (!content) return '';
-				const text = String(content).replace(/\s+/g, ' ').trim();
-				if (!text) return '';
-				return text.length > limit ? `${text.substring(0, limit)}...` : text;
-			},
-			showFullText(title, content) {
-				if (!content) return;
-				this.contentPopupTitle = title || '详情';
-				this.contentPopupText = String(content);
-				this.showContentPopup = true;
-			},
-			closeContentPopup() {
-				this.showContentPopup = false;
-				this.contentPopupTitle = '';
-				this.contentPopupText = '';
-			},
-			showContextMenu(item, index, event) {
-				// 阻止事件冒泡
-				if (event && event.stopPropagation) {
-					event.stopPropagation();
-				}
-				// 获取系统信息以计算位置
-				const systemInfo = uni.getSystemInfoSync();
-				// 获取点击位置 - 优先使用触摸事件坐标
-				let top = 100;
-				let left = systemInfo.windowWidth - 180;
-				
-				if (event) {
-					if (event.touches && event.touches.length > 0) {
-						// 触摸事件
-						top = event.touches[0].clientY;
-						left = event.touches[0].clientX - 80;
-					} else if (event.detail && typeof event.detail.x === 'number') {
-						// tap事件坐标（单位：px，需要转换）
-						top = event.detail.y;
-						left = event.detail.x - 80;
-					} else if (event.clientY !== undefined) {
-						// 鼠标事件
-						top = event.clientY;
-						left = event.clientX - 80;
-					}
-				}
-				
-				// 确保菜单不超出屏幕
-				if (left + 160 > systemInfo.windowWidth) {
-					left = systemInfo.windowWidth - 180;
-				}
-				if (left < 0) {
-					left = 10;
-				}
-				
-				this.contextMenuTop = top;
-				this.contextMenuLeft = left;
-				// 显示菜单
-				this.contextMenuIndex = index;
-				this.contextMenuVisible = true;
-			},
-			closeContextMenu() {
-				this.contextMenuVisible = false;
-				this.contextMenuIndex = -1;
-			},
-			handleEditMaterial(item) {
-				this.closeContextMenu();
-				// 填充编辑表单
-				this.editMaterialForm = {
-					id: item.id,
-					title: item.title || '',
-					category: item.category || '',
-					industry: item.industry || '',
-					content: item.content || '',
-					remark: item.remark || ''
-				};
-				this.showEditMaterialPopup = true;
-			},
-			closeEditMaterialPopup() {
-				this.showEditMaterialPopup = false;
-				this.editMaterialForm = {
-					id: '',
-					title: '',
-					category: '',
-					industry: '',
-					content: '',
-					remark: ''
-				};
-			},
-			async submitEditMaterial() {
-				// 表单验证
-				if (!this.editMaterialForm.title || !this.editMaterialForm.title.trim()) {
-					uni.showToast({
-						title: "请输入知识标题",
-						icon: "none"
-					});
-					return;
-				}
-
-				try {
-					uni.showLoading({
-						title: "保存中..."
-					});
-
-					// 获取租户ID
-					const tenantId = getTenantId();
-					const headers = {
-						"Content-Type": "application/json"
-					};
-					if (tenantId) {
-						headers['X-Tenant-Id'] = tenantId;
-						// 同时在数据中也添加租户ID（如果后端需要）
-						if (!this.editMaterialForm.tenantId) {
-							this.editMaterialForm.tenantId = tenantId;
-						}
-					}
-
-					const res = await uni.request({
-						url: getApiUrl('/api/knowledgeBase/update'),
-						method: 'PUT',
-						data: this.editMaterialForm,
-						header: headers,
-						timeout: 15000
-					});
-
-					uni.hideLoading();
-
-					if (res.statusCode === 200 && res.data && (res.data.success || res.data.code === 200)) {
-						uni.showToast({
-							title: res.data?.message || "保存成功",
-							icon: "success"
-						});
-						// 关闭弹出框并刷新列表
-						this.closeEditMaterialPopup();
-						this.materialPage.current = 1;
-						this.fetchMaterialList({ force: true });
-					} else {
-						uni.showToast({
-							title: res.data?.message || "保存失败",
-							icon: "none"
-						});
-					}
-				} catch (error) {
-					uni.hideLoading();
-					console.error("保存素材失败:", error);
-					uni.showToast({
-						title: error?.message || "保存失败，请重试",
-						icon: "none"
-					});
-				}
-			},
-			handleDeleteMaterial(item) {
-				this.closeContextMenu();
-				uni.showModal({
-					title: '提示',
-					content: '确认删除该素材吗？',
-					success: async (res) => {
-						if (res.confirm) {
-							try {
-								uni.showLoading({
-									title: "删除中..."
-								});
-
-								// 获取租户ID
-								const tenantId = getTenantId();
-								const headers = {};
-								if (tenantId) {
-									headers['X-Tenant-Id'] = tenantId;
-								}
-
-								const deleteRes = await uni.request({
-									url: getApiUrl(`/api/knowledgeBase/delete/${item.id}`),
-									method: 'DELETE',
-									header: headers,
-									timeout: 15000
-								});
-
-								uni.hideLoading();
-
-								if (deleteRes.statusCode === 200 && deleteRes.data && (deleteRes.data.success || deleteRes.data.code === 200)) {
-									uni.showToast({
-										title: deleteRes.data?.message || "删除成功",
-										icon: "success"
-									});
-									// 刷新列表
-									this.materialPage.current = 1;
-									this.fetchMaterialList({ force: true });
-								} else {
-									uni.showToast({
-										title: deleteRes.data?.message || "删除失败",
-										icon: "none"
-									});
-								}
-							} catch (error) {
-								uni.hideLoading();
-								console.error("删除素材失败:", error);
-								uni.showToast({
-									title: error?.message || "删除失败，请重试",
-									icon: "none"
-								});
-							}
-						}
-					}
-				});
-			},
-			// 添加素材相关方法
-			showAddMaterial() {
-				this.showMaterialPopup = true;
-				this.materialForm = {
-					title: '',
-					category: '基础知识库',  // 固定值，不可修改
-					industry: '汽车销售',    // 默认值
-					file: null
-				};
-			},
-			closeMaterialPopup() {
-				this.showMaterialPopup = false;
-			},
-			chooseFile() {
-				// 限制只能上传一个文件
-				// #ifdef H5
-				// H5平台使用chooseFile
-				uni.chooseFile({
-					count: 1,
-					success: (res) => {
-						const tempFiles = res.tempFiles || [];
-						if (tempFiles.length > 0) {
-							const file = tempFiles[0];
-							// 替换文件，而不是添加
-							this.materialForm.file = {
-								name: file.name || '文件',
-								path: file.path || file.url,
-								size: file.size
-							};
-						}
-					},
-					fail: (err) => {
-						console.error('选择文件失败:', err);
-						uni.showToast({
-							title: '选择文件失败',
-							icon: 'none'
-						});
-					}
-				});
-				// #endif
-				// #ifndef H5
-				// 非H5平台使用chooseImage（可以选择图片文件）
-				uni.chooseImage({
-					count: 1,
-					success: (res) => {
-						const tempFiles = res.tempFiles || [];
-						if (tempFiles.length > 0) {
-							const file = tempFiles[0];
-							// 替换文件，而不是添加
-							this.materialForm.file = {
-								name: file.name || '图片',
-								path: file.path,
-								size: file.size
-							};
-						}
-					},
-					fail: (err) => {
-						console.error('选择文件失败:', err);
-						uni.showToast({
-							title: '选择文件失败',
-							icon: 'none'
-						});
-					}
-				});
-				// #endif
-			},
-			removeFile() {
-				// 清空文件
-				this.materialForm.file = null;
-			},
-			async submitMaterial() {
-				// 表单验证
-				if (!this.materialForm.title || !this.materialForm.title.trim()) {
-					uni.showToast({
-						title: "请输入知识标题",
-						icon: "none"
-					});
-					return;
-				}
-
-				try {
-					uni.showLoading({
-						title: "提交中..."
-					});
-
-					// 获取租户ID
-					const tenantId = getTenantId();
-					
-					let res;
-					
-					// 如果有文件，使用 uni.uploadFile 同时上传文件和其他表单数据
-					if (this.materialForm.file) {
-						// 使用 uni.uploadFile 将文件和其他字段一起提交
-						const formData = {
-							// 其他表单字段
-							'title': this.materialForm.title.trim(),
-							'category': this.materialForm.category?.trim() || '',
-							'industry': this.materialForm.industry?.trim() || '',
-							'content': '-',
-							'fileName': this.materialForm.file.name || 'file'  // 文件名
-						};
-						
-						// 添加租户ID到formData
-						if (tenantId) {
-							formData['tenantId'] = tenantId;
-						}
-						
-						res = await uni.uploadFile({
-							url: getApiUrl('/api/knowledgeBase/add'),
-							filePath: this.materialForm.file.path,
-							name: 'file',  // 文件字段名
-							formData: formData,
-							header: tenantId ? {
-								'X-Tenant-Id': tenantId
-							} : {},
-							timeout: 15000
-						});
-					} else {
-						// 如果没有文件，使用 uni.request 提交表单数据
-						const payload = {
-							title: this.materialForm.title.trim(),
-							category: this.materialForm.category?.trim() || '',
-							industry: this.materialForm.industry?.trim() || '',
-							content: "-"
-						};
-						
-						// 添加租户ID到payload
-						if (tenantId) {
-							payload.tenantId = tenantId;
-						}
-						
-						const headers = {
-							"Content-Type": "application/json"
-						};
-						
-						// 添加租户ID到header
-						if (tenantId) {
-							headers['X-Tenant-Id'] = tenantId;
-						}
-						
-						res = await uni.request({
-							url: getApiUrl('/api/knowledgeBase/add'),
-							method: 'POST',
-							data: payload,
-							header: headers,
-							timeout: 15000
-						});
-					}
-
-					uni.hideLoading();
-
-					// 处理响应（uni.uploadFile 返回的 data 可能是字符串，需要解析）
-					let result;
-					if (this.materialForm.file) {
-						// uni.uploadFile 返回的数据需要解析
-						try {
-							result = typeof res.data === 'string' ? JSON.parse(res.data) : res.data;
-						} catch (e) {
-							result = res.data;
-						}
-					} else {
-						result = res.data;
-					}
-
-					if (res.statusCode === 200 && result && (result.success || result.code === 200)) {
-						uni.showToast({
-							title: result?.message || "提交成功",
-							icon: "success"
-						});
-						// 关闭弹出框并刷新列表
-						this.closeMaterialPopup();
-						this.materialPage.current = 1;
-						this.fetchMaterialList({ force: true });
-					} else {
-						uni.showToast({
-							title: result?.message || "提交失败",
-							icon: "none"
-						});
-					}
-				} catch (error) {
-					uni.hideLoading();
-					console.error("提交素材失败:", error);
-					uni.showToast({
-						title: error?.message || "提交失败，请重试",
-						icon: "none"
-					});
-				}
-			},
-			// 陪练相关方法
-			onPracticeSearch() {
-				if (this.activeTab !== 'practice') {
-					this.activeTab = 'practice';
-				}
-				this.practicePage.current = 1;
-				this.fetchPracticeList({ force: true });
-			},
-			onPracticeRefresh() {
-				this.practicePage.current = 1;
-				this.fetchPracticeList({ force: true });
-			},
-			onPracticeReachBottom() {
-				// 已在加载中或全部加载完成则不再触发
-				if (this.practiceLoading) return;
-				if (this.practiceList.length >= this.practiceTotal) return;
-				this.practicePage.current += 1;
-				this.fetchPracticeList();
-			},
-			async fetchPracticeList({ force = false } = {}) {
-				if (this.practiceLoading && !force) {
-					return;
-				}
-				this.practiceLoading = true;
-				try {
-					const queryParams = {
-						current: this.practicePage.current,
-						size: this.practicePage.size,
-						category: 'AI陪练虚拟人'  // 默认添加知识分类参数
-					};
-					const trimmedTitle = this.practiceQuery?.title?.trim();
-					const trimmedIndustry = this.practiceQuery?.industry?.trim();
-					const trimmedCreator = this.practiceQuery?.creator?.trim();
-					const trimmedStatus = this.practiceQuery?.status?.trim();
-					
-					if (trimmedTitle) {
-						queryParams.title = trimmedTitle;
-					}
-					if (trimmedIndustry) {
-						queryParams.industry = trimmedIndustry;
-					}
-					if (trimmedCreator) {
-						queryParams.creator = trimmedCreator;
-					}
-					if (trimmedStatus) {
-						queryParams.status = trimmedStatus;
-					}
-					
-					const queryString = Object.keys(queryParams)
-						.map(key => `${key}=${encodeURIComponent(queryParams[key])}`)
-						.join('&');
-					const url = `${getApiUrl('/api/knowledgeBase/list')}?${queryString}`;
-					
-					// 获取租户ID
-					const tenantId = getTenantId();
-					const headers = {};
-					if (tenantId) {
-						headers['X-Tenant-Id'] = tenantId;
-					}
-					
-					const res = await uni.request({
-						url,
-						method: 'POST',
-						header: headers,
-						timeout: 10000
-					});
-					
-					if (res.statusCode === 200 && res.data && res.data.success) {
-						const records = Array.isArray(res.data.data) ? res.data.data : [];
-						// 第一页或强制刷新时重置列表，否则追加
-						if (this.practicePage.current === 1 || force) {
-							this.practiceList = records;
-						} else {
-							this.practiceList = this.practiceList.concat(records);
-						}
-						this.practiceTotal = Number(res.data.total) || 0;
-					} else {
-						this.practiceList = [];
-						this.practiceTotal = 0;
-						uni.showToast({
-							title: res.data?.message || '获取陪练列表失败',
-							icon: 'none'
-						});
-					}
-				} catch (error) {
-					console.error('获取陪练列表失败:', error);
-					uni.showToast({
-						title: '获取陪练列表失败，请稍后重试',
-						icon: 'none'
-					});
-				} finally {
-					this.practiceLoading = false;
-				}
-			},
-			onPracticeActionBtnClick(item) {
-				// 如果已经选中当前项，则关闭菜单
-				if (this.selectedPracticeItem && this.selectedPracticeItem.id === item.id && this.showPracticeActionMenu) {
-					this.closePracticeActionMenu();
-					return;
-				}
-				
-				// 显示菜单
-				this.selectedPracticeItem = item;
-				this.showPracticeActionMenu = true;
-			},
-			closePracticeActionMenu() {
-				this.showPracticeActionMenu = false;
-				this.selectedPracticeItem = null;
-			},
-			handleStartPractice(item) {
-				this.closePracticeActionMenu();
-				
-				// 获取当前登录用户信息
-				let participantName = '';
-				let participantPhone = '';
-				try {
-					const loginResponse = uni.getStorageSync('backend-login-response') || {};
-					const phone = loginResponse.phone || '';
-					const userName = loginResponse.userName || '';
-					
-					// 参与人电话默认为当前登录人的电话
-					participantPhone = phone;
-					
-					// 参与人姓名默认为当前登录人的登录手机号或者登录账号（优先手机号）
-					participantName = phone || userName;
-				} catch (e) {
-					console.error('获取登录用户信息失败:', e);
-				}
-				
-				// 填充陪练表单
-				this.practiceTrainingForm = {
-					scenarioId: item.id || '',
-					title: item.title || '',
-					scenario: item.content || item.detail || '',
-					participantName: participantName,
-					participantPhone: participantPhone
-				};
-				this.showPracticeTrainingPopup = true;
-			},
-			closePracticeTrainingPopup() {
-				this.showPracticeTrainingPopup = false;
-				this.practiceTrainingForm = {
-					scenarioId: '',
-					title: '',
-					scenario: '',
-					participantName: '',
-					participantPhone: ''
-				};
-			},
-			async submitPracticeTraining() {
-				// 表单验证
-				if (!this.practiceTrainingForm.title || !this.practiceTrainingForm.title.trim()) {
-					uni.showToast({
-						title: "请输入陪练标题",
-						icon: "none"
-					});
-					return;
-				}
-				if (!this.practiceTrainingForm.participantName || !this.practiceTrainingForm.participantName.trim()) {
-					uni.showToast({
-						title: "请输入参与人姓名",
-						icon: "none"
-					});
-					return;
-				}
-				if (!this.practiceTrainingForm.participantPhone || !this.practiceTrainingForm.participantPhone.trim()) {
-					uni.showToast({
-						title: "请输入参与人电话",
-						icon: "none"
-					});
-					return;
-				}
-
-				try {
-					uni.showLoading({
-						title: "创建中..."
-					});
-
-					// 获取租户ID
-					const tenantId = getTenantId();
-					
-					const payload = {
-						scenarioId: this.practiceTrainingForm.scenarioId || '',
-						title: this.practiceTrainingForm.title?.trim() || '',
-						scenario: this.practiceTrainingForm.scenario?.trim() || '',
-						participantName: this.practiceTrainingForm.participantName.trim(),
-						participantPhone: this.practiceTrainingForm.participantPhone.trim()
-					};
-					
-					// 添加租户ID到payload
-					if (tenantId) {
-						payload.tenantId = tenantId;
-					}
-					
-					const headers = {
-						"Content-Type": "application/json"
-					};
-					
-					// 添加租户ID到header
-					if (tenantId) {
-						headers['X-Tenant-Id'] = tenantId;
-					}
-					
-					const res = await uni.request({
-						url: getApiUrl('/api/trainingMain/add'),
-						method: 'POST',
-						data: payload,
-						header: headers,
-						timeout: 15000
-					});
-
-					uni.hideLoading();
-
-					if (res.statusCode === 200 && res.data && (res.data.success || res.data.code === 200)) {
-						uni.showToast({
-							title: res.data?.message || "创建成功",
-							icon: "success"
-						});
-						// 关闭弹出框
-						this.closePracticeTrainingPopup();
-						// 跳转到陪练页面并刷新列表
+			handleRefreshTrainingList() {
+				// 处理刷新陪练列表的事件
+				// 切换到陪练tab（如果不在的话）
 						this.switchTab('training');
-						this.trainingPage.current = 1;
-						this.fetchTrainingList({ force: true });
-					} else {
-						uni.showToast({
-							title: res.data?.message || "创建失败",
-							icon: "none"
-						});
-					}
-				} catch (error) {
-					uni.hideLoading();
-					console.error("创建陪练失败:", error);
-					uni.showToast({
-						title: error?.message || "创建失败，请重试",
-						icon: "none"
-					});
-				}
-			},
-			handleEditPractice(item) {
-				this.closePracticeActionMenu();
-				// 填充编辑表单
-				this.editPracticeForm = {
-					id: item.id,
-					title: item.title || '',
-					category: item.category || '',
-					industry: item.industry || '',
-					content: item.content || '',
-					remark: item.remark || ''
-				};
-				this.showEditPracticePopup = true;
-			},
-			closeEditPracticePopup() {
-				this.showEditPracticePopup = false;
-				this.editPracticeForm = {
-					id: '',
-					title: '',
-					category: '',
-					industry: '',
-					content: '',
-					remark: ''
-				};
-			},
-			async submitEditPractice() {
-				// 表单验证
-				if (!this.editPracticeForm.title || !this.editPracticeForm.title.trim()) {
-					uni.showToast({
-						title: "请输入知识标题",
-						icon: "none"
-					});
-					return;
-				}
-
-				try {
-					uni.showLoading({
-						title: "保存中..."
-					});
-
-					// 获取租户ID
-					const tenantId = getTenantId();
-					const headers = {
-						"Content-Type": "application/json"
-					};
-					if (tenantId) {
-						headers['X-Tenant-Id'] = tenantId;
-						// 同时在数据中也添加租户ID（如果后端需要）
-						if (!this.editPracticeForm.tenantId) {
-							this.editPracticeForm.tenantId = tenantId;
-						}
-					}
-
-					const res = await uni.request({
-						url: getApiUrl('/api/knowledgeBase/update'),
-						method: 'PUT',
-						data: this.editPracticeForm,
-						header: headers,
-						timeout: 15000
-					});
-
-					uni.hideLoading();
-
-					if (res.statusCode === 200 && res.data && (res.data.success || res.data.code === 200)) {
-						uni.showToast({
-							title: res.data?.message || "保存成功",
-							icon: "success"
-						});
-						// 关闭弹出框并刷新列表
-						this.closeEditPracticePopup();
-						this.practicePage.current = 1;
-						this.fetchPracticeList({ force: true });
-					} else {
-						uni.showToast({
-							title: res.data?.message || "保存失败",
-							icon: "none"
-						});
-					}
-				} catch (error) {
-					uni.hideLoading();
-					console.error("保存陪练失败:", error);
-					uni.showToast({
-						title: error?.message || "保存失败，请重试",
-						icon: "none"
-					});
-				}
-			},
-			handleDeletePractice(item) {
-				this.closePracticeActionMenu();
-				uni.showModal({
-					title: '提示',
-					content: '确认删除该陪练吗？',
-					success: async (res) => {
-						if (res.confirm) {
-							try {
-								uni.showLoading({
-									title: "删除中..."
-								});
-
-								// 获取租户ID
-								const tenantId = getTenantId();
-								const headers = {};
-								if (tenantId) {
-									headers['X-Tenant-Id'] = tenantId;
-								}
-
-								const deleteRes = await uni.request({
-									url: getApiUrl(`/api/knowledgeBase/delete/${item.id}`),
-									method: 'DELETE',
-									header: headers,
-									timeout: 15000
-								});
-
-								uni.hideLoading();
-
-								if (deleteRes.statusCode === 200 && deleteRes.data && (deleteRes.data.success || deleteRes.data.code === 200)) {
-									uni.showToast({
-										title: deleteRes.data?.message || "删除成功",
-										icon: "success"
-									});
-									// 刷新列表
-									this.practicePage.current = 1;
-									this.fetchPracticeList({ force: true });
-								} else {
-									uni.showToast({
-										title: deleteRes.data?.message || "删除失败",
-										icon: "none"
-									});
-								}
-							} catch (error) {
-								uni.hideLoading();
-								console.error("删除陪练失败:", error);
-								uni.showToast({
-									title: error?.message || "删除失败，请重试",
-									icon: "none"
-								});
-							}
-						}
-					}
-				});
-			},
-			// 添加陪练相关方法
-			showAddPractice() {
-				this.showPracticePopup = true;
-				this.practiceForm = {
-					title: '',
-					category: 'AI陪练虚拟人',  // 固定值，不可修改
-					industry: '汽车销售',    // 默认值
-					content: '',
-					remark: ''
-				};
-			},
-			closePracticePopup() {
-				this.showPracticePopup = false;
-			},
-			choosePracticeFile() {
-				// 限制只能上传一个文件
-				// #ifdef H5
-				// H5平台使用chooseFile
-				uni.chooseFile({
-					count: 1,
-					success: (res) => {
-						const tempFiles = res.tempFiles || [];
-						if (tempFiles.length > 0) {
-							const file = tempFiles[0];
-							// 替换文件，而不是添加
-							this.practiceForm.file = {
-								name: file.name || '文件',
-								path: file.path || file.url,
-								size: file.size
-							};
-						}
-					},
-					fail: (err) => {
-						console.error('选择文件失败:', err);
-						uni.showToast({
-							title: '选择文件失败',
-							icon: 'none'
-						});
-					}
-				});
-				// #endif
-				// #ifndef H5
-				// 非H5平台使用chooseImage（可以选择图片文件）
-				uni.chooseImage({
-					count: 1,
-					success: (res) => {
-						const tempFiles = res.tempFiles || [];
-						if (tempFiles.length > 0) {
-							const file = tempFiles[0];
-							// 替换文件，而不是添加
-							this.practiceForm.file = {
-								name: file.name || '图片',
-								path: file.path,
-								size: file.size
-							};
-						}
-					},
-					fail: (err) => {
-						console.error('选择文件失败:', err);
-						uni.showToast({
-							title: '选择文件失败',
-							icon: 'none'
-						});
-					}
-				});
-				// #endif
-			},
-			removePracticeFile() {
-				// 清空文件
-				this.practiceForm.file = null;
-			},
-			async submitPractice() {
-				// 表单验证
-				if (!this.practiceForm.title || !this.practiceForm.title.trim()) {
-					uni.showToast({
-						title: "请输入知识标题",
-						icon: "none"
-					});
-					return;
-				}
-
-				try {
-					uni.showLoading({
-						title: "提交中..."
-					});
-
-					// 获取租户ID
-					const tenantId = getTenantId();
-					
-					const payload = {
-						title: this.practiceForm.title.trim(),
-						category: this.practiceForm.category?.trim() || '',
-						industry: this.practiceForm.industry?.trim() || '',
-						content: this.practiceForm.content?.trim() || '',
-						remark: this.practiceForm.remark?.trim() || ''
-					};
-					
-					// 添加租户ID到payload
-					if (tenantId) {
-						payload.tenantId = tenantId;
-					}
-					
-					const headers = {
-						"Content-Type": "application/json"
-					};
-					
-					// 添加租户ID到header
-					if (tenantId) {
-						headers['X-Tenant-Id'] = tenantId;
-					}
-					
-					const res = await uni.request({
-						url: getApiUrl('/api/knowledgeBase/add'),
-						method: 'POST',
-						data: payload,
-						header: headers,
-						timeout: 15000
-					});
-
-					uni.hideLoading();
-
-					if (res.statusCode === 200 && res.data && (res.data.success || res.data.code === 200)) {
-						uni.showToast({
-							title: res.data?.message || "提交成功",
-							icon: "success"
-						});
-						// 关闭弹出框并刷新列表
-						this.closePracticePopup();
-						this.practicePage.current = 1;
-						this.fetchPracticeList({ force: true });
-					} else {
-						uni.showToast({
-							title: res.data?.message || "提交失败",
-							icon: "none"
-						});
-					}
-				} catch (error) {
-					uni.hideLoading();
-					console.error("提交陪练失败:", error);
-					uni.showToast({
-						title: error?.message || "提交失败，请重试",
-						icon: "none"
-					});
-				}
-			},
-			// 陪练列表相关方法
-			onTrainingSearch() {
-				if (this.activeTab !== 'training') {
-					this.activeTab = 'training';
-				}
-				this.trainingPage.current = 1;
-				this.fetchTrainingList({ force: true });
-			},
-			onTrainingRefresh() {
-				this.trainingPage.current = 1;
-				this.fetchTrainingList({ force: true });
-			},
-			onTrainingReachBottom() {
-				// 已在加载中或全部加载完成则不再触发
-				if (this.trainingLoading) return;
-				if (this.trainingList.length >= this.trainingTotal) return;
-				this.trainingPage.current += 1;
-				this.fetchTrainingList();
-			},
-			async fetchTrainingList({ force = false } = {}) {
-				if (this.trainingLoading && !force) {
-					return;
-				}
-				this.trainingLoading = true;
-				try {
-					// 构建查询参数
-					const queryParams = {
-						current: this.trainingPage.current,
-						size: this.trainingPage.size
-					};
-					
-					const trimmedTitle = this.trainingQuery?.title?.trim();
-					const trimmedParticipantName = this.trainingQuery?.participantName?.trim();
-					const trimmedParticipantPhone = this.trainingQuery?.participantPhone?.trim();
-					
-					if (trimmedTitle) {
-						queryParams.title = trimmedTitle;
-					}
-					if (trimmedParticipantName) {
-						queryParams.participantName = trimmedParticipantName;
-					}
-					if (trimmedParticipantPhone) {
-						queryParams.participantPhone = trimmedParticipantPhone;
-					}
-					
-					// 将参数转换为 URL 查询字符串
-					const queryString = Object.keys(queryParams)
-						.map(key => `${key}=${encodeURIComponent(queryParams[key])}`)
-						.join('&');
-					const url = `${getApiUrl('/api/trainingMain/list')}?${queryString}`;
-					
-					// 获取租户ID
-					const tenantId = getTenantId();
-					const headers = {};
-					if (tenantId) {
-						headers['X-Tenant-Id'] = tenantId;
-						// 同时添加到查询参数中
-						queryParams.tenantId = tenantId;
-					}
-					
-					// 重新构建查询字符串（包含tenantId）
-					const finalQueryString = Object.keys(queryParams)
-						.map(key => `${key}=${encodeURIComponent(queryParams[key])}`)
-						.join('&');
-					const finalUrl = `${getApiUrl('/api/trainingMain/list')}?${finalQueryString}`;
-					
-					const res = await uni.request({
-						url: finalUrl,
-						method: 'POST',
-						header: headers,
-						timeout: 10000
-					});
-					
-					if (res.statusCode === 200 && res.data && res.data.success) {
-						const records = Array.isArray(res.data.data) ? res.data.data : [];
-						// 第一页或强制刷新时重置列表，否则追加
-						if (this.trainingPage.current === 1 || force) {
-							this.trainingList = records;
-						} else {
-							this.trainingList = this.trainingList.concat(records);
-						}
-						this.trainingTotal = Number(res.data.total) || 0;
-					} else {
-						this.trainingList = [];
-						this.trainingTotal = 0;
-						uni.showToast({
-							title: res.data?.message || '获取陪练列表失败',
-							icon: 'none'
-						});
-					}
-				} catch (error) {
-					console.error('获取陪练列表失败:', error);
-					uni.showToast({
-						title: '获取陪练列表失败，请稍后重试',
-						icon: 'none'
-					});
-				} finally {
-					this.trainingLoading = false;
-				}
-			},
-			// 陪练操作菜单相关方法
-			onTrainingActionBtnClick(item) {
-				// 如果已经选中当前项，则关闭菜单
-				if (this.selectedTrainingItem && this.selectedTrainingItem.id === item.id && this.showTrainingActionMenu) {
-					this.closeTrainingActionMenu();
-					return;
-				}
-				
-				// 显示菜单
-				this.selectedTrainingItem = item;
-				this.showTrainingActionMenu = true;
-			},
-			closeTrainingActionMenu() {
-				this.showTrainingActionMenu = false;
-				this.selectedTrainingItem = null;
-			},
-			async startTraining(item) {
-				this.closeTrainingActionMenu();
-				// 打开详情列表弹窗
-				this.currentTrainingParentId = item.id || '';
-				this.trainingItemList = [];
-				this.showTrainingItemListPopup = true;
-				// 加载详情列表（调用listAll接口）
-				await this.fetchTrainingItemListAll(item.id || '');
-			},
-			closeTrainingItemListPopup() {
-				this.showTrainingItemListPopup = false;
-				this.currentTrainingParentId = '';
-				this.trainingItemPage.current = 1;
-				this.trainingItemList = [];
-			},
-			onTrainingItemListReachBottom() {
-				// 已在加载中或全部加载完成则不再触发
-				if (this.trainingItemLoading) return;
-				if (this.trainingItemList.length >= this.trainingItemTotal) return;
-				this.trainingItemPage.current += 1;
-				this.fetchTrainingItemList();
-			},
-			async fetchTrainingItemListAll(parentId) {
-				if (!parentId) {
-					uni.showToast({
-						title: '缺少父ID参数',
-						icon: 'none'
-					});
-					return;
-				}
-				
-				this.trainingItemLoading = true;
-				try {
-					// 获取租户ID
-					const tenantId = getTenantId();
-					
-					// 构建查询参数
-					const queryParams = {
-						parentId: parentId
-					};
-					
-					if (tenantId) {
-						queryParams.tenantId = tenantId;
-					}
-					
-					// 将参数转换为 URL 查询字符串
-					const queryString = Object.keys(queryParams)
-						.filter(key => queryParams[key] !== null && queryParams[key] !== undefined && queryParams[key] !== '')
-						.map(key => `${encodeURIComponent(key)}=${encodeURIComponent(queryParams[key])}`)
-						.join('&');
-					const url = `${getApiUrl('/api/trainingItem/listAll')}?${queryString}`;
-					
-					// 构建请求头
-					const headers = {
-						"Content-Type": "application/json"
-					};
-					if (tenantId) {
-						headers['X-Tenant-Id'] = tenantId;
-					}
-					
-					const res = await uni.request({
-						url: url,
-						method: 'POST',
-						header: headers,
-						timeout: 30000
-					});
-					
-					if (res.statusCode === 200 && res.data && res.data.success) {
-						const records = Array.isArray(res.data.data) ? res.data.data : [];
-						this.trainingItemList = records;
-						this.trainingItemTotal = Number(res.data.count) || records.length;
-					} else {
-						this.trainingItemList = [];
-						this.trainingItemTotal = 0;
-						uni.showToast({
-							title: res.data?.message || '获取陪练详情列表失败',
-							icon: 'none'
-						});
-					}
-				} catch (error) {
-					console.error('获取陪练详情列表失败:', error);
-					uni.showToast({
-						title: '获取陪练详情列表失败，请稍后重试',
-						icon: 'none'
-					});
-				} finally {
-					this.trainingItemLoading = false;
-				}
-			},
-			async fetchTrainingItemList({ force = false } = {}) {
-				if (this.trainingItemLoading && !force) {
-					return;
-				}
-				if (!this.currentTrainingParentId) {
-					return;
-				}
-				this.trainingItemLoading = true;
-				try {
-					// 构建查询参数
-					const queryParams = {
-						current: this.trainingItemPage.current,
-						size: this.trainingItemPage.size,
-						parentId: this.currentTrainingParentId
-					};
-					
-					// 获取租户ID
-					const tenantId = getTenantId();
-					if (tenantId) {
-						queryParams.tenantId = tenantId;
-					}
-					
-					// 将参数转换为 URL 查询字符串
-					const queryString = Object.keys(queryParams)
-						.filter(key => queryParams[key] !== null && queryParams[key] !== undefined && queryParams[key] !== '')
-						.map(key => `${encodeURIComponent(key)}=${encodeURIComponent(queryParams[key])}`)
-						.join('&');
-					const url = `${getApiUrl('/api/trainingItem/list')}?${queryString}`;
-					
-					// 构建请求头
-					const headers = {};
-					if (tenantId) {
-						headers['X-Tenant-Id'] = tenantId;
-					}
-					
-					const res = await uni.request({
-						url: url,
-						method: 'GET',
-						header: headers,
-						timeout: 30000
-					});
-					
-					if (res.statusCode === 200 && res.data && res.data.success) {
-						const records = Array.isArray(res.data.data) ? res.data.data : [];
-						// 第一页或强制刷新时重置列表，否则追加
-						if (this.trainingItemPage.current === 1 || force) {
-							this.trainingItemList = records;
-						} else {
-							this.trainingItemList = this.trainingItemList.concat(records);
-						}
-						this.trainingItemTotal = Number(res.data.total) || 0;
-					} else {
-						this.trainingItemList = [];
-						this.trainingItemTotal = 0;
-						uni.showToast({
-							title: res.data?.message || '获取陪练详情列表失败',
-							icon: 'none'
-						});
-					}
-				} catch (error) {
-					console.error('获取陪练详情列表失败:', error);
-					uni.showToast({
-						title: '获取陪练详情列表失败，请稍后重试',
-						icon: 'none'
-					});
-				} finally {
-					this.trainingItemLoading = false;
-				}
 			}
 		}
 	}
@@ -2303,34 +182,6 @@
 		border-radius: 2rpx;
 	}
 	
-	/* 内容区域 - 使用绝对定位，从tab页底部开始，到底部导航栏结束 */
-	.tab-content {
-		position: absolute;
-		top: 160rpx; /* 导航栏(88rpx) + tab页(72rpx) = 160rpx */
-		left: 0;
-		right: 0;
-		bottom: 96rpx; /* 底部导航栏高度 */
-		background-color: #F5F5F5;
-		padding: 24rpx 16rpx 0 16rpx; /* 顶部24rpx间距，底部0 */
-		box-sizing: border-box;
-		overflow-y: auto;
-	}
-	
-	/* 素材内容区域和陪练内容区域使用相同定位 */
-	.material-content,
-	.practice-content,
-	.training-content {
-		position: absolute;
-		top: 160rpx; /* 导航栏(88rpx) + tab页(72rpx) = 160rpx */
-		left: 0;
-		right: 0;
-		bottom: 96rpx; /* 底部导航栏高度 */
-		background-color: #F5F5F5;
-		padding: 24rpx 16rpx 0 16rpx; /* 顶部24rpx间距（与列表项间距一致），底部0 */
-		box-sizing: border-box;
-		overflow-y: auto;
-	}
-	
 	.champion-card {
 		width: 100%;
 		box-sizing: border-box;
@@ -2356,704 +207,4 @@
 		font-size: 28rpx;
 		color: #999;
 	}
-	
-
-	.service-status-toolbar {
-		display: flex;
-		flex-wrap: nowrap;
-		align-items: center;
-		gap: 8rpx; /* 增加间距，避免元素被挤压 */
-		padding: 12rpx 8rpx; /* 增加内边距，给搜索框更多空间 */
-		margin-bottom: 24rpx; /* 与列表项间距保持一致（24rpx） */
-		background-color: #F8F8FA;
-		border-radius: 8rpx;
-		border: 1px solid #EFEFF2;
-		overflow-x: auto;
-		min-height: 64rpx; /* 设置最小高度，确保搜索区域不被挤压 */
-		box-sizing: border-box;
-	}
-
-	.toolbar-total {
-		font-size: 24rpx;
-		color: #666;
-		white-space: nowrap;
-		flex-shrink: 0;
-		margin-right: 8rpx; /* 增加右边距，与搜索框保持距离 */
-		line-height: 1.2;
-		padding: 0 4rpx; /* 增加左右内边距 */
-	}
-
-	.toolbar-input {
-		flex: 1;
-		min-width: 120rpx; /* 增加最小宽度，避免被挤压变形 */
-		max-width: 200rpx; /* 设置最大宽度，保持合理比例 */
-		height: 56rpx; /* 稍微增加高度，提升可用性 */
-		line-height: 56rpx;
-		background-color: #F5F6FA;
-		border-radius: 8rpx;
-		padding: 0 12rpx; /* 增加左右内边距 */
-		font-size: 24rpx;
-		border: 1px solid transparent;
-		box-sizing: border-box;
-		flex-shrink: 1; /* 允许适当收缩，但保持最小宽度 */
-	}
-
-	.toolbar-actions {
-		display: flex;
-		align-items: center;
-		margin-left: auto;
-		flex-shrink: 0;
-		gap: 8rpx; /* 增加按钮之间的间距 */
-	}
-
-	.toolbar-btn {
-		padding: 0 12rpx; /* 增加左右内边距 */
-		height: 56rpx; /* 与输入框高度保持一致 */
-		min-width: 56rpx;
-		color: #2A68FF;
-		display: flex;
-		align-items: center;
-		justify-content: center;
-		gap: 4rpx; /* 增加图标和文字之间的间距 */
-		font-size: 24rpx;
-		font-weight: 400;
-		line-height: 1;
-		box-sizing: border-box;
-	}
-	
-	.toolbar-btn text {
-		color: #2A68FF;
-	}
-	
-	.service-card {
-		width: 100%;
-		box-sizing: border-box;
-		background-color: #FFFFFF;
-		border-radius: 16rpx;
-		padding: 32rpx;
-		margin-bottom: 24rpx;
-		box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.04);
-		overflow: visible;
-	}
-	
-	.material-card-item,
-	.training-card-item {
-		padding-left: 32rpx;
-		padding-right: 32rpx;
-		padding-top: 32rpx;
-		padding-bottom: 32rpx;
-	}
-	
-	.card-header {
-		display: flex;
-		justify-content: space-between;
-		align-items: center;
-		margin-bottom: 20rpx;
-		width: 100%;
-		box-sizing: border-box;
-		padding: 0;
-		margin: 0;
-		position: relative;
-	}
-	
-	.card-menu-trigger {
-		width: 60rpx;
-		height: 60rpx;
-		display: flex;
-		align-items: center;
-		justify-content: center;
-		cursor: pointer;
-		flex-shrink: 0;
-		margin-left: auto;
-		margin-right: 0;
-		margin-top: 0;
-		margin-bottom: 0;
-		flex-grow: 0;
-		position: relative;
-		padding: 0;
-	}
-	
-	.card-menu-trigger:active {
-		opacity: 0.7;
-	}
-	
-	.context-menu {
-		position: fixed;
-		background-color: #FFFFFF;
-		border-radius: 8rpx;
-		box-shadow: 0 4rpx 12rpx rgba(0, 0, 0, 0.15);
-		z-index: 1001;
-		min-width: 160rpx;
-		padding: 8rpx 0;
-		max-width: 200rpx;
-	}
-	
-	/* 陪练操作菜单样式 */
-	.practice-card-item {
-		position: relative;
-	}
-	
-	.practice-action-menu {
-		position: absolute;
-		top: 60rpx;
-		right: 32rpx;
-		width: 160rpx;
-		background-color: #FFFFFF;
-		border-radius: 12rpx;
-		box-shadow: 0 4rpx 12rpx rgba(0, 0, 0, 0.15);
-		z-index: 100;
-		overflow: hidden;
-		margin-right: 0;
-	}
-	
-	.practice-action-menu-item {
-		padding: 24rpx 32rpx;
-		font-size: 28rpx;
-		color: #333;
-		text-align: center;
-		background-color: #FFFFFF;
-	}
-	
-	.practice-action-menu-item:active {
-		background-color: #F5F5F5;
-	}
-	
-	.practice-action-menu-item--danger {
-		color: #FF5722;
-	}
-	
-	.practice-action-menu-divider {
-		height: 1rpx;
-		background-color: #E0E0E0;
-		margin: 0 16rpx;
-	}
-	
-	.practice-action-menu-mask {
-		position: fixed;
-		top: 0;
-		left: 0;
-		right: 0;
-		bottom: 0;
-		background-color: transparent;
-		z-index: 99;
-	}
-	
-	.context-menu-item {
-		padding: 24rpx 32rpx;
-		font-size: 28rpx;
-		color: #333;
-		text-align: left;
-	}
-	
-	.context-menu-item:active {
-		background-color: #f5f5f5;
-	}
-	
-	.context-menu-item--danger {
-		color: #FF3B30;
-	}
-	
-	.context-menu-mask {
-		position: fixed;
-		top: 0;
-		left: 0;
-		right: 0;
-		bottom: 0;
-		z-index: 1000;
-		background-color: transparent;
-	}
-	
-	.staff-info {
-		display: flex;
-		align-items: center;
-		flex: 1;
-		min-width: 0;
-		margin: 0;
-		padding: 0;
-	}
-	
-	.staff-avatar {
-		width: 64rpx;
-		height: 64rpx;
-		background-color: #2196F3;
-		border-radius: 50%;
-		display: flex;
-		align-items: center;
-		justify-content: center;
-		margin-right: 16rpx;
-		margin-left: 0;
-		margin-top: 0;
-		margin-bottom: 0;
-		flex-shrink: 0;
-	}
-	
-	.avatar-text {
-		font-size: 32rpx;
-		color: #FFFFFF;
-		font-weight: 500;
-	}
-	
-	.staff-name {
-		font-size: 32rpx;
-		font-weight: 500;
-		color: #333;
-	}
-	
-	.customer-tags {
-		display: flex;
-		flex-wrap: wrap;
-		margin-bottom: 20rpx;
-		gap: 12rpx;
-		box-sizing: border-box;
-		margin-left: 0;
-		margin-right: 0;
-		padding: 0;
-		width: 100%;
-		max-width: 100%;
-	}
-
-	.customer-info {
-		margin-bottom: 16rpx;
-		display: flex;
-		flex-direction: column;
-		gap: 8rpx;
-		box-sizing: border-box;
-		margin-left: 0;
-		margin-right: 0;
-		padding: 0;
-		width: 100%;
-		max-width: 100%;
-	}
-
-	.customer-name {
-		font-size: 28rpx;
-		color: #555;
-	}
-	
-	.tag-item {
-		padding: 8rpx 16rpx;
-		border-radius: 8rpx;
-		box-sizing: border-box;
-		word-wrap: break-word;
-		word-break: break-all;
-		display: inline-block;
-		max-width: 100%;
-	}
-	
-	.tag-blue {
-		background-color: #E3F2FD;
-	}
-	
-	.tag-blue text {
-		font-size: 24rpx;
-		color: #1976D2;
-	}
-	
-	.tag-orange {
-		background-color: #FFF3E0;
-	}
-	
-	.tag-orange text {
-		font-size: 24rpx;
-		color: #F57C00;
-	}
-	
-	.service-duration {
-		padding-top: 16rpx;
-		border-top: 1px solid #F0F0F0;
-	}
-	
-	.service-duration text {
-		font-size: 26rpx;
-		color: #999;
-	}
-
-	.service-status-empty {
-		padding: 48rpx 0;
-		text-align: center;
-		color: #999;
-		font-size: 28rpx;
-	}
-	
-	.service-status-loading-more {
-		padding: 24rpx 0;
-		text-align: center;
-		color: #999;
-		font-size: 26rpx;
-	}
-	
-	/* 添加素材弹出框样式 */
-	.material-popup-mask {
-		position: fixed;
-		top: 0;
-		left: 0;
-		right: 0;
-		bottom: 0;
-		background-color: rgba(0, 0, 0, 0.5);
-		z-index: 999;
-	}
-	
-	.material-popup {
-		position: fixed;
-		left: 50%;
-		top: 50%;
-		transform: translate(-50%, -50%);
-		width: calc(100vw - 80rpx);
-		max-width: 90%;
-		box-sizing: border-box;
-		height: 80vh;
-		max-height: 80vh;
-		background-color: #FFFFFF;
-		border-radius: 16rpx;
-		z-index: 1000;
-		display: flex;
-		flex-direction: column;
-		box-shadow: 0 8rpx 32rpx rgba(0, 0, 0, 0.2);
-		overflow: hidden;
-	}
-	
-	.popup-header {
-		display: flex;
-		align-items: center;
-		justify-content: space-between;
-		padding: 32rpx;
-		border-bottom: 1px solid #E0E0E0;
-		flex-shrink: 0;
-	}
-	
-	.popup-title {
-		font-size: 36rpx;
-		font-weight: 500;
-		color: #333;
-	}
-	
-	.popup-close {
-		width: 48rpx;
-		height: 48rpx;
-		display: flex;
-		align-items: center;
-		justify-content: center;
-	}
-	
-	.popup-content {
-		flex: 1;
-		min-height: 0;
-		padding: 20rpx 20rpx 28rpx;
-		box-sizing: border-box;
-		overflow-y: auto;
-	}
-	
-	.form-card {
-		width: 100%;
-		box-sizing: border-box;
-	}
-	
-	.form-item {
-		display: flex;
-		align-items: center;
-		margin-bottom: 20rpx;
-		gap: 16rpx;
-	}
-	
-	.form-item__label {
-		font-size: 32rpx;
-		color: #333;
-		font-weight: 500;
-		width: 160rpx;
-		flex-shrink: 0;
-		text-align: left;
-	}
-	
-	.form-item__input {
-		flex: 1;
-		min-width: 0;
-		height: 88rpx;
-		background-color: #f9fafb;
-		border-radius: 12rpx;
-		padding: 0 24rpx;
-		font-size: 32rpx;
-		color: #333;
-		box-sizing: border-box;
-	}
-	
-	/* 只读输入框样式 */
-	.form-item__input[disabled],
-	.form-item__input[readonly] {
-		background-color: #f3f4f6;
-		color: #6b7280;
-		cursor: not-allowed;
-	}
-	
-	.form-item__textarea {
-		flex: 1;
-		min-width: 0;
-		min-height: 200rpx;
-		background-color: #f9fafb;
-		border-radius: 12rpx;
-		padding: 24rpx;
-		font-size: 32rpx;
-		color: #333;
-		box-sizing: border-box;
-	}
-	
-	.file-upload-area {
-		width: 100%;
-		display: flex;
-		flex-direction: column;
-		gap: 12rpx;
-	}
-	
-	.file-item {
-		display: flex;
-		align-items: center;
-		justify-content: space-between;
-		padding: 16rpx 24rpx;
-		background-color: #f9fafb;
-		border-radius: 12rpx;
-		margin-bottom: 12rpx;
-	}
-
-	.file-upload-btn {
-		width: 100%;
-		height: 88rpx;
-		border: 1px dashed #d1d5db;
-		border-radius: 12rpx;
-		display: flex;
-		align-items: center;
-		justify-content: center;
-		gap: 0;
-		box-sizing: border-box;
-	}
-	
-	.file-name {
-		font-size: 28rpx;
-		color: #333;
-		flex: 1;
-		overflow: hidden;
-		text-overflow: ellipsis;
-		white-space: nowrap;
-	}
-	
-	.file-delete {
-		width: 40rpx;
-		height: 40rpx;
-		display: flex;
-		align-items: center;
-		justify-content: center;
-		margin-left: 16rpx;
-	}
-	
-	.file-upload-btn {
-		display: flex;
-		flex-direction: row;
-		align-items: center;
-		justify-content: center;
-		height: 88rpx;
-		padding: 0;
-		background-color: #f9fafb;
-		border: 2rpx dashed #d1d5db;
-		border-radius: 12rpx;
-	}
-	
-	.file-upload-text {
-		display: none;
-	}
-	
-	.popup-actions {
-		display: flex;
-		gap: 24rpx;
-		padding: 24rpx;
-		border-top: 1px solid #E0E0E0;
-		flex-shrink: 0;
-	}
-	
-	.popup-btn {
-		flex: 1;
-		height: 88rpx;
-		border-radius: 12rpx;
-		display: flex;
-		align-items: center;
-		justify-content: center;
-	}
-	
-	.popup-btn--cancel {
-		background-color: #f3f4f6;
-	}
-	
-	.popup-btn--submit {
-		/* 对齐取消按钮的风格：浅色背景与边框 */
-		background-color: #f3f4f6;
-		border: 1px solid #d1d5db;
-	}
-	
-	.popup-btn__text {
-		font-size: 32rpx;
-		font-weight: 500;
-	}
-
-	.popup-btn__icon {
-		margin-right: 8rpx;
-	}
-	
-	.popup-btn--cancel .popup-btn__text {
-		color: #2A68FF;
-	}
-	
-	.popup-btn--submit .popup-btn__text {
-		color: #2A68FF;
-	}
-	
-	/* 内容详情弹出框样式 */
-	.content-popup-mask {
-		position: fixed;
-		top: 0;
-		left: 0;
-		right: 0;
-		bottom: 0;
-		background-color: rgba(0, 0, 0, 0.5);
-		z-index: 999;
-	}
-	
-	.content-popup {
-		position: fixed;
-		left: 10%;
-		right: 10%;
-		top: 50%;
-		transform: translateY(-50%);
-		box-sizing: border-box;
-		max-height: calc(100vh - 320rpx);
-		height: auto;
-		background-color: #FFFFFF;
-		border-radius: 16rpx;
-		z-index: 1000;
-		display: flex;
-		flex-direction: column;
-		box-shadow: 0 8rpx 32rpx rgba(0, 0, 0, 0.2);
-		overflow: hidden;
-	}
-	
-	.content-popup-header {
-		display: flex;
-		align-items: center;
-		justify-content: space-between;
-		padding: 32rpx;
-		border-bottom: 1px solid #E0E0E0;
-		flex-shrink: 0;
-	}
-	
-	.content-popup-title {
-		font-size: 36rpx;
-		font-weight: 500;
-		color: #333;
-	}
-	
-	.content-popup-close {
-		width: 48rpx;
-		height: 48rpx;
-		display: flex;
-		align-items: center;
-		justify-content: center;
-	}
-	
-	.content-popup-body {
-		flex: 1;
-		min-height: 0;
-		padding: 32rpx;
-		box-sizing: border-box;
-		overflow-y: auto;
-	}
-	
-	.content-popup-text {
-		font-size: 32rpx;
-		color: #333;
-		line-height: 1.8;
-		white-space: pre-wrap;
-		word-wrap: break-word;
-	}
-	
-	/* 陪练操作菜单样式 */
-	.training-card-item {
-		position: relative;
-	}
-	
-	.training-card-action-btn {
-		width: 60rpx;
-		height: 60rpx;
-		display: flex;
-		align-items: center;
-		justify-content: center;
-		cursor: pointer;
-		margin-left: auto;
-		margin-right: 0;
-		margin-top: 0;
-		margin-bottom: 0;
-		flex-shrink: 0;
-		flex-grow: 0;
-		position: relative;
-		padding: 0;
-	}
-	
-	.training-card-action-btn uni-icons {
-		display: block;
-		margin: 0;
-		padding: 0;
-		line-height: 1;
-	}
-	
-	.training-card-action-btn:active {
-		opacity: 0.7;
-	}
-	
-	.training-action-menu {
-		position: absolute;
-		top: 60rpx;
-		right: 32rpx;
-		width: 160rpx;
-		background-color: #FFFFFF;
-		border-radius: 12rpx;
-		box-shadow: 0 4rpx 12rpx rgba(0, 0, 0, 0.15);
-		z-index: 100;
-		overflow: hidden;
-		margin-right: 0;
-	}
-	
-	.training-action-menu-item {
-		padding: 24rpx 32rpx;
-		font-size: 28rpx;
-		color: #333;
-		text-align: center;
-		background-color: #FFFFFF;
-	}
-	
-	.training-action-menu-item:active {
-		background-color: #F5F5F5;
-	}
-	
-	.training-action-menu-mask {
-		position: fixed;
-		top: 0;
-		left: 0;
-		right: 0;
-		bottom: 0;
-		background-color: transparent;
-		z-index: 99;
-	}
-	
-	/* 陪练详情列表弹窗样式 */
-	.training-item-list-popup {
-		max-height: 80vh;
-	}
-	
-	.training-item-list-popup .popup-content {
-		padding: 24rpx;
-	}
-	
-	.training-item-card {
-		margin-bottom: 24rpx;
-	}
-	
-	.training-item-card:last-child {
-		margin-bottom: 0;
-	}
-</style>
-
+</style>
\ No newline at end of file
diff --git a/pages/champion/components/material-tab.vue b/pages/champion/components/material-tab.vue
new file mode 100644
index 0000000..c5966a0
--- /dev/null
+++ b/pages/champion/components/material-tab.vue
@@ -0,0 +1,1394 @@
+<template>
+	<view>
+		<scroll-view 
+			class="tab-content material-content" 
+			scroll-y 
+			@scrolltolower="onMaterialReachBottom">
+			<view class="service-status-toolbar">
+				<text class="toolbar-total">共{{ materialTotal }}条</text>
+				<input
+					class="toolbar-input"
+					v-model="materialQuery.title"
+					placeholder="知识标题"
+					placeholder-style="color: #b0b0b0"
+					confirm-type="search"
+					@confirm="onMaterialSearch"
+				/>
+				<input
+					class="toolbar-input"
+					v-model="materialQuery.industry"
+					placeholder="应用行业"
+					placeholder-style="color: #b0b0b0"
+					confirm-type="search"
+					@confirm="onMaterialSearch"
+				/>
+				<view class="toolbar-actions">
+					<view class="toolbar-btn toolbar-btn--refresh" @click="onMaterialRefresh">
+						<uni-icons type="refresh" size="18" color="#2A68FF"></uni-icons>
+						<text>刷新</text>
+					</view>
+					<view class="toolbar-btn toolbar-btn--add" @click="showAddMaterial">
+						<uni-icons type="plus" size="18" color="#2A68FF"></uni-icons>
+					</view>
+				</view>
+			</view>
+			<view 
+				class="service-card material-card-item" 
+				v-for="(item, index) in materialList" 
+				:key="item.id || index">
+				<view class="card-header">
+					<view class="staff-info">
+						<view class="staff-avatar">
+							<text class="avatar-text">{{ (item.title || '知').charAt(0) }}</text>
+						</view>
+						<text class="staff-name">{{ item.title || '未命名知识' }}</text>
+					</view>
+					<view class="card-menu-trigger" @tap.stop="showContextMenu(item, index, $event)">
+						<uni-icons type="more-filled" size="20" color="#999"></uni-icons>
+					</view>
+				</view>
+				
+				<view class="customer-info">
+					<text class="customer-name" v-if="item.industry">所属行业: {{ item.industry }}</text>
+				</view>
+				
+				<view class="customer-tags">
+					<view class="tag-item tag-blue" v-if="item.content || item.detail">
+						<text @tap.stop="showFullText('详情', item.content || item.detail)">详情: {{ getContentPreview(item.content || item.detail, 30) }}</text>
+					</view>
+					<view class="tag-item tag-orange" v-if="item.remark">
+						<text @tap.stop="showFullText('提示词', item.remark)">提示词: {{ getContentPreview(item.remark, 30) }}</text>
+					</view>
+				</view>
+				
+				<!-- 上下文菜单 -->
+				<view 
+					class="context-menu" 
+					v-if="contextMenuVisible && contextMenuIndex === index"
+					:style="{ top: contextMenuTop + 'px', left: contextMenuLeft + 'px' }"
+					@tap.stop>
+					<view class="context-menu-item" @tap.stop="handleEditMaterial(item)">
+						<text>编辑</text>
+					</view>
+					<view class="context-menu-item context-menu-item--danger" @tap.stop="handleDeleteMaterial(item)">
+						<text>删除</text>
+					</view>
+				</view>
+			</view>
+			<view class="service-status-empty" v-if="!materialLoading && !materialList.length">
+				<text>暂无素材</text>
+			</view>
+			<view class="service-status-loading-more" v-if="materialLoading && materialList.length">
+				<text>正在加载更多...</text>
+			</view>
+		</scroll-view>
+		
+		<!-- 添加素材弹出框 -->
+		<view class="material-popup-mask" v-if="showMaterialPopup" @click="closeMaterialPopup">
+		</view>
+		<view class="material-popup" v-if="showMaterialPopup" @click.stop>
+			<view class="popup-header">
+				<text class="popup-title">添加素材</text>
+				<view class="popup-close" @click="closeMaterialPopup">
+					<uni-icons type="close" size="20" color="#999"></uni-icons>
+				</view>
+			</view>
+			<scroll-view class="popup-content" scroll-y>
+				<view class="form-card">
+					<view class="form-item">
+						<text class="form-item__label">知识标题</text>
+						<input
+							class="form-item__input"
+							v-model="materialForm.title"
+							placeholder="请输入知识标题"
+							placeholder-style="color: #9ca3af"
+							maxlength="512"
+						/>
+					</view>
+					<view class="form-item">
+						<text class="form-item__label">知识分类</text>
+						<input
+							class="form-item__input"
+							v-model="materialForm.category"
+							placeholder="请输入知识分类"
+							placeholder-style="color: #9ca3af"
+							maxlength="100"
+							:disabled="true"
+							readonly
+						/>
+					</view>
+					<view class="form-item">
+						<text class="form-item__label">应用行业</text>
+						<input
+							class="form-item__input"
+							v-model="materialForm.industry"
+							placeholder="请输入应用行业"
+							placeholder-style="color: #9ca3af"
+							maxlength="100"
+						/>
+					</view>
+					<view class="form-item">
+						<text class="form-item__label">文件上传</text>
+						<view class="file-upload-area">
+							<view class="file-item" v-if="materialForm.file">
+								<text class="file-name">{{ materialForm.file.name || '文件' }}</text>
+								<view class="file-delete" @click="removeFile">
+									<uni-icons type="close" size="16" color="#999"></uni-icons>
+								</view>
+							</view>
+							<view class="file-upload-btn" v-if="!materialForm.file" @click="chooseFile">
+								<uni-icons type="plus" size="24" color="#2A68FF"></uni-icons>
+							</view>
+						</view>
+					</view>
+				</view>
+			</scroll-view>
+			<view class="popup-actions">
+				<view class="popup-btn popup-btn--cancel" @click="closeMaterialPopup">
+					<uni-icons class="popup-btn__icon" type="close" size="20" color="#2A68FF"></uni-icons>
+					<text class="popup-btn__text">取消</text>
+				</view>
+				<view class="popup-btn popup-btn--submit" @click="submitMaterial">
+					<uni-icons class="popup-btn__icon" type="checkmarkempty" size="20" color="#2A68FF"></uni-icons>
+					<text class="popup-btn__text">提交</text>
+				</view>
+			</view>
+		</view>
+		
+		<!-- 编辑素材弹出框 -->
+		<view class="material-popup-mask" v-if="showEditMaterialPopup" @click="closeEditMaterialPopup">
+		</view>
+		<view class="material-popup" v-if="showEditMaterialPopup" @click.stop>
+			<view class="popup-header">
+				<text class="popup-title">编辑素材</text>
+				<view class="popup-close" @click="closeEditMaterialPopup">
+					<uni-icons type="close" size="20" color="#999"></uni-icons>
+				</view>
+			</view>
+			<scroll-view class="popup-content" scroll-y>
+				<view class="form-card">
+					<view class="form-item">
+						<text class="form-item__label">知识标题</text>
+						<input
+							class="form-item__input"
+							v-model="editMaterialForm.title"
+							placeholder="请输入知识标题"
+							placeholder-style="color: #9ca3af"
+							maxlength="512"
+						/>
+					</view>
+					<view class="form-item">
+						<text class="form-item__label">知识分类</text>
+						<input
+							class="form-item__input"
+							v-model="editMaterialForm.category"
+							placeholder="请输入知识分类"
+							placeholder-style="color: #9ca3af"
+							maxlength="100"
+						/>
+					</view>
+					<view class="form-item">
+						<text class="form-item__label">应用行业</text>
+						<input
+							class="form-item__input"
+							v-model="editMaterialForm.industry"
+							placeholder="请输入应用行业"
+							placeholder-style="color: #9ca3af"
+							maxlength="100"
+						/>
+					</view>
+					<view class="form-item">
+						<text class="form-item__label">详情</text>
+						<textarea
+							class="form-item__textarea"
+							v-model="editMaterialForm.content"
+							placeholder="请输入详情内容"
+							placeholder-style="color: #9ca3af"
+							maxlength="2000"
+						/>
+					</view>
+					<view class="form-item">
+						<text class="form-item__label">备注</text>
+						<input
+							class="form-item__input"
+							v-model="editMaterialForm.remark"
+							placeholder="请输入备注"
+							placeholder-style="color: #9ca3af"
+							maxlength="500"
+						/>
+					</view>
+				</view>
+			</scroll-view>
+			<view class="popup-actions">
+				<view class="popup-btn popup-btn--cancel" @click="closeEditMaterialPopup">
+					<uni-icons class="popup-btn__icon" type="close" size="20" color="#2A68FF"></uni-icons>
+					<text class="popup-btn__text">取消</text>
+				</view>
+				<view class="popup-btn popup-btn--submit" @click="submitEditMaterial">
+					<uni-icons class="popup-btn__icon" type="checkmarkempty" size="20" color="#2A68FF"></uni-icons>
+					<text class="popup-btn__text">保存</text>
+				</view>
+			</view>
+		</view>
+		
+		<!-- 上下文菜单遮罩层 -->
+		<view class="context-menu-mask" v-if="contextMenuVisible" @tap="closeContextMenu"></view>
+		
+		<!-- 内容详情弹出框 -->
+		<view class="content-popup-mask" v-if="showContentPopup" @click="closeContentPopup">
+		</view>
+		<view class="content-popup" v-if="showContentPopup" @click.stop>
+			<view class="content-popup-header">
+				<text class="content-popup-title">{{ contentPopupTitle }}</text>
+				<view class="content-popup-close" @click="closeContentPopup">
+					<uni-icons type="close" size="20" color="#999"></uni-icons>
+				</view>
+			</view>
+			<scroll-view class="content-popup-body" scroll-y>
+				<text class="content-popup-text">{{ contentPopupText }}</text>
+			</scroll-view>
+		</view>
+	</view>
+</template>
+
+<script>
+	import { getApiUrl } from "@/common/config.js";
+	
+	// 获取租户ID
+	function getTenantId() {
+		try {
+			return uni.getStorageSync('backend-tenant-id') || '';
+		} catch (e) {
+			console.error('获取 tenantId 失败:', e);
+			return '';
+		}
+	}
+	
+	export default {
+		name: 'MaterialTab',
+		data() {
+			return {
+				// 素材相关数据
+				materialList: [],
+				materialLoading: false,
+				materialTotal: 0,
+				materialPage: {
+					current: 1,
+					size: 10
+				},
+				materialQuery: {
+					title: '',
+					category: '基础知识库',
+					industry: '',
+					creator: '',
+					status: ''
+				},
+				// 添加素材弹出框
+				showMaterialPopup: false,
+				materialForm: {
+					title: '',
+					category: '',
+					industry: '',
+					file: null
+				},
+				// 编辑素材弹出框
+				showEditMaterialPopup: false,
+				editMaterialForm: {
+					id: '',
+					title: '',
+					category: '',
+					industry: '',
+					content: '',
+					remark: ''
+				},
+				// 上下文菜单
+				contextMenuVisible: false,
+				contextMenuIndex: -1,
+				contextMenuTop: 0,
+				contextMenuLeft: 0,
+				// 内容详情弹出框
+				showContentPopup: false,
+				contentPopupTitle: '',
+				contentPopupText: ''
+			}
+		},
+		mounted() {
+			this.fetchMaterialList();
+		},
+		methods: {
+			// 素材相关方法
+			onMaterialSearch() {
+				this.materialPage.current = 1;
+				this.fetchMaterialList({ force: true });
+			},
+			onMaterialRefresh() {
+				this.materialPage.current = 1;
+				this.fetchMaterialList({ force: true });
+			},
+			onMaterialReachBottom() {
+				// 已在加载中或全部加载完成则不再触发
+				if (this.materialLoading) return;
+				if (this.materialList.length >= this.materialTotal) return;
+				this.materialPage.current += 1;
+				this.fetchMaterialList();
+			},
+			async fetchMaterialList({ force = false } = {}) {
+				if (this.materialLoading && !force) {
+					return;
+				}
+				this.materialLoading = true;
+				try {
+					const queryParams = {
+						current: this.materialPage.current,
+						size: this.materialPage.size,
+						category: '基础知识库'  // 默认添加知识分类参数
+					};
+					const trimmedTitle = this.materialQuery?.title?.trim();
+					const trimmedIndustry = this.materialQuery?.industry?.trim();
+					const trimmedCreator = this.materialQuery?.creator?.trim();
+					const trimmedStatus = this.materialQuery?.status?.trim();
+					
+					if (trimmedTitle) {
+						queryParams.title = trimmedTitle;
+					}
+					if (trimmedIndustry) {
+						queryParams.industry = trimmedIndustry;
+					}
+					if (trimmedCreator) {
+						queryParams.creator = trimmedCreator;
+					}
+					if (trimmedStatus) {
+						queryParams.status = trimmedStatus;
+					}
+					
+					const queryString = Object.keys(queryParams)
+						.map(key => `${key}=${encodeURIComponent(queryParams[key])}`)
+						.join('&');
+					const url = `${getApiUrl('/api/knowledgeBase/list')}?${queryString}`;
+					
+					// 获取租户ID
+					const tenantId = getTenantId();
+					const headers = {};
+					if (tenantId) {
+						headers['X-Tenant-Id'] = tenantId;
+					}
+					
+					const res = await uni.request({
+						url,
+						method: 'POST',
+						header: headers,
+						timeout: 10000
+					});
+					
+					if (res.statusCode === 200 && res.data && res.data.success) {
+						const records = Array.isArray(res.data.data) ? res.data.data : [];
+						// 第一页或强制刷新时重置列表，否则追加
+						if (this.materialPage.current === 1 || force) {
+							this.materialList = records;
+						} else {
+							this.materialList = this.materialList.concat(records);
+						}
+						this.materialTotal = Number(res.data.total) || 0;
+					} else {
+						this.materialList = [];
+						this.materialTotal = 0;
+						uni.showToast({
+							title: res.data?.message || '获取素材列表失败',
+							icon: 'none'
+						});
+					}
+				} catch (error) {
+					console.error('获取素材列表失败:', error);
+					uni.showToast({
+						title: '获取素材列表失败，请稍后重试',
+						icon: 'none'
+					});
+				} finally {
+					this.materialLoading = false;
+				}
+			},
+			formatDateTime(value) {
+				if (!value) {
+					return '';
+				}
+				const date = new Date(value);
+				if (Number.isNaN(date.getTime())) {
+					return '';
+				}
+				const year = date.getFullYear();
+				const month = String(date.getMonth() + 1).padStart(2, '0');
+				const day = String(date.getDate()).padStart(2, '0');
+				const hours = String(date.getHours()).padStart(2, '0');
+				const minutes = String(date.getMinutes()).padStart(2, '0');
+				const seconds = String(date.getSeconds()).padStart(2, '0');
+				return `${year}-${month}-${day} ${hours}:${minutes}:${seconds}`;
+			},
+			getContentPreview(content, limit = 30) {
+				if (!content) return '';
+				const text = String(content).replace(/\s+/g, ' ').trim();
+				if (!text) return '';
+				return text.length > limit ? `${text.substring(0, limit)}...` : text;
+			},
+			showFullText(title, content) {
+				if (!content) return;
+				this.contentPopupTitle = title || '详情';
+				this.contentPopupText = String(content);
+				this.showContentPopup = true;
+			},
+			closeContentPopup() {
+				this.showContentPopup = false;
+				this.contentPopupTitle = '';
+				this.contentPopupText = '';
+			},
+			showContextMenu(item, index, event) {
+				// 阻止事件冒泡
+				if (event && event.stopPropagation) {
+					event.stopPropagation();
+				}
+				// 获取系统信息以计算位置
+				const systemInfo = uni.getSystemInfoSync();
+				// 获取点击位置 - 优先使用触摸事件坐标
+				let top = 100;
+				let left = systemInfo.windowWidth - 180;
+				
+				if (event) {
+					if (event.touches && event.touches.length > 0) {
+						// 触摸事件
+						top = event.touches[0].clientY;
+						left = event.touches[0].clientX - 80;
+					} else if (event.detail && typeof event.detail.x === 'number') {
+						// tap事件坐标（单位：px，需要转换）
+						top = event.detail.y;
+						left = event.detail.x - 80;
+					} else if (event.clientY !== undefined) {
+						// 鼠标事件
+						top = event.clientY;
+						left = event.clientX - 80;
+					}
+				}
+				
+				// 确保菜单不超出屏幕
+				if (left + 160 > systemInfo.windowWidth) {
+					left = systemInfo.windowWidth - 180;
+				}
+				if (left < 0) {
+					left = 10;
+				}
+				
+				this.contextMenuTop = top;
+				this.contextMenuLeft = left;
+				// 显示菜单
+				this.contextMenuIndex = index;
+				this.contextMenuVisible = true;
+			},
+			closeContextMenu() {
+				this.contextMenuVisible = false;
+				this.contextMenuIndex = -1;
+			},
+			handleEditMaterial(item) {
+				this.closeContextMenu();
+				// 填充编辑表单
+				this.editMaterialForm = {
+					id: item.id,
+					title: item.title || '',
+					category: item.category || '',
+					industry: item.industry || '',
+					content: item.content || '',
+					remark: item.remark || ''
+				};
+				this.showEditMaterialPopup = true;
+			},
+			closeEditMaterialPopup() {
+				this.showEditMaterialPopup = false;
+				this.editMaterialForm = {
+					id: '',
+					title: '',
+					category: '',
+					industry: '',
+					content: '',
+					remark: ''
+				};
+			},
+			async submitEditMaterial() {
+				// 表单验证
+				if (!this.editMaterialForm.title || !this.editMaterialForm.title.trim()) {
+					uni.showToast({
+						title: "请输入知识标题",
+						icon: "none"
+					});
+					return;
+				}
+
+				try {
+					uni.showLoading({
+						title: "保存中..."
+					});
+
+					// 获取租户ID
+					const tenantId = getTenantId();
+					const headers = {
+						"Content-Type": "application/json"
+					};
+					if (tenantId) {
+						headers['X-Tenant-Id'] = tenantId;
+						// 同时在数据中也添加租户ID（如果后端需要）
+						if (!this.editMaterialForm.tenantId) {
+							this.editMaterialForm.tenantId = tenantId;
+						}
+					}
+
+					const res = await uni.request({
+						url: getApiUrl('/api/knowledgeBase/update'),
+						method: 'PUT',
+						data: this.editMaterialForm,
+						header: headers,
+						timeout: 15000
+					});
+
+					uni.hideLoading();
+
+					if (res.statusCode === 200 && res.data && (res.data.success || res.data.code === 200)) {
+						uni.showToast({
+							title: res.data?.message || "保存成功",
+							icon: "success"
+						});
+						// 关闭弹出框并刷新列表
+						this.closeEditMaterialPopup();
+						this.materialPage.current = 1;
+						this.fetchMaterialList({ force: true });
+					} else {
+						uni.showToast({
+							title: res.data?.message || "保存失败",
+							icon: "none"
+						});
+					}
+				} catch (error) {
+					uni.hideLoading();
+					console.error("保存素材失败:", error);
+					uni.showToast({
+						title: error?.message || "保存失败，请重试",
+						icon: "none"
+					});
+				}
+			},
+			handleDeleteMaterial(item) {
+				this.closeContextMenu();
+				uni.showModal({
+					title: '提示',
+					content: '确认删除该素材吗？',
+					success: async (res) => {
+						if (res.confirm) {
+							try {
+								uni.showLoading({
+									title: "删除中..."
+								});
+
+								// 获取租户ID
+								const tenantId = getTenantId();
+								const headers = {};
+								if (tenantId) {
+									headers['X-Tenant-Id'] = tenantId;
+								}
+
+								const deleteRes = await uni.request({
+									url: getApiUrl(`/api/knowledgeBase/delete/${item.id}`),
+									method: 'DELETE',
+									header: headers,
+									timeout: 15000
+								});
+
+								uni.hideLoading();
+
+								if (deleteRes.statusCode === 200 && deleteRes.data && (deleteRes.data.success || deleteRes.data.code === 200)) {
+									uni.showToast({
+										title: deleteRes.data?.message || "删除成功",
+										icon: "success"
+									});
+									// 刷新列表
+									this.materialPage.current = 1;
+									this.fetchMaterialList({ force: true });
+								} else {
+									uni.showToast({
+										title: deleteRes.data?.message || "删除失败",
+										icon: "none"
+									});
+								}
+							} catch (error) {
+								uni.hideLoading();
+								console.error("删除素材失败:", error);
+								uni.showToast({
+									title: error?.message || "删除失败，请重试",
+									icon: "none"
+								});
+							}
+						}
+					}
+				});
+			},
+			// 添加素材相关方法
+			showAddMaterial() {
+				this.showMaterialPopup = true;
+				this.materialForm = {
+					title: '',
+					category: '基础知识库',  // 固定值，不可修改
+					industry: '汽车销售',    // 默认值
+					file: null
+				};
+			},
+			closeMaterialPopup() {
+				this.showMaterialPopup = false;
+			},
+			chooseFile() {
+				// 限制只能上传一个文件
+				// #ifdef H5
+				// H5平台使用chooseFile
+				uni.chooseFile({
+					count: 1,
+					success: (res) => {
+						const tempFiles = res.tempFiles || [];
+						if (tempFiles.length > 0) {
+							const file = tempFiles[0];
+							// 替换文件，而不是添加
+							this.materialForm.file = {
+								name: file.name || '文件',
+								path: file.path || file.url,
+								size: file.size
+							};
+						}
+					},
+					fail: (err) => {
+						console.error('选择文件失败:', err);
+						uni.showToast({
+							title: '选择文件失败',
+							icon: 'none'
+						});
+					}
+				});
+				// #endif
+				// #ifndef H5
+				// 非H5平台使用chooseImage（可以选择图片文件）
+				uni.chooseImage({
+					count: 1,
+					success: (res) => {
+						const tempFiles = res.tempFiles || [];
+						if (tempFiles.length > 0) {
+							const file = tempFiles[0];
+							// 替换文件，而不是添加
+							this.materialForm.file = {
+								name: file.name || '图片',
+								path: file.path,
+								size: file.size
+							};
+						}
+					},
+					fail: (err) => {
+						console.error('选择文件失败:', err);
+						uni.showToast({
+							title: '选择文件失败',
+							icon: 'none'
+						});
+					}
+				});
+				// #endif
+			},
+			removeFile() {
+				// 清空文件
+				this.materialForm.file = null;
+			},
+			async submitMaterial() {
+				// 表单验证
+				if (!this.materialForm.title || !this.materialForm.title.trim()) {
+					uni.showToast({
+						title: "请输入知识标题",
+						icon: "none"
+					});
+					return;
+				}
+
+				try {
+					uni.showLoading({
+						title: "提交中..."
+					});
+
+					// 获取租户ID
+					const tenantId = getTenantId();
+					
+					let res;
+					
+					// 如果有文件，使用 uni.uploadFile 同时上传文件和其他表单数据
+					if (this.materialForm.file) {
+						// 使用 uni.uploadFile 将文件和其他字段一起提交
+						const formData = {
+							// 其他表单字段
+							'title': this.materialForm.title.trim(),
+							'category': this.materialForm.category?.trim() || '',
+							'industry': this.materialForm.industry?.trim() || '',
+							'content': '-',
+							'fileName': this.materialForm.file.name || 'file'  // 文件名
+						};
+						
+						// 添加租户ID到formData
+						if (tenantId) {
+							formData['tenantId'] = tenantId;
+						}
+						
+						res = await uni.uploadFile({
+							url: getApiUrl('/api/knowledgeBase/add'),
+							filePath: this.materialForm.file.path,
+							name: 'file',  // 文件字段名
+							formData: formData,
+							header: tenantId ? {
+								'X-Tenant-Id': tenantId
+							} : {},
+							timeout: 15000
+						});
+					} else {
+						// 如果没有文件，使用 uni.request 提交表单数据
+						const payload = {
+							title: this.materialForm.title.trim(),
+							category: this.materialForm.category?.trim() || '',
+							industry: this.materialForm.industry?.trim() || '',
+							content: "-"
+						};
+						
+						// 添加租户ID到payload
+						if (tenantId) {
+							payload.tenantId = tenantId;
+						}
+						
+						const headers = {
+							"Content-Type": "application/json"
+						};
+						
+						// 添加租户ID到header
+						if (tenantId) {
+							headers['X-Tenant-Id'] = tenantId;
+						}
+						
+						res = await uni.request({
+							url: getApiUrl('/api/knowledgeBase/add'),
+							method: 'POST',
+							data: payload,
+							header: headers,
+							timeout: 15000
+						});
+					}
+
+					uni.hideLoading();
+
+					// 处理响应（uni.uploadFile 返回的 data 可能是字符串，需要解析）
+					let result;
+					if (this.materialForm.file) {
+						// uni.uploadFile 返回的数据需要解析
+						try {
+							result = typeof res.data === 'string' ? JSON.parse(res.data) : res.data;
+						} catch (e) {
+							result = res.data;
+						}
+					} else {
+						result = res.data;
+					}
+
+					if (res.statusCode === 200 && result && (result.success || result.code === 200)) {
+						uni.showToast({
+							title: result?.message || "提交成功",
+							icon: "success"
+						});
+						// 关闭弹出框并刷新列表
+						this.closeMaterialPopup();
+						this.materialPage.current = 1;
+						this.fetchMaterialList({ force: true });
+					} else {
+						uni.showToast({
+							title: result?.message || "提交失败",
+							icon: "none"
+						});
+					}
+				} catch (error) {
+					uni.hideLoading();
+					console.error("提交素材失败:", error);
+					uni.showToast({
+						title: error?.message || "提交失败，请重试",
+						icon: "none"
+					});
+				}
+			}
+		}
+	}
+</script>
+
+<style scoped>
+	/* 内容区域 - 使用绝对定位，从tab页底部开始，到底部导航栏结束 */
+	.tab-content {
+		position: absolute;
+		top: 160rpx; /* 导航栏(88rpx) + tab页(72rpx) = 160rpx */
+		left: 0;
+		right: 0;
+		bottom: 96rpx; /* 底部导航栏高度 */
+		background-color: #F5F5F5;
+		padding: 24rpx 16rpx 0 16rpx; /* 顶部24rpx间距，底部0 */
+		box-sizing: border-box;
+		overflow-y: auto;
+	}
+	
+	/* 素材内容区域使用相同定位 */
+	.material-content {
+		position: absolute;
+		top: 160rpx; /* 导航栏(88rpx) + tab页(72rpx) = 160rpx */
+		left: 0;
+		right: 0;
+		bottom: 96rpx; /* 底部导航栏高度 */
+		background-color: #F5F5F5;
+		padding: 24rpx 16rpx 0 16rpx; /* 顶部24rpx间距（与列表项间距一致），底部0 */
+		box-sizing: border-box;
+		overflow-y: auto;
+	}
+
+	.service-status-toolbar {
+		display: flex;
+		flex-wrap: nowrap;
+		align-items: center;
+		gap: 8rpx; /* 增加间距，避免元素被挤压 */
+		padding: 12rpx 8rpx; /* 增加内边距，给搜索框更多空间 */
+		margin-bottom: 24rpx; /* 与列表项间距保持一致（24rpx） */
+		background-color: #F8F8FA;
+		border-radius: 8rpx;
+		border: 1px solid #EFEFF2;
+		overflow-x: auto;
+		min-height: 64rpx; /* 设置最小高度，确保搜索区域不被挤压 */
+		box-sizing: border-box;
+	}
+
+	.toolbar-total {
+		font-size: 24rpx;
+		color: #666;
+		white-space: nowrap;
+		flex-shrink: 0;
+		margin-right: 8rpx; /* 增加右边距，与搜索框保持距离 */
+		line-height: 1.2;
+		padding: 0 4rpx; /* 增加左右内边距 */
+	}
+
+	.toolbar-input {
+		flex: 1;
+		min-width: 120rpx; /* 增加最小宽度，避免被挤压变形 */
+		max-width: 200rpx; /* 设置最大宽度，保持合理比例 */
+		height: 56rpx; /* 稍微增加高度，提升可用性 */
+		line-height: 56rpx;
+		background-color: #F5F6FA;
+		border-radius: 8rpx;
+		padding: 0 12rpx; /* 增加左右内边距 */
+		font-size: 24rpx;
+		border: 1px solid transparent;
+		box-sizing: border-box;
+		flex-shrink: 1; /* 允许适当收缩，但保持最小宽度 */
+	}
+
+	.toolbar-actions {
+		display: flex;
+		align-items: center;
+		margin-left: auto;
+		flex-shrink: 0;
+		gap: 8rpx; /* 增加按钮之间的间距 */
+	}
+
+	.toolbar-btn {
+		padding: 0 12rpx; /* 增加左右内边距 */
+		height: 56rpx; /* 与输入框高度保持一致 */
+		min-width: 56rpx;
+		color: #2A68FF;
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		gap: 4rpx; /* 增加图标和文字之间的间距 */
+		font-size: 24rpx;
+		font-weight: 400;
+		line-height: 1;
+		box-sizing: border-box;
+	}
+	
+	.toolbar-btn text {
+		color: #2A68FF;
+	}
+	
+	.service-card {
+		width: 100%;
+		box-sizing: border-box;
+		background-color: #FFFFFF;
+		border-radius: 16rpx;
+		padding: 32rpx;
+		margin-bottom: 24rpx;
+		box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.04);
+		overflow: visible;
+	}
+	
+	.material-card-item {
+		padding-left: 32rpx;
+		padding-right: 32rpx;
+		padding-top: 32rpx;
+		padding-bottom: 32rpx;
+	}
+	
+	.card-header {
+		display: flex;
+		justify-content: space-between;
+		align-items: center;
+		margin-bottom: 20rpx;
+		width: 100%;
+		box-sizing: border-box;
+		padding: 0;
+		margin: 0;
+		position: relative;
+	}
+	
+	.card-menu-trigger {
+		width: 60rpx;
+		height: 60rpx;
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		cursor: pointer;
+		flex-shrink: 0;
+		margin-left: auto;
+		margin-right: 0;
+		margin-top: 0;
+		margin-bottom: 0;
+		flex-grow: 0;
+		position: relative;
+		padding: 0;
+	}
+	
+	.card-menu-trigger:active {
+		opacity: 0.7;
+	}
+	
+	.context-menu {
+		position: fixed;
+		background-color: #FFFFFF;
+		border-radius: 8rpx;
+		box-shadow: 0 4rpx 12rpx rgba(0, 0, 0, 0.15);
+		z-index: 1001;
+		min-width: 160rpx;
+		padding: 8rpx 0;
+		max-width: 200rpx;
+	}
+	
+	.context-menu-item {
+		padding: 24rpx 32rpx;
+		font-size: 28rpx;
+		color: #333;
+		text-align: left;
+	}
+	
+	.context-menu-item:active {
+		background-color: #f5f5f5;
+	}
+	
+	.context-menu-item--danger {
+		color: #FF3B30;
+	}
+	
+	.context-menu-mask {
+		position: fixed;
+		top: 0;
+		left: 0;
+		right: 0;
+		bottom: 0;
+		z-index: 1000;
+		background-color: transparent;
+	}
+	
+	.staff-info {
+		display: flex;
+		align-items: center;
+		flex: 1;
+		min-width: 0;
+		margin: 0;
+		padding: 0;
+	}
+	
+	.staff-avatar {
+		width: 64rpx;
+		height: 64rpx;
+		background-color: #2196F3;
+		border-radius: 50%;
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		margin-right: 16rpx;
+		margin-left: 0;
+		margin-top: 0;
+		margin-bottom: 0;
+		flex-shrink: 0;
+	}
+	
+	.avatar-text {
+		font-size: 32rpx;
+		color: #FFFFFF;
+		font-weight: 500;
+	}
+	
+	.staff-name {
+		font-size: 32rpx;
+		font-weight: 500;
+		color: #333;
+	}
+	
+	.customer-tags {
+		display: flex;
+		flex-wrap: wrap;
+		margin-bottom: 20rpx;
+		gap: 12rpx;
+		box-sizing: border-box;
+		margin-left: 0;
+		margin-right: 0;
+		padding: 0;
+		width: 100%;
+		max-width: 100%;
+	}
+
+	.customer-info {
+		margin-bottom: 16rpx;
+		display: flex;
+		flex-direction: column;
+		gap: 8rpx;
+		box-sizing: border-box;
+		margin-left: 0;
+		margin-right: 0;
+		padding: 0;
+		width: 100%;
+		max-width: 100%;
+	}
+
+	.customer-name {
+		font-size: 28rpx;
+		color: #555;
+	}
+	
+	.tag-item {
+		padding: 8rpx 16rpx;
+		border-radius: 8rpx;
+		box-sizing: border-box;
+		word-wrap: break-word;
+		word-break: break-all;
+		display: inline-block;
+		max-width: 100%;
+	}
+	
+	.tag-blue {
+		background-color: #E3F2FD;
+	}
+	
+	.tag-blue text {
+		font-size: 24rpx;
+		color: #1976D2;
+	}
+	
+	.tag-orange {
+		background-color: #FFF3E0;
+	}
+	
+	.tag-orange text {
+		font-size: 24rpx;
+		color: #F57C00;
+	}
+	
+	.service-status-empty {
+		padding: 48rpx 0;
+		text-align: center;
+		color: #999;
+		font-size: 28rpx;
+	}
+	
+	.service-status-loading-more {
+		padding: 24rpx 0;
+		text-align: center;
+		color: #999;
+		font-size: 26rpx;
+	}
+	
+	/* 添加素材弹出框样式 */
+	.material-popup-mask {
+		position: fixed;
+		top: 0;
+		left: 0;
+		right: 0;
+		bottom: 0;
+		background-color: rgba(0, 0, 0, 0.5);
+		z-index: 999;
+	}
+	
+	.material-popup {
+		position: fixed;
+		left: 50%;
+		top: 50%;
+		transform: translate(-50%, -50%);
+		width: calc(100vw - 80rpx);
+		max-width: 90%;
+		box-sizing: border-box;
+		height: 80vh;
+		max-height: 80vh;
+		background-color: #FFFFFF;
+		border-radius: 16rpx;
+		z-index: 1000;
+		display: flex;
+		flex-direction: column;
+		box-shadow: 0 8rpx 32rpx rgba(0, 0, 0, 0.2);
+		overflow: hidden;
+	}
+	
+	.popup-header {
+		display: flex;
+		align-items: center;
+		justify-content: space-between;
+		padding: 32rpx;
+		border-bottom: 1px solid #E0E0E0;
+		flex-shrink: 0;
+	}
+	
+	.popup-title {
+		font-size: 36rpx;
+		font-weight: 500;
+		color: #333;
+	}
+	
+	.popup-close {
+		width: 48rpx;
+		height: 48rpx;
+		display: flex;
+		align-items: center;
+		justify-content: center;
+	}
+	
+	.popup-content {
+		flex: 1;
+		min-height: 0;
+		padding: 20rpx 20rpx 28rpx;
+		box-sizing: border-box;
+		overflow-y: auto;
+	}
+	
+	.form-card {
+		width: 100%;
+		box-sizing: border-box;
+	}
+	
+	.form-item {
+		display: flex;
+		align-items: center;
+		margin-bottom: 20rpx;
+		gap: 16rpx;
+	}
+	
+	.form-item__label {
+		font-size: 32rpx;
+		color: #333;
+		font-weight: 500;
+		width: 160rpx;
+		flex-shrink: 0;
+		text-align: left;
+	}
+	
+	.form-item__input {
+		flex: 1;
+		min-width: 0;
+		height: 88rpx;
+		background-color: #f9fafb;
+		border-radius: 12rpx;
+		padding: 0 24rpx;
+		font-size: 32rpx;
+		color: #333;
+		box-sizing: border-box;
+	}
+	
+	/* 只读输入框样式 */
+	.form-item__input[disabled],
+	.form-item__input[readonly] {
+		background-color: #f3f4f6;
+		color: #6b7280;
+		cursor: not-allowed;
+	}
+	
+	.form-item__textarea {
+		flex: 1;
+		min-width: 0;
+		min-height: 200rpx;
+		background-color: #f9fafb;
+		border-radius: 12rpx;
+		padding: 24rpx;
+		font-size: 32rpx;
+		color: #333;
+		box-sizing: border-box;
+	}
+	
+	.file-upload-area {
+		width: 100%;
+		display: flex;
+		flex-direction: column;
+		gap: 12rpx;
+	}
+	
+	.file-item {
+		display: flex;
+		align-items: center;
+		justify-content: space-between;
+		padding: 16rpx 24rpx;
+		background-color: #f9fafb;
+		border-radius: 12rpx;
+		margin-bottom: 12rpx;
+	}
+
+	.file-upload-btn {
+		width: 100%;
+		height: 88rpx;
+		border: 1px dashed #d1d5db;
+		border-radius: 12rpx;
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		gap: 0;
+		box-sizing: border-box;
+	}
+	
+	.file-name {
+		font-size: 28rpx;
+		color: #333;
+		flex: 1;
+		overflow: hidden;
+		text-overflow: ellipsis;
+		white-space: nowrap;
+	}
+	
+	.file-delete {
+		width: 40rpx;
+		height: 40rpx;
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		margin-left: 16rpx;
+	}
+	
+	.file-upload-btn {
+		display: flex;
+		flex-direction: row;
+		align-items: center;
+		justify-content: center;
+		height: 88rpx;
+		padding: 0;
+		background-color: #f9fafb;
+		border: 2rpx dashed #d1d5db;
+		border-radius: 12rpx;
+	}
+	
+	.popup-actions {
+		display: flex;
+		gap: 24rpx;
+		padding: 24rpx;
+		border-top: 1px solid #E0E0E0;
+		flex-shrink: 0;
+	}
+	
+	.popup-btn {
+		flex: 1;
+		height: 88rpx;
+		border-radius: 12rpx;
+		display: flex;
+		align-items: center;
+		justify-content: center;
+	}
+	
+	.popup-btn--cancel {
+		background-color: #f3f4f6;
+	}
+	
+	.popup-btn--submit {
+		/* 对齐取消按钮的风格：浅色背景与边框 */
+		background-color: #f3f4f6;
+		border: 1px solid #d1d5db;
+	}
+	
+	.popup-btn__text {
+		font-size: 32rpx;
+		font-weight: 500;
+	}
+
+	.popup-btn__icon {
+		margin-right: 8rpx;
+	}
+	
+	.popup-btn--cancel .popup-btn__text {
+		color: #2A68FF;
+	}
+	
+	.popup-btn--submit .popup-btn__text {
+		color: #2A68FF;
+	}
+	
+	/* 内容详情弹出框样式 */
+	.content-popup-mask {
+		position: fixed;
+		top: 0;
+		left: 0;
+		right: 0;
+		bottom: 0;
+		background-color: rgba(0, 0, 0, 0.5);
+		z-index: 999;
+	}
+	
+	.content-popup {
+		position: fixed;
+		left: 10%;
+		right: 10%;
+		top: 50%;
+		transform: translateY(-50%);
+		box-sizing: border-box;
+		max-height: calc(100vh - 320rpx);
+		height: auto;
+		background-color: #FFFFFF;
+		border-radius: 16rpx;
+		z-index: 1000;
+		display: flex;
+		flex-direction: column;
+		box-shadow: 0 8rpx 32rpx rgba(0, 0, 0, 0.2);
+		overflow: hidden;
+	}
+	
+	.content-popup-header {
+		display: flex;
+		align-items: center;
+		justify-content: space-between;
+		padding: 32rpx;
+		border-bottom: 1px solid #E0E0E0;
+		flex-shrink: 0;
+	}
+	
+	.content-popup-title {
+		font-size: 36rpx;
+		font-weight: 500;
+		color: #333;
+	}
+	
+	.content-popup-close {
+		width: 48rpx;
+		height: 48rpx;
+		display: flex;
+		align-items: center;
+		justify-content: center;
+	}
+	
+	.content-popup-body {
+		flex: 1;
+		min-height: 0;
+		padding: 32rpx;
+		box-sizing: border-box;
+		overflow-y: auto;
+	}
+	
+	.content-popup-text {
+		font-size: 32rpx;
+		color: #333;
+		line-height: 1.8;
+		white-space: pre-wrap;
+		word-wrap: break-word;
+	}
+</style>
diff --git a/pages/champion/components/practice-tab.vue b/pages/champion/components/practice-tab.vue
new file mode 100644
index 0000000..12b0cfa
--- /dev/null
+++ b/pages/champion/components/practice-tab.vue
@@ -0,0 +1,1427 @@
+<template>
+	<view>
+		<scroll-view 
+			class="tab-content practice-content" 
+			scroll-y 
+			@scrolltolower="onPracticeReachBottom">
+			<view class="service-status-toolbar">
+				<text class="toolbar-total">共{{ practiceTotal }}条</text>
+				<input
+					class="toolbar-input"
+					v-model="practiceQuery.title"
+					placeholder="知识标题"
+					placeholder-style="color: #b0b0b0"
+					confirm-type="search"
+					@confirm="onPracticeSearch"
+				/>
+				<input
+					class="toolbar-input"
+					v-model="practiceQuery.industry"
+					placeholder="应用行业"
+					placeholder-style="color: #b0b0b0"
+					confirm-type="search"
+					@confirm="onPracticeSearch"
+				/>
+				<view class="toolbar-actions">
+					<view class="toolbar-btn toolbar-btn--refresh" @click="onPracticeRefresh">
+						<uni-icons type="refresh" size="18" color="#2A68FF"></uni-icons>
+						<text>刷新</text>
+					</view>
+					<view class="toolbar-btn toolbar-btn--add" @click="showAddPractice">
+						<uni-icons type="plus" size="18" color="#2A68FF"></uni-icons>
+					</view>
+				</view>
+			</view>
+			<view 
+				class="service-card practice-card-item" 
+				v-for="(item, index) in practiceList" 
+				:key="item.id || index">
+				<view class="card-header">
+					<view class="staff-info">
+						<view class="staff-avatar">
+							<text class="avatar-text">{{ (item.title || '知').charAt(0) }}</text>
+						</view>
+						<text class="staff-name">{{ item.title || '未命名知识' }}</text>
+					</view>
+					<view class="card-menu-trigger" @tap.stop="onPracticeActionBtnClick(item)">
+						<uni-icons type="more-filled" size="20" color="#999"></uni-icons>
+					</view>
+				</view>
+				
+				<view class="customer-info">
+					<text class="customer-name" v-if="item.industry">所属行业: {{ item.industry }}</text>
+				</view>
+				
+				<view class="customer-tags">
+					<view class="tag-item tag-blue" v-if="item.content || item.detail">
+						<text @tap.stop="showFullText('详情', item.content || item.detail)">详情: {{ getContentPreview(item.content || item.detail, 30) }}</text>
+					</view>
+					<view class="tag-item tag-orange" v-if="item.remark">
+						<text @tap.stop="showFullText('', item.remark)">提示词: {{ getContentPreview(item.remark, 30) }}</text>
+					</view>
+				</view>
+				
+				<!-- 操作菜单 -->
+				<view 
+					class="practice-action-menu" 
+					v-if="selectedPracticeItem && selectedPracticeItem.id === item.id && showPracticeActionMenu"
+					@tap.stop>
+					<view class="practice-action-menu-item" @tap.stop="handleStartPractice(item)">
+						<text>陪练</text>
+					</view>
+					<view class="practice-action-menu-divider"></view>
+					<view class="practice-action-menu-item" @tap.stop="handleEditPractice(item)">
+						<text>编辑</text>
+					</view>
+					<view class="practice-action-menu-divider"></view>
+					<view class="practice-action-menu-item practice-action-menu-item--danger" @tap.stop="handleDeletePractice(item)">
+						<text>删除</text>
+					</view>
+				</view>
+			</view>
+			<view class="service-status-empty" v-if="!practiceLoading && !practiceList.length">
+				<text>暂无陪练</text>
+			</view>
+			<view class="service-status-loading-more" v-if="practiceLoading && practiceList.length">
+				<text>正在加载更多...</text>
+			</view>
+		</scroll-view>
+		
+		<!-- 添加陪练弹出框 -->
+		<view class="material-popup-mask" v-if="showPracticePopup" @click="closePracticePopup">
+		</view>
+		<view class="material-popup" v-if="showPracticePopup" @click.stop>
+			<view class="popup-header">
+				<text class="popup-title">添加陪练</text>
+				<view class="popup-close" @click="closePracticePopup">
+					<uni-icons type="close" size="20" color="#999"></uni-icons>
+				</view>
+			</view>
+			<scroll-view class="popup-content" scroll-y>
+				<view class="form-card">
+					<view class="form-item">
+						<text class="form-item__label">知识标题</text>
+						<input
+							class="form-item__input"
+							v-model="practiceForm.title"
+							placeholder="请输入知识标题"
+							placeholder-style="color: #9ca3af"
+							maxlength="512"
+						/>
+					</view>
+					<view class="form-item">
+						<text class="form-item__label">知识分类</text>
+						<input
+							class="form-item__input"
+							v-model="practiceForm.category"
+							placeholder="请输入知识分类"
+							placeholder-style="color: #9ca3af"
+							maxlength="100"
+							:disabled="true"
+							readonly
+						/>
+					</view>
+					<view class="form-item">
+						<text class="form-item__label">应用行业</text>
+						<input
+							class="form-item__input"
+							v-model="practiceForm.industry"
+							placeholder="请输入应用行业"
+							placeholder-style="color: #9ca3af"
+							maxlength="100"
+						/>
+					</view>
+					<view class="form-item">
+						<text class="form-item__label">详情</text>
+						<textarea
+							class="form-item__textarea"
+							v-model="practiceForm.content"
+							placeholder="请输入详情内容"
+							placeholder-style="color: #9ca3af"
+							maxlength="2000"
+						/>
+					</view>
+					<view class="form-item">
+						<text class="form-item__label">提示词</text>
+						<textarea
+							class="form-item__textarea"
+							v-model="practiceForm.remark"
+							placeholder="请输入提示词"
+							placeholder-style="color: #9ca3af"
+							maxlength="500"
+						/>
+					</view>
+				</view>
+			</scroll-view>
+			<view class="popup-actions">
+				<view class="popup-btn popup-btn--cancel" @click="closePracticePopup">
+					<uni-icons class="popup-btn__icon" type="close" size="20" color="#2A68FF"></uni-icons>
+					<text class="popup-btn__text">取消</text>
+				</view>
+				<view class="popup-btn popup-btn--submit" @click="submitPractice">
+					<uni-icons class="popup-btn__icon" type="checkmarkempty" size="20" color="#2A68FF"></uni-icons>
+					<text class="popup-btn__text">提交</text>
+				</view>
+			</view>
+		</view>
+		
+		<!-- 编辑陪练弹出框 -->
+		<view class="material-popup-mask" v-if="showEditPracticePopup" @click="closeEditPracticePopup">
+		</view>
+		<view class="material-popup" v-if="showEditPracticePopup" @click.stop>
+			<view class="popup-header">
+				<text class="popup-title">编辑陪练</text>
+				<view class="popup-close" @click="closeEditPracticePopup">
+					<uni-icons type="close" size="20" color="#999"></uni-icons>
+				</view>
+			</view>
+			<scroll-view class="popup-content" scroll-y>
+				<view class="form-card">
+					<view class="form-item">
+						<text class="form-item__label">知识标题</text>
+						<input
+							class="form-item__input"
+							v-model="editPracticeForm.title"
+							placeholder="请输入知识标题"
+							placeholder-style="color: #9ca3af"
+							maxlength="512"
+						/>
+					</view>
+					<view class="form-item">
+						<text class="form-item__label">知识分类</text>
+						<input
+							class="form-item__input"
+							v-model="editPracticeForm.category"
+							placeholder="请输入知识分类"
+							placeholder-style="color: #9ca3af"
+							maxlength="100"
+							:disabled="true"
+							readonly
+						/>
+					</view>
+					<view class="form-item">
+						<text class="form-item__label">应用行业</text>
+						<input
+							class="form-item__input"
+							v-model="editPracticeForm.industry"
+							placeholder="请输入应用行业"
+							placeholder-style="color: #9ca3af"
+							maxlength="100"
+						/>
+					</view>
+					<view class="form-item">
+						<text class="form-item__label">详情</text>
+						<textarea
+							class="form-item__textarea"
+							v-model="editPracticeForm.content"
+							placeholder="请输入详情内容"
+							placeholder-style="color: #9ca3af"
+							maxlength="2000"
+						/>
+					</view>
+					<view class="form-item">
+						<text class="form-item__label">提示词</text>
+						<textarea
+							class="form-item__textarea"
+							v-model="editPracticeForm.remark"
+							placeholder="请输入提示词"
+							placeholder-style="color: #9ca3af"
+							maxlength="500"
+						/>
+					</view>
+				</view>
+			</scroll-view>
+			<view class="popup-actions">
+				<view class="popup-btn popup-btn--cancel" @click="closeEditPracticePopup">
+					<uni-icons class="popup-btn__icon" type="close" size="20" color="#2A68FF"></uni-icons>
+					<text class="popup-btn__text">取消</text>
+				</view>
+				<view class="popup-btn popup-btn--submit" @click="submitEditPractice">
+					<uni-icons class="popup-btn__icon" type="checkmarkempty" size="20" color="#2A68FF"></uni-icons>
+					<text class="popup-btn__text">保存</text>
+				</view>
+			</view>
+		</view>
+		
+		<!-- 陪练弹出框 -->
+		<view class="material-popup-mask" v-if="showPracticeTrainingPopup" @click="closePracticeTrainingPopup">
+		</view>
+		<view class="material-popup practice-training-popup" v-if="showPracticeTrainingPopup" @click.stop>
+			<view class="popup-header">
+				<text class="popup-title">生成陪练</text>
+				<view class="popup-close" @click="closePracticeTrainingPopup">
+					<uni-icons type="close" size="20" color="#999"></uni-icons>
+				</view>
+			</view>
+			<scroll-view class="popup-content" scroll-y>
+				<view class="form-card">
+					<view class="form-item">
+						<text class="form-item__label">陪练标题</text>
+						<input
+							class="form-item__input"
+							v-model="practiceTrainingForm.title"
+							placeholder="请输入陪练标题"
+							placeholder-style="color: #9ca3af"
+							maxlength="512"
+						/>
+					</view>
+					<view class="form-item">
+						<text class="form-item__label">陪练场景</text>
+						<input
+							class="form-item__input"
+							v-model="practiceTrainingForm.scenario"
+							placeholder="请输入陪练场景"
+							placeholder-style="color: #9ca3af"
+							maxlength="500"
+							:disabled="true"
+							readonly
+						/>
+					</view>
+					<view class="form-item">
+						<text class="form-item__label">参与人姓名</text>
+						<input
+							class="form-item__input"
+							v-model="practiceTrainingForm.participantName"
+							placeholder="请输入参与人姓名"
+							placeholder-style="color: #9ca3af"
+							maxlength="100"
+						/>
+					</view>
+					<view class="form-item">
+						<text class="form-item__label">参与人电话</text>
+						<input
+							class="form-item__input"
+							v-model="practiceTrainingForm.participantPhone"
+							placeholder="请输入参与人电话"
+							placeholder-style="color: #9ca3af"
+							type="number"
+							maxlength="20"
+						/>
+					</view>
+				</view>
+			</scroll-view>
+			<view class="popup-actions">
+				<view class="popup-btn popup-btn--cancel" @click="closePracticeTrainingPopup">
+					<uni-icons class="popup-btn__icon" type="close" size="20" color="#2A68FF"></uni-icons>
+					<text class="popup-btn__text">取消</text>
+				</view>
+				<view class="popup-btn popup-btn--submit" @click="submitPracticeTraining">
+					<uni-icons class="popup-btn__icon" type="checkmarkempty" size="20" color="#2A68FF"></uni-icons>
+					<text class="popup-btn__text">生成</text>
+				</view>
+			</view>
+		</view>
+		
+		<!-- 内容详情弹出框 -->
+		<view class="content-popup-mask" v-if="showContentPopup" @click="closeContentPopup">
+		</view>
+		<view class="content-popup" v-if="showContentPopup" @click.stop>
+			<view class="content-popup-header">
+				<text class="content-popup-title">{{ contentPopupTitle }}</text>
+				<view class="content-popup-close" @click="closeContentPopup">
+					<uni-icons type="close" size="20" color="#999"></uni-icons>
+				</view>
+			</view>
+			<scroll-view class="content-popup-body" scroll-y>
+				<text class="content-popup-text">{{ contentPopupText }}</text>
+			</scroll-view>
+		</view>
+		
+		<!-- 陪练操作菜单遮罩层 -->
+		<view 
+			class="practice-action-menu-mask" 
+			v-if="showPracticeActionMenu"
+			@tap="closePracticeActionMenu">
+		</view>
+	</view>
+</template>
+
+<script>
+	import { getApiUrl } from "@/common/config.js";
+	
+	// 获取租户ID
+	function getTenantId() {
+		try {
+			return uni.getStorageSync('backend-tenant-id') || '';
+		} catch (e) {
+			console.error('获取 tenantId 失败:', e);
+			return '';
+		}
+	}
+	
+	export default {
+		name: 'PracticeTab',
+		data() {
+			return {
+				// 陪练相关数据
+				practiceList: [],
+				practiceLoading: false,
+				practiceTotal: 0,
+				practicePage: {
+					current: 1,
+					size: 10
+				},
+				practiceQuery: {
+					title: '',
+					industry: '',
+					creator: '',
+					status: ''
+				},
+				// 添加陪练弹出框
+				showPracticePopup: false,
+				practiceForm: {
+					title: '',
+					category: '',
+					industry: '',
+					content: '',
+					remark: ''
+				},
+				// 编辑陪练弹出框
+				showEditPracticePopup: false,
+				editPracticeForm: {
+					id: '',
+					title: '',
+					category: '',
+					industry: '',
+					content: '',
+					remark: ''
+				},
+				// 陪练操作菜单
+				selectedPracticeItem: null,
+				showPracticeActionMenu: false,
+				// 陪练弹出框
+				showPracticeTrainingPopup: false,
+				practiceTrainingForm: {
+					scenarioId: '',
+					title: '',
+					scenario: '',
+					participantName: '',
+					participantPhone: ''
+				},
+				// 内容详情弹出框
+				showContentPopup: false,
+				contentPopupTitle: '',
+				contentPopupText: ''
+			}
+		},
+		mounted() {
+			this.fetchPracticeList();
+		},
+		methods: {
+			// 陪练相关方法
+			onPracticeSearch() {
+				this.practicePage.current = 1;
+				this.fetchPracticeList({ force: true });
+			},
+			onPracticeRefresh() {
+				this.practicePage.current = 1;
+				this.fetchPracticeList({ force: true });
+			},
+			onPracticeReachBottom() {
+				// 已在加载中或全部加载完成则不再触发
+				if (this.practiceLoading) return;
+				if (this.practiceList.length >= this.practiceTotal) return;
+				this.practicePage.current += 1;
+				this.fetchPracticeList();
+			},
+			async fetchPracticeList({ force = false } = {}) {
+				if (this.practiceLoading && !force) {
+					return;
+				}
+				this.practiceLoading = true;
+				try {
+					const queryParams = {
+						current: this.practicePage.current,
+						size: this.practicePage.size,
+						category: 'AI陪练虚拟人'  // 默认添加知识分类参数
+					};
+					const trimmedTitle = this.practiceQuery?.title?.trim();
+					const trimmedIndustry = this.practiceQuery?.industry?.trim();
+					const trimmedCreator = this.practiceQuery?.creator?.trim();
+					const trimmedStatus = this.practiceQuery?.status?.trim();
+					
+					if (trimmedTitle) {
+						queryParams.title = trimmedTitle;
+					}
+					if (trimmedIndustry) {
+						queryParams.industry = trimmedIndustry;
+					}
+					if (trimmedCreator) {
+						queryParams.creator = trimmedCreator;
+					}
+					if (trimmedStatus) {
+						queryParams.status = trimmedStatus;
+					}
+					
+					const queryString = Object.keys(queryParams)
+						.map(key => `${key}=${encodeURIComponent(queryParams[key])}`)
+						.join('&');
+					const url = `${getApiUrl('/api/knowledgeBase/list')}?${queryString}`;
+					
+					// 获取租户ID
+					const tenantId = getTenantId();
+					const headers = {};
+					if (tenantId) {
+						headers['X-Tenant-Id'] = tenantId;
+					}
+					
+					const res = await uni.request({
+						url,
+						method: 'POST',
+						header: headers,
+						timeout: 10000
+					});
+					
+					if (res.statusCode === 200 && res.data && res.data.success) {
+						const records = Array.isArray(res.data.data) ? res.data.data : [];
+						// 第一页或强制刷新时重置列表，否则追加
+						if (this.practicePage.current === 1 || force) {
+							this.practiceList = records;
+						} else {
+							this.practiceList = this.practiceList.concat(records);
+						}
+						this.practiceTotal = Number(res.data.total) || 0;
+					} else {
+						this.practiceList = [];
+						this.practiceTotal = 0;
+						uni.showToast({
+							title: res.data?.message || '获取陪练列表失败',
+							icon: 'none'
+						});
+					}
+				} catch (error) {
+					console.error('获取陪练列表失败:', error);
+					uni.showToast({
+						title: '获取陪练列表失败，请稍后重试',
+						icon: 'none'
+					});
+				} finally {
+					this.practiceLoading = false;
+				}
+			},
+			onPracticeActionBtnClick(item) {
+				// 如果已经选中当前项，则关闭菜单
+				if (this.selectedPracticeItem && this.selectedPracticeItem.id === item.id && this.showPracticeActionMenu) {
+					this.closePracticeActionMenu();
+					return;
+				}
+				
+				// 显示菜单
+				this.selectedPracticeItem = item;
+				this.showPracticeActionMenu = true;
+			},
+			closePracticeActionMenu() {
+				this.showPracticeActionMenu = false;
+				this.selectedPracticeItem = null;
+			},
+			handleStartPractice(item) {
+				this.closePracticeActionMenu();
+				
+				// 获取当前登录用户信息
+				let participantName = '';
+				let participantPhone = '';
+				try {
+					const loginResponse = uni.getStorageSync('backend-login-response') || {};
+					const phone = loginResponse.phone || '';
+					const userName = loginResponse.userName || '';
+					
+					// 参与人电话默认为当前登录人的电话
+					participantPhone = phone;
+					
+					// 参与人姓名默认为当前登录人的登录手机号或者登录账号（优先手机号）
+					participantName = phone || userName;
+				} catch (e) {
+					console.error('获取登录用户信息失败:', e);
+				}
+				
+				// 填充陪练表单
+				this.practiceTrainingForm = {
+					scenarioId: item.id || '',
+					title: item.title || '',
+					scenario: item.content || item.detail || '',
+					participantName: participantName,
+					participantPhone: participantPhone
+				};
+				this.showPracticeTrainingPopup = true;
+			},
+			closePracticeTrainingPopup() {
+				this.showPracticeTrainingPopup = false;
+				this.practiceTrainingForm = {
+					scenarioId: '',
+					title: '',
+					scenario: '',
+					participantName: '',
+					participantPhone: ''
+				};
+			},
+			async submitPracticeTraining() {
+				// 表单验证
+				if (!this.practiceTrainingForm.title || !this.practiceTrainingForm.title.trim()) {
+					uni.showToast({
+						title: "请输入陪练标题",
+						icon: "none"
+					});
+					return;
+				}
+				if (!this.practiceTrainingForm.participantName || !this.practiceTrainingForm.participantName.trim()) {
+					uni.showToast({
+						title: "请输入参与人姓名",
+						icon: "none"
+					});
+					return;
+				}
+				if (!this.practiceTrainingForm.participantPhone || !this.practiceTrainingForm.participantPhone.trim()) {
+					uni.showToast({
+						title: "请输入参与人电话",
+						icon: "none"
+					});
+					return;
+				}
+
+				try {
+					uni.showLoading({
+						title: "创建中..."
+					});
+
+					// 获取租户ID
+					const tenantId = getTenantId();
+					
+					const payload = {
+						scenarioId: this.practiceTrainingForm.scenarioId || '',
+						title: this.practiceTrainingForm.title?.trim() || '',
+						scenario: this.practiceTrainingForm.scenario?.trim() || '',
+						participantName: this.practiceTrainingForm.participantName.trim(),
+						participantPhone: this.practiceTrainingForm.participantPhone.trim()
+					};
+					
+					// 添加租户ID到payload
+					if (tenantId) {
+						payload.tenantId = tenantId;
+					}
+					
+					const headers = {
+						"Content-Type": "application/json"
+					};
+					
+					// 添加租户ID到header
+					if (tenantId) {
+						headers['X-Tenant-Id'] = tenantId;
+					}
+					
+					const res = await uni.request({
+						url: getApiUrl('/api/trainingMain/add'),
+						method: 'POST',
+						data: payload,
+						header: headers,
+						timeout: 15000
+					});
+
+					uni.hideLoading();
+
+					if (res.statusCode === 200 && res.data && (res.data.success || res.data.code === 200)) {
+						uni.showToast({
+							title: res.data?.message || "创建成功",
+							icon: "success"
+						});
+						// 关闭弹出框
+						this.closePracticeTrainingPopup();
+						// 通知父组件切换到陪练tab
+						this.$emit('switch-to-training');
+					} else {
+						uni.showToast({
+							title: res.data?.message || "创建失败",
+							icon: "none"
+						});
+					}
+				} catch (error) {
+					uni.hideLoading();
+					console.error("创建陪练失败:", error);
+					uni.showToast({
+						title: error?.message || "创建失败，请重试",
+						icon: "none"
+					});
+				}
+			},
+			handleEditPractice(item) {
+				this.closePracticeActionMenu();
+				// 填充编辑表单
+				this.editPracticeForm = {
+					id: item.id,
+					title: item.title || '',
+					category: item.category || '',
+					industry: item.industry || '',
+					content: item.content || '',
+					remark: item.remark || ''
+				};
+				this.showEditPracticePopup = true;
+			},
+			closeEditPracticePopup() {
+				this.showEditPracticePopup = false;
+				this.editPracticeForm = {
+					id: '',
+					title: '',
+					category: '',
+					industry: '',
+					content: '',
+					remark: ''
+				};
+			},
+			async submitEditPractice() {
+				// 表单验证
+				if (!this.editPracticeForm.title || !this.editPracticeForm.title.trim()) {
+					uni.showToast({
+						title: "请输入知识标题",
+						icon: "none"
+					});
+					return;
+				}
+
+				try {
+					uni.showLoading({
+						title: "保存中..."
+					});
+
+					// 获取租户ID
+					const tenantId = getTenantId();
+					const headers = {
+						"Content-Type": "application/json"
+					};
+					if (tenantId) {
+						headers['X-Tenant-Id'] = tenantId;
+						// 同时在数据中也添加租户ID（如果后端需要）
+						if (!this.editPracticeForm.tenantId) {
+							this.editPracticeForm.tenantId = tenantId;
+						}
+					}
+
+					const res = await uni.request({
+						url: getApiUrl('/api/knowledgeBase/update'),
+						method: 'PUT',
+						data: this.editPracticeForm,
+						header: headers,
+						timeout: 15000
+					});
+
+					uni.hideLoading();
+
+					if (res.statusCode === 200 && res.data && (res.data.success || res.data.code === 200)) {
+						uni.showToast({
+							title: res.data?.message || "保存成功",
+							icon: "success"
+						});
+						// 关闭弹出框并刷新列表
+						this.closeEditPracticePopup();
+						this.practicePage.current = 1;
+						this.fetchPracticeList({ force: true });
+					} else {
+						uni.showToast({
+							title: res.data?.message || "保存失败",
+							icon: "none"
+						});
+					}
+				} catch (error) {
+					uni.hideLoading();
+					console.error("保存陪练失败:", error);
+					uni.showToast({
+						title: error?.message || "保存失败，请重试",
+						icon: "none"
+					});
+				}
+			},
+			handleDeletePractice(item) {
+				this.closePracticeActionMenu();
+				uni.showModal({
+					title: '提示',
+					content: '确认删除该陪练吗？',
+					success: async (res) => {
+						if (res.confirm) {
+							try {
+								uni.showLoading({
+									title: "删除中..."
+								});
+
+								// 获取租户ID
+								const tenantId = getTenantId();
+								const headers = {};
+								if (tenantId) {
+									headers['X-Tenant-Id'] = tenantId;
+								}
+
+								const deleteRes = await uni.request({
+									url: getApiUrl(`/api/knowledgeBase/delete/${item.id}`),
+									method: 'DELETE',
+									header: headers,
+									timeout: 15000
+								});
+
+								uni.hideLoading();
+
+								if (deleteRes.statusCode === 200 && deleteRes.data && (deleteRes.data.success || deleteRes.data.code === 200)) {
+									uni.showToast({
+										title: deleteRes.data?.message || "删除成功",
+										icon: "success"
+									});
+									// 刷新列表
+									this.practicePage.current = 1;
+									this.fetchPracticeList({ force: true });
+								} else {
+									uni.showToast({
+										title: deleteRes.data?.message || "删除失败",
+										icon: "none"
+									});
+								}
+							} catch (error) {
+								uni.hideLoading();
+								console.error("删除陪练失败:", error);
+								uni.showToast({
+									title: error?.message || "删除失败，请重试",
+									icon: "none"
+								});
+							}
+						}
+					}
+				});
+			},
+			// 添加陪练相关方法
+			showAddPractice() {
+				this.showPracticePopup = true;
+				this.practiceForm = {
+					title: '',
+					category: 'AI陪练虚拟人',  // 固定值，不可修改
+					industry: '汽车销售',    // 默认值
+					content: '',
+					remark: ''
+				};
+			},
+			closePracticePopup() {
+				this.showPracticePopup = false;
+			},
+			async submitPractice() {
+				// 表单验证
+				if (!this.practiceForm.title || !this.practiceForm.title.trim()) {
+					uni.showToast({
+						title: "请输入知识标题",
+						icon: "none"
+					});
+					return;
+				}
+
+				try {
+					uni.showLoading({
+						title: "提交中..."
+					});
+
+					// 获取租户ID
+					const tenantId = getTenantId();
+					
+					const payload = {
+						title: this.practiceForm.title.trim(),
+						category: this.practiceForm.category?.trim() || '',
+						industry: this.practiceForm.industry?.trim() || '',
+						content: this.practiceForm.content?.trim() || '',
+						remark: this.practiceForm.remark?.trim() || ''
+					};
+					
+					// 添加租户ID到payload
+					if (tenantId) {
+						payload.tenantId = tenantId;
+					}
+					
+					const headers = {
+						"Content-Type": "application/json"
+					};
+					
+					// 添加租户ID到header
+					if (tenantId) {
+						headers['X-Tenant-Id'] = tenantId;
+					}
+					
+					const res = await uni.request({
+						url: getApiUrl('/api/knowledgeBase/add'),
+						method: 'POST',
+						data: payload,
+						header: headers,
+						timeout: 15000
+					});
+
+					uni.hideLoading();
+
+					if (res.statusCode === 200 && res.data && (res.data.success || res.data.code === 200)) {
+						uni.showToast({
+							title: res.data?.message || "提交成功",
+							icon: "success"
+						});
+						// 关闭弹出框并刷新列表
+						this.closePracticePopup();
+						this.practicePage.current = 1;
+						this.fetchPracticeList({ force: true });
+					} else {
+						uni.showToast({
+							title: res.data?.message || "提交失败",
+							icon: "none"
+						});
+					}
+				} catch (error) {
+					uni.hideLoading();
+					console.error("提交陪练失败:", error);
+					uni.showToast({
+						title: error?.message || "提交失败，请重试",
+						icon: "none"
+					});
+				}
+			},
+			getContentPreview(content, limit = 30) {
+				if (!content) return '';
+				const text = String(content).replace(/\s+/g, ' ').trim();
+				if (!text) return '';
+				return text.length > limit ? `${text.substring(0, limit)}...` : text;
+			},
+			showFullText(title, content) {
+				if (!content) return;
+				this.contentPopupTitle = title || '详情';
+				this.contentPopupText = String(content);
+				this.showContentPopup = true;
+			},
+			closeContentPopup() {
+				this.showContentPopup = false;
+				this.contentPopupTitle = '';
+				this.contentPopupText = '';
+			}
+		}
+	}
+</script>
+
+<style scoped>
+	/* 内容区域 - 使用绝对定位，从tab页底部开始，到底部导航栏结束 */
+	.tab-content {
+		position: absolute;
+		top: 160rpx; /* 导航栏(88rpx) + tab页(72rpx) = 160rpx */
+		left: 0;
+		right: 0;
+		bottom: 96rpx; /* 底部导航栏高度 */
+		background-color: #F5F5F5;
+		padding: 24rpx 16rpx 0 16rpx; /* 顶部24rpx间距，底部0 */
+		box-sizing: border-box;
+		overflow-y: auto;
+	}
+	
+	/* 素材内容区域和陪练内容区域使用相同定位 */
+	.practice-content {
+		position: absolute;
+		top: 160rpx; /* 导航栏(88rpx) + tab页(72rpx) = 160rpx */
+		left: 0;
+		right: 0;
+		bottom: 96rpx; /* 底部导航栏高度 */
+		background-color: #F5F5F5;
+		padding: 24rpx 16rpx 0 16rpx; /* 顶部24rpx间距（与列表项间距一致），底部0 */
+		box-sizing: border-box;
+		overflow-y: auto;
+	}
+
+	.service-status-toolbar {
+		display: flex;
+		flex-wrap: nowrap;
+		align-items: center;
+		gap: 8rpx; /* 增加间距，避免元素被挤压 */
+		padding: 12rpx 8rpx; /* 增加内边距，给搜索框更多空间 */
+		margin-bottom: 24rpx; /* 与列表项间距保持一致（24rpx） */
+		background-color: #F8F8FA;
+		border-radius: 8rpx;
+		border: 1px solid #EFEFF2;
+		overflow-x: auto;
+		min-height: 64rpx; /* 设置最小高度，确保搜索区域不被挤压 */
+		box-sizing: border-box;
+	}
+
+	.toolbar-total {
+		font-size: 24rpx;
+		color: #666;
+		white-space: nowrap;
+		flex-shrink: 0;
+		margin-right: 8rpx; /* 增加右边距，与搜索框保持距离 */
+		line-height: 1.2;
+		padding: 0 4rpx; /* 增加左右内边距 */
+	}
+
+	.toolbar-input {
+		flex: 1;
+		min-width: 120rpx; /* 增加最小宽度，避免被挤压变形 */
+		max-width: 200rpx; /* 设置最大宽度，保持合理比例 */
+		height: 56rpx; /* 稍微增加高度，提升可用性 */
+		line-height: 56rpx;
+		background-color: #F5F6FA;
+		border-radius: 8rpx;
+		padding: 0 12rpx; /* 增加左右内边距 */
+		font-size: 24rpx;
+		border: 1px solid transparent;
+		box-sizing: border-box;
+		flex-shrink: 1; /* 允许适当收缩，但保持最小宽度 */
+	}
+
+	.toolbar-actions {
+		display: flex;
+		align-items: center;
+		margin-left: auto;
+		flex-shrink: 0;
+		gap: 8rpx; /* 增加按钮之间的间距 */
+	}
+
+	.toolbar-btn {
+		padding: 0 12rpx; /* 增加左右内边距 */
+		height: 56rpx; /* 与输入框高度保持一致 */
+		min-width: 56rpx;
+		color: #2A68FF;
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		gap: 4rpx; /* 增加图标和文字之间的间距 */
+		font-size: 24rpx;
+		font-weight: 400;
+		line-height: 1;
+		box-sizing: border-box;
+	}
+	
+	.toolbar-btn text {
+		color: #2A68FF;
+	}
+	
+	.service-card {
+		width: 100%;
+		box-sizing: border-box;
+		background-color: #FFFFFF;
+		border-radius: 16rpx;
+		padding: 32rpx;
+		margin-bottom: 24rpx;
+		box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.04);
+		overflow: visible;
+	}
+	
+	.practice-card-item {
+		padding-left: 32rpx;
+		padding-right: 32rpx;
+		padding-top: 32rpx;
+		padding-bottom: 32rpx;
+	}
+	
+	.card-header {
+		display: flex;
+		justify-content: space-between;
+		align-items: center;
+		margin-bottom: 20rpx;
+		width: 100%;
+		box-sizing: border-box;
+		padding: 0;
+		margin: 0;
+		position: relative;
+	}
+	
+	.card-menu-trigger {
+		width: 60rpx;
+		height: 60rpx;
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		cursor: pointer;
+		flex-shrink: 0;
+		margin-left: auto;
+		margin-right: 0;
+		margin-top: 0;
+		margin-bottom: 0;
+		flex-grow: 0;
+		position: relative;
+		padding: 0;
+	}
+	
+	.card-menu-trigger:active {
+		opacity: 0.7;
+	}
+	
+	/* 陪练操作菜单样式 */
+	.practice-card-item {
+		position: relative;
+	}
+	
+	.practice-action-menu {
+		position: absolute;
+		top: 60rpx;
+		right: 32rpx;
+		width: 160rpx;
+		background-color: #FFFFFF;
+		border-radius: 12rpx;
+		box-shadow: 0 4rpx 12rpx rgba(0, 0, 0, 0.15);
+		z-index: 100;
+		overflow: hidden;
+		margin-right: 0;
+	}
+	
+	.practice-action-menu-item {
+		padding: 24rpx 32rpx;
+		font-size: 28rpx;
+		color: #333;
+		text-align: center;
+		background-color: #FFFFFF;
+	}
+	
+	.practice-action-menu-item:active {
+		background-color: #F5F5F5;
+	}
+	
+	.practice-action-menu-item--danger {
+		color: #FF5722;
+	}
+	
+	.practice-action-menu-divider {
+		height: 1rpx;
+		background-color: #E0E0E0;
+		margin: 0 16rpx;
+	}
+	
+	.practice-action-menu-mask {
+		position: fixed;
+		top: 0;
+		left: 0;
+		right: 0;
+		bottom: 0;
+		background-color: transparent;
+		z-index: 99;
+	}
+	
+	.staff-info {
+		display: flex;
+		align-items: center;
+		flex: 1;
+		min-width: 0;
+		margin: 0;
+		padding: 0;
+	}
+	
+	.staff-avatar {
+		width: 64rpx;
+		height: 64rpx;
+		background-color: #2196F3;
+		border-radius: 50%;
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		margin-right: 16rpx;
+		margin-left: 0;
+		margin-top: 0;
+		margin-bottom: 0;
+		flex-shrink: 0;
+	}
+	
+	.avatar-text {
+		font-size: 32rpx;
+		color: #FFFFFF;
+		font-weight: 500;
+	}
+	
+	.staff-name {
+		font-size: 32rpx;
+		font-weight: 500;
+		color: #333;
+	}
+	
+	.customer-tags {
+		display: flex;
+		flex-wrap: wrap;
+		margin-bottom: 20rpx;
+		gap: 12rpx;
+		box-sizing: border-box;
+		margin-left: 0;
+		margin-right: 0;
+		padding: 0;
+		width: 100%;
+		max-width: 100%;
+	}
+
+	.customer-info {
+		margin-bottom: 16rpx;
+		display: flex;
+		flex-direction: column;
+		gap: 8rpx;
+		box-sizing: border-box;
+		margin-left: 0;
+		margin-right: 0;
+		padding: 0;
+		width: 100%;
+		max-width: 100%;
+	}
+
+	.customer-name {
+		font-size: 28rpx;
+		color: #555;
+	}
+	
+	.tag-item {
+		padding: 8rpx 16rpx;
+		border-radius: 8rpx;
+		box-sizing: border-box;
+		word-wrap: break-word;
+		word-break: break-all;
+		display: inline-block;
+		max-width: 100%;
+	}
+	
+	.tag-blue {
+		background-color: #E3F2FD;
+	}
+	
+	.tag-blue text {
+		font-size: 24rpx;
+		color: #1976D2;
+	}
+	
+	.tag-orange {
+		background-color: #FFF3E0;
+	}
+	
+	.tag-orange text {
+		font-size: 24rpx;
+		color: #F57C00;
+	}
+	
+	.service-status-empty {
+		padding: 48rpx 0;
+		text-align: center;
+		color: #999;
+		font-size: 28rpx;
+	}
+	
+	.service-status-loading-more {
+		padding: 24rpx 0;
+		text-align: center;
+		color: #999;
+		font-size: 26rpx;
+	}
+	
+	/* 添加素材弹出框样式 */
+	.material-popup-mask {
+		position: fixed;
+		top: 0;
+		left: 0;
+		right: 0;
+		bottom: 0;
+		background-color: rgba(0, 0, 0, 0.5);
+		z-index: 999;
+	}
+	
+	.material-popup {
+		position: fixed;
+		left: 50%;
+		top: 50%;
+		transform: translate(-50%, -50%);
+		width: calc(100vw - 80rpx);
+		max-width: 90%;
+		box-sizing: border-box;
+		height: 80vh;
+		max-height: 80vh;
+		background-color: #FFFFFF;
+		border-radius: 16rpx;
+		z-index: 1000;
+		display: flex;
+		flex-direction: column;
+		box-shadow: 0 8rpx 32rpx rgba(0, 0, 0, 0.2);
+		overflow: hidden;
+	}
+	
+	.popup-header {
+		display: flex;
+		align-items: center;
+		justify-content: space-between;
+		padding: 32rpx;
+		border-bottom: 1px solid #E0E0E0;
+		flex-shrink: 0;
+	}
+	
+	.popup-title {
+		font-size: 36rpx;
+		font-weight: 500;
+		color: #333;
+	}
+	
+	.popup-close {
+		width: 48rpx;
+		height: 48rpx;
+		display: flex;
+		align-items: center;
+		justify-content: center;
+	}
+	
+	.popup-content {
+		flex: 1;
+		min-height: 0;
+		padding: 20rpx 20rpx 28rpx;
+		box-sizing: border-box;
+		overflow-y: auto;
+	}
+	
+	.form-card {
+		width: 100%;
+		box-sizing: border-box;
+	}
+	
+	.form-item {
+		display: flex;
+		align-items: center;
+		margin-bottom: 20rpx;
+		gap: 16rpx;
+	}
+	
+	.form-item__label {
+		font-size: 32rpx;
+		color: #333;
+		font-weight: 500;
+		width: 160rpx;
+		flex-shrink: 0;
+		text-align: left;
+	}
+	
+	.form-item__input {
+		flex: 1;
+		min-width: 0;
+		height: 88rpx;
+		background-color: #f9fafb;
+		border-radius: 12rpx;
+		padding: 0 24rpx;
+		font-size: 32rpx;
+		color: #333;
+		box-sizing: border-box;
+	}
+	
+	/* 只读输入框样式 */
+	.form-item__input[disabled],
+	.form-item__input[readonly] {
+		background-color: #f3f4f6;
+		color: #6b7280;
+		cursor: not-allowed;
+	}
+	
+	.form-item__textarea {
+		flex: 1;
+		min-width: 0;
+		min-height: 200rpx;
+		background-color: #f9fafb;
+		border-radius: 12rpx;
+		padding: 24rpx;
+		font-size: 32rpx;
+		color: #333;
+		box-sizing: border-box;
+	}
+	
+	.popup-actions {
+		display: flex;
+		gap: 24rpx;
+		padding: 24rpx;
+		border-top: 1px solid #E0E0E0;
+		flex-shrink: 0;
+	}
+	
+	.popup-btn {
+		flex: 1;
+		height: 88rpx;
+		border-radius: 12rpx;
+		display: flex;
+		align-items: center;
+		justify-content: center;
+	}
+	
+	.popup-btn--cancel {
+		background-color: #f3f4f6;
+	}
+	
+	.popup-btn--submit {
+		/* 对齐取消按钮的风格：浅色背景与边框 */
+		background-color: #f3f4f6;
+		border: 1px solid #d1d5db;
+	}
+	
+	.popup-btn__text {
+		font-size: 32rpx;
+		font-weight: 500;
+	}
+
+	.popup-btn__icon {
+		margin-right: 8rpx;
+	}
+	
+	.popup-btn--cancel .popup-btn__text {
+		color: #2A68FF;
+	}
+	
+	.popup-btn--submit .popup-btn__text {
+		color: #2A68FF;
+	}
+	
+	/* 内容详情弹出框样式 */
+	.content-popup-mask {
+		position: fixed;
+		top: 0;
+		left: 0;
+		right: 0;
+		bottom: 0;
+		background-color: rgba(0, 0, 0, 0.5);
+		z-index: 999;
+	}
+	
+	.content-popup {
+		position: fixed;
+		left: 10%;
+		right: 10%;
+		top: 50%;
+		transform: translateY(-50%);
+		box-sizing: border-box;
+		max-height: calc(100vh - 320rpx);
+		height: auto;
+		background-color: #FFFFFF;
+		border-radius: 16rpx;
+		z-index: 1000;
+		display: flex;
+		flex-direction: column;
+		box-shadow: 0 8rpx 32rpx rgba(0, 0, 0, 0.2);
+		overflow: hidden;
+	}
+	
+	.content-popup-header {
+		display: flex;
+		align-items: center;
+		justify-content: space-between;
+		padding: 32rpx;
+		border-bottom: 1px solid #E0E0E0;
+		flex-shrink: 0;
+	}
+	
+	.content-popup-title {
+		font-size: 36rpx;
+		font-weight: 500;
+		color: #333;
+	}
+	
+	.content-popup-close {
+		width: 48rpx;
+		height: 48rpx;
+		display: flex;
+		align-items: center;
+		justify-content: center;
+	}
+	
+	.content-popup-body {
+		flex: 1;
+		min-height: 0;
+		padding: 32rpx;
+		box-sizing: border-box;
+		overflow-y: auto;
+	}
+	
+	.content-popup-text {
+		font-size: 32rpx;
+		color: #333;
+		line-height: 1.8;
+		white-space: pre-wrap;
+		word-wrap: break-word;
+	}
+	
+	.practice-training-popup {
+		max-height: 80vh;
+	}
+</style>
diff --git a/pages/champion/components/training-tab.vue b/pages/champion/components/training-tab.vue
new file mode 100644
index 0000000..a97a1c1
--- /dev/null
+++ b/pages/champion/components/training-tab.vue
@@ -0,0 +1,1242 @@
+<template>
+	<view>
+		<scroll-view 
+			class="tab-content training-content" 
+			scroll-y 
+			@scrolltolower="onTrainingReachBottom">
+			<view class="service-status-toolbar">
+				<text class="toolbar-total">共{{ trainingTotal }}条</text>
+				<picker 
+					class="toolbar-picker"
+					mode="selector"
+					:range="finishStatusOptions"
+					range-key="label"
+					:value="finishStatusIndex >= 0 ? finishStatusIndex : 0"
+					@change="onFinishStatusChange">
+					<view class="toolbar-picker-view">
+						<text :class="finishStatusIndex === -1 ? 'toolbar-picker-placeholder' : 'toolbar-picker-text'">
+							{{ finishStatusIndex === -1 ? '状态' : finishStatusOptions[finishStatusIndex].label }}
+						</text>
+						<uni-icons type="bottom" size="14" color="#999"></uni-icons>
+					</view>
+				</picker>
+				<input
+					class="toolbar-input"
+					v-model="trainingQuery.participantName"
+					placeholder="参与人姓名"
+					placeholder-style="color: #b0b0b0"
+					confirm-type="search"
+					@confirm="onTrainingSearch"
+				/>
+				<input
+					class="toolbar-input"
+					v-model="trainingQuery.participantPhone"
+					placeholder="参与人电话"
+					placeholder-style="color: #b0b0b0"
+					confirm-type="search"
+					@confirm="onTrainingSearch"
+				/>
+				<view class="toolbar-actions">
+					<view class="toolbar-btn toolbar-btn--refresh" @click="onTrainingRefresh">
+						<uni-icons type="refresh" size="18" color="#2A68FF"></uni-icons>
+						<text>刷新</text>
+					</view>
+				</view>
+			</view>
+			<view 
+				class="service-card training-card-item" 
+				v-for="(item, index) in trainingList" 
+				:key="item.id || index"
+				:class="{ 'training-card-item--active': selectedTrainingItem && selectedTrainingItem.id === item.id }">
+				<view class="card-header">
+					<view class="staff-info">
+						<view class="staff-avatar">
+							<text class="avatar-text">{{ (item.title || '陪').charAt(0) }}</text>
+						</view>
+						<text class="staff-name">{{ item.title || '未命名陪练' }}</text>
+					</view>
+					<view class="training-card-action-btn" @click.stop="onTrainingActionBtnClick(item)">
+						<uni-icons type="more-filled" size="20" color="#999"></uni-icons>
+					</view>
+				</view>
+				
+				<!-- 操作菜单 -->
+				<view 
+					class="training-action-menu" 
+					v-if="selectedTrainingItem && selectedTrainingItem.id === item.id && showTrainingActionMenu"
+					@click.stop>
+					<view class="training-action-menu-item" @click="startTraining(item)">
+						<text>开始</text>
+					</view>
+				</view>
+				
+				<view class="customer-info">
+					<text class="customer-name" v-if="item.scenario">陪练场景: {{ item.scenario }}</text>
+				</view>
+				
+				<view class="customer-tags">
+					<view class="tag-item tag-blue" v-if="item.participantName">
+						<text>参与人: {{ item.participantName }}</text>
+					</view>
+					<view class="tag-item tag-orange" v-if="item.participantPhone">
+						<text>电话: {{ item.participantPhone }}</text>
+					</view>
+					<view class="tag-item tag-status" v-if="item.finishStatus">
+						<text>状态: {{ getFinishStatusLabel(item.finishStatus) }}</text>
+					</view>
+				</view>
+				
+				<view class="service-duration" v-if="item.endTime">
+					<text>结束时间: {{ formatDateTime(item.endTime) }}</text>
+				</view>
+			</view>
+			<view class="service-status-empty" v-if="!trainingLoading && !trainingList.length">
+				<text>暂无陪练记录</text>
+			</view>
+			<view class="service-status-loading-more" v-if="trainingLoading && trainingList.length">
+				<text>正在加载更多...</text>
+			</view>
+			<!-- 遮罩层，点击关闭菜单 -->
+			<view 
+				class="training-action-menu-mask" 
+				v-if="showTrainingActionMenu"
+				@click="closeTrainingActionMenu">
+			</view>
+		</scroll-view>
+		
+		<!-- 陪练中列表弹出框 -->
+		<view class="material-popup-mask" v-if="showTrainingItemListPopup" @click="closeTrainingItemListPopup">
+		</view>
+		<view class="material-popup training-item-list-popup" v-if="showTrainingItemListPopup" @click.stop>
+			<view class="popup-header">
+				<text class="popup-title">陪练中</text>
+				<view class="popup-close" @click="closeTrainingItemListPopup">
+					<uni-icons type="close" size="20" color="#999"></uni-icons>
+				</view>
+			</view>
+			<scroll-view class="popup-content" scroll-y @scrolltolower="onTrainingItemListReachBottom">
+				<view 
+					class="service-card training-item-card" 
+					v-for="(item, index) in trainingItemList" 
+					:key="item.id || index">
+					<view class="card-header">
+						<view class="staff-info">
+							<view class="staff-avatar">
+								<text class="avatar-text">{{ (item.question || '题').charAt(0) }}</text>
+							</view>
+							<text class="staff-name">{{ item.question || '未命名题目' }}</text>
+						</view>
+					</view>
+					
+					<view class="customer-info" v-if="item.answer">
+						<text class="customer-name">答案: {{ item.answer }}</text>
+					</view>
+					
+					<!-- 回答输入框 -->
+					<view class="form-item">
+						
+						<textarea
+							class="form-item__textarea"
+							v-model="trainingItemAnswers[item.id]"
+							placeholder="请输入回答"
+							placeholder-style="color: #9ca3af"
+							maxlength="2000"
+						/>
+					</view>
+					
+					<!-- 操作按钮 -->
+					<view class="training-item-actions">
+						<view class="action-btn action-btn--continue" @click="handleContinue(item)">
+							<text>继续</text>
+						</view>
+						<view class="action-btn action-btn--end" @click="handleEnd(item)">
+							<text>结束</text>
+						</view>
+					</view>
+				</view>
+				<view class="service-status-empty" v-if="!trainingItemLoading && !trainingItemList.length">
+					<text>暂无记录</text>
+				</view>
+				<view class="service-status-loading-more" v-if="trainingItemLoading && trainingItemList.length">
+					<text>正在加载更多...</text>
+				</view>
+			</scroll-view>
+		</view>
+	</view>
+</template>
+
+<script>
+	import { getApiUrl } from "@/common/config.js";
+	
+	// 获取租户ID
+	function getTenantId() {
+		try {
+			return uni.getStorageSync('backend-tenant-id') || '';
+		} catch (e) {
+			console.error('获取 tenantId 失败:', e);
+			return '';
+		}
+	}
+	
+	export default {
+		name: 'TrainingTab',
+		data() {
+			return {
+				// 陪练列表相关数据
+				trainingList: [],
+				trainingLoading: false,
+				trainingTotal: 0,
+				trainingPage: {
+					current: 1,
+					size: 10
+				},
+				trainingQuery: {
+					participantName: '',
+					participantPhone: '',
+					finishStatus: ''
+				},
+				// 状态选项
+				finishStatusOptions: [
+					{ value: 'init', label: '初始状态' },
+					{ value: 'finished', label: '完成状态' }
+				],
+				finishStatusIndex: -1, // -1表示未选择，不发送finishStatus参数
+				// 陪练操作菜单
+				selectedTrainingItem: null,
+				showTrainingActionMenu: false,
+				// 陪练中列表弹出框
+				showTrainingItemListPopup: false,
+				trainingItemList: [],
+				trainingItemLoading: false,
+				trainingItemTotal: 0,
+				trainingItemPage: {
+					current: 1,
+					size: 10
+				},
+				currentTrainingParentId: '',
+				// 存储每个陪练项的答案输入
+				trainingItemAnswers: {}
+			}
+		},
+		mounted() {
+			this.fetchTrainingList();
+		},
+		methods: {
+			// 状态选择改变事件
+			onFinishStatusChange(e) {
+				const index = parseInt(e.detail.value);
+				this.finishStatusIndex = index;
+				if (index >= 0 && index < this.finishStatusOptions.length) {
+					this.trainingQuery.finishStatus = this.finishStatusOptions[index].value;
+				} else {
+					this.trainingQuery.finishStatus = '';
+					this.finishStatusIndex = 0;
+				}
+				this.onTrainingSearch();
+			},
+			// 获取状态标签
+			getFinishStatusLabel(status) {
+				if (status === 'init') {
+					return '初始状态';
+				} else if (status === 'finished') {
+					return '完成状态';
+				}
+				return status || '';
+			},
+			// 陪练列表相关方法
+			onTrainingSearch() {
+				this.trainingPage.current = 1;
+				this.fetchTrainingList({ force: true });
+			},
+			onTrainingRefresh() {
+				this.trainingPage.current = 1;
+				this.fetchTrainingList({ force: true });
+			},
+			onTrainingReachBottom() {
+				// 已在加载中或全部加载完成则不再触发
+				if (this.trainingLoading) return;
+				if (this.trainingList.length >= this.trainingTotal) return;
+				this.trainingPage.current += 1;
+				this.fetchTrainingList();
+			},
+			async fetchTrainingList({ force = false } = {}) {
+				if (this.trainingLoading && !force) {
+					return;
+				}
+				this.trainingLoading = true;
+				try {
+					// 构建查询参数
+					const queryParams = {
+						current: this.trainingPage.current,
+						size: this.trainingPage.size
+					};
+					
+					const trimmedParticipantName = this.trainingQuery?.participantName?.trim();
+					const trimmedParticipantPhone = this.trainingQuery?.participantPhone?.trim();
+					const finishStatus = this.trainingQuery?.finishStatus;
+					
+					if (trimmedParticipantName) {
+						queryParams.participantName = trimmedParticipantName;
+					}
+					if (trimmedParticipantPhone) {
+						queryParams.participantPhone = trimmedParticipantPhone;
+					}
+					if (finishStatus) {
+						queryParams.finishStatus = finishStatus;
+					}
+					
+					// 将参数转换为 URL 查询字符串
+					const queryString = Object.keys(queryParams)
+						.map(key => `${key}=${encodeURIComponent(queryParams[key])}`)
+						.join('&');
+					const url = `${getApiUrl('/api/trainingMain/list')}?${queryString}`;
+					
+					// 获取租户ID
+					const tenantId = getTenantId();
+					const headers = {};
+					if (tenantId) {
+						headers['X-Tenant-Id'] = tenantId;
+						// 同时添加到查询参数中
+						queryParams.tenantId = tenantId;
+					}
+					
+					// 重新构建查询字符串（包含tenantId）
+					const finalQueryString = Object.keys(queryParams)
+						.map(key => `${key}=${encodeURIComponent(queryParams[key])}`)
+						.join('&');
+					const finalUrl = `${getApiUrl('/api/trainingMain/list')}?${finalQueryString}`;
+					
+					const res = await uni.request({
+						url: finalUrl,
+						method: 'POST',
+						header: headers,
+						timeout: 10000
+					});
+					
+					if (res.statusCode === 200 && res.data && res.data.success) {
+						const records = Array.isArray(res.data.data) ? res.data.data : [];
+						// 第一页或强制刷新时重置列表，否则追加
+						if (this.trainingPage.current === 1 || force) {
+							this.trainingList = records;
+						} else {
+							this.trainingList = this.trainingList.concat(records);
+						}
+						this.trainingTotal = Number(res.data.total) || 0;
+					} else {
+						this.trainingList = [];
+						this.trainingTotal = 0;
+						uni.showToast({
+							title: res.data?.message || '获取陪练列表失败',
+							icon: 'none'
+						});
+					}
+				} catch (error) {
+					console.error('获取陪练列表失败:', error);
+					uni.showToast({
+						title: '获取陪练列表失败，请稍后重试',
+						icon: 'none'
+					});
+				} finally {
+					this.trainingLoading = false;
+				}
+			},
+			// 陪练操作菜单相关方法
+			onTrainingActionBtnClick(item) {
+				// 如果已经选中当前项，则关闭菜单
+				if (this.selectedTrainingItem && this.selectedTrainingItem.id === item.id && this.showTrainingActionMenu) {
+					this.closeTrainingActionMenu();
+					return;
+				}
+				
+				// 显示菜单
+				this.selectedTrainingItem = item;
+				this.showTrainingActionMenu = true;
+			},
+			closeTrainingActionMenu() {
+				this.showTrainingActionMenu = false;
+				this.selectedTrainingItem = null;
+			},
+			async startTraining(item) {
+				this.closeTrainingActionMenu();
+				// 打开详情列表弹窗
+				this.currentTrainingParentId = item.id || '';
+				this.trainingItemList = [];
+				this.showTrainingItemListPopup = true;
+				// 加载详情列表（调用listAll接口）
+				await this.fetchTrainingItemListAll(item.id || '');
+			},
+			closeTrainingItemListPopup() {
+				this.showTrainingItemListPopup = false;
+				this.currentTrainingParentId = '';
+				this.trainingItemPage.current = 1;
+				this.trainingItemList = [];
+				// 清理答案输入
+				this.trainingItemAnswers = {};
+			},
+			onTrainingItemListReachBottom() {
+				// 已在加载中或全部加载完成则不再触发
+				if (this.trainingItemLoading) return;
+				if (this.trainingItemList.length >= this.trainingItemTotal) return;
+				this.trainingItemPage.current += 1;
+				this.fetchTrainingItemList();
+			},
+			async fetchTrainingItemListAll(parentId) {
+				if (!parentId) {
+					uni.showToast({
+						title: '缺少父ID参数',
+						icon: 'none'
+					});
+					return;
+				}
+				
+				this.trainingItemLoading = true;
+				try {
+					// 获取租户ID
+					const tenantId = getTenantId();
+					
+					// 构建查询参数
+					const queryParams = {
+						parentId: parentId
+					};
+					
+					if (tenantId) {
+						queryParams.tenantId = tenantId;
+					}
+					
+					// 将参数转换为 URL 查询字符串
+					const queryString = Object.keys(queryParams)
+						.filter(key => queryParams[key] !== null && queryParams[key] !== undefined && queryParams[key] !== '')
+						.map(key => `${encodeURIComponent(key)}=${encodeURIComponent(queryParams[key])}`)
+						.join('&');
+					const url = `${getApiUrl('/api/trainingItem/listAll')}?${queryString}`;
+					
+					// 构建请求头
+					const headers = {
+						"Content-Type": "application/json"
+					};
+					if (tenantId) {
+						headers['X-Tenant-Id'] = tenantId;
+					}
+					
+					const res = await uni.request({
+						url: url,
+						method: 'POST',
+						header: headers,
+						timeout: 30000
+					});
+					
+					if (res.statusCode === 200 && res.data && res.data.success) {
+						const records = Array.isArray(res.data.data) ? res.data.data : [];
+						this.trainingItemList = records;
+						this.trainingItemTotal = Number(res.data.count) || records.length;
+						// 初始化答案输入
+						this.initTrainingItemAnswers(records);
+					} else {
+						this.trainingItemList = [];
+						this.trainingItemTotal = 0;
+						uni.showToast({
+							title: res.data?.message || '获取陪练中列表失败',
+							icon: 'none'
+						});
+					}
+				} catch (error) {
+					console.error('获取陪练中列表失败:', error);
+					uni.showToast({
+						title: '获取陪练中列表失败，请稍后重试',
+						icon: 'none'
+					});
+				} finally {
+					this.trainingItemLoading = false;
+				}
+			},
+			async fetchTrainingItemList({ force = false } = {}) {
+				if (this.trainingItemLoading && !force) {
+					return;
+				}
+				if (!this.currentTrainingParentId) {
+					return;
+				}
+				this.trainingItemLoading = true;
+				try {
+					// 构建查询参数
+					const queryParams = {
+						current: this.trainingItemPage.current,
+						size: this.trainingItemPage.size,
+						parentId: this.currentTrainingParentId
+					};
+					
+					// 获取租户ID
+					const tenantId = getTenantId();
+					if (tenantId) {
+						queryParams.tenantId = tenantId;
+					}
+					
+					// 将参数转换为 URL 查询字符串
+					const queryString = Object.keys(queryParams)
+						.filter(key => queryParams[key] !== null && queryParams[key] !== undefined && queryParams[key] !== '')
+						.map(key => `${encodeURIComponent(key)}=${encodeURIComponent(queryParams[key])}`)
+						.join('&');
+					const url = `${getApiUrl('/api/trainingItem/list')}?${queryString}`;
+					
+					// 构建请求头
+					const headers = {};
+					if (tenantId) {
+						headers['X-Tenant-Id'] = tenantId;
+					}
+					
+					const res = await uni.request({
+						url: url,
+						method: 'GET',
+						header: headers,
+						timeout: 30000
+					});
+					
+					if (res.statusCode === 200 && res.data && res.data.success) {
+						const records = Array.isArray(res.data.data) ? res.data.data : [];
+						// 第一页或强制刷新时重置列表，否则追加
+						if (this.trainingItemPage.current === 1 || force) {
+							this.trainingItemList = records;
+							// 初始化答案输入
+							this.initTrainingItemAnswers(records);
+						} else {
+							this.trainingItemList = this.trainingItemList.concat(records);
+							// 追加时也初始化新记录的答案输入
+							this.initTrainingItemAnswers(records);
+						}
+						this.trainingItemTotal = Number(res.data.total) || 0;
+					} else {
+						this.trainingItemList = [];
+						this.trainingItemTotal = 0;
+						uni.showToast({
+							title: res.data?.message || '获取陪练中列表失败',
+							icon: 'none'
+						});
+					}
+				} catch (error) {
+					console.error('获取陪练中列表失败:', error);
+					uni.showToast({
+						title: '获取陪练中列表失败，请稍后重试',
+						icon: 'none'
+					});
+				} finally {
+					this.trainingItemLoading = false;
+				}
+			},
+			formatDateTime(value) {
+				if (!value) {
+					return '';
+				}
+				const date = new Date(value);
+				if (Number.isNaN(date.getTime())) {
+					return '';
+				}
+				const year = date.getFullYear();
+				const month = String(date.getMonth() + 1).padStart(2, '0');
+				const day = String(date.getDate()).padStart(2, '0');
+				const hours = String(date.getHours()).padStart(2, '0');
+				const minutes = String(date.getMinutes()).padStart(2, '0');
+				const seconds = String(date.getSeconds()).padStart(2, '0');
+				return `${year}-${month}-${day} ${hours}:${minutes}:${seconds}`;
+			},
+			// 初始化陪练项答案输入
+			initTrainingItemAnswers(records) {
+				if (!Array.isArray(records)) return;
+				records.forEach(item => {
+					if (item.id) {
+						// 如果已有答案，则使用已有答案，否则初始化为空
+						// 使用$set确保响应式
+						if (!this.trainingItemAnswers.hasOwnProperty(item.id)) {
+							this.$set(this.trainingItemAnswers, item.id, item.answer || '');
+						}
+					}
+				});
+			},
+			// 继续按钮处理
+			async handleContinue(item) {
+				if (!item || !item.id) {
+					uni.showToast({
+						title: '记录ID不能为空',
+						icon: 'none'
+					});
+					return;
+				}
+				
+				if (!this.currentTrainingParentId) {
+					uni.showToast({
+						title: '缺少父ID参数',
+						icon: 'none'
+					});
+					return;
+				}
+				
+				try {
+					uni.showLoading({
+						title: "提交中..."
+					});
+					
+					// 获取租户ID
+					const tenantId = getTenantId();
+					
+					// 获取当前输入的答案
+					const answer = this.trainingItemAnswers[item.id] || '';
+					
+					// 构建请求数据
+					const payload = {
+						id: item.id,
+						parentId: this.currentTrainingParentId,
+						answer: answer
+					};
+					
+					// 添加租户ID到payload
+					if (tenantId) {
+						payload.tenantId = tenantId;
+					}
+					
+					const headers = {
+						"Content-Type": "application/json"
+					};
+					
+					// 添加租户ID到header
+					if (tenantId) {
+						headers['X-Tenant-Id'] = tenantId;
+					}
+					
+					const res = await uni.request({
+						url: getApiUrl('/api/trainingItem/traningNext'),
+						method: 'POST',
+						data: payload,
+						header: headers,
+						timeout: 15000
+					});
+					
+					uni.hideLoading();
+					
+					if (res.statusCode === 200 && res.data && (res.data.success || res.data.code === 200)) {
+						// 获取返回的数据
+						const newItems = Array.isArray(res.data.data) ? res.data.data : [];
+						
+						if (newItems.length > 0) {
+							// 更新当前item的question、id和parentId
+							const newItem = newItems[0];
+							const index = this.trainingItemList.findIndex(i => i.id === item.id);
+							if (index !== -1) {
+								// 保存旧的id，用于清理答案输入
+								const oldId = item.id;
+								
+								// 更新question、id和parentId
+								if (newItem.question !== undefined) {
+									this.$set(this.trainingItemList[index], 'question', newItem.question);
+								}
+								if (newItem.id !== undefined) {
+									this.$set(this.trainingItemList[index], 'id', newItem.id);
+								}
+								if (newItem.parentId !== undefined) {
+									this.$set(this.trainingItemList[index], 'parentId', newItem.parentId);
+								}
+								
+								// 如果id改变了，需要更新答案输入的key
+								if (newItem.id && newItem.id !== oldId) {
+									// 获取旧答案
+									const oldAnswer = this.trainingItemAnswers[oldId] || '';
+									// 删除旧的答案输入
+									this.$delete(this.trainingItemAnswers, oldId);
+									// 设置新的答案输入（如果有旧答案则保留，否则为空）
+									this.$set(this.trainingItemAnswers, newItem.id, oldAnswer);
+								} else {
+									// id没变，清空答案输入框（新问题需要重新输入）
+									this.$set(this.trainingItemAnswers, item.id, '');
+								}
+							}
+						}
+						
+						uni.showToast({
+							title: res.data?.message || "提交成功",
+							icon: "success"
+						});
+					} else {
+						uni.showToast({
+							title: res.data?.message || "提交失败",
+							icon: "none"
+						});
+					}
+				} catch (error) {
+					uni.hideLoading();
+					console.error("提交失败:", error);
+					uni.showToast({
+						title: error?.message || "提交失败，请重试",
+						icon: "none"
+					});
+				}
+			},
+			// 结束按钮处理
+			async handleEnd(item) {
+				if (!this.currentTrainingParentId) {
+					uni.showToast({
+						title: '父ID不能为空',
+						icon: 'none'
+					});
+					return;
+				}
+				
+				try {
+					uni.showLoading({
+						title: "提交中..."
+					});
+					
+					// 获取租户ID
+					const tenantId = getTenantId();
+					
+					// 构建请求数据，只需要传递parentId
+					const payload = {
+						parentId: this.currentTrainingParentId
+					};
+					
+					// 添加租户ID到payload
+					if (tenantId) {
+						payload.tenantId = tenantId;
+					}
+					
+					const headers = {
+						"Content-Type": "application/json"
+					};
+					
+					// 添加租户ID到header
+					if (tenantId) {
+						headers['X-Tenant-Id'] = tenantId;
+					}
+					
+					const res = await uni.request({
+						url: getApiUrl('/api/trainingItem/traningFinish'),
+						method: 'POST',
+						data: payload,
+						header: headers,
+						timeout: 15000
+					});
+					
+					uni.hideLoading();
+					
+					if (res.statusCode === 200 && res.data && (res.data.success || res.data.code === 200)) {
+						uni.showToast({
+							title: res.data?.message || "提交成功",
+							icon: "success"
+						});
+						// 关闭弹窗
+						this.closeTrainingItemListPopup();
+						// 刷新陪练列表
+						this.trainingPage.current = 1;
+						this.fetchTrainingList({ force: true });
+						// 通知父组件切换到陪练tab（确保在陪练tab页面）
+						this.$emit('refresh-training-list');
+					} else {
+						uni.showToast({
+							title: res.data?.message || "提交失败",
+							icon: "none"
+						});
+					}
+				} catch (error) {
+					uni.hideLoading();
+					console.error("提交失败:", error);
+					uni.showToast({
+						title: error?.message || "提交失败，请重试",
+						icon: "none"
+					});
+				}
+			}
+		}
+	}
+</script>
+
+<style scoped>
+	/* 内容区域 - 使用绝对定位，从tab页底部开始，到底部导航栏结束 */
+	.tab-content {
+		position: absolute;
+		top: 160rpx; /* 导航栏(88rpx) + tab页(72rpx) = 160rpx */
+		left: 0;
+		right: 0;
+		bottom: 96rpx; /* 底部导航栏高度 */
+		background-color: #F5F5F5;
+		padding: 24rpx 16rpx 0 16rpx; /* 顶部24rpx间距，底部0 */
+		box-sizing: border-box;
+		overflow-y: auto;
+	}
+	
+	/* 陪练内容区域使用相同定位 */
+	.training-content {
+		position: absolute;
+		top: 160rpx; /* 导航栏(88rpx) + tab页(72rpx) = 160rpx */
+		left: 0;
+		right: 0;
+		bottom: 96rpx; /* 底部导航栏高度 */
+		background-color: #F5F5F5;
+		padding: 24rpx 16rpx 0 16rpx; /* 顶部24rpx间距（与列表项间距一致），底部0 */
+		box-sizing: border-box;
+		overflow-y: auto;
+	}
+
+	.service-status-toolbar {
+		display: flex;
+		flex-wrap: nowrap;
+		align-items: center;
+		gap: 8rpx; /* 增加间距，避免元素被挤压 */
+		padding: 12rpx 8rpx; /* 增加内边距，给搜索框更多空间 */
+		margin-bottom: 24rpx; /* 与列表项间距保持一致（24rpx） */
+		background-color: #F8F8FA;
+		border-radius: 8rpx;
+		border: 1px solid #EFEFF2;
+		overflow-x: auto;
+		min-height: 64rpx; /* 设置最小高度，确保搜索区域不被挤压 */
+		box-sizing: border-box;
+	}
+
+	.toolbar-total {
+		font-size: 24rpx;
+		color: #666;
+		white-space: nowrap;
+		flex-shrink: 0;
+		margin-right: 8rpx; /* 增加右边距，与搜索框保持距离 */
+		line-height: 1.2;
+		padding: 0 4rpx; /* 增加左右内边距 */
+	}
+
+	.toolbar-input {
+		flex: 1;
+		min-width: 120rpx; /* 增加最小宽度，避免被挤压变形 */
+		max-width: 200rpx; /* 设置最大宽度，保持合理比例 */
+		height: 56rpx; /* 稍微增加高度，提升可用性 */
+		line-height: 56rpx;
+		background-color: #F5F6FA;
+		border-radius: 8rpx;
+		padding: 0 12rpx; /* 增加左右内边距 */
+		font-size: 24rpx;
+		border: 1px solid transparent;
+		box-sizing: border-box;
+		flex-shrink: 1; /* 允许适当收缩，但保持最小宽度 */
+	}
+	
+	.toolbar-picker {
+		flex: 1;
+		min-width: 120rpx;
+		max-width: 200rpx;
+		flex-shrink: 1;
+	}
+	
+	.toolbar-picker-view {
+		height: 56rpx;
+		line-height: 56rpx;
+		background-color: #F5F6FA;
+		border-radius: 8rpx;
+		padding: 0 12rpx;
+		display: flex;
+		align-items: center;
+		justify-content: space-between;
+		box-sizing: border-box;
+	}
+	
+	.toolbar-picker-text {
+		font-size: 24rpx;
+		color: #333;
+		flex: 1;
+	}
+	
+	.toolbar-picker-placeholder {
+		font-size: 24rpx;
+		color: #b0b0b0;
+		flex: 1;
+	}
+
+	.toolbar-actions {
+		display: flex;
+		align-items: center;
+		margin-left: auto;
+		flex-shrink: 0;
+		gap: 8rpx; /* 增加按钮之间的间距 */
+	}
+
+	.toolbar-btn {
+		padding: 0 12rpx; /* 增加左右内边距 */
+		height: 56rpx; /* 与输入框高度保持一致 */
+		min-width: 56rpx;
+		color: #2A68FF;
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		gap: 4rpx; /* 增加图标和文字之间的间距 */
+		font-size: 24rpx;
+		font-weight: 400;
+		line-height: 1;
+		box-sizing: border-box;
+	}
+	
+	.toolbar-btn text {
+		color: #2A68FF;
+	}
+	
+	.service-card {
+		width: 100%;
+		box-sizing: border-box;
+		background-color: #FFFFFF;
+		border-radius: 16rpx;
+		padding: 32rpx;
+		margin-bottom: 24rpx;
+		box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.04);
+		overflow: visible;
+	}
+	
+	.training-card-item {
+		padding-left: 32rpx;
+		padding-right: 32rpx;
+		padding-top: 32rpx;
+		padding-bottom: 32rpx;
+		position: relative;
+	}
+	
+	.card-header {
+		display: flex;
+		justify-content: space-between;
+		align-items: center;
+		margin-bottom: 20rpx;
+		width: 100%;
+		box-sizing: border-box;
+		padding: 0;
+		margin: 0;
+		position: relative;
+	}
+	
+	.training-card-action-btn {
+		width: 60rpx;
+		height: 60rpx;
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		cursor: pointer;
+		margin-left: auto;
+		margin-right: 0;
+		margin-top: 0;
+		margin-bottom: 0;
+		flex-shrink: 0;
+		flex-grow: 0;
+		position: relative;
+		padding: 0;
+	}
+	
+	.training-card-action-btn uni-icons {
+		display: block;
+		margin: 0;
+		padding: 0;
+		line-height: 1;
+	}
+	
+	.training-card-action-btn:active {
+		opacity: 0.7;
+	}
+	
+	.training-action-menu {
+		position: absolute;
+		top: 60rpx;
+		right: 32rpx;
+		width: 160rpx;
+		background-color: #FFFFFF;
+		border-radius: 12rpx;
+		box-shadow: 0 4rpx 12rpx rgba(0, 0, 0, 0.15);
+		z-index: 100;
+		overflow: hidden;
+		margin-right: 0;
+	}
+	
+	.training-action-menu-item {
+		padding: 24rpx 32rpx;
+		font-size: 28rpx;
+		color: #333;
+		text-align: center;
+		background-color: #FFFFFF;
+	}
+	
+	.training-action-menu-item:active {
+		background-color: #F5F5F5;
+	}
+	
+	.training-action-menu-mask {
+		position: fixed;
+		top: 0;
+		left: 0;
+		right: 0;
+		bottom: 0;
+		background-color: transparent;
+		z-index: 99;
+	}
+	
+	.staff-info {
+		display: flex;
+		align-items: center;
+		flex: 1;
+		min-width: 0;
+		margin: 0;
+		padding: 0;
+	}
+	
+	.staff-avatar {
+		width: 64rpx;
+		height: 64rpx;
+		background-color: #2196F3;
+		border-radius: 50%;
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		margin-right: 16rpx;
+		margin-left: 0;
+		margin-top: 0;
+		margin-bottom: 0;
+		flex-shrink: 0;
+	}
+	
+	.avatar-text {
+		font-size: 32rpx;
+		color: #FFFFFF;
+		font-weight: 500;
+	}
+	
+	.staff-name {
+		font-size: 32rpx;
+		font-weight: 500;
+		color: #333;
+	}
+	
+	.customer-tags {
+		display: flex;
+		flex-wrap: wrap;
+		margin-bottom: 20rpx;
+		gap: 12rpx;
+		box-sizing: border-box;
+		margin-left: 0;
+		margin-right: 0;
+		padding: 0;
+		width: 100%;
+		max-width: 100%;
+	}
+
+	.customer-info {
+		margin-bottom: 16rpx;
+		display: flex;
+		flex-direction: column;
+		gap: 8rpx;
+		box-sizing: border-box;
+		margin-left: 0;
+		margin-right: 0;
+		padding: 0;
+		width: 100%;
+		max-width: 100%;
+	}
+
+	.customer-name {
+		font-size: 28rpx;
+		color: #555;
+	}
+	
+	.tag-item {
+		padding: 8rpx 16rpx;
+		border-radius: 8rpx;
+		box-sizing: border-box;
+		word-wrap: break-word;
+		word-break: break-all;
+		display: inline-block;
+		max-width: 100%;
+	}
+	
+	.tag-blue {
+		background-color: #E3F2FD;
+	}
+	
+	.tag-blue text {
+		font-size: 24rpx;
+		color: #1976D2;
+	}
+	
+	.tag-orange {
+		background-color: #FFF3E0;
+	}
+	
+	.tag-orange text {
+		font-size: 24rpx;
+		color: #F57C00;
+	}
+	
+	.tag-status {
+		background-color: #F3F4F6;
+	}
+	
+	.tag-status text {
+		font-size: 24rpx;
+		color: #666;
+	}
+	
+	.service-duration {
+		padding-top: 16rpx;
+		border-top: 1px solid #F0F0F0;
+	}
+	
+	.service-duration text {
+		font-size: 26rpx;
+		color: #999;
+	}
+
+	.service-status-empty {
+		padding: 48rpx 0;
+		text-align: center;
+		color: #999;
+		font-size: 28rpx;
+	}
+	
+	.service-status-loading-more {
+		padding: 24rpx 0;
+		text-align: center;
+		color: #999;
+		font-size: 26rpx;
+	}
+	
+	/* 添加素材弹出框样式 */
+	.material-popup-mask {
+		position: fixed;
+		top: 0;
+		left: 0;
+		right: 0;
+		bottom: 0;
+		background-color: rgba(0, 0, 0, 0.5);
+		z-index: 999;
+	}
+	
+	.material-popup {
+		position: fixed;
+		left: 50%;
+		top: 50%;
+		transform: translate(-50%, -50%);
+		width: calc(100vw - 80rpx);
+		max-width: 90%;
+		box-sizing: border-box;
+		height: 80vh;
+		max-height: 80vh;
+		background-color: #FFFFFF;
+		border-radius: 16rpx;
+		z-index: 1000;
+		display: flex;
+		flex-direction: column;
+		box-shadow: 0 8rpx 32rpx rgba(0, 0, 0, 0.2);
+		overflow: hidden;
+	}
+	
+	.popup-header {
+		display: flex;
+		align-items: center;
+		justify-content: space-between;
+		padding: 32rpx;
+		border-bottom: 1px solid #E0E0E0;
+		flex-shrink: 0;
+	}
+	
+	.popup-title {
+		font-size: 36rpx;
+		font-weight: 500;
+		color: #333;
+	}
+	
+	.popup-close {
+		width: 48rpx;
+		height: 48rpx;
+		display: flex;
+		align-items: center;
+		justify-content: center;
+	}
+	
+	.popup-content {
+		flex: 1;
+		min-height: 0;
+		padding: 20rpx 20rpx 28rpx;
+		box-sizing: border-box;
+		overflow-y: auto;
+	}
+	
+	/* 陪练中列表弹窗样式 */
+	.training-item-list-popup {
+		max-height: 80vh;
+	}
+	
+	.training-item-list-popup .popup-content {
+		padding: 24rpx;
+	}
+	
+	.training-item-card {
+		margin-bottom: 24rpx;
+	}
+	
+	.training-item-card:last-child {
+		margin-bottom: 0;
+	}
+	
+	/* 表单样式 */
+	.form-item {
+		display: flex;
+		align-items: flex-start;
+		margin-bottom: 20rpx;
+		gap: 16rpx;
+		flex-direction: column;
+	}
+	
+	.form-item__label {
+		font-size: 32rpx;
+		color: #333;
+		font-weight: 500;
+		width: 100%;
+		text-align: left;
+	}
+	
+	.form-item__textarea {
+		width: 100%;
+		min-height: 200rpx;
+		background-color: #f9fafb;
+		border-radius: 12rpx;
+		padding: 24rpx;
+		font-size: 32rpx;
+		color: #333;
+		box-sizing: border-box;
+		border: 1px solid #e5e7eb;
+	}
+	
+	/* 操作按钮样式 */
+	.training-item-actions {
+		display: flex;
+		gap: 24rpx;
+		margin-top: 24rpx;
+		padding-top: 24rpx;
+		border-top: 1px solid #F0F0F0;
+	}
+	
+	.action-btn {
+		flex: 1;
+		height: 88rpx;
+		border-radius: 12rpx;
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		font-size: 32rpx;
+		font-weight: 500;
+	}
+	
+	.action-btn--continue {
+		background-color: #f3f4f6;
+		color: #2A68FF;
+		border: 1px solid #d1d5db;
+	}
+	
+	.action-btn--continue:active {
+		background-color: #e5e7eb;
+	}
+	
+	.action-btn--end {
+		background-color: #f3f4f6;
+		color: #2A68FF;
+		border: 1px solid #d1d5db;
+	}
+	
+	.action-btn--end:active {
+		background-color: #e5e7eb;
+	}
+</style>