computed: {
disabled() {
  if ((this.username === '' || this.password === '') && (this.phone === '' || this.code === '')) {
        return true
      }
      return false
  }
}

// 表单验证
validate() {
  //手机号正则
  var mPattern = /^1[34578]\d{9}$/;
  if (!mPattern.test(this.phone)) {
    uni.showToast({
      title: '手机号格式不正确',
      icon: 'none'
    });
    return false
  }
  // ...更多验证
  return true
}
getCode() {
  // 防止重复获取
  if (this.codeTime > 0) {
    return;
  }
  // 验证手机号
  if (!this.validate()) return;
  // 请求数据
  this.$H.post('/user/sendcode', {
    phone: this.phone
  }, {
    native: true
  }).then(res => {
    uni.showToast({
      title: res.data.msg,
      icon: 'none'
    });
    // 倒计时
    this.codeTime = 60
    let timer = setInterval(() => {
      if (this.codeTime >= 1) {
        this.codeTime--
      } else {
        this.codeTime = 0
        clearInterval(timer)
      }
    }, 1000)
  })
}

submit() {
  // 后端请求地址
  let url = ''
  // 表单信息
  let data = ''
  if (this.status) {
    // 手机验证码登录
    if (!this.validate()) return;
    url = '/user/phonelogin'
    data = {
      phone: this.phone,
      code: this.code
    }
  } else {
    // 账号密码登录
    url = '/user/login'
    data = {
      username: this.username,
      password: this.password
    }
  }
}

// pages/login/login.vue
// 触发名为login的mutation，来修改vuex的state,并做持久化存储
this.$store.commit('login', res)

// store/index.js
// 登录
login(state,user){
    // 修改登录状态
    state.loginStatus = true
    // 保存用户信息
    state.user = user
    // 保存当前用户的token
    state.token = state.user.token
    // 持久化存储
    uni.setStorageSync('user', JSON.stringify(user));
}

// pages/login/login.vue 触发名为openSocket的action
this.$store.dispatch('openSocket')

// store/index.js
// 打开socket
openSocket({ state,dispatch }){
    // 防止重复连接
    if(state.IsOpen) return
    // 连接
    state.SocketTask = uni.connectSocket({
        url: $C.websocketUrl,
        complete: ()=> {}
    });
    if (!state.SocketTask) return;
    // 监听开启
    state.SocketTask.onOpen(()=>{
        // 将连接状态设为已连接
        console.log('将连接状态设为已连接');
        state.IsOpen = true
    })
    // 监听关闭
    state.SocketTask.onClose(()=>{
        console.log('连接已关闭');
        state.IsOpen = false;
        state.SocketTask = false;
        state.IsOnline = false
        // 清空会话列表
        // 更新未读数提示
    })
    // 监听错误
    state.SocketTask.onError(()=>{
        console.log('连接错误');
        state.IsOpen = false;
        state.SocketTask = false;
        state.IsOnline = false
    })
    // 监听接收信息
    state.SocketTask.onMessage((e)=>{
        console.log('接收消息',e);
        // 字符串转json
        let res = JSON.parse(e.data);
        // 绑定返回结果
        if (res.type === "bind"){
            // 用户绑定
            return dispatch('userBind',res.data)
        }
        // 处理接收信息
        if (res.type !== 'text') return;
        /*
        {
            to_id:1,      // 接收人
            from_id:12,	  // 发送人id
            from_username:"某某",  // 发送人昵称
            from_userpic:"http://pic136.nipic.com/file/20170725/10673188_152559977000_2.jpg",
            type:"text",	 // 发送类型
            data:"你好啊",	 // 发送内容
            time:151235451   // 接收到的时间
        }
        */
        // 处理接收消息
        dispatch('handleChatMessage',res)
    })
},

// 提示和跳转
uni.navigateBack({
  delta: 1
})
uni.showToast({
  title: '登录成功',
  icon: 'none'
})

// 注意：调用 navigateTo 跳转时，调用该方法的页面会被加入堆栈，而 redirectTo 方法则不会。见下方示例代码

// 此处是A页面
uni.navigateTo({
  url: 'B?id=1'
})

// 此处是B页面
uni.navigateTo({
  url: 'C?id=1'
})

// 在C页面内 navigateBack，将返回A页面
uni.navigateBack({
  delta: 2
})

uni.showToast({
  title: '标题',
  duration: 2000
})

try {
	uni.setStorageSync('storage_key', 'hello');
} catch (e) {
	// error
}

uni.connectSocket({
	url: 'wss://www.example.com/socket',
	header: {
		'content-type': 'application/json'
	},
	protocols: ['protocol1'],
	method: 'GET'
});

var socketTask = uni.connectSocket({
	url: 'wss://www.example.com/socket', //仅为示例，并非真实接口地址。
	complete: ()=> {}
});

// 监听 localStorage 变化
window.addEventListener('storage', function (event) {
  if (event.key === 'newMessage') {
    const newMessage = event.newValue
    displayMessage(newMessage)
  }
})

// 显示消息到聊天日志中
function displayMessage(message) {
  const chatLog = document.getElementById('chat-log')
  const p = document.createElement('p')
  p.textContent = message
  chatLog.appendChild(p)
  chatLog.scrollTop = chatLog.scrollHeight // 滚动到最新消息
}

// 发送消息到 localStorage
function sendMessage() {
  const messageInput = document.getElementById('message-input')
  const message = messageInput.value.trim()

  if (message) {
    localStorage.setItem('newMessage', message) // 存储消息到 localStorage
    messageInput.value = '' // 清空输入框
    messageInput.focus() // 重新聚焦到输入框
    displayMessage(`我: ${message}`) // 在当前标签页也显示消息
  }
}

// 初始化时检查是否有未处理的消息
;(function checkInitialMessages() {
  const initialMessage = localStorage.getItem('newMessage')
  if (initialMessage) {
    displayMessage(initialMessage) // 显示初始消息
    localStorage.removeItem('newMessage') // 清除 localStorage 中的消息，避免重复显示
  }
})()