diff --git a/common/config.js b/common/config.js
index 9507197..b653091 100644
--- a/common/config.js
+++ b/common/config.js
@@ -6,7 +6,7 @@
 import envConfig from '@/common/env.js'
 
 const API_TARGETS = {
-	local: 'http://localhost:8090/',
+	local: 'http://localhost:8091/',
 	prod: 'https://api.huayang-star.com/'
 }
 
diff --git a/common/env.js b/common/env.js
index 9066d70..1a46984 100644
--- a/common/env.js
+++ b/common/env.js
@@ -3,6 +3,6 @@
  * apiEnv 可选：'local' | 'prod'
  */
 export default {
-	apiEnv: 'prod'
+	apiEnv: 'local'
 }
 
diff --git a/manifest.json b/manifest.json
index 1fb655c..5d0b9d6 100644
--- a/manifest.json
+++ b/manifest.json
@@ -62,7 +62,7 @@
             "port" : 8081,
             "proxy" : {
                 "^/api" : {
-                    "target" : "http://localhost:8090",
+                    "target" : "http://localhost:8091",
                     "changeOrigin" : true,
                     "secure" : false
                 }
diff --git a/pages-subpackage/ai_features/recording_duration/recording_duration.vue b/pages-subpackage/ai_features/recording_duration/recording_duration.vue
index 1120e15..c6c9239 100644
--- a/pages-subpackage/ai_features/recording_duration/recording_duration.vue
+++ b/pages-subpackage/ai_features/recording_duration/recording_duration.vue
@@ -79,6 +79,9 @@
 </template>
 
 <script>
+import { post } from '@/common/request.js'
+import { getApiUrl } from '@/common/config.js'
+
 // 获取系统信息的辅助函数
 function getSystemInfo() {
   // #ifdef MP-WEIXIN
@@ -133,17 +136,16 @@ export default {
       timeRangeOptions: ['1个月', '3个月', '6个月'],
       timeRangeIndex: 0, // 默认选择1个月
       showTimeRangeDropdown: false, // 控制下拉菜单显示
-      totalDuration: '125.5 小时',
-      todayDuration: '8.2 小时',
-      dataList: [
-        { date: '2024-02-07', description: '客户咨询录音', duration: '2.5 小时' },
-        { date: '2024-02-06', description: '销售洽谈录音', duration: '3.2 小时' },
-        { date: '2024-02-05', description: '培训录音', duration: '1.8 小时' },
-        { date: '2024-02-04', description: '会议录音', duration: '4.1 小时' },
-        { date: '2024-02-03', description: '客户反馈录音', duration: '2.9 小时' }
-      ]
+      totalDuration: '0 小时',
+      todayDuration: '0 小时',
+      dataList: [],
+      loading: false
     }
   },
+  onLoad() {
+    // 页面加载时获取数据
+    this.loadData();
+  },
   onReady() {
     // 页面渲染完成后，查询实际导航栏高度并更新位置
     this.$nextTick(() => {
@@ -240,19 +242,235 @@ export default {
     onRefresh() {
       // 刷新数据
       this.loadData();
-      uni.showToast({
-        title: '刷新成功',
-        icon: 'success',
-        duration: 1500
-      });
     },
-    loadData() {
-      // 根据 timeRangeIndex 加载对应时间范围的数据
-      // 0 -> 1个月, 1 -> 3个月, 2 -> 6个月
-      const months = this.timeRangeIndex === 0 ? 1 : (this.timeRangeIndex === 1 ? 3 : 6);
-      console.log(`加载最近${months}个月的数据`);
-      // TODO: 这里可以调用API加载数据
-      // 示例：调用接口获取数据
+    /**
+     * 获取当前登录用户信息
+     */
+    getCurrentUserInfo() {
+      try {
+        const loginResponse = uni.getStorageSync('backend-login-response') || {};
+        return {
+          salesId: loginResponse.userId ? String(loginResponse.userId) : null,
+          salesPhone: loginResponse.phone || null
+        };
+      } catch (e) {
+        console.error('获取用户信息失败:', e);
+        return { salesId: null, salesPhone: null };
+      }
+    },
+    /**
+     * 格式化时长（分钟转小时）
+     */
+    formatDuration(minutes) {
+      if (!minutes || minutes === 0) return '0 小时';
+      const hours = (minutes / 60).toFixed(1);
+      return `${hours} 小时`;
+    },
+    /**
+     * 格式化日期
+     */
+    formatDate(dateStr) {
+      if (!dateStr) return '';
+      try {
+        const date = new Date(dateStr);
+        const year = date.getFullYear();
+        const month = String(date.getMonth() + 1).padStart(2, '0');
+        const day = String(date.getDate()).padStart(2, '0');
+        return `${year}-${month}-${day}`;
+      } catch (e) {
+        return dateStr;
+      }
+    },
+    /**
+     * 加载统计数据
+     */
+    async loadData() {
+      // 防止重复请求
+      if (this.loading) {
+        return;
+      }
+      
+      this.loading = true;
+      
+      try {
+        // 获取当前用户信息
+        const userInfo = this.getCurrentUserInfo();
+        const { salesId, salesPhone } = userInfo;
+        
+        // 验证：至少需要提供一个查询条件
+        if (!salesId && !salesPhone) {
+          uni.showToast({
+            title: '无法获取用户信息',
+            icon: 'none',
+            duration: 2000
+          });
+          this.loading = false;
+          return;
+        }
+        
+        // 根据 timeRangeIndex 确定 dateRangeType
+        // 0 -> 1个月(1), 1 -> 3个月(2), 2 -> 6个月(3)
+        const dateRangeType = this.timeRangeIndex + 1;
+        
+        // 构建查询参数（后端使用 @RequestParam，参数需要作为 URL 查询参数传递）
+        const queryParams = {
+          dateRangeType: dateRangeType
+        };
+        
+        // 添加销售人员ID或电话号码（至少提供一个）
+        if (salesId) {
+          queryParams.salesId = salesId;
+        }
+        if (salesPhone) {
+          queryParams.salesPhone = salesPhone;
+        }
+        
+        // 将参数转换为 URL 查询字符串
+        const queryString = Object.keys(queryParams)
+          .filter(key => queryParams[key] !== null && queryParams[key] !== undefined && queryParams[key] !== '')
+          .map(key => `${encodeURIComponent(key)}=${encodeURIComponent(queryParams[key])}`)
+          .join('&');
+        
+        // 构建完整URL
+        const baseUrl = getApiUrl('/api/audio-statistics/sales');
+        const url = queryString ? `${baseUrl}?${queryString}` : baseUrl;
+        
+        console.log('[RecordingDuration] 请求参数:', queryParams);
+        console.log('[RecordingDuration] 请求URL:', url);
+        
+        // 显示加载提示
+        uni.showLoading({
+          title: '加载中...',
+          mask: true
+        });
+        
+        // 发送POST请求（参数已在URL的query string中，data为空）
+        const res = await post(url, {});
+        
+        uni.hideLoading();
+        
+        // 处理响应
+        if (res.statusCode === 200 && res.data) {
+          const result = res.data;
+          
+          // 检查返回结果（根据项目中的返回结构）
+          if (!result.success) {
+            const errorMsg = result.msg || result.message || '查询失败';
+            uni.showToast({
+              title: errorMsg,
+              icon: 'none',
+              duration: 2000
+            });
+            this.loading = false;
+            return;
+          }
+          
+          // 获取统计数据列表
+          const statisticsList = result.data || [];
+          
+          console.log('[RecordingDuration] 返回数据:', statisticsList);
+          
+          // 处理统计数据
+          this.processStatisticsData(statisticsList);
+          
+          // 刷新成功后显示提示
+          uni.showToast({
+            title: '刷新成功',
+            icon: 'success',
+            duration: 1500
+          });
+          
+        } else {
+          throw new Error('请求失败，状态码: ' + res.statusCode);
+        }
+        
+      } catch (error) {
+        uni.hideLoading();
+        console.error('[RecordingDuration] 加载数据失败:', error);
+        uni.showToast({
+          title: error.message || '加载失败，请重试',
+          icon: 'none',
+          duration: 2000
+        });
+      } finally {
+        this.loading = false;
+      }
+    },
+    /**
+     * 处理统计数据
+     */
+    processStatisticsData(statisticsList) {
+      if (!statisticsList || statisticsList.length === 0) {
+        // 没有数据时重置显示
+        this.totalDuration = '0 小时';
+        this.todayDuration = '0 小时';
+        this.dataList = [];
+        return;
+      }
+      
+      // 计算总录音时长和总录音数量
+      let totalDurationMinutes = 0;
+      let totalRecordingCount = 0;
+      
+      // 构建数据列表
+      const formattedList = statisticsList.map(item => {
+        // 累计总时长（使用销售人员录音总时长）
+        const salesDuration = item.salesTotalDuration || 0;
+        totalDurationMinutes += salesDuration;
+        totalRecordingCount += (item.salesRecordingCount || 0);
+        
+        // 格式化日期
+        const date = this.formatDate(item.statisticsDate);
+        
+        // 构建描述信息
+        let description = '';
+        if (item.salesName) {
+          description = `${item.salesName}的录音`;
+        } else if (item.dealershipName) {
+          description = `${item.dealershipName}的录音`;
+        } else {
+          description = '录音统计';
+        }
+        
+        return {
+          date: date,
+          description: description,
+          duration: this.formatDuration(salesDuration),
+          // 保存原始数据，方便后续使用
+          rawData: item
+        };
+      });
+      
+      // 按日期倒序排列（最新的在前）
+      formattedList.sort((a, b) => {
+        if (a.date > b.date) return -1;
+        if (a.date < b.date) return 1;
+        return 0;
+      });
+      
+      // 更新页面数据
+      this.totalDuration = this.formatDuration(totalDurationMinutes);
+      this.dataList = formattedList;
+      
+      // 计算今日录音时长（从统计数据中查找今天的记录）
+      const today = new Date();
+      const todayStr = this.formatDate(today.toISOString());
+      const todayItem = statisticsList.find(item => {
+        const itemDate = this.formatDate(item.statisticsDate);
+        return itemDate === todayStr;
+      });
+      
+      if (todayItem) {
+        this.todayDuration = this.formatDuration(todayItem.salesTotalDuration || 0);
+      } else {
+        this.todayDuration = '0 小时';
+      }
+      
+      console.log('[RecordingDuration] 数据处理完成:', {
+        totalDuration: this.totalDuration,
+        todayDuration: this.todayDuration,
+        dataListCount: this.dataList.length
+      });
     }
   }
 }
diff --git a/unpackage/dist/dev/.sourcemap/mp-weixin/common/config.js.map b/unpackage/dist/dev/.sourcemap/mp-weixin/common/config.js.map
index 73fe9c1..df52de6 100644
--- a/unpackage/dist/dev/.sourcemap/mp-weixin/common/config.js.map
+++ b/unpackage/dist/dev/.sourcemap/mp-weixin/common/config.js.map
@@ -1 +1 @@
-{"version":3,"file":"config.js","sources":["common/config.js"],"sourcesContent":["/**\r\n * API 配置\r\n * 统一管理后端接口地址，并根据环境自动切换\r\n */\r\n\r\nimport envConfig from '@/common/env.js'\r\n\r\nconst API_TARGETS = {\r\n\tlocal: 'http://localhost:8090/',\r\n\tprod: 'https://api.huayang-star.com/'\r\n}\r\n\r\nconst ENV_ALIAS = {\r\n\tdevelopment: 'local',\r\n\tproduction: 'prod',\r\n\tlocal: 'local',\r\n\tprod: 'prod'\r\n}\r\n\r\nfunction normalizeBaseUrl(url) {\r\n\treturn url.endsWith('/') ? url : `${url}/`\r\n}\r\n\r\nfunction resolveApiEnv() {\r\n\t// 优先读取 env.js 配置文件\r\n\tconst fileEnv = envConfig?.apiEnv\r\n\tif (fileEnv) {\r\n\t\tconst mapped = ENV_ALIAS[fileEnv.toLowerCase()]\r\n\t\tif (mapped) {\r\n\t\t\t// #ifdef APP-PLUS || H5 || MP-ALIPAY\r\n\t\t\tconsole.log('[API Config] 使用 env.js 配置:', fileEnv, '=>', mapped)\r\n\t\t\t// #endif\r\n\t\t\treturn mapped\r\n\t\t}\r\n\t}\r\n\r\n\t// 其次读取环境变量\r\n\tconst runtimeEnv =\r\n\t\ttypeof process !== 'undefined' && process?.env\r\n\t\t\t? process.env.UNI_APP_API_ENV || process.env.NODE_ENV\r\n\t\t\t: ''\r\n\tconst aliasKey = runtimeEnv ? runtimeEnv.toLowerCase() : ''\r\n\tconst env = ENV_ALIAS[aliasKey] || 'prod'\r\n\t// #ifdef APP-PLUS || H5 || MP-ALIPAY\r\n\tconsole.log('[API Config] 使用环境变量:', runtimeEnv, '=>', env)\r\n\t// #endif\r\n\treturn env\r\n}\r\n\r\nconst API_ENV = resolveApiEnv()\r\n\r\n// API 基础地址（根据当前环境自动判定）\r\nexport const API_BASE_URL = normalizeBaseUrl(API_TARGETS[API_ENV] || API_TARGETS.prod)\r\n\r\n// 输出当前配置信息（便于调试）\r\n// #ifdef APP-PLUS || H5 || MP-ALIPAY\r\nconsole.log('[API Config] 当前环境:', API_ENV)\r\nconsole.log('[API Config] API_BASE_URL:', API_BASE_URL)\r\n// #endif\r\n\r\n// 当前 API 环境（local / prod）\r\nexport function getApiEnv() {\r\n\treturn API_ENV\r\n}\r\n\r\n// 导出完整的 API URL 构建函数\r\n// H5环境下：local / prod 均直接使用完整URL，避免依赖本地代理\r\n// 其他环境使用完整URL\r\nexport function getApiUrl(path = '') {\r\n\tconst apiPath = path.startsWith('/') ? path : `/${path}`\r\n\t// #ifdef H5\r\n\t// H5环境下，local / prod 都返回完整URL，确保 prod 时直接请求远程服务器\r\n\tconst fullPath = apiPath.startsWith('/') ? apiPath.slice(1) : apiPath\r\n\tconst fullUrl = `${API_BASE_URL}${fullPath}`\r\n\t// #ifdef APP-PLUS || H5 || MP-ALIPAY\r\n\tconsole.log(`[API Config] H5环境(${API_ENV})直接使用完整URL:`, fullUrl)\r\n\t// #endif\r\n\treturn fullUrl\r\n\t// #endif\r\n\t// #ifndef H5\r\n\t// 其他环境使用完整URL\r\n\tconst fullPath = apiPath.startsWith('/') ? apiPath.slice(1) : apiPath\r\n\tconst fullUrl = `${API_BASE_URL}${fullPath}`\r\n\t// #ifdef APP-PLUS || H5 || MP-ALIPAY\r\n\tconsole.log('[API Config] 非H5环境使用完整URL:', fullUrl)\r\n\t// #endif\r\n\treturn fullUrl\r\n\t// #endif\r\n}\r\n"],"names":["envConfig"],"mappings":";;AAOA,MAAM,cAAc;AAAA,EACnB,OAAO;AAAA,EACP,MAAM;AACP;AAEA,MAAM,YAAY;AAAA,EACjB,aAAa;AAAA,EACb,YAAY;AAAA,EACZ,OAAO;AAAA,EACP,MAAM;AACP;AAEA,SAAS,iBAAiB,KAAK;AAC9B,SAAO,IAAI,SAAS,GAAG,IAAI,MAAM,GAAG,GAAG;AACxC;AAEA,SAAS,gBAAgB;;AAExB,QAAM,WAAUA,gBAAW,cAAXA,mBAAW;AACd;AACZ,UAAM,SAAS,UAAU,QAAQ,YAAa,CAAA;AAC9C,QAAI,QAAQ;AAIJ,aAAA;AAAA,IACR;AAAA,EACD;AAGM,QAAA,aACL,OAAO,YAAY,gBAAe,mCAAS,OACxC,QAAQ,IAAI,mBAAmB,gBAC/B;AACJ,QAAM,WAAW,aAAa,WAAW,YAAA,IAAgB;AACnD,QAAA,MAAM,UAAU,QAAQ,KAAK;AAI5B,SAAA;AACR;AAEA,MAAM,UAAU,cAAc;AAGvB,MAAM,eAAe,iBAAiB,YAAY,OAAO,KAAK,YAAY,IAAI;AAS9E,SAAS,YAAY;AACpB,SAAA;AACR;AAKgB,SAAA,UAAU,OAAO,IAAI;AACpC,QAAM,UAAU,KAAK,WAAW,GAAG,IAAI,OAAO,IAAI,IAAI;AAYhD,QAAA,WAAW,QAAQ,WAAW,GAAG,IAAI,QAAQ,MAAM,CAAC,IAAI;AAC9D,QAAM,UAAU,GAAG,YAAY,GAAG,QAAQ;AAInC,SAAA;AAER;;;"}
\ No newline at end of file
+{"version":3,"file":"config.js","sources":["common/config.js"],"sourcesContent":["/**\r\n * API 配置\r\n * 统一管理后端接口地址，并根据环境自动切换\r\n */\r\n\r\nimport envConfig from '@/common/env.js'\r\n\r\nconst API_TARGETS = {\r\n\tlocal: 'http://localhost:8091/',\r\n\tprod: 'https://api.huayang-star.com/'\r\n}\r\n\r\nconst ENV_ALIAS = {\r\n\tdevelopment: 'local',\r\n\tproduction: 'prod',\r\n\tlocal: 'local',\r\n\tprod: 'prod'\r\n}\r\n\r\nfunction normalizeBaseUrl(url) {\r\n\treturn url.endsWith('/') ? url : `${url}/`\r\n}\r\n\r\nfunction resolveApiEnv() {\r\n\t// 优先读取 env.js 配置文件\r\n\tconst fileEnv = envConfig?.apiEnv\r\n\tif (fileEnv) {\r\n\t\tconst mapped = ENV_ALIAS[fileEnv.toLowerCase()]\r\n\t\tif (mapped) {\r\n\t\t\t// #ifdef APP-PLUS || H5 || MP-ALIPAY\r\n\t\t\tconsole.log('[API Config] 使用 env.js 配置:', fileEnv, '=>', mapped)\r\n\t\t\t// #endif\r\n\t\t\treturn mapped\r\n\t\t}\r\n\t}\r\n\r\n\t// 其次读取环境变量\r\n\tconst runtimeEnv =\r\n\t\ttypeof process !== 'undefined' && process?.env\r\n\t\t\t? process.env.UNI_APP_API_ENV || process.env.NODE_ENV\r\n\t\t\t: ''\r\n\tconst aliasKey = runtimeEnv ? runtimeEnv.toLowerCase() : ''\r\n\tconst env = ENV_ALIAS[aliasKey] || 'prod'\r\n\t// #ifdef APP-PLUS || H5 || MP-ALIPAY\r\n\tconsole.log('[API Config] 使用环境变量:', runtimeEnv, '=>', env)\r\n\t// #endif\r\n\treturn env\r\n}\r\n\r\nconst API_ENV = resolveApiEnv()\r\n\r\n// API 基础地址（根据当前环境自动判定）\r\nexport const API_BASE_URL = normalizeBaseUrl(API_TARGETS[API_ENV] || API_TARGETS.prod)\r\n\r\n// 输出当前配置信息（便于调试）\r\n// #ifdef APP-PLUS || H5 || MP-ALIPAY\r\nconsole.log('[API Config] 当前环境:', API_ENV)\r\nconsole.log('[API Config] API_BASE_URL:', API_BASE_URL)\r\n// #endif\r\n\r\n// 当前 API 环境（local / prod）\r\nexport function getApiEnv() {\r\n\treturn API_ENV\r\n}\r\n\r\n// 导出完整的 API URL 构建函数\r\n// H5环境下：local / prod 均直接使用完整URL，避免依赖本地代理\r\n// 其他环境使用完整URL\r\nexport function getApiUrl(path = '') {\r\n\tconst apiPath = path.startsWith('/') ? path : `/${path}`\r\n\t// #ifdef H5\r\n\t// H5环境下，local / prod 都返回完整URL，确保 prod 时直接请求远程服务器\r\n\tconst fullPath = apiPath.startsWith('/') ? apiPath.slice(1) : apiPath\r\n\tconst fullUrl = `${API_BASE_URL}${fullPath}`\r\n\t// #ifdef APP-PLUS || H5 || MP-ALIPAY\r\n\tconsole.log(`[API Config] H5环境(${API_ENV})直接使用完整URL:`, fullUrl)\r\n\t// #endif\r\n\treturn fullUrl\r\n\t// #endif\r\n\t// #ifndef H5\r\n\t// 其他环境使用完整URL\r\n\tconst fullPath = apiPath.startsWith('/') ? apiPath.slice(1) : apiPath\r\n\tconst fullUrl = `${API_BASE_URL}${fullPath}`\r\n\t// #ifdef APP-PLUS || H5 || MP-ALIPAY\r\n\tconsole.log('[API Config] 非H5环境使用完整URL:', fullUrl)\r\n\t// #endif\r\n\treturn fullUrl\r\n\t// #endif\r\n}\r\n"],"names":["envConfig"],"mappings":";;AAOA,MAAM,cAAc;AAAA,EACnB,OAAO;AAAA,EACP,MAAM;AACP;AAEA,MAAM,YAAY;AAAA,EACjB,aAAa;AAAA,EACb,YAAY;AAAA,EACZ,OAAO;AAAA,EACP,MAAM;AACP;AAEA,SAAS,iBAAiB,KAAK;AAC9B,SAAO,IAAI,SAAS,GAAG,IAAI,MAAM,GAAG,GAAG;AACxC;AAEA,SAAS,gBAAgB;;AAExB,QAAM,WAAUA,gBAAW,cAAXA,mBAAW;AACd;AACZ,UAAM,SAAS,UAAU,QAAQ,YAAa,CAAA;AAC9C,QAAI,QAAQ;AAIJ,aAAA;AAAA,IACR;AAAA,EACD;AAGM,QAAA,aACL,OAAO,YAAY,gBAAe,mCAAS,OACxC,QAAQ,IAAI,mBAAmB,gBAC/B;AACJ,QAAM,WAAW,aAAa,WAAW,YAAA,IAAgB;AACnD,QAAA,MAAM,UAAU,QAAQ,KAAK;AAI5B,SAAA;AACR;AAEA,MAAM,UAAU,cAAc;AAGvB,MAAM,eAAe,iBAAiB,YAAY,OAAO,KAAK,YAAY,IAAI;AAS9E,SAAS,YAAY;AACpB,SAAA;AACR;AAKgB,SAAA,UAAU,OAAO,IAAI;AACpC,QAAM,UAAU,KAAK,WAAW,GAAG,IAAI,OAAO,IAAI,IAAI;AAYhD,QAAA,WAAW,QAAQ,WAAW,GAAG,IAAI,QAAQ,MAAM,CAAC,IAAI;AAC9D,QAAM,UAAU,GAAG,YAAY,GAAG,QAAQ;AAInC,SAAA;AAER;;;"}
\ No newline at end of file
diff --git a/unpackage/dist/dev/.sourcemap/mp-weixin/common/env.js.map b/unpackage/dist/dev/.sourcemap/mp-weixin/common/env.js.map
index 68a42f8..c91f00d 100644
--- a/unpackage/dist/dev/.sourcemap/mp-weixin/common/env.js.map
+++ b/unpackage/dist/dev/.sourcemap/mp-weixin/common/env.js.map
@@ -1 +1 @@
-{"version":3,"file":"env.js","sources":["common/env.js"],"sourcesContent":["/**\r\n * 环境配置文件\r\n * apiEnv 可选：'local' | 'prod'\r\n */\r\nexport default {\r\n\tapiEnv: 'prod'\r\n}\r\n\r\n"],"names":[],"mappings":";AAIA,MAAe,YAAA;AAAA,EACd,QAAQ;AACT;;"}
\ No newline at end of file
+{"version":3,"file":"env.js","sources":["common/env.js"],"sourcesContent":["/**\r\n * 环境配置文件\r\n * apiEnv 可选：'local' | 'prod'\r\n */\r\nexport default {\r\n\tapiEnv: 'local'\r\n}\r\n\r\n"],"names":[],"mappings":";AAIA,MAAe,YAAA;AAAA,EACd,QAAQ;AACT;;"}
\ No newline at end of file
diff --git a/unpackage/dist/dev/.sourcemap/mp-weixin/pages-subpackage/ai_features/recording_duration/recording_duration.js.map b/unpackage/dist/dev/.sourcemap/mp-weixin/pages-subpackage/ai_features/recording_duration/recording_duration.js.map
index 7f0d8d8..073a472 100644
--- a/unpackage/dist/dev/.sourcemap/mp-weixin/pages-subpackage/ai_features/recording_duration/recording_duration.js.map
+++ b/unpackage/dist/dev/.sourcemap/mp-weixin/pages-subpackage/ai_features/recording_duration/recording_duration.js.map
@@ -1 +1 @@
-{"version":3,"file":"recording_duration.js","sources":["pages-subpackage/ai_features/recording_duration/recording_duration.vue","../../../work/soft/HBuilderX.4.87.20251210/plugins/uniapp-cli-vite/uniPage:/cGFnZXMtc3VicGFja2FnZVxhaV9mZWF0dXJlc1xyZWNvcmRpbmdfZHVyYXRpb25ccmVjb3JkaW5nX2R1cmF0aW9uLnZ1ZQ"],"sourcesContent":["<template>\r\n  <view class=\"feature-page\">\r\n    <view class=\"page-header\" :style=\"{ paddingTop: statusBarHeight + 'px' }\">\r\n      <view class=\"nav-bar\">\r\n        <view class=\"nav-left\" @click=\"goBack\">\r\n          <text class=\"back-icon\">←</text>\r\n        </view>\r\n        <text class=\"nav-title\">录音时长统计</text>\r\n      </view>\r\n    </view>\r\n\r\n    <scroll-view class=\"content-scroll\" scroll-y=\"true\" :style=\"{ top: contentTop, bottom: contentBottom }\">\r\n      <!-- 搜索区域 -->\r\n      <view class=\"search-toolbar\">\r\n        <view class=\"toolbar-picker-wrapper\" @click=\"toggleTimeRangeDropdown\">\r\n          <view class=\"toolbar-picker-view\">\r\n            <text class=\"toolbar-picker-text\">{{ timeRangeOptions[timeRangeIndex] }}</text>\r\n            <uni-icons :type=\"showTimeRangeDropdown ? 'top' : 'bottom'\" size=\"14\" color=\"#999\"></uni-icons>\r\n          </view>\r\n          <!-- 自定义下拉菜单 -->\r\n          <view class=\"time-range-dropdown\" v-if=\"showTimeRangeDropdown\">\r\n            <view \r\n              class=\"dropdown-item\" \r\n              v-for=\"(option, index) in timeRangeOptions\" \r\n              :key=\"index\"\r\n              :class=\"{ 'dropdown-item-active': timeRangeIndex === index }\"\r\n              @click.stop=\"selectTimeRange(index)\">\r\n              <text>{{ option }}</text>\r\n            </view>\r\n          </view>\r\n        </view>\r\n        <view class=\"toolbar-actions\">\r\n          <view class=\"toolbar-btn toolbar-btn--refresh\" @click=\"onRefresh\">\r\n            <uni-icons type=\"refresh\" size=\"18\" color=\"#2A68FF\"></uni-icons>\r\n            <text>刷新</text>\r\n          </view>\r\n        </view>\r\n      </view>\r\n      \r\n      <!-- 遮罩层，点击关闭下拉菜单 -->\r\n      <view class=\"dropdown-mask\" v-if=\"showTimeRangeDropdown\" @click=\"closeTimeRangeDropdown\"></view>\r\n      \r\n      <!-- 统计卡片 -->\r\n      <view class=\"stats-card\">\r\n        <view class=\"stat-item\">\r\n          <text class=\"stat-value\">{{ totalDuration }}</text>\r\n          <text class=\"stat-label\">总录音时长</text>\r\n        </view>\r\n        <view class=\"stat-item\">\r\n          <text class=\"stat-value\">{{ todayDuration }}</text>\r\n          <text class=\"stat-label\">今日录音时长</text>\r\n        </view>\r\n      </view>\r\n      \r\n      <!-- 图表区域 -->\r\n      <view class=\"chart-section\">\r\n        <text class=\"section-title\">时长趋势图</text>\r\n        <view class=\"chart-placeholder\">\r\n          <text class=\"placeholder-text\">📊 图表区域</text>\r\n          <text class=\"placeholder-desc\">此处将显示录音时长趋势图表</text>\r\n        </view>\r\n      </view>\r\n      \r\n      <!-- 数据列表 -->\r\n      <view class=\"data-list\">\r\n        <text class=\"section-title\">详细数据</text>\r\n        <view class=\"list-item\" v-for=\"(item, index) in dataList\" :key=\"index\">\r\n          <view class=\"item-left\">\r\n            <text class=\"item-date\">{{ item.date }}</text>\r\n            <text class=\"item-desc\">{{ item.description }}</text>\r\n          </view>\r\n          <view class=\"item-right\">\r\n            <text class=\"item-duration\">{{ item.duration }}</text>\r\n          </view>\r\n        </view>\r\n      </view>\r\n    </scroll-view>\r\n  </view>\r\n</template>\r\n\r\n<script>\r\n// 获取系统信息的辅助函数\r\nfunction getSystemInfo() {\r\n  // #ifdef MP-WEIXIN\r\n  // 微信小程序：优先使用新的 API\r\n  if (typeof wx !== 'undefined' && wx.getWindowInfo) {\r\n    try {\r\n      const windowInfo = wx.getWindowInfo();\r\n      return {\r\n        statusBarHeight: windowInfo.statusBarHeight || 20,\r\n        windowWidth: windowInfo.windowWidth,\r\n        windowHeight: windowInfo.windowHeight\r\n      };\r\n    } catch (e) {\r\n      console.warn('[RecordingDuration] Failed to use wx.getWindowInfo, fallback to getSystemInfoSync:', e);\r\n    }\r\n  }\r\n  // #endif\r\n  \r\n  // 回退到旧的 API 或使用 uni-app 的 API\r\n  try {\r\n    const systemInfo = uni.getSystemInfoSync();\r\n    return {\r\n      statusBarHeight: systemInfo.statusBarHeight || 20,\r\n      windowWidth: systemInfo.windowWidth,\r\n      windowHeight: systemInfo.windowHeight\r\n    };\r\n  } catch (e) {\r\n    console.error('[RecordingDuration] Failed to get system info:', e);\r\n    return {\r\n      statusBarHeight: 20,\r\n      windowWidth: 375,\r\n      windowHeight: 667\r\n    };\r\n  }\r\n}\r\n\r\nexport default {\r\n  data() {\r\n    // 动态计算导航栏高度\r\n    const systemInfo = getSystemInfo();\r\n    const statusBarHeight = systemInfo.statusBarHeight;\r\n    const navbarHeight = 44; // navbar高度44px\r\n    // 转换为rpx：1px = 2rpx（在375px设计稿下）\r\n    const statusBarHeightRpx = statusBarHeight * 2;\r\n    const navbarHeightRpx = navbarHeight * 2;\r\n    const totalNavbarHeight = statusBarHeightRpx + navbarHeightRpx;\r\n    \r\n    return {\r\n      statusBarHeight: statusBarHeight, // 状态栏高度（px）\r\n      contentTop: totalNavbarHeight + 'rpx', // 内容区域距离顶部的距离\r\n      contentBottom: '0rpx', // 内容区域距离底部的距离（默认值，会在 onReady 中更新）\r\n      timeRangeOptions: ['1个月', '3个月', '6个月'],\r\n      timeRangeIndex: 0, // 默认选择1个月\r\n      showTimeRangeDropdown: false, // 控制下拉菜单显示\r\n      totalDuration: '125.5 小时',\r\n      todayDuration: '8.2 小时',\r\n      dataList: [\r\n        { date: '2024-02-07', description: '客户咨询录音', duration: '2.5 小时' },\r\n        { date: '2024-02-06', description: '销售洽谈录音', duration: '3.2 小时' },\r\n        { date: '2024-02-05', description: '培训录音', duration: '1.8 小时' },\r\n        { date: '2024-02-04', description: '会议录音', duration: '4.1 小时' },\r\n        { date: '2024-02-03', description: '客户反馈录音', duration: '2.9 小时' }\r\n      ]\r\n    }\r\n  },\r\n  onReady() {\r\n    // 页面渲染完成后，查询实际导航栏高度并更新位置\r\n    this.$nextTick(() => {\r\n      // 查询导航栏实际高度\r\n      const query = uni.createSelectorQuery().in(this);\r\n      query.select('.nav-bar').boundingClientRect((data) => {\r\n        if (data && data.height) {\r\n          // 使用实际高度\r\n          const actualHeight = data.height; // 实际导航栏高度（px）\r\n          // 转换为rpx：1px = 2rpx（在375px设计稿下）\r\n          const actualHeightRpx = actualHeight * 2;\r\n          const statusBarHeightRpx = this.statusBarHeight * 2;\r\n          const totalHeight = statusBarHeightRpx + actualHeightRpx;\r\n          // 稍微减小一点，确保紧贴\r\n          const adjustedHeight = Math.max(totalHeight - 4, 0);\r\n          this.$set(this, 'contentTop', adjustedHeight + 'rpx');\r\n          console.log('[RecordingDuration] 使用实际导航栏高度:', actualHeight, 'px =', actualHeightRpx, 'rpx, 总高度:', totalHeight, 'rpx, 调整后:', adjustedHeight, 'rpx');\r\n        } else {\r\n          // 如果查询失败，使用默认计算\r\n          const systemInfo = getSystemInfo();\r\n          const statusBarHeight = systemInfo.statusBarHeight;\r\n          const navbarHeight = 44;\r\n          const statusBarHeightRpx = statusBarHeight * 2;\r\n          const navbarHeightRpx = navbarHeight * 2;\r\n          const totalNavbarHeight = statusBarHeightRpx + navbarHeightRpx;\r\n          const adjustedHeight = Math.max(totalNavbarHeight - 4, 0);\r\n          this.$set(this, 'contentTop', adjustedHeight + 'rpx');\r\n        }\r\n      }).exec();\r\n      \r\n      // 查询底部 tabbar 实际高度（如果有）\r\n      const queryTabbar = uni.createSelectorQuery().in(this);\r\n      queryTabbar.select('.tabbar').boundingClientRect((tabbarData) => {\r\n        if (tabbarData && tabbarData.height) {\r\n          // 使用实际高度\r\n          const tabbarHeight = tabbarData.height; // tabbar 实际高度（px）\r\n          const tabbarHeightRpx = tabbarHeight * 2;\r\n          // 稍微减小一点，确保紧贴\r\n          const adjustedBottom = Math.max(tabbarHeightRpx - 4, 0);\r\n          this.$set(this, 'contentBottom', adjustedBottom + 'rpx');\r\n          console.log('[RecordingDuration] 使用实际tabbar高度:', tabbarHeight, 'px =', tabbarHeightRpx, 'rpx, 调整后:', adjustedBottom, 'rpx');\r\n        } else {\r\n          // 如果查询失败，使用默认值（无tabbar）\r\n          this.$set(this, 'contentBottom', '0rpx');\r\n        }\r\n      }).exec();\r\n      \r\n      // 延迟再次更新，确保DOM已渲染\r\n      setTimeout(() => {\r\n        // 再次查询并更新导航栏\r\n        const query2 = uni.createSelectorQuery().in(this);\r\n        query2.select('.nav-bar').boundingClientRect((data) => {\r\n          if (data && data.height) {\r\n            const actualHeight = data.height;\r\n            const actualHeightRpx = actualHeight * 2;\r\n            const statusBarHeightRpx = this.statusBarHeight * 2;\r\n            const totalHeight = statusBarHeightRpx + actualHeightRpx;\r\n            const adjustedHeight = Math.max(totalHeight - 4, 0);\r\n            this.$set(this, 'contentTop', adjustedHeight + 'rpx');\r\n            console.log('[RecordingDuration] 延迟更新导航栏高度:', actualHeight, 'px =', actualHeightRpx, 'rpx, 总高度:', totalHeight, 'rpx, 调整后:', adjustedHeight, 'rpx');\r\n          }\r\n        }).exec();\r\n        \r\n        // 再次查询 tabbar 高度\r\n        const queryTabbar2 = uni.createSelectorQuery().in(this);\r\n        queryTabbar2.select('.tabbar').boundingClientRect((tabbarData) => {\r\n          if (tabbarData && tabbarData.height) {\r\n            const tabbarHeight = tabbarData.height;\r\n            const tabbarHeightRpx = tabbarHeight * 2;\r\n            const adjustedBottom = Math.max(tabbarHeightRpx - 4, 0);\r\n            this.$set(this, 'contentBottom', adjustedBottom + 'rpx');\r\n            console.log('[RecordingDuration] 延迟更新tabbar高度:', tabbarHeight, 'px =', tabbarHeightRpx, 'rpx, 调整后:', adjustedBottom, 'rpx');\r\n          }\r\n        }).exec();\r\n      }, 200);\r\n    });\r\n  },\r\n  methods: {\r\n    goBack() {\r\n      uni.navigateBack()\r\n    },\r\n    toggleTimeRangeDropdown() {\r\n      this.showTimeRangeDropdown = !this.showTimeRangeDropdown;\r\n    },\r\n    closeTimeRangeDropdown() {\r\n      this.showTimeRangeDropdown = false;\r\n    },\r\n    selectTimeRange(index) {\r\n      this.timeRangeIndex = index;\r\n      this.showTimeRangeDropdown = false;\r\n      // 根据选择的时间范围重新加载数据\r\n      this.loadData();\r\n    },\r\n    onRefresh() {\r\n      // 刷新数据\r\n      this.loadData();\r\n      uni.showToast({\r\n        title: '刷新成功',\r\n        icon: 'success',\r\n        duration: 1500\r\n      });\r\n    },\r\n    loadData() {\r\n      // 根据 timeRangeIndex 加载对应时间范围的数据\r\n      // 0 -> 1个月, 1 -> 3个月, 2 -> 6个月\r\n      const months = this.timeRangeIndex === 0 ? 1 : (this.timeRangeIndex === 1 ? 3 : 6);\r\n      console.log(`加载最近${months}个月的数据`);\r\n      // TODO: 这里可以调用API加载数据\r\n      // 示例：调用接口获取数据\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style scoped>\r\n.feature-page {\r\n  min-height: 100vh;\r\n  background: #f8f9fa;\r\n}\r\n\r\n.page-header {\r\n  position: fixed;\r\n  top: 0;\r\n  left: 0;\r\n  right: 0;\r\n  z-index: 999;\r\n  background: #ffffff;\r\n  border-bottom: 1rpx solid #e9ecef;\r\n}\r\n\r\n.nav-bar {\r\n  display: flex;\r\n  align-items: center;\r\n  height: 88rpx;\r\n  padding: 0 30rpx;\r\n}\r\n\r\n.nav-left {\r\n  width: 60rpx;\r\n  height: 60rpx;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  margin-right: 20rpx;\r\n}\r\n\r\n.back-icon {\r\n  font-size: 36rpx;\r\n  color: #333333;\r\n}\r\n\r\n.nav-title {\r\n  flex: 1;\r\n  text-align: center;\r\n  font-size: 32rpx;\r\n  font-weight: bold;\r\n  color: #333333;\r\n}\r\n\r\n.content-scroll {\r\n  position: absolute;\r\n  left: 0;\r\n  right: 0;\r\n  top: 0; /* 先从顶部开始，通过内联样式动态设置 */\r\n  bottom: 0; /* 先从底部开始，通过内联样式动态设置 */\r\n  /* top和bottom值通过内联样式动态设置，覆盖上面的默认值 */\r\n  padding: 0 !important;\r\n  margin: 0 !important;\r\n  box-sizing: border-box;\r\n}\r\n\r\n.search-toolbar {\r\n  display: flex;\r\n  flex-wrap: nowrap;\r\n  align-items: center;\r\n  gap: 8rpx;\r\n  padding: 12rpx 30rpx;\r\n  margin: 20rpx 30rpx;\r\n  background-color: #F8F8FA;\r\n  border-radius: 8rpx;\r\n  border: 1rpx solid #EFEFF2;\r\n}\r\n\r\n.toolbar-picker-wrapper {\r\n  position: relative;\r\n  flex: 1;\r\n  min-width: 120rpx;\r\n  max-width: 200rpx;\r\n  flex-shrink: 1;\r\n  z-index: 100;\r\n}\r\n\r\n.toolbar-picker-view {\r\n  height: 56rpx;\r\n  line-height: 56rpx;\r\n  background-color: #F5F6FA;\r\n  border-radius: 8rpx;\r\n  padding: 0 12rpx;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  box-sizing: border-box;\r\n}\r\n\r\n.toolbar-picker-text {\r\n  font-size: 24rpx;\r\n  color: #333;\r\n  flex: 1;\r\n}\r\n\r\n.time-range-dropdown {\r\n  position: absolute;\r\n  top: calc(100% + 8rpx);\r\n  left: 0;\r\n  right: 0;\r\n  background-color: #FFFFFF;\r\n  border-radius: 8rpx;\r\n  box-shadow: 0 4rpx 20rpx rgba(0, 0, 0, 0.12);\r\n  z-index: 101;\r\n  overflow: hidden;\r\n  border: 1rpx solid #EFEFF2;\r\n}\r\n\r\n.dropdown-item {\r\n  padding: 20rpx 24rpx;\r\n  border-bottom: 1rpx solid #F3F4F6;\r\n  transition: background-color 0.2s ease;\r\n}\r\n\r\n.dropdown-item:last-child {\r\n  border-bottom: none;\r\n}\r\n\r\n.dropdown-item:active {\r\n  background-color: #F9FAFB;\r\n}\r\n\r\n.dropdown-item text {\r\n  font-size: 24rpx;\r\n  color: #333;\r\n}\r\n\r\n.dropdown-item-active {\r\n  background-color: #F0F7FF;\r\n}\r\n\r\n.dropdown-item-active text {\r\n  color: #2A68FF;\r\n  font-weight: 500;\r\n}\r\n\r\n.dropdown-mask {\r\n  position: fixed;\r\n  top: 0;\r\n  left: 0;\r\n  right: 0;\r\n  bottom: 0;\r\n  background-color: transparent;\r\n  z-index: 99;\r\n}\r\n\r\n.toolbar-actions {\r\n  display: flex;\r\n  align-items: center;\r\n  margin-left: auto;\r\n  flex-shrink: 0;\r\n}\r\n\r\n.toolbar-btn {\r\n  padding: 0 12rpx;\r\n  height: 56rpx;\r\n  min-width: 56rpx;\r\n  color: #2A68FF;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 4rpx;\r\n  font-size: 24rpx;\r\n  font-weight: 400;\r\n}\r\n\r\n.toolbar-btn text {\r\n  color: #2A68FF;\r\n}\r\n\r\n.stats-card {\r\n  display: flex;\r\n  margin: 20rpx 30rpx;\r\n  background: #ffffff;\r\n  border-radius: 16rpx;\r\n  padding: 40rpx 30rpx;\r\n  box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.1);\r\n}\r\n\r\n.stat-item {\r\n  flex: 1;\r\n  text-align: center;\r\n}\r\n\r\n.stat-item:not(:last-child) {\r\n  border-right: 1rpx solid #e9ecef;\r\n}\r\n\r\n.stat-value {\r\n  display: block;\r\n  font-size: 48rpx;\r\n  font-weight: bold;\r\n  color: #007aff;\r\n  margin-bottom: 10rpx;\r\n}\r\n\r\n.stat-label {\r\n  display: block;\r\n  font-size: 24rpx;\r\n  color: #666666;\r\n}\r\n\r\n.chart-section, .data-list {\r\n  margin: 20rpx 30rpx;\r\n  background: #ffffff;\r\n  border-radius: 16rpx;\r\n  overflow: hidden;\r\n  box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.1);\r\n}\r\n\r\n.section-title {\r\n  display: block;\r\n  font-size: 32rpx;\r\n  font-weight: bold;\r\n  color: #333333;\r\n  padding: 30rpx;\r\n  border-bottom: 1rpx solid #e9ecef;\r\n}\r\n\r\n.chart-placeholder {\r\n  padding: 80rpx 30rpx;\r\n  text-align: center;\r\n}\r\n\r\n.placeholder-text {\r\n  display: block;\r\n  font-size: 48rpx;\r\n  margin-bottom: 20rpx;\r\n}\r\n\r\n.placeholder-desc {\r\n  display: block;\r\n  font-size: 28rpx;\r\n  color: #666666;\r\n}\r\n\r\n.list-item {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  padding: 30rpx;\r\n  border-bottom: 1rpx solid #f0f0f0;\r\n}\r\n\r\n.list-item:last-child {\r\n  border-bottom: none;\r\n}\r\n\r\n.item-left {\r\n  flex: 1;\r\n}\r\n\r\n.item-date {\r\n  display: block;\r\n  font-size: 28rpx;\r\n  font-weight: bold;\r\n  color: #333333;\r\n  margin-bottom: 8rpx;\r\n}\r\n\r\n.item-desc {\r\n  display: block;\r\n  font-size: 24rpx;\r\n  color: #666666;\r\n}\r\n\r\n.item-right {\r\n  text-align: right;\r\n}\r\n\r\n.item-duration {\r\n  display: block;\r\n  font-size: 28rpx;\r\n  font-weight: bold;\r\n  color: #007aff;\r\n}\r\n</style>\r\n\r\n","import MiniProgramPage from 'D:/work2/code/smartDriveEEUniApp1111/pages-subpackage/ai_features/recording_duration/recording_duration.vue'\nwx.createPage(MiniProgramPage)"],"names":["wx","uni"],"mappings":"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"}
\ No newline at end of file
+{"version":3,"file":"recording_duration.js","sources":["pages-subpackage/ai_features/recording_duration/recording_duration.vue","../../../work/soft/HBuilderX.4.87.20251210/plugins/uniapp-cli-vite/uniPage:/cGFnZXMtc3VicGFja2FnZVxhaV9mZWF0dXJlc1xyZWNvcmRpbmdfZHVyYXRpb25ccmVjb3JkaW5nX2R1cmF0aW9uLnZ1ZQ"],"sourcesContent":["<template>\r\n  <view class=\"feature-page\">\r\n    <view class=\"page-header\" :style=\"{ paddingTop: statusBarHeight + 'px' }\">\r\n      <view class=\"nav-bar\">\r\n        <view class=\"nav-left\" @click=\"goBack\">\r\n          <text class=\"back-icon\">←</text>\r\n        </view>\r\n        <text class=\"nav-title\">录音时长统计</text>\r\n      </view>\r\n    </view>\r\n\r\n    <scroll-view class=\"content-scroll\" scroll-y=\"true\" :style=\"{ top: contentTop, bottom: contentBottom }\">\r\n      <!-- 搜索区域 -->\r\n      <view class=\"search-toolbar\">\r\n        <view class=\"toolbar-picker-wrapper\" @click=\"toggleTimeRangeDropdown\">\r\n          <view class=\"toolbar-picker-view\">\r\n            <text class=\"toolbar-picker-text\">{{ timeRangeOptions[timeRangeIndex] }}</text>\r\n            <uni-icons :type=\"showTimeRangeDropdown ? 'top' : 'bottom'\" size=\"14\" color=\"#999\"></uni-icons>\r\n          </view>\r\n          <!-- 自定义下拉菜单 -->\r\n          <view class=\"time-range-dropdown\" v-if=\"showTimeRangeDropdown\">\r\n            <view \r\n              class=\"dropdown-item\" \r\n              v-for=\"(option, index) in timeRangeOptions\" \r\n              :key=\"index\"\r\n              :class=\"{ 'dropdown-item-active': timeRangeIndex === index }\"\r\n              @click.stop=\"selectTimeRange(index)\">\r\n              <text>{{ option }}</text>\r\n            </view>\r\n          </view>\r\n        </view>\r\n        <view class=\"toolbar-actions\">\r\n          <view class=\"toolbar-btn toolbar-btn--refresh\" @click=\"onRefresh\">\r\n            <uni-icons type=\"refresh\" size=\"18\" color=\"#2A68FF\"></uni-icons>\r\n            <text>刷新</text>\r\n          </view>\r\n        </view>\r\n      </view>\r\n      \r\n      <!-- 遮罩层，点击关闭下拉菜单 -->\r\n      <view class=\"dropdown-mask\" v-if=\"showTimeRangeDropdown\" @click=\"closeTimeRangeDropdown\"></view>\r\n      \r\n      <!-- 统计卡片 -->\r\n      <view class=\"stats-card\">\r\n        <view class=\"stat-item\">\r\n          <text class=\"stat-value\">{{ totalDuration }}</text>\r\n          <text class=\"stat-label\">总录音时长</text>\r\n        </view>\r\n        <view class=\"stat-item\">\r\n          <text class=\"stat-value\">{{ todayDuration }}</text>\r\n          <text class=\"stat-label\">今日录音时长</text>\r\n        </view>\r\n      </view>\r\n      \r\n      <!-- 图表区域 -->\r\n      <view class=\"chart-section\">\r\n        <text class=\"section-title\">时长趋势图</text>\r\n        <view class=\"chart-placeholder\">\r\n          <text class=\"placeholder-text\">📊 图表区域</text>\r\n          <text class=\"placeholder-desc\">此处将显示录音时长趋势图表</text>\r\n        </view>\r\n      </view>\r\n      \r\n      <!-- 数据列表 -->\r\n      <view class=\"data-list\">\r\n        <text class=\"section-title\">详细数据</text>\r\n        <view class=\"list-item\" v-for=\"(item, index) in dataList\" :key=\"index\">\r\n          <view class=\"item-left\">\r\n            <text class=\"item-date\">{{ item.date }}</text>\r\n            <text class=\"item-desc\">{{ item.description }}</text>\r\n          </view>\r\n          <view class=\"item-right\">\r\n            <text class=\"item-duration\">{{ item.duration }}</text>\r\n          </view>\r\n        </view>\r\n      </view>\r\n    </scroll-view>\r\n  </view>\r\n</template>\r\n\r\n<script>\r\nimport { post } from '@/common/request.js'\r\nimport { getApiUrl } from '@/common/config.js'\r\n\r\n// 获取系统信息的辅助函数\r\nfunction getSystemInfo() {\r\n  // #ifdef MP-WEIXIN\r\n  // 微信小程序：优先使用新的 API\r\n  if (typeof wx !== 'undefined' && wx.getWindowInfo) {\r\n    try {\r\n      const windowInfo = wx.getWindowInfo();\r\n      return {\r\n        statusBarHeight: windowInfo.statusBarHeight || 20,\r\n        windowWidth: windowInfo.windowWidth,\r\n        windowHeight: windowInfo.windowHeight\r\n      };\r\n    } catch (e) {\r\n      console.warn('[RecordingDuration] Failed to use wx.getWindowInfo, fallback to getSystemInfoSync:', e);\r\n    }\r\n  }\r\n  // #endif\r\n  \r\n  // 回退到旧的 API 或使用 uni-app 的 API\r\n  try {\r\n    const systemInfo = uni.getSystemInfoSync();\r\n    return {\r\n      statusBarHeight: systemInfo.statusBarHeight || 20,\r\n      windowWidth: systemInfo.windowWidth,\r\n      windowHeight: systemInfo.windowHeight\r\n    };\r\n  } catch (e) {\r\n    console.error('[RecordingDuration] Failed to get system info:', e);\r\n    return {\r\n      statusBarHeight: 20,\r\n      windowWidth: 375,\r\n      windowHeight: 667\r\n    };\r\n  }\r\n}\r\n\r\nexport default {\r\n  data() {\r\n    // 动态计算导航栏高度\r\n    const systemInfo = getSystemInfo();\r\n    const statusBarHeight = systemInfo.statusBarHeight;\r\n    const navbarHeight = 44; // navbar高度44px\r\n    // 转换为rpx：1px = 2rpx（在375px设计稿下）\r\n    const statusBarHeightRpx = statusBarHeight * 2;\r\n    const navbarHeightRpx = navbarHeight * 2;\r\n    const totalNavbarHeight = statusBarHeightRpx + navbarHeightRpx;\r\n    \r\n    return {\r\n      statusBarHeight: statusBarHeight, // 状态栏高度（px）\r\n      contentTop: totalNavbarHeight + 'rpx', // 内容区域距离顶部的距离\r\n      contentBottom: '0rpx', // 内容区域距离底部的距离（默认值，会在 onReady 中更新）\r\n      timeRangeOptions: ['1个月', '3个月', '6个月'],\r\n      timeRangeIndex: 0, // 默认选择1个月\r\n      showTimeRangeDropdown: false, // 控制下拉菜单显示\r\n      totalDuration: '0 小时',\r\n      todayDuration: '0 小时',\r\n      dataList: [],\r\n      loading: false\r\n    }\r\n  },\r\n  onLoad() {\r\n    // 页面加载时获取数据\r\n    this.loadData();\r\n  },\r\n  onReady() {\r\n    // 页面渲染完成后，查询实际导航栏高度并更新位置\r\n    this.$nextTick(() => {\r\n      // 查询导航栏实际高度\r\n      const query = uni.createSelectorQuery().in(this);\r\n      query.select('.nav-bar').boundingClientRect((data) => {\r\n        if (data && data.height) {\r\n          // 使用实际高度\r\n          const actualHeight = data.height; // 实际导航栏高度（px）\r\n          // 转换为rpx：1px = 2rpx（在375px设计稿下）\r\n          const actualHeightRpx = actualHeight * 2;\r\n          const statusBarHeightRpx = this.statusBarHeight * 2;\r\n          const totalHeight = statusBarHeightRpx + actualHeightRpx;\r\n          // 稍微减小一点，确保紧贴\r\n          const adjustedHeight = Math.max(totalHeight - 4, 0);\r\n          this.$set(this, 'contentTop', adjustedHeight + 'rpx');\r\n          console.log('[RecordingDuration] 使用实际导航栏高度:', actualHeight, 'px =', actualHeightRpx, 'rpx, 总高度:', totalHeight, 'rpx, 调整后:', adjustedHeight, 'rpx');\r\n        } else {\r\n          // 如果查询失败，使用默认计算\r\n          const systemInfo = getSystemInfo();\r\n          const statusBarHeight = systemInfo.statusBarHeight;\r\n          const navbarHeight = 44;\r\n          const statusBarHeightRpx = statusBarHeight * 2;\r\n          const navbarHeightRpx = navbarHeight * 2;\r\n          const totalNavbarHeight = statusBarHeightRpx + navbarHeightRpx;\r\n          const adjustedHeight = Math.max(totalNavbarHeight - 4, 0);\r\n          this.$set(this, 'contentTop', adjustedHeight + 'rpx');\r\n        }\r\n      }).exec();\r\n      \r\n      // 查询底部 tabbar 实际高度（如果有）\r\n      const queryTabbar = uni.createSelectorQuery().in(this);\r\n      queryTabbar.select('.tabbar').boundingClientRect((tabbarData) => {\r\n        if (tabbarData && tabbarData.height) {\r\n          // 使用实际高度\r\n          const tabbarHeight = tabbarData.height; // tabbar 实际高度（px）\r\n          const tabbarHeightRpx = tabbarHeight * 2;\r\n          // 稍微减小一点，确保紧贴\r\n          const adjustedBottom = Math.max(tabbarHeightRpx - 4, 0);\r\n          this.$set(this, 'contentBottom', adjustedBottom + 'rpx');\r\n          console.log('[RecordingDuration] 使用实际tabbar高度:', tabbarHeight, 'px =', tabbarHeightRpx, 'rpx, 调整后:', adjustedBottom, 'rpx');\r\n        } else {\r\n          // 如果查询失败，使用默认值（无tabbar）\r\n          this.$set(this, 'contentBottom', '0rpx');\r\n        }\r\n      }).exec();\r\n      \r\n      // 延迟再次更新，确保DOM已渲染\r\n      setTimeout(() => {\r\n        // 再次查询并更新导航栏\r\n        const query2 = uni.createSelectorQuery().in(this);\r\n        query2.select('.nav-bar').boundingClientRect((data) => {\r\n          if (data && data.height) {\r\n            const actualHeight = data.height;\r\n            const actualHeightRpx = actualHeight * 2;\r\n            const statusBarHeightRpx = this.statusBarHeight * 2;\r\n            const totalHeight = statusBarHeightRpx + actualHeightRpx;\r\n            const adjustedHeight = Math.max(totalHeight - 4, 0);\r\n            this.$set(this, 'contentTop', adjustedHeight + 'rpx');\r\n            console.log('[RecordingDuration] 延迟更新导航栏高度:', actualHeight, 'px =', actualHeightRpx, 'rpx, 总高度:', totalHeight, 'rpx, 调整后:', adjustedHeight, 'rpx');\r\n          }\r\n        }).exec();\r\n        \r\n        // 再次查询 tabbar 高度\r\n        const queryTabbar2 = uni.createSelectorQuery().in(this);\r\n        queryTabbar2.select('.tabbar').boundingClientRect((tabbarData) => {\r\n          if (tabbarData && tabbarData.height) {\r\n            const tabbarHeight = tabbarData.height;\r\n            const tabbarHeightRpx = tabbarHeight * 2;\r\n            const adjustedBottom = Math.max(tabbarHeightRpx - 4, 0);\r\n            this.$set(this, 'contentBottom', adjustedBottom + 'rpx');\r\n            console.log('[RecordingDuration] 延迟更新tabbar高度:', tabbarHeight, 'px =', tabbarHeightRpx, 'rpx, 调整后:', adjustedBottom, 'rpx');\r\n          }\r\n        }).exec();\r\n      }, 200);\r\n    });\r\n  },\r\n  methods: {\r\n    goBack() {\r\n      uni.navigateBack()\r\n    },\r\n    toggleTimeRangeDropdown() {\r\n      this.showTimeRangeDropdown = !this.showTimeRangeDropdown;\r\n    },\r\n    closeTimeRangeDropdown() {\r\n      this.showTimeRangeDropdown = false;\r\n    },\r\n    selectTimeRange(index) {\r\n      this.timeRangeIndex = index;\r\n      this.showTimeRangeDropdown = false;\r\n      // 根据选择的时间范围重新加载数据\r\n      this.loadData();\r\n    },\r\n    onRefresh() {\r\n      // 刷新数据\r\n      this.loadData();\r\n    },\r\n    /**\r\n     * 获取当前登录用户信息\r\n     */\r\n    getCurrentUserInfo() {\r\n      try {\r\n        const loginResponse = uni.getStorageSync('backend-login-response') || {};\r\n        return {\r\n          salesId: loginResponse.userId ? String(loginResponse.userId) : null,\r\n          salesPhone: loginResponse.phone || null\r\n        };\r\n      } catch (e) {\r\n        console.error('获取用户信息失败:', e);\r\n        return { salesId: null, salesPhone: null };\r\n      }\r\n    },\r\n    /**\r\n     * 格式化时长（分钟转小时）\r\n     */\r\n    formatDuration(minutes) {\r\n      if (!minutes || minutes === 0) return '0 小时';\r\n      const hours = (minutes / 60).toFixed(1);\r\n      return `${hours} 小时`;\r\n    },\r\n    /**\r\n     * 格式化日期\r\n     */\r\n    formatDate(dateStr) {\r\n      if (!dateStr) return '';\r\n      try {\r\n        const date = new Date(dateStr);\r\n        const year = date.getFullYear();\r\n        const month = String(date.getMonth() + 1).padStart(2, '0');\r\n        const day = String(date.getDate()).padStart(2, '0');\r\n        return `${year}-${month}-${day}`;\r\n      } catch (e) {\r\n        return dateStr;\r\n      }\r\n    },\r\n    /**\r\n     * 加载统计数据\r\n     */\r\n    async loadData() {\r\n      // 防止重复请求\r\n      if (this.loading) {\r\n        return;\r\n      }\r\n      \r\n      this.loading = true;\r\n      \r\n      try {\r\n        // 获取当前用户信息\r\n        const userInfo = this.getCurrentUserInfo();\r\n        const { salesId, salesPhone } = userInfo;\r\n        \r\n        // 验证：至少需要提供一个查询条件\r\n        if (!salesId && !salesPhone) {\r\n          uni.showToast({\r\n            title: '无法获取用户信息',\r\n            icon: 'none',\r\n            duration: 2000\r\n          });\r\n          this.loading = false;\r\n          return;\r\n        }\r\n        \r\n        // 根据 timeRangeIndex 确定 dateRangeType\r\n        // 0 -> 1个月(1), 1 -> 3个月(2), 2 -> 6个月(3)\r\n        const dateRangeType = this.timeRangeIndex + 1;\r\n        \r\n        // 构建查询参数（后端使用 @RequestParam，参数需要作为 URL 查询参数传递）\r\n        const queryParams = {\r\n          dateRangeType: dateRangeType\r\n        };\r\n        \r\n        // 添加销售人员ID或电话号码（至少提供一个）\r\n        if (salesId) {\r\n          queryParams.salesId = salesId;\r\n        }\r\n        if (salesPhone) {\r\n          queryParams.salesPhone = salesPhone;\r\n        }\r\n        \r\n        // 将参数转换为 URL 查询字符串\r\n        const queryString = Object.keys(queryParams)\r\n          .filter(key => queryParams[key] !== null && queryParams[key] !== undefined && queryParams[key] !== '')\r\n          .map(key => `${encodeURIComponent(key)}=${encodeURIComponent(queryParams[key])}`)\r\n          .join('&');\r\n        \r\n        // 构建完整URL\r\n        const baseUrl = getApiUrl('/api/audio-statistics/sales');\r\n        const url = queryString ? `${baseUrl}?${queryString}` : baseUrl;\r\n        \r\n        console.log('[RecordingDuration] 请求参数:', queryParams);\r\n        console.log('[RecordingDuration] 请求URL:', url);\r\n        \r\n        // 显示加载提示\r\n        uni.showLoading({\r\n          title: '加载中...',\r\n          mask: true\r\n        });\r\n        \r\n        // 发送POST请求（参数已在URL的query string中，data为空）\r\n        const res = await post(url, {});\r\n        \r\n        uni.hideLoading();\r\n        \r\n        // 处理响应\r\n        if (res.statusCode === 200 && res.data) {\r\n          const result = res.data;\r\n          \r\n          // 检查返回结果（根据项目中的返回结构）\r\n          if (!result.success) {\r\n            const errorMsg = result.msg || result.message || '查询失败';\r\n            uni.showToast({\r\n              title: errorMsg,\r\n              icon: 'none',\r\n              duration: 2000\r\n            });\r\n            this.loading = false;\r\n            return;\r\n          }\r\n          \r\n          // 获取统计数据列表\r\n          const statisticsList = result.data || [];\r\n          \r\n          console.log('[RecordingDuration] 返回数据:', statisticsList);\r\n          \r\n          // 处理统计数据\r\n          this.processStatisticsData(statisticsList);\r\n          \r\n          // 刷新成功后显示提示\r\n          uni.showToast({\r\n            title: '刷新成功',\r\n            icon: 'success',\r\n            duration: 1500\r\n          });\r\n          \r\n        } else {\r\n          throw new Error('请求失败，状态码: ' + res.statusCode);\r\n        }\r\n        \r\n      } catch (error) {\r\n        uni.hideLoading();\r\n        console.error('[RecordingDuration] 加载数据失败:', error);\r\n        uni.showToast({\r\n          title: error.message || '加载失败，请重试',\r\n          icon: 'none',\r\n          duration: 2000\r\n        });\r\n      } finally {\r\n        this.loading = false;\r\n      }\r\n    },\r\n    /**\r\n     * 处理统计数据\r\n     */\r\n    processStatisticsData(statisticsList) {\r\n      if (!statisticsList || statisticsList.length === 0) {\r\n        // 没有数据时重置显示\r\n        this.totalDuration = '0 小时';\r\n        this.todayDuration = '0 小时';\r\n        this.dataList = [];\r\n        return;\r\n      }\r\n      \r\n      // 计算总录音时长和总录音数量\r\n      let totalDurationMinutes = 0;\r\n      let totalRecordingCount = 0;\r\n      \r\n      // 构建数据列表\r\n      const formattedList = statisticsList.map(item => {\r\n        // 累计总时长（使用销售人员录音总时长）\r\n        const salesDuration = item.salesTotalDuration || 0;\r\n        totalDurationMinutes += salesDuration;\r\n        totalRecordingCount += (item.salesRecordingCount || 0);\r\n        \r\n        // 格式化日期\r\n        const date = this.formatDate(item.statisticsDate);\r\n        \r\n        // 构建描述信息\r\n        let description = '';\r\n        if (item.salesName) {\r\n          description = `${item.salesName}的录音`;\r\n        } else if (item.dealershipName) {\r\n          description = `${item.dealershipName}的录音`;\r\n        } else {\r\n          description = '录音统计';\r\n        }\r\n        \r\n        return {\r\n          date: date,\r\n          description: description,\r\n          duration: this.formatDuration(salesDuration),\r\n          // 保存原始数据，方便后续使用\r\n          rawData: item\r\n        };\r\n      });\r\n      \r\n      // 按日期倒序排列（最新的在前）\r\n      formattedList.sort((a, b) => {\r\n        if (a.date > b.date) return -1;\r\n        if (a.date < b.date) return 1;\r\n        return 0;\r\n      });\r\n      \r\n      // 更新页面数据\r\n      this.totalDuration = this.formatDuration(totalDurationMinutes);\r\n      this.dataList = formattedList;\r\n      \r\n      // 计算今日录音时长（从统计数据中查找今天的记录）\r\n      const today = new Date();\r\n      const todayStr = this.formatDate(today.toISOString());\r\n      const todayItem = statisticsList.find(item => {\r\n        const itemDate = this.formatDate(item.statisticsDate);\r\n        return itemDate === todayStr;\r\n      });\r\n      \r\n      if (todayItem) {\r\n        this.todayDuration = this.formatDuration(todayItem.salesTotalDuration || 0);\r\n      } else {\r\n        this.todayDuration = '0 小时';\r\n      }\r\n      \r\n      console.log('[RecordingDuration] 数据处理完成:', {\r\n        totalDuration: this.totalDuration,\r\n        todayDuration: this.todayDuration,\r\n        dataListCount: this.dataList.length\r\n      });\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style scoped>\r\n.feature-page {\r\n  min-height: 100vh;\r\n  background: #f8f9fa;\r\n}\r\n\r\n.page-header {\r\n  position: fixed;\r\n  top: 0;\r\n  left: 0;\r\n  right: 0;\r\n  z-index: 999;\r\n  background: #ffffff;\r\n  border-bottom: 1rpx solid #e9ecef;\r\n}\r\n\r\n.nav-bar {\r\n  display: flex;\r\n  align-items: center;\r\n  height: 88rpx;\r\n  padding: 0 30rpx;\r\n}\r\n\r\n.nav-left {\r\n  width: 60rpx;\r\n  height: 60rpx;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  margin-right: 20rpx;\r\n}\r\n\r\n.back-icon {\r\n  font-size: 36rpx;\r\n  color: #333333;\r\n}\r\n\r\n.nav-title {\r\n  flex: 1;\r\n  text-align: center;\r\n  font-size: 32rpx;\r\n  font-weight: bold;\r\n  color: #333333;\r\n}\r\n\r\n.content-scroll {\r\n  position: absolute;\r\n  left: 0;\r\n  right: 0;\r\n  top: 0; /* 先从顶部开始，通过内联样式动态设置 */\r\n  bottom: 0; /* 先从底部开始，通过内联样式动态设置 */\r\n  /* top和bottom值通过内联样式动态设置，覆盖上面的默认值 */\r\n  padding: 0 !important;\r\n  margin: 0 !important;\r\n  box-sizing: border-box;\r\n}\r\n\r\n.search-toolbar {\r\n  display: flex;\r\n  flex-wrap: nowrap;\r\n  align-items: center;\r\n  gap: 8rpx;\r\n  padding: 12rpx 30rpx;\r\n  margin: 20rpx 30rpx;\r\n  background-color: #F8F8FA;\r\n  border-radius: 8rpx;\r\n  border: 1rpx solid #EFEFF2;\r\n}\r\n\r\n.toolbar-picker-wrapper {\r\n  position: relative;\r\n  flex: 1;\r\n  min-width: 120rpx;\r\n  max-width: 200rpx;\r\n  flex-shrink: 1;\r\n  z-index: 100;\r\n}\r\n\r\n.toolbar-picker-view {\r\n  height: 56rpx;\r\n  line-height: 56rpx;\r\n  background-color: #F5F6FA;\r\n  border-radius: 8rpx;\r\n  padding: 0 12rpx;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  box-sizing: border-box;\r\n}\r\n\r\n.toolbar-picker-text {\r\n  font-size: 24rpx;\r\n  color: #333;\r\n  flex: 1;\r\n}\r\n\r\n.time-range-dropdown {\r\n  position: absolute;\r\n  top: calc(100% + 8rpx);\r\n  left: 0;\r\n  right: 0;\r\n  background-color: #FFFFFF;\r\n  border-radius: 8rpx;\r\n  box-shadow: 0 4rpx 20rpx rgba(0, 0, 0, 0.12);\r\n  z-index: 101;\r\n  overflow: hidden;\r\n  border: 1rpx solid #EFEFF2;\r\n}\r\n\r\n.dropdown-item {\r\n  padding: 20rpx 24rpx;\r\n  border-bottom: 1rpx solid #F3F4F6;\r\n  transition: background-color 0.2s ease;\r\n}\r\n\r\n.dropdown-item:last-child {\r\n  border-bottom: none;\r\n}\r\n\r\n.dropdown-item:active {\r\n  background-color: #F9FAFB;\r\n}\r\n\r\n.dropdown-item text {\r\n  font-size: 24rpx;\r\n  color: #333;\r\n}\r\n\r\n.dropdown-item-active {\r\n  background-color: #F0F7FF;\r\n}\r\n\r\n.dropdown-item-active text {\r\n  color: #2A68FF;\r\n  font-weight: 500;\r\n}\r\n\r\n.dropdown-mask {\r\n  position: fixed;\r\n  top: 0;\r\n  left: 0;\r\n  right: 0;\r\n  bottom: 0;\r\n  background-color: transparent;\r\n  z-index: 99;\r\n}\r\n\r\n.toolbar-actions {\r\n  display: flex;\r\n  align-items: center;\r\n  margin-left: auto;\r\n  flex-shrink: 0;\r\n}\r\n\r\n.toolbar-btn {\r\n  padding: 0 12rpx;\r\n  height: 56rpx;\r\n  min-width: 56rpx;\r\n  color: #2A68FF;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 4rpx;\r\n  font-size: 24rpx;\r\n  font-weight: 400;\r\n}\r\n\r\n.toolbar-btn text {\r\n  color: #2A68FF;\r\n}\r\n\r\n.stats-card {\r\n  display: flex;\r\n  margin: 20rpx 30rpx;\r\n  background: #ffffff;\r\n  border-radius: 16rpx;\r\n  padding: 40rpx 30rpx;\r\n  box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.1);\r\n}\r\n\r\n.stat-item {\r\n  flex: 1;\r\n  text-align: center;\r\n}\r\n\r\n.stat-item:not(:last-child) {\r\n  border-right: 1rpx solid #e9ecef;\r\n}\r\n\r\n.stat-value {\r\n  display: block;\r\n  font-size: 48rpx;\r\n  font-weight: bold;\r\n  color: #007aff;\r\n  margin-bottom: 10rpx;\r\n}\r\n\r\n.stat-label {\r\n  display: block;\r\n  font-size: 24rpx;\r\n  color: #666666;\r\n}\r\n\r\n.chart-section, .data-list {\r\n  margin: 20rpx 30rpx;\r\n  background: #ffffff;\r\n  border-radius: 16rpx;\r\n  overflow: hidden;\r\n  box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.1);\r\n}\r\n\r\n.section-title {\r\n  display: block;\r\n  font-size: 32rpx;\r\n  font-weight: bold;\r\n  color: #333333;\r\n  padding: 30rpx;\r\n  border-bottom: 1rpx solid #e9ecef;\r\n}\r\n\r\n.chart-placeholder {\r\n  padding: 80rpx 30rpx;\r\n  text-align: center;\r\n}\r\n\r\n.placeholder-text {\r\n  display: block;\r\n  font-size: 48rpx;\r\n  margin-bottom: 20rpx;\r\n}\r\n\r\n.placeholder-desc {\r\n  display: block;\r\n  font-size: 28rpx;\r\n  color: #666666;\r\n}\r\n\r\n.list-item {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  padding: 30rpx;\r\n  border-bottom: 1rpx solid #f0f0f0;\r\n}\r\n\r\n.list-item:last-child {\r\n  border-bottom: none;\r\n}\r\n\r\n.item-left {\r\n  flex: 1;\r\n}\r\n\r\n.item-date {\r\n  display: block;\r\n  font-size: 28rpx;\r\n  font-weight: bold;\r\n  color: #333333;\r\n  margin-bottom: 8rpx;\r\n}\r\n\r\n.item-desc {\r\n  display: block;\r\n  font-size: 24rpx;\r\n  color: #666666;\r\n}\r\n\r\n.item-right {\r\n  text-align: right;\r\n}\r\n\r\n.item-duration {\r\n  display: block;\r\n  font-size: 28rpx;\r\n  font-weight: bold;\r\n  color: #007aff;\r\n}\r\n</style>\r\n\r\n","import MiniProgramPage from 'D:/work2/code/smartDriveEEUniApp1111/pages-subpackage/ai_features/recording_duration/recording_duration.vue'\nwx.createPage(MiniProgramPage)"],"names":["wx","uni","getApiUrl","post"],"mappings":"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"}
\ No newline at end of file
diff --git a/unpackage/dist/dev/mp-weixin/common/config.js b/unpackage/dist/dev/mp-weixin/common/config.js
index 365eaa8..8641971 100644
--- a/unpackage/dist/dev/mp-weixin/common/config.js
+++ b/unpackage/dist/dev/mp-weixin/common/config.js
@@ -1,7 +1,7 @@
 "use strict";
 const common_env = require("./env.js");
 const API_TARGETS = {
-  local: "http://localhost:8090/",
+  local: "http://localhost:8091/",
   prod: "https://api.huayang-star.com/"
 };
 const ENV_ALIAS = {
diff --git a/unpackage/dist/dev/mp-weixin/common/env.js b/unpackage/dist/dev/mp-weixin/common/env.js
index 34fc53b..201c9ed 100644
--- a/unpackage/dist/dev/mp-weixin/common/env.js
+++ b/unpackage/dist/dev/mp-weixin/common/env.js
@@ -1,6 +1,6 @@
 "use strict";
 const envConfig = {
-  apiEnv: "prod"
+  apiEnv: "local"
 };
 exports.envConfig = envConfig;
 //# sourceMappingURL=../../.sourcemap/mp-weixin/common/env.js.map
diff --git a/unpackage/dist/dev/mp-weixin/pages-subpackage/ai_features/recording_duration/recording_duration.js b/unpackage/dist/dev/mp-weixin/pages-subpackage/ai_features/recording_duration/recording_duration.js
index 01dace6..c9ae5b2 100644
--- a/unpackage/dist/dev/mp-weixin/pages-subpackage/ai_features/recording_duration/recording_duration.js
+++ b/unpackage/dist/dev/mp-weixin/pages-subpackage/ai_features/recording_duration/recording_duration.js
@@ -1,5 +1,7 @@
 "use strict";
 const common_vendor = require("../../../common/vendor.js");
+const common_request = require("../../../common/request.js");
+const common_config = require("../../../common/config.js");
 function getSystemInfo() {
   if (typeof common_vendor.wx$1 !== "undefined" && common_vendor.wx$1.getWindowInfo) {
     try {
@@ -10,7 +12,7 @@ function getSystemInfo() {
         windowHeight: windowInfo.windowHeight
       };
     } catch (e) {
-      common_vendor.index.__f__("warn", "at pages-subpackage/ai_features/recording_duration/recording_duration.vue:95", "[RecordingDuration] Failed to use wx.getWindowInfo, fallback to getSystemInfoSync:", e);
+      common_vendor.index.__f__("warn", "at pages-subpackage/ai_features/recording_duration/recording_duration.vue:98", "[RecordingDuration] Failed to use wx.getWindowInfo, fallback to getSystemInfoSync:", e);
     }
   }
   try {
@@ -21,7 +23,7 @@ function getSystemInfo() {
       windowHeight: systemInfo.windowHeight
     };
   } catch (e) {
-    common_vendor.index.__f__("error", "at pages-subpackage/ai_features/recording_duration/recording_duration.vue:109", "[RecordingDuration] Failed to get system info:", e);
+    common_vendor.index.__f__("error", "at pages-subpackage/ai_features/recording_duration/recording_duration.vue:112", "[RecordingDuration] Failed to get system info:", e);
     return {
       statusBarHeight: 20,
       windowWidth: 375,
@@ -49,17 +51,15 @@ const _sfc_main = {
       // 默认选择1个月
       showTimeRangeDropdown: false,
       // 控制下拉菜单显示
-      totalDuration: "125.5 小时",
-      todayDuration: "8.2 小时",
-      dataList: [
-        { date: "2024-02-07", description: "客户咨询录音", duration: "2.5 小时" },
-        { date: "2024-02-06", description: "销售洽谈录音", duration: "3.2 小时" },
-        { date: "2024-02-05", description: "培训录音", duration: "1.8 小时" },
-        { date: "2024-02-04", description: "会议录音", duration: "4.1 小时" },
-        { date: "2024-02-03", description: "客户反馈录音", duration: "2.9 小时" }
-      ]
+      totalDuration: "0 小时",
+      todayDuration: "0 小时",
+      dataList: [],
+      loading: false
     };
   },
+  onLoad() {
+    this.loadData();
+  },
   onReady() {
     this.$nextTick(() => {
       const query = common_vendor.index.createSelectorQuery().in(this);
@@ -71,7 +71,7 @@ const _sfc_main = {
           const totalHeight = statusBarHeightRpx + actualHeightRpx;
           const adjustedHeight = Math.max(totalHeight - 4, 0);
           this.$set(this, "contentTop", adjustedHeight + "rpx");
-          common_vendor.index.__f__("log", "at pages-subpackage/ai_features/recording_duration/recording_duration.vue:163", "[RecordingDuration] 使用实际导航栏高度:", actualHeight, "px =", actualHeightRpx, "rpx, 总高度:", totalHeight, "rpx, 调整后:", adjustedHeight, "rpx");
+          common_vendor.index.__f__("log", "at pages-subpackage/ai_features/recording_duration/recording_duration.vue:165", "[RecordingDuration] 使用实际导航栏高度:", actualHeight, "px =", actualHeightRpx, "rpx, 总高度:", totalHeight, "rpx, 调整后:", adjustedHeight, "rpx");
         } else {
           const systemInfo = getSystemInfo();
           const statusBarHeight = systemInfo.statusBarHeight;
@@ -90,7 +90,7 @@ const _sfc_main = {
           const tabbarHeightRpx = tabbarHeight * 2;
           const adjustedBottom = Math.max(tabbarHeightRpx - 4, 0);
           this.$set(this, "contentBottom", adjustedBottom + "rpx");
-          common_vendor.index.__f__("log", "at pages-subpackage/ai_features/recording_duration/recording_duration.vue:187", "[RecordingDuration] 使用实际tabbar高度:", tabbarHeight, "px =", tabbarHeightRpx, "rpx, 调整后:", adjustedBottom, "rpx");
+          common_vendor.index.__f__("log", "at pages-subpackage/ai_features/recording_duration/recording_duration.vue:189", "[RecordingDuration] 使用实际tabbar高度:", tabbarHeight, "px =", tabbarHeightRpx, "rpx, 调整后:", adjustedBottom, "rpx");
         } else {
           this.$set(this, "contentBottom", "0rpx");
         }
@@ -105,7 +105,7 @@ const _sfc_main = {
             const totalHeight = statusBarHeightRpx + actualHeightRpx;
             const adjustedHeight = Math.max(totalHeight - 4, 0);
             this.$set(this, "contentTop", adjustedHeight + "rpx");
-            common_vendor.index.__f__("log", "at pages-subpackage/ai_features/recording_duration/recording_duration.vue:206", "[RecordingDuration] 延迟更新导航栏高度:", actualHeight, "px =", actualHeightRpx, "rpx, 总高度:", totalHeight, "rpx, 调整后:", adjustedHeight, "rpx");
+            common_vendor.index.__f__("log", "at pages-subpackage/ai_features/recording_duration/recording_duration.vue:208", "[RecordingDuration] 延迟更新导航栏高度:", actualHeight, "px =", actualHeightRpx, "rpx, 总高度:", totalHeight, "rpx, 调整后:", adjustedHeight, "rpx");
           }
         }).exec();
         const queryTabbar2 = common_vendor.index.createSelectorQuery().in(this);
@@ -115,7 +115,7 @@ const _sfc_main = {
             const tabbarHeightRpx = tabbarHeight * 2;
             const adjustedBottom = Math.max(tabbarHeightRpx - 4, 0);
             this.$set(this, "contentBottom", adjustedBottom + "rpx");
-            common_vendor.index.__f__("log", "at pages-subpackage/ai_features/recording_duration/recording_duration.vue:218", "[RecordingDuration] 延迟更新tabbar高度:", tabbarHeight, "px =", tabbarHeightRpx, "rpx, 调整后:", adjustedBottom, "rpx");
+            common_vendor.index.__f__("log", "at pages-subpackage/ai_features/recording_duration/recording_duration.vue:220", "[RecordingDuration] 延迟更新tabbar高度:", tabbarHeight, "px =", tabbarHeightRpx, "rpx, 调整后:", adjustedBottom, "rpx");
           }
         }).exec();
       }, 200);
@@ -138,15 +138,181 @@ const _sfc_main = {
     },
     onRefresh() {
       this.loadData();
-      common_vendor.index.showToast({
-        title: "刷新成功",
-        icon: "success",
-        duration: 1500
-      });
     },
-    loadData() {
-      const months = this.timeRangeIndex === 0 ? 1 : this.timeRangeIndex === 1 ? 3 : 6;
-      common_vendor.index.__f__("log", "at pages-subpackage/ai_features/recording_duration/recording_duration.vue:253", `加载最近${months}个月的数据`);
+    /**
+     * 获取当前登录用户信息
+     */
+    getCurrentUserInfo() {
+      try {
+        const loginResponse = common_vendor.index.getStorageSync("backend-login-response") || {};
+        return {
+          salesId: loginResponse.userId ? String(loginResponse.userId) : null,
+          salesPhone: loginResponse.phone || null
+        };
+      } catch (e) {
+        common_vendor.index.__f__("error", "at pages-subpackage/ai_features/recording_duration/recording_duration.vue:257", "获取用户信息失败:", e);
+        return { salesId: null, salesPhone: null };
+      }
+    },
+    /**
+     * 格式化时长（分钟转小时）
+     */
+    formatDuration(minutes) {
+      if (!minutes || minutes === 0)
+        return "0 小时";
+      const hours = (minutes / 60).toFixed(1);
+      return `${hours} 小时`;
+    },
+    /**
+     * 格式化日期
+     */
+    formatDate(dateStr) {
+      if (!dateStr)
+        return "";
+      try {
+        const date = new Date(dateStr);
+        const year = date.getFullYear();
+        const month = String(date.getMonth() + 1).padStart(2, "0");
+        const day = String(date.getDate()).padStart(2, "0");
+        return `${year}-${month}-${day}`;
+      } catch (e) {
+        return dateStr;
+      }
+    },
+    /**
+     * 加载统计数据
+     */
+    async loadData() {
+      if (this.loading) {
+        return;
+      }
+      this.loading = true;
+      try {
+        const userInfo = this.getCurrentUserInfo();
+        const { salesId, salesPhone } = userInfo;
+        if (!salesId && !salesPhone) {
+          common_vendor.index.showToast({
+            title: "无法获取用户信息",
+            icon: "none",
+            duration: 2e3
+          });
+          this.loading = false;
+          return;
+        }
+        const dateRangeType = this.timeRangeIndex + 1;
+        const queryParams = {
+          dateRangeType
+        };
+        if (salesId) {
+          queryParams.salesId = salesId;
+        }
+        if (salesPhone) {
+          queryParams.salesPhone = salesPhone;
+        }
+        const queryString = Object.keys(queryParams).filter((key) => queryParams[key] !== null && queryParams[key] !== void 0 && queryParams[key] !== "").map((key) => `${encodeURIComponent(key)}=${encodeURIComponent(queryParams[key])}`).join("&");
+        const baseUrl = common_config.getApiUrl("/api/audio-statistics/sales");
+        const url = queryString ? `${baseUrl}?${queryString}` : baseUrl;
+        common_vendor.index.__f__("log", "at pages-subpackage/ai_features/recording_duration/recording_duration.vue:338", "[RecordingDuration] 请求参数:", queryParams);
+        common_vendor.index.__f__("log", "at pages-subpackage/ai_features/recording_duration/recording_duration.vue:339", "[RecordingDuration] 请求URL:", url);
+        common_vendor.index.showLoading({
+          title: "加载中...",
+          mask: true
+        });
+        const res = await common_request.post(url, {});
+        common_vendor.index.hideLoading();
+        if (res.statusCode === 200 && res.data) {
+          const result = res.data;
+          if (!result.success) {
+            const errorMsg = result.msg || result.message || "查询失败";
+            common_vendor.index.showToast({
+              title: errorMsg,
+              icon: "none",
+              duration: 2e3
+            });
+            this.loading = false;
+            return;
+          }
+          const statisticsList = result.data || [];
+          common_vendor.index.__f__("log", "at pages-subpackage/ai_features/recording_duration/recording_duration.vue:371", "[RecordingDuration] 返回数据:", statisticsList);
+          this.processStatisticsData(statisticsList);
+          common_vendor.index.showToast({
+            title: "刷新成功",
+            icon: "success",
+            duration: 1500
+          });
+        } else {
+          throw new Error("请求失败，状态码: " + res.statusCode);
+        }
+      } catch (error) {
+        common_vendor.index.hideLoading();
+        common_vendor.index.__f__("error", "at pages-subpackage/ai_features/recording_duration/recording_duration.vue:389", "[RecordingDuration] 加载数据失败:", error);
+        common_vendor.index.showToast({
+          title: error.message || "加载失败，请重试",
+          icon: "none",
+          duration: 2e3
+        });
+      } finally {
+        this.loading = false;
+      }
+    },
+    /**
+     * 处理统计数据
+     */
+    processStatisticsData(statisticsList) {
+      if (!statisticsList || statisticsList.length === 0) {
+        this.totalDuration = "0 小时";
+        this.todayDuration = "0 小时";
+        this.dataList = [];
+        return;
+      }
+      let totalDurationMinutes = 0;
+      let totalRecordingCount = 0;
+      const formattedList = statisticsList.map((item) => {
+        const salesDuration = item.salesTotalDuration || 0;
+        totalDurationMinutes += salesDuration;
+        totalRecordingCount += item.salesRecordingCount || 0;
+        const date = this.formatDate(item.statisticsDate);
+        let description = "";
+        if (item.salesName) {
+          description = `${item.salesName}的录音`;
+        } else if (item.dealershipName) {
+          description = `${item.dealershipName}的录音`;
+        } else {
+          description = "录音统计";
+        }
+        return {
+          date,
+          description,
+          duration: this.formatDuration(salesDuration),
+          // 保存原始数据，方便后续使用
+          rawData: item
+        };
+      });
+      formattedList.sort((a, b) => {
+        if (a.date > b.date)
+          return -1;
+        if (a.date < b.date)
+          return 1;
+        return 0;
+      });
+      this.totalDuration = this.formatDuration(totalDurationMinutes);
+      this.dataList = formattedList;
+      const today = /* @__PURE__ */ new Date();
+      const todayStr = this.formatDate(today.toISOString());
+      const todayItem = statisticsList.find((item) => {
+        const itemDate = this.formatDate(item.statisticsDate);
+        return itemDate === todayStr;
+      });
+      if (todayItem) {
+        this.todayDuration = this.formatDuration(todayItem.salesTotalDuration || 0);
+      } else {
+        this.todayDuration = "0 小时";
+      }
+      common_vendor.index.__f__("log", "at pages-subpackage/ai_features/recording_duration/recording_duration.vue:469", "[RecordingDuration] 数据处理完成:", {
+        totalDuration: this.totalDuration,
+        todayDuration: this.todayDuration,
+        dataListCount: this.dataList.length
+      });
     }
   }
 };