用户密码修改

@@ -30,8 +30,8 @@ module.exports = {
     assetsPublicPath: '/',
     proxyTable: {
       '/api':{
-          // target: 'http://192.168.1.53:12343',//设置你调用的接口域名和端口号 别忘了加http
-          target: 'http://localhost:12343',//设置你调用的接口域名和端口号 别忘了加http
+           target: 'http://192.168.1.53:12343',//设置你调用的接口域名和端口号 别忘了加http
+          //target: 'http://localhost:12343',//设置你调用的接口域名和端口号 别忘了加http
           changeOrigin: true,
           pathRewrite: {
               '^/api/': '/'//这里理解成用‘/api’代替target里面的地址，后面组件中我们掉接口时直接用api代替 比如我要调用'http://40.00.100.100:3002/user/add'，直接写‘/api/user/add’即可

@@ -9,6 +9,7 @@ export const removeUser = params => { return http.del(`/user/del`,params)};
 export const batchRemoveUser = params => { return http.del(`/user/batchremove`, { params: params }); };
 
 export const editUser = params => { return http.put(`/user/edit`,params)};
+export const editPass = params => { return http.put(`${baseUrl}/password`,params)};
 
 export const addUser = params => { return http.post(`/user/add`,params)};
 

@@ -14,12 +14,31 @@
                     <span class="el-dropdown-link userinfo-inner"><img :src="this.sysUserAvatar" /> {{sysUserName}}</span>
                     <el-dropdown-menu slot="dropdown">
                         <el-dropdown-item>我的消息</el-dropdown-item>
-                        <el-dropdown-item>设置</el-dropdown-item>
+                        <el-dropdown-item @click.native="editPass">修改密码</el-dropdown-item>
                         <el-dropdown-item divided @click.native="logout">退出登录</el-dropdown-item>
                     </el-dropdown-menu>
                 </el-dropdown>
             </el-col>
         </el-col>
+        <el-col>
+            <el-dialog title="修改密码" :visible.sync="dialogFormVisible">
+                <el-form :model="resetForm" status-icon :rules="resetFormRules" ref="resetForm" label-width="100px">
+                    <el-form-item label="用户名" prop="name">
+                        <span>{{sysUserName}}</span>
+                    </el-form-item>
+                    <el-form-item label="新密码" prop="newpwd">
+                        <el-input type="password" v-model="resetForm.newpwd" auto-complete="off"></el-input>
+                    </el-form-item>
+                    <el-form-item label="确认密码" prop="renewpwd">
+                        <el-input type="password" v-model="resetForm.renewpwd" auto-complete="off"></el-input>
+                    </el-form-item>
+                    <el-form-item>
+                        <el-button type="primary" @click="submitEdit('resetForm')" style="float:right">提 交</el-button>
+                    </el-form-item>
+
+                </el-form>
+            </el-dialog>
+        </el-col>
         <el-col :span="24" class="main">
             <aside :class="collapsed?'menu-collapsed':'menu-expanded'">
                 <!--导航菜单-->
@@ -72,12 +91,34 @@
 
 <script>
     import rt from '../routes'
+    import { editPass} from '../api/user';
+    import ElFormItem from "element-ui/packages/form/src/form-item";
     export default {
+        components: {ElFormItem},
         data() {
+            var validatePass = (rule, value, callback) => {
+                if (!value) {
+                    callback(new Error('请输入新密码'));
+                } else if (value.toString().length < 6 || value.toString().length > 18) {
+                    callback(new Error('密码长度为6 - 18个字符'))
+                } else {
+                    callback();
+                }
+            };
+            var validatePass2 = (rule, value, callback) => {
+                if (value === '') {
+                    callback(new Error('请再次输入密码'));
+                } else if (value !== this.resetForm.newpwd) {
+                    callback(new Error('两次输入密码不一致!'));
+                } else {
+                    callback();
+                }
+            };
             return {
                 sysName:'易通快速通关申报管理系统',
                 collapsed:false,
                 sysUserName: '',
+                sysUserId:'',
                 sysUserAvatar: '',
                 form: {
                     name: '',
@@ -88,10 +129,57 @@
                     type: [],
                     resource: '',
                     desc: ''
-                }
+                },
+                dialogFormVisible:false,
+                resetForm: {
+                    newpwd: '',
+                    renewpwd: '',
+                },
+                resetFormRules: {
+                    newpwd: [
+                        { required: true, validator: validatePass, trigger: 'blur' }
+                    ],
+                    renewpwd: [
+                        { required: true, validator: validatePass2, trigger: 'blur' }
+                    ]
+                },
+                editForm: {
+                    userId: '',
+                    password: '',
+                },
             }
         },
         methods: {
+            editPass:function(){
+                this.dialogFormVisible=true;
+            },
+            submitEdit(formName){
+                this.$refs[formName].validate((valid) => {
+                    if (valid) {
+                        this.editForm.userId=this.sysUserId;
+                        this.editForm.password=this.resetForm.renewpwd;
+                        editPass(this.editForm).then(res=>{
+                            let response=res.data;
+                            if(response.code=='200'){
+                                this.$notify({
+                                    title: '密码修改成功',
+                                    message: '密码修改成功，退出请重新登录',
+                                    type: 'success'
+                                });
+                                this.dialogFormVisible=false;
+                            }else{
+                                this.$notify.error({
+                                    title: '密码修改失败',
+                                    message: '密码修改失败！！！'
+                                });
+                            }
+                        });
+                    } else {
+                        console.log('error submit!!');
+                        return false;
+                    }
+                });
+            },
             onSubmit() {
                 console.log('submit!');
             },
@@ -139,6 +227,7 @@
             if (user) {
                 user = JSON.parse(user);
                 this.sysUserName = user.username || '';
+                this.sysUserId=user.userId||'';
                 this.sysUserAvatar = user.userface || '/static/images/faceDefault.jpg';
             }
             //操作路由,判断本地存储的用户栏目列表是否存在，如果存在则加载路由