增量提交
This commit is contained in:
zqm
@@ -1,224 +1,322 @@
|
||||
// 首页逻辑
|
||||
// 首页逻辑 - 深色主题信息流
|
||||
const app = getApp()
|
||||
|
||||
Page({
|
||||
data: {
|
||||
userInfo: null,
|
||||
// 用户信息
|
||||
hasUserInfo: false,
|
||||
canIUse: wx.canIUse('button.open-type.getUserInfo'),
|
||||
openId: '',
|
||||
phoneNumber: '',
|
||||
unionId: '',
|
||||
locationInfo: null,
|
||||
deviceInfo: null,
|
||||
systemInfo: null,
|
||||
networkType: '',
|
||||
wxVersion: '',
|
||||
accountInfo: null,
|
||||
clipboardData: null,
|
||||
|
||||
// 时间显示
|
||||
currentTime: '',
|
||||
yesterdayTime: '',
|
||||
|
||||
// 轮播Banner数据 - 蓝色主题
|
||||
banners: [
|
||||
{ id: 1, tag: '健康科普', title: '在多才和多艺之间\n我选择了多肉~', desc: '医生，我喝水都要胖，咋个整？', image: '' },
|
||||
{ id: 2, tag: '专家讲座', title: '春季养生指南：\n中医教你调理身体', desc: '', image: '' }
|
||||
],
|
||||
|
||||
// 轮播Banner数据 - 红色喜报主题
|
||||
redBanners: [
|
||||
{ id: 1, title: '四川省人民医院高质量发展跃上新台阶，成功迈入全国公立医院第一方阵！', image: '' }
|
||||
],
|
||||
|
||||
websocketConnected: false,
|
||||
version: app.globalData.version
|
||||
version: app.globalData.version || '1.0.0',
|
||||
socketTask: null,
|
||||
},
|
||||
|
||||
onLoad() {
|
||||
if (app.globalData.userInfo) {
|
||||
this.setData({
|
||||
userInfo: app.globalData.userInfo,
|
||||
hasUserInfo: true
|
||||
})
|
||||
} else if (this.data.canIUse) {
|
||||
// 由于 getUserInfo 是网络请求，可能会在 Page.onLoad 之后才返回
|
||||
// 所以此处加入 callback 以防止这种情况
|
||||
app.userInfoReadyCallback = res => {
|
||||
this.setData({
|
||||
userInfo: res.userInfo,
|
||||
hasUserInfo: true
|
||||
})
|
||||
}
|
||||
} else {
|
||||
// 在没有 open-type=getUserInfo 版本的兼容处理
|
||||
wx.getUserInfo({
|
||||
success: res => {
|
||||
app.globalData.userInfo = res.userInfo
|
||||
this.setData({
|
||||
userInfo: res.userInfo,
|
||||
hasUserInfo: true
|
||||
})
|
||||
}
|
||||
})
|
||||
this.updateTimeDisplay()
|
||||
this.loadStoredInfo()
|
||||
this.initWebSocketSafe()
|
||||
},
|
||||
|
||||
onShow() {
|
||||
this.updateTimeDisplay()
|
||||
this.setTabBarActive()
|
||||
if (this.data.hasUserInfo) this.loadStoredInfo()
|
||||
},
|
||||
|
||||
// ==============================================
|
||||
// 加载本地存储的信息
|
||||
// ==============================================
|
||||
loadStoredInfo() {
|
||||
const openId = wx.getStorageSync('openId') || ''
|
||||
const phoneNumber = wx.getStorageSync('phoneNumber') || ''
|
||||
const deviceInfo = app.getDeviceInfo?.() || null
|
||||
|
||||
this.setData({ openId, phoneNumber, deviceInfo })
|
||||
|
||||
if (openId) {
|
||||
this.setData({ hasUserInfo: true })
|
||||
}
|
||||
|
||||
// 获取网络状态
|
||||
app.getNetworkType?.((networkType) => {
|
||||
if (networkType) this.setData({ networkType })
|
||||
})
|
||||
|
||||
// 获取位置（需要授权）
|
||||
app.getLocation?.((locationInfo) => {
|
||||
if (locationInfo) this.setData({ locationInfo })
|
||||
})
|
||||
|
||||
// 获取小程序信息
|
||||
try {
|
||||
const accountInfo = wx.getAccountInfoSync()
|
||||
this.setData({ accountInfo })
|
||||
} catch (error) {
|
||||
console.error('获取小程序信息失败:', error)
|
||||
this.setData({ accountInfo: null })
|
||||
}
|
||||
|
||||
// 获取剪贴板信息（需要授权）
|
||||
wx.getClipboardData({
|
||||
success: (res) => {
|
||||
this.setData({ clipboardData: res.data })
|
||||
},
|
||||
fail: (error) => {
|
||||
console.error('获取剪贴板信息失败:', error)
|
||||
this.setData({ clipboardData: null })
|
||||
}
|
||||
})
|
||||
|
||||
// 获取微信版本信息
|
||||
try {
|
||||
const systemInfo = wx.getSystemInfoSync()
|
||||
this.setData({ wxVersion: systemInfo.version, systemInfo })
|
||||
} catch (error) {
|
||||
console.error('获取微信版本信息失败:', error)
|
||||
this.setData({ wxVersion: null, systemInfo: null })
|
||||
}
|
||||
|
||||
// 获取UnionID（个人小程序无法获取）
|
||||
this.setData({ unionId: '无法获取（需企业资质）' })
|
||||
|
||||
// 获取手机号（个人小程序无法获取）
|
||||
if (!phoneNumber) {
|
||||
this.setData({ phoneNumber: '无法获取（需企业资质）' })
|
||||
}
|
||||
|
||||
// 初始化WebSocket连接
|
||||
this.initWebSocket()
|
||||
},
|
||||
|
||||
getUserProfile(e) {
|
||||
// 推荐使用wx.getUserProfile获取用户信息，开发者每次通过该接口获取用户个人信息均需用户确认
|
||||
wx.getUserProfile({
|
||||
desc: '展示用户信息', // 声明获取用户个人信息后的用途，后续会展示在弹窗中，请谨慎填写
|
||||
// ==============================================
|
||||
// 登录：通过 WebSocket 发 wechat_login，收到 openid 后存本地
|
||||
// ==============================================
|
||||
onLogin() {
|
||||
// 确保 WebSocket 已连接
|
||||
if (!this.data.socketTask || !this.data.websocketConnected) {
|
||||
// 先重连
|
||||
this.initWebSocketSafe()
|
||||
setTimeout(() => this._doLogin(), 1500)
|
||||
return
|
||||
}
|
||||
this._doLogin()
|
||||
},
|
||||
|
||||
_doLogin() {
|
||||
if (!this.data.websocketConnected) {
|
||||
wx.showToast({ title: '连接中...', icon: 'none' })
|
||||
return
|
||||
}
|
||||
wx.login({
|
||||
success: (res) => {
|
||||
app.globalData.userInfo = res.userInfo
|
||||
this.setData({
|
||||
userInfo: res.userInfo,
|
||||
hasUserInfo: true
|
||||
if (!res.code) {
|
||||
wx.showToast({ title: '微信登录失败', icon: 'none' })
|
||||
return
|
||||
}
|
||||
// 记录待处理登录（收到 wechat_login_ret 时判断）
|
||||
this._pendingLogin = true
|
||||
this.data.socketTask.send({
|
||||
data: JSON.stringify({
|
||||
type: 'wechat_login',
|
||||
data: { code: res.code }
|
||||
}),
|
||||
fail: () => {
|
||||
this._pendingLogin = false
|
||||
wx.showToast({ title: '发送失败', icon: 'none' })
|
||||
}
|
||||
})
|
||||
|
||||
// 发送用户信息到服务器
|
||||
this.sendUserInfoToServer(res.userInfo)
|
||||
},
|
||||
fail:
|
||||
|
||||
// ==============================================
|
||||
// 获取手机号（button open-type="getPhoneNumber"）
|
||||
// ==============================================
|
||||
onGetPhoneNumber(e) {
|
||||
// 检查是否有加密数据（旧版方式，个人小程序可用）
|
||||
const { encryptedData, iv, code } = e.detail
|
||||
if (!encryptedData || !iv) {
|
||||
wx.showToast({ title: '请允许授权', icon: 'none' })
|
||||
return
|
||||
}
|
||||
|
||||
// 必须先登录有 openid
|
||||
const openid = this.data.openId || wx.getStorageSync('openId')
|
||||
if (!openid) {
|
||||
wx.showToast({ title: '请先登录', icon: 'none' })
|
||||
return
|
||||
}
|
||||
|
||||
// 确保 WebSocket 连接
|
||||
if (!this.data.websocketConnected) {
|
||||
wx.showToast({ title: '连接中...', icon: 'none' })
|
||||
this.initWebSocketSafe()
|
||||
setTimeout(() => {
|
||||
this._sendPhoneDecrypt(openid, encryptedData, iv)
|
||||
}, 1500)
|
||||
return
|
||||
}
|
||||
|
||||
this._sendPhoneDecrypt(openid, encryptedData, iv)
|
||||
},
|
||||
|
||||
_sendPhoneDecrypt(openid, encryptedData, iv) {
|
||||
if (!this.data.websocketConnected) {
|
||||
wx.showToast({ title: 'WebSocket 未连接', icon: 'none' })
|
||||
return
|
||||
}
|
||||
this._pendingPhone = true
|
||||
this.data.socketTask.send({
|
||||
data: JSON.stringify({
|
||||
type: 'wechat_decrypt_phone',
|
||||
data: { openid, encryptedData, iv }
|
||||
}),
|
||||
fail: () => {
|
||||
this._pendingPhone = false
|
||||
wx.showToast({ title: '发送失败', icon: 'none' })
|
||||
}
|
||||
})
|
||||
},
|
||||
|
||||
getUserInfo(e) {
|
||||
// 不推荐使用getUserInfo获取用户信息，预计自2021年4月13日起，getUserInfo将不再弹出弹窗，并直接返回匿名的用户个人信息
|
||||
app.globalData.userInfo = e.detail.userInfo
|
||||
// ==============================================
|
||||
// 时间显示
|
||||
// ==============================================
|
||||
updateTimeDisplay() {
|
||||
const now = new Date()
|
||||
const m = now.getMonth() + 1
|
||||
const d = now.getDate()
|
||||
const h = now.getHours()
|
||||
const mm = String(now.getMinutes()).padStart(2, '0')
|
||||
const period = h >= 12 ? '下午' : '上午'
|
||||
const displayH = h > 12 ? h - 12 : h
|
||||
|
||||
this.setData({
|
||||
userInfo: e.detail.userInfo,
|
||||
hasUserInfo: true
|
||||
})
|
||||
|
||||
// 发送用户信息到服务器
|
||||
this.sendUserInfoToServer(e.detail.userInfo)
|
||||
},
|
||||
|
||||
// 发送用户信息到服务器
|
||||
sendUserInfoToServer(userInfo) {
|
||||
wx.request({
|
||||
url: `${app.globalData.apiBase}/user/info`,
|
||||
method: 'POST',
|
||||
data: {
|
||||
userInfo: userInfo,
|
||||
deviceId: app.globalData.systemInfo.model
|
||||
},
|
||||
header: {
|
||||
'content-type': 'application/json'
|
||||
},
|
||||
success: (res) => {
|
||||
console.log('用户信息上传成功', res.data)
|
||||
},
|
||||
fail: (err) => {
|
||||
console.error('用户信息上传失败', err)
|
||||
}
|
||||
currentTime: `${m}月${d}日 ${period}${displayH}:${mm}`,
|
||||
yesterdayTime: `昨天 晚上8:36`
|
||||
})
|
||||
},
|
||||
|
||||
// 初始化WebSocket连接
|
||||
initWebSocket() {
|
||||
const socket = wx.connectSocket({
|
||||
url: app.globalData.websocketUrl,
|
||||
header: {
|
||||
'content-type': 'application/json'
|
||||
}
|
||||
})
|
||||
// ==============================================
|
||||
// TabBar 选中
|
||||
// ==============================================
|
||||
setTabBarActive() {
|
||||
if (this.getTabBar) this.getTabBar()?.setData({ currentTab: 0 })
|
||||
},
|
||||
|
||||
// ==============================================
|
||||
// 新闻点击
|
||||
// ==============================================
|
||||
onNewsTap(e) {
|
||||
const id = e.currentTarget.dataset.id
|
||||
console.log('点击新闻:', id)
|
||||
wx.showToast({ title: '加载中...', icon: 'none' })
|
||||
},
|
||||
|
||||
// ==============================================
|
||||
// WebSocket 安全版（防重复连接、防崩溃）
|
||||
// ==============================================
|
||||
initWebSocketSafe() {
|
||||
if (this.data.socketTask) return
|
||||
|
||||
const socket = wx.connectSocket({ url: app.globalData.websocketUrl })
|
||||
this.setData({ socketTask: socket })
|
||||
|
||||
socket.onOpen(() => {
|
||||
console.log('WebSocket连接已打开')
|
||||
this.setData({
|
||||
websocketConnected: true
|
||||
})
|
||||
|
||||
// 发送认证信息
|
||||
this.setData({ websocketConnected: true })
|
||||
socket.send({
|
||||
data: JSON.stringify({
|
||||
type: 'auth',
|
||||
userId: app.globalData.userInfo ? app.globalData.userInfo.nickName : 'anonymous',
|
||||
deviceId: app.globalData.systemInfo.model,
|
||||
userId: app.globalData.userInfo?.nickName || 'anonymous',
|
||||
deviceId: app.globalData.systemInfo?.model || '',
|
||||
timestamp: Date.now()
|
||||
})
|
||||
})
|
||||
})
|
||||
|
||||
socket.onMessage((res) => {
|
||||
console.log('收到WebSocket消息', res.data)
|
||||
socket.onMessage(msg => {
|
||||
try {
|
||||
const data = JSON.parse(res.data)
|
||||
const data = JSON.parse(msg.data)
|
||||
this.handleWebSocketMessage(data)
|
||||
} catch (e) {
|
||||
console.error('解析WebSocket消息失败', e)
|
||||
}
|
||||
} catch (e) {}
|
||||
})
|
||||
|
||||
socket.onClose(() => {
|
||||
console.log('WebSocket连接已关闭')
|
||||
this.setData({
|
||||
websocketConnected: false
|
||||
})
|
||||
|
||||
// 3秒后尝试重连
|
||||
setTimeout(() => {
|
||||
this.initWebSocket()
|
||||
}, 3000)
|
||||
this.setData({ websocketConnected: false, socketTask: null })
|
||||
setTimeout(() => this.initWebSocketSafe(), 3000)
|
||||
})
|
||||
|
||||
socket.onError((err) => {
|
||||
console.error('WebSocket连接错误', err)
|
||||
this.setData({
|
||||
websocketConnected: false
|
||||
})
|
||||
socket.onError(() => {
|
||||
this.setData({ websocketConnected: false, socketTask: null })
|
||||
})
|
||||
},
|
||||
|
||||
// 处理WebSocket消息
|
||||
handleWebSocketMessage(data) {
|
||||
switch (data.type) {
|
||||
case 'task_status':
|
||||
// 处理任务状态更新
|
||||
this.handleTaskStatusUpdate(data)
|
||||
case 'wechat_login_ret':
|
||||
// 收到登录响应（可能比 send 回调更早或更晚到达）
|
||||
if (data.data?.openid) {
|
||||
wx.setStorageSync('openId', data.data.openid)
|
||||
this.setData({ openId: data.data.openid, hasUserInfo: true })
|
||||
wx.showToast({ title: '登录成功', icon: 'success' })
|
||||
} else {
|
||||
wx.showToast({ title: '登录失败：' + (data.data?.error || '未知'), icon: 'none' })
|
||||
}
|
||||
this._pendingLogin = false
|
||||
break
|
||||
case 'message':
|
||||
// 处理聊天消息
|
||||
this.handleChatMessage(data)
|
||||
case 'ai_message':
|
||||
// AI 回复（聊天页使用）
|
||||
if (this.handleAiMessage) this.handleAiMessage(data)
|
||||
break
|
||||
case 'wechat_decrypt_phone_ret':
|
||||
// 手机号解密响应
|
||||
if (data.data?.phone) {
|
||||
wx.setStorageSync('phoneNumber', data.data.phone)
|
||||
this.setData({ phoneNumber: data.data.phone })
|
||||
wx.showToast({ title: '绑定成功', icon: 'success' })
|
||||
} else {
|
||||
wx.showToast({ title: '获取失败：' + (data.data?.error || '未知'), icon: 'none' })
|
||||
}
|
||||
this._pendingPhone = false
|
||||
break
|
||||
case 'pong':
|
||||
break
|
||||
default:
|
||||
console.log('未知消息类型', data.type)
|
||||
break
|
||||
}
|
||||
},
|
||||
|
||||
// 处理任务状态更新
|
||||
handleTaskStatusUpdate(data) {
|
||||
// 可以在这里更新任务列表或显示通知
|
||||
if (data.status === 'completed') {
|
||||
wx.showToast({
|
||||
title: '任务完成',
|
||||
icon: 'success'
|
||||
})
|
||||
} else if (data.status === 'failed') {
|
||||
wx.showToast({
|
||||
title: '任务失败',
|
||||
icon: 'error'
|
||||
})
|
||||
}
|
||||
},
|
||||
|
||||
// 处理聊天消息
|
||||
handleChatMessage(data) {
|
||||
// 可以在这里显示新消息通知
|
||||
if (data.message) {
|
||||
wx.showToast({
|
||||
title: '新消息',
|
||||
icon: 'none'
|
||||
})
|
||||
}
|
||||
},
|
||||
|
||||
// 跳转到聊天页面
|
||||
// ==============================================
|
||||
// 跳转聊天页
|
||||
// ==============================================
|
||||
goToChat() {
|
||||
wx.navigateTo({
|
||||
url: '/pages/chat/chat'
|
||||
})
|
||||
wx.navigateTo({ url: '/pages/chat/chat' })
|
||||
},
|
||||
|
||||
// 跳转到任务页面
|
||||
// ==============================================
|
||||
// 跳转任务页
|
||||
// ==============================================
|
||||
goToTask() {
|
||||
wx.navigateTo({
|
||||
url: '/pages/task/task'
|
||||
})
|
||||
},
|
||||
|
||||
// 显示设备信息
|
||||
showDeviceInfo() {
|
||||
const systemInfo = app.globalData.systemInfo
|
||||
wx.showModal({
|
||||
title: '设备信息',
|
||||
content: `设备型号：${systemInfo.model}\n系统版本：${systemInfo.system}\n微信版本：${systemInfo.version}\n屏幕尺寸：${systemInfo.screenWidth}x${systemInfo.screenHeight}`,
|
||||
showCancel: false
|
||||
})
|
||||
},
|
||||
|
||||
onShareAppMessage() {
|
||||
return {
|
||||
title: '智控未来 - 企业微信智能控制系统',
|
||||
path: '/pages/index/index'
|
||||
}
|
||||
wx.navigateTo({ url: '/pages/task/task' })
|
||||
}
|
||||
})
|
||||
})
|
||||
|
||||
Reference in New Issue
Block a user