修改密码

miniprogram/app.json

@@ -19,7 +19,8 @@
         "pages/fromVirus/detail/detail",
         "pages/accept/accept",
         "pages/gridLeaderRegister/gridLeaderRegister",
-        "pages/navigatetoApp/navigatetoApp"
+        "pages/navigatetoApp/navigatetoApp",
+        "pages/editPassword/editPassword"
     ],
     "subPackages": [
         {

miniprogram/pages/editPassword/editPassword.js

@@ -0,0 +1,123 @@
+var api = require('../../utils/api.js')
+// pages/editPassword/editPassword.js
+Page({
+
+    /**
+     * 页面的初始数据
+     */
+    data: {
+        form:{
+            oldPassword:'',
+            newPassword:'',
+            checkPassword:''
+        }
+    },
+
+    /**
+     * 生命周期函数--监听页面加载
+     */
+    onLoad(options) {
+
+    },
+
+    /**
+     * 生命周期函数--监听页面初次渲染完成
+     */
+    onReady() {
+
+    },
+
+    /**
+     * 生命周期函数--监听页面显示
+     */
+    onShow() {
+
+    },
+
+    /**
+     * 生命周期函数--监听页面隐藏
+     */
+    onHide() {
+
+    },
+
+    /**
+     * 生命周期函数--监听页面卸载
+     */
+    onUnload() {
+
+    },
+
+    /**
+     * 页面相关事件处理函数--监听用户下拉动作
+     */
+    onPullDownRefresh() {
+
+    },
+
+    /**
+     * 页面上拉触底事件的处理函数
+     */
+    onReachBottom() {
+
+    },
+
+    /**
+     * 用户点击右上角分享
+     */
+    onShareAppMessage() {
+
+    },
+    bindOldPassword(e){
+        this.setData({
+            'form.oldPassword':e.detail.value
+        })
+        console.log(this.data.form);
+    }, 
+    bindNewPassword(e){
+        this.setData({
+            'form.newPassword':e.detail.value
+        })
+    }, 
+    bindCheckPassword(e){
+        this.setData({
+            'form.checkPassword':e.detail.value
+        })
+    },
+    submit(){
+            if(!this.data.form.oldPassword){
+                wx.showToast({
+                  title: '请输入原密码',
+                  icon:'none'
+                })
+                return false
+            }
+            if(!this.data.form.newPassword){
+                wx.showToast({
+                  title: '请输入新密码',
+                  icon:'none'
+                })
+                return false
+            }
+            if(this.data.form.checkPassword != this.data.form.newPassword){
+                wx.showToast({
+                  title: '两次密码不一致',
+                  icon:'none'
+                })
+                return false
+            }
+           delete this.data.form.checkPassword
+            api.editPassword(this.data.form).then(res=>{
+                if(res.code === 0){
+                    wx.removeStorage({
+                      key: 'token',
+                    })
+                    wx.reLaunch({
+                      url: '/pages/login/login',
+                    })
+                }
+            }).catch(err=>{
+                console.log(err);
+            })
+    }
+})

miniprogram/pages/editPassword/editPassword.json

@@ -0,0 +1,4 @@
+{
+    "usingComponents": {},
+    "navigationBarTitleText": "修改密码"
+}

miniprogram/pages/editPassword/editPassword.wxml

@@ -0,0 +1,43 @@
+<view class="container">
+    <view class="basic-info">
+        <view class="list-item ">
+            <view class="left">
+                <text class="must">*</text>
+                <view class="title">原密码</view>
+            </view>
+            <view class="right" readonly>
+                <input confirm-type="next" 
+                password
+                bindblur="bindOldPassword" bindinput="bindOldPassword" value="{{form.oldPassword}}" placeholder-class="placeholder-style" placeholder="请输入" />
+            </view>
+        </view>
+        <view class="list-item ">
+            <view class="left">
+                <text class="must">*</text>
+                <view class="title">新密码</view>
+            </view>
+            <view class="right">
+                <input confirm-type="next" bindblur="bindNewPassword" 
+                password
+                bindinput="bindNewPassword" value="{{form.newPassword}}" placeholder-class="placeholder-style" placeholder="请输入" />
+            </view>
+        </view>
+        <view class="list-item ">
+            <view class="left">
+                <text class="must">*</text>
+                <view class="title">确认密码</view>
+            </view>
+            <view class="right">
+                <input confirm-type="next" bindblur="bindCheckPassword" 
+                password
+                bindinput="bindCheckPassword" value="{{form.checkPassword}}" placeholder-class="placeholder-style" placeholder="请输入" />
+            </view>
+        </view>
+    </view>
+    <view class="buttons fixed">
+       
+        <button hover-class="hover-class" class="btn2" bindtap="submit">确定</button>
+        <!-- <button hover-class="hover-class" class="btn2"  open-type="getUserInfo" bindgetuserinfo="bindGetUserInfo">进入首页</button> -->
+    </view>
+</view>
+

miniprogram/pages/editPassword/editPassword.wxss

@@ -0,0 +1,75 @@
+
+.container{
+    height: calc(100vh - 100rpx);
+    overflow-y: scroll ;
+    overflow-x: hidden;
+}
+/* .gray{
+    background-color: #fafafa;
+} */
+.gray-font{
+    color:#808080 ;
+}
+.basic-info {
+    width: 95%;
+    background: #fff;
+    border-radius: 16rpx;
+    box-sizing: border-box;
+    padding: 0 20rpx;
+    margin: 20rpx auto;
+
+  }
+  .basic-info:nth-child(eveb){
+    background-color: #fafafa !important;
+  }
+  .basic-info .list-item {
+    width: 100%;
+    height: 100rpx;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+  }
+  .basic-info .list-item .left .must {
+    color: #F61616;
+    font-size: 30rpx;
+  }
+  .basic-info .list-item .left .title {
+    color: #3333338a;
+    font-size: 34rpx;
+  }
+  .basic-info .list-item .left {
+    display: flex;
+    align-items: center;
+    height: 100rpx;
+  }
+  .basic-info .list-item .right {
+    height: 100%;
+    display: flex;
+    align-items: center;
+    justify-content: flex-end;
+    flex: 1;
+  }
+
+  .basic-info .list-item .right input{
+      text-align: right;
+  }
+  .fixed{
+      position: fixed;
+      bottom: 20rpx;
+  }
+.buttons .btn2 {
+  background: linear-gradient(to right, #f51212, #ff4c4c);
+  height:84rpx;
+  line-height: 84rpx;
+  text-align:center;
+  color: #fff;
+  font-size: 36rpx;
+  border-radius: 16rpx;
+  padding: 0;
+  margin: 0;
+  outline: 0;
+  font-weight: normal;
+}
+.buttons .hover-class {
+  background:red;
+}

miniprogram/pages/my/my.js

@@ -218,5 +218,8 @@ Page({
                 })
             }
         })
-    }
+    },
+    handelClickEditPassword(){
+        
+    },
 })

miniprogram/pages/my/my.wxml

@@ -33,6 +33,19 @@
         <image src="../../images/my/my02.png" />
     </navigator>
 </view>
+<view class="grid2outer">
+    <navigator url="/pages/editPassword/editPassword" class="grid2 blue">
+        <view>
+            <view class="h1">修改密码</view>
+            <view class="h2">前往修改密码</view>
+        </view>
+        <image style="width:80rpx ;height: 80rpx;" src="../../images/ic_yanzhengma.png" />
+    </navigator>
+    <view class="w40"></view>
+     <view url="" class="grid2 red" style="opacity: 0;"  bind:tap="logoout">
+       
+    </view>
+</view>
 <view class="grid3outer" wx:if="{{pass == 1}}">
     <navigator url="/subpages/centralHousehold/pages/centralHousehold/centralHousehold" class="grid3 image">
         <image src="./images/dyzxh.jpg" />

miniprogram/utils/api.js

@@ -64,6 +64,7 @@ module.exports = {
     userInfoUpdate: userInfoUpdate,
     getVoluntarystyle: getVoluntarystyle,
     getGridstyle: getGridstyle,
+    editPassword:editPassword
 }
 
 function getToken(params) {
@@ -515,7 +516,9 @@ function getDeptTree() {
 function userInfoUpdate(para) {
     return fly.post("app-user/user/npm/update", para)
 }
-
+function editPassword(para) {
+    return fly.post("app-user/user/updatePassword", para)
+}
 function getVoluntarystyle(para) {
     return fly.get(`admin/sys/voluntarystyle/getListByDeptId`, para)
 }