From 3d73fb33c46aada16a6060adcd4ea14bb33b6b2a Mon Sep 17 00:00:00 2001
From: 闫增涛 <1829501689@qq.com>
Date: 星期二, 09 四月 2024 10:39:11 +0800
Subject: [PATCH] 详情页tabs样式优化，答题添加页面退出拦截，合并代码
---
packageDomain/pages/resourceDetails/myAudio/index.js | 170 ++++++++++++++++++++++++++++++++++++++------------------
1 files changed, 115 insertions(+), 55 deletions(-)
diff --git a/packageDomain/pages/resourceDetails/myAudio/index.js b/packageDomain/pages/resourceDetails/myAudio/index.js
index 683101c..5d30222 100644
--- a/packageDomain/pages/resourceDetails/myAudio/index.js
+++ b/packageDomain/pages/resourceDetails/myAudio/index.js
@@ -1,6 +1,8 @@
// pages/resourceDetails/index.js
const app = getApp()
const myAudio = wx.createInnerAudioContext();
+// innerAudioContext.onPlay(function callback),
+// InnerAudioContext.onTimeUpdate(function callback)
Page({
/**
@@ -35,19 +37,31 @@
style: 'height: 248rpx',
submitType: "new", // 鏂板缓 or 缂栬緫
noteId: '',
- myAudioDuration: '00:00', // 瑙嗛鏃堕棿
-
- myAudioCurrent: '00:00', // 褰撳墠鎾斁杩涘害
+ myAudioDuration: '00:00', // 瑙嗛鏃堕棿
+ myAudioCurrent: '00:00', // 褰撳墠鎾斁杩涘害
isplay: false, //鏄惁榛樿鎾斁,
selectId: '',
speed: 1.0,
- myAudioPos: ''
+ myAudioPos: '',
+ startTime: "", //杩涘叆椤甸潰褰撳墠鏃堕棿
+ pauseTime: 0 //鏆傚仠鏃堕棿
},
- // 鏃堕棿鏍煎紡鍖�
- format(t) {
- let time = Math.floor(t / 60) >= 10 ? Math.floor(t / 60) : '0' + Math.floor(t / 60);
- t = time + ':' + ((t % 60) / 100).toFixed(2).slice(-2);
- return t;
+ // // 鏃堕棿鏍煎紡鍖�
+ // format(t) {
+ // let time = Math.floor(t / 60) >= 10 ? Math.floor(t / 60) : '0' + Math.floor(t / 60);
+ // t = time + ':' + ((t % 60) / 100).toFixed(2).slice(-2);
+ // return t;
+ // },
+
+
+ // 杞寲鏃堕棿
+ format(time) {
+ let minute = Math.floor(time / 60);
+ let second = Math.floor(time % 60);
+ minute = minute < 10 ? ("0" + minute) : minute;
+ second = second < 10 ? ("0" + second) : second;
+ let res = minute + ":" + second;
+ return res;
},
audio: null,
// 鏍煎紡鍖栫瑪璁版椂闂�
@@ -69,10 +83,13 @@
* 鐢熷懡鍛ㄦ湡鍑芥暟--鐩戝惉椤甸潰鍔犺浇
*/
onLoad(options) {
+
+
+
const systInfo = wx.getSystemInfoSync();
const menu = wx.getMenuButtonBoundingClientRect(); // 鑳跺泭淇℃伅
const navBarHeight = (menu.top - systInfo.statusBarHeight) * 2 + menu.height; // 瀵艰埅鏍忛珮搴�
- // console.log(options, 'options');
+
this.setData({
navBarHeight: navBarHeight,
barHeight: systInfo.statusBarHeight,
@@ -90,8 +107,20 @@
- },
+ },
+ onUnload() {
+ myAudio.src = ''
+ myAudio.destroy()
+
+ this.setData({
+ myAudioPos: '',
+ isplay: false, //鏄惁榛樿鎾斁,
+ myAudioCurrent: '00:00', // 褰撳墠鎾斁杩涘害
+ showData: '',
+ });
+ // console.log(myAudio.src);
+ },
/**
* 鐢熷懡鍛ㄦ湡鍑芥暟--鐩戝惉椤甸潰鍒濇娓叉煋瀹屾垚
*
@@ -105,24 +134,55 @@
* 鐢熷懡鍛ㄦ湡鍑芥暟--鐩戝惉椤甸潰鏄剧ず
*/
onShow() {
+ this.setData({
+ startTime: Date.now()
+ })
- this.pubulicPlayFun()
},
/**
* 鐢熷懡鍛ㄦ湡鍑芥暟--鐩戝惉椤甸潰闅愯棌
*/
onHide() {
-
+ this.setData({
+ pauseTime: Date.now()
+ })
+ if (wx.getStorageSync(app.config.tokenKey)) {
+ let duration = this.data.pauseTime - this.data.startTime
+ this.count(duration)
+ }
},
/**
* 鐢熷懡鍛ㄦ湡鍑芥暟--鐩戝惉椤甸潰鍗歌浇
*/
onUnload() {
-
+ this.setData({
+ pauseTime: Date.now()
+ })
+ if (wx.getStorageSync(app.config.tokenKey)) {
+ let duration = this.data.pauseTime - this.data.startTime
+ this.count(duration)
+ }
},
-
+ count(timeStr) {
+ const data = {
+ appRefCode: app.config.appRefCode,
+ type: 'LearningTime', //缁熻绫诲瀷--闃呰鏃堕暱
+ data: timeStr + '', //缁熻鍐呭--鏃堕暱姣
+ event: 'LearningTime',
+ sysType: 'App'
+ }
+ //闃呰鍟嗗搧鐨刬d
+ if (this.data.bookId) {
+ data.productId = this.data.bookId
+ }
+ //闃呰璧勬簮鐨刬d
+ if (this.data.cmsId) {
+ data.cmsItemId = this.data.cmsId
+ }
+ app.MG.job.newJobWithApiNewEvent(data).then((res) => {})
+ },
/**
* 椤甸潰鐩稿叧浜嬩欢澶勭悊鍑芥暟--鐩戝惉鐢ㄦ埛涓嬫媺鍔ㄤ綔
*/
@@ -149,7 +209,8 @@
onTabsClick(event) {
- }, handleChange(e) {
+ },
+ handleChange(e) {
this.setData({
activeValues: e.detail.value,
});
@@ -162,14 +223,11 @@
this.setData({
submitTitle: this.data.bookName,
dialogKey: true,
- // textvalue: ''
-
-
+ textvalue: ''
});
},
closeDialog() {
-
this.setData({
dialogKey: false
});
@@ -219,7 +277,7 @@
titleName: items.name
})
this.pubulicPlayFun()
- console.log(index, 'index');
+
let selectedIndex = index; // 瀛樺偍閫変腑椤圭殑绱㈠紩
this.setData({
selectedId: selectedIndex // 璁剧疆閫変腑椤圭殑绱㈠紩
@@ -240,11 +298,14 @@
// console.log(e, 'e');
this.setData({
myAudioCurrent: '00:00',
- myAudioPos: ''
+ myAudioPos: '',
+
+
+ isplay: false
})
const item = e.currentTarget.dataset.item
- console.log(item, 'item0980');
+
if (this.data.showData != '') {
@@ -254,7 +315,7 @@
selectedId: e.currentTarget.dataset.index,
showData: ''
})
- console.log(e.currentTarget.dataset.index, 'e.currentTarget.dataset.index');
+
if (item.selectType == "audio") {
this.setData({
showData: app.config.requestCtx + '/file/api/ApiDownload?md5=' + item.file
@@ -270,7 +331,6 @@
appRefCode: app.config.appRefCode
}).then((res) => {
// console.log(res);
-
this.setData({
topicId: res.id
})
@@ -309,7 +369,7 @@
},
confirmSuggest() {
- if (!this.data.textvalue) {
+ if (!this.data.textvalue.trim()) {
return wx.showToast({
icon: 'error',
title: '璇峰～鍐欑瑪璁板唴瀹�',
@@ -380,7 +440,7 @@
res.datas.forEach((item) => {
item.createDate = this.convertTimestamp(item.createDate)
- console.log(item, 'item789');
+
})
this.setData({
"pageCount.total": res.totalSize,
@@ -409,13 +469,15 @@
messageIds.push(id)
wx.showModal({
title: '鎻愮ず',
- content: '纭鍒犻櫎璇ョ瑪璁板悧锛�',//editable濡傛灉涓簍rue锛岃繖灏辨槸杈撳叆妗嗙殑鍐呭
- editable: false,//鏄惁鏄剧ず杈撳叆妗�
- placeholderText: '璇疯緭鍏ュ唴瀹瑰惂',//杈撳叆妗嗙殑榛樿鍐呭
+ content: '纭鍒犻櫎璇ョ瑪璁板悧锛�', //editable濡傛灉涓簍rue锛岃繖灏辨槸杈撳叆妗嗙殑鍐呭
+ editable: false, //鏄惁鏄剧ず杈撳叆妗�
+ placeholderText: '璇疯緭鍏ュ唴瀹瑰惂', //杈撳叆妗嗙殑榛樿鍐呭
success: (res) => {
if (res.confirm) {
app.MG.ugc
- .delTopicMessage({ messageIds })
+ .delTopicMessage({
+ messageIds
+ })
.then((res) => {
wx.showToast({
title: '鍒犻櫎鎴愬姛',
@@ -433,15 +495,15 @@
},
// 鏂板缓绗旇鎺ュ彛
async makeNote() {
- const token = wx.getStorageSync('jsek-token')
- if (!token) {
- return wx.getUserProfile({
- desc: '鐢ㄦ埛鐧诲綍',
- success: (res) => {
- // console.log(res);
- }
- })
- }
+ // const token = wx.getStorageSync('jsek-token')
+ // if (!token) {
+ // return wx.getUserProfile({
+ // desc: '鐢ㄦ埛鐧诲綍',
+ // success: (res) => {
+ // // console.log(res);
+ // }
+ // })
+ // }
let topicId
await app.MG.ugc
.getProductUserSubmitTopic({
@@ -519,23 +581,25 @@
},
// 鎾斁鍏叡浠ｇ爜
pubulicPlayFun() {
-
myAudio.src = this.data.showData
- console.log(myAudio.src);
+ // console.log(myAudio.src);
// 鍦╫nCanplay閲岃幏鍙栧苟璁剧疆闊抽鏃堕暱鍜屾挱鏀捐繘搴�
myAudio.onCanplay(() => {
myAudio.duration; //蹇呴』鍐欙紝涓嶇劧鑾峰彇涓嶅埌銆傘�傘��
setTimeout(() => {
- console.log(myAudio.duration, 'myAudio.duration');
- // debugger
this.setData({
myAudioDuration: this.format(myAudio.duration),
myAudioCurrent: this.format(myAudio.currentTime)
});
- }, 1000);
+ }, 100);
});
-
+ // myAudio.onSeeked(() => {
+ // this.setData({
+ // myAudioDuration: this.format(myAudio.duration),
+ // myAudioCurrent: this.format(myAudio.currentTime)
+ // })
+ // })
// 鎾斁瀹屾垚澶勭悊锛屾寜閽彉涓�涓�
myAudio.onEnded((res) => {
this.setData({
@@ -556,19 +620,15 @@
//鎾斁
play() {
- console.log(22222);
myAudio.startTime = this.data.myAudioCurrent; //鑰冭檻鍒拌繘搴︽潯琚嫋鍔紝涓嶄竴瀹氫粠00:00:00寮�濮�
myAudio.play();
this.setData({
isplay: true
});
-
-
},
// 鍋滄
stop() {
-
myAudio.pause();
this.setData({
isplay: false
@@ -657,7 +717,7 @@
setTimeout(() => {
console.log(this.data.speed, 'this.data.speed');
- myAudio.startTime = this.data.myAudioDuration //寮�濮嬫椂闂�
+ myAudio.startTime = this.data.myAudioDuration //寮�濮嬫椂闂�
myAudio.playbackRate = this.data.speed; // 鎾斁閫熺巼
}, 200);
},
@@ -686,7 +746,7 @@
showDropdown: !this.data.showDropdown
})
setTimeout(() => {
- myAudio.startTime = this.data.myAudioDuration //寮�濮嬫椂闂�
+ // myAudio.startTime = this.data.myAudioDuration //寮�濮嬫椂闂�
myAudio.playbackRate = this.data.speed; // 鎾斁閫熺巼
}, 200);
},
@@ -696,7 +756,7 @@
showDropdown: !this.data.showDropdown
})
setTimeout(() => {
- myAudio.startTime = this.data.myAudioDuration //寮�濮嬫椂闂�
+ // myAudio.startTime = this.data.myAudioDuration //寮�濮嬫椂闂�
myAudio.playbackRate = this.data.speed; // 鎾斁閫熺巼
}, 200);
},
@@ -706,7 +766,7 @@
showDropdown: !this.data.showDropdown
})
setTimeout(() => {
- myAudio.startTime = this.data.myAudioDuration //寮�濮嬫椂闂�
+ // myAudio.startTime = this.data.myAudioDuration //寮�濮嬫椂闂�
myAudio.playbackRate = this.data.speed; // 鎾斁閫熺巼
}, 200);
},
@@ -716,7 +776,7 @@
showDropdown: !this.data.showDropdown
})
setTimeout(() => {
- myAudio.startTime = this.data.myAudioDuration //寮�濮嬫椂闂�
+ // myAudio.startTime = this.data.myAudioDuration //寮�濮嬫椂闂�
myAudio.playbackRate = this.data.speed; // 鎾斁閫熺巼
}, 200);
}
--
Gitblit v1.9.1