|
@@ -51,7 +51,44 @@
|
|
custom-class="side-dialog"
|
|
custom-class="side-dialog"
|
|
@close="() => $refs.passForm.clearValidate()"
|
|
@close="() => $refs.passForm.clearValidate()"
|
|
>
|
|
>
|
|
- <el-tabs v-model="userTabName">
|
|
|
|
|
|
+ <el-form
|
|
|
|
+ ref="passForm"
|
|
|
|
+ inline-message
|
|
|
|
+ class="form-tight"
|
|
|
|
+ :model="passForm"
|
|
|
|
+ :rules="passRules"
|
|
|
|
+ label-width="100px"
|
|
|
|
+ >
|
|
|
|
+ <el-form-item label="用户权限">{{ user.roleName }}</el-form-item>
|
|
|
|
+ <el-form-item label="旧密码" prop="oldPass">
|
|
|
|
+ <el-input
|
|
|
|
+ v-model="passForm.oldPass"
|
|
|
|
+ type="password"
|
|
|
|
+ class="dialog-input-width"
|
|
|
|
+ auto-complete="off"
|
|
|
|
+ placeholder="请输入旧密码"
|
|
|
|
+ />
|
|
|
|
+ </el-form-item>
|
|
|
|
+ <el-form-item label="新密码" prop="pass">
|
|
|
|
+ <el-input
|
|
|
|
+ v-model="passForm.pass"
|
|
|
|
+ type="password"
|
|
|
|
+ class="dialog-input-width"
|
|
|
|
+ auto-complete="off"
|
|
|
|
+ placeholder="请输入新密码"
|
|
|
|
+ />
|
|
|
|
+ </el-form-item>
|
|
|
|
+ <el-form-item label="确认新密码" prop="checkPass">
|
|
|
|
+ <el-input
|
|
|
|
+ v-model="passForm.checkPass"
|
|
|
|
+ type="password"
|
|
|
|
+ class="dialog-input-width"
|
|
|
|
+ auto-complete="off"
|
|
|
|
+ placeholder="请输入确认新密码"
|
|
|
|
+ />
|
|
|
|
+ </el-form-item>
|
|
|
|
+ </el-form>
|
|
|
|
+ <!-- <el-tabs v-model="userTabName">
|
|
<el-tab-pane label="用户权限" name="first">
|
|
<el-tab-pane label="用户权限" name="first">
|
|
<el-form :inline="true" label-position="right" label-width="90px">
|
|
<el-form :inline="true" label-position="right" label-width="90px">
|
|
<el-tag
|
|
<el-tag
|
|
@@ -65,36 +102,10 @@
|
|
</el-form>
|
|
</el-form>
|
|
</el-tab-pane>
|
|
</el-tab-pane>
|
|
<el-tab-pane label="修改密码" name="second">
|
|
<el-tab-pane label="修改密码" name="second">
|
|
- <el-form
|
|
|
|
- ref="passForm"
|
|
|
|
- inline-message
|
|
|
|
- class="form-tight"
|
|
|
|
- :model="passForm"
|
|
|
|
- :rules="passRules"
|
|
|
|
- label-width="80px"
|
|
|
|
- >
|
|
|
|
- <el-form-item label="密码" prop="pass">
|
|
|
|
- <el-input
|
|
|
|
- v-model="passForm.pass"
|
|
|
|
- type="password"
|
|
|
|
- class="dialog-input-width"
|
|
|
|
- auto-complete="off"
|
|
|
|
- placeholder="请输入密码"
|
|
|
|
- />
|
|
|
|
- </el-form-item>
|
|
|
|
- <el-form-item label="确认密码" prop="checkPass">
|
|
|
|
- <el-input
|
|
|
|
- v-model="passForm.checkPass"
|
|
|
|
- type="password"
|
|
|
|
- class="dialog-input-width"
|
|
|
|
- auto-complete="off"
|
|
|
|
- placeholder="请输入确认密码"
|
|
|
|
- />
|
|
|
|
- </el-form-item>
|
|
|
|
- </el-form>
|
|
|
|
|
|
+
|
|
</el-tab-pane>
|
|
</el-tab-pane>
|
|
- </el-tabs>
|
|
|
|
- <div v-if="userTabName === 'second'" slot="footer">
|
|
|
|
|
|
+ </el-tabs> -->
|
|
|
|
+ <div slot="footer">
|
|
<el-button type="primary" @click="submitForm">保存</el-button>
|
|
<el-button type="primary" @click="submitForm">保存</el-button>
|
|
<el-button type="danger" plain @click="userDialog = false"
|
|
<el-button type="danger" plain @click="userDialog = false"
|
|
>取消</el-button
|
|
>取消</el-button
|
|
@@ -185,11 +196,17 @@ export default {
|
|
callback();
|
|
callback();
|
|
}
|
|
}
|
|
};
|
|
};
|
|
|
|
+
|
|
var validatePassWeakPass = (rule, value, callback) => {
|
|
var validatePassWeakPass = (rule, value, callback) => {
|
|
- if (this.passWeakForm.checkPass !== "") {
|
|
|
|
- this.$refs.passWeakForm.validateField("checkPass");
|
|
|
|
|
|
+ // if (this.passWeakForm.checkPass !== "") {
|
|
|
|
+ // this.$refs.passWeakForm.validateField("checkPass");
|
|
|
|
+ // }
|
|
|
|
+ // callback();
|
|
|
|
+ if (!value) {
|
|
|
|
+ callback(new Error("请输入新密码!"));
|
|
|
|
+ } else {
|
|
|
|
+ callback();
|
|
}
|
|
}
|
|
- callback();
|
|
|
|
};
|
|
};
|
|
var validatePassWeakPass2 = (rule, value, callback) => {
|
|
var validatePassWeakPass2 = (rule, value, callback) => {
|
|
if (value !== this.passWeakForm.pass) {
|
|
if (value !== this.passWeakForm.pass) {
|
|
@@ -228,9 +245,10 @@ export default {
|
|
userDialog: false,
|
|
userDialog: false,
|
|
userTabName: "first",
|
|
userTabName: "first",
|
|
passWeakDialog: false,
|
|
passWeakDialog: false,
|
|
- passForm: { pass: "", checkPass: "" },
|
|
|
|
|
|
+ passForm: { oldPass: "", pass: "", checkPass: "" },
|
|
passWeakForm: { pass: "", checkPass: "" },
|
|
passWeakForm: { pass: "", checkPass: "" },
|
|
passRules: {
|
|
passRules: {
|
|
|
|
+ oldPass: [{ validator: validatePass, trigger: "blur" }, ...pwdRule],
|
|
pass: [{ validator: validatePass, trigger: "blur" }, ...pwdRule],
|
|
pass: [{ validator: validatePass, trigger: "blur" }, ...pwdRule],
|
|
checkPass: [{ validator: validatePass2, trigger: "blur" }, ...pwdRule],
|
|
checkPass: [{ validator: validatePass2, trigger: "blur" }, ...pwdRule],
|
|
},
|
|
},
|
|
@@ -279,8 +297,14 @@ export default {
|
|
submitForm() {
|
|
submitForm() {
|
|
this.$refs.passForm.validate((valid) => {
|
|
this.$refs.passForm.validate((valid) => {
|
|
if (valid) {
|
|
if (valid) {
|
|
|
|
+ var oldPass = encodeURIComponent(this.passForm.oldPass);
|
|
var password = encodeURIComponent(this.passForm.pass);
|
|
var password = encodeURIComponent(this.passForm.pass);
|
|
- var url = QUESTION_API + "/user/password?password=" + password;
|
|
|
|
|
|
+ var url =
|
|
|
|
+ QUESTION_API +
|
|
|
|
+ "/user/password?password=" +
|
|
|
|
+ password +
|
|
|
|
+ "&oldPass=" +
|
|
|
|
+ oldPass;
|
|
this.$httpWithMsg.put(url).then(() => {
|
|
this.$httpWithMsg.put(url).then(() => {
|
|
this.$notify({
|
|
this.$notify({
|
|
type: "success",
|
|
type: "success",
|