完善录音时长功能

This commit is contained in:
zhonghua.li
2026-02-07 19:51:03 +08:00
parent 33950f41fd
commit 3944fa6969
52 changed files with 2013 additions and 886 deletions

View File

@@ -1,15 +1,40 @@
"use strict";
const common_vendor = require("../../common/vendor.js");
const RecordingDurationPopup = () => "../../pages-subpackage/ai_features/recording_duration/recording-duration-popup.js";
const QualityCoveragePopup = () => "../../pages-subpackage/ai_features/quality_coverage/quality-coverage-popup.js";
const _sfc_main = {
components: {
RecordingDurationPopup,
QualityCoveragePopup
},
data() {
function getSystemInfo() {
if (typeof common_vendor.wx$1 !== "undefined" && common_vendor.wx$1.getWindowInfo) {
try {
const windowInfo = common_vendor.wx$1.getWindowInfo();
return {
statusBarHeight: windowInfo.statusBarHeight || 20,
windowWidth: windowInfo.windowWidth,
windowHeight: windowInfo.windowHeight
};
} catch (e) {
common_vendor.index.__f__("warn", "at pages/ai_analysis/ai_analysis.vue:144", "[AIAnalysis] Failed to use wx.getWindowInfo, fallback to getSystemInfoSync:", e);
}
}
try {
const systemInfo = common_vendor.index.getSystemInfoSync();
const statusBarHeight = systemInfo.statusBarHeight || 20;
return {
statusBarHeight: systemInfo.statusBarHeight || 20,
windowWidth: systemInfo.windowWidth,
windowHeight: systemInfo.windowHeight
};
} catch (e) {
common_vendor.index.__f__("error", "at pages/ai_analysis/ai_analysis.vue:158", "[AIAnalysis] Failed to get system info:", e);
return {
statusBarHeight: 20,
windowWidth: 375,
windowHeight: 667
};
}
}
const _sfc_main = {
// 注意:子包组件不在这里注册,通过 componentPlaceholder 自动处理
// CustomerCountPopup, QualityCoveragePopup 通过 componentPlaceholder 配置自动注册
data() {
const systemInfo = getSystemInfo();
const statusBarHeight = systemInfo.statusBarHeight;
const navbarHeight = 44;
const statusBarHeightRpx = statusBarHeight * 2;
const navbarHeightRpx = navbarHeight * 2;
@@ -19,15 +44,25 @@ const _sfc_main = {
// 内容区域距离顶部的距离
contentBottom: "96rpx",
// 内容区域距离底部的距离(默认值,会在 onReady 中更新)
popupReady: false
// 弹出框组件是否准备就绪
showCustomerCount: false,
// 是否显示接待客户数弹出框
showQualityCoverage: false,
// 是否显示质检覆盖率弹出框
subpackageLoaded: false,
// 子包是否已加载
popupsInitialized: false,
// 弹出框组件是否已初始化
openCustomerCountTrigger: 0,
// 打开接待客户数弹出框的触发器
openQualityCoverageTrigger: 0
// 打开质检覆盖率弹出框的触发器
};
},
computed: {
// 计算内容区域的位置(使用计算属性确保响应式)
computedContentTop() {
const systemInfo = common_vendor.index.getSystemInfoSync();
const statusBarHeight = systemInfo.statusBarHeight || 20;
const systemInfo = getSystemInfo();
const statusBarHeight = systemInfo.statusBarHeight;
const navbarHeight = 44;
const statusBarHeightRpx = statusBarHeight * 2;
const navbarHeightRpx = navbarHeight * 2;
@@ -37,10 +72,14 @@ const _sfc_main = {
},
onLoad() {
this.updateNavbarPosition();
setTimeout(() => {
this.preloadSubpackage();
}, 100);
this.$nextTick(() => {
setTimeout(() => {
this.popupReady = true;
}, 100);
this.popupsInitialized = true;
common_vendor.index.__f__("log", "at pages/ai_analysis/ai_analysis.vue:231", "[AIAnalysis] Popup components ready (using v-show)");
}, 500);
});
},
onShow() {
@@ -60,10 +99,10 @@ const _sfc_main = {
const actualHeightRpx = actualHeight * 2;
const adjustedHeight = Math.max(actualHeightRpx - 4, 0);
this.$set(this, "contentTop", adjustedHeight + "rpx");
common_vendor.index.__f__("log", "at pages/ai_analysis/ai_analysis.vue:204", "[AIAnalysis] 使用实际导航栏高度:", actualHeight, "px =", actualHeightRpx, "rpx, 调整后:", adjustedHeight, "rpx");
common_vendor.index.__f__("log", "at pages/ai_analysis/ai_analysis.vue:258", "[AIAnalysis] 使用实际导航栏高度:", actualHeight, "px =", actualHeightRpx, "rpx, 调整后:", adjustedHeight, "rpx");
} else {
const systemInfo = common_vendor.index.getSystemInfoSync();
const statusBarHeight = systemInfo.statusBarHeight || 20;
const systemInfo = getSystemInfo();
const statusBarHeight = systemInfo.statusBarHeight;
const navbarHeight = 44;
const statusBarHeightRpx = statusBarHeight * 2;
const navbarHeightRpx = navbarHeight * 2;
@@ -79,7 +118,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/ai_analysis/ai_analysis.vue:228", "[AIAnalysis] 使用实际tabbar高度:", tabbarHeight, "px =", tabbarHeightRpx, "rpx, 调整后:", adjustedBottom, "rpx");
common_vendor.index.__f__("log", "at pages/ai_analysis/ai_analysis.vue:282", "[AIAnalysis] 使用实际tabbar高度:", tabbarHeight, "px =", tabbarHeightRpx, "rpx, 调整后:", adjustedBottom, "rpx");
} else {
this.$set(this, "contentBottom", "96rpx");
}
@@ -92,7 +131,7 @@ const _sfc_main = {
const actualHeightRpx = actualHeight * 2;
const adjustedHeight = Math.max(actualHeightRpx - 4, 0);
this.$set(this, "contentTop", adjustedHeight + "rpx");
common_vendor.index.__f__("log", "at pages/ai_analysis/ai_analysis.vue:246", "[AIAnalysis] 延迟更新导航栏高度:", actualHeight, "px =", actualHeightRpx, "rpx, 调整后:", adjustedHeight, "rpx");
common_vendor.index.__f__("log", "at pages/ai_analysis/ai_analysis.vue:300", "[AIAnalysis] 延迟更新导航栏高度:", actualHeight, "px =", actualHeightRpx, "rpx, 调整后:", adjustedHeight, "rpx");
}
}).exec();
const queryTabbar2 = common_vendor.index.createSelectorQuery().in(this);
@@ -102,53 +141,58 @@ 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/ai_analysis/ai_analysis.vue:258", "[AIAnalysis] 延迟更新tabbar高度:", tabbarHeight, "px =", tabbarHeightRpx, "rpx, 调整后:", adjustedBottom, "rpx");
common_vendor.index.__f__("log", "at pages/ai_analysis/ai_analysis.vue:312", "[AIAnalysis] 延迟更新tabbar高度:", tabbarHeight, "px =", tabbarHeightRpx, "rpx, 调整后:", adjustedBottom, "rpx");
}
}).exec();
}, 200);
});
},
methods: {
// 显示录音时长弹出框
showRecordingDurationPopup() {
if (!this.popupReady) {
common_vendor.index.__f__("warn", "at pages/ai_analysis/ai_analysis.vue:269", "[AIAnalysis] Popup component not ready yet");
return;
// 预加载子包
preloadSubpackage() {
if (typeof common_vendor.wx$1 !== "undefined" && common_vendor.wx$1.loadSubpackage) {
common_vendor.wx$1.loadSubpackage({
name: "pages-subpackage",
success: () => {
common_vendor.index.__f__("log", "at pages/ai_analysis/ai_analysis.vue:327", "[AIAnalysis] Subpackage loaded successfully");
this.subpackageLoaded = true;
},
fail: (err) => {
common_vendor.index.__f__("error", "at pages/ai_analysis/ai_analysis.vue:331", "[AIAnalysis] Failed to load subpackage:", err);
this.subpackageLoaded = true;
}
});
} else {
common_vendor.index.__f__("log", "at pages/ai_analysis/ai_analysis.vue:338", "[AIAnalysis] loadSubpackage API not available, assuming subpackage will load automatically");
this.subpackageLoaded = true;
}
},
// 显示接待客户数弹出框
showCustomerCountPopup() {
this.showCustomerCount = true;
this.$nextTick(() => {
const popup = this.$refs.recordingDurationPopup;
if (popup && typeof popup.open === "function") {
popup.open();
} else {
common_vendor.index.__f__("error", "at pages/ai_analysis/ai_analysis.vue:278", "[AIAnalysis] recordingDurationPopup ref not found or open method not available");
}
this.openCustomerCountTrigger++;
});
},
// 弹出框关闭事件
onPopupClose() {
// 接待客户数弹出框关闭事件
onCustomerCountPopupClose() {
this.showCustomerCount = false;
},
// 显示质检覆盖率弹出框
showQualityCoveragePopup() {
if (!this.popupReady) {
common_vendor.index.__f__("warn", "at pages/ai_analysis/ai_analysis.vue:290", "[AIAnalysis] Popup component not ready yet");
return;
}
this.showQualityCoverage = true;
this.$nextTick(() => {
const popup = this.$refs.qualityCoveragePopup;
if (popup && typeof popup.open === "function") {
popup.open();
} else {
common_vendor.index.__f__("error", "at pages/ai_analysis/ai_analysis.vue:299", "[AIAnalysis] qualityCoveragePopup ref not found or open method not available");
}
this.openQualityCoverageTrigger++;
});
},
// 质检覆盖率弹出框关闭事件
onQualityCoveragePopupClose() {
this.showQualityCoverage = false;
},
// 计算并更新导航栏和内容区域的位置
updateNavbarPosition() {
const systemInfo = common_vendor.index.getSystemInfoSync();
const statusBarHeight = systemInfo.statusBarHeight || 20;
const systemInfo = getSystemInfo();
const statusBarHeight = systemInfo.statusBarHeight;
const navbarHeight = 44;
const statusBarHeightRpx = statusBarHeight * 2;
const navbarHeightRpx = navbarHeight * 2;
@@ -160,12 +204,12 @@ const _sfc_main = {
goBack() {
const pages = getCurrentPages();
if (pages.length <= 1) {
common_vendor.index.__f__("log", "at pages/ai_analysis/ai_analysis.vue:329", "[AIAnalysis][goBack] 当前是第一个页面,无法返回");
common_vendor.index.__f__("log", "at pages/ai_analysis/ai_analysis.vue:393", "[AIAnalysis][goBack] 当前是第一个页面,无法返回");
return;
}
common_vendor.index.navigateBack({
fail: (err) => {
common_vendor.index.__f__("error", "at pages/ai_analysis/ai_analysis.vue:334", "[AIAnalysis][goBack] 返回失败:", err);
common_vendor.index.__f__("error", "at pages/ai_analysis/ai_analysis.vue:398", "[AIAnalysis][goBack] 返回失败:", err);
}
});
},
@@ -174,7 +218,7 @@ const _sfc_main = {
common_vendor.index.navigateTo({
url: `/${pagePath}`,
fail: (err) => {
common_vendor.index.__f__("error", "at pages/ai_analysis/ai_analysis.vue:343", "导航失败:", err);
common_vendor.index.__f__("error", "at pages/ai_analysis/ai_analysis.vue:407", "导航失败:", err);
common_vendor.index.showToast({
title: "页面跳转失败",
icon: "none"
@@ -186,9 +230,9 @@ const _sfc_main = {
};
if (!Array) {
const _easycom_uni_nav_bar2 = common_vendor.resolveComponent("uni-nav-bar");
const _component_RecordingDurationPopup = common_vendor.resolveComponent("RecordingDurationPopup");
const _component_CustomerCountPopup = common_vendor.resolveComponent("CustomerCountPopup");
const _component_QualityCoveragePopup = common_vendor.resolveComponent("QualityCoveragePopup");
(_easycom_uni_nav_bar2 + _component_RecordingDurationPopup + _component_QualityCoveragePopup)();
(_easycom_uni_nav_bar2 + _component_CustomerCountPopup + _component_QualityCoveragePopup)();
}
const _easycom_uni_nav_bar = () => "../../uni_modules/uni-nav-bar/components/uni-nav-bar/uni-nav-bar.js";
if (!Math) {
@@ -205,8 +249,8 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
color: "#333",
backgroundColor: "#FFFFFF"
}),
c: common_vendor.o((...args) => $options.showRecordingDurationPopup && $options.showRecordingDurationPopup(...args)),
d: common_vendor.o(($event) => $options.navigateToPage("customer_count")),
c: common_vendor.o(($event) => $options.navigateToPage("recording_duration")),
d: common_vendor.o((...args) => $options.showCustomerCountPopup && $options.showCustomerCountPopup(...args)),
e: common_vendor.o((...args) => $options.showQualityCoveragePopup && $options.showQualityCoveragePopup(...args)),
f: common_vendor.o(($event) => $options.navigateToPage("speech_rating")),
g: common_vendor.o(($event) => $options.navigateToPage("intent_level")),
@@ -216,15 +260,19 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
k: common_vendor.o(($event) => $options.navigateToPage("red_line_touch")),
l: $options.computedContentTop || $data.contentTop,
m: $data.contentBottom || "96rpx",
n: $data.popupReady
}, $data.popupReady ? {
o: common_vendor.sr("recordingDurationPopup", "8462a2f1-1"),
p: common_vendor.o($options.onPopupClose)
n: $data.showCustomerCount
}, $data.showCustomerCount ? {
o: common_vendor.o($options.onCustomerCountPopupClose),
p: common_vendor.p({
["open-trigger"]: $data.openCustomerCountTrigger
})
} : {}, {
q: $data.popupReady
}, $data.popupReady ? {
r: common_vendor.sr("qualityCoveragePopup", "8462a2f1-2"),
s: common_vendor.o($options.onQualityCoveragePopupClose)
q: $data.showQualityCoverage
}, $data.showQualityCoverage ? {
r: common_vendor.o($options.onQualityCoveragePopupClose),
s: common_vendor.p({
["open-trigger"]: $data.openQualityCoverageTrigger
})
} : {});
}
const MiniProgramPage = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-8462a2f1"]]);

View File

@@ -1,8 +1,6 @@
{
"navigationStyle": "custom",
"usingComponents": {
"recording-duration-popup": "../../pages-subpackage/ai_features/recording_duration/recording-duration-popup",
"quality-coverage-popup": "../../pages-subpackage/ai_features/quality_coverage/quality-coverage-popup",
"uni-nav-bar": "../../uni_modules/uni-nav-bar/components/uni-nav-bar/uni-nav-bar"
}
}

View File

@@ -1 +1 @@
<view class="page data-v-8462a2f1"><uni-nav-bar wx:if="{{b}}" class="data-v-8462a2f1" bindclickLeft="{{a}}" u-i="8462a2f1-0" bind:__l="__l" u-p="{{b}}"></uni-nav-bar><view class="content data-v-8462a2f1"><scroll-view class="content-scroll data-v-8462a2f1" scroll-y="true" style="{{'top:' + l + ';' + ('bottom:' + m)}}"><view class="category-section two-column data-v-8462a2f1"><view class="category-header data-v-8462a2f1"><text class="category-icon data-v-8462a2f1">📊</text><text class="category-title data-v-8462a2f1">录音和接待统计</text></view><view class="function-grid data-v-8462a2f1"><view class="function-item data-v-8462a2f1" bindtap="{{c}}"><view class="function-icon data-v-8462a2f1">⏱️</view><text class="function-name data-v-8462a2f1">录音时长</text><text class="function-desc data-v-8462a2f1">统计录音总时长</text></view><view class="function-item data-v-8462a2f1" bindtap="{{d}}"><view class="function-icon data-v-8462a2f1">👥</view><text class="function-name data-v-8462a2f1">接待客户数</text><text class="function-desc data-v-8462a2f1">统计接待客户数量</text></view></view></view><view class="category-section two-column data-v-8462a2f1"><view class="category-header data-v-8462a2f1"><text class="category-icon data-v-8462a2f1">✅</text><text class="category-title data-v-8462a2f1">质量管控</text></view><view class="function-grid data-v-8462a2f1"><view class="function-item data-v-8462a2f1" bindtap="{{e}}"><view class="function-icon data-v-8462a2f1">📊</view><text class="function-name data-v-8462a2f1">质检覆盖率</text><text class="function-desc data-v-8462a2f1">质检录音覆盖统计</text></view><view class="function-item data-v-8462a2f1" bindtap="{{f}}"><view class="function-icon data-v-8462a2f1">🗣️</view><text class="function-name data-v-8462a2f1">员工话术评分</text><text class="function-desc data-v-8462a2f1">员工沟通质量评分</text></view></view></view><view class="category-section sales-analysis data-v-8462a2f1"><view class="category-header data-v-8462a2f1"><text class="category-icon data-v-8462a2f1">📈</text><text class="category-title data-v-8462a2f1">销售分析</text></view><view class="function-grid data-v-8462a2f1"><view class="function-item full-row-item data-v-8462a2f1" bindtap="{{g}}"><view class="function-icon data-v-8462a2f1">🎯</view><text class="function-name data-v-8462a2f1">客户意向分级</text><text class="function-desc data-v-8462a2f1">客户购买意向分析</text></view><view class="function-item full-row-item data-v-8462a2f1" bindtap="{{h}}"><view class="function-icon data-v-8462a2f1">💰</view><text class="function-name data-v-8462a2f1">成交归因</text><text class="function-desc data-v-8462a2f1">成交成功因素分析</text></view><view class="function-item full-row-item new-line-item data-v-8462a2f1" bindtap="{{i}}"><view class="function-icon data-v-8462a2f1">🚪</view><text class="function-name data-v-8462a2f1">开口率</text><text class="function-desc data-v-8462a2f1">客户主动开口统计</text></view></view></view><view class="category-section two-column data-v-8462a2f1"><view class="category-header data-v-8462a2f1"><text class="category-icon data-v-8462a2f1">⚠️</text><text class="category-title data-v-8462a2f1">风险监控</text></view><view class="function-grid data-v-8462a2f1"><view class="function-item data-v-8462a2f1" bindtap="{{j}}"><view class="function-icon data-v-8462a2f1">🚨</view><text class="function-name data-v-8462a2f1">过度承诺统计</text><text class="function-desc data-v-8462a2f1">监控过度承诺情况</text></view><view class="function-item data-v-8462a2f1" bindtap="{{k}}"><view class="function-icon data-v-8462a2f1">🔴</view><text class="function-name data-v-8462a2f1">触及红线统计</text><text class="function-desc data-v-8462a2f1">违规行为监控统计</text></view></view></view></scroll-view></view><recording-duration-popup wx:if="{{n}}" class="r data-v-8462a2f1" u-r="recordingDurationPopup" bindclose="{{p}}" u-i="8462a2f1-1" bind:__l="__l"/><quality-coverage-popup wx:if="{{q}}" class="r data-v-8462a2f1" u-r="qualityCoveragePopup" bindclose="{{s}}" u-i="8462a2f1-2" bind:__l="__l"/></view>
<view class="page data-v-8462a2f1"><uni-nav-bar wx:if="{{b}}" class="data-v-8462a2f1" bindclickLeft="{{a}}" u-i="8462a2f1-0" bind:__l="__l" u-p="{{b}}"></uni-nav-bar><view class="content data-v-8462a2f1"><scroll-view class="content-scroll data-v-8462a2f1" scroll-y="true" style="{{'top:' + l + ';' + ('bottom:' + m)}}"><view class="category-section two-column data-v-8462a2f1"><view class="category-header data-v-8462a2f1"><text class="category-icon data-v-8462a2f1">📊</text><text class="category-title data-v-8462a2f1">录音和接待统计</text></view><view class="function-grid data-v-8462a2f1"><view class="function-item data-v-8462a2f1" bindtap="{{c}}"><view class="function-icon data-v-8462a2f1">⏱️</view><text class="function-name data-v-8462a2f1">录音时长</text><text class="function-desc data-v-8462a2f1">统计录音总时长</text></view><view class="function-item data-v-8462a2f1" bindtap="{{d}}"><view class="function-icon data-v-8462a2f1">👥</view><text class="function-name data-v-8462a2f1">接待客户数</text><text class="function-desc data-v-8462a2f1">统计接待客户数量</text></view></view></view><view class="category-section two-column data-v-8462a2f1"><view class="category-header data-v-8462a2f1"><text class="category-icon data-v-8462a2f1">✅</text><text class="category-title data-v-8462a2f1">质量管控</text></view><view class="function-grid data-v-8462a2f1"><view class="function-item data-v-8462a2f1" bindtap="{{e}}"><view class="function-icon data-v-8462a2f1">📊</view><text class="function-name data-v-8462a2f1">质检覆盖率</text><text class="function-desc data-v-8462a2f1">质检录音覆盖统计</text></view><view class="function-item data-v-8462a2f1" bindtap="{{f}}"><view class="function-icon data-v-8462a2f1">🗣️</view><text class="function-name data-v-8462a2f1">员工话术评分</text><text class="function-desc data-v-8462a2f1">员工沟通质量评分</text></view></view></view><view class="category-section sales-analysis data-v-8462a2f1"><view class="category-header data-v-8462a2f1"><text class="category-icon data-v-8462a2f1">📈</text><text class="category-title data-v-8462a2f1">销售分析</text></view><view class="function-grid data-v-8462a2f1"><view class="function-item full-row-item data-v-8462a2f1" bindtap="{{g}}"><view class="function-icon data-v-8462a2f1">🎯</view><text class="function-name data-v-8462a2f1">客户意向分级</text><text class="function-desc data-v-8462a2f1">客户购买意向分析</text></view><view class="function-item full-row-item data-v-8462a2f1" bindtap="{{h}}"><view class="function-icon data-v-8462a2f1">💰</view><text class="function-name data-v-8462a2f1">成交归因</text><text class="function-desc data-v-8462a2f1">成交成功因素分析</text></view><view class="function-item full-row-item new-line-item data-v-8462a2f1" bindtap="{{i}}"><view class="function-icon data-v-8462a2f1">🚪</view><text class="function-name data-v-8462a2f1">开口率</text><text class="function-desc data-v-8462a2f1">客户主动开口统计</text></view></view></view><view class="category-section two-column data-v-8462a2f1"><view class="category-header data-v-8462a2f1"><text class="category-icon data-v-8462a2f1">⚠️</text><text class="category-title data-v-8462a2f1">风险监控</text></view><view class="function-grid data-v-8462a2f1"><view class="function-item data-v-8462a2f1" bindtap="{{j}}"><view class="function-icon data-v-8462a2f1">🚨</view><text class="function-name data-v-8462a2f1">过度承诺统计</text><text class="function-desc data-v-8462a2f1">监控过度承诺情况</text></view><view class="function-item data-v-8462a2f1" bindtap="{{k}}"><view class="function-icon data-v-8462a2f1">🔴</view><text class="function-name data-v-8462a2f1">触及红线统计</text><text class="function-desc data-v-8462a2f1">违规行为监控统计</text></view></view></view></scroll-view></view><customer-count-popup wx:if="{{n}}" class="data-v-8462a2f1" bindclose="{{o}}" u-i="8462a2f1-1" bind:__l="__l" u-p="{{p}}"/><quality-coverage-popup wx:if="{{q}}" class="data-v-8462a2f1" bindclose="{{r}}" u-i="8462a2f1-2" bind:__l="__l" u-p="{{s}}"/></view>