From b624ceba2053f5f9d82a63ea0682ca87ca54dc12 Mon Sep 17 00:00:00 2001
From: odc.xiaohui <xiaohui@Q1>
Date: 星期三, 14 十二月 2022 16:35:30 +0800
Subject: [PATCH] 2022-12-14 肖辉 用户管理模块-新建用户密码校验修改 智能巡查模块-预警研判样式修改
---
src/views/layout/components/Header/updatePassword/index.vue | 306 ++++++++++++++++++++++++--------------------------
1 files changed, 145 insertions(+), 161 deletions(-)
diff --git a/src/views/layout/components/Header/updatePassword/index.vue b/src/views/layout/components/Header/updatePassword/index.vue
index cadfb72..5e5c04c 100644
--- a/src/views/layout/components/Header/updatePassword/index.vue
+++ b/src/views/layout/components/Header/updatePassword/index.vue
@@ -1,181 +1,165 @@
<template>
- <div class="createUser">
- <main>
- <div class="mainContent">
- <el-form ref="user" label-width="140px" :rules="createCarRules" autoComplete="on" :model="car"
- label-position="right">
- <!-- 杞︾墝鍙� -->
- <el-form-item class="optionItem" label="褰撳墠瀵嗙爜:" prop="carNumber">
- <el-input v-model="car.carNumber" placeholder="璇峰～鍐欏綋鍓嶅瘑鐮�" disabled></el-input>
- </el-form-item>
- <!-- 鎵�灞為儴闂� -->
- <el-form-item class="optionItems" label="鏂板瘑鐮�:" prop="depart">
- <el-input v-model="car.depart" placeholder="璇峰～鍐欐柊瀵嗙爜" disabled></el-input>
- </el-form-item>
- <!-- 鎵�灞炲ぇ闃� -->
- <el-form-item class="optionItems" label="纭畾鏂板瘑鐮�:" prop="belong">
- <el-input v-model="car.belong" placeholder="璇蜂簩娆″～鍐欐柊瀵嗙爜" disabled></el-input>
- </el-form-item>
- </el-form>
- </div>
- </main>
- </div>
+ <div class="createUser">
+ <main>
+ <div class="mainContent">
+ <el-form ref="password" label-width="140px" :rules="passwordRules" autoComplete="on" :model="password"
+ label-position="right">
+ <el-form-item class="optionItem" label="褰撳墠瀵嗙爜:" prop="oldPassword">
+ <el-input type="password" v-model="password.oldPassword" placeholder="璇峰～鍐欏綋鍓嶅瘑鐮�"></el-input>
+ </el-form-item>
+ <el-form-item class="optionItems" label="鏂板瘑鐮�:" prop="newPassword">
+ <el-input type="password" v-model="password.newPassword" placeholder="璇峰～鍐欐柊瀵嗙爜"></el-input>
+ </el-form-item>
+ <el-form-item class="optionItems" label="纭畾鏂板瘑鐮�:" prop="confirmPassword">
+ <el-input type="password" v-model="password.confirmPassword" placeholder="璇峰啀娆″～鍐欐柊瀵嗙爜"></el-input>
+ </el-form-item>
+ <el-form-item class="optionItems">
+ <el-button type="primary" @click="onSubmit">鎻愪氦</el-button>
+ </el-form-item>
+ </el-form>
+ </div>
+ </main>
+ </div>
</template>
<script>
-import {validateCarNum,validatePhone,validateName} from '@/utils/validate'
+import users from "@/api/users";
+
export default {
- data() {
- const checkCarNum = (rule, value, callback) => {
- if (value) {
- if(validateCarNum(value)){
- callback()
- }else{
- callback(new Error('璇疯緭鍏ユ纭殑杞︾墝鍙�'));
- }
- } else {
- callback(new Error('杞︾墝鍙蜂笉鑳戒负绌�'));
- }
+ data() {
+ const validatePass = (rule, value, callback) => {
+ if (!value) {
+ callback(new Error("鐢ㄦ埛瀵嗙爜涓嶈兘涓虹┖"));
+ } else {
+ if (value.length < 6 || value.length > 16) {
+ callback(new Error("鐢ㄦ埛瀵嗙爜闀垮害涓嶅悎娉�"));
+ } else {
+ const rep = /^\w+$/;
+ if (!rep.test(value)) {
+ callback(new Error("瀵嗙爜鍙兘鏄互鏁板瓧銆�26涓嫳鏂囧瓧姣嶆垨鑰呬笅鍒掔嚎缁勬垚鐨勫瓧绗︿覆"));
+ } else {
+ callback();
+ }
}
- const checkName = (rule, value, callback) => {
- if (value) {
- if(validateName(value)){
- callback()
- }else{
- callback(new Error('璇锋纭緭鍏ヨ溅涓诲鍚�'));
- }
- } else {
- callback(new Error('杞︿富濮撳悕涓嶈兘涓虹┖'));
- }
+ }
+ };
+ return {
+ updatePasswordParam: {
+ newPassword: "",
+ oldPassword: "",
+ username: ""
+ },
+ password: {
+ oldPassword: null,
+ newPassword: null,
+ confirmPassword: null
+ },
+ passwordRules: {
+ newPassword: [
+ {required: true, trigger: 'blur', message: '瀵嗙爜涓嶈兘涓虹┖'},
+ {validator: validatePass, trigger: 'blur'}
+ ],
+ oldPassword: [
+ {required: true, trigger: 'blur', message: '鏂板瘑鐮佷笉鑳戒负绌�'},
+ {validator: validatePass, trigger: 'blur'}
+ ],
+ confirmPassword: [
+ {required: true, trigger: 'blur', message: '鏂板瘑鐮佷笉鑳戒负绌�'},
+ {validator: validatePass, trigger: 'blur'}
+ ],
+ }
+ }
+ },
+ created() {
+ },
+ methods: {
+ onSubmit() {
+ this.$refs.password.validate(valid => {
+ if (valid) {
+ this.updatePasswordParam.oldPassword = this.password.oldPassword;
+ this.updatePasswordParam.username = sessionStorage.getItem('name');
+ this.updatePasswordParam.newPassword = this.password.newPassword;
+ users.updatePassword(this.updatePasswordParam)
+ .then(() => {
+ this.$message.success('淇敼瀵嗙爜鎴愬姛, 鍗冲皢閲嶆柊鐧诲綍');
+ this.logout();
+ location.reload();
+ })
+ .catch(err => this.$message.error(err))
}
- const checkUser = (rule, value, callback) => {
- if (value) {
- if(validateName(value)){
- callback()
- }else{
- callback(new Error('璇锋纭緭鍏ヨ溅杈嗕娇鐢ㄤ汉鍛�'));
- }
- } else {
- callback(new Error('杞﹁締浣跨敤浜哄憳涓嶈兘涓虹┖'));
- }
- }
- const checkPhone = (rule, value, callback) => {
- if (value) {
- if(validatePhone(value)){
- callback()
- }else{
- callback(new Error('璇疯緭鍏ユ纭殑鎵嬫満鍙�'));
- }
- } else {
- callback(new Error('鎵嬫満鍙风爜涓嶈兘涓虹┖'));
- }
- }
- return {
- car: {
- },
- createCarRules: {
- carNumber: [
- {
- required: true, trigger:'blur', validator: checkCarNum
- }
- ],
- contact: [
- {
- required: true,trigger:'blur', validator: checkPhone
- }
- ],
- // id: 0,
- ownerName: [
- {
- required: true,trigger:'blur', validator: checkName
- }
- ],
- vehicleUser: [
- {
- required: true,trigger:'blur', validator: checkUser
- }
- ]
- },
- teamList: [
- {
- label: '澶ч槦涓�',
- value: 1,
- },
- {
- label: '澶ч槦浜�',
- value: 2,
- },
- ]
- }
- },
- created() {
- },
- methods: {
- },
- // props: ['info']
+ })
+ }
+ ,
+ logout() {
+ users.logout()
+ .then(() => {
+ sessionStorage.clear();
+ })
+ .catch(err => this.$message.error(err))
+ }
+ },
}
</script>
<style lang="scss" scoped>
.createUser {
- border-radius: 1px;
+ border-radius: 1px;
+ background-color: #09152f;
+
+ main {
+ text-align: left;
+ padding: 0 55px;
background-color: #09152f;
+ padding-bottom: 50px;
- main {
- // border: 1px solid #fff;
- text-align: left;
- padding: 0 55px;
- background-color: #09152f;
- padding-bottom: 50px;
+ .mainContent {
+ display: flex;
+ justify-content: center;
+ padding-top: 50px;
- .mainContent {
- display: flex;
- justify-content: center;
- padding-top: 50px;
+ .el-form-item__content {
+ width: 400px;
- .el-form-item__content {
- width: 400px;
-
- .el-select {
- width: 100%;
- }
- }
-
- .optionHandleSp {
- display: flex;
-
- .areaNumber,
- .moreNumber {
- flex: 1;
- }
-
- .telNumber {
- flex: 2;
- }
- }
-
- .optionBtn {
- display: flex;
- margin-top: 20px;
-
- .btn {
- padding: 12px 50px;
- }
- }
-
+ .el-select {
+ width: 100%;
}
- }
+ }
- &::v-deep .el-textarea__inner {
- background-color: #09152f;
- border: 1px solid #17324c;
- }
+ .optionHandleSp {
+ display: flex;
- ::v-deep .el-form-item__label {
- color: #4b9bb7;
- }
+ .areaNumber,
+ .moreNumber {
+ flex: 1;
+ }
- ::v-deep .el-input__inner {
- background-color: #09152f;
- border: 1px solid #17324c;
+ .telNumber {
+ flex: 2;
+ }
+ }
+
+ .optionBtn {
+ display: flex;
+ margin-top: 20px;
+
+ .btn {
+ padding: 12px 50px;
+ }
+ }
+
}
+ }
+
+ &::v-deep .el-textarea__inner {
+ background-color: #09152f;
+ border: 1px solid #17324c;
+ }
+
+ ::v-deep .el-form-item__label {
+ color: #4b9bb7;
+ }
+
+ ::v-deep .el-input__inner {
+ background-color: #09152f;
+ border: 1px solid #17324c;
+ }
}
-</style>
\ No newline at end of file
+</style>
--
Gitblit v1.8.0