kola
4 months ago
|
After Width: | Height: | Size: 3.3 KiB |
|
After Width: | Height: | Size: 985 B |
|
After Width: | Height: | Size: 4.4 KiB |
|
After Width: | Height: | Size: 1.2 KiB |
|
After Width: | Height: | Size: 1.3 MiB |
|
After Width: | Height: | Size: 6.8 KiB |
|
After Width: | Height: | Size: 17 KiB |
|
After Width: | Height: | Size: 144 KiB |
|
After Width: | Height: | Size: 1.6 KiB |
|
After Width: | Height: | Size: 364 B |
|
After Width: | Height: | Size: 1.0 KiB |
|
After Width: | Height: | Size: 2.2 KiB |
|
After Width: | Height: | Size: 1.2 KiB |
|
After Width: | Height: | Size: 1.9 KiB |
|
After Width: | Height: | Size: 7.9 KiB |
|
After Width: | Height: | Size: 4.7 KiB |
|
After Width: | Height: | Size: 240 KiB |
@ -1,6 +1,390 @@ |
|||||||
const _app = getApp<IAppOption>(); |
import dayjs from 'dayjs' |
||||||
|
|
||||||
|
const _app = getApp<IAppOption>() |
||||||
|
|
||||||
|
interface IMessageItem { |
||||||
|
msgId: string |
||||||
|
msgContentType: '1' | '2' | '3' | '4' // 1:文本 4: 语音
|
||||||
|
msgContent: any |
||||||
|
msgVisitTime: string |
||||||
|
msgFromType: '1' | '2' // 1: 患者 2: 医生
|
||||||
|
isPlay?: boolean |
||||||
|
welcomeMsg?: { |
||||||
|
hotQuestion: Item[] |
||||||
|
} |
||||||
|
msgCreateTime: string // 消息创建时间
|
||||||
|
msgCreateTimeName?: string // 消息创建时间
|
||||||
|
showTime?: boolean |
||||||
|
} |
||||||
|
|
||||||
|
interface Item { |
||||||
|
questionId: string |
||||||
|
question: string |
||||||
|
} |
||||||
|
|
||||||
Page({ |
Page({ |
||||||
|
data: { |
||||||
|
fold: true, |
||||||
|
scrollTop: 0, |
||||||
|
scrollIntoView: '', |
||||||
|
doctorDetail: {} as any, |
||||||
|
|
||||||
|
questionActive: 0, |
||||||
|
questionList: [] as any, |
||||||
|
questionActiveList: [] as Item[], |
||||||
|
|
||||||
|
isLoad: false, |
||||||
|
isFinish: false, |
||||||
|
messageList: [ |
||||||
|
{ |
||||||
|
msgId: '686', |
||||||
|
msgContentType: '2', |
||||||
|
msgContent: '重症肌无力患者复查的频率取决于多种因素', |
||||||
|
welcomeMsg: '', |
||||||
|
msgVisitTime: '', |
||||||
|
msgFromType: '2', |
||||||
|
msgCreateTime: '2024-10-10 09:37:40', |
||||||
|
}, |
||||||
|
{ |
||||||
|
msgId: '686', |
||||||
|
msgContentType: '3', |
||||||
|
msgContent: '重症肌无力患者复查的频率取决于多种因素', |
||||||
|
welcomeMsg: '', |
||||||
|
msgVisitTime: '', |
||||||
|
msgFromType: '2', |
||||||
|
msgCreateTime: '2024-10-10 09:37:40', |
||||||
|
}, |
||||||
|
{ |
||||||
|
msgId: '686', |
||||||
|
msgContentType: '2', |
||||||
|
msgContent: '重症肌无力患者复查的频率取决于多种因素', |
||||||
|
welcomeMsg: '', |
||||||
|
msgVisitTime: '', |
||||||
|
msgFromType: '1', |
||||||
|
msgCreateTime: '2024-10-10 09:37:40', |
||||||
|
}, |
||||||
|
{ |
||||||
|
msgId: '686', |
||||||
|
msgContentType: '3', |
||||||
|
msgContent: '重症肌无力患者复查的频率取决于多种因素', |
||||||
|
welcomeMsg: '', |
||||||
|
msgVisitTime: '', |
||||||
|
msgFromType: '1', |
||||||
|
msgCreateTime: '2024-10-10 09:37:40', |
||||||
|
}, |
||||||
|
{ |
||||||
|
msgId: '681', |
||||||
|
msgContentType: '1', |
||||||
|
msgContent: '重症肌无力是否有遗传性？', |
||||||
|
welcomeMsg: '', |
||||||
|
msgVisitTime: '', |
||||||
|
msgFromType: '1', |
||||||
|
msgCreateTime: '2024-10-10 09:37:17', |
||||||
|
}, |
||||||
|
{ |
||||||
|
msgId: '681', |
||||||
|
msgContentType: '1', |
||||||
|
msgContent: '重症肌无力是否有遗传性？', |
||||||
|
welcomeMsg: '', |
||||||
|
msgVisitTime: '', |
||||||
|
msgFromType: '1', |
||||||
|
msgCreateTime: '2024-10-10 09:37:17', |
||||||
|
}, |
||||||
|
{ |
||||||
|
msgId: '483', |
||||||
|
msgContentType: '4', |
||||||
|
msgContent: |
||||||
|
'[{"duration":8,"url":"https://circlehbsaas.oss-cn-beijing.aliyuncs.com/audio/20240907757_tmp_acf4f18c59553a8d2d9f74e173a16328.m4a.mp3"}]', |
||||||
|
welcomeMsg: '', |
||||||
|
msgVisitTime: '', |
||||||
|
msgFromType: '2', |
||||||
|
msgCreateTime: '2024-10-08 15:24:19', |
||||||
|
}, |
||||||
|
{ |
||||||
|
msgId: '483', |
||||||
|
msgContentType: '4', |
||||||
|
msgContent: |
||||||
|
'[{"duration":8,"url":"https://circlehbsaas.oss-cn-beijing.aliyuncs.com/audio/20240907757_tmp_acf4f18c59553a8d2d9f74e173a16328.m4a.mp3"}]', |
||||||
|
welcomeMsg: '', |
||||||
|
msgVisitTime: '', |
||||||
|
msgFromType: '1', |
||||||
|
msgCreateTime: '2024-10-08 15:24:19', |
||||||
|
}, |
||||||
|
], |
||||||
|
nextMsgId: '', |
||||||
|
unReadCount: 0, |
||||||
|
firstNotReadMsgId: 0, |
||||||
|
isVisitAdl: 2, |
||||||
|
adlMsgId: 0, |
||||||
|
|
||||||
|
week: ['周一', '周二', '周三', '周四', '周五', '周六', '周日'], |
||||||
|
timeDay: { 1: '上午', 2: '下午' }, |
||||||
|
|
||||||
|
userInfo: {}, |
||||||
|
}, |
||||||
|
innerAudioContext: null as WechatMiniprogram.InnerAudioContext | null, |
||||||
|
videoContext: null as WechatMiniprogram.VideoContext | null, |
||||||
|
onLoad(options) { |
||||||
|
this.videoContext = wx.createVideoContext('video') |
||||||
|
}, |
||||||
|
onUnload() { |
||||||
|
if (this.innerAudioContext) { |
||||||
|
this.innerAudioContext.stop() |
||||||
|
} |
||||||
|
}, |
||||||
|
handleView(index = -1) { |
||||||
|
this.setData({ |
||||||
|
scrollIntoView: index > -1 ? `view${index}` : `place`, |
||||||
|
}) |
||||||
|
}, |
||||||
|
getDoctorDetail() { |
||||||
|
wx.ajax({ |
||||||
|
method: 'GET', |
||||||
|
url: '?r=zd/message-interact/get-bind-doctor-info', |
||||||
|
data: {}, |
||||||
|
}).then((res) => { |
||||||
|
this.setData({ |
||||||
|
doctorDetail: { |
||||||
|
...res, |
||||||
|
}, |
||||||
|
}) |
||||||
|
}) |
||||||
|
}, |
||||||
|
getQuestionList() { |
||||||
|
wx.ajax({ |
||||||
|
method: 'GET', |
||||||
|
url: '?r=zd/message-interact/get-question-list', |
||||||
data: {}, |
data: {}, |
||||||
onLoad() {}, |
}).then((res) => { |
||||||
}); |
this.setData({ |
||||||
|
questionList: res, |
||||||
|
questionActiveList: res[0].questionList, |
||||||
|
}) |
||||||
|
}) |
||||||
|
}, |
||||||
|
getMessageList() { |
||||||
|
if (this.data.isLoad || this.data.isFinish) return |
||||||
|
this.setData({ |
||||||
|
isLoad: true, |
||||||
|
}) |
||||||
|
const nextMsgId = this.data.nextMsgId |
||||||
|
wx.ajax({ |
||||||
|
method: 'GET', |
||||||
|
url: '?r=zd/message-interact/patient-get-message-list', |
||||||
|
data: { |
||||||
|
nextMsgId, |
||||||
|
}, |
||||||
|
}).then((res) => { |
||||||
|
res.messageList.map((item) => { |
||||||
|
if (item.msgContentType === '4') { |
||||||
|
item.msgContent = JSON.parse(item.msgContent) |
||||||
|
} |
||||||
|
if (item.msgContentType === '2') { |
||||||
|
item.msgVisitTime = JSON.parse(item.msgVisitTime) |
||||||
|
} |
||||||
|
if (item.msgContentType === '5') { |
||||||
|
item.welcomeMsg = JSON.parse(item.welcomeMsg) |
||||||
|
} |
||||||
|
|
||||||
|
return item |
||||||
|
}) |
||||||
|
this.setData({ |
||||||
|
messageList: [...res.messageList.reverse(), ...this.data.messageList], |
||||||
|
nextMsgId: res.nextMsgId, |
||||||
|
unReadCount: res.unReadCount, |
||||||
|
firstNotReadMsgId: res.firstNotReadMsgId, |
||||||
|
isVisitAdl: res.isVisitAdl, |
||||||
|
adlMsgId: res.adlMsgId, |
||||||
|
isLoad: false, |
||||||
|
isFinish: nextMsgId === res.nextMsgId, |
||||||
|
}) |
||||||
|
this.filterCreateTime() |
||||||
|
if (!nextMsgId) { |
||||||
|
this.handleView() |
||||||
|
} |
||||||
|
}) |
||||||
|
}, |
||||||
|
scrolltoupper(e) { |
||||||
|
// if (e.detail.direction === 'top') {
|
||||||
|
// this.getMessageList()
|
||||||
|
// }
|
||||||
|
}, |
||||||
|
handleHot(e) { |
||||||
|
const { index, mindex } = e.currentTarget.dataset |
||||||
|
const { messageList } = this.data |
||||||
|
const hotList = messageList[mindex].welcomeMsg?.hotQuestion |
||||||
|
const hot = hotList?.[index] |
||||||
|
this.setData({ |
||||||
|
messageList: [ |
||||||
|
...messageList, |
||||||
|
{ |
||||||
|
msgId: '', |
||||||
|
msgContentType: '1', |
||||||
|
msgContent: hot?.question, |
||||||
|
msgVisitTime: '', |
||||||
|
msgFromType: '1', |
||||||
|
msgCreateTime: dayjs().format('YYYY-MM-DD HH:mm:ss'), |
||||||
|
}, |
||||||
|
], |
||||||
|
}) |
||||||
|
this.handleView() |
||||||
|
this.sendQuestion(hot?.questionId) |
||||||
|
}, |
||||||
|
handleQuestion(e) { |
||||||
|
const { index } = e.currentTarget.dataset |
||||||
|
const { questionActiveList, messageList } = this.data |
||||||
|
const question = questionActiveList[index] |
||||||
|
this.setData({ |
||||||
|
messageList: [ |
||||||
|
...messageList, |
||||||
|
{ |
||||||
|
msgId: '', |
||||||
|
msgContentType: '1', |
||||||
|
msgContent: question.question, |
||||||
|
msgVisitTime: '', |
||||||
|
msgFromType: '1', |
||||||
|
msgCreateTime: dayjs().format('YYYY-MM-DD HH:mm:ss'), |
||||||
|
}, |
||||||
|
], |
||||||
|
}) |
||||||
|
this.sendQuestion(question.questionId) |
||||||
|
}, |
||||||
|
sendQuestion(questionId) { |
||||||
|
wx.ajax({ |
||||||
|
method: 'POST', |
||||||
|
url: '?r=zd/message-interact/send-question-message', |
||||||
|
data: { |
||||||
|
questionId, |
||||||
|
}, |
||||||
|
}).then((res) => { |
||||||
|
this.setData({ |
||||||
|
messageList: [ |
||||||
|
...this.data.messageList, |
||||||
|
{ |
||||||
|
msgId: '', |
||||||
|
msgContentType: '1', |
||||||
|
msgContent: res, |
||||||
|
msgVisitTime: '', |
||||||
|
msgFromType: '2', |
||||||
|
msgCreateTime: dayjs().format('YYYY-MM-DD HH:mm:ss'), |
||||||
|
}, |
||||||
|
], |
||||||
|
}) |
||||||
|
this.filterCreateTime() |
||||||
|
this.handleView() |
||||||
|
}) |
||||||
|
}, |
||||||
|
formatTime(date: string) { |
||||||
|
let msgCreateTimeName = '' |
||||||
|
if (dayjs().format('YYYY-MM-DD') === dayjs(date).format('YYYY-MM-DD')) { |
||||||
|
msgCreateTimeName = dayjs(date).format('HH:mm') |
||||||
|
} else if (dayjs().format('YYYY-MM-DD') === dayjs(date).add(1, 'day').format('YYYY-MM-DD')) { |
||||||
|
msgCreateTimeName = `昨天 ${dayjs(date).format('HH:mm')}` |
||||||
|
} else if (dayjs().diff(date, 'day') < 7) { |
||||||
|
msgCreateTimeName = dayjs(date).format(`dddd HH:mm`) |
||||||
|
} else { |
||||||
|
msgCreateTimeName = dayjs(date).format('YYYY-MM-DD HH:mm') |
||||||
|
} |
||||||
|
return msgCreateTimeName |
||||||
|
}, |
||||||
|
filterCreateTime() { |
||||||
|
const gapTime = 5 * 60 * 1000 |
||||||
|
const { messageList } = this.data |
||||||
|
|
||||||
|
let preTime = 0 |
||||||
|
messageList.forEach((item, index) => { |
||||||
|
if (index === 0) { |
||||||
|
item.showTime = true |
||||||
|
preTime = dayjs(item.msgCreateTime).valueOf() |
||||||
|
item.msgCreateTimeName = this.formatTime(item.msgCreateTime) |
||||||
|
} else { |
||||||
|
const curTime = dayjs(item.msgCreateTime).valueOf() |
||||||
|
if (curTime - preTime > gapTime) { |
||||||
|
item.showTime = true |
||||||
|
item.msgCreateTimeName = this.formatTime(item.msgCreateTime) |
||||||
|
preTime = dayjs(item.msgCreateTime).valueOf() |
||||||
|
} |
||||||
|
} |
||||||
|
}) |
||||||
|
this.setData({ |
||||||
|
messageList, |
||||||
|
}) |
||||||
|
}, |
||||||
|
handleQuestionTab(e) { |
||||||
|
const { index } = e.currentTarget.dataset |
||||||
|
this.setData({ |
||||||
|
questionActive: index, |
||||||
|
questionActiveList: this.data.questionList[index].questionList, |
||||||
|
}) |
||||||
|
}, |
||||||
|
handleDoctorDetail() { |
||||||
|
const { doctorId } = this.data.doctorDetail |
||||||
|
wx.navigateTo({ |
||||||
|
url: `/pages/doctorDetail/index?id=${doctorId}`, |
||||||
|
}) |
||||||
|
}, |
||||||
|
handleRead() { |
||||||
|
const { firstNotReadMsgId, messageList } = this.data |
||||||
|
const index = messageList.findIndex((item) => `${item.msgId}` === `${firstNotReadMsgId}`) |
||||||
|
this.handleView(index) |
||||||
|
this.setData({ |
||||||
|
unReadCount: 0, |
||||||
|
}) |
||||||
|
}, |
||||||
|
handleFooter() { |
||||||
|
this.setData({ |
||||||
|
fold: !this.data.fold, |
||||||
|
}) |
||||||
|
if (this.data.fold) { |
||||||
|
setTimeout(() => { |
||||||
|
this.handleView() |
||||||
|
}, 300) |
||||||
|
} |
||||||
|
}, |
||||||
|
handleAdl() { |
||||||
|
wx.navigateTo({ |
||||||
|
url: '/pages/adl/index', |
||||||
|
}) |
||||||
|
}, |
||||||
|
handleAudio(e) { |
||||||
|
const { index } = e.currentTarget.dataset |
||||||
|
const { messageList } = this.data |
||||||
|
const messageItem = messageList[index] |
||||||
|
const { url } = messageItem.msgContent[0] |
||||||
|
if (this.innerAudioContext) { |
||||||
|
if (messageItem.isPlay) { |
||||||
|
this.innerAudioContext.stop() |
||||||
|
messageItem.isPlay = false |
||||||
|
this.setData({ |
||||||
|
messageList, |
||||||
|
}) |
||||||
|
return |
||||||
|
} |
||||||
|
this.innerAudioContext.stop() |
||||||
|
this.innerAudioContext.src = url |
||||||
|
this.innerAudioContext.play() |
||||||
|
messageItem.isPlay = true |
||||||
|
this.innerAudioContext.onEnded(() => { |
||||||
|
messageItem.isPlay = false |
||||||
|
this.setData({ |
||||||
|
messageList, |
||||||
|
}) |
||||||
|
}) |
||||||
|
this.setData({ |
||||||
|
messageList, |
||||||
|
}) |
||||||
|
} |
||||||
|
}, |
||||||
|
handlePreview(e) { |
||||||
|
const { url } = e.currentTarget.dataset |
||||||
|
wx.previewImage({ |
||||||
|
urls: [url], |
||||||
|
}) |
||||||
|
}, |
||||||
|
handleVideo() { |
||||||
|
if (this.videoContext) { |
||||||
|
this.videoContext.play() |
||||||
|
this.videoContext.requestFullScreen({}) |
||||||
|
} |
||||||
|
}, |
||||||
|
}) |
||||||
|
|||||||