朱兆平 / vue_cli · 提交

转到一个项目

作者 xudada
提交 0d260019d4b2e75045d9a1fa574d107728ef10bc 1 个父辈 bdd5dfc3

用户密码修改

内嵌 并排对比
正在显示 3 个修改的文件 包含 94 行增加 和 4 行删除
@@ -30,8 +30,8 @@ module.exports = { @@ -30,8 +30,8 @@ module.exports = {
30 assetsPublicPath: '/', 30 assetsPublicPath: '/',
31 proxyTable: { 31 proxyTable: {
32 '/api':{ 32 '/api':{
33 - // target: 'http://192.168.1.53:12343',//设置你调用的接口域名和端口号 别忘了加http  
34 - target: 'http://localhost:12343',//设置你调用的接口域名和端口号 别忘了加http 33 + target: 'http://192.168.1.53:12343',//设置你调用的接口域名和端口号 别忘了加http
  34 + //target: 'http://localhost:12343',//设置你调用的接口域名和端口号 别忘了加http
35 changeOrigin: true, 35 changeOrigin: true,
36 pathRewrite: { 36 pathRewrite: {
37 '^/api/': '/'//这里理解成用‘/api’代替target里面的地址，后面组件中我们掉接口时直接用api代替 比如我要调用'http://40.00.100.100:3002/user/add'，直接写‘/api/user/add’即可 37 '^/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)}; @@ -9,6 +9,7 @@ export const removeUser = params => { return http.del(`/user/del`,params)};
9 export const batchRemoveUser = params => { return http.del(`/user/batchremove`, { params: params }); }; 9 export const batchRemoveUser = params => { return http.del(`/user/batchremove`, { params: params }); };
10 10
11 export const editUser = params => { return http.put(`/user/edit`,params)}; 11 export const editUser = params => { return http.put(`/user/edit`,params)};
  12 +export const editPass = params => { return http.put(`${baseUrl}/password`,params)};
12 13
13 export const addUser = params => { return http.post(`/user/add`,params)}; 14 export const addUser = params => { return http.post(`/user/add`,params)};
14 15
@@ -14,12 +14,31 @@ @@ -14,12 +14,31 @@
14 <span class="el-dropdown-link userinfo-inner"><img :src="this.sysUserAvatar" /> {{sysUserName}}</span> 14 <span class="el-dropdown-link userinfo-inner"><img :src="this.sysUserAvatar" /> {{sysUserName}}</span>
15 <el-dropdown-menu slot="dropdown"> 15 <el-dropdown-menu slot="dropdown">
16 <el-dropdown-item>我的消息</el-dropdown-item> 16 <el-dropdown-item>我的消息</el-dropdown-item>
17 - <el-dropdown-item>设置</el-dropdown-item> 17 + <el-dropdown-item @click.native="editPass">修改密码</el-dropdown-item>
18 <el-dropdown-item divided @click.native="logout">退出登录</el-dropdown-item> 18 <el-dropdown-item divided @click.native="logout">退出登录</el-dropdown-item>
19 </el-dropdown-menu> 19 </el-dropdown-menu>
20 </el-dropdown> 20 </el-dropdown>
21 </el-col> 21 </el-col>
22 </el-col> 22 </el-col>
  23 + <el-col>
  24 + <el-dialog title="修改密码" :visible.sync="dialogFormVisible">
  25 + <el-form :model="resetForm" status-icon :rules="resetFormRules" ref="resetForm" label-width="100px">
  26 + <el-form-item label="用户名" prop="name">
  27 + <span>{{sysUserName}}</span>
  28 + </el-form-item>
  29 + <el-form-item label="新密码" prop="newpwd">
  30 + <el-input type="password" v-model="resetForm.newpwd" auto-complete="off"></el-input>
  31 + </el-form-item>
  32 + <el-form-item label="确认密码" prop="renewpwd">
  33 + <el-input type="password" v-model="resetForm.renewpwd" auto-complete="off"></el-input>
  34 + </el-form-item>
  35 + <el-form-item>
  36 + <el-button type="primary" @click="submitEdit('resetForm')" style="float:right">提 交</el-button>
  37 + </el-form-item>
  38 +
  39 + </el-form>
  40 + </el-dialog>
  41 + </el-col>
23 <el-col :span="24" class="main"> 42 <el-col :span="24" class="main">
24 <aside :class="collapsed?'menu-collapsed':'menu-expanded'"> 43 <aside :class="collapsed?'menu-collapsed':'menu-expanded'">
25 <!--导航菜单--> 44 <!--导航菜单-->
@@ -72,12 +91,34 @@ @@ -72,12 +91,34 @@
72 91
73 <script> 92 <script>
74 import rt from '../routes' 93 import rt from '../routes'
  94 + import { editPass} from '../api/user';
  95 + import ElFormItem from "element-ui/packages/form/src/form-item";
75 export default { 96 export default {
  97 + components: {ElFormItem},
76 data() { 98 data() {
  99 + var validatePass = (rule, value, callback) => {
  100 + if (!value) {
  101 + callback(new Error('请输入新密码'));
  102 + } else if (value.toString().length < 6 || value.toString().length > 18) {
  103 + callback(new Error('密码长度为6 - 18个字符'))
  104 + } else {
  105 + callback();
  106 + }
  107 + };
  108 + var validatePass2 = (rule, value, callback) => {
  109 + if (value === '') {
  110 + callback(new Error('请再次输入密码'));
  111 + } else if (value !== this.resetForm.newpwd) {
  112 + callback(new Error('两次输入密码不一致!'));
  113 + } else {
  114 + callback();
  115 + }
  116 + };
77 return { 117 return {
78 sysName:'易通快速通关申报管理系统', 118 sysName:'易通快速通关申报管理系统',
79 collapsed:false, 119 collapsed:false,
80 sysUserName: '', 120 sysUserName: '',
  121 + sysUserId:'',
81 sysUserAvatar: '', 122 sysUserAvatar: '',
82 form: { 123 form: {
83 name: '', 124 name: '',
@@ -88,10 +129,57 @@ @@ -88,10 +129,57 @@
88 type: [], 129 type: [],
89 resource: '', 130 resource: '',
90 desc: '' 131 desc: ''
91 - } 132 + },
  133 + dialogFormVisible:false,
  134 + resetForm: {
  135 + newpwd: '',
  136 + renewpwd: '',
  137 + },
  138 + resetFormRules: {
  139 + newpwd: [
  140 + { required: true, validator: validatePass, trigger: 'blur' }
  141 + ],
  142 + renewpwd: [
  143 + { required: true, validator: validatePass2, trigger: 'blur' }
  144 + ]
  145 + },
  146 + editForm: {
  147 + userId: '',
  148 + password: '',
  149 + },
92 } 150 }
93 }, 151 },
94 methods: { 152 methods: {
  153 + editPass:function(){
  154 + this.dialogFormVisible=true;
  155 + },
  156 + submitEdit(formName){
  157 + this.$refs[formName].validate((valid) => {
  158 + if (valid) {
  159 + this.editForm.userId=this.sysUserId;
  160 + this.editForm.password=this.resetForm.renewpwd;
  161 + editPass(this.editForm).then(res=>{
  162 + let response=res.data;
  163 + if(response.code=='200'){
  164 + this.$notify({
  165 + title: '密码修改成功',
  166 + message: '密码修改成功，退出请重新登录',
  167 + type: 'success'
  168 + });
  169 + this.dialogFormVisible=false;
  170 + }else{
  171 + this.$notify.error({
  172 + title: '密码修改失败',
  173 + message: '密码修改失败！！！'
  174 + });
  175 + }
  176 + });
  177 + } else {
  178 + console.log('error submit!!');
  179 + return false;
  180 + }
  181 + });
  182 + },
95 onSubmit() { 183 onSubmit() {
96 console.log('submit!'); 184 console.log('submit!');
97 }, 185 },
@@ -139,6 +227,7 @@ @@ -139,6 +227,7 @@
139 if (user) { 227 if (user) {
140 user = JSON.parse(user); 228 user = JSON.parse(user);
141 this.sysUserName = user.username || ''; 229 this.sysUserName = user.username || '';
  230 + this.sysUserId=user.userId||'';
142 this.sysUserAvatar = user.userface || '/static/images/faceDefault.jpg'; 231 this.sysUserAvatar = user.userface || '/static/images/faceDefault.jpg';
143 } 232 }
144 //操作路由,判断本地存储的用户栏目列表是否存在，如果存在则加载路由 233 //操作路由,判断本地存储的用户栏目列表是否存在，如果存在则加载路由