diff --git a/custom-tab-bar/index.vue b/custom-tab-bar/index.vue
index af0de6f..17864d3 100644
--- a/custom-tab-bar/index.vue
+++ b/custom-tab-bar/index.vue
@@ -70,6 +70,27 @@ export default {
           iconPath: '/static/tabbar/insight.png',
           selectedIconPath: '/static/tabbar/insight_active.png',
         },
+        {
+          key: 'furniture_reception',
+          text: '接待',
+          pagePath: '/pages/furniture_reception/furniture_reception',
+          iconPath: '/static/tabbar/reception.png',
+          selectedIconPath: '/static/tabbar/reception_active.png',
+        },
+        {
+          key: 'furniture_customer',
+          text: '客户',
+          pagePath: '/pages/furniture_customer/furniture_customer',
+          iconPath: '/static/tabbar/customer.png',
+          selectedIconPath: '/static/tabbar/customer_active.png',
+        },
+        {
+          key: 'furniture_top_sales',
+          text: '销冠',
+          pagePath: '/pages/furniture_top_sales/furniture_top_sales',
+          iconPath: '/static/tabbar/insight.png',
+          selectedIconPath: '/static/tabbar/insight_active.png',
+        },
       ],
     };
   },
@@ -145,11 +166,40 @@ export default {
         return;
       }
       if (this.currentPath === item.pagePath) return;
+      
+      // uni.switchTab 需要相对路径（去掉前导斜杠）
+      const url = item.pagePath.startsWith('/') ? item.pagePath.substring(1) : item.pagePath;
+      
       uni.switchTab({
-        url: item.pagePath,
-        complete: () => {
+        url: url,
+        success: () => {
+          console.log('[TabBar][switchTab] success:', url);
           this.updateActivePath();
         },
+        fail: (err) => {
+          console.error('[TabBar][switchTab] fail:', err, 'url:', url);
+          // 如果 switchTab 失败，尝试使用 reLaunch（适用于 tabBar 页面）
+          uni.reLaunch({
+            url: url,
+            fail: (err2) => {
+              console.error('[TabBar][reLaunch] fail:', err2, 'url:', url);
+              uni.showToast({ 
+                title: '页面跳转失败，请检查页面配置', 
+                icon: 'none', 
+                duration: 2000 
+              });
+            },
+            success: () => {
+              this.updateActivePath();
+            }
+          });
+        },
+        complete: () => {
+          // 延迟更新，确保页面切换完成
+          setTimeout(() => {
+            this.updateActivePath();
+          }, 100);
+        },
       });
     },
     handleExternalRefresh() {
@@ -165,10 +215,18 @@ export default {
       const isStudent = roles.includes('speaking_training_students');
       const isAdmin = roles.includes('admin');
       const isMeetingAdmin = roles.includes('meeting_admin');
+      const isAdminFurniture = roles.includes('admin_furniture');
 
       // 会议相关的tab key列表
       const meetingTabKeys = ['meeting_summary'];
 
+      // admin_furniture 角色：只显示家具相关的tab和ucenter
+      if (isAdminFurniture) {
+        const furnitureTabs = ['furniture_reception', 'furniture_customer', 'furniture_top_sales', 'ucenter'];
+        console.log('[TabBar][allowed] admin_furniture ->', furnitureTabs);
+        return furnitureTabs;
+      }
+
       if (isMeetingAdmin) {
         // meeting_admin 角色：显示会议相关的tab和ucenter（我的）
         const meetingAdminTabs = [...meetingTabKeys, 'ucenter'];
@@ -178,10 +236,10 @@ export default {
 
       // 非 meeting_admin 角色：排除所有会议相关的tab
       if (isAdmin) {
-        // admin 角色：显示所有tab（包括 ucenter），但排除会议相关的tab
+        // admin 角色：显示所有tab（包括 ucenter），但排除会议相关的tab和家具相关的tab
         const all = this.allTabs
           .map((t) => t.key)
-          .filter((key) => !meetingTabKeys.includes(key));
+          .filter((key) => !meetingTabKeys.includes(key) && !['furniture_reception', 'furniture_customer', 'furniture_top_sales'].includes(key));
         // 确保 ucenter 被包含（用于"我的"页面）
         console.log('[TabBar][allowed] admin ->', all, 'includes ucenter:', all.includes('ucenter'));
         return all;
@@ -198,10 +256,10 @@ export default {
         return studentTabs;
       }
 
-      // 其他角色：隐藏作业/教务/语音/表达，同时排除会议相关的tab，但确保包含ucenter
+      // 其他角色：隐藏作业/教务/语音/表达，同时排除会议相关的tab和家具相关的tab，但确保包含ucenter
       const otherTabs = this.allTabs
         .map((t) => t.key)
-        .filter((key) => !['homework', 'edu', 'voice', 'expression', ...meetingTabKeys].includes(key));
+        .filter((key) => !['homework', 'edu', 'voice', 'expression', 'furniture_reception', 'furniture_customer', 'furniture_top_sales', ...meetingTabKeys].includes(key));
       // 确保 ucenter 被包含（任何角色都应该能看到"我的"）
       if (!otherTabs.includes('ucenter')) {
         otherTabs.push('ucenter');
@@ -212,8 +270,8 @@ export default {
     // #ifdef H5
     toggleNativeTabs() {
       // H5 平台自定义 tabbar 不生效，直接根据角色显隐原生 tabbar 项
-      // 当前位置顺序：接待、客户、团队、销冠、工作台、我的、总结和统计
-      const ORDER = ['reception', 'customer', 'team', 'champion', 'workspace', 'ucenter', 'meeting_summary'];
+      // 当前位置顺序：接待、客户、团队、销冠、工作台、我的、总结和统计、家具接待、家具客户、家具销冠
+      const ORDER = ['reception', 'customer', 'team', 'champion', 'workspace', 'ucenter', 'meeting_summary', 'furniture_reception', 'furniture_customer', 'furniture_top_sales'];
       const allowed = this.getAllowedKeys();
       // 限制重试次数，防止渲染时机未就绪
       this._h5TabRetries = (this._h5TabRetries || 0) + 1;
diff --git a/pages.json b/pages.json
index 6e1534c..dde3568 100644
--- a/pages.json
+++ b/pages.json
@@ -172,6 +172,24 @@
 				"navigationStyle": "custom"
 			}
 		},
+		{
+			"path": "pages/furniture_reception/furniture_reception",
+			"style": {
+				"navigationStyle": "custom"
+			}
+		},
+		{
+			"path": "pages/furniture_customer/furniture_customer",
+			"style": {
+				"navigationStyle": "custom"
+			}
+		},
+		{
+			"path": "pages/furniture_top_sales/furniture_top_sales",
+			"style": {
+				"navigationStyle": "custom"
+			}
+		},
 		{
 			"path": "pages/meeting_prepare/meeting_prepare",
 			"style": {
@@ -435,6 +453,21 @@
 			"iconPath": "static/tabbar/insight.png",
 			"selectedIconPath": "static/tabbar/insight_active.png",
 			"text": "总结和统计"
+		}, {
+			"pagePath": "pages/furniture_reception/furniture_reception",
+			"iconPath": "static/tabbar/reception.png",
+			"selectedIconPath": "static/tabbar/reception_active.png",
+			"text": "接待"
+		}, {
+			"pagePath": "pages/furniture_customer/furniture_customer",
+			"iconPath": "static/tabbar/customer.png",
+			"selectedIconPath": "static/tabbar/customer_active.png",
+			"text": "客户"
+		}, {
+			"pagePath": "pages/furniture_top_sales/furniture_top_sales",
+			"iconPath": "static/tabbar/insight.png",
+			"selectedIconPath": "static/tabbar/insight_active.png",
+			"text": "销冠"
 		}]
 	},
 	"uniIdRouter": {
diff --git a/pages/car_sales/prepare/prepare.vue b/pages/car_sales/prepare/prepare.vue
index 026b1a0..33e02f4 100644
--- a/pages/car_sales/prepare/prepare.vue
+++ b/pages/car_sales/prepare/prepare.vue
@@ -74,3 +74,4 @@
 </style>
 
 
+
diff --git a/pages/car_sales/process/process.vue b/pages/car_sales/process/process.vue
index 7ca1d00..040731a 100644
--- a/pages/car_sales/process/process.vue
+++ b/pages/car_sales/process/process.vue
@@ -74,3 +74,4 @@
 </style>
 
 
+
diff --git a/pages/car_sales/summary/summary.vue b/pages/car_sales/summary/summary.vue
index b71aef5..2849881 100644
--- a/pages/car_sales/summary/summary.vue
+++ b/pages/car_sales/summary/summary.vue
@@ -74,3 +74,4 @@
 </style>
 
 
+
diff --git a/pages/furniture_customer/components/ConversationSummaryFurniture.vue b/pages/furniture_customer/components/ConversationSummaryFurniture.vue
new file mode 100644
index 0000000..ff15c2a
--- /dev/null
+++ b/pages/furniture_customer/components/ConversationSummaryFurniture.vue
@@ -0,0 +1,755 @@
+<template>
+	<scroll-view class="detail-content" scroll-y>
+		<!-- 加载状态 -->
+		<view class="loading-container" v-if="loading">
+			<text class="loading-text">加载中...</text>
+		</view>
+		
+		<!-- 空状态 -->
+		<view class="empty-container" v-else-if="!loading && summaryList.length === 0 && !summarySentence && !dealKeyPoints && productCategoryList.length === 0">
+			<text class="empty-text">暂无会话总结数据</text>
+		</view>
+	
+		<!-- 客户类型、家庭结构等总结信息（在产品清单上方） -->
+		<view 
+			class="summary-item" 
+			v-for="(item, index) in summaryList" 
+			:key="index"
+			@click="viewSummaryDetail(item)">
+			<view class="summary-label">
+				<text>{{ item.label }}</text>
+			</view>
+			<view class="summary-value">
+				<text>{{ item.value }}</text>
+			</view>
+			<uni-icons type="right" size="16" color="#999"></uni-icons>
+		</view>
+		
+		<!-- 意向产品清单（显示产品类别名称列表） -->
+		<view class="summary-item" v-if="productCategoryList.length > 0">
+			<view class="summary-label">
+				<text>意向产品清单</text>
+			</view>
+			<view class="summary-value">
+				<text>{{ getProductCategoryNames() }}</text>
+			</view>
+		</view>
+		
+		<!-- 一句话总结 -->
+		<view class="summary-item" v-if="summarySentence">
+			<view class="summary-label">
+				<text>一句话总结</text>
+			</view>
+			<view class="summary-value">
+				<text>{{ summarySentence }}</text>
+			</view>
+		</view>
+		
+		<!-- 成交关键点 -->
+		<view class="summary-item" v-if="dealKeyPoints">
+			<view class="summary-label">
+				<text>成交关键点</text>
+			</view>
+			<view class="summary-value">
+				<text>{{ dealKeyPoints }}</text>
+			</view>
+		</view>
+		
+		<!-- 产品类别标签页 -->
+		<view class="product-category-tabs" v-if="productCategoryList.length > 0">
+			<scroll-view class="category-tabs-scroll" scroll-x>
+				<view class="category-tabs-wrapper">
+					<view 
+						class="category-tab-item" 
+						:class="{ active: activeProductCategory === category.key }"
+						v-for="(category, index) in productCategoryList" 
+						:key="index"
+						@click="switchProductCategory(category.key)">
+						<text>{{ category.name }}</text>
+					</view>
+				</view>
+			</scroll-view>
+		</view>
+		
+		<!-- 产品需求清单表格 -->
+		<view class="product-requirement-table" v-if="activeProductCategory && currentProductRequirement">
+			<view class="requirement-title">
+				<text>{{ getProductCategoryName(activeProductCategory) }}</text>
+			</view>
+			<view class="requirement-table">
+				<view 
+					class="requirement-row" 
+					v-for="(row, index) in currentProductRequirement.rows" 
+					:key="index">
+					<view class="requirement-label">
+						<text>{{ row.label }}</text>
+					</view>
+					<view class="requirement-content">
+						<text>{{ row.content }}</text>
+					</view>
+				</view>
+			</view>
+		</view>
+		
+		<!-- 如果没有产品类别数据，显示提示（确保categoryList已初始化后显示） -->
+		<view class="product-requirement-table" v-else-if="productCategoryList.length === 0 && furnitureAnalysisList.length > 0">
+			<view class="requirement-title">
+				<text>产品需求</text>
+			</view>
+			<view class="requirement-table">
+				<view class="requirement-row">
+					<view class="requirement-label">
+						<text>提示</text>
+					</view>
+					<view class="requirement-content">
+						<text>暂无产品需求信息</text>
+					</view>
+				</view>
+		</view>
+	</view>
+	</scroll-view>
+</template>
+
+<script>
+	import { getApiUrl } from '@/common/config.js';
+	import { initSummaryList } from '../utils/dataInit.js';
+	
+	export default {
+		name: 'ConversationSummaryFurniture',
+		props: {
+			// 服务记录项
+			serviceItem: {
+				type: Object,
+				default: () => ({})
+			}
+		},
+		data() {
+			return {
+				summaryList: [],
+				furnitureAnalysisList: [], // 家具意向分析数据
+				productCategoryList: [], // 产品类别列表
+				activeProductCategory: '', // 当前选中的产品类别
+				productRequirementMap: {}, // 产品需求映射 {categoryKey: {rows: [...]}}
+				summarySentence: '', // 一句话总结
+				dealKeyPoints: '', // 成交关键点
+				loading: false // 加载状态
+			}
+		},
+		computed: {
+			// 当前选中的产品需求
+			currentProductRequirement() {
+				if (!this.activeProductCategory) return null;
+				return this.productRequirementMap[this.activeProductCategory] || null;
+			}
+		},
+		watch: {
+			serviceItem: {
+				handler(newVal, oldVal) {
+					// 如果新值和旧值相同，不重复处理
+					if (newVal === oldVal) {
+						return;
+					}
+					
+					// 检查新值是否有效
+					if (newVal && typeof newVal === 'object') {
+						const newId = newVal.id || newVal.rawData?.id;
+						const oldId = oldVal?.id || oldVal?.rawData?.id;
+						
+						// 如果ID相同，不重复加载
+						if (newId && newId === oldId) {
+							return;
+						}
+						
+						if (newId) {
+							this.initData();
+							this.loadFurnitureAnalysis(newVal);
+						} else {
+							// 如果没有ID，重置所有状态
+							this.initData();
+						}
+					} else {
+						// 如果新值无效，重置所有状态
+						this.initData();
+					}
+				},
+				immediate: true,
+				deep: true
+			}
+		},
+		mounted() {
+			// 组件挂载时，如果已有serviceItem，初始化数据
+			if (this.serviceItem && (this.serviceItem.id || this.serviceItem.rawData?.id)) {
+				this.initData();
+				this.loadFurnitureAnalysis(this.serviceItem);
+			}
+		},
+		methods: {
+			// 初始化数据
+			initData() {
+				try {
+					// 只有当serviceItem有效时才初始化summaryList
+					if (this.serviceItem && (this.serviceItem.id || this.serviceItem.rawData?.id)) {
+						this.summaryList = initSummaryList(this.serviceItem);
+					} else {
+						this.summaryList = [];
+					}
+				} catch (error) {
+					console.error('初始化总结数据失败:', error);
+					this.summaryList = [];
+				}
+				// 重置产品需求清单和相关数据
+				this.productCategoryList = [];
+				this.activeProductCategory = '';
+				this.productRequirementMap = {};
+				this.summarySentence = '';
+				this.dealKeyPoints = '';
+				this.furnitureAnalysisList = [];
+				this.loading = false;
+			},
+			// 加载家具意向分析数据
+			async loadFurnitureAnalysis(item) {
+				if (!item) {
+					return;
+				}
+				
+				try {
+					this.loading = true;
+					// 获取parentId，从rawData中获取id
+					const parentId = item.rawData?.id || item.id;
+					if (!parentId) {
+						console.warn('无法获取parentId');
+						this.furnitureAnalysisList = [];
+						this.loading = false;
+						return;
+					}
+					
+					// 统一使用 getApiUrl，根据 env.js 配置自动切换环境
+					const url = `${getApiUrl('/api/audioTextAnalysisFurniture/byParentId')}?parentId=${parentId}`;
+					
+					const res = await uni.request({
+						url: url,
+						method: 'GET',
+						timeout: 10000
+					});
+					
+					if (res.statusCode === 200 && res.data && res.data.success) {
+						this.furnitureAnalysisList = res.data.data || [];
+						// 如果有数据，更新summaryList显示家具意向分析
+						if (this.furnitureAnalysisList.length > 0) {
+							this.updateSummaryWithFurnitureData();
+						}
+					} else {
+						console.warn('获取家具意向分析失败:', res.data?.message || '未知错误');
+						this.furnitureAnalysisList = [];
+					}
+				} catch (error) {
+					console.error('获取家具意向分析失败:', error);
+					this.furnitureAnalysisList = [];
+				} finally {
+					this.loading = false;
+				}
+			},
+			// 用家具意向分析数据更新会话总结
+			updateSummaryWithFurnitureData() {
+				if (this.furnitureAnalysisList.length === 0) return;
+				
+				// 从第一个家具意向分析数据中提取关键信息
+				const firstItem = this.furnitureAnalysisList[0];
+				
+				// 构建会话总结列表，显示客户类型、家庭结构、一句话总结
+				const summaryItems = [];
+				
+				// 客户类型
+				if (firstItem.customerType) {
+					summaryItems.push({
+						label: '客户类型',
+						value: firstItem.customerType,
+						rawData: firstItem
+					});
+				}
+				
+				// 家庭结构
+				if (firstItem.familyStructure) {
+					summaryItems.push({
+						label: '家庭结构',
+						value: firstItem.familyStructure,
+						rawData: firstItem
+					});
+				}
+				
+				// 一句话总结（单独存储，不在summaryList中）
+				if (firstItem.summarySentence) {
+					this.summarySentence = firstItem.summarySentence;
+				}
+				
+				// 成交关键点（可以从数据中提取或生成）
+				if (firstItem.dealKeyPoints) {
+					this.dealKeyPoints = firstItem.dealKeyPoints;
+				} else if (firstItem.summarySentence) {
+					// 如果数据中没有成交关键点，可以从一句话总结中提取关键信息
+					// 提取关键词：活动优惠、搭配、环保、安全、交付、退换、服务等
+					const keyWords = [];
+					const summary = firstItem.summarySentence;
+					if (summary.includes('优惠') || summary.includes('活动')) {
+						keyWords.push('活动优惠');
+					}
+					if (summary.includes('搭配')) {
+						keyWords.push('整套搭配');
+					}
+					if (summary.includes('环保')) {
+						keyWords.push('环保');
+					}
+					if (summary.includes('安全')) {
+						keyWords.push('安全');
+					}
+					if (summary.includes('交付') || summary.includes('周期')) {
+						keyWords.push('快速交付');
+					}
+					if (summary.includes('退换') || summary.includes('服务')) {
+						keyWords.push('无忧退换服务');
+					}
+					if (keyWords.length > 0) {
+						this.dealKeyPoints = keyWords.join('，');
+					}
+				}
+				
+				// 如果提取到了数据，更新summaryList
+				if (summaryItems.length > 0) {
+					this.summaryList = summaryItems;
+				}
+				
+				// 构建产品需求清单
+				this.buildProductRequirementList(firstItem);
+			},
+			// 构建产品需求清单（固定显示所有产品类别）
+			buildProductRequirementList(data) {
+				const categories = [
+					{ key: 'sofa', name: '沙发', field: 'sofa' },
+					{ key: 'bed', name: '床', field: 'bedAndMattress' },
+					{ key: 'mattress', name: '床垫', field: 'bedAndMattress' },
+					{ key: 'dining_table', name: '餐桌椅', field: 'diningTable' },
+					{ key: 'tea_table', name: '茶几', field: 'teaTable' },
+					{ key: 'tv_cabinet', name: '电视柜', field: 'tvCabinet' },
+					{ key: 'study_desk', name: '学习桌', field: 'studyDesk' },
+					{ key: 'cabinet', name: '橱柜', field: 'cabinet' },
+					{ key: 'wine_cabinet', name: '酒柜', field: 'wineCabinet' },
+					{ key: 'master_bedroom_cabinet', name: '主卧衣柜', field: 'masterBedroomCabinet' },
+					{ key: 'secondary_bedroom_cabinet', name: '次卧衣柜', field: 'secondaryBedroomCabinet' },
+					{ key: 'shoe_cabinet', name: '鞋柜', field: 'shoeCabinet' },
+					{ key: 'custom', name: '定制家居', field: null }
+				];
+				
+				const requirementMap = {};
+				const categoryList = [];
+				
+				categories.forEach(category => {
+					// 检查是否有该产品的数据
+					let hasData = false;
+					let productData = null;
+					
+					if (category.key === 'bed' || category.key === 'mattress') {
+						// 床和床垫共用bedAndMattress字段
+						const fieldValue = data.bedAndMattress || data.bed_and_mattress || '';
+						if (fieldValue && fieldValue.trim()) {
+							hasData = true;
+							productData = this.parseProductJson(fieldValue);
+						}
+					} else if (category.key === 'custom') {
+						// 定制家居：暂时跳过，因为各个定制产品已有单独类别
+						// 如果需要显示定制家居汇总，可以在这里添加逻辑
+						hasData = false;
+					} else {
+						// 尝试驼峰命名和蛇形命名
+						const fieldValue = data[category.field] || data[this.toSnakeCase(category.field)] || '';
+						if (fieldValue && fieldValue.trim()) {
+							hasData = true;
+							productData = this.parseProductJson(fieldValue);
+						}
+					}
+					
+					// 只有当有数据时才添加到列表中
+					if (hasData) {
+						categoryList.push({ key: category.key, name: category.name });
+						
+						// 构建产品需求行
+						const rows = this.buildProductDimensionRows(productData, data, category.key);
+						requirementMap[category.key] = { rows };
+					}
+				});
+				
+				this.productRequirementMap = requirementMap;
+				this.productCategoryList = categoryList;
+				
+				if (categoryList.length > 0) {
+					this.activeProductCategory = categoryList[0].key;
+				}
+			},
+			// 解析产品JSON字符串
+			parseProductJson(jsonString) {
+				if (!jsonString || typeof jsonString !== 'string') {
+					return null;
+				}
+				
+				try {
+					const parsed = JSON.parse(jsonString);
+					return parsed;
+				} catch (error) {
+					console.warn('解析产品JSON失败:', error, jsonString);
+					return null;
+				}
+			},
+			// 驼峰转蛇形命名
+			toSnakeCase(str) {
+				if (!str) return '';
+				// 在大写字母前加下划线，然后转小写，最后去掉开头的下划线
+				return str.replace(/([A-Z])/g, '_$1').toLowerCase().replace(/^_/, '');
+			},
+			// 切换产品类别
+			switchProductCategory(categoryKey) {
+				this.activeProductCategory = categoryKey;
+			},
+			// 获取产品类别名称
+			getProductCategoryName(categoryKey) {
+				const category = this.productCategoryList.find(item => item.key === categoryKey);
+				return category ? category.name : '';
+			},
+			// 获取所有产品类别名称（用于意向产品清单显示）
+			getProductCategoryNames() {
+				return this.productCategoryList.map(item => item.name).join('，');
+			},
+			parseProductAttributes(productKey, requirementText, data) {
+				const attributes = {};
+				const text = (requirementText || '').trim();
+				if (!text) return attributes;
+				
+				const matchFirst = (pattern) => {
+					const result = text.match(pattern);
+					return result ? result[0] : '';
+				};
+				
+				switch (productKey) {
+					case 'sofa':
+						attributes.type = matchFirst(/(L型|L形|一字型|U型|U形|带贵妃榻|贵妃榻|三人位|四人位|转角|组合)/);
+						attributes.material = matchFirst(/(真皮|科技布|布艺|布|皮质|皮革|实木|板式|棉麻|绒布)/);
+						attributes.size = matchFirst(/(\d+\.?\d*)\s*(米|m|平米|平方米)/);
+						attributes.color = matchFirst(/(米白|白色|灰色|黑色|棕色|蓝色|绿色|暖色调|冷色调|灰白色系)/);
+						attributes.style = matchFirst(/(现代简约|简约现代|现代|北欧|中式|美式|欧式|工业风|原木风|简约|极简)/);
+						if (text.includes('储物') || text.includes('收纳')) attributes.feature = '储物';
+						if (text.includes('好打理')) attributes.remark = '要求好打理';
+						break;
+					case 'bed':
+						attributes.size = matchFirst(/(\d+\.?\d*)\s*(米|m)/);
+						attributes.material = matchFirst(/(实木|板式|软包|皮质|布艺)/);
+						attributes.style = data.decorationStyle || '';
+						if (text.includes('主卧')) attributes.remark = '主卧';
+						break;
+					case 'mattress':
+						attributes.size = matchFirst(/(\d+\.?\d*)\s*(米|m)/);
+						attributes.material = matchFirst(/(弹簧|记忆棉|乳胶|椰棕|海绵)/);
+						if (text.includes('分区支撑')) attributes.softness = '分区支撑（兼顾软硬需求）';
+						else if (text.includes('偏软') || text.includes('软')) attributes.softness = '偏软';
+						else if (text.includes('偏硬') || text.includes('硬')) attributes.softness = '偏硬';
+						break;
+					case 'dining_table':
+						if (text.includes('伸缩')) attributes.type = '可伸缩';
+						const rangeMatch = text.match(/(\d+\.?\d*)\s*[-~到]\s*(\d+\.?\d*)\s*米/);
+						if (rangeMatch) attributes.size = `${rangeMatch[1]}-${rangeMatch[2]}米`;
+						else attributes.size = matchFirst(/(\d+\.?\d*)\s*米/);
+						attributes.chairCount = matchFirst(/(\d+)\s*把/);
+						if (text.includes('舒适')) attributes.feature = '舒适型';
+						attributes.style = data.decorationStyle || '';
+						break;
+					case 'tea_table':
+						if (text.includes('抽屉')) attributes.type = '带抽屉';
+						if (text.includes('储物') || text.includes('收纳')) attributes.feature = '储物';
+						attributes.style = data.decorationStyle || '';
+						break;
+					case 'tv_cabinet':
+						if (text.includes('组合')) attributes.type = '组合式';
+						if (text.includes('储物')) attributes.feature = '储物';
+						attributes.style = data.decorationStyle || '';
+						break;
+					case 'study_desk':
+						if (text.includes('可调节') || text.includes('调节高度')) attributes.type = '可调节高度';
+						if (text.includes('成长')) attributes.feature = '适应孩子成长';
+						break;
+					case 'wine_cabinet':
+						if (text.includes('恒温')) attributes.feature = '恒温';
+						const capacity = text.match(/(\d+)[-~到](\d+)\s*瓶|(\d+)\s*瓶/);
+						if (capacity) {
+							if (capacity[1] && capacity[2]) attributes.capacity = `${capacity[1]}-${capacity[2]}瓶`;
+							else if (capacity[3]) attributes.capacity = `${capacity[3]}瓶`;
+						}
+						break;
+					case 'master_bedroom_cabinet':
+					case 'secondary_bedroom_cabinet':
+						if (text.includes('定制') || text.includes('整墙')) attributes.type = text.includes('整墙') ? '整墙定制' : '定制';
+						attributes.size = matchFirst(/(\d+\.?\d*)\s*(米|m)/);
+						if (text.includes('衣帽间')) attributes.feature = '带衣帽间';
+						if (text.includes('主卧')) attributes.remark = '主卧';
+						if (text.includes('次卧')) attributes.remark = '次卧';
+						break;
+					case 'shoe_cabinet':
+						if (text.includes('窄款') || text.includes('高型')) attributes.type = '窄款高型';
+						attributes.size = matchFirst(/(\d+\.?\d*)\s*(米|m)/);
+						if (text.includes('带座') || text.includes('可坐')) attributes.feature = '带座功能';
+						if (text.includes('收纳空间')) attributes.remark = '大容量收纳';
+						break;
+					default:
+						attributes.description = text;
+						break;
+				}
+				
+				if (!attributes.style && data && data.decorationStyle) attributes.style = data.decorationStyle;
+				if (!attributes.color && data && data.decorationStyle) {
+					const color = data.decorationStyle.match(/(米白|白色|灰色|黑色|棕色|蓝色|暖色调|冷色调|灰白色系|原木色)/);
+					if (color) attributes.color = color[0];
+				}
+				if (!attributes.description && text) attributes.description = text;
+				return attributes;
+			},
+			buildProductDimensionRows(productData = null, data = {}, categoryKey = '') {
+				const dimensionLabels = [
+					{ key: 'styleColor', label: '偏好风格与颜色', field: 'preferenceStyleAndColor' },
+					{ key: 'material', label: '材质偏好', field: 'materialPreference' },
+					{ key: 'focus', label: '客户重点关注', field: 'customerFocusAreas' },
+					{ key: 'price', label: '价格敏感度', field: 'priceSensitivity' },
+					{ key: 'campaign', label: '活动参与度', field: 'activityParticipation' },
+					{ key: 'ordered', label: '客户疑虑点', field: 'customerConcerns' },
+					{ key: 'service', label: '交付服务', field: 'deliveryService' },
+					{ key: 'competitor', label: '竞品反馈', field: 'competitorFeedback' },
+					{ key: 'delivery', label: '交付周期', field: 'deliveryCycle' },
+					{ key: 'appearance', label: '产品颜值', field: 'productAppearance' }
+				];
+				
+				// 判断productData是否是解析后的JSON对象
+				// 通过检查是否包含后端返回的JSON字段来判断
+				const isParsedJson = productData && 
+					typeof productData === 'object' && 
+					!Array.isArray(productData) && 
+					productData !== null &&
+					('preferenceStyleAndColor' in productData || 
+					 'materialPreference' in productData || 
+					 'customerConcerns' in productData);
+				
+				const getValue = (field) => {
+					if (isParsedJson) {
+						// 从解析后的JSON对象中获取字段
+						const value = productData[field];
+						// 如果值是字符串，去除首尾空格；如果是其他类型，转为字符串
+						if (value === null || value === undefined || value === '') {
+							return '暂无信息';
+						}
+						if (typeof value === 'string') {
+							const trimmed = value.trim();
+							return trimmed || '暂无信息';
+						}
+						return String(value) || '暂无信息';
+					} else {
+						// 向后兼容：从data对象中获取，或使用默认值
+						// 这里productData可能是旧的attributes对象或null
+						const attributes = productData || {};
+						
+						switch (field) {
+							case 'preferenceStyleAndColor':
+								const parts = [];
+								if (attributes.style) parts.push(attributes.style);
+								if (attributes.color) parts.push(attributes.color);
+								if (parts.length === 0 && data.decorationStyle) parts.push(data.decorationStyle);
+								return parts.join(' / ') || '暂无信息';
+							case 'materialPreference':
+								return attributes.material || '暂无信息';
+							case 'customerFocusAreas':
+								return attributes.feature || attributes.remark || '暂无信息';
+							case 'priceSensitivity':
+								return data.priceSensitivity || '暂无信息';
+							case 'activityParticipation':
+								return data.campaignPreference || data.activityParticipation || '暂无信息';
+							case 'customerConcerns':
+								return attributes.description || '暂无信息';
+							case 'deliveryService':
+								return data.serviceExpectation || '暂无信息';
+							case 'competitorFeedback':
+								return data.competitorFeedback || '暂无信息';
+							case 'deliveryCycle':
+								return data.deliveryCycle || '暂无信息';
+							case 'productAppearance':
+								return data.appearancePreference || attributes.style || '暂无信息';
+							default:
+								return '暂无信息';
+						}
+					}
+				};
+				
+				return dimensionLabels.map(item => ({
+					label: item.label,
+					content: getValue(item.field) || '暂无信息'
+				}));
+			},
+			viewSummaryDetail(item) {
+				// 查看总结详情
+				console.log('查看总结详情', item);
+			}
+		}
+	}
+</script>
+
+<style scoped>
+	/* 详情内容 */
+	.detail-content {
+		flex: 1;
+		padding: 24rpx 32rpx;
+		background-color: #FFFFFF;
+		overflow-y: auto;
+		min-height: 0;
+	}
+	
+	.summary-item {
+		padding: 24rpx 0;
+		border-bottom: 1px solid #F0F0F0;
+		display: flex;
+		flex-direction: column;
+		position: relative;
+		padding-right: 40rpx;
+	}
+	
+	.summary-item:last-child {
+		border-bottom: none;
+	}
+	
+	.summary-label {
+		margin-bottom: 12rpx;
+	}
+	
+	.summary-label text {
+		font-size: 28rpx;
+		color: #666;
+		font-weight: 500;
+	}
+	
+	.summary-value {
+		flex: 1;
+	}
+	
+	.summary-value text {
+		font-size: 28rpx;
+		color: #333;
+		line-height: 1.6;
+	}
+	
+	.summary-item uni-icons {
+		position: absolute;
+		right: 0;
+		top: 50%;
+		transform: translateY(-50%);
+	}
+	
+	/* 产品类别标签页 */
+	.product-category-tabs {
+		background-color: #FFFFFF;
+		border-bottom: 1px solid #E0E0E0;
+		margin-bottom: 24rpx;
+		padding: 0;
+	}
+	
+	.category-tabs-scroll {
+		white-space: nowrap;
+		width: 100%;
+	}
+	
+	.category-tabs-wrapper {
+		display: inline-flex;
+		padding: 0 32rpx;
+	}
+	
+	.category-tab-item {
+		padding: 24rpx 16rpx;
+		position: relative;
+		margin-right: 32rpx;
+		white-space: nowrap;
+	}
+	
+	.category-tab-item text {
+		font-size: 28rpx;
+		color: #666;
+	}
+	
+	.category-tab-item.active text {
+		color: #333;
+		font-weight: 500;
+	}
+	
+	.category-tab-item.active::after {
+		content: '';
+		position: absolute;
+		bottom: 0;
+		left: 16rpx;
+		right: 16rpx;
+		height: 4rpx;
+		background-color: #007AFF;
+		border-radius: 2rpx;
+	}
+	
+	/* 产品需求清单表格 */
+	.product-requirement-table {
+		background-color: #FFFFFF;
+		padding: 0;
+	}
+	
+	.requirement-title {
+		padding: 24rpx 32rpx;
+		font-size: 32rpx;
+		font-weight: 600;
+		color: #333;
+		border-bottom: 1px solid #F0F0F0;
+	}
+	
+	.requirement-table {
+		padding: 0 32rpx 24rpx;
+	}
+	
+	.requirement-row {
+		display: flex;
+		padding: 24rpx 0;
+		border-bottom: 1px solid #F0F0F0;
+	}
+	
+	.requirement-row:last-child {
+		border-bottom: none;
+	}
+	
+	.requirement-label {
+		min-width: 200rpx;
+		width: 200rpx;
+		padding-right: 24rpx;
+	}
+	
+	.requirement-label text {
+		font-size: 28rpx;
+		color: #666;
+		font-weight: 500;
+	}
+	
+	.requirement-content {
+		flex: 1;
+	}
+	
+	.requirement-content text {
+		font-size: 28rpx;
+		color: #333;
+		line-height: 1.6;
+	}
+	
+	/* 加载和空状态 */
+	.loading-container,
+	.empty-container {
+		padding: 80rpx 0;
+		text-align: center;
+	}
+	
+	.loading-text,
+	.empty-text {
+		font-size: 28rpx;
+		color: #999;
+	}
+</style>
\ No newline at end of file
diff --git a/pages/furniture_customer/components/CustomerList.vue b/pages/furniture_customer/components/CustomerList.vue
new file mode 100644
index 0000000..6c0ab92
--- /dev/null
+++ b/pages/furniture_customer/components/CustomerList.vue
@@ -0,0 +1,289 @@
+<template>
+	<view class="customer-list-container">
+		<view class="service-status-toolbar">
+			<text class="toolbar-total">共{{ list.length }}条</text>
+			<input
+				class="toolbar-input"
+				v-model="salesName"
+				placeholder="所属销售姓名"
+				placeholder-style="color: #b0b0b0"
+				confirm-type="search"
+				@confirm="handleRefresh"
+				@input="onInputChange"
+			/>
+			<input
+				class="toolbar-input"
+				v-model="customerName"
+				placeholder="客户姓名"
+				placeholder-style="color: #b0b0b0"
+				confirm-type="search"
+				@confirm="handleRefresh"
+				@input="onInputChange"
+			/>
+			<view class="toolbar-actions">
+				<view class="toolbar-btn toolbar-btn--refresh" @click="handleRefresh">
+					<uni-icons type="refresh" size="18" color="#2A68FF"></uni-icons>
+					<text>刷新</text>
+				</view>
+			</view>
+		</view>
+		<scroll-view class="customer-list" scroll-y>
+			<view 
+				class="customer-card" 
+				v-for="(item, index) in list" 
+				:key="index"
+				@click.stop="$emit('itemClick', item)">
+				<view class="customer-header">
+					<text class="customer-name-text">{{ item.name }}</text>
+					<view class="intent-badge" :class="item.intent === '高' ? 'intent-high' : 'intent-medium'">
+						<text>意向{{ item.intent }}</text>
+					</view>
+				</view>
+				<view class="customer-service-info">
+					<text>服务人员:{{ item.serviceStaff }} 服务{{ item.serviceCount }}次 上次服务:{{ item.lastService }}</text>
+				</view>
+				<view class="customer-tags">
+					<view 
+						class="tag-item" 
+						:class="'tag-' + tag.color"
+						v-for="(tag, tagIndex) in item.tags" 
+						:key="tagIndex">
+						<text>{{ tag.text }}</text>
+					</view>
+				</view>
+				<view class="customer-footer" v-if="item.phone || item.budget">
+					<text class="customer-phone" v-if="item.phone">{{ item.phone }}</text>
+					<text class="customer-budget" v-if="item.budget">{{ item.budget }}</text>
+				</view>
+			</view>
+		</scroll-view>
+	</view>
+</template>
+
+<script>
+	export default {
+		name: 'CustomerList',
+		props: {
+			list: {
+				type: Array,
+				default: () => []
+			}
+		},
+		data() {
+			return {
+				salesName: '',
+				customerName: ''
+			}
+		},
+		methods: {
+			onInputChange() {
+				// 输入框变化时，可以在这里添加实时搜索逻辑（如果需要）
+			},
+			handleRefresh() {
+				// 触发刷新事件，并传递查询参数
+				this.$emit('filterClick', {
+					salesName: this.salesName.trim(),
+					customerName: this.customerName.trim()
+				});
+			}
+		}
+	}
+</script>
+
+<style scoped>
+	.customer-list-container {
+		/* 使用绝对定位，从tab页底部开始，到底部导航栏结束 */
+		position: absolute;
+		top: 160rpx; /* 导航栏(88rpx) + tab页(72rpx) = 160rpx */
+		left: 0;
+		right: 0;
+		bottom: 96rpx; /* 底部导航栏高度 */
+		display: flex;
+		flex-direction: column;
+		background-color: #F5F5F5;
+		padding: 24rpx 16rpx;
+		box-sizing: border-box;
+	}
+	
+	.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;
+		flex-shrink: 0; /* 防止被压缩 */
+	}
+	
+	.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;
+	}
+	
+	.customer-list {
+		/* 使用flex填充剩余空间 */
+		flex: 1;
+		background-color: transparent;
+		box-sizing: border-box;
+		overflow-y: auto;
+	}
+	
+	.customer-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);
+	}
+	
+	.customer-header {
+		display: flex;
+		justify-content: space-between;
+		align-items: center;
+		margin-bottom: 16rpx;
+	}
+	
+	.customer-name-text {
+		font-size: 32rpx;
+		font-weight: 600;
+		color: #333;
+	}
+	
+	.intent-badge {
+		padding: 6rpx 16rpx;
+		border-radius: 8rpx;
+	}
+	
+	.intent-high {
+		background-color: #E3F2FD;
+	}
+	
+	.intent-high text {
+		font-size: 24rpx;
+		color: #1976D2;
+		font-weight: 500;
+	}
+	
+	.intent-medium {
+		background-color: #FFF3E0;
+	}
+	
+	.intent-medium text {
+		font-size: 24rpx;
+		color: #F57C00;
+		font-weight: 500;
+	}
+	
+	.customer-service-info {
+		margin-bottom: 20rpx;
+	}
+	
+	.customer-service-info text {
+		font-size: 24rpx;
+		color: #999;
+	}
+	
+	.customer-tags {
+		display: flex;
+		flex-wrap: wrap;
+		margin-bottom: 20rpx;
+		gap: 12rpx;
+	}
+	
+	.tag-item {
+		padding: 8rpx 16rpx;
+		border-radius: 8rpx;
+	}
+	
+	.tag-orange {
+		background-color: #FFF3E0;
+	}
+	
+	.tag-orange text {
+		font-size: 24rpx;
+		color: #F57C00;
+	}
+	
+	.tag-blue {
+		background-color: #E3F2FD;
+	}
+	
+	.tag-blue text {
+		font-size: 24rpx;
+		color: #1976D2;
+	}
+	
+	.customer-footer {
+		display: flex;
+		justify-content: space-between;
+		align-items: center;
+		padding-top: 16rpx;
+		border-top: 1px solid #F0F0F0;
+	}
+	
+	.customer-phone {
+		font-size: 28rpx;
+		color: #333;
+	}
+	
+	.customer-budget {
+		font-size: 26rpx;
+		color: #1976D2;
+	}
+</style>
+
diff --git a/pages/furniture_customer/components/CustomerProfileModal.vue b/pages/furniture_customer/components/CustomerProfileModal.vue
new file mode 100644
index 0000000..d69b4a7
--- /dev/null
+++ b/pages/furniture_customer/components/CustomerProfileModal.vue
@@ -0,0 +1,368 @@
+<template>
+	<uni-popup ref="popup" type="bottom" :mask-click="false">
+		<view class="customer-profile-modal">
+			<!-- 顶部栏 -->
+			<view class="profile-header">
+				<view class="profile-close" @click="close">
+					<uni-icons type="close" size="24" color="#333"></uni-icons>
+				</view>
+				<text class="profile-title">客户档案</text>
+			</view>
+			
+			<scroll-view class="profile-content" scroll-y>
+				<!-- 客户基本信息 -->
+				<view class="profile-section">
+					<view class="profile-name-row">
+						<text class="profile-name">{{ profile.name }}</text>
+						<view class="profile-intent-badge" :class="profile.intent === '高' ? 'intent-high' : 'intent-medium'">
+							<text>意向{{ profile.intent }}</text>
+						</view>
+					</view>
+					<view class="profile-service-info">
+						<text>服务{{ profile.serviceCount }}次 {{ profile.lastService }}</text>
+					</view>
+					<view class="profile-details">
+						<view class="detail-row">
+							<text class="detail-label">电话:</text>
+							<text class="detail-value">{{ profile.phone }}</text>
+						</view>
+						<view class="detail-row">
+							<text class="detail-label">服务人员:</text>
+							<text class="detail-value">{{ profile.serviceStaff }}</text>
+						</view>
+						<view class="detail-row">
+							<text class="detail-label">微信状态:</text>
+							<text class="detail-value">{{ profile.wechatStatus }}</text>
+						</view>
+						<view class="detail-row">
+							<text class="detail-label">客户地址:</text>
+							<text class="detail-value">{{ profile.address }}</text>
+						</view>
+						<view class="detail-row">
+							<text class="detail-label">客户来源:</text>
+							<text class="detail-value">{{ profile.source }}</text>
+							<view class="collapse-btn" @click="toggleCollapse">
+								<text>{{ collapsed ? '展开' : '收起' }}</text>
+								<uni-icons :type="collapsed ? 'down' : 'up'" size="14" color="#666"></uni-icons>
+							</view>
+						</view>
+					</view>
+				</view>
+				
+				<!-- 跟进阶段 -->
+				<view class="profile-section" v-if="!collapsed">
+					<view class="section-header">
+						<text class="section-title">跟进阶段</text>
+						<view class="stage-info">
+							<text>当前: {{ profile.followStage }}</text>
+							<uni-icons type="right" size="16" color="#999"></uni-icons>
+						</view>
+					</view>
+				</view>
+				
+				<!-- 客户画像 -->
+				<view class="profile-section" v-if="!collapsed">
+					<view class="section-header">
+						<view class="section-icon">
+							<uni-icons type="person" size="20" color="#007AFF"></uni-icons>
+						</view>
+						<text class="section-title">客户画像</text>
+					</view>
+					<view class="profile-tags">
+						<view 
+							class="profile-tag tag-blue" 
+							v-for="(tag, index) in profile.systemTags" 
+							:key="'system-' + index">
+							<text>{{ tag }}</text>
+						</view>
+					</view>
+					<view class="custom-label" v-if="profile.customTags && profile.customTags.length > 0">
+						<text>自定义</text>
+					</view>
+					<view class="profile-tags" v-if="profile.customTags && profile.customTags.length > 0">
+						<view 
+							class="profile-tag tag-yellow" 
+							v-for="(tag, index) in profile.customTags" 
+							:key="'custom-' + index">
+							<text>{{ tag }}</text>
+						</view>
+					</view>
+				</view>
+				
+				<!-- 客户意向 -->
+				<view class="profile-section" v-if="!collapsed">
+					<view class="section-header">
+						<view class="section-icon">
+							<uni-icons type="star" size="20" color="#007AFF"></uni-icons>
+						</view>
+						<text class="section-title">客户意向</text>
+						<view class="intent-level">
+							<text>意向{{ profile.intent }}</text>
+						</view>
+					</view>
+					<view class="intent-description">
+						<text>{{ profile.intentDescription }}</text>
+					</view>
+				</view>
+			</scroll-view>
+		</view>
+	</uni-popup>
+</template>
+
+<script>
+	export default {
+		name: 'CustomerProfileModal',
+		props: {
+			profile: {
+				type: Object,
+				default: () => ({})
+			}
+		},
+		data() {
+			return {
+				collapsed: false
+			}
+		},
+		methods: {
+			open() {
+				this.$refs.popup.open();
+			},
+			close() {
+				this.$refs.popup.close();
+				this.$emit('close');
+			},
+			toggleCollapse() {
+				this.collapsed = !this.collapsed;
+			}
+		}
+	}
+</script>
+
+<style scoped>
+	.customer-profile-modal {
+		background-color: #FFFFFF;
+		border-radius: 32rpx 32rpx 0 0;
+		max-height: 90vh;
+		display: flex;
+		flex-direction: column;
+		overflow: hidden;
+	}
+	
+	.profile-header {
+		display: flex;
+		justify-content: space-between;
+		align-items: center;
+		padding: 32rpx;
+		border-bottom: 1px solid #F0F0F0;
+		position: relative;
+	}
+	
+	.profile-close {
+		width: 48rpx;
+		height: 48rpx;
+		display: flex;
+		align-items: center;
+		justify-content: center;
+	}
+	
+	.profile-title {
+		position: absolute;
+		left: 50%;
+		transform: translateX(-50%);
+		font-size: 36rpx;
+		font-weight: 600;
+		color: #333;
+	}
+	
+	.profile-content {
+		flex: 1;
+		padding: 32rpx;
+		background-color: #FFFFFF;
+	}
+	
+	.profile-section {
+		margin-bottom: 32rpx;
+	}
+	
+	.profile-name-row {
+		display: flex;
+		align-items: center;
+		margin-bottom: 16rpx;
+	}
+	
+	.profile-name {
+		font-size: 36rpx;
+		font-weight: 600;
+		color: #333;
+		margin-right: 16rpx;
+	}
+	
+	.profile-intent-badge {
+		padding: 6rpx 16rpx;
+		border-radius: 8rpx;
+	}
+	
+	.profile-intent-badge.intent-high {
+		background-color: #E3F2FD;
+	}
+	
+	.profile-intent-badge.intent-high text {
+		font-size: 24rpx;
+		color: #1976D2;
+		font-weight: 500;
+	}
+	
+	.profile-intent-badge.intent-medium {
+		background-color: #FFF3E0;
+	}
+	
+	.profile-intent-badge.intent-medium text {
+		font-size: 24rpx;
+		color: #F57C00;
+		font-weight: 500;
+	}
+	
+	.profile-service-info {
+		margin-bottom: 24rpx;
+	}
+	
+	.profile-service-info text {
+		font-size: 26rpx;
+		color: #999;
+	}
+	
+	.profile-details {
+		background-color: #F5F5F5;
+		border-radius: 16rpx;
+		padding: 24rpx;
+	}
+	
+	.detail-row {
+		display: flex;
+		align-items: center;
+		margin-bottom: 16rpx;
+		position: relative;
+	}
+	
+	.detail-row:last-child {
+		margin-bottom: 0;
+	}
+	
+	.detail-label {
+		font-size: 28rpx;
+		color: #666;
+		width: 160rpx;
+		flex-shrink: 0;
+	}
+	
+	.detail-value {
+		font-size: 28rpx;
+		color: #333;
+		flex: 1;
+	}
+	
+	.collapse-btn {
+		display: flex;
+		align-items: center;
+		margin-left: 16rpx;
+		padding: 4rpx 8rpx;
+	}
+	
+	.collapse-btn text {
+		font-size: 24rpx;
+		color: #666;
+		margin-right: 4rpx;
+	}
+	
+	.section-header {
+		display: flex;
+		align-items: center;
+		margin-bottom: 24rpx;
+	}
+	
+	.section-icon {
+		margin-right: 8rpx;
+	}
+	
+	.section-title {
+		font-size: 30rpx;
+		font-weight: 500;
+		color: #333;
+		flex: 1;
+	}
+	
+	.stage-info {
+		display: flex;
+		align-items: center;
+	}
+	
+	.stage-info text {
+		font-size: 28rpx;
+		color: #333;
+		margin-right: 8rpx;
+	}
+	
+	.profile-tags {
+		display: flex;
+		flex-wrap: wrap;
+		gap: 12rpx;
+		margin-bottom: 24rpx;
+	}
+	
+	.profile-tag {
+		padding: 8rpx 16rpx;
+		border-radius: 8rpx;
+	}
+	
+	.profile-tag.tag-blue {
+		background-color: #E3F2FD;
+	}
+	
+	.profile-tag.tag-blue text {
+		font-size: 24rpx;
+		color: #1976D2;
+	}
+	
+	.profile-tag.tag-yellow {
+		background-color: #FFF3E0;
+	}
+	
+	.profile-tag.tag-yellow text {
+		font-size: 24rpx;
+		color: #F57C00;
+	}
+	
+	.custom-label {
+		margin-bottom: 16rpx;
+	}
+	
+	.custom-label text {
+		font-size: 26rpx;
+		color: #666;
+	}
+	
+	.intent-level {
+		padding: 6rpx 16rpx;
+		background-color: #E3F2FD;
+		border-radius: 8rpx;
+	}
+	
+	.intent-level text {
+		font-size: 24rpx;
+		color: #1976D2;
+		font-weight: 500;
+	}
+	
+	.intent-description {
+		background-color: #F5F5F5;
+		border-radius: 16rpx;
+		padding: 24rpx;
+	}
+	
+	.intent-description text {
+		font-size: 28rpx;
+		color: #333;
+		line-height: 1.8;
+	}
+</style>
+
diff --git a/pages/furniture_customer/components/ServiceList.vue b/pages/furniture_customer/components/ServiceList.vue
new file mode 100644
index 0000000..22a36c1
--- /dev/null
+++ b/pages/furniture_customer/components/ServiceList.vue
@@ -0,0 +1,420 @@
+<template>
+	<view class="service-list-container">
+		<view class="service-status-toolbar">
+			<text class="toolbar-total">共{{ total || list.length }}条</text>
+			<input
+				class="toolbar-input"
+				v-model="salesName"
+				placeholder="所属销售姓名"
+				placeholder-style="color: #b0b0b0"
+				confirm-type="search"
+				@confirm="handleRefresh"
+				@input="onInputChange"
+			/>
+			<input
+				class="toolbar-input"
+				v-model="customerName"
+				placeholder="客户姓名"
+				placeholder-style="color: #b0b0b0"
+				confirm-type="search"
+				@confirm="handleRefresh"
+				@input="onInputChange"
+			/>
+			<view class="toolbar-actions">
+				<view class="toolbar-btn toolbar-btn--refresh" @click="handleRefresh">
+					<uni-icons type="refresh" size="18" color="#2A68FF"></uni-icons>
+					<text>刷新</text>
+				</view>
+			</view>
+		</view>
+		<scroll-view class="service-list" scroll-y @scrolltolower="onReachBottom">
+			<view 
+				class="service-item" 
+				v-for="(item, index) in list" 
+				:key="index"
+				:class="{ 'service-item--active': selectedServiceItem && selectedServiceItem.id === item.id }"
+				@click="handleItemClick(item)">
+				<view class="service-header">
+					<text class="service-title">{{ item.title }}</text>
+					<view class="service-menu-button" @click.stop="onMenuButtonClick(item)">
+						<uni-icons type="more-filled" size="20" color="#999"></uni-icons>
+					</view>
+				</view>
+				<view class="service-meta">
+					<text class="service-date">{{ item.date }}</text>
+				</view>
+				<view class="service-content">
+					<text class="service-desc">{{ item.description }}</text>
+				</view>
+				<view class="service-customer">
+					<view class="customer-avatar">
+						<text class="avatar-text">{{ item.customerName.charAt(0) }}</text>
+					</view>
+					<text class="customer-name">{{ item.customerName }}</text>
+				</view>
+				
+				<!-- 操作菜单 -->
+				<view 
+					class="service-action-menu" 
+					v-if="selectedServiceItem && selectedServiceItem.id === item.id && showServiceActionMenu"
+					@click.stop>
+					<view class="service-action-menu-item service-action-menu-item--danger" @click="handleDelete(item)">
+						<text>删除</text>
+					</view>
+					<view class="service-action-menu-divider"></view>
+					<view class="service-action-menu-item" @click="handleView(item)">
+						<text>查看</text>
+					</view>
+					<view class="service-action-menu-divider"></view>
+					<view class="service-action-menu-item" @click="handleAnalysis(item)">
+						<text>AI分析</text>
+					</view>
+					<view class="service-action-menu-divider"></view>
+					<view class="service-action-menu-item" @click="handleAudio(item)">
+						<text>录音</text>
+					</view>
+				</view>
+			</view>
+		</scroll-view>
+		<!-- 遮罩层，点击关闭菜单 -->
+		<view 
+			class="service-action-menu-mask" 
+			v-if="showServiceActionMenu"
+			@click="closeServiceActionMenu">
+		</view>
+	</view>
+</template>
+
+<script>
+	export default {
+		name: 'ServiceList',
+		props: {
+			list: {
+				type: Array,
+				default: () => []
+			},
+			total: {
+				type: Number,
+				default: 0
+			}
+		},
+		data() {
+			return {
+				salesName: '',
+				customerName: '',
+				selectedServiceItem: null,
+				showServiceActionMenu: false
+			}
+		},
+		methods: {
+			onInputChange() {
+				// 输入框变化时，可以在这里添加实时搜索逻辑（如果需要）
+			},
+			handleRefresh() {
+				// 触发刷新事件，并传递查询参数
+				this.$emit('filterClick', {
+					salesName: this.salesName.trim(),
+					customerName: this.customerName.trim()
+				});
+			},
+			onReachBottom() {
+				this.$emit('reachBottom');
+			},
+			// 菜单按钮点击
+			onMenuButtonClick(item) {
+				// 如果已经选中当前项，则关闭菜单
+				if (this.selectedServiceItem && this.selectedServiceItem.id === item.id && this.showServiceActionMenu) {
+					this.closeServiceActionMenu();
+					return;
+				}
+				
+				// 显示菜单
+				this.selectedServiceItem = item;
+				this.showServiceActionMenu = true;
+			},
+			// 关闭菜单
+			closeServiceActionMenu() {
+				this.showServiceActionMenu = false;
+				this.selectedServiceItem = null;
+			},
+			// 处理删除
+			handleDelete(item) {
+				this.closeServiceActionMenu();
+				this.$emit('menuAction', {
+					action: 'delete',
+					item: item
+				});
+			},
+			// 处理查看
+			handleView(item) {
+				this.closeServiceActionMenu();
+				this.$emit('menuAction', {
+					action: 'view',
+					item: item
+				});
+			},
+			// 处理AI分析
+			handleAnalysis(item) {
+				this.closeServiceActionMenu();
+				this.$emit('menuAction', {
+					action: 'analysis',
+					item: item
+				});
+			},
+			// 处理录音
+			handleAudio(item) {
+				this.closeServiceActionMenu();
+				this.$emit('menuAction', {
+					action: 'audio',
+					item: item
+				});
+			},
+			// 处理列表项点击
+			handleItemClick(item) {
+				// 如果菜单正在显示，不触发列表项点击
+				if (this.showServiceActionMenu) {
+					return;
+				}
+				// 触发列表项点击事件，打开详情页面
+				this.$emit('itemClick', item);
+			}
+		}
+	}
+</script>
+
+<style scoped>
+	.service-list-container {
+		/* 使用绝对定位，从tab页底部开始，到底部导航栏结束 */
+		position: absolute;
+		top: 160rpx; /* 导航栏(88rpx) + tab页(72rpx) = 160rpx */
+		left: 0;
+		right: 0;
+		bottom: 96rpx; /* 底部导航栏高度 */
+		display: flex;
+		flex-direction: column;
+		background-color: #F5F5F5;
+		padding: 24rpx 16rpx;
+		box-sizing: border-box;
+	}
+	
+	.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;
+		flex-shrink: 0; /* 防止被压缩 */
+	}
+	
+	.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-list {
+		/* 使用flex填充剩余空间 */
+		flex: 1;
+		background-color: transparent;
+		box-sizing: border-box;
+		overflow-y: auto;
+	}
+	
+	.service-item {
+		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);
+		position: relative;
+	}
+	
+	.service-header {
+		display: flex;
+		justify-content: space-between;
+		align-items: center;
+		margin-bottom: 16rpx;
+		position: relative;
+	}
+	
+	.service-title {
+		font-size: 32rpx;
+		font-weight: 500;
+		color: #333;
+	}
+	
+	.service-menu-button {
+		width: 48rpx;
+		height: 48rpx;
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		cursor: pointer;
+	}
+	
+	.service-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;
+	}
+	
+	.service-action-menu-item {
+		padding: 24rpx 32rpx;
+		font-size: 28rpx;
+		color: #333;
+		text-align: center;
+		background-color: #FFFFFF;
+	}
+	
+	.service-action-menu-item:active {
+		background-color: #F5F5F5;
+	}
+	
+	.service-action-menu-item--danger {
+		color: #FF5722;
+	}
+	
+	.service-action-menu-divider {
+		height: 1rpx;
+		background-color: #E0E0E0;
+		margin: 0 16rpx;
+	}
+	
+	.service-action-menu-mask {
+		position: fixed;
+		top: 0;
+		left: 0;
+		right: 0;
+		bottom: 0;
+		background-color: transparent;
+		z-index: 99;
+	}
+	
+	.service-meta {
+		display: flex;
+		align-items: center;
+		margin-bottom: 16rpx;
+	}
+	
+	.service-date {
+		font-size: 24rpx;
+		color: #999;
+		margin-right: 16rpx;
+	}
+	
+	.service-duration {
+		font-size: 24rpx;
+		color: #999;
+	}
+	
+	.service-content {
+		margin-bottom: 24rpx;
+	}
+	
+	.service-desc {
+		font-size: 28rpx;
+		color: #666;
+		line-height: 1.6;
+	}
+	
+	.service-customer {
+		display: flex;
+		align-items: center;
+		margin-bottom: 16rpx;
+	}
+	
+	.customer-avatar {
+		width: 64rpx;
+		height: 64rpx;
+		background-color: #2196F3;
+		border-radius: 50%;
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		margin-right: 16rpx;
+	}
+	
+	.avatar-text {
+		font-size: 32rpx;
+		color: #FFFFFF;
+		font-weight: 500;
+	}
+	
+	.customer-name {
+		font-size: 28rpx;
+		color: #333;
+	}
+	
+	.ai-tag {
+		padding-top: 16rpx;
+		border-top: 1px solid #F0F0F0;
+	}
+	
+	.ai-tag text {
+		font-size: 24rpx;
+		color: #999;
+	}
+</style>
+
diff --git a/pages/furniture_customer/furniture_customer.vue b/pages/furniture_customer/furniture_customer.vue
new file mode 100644
index 0000000..3c1d267
--- /dev/null
+++ b/pages/furniture_customer/furniture_customer.vue
@@ -0,0 +1,3495 @@
+<template>
+	<view class="page">
+		<!-- #ifdef APP -->
+		<statusBar></statusBar>
+		<!-- #endif -->
+		
+		<!-- 导航栏 -->
+		<uni-nav-bar 
+			:fixed="true" 
+			:statusBar="true" 
+			title="AI销冠系统" 
+			leftIcon="left" 
+			@clickLeft="goBack"
+			color="#333"
+			backgroundColor="#FFFFFF">
+		</uni-nav-bar>
+		
+		<view class="content">
+			<!-- 标签页 -->
+			<view class="tabs">
+				<view 
+					class="tab-item" 
+					:class="{ active: activeTab === 'service' }"
+					@click="switchTab('service')">
+					<text>服务记录</text>
+				</view>
+				<view 
+					class="tab-item" 
+					:class="{ active: activeTab === 'customer' }"
+					@click="switchTab('customer')">
+					<text>客户</text>
+				</view>
+			</view>
+			
+			<!-- 服务记录列表 -->
+			<ServiceList 
+				v-if="activeTab === 'service'"
+				:list="serviceList"
+				:total="serviceListTotal"
+				@itemClick="viewDetail"
+				@filterClick="refreshServiceList"
+				@reachBottom="onServiceListReachBottom"
+				@menuAction="handleMenuAction" />
+			
+			<!-- 客户列表 -->
+			<CustomerList 
+				v-if="activeTab === 'customer'"
+				:list="customerList"
+				@itemClick="viewCustomerDetail"
+				@filterClick="refreshCustomerList" />
+		</view>
+		
+		<!-- 客户档案弹窗 -->
+		<CustomerProfileModal 
+			ref="customerProfileModal"
+			:profile="currentCustomerProfile"
+			@close="onCustomerProfileClose" />
+		
+		<!-- 录音列表弹窗 -->
+		<uni-popup ref="audioListPopup" type="bottom" :mask-click="false">
+			<view class="audio-list-modal">
+				<!-- 顶部栏 -->
+				<view class="modal-header">
+					<view class="modal-close" @click="closeAudioList">
+						<uni-icons type="close" size="24" color="#333"></uni-icons>
+					</view>
+					<text class="modal-title">录音列表（{{ audioSegmentsList.length }}）</text>
+					<view style="width: 48rpx;"></view>
+				</view>
+				<!-- 录音列表内容 -->
+				<scroll-view class="audio-list-content" scroll-y enable-flex>
+					<view 
+						class="audio-list-item" 
+						v-for="(item, index) in audioSegmentsList" 
+						:key="index">
+						<view class="audio-item-header">
+							<view class="audio-play-btn" @click.stop="toggleAudioPlay(item, index)">
+								<text class="audio-play-text" :class="playingAudioId === (item.id || item.segmentId) ? 'audio-play-text--playing' : ''">
+									{{ playingAudioId === (item.id || item.segmentId) ? '暂停' : '播放' }}
+								</text>
+							</view>
+							<text class="audio-item-name">{{ formatAudioFileName(item.audioFileOriginalName) }}</text>
+						</view>
+						<view class="audio-item-info">
+							<text class="audio-item-text" v-if="item.recordingText">{{ truncateText(item.recordingText, 30) }}</text>
+							<view class="audio-item-transcribe" v-else>
+								<view 
+									class="transcribe-btn" 
+									:class="{ 'transcribe-btn--loading': transcribingIds.includes(item.id || item.segmentId) }"
+									@click.stop="transcribeAudio(item, index)">
+									<text v-if="!transcribingIds.includes(item.id || item.segmentId)">转文本</text>
+									<text v-else>处理中...</text>
+								</view>
+							</view>
+						</view>
+						<view class="audio-item-meta">
+							<text class="audio-meta-item" v-if="item.endTime">{{ formatDateTime(item.endTime) }}</text>
+							<text class="audio-meta-item" v-if="item.duration">{{ formatDuration(item.duration) }}</text>
+							<text class="audio-meta-item" v-if="item.deviceNo">{{ item.deviceNo }}</text>
+						</view>
+					</view>
+					<view class="audio-list-empty" v-if="!audioSegmentsLoading && audioSegmentsList.length === 0">
+						<text>暂无录音记录</text>
+					</view>
+				</scroll-view>
+			</view>
+		</uni-popup>
+		
+		<!-- 录音文本内容弹框（放在录音列表弹框之后，确保层级更高） -->
+		<uni-popup ref="textModalPopup" type="center" :mask-click="true" @change="onTextModalChange" class="text-modal-popup">
+			<view class="text-modal">
+				<view class="text-modal-header">
+					<text class="text-modal-title">录音文本内容</text>
+					<view class="text-modal-close" @click="closeTextModal">
+						<uni-icons type="close" size="24" color="#333"></uni-icons>
+					</view>
+				</view>
+				<scroll-view class="text-modal-content" scroll-y>
+					<text class="text-modal-text">{{ currentRecordingText || '暂无录音文本' }}</text>
+				</scroll-view>
+			</view>
+		</uni-popup>
+		
+		<!-- 服务记录详情弹窗 -->
+		<uni-popup ref="serviceDetailPopup" type="bottom" :mask-click="false">
+			<view class="service-detail-modal">
+				<!-- 顶部栏 -->
+				<view class="modal-header">
+					<view class="modal-close" @click="closeDetail">
+						<uni-icons type="close" size="24" color="#333"></uni-icons>
+					</view>
+					<text class="modal-title">{{ currentServiceDetail.title }}</text>
+					<view class="modal-share" @click="shareDetail">
+						<uni-icons type="forward" size="20" color="#333"></uni-icons>
+					</view>
+				</view>
+				
+				<!-- 日期时间 -->
+				<view class="modal-date">
+					<text>{{ currentServiceDetail.date }}</text>
+				</view>
+				
+				<!-- AI总结横幅 -->
+				<view class="modal-banner">
+					<view class="banner-left">
+						<view class="banner-icon">
+							<uni-icons type="loop" size="18" color="#007AFF"></uni-icons>
+						</view>
+					<text class="banner-text">AI总结提炼关键, 为销售减负</text>
+				</view>
+			</view>
+				
+				<!-- 音频播放器 -->
+				<view class="audio-player">
+					<view class="play-btn" @click="togglePlay">
+						<uni-icons :type="isPlaying ? 'pause-filled' : 'play-filled'" size="24" color="#007AFF"></uni-icons>
+					</view>
+					<view class="progress-bar">
+						<view class="progress-line">
+							<view class="progress-dot"></view>
+						</view>
+					</view>
+					<text class="audio-time">00:00:00/00:00:00</text>
+					<view class="speed-btn">
+						<text>DD 1.0</text>
+					</view>
+				</view>
+				
+				<!-- 标签页 -->
+				<view class="detail-tabs">
+					<view 
+						class="detail-tab-item" 
+						:class="{ active: activeDetailTab === 'summary' }"
+						@click="switchDetailTab('summary')">
+						<text>会话总结</text>
+					</view>
+					<view 
+						class="detail-tab-item" 
+						:class="{ active: activeDetailTab === 'todo' }"
+						@click="switchDetailTab('todo')">
+						<text>智能待办</text>
+					</view>
+					<view 
+						class="detail-tab-item" 
+						:class="{ active: activeDetailTab === 'chapter' }"
+						@click="switchDetailTab('chapter')">
+						<text>章节概要</text>
+					</view>
+					<view 
+						class="detail-tab-item" 
+						:class="{ active: activeDetailTab === 'performance' }"
+						@click="switchDetailTab('performance')">
+						<text>服务表现</text>
+					</view>
+				</view>
+				
+				<!-- 会话总结内容 -->
+				<ConversationSummaryFurniture 
+					v-if="activeDetailTab === 'summary'"
+					:serviceItem="currentServiceDetail"
+					:key="`summary-${currentServiceDetail.id || currentServiceDetail.rawData?.id || Date.now()}`" />
+				
+				<!-- 服务表现内容 -->
+				<scroll-view class="detail-content" scroll-y v-if="activeDetailTab === 'performance'">
+					<view class="performance-score">
+						<text class="score-label">本次服务评分</text>
+						<text class="score-value">{{ performanceData.totalScore }}</text>
+					</view>
+					<view 
+						class="performance-category" 
+						v-for="(category, categoryIndex) in performanceData.categories" 
+						:key="categoryIndex">
+						<view class="category-header" @click="toggleCategory(categoryIndex)">
+							<view class="category-left">
+								<view class="category-bullet" :class="category.completed ? 'bullet-blue' : 'bullet-gray'"></view>
+								<text class="category-name">{{ category.name }}</text>
+							</view>
+							<uni-icons 
+								:type="category.expanded ? 'up' : 'down'" 
+								size="16" 
+								color="#999">
+							</uni-icons>
+						</view>
+						<view class="category-content" v-if="category.expanded">
+							<!-- AI横幅（如果有） -->
+							<view class="performance-banner" v-if="category.showBanner">
+								<view class="banner-left">
+									<view class="banner-icon">
+										<uni-icons type="loop" size="18" color="#007AFF"></uni-icons>
+									</view>
+									<text class="banner-text">AI总结提炼关键,为销售减负</text>
+								</view>
+							</view>
+							<!-- 音频播放器（如果有） -->
+							<view class="performance-audio" v-if="category.showAudio">
+								<view class="audio-player">
+									<view class="play-btn" @click="togglePlay">
+										<uni-icons :type="isPlaying ? 'pause-filled' : 'play-filled'" size="24" color="#007AFF"></uni-icons>
+									</view>
+									<view class="progress-bar">
+										<view class="progress-line">
+											<view class="progress-dot"></view>
+										</view>
+									</view>
+									<text class="audio-time">00:00:00/00:00:00</text>
+									<view class="speed-btn">
+										<text>DD 1.0</text>
+									</view>
+								</view>
+							</view>
+							<!-- 子项列表 -->
+							<view 
+								class="performance-item" 
+								v-for="(item, itemIndex) in category.items" 
+								:key="itemIndex"
+								:class="{ 'item-completed': item.completed }">
+								<view class="item-content" @click="toggleItem(categoryIndex, itemIndex)">
+									<view class="item-left">
+										<text class="item-name">{{ item.name }}</text>
+										<text class="item-status" :class="item.completed ? 'status-completed' : 'status-missing'" v-if="!item.completed">
+											{{ item.completed ? '已完成' : '未提及' }}
+										</text>
+										<text class="item-points">+{{ item.points }}分</text>
+									</view>
+									<uni-icons type="down" size="16" color="#999"></uni-icons>
+								</view>
+							</view>
+						</view>
+					</view>
+				</scroll-view>
+				
+				<!-- 智能待办内容 -->
+				<scroll-view class="detail-content" scroll-y v-if="activeDetailTab === 'todo'">
+					<view class="todo-list" v-if="todoList.length > 0">
+						<view 
+							class="todo-item" 
+							v-for="(item, index) in todoList" 
+							:key="index"
+							:class="{ 
+								'todo-completed': item.status && (item.status.includes('完成') || item.status === '已完成'),
+								'todo-clickable': isTodoPending(item.status)
+							}">
+							<view class="todo-header">
+								<view class="todo-title-wrapper">
+									<view class="todo-status-dot" :class="getTodoStatusClass(item.status)"></view>
+									<text class="todo-title">{{ item.todoTitle || item.title || '待办事项' }}</text>
+								</view>
+								<view class="todo-status-wrapper" v-if="isTodoPending(item.status)">
+									<text 
+										class="todo-status todo-status-clickable" 
+										:class="getTodoStatusTextClass(item.status)"
+										:id="'todo-status-' + index"
+										@click.stop="toggleTodoMenu(index, $event)">
+										{{ item.status || '待处理' }}
+										<uni-icons type="down" size="14" color="#FF9800" style="margin-left: 4rpx;"></uni-icons>
+									</text>
+								</view>
+								<text 
+									v-else
+									class="todo-status" 
+									:class="getTodoStatusTextClass(item.status)">
+									{{ item.status || '待处理' }}
+								</text>
+							</view>
+							<view class="todo-content" v-if="item.todoContent || item.content || item.description">
+								<text>{{ item.todoContent || item.content || item.description }}</text>
+							</view>
+							<view class="todo-meta">
+								<text class="todo-meta-item" v-if="item.ownerName">所属人：{{ item.ownerName }}</text>
+								<text class="todo-meta-item" v-if="item.ownerPhone">电话：{{ item.ownerPhone }}</text>
+								<text class="todo-meta-item" v-if="item.PendingDate || item.pendingDate">待办：{{ formatDateTime(item.PendingDate || item.pendingDate) }}</text>
+							</view>
+						</view>
+
+						
+					</view>
+					<view class="empty-detail" v-else>
+						<text>暂无待办事项</text>
+					</view>
+				</scroll-view>
+				
+				<!-- 下拉菜单（移到modal层级，避免被遮挡） -->
+				<view 
+					class="todo-menu-mask" 
+					v-if="activeTodoMenuIndex !== null"
+					@click="closeTodoMenu">
+				</view>
+				<view 
+					class="todo-menu-fixed" 
+					v-if="activeTodoMenuIndex !== null"
+					:style="todoMenuStyle"
+					@click.stop>
+					<view class="todo-menu-item" @click="handleTodoComplete(currentTodoItem, activeTodoMenuIndex)">
+						<text>处理完成</text>
+					</view>
+					<view class="todo-menu-item" @click="handleTodoDelay(currentTodoItem, activeTodoMenuIndex)">
+						<text>延期处理</text>
+					</view>
+				</view>
+				
+				<!-- 章节概要内容 -->
+				<scroll-view class="detail-content" scroll-y v-if="activeDetailTab === 'chapter'">
+					<view class="chapter-summary-list" v-if="chapterSummaryList.length > 0">
+						<view 
+							class="chapter-summary-item" 
+							v-for="(item, index) in chapterSummaryList" 
+							:key="index">
+							<view class="chapter-summary-title">
+								<text>{{ item.title || `章节${index + 1}` }}</text>
+							</view>
+							<view class="chapter-summary-section" v-if="item.customerConcerns">
+								<view class="chapter-summary-label">
+									<text>客户疑虑</text>
+								</view>
+								<view class="chapter-summary-content">
+									<text>{{ item.customerConcerns }}</text>
+								</view>
+							</view>
+							<view class="chapter-summary-section" v-if="item.answer">
+								<view class="chapter-summary-label">
+									<text>回答</text>
+								</view>
+								<view class="chapter-summary-content">
+									<text>{{ item.answer }}</text>
+								</view>
+							</view>
+						</view>
+					</view>
+					<view class="empty-detail" v-else>
+						<text>暂无章节概要内容</text>
+					</view>
+				</scroll-view>
+				
+				<!-- 其他标签页内容 -->
+				<scroll-view class="detail-content" scroll-y v-if="activeDetailTab !== 'summary' && activeDetailTab !== 'performance' && activeDetailTab !== 'todo' && activeDetailTab !== 'chapter'">
+					<view class="empty-detail">
+						<text>{{ getDetailTabName(activeDetailTab) }}内容</text>
+					</view>
+				</scroll-view>
+				
+				<!-- 底部客户信息 -->
+				<view class="modal-footer" @click="viewCustomer">
+					<uni-icons type="person" size="20" color="#666"></uni-icons>
+					<text class="footer-label">客户:</text>
+					<text class="footer-customer">{{ currentServiceDetail.customerName }}</text>
+					<uni-icons type="right" size="16" color="#999"></uni-icons>
+				</view>
+			</view>
+		</uni-popup>
+	</view>
+</template>
+
+<script>
+	// #ifdef APP
+	import statusBar from "@/uni_modules/uni-nav-bar/components/uni-nav-bar/uni-status-bar";
+	// #endif
+	import CustomerList from './components/CustomerList.vue';
+	import ServiceList from './components/ServiceList.vue';
+	import CustomerProfileModal from './components/CustomerProfileModal.vue';
+	import ConversationSummaryFurniture from './components/ConversationSummaryFurniture.vue';
+	import { initCustomerProfile, initSummaryList, initPerformanceData } from './utils/dataInit.js';
+	import { getApiUrl, API_BASE_URL } from '@/common/config.js';
+	
+	export default {
+		// #ifdef APP
+		components: {
+			statusBar
+		},
+		// #endif
+		components: {
+			CustomerList,
+			ServiceList,
+			CustomerProfileModal,
+			ConversationSummaryFurniture
+		},
+		data() {
+			return {
+				activeTab: 'customer',
+				activeDetailTab: 'summary',
+				isPlaying: false,
+				currentServiceDetail: {
+					title: '',
+					date: '',
+					duration: '',
+					description: '',
+					customerName: ''
+				},
+				currentCustomerProfile: {
+					name: '',
+					intent: '',
+					serviceCount: 0,
+					lastService: '',
+					phone: '',
+					serviceStaff: '',
+					wechatStatus: '',
+					address: '',
+					source: '',
+					followStage: '',
+					systemTags: [],
+					customTags: [],
+					intentDescription: ''
+				},
+				summaryList: [],
+				furnitureAnalysisList: [], // 家具意向分析数据
+				productCategoryList: [], // 产品类别列表
+				activeProductCategory: '', // 当前选中的产品类别
+				productRequirementMap: {}, // 产品需求映射 {categoryKey: {rows: [...]}}
+				summarySentence: '', // 一句话总结
+				dealKeyPoints: '', // 成交关键点
+				performanceData: {
+					totalScore: 81,
+					categories: []
+				},
+				serviceList: [],
+				serviceListTotal: 0,
+				serviceListPage: {
+					current: 1,
+					size: 10
+				},
+				todoList: [], // 待办事项列表
+				todoListPage: {
+					current: 1,
+					size: 10
+				},
+				todoListTotal: 0, // 待办事项总数
+				activeTodoMenuIndex: null, // 当前打开的下拉菜单索引
+				todoMenuStyle: {}, // 下拉菜单样式（用于fixed定位）
+				currentTodoItem: null, // 当前操作的待办事项
+				chapterSummaryList: [], // 章节概要列表，包含summary1, summary2, summary3
+				audioSegmentsList: [], // 录音分段列表
+				audioSegmentsLoading: false, // 录音分段加载状态
+				playingAudioId: null, // 当前正在播放的录音ID
+				innerAudioContext: null, // 音频播放器实例
+				currentAudioUrl: null, // 当前音频URL（用于清理Blob URL）
+				showTextModal: false, // 是否显示文本内容弹框
+				currentRecordingText: '', // 当前显示的录音文本内容
+				transcribingIds: [], // 正在转文本的录音ID列表
+				customerList: [
+					{
+						name: '李女士',
+						intent: '高',
+						serviceStaff: '三多',
+						serviceCount: 3,
+						lastService: '2025-09-10',
+						tags: [
+							{ text: '关注优惠活动', color: 'orange' },
+							{ text: '关注颜色搭配', color: 'orange' },
+							{ text: '夫妻两一起来', color: 'orange' },
+							{ text: '新房装修', color: 'blue' },
+							{ text: '客厅,卧室', color: 'blue' }
+						],
+						phone: '185****3677'
+					} 
+				]
+			}
+		},
+		computed: {
+			// 当前选中的产品需求
+			currentProductRequirement() {
+				if (!this.activeProductCategory) return null;
+				return this.productRequirementMap[this.activeProductCategory] || null;
+			}
+		},
+		onLoad() {
+			this.loadServiceList();
+		},
+		onUnload() {
+			// 组件销毁时，清理音频播放器
+			if (this.innerAudioContext) {
+				try {
+					this.innerAudioContext.stop();
+					this.innerAudioContext.destroy();
+				} catch (e) {
+					console.error('销毁音频播放器失败:', e);
+				}
+				this.innerAudioContext = null;
+			}
+			// #ifdef H5
+			// 清理Blob URL，释放内存
+			if (this.currentAudioUrl && this.currentAudioUrl.startsWith('blob:')) {
+				try {
+					URL.revokeObjectURL(this.currentAudioUrl);
+				} catch (e) {
+					console.error('清理Blob URL失败:', e);
+				}
+			}
+			// #endif
+			this.currentAudioUrl = null;
+			this.playingAudioId = null;
+		},
+		methods: {
+			goBack() {
+				uni.navigateBack();
+			},
+			switchTab(tab) {
+				this.activeTab = tab;
+				// 切换到服务记录标签页时，如果列表为空则加载数据
+				if (tab === 'service' && this.serviceList.length === 0) {
+					this.loadServiceList();
+				}
+			},
+			// 刷新服务记录列表
+			refreshServiceList(filterParams = {}) {
+				// 重置分页到第一页
+				this.serviceListPage.current = 1;
+				// 重新加载数据，传递查询参数
+				this.loadServiceList(filterParams);
+			},
+			refreshCustomerList(filterParams = {}) {
+				// 客户列表刷新方法（可以根据需要实现搜索逻辑）
+				console.log('客户列表刷新', filterParams);
+				// TODO: 实现客户列表的搜索和刷新逻辑
+			},
+			// 服务记录列表到底部加载更多
+			onServiceListReachBottom() {
+				// 如果已经加载全部数据，则不再请求
+				if (this.serviceList.length >= this.serviceListTotal) {
+					return;
+				}
+				// 下一页
+				this.serviceListPage.current += 1;
+				this.loadServiceList();
+			},
+			async viewDetail(item) {
+				// 查看详情
+				this.currentServiceDetail = { ...item };
+				// 重置待办事项列表
+				this.todoList = [];
+				this.todoListTotal = 0;
+				// 重置章节概要列表
+				this.chapterSummaryList = [];
+				// 如果当前标签页是智能待办，加载待办事项
+				if (this.activeDetailTab === 'todo') {
+					this.loadTodoList();
+				}
+				// 如果当前标签页是章节概要，加载章节概要数据
+				if (this.activeDetailTab === 'chapter') {
+					this.loadChapterSummary();
+				}
+				// 如果当前标签页是服务表现，加载服务表现数据
+				if (this.activeDetailTab === 'performance') {
+					this.loadPerformanceData();
+				}
+				// 会话总结数据由"会话总结家具"组件自动加载
+				this.$refs.serviceDetailPopup.open();
+			},
+			// 处理菜单操作
+			async handleMenuAction({ action, item }) {
+				console.log('父组件收到菜单操作:', action, item);
+				switch (action) {
+					case 'view':
+						// 查看详情：打开详情弹窗 
+						break;
+					case 'analysis':
+						// AI分析：打开详情弹窗并切换到相关标签页 
+						break;
+					case 'audio':
+						// 录音详情：加载录音分段列表
+						await this.loadAudioSegments(item);
+						break;
+					case 'delete':
+						// 删除服务记录
+						await this.deleteServiceRecord(item);
+						break;
+					default:
+						console.warn('未知的菜单操作:', action);
+				}
+			},
+			// 删除服务记录
+			async deleteServiceRecord(item) {
+				console.log('删除服务记录，item:', item);
+				// 显示确认对话框
+				const res = await new Promise((resolve) => {
+					uni.showModal({
+						title: '确认删除',
+						content: '确定要删除这条服务记录吗？删除后无法恢复。',
+						confirmText: '删除',
+						confirmColor: '#FF3B30',
+						cancelText: '取消',
+						success: (result) => {
+							resolve(result.confirm);
+						},
+						fail: () => {
+							resolve(false);
+						}
+					});
+				});
+				
+				if (!res) {
+					return; // 用户取消删除
+				}
+				
+				try {
+					// 获取要删除的记录ID
+					const recordId = item.id || item.rawData?.id;
+					if (!recordId) {
+						uni.showToast({
+							title: '无法获取记录ID',
+							icon: 'none'
+						});
+						return;
+					}
+					
+					// 调用删除接口：/api/audioManagement/delete/{id}
+					const url = getApiUrl(`/api/audioManagement/delete/${recordId}`);
+					
+					// 获取认证信息
+					let tenantId = '';
+					let token = '';
+					try {
+						tenantId = uni.getStorageSync('backend-tenant-id') || '';
+						token = uni.getStorageSync('backend-token') || '';
+					} catch (e) {
+						console.error('获取认证信息失败:', e);
+					}
+					
+					// 构建请求头
+					const headers = {
+						'Content-Type': 'application/json'
+					};
+					if (token) {
+						headers['Authorization'] = `Bearer ${token}`;
+					}
+					if (tenantId) {
+						headers['X-Tenant-Id'] = tenantId;
+					}
+					
+					const deleteRes = await uni.request({
+						url: url,
+						method: 'DELETE',
+						header: headers,
+						timeout: 10000
+					});
+					
+					if (deleteRes.statusCode === 200 && deleteRes.data && deleteRes.data.success) {
+						uni.showToast({
+							title: '删除成功',
+							icon: 'success'
+						});
+						// 刷新列表
+						this.serviceListPage.current = 1;
+						this.serviceList = [];
+						await this.loadServiceList();
+					} else {
+						uni.showToast({
+							title: deleteRes.data?.message || '删除失败',
+							icon: 'none'
+						});
+					}
+				} catch (error) {
+					console.error('删除服务记录失败:', error);
+					uni.showToast({
+						title: `删除失败: ${error.errMsg || error.message || '未知错误'}`,
+						icon: 'none'
+					});
+				}
+			},
+			// 加载录音分段列表
+			async loadAudioSegments(item) {
+				try {
+					// 获取parentId，从item的rawData中获取id，或者直接使用id
+					const parentId = item.rawData?.id || item.id;
+					if (!parentId) {
+						uni.showToast({
+							title: '无法获取录音ID',
+							icon: 'none'
+						});
+						return;
+					}
+					
+					this.audioSegmentsLoading = true;
+					this.audioSegmentsList = [];
+					
+					uni.showLoading({
+						title: '加载中...'
+					});
+					
+					// 调用接口：/api/audioManagementSegments/listByParentId?parentId={parentId}
+					const url = `${getApiUrl('/api/audioManagementSegments/listByParentId')}?parentId=${parentId}`;
+					
+					// 获取认证信息
+					let tenantId = '';
+					let token = '';
+					try {
+						tenantId = uni.getStorageSync('backend-tenant-id') || '';
+						token = uni.getStorageSync('backend-token') || '';
+					} catch (e) {
+						console.error('获取认证信息失败:', e);
+					}
+					
+					// 构建请求头
+					const headers = {
+						'Content-Type': 'application/json'
+					};
+					if (token) {
+						headers['Authorization'] = `Bearer ${token}`;
+					}
+					if (tenantId) {
+						headers['X-Tenant-Id'] = tenantId;
+					}
+					
+					const res = await uni.request({
+						url: url,
+						method: 'GET',
+						header: headers,
+						timeout: 10000
+					});
+					
+					uni.hideLoading();
+					
+					if (res.statusCode === 200 && res.data && res.data.success) {
+						const segments = res.data.data || [];
+						console.log('录音分段列表:', segments);
+						
+						// 存储分段数据
+						this.audioSegmentsList = segments;
+						this.audioSegmentsLoading = false;
+						
+						// 打开录音列表弹窗
+						this.$refs.audioListPopup.open();
+					} else {
+						uni.showToast({
+							title: res.data?.message || '获取录音分段失败',
+							icon: 'none'
+						});
+					}
+				} catch (error) {
+					uni.hideLoading();
+					this.audioSegmentsLoading = false;
+					console.error('获取录音分段列表失败:', error);
+					uni.showToast({
+						title: `获取录音分段失败: ${error.errMsg || error.message || '未知错误'}`,
+						icon: 'none'
+					});
+				}
+			},
+			// 关闭录音列表弹窗
+			closeAudioList() {
+				// 关闭弹窗时，如果正在播放，先停止播放
+				if (this.playingAudioId) {
+					this.stopAudioPlay({ id: this.playingAudioId });
+				}
+				this.$refs.audioListPopup.close();
+			},
+			// 切换录音播放/暂停
+			async toggleAudioPlay(item, index) {
+				try {
+					// 获取录音ID（可能是 id 或 segmentId）
+					const audioId = item.id || item.segmentId;
+					if (!audioId) {
+						console.warn('录音项缺少ID:', item);
+						uni.showToast({
+							title: '无法获取录音ID',
+							icon: 'none'
+						});
+						return;
+					}
+					
+					
+					
+					// 如果点击的是当前正在播放的录音，则暂停
+					if (this.playingAudioId === audioId) {
+						await this.stopAudioPlay(item);
+					} else {
+						// 如果其他录音正在播放，先停止
+						if (this.playingAudioId) {
+							await this.stopAudioPlay({ id: this.playingAudioId });
+						}
+						// 显示文本内容弹框
+					this.currentRecordingText = item.recordingText || '';
+					this.showTextModal = true;
+					this.$refs.textModalPopup.open();
+						// 开始播放新的录音
+						await this.startAudioPlay(item);
+					}
+				} catch (error) {
+					console.error('切换播放状态失败:', error);
+					uni.showToast({
+						title: '操作失败',
+						icon: 'none'
+					});
+				}
+			},
+			// 关闭文本内容弹框
+			closeTextModal() {
+				this.showTextModal = false;
+				this.currentRecordingText = '';
+				this.$refs.textModalPopup.close();
+			},
+			// 文本弹框状态变化
+			onTextModalChange(e) {
+				if (!e.show) {
+					// 弹框关闭时，清除状态
+					this.showTextModal = false;
+					this.currentRecordingText = '';
+				}
+			},
+			// 开始播放录音
+			async startAudioPlay(item) {
+				try {
+					// 获取录音ID（可能是 id 或 segmentId）
+					const audioId = item.id || item.segmentId;
+					if (!audioId) {
+						console.warn('录音项缺少ID:', item);
+						uni.showToast({
+							title: '无法获取录音ID',
+							icon: 'none'
+						});
+						return;
+					}
+					
+					// 如果已有播放器正在播放，先停止
+					if (this.innerAudioContext) {
+						this.innerAudioContext.stop();
+						this.innerAudioContext.destroy();
+						this.innerAudioContext = null;
+					}
+					
+					uni.showLoading({
+						title: '加载中...'
+					});
+					
+					// 获取认证信息
+					let tenantId = '';
+					let token = '';
+					try {
+						tenantId = uni.getStorageSync('backend-tenant-id') || '';
+						token = uni.getStorageSync('backend-token') || '';
+					} catch (e) {
+						console.error('获取认证信息失败:', e);
+					}
+					
+					// 构建请求URL
+					// 根据后端接口定义：@PostMapping("/playSegmentById") 使用 @PathVariable String id
+					// 如果使用 @PathVariable，路径应该是 /playSegmentById/{id}
+					// 先尝试路径参数方式：/api/audioManagementSegments/playSegmentById/{id}
+					const url = getApiUrl(`/api/audioManagementSegments/playSegmentById/${audioId}`);
+					
+					console.log('请求音频URL:', url);
+					console.log('音频ID:', audioId);
+					
+					// 构建请求头（参考其他请求的实现方式）
+					const headers = {
+						'Content-Type': 'application/json'
+					};
+					if (token) {
+						headers['Authorization'] = `Bearer ${token}`;
+					}
+					if (tenantId) {
+						headers['X-Tenant-Id'] = tenantId;
+					}
+					
+					console.log('请求头:', headers);
+					
+					// 由于后端接口是POST方式，且需要传递header，而innerAudioContext无法设置请求头
+					// 所以先通过uni.request获取音频数据，然后转换为可播放的URL
+					const res = await uni.request({
+						url: url,
+						method: 'POST',
+						header: headers,
+						responseType: 'arraybuffer', // 接收二进制数据
+						timeout: 30000 // 音频文件可能较大，增加超时时间
+					});
+					
+					console.log('响应状态码:', res.statusCode);
+					console.log('响应头:', res.header);
+					
+					if (res.statusCode !== 200) {
+						console.error('请求失败，状态码:', res.statusCode);
+						console.error('响应数据:', res.data);
+						// 如果是404，可能是路径不对，尝试其他方式
+						if (res.statusCode === 404) {
+							throw new Error(`接口路径不存在(404)，请检查后端接口路径是否正确。当前URL: ${url}`);
+						}
+						throw new Error(`请求失败，状态码: ${res.statusCode}`);
+					}
+					
+					// 从响应头获取Content-Type，确定音频格式
+					// 如果响应头中没有Content-Type，默认使用audio/mpeg
+					let audioType = 'audio/mpeg';
+					if (res.header && res.header['Content-Type']) {
+						audioType = res.header['Content-Type'];
+					} else if (res.header && res.header['content-type']) {
+						audioType = res.header['content-type'];
+					}
+					
+					// 将arraybuffer转换为base64或blob URL
+					// #ifdef H5
+					// H5平台：使用Blob URL
+					const blob = new Blob([res.data], { type: audioType });
+					const audioUrl = URL.createObjectURL(blob);
+					// #endif
+					
+					// #ifndef H5
+					// 非H5平台：使用base64
+					const base64 = uni.arrayBufferToBase64(res.data);
+					const audioUrl = `data:${audioType};base64,${base64}`;
+					// #endif
+					
+					// 保存audioUrl到组件实例，以便在回调中清理
+					this.currentAudioUrl = audioUrl;
+					
+					// 创建音频播放器实例
+					const innerAudioContext = uni.createInnerAudioContext();
+					innerAudioContext.src = audioUrl;
+					
+					// 监听播放事件
+					innerAudioContext.onPlay(() => {
+						console.log('开始播放音频');
+						uni.hideLoading();
+						this.playingAudioId = audioId;
+						uni.showToast({
+							title: '开始播放',
+							icon: 'success',
+							duration: 1000
+						});
+					});
+					
+					// 监听播放错误
+					innerAudioContext.onError((error) => {
+						console.error('音频播放错误:', error);
+						uni.hideLoading();
+						this.playingAudioId = null;
+						innerAudioContext.destroy();
+						this.innerAudioContext = null;
+						// #ifdef H5
+						// 清理Blob URL，释放内存
+						if (this.currentAudioUrl && this.currentAudioUrl.startsWith('blob:')) {
+							URL.revokeObjectURL(this.currentAudioUrl);
+						}
+						// #endif
+						this.currentAudioUrl = null;
+						uni.showToast({
+							title: '播放失败，请检查网络或音频文件',
+							icon: 'none',
+							duration: 2000
+						});
+					});
+					
+					// 监听播放结束
+					innerAudioContext.onEnded(() => {
+						console.log('音频播放结束');
+						this.playingAudioId = null;
+						innerAudioContext.destroy();
+						this.innerAudioContext = null;
+						// #ifdef H5
+						// 清理Blob URL，释放内存
+						if (this.currentAudioUrl && this.currentAudioUrl.startsWith('blob:')) {
+							URL.revokeObjectURL(this.currentAudioUrl);
+						}
+						// #endif
+						this.currentAudioUrl = null;
+					});
+					
+					// 监听播放暂停
+					innerAudioContext.onPause(() => {
+						console.log('音频播放暂停');
+						this.playingAudioId = null;
+					});
+					
+					// 存储播放器实例
+					this.innerAudioContext = innerAudioContext;
+					
+					// 开始播放
+					innerAudioContext.play();
+					
+				} catch (error) {
+					uni.hideLoading();
+					console.error('播放录音失败:', error);
+					if (this.innerAudioContext) {
+						this.innerAudioContext.destroy();
+						this.innerAudioContext = null;
+					}
+					this.playingAudioId = null;
+					uni.showToast({
+						title: `播放失败: ${error.errMsg || error.message || '未知错误'}`,
+						icon: 'none',
+						duration: 2000
+					});
+				}
+			},
+			// 停止播放录音
+			async stopAudioPlay(item) {
+				try {
+					// 停止音频播放器
+					if (this.innerAudioContext) {
+						this.innerAudioContext.stop();
+						this.innerAudioContext.destroy();
+						this.innerAudioContext = null;
+					}
+					
+					// 清除播放状态
+					this.playingAudioId = null;
+					
+					uni.showToast({
+						title: '已停止',
+						icon: 'success',
+						duration: 1000
+					});
+				} catch (error) {
+					// 即使出错，也清除播放状态
+					if (this.innerAudioContext) {
+						try {
+							this.innerAudioContext.stop();
+							this.innerAudioContext.destroy();
+						} catch (e) {
+							console.error('销毁音频播放器失败:', e);
+						}
+						this.innerAudioContext = null;
+					}
+					this.playingAudioId = null;
+					console.error('停止播放失败:', error);
+					uni.showToast({
+						title: '已停止',
+						icon: 'success',
+						duration: 1000
+					});
+				}
+			},
+			// 转文本
+			async transcribeAudio(item, index) {
+				try {
+					// 获取录音ID（可能是 id 或 segmentId）
+					const audioId = item.id || item.segmentId;
+					if (!audioId) {
+						uni.showToast({
+							title: '无法获取录音ID',
+							icon: 'none'
+						});
+						return;
+					}
+					
+					// 如果正在转文本，则不再处理
+					if (this.transcribingIds.includes(audioId)) {
+						return;
+					}
+					
+					// 添加到转文本列表
+					this.transcribingIds.push(audioId);
+					
+					// 调用转文本接口：/api/audioManagementSegments/transcribe/{id}
+					const url = getApiUrl(`/api/audioManagementSegments/transcribe/${audioId}`);
+					
+					// 获取认证信息
+					let tenantId = '';
+					let token = '';
+					try {
+						tenantId = uni.getStorageSync('backend-tenant-id') || '';
+						token = uni.getStorageSync('backend-token') || '';
+					} catch (e) {
+						console.error('获取认证信息失败:', e);
+					}
+					
+					// 构建请求头
+					const headers = {
+						'Content-Type': 'application/json'
+					};
+					if (token) {
+						headers['Authorization'] = `Bearer ${token}`;
+					}
+					if (tenantId) {
+						headers['X-Tenant-Id'] = tenantId;
+					}
+					
+					const res = await uni.request({
+						url: url,
+						method: 'POST',
+						header: headers,
+						timeout: 30000 // 转文本可能需要较长时间
+					});
+					
+					// 从转文本列表中移除
+					const idIndex = this.transcribingIds.indexOf(audioId);
+					if (idIndex > -1) {
+						this.transcribingIds.splice(idIndex, 1);
+					}
+					
+					if (res.statusCode === 200 && res.data && res.data.success) {
+						uni.showToast({
+							title: res.data.message || '转文本请求已提交',
+							icon: 'success',
+							duration: 2000
+						});
+						
+						// 如果返回了更新后的数据，更新列表中的该项
+						if (res.data.data) {
+							// 更新列表中的该项
+							this.$set(this.audioSegmentsList, index, {
+								...item,
+								...res.data.data
+							});
+						} else {
+							// 如果没有返回数据，可以刷新整个列表
+							// 或者等待用户手动刷新
+							// 这里先不自动刷新，因为转文本是后台处理
+						}
+					} else {
+						uni.showToast({
+							title: res.data?.message || '转文本请求失败',
+							icon: 'none',
+							duration: 2000
+						});
+					}
+				} catch (error) {
+					// 从转文本列表中移除
+					const audioId = item.id || item.segmentId;
+					const idIndex = this.transcribingIds.indexOf(audioId);
+					if (idIndex > -1) {
+						this.transcribingIds.splice(idIndex, 1);
+					}
+					
+					console.error('转文本失败:', error);
+					uni.showToast({
+						title: `转文本失败: ${error.errMsg || error.message || '未知错误'}`,
+						icon: 'none',
+						duration: 2000
+					});
+				}
+			},
+			// 格式化时长（秒转换为时分秒）
+			formatDuration(seconds) {
+				if (!seconds) return '00:00:00';
+				const hours = Math.floor(seconds / 3600);
+				const minutes = Math.floor((seconds % 3600) / 60);
+				const secs = seconds % 60;
+				return `${String(hours).padStart(2, '0')}:${String(minutes).padStart(2, '0')}:${String(secs).padStart(2, '0')}`;
+			},
+			// 格式化日期时间
+			formatDateTime(dateTime) {
+				if (!dateTime) return '';
+				const date = new Date(dateTime);
+				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}`;
+			},
+			// 格式化录音文件名：只显示第一个中划线之后和最后一个中划线之前的内容
+			formatAudioFileName(fileName) {
+				if (!fileName) return '未命名录音';
+				// 找到第一个中划线的位置
+				const firstDashIndex = fileName.indexOf('-');
+				if (firstDashIndex === -1) {
+					// 如果没有中划线，直接返回原文件名
+					return fileName;
+				}
+				// 找到最后一个中划线的位置
+				const lastDashIndex = fileName.lastIndexOf('-');
+				if (firstDashIndex === lastDashIndex) {
+					// 如果只有一个中划线，返回中划线之后的内容
+					return fileName.substring(firstDashIndex + 1);
+				}
+				// 返回第一个中划线之后到最后一个中划线之前的内容
+				return fileName.substring(firstDashIndex + 1, lastDashIndex);
+			},
+			// 截断文本，只显示指定长度
+			truncateText(text, maxLength) {
+				if (!text) return '';
+				if (text.length <= maxLength) return text;
+				return text.substring(0, maxLength) + '...';
+			},
+			closeDetail() {
+				this.$refs.serviceDetailPopup.close();
+			},
+			shareDetail() {
+				// 分享详情
+				uni.showToast({
+					title: '分享功能',
+					icon: 'none'
+				});
+			},
+			togglePlay() {
+				this.isPlaying = !this.isPlaying;
+			},
+			switchDetailTab(tab) {
+				this.activeDetailTab = tab;
+				// 切换到智能待办标签页时，加载待办事项数据
+				if (tab === 'todo') {
+					this.loadTodoList();
+				}
+				// 切换到章节概要标签页时，加载章节概要数据
+				if (tab === 'chapter') {
+					this.loadChapterSummary();
+				}
+				// 切换到服务表现标签页时，加载服务表现数据
+				if (tab === 'performance') {
+					this.loadPerformanceData();
+				}
+			},
+			getDetailTabName(tab) {
+				const names = {
+					'todo': '智能待办',
+					'chapter': '章节概要',
+					'performance': '服务表现'
+				};
+				return names[tab] || '';
+			},
+			initSummaryList(item) {
+				this.summaryList = initSummaryList(item);
+				this.performanceData = initPerformanceData();
+			},
+			// 加载家具意向分析数据
+			async loadFurnitureAnalysis(item) {
+				try {
+					// 获取parentId，从rawData中获取id
+					const parentId = item.rawData?.id || item.id;
+					if (!parentId) {
+						console.warn('无法获取parentId');
+						this.furnitureAnalysisList = [];
+						return;
+					}
+					
+					// 统一使用 getApiUrl，根据 env.js 配置自动切换环境
+					const url = `${getApiUrl('/api/audioTextAnalysisFurniture/byParentId')}?parentId=${parentId}`;
+					
+					const res = await uni.request({
+						url: url,
+						method: 'GET',
+						timeout: 10000
+					});
+					
+					if (res.statusCode === 200 && res.data && res.data.success) {
+						this.furnitureAnalysisList = res.data.data || [];
+						// 如果有数据，更新summaryList显示家具意向分析
+						if (this.furnitureAnalysisList.length > 0) {
+							this.updateSummaryWithFurnitureData();
+						}
+					} else {
+						console.warn('获取家具意向分析失败:', res.data?.message || '未知错误');
+						this.furnitureAnalysisList = [];
+					}
+				} catch (error) {
+					console.error('获取家具意向分析失败:', error);
+					this.furnitureAnalysisList = [];
+				}
+			},
+			// 用家具意向分析数据更新会话总结
+			updateSummaryWithFurnitureData() {
+				if (this.furnitureAnalysisList.length === 0) return;
+				
+				// 从第一个家具意向分析数据中提取关键信息
+				const firstItem = this.furnitureAnalysisList[0];
+				
+				// 构建会话总结列表，显示客户类型、家庭结构、一句话总结
+				const summaryItems = [];
+				
+				// 客户类型
+				if (firstItem.customerType) {
+					summaryItems.push({
+						label: '客户类型',
+						value: firstItem.customerType,
+						rawData: firstItem
+					});
+				}
+				
+				// 家庭结构
+				if (firstItem.familyStructure) {
+					summaryItems.push({
+						label: '家庭结构',
+						value: firstItem.familyStructure,
+						rawData: firstItem
+					});
+				}
+				
+				// 一句话总结（单独存储，不在summaryList中）
+				if (firstItem.summarySentence) {
+					this.summarySentence = firstItem.summarySentence;
+				}
+				
+				// 成交关键点（可以从数据中提取或生成）
+				if (firstItem.dealKeyPoints) {
+					this.dealKeyPoints = firstItem.dealKeyPoints;
+				} else if (firstItem.summarySentence) {
+					// 如果数据中没有成交关键点，可以从一句话总结中提取关键信息
+					// 提取关键词：活动优惠、搭配、环保、安全、交付、退换、服务等
+					const keyWords = [];
+					const summary = firstItem.summarySentence;
+					if (summary.includes('优惠') || summary.includes('活动')) {
+						keyWords.push('活动优惠');
+					}
+					if (summary.includes('搭配')) {
+						keyWords.push('整套搭配');
+					}
+					if (summary.includes('环保')) {
+						keyWords.push('环保');
+					}
+					if (summary.includes('安全')) {
+						keyWords.push('安全');
+					}
+					if (summary.includes('交付') || summary.includes('周期')) {
+						keyWords.push('快速交付');
+					}
+					if (summary.includes('退换') || summary.includes('服务')) {
+						keyWords.push('无忧退换服务');
+					}
+					if (keyWords.length > 0) {
+						this.dealKeyPoints = keyWords.join('，');
+					}
+				}
+				
+				// 如果提取到了数据，更新summaryList
+				if (summaryItems.length > 0) {
+					this.summaryList = summaryItems;
+				}
+				
+				// 构建产品需求清单
+				this.buildProductRequirementList(firstItem);
+			},
+			// 构建产品需求清单（固定显示所有产品类别）
+			buildProductRequirementList(data) {
+				const categories = [
+					{ key: 'sofa', name: '沙发', field: 'sofa' },
+					{ key: 'bed', name: '床', field: 'bedAndMattress' },
+					{ key: 'mattress', name: '床垫', field: 'bedAndMattress' },
+					{ key: 'dining_table', name: '餐桌椅', field: 'diningTable' },
+					{ key: 'tea_table', name: '茶几', field: 'teaTable' },
+					{ key: 'tv_cabinet', name: '电视柜', field: 'tvCabinet' },
+					{ key: 'study_desk', name: '学习桌', field: 'studyDesk' },
+					{ key: 'cabinet', name: '橱柜', field: 'cabinet' },
+					{ key: 'wine_cabinet', name: '酒柜', field: 'wineCabinet' },
+					{ key: 'master_bedroom_cabinet', name: '主卧衣柜', field: 'masterBedroomCabinet' },
+					{ key: 'secondary_bedroom_cabinet', name: '次卧衣柜', field: 'secondaryBedroomCabinet' },
+					{ key: 'shoe_cabinet', name: '鞋柜', field: 'shoeCabinet' },
+					{ key: 'custom', name: '定制家居', field: null }
+				];
+				
+				const requirementMap = {};
+				const categoryList = [];
+				
+				categories.forEach(category => {
+					// 检查是否有该产品的数据
+					let hasData = false;
+					let productData = null;
+					
+					if (category.key === 'bed' || category.key === 'mattress') {
+						// 床和床垫共用bedAndMattress字段
+						const fieldValue = data.bedAndMattress || data.bed_and_mattress || '';
+						if (fieldValue && fieldValue.trim()) {
+							hasData = true;
+							productData = this.parseProductJson(fieldValue);
+						}
+					} else if (category.key === 'custom') {
+						// 定制家居：暂时跳过，因为各个定制产品已有单独类别
+						// 如果需要显示定制家居汇总，可以在这里添加逻辑
+						hasData = false;
+					} else {
+						// 尝试驼峰命名和蛇形命名
+						const fieldValue = data[category.field] || data[this.toSnakeCase(category.field)] || '';
+						if (fieldValue && fieldValue.trim()) {
+							hasData = true;
+							productData = this.parseProductJson(fieldValue);
+						}
+					}
+					
+					// 只有当有数据时才添加到列表中
+					if (hasData) {
+						categoryList.push({ key: category.key, name: category.name });
+						
+						// 构建产品需求行
+						const rows = this.buildProductDimensionRows(productData, data, category.key);
+						requirementMap[category.key] = { rows };
+					}
+				});
+				
+				this.productRequirementMap = requirementMap;
+				this.productCategoryList = categoryList;
+				
+				if (categoryList.length > 0) {
+					this.activeProductCategory = categoryList[0].key;
+				}
+			},
+			// 解析产品JSON字符串
+			parseProductJson(jsonString) {
+				if (!jsonString || typeof jsonString !== 'string') {
+					return null;
+				}
+				
+				try {
+					const parsed = JSON.parse(jsonString);
+					return parsed;
+				} catch (error) {
+					console.warn('解析产品JSON失败:', error, jsonString);
+					return null;
+				}
+			},
+			// 驼峰转蛇形命名
+			toSnakeCase(str) {
+				if (!str) return '';
+				// 在大写字母前加下划线，然后转小写，最后去掉开头的下划线
+				return str.replace(/([A-Z])/g, '_$1').toLowerCase().replace(/^_/, '');
+			},
+			// 切换产品类别
+			switchProductCategory(categoryKey) {
+				this.activeProductCategory = categoryKey;
+			},
+			// 获取产品类别名称
+			getProductCategoryName(categoryKey) {
+				const category = this.productCategoryList.find(item => item.key === categoryKey);
+				return category ? category.name : '';
+			},
+			// 获取所有产品类别名称（用于意向产品清单显示）
+			getProductCategoryNames() {
+				return this.productCategoryList.map(item => item.name).join('，');
+			},
+			parseProductAttributes(productKey, requirementText, data) {
+				const attributes = {};
+				const text = (requirementText || '').trim();
+				if (!text) return attributes;
+				
+				const matchFirst = (pattern) => {
+					const result = text.match(pattern);
+					return result ? result[0] : '';
+				};
+				
+				switch (productKey) {
+					case 'sofa':
+						attributes.type = matchFirst(/(L型|L形|一字型|U型|U形|带贵妃榻|贵妃榻|三人位|四人位|转角|组合)/);
+						attributes.material = matchFirst(/(真皮|科技布|布艺|布|皮质|皮革|实木|板式|棉麻|绒布)/);
+						attributes.size = matchFirst(/(\d+\.?\d*)\s*(米|m|平米|平方米)/);
+						attributes.color = matchFirst(/(米白|白色|灰色|黑色|棕色|蓝色|绿色|暖色调|冷色调|灰白色系)/);
+						attributes.style = matchFirst(/(现代简约|简约现代|现代|北欧|中式|美式|欧式|工业风|原木风|简约|极简)/);
+						if (text.includes('储物') || text.includes('收纳')) attributes.feature = '储物';
+						if (text.includes('好打理')) attributes.remark = '要求好打理';
+						break;
+					case 'bed':
+						attributes.size = matchFirst(/(\d+\.?\d*)\s*(米|m)/);
+						attributes.material = matchFirst(/(实木|板式|软包|皮质|布艺)/);
+						attributes.style = data.decorationStyle || '';
+						if (text.includes('主卧')) attributes.remark = '主卧';
+						break;
+					case 'mattress':
+						attributes.size = matchFirst(/(\d+\.?\d*)\s*(米|m)/);
+						attributes.material = matchFirst(/(弹簧|记忆棉|乳胶|椰棕|海绵)/);
+						if (text.includes('分区支撑')) attributes.softness = '分区支撑（兼顾软硬需求）';
+						else if (text.includes('偏软') || text.includes('软')) attributes.softness = '偏软';
+						else if (text.includes('偏硬') || text.includes('硬')) attributes.softness = '偏硬';
+						break;
+					case 'dining_table':
+						if (text.includes('伸缩')) attributes.type = '可伸缩';
+						const rangeMatch = text.match(/(\d+\.?\d*)\s*[-~到]\s*(\d+\.?\d*)\s*米/);
+						if (rangeMatch) attributes.size = `${rangeMatch[1]}-${rangeMatch[2]}米`;
+						else attributes.size = matchFirst(/(\d+\.?\d*)\s*米/);
+						attributes.chairCount = matchFirst(/(\d+)\s*把/);
+						if (text.includes('舒适')) attributes.feature = '舒适型';
+						attributes.style = data.decorationStyle || '';
+						break;
+					case 'tea_table':
+						if (text.includes('抽屉')) attributes.type = '带抽屉';
+						if (text.includes('储物') || text.includes('收纳')) attributes.feature = '储物';
+						attributes.style = data.decorationStyle || '';
+						break;
+					case 'tv_cabinet':
+						if (text.includes('组合')) attributes.type = '组合式';
+						if (text.includes('储物')) attributes.feature = '储物';
+						attributes.style = data.decorationStyle || '';
+						break;
+					case 'study_desk':
+						if (text.includes('可调节') || text.includes('调节高度')) attributes.type = '可调节高度';
+						if (text.includes('成长')) attributes.feature = '适应孩子成长';
+						break;
+					case 'wine_cabinet':
+						if (text.includes('恒温')) attributes.feature = '恒温';
+						const capacity = text.match(/(\d+)[-~到](\d+)\s*瓶|(\d+)\s*瓶/);
+						if (capacity) {
+							if (capacity[1] && capacity[2]) attributes.capacity = `${capacity[1]}-${capacity[2]}瓶`;
+							else if (capacity[3]) attributes.capacity = `${capacity[3]}瓶`;
+						}
+						break;
+					case 'master_bedroom_cabinet':
+					case 'secondary_bedroom_cabinet':
+						if (text.includes('定制') || text.includes('整墙')) attributes.type = text.includes('整墙') ? '整墙定制' : '定制';
+						attributes.size = matchFirst(/(\d+\.?\d*)\s*(米|m)/);
+						if (text.includes('衣帽间')) attributes.feature = '带衣帽间';
+						if (text.includes('主卧')) attributes.remark = '主卧';
+						if (text.includes('次卧')) attributes.remark = '次卧';
+						break;
+					case 'shoe_cabinet':
+						if (text.includes('窄款') || text.includes('高型')) attributes.type = '窄款高型';
+						attributes.size = matchFirst(/(\d+\.?\d*)\s*(米|m)/);
+						if (text.includes('带座') || text.includes('可坐')) attributes.feature = '带座功能';
+						if (text.includes('收纳空间')) attributes.remark = '大容量收纳';
+						break;
+					default:
+						attributes.description = text;
+						break;
+				}
+				
+				if (!attributes.style && data && data.decorationStyle) attributes.style = data.decorationStyle;
+				if (!attributes.color && data && data.decorationStyle) {
+					const color = data.decorationStyle.match(/(米白|白色|灰色|黑色|棕色|蓝色|暖色调|冷色调|灰白色系|原木色)/);
+					if (color) attributes.color = color[0];
+				}
+				if (!attributes.description && text) attributes.description = text;
+				return attributes;
+			},
+			buildProductDimensionRows(productData = null, data = {}, categoryKey = '') {
+				const dimensionLabels = [
+					{ key: 'styleColor', label: '偏好风格与颜色', field: 'preferenceStyleAndColor' },
+					{ key: 'material', label: '材质偏好', field: 'materialPreference' },
+					{ key: 'focus', label: '客户重点关注', field: 'customerFocusAreas' },
+					{ key: 'price', label: '价格敏感度', field: 'priceSensitivity' },
+					{ key: 'campaign', label: '活动参与度', field: 'activityParticipation' },
+					{ key: 'ordered', label: '客户疑虑点', field: 'customerConcerns' },
+					{ key: 'service', label: '交付服务', field: 'deliveryService' },
+					{ key: 'competitor', label: '竞品反馈', field: 'competitorFeedback' },
+					{ key: 'delivery', label: '交付周期', field: 'deliveryCycle' },
+					{ key: 'appearance', label: '产品颜值', field: 'productAppearance' }
+				];
+				
+				// 判断productData是否是解析后的JSON对象
+				// 通过检查是否包含后端返回的JSON字段来判断
+				const isParsedJson = productData && 
+					typeof productData === 'object' && 
+					!Array.isArray(productData) && 
+					productData !== null &&
+					('preferenceStyleAndColor' in productData || 
+					 'materialPreference' in productData || 
+					 'customerConcerns' in productData);
+				
+				const getValue = (field) => {
+					if (isParsedJson) {
+						// 从解析后的JSON对象中获取字段
+						const value = productData[field];
+						// 如果值是字符串，去除首尾空格；如果是其他类型，转为字符串
+						if (value === null || value === undefined || value === '') {
+							return '暂无信息';
+						}
+						if (typeof value === 'string') {
+							const trimmed = value.trim();
+							return trimmed || '暂无信息';
+						}
+						return String(value) || '暂无信息';
+					} else {
+						// 向后兼容：从data对象中获取，或使用默认值
+						// 这里productData可能是旧的attributes对象或null
+						const attributes = productData || {};
+						
+						switch (field) {
+							case 'preferenceStyleAndColor':
+								const parts = [];
+								if (attributes.style) parts.push(attributes.style);
+								if (attributes.color) parts.push(attributes.color);
+								if (parts.length === 0 && data.decorationStyle) parts.push(data.decorationStyle);
+								return parts.join(' / ') || '暂无信息';
+							case 'materialPreference':
+								return attributes.material || '暂无信息';
+							case 'customerFocusAreas':
+								return attributes.feature || attributes.remark || '暂无信息';
+							case 'priceSensitivity':
+								return data.priceSensitivity || '暂无信息';
+							case 'activityParticipation':
+								return data.campaignPreference || data.activityParticipation || '暂无信息';
+							case 'customerConcerns':
+								return attributes.description || '暂无信息';
+							case 'deliveryService':
+								return data.serviceExpectation || '暂无信息';
+							case 'competitorFeedback':
+								return data.competitorFeedback || '暂无信息';
+							case 'deliveryCycle':
+								return data.deliveryCycle || '暂无信息';
+							case 'productAppearance':
+								return data.appearancePreference || attributes.style || '暂无信息';
+							default:
+								return '暂无信息';
+						}
+					}
+				};
+				
+				return dimensionLabels.map(item => ({
+					label: item.label,
+					content: getValue(item.field) || '暂无信息'
+				}));
+			},
+			toggleCategory(index) {
+				this.performanceData.categories[index].expanded = !this.performanceData.categories[index].expanded;
+			},
+			toggleItem(categoryIndex, itemIndex) {
+				// 可以在这里添加展开子项详情的逻辑
+				console.log('查看子项详情', categoryIndex, itemIndex);
+			},
+			viewSummaryDetail(item) {
+				// 查看总结详情
+				console.log('查看总结详情', item);
+			},
+			viewCustomer() {
+				// 查看客户详情
+				this.closeDetail();
+				this.switchTab('customer');
+			},
+			viewCustomerDetail(item) {
+				// 查看客户详情
+				this.currentCustomerProfile = initCustomerProfile(item);
+				this.$refs.customerProfileModal.open();
+			},
+			// 加载待办事项列表
+			async loadTodoList(params = {}) {
+				try {
+					// 获取parentId，从当前服务记录的rawData中获取id
+					const parentId = this.currentServiceDetail.rawData?.id || this.currentServiceDetail.id;
+					if (!parentId) {
+						console.warn('无法获取parentId，无法加载待办事项');
+						this.todoList = [];
+						this.todoListTotal = 0;
+						return;
+					}
+					
+					const queryParams = {
+						current: this.todoListPage.current,
+						size: this.todoListPage.size,
+						parentId: parentId
+					};
+					
+					// 添加其他查询参数
+					if (params.status) {
+						queryParams.status = params.status;
+					}
+					if (params.todoTitle) {
+						queryParams.todoTitle = params.todoTitle;
+					}
+					if (params.ownerName) {
+						queryParams.ownerName = params.ownerName;
+					}
+					if (params.ownerPhone) {
+						queryParams.ownerPhone = params.ownerPhone;
+					}
+					if (params.createStartTime) {
+						queryParams.createStartTime = params.createStartTime;
+					}
+					if (params.createEndTime) {
+						queryParams.createEndTime = params.createEndTime;
+					}
+					if (params.updateStartTime) {
+						queryParams.updateStartTime = params.updateStartTime;
+					}
+					if (params.updateEndTime) {
+						queryParams.updateEndTime = params.updateEndTime;
+					}
+					
+					// 构建查询参数
+					const queryString = Object.keys(queryParams)
+						.filter(key => queryParams[key] !== null && queryParams[key] !== undefined && queryParams[key] !== '')
+						.map(key => `${key}=${encodeURIComponent(queryParams[key])}`)
+						.join('&');
+					
+					// 统一使用 getApiUrl，根据 env.js 配置自动切换环境
+					const baseUrl = getApiUrl('/api/todoItem/list');
+					const url = queryString ? `${baseUrl}?${queryString}` : baseUrl;
+					
+					const res = await uni.request({
+						url: url,
+						method: 'GET',
+						timeout: 10000
+					});
+					
+					if (res.statusCode === 200 && res.data && res.data.success) {
+						this.todoList = res.data.data || [];
+						this.todoListTotal = res.data.total || 0;
+					} else {
+						console.warn('获取待办事项失败:', res.data?.message || '未知错误');
+						this.todoList = [];
+						this.todoListTotal = 0;
+						uni.showToast({
+							title: res.data?.message || '获取待办事项失败',
+							icon: 'none'
+						});
+					}
+				} catch (error) {
+					console.error('获取待办事项失败:', error);
+					this.todoList = [];
+					this.todoListTotal = 0;
+					uni.showToast({
+						title: `获取待办事项失败: ${error.errMsg || error.message || '未知错误'}`,
+						icon: 'none',
+						duration: 3000
+					});
+				}
+			},
+			// 获取待办事项状态样式类
+			getTodoStatusClass(status) {
+				if (!status) return 'status-pending';
+				if (status.includes('完成') || status === '已完成') {
+					return 'status-completed';
+				}
+				if (status.includes('进行') || status === '进行中') {
+					return 'status-processing';
+				}
+				if (status.includes('待') || status === '待处理') {
+					return 'status-pending';
+				}
+				return 'status-pending';
+			},
+			// 获取待办事项状态文本样式类
+			getTodoStatusTextClass(status) {
+				if (!status) return 'status-text-pending';
+				if (status.includes('完成') || status === '已完成') {
+					return 'status-text-completed';
+				}
+				if (status.includes('进行') || status === '进行中') {
+					return 'status-text-processing';
+				}
+				if (status.includes('待') || status === '待处理') {
+					return 'status-text-pending';
+				}
+				return 'status-text-pending';
+			},
+			// 格式化日期时间
+			formatDateTime(dateTimeStr) {
+				if (!dateTimeStr) return '';
+				try {
+					const date = new Date(dateTimeStr);
+					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');
+					return `${year}-${month}-${day} ${hours}:${minutes}`;
+				} catch (error) {
+					console.warn('格式化日期时间失败:', error);
+					return dateTimeStr;
+				}
+			},
+			// 判断待办事项是否为待处理状态
+			isTodoPending(status) {
+				if (!status) return true;
+				return status.includes('待') || status === '待处理' || status === '待处理';
+			},
+			// 切换待办事项下拉菜单
+			toggleTodoMenu(index, event) {
+				if (this.activeTodoMenuIndex === index) {
+					this.activeTodoMenuIndex = null;
+					this.currentTodoItem = null;
+					this.todoMenuStyle = {};
+				} else {
+					this.activeTodoMenuIndex = index;
+					this.currentTodoItem = this.todoList[index];
+					
+					// 计算下拉菜单位置
+					this.$nextTick(() => {
+						const query = uni.createSelectorQuery().in(this);
+						query.select(`#todo-status-${index}`).boundingClientRect((rect) => {
+							if (rect) {
+								// 获取窗口信息
+								uni.getSystemInfo({
+									success: (res) => {
+										// 计算下拉菜单位置：在状态标签下方，右对齐
+										// rpx转px: 1rpx = 屏幕宽度 / 750
+										const rpxToPx = res.windowWidth / 750;
+										const menuWidth = 200 * rpxToPx; // 菜单宽度
+										const right = res.windowWidth - rect.right;
+										const top = rect.bottom + 4;
+										
+										this.todoMenuStyle = {
+											right: `${right}px`,
+											top: `${top}px`,
+											width: `${menuWidth}px`
+										};
+									}
+								});
+							}
+						}).exec();
+					});
+				}
+			},
+			// 关闭待办事项下拉菜单
+			closeTodoMenu() {
+				this.activeTodoMenuIndex = null;
+				this.currentTodoItem = null;
+				this.todoMenuStyle = {};
+			},
+			// 处理完成待办事项
+			async handleTodoComplete(item, index) {
+				this.closeTodoMenu();
+				
+				const todoId = item.id;
+				if (!todoId) {
+					uni.showToast({
+						title: '待办事项ID不存在',
+						icon: 'none'
+					});
+					return;
+				}
+				
+				try {
+					// 统一使用 getApiUrl，根据 env.js 配置自动切换环境
+					const url = getApiUrl('/api/todoItem/updateTodoStatus');
+					
+					const res = await uni.request({
+						url: url,
+						method: 'POST',
+						data: {
+							id: todoId
+						},
+						timeout: 10000,
+						header: {
+							'Content-Type': 'application/json'
+						}
+					});
+					
+					if (res.statusCode === 200 && res.data && res.data.success) {
+						uni.showToast({
+							title: '处理完成',
+							icon: 'success'
+						});
+						// 刷新待办事项列表
+						await this.loadTodoList();
+					} else {
+						uni.showToast({
+							title: res.data?.message || '处理失败',
+							icon: 'none'
+						});
+					}
+				} catch (error) {
+					console.error('处理待办事项失败:', error);
+					uni.showToast({
+						title: `处理失败: ${error.errMsg || error.message || '未知错误'}`,
+						icon: 'none',
+						duration: 3000
+					});
+				}
+			},
+			// 延期处理待办事项
+			async handleTodoDelay(item, index) {
+				this.closeTodoMenu();
+				
+				const todoId = item.id;
+				if (!todoId) {
+					uni.showToast({
+						title: '待办事项ID不存在',
+						icon: 'none'
+					});
+					return;
+				}
+				
+				try {
+					// 统一使用 getApiUrl，根据 env.js 配置自动切换环境
+					const url = getApiUrl('/api/todoItem/delayProcessTodo');
+					
+					const res = await uni.request({
+						url: url,
+						method: 'POST',
+						data: {
+							id: todoId
+						},
+						timeout: 10000,
+						header: {
+							'Content-Type': 'application/json'
+						}
+					});
+					
+					if (res.statusCode === 200 && res.data && res.data.success) {
+						uni.showToast({
+							title: '已延期3天',
+							icon: 'success'
+						});
+						// 刷新待办事项列表
+						await this.loadTodoList();
+					} else {
+						uni.showToast({
+							title: res.data?.message || '延期失败',
+							icon: 'none'
+						});
+					}
+				} catch (error) {
+					console.error('延期待办事项失败:', error);
+					uni.showToast({
+						title: `延期失败: ${error.errMsg || error.message || '未知错误'}`,
+						icon: 'none',
+						duration: 3000
+					});
+				}
+			},
+			onCustomerProfileClose() {
+				// 客户档案关闭回调
+			},
+			// 加载章节概要数据
+			async loadChapterSummary() {
+				try {
+					// 获取parentId，从当前服务记录的rawData中获取id
+					const parentId = this.currentServiceDetail.rawData?.id || this.currentServiceDetail.id;
+					if (!parentId) {
+						console.warn('无法获取parentId，无法加载章节概要');
+						this.chapterSummaryList = [];
+						return;
+					}
+					
+					// 统一使用 getApiUrl，根据 env.js 配置自动切换环境
+					const url = `${getApiUrl('/api/audioTextAnalysisFurniture/byParentId')}?parentId=${parentId}`;
+					
+					const res = await uni.request({
+						url: url,
+						method: 'GET',
+						timeout: 10000
+					});
+					
+					if (res.statusCode === 200 && res.data && res.data.success) {
+						const data = res.data.data || [];
+						// 构建章节概要列表，提取summary1, summary2, summary3
+						const summaryList = [];
+						
+						// 如果返回的是数组，取第一个元素
+						const item = Array.isArray(data) && data.length > 0 ? data[0] : data;
+						
+						if (item) {
+							// 解析summary1（JSON字符串）
+							if (item.summary1) {
+								try {
+									const summary1Data = typeof item.summary1 === 'string' 
+										? JSON.parse(item.summary1) 
+										: item.summary1;
+									if (summary1Data && (summary1Data.customerConcerns || summary1Data.answer)) {
+										summaryList.push({
+											title: '章节1',
+											customerConcerns: summary1Data.customerConcerns || '',
+											answer: summary1Data.answer || ''
+										});
+									}
+								} catch (error) {
+									console.warn('解析summary1失败:', error);
+								}
+							}
+							
+							// 解析summary2（JSON字符串）
+							if (item.summary2) {
+								try {
+									const summary2Data = typeof item.summary2 === 'string' 
+										? JSON.parse(item.summary2) 
+										: item.summary2;
+									if (summary2Data && (summary2Data.customerConcerns || summary2Data.answer)) {
+										summaryList.push({
+											title: '章节2',
+											customerConcerns: summary2Data.customerConcerns || '',
+											answer: summary2Data.answer || ''
+										});
+									}
+								} catch (error) {
+									console.warn('解析summary2失败:', error);
+								}
+							}
+							
+							// 解析summary3（JSON字符串）
+							if (item.summary3) {
+								try {
+									const summary3Data = typeof item.summary3 === 'string' 
+										? JSON.parse(item.summary3) 
+										: item.summary3;
+									if (summary3Data && (summary3Data.customerConcerns || summary3Data.answer)) {
+										summaryList.push({
+											title: '章节3',
+											customerConcerns: summary3Data.customerConcerns || '',
+											answer: summary3Data.answer || ''
+										});
+									}
+								} catch (error) {
+									console.warn('解析summary3失败:', error);
+								}
+							}
+						}
+						
+						this.chapterSummaryList = summaryList;
+					} else {
+						console.warn('获取章节概要失败:', res.data?.message || '未知错误');
+						this.chapterSummaryList = [];
+					}
+				} catch (error) {
+					console.error('获取章节概要失败:', error);
+					this.chapterSummaryList = [];
+				}
+			},
+			// 加载服务表现数据
+			async loadPerformanceData() {
+				try {
+					// 获取parentId，从当前服务记录的rawData中获取id
+					const parentId = this.currentServiceDetail.rawData?.id || this.currentServiceDetail.id;
+					if (!parentId) {
+						console.warn('无法获取parentId，无法加载服务表现数据');
+						// 使用默认数据
+						this.performanceData = initPerformanceData();
+						return;
+					}
+					
+					// 统一使用 getApiUrl，根据 env.js 配置自动切换环境
+					const url = `${getApiUrl('/api/audioTextAnalysisSop/listByParentId')}?parentId=${parentId}`;
+					
+					const res = await uni.request({
+						url: url,
+						method: 'GET',
+						timeout: 10000
+					});
+					
+					if (res.statusCode === 200 && res.data && res.data.success) {
+						const data = res.data.data;
+						// 如果返回的是数组，取第一个元素
+						const sopData = Array.isArray(data) && data.length > 0 ? data[0] : data;
+						if (sopData) {
+							// 将后端数据转换为前端需要的格式
+							this.performanceData = this.convertSopDataToPerformanceData(sopData);
+						} else {
+							console.warn('服务表现数据为空');
+							// 使用默认数据
+							this.performanceData = initPerformanceData();
+						}
+					} else {
+						console.warn('获取服务表现数据失败:', res.data?.message || '未知错误');
+						// 使用默认数据
+						this.performanceData = initPerformanceData();
+					}
+				} catch (error) {
+					console.error('获取服务表现数据失败:', error);
+					// 使用默认数据
+					this.performanceData = initPerformanceData();
+				}
+			},
+			// 将后端SOP数据转换为前端performanceData格式
+			convertSopDataToPerformanceData(sopData) {
+				// 判断分数是否完成（分数大于等于60分认为完成）
+				const isCompleted = (score) => score !== null && score !== undefined && score >= 60;
+				
+				// 收集所有子项的分数用于计算总分
+				const allScores = [
+					sopData.greetingIceBreaking,
+					sopData.brandIntroduction,
+					sopData.goldenThreeQuestions,
+					sopData.needsGuidance,
+					sopData.serviceProgression,
+					sopData.reassuranceHandbook,
+					sopData.threeLevelPricing,
+					sopData.objectionHandling,
+					sopData.activityImplantation,
+					sopData.closingCooperation,
+					sopData.proactiveWechatAdd,
+					sopData.politeFarewell
+				].filter(score => score !== null && score !== undefined);
+				
+				// 计算总分：优先使用后端返回的comprehensiveScore，如果没有则计算所有子项的平均分
+				let totalScore = sopData.comprehensiveScore || sopData.comprehensive_score;
+				if (totalScore === null || totalScore === undefined) {
+					// 如果后端没有返回总分，则计算所有子项的平均分
+					if (allScores.length > 0) {
+						const sum = allScores.reduce((acc, score) => acc + score, 0);
+						totalScore = Math.round(sum / allScores.length);
+					} else {
+						totalScore = 0;
+					}
+				}
+				
+				// 构建分类和子项数据
+				const categories = [
+					{
+						name: '迎宾探寻',
+						completed: isCompleted(sopData.greetingIceBreaking) || isCompleted(sopData.brandIntroduction),
+						expanded: true,
+						showBanner: false,
+						showAudio: false,
+						items: [
+							{ 
+								name: '破冰', 
+								completed: isCompleted(sopData.greetingIceBreaking), 
+								points: sopData.greetingIceBreaking || 0 
+							},
+							{ 
+								name: '品牌介绍', 
+								completed: isCompleted(sopData.brandIntroduction), 
+								points: sopData.brandIntroduction || 0 
+							}
+						]
+					},
+					{
+						name: '展厅体验',
+						completed: isCompleted(sopData.goldenThreeQuestions) || isCompleted(sopData.needsGuidance),
+						expanded: true,
+						showBanner: false,
+						showAudio: false,
+						items: [
+							{ 
+								name: '黄金三问', 
+								completed: isCompleted(sopData.goldenThreeQuestions), 
+								points: sopData.goldenThreeQuestions || 0 
+							},
+							{ 
+								name: '需求引导', 
+								completed: isCompleted(sopData.needsGuidance), 
+								points: sopData.needsGuidance || 0 
+							}
+						]
+					},
+					{
+						name: '落座规划',
+						completed: isCompleted(sopData.serviceProgression) || isCompleted(sopData.reassuranceHandbook),
+						expanded: true,
+						showBanner: false,
+						showAudio: false,
+						items: [
+							{ 
+								name: '服务递进', 
+								completed: isCompleted(sopData.serviceProgression), 
+								points: sopData.serviceProgression || 0 
+							},
+							{ 
+								name: 'SGS放心手册', 
+								completed: isCompleted(sopData.reassuranceHandbook), 
+								points: sopData.reassuranceHandbook || 0 
+							}
+						]
+					},
+					{
+						name: '方案报价',
+						completed: isCompleted(sopData.threeLevelPricing),
+						expanded: true,
+						showBanner: false,
+						showAudio: false,
+						items: [
+							{ 
+								name: '三级报价', 
+								completed: isCompleted(sopData.threeLevelPricing), 
+								points: sopData.threeLevelPricing || 0 
+							}
+						]
+					},
+					{
+						name: '促单成交',
+						completed: isCompleted(sopData.objectionHandling),
+						expanded: true,
+						showBanner: false,
+						showAudio: false,
+						items: [
+							{ 
+								name: '解答异议', 
+								completed: isCompleted(sopData.objectionHandling), 
+								points: sopData.objectionHandling || 0 
+							}
+						]
+					},
+					{
+						name: '送客跟进',
+						completed: isCompleted(sopData.activityImplantation) || 
+								   isCompleted(sopData.closingCooperation) || 
+								   isCompleted(sopData.proactiveWechatAdd) || 
+								   isCompleted(sopData.politeFarewell),
+						expanded: true,
+						showBanner: false,
+						showAudio: false,
+						items: [
+							{ 
+								name: '活动植入', 
+								completed: isCompleted(sopData.activityImplantation), 
+								points: sopData.activityImplantation || 0 
+							},
+							{ 
+								name: '压单配合', 
+								completed: isCompleted(sopData.closingCooperation), 
+								points: sopData.closingCooperation || 0 
+							},
+							{ 
+								name: '主动添加微信', 
+								completed: isCompleted(sopData.proactiveWechatAdd), 
+								points: sopData.proactiveWechatAdd || 0 
+							},
+							{ 
+								name: '邀约量尺时间', 
+								completed: false, 
+								points: 0 
+							},
+							{ 
+								name: '礼貌道别', 
+								completed: isCompleted(sopData.politeFarewell), 
+								points: sopData.politeFarewell || 0 
+							}
+						]
+					}
+				];
+				
+				return {
+					totalScore: totalScore,
+					categories: categories
+				};
+			},
+			// 加载服务记录列表
+			async loadServiceList(params = {}) {
+				try {
+					// 构建查询参数对象（后端使用 @RequestParam，参数需要作为 URL 查询参数传递）
+					const queryParams = {
+						current: this.serviceListPage.current,
+						size: this.serviceListPage.size,
+						serviceStatus: '服务结束'  // 默认搜索条件：服务结束
+					};
+					
+					// 添加查询参数：所属销售姓名和客户姓名
+					const trimmedSalesName = params.salesName?.trim();
+					const trimmedCustomerName = params.customerName?.trim();
+					if (trimmedSalesName) {
+						queryParams.salesName = trimmedSalesName;
+					}
+					if (trimmedCustomerName) {
+						queryParams.customerName = trimmedCustomerName;
+					}
+					
+					// 将参数转换为 URL 查询字符串（因为后端使用 @RequestParam）
+					const queryString = Object.keys(queryParams)
+						.filter(key => queryParams[key] !== null && queryParams[key] !== undefined && queryParams[key] !== '')
+						.map(key => `${encodeURIComponent(key)}=${encodeURIComponent(queryParams[key])}`)
+						.join('&');
+					
+					// 调试：打印请求参数
+					console.log('服务记录查询参数:', JSON.stringify(queryParams));
+					console.log('查询字符串:', queryString);
+					
+					// 后端使用 @RequestParam，参数需要作为 URL 查询参数传递
+					const baseUrl = getApiUrl('/api/audioManagement/list');
+					const url = queryString ? `${baseUrl}?${queryString}` : baseUrl;
+					
+					// 获取认证信息
+					let tenantId = '';
+					let token = '';
+					try {
+						tenantId = uni.getStorageSync('backend-tenant-id') || '';
+						token = uni.getStorageSync('backend-token') || '';
+					} catch (e) {
+						console.error('获取认证信息失败:', e);
+					}
+					
+					// 构建请求头（参考接待页面的实现方式）
+					const headers = {
+						'Content-Type': 'application/json'
+					};
+					if (token) {
+						headers['Authorization'] = `Bearer ${token}`;
+					}
+					if (tenantId) {
+						headers['X-Tenant-Id'] = tenantId;
+					}
+					
+					const res = await uni.request({
+						url,
+						method: 'POST',
+						data: {},  // POST 请求体为空，参数都在 URL 查询字符串中
+						header: headers,
+						timeout: 10000
+					});
+					
+					if (res.statusCode === 200 && res.data && res.data.success) {
+						// 转换后端数据为页面需要的格式
+						const mappedList = res.data.data.map(item => {
+							// 格式化时间：将 ISO 格式转换为 YYYY-MM-DD HH:mm:ss
+							let formattedTime = '';
+							if (item.createTime) {
+								const date = new Date(item.createTime);
+								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');
+								formattedTime = `${year}-${month}-${day} ${hours}:${minutes}:${seconds}`;
+							}
+							
+							return {
+								id: item.id,
+								title: `${item.salesName || ''}的服务记录`,
+								date: formattedTime ? `时间：${formattedTime}` : '',
+								description: item.summary || '',
+								customerName: item.customerName || '',
+								// 保留原始数据，用于详情页
+								rawData: item
+							};
+						});
+						// 分页：第一页或刷新时重置，其他情况追加
+						if (this.serviceListPage.current === 1) {
+							this.serviceList = mappedList;
+						} else {
+							this.serviceList = this.serviceList.concat(mappedList);
+						}
+						this.serviceListTotal = res.data.total || 0;
+					} else {
+						uni.showToast({
+							title: res.data.message || '获取服务记录失败',
+							icon: 'none'
+						});
+					}
+				} catch (error) {
+					console.error('获取服务记录失败:', error);
+					uni.showToast({
+						title: `获取服务记录失败: ${error.errMsg || error.message || '未知错误'}`,
+						icon: 'none',
+						duration: 3000
+					});
+				}
+			},
+		}
+	}
+</script>
+
+<style>
+	page {
+		background-color: #F5F5F5;
+	}
+	
+	.page {
+		min-height: 100vh;
+		background-color: #F5F5F5;
+	}
+	
+	.content {
+		padding-top: 0; /* 移除padding-top，因为tab页和列表组件都使用绝对定位 */
+		margin-top: 0;
+		position: relative;
+		min-height: 100vh; /* 确保content有足够高度 */
+	}
+	
+	/* 隐藏导航栏占位区域，避免产生空白 */
+	::v-deep .uni-navbar__placeholder {
+		display: none !important;
+	}
+	
+	/* 标签页 - 使用绝对定位紧贴导航栏 */
+	.tabs {
+		display: flex;
+		background-color: #FFFFFF;
+		border-bottom: 1px solid #E0E0E0;
+		padding: 0 32rpx;
+		position: absolute;
+		top: 88rpx; /* 导航栏高度 */
+		left: 0;
+		right: 0;
+		z-index: 1;
+	}
+	
+	.tab-item {
+		padding: 24rpx 32rpx;
+		position: relative;
+	}
+	
+	.tab-item text {
+		font-size: 30rpx;
+		color: #666;
+	}
+	
+	.tab-item.active text {
+		color: #333;
+		font-weight: 500;
+	}
+	
+	.tab-item.active::after {
+		content: '';
+		position: absolute;
+		bottom: 0;
+		left: 32rpx;
+		right: 32rpx;
+		height: 4rpx;
+		background-color: #007AFF;
+		border-radius: 2rpx;
+	}
+	
+	/* 列表头部 */
+	.list-header {
+		display: flex;
+		justify-content: space-between;
+		align-items: center;
+		padding: 24rpx 32rpx;
+		background-color: #FFFFFF;
+		border-bottom: 1px solid #F0F0F0;
+	}
+	
+	.total {
+		font-size: 28rpx;
+		color: #666;
+	}
+	
+	.filter-btn {
+		padding: 8rpx 16rpx;
+		background-color: #F5F5F5;
+		border-radius: 8rpx;
+	}
+	
+	.filter-btn text {
+		font-size: 24rpx;
+		color: #666;
+	}
+	
+	/* 服务记录列表 */
+	.service-list {
+		height: calc(100vh - 420rpx);
+		background-color: #FFFFFF;
+	}
+	
+	.service-item {
+		padding: 32rpx;
+		border-bottom: 1px solid #F0F0F0;
+		background-color: #FFFFFF;
+	}
+	
+	.service-header {
+		display: flex;
+		justify-content: space-between;
+		align-items: center;
+		margin-bottom: 16rpx;
+	}
+	
+	.service-title {
+		font-size: 32rpx;
+		font-weight: 500;
+		color: #333;
+	}
+	
+	.service-actions {
+		display: flex;
+		align-items: center;
+	}
+	
+	.archive-text {
+		font-size: 26rpx;
+		color: #999;
+		margin-right: 8rpx;
+	}
+	
+	.service-meta {
+		display: flex;
+		align-items: center;
+		margin-bottom: 16rpx;
+	}
+	
+	.service-date {
+		font-size: 24rpx;
+		color: #999;
+		margin-right: 16rpx;
+	}
+	
+	.service-duration {
+		font-size: 24rpx;
+		color: #999;
+	}
+	
+	.service-content {
+		margin-bottom: 24rpx;
+	}
+	
+	.service-desc {
+		font-size: 28rpx;
+		color: #666;
+		line-height: 1.6;
+	}
+	
+	.service-customer {
+		display: flex;
+		align-items: center;
+		margin-bottom: 16rpx;
+	}
+	
+	.customer-avatar {
+		width: 64rpx;
+		height: 64rpx;
+		background-color: #2196F3;
+		border-radius: 50%;
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		margin-right: 16rpx;
+	}
+	
+	.avatar-text {
+		font-size: 32rpx;
+		color: #FFFFFF;
+		font-weight: 500;
+	}
+	
+	.customer-name {
+		font-size: 28rpx;
+		color: #333;
+	}
+	
+	.ai-tag {
+		padding-top: 16rpx;
+		border-top: 1px solid #F0F0F0;
+	}
+	
+	.ai-tag text {
+		font-size: 24rpx;
+		color: #999;
+	}
+	
+	/* 服务记录详情弹窗 */
+	.service-detail-modal {
+		background-color: #FFFFFF;
+		border-radius: 32rpx 32rpx 0 0;
+		max-height: 90vh;
+		display: flex;
+		flex-direction: column;
+		overflow: hidden;
+	}
+	
+	.modal-header {
+		display: flex;
+		justify-content: space-between;
+		align-items: center;
+		padding: 32rpx;
+		border-bottom: 1px solid #F0F0F0;
+	}
+	
+	.modal-close,
+	.modal-share {
+		width: 48rpx;
+		height: 48rpx;
+		display: flex;
+		align-items: center;
+		justify-content: center;
+	}
+	
+	.modal-title {
+		font-size: 36rpx;
+		font-weight: 600;
+		color: #333;
+		flex: 1;
+		text-align: center;
+	}
+	
+	.modal-date {
+		padding: 16rpx 32rpx;
+	}
+	
+	.modal-date text {
+		font-size: 24rpx;
+		color: #999;
+	}
+	
+	.modal-banner {
+		background-color: #E3F2FD;
+		padding: 24rpx 32rpx;
+		display: flex;
+		justify-content: space-between;
+		align-items: center;
+		margin: 0 32rpx 24rpx;
+		border-radius: 16rpx;
+	}
+	
+	.modal-banner .banner-left {
+		display: flex;
+		align-items: center;
+		flex: 1;
+	}
+	
+	.modal-banner .banner-icon {
+		width: 40rpx;
+		height: 40rpx;
+		background-color: #FFFFFF;
+		border-radius: 50%;
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		margin-right: 12rpx;
+	}
+	
+	.modal-banner .banner-text {
+		font-size: 26rpx;
+		color: #1976D2;
+		flex: 1;
+	}
+	
+	.modal-banner .banner-right {
+		font-size: 28rpx;
+		color: #1976D2;
+		font-weight: 500;
+		margin-left: 16rpx;
+	}
+	
+	/* 音频播放器 */
+	.audio-player {
+		display: flex;
+		align-items: center;
+		padding: 24rpx 32rpx;
+		margin: 0 32rpx 24rpx;
+		background-color: #F5F5F5;
+		border-radius: 16rpx;
+	}
+	
+	.play-btn {
+		width: 48rpx;
+		height: 48rpx;
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		margin-right: 16rpx;
+	}
+	
+	.progress-bar {
+		flex: 1;
+		height: 4rpx;
+		background-color: #E0E0E0;
+		border-radius: 2rpx;
+		margin: 0 16rpx;
+		position: relative;
+	}
+	
+	.progress-line {
+		width: 30%;
+		height: 100%;
+		background-color: #007AFF;
+		border-radius: 2rpx;
+		position: relative;
+	}
+	
+	.progress-dot {
+		position: absolute;
+		right: -8rpx;
+		top: 50%;
+		transform: translateY(-50%);
+		width: 16rpx;
+		height: 16rpx;
+		background-color: #007AFF;
+		border-radius: 50%;
+		border: 2rpx solid #FFFFFF;
+	}
+	
+	.audio-time {
+		font-size: 24rpx;
+		color: #666;
+		margin-right: 16rpx;
+		min-width: 200rpx;
+	}
+	
+	.speed-btn {
+		padding: 8rpx 16rpx;
+		background-color: #FFFFFF;
+		border-radius: 8rpx;
+		border: 1px solid #E0E0E0;
+	}
+	
+	.speed-btn text {
+		font-size: 24rpx;
+		color: #333;
+	}
+	
+	/* 详情标签页 */
+	.detail-tabs {
+		display: flex;
+		background-color: #FFFFFF;
+		border-bottom: 1px solid #E0E0E0;
+		padding: 0 32rpx;
+		overflow-x: auto;
+		position: sticky;
+		top: 0;
+		z-index: 10;
+		flex-shrink: 0;
+	}
+	
+	.detail-tab-item {
+		padding: 24rpx 16rpx;
+		position: relative;
+		white-space: nowrap;
+		margin-right: 32rpx;
+	}
+	
+	.detail-tab-item text {
+		font-size: 28rpx;
+		color: #666;
+	}
+	
+	.detail-tab-item.active text {
+		color: #333;
+		font-weight: 500;
+	}
+	
+	.detail-tab-item.active::after {
+		content: '';
+		position: absolute;
+		bottom: 0;
+		left: 16rpx;
+		right: 16rpx;
+		height: 4rpx;
+		background-color: #007AFF;
+		border-radius: 2rpx;
+	}
+	
+	/* 详情内容 */
+	.detail-content {
+		flex: 1;
+		padding: 24rpx 32rpx;
+		background-color: #FFFFFF;
+		overflow-y: auto;
+		min-height: 0;
+	}
+	
+	.summary-item {
+		padding: 24rpx 0;
+		border-bottom: 1px solid #F0F0F0;
+		display: flex;
+		flex-direction: column;
+		position: relative;
+		padding-right: 40rpx;
+	}
+	
+	.summary-item:last-child {
+		border-bottom: none;
+	}
+	
+	.summary-label {
+		margin-bottom: 12rpx;
+	}
+	
+	.summary-label text {
+		font-size: 28rpx;
+		color: #666;
+		font-weight: 500;
+	}
+	
+	.summary-value {
+		flex: 1;
+	}
+	
+	.summary-value text {
+		font-size: 28rpx;
+		color: #333;
+		line-height: 1.6;
+	}
+	
+	.summary-item uni-icons {
+		position: absolute;
+		right: 0;
+		top: 50%;
+		transform: translateY(-50%);
+	}
+	
+	.empty-detail {
+		padding: 80rpx 0;
+		text-align: center;
+	}
+	
+	.empty-detail text {
+		font-size: 28rpx;
+		color: #999;
+	}
+	
+	/* 底部客户信息 */
+	.modal-footer {
+		display: flex;
+		align-items: center;
+		padding: 24rpx 32rpx;
+		border-top: 1px solid #F0F0F0;
+		background-color: #FFFFFF;
+	}
+	
+	.footer-label {
+		font-size: 28rpx;
+		color: #666;
+		margin: 0 8rpx 0 12rpx;
+	}
+	
+	.footer-customer {
+		font-size: 28rpx;
+		color: #1976D2;
+		flex: 1;
+	}
+	
+	/* 服务表现样式 */
+	.performance-score {
+		text-align: center;
+		padding: 40rpx 32rpx;
+		background-color: #FFFFFF;
+		border-bottom: 1px solid #F0F0F0;
+	}
+	
+	.score-label {
+		display: block;
+		font-size: 28rpx;
+		color: #666;
+		margin-bottom: 16rpx;
+	}
+	
+	.score-value {
+		display: block;
+		font-size: 72rpx;
+		font-weight: 600;
+		color: #007AFF;
+	}
+	
+	.performance-category {
+		background-color: #FFFFFF;
+		border-bottom: 1px solid #F0F0F0;
+	}
+	
+	.category-header {
+		display: flex;
+		justify-content: space-between;
+		align-items: center;
+		padding: 32rpx;
+	}
+	
+	.category-left {
+		display: flex;
+		align-items: center;
+		flex: 1;
+	}
+	
+	.category-bullet {
+		width: 16rpx;
+		height: 16rpx;
+		border-radius: 50%;
+		margin-right: 16rpx;
+	}
+	
+	.bullet-blue {
+		background-color: #007AFF;
+	}
+	
+	.bullet-gray {
+		background-color: #999;
+	}
+	
+	.category-name {
+		font-size: 30rpx;
+		color: #333;
+		font-weight: 500;
+	}
+	
+	.category-content {
+		padding: 0 32rpx 32rpx;
+	}
+	
+	.performance-banner {
+		background-color: #E3F2FD;
+		padding: 24rpx 32rpx;
+		display: flex;
+		justify-content: space-between;
+		align-items: center;
+		margin-bottom: 24rpx;
+		border-radius: 16rpx;
+	}
+	
+	.performance-banner .banner-left {
+		display: flex;
+		align-items: center;
+		flex: 1;
+	}
+	
+	.performance-banner .banner-icon {
+		width: 40rpx;
+		height: 40rpx;
+		background-color: #FFFFFF;
+		border-radius: 50%;
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		margin-right: 12rpx;
+	}
+	
+	.performance-banner .banner-text {
+		font-size: 26rpx;
+		color: #1976D2;
+		flex: 1;
+	}
+	
+	.performance-banner .banner-right {
+		font-size: 28rpx;
+		color: #1976D2;
+		font-weight: 500;
+		margin-left: 16rpx;
+	}
+	
+	.performance-audio {
+		margin-bottom: 24rpx;
+	}
+	
+	.performance-audio .audio-player {
+		margin: 0;
+	}
+	
+	.performance-item {
+		margin-bottom: 16rpx;
+	}
+	
+	.performance-item.item-completed {
+		background-color: #E8F5E9;
+		border-radius: 12rpx;
+		padding: 16rpx;
+	}
+	
+	.item-content {
+		display: flex;
+		justify-content: space-between;
+		align-items: center;
+		padding: 16rpx 0;
+	}
+	
+	.item-left {
+		display: flex;
+		align-items: center;
+		flex: 1;
+		flex-wrap: wrap;
+		gap: 12rpx;
+	}
+	
+	.item-name {
+		font-size: 28rpx;
+		color: #333;
+		margin-right: 16rpx;
+	}
+	
+	.item-status {
+		font-size: 24rpx;
+		padding: 4rpx 12rpx;
+		border-radius: 8rpx;
+	}
+	
+	.status-completed {
+		background-color: #4CAF50;
+		color: #FFFFFF;
+	}
+	
+	.status-missing {
+		background-color: #F5F5F5;
+		color: #999;
+	}
+	
+	.item-points {
+		font-size: 24rpx;
+		color: #007AFF;
+		font-weight: 500;
+		margin-left: 8rpx;
+	}
+	
+	/* 产品类别标签页 */
+	.product-category-tabs {
+		background-color: #FFFFFF;
+		border-bottom: 1px solid #E0E0E0;
+		margin-bottom: 24rpx;
+		padding: 0;
+	}
+	
+	.category-tabs-scroll {
+		white-space: nowrap;
+		width: 100%;
+	}
+	
+	.category-tabs-wrapper {
+		display: inline-flex;
+		padding: 0 32rpx;
+	}
+	
+	.category-tab-item {
+		padding: 24rpx 16rpx;
+		position: relative;
+		margin-right: 32rpx;
+		white-space: nowrap;
+	}
+	
+	.category-tab-item text {
+		font-size: 28rpx;
+		color: #666;
+	}
+	
+	.category-tab-item.active text {
+		color: #333;
+		font-weight: 500;
+	}
+	
+	.category-tab-item.active::after {
+		content: '';
+		position: absolute;
+		bottom: 0;
+		left: 16rpx;
+		right: 16rpx;
+		height: 4rpx;
+		background-color: #007AFF;
+		border-radius: 2rpx;
+	}
+	
+	/* 产品需求清单表格 */
+	.product-requirement-table {
+		background-color: #FFFFFF;
+		padding: 0;
+	}
+	
+	.requirement-title {
+		padding: 24rpx 32rpx;
+		font-size: 32rpx;
+		font-weight: 600;
+		color: #333;
+		border-bottom: 1px solid #F0F0F0;
+	}
+	
+	.requirement-table {
+		padding: 0 32rpx 24rpx;
+	}
+	
+	.requirement-row {
+		display: flex;
+		padding: 24rpx 0;
+		border-bottom: 1px solid #F0F0F0;
+	}
+	
+	.requirement-row:last-child {
+		border-bottom: none;
+	}
+	
+	.requirement-label {
+		min-width: 200rpx;
+		width: 200rpx;
+		padding-right: 24rpx;
+	}
+	
+	.requirement-label text {
+		font-size: 28rpx;
+		color: #666;
+		font-weight: 500;
+	}
+	
+	.requirement-content {
+		flex: 1;
+	}
+	
+	.requirement-content text {
+		font-size: 28rpx;
+		color: #333;
+		line-height: 1.6;
+	}
+	
+	/* 待办事项列表 */
+	.todo-list {
+		padding: 0;
+	}
+	
+	.todo-item {
+		padding: 32rpx;
+		border-bottom: 1px solid #F0F0F0;
+		background-color: #FFFFFF;
+	}
+	
+	.todo-item:last-child {
+		border-bottom: none;
+	}
+	
+	.todo-item.todo-completed {
+		background-color: #F5F5F5;
+		opacity: 0.8;
+	}
+	
+	.todo-header {
+		display: flex;
+		justify-content: space-between;
+		align-items: center;
+		margin-bottom: 16rpx;
+	}
+	
+	.todo-title-wrapper {
+		display: flex;
+		align-items: center;
+		flex: 1;
+	}
+	
+	.todo-status-dot {
+		width: 16rpx;
+		height: 16rpx;
+		border-radius: 50%;
+		margin-right: 12rpx;
+		flex-shrink: 0;
+	}
+	
+	.todo-status-dot.status-pending {
+		background-color: #FF9800;
+	}
+	
+	.todo-status-dot.status-processing {
+		background-color: #2196F3;
+	}
+	
+	.todo-status-dot.status-completed {
+		background-color: #4CAF50;
+	}
+	
+	.todo-title {
+		font-size: 32rpx;
+		font-weight: 500;
+		color: #333;
+		flex: 1;
+	}
+	
+	.todo-status {
+		font-size: 24rpx;
+		padding: 6rpx 16rpx;
+		border-radius: 12rpx;
+		white-space: nowrap;
+	}
+	
+	.todo-status.status-text-pending {
+		background-color: #FFF3E0;
+		color: #FF9800;
+	}
+	
+	.todo-status.status-text-processing {
+		background-color: #E3F2FD;
+		color: #2196F3;
+	}
+	
+	.todo-status.status-text-completed {
+		background-color: #E8F5E9;
+		color: #4CAF50;
+	}
+	
+	.todo-status-wrapper {
+		position: relative;
+		z-index: 10;
+	}
+	
+	.todo-status-clickable {
+		display: flex;
+		align-items: center;
+	}
+	
+	.todo-item.todo-clickable .todo-status-clickable {
+		position: relative;
+	}
+	
+	.todo-menu-fixed {
+		position: fixed;
+		background-color: #FFFFFF;
+		border-radius: 8rpx;
+		box-shadow: 0 4rpx 12rpx rgba(0, 0, 0, 0.15);
+		z-index: 10000;
+		overflow: hidden;
+	}
+	
+	.todo-menu-item {
+		padding: 24rpx 32rpx;
+		border-bottom: 1px solid #F0F0F0;
+		transition: background-color 0.2s;
+	}
+	
+	.todo-menu-fixed .todo-menu-item:last-child {
+		border-bottom: none;
+	}
+	
+	.todo-menu-item:active {
+		background-color: #F5F5F5;
+	}
+	
+	.todo-menu-item text {
+		font-size: 28rpx;
+		color: #333;
+	}
+	
+	.todo-menu-mask {
+		position: fixed;
+		top: 0;
+		left: 0;
+		right: 0;
+		bottom: 0;
+		background-color: rgba(0, 0, 0, 0.01);
+		z-index: 9999;
+	}
+	
+	.todo-content {
+		margin-bottom: 16rpx;
+		padding: 16rpx;
+		background-color: #F5F5F5;
+		border-radius: 8rpx;
+	}
+	
+	.todo-content text {
+		font-size: 28rpx;
+		color: #666;
+		line-height: 1.6;
+	}
+	
+	.todo-meta {
+		display: flex;
+		flex-wrap: wrap;
+		gap: 16rpx;
+	}
+	
+	.todo-meta-item {
+		font-size: 24rpx;
+		color: #999;
+	}
+	
+	/* 章节概要样式 */
+	.chapter-summary-list {
+		padding: 0;
+	}
+	
+	.chapter-summary-item {
+		background-color: #FFFFFF;
+		border-radius: 16rpx;
+		padding: 32rpx;
+		margin-bottom: 24rpx;
+		border: 1px solid #F0F0F0;
+	}
+	
+	.chapter-summary-item:last-child {
+		margin-bottom: 0;
+	}
+	
+	.chapter-summary-title {
+		margin-bottom: 24rpx;
+		padding-bottom: 16rpx;
+		border-bottom: 2px solid #007AFF;
+	}
+	
+	.chapter-summary-title text {
+		font-size: 32rpx;
+		font-weight: 600;
+		color: #333;
+	}
+	
+	.chapter-summary-section {
+		margin-bottom: 24rpx;
+	}
+	
+	.chapter-summary-section:last-child {
+		margin-bottom: 0;
+	}
+	
+	.chapter-summary-label {
+		margin-bottom: 12rpx;
+	}
+	
+	.chapter-summary-label text {
+		font-size: 28rpx;
+		font-weight: 500;
+		color: #666;
+	}
+	
+	.chapter-summary-content {
+		background-color: #F5F5F5;
+		border-radius: 12rpx;
+		padding: 20rpx;
+	}
+	
+	.chapter-summary-content text {
+		font-size: 28rpx;
+		color: #333;
+		line-height: 1.8;
+	}
+	
+	/* 录音列表弹窗样式 */
+	.audio-list-modal {
+		background-color: #FFFFFF;
+		border-radius: 32rpx 32rpx 0 0;
+		max-height: 90vh;
+		height: 90vh;
+		display: flex;
+		flex-direction: column;
+		overflow: hidden;
+	}
+	
+	.audio-list-content {
+		flex: 1;
+		padding: 24rpx 32rpx;
+		box-sizing: border-box;
+		background-color: #F5F5F5;
+		min-height: 0; /* 配合 flex: 1 使用，确保可以滚动 */
+		height: 100%;
+	}
+	
+	.audio-list-item {
+		background-color: #FFFFFF;
+		border-radius: 16rpx;
+		padding: 32rpx;
+		margin-bottom: 24rpx;
+		box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.04);
+	}
+	
+	.audio-item-header {
+		margin-bottom: 16rpx;
+		display: flex;
+		align-items: center;
+	}
+	
+	.audio-play-btn {
+		min-width: 80rpx;
+		height: 56rpx;
+		padding: 0 20rpx;
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		margin-right: 16rpx;
+		cursor: pointer;
+		border-radius: 8rpx;
+		transition: background-color 0.2s;
+		flex-shrink: 0;
+		background-color: #F5F5F5;
+		position: relative;
+		z-index: 1;
+	}
+	
+	.audio-play-btn:active {
+		background-color: #E0E0E0;
+	}
+	
+	.audio-play-text {
+		font-size: 24rpx;
+		color: #2A68FF;
+		font-weight: 500;
+		line-height: 1;
+	}
+	
+	.audio-play-text--playing {
+		color: #FF3B30;
+	}
+	
+	.audio-item-name {
+		font-size: 32rpx;
+		font-weight: 500;
+		color: #333;
+		flex: 1;
+	}
+	
+	.audio-item-info {
+		margin-bottom: 16rpx;
+	}
+	
+	.audio-item-text {
+		font-size: 28rpx;
+		color: #666;
+		line-height: 1.6;
+		white-space: nowrap;
+		overflow: hidden;
+		text-overflow: ellipsis;
+		display: block;
+	}
+	
+	.audio-item-text--empty {
+		color: #999;
+		font-style: italic;
+	}
+	
+	.audio-item-transcribe {
+		display: flex;
+		align-items: center;
+	}
+	
+	.transcribe-btn {
+		padding: 12rpx 24rpx;
+		background-color: #007AFF;
+		border-radius: 8rpx;
+		display: inline-flex;
+		align-items: center;
+		justify-content: center;
+		cursor: pointer;
+		transition: background-color 0.2s, opacity 0.2s;
+	}
+	
+	.transcribe-btn:active {
+		background-color: #0056CC;
+	}
+	
+	.transcribe-btn--loading {
+		opacity: 0.6;
+		background-color: #999;
+		cursor: not-allowed;
+	}
+	
+	.transcribe-btn text {
+		font-size: 26rpx;
+		color: #FFFFFF;
+		font-weight: 500;
+	}
+	
+	.audio-item-meta {
+		display: flex;
+		flex-wrap: nowrap;
+		gap: 16rpx;
+		padding-top: 16rpx;
+		border-top: 1px solid #F0F0F0;
+		align-items: center;
+	}
+	
+	.audio-meta-item {
+		font-size: 24rpx;
+		color: #999;
+		white-space: nowrap;
+		flex-shrink: 0;
+	}
+	
+	.audio-list-empty {
+		padding: 48rpx 0;
+		text-align: center;
+		color: #999;
+		font-size: 28rpx;
+	}
+	
+	/* 录音文本内容弹框样式 */
+	/* 提高文本内容弹框的层级，确保显示在录音列表弹框上方 */
+	/* 通过深度选择器覆盖uni-popup的z-index */
+	.text-modal-popup {
+		z-index: 1000 !important;
+	}
+	
+	.text-modal-popup .uni-popup {
+		z-index: 1000 !important;
+	}
+	
+	.text-modal {
+		width: 100%;
+		height: 80vh;
+		max-height: 80vh;
+		background-color: #FFFFFF;
+		border-radius: 24rpx;
+		display: flex;
+		flex-direction: column;
+		overflow: hidden;
+		box-shadow: 0 8rpx 32rpx rgba(0, 0, 0, 0.12);
+		position: relative;
+	}
+	
+	.text-modal-header {
+		padding: 32rpx;
+		border-bottom: 1px solid #F0F0F0;
+		display: flex;
+		align-items: center;
+		justify-content: space-between;
+		flex-shrink: 0;
+	}
+	
+	.text-modal-title {
+		font-size: 32rpx;
+		font-weight: 600;
+		color: #333;
+	}
+	
+	.text-modal-close {
+		width: 48rpx;
+		height: 48rpx;
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		cursor: pointer;
+		border-radius: 50%;
+		transition: background-color 0.2s;
+	}
+	
+	.text-modal-close:active {
+		background-color: #F5F5F5;
+	}
+	
+	.text-modal-content {
+		flex: 1;
+		height: 0;
+		min-height: 0;
+		box-sizing: border-box;
+	}
+	
+	.text-modal-text {
+		font-size: 28rpx;
+		color: #333;
+		line-height: 1.8;
+		white-space: pre-wrap;
+		word-wrap: break-word;
+		word-break: break-all;
+		display: block;
+		padding: 32rpx;
+		box-sizing: border-box;
+	}
+
+</style>
+
diff --git a/pages/furniture_customer/utils/dataInit.js b/pages/furniture_customer/utils/dataInit.js
new file mode 100644
index 0000000..735f053
--- /dev/null
+++ b/pages/furniture_customer/utils/dataInit.js
@@ -0,0 +1,190 @@
+// 客户档案数据初始化
+export function initCustomerProfile(item) {
+	if (item.name === '李女士') {
+		return {
+			name: '李女士',
+			intent: '高',
+			serviceCount: 1,
+			lastService: '2025-08-17',
+			phone: '185****3677',
+			serviceStaff: '三多',
+			wechatStatus: '已添加',
+			address: '江融府',
+			source: '自然到店',
+			followStage: '意向客户',
+			systemTags: [
+				'新房装修',
+				'客厅,卧室',
+				'沙发,餐桌,床,床垫',
+				'关注环保',
+				'预算4万-5万',
+				'价格敏感度中',
+				'与孩同住子女幼年',
+				'现代简约',
+				'80m²-120m²',
+				'关注儿童安全设计',
+				'关注售后服务'
+			],
+			customTags: [
+				'关注优惠活动',
+				'关注颜色搭配',
+				'夫妻两一起来'
+			],
+			intentDescription: '客户是一对即将入住新房的三口之家,注重家具的环保性与实用性,偏好简约现代风格、灰白色系、耐脏易打理的材质。对布艺沙发、岩板餐桌椅、真皮软包床、乳胶床垫及护脊床垫表现出兴趣。客户对价格较为敏感,关注年终活动优惠,并与竞品进行过对比。客户最终表现出较高购买意向,已同意加微信进一步沟通方案,并考虑本周下单。'
+		};
+	} else if (item.name === '彭总') {
+		return {
+			name: '彭总',
+			intent: '高',
+			serviceCount: 3,
+			lastService: '2526-09-16',
+			phone: '',
+			serviceStaff: '沈易',
+			wechatStatus: '已添加',
+			address: '',
+			source: '',
+			followStage: '意向客户',
+			systemTags: [
+				'新房装修',
+				'餐厅,客厅,卧室,定制',
+				'沙发,床,床垫,茶几,餐桌',
+				'关注产品颜值'
+			],
+			customTags: [],
+			intentDescription: '客户为四层别墅新房装修，关注真皮、高脚、舒适靠背的床和沙发，偏好灰色和咖啡色系，倾向于购买整屋套餐以获得更大折扣，决策期预计在12月前。'
+		};
+	} else {
+		// 默认数据
+		return {
+			name: item.name,
+			intent: item.intent,
+			serviceCount: item.serviceCount,
+			lastService: item.lastService,
+			phone: item.phone || '',
+			serviceStaff: item.serviceStaff,
+			wechatStatus: '未添加',
+			address: '',
+			source: '',
+			followStage: '意向客户',
+			systemTags: item.tags ? item.tags.filter(t => t.color === 'blue').map(t => t.text) : [],
+			customTags: item.tags ? item.tags.filter(t => t.color === 'orange').map(t => t.text) : [],
+			intentDescription: ''
+		};
+	}
+}
+
+// 服务记录总结列表初始化
+export function initSummaryList(item) {
+	if (item.title === '三多的服务记录') {
+		return [
+			{
+				label: '客户类型',
+				value: '新房装修'
+			},
+			{
+				label: '家庭结构',
+				value: '三口之家, 有一个5岁的小孩, 注重家具安全性与环保性'
+			},
+			{
+				label: '意向产品清单',
+				value: '沙发,床,床垫,餐桌椅,定制家居'
+			},
+			{
+				label: '一句话总结',
+				value: '三口之家新房装修, 偏好简约现代风格, 注重环保与安全性, 对整套搭配和交付周期敏感, 预算约4.5万, 关注活动优惠与售后服务'
+			},
+			{
+				label: '成交关键点',
+				value: '年终活动优惠, 整套搭配, 环保安全, 快速交付, 无忧退换服务'
+			}
+		];
+	} else {
+		return [
+			{
+				label: '客户类型',
+				value: item.description
+			},
+			{
+				label: '一句话总结',
+				value: item.description
+			}
+		];
+	}
+}
+
+// 服务表现数据初始化
+export function initPerformanceData() {
+	return {
+		totalScore: 81,
+		categories: [
+			{
+				name: '迎宾探寻',
+				completed: false,
+				expanded: true,
+				showBanner: false,
+				showAudio: false,
+				items: [
+					{ name: '破冰', completed: false, points: 5 },
+					{ name: '品牌介绍', completed: false, points: 5 }
+				]
+			},
+			{
+				name: '展厅体验',
+				completed: true,
+				expanded: true,
+				showBanner: false,
+				showAudio: false,
+				items: [
+					{ name: '黄金三问', completed: true, points: 9 },
+					{ name: '需求引导', completed: true, points: 15 }
+				]
+			},
+			{
+				name: '落座规划',
+				completed: true,
+				expanded: true,
+				showBanner: false,
+				showAudio: false,
+				items: [
+					{ name: '服务递进', completed: true, points: 5 },
+					{ name: 'SGS放心手册', completed: false, points: 5 }
+				]
+			},
+			{
+				name: '方案报价',
+				completed: true,
+				expanded: true,
+				showBanner: false,
+				showAudio: false,
+				items: [
+					{ name: '三级报价', completed: true, points: 20 }
+				]
+			},
+			{
+				name: '促单成交',
+				completed: true,
+				expanded: true,
+				showBanner: false,
+				showAudio: false,
+				items: [
+					{ name: '解答异议', completed: true, points: 6 }
+				]
+			},
+			{
+				name: '送客跟进',
+				completed: true,
+				expanded: true,
+				showBanner: false,
+				showAudio: false,
+				items: [
+					{ name: '活动植入', completed: true, points: 8 },
+					{ name: '压单配合', completed: true, points: 6 },
+					{ name: '主动添加微信', completed: true, points: 4 },
+					{ name: '邀约量尺时间', completed: false, points: 4 },
+					{ name: '礼貌道别', completed: true, points: 2 }
+				]
+			}
+		]
+	};
+}
+
diff --git a/pages/furniture_reception/common_begin_reception.vue b/pages/furniture_reception/common_begin_reception.vue
new file mode 100644
index 0000000..fe0356e
--- /dev/null
+++ b/pages/furniture_reception/common_begin_reception.vue
@@ -0,0 +1,704 @@
+<template>
+	<view class="reception-form-wrapper">
+		<scroll-view class="reception-form" scroll-y enable-back-to-top>
+			<view class="form-card">
+			<view class="form-item">
+				<text class="form-item__label">服务次数</text>
+				<view class="form-item__text">
+					<text>{{ formData.contactCount || 0 }}</text>
+				</view>
+			</view>
+			<view class="form-item">
+				<text class="form-item__label">客户姓名</text>
+				<input
+					class="form-item__input"
+					v-model="formData.customerName"
+					placeholder="请输入客户姓名"
+					placeholder-style="color: #9ca3af"
+				/>
+			</view>
+			<view class="form-item">
+				<text class="form-item__label">客户电话</text>
+				<input
+					class="form-item__input"
+					v-model="formData.contact"
+					@blur="onContactBlur"
+					type="number"
+					placeholder="请输入客户电话"
+					placeholder-style="color: #9ca3af"
+				/>
+			</view>
+			<view class="form-item customer-source-select-wrapper">
+				<text class="form-item__label">客户来源</text>
+				<view 
+					class="customer-source-select" 
+					@click.stop="toggleCustomerSourceDropdown"
+				>
+					<text
+						:class="formData.customerSource ? 'form-item__picker-text' : 'form-item__picker-placeholder'"
+					>
+						{{ formData.customerSource || "请选择客户来源" }}
+					</text>
+					<uni-icons type="bottom" size="16" color="#9ca3af"></uni-icons>
+				</view>
+				<view 
+					v-if="showCustomerSourceDropdown" 
+					class="customer-source-select-dropdown" 
+					@click.stop
+				>
+					<view 
+						class="customer-source-select-dropdown__item"
+						v-for="option in customerSourceOptions"
+						:key="option"
+						@click="selectCustomerSource(option)"
+					>
+						<text :class="{'active': option === formData.customerSource}">
+							{{ option }}
+						</text>
+					</view>
+				</view>
+			</view>
+			<view class="form-item">
+				<text class="form-item__label">门店名称</text>
+				<input
+					class="form-item__input"
+					v-model="formData.dealershipName"
+					placeholder="请输入门店名称"
+					placeholder-style="color: #9ca3af"
+				/>
+			</view>
+			<view class="form-item">
+				<text class="form-item__label">性别</text>
+				<radio-group 
+					class="gender-radio-group"
+					@change="onGenderChange">
+					<label 
+						class="gender-radio"
+						v-for="(option, index) in genderOptions"
+						:key="index">
+						<radio 
+							:value="option"
+							:checked="formData.gender === option"
+							color="#2563eb" />
+						<text class="gender-radio__text">{{ option }}</text>
+					</label>
+				</radio-group>
+			</view>
+			<view class="form-item">
+				<text class="form-item__label">年龄</text>
+				<input
+					class="form-item__input"
+					v-model="formData.age"
+					type="number"
+					placeholder="请输入年龄"
+					placeholder-style="color: #9ca3af"
+				/>
+			</view>
+			<view class="form-item">
+				<text class="form-item__label">销售姓名</text>
+				<input
+					class="form-item__input"
+					v-model="formData.salesName"
+					placeholder="请输入销售姓名"
+					placeholder-style="color: #9ca3af"
+				/>
+			</view>
+			<view class="form-item">
+				<text class="form-item__label">销售电话</text>
+				<input
+					class="form-item__input"
+					v-model="formData.salesPhone"
+					type="number"
+					placeholder="请输入销售电话"
+					placeholder-style="color: #9ca3af"
+				/>
+			</view>
+			<view class="form-item">
+				<text class="form-item__label">住址</text>
+				<input
+					class="form-item__input"
+					v-model="formData.remarks"
+					placeholder="请输入详细住址"
+					placeholder-style="color: #9ca3af"
+				/>
+			</view>
+		</view>
+		<view class="form-actions form-actions--triple">
+			<view class="form-btn form-btn--cancel" @click="handleCancel">
+				<text class="form-btn__text">取消</text>
+			</view>
+			<view class="form-btn form-btn--save" @click="handleSave('save')">
+				<text class="form-btn__text">保存</text>
+			</view>
+			<view class="form-btn form-btn--start" @click="handleSave('start')">
+				<text class="form-btn__text">开始接待</text>
+			</view>
+		</view>
+		</scroll-view>
+		<!-- 遮罩层，点击关闭下拉框 -->
+		<view 
+			v-if="showCustomerSourceDropdown" 
+			class="customer-source-select-mask" 
+			@click="closeCustomerSourceDropdown"
+		></view>
+	</view>
+</template>
+
+<script>
+import { getApiUrl } from "@/common/config.js";
+
+export default {
+	name: 'ReceptionForm',
+	props: {
+		// 表单初始数据
+		initialData: {
+			type: Object,
+			default: () => ({})
+		}
+	},
+	data() {
+		return {
+			genderOptions: ["男", "女"],
+			customerSourceOptions: ["自然到店", "网络媒体", "其他类型"],
+			showCustomerSourceDropdown: false,
+			isFetchingContact: false,
+			formData: {
+				id: "",
+				customerName: "",
+				contact: "",
+				customerSource: "",
+				gender: "女",
+				age: "",
+				dealershipId: "",
+				dealershipName: "",
+				salesId: "",
+				salesName: "",
+				salesPhone: "",
+				recordingCount: 0,
+				intendedModel: "",
+				infoCard: "",
+				remark: "",
+				detailedAddress: "",
+				contactCount: 0
+			}
+		}
+	},
+	watch: {
+		initialData: {
+			handler(newVal) {
+				if (newVal && Object.keys(newVal).length > 0) {
+					this.formData = { ...this.formData, ...newVal };
+				}
+			},
+			immediate: true,
+			deep: true
+		}
+	},
+	mounted() {
+		// 加载当前登录用户信息，填充销售姓名和电话
+		this.loadCurrentUserInfo();
+	},
+	methods: {
+		/**
+		 * 加载当前登录用户信息，填充销售姓名和电话
+		 */
+		loadCurrentUserInfo() {
+			try {
+				// 从本地存储获取登录响应信息
+				const loginResponse = uni.getStorageSync('backend-login-response') || {};
+				
+				// 填充销售姓名
+				if (loginResponse.userName) {
+					this.formData.salesName = loginResponse.userName;
+				}
+				
+				// 填充销售电话：如果电话为空，则使用姓名作为电话
+				if (loginResponse.phone) {
+					this.formData.salesPhone = loginResponse.phone;
+				} else if (loginResponse.userName) {
+					// 如果电话为空，使用姓名作为电话
+					this.formData.salesPhone = loginResponse.userName;
+				}
+				
+				// 如果有 userId，也可以填充到 salesId
+				if (loginResponse.userId) {
+					this.formData.salesId = String(loginResponse.userId);
+				}
+			} catch (e) {
+				console.error('加载当前登录用户信息失败:', e);
+			}
+		},
+		onGenderChange(e) {
+			this.formData.gender = e.detail.value;
+		},
+		toggleCustomerSourceDropdown() {
+			this.showCustomerSourceDropdown = !this.showCustomerSourceDropdown;
+		},
+		selectCustomerSource(option) {
+			this.formData.customerSource = option;
+			this.showCustomerSourceDropdown = false;
+		},
+		closeCustomerSourceDropdown() {
+			this.showCustomerSourceDropdown = false;
+		},
+		onContactBlur() {
+			const contact = this.formData.contact?.trim();
+			if (!contact) {
+				return;
+			}
+			if (!this.isValidPhoneNumber(contact)) {
+				uni.showToast({
+					title: "请输入有效的手机号",
+					icon: "none"
+				});
+				return;
+			}
+			this.fetchCustomerByContact();
+		},
+		isValidPhoneNumber(phone) {
+			const normalizedPhone = phone?.trim();
+			if (!normalizedPhone) {
+				return false;
+			}
+			return /^1[3-9]\d{9}$/.test(normalizedPhone);
+		},
+		async fetchCustomerByContact() {
+			const contact = this.formData.contact?.trim();
+			if (!contact || this.isFetchingContact) {
+				return;
+			}
+			if (!this.isValidPhoneNumber(contact)) {
+				return;
+			}
+			try {
+				this.isFetchingContact = true;
+				// 统一使用 getApiUrl，根据 env.js 配置自动切换环境
+				const url = `${getApiUrl('/api/customerManagement/getByContact')}?contact=${encodeURIComponent(contact)}`;
+				
+				// 获取认证信息
+				let tenantId = '';
+				let token = '';
+				try {
+					tenantId = uni.getStorageSync('backend-tenant-id') || '';
+					token = uni.getStorageSync('backend-token') || '';
+				} catch (e) {
+					console.error('获取认证信息失败:', e);
+				}
+				
+				// 构建请求头
+				const headers = {};
+				if (token) {
+					headers['Authorization'] = `Bearer ${token}`;
+				}
+				if (tenantId) {
+					headers['X-Tenant-Id'] = tenantId;
+				}
+				
+				const res = await uni.request({
+					url: url,
+					method: 'GET',
+					header: headers,
+					timeout: 30000  // 增加超时时间到30秒
+				});
+				const list = res.data?.data;
+				if (res.statusCode === 200 && res.data?.success && Array.isArray(list) && list.length) {
+					const customer = list[0];
+					const retrievedId = customer.id || customer.customerId || "";
+					const resolvedSalesPhone = customer.salesPhone 
+						|| customer.salesMobile 
+						|| customer.salesTel 
+						|| this.formData.salesPhone 
+						|| "";
+					this.formData = {
+						...this.formData,
+						id: retrievedId ? String(retrievedId) : this.formData.id,
+						customerName: customer.customerName || this.formData.customerName,
+						customerSource: customer.customerSource || this.formData.customerSource,
+						dealershipId: customer.dealershipId ? String(customer.dealershipId) : this.formData.dealershipId,
+						dealershipName: customer.dealershipName || this.formData.dealershipName,
+						salesId: customer.salesId ? String(customer.salesId) : this.formData.salesId,
+						salesName: customer.salesName || this.formData.salesName,
+						salesPhone: String(resolvedSalesPhone),
+						recordingCount: customer.recordingCount ?? this.formData.recordingCount,
+						intendedModel: customer.intendedModel || this.formData.intendedModel,
+						infoCard: customer.infoCard || this.formData.infoCard,
+						remark: customer.remark || this.formData.remark,
+						detailedAddress: customer.detailedAddress || this.formData.detailedAddress,
+						contactCount: customer.contactCount ?? this.formData.contactCount
+					};
+					uni.showToast({
+						title: "已填充客户信息",
+						icon: "none"
+					});
+				}
+				// 未获取到数据时，不提示任何信息
+			} catch (error) {
+				// 查询失败时，也不提示任何信息
+				console.error("查询客户信息失败:", error);
+			} finally {
+				this.isFetchingContact = false;
+			}
+		},
+		handleCancel() {
+			// 重置表单
+			this.formData = {
+				id: "",
+				customerName: "",
+				contact: "",
+				customerSource: "",
+				gender: "女",
+				age: "",
+				dealershipId: "",
+				dealershipName: "",
+				salesId: "",
+				salesName: "",
+				salesPhone: "",
+				recordingCount: 0,
+				intendedModel: "",
+				infoCard: "",
+				remark: "",
+				detailedAddress: "",
+				contactCount: 0
+			};
+			// 重置后重新填充当前登录用户信息
+			this.loadCurrentUserInfo();
+			// 触发取消事件
+			this.$emit('cancel');
+			uni.showToast({
+				title: "已取消",
+				icon: "none"
+			});
+		},
+		async handleSave(action = 'save') {
+			// 表单验证
+			// 客户电话格式验证（如果填写了电话，则验证格式）
+			const trimmedContact = this.formData.contact?.trim();
+			if (trimmedContact && !this.isValidPhoneNumber(trimmedContact)) {
+				uni.showToast({
+					title: "请输入有效的客户电话",
+					icon: "none"
+				});
+				return;
+			}
+			const trimmedSalesPhone = this.formData.salesPhone?.trim();
+			if (trimmedSalesPhone && !this.isValidPhoneNumber(trimmedSalesPhone)) {
+				uni.showToast({
+					title: "请输入有效的销售电话",
+					icon: "none"
+				});
+				return;
+			}
+
+			// 构建请求参数
+			const normalizedCustomerId = this.formData.id?.toString().trim() || "";
+			const params = {
+				id: normalizedCustomerId,
+				customerName: this.formData.customerName?.trim(),
+				contact: trimmedContact,
+				customerSource: this.formData.customerSource?.trim() || "",
+				dealershipId: String(this.formData.dealershipId || '').trim() || "",
+				dealershipName: this.formData.dealershipName?.trim() || "",
+				salesId: String(this.formData.salesId || '').trim() || "",
+				salesName: this.formData.salesName?.trim() || "",
+				recordingCount: Number(this.formData.recordingCount) || 0,
+				intendedModel: this.formData.intendedModel?.trim() || "",
+				infoCard: this.formData.infoCard?.trim() || "",
+				remark: this.formData.remark?.trim() || "",
+				detailedAddress: this.formData.detailedAddress?.trim() || "",
+				salesPhone: trimmedSalesPhone || "",
+				contactCount: Number(this.formData.contactCount) || 0,
+				operationType: action
+			};
+
+			try {
+				uni.showLoading({
+					title: "保存中..."
+				});
+
+				// 获取认证信息
+				let tenantId = '';
+				let token = '';
+				try {
+					tenantId = uni.getStorageSync('backend-tenant-id') || '';
+					token = uni.getStorageSync('backend-token') || '';
+				} catch (e) {
+					console.error('获取认证信息失败:', e);
+				}
+				
+				// 构建请求头
+				const headers = {
+					'Content-Type': 'application/json'
+				};
+				if (token) {
+					headers['Authorization'] = `Bearer ${token}`;
+				}
+				if (tenantId) {
+					headers['X-Tenant-Id'] = tenantId;
+				}
+
+				const res = await uni.request({
+					url: getApiUrl('/api/customerManagement/add'),
+					method: "POST",
+					data: params,
+					header: headers,
+					timeout: 30000  // 增加超时时间到30秒
+				});
+
+				uni.hideLoading();
+
+				if (res.statusCode === 200 && res.data && res.data.success) {
+					uni.showToast({
+						title: "保存成功",
+						icon: "success"
+					});
+					// 保存成功后重置表单
+					this.handleCancel();
+					// 触发保存成功事件
+					this.$emit('save-success', { action, data: params });
+				} else {
+					uni.showToast({
+						title: res.data?.message || "保存失败",
+						icon: "none"
+					});
+					// 触发保存失败事件
+					this.$emit('save-error', { action, error: res.data?.message || "保存失败" });
+				}
+			} catch (error) {
+				uni.hideLoading();
+				console.error("保存失败:", error);
+				uni.showToast({
+					title: "保存失败，请重试",
+					icon: "none"
+				});
+				// 触发保存失败事件
+				this.$emit('save-error', { action, error: error.message || "保存失败，请重试" });
+			}
+		}
+	}
+}
+</script>
+
+<style>
+.reception-form-wrapper {
+	/* 使用绝对定位，从tab页底部开始，高度计算：100vh - 导航栏(88rpx) - tab页(72rpx) - 底部导航栏(96rpx) */
+	position: absolute;
+	top: 160rpx; /* 导航栏(88rpx) + tab页(72rpx) = 160rpx */
+	left: 0;
+	right: 0;
+	bottom: 96rpx; /* 底部导航栏高度 */
+	background-color: #F5F5F5;
+	box-sizing: border-box;
+	width: 100%;
+	z-index: 1;
+}
+
+.reception-form {
+	width: 100%;
+	height: 100%;
+	padding: 24rpx 16rpx 0 16rpx; /* 顶部24rpx间距（与列表项间距一致），底部0 */
+	box-sizing: border-box;
+	background-color: #F5F5F5;
+}
+
+.form-card {
+	width: 100%;
+	box-sizing: border-box;
+	background-color: #ffffff;
+	border-radius: 16rpx;
+	padding: 32rpx 24rpx;
+	box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.04);
+	margin-bottom: 32rpx;
+}
+
+.form-item {
+	display: flex;
+	align-items: center;
+	margin-bottom: 32rpx;
+}
+
+/* 对于包含 textarea 的表单项，label 顶部对齐 */
+.form-item--textarea {
+	align-items: flex-start;
+}
+
+.gender-radio-group {
+	flex: 1;
+	display: flex;
+	gap: 32rpx;
+	flex-wrap: wrap;
+}
+
+.gender-radio {
+	display: flex;
+	align-items: center;
+	gap: 12rpx;
+}
+
+.gender-radio__text {
+	color: #374151;
+	font-size: 28rpx;
+}
+
+.form-item:last-child {
+	margin-bottom: 0;
+}
+
+.form-item__label {
+	font-size: 28rpx;
+	color: #333;
+	font-weight: 500;
+	/* 原 160rpx，缩小 20% 以减小与输入框的间距 */
+	width: 128rpx;
+	flex-shrink: 0;
+}
+
+.form-item--half {
+	width: 50%;
+}
+
+.form-item__input {
+	flex: 1;
+	height: 88rpx;
+	background-color: #f9fafb;
+	border-radius: 12rpx;
+	padding: 0 24rpx;
+	font-size: 28rpx;
+	color: #333;
+	box-sizing: border-box;
+}
+
+.form-item__text {
+	flex: 1;
+	height: 88rpx;
+	background-color: #f9fafb;
+	border-radius: 12rpx;
+	padding: 0 24rpx;
+	display: flex;
+	align-items: center;
+	box-sizing: border-box;
+}
+
+.form-item__text text {
+	font-size: 28rpx;
+	color: #333;
+}
+
+.form-actions {
+	display: flex;
+	gap: 24rpx;
+	padding-bottom: 40rpx;
+}
+
+.form-actions--triple {
+	gap: 16rpx;
+}
+
+.form-btn {
+	flex: 1;
+	height: 88rpx;
+	border-radius: 12rpx;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+}
+
+.form-btn--cancel {
+	background-color: #f3f4f6;
+}
+
+.form-btn--save {
+	/* 调浅主按钮色，使页面更柔和 */
+	background-color: #4C8DFF;
+}
+
+.form-btn--start {
+	background-color: #10B981;
+}
+
+.form-btn__text {
+	font-size: 32rpx;
+	font-weight: 500;
+}
+
+.form-btn--cancel .form-btn__text {
+	color: #6b7280;
+}
+
+.form-btn--save .form-btn__text {
+	color: #ffffff;
+}
+
+.form-btn--start .form-btn__text {
+	color: #ffffff;
+}
+
+/* 客户来源下拉框样式 */
+.customer-source-select-wrapper {
+	position: relative;
+	flex: 1;
+}
+
+.customer-source-select {
+	width: 100%;
+	height: 88rpx;
+	background-color: #f9fafb;
+	border-radius: 12rpx;
+	padding: 0 24rpx;
+	display: flex;
+	align-items: center;
+	justify-content: space-between;
+	box-sizing: border-box;
+	border: 1px solid transparent;
+}
+
+.customer-source-select-dropdown {
+	position: absolute;
+	top: 100%;
+	left: 128rpx;
+	right: 0;
+	background-color: #fff;
+	border-radius: 16rpx;
+	box-shadow: 0 12rpx 30rpx rgba(15, 23, 42, 0.1);
+	margin-top: 8rpx;
+	z-index: 11;
+	padding: 12rpx 0;
+}
+
+.customer-source-select-dropdown__item {
+	padding: 20rpx 32rpx;
+}
+
+.customer-source-select-dropdown__item text {
+	font-size: 28rpx;
+	color: #374151;
+}
+
+.customer-source-select-dropdown__item text.active {
+	color: #2A68FF;
+	font-weight: 500;
+}
+
+.customer-source-select-dropdown__item:active {
+	background-color: #f5f7fb;
+}
+
+.customer-source-select-mask {
+	position: fixed;
+	top: 0;
+	left: 0;
+	right: 0;
+	bottom: 0;
+	background-color: transparent;
+	z-index: 10;
+}
+
+.form-item__picker-text {
+	font-size: 28rpx;
+	color: #333;
+}
+
+.form-item__picker-placeholder {
+	font-size: 28rpx;
+	color: #9ca3af;
+}
+</style>
\ No newline at end of file
diff --git a/pages/furniture_reception/furniture_reception.vue b/pages/furniture_reception/furniture_reception.vue
new file mode 100644
index 0000000..ae18647
--- /dev/null
+++ b/pages/furniture_reception/furniture_reception.vue
@@ -0,0 +1,2106 @@
+<template>
+	<view class="page">
+		<!-- #ifdef APP -->
+		<statusBar></statusBar>
+		<!-- #endif -->
+		
+		<!-- 导航栏 -->
+		<uni-nav-bar 
+			:fixed="true" 
+			:statusBar="true" 
+			:border="false"
+			title="AI销冠系统" 
+			leftIcon="left" 
+			@clickLeft="goBack"
+			color="#333"
+			backgroundColor="#FFFFFF">
+		</uni-nav-bar>
+		
+		<view class="content">
+			<!-- 标签页 -->
+			<view class="tabs">
+				<view 
+					class="tab-item" 
+					:class="{ active: activeTab === 'status' }"
+					@click="switchTab('status')">
+					<text>服务状态</text>
+				</view>
+				<view 
+					class="tab-item" 
+					:class="{ active: activeTab === 'reception' }"
+					@click="switchTab('reception')">
+					<text>开始接待</text>
+				</view>
+				<view 
+					class="tab-item" 
+					:class="{ active: activeTab === 'tag' }"
+					@click="switchTab('tag')">
+					<text>标签管理</text>
+				</view>
+			</view>
+			
+			<!-- 服务状态列表 -->
+			<scroll-view 
+				class="service-status-list" 
+				scroll-y 
+				v-if="activeTab === 'status'"
+				@scrolltolower="onServiceStatusReachBottom">
+				<view class="service-status-toolbar">
+					<text class="toolbar-total">共{{ serviceStatusTotal }}条</text>
+					<input
+						class="toolbar-input"
+						v-model="serviceStatusQuery.salesName"
+						placeholder="所属销售姓名"
+						placeholder-style="color: #b0b0b0"
+						confirm-type="search"
+						@confirm="onServiceStatusSearch"
+					/>
+					<input
+						class="toolbar-input"
+						v-model="serviceStatusQuery.customerName"
+						placeholder="客户姓名"
+						placeholder-style="color: #b0b0b0"
+						confirm-type="search"
+						@confirm="onServiceStatusSearch"
+					/>
+					<view class="toolbar-actions">
+						<view class="toolbar-btn toolbar-btn--refresh" @click="onServiceStatusRefresh">
+							<uni-icons type="refresh" size="18" color="#2A68FF"></uni-icons>
+							<text>刷新</text>
+						</view>
+					</view>
+				</view>
+				<view 
+					class="service-card" 
+					v-for="(item, index) in serviceStatusList" 
+					:key="item.id || index"
+					@click="viewServiceDetail(item)">
+					<view class="card-header">
+						<view class="staff-info">
+							<view class="staff-avatar">
+								<text class="avatar-text">{{ item.staffName.charAt(0) }}</text>
+							</view>
+							<text class="staff-name">{{ item.staffName }}</text>
+						</view>
+					<view class="service-status">
+						<view class="service-action-btn service-action-btn--supplement" @click.stop="showSupplementDialog(item)">
+							<text>补录</text>
+						</view>
+						<view class="service-action-btn service-action-btn--finish" @click.stop="finishService(item)">
+							<text>结束</text>
+						</view>
+						<uni-icons type="bars" size="16" color="#007AFF"></uni-icons>
+						<text>服务中</text>
+					</view>
+					</view>
+					
+					<view class="customer-info">
+						<text class="customer-name">客户：{{ item.customerName || '未知客户' }}</text>
+						<text class="customer-phone" v-if="item.customerPhone">电话：{{ item.customerPhone }}</text>
+					</view>
+					
+					<view class="customer-tags">
+						<view 
+							class="tag-item" 
+							:class="'tag-' + tag.color"
+							v-for="(tag, tagIndex) in item.tags" 
+							:key="tagIndex">
+							<text>{{ tag.text }}</text>
+						</view>
+					</view>
+					
+					<!-- AI提醒 -->
+					<view class="ai-alert" v-if="item.alert" :class="item.alert.type === 'risk' ? 'alert-risk-box' : 'alert-reminder-box'">
+						<view class="alert-header">
+							<view class="alert-icon">
+								<view class="icon-circle"></view>
+							</view>
+							<text class="alert-title">{{ item.alert.title }}</text>
+						</view>
+						<view class="alert-content" :class="item.alert.type === 'risk' ? 'alert-risk-text' : 'alert-reminder-text'">
+							<text v-if="item.alert.type === 'risk'">{{ item.alert.message }}</text>
+							<view v-else class="alert-list">
+								<view class="alert-item" v-for="(msg, msgIndex) in item.alert.messages" :key="msgIndex">
+									<text>{{ msg }}</text>
+								</view>
+							</view>
+						</view>
+					</view>
+					
+					<view class="service-duration">
+						<text>{{ item.durationText }}</text>
+					</view>
+				</view>
+				<view class="service-status-empty" v-if="!serviceStatusLoading && !serviceStatusList.length">
+					<text>暂无服务中记录</text>
+				</view>
+				<view class="service-status-loading-more" v-if="serviceStatusLoading && serviceStatusList.length">
+					<text>正在加载更多...</text>
+				</view>
+			</scroll-view>
+			
+			<!-- 开始接待表单 -->
+			<common-begin-reception 
+				v-if="activeTab === 'reception'"
+				:initial-data="receptionForm"
+				@cancel="onReceptionCancel"
+				@save-success="onReceptionSaveSuccess"
+				@save-error="onReceptionSaveError"
+			/>
+			
+			<!-- 标签管理 -->
+				<scroll-view 
+				class="service-status-list tag-list" 
+					scroll-y 
+				v-if="activeTab === 'tag' && tagViewMode === 'list'"
+				@scrolltolower="onTagListReachBottom">
+				<view class="service-status-toolbar">
+					<text class="toolbar-total">共{{ tagTotal }}条</text>
+					<input
+						class="toolbar-input"
+						v-model="tagQuery.tagType"
+						placeholder="标签分类"
+						placeholder-style="color: #b0b0b0"
+						confirm-type="search"
+						@confirm="onTagListSearch"
+					/>
+					<input
+						class="toolbar-input"
+						v-model="tagQuery.tagName"
+						placeholder="标签名称"
+						placeholder-style="color: #b0b0b0"
+						confirm-type="search"
+						@confirm="onTagListSearch"
+					/>
+					<view class="toolbar-actions">
+						<view class="toolbar-btn toolbar-btn--refresh" @click="onTagListRefresh">
+							<uni-icons type="refresh" size="18" color="#2A68FF"></uni-icons>
+						</view>
+						<view class="toolbar-btn toolbar-btn--add" @click="showAddTag">
+							<uni-icons type="plus" size="18" color="#2A68FF"></uni-icons>
+						</view>
+						</view>
+					</view>
+				<view 
+					class="service-card tag-card-item" 
+					v-for="(item, index) in tagList" 
+					:key="index"
+					:class="{ 'tag-card-item--active': selectedTagItem && selectedTagItem.id === item.id }">
+					<view class="card-header">
+						<view class="staff-info" @click.stop="onTagItemClick(item)">
+							<view class="staff-avatar">
+								<text class="avatar-text">{{ (item.tagName || item.name || '标').charAt(0) }}</text>
+							</view>
+							<text class="staff-name">{{ item.tagName || item.name || '未命名标签' }}</text>
+						</view>
+						<view class="tag-card-action-btn" @click.stop="onTagActionBtnClick(item)">
+							<uni-icons type="more-filled" size="20" color="#999"></uni-icons>
+						</view>
+					</view>
+					
+					<view class="customer-info" @click.stop="onTagItemClick(item)">
+						<text class="customer-name" v-if="item.industry">所属行业：{{ item.industry }}</text>
+					</view>
+					
+					<view class="customer-tags" v-if="item.tagDetail || item.detail || item.remark" @click.stop="onTagItemClick(item)">
+						<view 
+							class="tag-item tag-blue"
+							v-if="item.tagDetail || item.detail">
+							<text>详情：{{ item.tagDetail || item.detail }}</text>
+						</view>
+						<view 
+							class="tag-item tag-orange"
+							v-if="item.remark">
+							<text>备注：{{ item.remark }}</text>
+						</view>
+					</view>
+					
+					<!-- 操作菜单 -->
+					<view 
+						class="tag-action-menu" 
+						v-if="selectedTagItem && selectedTagItem.id === item.id && showTagActionMenu"
+						@click.stop>
+						<view class="tag-action-menu-item" @click="editTag(item)">
+							<text>编辑</text>
+						</view>
+						<view class="tag-action-menu-divider"></view>
+						<view class="tag-action-menu-item tag-action-menu-item--danger" @click="deleteTag(item)">
+							<text>删除</text>
+						</view>
+					</view>
+				</view>
+				<!-- 遮罩层，点击关闭菜单 -->
+				<view 
+					class="tag-action-menu-mask" 
+					v-if="showTagActionMenu"
+					@click="closeTagActionMenu">
+				</view>
+				<view class="service-status-empty" v-if="!tagLoading && !tagList.length">
+						<text>暂无标签</text>
+					</view>
+				<view class="service-status-loading-more" v-if="tagLoading && tagList.length">
+					<text>正在加载更多...</text>
+					</view>
+				</scroll-view>
+				
+			<!-- 标签管理 - 添加/编辑标签表单 -->
+			<view class="tag-management" v-if="activeTab === 'tag' && (tagViewMode === 'add' || tagViewMode === 'edit')">
+				<!-- 添加标签表单 -->
+				<scroll-view 
+					class="tag-form" 
+					scroll-y>
+					<view class="form-card">
+						<view class="form-item" v-if="tagViewMode === 'add'">
+							<text class="form-item__label">所属行业</text>
+							<input
+								class="form-item__input"
+								v-model="tagForm.industry"
+								placeholder="请输入所属行业"
+								placeholder-style="color: #9ca3af"
+							/>
+						</view>
+						<view class="form-item tag-select-wrapper">
+							<text class="form-item__label">标签分类</text>
+							<view 
+								class="tag-select" 
+								@click.stop="toggleTagTypeDropdown"
+							>
+								<text
+									:class="tagForm.tagType ? 'form-item__picker-text' : 'form-item__picker-placeholder'"
+								>
+									{{ tagForm.tagType || "请选择标签分类" }}
+								</text>
+								<uni-icons type="bottom" size="16" color="#9ca3af"></uni-icons>
+							</view>
+							<view 
+								v-if="showTagTypeDropdown" 
+								class="tag-select-dropdown" 
+								@click.stop
+							>
+								<view 
+									class="tag-select-dropdown__item"
+									v-for="option in tagTypeOptions"
+									:key="option"
+									@click="selectTagType(option)"
+								>
+									<text :class="{'active': option === tagForm.tagType}">
+										{{ option }}
+									</text>
+								</view>
+							</view>
+						</view>
+						<view class="form-item">
+							<text class="form-item__label">标签名</text>
+							<input
+								class="form-item__input"
+								v-model="tagForm.name"
+								placeholder="请输入标签名"
+								placeholder-style="color: #9ca3af"
+							/>
+						</view>
+						<view class="form-item">
+							<text class="form-item__label">详情</text>
+							<input
+								class="form-item__input"
+								v-model="tagForm.detail"
+								placeholder="请输入详情"
+								placeholder-style="color: #9ca3af"
+								:maxlength="500"
+							/>
+						</view>
+						<view class="form-item">
+							<text class="form-item__label">备注</text>
+							<input
+								class="form-item__input"
+								v-model="tagForm.remark"
+								placeholder="请输入备注"
+								placeholder-style="color: #9ca3af"
+								:maxlength="500"
+							/>
+						</view>
+						<view class="form-item">
+							<text class="form-item__label">是否启用</text>
+							<switch
+								:checked="tagForm.enabled"
+								@change="onEnabledChange"
+								color="#007AFF"
+							/>
+						</view>
+					</view>
+					<view class="form-actions">
+						<view class="form-btn form-btn--cancel" @click="cancelAddTag">
+							<text class="form-btn__text">取消</text>
+						</view>
+						<view class="form-btn form-btn--save" @click="saveTag">
+							<text class="form-btn__text">{{ tagViewMode === 'edit' ? '更新' : '保存' }}</text>
+						</view>
+					</view>
+				</scroll-view>
+				<view 
+					v-if="showTagTypeDropdown" 
+					class="tag-select-mask" 
+					@click="closeTagTypeDropdown"
+				></view>
+			</view>
+		</view>
+		
+		<!-- 补录弹窗 -->
+		<view class="supplement-dialog-mask" v-if="showSupplementModal" @click="closeSupplementDialog">
+			<view class="supplement-dialog" @click.stop>
+				<view class="supplement-dialog__header">
+					<text class="supplement-dialog__title">补录信息</text>
+					<view class="supplement-dialog__close" @click="closeSupplementDialog">
+						<uni-icons type="close" size="20" color="#999"></uni-icons>
+					</view>
+				</view>
+				<view class="supplement-dialog__body">
+					<view class="supplement-form-item">
+						<text class="supplement-form-item__label">客户姓名</text>
+						<input
+							class="supplement-form-item__input"
+							v-model="supplementForm.customerName"
+							placeholder="请输入客户姓名"
+							placeholder-style="color: #9ca3af"
+						/>
+					</view>
+					<view class="supplement-form-item">
+						<text class="supplement-form-item__label">客户电话</text>
+						<input
+							class="supplement-form-item__input"
+							v-model="supplementForm.contact"
+							type="number"
+							placeholder="请输入客户电话"
+							placeholder-style="color: #9ca3af"
+						/>
+					</view>
+					<view class="supplement-form-item">
+						<text class="supplement-form-item__label">客户详细地址</text>
+						<textarea
+							class="supplement-form-item__textarea"
+							v-model="supplementForm.remarks"
+							placeholder="请输入客户详细地址"
+							placeholder-style="color: #9ca3af"
+							:maxlength="500"
+						/>
+					</view>
+				</view>
+				<view class="supplement-dialog__footer">
+					<view class="supplement-dialog__btn supplement-dialog__btn--cancel" @click="closeSupplementDialog">
+						<text>取消</text>
+					</view>
+					<view class="supplement-dialog__btn supplement-dialog__btn--save" @click="saveSupplement">
+						<text>保存</text>
+					</view>
+				</view>
+			</view>
+		</view>
+	</view>
+</template>
+
+<script>
+	// #ifdef APP
+	import statusBar from "@/uni_modules/uni-nav-bar/components/uni-nav-bar/uni-status-bar";
+	// #endif
+import { getApiUrl } from "@/common/config.js";
+import CommonBeginReception from "./common_begin_reception.vue";
+	
+	export default {
+		// #ifdef APP
+		components: {
+			statusBar,
+			CommonBeginReception
+		},
+		// #endif
+		// #ifndef APP
+		components: {
+			CommonBeginReception
+		},
+		// #endif
+		data() {
+			return {
+				activeTab: 'status',
+				serviceStatusLoading: false,
+				serviceStatusTotal: 0,
+				serviceStatusPage: {
+					current: 1,
+					size: 10
+				},
+				serviceStatusQuery: {
+					salesName: '',
+					customerName: ''
+				},
+				receptionForm: {
+					id: "",
+					customerName: "",
+					contact: "",
+					customerSource: "",
+					gender: "女",
+					age: "",
+					dealershipId: "",
+					dealershipName: "",
+					salesId: "",
+					salesName: "",
+					salesPhone: "",
+					recordingCount: 0,
+					intendedModel: "",
+					infoCard: "",
+					remark: "",
+					detailedAddress: "",
+					contactCount: 0
+				},
+				serviceStatusList: [],
+				// 标签管理
+				tagViewMode: 'list', // 'list' 或 'add' 或 'edit'
+				tagList: [],
+				tagLoading: false,
+				tagTotal: 0,
+				tagPage: {
+					current: 1,
+					size: 10
+				},
+				tagQuery: {
+					industry: '',
+					tagType: '',
+					tagName: ''
+				},
+				tagForm: {
+					id: '',
+					industry: '家居行业',
+					tagType: '',
+					name: '',
+					detail: '',
+					remark: '',
+					enabled: true
+				},
+				tagTypeOptions: ["接待客户", "质检SOP", "客户画像"],
+				showTagTypeDropdown: false,
+				selectedTagItem: null,
+				showTagActionMenu: false,
+				// 补录相关
+				showSupplementModal: false,
+				currentSupplementItem: null,
+				supplementForm: {
+					customerName: "",
+					contact: "",
+					remarks: ""
+				}
+			}
+		},
+		onLoad() {
+			this.fetchServiceStatusList();
+			// 加载当前登录用户信息，填充销售姓名和电话
+			this.loadCurrentUserInfo();
+		},
+		methods: {
+			/**
+			 * 加载当前登录用户信息，填充销售姓名和电话
+			 */
+			loadCurrentUserInfo() {
+				try {
+					// 从本地存储获取登录响应信息
+					const loginResponse = uni.getStorageSync('backend-login-response') || {};
+					
+					// 填充销售姓名
+					if (loginResponse.userName) {
+						this.receptionForm.salesName = loginResponse.userName;
+					}
+					
+					// 填充销售电话：如果电话为空，则使用姓名作为电话
+					if (loginResponse.phone) {
+						this.receptionForm.salesPhone = loginResponse.phone;
+					} else if (loginResponse.userName) {
+						// 如果电话为空，使用姓名作为电话
+						this.receptionForm.salesPhone = loginResponse.userName;
+					}
+					
+					// 如果有 userId，也可以填充到 salesId
+					if (loginResponse.userId) {
+						this.receptionForm.salesId = String(loginResponse.userId);
+					}
+				} catch (e) {
+					console.error('加载当前登录用户信息失败:', e);
+				}
+			},
+			goBack() {
+				uni.navigateBack();
+			},
+			switchTab(tab) {
+				this.activeTab = tab;
+				if (tab === 'status') {
+					this.fetchServiceStatusList();
+				} else if (tab === 'reception') {
+					// 切换到开始接待标签页时，重置表单数据
+					this.resetReceptionForm();
+				} else if (tab === 'tag') {
+					this.tagViewMode = 'list';
+					// 当进入标签管理页面时，请求接口填充数据
+					this.fetchTagList();
+				}
+			},
+			resetReceptionForm() {
+				// 重置表单数据
+				this.receptionForm = {
+					id: "",
+					customerName: "",
+					contact: "",
+					customerSource: "",
+					gender: "女",
+					age: "",
+					dealershipId: "",
+					dealershipName: "",
+					salesId: "",
+					salesName: "",
+					salesPhone: "",
+					recordingCount: 0,
+					intendedModel: "",
+					infoCard: "",
+					remark: "",
+					detailedAddress: "",
+					contactCount: 0
+				};
+				// 重新加载当前登录用户信息
+				this.loadCurrentUserInfo();
+			},
+			onServiceStatusSearch() {
+				if (this.activeTab !== 'status') {
+					this.activeTab = 'status';
+				}
+				this.serviceStatusPage.current = 1;
+				this.fetchServiceStatusList({ force: true });
+			},
+			onServiceStatusRefresh() {
+				this.serviceStatusPage.current = 1;
+				this.fetchServiceStatusList({ force: true });
+			},
+			onServiceStatusReachBottom() {
+				// 已在加载中或全部加载完成则不再触发
+				if (this.serviceStatusLoading) return;
+				if (this.serviceStatusList.length >= this.serviceStatusTotal) return;
+				this.serviceStatusPage.current += 1;
+				this.fetchServiceStatusList();
+			},
+			async fetchServiceStatusList({ force = false } = {}) {
+				if (this.serviceStatusLoading && !force) {
+					return;
+				}
+				this.serviceStatusLoading = true;
+				try {
+					// 构建查询参数对象
+					const queryParams = {
+						current: this.serviceStatusPage.current,
+						size: this.serviceStatusPage.size,
+						serviceStatus: '服务中'  // 默认搜索条件
+					};
+					const trimmedSalesName = this.serviceStatusQuery?.salesName?.trim();
+					const trimmedCustomerName = this.serviceStatusQuery?.customerName?.trim();
+					if (trimmedSalesName) {
+						queryParams.salesName = trimmedSalesName;
+					}
+					if (trimmedCustomerName) {
+						queryParams.customerName = trimmedCustomerName;
+					}
+					
+					// 确保 serviceStatus 始终存在
+					queryParams.serviceStatus = '服务中';
+					
+					// 将参数转换为 URL 查询字符串（因为后端使用 @RequestParam）
+					const queryString = Object.keys(queryParams)
+						.filter(key => queryParams[key] !== null && queryParams[key] !== undefined && queryParams[key] !== '')
+						.map(key => `${encodeURIComponent(key)}=${encodeURIComponent(queryParams[key])}`)
+						.join('&');
+					
+					// 调试：打印请求参数
+					console.log('服务状态查询参数:', JSON.stringify(queryParams));
+					console.log('查询字符串:', queryString);
+					
+					// 后端使用 @RequestParam，参数需要作为 URL 查询参数传递
+					const baseUrl = getApiUrl('/api/audioManagement/list');
+					const url = queryString ? `${baseUrl}?${queryString}` : baseUrl;
+					
+					// 获取认证信息
+					let tenantId = '';
+					let token = '';
+					try {
+						tenantId = uni.getStorageSync('backend-tenant-id') || '';
+						token = uni.getStorageSync('backend-token') || '';
+					} catch (e) {
+						console.error('获取认证信息失败:', e);
+					}
+					
+					// 构建请求头
+					const headers = {
+						'Content-Type': 'application/json'
+					};
+					if (token) {
+						headers['Authorization'] = `Bearer ${token}`;
+					}
+					if (tenantId) {
+						headers['X-Tenant-Id'] = tenantId;
+					}
+					
+					const res = await uni.request({
+						url,
+						method: 'POST',
+						data: {},  // POST 请求体为空，参数都在 URL 查询字符串中
+						header: headers,
+						timeout: 30000  // 增加超时时间到30秒
+					});
+					
+					if (res.statusCode === 200 && res.data && res.data.success) {
+						const records = Array.isArray(res.data.data) ? res.data.data : [];
+						
+						if (records.length === 0) {
+							this.serviceStatusList = [];
+							this.serviceStatusTotal = 0;
+							return;
+						}
+						
+						const mapped = records
+							.map(item => this.buildServiceStatusItem(item))
+							.filter(item => item !== null); // 过滤掉无效的数据
+						
+						// 第一页或强制刷新时重置列表，否则追加
+						if (this.serviceStatusPage.current === 1 || force) {
+							// 使用 Vue 3 的响应式更新方式
+							this.serviceStatusList = [...mapped];
+						} else {
+							this.serviceStatusList = [...this.serviceStatusList, ...mapped];
+						}
+						this.serviceStatusTotal = Number(res.data.total) || 0;
+					} else {
+						this.serviceStatusList = [];
+						this.serviceStatusTotal = 0;
+						uni.showToast({
+							title: res.data?.message || '获取服务中列表失败',
+							icon: 'none'
+						});
+					}
+				} catch (error) {
+					console.error('获取服务中列表失败:', error);
+					// 根据错误类型提供更详细的错误信息
+					let errorMessage = '获取服务状态失败，请稍后重试';
+					if (error.errMsg) {
+						if (error.errMsg.includes('timeout')) {
+							errorMessage = '请求超时，请检查网络连接后重试';
+						} else if (error.errMsg.includes('fail')) {
+							errorMessage = '网络请求失败，请检查网络连接';
+						}
+					}
+					uni.showToast({
+						title: errorMessage,
+						icon: 'none',
+						duration: 3000
+					});
+				} finally {
+					this.serviceStatusLoading = false;
+				}
+			},
+			buildServiceStatusItem(record = {}) {
+				if (!record || typeof record !== 'object') {
+					return null;
+				}
+				
+				const formattedUpdateTime = this.formatDateTime(record.updateTime || record.createTime);
+				const tags = [];
+				if (record.recordingName) {
+					tags.push({ text: `录音：${record.recordingName}`, color: 'blue' });
+				}
+				if (record.intentionLevel) {
+					tags.push({ text: `意向：${record.intentionLevel}`, color: 'orange' });
+				}
+				if (record.projectName) {
+					tags.push({ text: `项目：${record.projectName}`, color: 'blue' });
+				}
+				
+				return {
+					id: record.id || '',
+					staffName: record.salesName || '未分配销售',
+					status: record.syncStatus || '服务中',
+					customerName: record.customerName || '',
+					customerPhone: record.customerPhone || '',
+					tags,
+					durationText: formattedUpdateTime ? `最近更新时间：${formattedUpdateTime}` : '最近暂无更新时间'
+				};
+			},
+			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}`;
+			},
+			viewServiceDetail(item) {
+				// 查看服务详情
+				console.log('查看服务详情', item);
+			},
+			async finishService(item) {
+				if (!item || !item.id) {
+					uni.showToast({
+						title: '无法获取服务记录ID',
+						icon: 'none'
+					});
+					return;
+				}
+				
+				uni.showModal({
+					title: '确认结束',
+					content: `确定要结束这条服务记录吗？`,
+					success: async (res) => {
+						if (res.confirm) {
+							try {
+								uni.showLoading({
+									title: '结束中...'
+								});
+								
+								const url = getApiUrl('/api/audioManagement/finishServiceById');
+								
+								// 获取认证信息
+								let tenantId = '';
+								let token = '';
+								try {
+									tenantId = uni.getStorageSync('backend-tenant-id') || '';
+									token = uni.getStorageSync('backend-token') || '';
+								} catch (e) {
+									console.error('获取认证信息失败:', e);
+								}
+								
+								// 构建请求头
+								const headers = {
+									'Content-Type': 'application/json'
+								};
+								if (token) {
+									headers['Authorization'] = `Bearer ${token}`;
+								}
+								if (tenantId) {
+									headers['X-Tenant-Id'] = tenantId;
+								}
+								
+								// 构建请求体
+								const requestData = {
+									id: item.id
+								};
+								
+								const finishRes = await uni.request({
+									url: url,
+									method: 'POST',
+									data: requestData,
+									header: headers,
+									timeout: 30000
+								});
+								
+								uni.hideLoading();
+								
+								if (finishRes.statusCode === 200 && finishRes.data && finishRes.data.success) {
+									uni.showToast({
+										title: finishRes.data?.message || '结束服务成功',
+										icon: 'success'
+									});
+									// 结束成功后刷新列表
+									this.serviceStatusPage.current = 1;
+									this.fetchServiceStatusList({ force: true });
+								} else {
+									uni.showToast({
+										title: finishRes.data?.message || '结束服务失败',
+										icon: 'none'
+									});
+								}
+							} catch (error) {
+								uni.hideLoading();
+								console.error('结束服务失败:', error);
+								// 根据错误类型提供更详细的错误信息
+								let errorMessage = '结束服务失败，请重试';
+								if (error.errMsg) {
+									if (error.errMsg.includes('timeout')) {
+										errorMessage = '请求超时，请检查网络连接后重试';
+									} else if (error.errMsg.includes('fail')) {
+										errorMessage = '网络请求失败，请检查网络连接';
+									}
+								}
+								uni.showToast({
+									title: errorMessage,
+									icon: 'none',
+									duration: 3000
+								});
+							}
+						}
+					}
+				});
+			},
+			showSupplementDialog(item) {
+				this.currentSupplementItem = item;
+				// 初始化表单数据，如果有现有数据则填充
+				this.supplementForm = {
+					customerName: item.customerName || "",
+					contact: item.customerPhone || "",
+					remarks: item.remarks || ""
+				};
+				this.showSupplementModal = true;
+			},
+			closeSupplementDialog() {
+				this.showSupplementModal = false;
+				this.currentSupplementItem = null;
+				this.supplementForm = {
+					customerName: "",
+					contact: "",
+					remarks: ""
+				};
+			},
+			async saveSupplement() {
+				// 验证电话格式（如果填写了电话）
+				const trimmedContact = this.supplementForm.contact?.trim();
+				if (trimmedContact && !this.isValidPhoneNumber(trimmedContact)) {
+					uni.showToast({
+						title: "请输入有效的客户电话",
+						icon: "none"
+					});
+					return;
+				}
+
+				if (!this.currentSupplementItem || !this.currentSupplementItem.id) {
+					uni.showToast({
+						title: '无法获取服务记录ID',
+						icon: 'none'
+					});
+					return;
+				}
+
+				try {
+					uni.showLoading({
+						title: "保存中..."
+					});
+
+					// 获取认证信息
+					let tenantId = '';
+					let token = '';
+					try {
+						tenantId = uni.getStorageSync('backend-tenant-id') || '';
+						token = uni.getStorageSync('backend-token') || '';
+					} catch (e) {
+						console.error('获取认证信息失败:', e);
+					}
+					
+					// 构建请求头
+					const headers = {
+						'Content-Type': 'application/json'
+					};
+					if (token) {
+						headers['Authorization'] = `Bearer ${token}`;
+					}
+					if (tenantId) {
+						headers['X-Tenant-Id'] = tenantId;
+					}
+
+					// 构建请求参数（必须包含id）
+					const params = {
+						id: this.currentSupplementItem.id,
+						customerName: this.supplementForm.customerName?.trim() || "",
+						customerPhone: trimmedContact || "",
+						remarks: this.supplementForm.remarks?.trim() || ""
+					};
+
+					// 调用补录接口
+					const res = await uni.request({
+						url: getApiUrl('/api/audioManagement/updateForCustomerInfo'),
+						method: "PUT",
+						data: params,
+						header: headers,
+						timeout: 30000
+					});
+
+					uni.hideLoading();
+
+					if (res.statusCode === 200 && res.data && res.data.success) {
+						uni.showToast({
+							title: "补录成功",
+							icon: "success"
+						});
+						// 关闭弹窗
+						this.closeSupplementDialog();
+						// 刷新列表
+						this.serviceStatusPage.current = 1;
+						this.fetchServiceStatusList({ force: true });
+					} else {
+						uni.showToast({
+							title: res.data?.message || "补录失败",
+							icon: "none"
+						});
+					}
+				} catch (error) {
+					uni.hideLoading();
+					console.error("补录失败:", error);
+					let errorMessage = '补录失败，请重试';
+					if (error.errMsg) {
+						if (error.errMsg.includes('timeout')) {
+							errorMessage = '请求超时，请检查网络连接后重试';
+						} else if (error.errMsg.includes('fail')) {
+							errorMessage = '网络请求失败，请检查网络连接';
+						}
+					}
+					uni.showToast({
+						title: errorMessage,
+						icon: 'none',
+						duration: 3000
+					});
+				}
+			},
+			isValidPhoneNumber(phone) {
+				const normalizedPhone = phone?.trim();
+				if (!normalizedPhone) {
+					return false;
+				}
+				return /^1[3-9]\d{9}$/.test(normalizedPhone);
+			},
+			onReceptionCancel() {
+				// 组件内部已处理取消逻辑，这里只需要重置表单数据
+				this.resetReceptionForm();
+			},
+			onReceptionSaveSuccess({ action, data }) {
+				// 保存成功后，更新本地表单数据
+				if (data) {
+					this.receptionForm = {
+						...this.receptionForm,
+						...data
+					};
+				}
+				// 重置表单
+				this.resetReceptionForm();
+				// 如果是开始接待操作，可以在这里处理后续逻辑
+				if (action === 'start') {
+					// 可以在这里添加开始接待后的逻辑，比如跳转到接待页面等
+					console.log('开始接待成功', data);
+				}
+			},
+			onReceptionSaveError({ action, error }) {
+				// 保存失败时的处理
+				console.error('保存失败:', error);
+			},
+			// 标签管理相关方法
+			onTagListSearch() {
+				if (this.activeTab !== 'tag') {
+					this.activeTab = 'tag';
+				}
+				this.tagPage.current = 1;
+				this.fetchTagList({ force: true });
+			},
+			onTagListRefresh() {
+				this.tagPage.current = 1;
+				this.fetchTagList({ force: true });
+			},
+			onTagListReachBottom() {
+				// 已在加载中或全部加载完成则不再触发
+				if (this.tagLoading) return;
+				if (this.tagList.length >= this.tagTotal) return;
+				this.tagPage.current += 1;
+				this.fetchTagList();
+			},
+			async fetchTagList({ force = false } = {}) {
+				if (this.tagLoading && !force) {
+					return;
+				}
+				this.tagLoading = true;
+				try {
+					const queryParams = {
+						current: this.tagPage.current,
+						size: this.tagPage.size
+					};
+					const trimmedTagType = this.tagQuery?.tagType?.trim();
+					const trimmedTagName = this.tagQuery?.tagName?.trim();
+					if (trimmedTagType) {
+						queryParams.tagType = trimmedTagType;
+					}
+					if (trimmedTagName) {
+						queryParams.tagName = trimmedTagName;
+					}
+					// 后端接口不支持 GET，改为 POST 传参
+					const url = getApiUrl('/api/industryTags/list');
+					
+					// 获取认证信息
+					let tenantId = '';
+					let token = '';
+					try {
+						tenantId = uni.getStorageSync('backend-tenant-id') || '';
+						token = uni.getStorageSync('backend-token') || '';
+					} catch (e) {
+						console.error('获取认证信息失败:', e);
+					}
+					
+					// 构建请求头
+					const headers = {
+						'Content-Type': 'application/json'
+					};
+					if (token) {
+						headers['Authorization'] = `Bearer ${token}`;
+					}
+					if (tenantId) {
+						headers['X-Tenant-Id'] = tenantId;
+					}
+					
+					const res = await uni.request({
+						url,
+						method: 'POST',
+						data: queryParams,
+						header: headers,
+						timeout: 30000  // 增加超时时间到30秒
+					});
+					if (res.statusCode === 200 && res.data && res.data.success) {
+						const records = Array.isArray(res.data.data) ? res.data.data : [];
+						// 第一页或强制刷新时重置列表，否则追加
+						if (this.tagPage.current === 1 || force) {
+							this.tagList = records;
+						} else {
+							this.tagList = this.tagList.concat(records);
+						}
+						this.tagTotal = Number(res.data.total) || 0;
+					} else {
+				this.tagList = [];
+						this.tagTotal = 0;
+						uni.showToast({
+							title: res.data?.message || '获取标签列表失败',
+							icon: 'none'
+						});
+					}
+				} catch (error) {
+					console.error('获取标签列表失败:', error);
+					// 根据错误类型提供更详细的错误信息
+					let errorMessage = '获取标签列表失败，请稍后重试';
+					if (error.errMsg) {
+						if (error.errMsg.includes('timeout')) {
+							errorMessage = '请求超时，请检查网络连接后重试';
+						} else if (error.errMsg.includes('fail')) {
+							errorMessage = '网络请求失败，请检查网络连接';
+						}
+					}
+					uni.showToast({
+						title: errorMessage,
+						icon: 'none',
+						duration: 3000
+					});
+				} finally {
+					this.tagLoading = false;
+				}
+			},
+			showAddTag() {
+				this.tagViewMode = 'add';
+				this.showTagTypeDropdown = false;
+				this.tagForm = {
+					id: '',
+					industry: '家居行业',
+					tagType: '',
+					name: '',
+					detail: '',
+					remark: '',
+					enabled: true
+				};
+			},
+			onTagItemClick(item) {
+				// 点击卡片内容区域，不做任何操作（保留用于其他可能的交互）
+			},
+			onTagActionBtnClick(item) {
+				// 如果已经选中当前项，则关闭菜单
+				if (this.selectedTagItem && this.selectedTagItem.id === item.id && this.showTagActionMenu) {
+					this.closeTagActionMenu();
+					return;
+				}
+				
+				// 显示菜单
+				this.selectedTagItem = item;
+				this.showTagActionMenu = true;
+			},
+			closeTagActionMenu() {
+				this.showTagActionMenu = false;
+				this.selectedTagItem = null;
+			},
+			editTag(item) {
+				this.closeTagActionMenu();
+				this.tagViewMode = 'edit';
+				this.showTagTypeDropdown = false;
+				this.tagForm = {
+					id: item.id || '',
+					industry: item.industry || '家居行业',
+					tagType: item.tagType || '',
+					name: item.tagName || item.name || '',
+					detail: item.tagDetail || item.detail || '',
+					remark: item.remark || '',
+					enabled: item.enabled !== undefined ? item.enabled : (item.isEnabled !== undefined ? item.isEnabled : true)
+				};
+			},
+			async deleteTag(item) {
+				this.closeTagActionMenu();
+				const tagId = item.id;
+				if (!tagId) {
+					uni.showToast({
+						title: '无法获取标签ID',
+						icon: 'none'
+					});
+					return;
+				}
+				
+				uni.showModal({
+					title: '确认删除',
+					content: `确定要删除标签"${item.tagName || item.name || '未命名标签'}"吗？`,
+					success: async (res) => {
+						if (res.confirm) {
+							try {
+								uni.showLoading({
+									title: '删除中...'
+								});
+								
+								const deleteUrl = getApiUrl(`/api/industryTags/delete/${tagId}`);
+								
+								// 获取认证信息
+								let tenantId = '';
+								let token = '';
+								try {
+									tenantId = uni.getStorageSync('backend-tenant-id') || '';
+									token = uni.getStorageSync('backend-token') || '';
+								} catch (e) {
+									console.error('获取认证信息失败:', e);
+								}
+								
+								// 构建请求头
+								const headers = {};
+								if (token) {
+									headers['Authorization'] = `Bearer ${token}`;
+								}
+								if (tenantId) {
+									headers['X-Tenant-Id'] = tenantId;
+								}
+								
+								const deleteRes = await uni.request({
+									url: deleteUrl,
+									method: 'DELETE',
+									header: headers,
+									timeout: 30000  // 增加超时时间到30秒
+								});
+								
+								uni.hideLoading();
+								
+								if (deleteRes.statusCode === 200 && deleteRes.data && deleteRes.data.success) {
+									uni.showToast({
+										title: deleteRes.data?.message || '删除成功',
+										icon: 'success'
+									});
+									// 删除成功后刷新列表
+									this.tagPage.current = 1;
+									this.fetchTagList({ force: true });
+								} else {
+									uni.showToast({
+										title: deleteRes.data?.message || '删除失败',
+										icon: 'none'
+									});
+								}
+							} catch (error) {
+								uni.hideLoading();
+								console.error('删除标签失败:', error);
+								// 根据错误类型提供更详细的错误信息
+								let errorMessage = '删除失败，请重试';
+								if (error.errMsg) {
+									if (error.errMsg.includes('timeout')) {
+										errorMessage = '请求超时，请检查网络连接后重试';
+									} else if (error.errMsg.includes('fail')) {
+										errorMessage = '网络请求失败，请检查网络连接';
+									}
+								}
+								uni.showToast({
+									title: errorMessage,
+									icon: 'none',
+									duration: 3000
+								});
+							}
+						}
+					}
+				});
+			},
+			cancelAddTag() {
+				this.tagViewMode = 'list';
+				this.showTagTypeDropdown = false;
+				this.tagForm = {
+					id: '',
+					industry: '家居行业',
+					tagType: '',
+					name: '',
+					detail: '',
+					remark: '',
+					enabled: true
+				};
+			},
+			toggleTagTypeDropdown() {
+				this.showTagTypeDropdown = !this.showTagTypeDropdown;
+			},
+			selectTagType(option) {
+				this.tagForm.tagType = option;
+				this.showTagTypeDropdown = false;
+			},
+			closeTagTypeDropdown() {
+				this.showTagTypeDropdown = false;
+			},
+			onEnabledChange(e) {
+				this.tagForm.enabled = e.detail.value;
+			},
+			async saveTag() {
+				// 表单验证
+				if (!this.tagForm.name || !this.tagForm.name.trim()) {
+					uni.showToast({
+						title: "请输入标签名",
+						icon: "none"
+					});
+					return;
+				}
+
+				try {
+					uni.showLoading({
+						title: this.tagViewMode === 'edit' ? "更新中..." : "保存中..."
+					});
+
+					const payload = {
+						industry: this.tagForm.industry?.trim() || '',
+						tagType: this.tagForm.tagType?.trim() || '',
+						tagName: this.tagForm.name.trim(),
+						tagDetail: this.tagForm.detail?.trim() || '',
+						remark: this.tagForm.remark?.trim() || '',
+						enabled: this.tagForm.enabled !== undefined ? this.tagForm.enabled : true
+					};
+
+					// 如果是编辑模式，添加id
+					if (this.tagViewMode === 'edit' && this.tagForm.id) {
+						payload.id = this.tagForm.id;
+					}
+
+					// 根据模式选择不同的接口
+					const url = this.tagViewMode === 'edit' 
+						? getApiUrl('/api/industryTags/update')
+						: getApiUrl('/api/industryTags/add');
+					
+					const method = this.tagViewMode === 'edit' ? 'PUT' : 'POST';
+
+					// 获取认证信息
+					let tenantId = '';
+					let token = '';
+					try {
+						tenantId = uni.getStorageSync('backend-tenant-id') || '';
+						token = uni.getStorageSync('backend-token') || '';
+					} catch (e) {
+						console.error('获取认证信息失败:', e);
+					}
+					
+					// 构建请求头
+					const headers = {
+						"Content-Type": "application/json"
+					};
+					if (token) {
+						headers['Authorization'] = `Bearer ${token}`;
+					}
+					if (tenantId) {
+						headers['X-Tenant-Id'] = tenantId;
+					}
+
+					const res = await uni.request({
+						url: url,
+						method: method,
+						data: payload,
+						header: headers,
+						timeout: 30000  // 增加超时时间到30秒
+					});
+
+					const { statusCode, data } = res;
+					if (statusCode === 200 && data && (data.success || data.code === 200)) {
+						uni.showToast({
+							title: data?.message || (this.tagViewMode === 'edit' ? "更新成功" : "保存成功"),
+							icon: "success"
+						});
+						// 保存成功后返回列表并刷新
+						this.tagViewMode = 'list';
+						this.tagPage.current = 1;
+						this.fetchTagList({ force: true });
+					} else {
+						throw new Error(data?.message || (this.tagViewMode === 'edit' ? "更新失败" : "保存失败"));
+					}
+				} catch (error) {
+					console.error("保存标签失败:", error);
+					// 根据错误类型提供更详细的错误信息
+					let errorMessage = error?.message || (this.tagViewMode === 'edit' ? "更新失败，请重试" : "保存失败，请重试");
+					if (error.errMsg) {
+						if (error.errMsg.includes('timeout')) {
+							errorMessage = '请求超时，请检查网络连接后重试';
+						} else if (error.errMsg.includes('fail')) {
+							errorMessage = '网络请求失败，请检查网络连接';
+						}
+					}
+					uni.showToast({
+						title: errorMessage,
+						icon: "none",
+						duration: 3000
+					});
+				} finally {
+					uni.hideLoading();
+				}
+			}
+		}
+	}
+</script>
+
+<style>
+	page {
+		background-color: #F5F5F5;
+	}
+	
+	.page {
+		min-height: 100vh;
+		background-color: #F5F5F5;
+	}
+	
+	.content {
+		padding-top: 0; /* 移除padding-top，因为tab页和scroll-view都使用绝对定位 */
+		margin-top: 0;
+		position: relative;
+		min-height: 100vh; /* 确保content有足够高度 */
+	}
+	
+	/* 隐藏导航栏占位区域（红色区域） */
+	::v-deep .uni-navbar__placeholder {
+		display: none !important;
+		height: 0 !important;
+	}
+	
+	::v-deep .uni-navbar__placeholder-view {
+		display: none !important;
+		height: 0 !important;
+	}
+	
+	/* 隐藏导航栏底部边框 */
+	::v-deep .uni-navbar--border {
+		border-bottom: none !important;
+	}
+	
+	/* 标签页 - 使用绝对定位紧贴导航栏，消除红色空白区域 */
+	.tabs {
+		display: flex;
+		background-color: #FFFFFF;
+		border-bottom: 1px solid #E0E0E0;
+		padding: 0 16rpx;
+		margin-top: 0;
+		position: absolute;
+		top: 88rpx;
+		left: 0;
+		right: 0;
+		z-index: 1;
+	}
+	
+	
+	.tab-item {
+		padding: 24rpx 32rpx;
+		position: relative;
+	}
+	
+	.tab-item text {
+		font-size: 30rpx;
+		color: #666;
+	}
+	
+	.tab-item.active text {
+		color: #333;
+		font-weight: 500;
+	}
+	
+	.tab-item.active::after {
+		content: '';
+		position: absolute;
+		bottom: 0;
+		left: 32rpx;
+		right: 32rpx;
+		height: 4rpx;
+		background-color: #007AFF;
+		border-radius: 2rpx;
+	}
+	
+	/* 服务状态列表 */
+	.service-status-list {
+		/* 使用绝对定位，从tab页底部开始，高度计算：100vh - 导航栏(88rpx) - tab页(72rpx) - 底部导航栏(96rpx) */
+		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;
+	}
+
+	/* 标签管理列表区：使用绝对定位，与service-status-list保持一致 */
+	.tag-list {
+		/* 使用绝对定位，从tab页底部开始，高度计算：100vh - 导航栏(88rpx) - tab页(72rpx) - 底部导航栏(96rpx) */
+		position: absolute;
+		top: 160rpx; /* 导航栏(88rpx) + tab页(72rpx) = 160rpx */
+		left: 0;
+		right: 0;
+		bottom: 96rpx; /* 底部导航栏高度 */
+		/* 如果需要缩小高度，可以调整bottom值，比如 bottom: calc(96rpx + (100vh - 88rpx - 72rpx - 96rpx) * 0.3); */
+	}
+
+	.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;
+	}
+	
+	.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;
+		/* 确保左右padding完全对称，所有内容都在padding范围内 */
+	}
+	
+	/* 标签卡片特殊处理 */
+	.service-card.tag-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;
+		/* 确保头部内容在卡片padding范围内 */
+	}
+	
+	.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;
+	}
+	
+	.service-status {
+		display: flex;
+		align-items: center;
+		gap: 8rpx;
+	}
+	
+	.service-status text {
+		font-size: 26rpx;
+		color: #007AFF;
+	}
+	
+	.customer-tags {
+		display: flex;
+		flex-wrap: wrap;
+		margin-bottom: 20rpx;
+		gap: 12rpx;
+		box-sizing: border-box;
+		margin-left: 0;
+		margin-right: 0;
+		padding: 0;
+		/* 确保标签容器不会超出卡片padding范围 */
+		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;
+		/* 确保信息容器不会超出卡片padding范围 */
+		width: 100%;
+		max-width: 100%;
+	}
+
+	.customer-name,
+	.customer-phone {
+		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;
+		/* 确保标签项不会超出卡片padding范围，允许换行 */
+		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;
+	}
+	
+	/* AI提醒 */
+	.ai-alert {
+		border-radius: 8rpx;
+		padding: 20rpx;
+		margin-bottom: 20rpx;
+	}
+	
+	.alert-risk-box {
+		background-color: #FFF5F5;
+	}
+	
+	.alert-reminder-box {
+		background-color: #F5F5F5;
+	}
+	
+	.alert-header {
+		display: flex;
+		align-items: center;
+		margin-bottom: 12rpx;
+	}
+	
+	.alert-icon {
+		margin-right: 8rpx;
+	}
+	
+	.icon-circle {
+		width: 24rpx;
+		height: 24rpx;
+		border: 2rpx solid #333;
+		border-radius: 50%;
+		position: relative;
+	}
+	
+	.icon-circle::after {
+		content: '';
+		position: absolute;
+		top: 50%;
+		left: 50%;
+		transform: translate(-50%, -50%);
+		width: 8rpx;
+		height: 8rpx;
+		background-color: #333;
+		border-radius: 50%;
+	}
+	
+	.alert-title {
+		font-size: 28rpx;
+		font-weight: 500;
+		color: #333;
+	}
+	
+	.alert-content {
+		font-size: 26rpx;
+		line-height: 1.6;
+	}
+	
+	.alert-risk-text {
+		color: #FF5722;
+	}
+	
+	.alert-reminder-text {
+		color: #666;
+	}
+	
+	.alert-list {
+		display: flex;
+		flex-direction: column;
+		gap: 8rpx;
+	}
+	
+	.alert-item {
+		display: flex;
+		align-items: flex-start;
+	}
+	
+	.alert-item::before {
+		content: '•';
+		margin-right: 8rpx;
+		color: #666;
+	}
+	
+	.alert-item text {
+		font-size: 26rpx;
+		color: #666;
+		line-height: 1.6;
+	}
+	
+	.service-duration {
+		padding-top: 16rpx;
+		border-top: 1px solid #F0F0F0;
+	}
+	
+	.service-duration text {
+		font-size: 26rpx;
+		color: #999;
+	}
+	
+	.service-action-btn {
+		padding: 6rpx 16rpx;
+		border-radius: 4rpx;
+		font-size: 26rpx;
+		font-weight: 400;
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		margin-right: 12rpx;
+		cursor: pointer;
+	}
+	
+	.service-action-btn--finish {
+		color: #007AFF;
+		background-color: transparent;
+	}
+	
+	.service-action-btn--finish:active {
+		opacity: 0.7;
+	}
+	
+	.service-action-btn--supplement {
+		color: #10B981;
+		background-color: transparent;
+	}
+	
+	.service-action-btn--supplement:active {
+		opacity: 0.7;
+	}
+
+	.service-status-empty {
+		padding: 48rpx 0;
+		text-align: center;
+		color: #999;
+		font-size: 28rpx;
+	}
+	
+	/* 标签管理样式 - 添加表单 */
+	.tag-management {
+		/* 使用绝对定位，从tab页底部开始，高度计算：100vh - 导航栏(88rpx) - tab页(72rpx) - 底部导航栏(96rpx) */
+		position: absolute;
+		top: 160rpx; /* 导航栏(88rpx) + tab页(72rpx) = 160rpx */
+		left: 0;
+		right: 0;
+		bottom: 96rpx; /* 底部导航栏高度 */
+		background-color: #F5F5F5;
+		box-sizing: border-box;
+	}
+	
+	/* 标签卡片操作菜单 */
+	.tag-card-item {
+		position: relative;
+	}
+	
+	.tag-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;
+		/* 确保按钮在卡片padding范围内，距离右边框32rpx */
+	}
+	
+	.tag-card-action-btn uni-icons {
+		display: block;
+		margin: 0;
+		padding: 0;
+		line-height: 1;
+	}
+	
+	.tag-card-action-btn:active {
+		opacity: 0.7;
+	}
+	
+	.tag-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;
+	}
+	
+	.tag-action-menu-item {
+		padding: 24rpx 32rpx;
+		font-size: 28rpx;
+		color: #333;
+		text-align: center;
+		background-color: #FFFFFF;
+	}
+	
+	.tag-action-menu-item:active {
+		background-color: #F5F5F5;
+	}
+	
+	.tag-action-menu-item--danger {
+		color: #FF5722;
+	}
+	
+	.tag-action-menu-divider {
+		height: 1rpx;
+		background-color: #E0E0E0;
+		margin: 0 16rpx;
+	}
+	
+	.tag-action-menu-mask {
+		position: fixed;
+		top: 0;
+		left: 0;
+		right: 0;
+		bottom: 0;
+		background-color: transparent;
+		z-index: 99;
+	}
+	
+	.tag-form {
+		height: 100%;
+		padding: 24rpx 32rpx;
+		box-sizing: border-box;
+	}
+
+	/* 标签弹窗整体高度控制在 70% 视窗，内部通过尺寸缩减而非拉伸变形 */
+	.tag-management {
+		max-height: 70vh;
+	}
+
+	.tag-management .tag-form {
+		max-height: 70vh;
+	}
+
+	/* 弹窗内部元素高度约 80%（缩减 padding/字号/高度），保持比例一致 */
+	.tag-management .form-card {
+		padding: 24rpx 20rpx;
+		margin-bottom: 24rpx;
+	}
+
+	.tag-management .form-item {
+		margin-bottom: 24rpx;
+	}
+
+	.tag-management .form-item__label {
+		font-size: 26rpx;
+	}
+
+	.tag-management .form-item__input,
+	.tag-management .form-item__text,
+	.tag-management .form-item__picker,
+	.tag-management .tag-select {
+		height: 70rpx; /* 约为原 88rpx 的 80% */
+		padding: 0 20rpx;
+		font-size: 26rpx;
+	}
+
+	.tag-management .form-item__picker-icon {
+		font-size: 22rpx;
+	}
+
+	.tag-management .tag-select-dropdown__item {
+		padding: 16rpx 28rpx;
+	}
+
+	.tag-management .tag-select-dropdown__item text {
+		font-size: 26rpx;
+	}
+
+	.tag-management .form-item__textarea {
+		padding: 16rpx;
+		font-size: 26rpx;
+		line-height: 1.5;
+	}
+
+	/* 详情与备注区域缩到约 50% 高度 */
+	.tag-management .form-item__textarea--detail {
+		min-height: 60rpx;
+	}
+
+	.tag-management .form-item__textarea--remark {
+		min-height: 50rpx;
+	}
+
+	.tag-management .form-actions {
+		padding-bottom: 24rpx;
+		gap: 16rpx;
+	}
+
+	.tag-management .form-btn {
+		height: 72rpx; /* 约为原 88rpx 的 80% */
+		font-size: 28rpx;
+	}
+	
+	.form-item__textarea {
+		flex: 1;
+		min-height: 100rpx;
+		background-color: #f9fafb;
+		border-radius: 12rpx;
+		padding: 24rpx;
+		font-size: 28rpx;
+		color: #333;
+		box-sizing: border-box;
+		line-height: 1.6;
+	}
+	
+	.form-item__textarea--detail {
+		min-height: 100rpx;
+	}
+	
+	.form-item__textarea--remark {
+		min-height: 88rpx;
+	}
+	
+	/* 确保包含 textarea 的表单项 label 在顶部对齐 */
+	.form-item--textarea .form-item__label {
+		padding-top: 24rpx;
+	}
+	
+	/* 开关样式 */
+	.form-item switch {
+		margin-left: auto;
+	}
+	
+	/* 补录弹窗样式 */
+	.supplement-dialog-mask {
+		position: fixed;
+		top: 0;
+		left: 0;
+		right: 0;
+		bottom: 0;
+		background-color: rgba(0, 0, 0, 0.5);
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		z-index: 1000;
+	}
+	
+	.supplement-dialog {
+		width: 640rpx;
+		max-height: 80vh;
+		background-color: #FFFFFF;
+		border-radius: 24rpx;
+		overflow: hidden;
+		display: flex;
+		flex-direction: column;
+	}
+	
+	.supplement-dialog__header {
+		display: flex;
+		align-items: center;
+		justify-content: space-between;
+		padding: 32rpx 32rpx 24rpx 32rpx;
+		border-bottom: 1px solid #F0F0F0;
+	}
+	
+	.supplement-dialog__title {
+		font-size: 32rpx;
+		font-weight: 500;
+		color: #333;
+	}
+	
+	.supplement-dialog__close {
+		width: 48rpx;
+		height: 48rpx;
+		display: flex;
+		align-items: center;
+		justify-content: center;
+	}
+	
+	.supplement-dialog__body {
+		flex: 1;
+		padding: 32rpx;
+		overflow-y: auto;
+	}
+	
+	.supplement-form-item {
+		margin-bottom: 32rpx;
+	}
+	
+	.supplement-form-item:last-child {
+		margin-bottom: 0;
+	}
+	
+	.supplement-form-item__label {
+		display: block;
+		font-size: 28rpx;
+		color: #333;
+		font-weight: 500;
+		margin-bottom: 16rpx;
+	}
+	
+	.supplement-form-item__input {
+		width: 100%;
+		height: 88rpx;
+		background-color: #f9fafb;
+		border-radius: 12rpx;
+		padding: 0 24rpx;
+		font-size: 28rpx;
+		color: #333;
+		box-sizing: border-box;
+	}
+	
+	.supplement-form-item__textarea {
+		width: 100%;
+		min-height: 160rpx;
+		background-color: #f9fafb;
+		border-radius: 12rpx;
+		padding: 24rpx;
+		font-size: 28rpx;
+		color: #333;
+		box-sizing: border-box;
+		line-height: 1.6;
+	}
+	
+	.supplement-dialog__footer {
+		display: flex;
+		gap: 24rpx;
+		padding: 24rpx 32rpx 32rpx 32rpx;
+		border-top: 1px solid #F0F0F0;
+	}
+	
+	.supplement-dialog__btn {
+		flex: 1;
+		height: 88rpx;
+		border-radius: 12rpx;
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		font-size: 32rpx;
+		font-weight: 500;
+	}
+	
+	.supplement-dialog__btn--cancel {
+		background-color: #f3f4f6;
+		color: #6b7280;
+	}
+	
+	.supplement-dialog__btn--save {
+		background-color: #4C8DFF;
+		color: #ffffff;
+	}
+	
+	.supplement-dialog__btn:active {
+		opacity: 0.7;
+	}
+</style>
diff --git a/pages/furniture_sales/prepare/prepare.vue b/pages/furniture_sales/prepare/prepare.vue
index 2ef0d4c..3c396d8 100644
--- a/pages/furniture_sales/prepare/prepare.vue
+++ b/pages/furniture_sales/prepare/prepare.vue
@@ -74,3 +74,4 @@
 </style>
 
 
+
diff --git a/pages/furniture_sales/process/process.vue b/pages/furniture_sales/process/process.vue
index af494ab..2fc1c50 100644
--- a/pages/furniture_sales/process/process.vue
+++ b/pages/furniture_sales/process/process.vue
@@ -74,3 +74,4 @@
 </style>
 
 
+
diff --git a/pages/furniture_sales/summary/summary.vue b/pages/furniture_sales/summary/summary.vue
index 4bee37a..93420df 100644
--- a/pages/furniture_sales/summary/summary.vue
+++ b/pages/furniture_sales/summary/summary.vue
@@ -74,3 +74,4 @@
 </style>
 
 
+
diff --git a/pages/furniture_top_sales/components/material-tab.vue b/pages/furniture_top_sales/components/material-tab.vue
new file mode 100644
index 0000000..c5966a0
--- /dev/null
+++ b/pages/furniture_top_sales/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/furniture_top_sales/components/practice-tab.vue b/pages/furniture_top_sales/components/practice-tab.vue
new file mode 100644
index 0000000..b438056
--- /dev/null
+++ b/pages/furniture_top_sales/components/practice-tab.vue
@@ -0,0 +1,1428 @@
+<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;
+		overflow-y: auto;
+		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/furniture_top_sales/components/training-tab.vue b/pages/furniture_top_sales/components/training-tab.vue
new file mode 100644
index 0000000..a97a1c1
--- /dev/null
+++ b/pages/furniture_top_sales/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>
diff --git a/pages/furniture_top_sales/furniture_top_sales.vue b/pages/furniture_top_sales/furniture_top_sales.vue
new file mode 100644
index 0000000..88e17ea
--- /dev/null
+++ b/pages/furniture_top_sales/furniture_top_sales.vue
@@ -0,0 +1,210 @@
+<template>
+	<view class="page">
+		<!-- #ifdef APP -->
+		<statusBar></statusBar>
+		<!-- #endif -->
+		
+		<!-- 导航栏 -->
+		<uni-nav-bar 
+			:fixed="true" 
+			:statusBar="true" 
+			title="AI销冠系统" 
+			leftIcon="left" 
+			@clickLeft="goBack"
+			color="#333"
+			backgroundColor="#FFFFFF">
+		</uni-nav-bar>
+		
+		<view class="content">
+			<!-- 标签页 -->
+			<view class="tabs">
+				<view 
+					class="tab-item" 
+					:class="{ active: activeTab === 'practice' }"
+					@click="switchTab('practice')">
+					<text>场景</text>
+				</view>
+				<view 
+					class="tab-item" 
+					:class="{ active: activeTab === 'training' }"
+					@click="switchTab('training')">
+					<text>陪练</text>
+				</view>
+				<view 
+					class="tab-item" 
+					:class="{ active: activeTab === 'quality' }"
+					@click="switchTab('quality')">
+					<text>质检</text>
+				</view>
+				<view 
+					class="tab-item" 
+					:class="{ active: activeTab === 'material' }"
+					@click="switchTab('material')">
+					<text>素材</text>
+				</view>
+			</view>
+			
+			<!-- 场景tab -->
+			<practice-tab v-if="activeTab === 'practice'" @switch-to-training="handleSwitchToTraining"></practice-tab>
+			
+			<!-- 陪练tab -->
+			<training-tab v-if="activeTab === 'training'" @refresh-training-list="handleRefreshTrainingList"></training-tab>
+			
+			<!-- 质检tab -->
+			<scroll-view 
+				class="tab-content" 
+				scroll-y 
+				v-if="activeTab === 'quality'">
+				<view class="champion-card">
+					<text class="champion-title">质检</text>
+					<text class="champion-desc">这里是质检相关的内容展示区域</text>
+				</view>
+			</scroll-view>
+			
+			<!-- 素材tab -->
+			<material-tab v-if="activeTab === 'material'"></material-tab>
+		</view>
+	</view>
+</template>
+
+<script>
+	// #ifdef APP
+	import statusBar from "@/uni_modules/uni-nav-bar/components/uni-nav-bar/uni-status-bar";
+	// #endif
+	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,
+			PracticeTab,
+			TrainingTab,
+			MaterialTab
+		},
+		// #endif
+		// #ifndef APP
+		components: {
+			PracticeTab,
+			TrainingTab,
+			MaterialTab
+		},
+		// #endif
+		data() {
+			return {
+				activeTab: 'practice'
+			}
+		},
+		onLoad() {
+			// 页面加载时，如果默认是场景tab页，子组件会自动加载数据
+		},
+		methods: {
+			goBack() {
+				uni.navigateBack();
+			},
+			switchTab(tab) {
+				this.activeTab = tab;
+			},
+			handleSwitchToTraining() {
+				// 处理从场景tab切换到陪练tab的事件
+				this.switchTab('training');
+			},
+			handleRefreshTrainingList() {
+				// 处理刷新陪练列表的事件
+				// 切换到陪练tab（如果不在的话）
+						this.switchTab('training');
+			}
+		}
+	}
+</script>
+
+<style>
+	page {
+		background-color: #F5F5F5;
+	}
+	
+	.page {
+		min-height: 100vh;
+		background-color: #F5F5F5;
+	}
+	
+	.content {
+		padding-top: 0; /* 移除padding-top，因为tab页和内容区域都使用绝对定位 */
+		margin-top: 0;
+		position: relative;
+		min-height: 100vh; /* 确保content有足够高度 */
+	}
+	
+	/* 隐藏导航栏占位区域，避免产生空白 */
+	::v-deep .uni-navbar__placeholder {
+		display: none !important;
+	}
+	
+	/* 标签页 */
+	.tabs {
+		display: flex;
+		background-color: #FFFFFF;
+		border-bottom: 1px solid #E0E0E0;
+		padding: 0 16rpx;
+		margin-top: 0;
+		position: absolute;
+		top: 88rpx; /* 导航栏高度 */
+		left: 0;
+		right: 0;
+		z-index: 1;
+	}
+	
+	.tab-item {
+		padding: 24rpx 32rpx;
+		position: relative;
+		flex-shrink: 0;
+	}
+	
+	.tab-item text {
+		font-size: 30rpx;
+		color: #666;
+	}
+	
+	.tab-item.active text {
+		color: #333;
+		font-weight: 500;
+	}
+	
+	.tab-item.active::after {
+		content: '';
+		position: absolute;
+		bottom: 0;
+		left: 32rpx;
+		right: 32rpx;
+		height: 4rpx;
+		background-color: #007AFF;
+		border-radius: 2rpx;
+	}
+	
+	.champion-card {
+		width: 100%;
+		box-sizing: border-box;
+		background-color: #FFFFFF;
+		border-radius: 16rpx;
+		padding: 32rpx;
+		box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.04);
+		display: flex;
+		flex-direction: column;
+		align-items: center;
+		justify-content: center;
+		min-height: 400rpx;
+	}
+	
+	.champion-title {
+		font-size: 36rpx;
+		font-weight: bold;
+		color: #333;
+		margin-bottom: 20rpx;
+	}
+	
+	.champion-desc {
+		font-size: 28rpx;
+		color: #999;
+	}
+</style>
\ No newline at end of file
diff --git a/pages/general_sales/prepare/prepare.vue b/pages/general_sales/prepare/prepare.vue
index f2cdc80..b985b84 100644
--- a/pages/general_sales/prepare/prepare.vue
+++ b/pages/general_sales/prepare/prepare.vue
@@ -74,3 +74,4 @@
 </style>
 
 
+
diff --git a/pages/general_sales/process/process.vue b/pages/general_sales/process/process.vue
index be149b1..2c8e693 100644
--- a/pages/general_sales/process/process.vue
+++ b/pages/general_sales/process/process.vue
@@ -74,3 +74,4 @@
 </style>
 
 
+
diff --git a/pages/general_sales/summary/summary.vue b/pages/general_sales/summary/summary.vue
index 2ac0580..93ffc12 100644
--- a/pages/general_sales/summary/summary.vue
+++ b/pages/general_sales/summary/summary.vue
@@ -74,3 +74,4 @@
 </style>
 
 
+