411 lines
9.2 KiB
JavaScript
411 lines
9.2 KiB
JavaScript
|
// index.js
|
|||
|
|
var myRequest = require("../../utils/api.js");
|
|||
|
|
var utils = require("../../utils/util.js");
|
|||
|
|
const recorderManager = wx.getRecorderManager()
|
|||
|
|
const innerAudioContext = wx.createInnerAudioContext({
|
|||
|
|
useWebAudioImplement: false // 是否使用 WebAudio 作为底层音频驱动，默认关闭。对于短音频、播放频繁的音频建议开启此选项，开启后将获得更优的性能表现。由于开启此选项后也会带来一定的内存增长，因此对于长音频建议关闭此选项
|
|||
|
|
})
|
|||
|
|
let timer = null
|
|||
|
|
Page({
|
|||
|
|
data: {
|
|||
|
|
value: '',
|
|||
|
|
show: false,
|
|||
|
|
autosize: {
|
|||
|
|
minHeight: 70
|
|||
|
|
},
|
|||
|
|
repairSceneId: '',
|
|||
|
|
repairSceneName: '',
|
|||
|
|
repairScene: {},
|
|||
|
|
iswarrantyPeriod: false,
|
|||
|
|
faultImg: [],
|
|||
|
|
list: [],
|
|||
|
|
|
|||
|
|
faultDesc: '',
|
|||
|
|
address: '',
|
|||
|
|
cascaderValue: '',
|
|||
|
|
devicePhonenumber: '',
|
|||
|
|
deviceId: '',
|
|||
|
|
contactName: '',
|
|||
|
|
warrantyPeriod: '',
|
|||
|
|
contactPhone: '',
|
|||
|
|
remark: '',
|
|||
|
|
recorderManager: recorderManager,
|
|||
|
|
curTime: 0,
|
|||
|
|
recorder: {
|
|||
|
|
status: 'ready', // 'ready' | 'recording'
|
|||
|
|
text: '开始录音',
|
|||
|
|
},
|
|||
|
|
isPlay: false,
|
|||
|
|
secondes: 0,
|
|||
|
|
startTimestamp: 0,
|
|||
|
|
isupload: false,
|
|||
|
|
filePath: '',
|
|||
|
|
|
|||
|
|
},
|
|||
|
|
onLoad() {
|
|||
|
|
let user = wx.getStorageSync('userInfo')
|
|||
|
|
this.getDefaultDevice(user.devicePhonenumber || user.phonenumber)
|
|||
|
|
this.setData({
|
|||
|
|
contactPhone: user.phonenumber
|
|||
|
|
|
|||
|
|
})
|
|||
|
|
|
|||
|
|
},
|
|||
|
|
actionRecoder() {
|
|||
|
|
if (this.data.recorder.status == 'ready') {
|
|||
|
|
this._startRecord()
|
|||
|
|
|
|||
|
|
} else if (this.data.recorder.status == 'recording') {
|
|||
|
|
this._endRecord()
|
|||
|
|
} else if (this.data.recorder.status == 'recorded') {
|
|||
|
|
console.log('删除')
|
|||
|
|
clearInterval(timer)
|
|||
|
|
|
|||
|
|
this.setData({
|
|||
|
|
curTime: 0,
|
|||
|
|
isPlay: false,
|
|||
|
|
secondes: 0,
|
|||
|
|
filePath: '',
|
|||
|
|
recorder: {
|
|||
|
|
status: 'ready', // 'ready' | 'recording'
|
|||
|
|
text: '开始录音',
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
})
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
//开始录音的时候
|
|||
|
|
_startRecord() {
|
|||
|
|
this.data.startTimestamp = Date.now();
|
|||
|
|
const options = {
|
|||
|
|
duration: 600000, //指定录音的时长，单位 ms，最大为10分钟（600000），默认为1分钟（60000）
|
|||
|
|
sampleRate: 16000, //采样率
|
|||
|
|
numberOfChannels: 1, //录音通道数
|
|||
|
|
encodeBitRate: 96000, //编码码率
|
|||
|
|
format: 'mp3', //音频格式，有效值 aac/mp3
|
|||
|
|
frameSize: 50, //指定帧大小，单位 KB
|
|||
|
|
}
|
|||
|
|
this.setData({
|
|||
|
|
recorder: {
|
|||
|
|
status: 'recording', // 'ready' | 'recording'
|
|||
|
|
text: '结束录音',
|
|||
|
|
},
|
|||
|
|
})
|
|||
|
|
|
|||
|
|
//点击录制
|
|||
|
|
this.data.recorderManager.start(options);
|
|||
|
|
|
|||
|
|
//开始录音计时
|
|||
|
|
this.countDown();
|
|||
|
|
|
|||
|
|
this.data.recorderManager.onStart(() => {
|
|||
|
|
console.log('点击录制...')
|
|||
|
|
})
|
|||
|
|
|
|||
|
|
//错误回调
|
|||
|
|
this.data.recorderManager.onError((res) => {
|
|||
|
|
console.log('录音失败', res);
|
|||
|
|
})
|
|||
|
|
},
|
|||
|
|
countDown() {
|
|||
|
|
timer = setInterval(() => {
|
|||
|
|
this.data.secondes++;
|
|||
|
|
console.log('倒计时中')
|
|||
|
|
this.setData({
|
|||
|
|
curTime: this.data.secondes
|
|||
|
|
});
|
|||
|
|
}, 1000);
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
//停止录音
|
|||
|
|
_endRecord() {
|
|||
|
|
clearInterval(timer);
|
|||
|
|
this.data.recorderManager.stop();
|
|||
|
|
this.data.recorderManager.onStop((res) => {
|
|||
|
|
console.log('停止录音', res)
|
|||
|
|
let filePath = res.tempFilePath;
|
|||
|
|
let duration = res.duration;
|
|||
|
|
if ((Date.now() - this.data.startTimestamp) / 1000 < 2) {
|
|||
|
|
|
|||
|
|
wx.showToast({
|
|||
|
|
title: '录音时间太短!',
|
|||
|
|
icon: 'none',
|
|||
|
|
duration: 1500
|
|||
|
|
})
|
|||
|
|
this.setData({
|
|||
|
|
curTime: 0,
|
|||
|
|
|
|||
|
|
recorder: {
|
|||
|
|
status: 'ready', // 'ready' | 'recording'
|
|||
|
|
text: '开始录音',
|
|||
|
|
},
|
|||
|
|
})
|
|||
|
|
return
|
|||
|
|
} else {
|
|||
|
|
this.setData({
|
|||
|
|
|
|||
|
|
recorder: {
|
|||
|
|
status: 'recorded', // 'ready' | 'recording'
|
|||
|
|
text: '清除录音',
|
|||
|
|
},
|
|||
|
|
})
|
|||
|
|
this.uploadFile(filePath).then(res => {
|
|||
|
|
this.setData({
|
|||
|
|
filePath: res.url
|
|||
|
|
})
|
|||
|
|
})
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
})
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
//播放声音
|
|||
|
|
playCorder: function () {
|
|||
|
|
|
|||
|
|
if (!this.data.filePath) {
|
|||
|
|
wx.showToast({
|
|||
|
|
title: '请录音后播放!',
|
|||
|
|
icon: 'none',
|
|||
|
|
duration: 1500
|
|||
|
|
})
|
|||
|
|
return
|
|||
|
|
}
|
|||
|
|
if (this.data.isPlay) {
|
|||
|
|
wx.showToast({
|
|||
|
|
title: '播放中。。。。',
|
|||
|
|
icon: 'none',
|
|||
|
|
duration: 1500
|
|||
|
|
})
|
|||
|
|
return
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
innerAudioContext.src = this.data.filePath,
|
|||
|
|
innerAudioContext.play()
|
|||
|
|
this.countDown()
|
|||
|
|
innerAudioContext.onPlay(() => {
|
|||
|
|
console.log('开始播放')
|
|||
|
|
this.setData({
|
|||
|
|
curTime: 0,
|
|||
|
|
secondes: 0,
|
|||
|
|
isPlay: true,
|
|||
|
|
})
|
|||
|
|
|
|||
|
|
})
|
|||
|
|
innerAudioContext.onEnded(() => {
|
|||
|
|
clearInterval(timer);
|
|||
|
|
this.setData({
|
|||
|
|
isPlay: false,
|
|||
|
|
// curTime:0
|
|||
|
|
})
|
|||
|
|
console.log('结束播放')
|
|||
|
|
})
|
|||
|
|
innerAudioContext.onError((res) => {
|
|||
|
|
console.log(res.errMsg)
|
|||
|
|
console.log(res.errCode)
|
|||
|
|
})
|
|||
|
|
},
|
|||
|
|
onChangedevice(e) {
|
|||
|
|
console.log(e)
|
|||
|
|
if (e.detail.length == 11) {
|
|||
|
|
this.getDefaultDevice(e.detail)
|
|||
|
|
} else {
|
|||
|
|
this.setData({
|
|||
|
|
deviceId: '',
|
|||
|
|
devciceName: "",
|
|||
|
|
contactName: "",
|
|||
|
|
address: ""
|
|||
|
|
})
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
getDefaultDevice(devicePhonenumber) {
|
|||
|
|
|
|||
|
|
myRequest.myRequest('deviceRepairOrder/customer/deviceInfo', {
|
|||
|
|
phonenumber: devicePhonenumber
|
|||
|
|
}, 'get').then(res => {
|
|||
|
|
console.log(res)
|
|||
|
|
if (res.data) {
|
|||
|
|
this.setData({
|
|||
|
|
deviceId: res.data.id,
|
|||
|
|
iswarrantyPeriod: utils.DataCompare(res.data.warrantyPeriod, new Date()),
|
|||
|
|
devicePhonenumber,
|
|||
|
|
warrantyPeriod: res.data.warrantyPeriod.substring(0, 10),
|
|||
|
|
devciceName: res.data.name,
|
|||
|
|
contactName: res.data.ownerName,
|
|||
|
|
address: res.data.provinceName + res.data.cityName + res.data.areaName + res.data.townName + res.data.community
|
|||
|
|
})
|
|||
|
|
this.getRepairScene(res.data.deviceVersion)
|
|||
|
|
} else {
|
|||
|
|
wx.showToast({
|
|||
|
|
title: '当前登录手机号无设备绑定信息，请输入',
|
|||
|
|
icon: 'none'
|
|||
|
|
})
|
|||
|
|
}
|
|||
|
|
})
|
|||
|
|
},
|
|||
|
|
getRepairScene(deviceVersion) {
|
|||
|
|
myRequest.myRequest('deviceRepairOrder/customer/repairScene', {
|
|||
|
|
deviceVersion,
|
|||
|
|
sceneName: ''
|
|||
|
|
}, 'get').then(res => {
|
|||
|
|
console.log(res)
|
|||
|
|
|
|||
|
|
this.setData({
|
|||
|
|
list: res.data
|
|||
|
|
})
|
|||
|
|
|
|||
|
|
})
|
|||
|
|
},
|
|||
|
|
setDialog() {
|
|||
|
|
this.setData({
|
|||
|
|
show: true
|
|||
|
|
})
|
|||
|
|
},
|
|||
|
|
selectItem(e) {
|
|||
|
|
let {
|
|||
|
|
item
|
|||
|
|
} = e.currentTarget.dataset
|
|||
|
|
console.log(item)
|
|||
|
|
this.setData({
|
|||
|
|
show: false,
|
|||
|
|
repairSceneId: item.sceneId,
|
|||
|
|
repairSceneName: item.sceneName,
|
|||
|
|
repairScene: item
|
|||
|
|
})
|
|||
|
|
},
|
|||
|
|
onChange(event) {
|
|||
|
|
console.log(event)
|
|||
|
|
// event.detail 的值为当前选中项的索引
|
|||
|
|
let key = event.target.dataset.key
|
|||
|
|
this.setData({
|
|||
|
|
[key]: event.detail
|
|||
|
|
});
|
|||
|
|
},
|
|||
|
|
bindDel(e) {
|
|||
|
|
console.log(e)
|
|||
|
|
let faultImg = this.data.faultImg
|
|||
|
|
|
|||
|
|
let delList = faultImg.splice(e.detail.index, 1)
|
|||
|
|
|
|||
|
|
myRequest.myRequest('wx/oss/' + delList[0].ossId, {}, 'delete').then(res => {
|
|||
|
|
|
|||
|
|
this.setData({
|
|||
|
|
faultImg
|
|||
|
|
})
|
|||
|
|
})
|
|||
|
|
},
|
|||
|
|
saveDetail() {
|
|||
|
|
|
|||
|
|
if (!this.data.repairSceneId) {
|
|||
|
|
wx.showToast({
|
|||
|
|
title: '请选择维修类型',
|
|||
|
|
icon: 'none'
|
|||
|
|
})
|
|||
|
|
return
|
|||
|
|
}
|
|||
|
|
if (this.data.faultImg.length < 3) {
|
|||
|
|
wx.showToast({
|
|||
|
|
title: '请上传3张以上图片',
|
|||
|
|
icon: 'none'
|
|||
|
|
})
|
|||
|
|
return
|
|||
|
|
}
|
|||
|
|
if (!this.data.devciceName) {
|
|||
|
|
wx.showToast({
|
|||
|
|
title: '请输入正确的设备手机号',
|
|||
|
|
icon: 'none'
|
|||
|
|
})
|
|||
|
|
return
|
|||
|
|
}
|
|||
|
|
if (this.data.faultDesc == '' || this.data.contactName == '') {
|
|||
|
|
wx.showToast({
|
|||
|
|
title: '请输入报修详情',
|
|||
|
|
icon: 'none'
|
|||
|
|
})
|
|||
|
|
return
|
|||
|
|
}
|
|||
|
|
let {
|
|||
|
|
deviceId,
|
|||
|
|
contactName,
|
|||
|
|
contactPhone,
|
|||
|
|
faultDesc,
|
|||
|
|
devicePhonenumber,
|
|||
|
|
faultImg,
|
|||
|
|
repairSceneId,
|
|||
|
|
filePath
|
|||
|
|
} = this.data
|
|||
|
|
let img = faultImg.map(res => {
|
|||
|
|
return res.url
|
|||
|
|
})
|
|||
|
|
let data = {
|
|||
|
|
deviceId,
|
|||
|
|
contactName,
|
|||
|
|
repairSceneId,
|
|||
|
|
contactPhone,
|
|||
|
|
faultDesc,
|
|||
|
|
"faultImg": img,
|
|||
|
|
"remark": "",
|
|||
|
|
devicePhonenumber,
|
|||
|
|
faultVoice: filePath
|
|||
|
|
}
|
|||
|
|
wx.showLoading({
|
|||
|
|
title: '加载中..',
|
|||
|
|
mask: true
|
|||
|
|
})
|
|||
|
|
myRequest.myRequest('deviceRepairOrder/customer/create', data, 'post').then(res => {
|
|||
|
|
wx.hideLoading()
|
|||
|
|
wx.showToast({
|
|||
|
|
title: '报修成功，等待维修人员上门维修',
|
|||
|
|
icon: 'none'
|
|||
|
|
})
|
|||
|
|
setTimeout(() => {
|
|||
|
|
wx.navigateBack()
|
|||
|
|
}, 1000);
|
|||
|
|
})
|
|||
|
|
},
|
|||
|
|
beforeRead(event) {
|
|||
|
|
const {
|
|||
|
|
file,
|
|||
|
|
callback
|
|||
|
|
} = event.detail;
|
|||
|
|
console.log(event, callback)
|
|||
|
|
let flag = file.every(res => {
|
|||
|
|
return res.type === 'image' || res.type == "video"
|
|||
|
|
})
|
|||
|
|
callback(flag);
|
|||
|
|
},
|
|||
|
|
uploadFile(url) {
|
|||
|
|
return new Promise((resolve, reject) => {
|
|||
|
|
myRequest.updateImg({
|
|||
|
|
file: url
|
|||
|
|
}).then(res => {
|
|||
|
|
resolve(res)
|
|||
|
|
})
|
|||
|
|
})
|
|||
|
|
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
afterRead(event) {
|
|||
|
|
const {
|
|||
|
|
file
|
|||
|
|
} = event.detail;
|
|||
|
|
let that = this;
|
|||
|
|
let upload = []
|
|||
|
|
file.forEach(element => {
|
|||
|
|
upload.push(this.uploadFile(element.url))
|
|||
|
|
})
|
|||
|
|
Promise.all(upload).then(res => {
|
|||
|
|
|
|||
|
|
let faultImg = that.data.faultImg
|
|||
|
|
faultImg=[...faultImg,...res]
|
|||
|
|
that.setData({
|
|||
|
|
faultImg
|
|||
|
|
});
|
|||
|
|
})
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
},
|
|||
|
|
})
|