完善录音时长功能
This commit is contained in:
@@ -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;
|
||||
}
|
||||
Reference in New Issue
Block a user