From 2fcd9ceda35129f8d830d04700b8cf12118e4247 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?TOP=E7=B3=AF=E7=B1=B3?= <1130395124@qq.com>
Date: Fri, 17 Mar 2023 00:06:47 +0800
Subject: [PATCH] =?UTF-8?q?=E5=A2=9E=E5=8A=A0=E5=AF=86=E7=A0=81=E4=BF=AE?=
 =?UTF-8?q?=E6=94=B9=E5=8A=9F=E8=83=BD=EF=BC=8C=E5=88=A0=E9=99=A4=E6=B3=A8?=
 =?UTF-8?q?=E9=94=80=E8=B4=A6=E6=88=B7?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages.json                |   8 +-
 src/pages/member/password.vue | 150 ++++++++++++++++++++++++++++++++++
 src/pages/member/setting.vue  |  14 ++--
 3 files changed, 163 insertions(+), 9 deletions(-)
 create mode 100644 src/pages/member/password.vue

diff --git a/src/pages.json b/src/pages.json
index a20fe2d..f7e7d05 100644
--- a/src/pages.json
+++ b/src/pages.json
@@ -55,6 +55,12 @@
 				"navigationBarTitleText": "我的"
 			}
 		},
+		{
+			"path": "pages/member/password",
+			"style": {
+				"navigationBarTitleText": "修改密码"
+			}
+		},
 		{
 			"path": "pages/member/cash-withdraw",
 			"style": {
@@ -77,7 +83,7 @@
 		{
 			"path": "pages/get/detail",
 			"style": {
-				"navigationBarTitleText": "单子详情"
+				"navigationBarTitleText": "订单详情"
 			}
 		}
 	],
diff --git a/src/pages/member/password.vue b/src/pages/member/password.vue
new file mode 100644
index 0000000..51f6a7b
--- /dev/null
+++ b/src/pages/member/password.vue
@@ -0,0 +1,150 @@
+<template>
+    <app-layout title="修改密码">
+        <view class="common-form-container">
+            <view class="input-item">
+                <view class="title-box">
+                    <text>验证码</text>
+                </view>
+                <view class="input-box">
+                    <input
+                        class="input"
+                        v-model="verificationCode"
+                        placeholder="请输入验证码"
+                        placeholder-class="placeholder-style-3"
+                    />
+                    <view class="get-code" @click="getVerifyCode">
+                        <text class="text active" v-if="canUse">获取验证码</text>
+                        <text class="text" v-else>{{ sec }}s后重新获取</text>
+                    </view>
+                </view>
+            </view>
+            <view class="input-item">
+                <view class="title-box">
+                    <text>新密码</text>
+                </view>
+                <view class="input-box">
+                    <input class="input" v-model="password" placeholder="请输入新密码" placeholder-class="placeholder-style-3" />
+                </view>
+            </view>
+        </view>
+        <view class="common-save-form-btn">
+            <view class="btn" @click="submit">修改</view>
+        </view>
+    </app-layout>
+</template>
+
+<script>
+import AppLayout from "@/components/layout/layout";
+import { mapState } from "vuex";
+export default {
+    name: "member-password",
+    data() {
+        return {
+            timeTask: null,
+            canUse: true,
+            sec: 0,
+            password: "",
+            verificationCode: "",
+        };
+    },
+    components: {
+        AppLayout,
+    },
+    computed: {
+        ...mapState({
+            isLogin: (state) => state.user.token.length > 0,
+            userInfo: (state) => state.user.info,
+        }),
+    },
+    onLoad() {
+        if (!this.isLogin) {
+            return this.$store.commit("user/showLoginModal", true);
+        }
+    },
+    onShow() {},
+    onReady() {},
+    onReachBottom() {},
+    onPullDownRefresh() {},
+    methods: {
+        /**
+         * 获取验证码
+         */
+        getVerifyCode() {
+            if (this.canUse) {
+                this.$models.user
+                    .sendVerificationCode(this.userInfo.mobile)
+                    .then((response) => {
+                        this.parseTime(60);
+                    })
+                    .catch((e) => {
+                        this.$utils.toast(e);
+                    });
+            } else {
+                this.$utils.toast("请稍后再试");
+            }
+        },
+        /**
+         * 倒计时
+         */
+        parseTime(sec) {
+            const that = this;
+            this.canUse = false;
+            this.sec = sec;
+            clearInterval(this.timeTask);
+            this.timeTask = setInterval(() => {
+                that.sec -= 1;
+                if (that.sec <= 0) {
+                    that.canUse = true;
+                    that.sec = 0;
+                }
+            }, 1000);
+        },
+        /**
+         * 修改密码
+         */
+        submit() {
+            this.$models.user
+                .resetPassword(
+                    {
+                        username: this.userInfo.mobile,
+                        password: this.password,
+                    },
+                    this.verificationCode
+                )
+                .then((message) => {
+                    this.$utils.toast(message).then(() => {
+                        this.$utils.toPage("", {}, "back");
+                    });
+                })
+                .catch((e) => {
+                    this.$utils.toast(e);
+                });
+        },
+    },
+};
+</script>
+
+<style lang="less" scoped>
+.common-form-container {
+    .input-item {
+        position: relative;
+    }
+    .get-code {
+        position: absolute;
+        top: 0;
+        right: 0;
+        display: inline-block;
+        padding: 24rpx 0;
+        .text {
+            font-size: 28rpx;
+            color: #999999;
+        }
+        .text.active {
+            color: #ffa800;
+        }
+    }
+    .title-box {
+        font-weight: normal;
+    }
+}
+</style>
\ No newline at end of file
diff --git a/src/pages/member/setting.vue b/src/pages/member/setting.vue
index 0ba731a..84fc554 100644
--- a/src/pages/member/setting.vue
+++ b/src/pages/member/setting.vue
@@ -8,7 +8,7 @@
                         <text class="content version">v1.02</text>
                     </view>
                 </view>
-                <view class="widget-item">
+                <view class="widget-item" @click="toPage('/pages/member/password')">
                     <text class="title limit-line clamp-1">密码管理</text>
                     <view class="item-content">
                         <text class="iconfont icon-jinru"></text>
@@ -32,12 +32,6 @@
                         <text class="iconfont icon-jinru"></text>
                     </view>
                 </view>
-                <view class="widget-item last">
-                    <text class="title limit-line clamp-1">注销账户</text>
-                    <view class="item-content">
-                        <text class="iconfont icon-jinru"></text>
-                    </view>
-                </view>
             </view>
             <view class="common-save-form-btn">
                 <view class="btn">退出账户</view>
@@ -61,7 +55,11 @@ export default {
     onReady() {},
     onReachBottom() {},
     onPullDownRefresh() {},
-    methods: {},
+    methods: {
+        toPage(url) {
+            this.$utils.toPage(url);
+        },
+    },
 };
 </script>