添加消息通知switch

2023-09-25 15:23:07 +08:00
parent eab9fbcb91
commit 2c99d357f7
8 changed files with 153 additions and 1 deletions
@@ -0,0 +1,93 @@
+// pages/notify/notigy.js
+import { API } from './../../../utils/network/api'
+let api = new API()
+const app = getApp()
+Page({
+
+  /**
+   * 页面的初始数据
+   */
+  data: {
+    navbarData: {
+      showCapsule: 1, //是否显示左上角图标   1表示显示    0表示不显示
+      title: '消息通知', //导航栏 中间的标题
+    },
+    checked:true,
+  },
+  onChangeSwitch({ detail }){
+    this.setData({ checked: detail });
+    this.handleEditConfig(detail);
+   },
+  handleEditConfig(detail){
+    let is_accept_im_message_push=detail?1:0;
+    api.editConfig({is_accept_im_message_push:is_accept_im_message_push}).then(data=>{
+        wx.showToast({
+          title: '设置成功',
+          icon:"none"
+        })
+    })
+  },
+  handleGetConfig(){
+    api.getConfig().then(data=>{
+     let result=data.data;
+     this.setData({
+       checked:result.is_accept_im_message_push==1?true:false
+     })
+    })
+  },
+  /**
+   * 生命周期函数--监听页面加载
+   */
+  onLoad(options) {
+    this.handleGetConfig();
+  },
+
+  /**
+   * 生命周期函数--监听页面初次渲染完成
+   */
+  onReady() {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面显示
+   */
+  onShow() {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面隐藏
+   */
+  onHide() {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面卸载
+   */
+  onUnload() {
+
+  },
+
+  /**
+   * 页面相关事件处理函数--监听用户下拉动作
+   */
+  onPullDownRefresh() {
+
+  },
+
+  /**
+   * 页面上拉触底事件的处理函数
+   */
+  onReachBottom() {
+
+  },
+
+  /**
+   * 用户点击右上角分享
+   */
+  onShareAppMessage() {
+
+  }
+})
@@ -0,0 +1,9 @@
+{
+  "usingComponents": {
+    "te-nav-bar": "/commpents/te_navbar",
+    "van-cell": "@vant/weapp/cell/index",
+    "van-cell-group": "@vant/weapp/cell-group/index",
+    "van-switch": "@vant/weapp/switch/index"
+  },
+  "navigationStyle":"custom"
+}
@@ -0,0 +1,19 @@
+<!--pages/notify/notigy.wxml-->
+<te-nav-bar navbar-data='{{navbarData}}' ></te-nav-bar>
+<view class="page">
+  <van-cell-group>
+  <van-cell title="消息提醒" size="large" title-style="display:flex;align-items: center;">
+    <view class="right">
+      <van-switch checked="{{ checked }}" active-color="#3CC7C0" bind:change="onChangeSwitch" inactive-color="#ccc" size="24px"/>
+  </view>
+  </van-cell>
+</van-cell-group>
+  <!-- <view class="cellbox">
+  <view class="cell">
+      <view class="left">患者消息提醒</view>
+      <view class="right" >
+        <van-switch checked="{{ checked }}" active-color="#3CC7C0" bind:change="onChangeSwitch" inactive-color="#ccc" size="24px"/>
+      </view>
+    </view> 
+</view>-->
+</view>
@@ -0,0 +1,10 @@
+/* pages/notify/notigy.wxss */
+.page{
+  position: relative;
+  overflow: hidden;
+  background: #F2F2F2;
+}
+.right,.title-class{
+
+  margin-top: 10rpx;
+}