更新

src/layout/layout-part/parts/passwdDia.vue

@@ -3,11 +3,11 @@
     <el-row>
       <el-col :span="24">
         <el-form :model="form" :rules="rules" ref="form" label-width="100px" class="demo-ruleForm">
-          <el-form-item label="旧密码" prop="oldPassword">
-            <el-input v-model="form.oldPassword" placeholder="请输入旧密码" show-password></el-input>
+          <el-form-item label="旧密码" prop="oldpasswd">
+            <el-input v-model="form.oldpasswd" placeholder="请输入旧密码" show-password></el-input>
           </el-form-item>
-          <el-form-item label="新密码" prop="newPassword">
-            <el-input v-model="form.newPassword" placeholder="请输入新密码" show-password></el-input>
+          <el-form-item label="新密码" prop="newpasswd">
+            <el-input v-model="form.newpasswd" placeholder="请输入新密码" show-password></el-input>
           </el-form-item>
           <el-form-item>
             <el-button type="primary" @click="submitForm('form')">保存</el-button>
@@ -20,6 +20,7 @@
 
 <script>
 import { mapState, createNamespacedHelpers } from 'vuex';
+const { mapActions: login } = createNamespacedHelpers('login');
 export default {
   name: 'passwdDia',
   props: {},
@@ -27,18 +28,21 @@ export default {
   data: function() {
     return {
       rules: {
-        oldPassword: [{ required: true, message: '请输入旧密码', trigger: 'blur' }],
-        newPassword: [{ required: true, message: '请输入新密码', trigger: 'blur' }],
+        oldpasswd: [{ required: true, message: '请输入旧密码', trigger: 'blur' }],
+        newpasswd: [{ required: true, message: '请输入新密码', trigger: 'blur' }],
       },
       form: {},
     };
   },
   created() {},
   methods: {
+    ...login({ loginUpdate: 'update' }),
     submitForm(formName) {
-      this.$refs[formName].validate(valid => {
+      this.$refs[formName].validate(async valid => {
         if (valid) {
-          alert('submit!');
+          this.form.id = this.user.id;
+          let res = this.loginUpdate(this.form);
+          console.log(res);
         } else {
           console.log('error submit!!');
           return false;

src/store/login.js

@@ -10,7 +10,7 @@ const api = {
   loginInfo: `/api/onlive/login`,
   getUser: `/api/onlive/token`,
   logoutInfo: `/api/onlive/logout`,
-  uppasswdInfo: `/api/onlive/uppasswd`,
+  uppasswdInfo: `/api/onlive/user/uppasswd`,
 };
 const state = () => ({});
 const mutations = {};
@@ -95,7 +95,7 @@ const actions = {
   },
   async update({ commit }, payload) {
     let res = await this.$axios.$post(`${api.uppasswdInfo}`, {
-      data: payload,
+      payload,
     });
     return res;
   },