解润东

20220928
功能修改

src/router/index.js

@@ -790,6 +790,15 @@ const routes = [{
   },
   component: () => import('@/views/my/resetPas')
 },
+{
+    path: '/my-reset-pas-two',
+    name: 'my-reset-pas-two',
+    meta: {
+      title: '修改密码',
+      index: 1
+    },
+    component: () => import('@/views/my/resetPasTwo')
+  },
 {
   path: '/matrix-grad',
   name: 'matrix-grad',

src/views/Login2.vue

@@ -126,7 +126,8 @@ export default {
                 localStorage.setItem('pwd',encrypt(this.password))
                 localStorage.setItem('username',this.username)
                 setToken(Response.data)
-                this.$router.push('/save-workbench')
+                this.$router.push('/my-reset-pas-two')
+                // this.$router.push('/save-workbench')
             }else if(Response.code==301){
                 this.$toast.clear()
                 this.$toast.fail({

src/views/my/resetPasTwo.vue

+<template>
+    <div>
+        <!-- 修改密码页面 -->
+        <!-- 头部标签 -->
+        <LHeader :text="$route.meta.title"></LHeader>
+
+        <van-form
+            @submit="onSubmit"
+            :scroll-to-error="true"
+            :show-error="false"
+            validate-trigger="onSubmit"
+        >
+            <van-field
+                v-model="form.oldPassword"
+                required
+                type="text"
+                name="oldPassword"
+                label="旧密码"
+                placeholder="请输入旧密码"
+                :rules="[{ required: true, message: '请填写密码' }]"
+            />
+            <van-field
+                required
+                v-model="form.newPassword"
+                type="password"
+                name="newPassword"
+                label="新密码"
+                placeholder="请输入新密码"
+                :rules="[
+                    { required: true, message: '请填写密码' },
+                    {
+                        message: '密码必须大于6个字符小于20个字符',
+                        validator: (val) => {
+                            return val['length'] >= 6 && val['length'] < 20;
+                        },
+                    },
+                ]"
+            />
+            <van-field
+                required
+                v-model="form.confirm"
+                type="password"
+                name="confirm"
+                label="再次输入"
+                placeholder="再次输入新密码"
+                :rules="[
+                    { validator, required: true, message: '二次密码输入不一致' },
+                    {
+                        message: '密码必须大于等于6个字符小于20个字符',
+                        validator: (val) => {
+                            return val['length'] >= 6 && val['length'] < 20;
+                        },
+                    },
+                ]"
+            />
+
+            <div style="margin: 16px">
+                <van-button round block type="info" native-type="submit"
+                    >提交
+                </van-button>
+            </div>
+        </van-form>
+    </div>
+</template>
+
+<script>
+import LHeader from "@/components/header.vue";
+import { getFun, postFun } from "@/service/table.js";
+import { encrypt, decrypt } from '@/utils/jsencrypt'
+import { getUserInfo } from "@/utils/userInfo";
+import { removeToken } from "@/utils/auth"; // get token from cookie
+export default {
+    components: {
+        LHeader,
+    },
+    data() {
+        return {
+            form: {
+                oldPassword: "",
+                newPassword: "",
+                confirm: "",
+            },
+        };
+    },
+    mounted() {
+        console.log(getUserInfo());
+    },
+    methods: {
+        validator(val) {
+            return this.form.newPassword == val;
+        },
+        onSubmit(val) {
+            this.$toast.loading({
+                message: "请求中...",
+                forbidClick: true,
+                loadingType: "spinner",
+                duration: 0,
+            });
+            postFun("/mobile/resetPwd", this.obj2formdata(val))
+                .then((data) => {
+                    if (data.code == 0) {
+                        this.$toast.clear();
+                        this.$toast.success('密码修改成功!');
+                        // this.$router.back()
+                        localStorage.setItem('pwd',encrypt(this.form.newPassword))
+                        this.$router.push('/save-workbench')
+                    }
+                })
+        },
+        obj2formdata(data) {
+            console.log(data, "fasfasdfsd");
+            let fd = new FormData();
+            for (let k in data) {
+                if (data[k]) {
+                    fd.append(k, data[k]);
+                }
+            }
+            return fd;
+        },
+    },
+};
+</script>
+
+<style>
+</style>
\ No newline at end of file