完善录音时长功能
This commit is contained in:
zhonghua.li
88
unpackage/dist/dev/mp-weixin/pages-subpackage/ai_features/customer_count/customer-count-popup.js
vendored
Normal file
88
unpackage/dist/dev/mp-weixin/pages-subpackage/ai_features/customer_count/customer-count-popup.js
vendored
Normal file
@@ -0,0 +1,88 @@
|
||||
"use strict";
|
||||
const common_vendor = require("../../../common/vendor.js");
|
||||
const _sfc_main = {
|
||||
name: "CustomerCountPopup",
|
||||
props: {
|
||||
openTrigger: {
|
||||
type: Number,
|
||||
default: 0
|
||||
}
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
totalCustomers: "1,258",
|
||||
todayCustomers: "23",
|
||||
dataList: [
|
||||
{ date: "2024-02-07", description: "今日接待客户", count: "23" },
|
||||
{ date: "2024-02-06", description: "昨日接待客户", count: "31" },
|
||||
{ date: "2024-02-05", description: "前日接待客户", count: "28" },
|
||||
{ date: "2024-02-04", description: "工作日接待客户", count: "35" },
|
||||
{ date: "2024-02-03", description: "周末接待客户", count: "18" }
|
||||
]
|
||||
};
|
||||
},
|
||||
watch: {
|
||||
openTrigger(newVal) {
|
||||
if (newVal > 0) {
|
||||
this.$nextTick(() => {
|
||||
this.open();
|
||||
});
|
||||
}
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
open() {
|
||||
if (this.$refs && this.$refs.popup) {
|
||||
this.$refs.popup.open();
|
||||
} else {
|
||||
setTimeout(() => {
|
||||
if (this.$refs && this.$refs.popup) {
|
||||
this.$refs.popup.open();
|
||||
}
|
||||
}, 100);
|
||||
}
|
||||
},
|
||||
close() {
|
||||
if (this.$refs && this.$refs.popup) {
|
||||
this.$refs.popup.close();
|
||||
}
|
||||
},
|
||||
onPopupChange(e) {
|
||||
if (!e.show) {
|
||||
this.$emit("close");
|
||||
}
|
||||
}
|
||||
}
|
||||
};
|
||||
if (!Array) {
|
||||
const _easycom_uni_popup2 = common_vendor.resolveComponent("uni-popup");
|
||||
_easycom_uni_popup2();
|
||||
}
|
||||
const _easycom_uni_popup = () => "../../../uni_modules/uni-popup/components/uni-popup/uni-popup.js";
|
||||
if (!Math) {
|
||||
_easycom_uni_popup();
|
||||
}
|
||||
function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
|
||||
return {
|
||||
a: common_vendor.o((...args) => $options.close && $options.close(...args)),
|
||||
b: common_vendor.t($data.totalCustomers),
|
||||
c: common_vendor.t($data.todayCustomers),
|
||||
d: common_vendor.f($data.dataList, (item, index, i0) => {
|
||||
return {
|
||||
a: common_vendor.t(item.date),
|
||||
b: common_vendor.t(item.description),
|
||||
c: common_vendor.t(item.count),
|
||||
d: index
|
||||
};
|
||||
}),
|
||||
e: common_vendor.sr("popup", "b8c628e1-0"),
|
||||
f: common_vendor.o($options.onPopupChange),
|
||||
g: common_vendor.p({
|
||||
type: "center",
|
||||
["mask-click"]: true
|
||||
})
|
||||
};
|
||||
}
|
||||
const Component = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-b8c628e1"]]);
|
||||
wx.createComponent(Component);
|
||||
//# sourceMappingURL=../../../../.sourcemap/mp-weixin/pages-subpackage/ai_features/customer_count/customer-count-popup.js.map
|
||||
@@ -0,0 +1,6 @@
|
||||
{
|
||||
"component": true,
|
||||
"usingComponents": {
|
||||
"uni-popup": "../../../uni_modules/uni-popup/components/uni-popup/uni-popup"
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1 @@
|
||||
<uni-popup wx:if="{{g}}" class="r data-v-b8c628e1" u-s="{{['d']}}" u-r="popup" bindchange="{{f}}" u-i="b8c628e1-0" bind:__l="__l" u-p="{{g}}"><view class="customer-count-popup data-v-b8c628e1"><view class="popup-header data-v-b8c628e1"><text class="popup-title data-v-b8c628e1">接待客户数统计</text><view class="popup-close data-v-b8c628e1" bindtap="{{a}}"><text class="close-icon data-v-b8c628e1">×</text></view></view><scroll-view class="popup-content data-v-b8c628e1" scroll-y="true"><view class="popup-stats-card data-v-b8c628e1"><view class="popup-stat-item data-v-b8c628e1"><text class="popup-stat-value data-v-b8c628e1">{{b}}</text><text class="popup-stat-label data-v-b8c628e1">累计接待客户</text></view><view class="popup-stat-item data-v-b8c628e1"><text class="popup-stat-value data-v-b8c628e1">{{c}}</text><text class="popup-stat-label data-v-b8c628e1">今日接待客户</text></view></view><view class="popup-chart-section data-v-b8c628e1"><text class="popup-section-title data-v-b8c628e1">接待趋势图</text><view class="popup-chart-placeholder data-v-b8c628e1"><text class="popup-placeholder-text data-v-b8c628e1">📈 图表区域</text><text class="popup-placeholder-desc data-v-b8c628e1">此处将显示客户接待趋势图表</text></view></view><view class="popup-data-list data-v-b8c628e1"><text class="popup-section-title data-v-b8c628e1">接待记录</text><view wx:for="{{d}}" wx:for-item="item" wx:key="d" class="popup-list-item data-v-b8c628e1"><view class="popup-item-left data-v-b8c628e1"><text class="popup-item-date data-v-b8c628e1">{{item.a}}</text><text class="popup-item-desc data-v-b8c628e1">{{item.b}}</text></view><view class="popup-item-right data-v-b8c628e1"><text class="popup-item-count data-v-b8c628e1">{{item.c}} 人</text></view></view></view></scroll-view></view></uni-popup>
|
||||
148
unpackage/dist/dev/mp-weixin/pages-subpackage/ai_features/customer_count/customer-count-popup.wxss
vendored
Normal file
148
unpackage/dist/dev/mp-weixin/pages-subpackage/ai_features/customer_count/customer-count-popup.wxss
vendored
Normal file
@@ -0,0 +1,148 @@
|
||||
|
||||
.customer-count-popup.data-v-b8c628e1 {
|
||||
width: 680rpx;
|
||||
max-height: 80vh;
|
||||
background-color: #FFFFFF;
|
||||
border-radius: 16rpx;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
box-shadow: 0 8rpx 32rpx rgba(0, 0, 0, 0.2);
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
}
|
||||
.popup-header.data-v-b8c628e1 {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
padding: 6rpx 32rpx;
|
||||
border-bottom: 1rpx solid #E0E0E0;
|
||||
flex-shrink: 0;
|
||||
background-color: #FFFFFF;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.popup-title.data-v-b8c628e1 {
|
||||
font-size: 24rpx;
|
||||
font-weight: 500;
|
||||
color: #333;
|
||||
}
|
||||
.popup-close.data-v-b8c628e1 {
|
||||
width: 40rpx;
|
||||
height: 40rpx;
|
||||
min-width: 40rpx;
|
||||
min-height: 40rpx;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
cursor: pointer;
|
||||
flex-shrink: 0;
|
||||
background-color: rgba(0, 0, 0, 0.05);
|
||||
border-radius: 50%;
|
||||
transition: background-color 0.2s;
|
||||
}
|
||||
.popup-close.data-v-b8c628e1:active {
|
||||
background-color: rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
.close-icon.data-v-b8c628e1 {
|
||||
font-size: 32rpx;
|
||||
color: #333;
|
||||
line-height: 1;
|
||||
display: block;
|
||||
}
|
||||
.popup-content.data-v-b8c628e1 {
|
||||
flex: 1;
|
||||
min-height: 0;
|
||||
overflow-y: auto;
|
||||
max-height: calc(80vh - 52rpx);
|
||||
}
|
||||
.popup-stats-card.data-v-b8c628e1 {
|
||||
display: flex;
|
||||
margin: 20rpx 30rpx;
|
||||
background: #f8f9fa;
|
||||
border-radius: 16rpx;
|
||||
padding: 40rpx 30rpx;
|
||||
}
|
||||
.popup-stat-item.data-v-b8c628e1 {
|
||||
flex: 1;
|
||||
text-align: center;
|
||||
}
|
||||
.popup-stat-item.data-v-b8c628e1:not(:last-child) {
|
||||
border-right: 1rpx solid #e9ecef;
|
||||
}
|
||||
.popup-stat-value.data-v-b8c628e1 {
|
||||
display: block;
|
||||
font-size: 48rpx;
|
||||
font-weight: bold;
|
||||
color: #007aff;
|
||||
margin-bottom: 10rpx;
|
||||
}
|
||||
.popup-stat-label.data-v-b8c628e1 {
|
||||
display: block;
|
||||
font-size: 24rpx;
|
||||
color: #666666;
|
||||
}
|
||||
.popup-chart-section.data-v-b8c628e1,
|
||||
.popup-data-list.data-v-b8c628e1 {
|
||||
margin: 20rpx 30rpx;
|
||||
background: #f8f9fa;
|
||||
border-radius: 16rpx;
|
||||
overflow: hidden;
|
||||
}
|
||||
.popup-section-title.data-v-b8c628e1 {
|
||||
display: block;
|
||||
font-size: 32rpx;
|
||||
font-weight: bold;
|
||||
color: #333333;
|
||||
padding: 30rpx;
|
||||
border-bottom: 1rpx solid #e9ecef;
|
||||
background: #ffffff;
|
||||
}
|
||||
.popup-chart-placeholder.data-v-b8c628e1 {
|
||||
padding: 80rpx 30rpx;
|
||||
text-align: center;
|
||||
background: #ffffff;
|
||||
}
|
||||
.popup-placeholder-text.data-v-b8c628e1 {
|
||||
display: block;
|
||||
font-size: 48rpx;
|
||||
margin-bottom: 20rpx;
|
||||
}
|
||||
.popup-placeholder-desc.data-v-b8c628e1 {
|
||||
display: block;
|
||||
font-size: 28rpx;
|
||||
color: #666666;
|
||||
}
|
||||
.popup-list-item.data-v-b8c628e1 {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
padding: 30rpx;
|
||||
border-bottom: 1rpx solid #f0f0f0;
|
||||
background: #ffffff;
|
||||
}
|
||||
.popup-list-item.data-v-b8c628e1:last-child {
|
||||
border-bottom: none;
|
||||
}
|
||||
.popup-item-left.data-v-b8c628e1 {
|
||||
flex: 1;
|
||||
}
|
||||
.popup-item-date.data-v-b8c628e1 {
|
||||
display: block;
|
||||
font-size: 28rpx;
|
||||
font-weight: bold;
|
||||
color: #333333;
|
||||
margin-bottom: 8rpx;
|
||||
}
|
||||
.popup-item-desc.data-v-b8c628e1 {
|
||||
display: block;
|
||||
font-size: 24rpx;
|
||||
color: #666666;
|
||||
}
|
||||
.popup-item-right.data-v-b8c628e1 {
|
||||
text-align: right;
|
||||
}
|
||||
.popup-item-count.data-v-b8c628e1 {
|
||||
display: block;
|
||||
font-size: 28rpx;
|
||||
font-weight: bold;
|
||||
color: #007aff;
|
||||
}
|
||||
@@ -1,40 +0,0 @@
|
||||
"use strict";
|
||||
const common_vendor = require("../../../common/vendor.js");
|
||||
const _sfc_main = {
|
||||
data() {
|
||||
return {
|
||||
totalCustomers: "1,258",
|
||||
todayCustomers: "23",
|
||||
dataList: [
|
||||
{ date: "2024-02-07", description: "今日接待客户", count: "23" },
|
||||
{ date: "2024-02-06", description: "昨日接待客户", count: "31" },
|
||||
{ date: "2024-02-05", description: "前日接待客户", count: "28" },
|
||||
{ date: "2024-02-04", description: "工作日接待客户", count: "35" },
|
||||
{ date: "2024-02-03", description: "周末接待客户", count: "18" }
|
||||
]
|
||||
};
|
||||
},
|
||||
methods: {
|
||||
goBack() {
|
||||
common_vendor.index.navigateBack();
|
||||
}
|
||||
}
|
||||
};
|
||||
function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
|
||||
return {
|
||||
a: common_vendor.o((...args) => $options.goBack && $options.goBack(...args)),
|
||||
b: common_vendor.t($data.totalCustomers),
|
||||
c: common_vendor.t($data.todayCustomers),
|
||||
d: common_vendor.f($data.dataList, (item, index, i0) => {
|
||||
return {
|
||||
a: common_vendor.t(item.date),
|
||||
b: common_vendor.t(item.description),
|
||||
c: common_vendor.t(item.count),
|
||||
d: index
|
||||
};
|
||||
})
|
||||
};
|
||||
}
|
||||
const MiniProgramPage = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-e0c5faaf"]]);
|
||||
wx.createPage(MiniProgramPage);
|
||||
//# sourceMappingURL=../../../../.sourcemap/mp-weixin/pages-subpackage/ai_features/customer_count/customer_count.js.map
|
||||
@@ -1,4 +0,0 @@
|
||||
{
|
||||
"navigationStyle": "custom",
|
||||
"usingComponents": {}
|
||||
}
|
||||
@@ -1 +0,0 @@
|
||||
<view class="feature-page data-v-e0c5faaf"><view class="page-header data-v-e0c5faaf"><view class="nav-bar data-v-e0c5faaf"><view class="nav-left data-v-e0c5faaf" bindtap="{{a}}"><text class="back-icon data-v-e0c5faaf">←</text></view><text class="nav-title data-v-e0c5faaf">接待客户数统计</text></view></view><scroll-view class="content-scroll data-v-e0c5faaf" scroll-y="true"><view class="stats-card data-v-e0c5faaf"><view class="stat-item data-v-e0c5faaf"><text class="stat-value data-v-e0c5faaf">{{b}}</text><text class="stat-label data-v-e0c5faaf">累计接待客户</text></view><view class="stat-item data-v-e0c5faaf"><text class="stat-value data-v-e0c5faaf">{{c}}</text><text class="stat-label data-v-e0c5faaf">今日接待客户</text></view></view><view class="chart-section data-v-e0c5faaf"><text class="section-title data-v-e0c5faaf">接待趋势图</text><view class="chart-placeholder data-v-e0c5faaf"><text class="placeholder-text data-v-e0c5faaf">📈 图表区域</text><text class="placeholder-desc data-v-e0c5faaf">此处将显示客户接待趋势图表</text></view></view><view class="data-list data-v-e0c5faaf"><text class="section-title data-v-e0c5faaf">接待记录</text><view wx:for="{{d}}" wx:for-item="item" wx:key="d" class="list-item data-v-e0c5faaf"><view class="item-left data-v-e0c5faaf"><text class="item-date data-v-e0c5faaf">{{item.a}}</text><text class="item-desc data-v-e0c5faaf">{{item.b}}</text></view><view class="item-right data-v-e0c5faaf"><text class="item-count data-v-e0c5faaf">{{item.c}} 人</text></view></view></view></scroll-view></view>
|
||||
@@ -1,127 +0,0 @@
|
||||
|
||||
.feature-page.data-v-e0c5faaf {
|
||||
min-height: 100vh;
|
||||
background: #f8f9fa;
|
||||
}
|
||||
.page-header.data-v-e0c5faaf {
|
||||
background: #ffffff;
|
||||
border-bottom: 1rpx solid #e9ecef;
|
||||
}
|
||||
.nav-bar.data-v-e0c5faaf {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
height: 88rpx;
|
||||
padding: 0 30rpx;
|
||||
}
|
||||
.nav-left.data-v-e0c5faaf {
|
||||
width: 60rpx;
|
||||
height: 60rpx;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
margin-right: 20rpx;
|
||||
}
|
||||
.back-icon.data-v-e0c5faaf {
|
||||
font-size: 36rpx;
|
||||
color: #333333;
|
||||
}
|
||||
.nav-title.data-v-e0c5faaf {
|
||||
flex: 1;
|
||||
text-align: center;
|
||||
font-size: 32rpx;
|
||||
font-weight: bold;
|
||||
color: #333333;
|
||||
}
|
||||
.content-scroll.data-v-e0c5faaf {
|
||||
height: calc(100vh - 88rpx);
|
||||
}
|
||||
.stats-card.data-v-e0c5faaf {
|
||||
display: flex;
|
||||
margin: 20rpx 30rpx;
|
||||
background: #ffffff;
|
||||
border-radius: 16rpx;
|
||||
padding: 40rpx 30rpx;
|
||||
box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
.stat-item.data-v-e0c5faaf {
|
||||
flex: 1;
|
||||
text-align: center;
|
||||
}
|
||||
.stat-item.data-v-e0c5faaf:not(:last-child) {
|
||||
border-right: 1rpx solid #e9ecef;
|
||||
}
|
||||
.stat-value.data-v-e0c5faaf {
|
||||
display: block;
|
||||
font-size: 48rpx;
|
||||
font-weight: bold;
|
||||
color: #007aff;
|
||||
margin-bottom: 10rpx;
|
||||
}
|
||||
.stat-label.data-v-e0c5faaf {
|
||||
display: block;
|
||||
font-size: 24rpx;
|
||||
color: #666666;
|
||||
}
|
||||
.chart-section.data-v-e0c5faaf, .data-list.data-v-e0c5faaf {
|
||||
margin: 20rpx 30rpx;
|
||||
background: #ffffff;
|
||||
border-radius: 16rpx;
|
||||
overflow: hidden;
|
||||
box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
.section-title.data-v-e0c5faaf {
|
||||
display: block;
|
||||
font-size: 32rpx;
|
||||
font-weight: bold;
|
||||
color: #333333;
|
||||
padding: 30rpx;
|
||||
border-bottom: 1rpx solid #e9ecef;
|
||||
}
|
||||
.chart-placeholder.data-v-e0c5faaf {
|
||||
padding: 80rpx 30rpx;
|
||||
text-align: center;
|
||||
}
|
||||
.placeholder-text.data-v-e0c5faaf {
|
||||
display: block;
|
||||
font-size: 48rpx;
|
||||
margin-bottom: 20rpx;
|
||||
}
|
||||
.placeholder-desc.data-v-e0c5faaf {
|
||||
display: block;
|
||||
font-size: 28rpx;
|
||||
color: #666666;
|
||||
}
|
||||
.list-item.data-v-e0c5faaf {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
padding: 30rpx;
|
||||
border-bottom: 1rpx solid #f0f0f0;
|
||||
}
|
||||
.list-item.data-v-e0c5faaf:last-child {
|
||||
border-bottom: none;
|
||||
}
|
||||
.item-left.data-v-e0c5faaf {
|
||||
flex: 1;
|
||||
}
|
||||
.item-date.data-v-e0c5faaf {
|
||||
display: block;
|
||||
font-size: 28rpx;
|
||||
font-weight: bold;
|
||||
color: #333333;
|
||||
margin-bottom: 8rpx;
|
||||
}
|
||||
.item-desc.data-v-e0c5faaf {
|
||||
display: block;
|
||||
font-size: 24rpx;
|
||||
color: #666666;
|
||||
}
|
||||
.item-right.data-v-e0c5faaf {
|
||||
text-align: right;
|
||||
}
|
||||
.item-count.data-v-e0c5faaf {
|
||||
display: block;
|
||||
font-size: 28rpx;
|
||||
font-weight: bold;
|
||||
color: #007aff;
|
||||
}
|
||||
@@ -1,8 +1,49 @@
|
||||
"use strict";
|
||||
const common_vendor = require("../../../common/vendor.js");
|
||||
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-subpackage/ai_features/deal_attribution/deal_attribution.vue:62", "[DealAttribution] Failed to use wx.getWindowInfo, fallback to getSystemInfoSync:", e);
|
||||
}
|
||||
}
|
||||
try {
|
||||
const systemInfo = common_vendor.index.getSystemInfoSync();
|
||||
return {
|
||||
statusBarHeight: systemInfo.statusBarHeight || 20,
|
||||
windowWidth: systemInfo.windowWidth,
|
||||
windowHeight: systemInfo.windowHeight
|
||||
};
|
||||
} catch (e) {
|
||||
common_vendor.index.__f__("error", "at pages-subpackage/ai_features/deal_attribution/deal_attribution.vue:76", "[DealAttribution] Failed to get system info:", e);
|
||||
return {
|
||||
statusBarHeight: 20,
|
||||
windowWidth: 375,
|
||||
windowHeight: 667
|
||||
};
|
||||
}
|
||||
}
|
||||
const _sfc_main = {
|
||||
data() {
|
||||
const systemInfo = getSystemInfo();
|
||||
const statusBarHeight = systemInfo.statusBarHeight;
|
||||
const navbarHeight = 44;
|
||||
const statusBarHeightRpx = statusBarHeight * 2;
|
||||
const navbarHeightRpx = navbarHeight * 2;
|
||||
const totalNavbarHeight = statusBarHeightRpx + navbarHeightRpx;
|
||||
return {
|
||||
statusBarHeight,
|
||||
// 状态栏高度（px）
|
||||
contentTop: totalNavbarHeight + "rpx",
|
||||
// 内容区域距离顶部的距离
|
||||
contentBottom: "0rpx",
|
||||
// 内容区域距离底部的距离（默认值，会在 onReady 中更新）
|
||||
conversionRate: "15.8",
|
||||
totalDeals: "201",
|
||||
dataList: [
|
||||
@@ -14,6 +55,67 @@ const _sfc_main = {
|
||||
]
|
||||
};
|
||||
},
|
||||
onReady() {
|
||||
this.$nextTick(() => {
|
||||
const query = common_vendor.index.createSelectorQuery().in(this);
|
||||
query.select(".nav-bar").boundingClientRect((data) => {
|
||||
if (data && data.height) {
|
||||
const actualHeight = data.height;
|
||||
const actualHeightRpx = actualHeight * 2;
|
||||
const statusBarHeightRpx = this.statusBarHeight * 2;
|
||||
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/deal_attribution/deal_attribution.vue:127", "[DealAttribution] 使用实际导航栏高度:", actualHeight, "px =", actualHeightRpx, "rpx, 总高度:", totalHeight, "rpx, 调整后:", adjustedHeight, "rpx");
|
||||
} else {
|
||||
const systemInfo = getSystemInfo();
|
||||
const statusBarHeight = systemInfo.statusBarHeight;
|
||||
const navbarHeight = 44;
|
||||
const statusBarHeightRpx = statusBarHeight * 2;
|
||||
const navbarHeightRpx = navbarHeight * 2;
|
||||
const totalNavbarHeight = statusBarHeightRpx + navbarHeightRpx;
|
||||
const adjustedHeight = Math.max(totalNavbarHeight - 4, 0);
|
||||
this.$set(this, "contentTop", adjustedHeight + "rpx");
|
||||
}
|
||||
}).exec();
|
||||
const queryTabbar = common_vendor.index.createSelectorQuery().in(this);
|
||||
queryTabbar.select(".tabbar").boundingClientRect((tabbarData) => {
|
||||
if (tabbarData && tabbarData.height) {
|
||||
const tabbarHeight = tabbarData.height;
|
||||
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/deal_attribution/deal_attribution.vue:151", "[DealAttribution] 使用实际tabbar高度:", tabbarHeight, "px =", tabbarHeightRpx, "rpx, 调整后:", adjustedBottom, "rpx");
|
||||
} else {
|
||||
this.$set(this, "contentBottom", "0rpx");
|
||||
}
|
||||
}).exec();
|
||||
setTimeout(() => {
|
||||
const query2 = common_vendor.index.createSelectorQuery().in(this);
|
||||
query2.select(".nav-bar").boundingClientRect((data) => {
|
||||
if (data && data.height) {
|
||||
const actualHeight = data.height;
|
||||
const actualHeightRpx = actualHeight * 2;
|
||||
const statusBarHeightRpx = this.statusBarHeight * 2;
|
||||
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/deal_attribution/deal_attribution.vue:170", "[DealAttribution] 延迟更新导航栏高度:", actualHeight, "px =", actualHeightRpx, "rpx, 总高度:", totalHeight, "rpx, 调整后:", adjustedHeight, "rpx");
|
||||
}
|
||||
}).exec();
|
||||
const queryTabbar2 = common_vendor.index.createSelectorQuery().in(this);
|
||||
queryTabbar2.select(".tabbar").boundingClientRect((tabbarData) => {
|
||||
if (tabbarData && tabbarData.height) {
|
||||
const tabbarHeight = tabbarData.height;
|
||||
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/deal_attribution/deal_attribution.vue:182", "[DealAttribution] 延迟更新tabbar高度:", tabbarHeight, "px =", tabbarHeightRpx, "rpx, 调整后:", adjustedBottom, "rpx");
|
||||
}
|
||||
}).exec();
|
||||
}, 200);
|
||||
});
|
||||
},
|
||||
methods: {
|
||||
goBack() {
|
||||
common_vendor.index.navigateBack();
|
||||
@@ -23,16 +125,19 @@ const _sfc_main = {
|
||||
function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
|
||||
return {
|
||||
a: common_vendor.o((...args) => $options.goBack && $options.goBack(...args)),
|
||||
b: common_vendor.t($data.conversionRate),
|
||||
c: common_vendor.t($data.totalDeals),
|
||||
d: common_vendor.f($data.dataList, (item, index, i0) => {
|
||||
b: $data.statusBarHeight + "px",
|
||||
c: common_vendor.t($data.conversionRate),
|
||||
d: common_vendor.t($data.totalDeals),
|
||||
e: common_vendor.f($data.dataList, (item, index, i0) => {
|
||||
return {
|
||||
a: common_vendor.t(item.factor),
|
||||
b: common_vendor.t(item.description),
|
||||
c: common_vendor.t(item.percentage),
|
||||
d: index
|
||||
};
|
||||
})
|
||||
}),
|
||||
f: $data.contentTop,
|
||||
g: $data.contentBottom
|
||||
};
|
||||
}
|
||||
const MiniProgramPage = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-92834624"]]);
|
||||
|
||||
@@ -1 +1 @@
|
||||
<view class="feature-page data-v-92834624"><view class="page-header data-v-92834624"><view class="nav-bar data-v-92834624"><view class="nav-left data-v-92834624" bindtap="{{a}}"><text class="back-icon data-v-92834624">←</text></view><text class="nav-title data-v-92834624">成交归因分析</text></view></view><scroll-view class="content-scroll data-v-92834624" scroll-y="true"><view class="stats-card data-v-92834624"><view class="stat-item data-v-92834624"><text class="stat-value data-v-92834624">{{b}}%</text><text class="stat-label data-v-92834624">总体转化率</text></view><view class="stat-item data-v-92834624"><text class="stat-value data-v-92834624">{{c}}</text><text class="stat-label data-v-92834624">成交总数</text></view></view><view class="chart-section data-v-92834624"><text class="section-title data-v-92834624">成交因素分析图</text><view class="chart-placeholder data-v-92834624"><text class="placeholder-text data-v-92834624">📊 图表区域</text><text class="placeholder-desc data-v-92834624">此处将显示成交归因分析图表</text></view></view><view class="data-list data-v-92834624"><text class="section-title data-v-92834624">关键成交因素</text><view wx:for="{{d}}" wx:for-item="item" wx:key="d" class="list-item data-v-92834624"><view class="item-left data-v-92834624"><text class="item-date data-v-92834624">{{item.a}}</text><text class="item-desc data-v-92834624">{{item.b}}</text></view><view class="item-right data-v-92834624"><text class="item-percentage data-v-92834624">{{item.c}}%</text></view></view></view></scroll-view></view>
|
||||
<view class="feature-page data-v-92834624"><view class="page-header data-v-92834624" style="{{'padding-top:' + b}}"><view class="nav-bar data-v-92834624"><view class="nav-left data-v-92834624" bindtap="{{a}}"><text class="back-icon data-v-92834624">←</text></view><text class="nav-title data-v-92834624">成交归因分析</text></view></view><scroll-view class="content-scroll data-v-92834624" scroll-y="true" style="{{'top:' + f + ';' + ('bottom:' + g)}}"><view class="stats-card data-v-92834624"><view class="stat-item data-v-92834624"><text class="stat-value data-v-92834624">{{c}}%</text><text class="stat-label data-v-92834624">总体转化率</text></view><view class="stat-item data-v-92834624"><text class="stat-value data-v-92834624">{{d}}</text><text class="stat-label data-v-92834624">成交总数</text></view></view><view class="chart-section data-v-92834624"><text class="section-title data-v-92834624">成交因素分析图</text><view class="chart-placeholder data-v-92834624"><text class="placeholder-text data-v-92834624">📊 图表区域</text><text class="placeholder-desc data-v-92834624">此处将显示成交归因分析图表</text></view></view><view class="data-list data-v-92834624"><text class="section-title data-v-92834624">关键成交因素</text><view wx:for="{{e}}" wx:for-item="item" wx:key="d" class="list-item data-v-92834624"><view class="item-left data-v-92834624"><text class="item-date data-v-92834624">{{item.a}}</text><text class="item-desc data-v-92834624">{{item.b}}</text></view><view class="item-right data-v-92834624"><text class="item-percentage data-v-92834624">{{item.c}}%</text></view></view></view></scroll-view></view>
|
||||
@@ -4,6 +4,11 @@
|
||||
background: #f8f9fa;
|
||||
}
|
||||
.page-header.data-v-92834624 {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
z-index: 999;
|
||||
background: #ffffff;
|
||||
border-bottom: 1rpx solid #e9ecef;
|
||||
}
|
||||
@@ -33,7 +38,15 @@
|
||||
color: #333333;
|
||||
}
|
||||
.content-scroll.data-v-92834624 {
|
||||
height: calc(100vh - 88rpx);
|
||||
position: absolute;
|
||||
left: 0;
|
||||
right: 0;
|
||||
top: 0; /* 先从顶部开始，通过内联样式动态设置 */
|
||||
bottom: 0; /* 先从底部开始，通过内联样式动态设置 */
|
||||
/* top和bottom值通过内联样式动态设置，覆盖上面的默认值 */
|
||||
padding: 0 !important;
|
||||
margin: 0 !important;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.stats-card.data-v-92834624 {
|
||||
display: flex;
|
||||
|
||||
@@ -2,6 +2,12 @@
|
||||
const common_vendor = require("../../../common/vendor.js");
|
||||
const _sfc_main = {
|
||||
name: "QualityCoveragePopup",
|
||||
props: {
|
||||
openTrigger: {
|
||||
type: Number,
|
||||
default: 0
|
||||
}
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
coverageRate: "87.5",
|
||||
@@ -15,12 +21,31 @@ const _sfc_main = {
|
||||
]
|
||||
};
|
||||
},
|
||||
watch: {
|
||||
openTrigger(newVal) {
|
||||
if (newVal > 0) {
|
||||
this.$nextTick(() => {
|
||||
this.open();
|
||||
});
|
||||
}
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
open() {
|
||||
this.$refs.popup.open();
|
||||
if (this.$refs && this.$refs.popup) {
|
||||
this.$refs.popup.open();
|
||||
} else {
|
||||
setTimeout(() => {
|
||||
if (this.$refs && this.$refs.popup) {
|
||||
this.$refs.popup.open();
|
||||
}
|
||||
}, 100);
|
||||
}
|
||||
},
|
||||
close() {
|
||||
this.$refs.popup.close();
|
||||
if (this.$refs && this.$refs.popup) {
|
||||
this.$refs.popup.close();
|
||||
}
|
||||
},
|
||||
onPopupChange(e) {
|
||||
if (!e.show) {
|
||||
|
||||
@@ -1,40 +0,0 @@
|
||||
"use strict";
|
||||
const common_vendor = require("../../../common/vendor.js");
|
||||
const _sfc_main = {
|
||||
data() {
|
||||
return {
|
||||
coverageRate: "87.5",
|
||||
todayCoverage: "92.3",
|
||||
dataList: [
|
||||
{ date: "2024-02-07", description: "今日质检覆盖率", rate: "92.3" },
|
||||
{ date: "2024-02-06", description: "昨日质检覆盖率", rate: "89.1" },
|
||||
{ date: "2024-02-05", description: "前日质检覆盖率", rate: "85.7" },
|
||||
{ date: "2024-02-04", description: "工作日平均覆盖率", rate: "88.4" },
|
||||
{ date: "2024-02-03", description: "周末覆盖率", rate: "91.2" }
|
||||
]
|
||||
};
|
||||
},
|
||||
methods: {
|
||||
goBack() {
|
||||
common_vendor.index.navigateBack();
|
||||
}
|
||||
}
|
||||
};
|
||||
function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
|
||||
return {
|
||||
a: common_vendor.o((...args) => $options.goBack && $options.goBack(...args)),
|
||||
b: common_vendor.t($data.coverageRate),
|
||||
c: common_vendor.t($data.todayCoverage),
|
||||
d: common_vendor.f($data.dataList, (item, index, i0) => {
|
||||
return {
|
||||
a: common_vendor.t(item.date),
|
||||
b: common_vendor.t(item.description),
|
||||
c: common_vendor.t(item.rate),
|
||||
d: index
|
||||
};
|
||||
})
|
||||
};
|
||||
}
|
||||
const MiniProgramPage = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-ef31f941"]]);
|
||||
wx.createPage(MiniProgramPage);
|
||||
//# sourceMappingURL=../../../../.sourcemap/mp-weixin/pages-subpackage/ai_features/quality_coverage/quality_coverage.js.map
|
||||
@@ -1,4 +0,0 @@
|
||||
{
|
||||
"navigationStyle": "custom",
|
||||
"usingComponents": {}
|
||||
}
|
||||
@@ -1 +0,0 @@
|
||||
<view class="feature-page data-v-ef31f941"><view class="page-header data-v-ef31f941"><view class="nav-bar data-v-ef31f941"><view class="nav-left data-v-ef31f941" bindtap="{{a}}"><text class="back-icon data-v-ef31f941">←</text></view><text class="nav-title data-v-ef31f941">质检覆盖率统计</text></view></view><scroll-view class="content-scroll data-v-ef31f941" scroll-y="true"><view class="stats-card data-v-ef31f941"><view class="stat-item data-v-ef31f941"><text class="stat-value data-v-ef31f941">{{b}}%</text><text class="stat-label data-v-ef31f941">总体覆盖率</text></view><view class="stat-item data-v-ef31f941"><text class="stat-value data-v-ef31f941">{{c}}%</text><text class="stat-label data-v-ef31f941">今日覆盖率</text></view></view><view class="chart-section data-v-ef31f941"><text class="section-title data-v-ef31f941">覆盖率趋势图</text><view class="chart-placeholder data-v-ef31f941"><text class="placeholder-text data-v-ef31f941">📊 图表区域</text><text class="placeholder-desc data-v-ef31f941">此处将显示质检覆盖率趋势图表</text></view></view><view class="data-list data-v-ef31f941"><text class="section-title data-v-ef31f941">详细数据</text><view wx:for="{{d}}" wx:for-item="item" wx:key="d" class="list-item data-v-ef31f941"><view class="item-left data-v-ef31f941"><text class="item-date data-v-ef31f941">{{item.a}}</text><text class="item-desc data-v-ef31f941">{{item.b}}</text></view><view class="item-right data-v-ef31f941"><text class="item-rate data-v-ef31f941">{{item.c}}%</text></view></view></view></scroll-view></view>
|
||||
@@ -1,127 +0,0 @@
|
||||
|
||||
.feature-page.data-v-ef31f941 {
|
||||
min-height: 100vh;
|
||||
background: #f8f9fa;
|
||||
}
|
||||
.page-header.data-v-ef31f941 {
|
||||
background: #ffffff;
|
||||
border-bottom: 1rpx solid #e9ecef;
|
||||
}
|
||||
.nav-bar.data-v-ef31f941 {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
height: 88rpx;
|
||||
padding: 0 30rpx;
|
||||
}
|
||||
.nav-left.data-v-ef31f941 {
|
||||
width: 60rpx;
|
||||
height: 60rpx;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
margin-right: 20rpx;
|
||||
}
|
||||
.back-icon.data-v-ef31f941 {
|
||||
font-size: 36rpx;
|
||||
color: #333333;
|
||||
}
|
||||
.nav-title.data-v-ef31f941 {
|
||||
flex: 1;
|
||||
text-align: center;
|
||||
font-size: 32rpx;
|
||||
font-weight: bold;
|
||||
color: #333333;
|
||||
}
|
||||
.content-scroll.data-v-ef31f941 {
|
||||
height: calc(100vh - 88rpx);
|
||||
}
|
||||
.stats-card.data-v-ef31f941 {
|
||||
display: flex;
|
||||
margin: 20rpx 30rpx;
|
||||
background: #ffffff;
|
||||
border-radius: 16rpx;
|
||||
padding: 40rpx 30rpx;
|
||||
box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
.stat-item.data-v-ef31f941 {
|
||||
flex: 1;
|
||||
text-align: center;
|
||||
}
|
||||
.stat-item.data-v-ef31f941:not(:last-child) {
|
||||
border-right: 1rpx solid #e9ecef;
|
||||
}
|
||||
.stat-value.data-v-ef31f941 {
|
||||
display: block;
|
||||
font-size: 48rpx;
|
||||
font-weight: bold;
|
||||
color: #007aff;
|
||||
margin-bottom: 10rpx;
|
||||
}
|
||||
.stat-label.data-v-ef31f941 {
|
||||
display: block;
|
||||
font-size: 24rpx;
|
||||
color: #666666;
|
||||
}
|
||||
.chart-section.data-v-ef31f941, .data-list.data-v-ef31f941 {
|
||||
margin: 20rpx 30rpx;
|
||||
background: #ffffff;
|
||||
border-radius: 16rpx;
|
||||
overflow: hidden;
|
||||
box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
.section-title.data-v-ef31f941 {
|
||||
display: block;
|
||||
font-size: 32rpx;
|
||||
font-weight: bold;
|
||||
color: #333333;
|
||||
padding: 30rpx;
|
||||
border-bottom: 1rpx solid #e9ecef;
|
||||
}
|
||||
.chart-placeholder.data-v-ef31f941 {
|
||||
padding: 80rpx 30rpx;
|
||||
text-align: center;
|
||||
}
|
||||
.placeholder-text.data-v-ef31f941 {
|
||||
display: block;
|
||||
font-size: 48rpx;
|
||||
margin-bottom: 20rpx;
|
||||
}
|
||||
.placeholder-desc.data-v-ef31f941 {
|
||||
display: block;
|
||||
font-size: 28rpx;
|
||||
color: #666666;
|
||||
}
|
||||
.list-item.data-v-ef31f941 {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
padding: 30rpx;
|
||||
border-bottom: 1rpx solid #f0f0f0;
|
||||
}
|
||||
.list-item.data-v-ef31f941:last-child {
|
||||
border-bottom: none;
|
||||
}
|
||||
.item-left.data-v-ef31f941 {
|
||||
flex: 1;
|
||||
}
|
||||
.item-date.data-v-ef31f941 {
|
||||
display: block;
|
||||
font-size: 28rpx;
|
||||
font-weight: bold;
|
||||
color: #333333;
|
||||
margin-bottom: 8rpx;
|
||||
}
|
||||
.item-desc.data-v-ef31f941 {
|
||||
display: block;
|
||||
font-size: 24rpx;
|
||||
color: #666666;
|
||||
}
|
||||
.item-right.data-v-ef31f941 {
|
||||
text-align: right;
|
||||
}
|
||||
.item-rate.data-v-ef31f941 {
|
||||
display: block;
|
||||
font-size: 28rpx;
|
||||
font-weight: bold;
|
||||
color: #007aff;
|
||||
}
|
||||
@@ -2,6 +2,12 @@
|
||||
const common_vendor = require("../../../common/vendor.js");
|
||||
const _sfc_main = {
|
||||
name: "RecordingDurationPopup",
|
||||
props: {
|
||||
openTrigger: {
|
||||
type: Number,
|
||||
default: 0
|
||||
}
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
totalDuration: "125.5 小时",
|
||||
@@ -15,12 +21,31 @@ const _sfc_main = {
|
||||
]
|
||||
};
|
||||
},
|
||||
watch: {
|
||||
openTrigger(newVal) {
|
||||
if (newVal > 0) {
|
||||
this.$nextTick(() => {
|
||||
this.open();
|
||||
});
|
||||
}
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
open() {
|
||||
this.$refs.popup.open();
|
||||
if (this.$refs && this.$refs.popup) {
|
||||
this.$refs.popup.open();
|
||||
} else {
|
||||
setTimeout(() => {
|
||||
if (this.$refs && this.$refs.popup) {
|
||||
this.$refs.popup.open();
|
||||
}
|
||||
}, 100);
|
||||
}
|
||||
},
|
||||
close() {
|
||||
this.$refs.popup.close();
|
||||
if (this.$refs && this.$refs.popup) {
|
||||
this.$refs.popup.close();
|
||||
}
|
||||
},
|
||||
onPopupChange(e) {
|
||||
if (!e.show) {
|
||||
@@ -53,7 +78,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
|
||||
e: common_vendor.sr("popup", "d9e635c3-0"),
|
||||
f: common_vendor.o($options.onPopupChange),
|
||||
g: common_vendor.p({
|
||||
type: "top",
|
||||
type: "center",
|
||||
["mask-click"]: true
|
||||
})
|
||||
};
|
||||
|
||||
@@ -1,15 +1,7 @@
|
||||
|
||||
/* 确保弹出框在导航栏之上 */
|
||||
.data-v-d9e635c3 .uni-popup.top {
|
||||
z-index: 9999 !important;
|
||||
}
|
||||
|
||||
/* 确保弹出框 wrapper 正确显示 */
|
||||
.data-v-d9e635c3 .uni-popup.top .uni-popup__wrapper {
|
||||
overflow: visible !important;
|
||||
position: relative !important;
|
||||
}
|
||||
.recording-duration-popup.data-v-d9e635c3 {
|
||||
width: 680rpx;
|
||||
max-height: 80vh;
|
||||
background-color: #FFFFFF;
|
||||
border-radius: 16rpx;
|
||||
display: flex;
|
||||
@@ -22,28 +14,23 @@
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
padding: 32rpx;
|
||||
padding: 6rpx 32rpx;
|
||||
border-bottom: 1rpx solid #E0E0E0;
|
||||
flex-shrink: 0;
|
||||
background-color: #FFFFFF;
|
||||
box-sizing: border-box;
|
||||
min-height: 112rpx;
|
||||
position: relative;
|
||||
z-index: 10;
|
||||
overflow: visible;
|
||||
width: 100%;
|
||||
}
|
||||
.popup-title.data-v-d9e635c3 {
|
||||
font-size: 32rpx;
|
||||
font-size: 24rpx;
|
||||
font-weight: 500;
|
||||
color: #333;
|
||||
}
|
||||
.popup-close.data-v-d9e635c3 {
|
||||
width: 64rpx;
|
||||
height: 64rpx;
|
||||
min-width: 64rpx;
|
||||
min-height: 64rpx;
|
||||
display: flex !important;
|
||||
width: 40rpx;
|
||||
height: 40rpx;
|
||||
min-width: 40rpx;
|
||||
min-height: 40rpx;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
cursor: pointer;
|
||||
@@ -51,27 +38,21 @@
|
||||
background-color: rgba(0, 0, 0, 0.05);
|
||||
border-radius: 50%;
|
||||
transition: background-color 0.2s;
|
||||
position: relative;
|
||||
z-index: 20;
|
||||
overflow: visible;
|
||||
visibility: visible !important;
|
||||
opacity: 1 !important;
|
||||
}
|
||||
.popup-close.data-v-d9e635c3:active {
|
||||
background-color: rgba(0, 0, 0, 0.05);
|
||||
background-color: rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
.close-icon.data-v-d9e635c3 {
|
||||
font-size: 48rpx;
|
||||
font-size: 32rpx;
|
||||
color: #333;
|
||||
line-height: 1;
|
||||
display: block !important;
|
||||
visibility: visible !important;
|
||||
opacity: 1 !important;
|
||||
display: block;
|
||||
}
|
||||
.popup-content.data-v-d9e635c3 {
|
||||
flex: 1;
|
||||
min-height: 0;
|
||||
overflow-y: auto;
|
||||
max-height: calc(80vh - 52rpx);
|
||||
}
|
||||
.popup-stats-card.data-v-d9e635c3 {
|
||||
display: flex;
|
||||
|
||||
209
unpackage/dist/dev/mp-weixin/pages-subpackage/ai_features/recording_duration/recording_duration.js
vendored
Normal file
209
unpackage/dist/dev/mp-weixin/pages-subpackage/ai_features/recording_duration/recording_duration.js
vendored
Normal file
@@ -0,0 +1,209 @@
|
||||
"use strict";
|
||||
const common_vendor = require("../../../common/vendor.js");
|
||||
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-subpackage/ai_features/recording_duration/recording_duration.vue:95", "[RecordingDuration] Failed to use wx.getWindowInfo, fallback to getSystemInfoSync:", e);
|
||||
}
|
||||
}
|
||||
try {
|
||||
const systemInfo = common_vendor.index.getSystemInfoSync();
|
||||
return {
|
||||
statusBarHeight: systemInfo.statusBarHeight || 20,
|
||||
windowWidth: systemInfo.windowWidth,
|
||||
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);
|
||||
return {
|
||||
statusBarHeight: 20,
|
||||
windowWidth: 375,
|
||||
windowHeight: 667
|
||||
};
|
||||
}
|
||||
}
|
||||
const _sfc_main = {
|
||||
data() {
|
||||
const systemInfo = getSystemInfo();
|
||||
const statusBarHeight = systemInfo.statusBarHeight;
|
||||
const navbarHeight = 44;
|
||||
const statusBarHeightRpx = statusBarHeight * 2;
|
||||
const navbarHeightRpx = navbarHeight * 2;
|
||||
const totalNavbarHeight = statusBarHeightRpx + navbarHeightRpx;
|
||||
return {
|
||||
statusBarHeight,
|
||||
// 状态栏高度（px）
|
||||
contentTop: totalNavbarHeight + "rpx",
|
||||
// 内容区域距离顶部的距离
|
||||
contentBottom: "0rpx",
|
||||
// 内容区域距离底部的距离（默认值，会在 onReady 中更新）
|
||||
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 小时" }
|
||||
]
|
||||
};
|
||||
},
|
||||
onReady() {
|
||||
this.$nextTick(() => {
|
||||
const query = common_vendor.index.createSelectorQuery().in(this);
|
||||
query.select(".nav-bar").boundingClientRect((data) => {
|
||||
if (data && data.height) {
|
||||
const actualHeight = data.height;
|
||||
const actualHeightRpx = actualHeight * 2;
|
||||
const statusBarHeightRpx = this.statusBarHeight * 2;
|
||||
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");
|
||||
} else {
|
||||
const systemInfo = getSystemInfo();
|
||||
const statusBarHeight = systemInfo.statusBarHeight;
|
||||
const navbarHeight = 44;
|
||||
const statusBarHeightRpx = statusBarHeight * 2;
|
||||
const navbarHeightRpx = navbarHeight * 2;
|
||||
const totalNavbarHeight = statusBarHeightRpx + navbarHeightRpx;
|
||||
const adjustedHeight = Math.max(totalNavbarHeight - 4, 0);
|
||||
this.$set(this, "contentTop", adjustedHeight + "rpx");
|
||||
}
|
||||
}).exec();
|
||||
const queryTabbar = common_vendor.index.createSelectorQuery().in(this);
|
||||
queryTabbar.select(".tabbar").boundingClientRect((tabbarData) => {
|
||||
if (tabbarData && tabbarData.height) {
|
||||
const tabbarHeight = tabbarData.height;
|
||||
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");
|
||||
} else {
|
||||
this.$set(this, "contentBottom", "0rpx");
|
||||
}
|
||||
}).exec();
|
||||
setTimeout(() => {
|
||||
const query2 = common_vendor.index.createSelectorQuery().in(this);
|
||||
query2.select(".nav-bar").boundingClientRect((data) => {
|
||||
if (data && data.height) {
|
||||
const actualHeight = data.height;
|
||||
const actualHeightRpx = actualHeight * 2;
|
||||
const statusBarHeightRpx = this.statusBarHeight * 2;
|
||||
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");
|
||||
}
|
||||
}).exec();
|
||||
const queryTabbar2 = common_vendor.index.createSelectorQuery().in(this);
|
||||
queryTabbar2.select(".tabbar").boundingClientRect((tabbarData) => {
|
||||
if (tabbarData && tabbarData.height) {
|
||||
const tabbarHeight = tabbarData.height;
|
||||
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");
|
||||
}
|
||||
}).exec();
|
||||
}, 200);
|
||||
});
|
||||
},
|
||||
methods: {
|
||||
goBack() {
|
||||
common_vendor.index.navigateBack();
|
||||
},
|
||||
toggleTimeRangeDropdown() {
|
||||
this.showTimeRangeDropdown = !this.showTimeRangeDropdown;
|
||||
},
|
||||
closeTimeRangeDropdown() {
|
||||
this.showTimeRangeDropdown = false;
|
||||
},
|
||||
selectTimeRange(index) {
|
||||
this.timeRangeIndex = index;
|
||||
this.showTimeRangeDropdown = false;
|
||||
this.loadData();
|
||||
},
|
||||
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}个月的数据`);
|
||||
}
|
||||
}
|
||||
};
|
||||
if (!Array) {
|
||||
const _easycom_uni_icons2 = common_vendor.resolveComponent("uni-icons");
|
||||
_easycom_uni_icons2();
|
||||
}
|
||||
const _easycom_uni_icons = () => "../../../uni_modules/uni-icons/components/uni-icons/uni-icons.js";
|
||||
if (!Math) {
|
||||
_easycom_uni_icons();
|
||||
}
|
||||
function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
|
||||
return common_vendor.e({
|
||||
a: common_vendor.o((...args) => $options.goBack && $options.goBack(...args)),
|
||||
b: $data.statusBarHeight + "px",
|
||||
c: common_vendor.t($data.timeRangeOptions[$data.timeRangeIndex]),
|
||||
d: common_vendor.p({
|
||||
type: $data.showTimeRangeDropdown ? "top" : "bottom",
|
||||
size: "14",
|
||||
color: "#999"
|
||||
}),
|
||||
e: $data.showTimeRangeDropdown
|
||||
}, $data.showTimeRangeDropdown ? {
|
||||
f: common_vendor.f($data.timeRangeOptions, (option, index, i0) => {
|
||||
return {
|
||||
a: common_vendor.t(option),
|
||||
b: index,
|
||||
c: $data.timeRangeIndex === index ? 1 : "",
|
||||
d: common_vendor.o(($event) => $options.selectTimeRange(index), index)
|
||||
};
|
||||
})
|
||||
} : {}, {
|
||||
g: common_vendor.o((...args) => $options.toggleTimeRangeDropdown && $options.toggleTimeRangeDropdown(...args)),
|
||||
h: common_vendor.p({
|
||||
type: "refresh",
|
||||
size: "18",
|
||||
color: "#2A68FF"
|
||||
}),
|
||||
i: common_vendor.o((...args) => $options.onRefresh && $options.onRefresh(...args)),
|
||||
j: $data.showTimeRangeDropdown
|
||||
}, $data.showTimeRangeDropdown ? {
|
||||
k: common_vendor.o((...args) => $options.closeTimeRangeDropdown && $options.closeTimeRangeDropdown(...args))
|
||||
} : {}, {
|
||||
l: common_vendor.t($data.totalDuration),
|
||||
m: common_vendor.t($data.todayDuration),
|
||||
n: common_vendor.f($data.dataList, (item, index, i0) => {
|
||||
return {
|
||||
a: common_vendor.t(item.date),
|
||||
b: common_vendor.t(item.description),
|
||||
c: common_vendor.t(item.duration),
|
||||
d: index
|
||||
};
|
||||
}),
|
||||
o: $data.contentTop,
|
||||
p: $data.contentBottom
|
||||
});
|
||||
}
|
||||
const MiniProgramPage = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-582d7c51"]]);
|
||||
wx.createPage(MiniProgramPage);
|
||||
//# sourceMappingURL=../../../../.sourcemap/mp-weixin/pages-subpackage/ai_features/recording_duration/recording_duration.js.map
|
||||
@@ -0,0 +1,6 @@
|
||||
{
|
||||
"navigationStyle": "custom",
|
||||
"usingComponents": {
|
||||
"uni-icons": "../../../uni_modules/uni-icons/components/uni-icons/uni-icons"
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1 @@
|
||||
<view class="feature-page data-v-582d7c51"><view class="page-header data-v-582d7c51" style="{{'padding-top:' + b}}"><view class="nav-bar data-v-582d7c51"><view class="nav-left data-v-582d7c51" bindtap="{{a}}"><text class="back-icon data-v-582d7c51">←</text></view><text class="nav-title data-v-582d7c51">录音时长统计</text></view></view><scroll-view class="content-scroll data-v-582d7c51" scroll-y="true" style="{{'top:' + o + ';' + ('bottom:' + p)}}"><view class="search-toolbar data-v-582d7c51"><view class="toolbar-picker-wrapper data-v-582d7c51" bindtap="{{g}}"><view class="toolbar-picker-view data-v-582d7c51"><text class="toolbar-picker-text data-v-582d7c51">{{c}}</text><uni-icons wx:if="{{d}}" class="data-v-582d7c51" u-i="582d7c51-0" bind:__l="__l" u-p="{{d}}"></uni-icons></view><view wx:if="{{e}}" class="time-range-dropdown data-v-582d7c51"><view wx:for="{{f}}" wx:for-item="option" wx:key="b" class="{{['dropdown-item', 'data-v-582d7c51', option.c && 'dropdown-item-active']}}" catchtap="{{option.d}}"><text class="data-v-582d7c51">{{option.a}}</text></view></view></view><view class="toolbar-actions data-v-582d7c51"><view class="toolbar-btn toolbar-btn--refresh data-v-582d7c51" bindtap="{{i}}"><uni-icons wx:if="{{h}}" class="data-v-582d7c51" u-i="582d7c51-1" bind:__l="__l" u-p="{{h}}"></uni-icons><text class="data-v-582d7c51">刷新</text></view></view></view><view wx:if="{{j}}" class="dropdown-mask data-v-582d7c51" bindtap="{{k}}"></view><view class="stats-card data-v-582d7c51"><view class="stat-item data-v-582d7c51"><text class="stat-value data-v-582d7c51">{{l}}</text><text class="stat-label data-v-582d7c51">总录音时长</text></view><view class="stat-item data-v-582d7c51"><text class="stat-value data-v-582d7c51">{{m}}</text><text class="stat-label data-v-582d7c51">今日录音时长</text></view></view><view class="chart-section data-v-582d7c51"><text class="section-title data-v-582d7c51">时长趋势图</text><view class="chart-placeholder data-v-582d7c51"><text class="placeholder-text data-v-582d7c51">📊 图表区域</text><text class="placeholder-desc data-v-582d7c51">此处将显示录音时长趋势图表</text></view></view><view class="data-list data-v-582d7c51"><text class="section-title data-v-582d7c51">详细数据</text><view wx:for="{{n}}" wx:for-item="item" wx:key="d" class="list-item data-v-582d7c51"><view class="item-left data-v-582d7c51"><text class="item-date data-v-582d7c51">{{item.a}}</text><text class="item-desc data-v-582d7c51">{{item.b}}</text></view><view class="item-right data-v-582d7c51"><text class="item-duration data-v-582d7c51">{{item.c}}</text></view></view></view></scroll-view></view>
|
||||
239
unpackage/dist/dev/mp-weixin/pages-subpackage/ai_features/recording_duration/recording_duration.wxss
vendored
Normal file
239
unpackage/dist/dev/mp-weixin/pages-subpackage/ai_features/recording_duration/recording_duration.wxss
vendored
Normal file
@@ -0,0 +1,239 @@
|
||||
|
||||
.feature-page.data-v-582d7c51 {
|
||||
min-height: 100vh;
|
||||
background: #f8f9fa;
|
||||
}
|
||||
.page-header.data-v-582d7c51 {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
z-index: 999;
|
||||
background: #ffffff;
|
||||
border-bottom: 1rpx solid #e9ecef;
|
||||
}
|
||||
.nav-bar.data-v-582d7c51 {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
height: 88rpx;
|
||||
padding: 0 30rpx;
|
||||
}
|
||||
.nav-left.data-v-582d7c51 {
|
||||
width: 60rpx;
|
||||
height: 60rpx;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
margin-right: 20rpx;
|
||||
}
|
||||
.back-icon.data-v-582d7c51 {
|
||||
font-size: 36rpx;
|
||||
color: #333333;
|
||||
}
|
||||
.nav-title.data-v-582d7c51 {
|
||||
flex: 1;
|
||||
text-align: center;
|
||||
font-size: 32rpx;
|
||||
font-weight: bold;
|
||||
color: #333333;
|
||||
}
|
||||
.content-scroll.data-v-582d7c51 {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
right: 0;
|
||||
top: 0; /* 先从顶部开始，通过内联样式动态设置 */
|
||||
bottom: 0; /* 先从底部开始，通过内联样式动态设置 */
|
||||
/* top和bottom值通过内联样式动态设置，覆盖上面的默认值 */
|
||||
padding: 0 !important;
|
||||
margin: 0 !important;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.search-toolbar.data-v-582d7c51 {
|
||||
display: flex;
|
||||
flex-wrap: nowrap;
|
||||
align-items: center;
|
||||
gap: 8rpx;
|
||||
padding: 12rpx 30rpx;
|
||||
margin: 20rpx 30rpx;
|
||||
background-color: #F8F8FA;
|
||||
border-radius: 8rpx;
|
||||
border: 1rpx solid #EFEFF2;
|
||||
}
|
||||
.toolbar-picker-wrapper.data-v-582d7c51 {
|
||||
position: relative;
|
||||
flex: 1;
|
||||
min-width: 120rpx;
|
||||
max-width: 200rpx;
|
||||
flex-shrink: 1;
|
||||
z-index: 100;
|
||||
}
|
||||
.toolbar-picker-view.data-v-582d7c51 {
|
||||
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.data-v-582d7c51 {
|
||||
font-size: 24rpx;
|
||||
color: #333;
|
||||
flex: 1;
|
||||
}
|
||||
.time-range-dropdown.data-v-582d7c51 {
|
||||
position: absolute;
|
||||
top: calc(100% + 8rpx);
|
||||
left: 0;
|
||||
right: 0;
|
||||
background-color: #FFFFFF;
|
||||
border-radius: 8rpx;
|
||||
box-shadow: 0 4rpx 20rpx rgba(0, 0, 0, 0.12);
|
||||
z-index: 101;
|
||||
overflow: hidden;
|
||||
border: 1rpx solid #EFEFF2;
|
||||
}
|
||||
.dropdown-item.data-v-582d7c51 {
|
||||
padding: 20rpx 24rpx;
|
||||
border-bottom: 1rpx solid #F3F4F6;
|
||||
transition: background-color 0.2s ease;
|
||||
}
|
||||
.dropdown-item.data-v-582d7c51:last-child {
|
||||
border-bottom: none;
|
||||
}
|
||||
.dropdown-item.data-v-582d7c51:active {
|
||||
background-color: #F9FAFB;
|
||||
}
|
||||
.dropdown-item text.data-v-582d7c51 {
|
||||
font-size: 24rpx;
|
||||
color: #333;
|
||||
}
|
||||
.dropdown-item-active.data-v-582d7c51 {
|
||||
background-color: #F0F7FF;
|
||||
}
|
||||
.dropdown-item-active text.data-v-582d7c51 {
|
||||
color: #2A68FF;
|
||||
font-weight: 500;
|
||||
}
|
||||
.dropdown-mask.data-v-582d7c51 {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
background-color: transparent;
|
||||
z-index: 99;
|
||||
}
|
||||
.toolbar-actions.data-v-582d7c51 {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
margin-left: auto;
|
||||
flex-shrink: 0;
|
||||
}
|
||||
.toolbar-btn.data-v-582d7c51 {
|
||||
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;
|
||||
}
|
||||
.toolbar-btn text.data-v-582d7c51 {
|
||||
color: #2A68FF;
|
||||
}
|
||||
.stats-card.data-v-582d7c51 {
|
||||
display: flex;
|
||||
margin: 20rpx 30rpx;
|
||||
background: #ffffff;
|
||||
border-radius: 16rpx;
|
||||
padding: 40rpx 30rpx;
|
||||
box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
.stat-item.data-v-582d7c51 {
|
||||
flex: 1;
|
||||
text-align: center;
|
||||
}
|
||||
.stat-item.data-v-582d7c51:not(:last-child) {
|
||||
border-right: 1rpx solid #e9ecef;
|
||||
}
|
||||
.stat-value.data-v-582d7c51 {
|
||||
display: block;
|
||||
font-size: 48rpx;
|
||||
font-weight: bold;
|
||||
color: #007aff;
|
||||
margin-bottom: 10rpx;
|
||||
}
|
||||
.stat-label.data-v-582d7c51 {
|
||||
display: block;
|
||||
font-size: 24rpx;
|
||||
color: #666666;
|
||||
}
|
||||
.chart-section.data-v-582d7c51, .data-list.data-v-582d7c51 {
|
||||
margin: 20rpx 30rpx;
|
||||
background: #ffffff;
|
||||
border-radius: 16rpx;
|
||||
overflow: hidden;
|
||||
box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
.section-title.data-v-582d7c51 {
|
||||
display: block;
|
||||
font-size: 32rpx;
|
||||
font-weight: bold;
|
||||
color: #333333;
|
||||
padding: 30rpx;
|
||||
border-bottom: 1rpx solid #e9ecef;
|
||||
}
|
||||
.chart-placeholder.data-v-582d7c51 {
|
||||
padding: 80rpx 30rpx;
|
||||
text-align: center;
|
||||
}
|
||||
.placeholder-text.data-v-582d7c51 {
|
||||
display: block;
|
||||
font-size: 48rpx;
|
||||
margin-bottom: 20rpx;
|
||||
}
|
||||
.placeholder-desc.data-v-582d7c51 {
|
||||
display: block;
|
||||
font-size: 28rpx;
|
||||
color: #666666;
|
||||
}
|
||||
.list-item.data-v-582d7c51 {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
padding: 30rpx;
|
||||
border-bottom: 1rpx solid #f0f0f0;
|
||||
}
|
||||
.list-item.data-v-582d7c51:last-child {
|
||||
border-bottom: none;
|
||||
}
|
||||
.item-left.data-v-582d7c51 {
|
||||
flex: 1;
|
||||
}
|
||||
.item-date.data-v-582d7c51 {
|
||||
display: block;
|
||||
font-size: 28rpx;
|
||||
font-weight: bold;
|
||||
color: #333333;
|
||||
margin-bottom: 8rpx;
|
||||
}
|
||||
.item-desc.data-v-582d7c51 {
|
||||
display: block;
|
||||
font-size: 24rpx;
|
||||
color: #666666;
|
||||
}
|
||||
.item-right.data-v-582d7c51 {
|
||||
text-align: right;
|
||||
}
|
||||
.item-duration.data-v-582d7c51 {
|
||||
display: block;
|
||||
font-size: 28rpx;
|
||||
font-weight: bold;
|
||||
color: #007aff;
|
||||
}
|
||||
Reference in New Issue
Block a user