1

app.json

@@ -7,6 +7,7 @@
         "pages/basic/index",
         "pages/user/index",
         "pages/user/detail",
+        "pages/password/index",
         "pages/test/index",
         "pages/logs/logs"
     ],

pages/password/index.js

@@ -0,0 +1,152 @@
+// pages/login/login.js
+import WxValidate from '../../utils/wxValidate'
+const app = getApp()
+Page({
+
+    /**
+     * 页面的初始数据
+     */
+    data: {
+        frameStyle: { useTop: true, name: '修改密码', leftArrow: true, useBar: false },
+        // 主体高度
+        infoHeight: '',
+        form: {}
+    },
+    initValidate() {
+        const rules = { password: { required: true, } }
+        // 验证字段的提示信息，若不传则调用默认的信息
+        const messages = { password: { required: '请输入新密码', } };
+        this.WxValidate = new WxValidate(rules, messages)
+    },
+    back: function () {
+        wx.navigateBack({ url: '/pages/home/index' })
+    },
+    // 取消修改
+    onReset: function () {
+        this.back()
+    },
+    // 提交修改
+    onSubmit: function (e) {
+        const params = e.detail.value;
+        if (!this.WxValidate.checkForm(params)) {
+            const error = this.WxValidate.errorList[0];
+            wx.showToast({ title: `${error.msg}`, icon: 'error', duration: 2000 })
+            return false
+        } else {
+            console.log(params);
+            // wx.getStorage({
+            //     key: 'user',
+            //     success: res => {
+            //         if (res.data) {
+            //             wx.request({
+            //                 url: app.globalData.publicUrl + `/api/hc/user/password`,
+            //                 method: "post",
+            //                 data: { ...params, id: res.data.id },
+            //                 header: {},
+            //                 success: (res) => {
+            //                     if (res.data.errcode == '0') {
+            //                         wx.showToast({ title: `修改密码成功`, icon: 'success', duration: 2000 });
+            //                         wx.clearStorage({
+            //                             key: 'toekn',
+            //                             success: res => { wx.redirectTo({ url: '/pages/login/index', }) }
+            //                         })
+            //                     } else {
+            //                         wx.showToast({ title: `${res.data.errmsg}`, icon: 'error', duration: 2000 })
+            //                     }
+            //                 },
+            //             })
+            //         }
+            //     }
+            // })
+
+        }
+    },
+    /**
+     * 生命周期函数--监听页面加载
+     */
+    onLoad: function (options) {
+        //验证规则函数
+        this.initValidate();
+        // 监听用户是否登录
+        this.watchLogin();
+        // 计算高度
+        this.searchHeight()
+    },
+    // 监听用户是否登录
+    watchLogin: function () {
+        // wx.getStorage({
+        // key: 'user',
+        // success: res => {
+        //   if (res.data) {
+        //     // 查询菜单
+        //     if (res.data) this.searchRouter(res.data);
+        //     res.data.type = type.find((i) => i.value == res.data.type).label;
+        //     if (res.data) this.setData({ userInfo: res.data });
+        //     if (res.data && res.data.avatarUrl) this.setData({ avatarUrl: res.data.avatarUrl });
+        //   } else {
+        //     wx.redirectTo({ url: '/pages/login/index', })
+        //   }
+        // }
+        // })
+    },
+    // 计算高度
+    searchHeight: function () {
+        let frameStyle = this.data.frameStyle;
+        let client = app.globalData.client;
+        let infoHeight = client.windowHeight;
+        // 是否去掉状态栏
+        if (frameStyle.useTop) infoHeight = infoHeight - (client.statusBarHeight + client.getMenu.height + (client.getMenu.top - client.statusBarHeight) * 2);
+        // 是否减去底部菜单
+        if (frameStyle.useBar) infoHeight = infoHeight - 50;
+        if (infoHeight) this.setData({ infoHeight: infoHeight })
+    },
+
+    /**
+     * 生命周期函数--监听页面初次渲染完成
+     */
+    onReady: function () {
+
+    },
+
+    /**
+     * 生命周期函数--监听页面显示
+     */
+    onShow: function () {
+
+    },
+
+    /**
+     * 生命周期函数--监听页面隐藏
+     */
+    onHide: function () {
+
+    },
+
+    /**
+     * 生命周期函数--监听页面卸载
+     */
+    onUnload: function () {
+
+    },
+
+    /**
+     * 页面相关事件处理函数--监听用户下拉动作
+     */
+    onPullDownRefresh: function () {
+
+    },
+
+    /**
+     * 页面上拉触底事件的处理函数
+     */
+    onReachBottom: function () {
+
+    },
+
+    /**
+     * 用户点击右上角分享
+     */
+    onShareAppMessage: function () {
+
+    }
+})

pages/password/index.json

@@ -0,0 +1,6 @@
+{
+  "component": true,
+  "usingComponents": {
+    "mobile-main": "/commpents/mobile-frame/mobile-main"
+  }
+}

pages/password/index.less

@@ -0,0 +1,4 @@
+.main {
+    position: relative;
+    width: 100%;
+}

pages/password/index.wxml

@@ -0,0 +1,5 @@
+<mobile-main frameStyle="{{frameStyle}}" bind:back="back">
+    <view slot="info" class="main" style="height:{{infoHeight}}px;">
+        模板
+    </view>
+</mobile-main>

pages/password/index.wxss

@@ -0,0 +1,4 @@
+.main {
+  position: relative;
+  width: 100%;
+}