From 528c4590c60e18fc480b191cd284013ee8310723 Mon Sep 17 00:00:00 2001
From: luobisheng <727299681@qq.com>
Date: 星期五, 25 十一月 2022 15:24:33 +0800
Subject: [PATCH] 上传处置结果
---
src/views/layout/components/Header/updatePassword/index.vue | 138 ++++++++++++++-------------------------------
1 files changed, 44 insertions(+), 94 deletions(-)
diff --git a/src/views/layout/components/Header/updatePassword/index.vue b/src/views/layout/components/Header/updatePassword/index.vue
index 60f4736..cfe2094 100644
--- a/src/views/layout/components/Header/updatePassword/index.vue
+++ b/src/views/layout/components/Header/updatePassword/index.vue
@@ -2,118 +2,69 @@
<div class="createUser">
<main>
<div class="mainContent">
- <el-form ref="user" label-width="140px" :rules="createCarRules" autoComplete="on" :model="car"
+ <el-form ref="password" label-width="140px" :rules="passwordRules" autoComplete="on" :model="password"
label-position="right">
- <!-- 杞︾墝鍙� -->
- <el-form-item class="optionItem" label="褰撳墠瀵嗙爜:" prop="carNumber">
- <el-input v-model="car.carNumber" placeholder="璇峰～鍐欏綋鍓嶅瘑鐮�" disabled></el-input>
+ <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="depart">
- <el-input v-model="car.depart" placeholder="璇峰～鍐欐柊瀵嗙爜" disabled></el-input>
+ <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="belong">
- <el-input v-model="car.belong" placeholder="璇蜂簩娆″～鍐欐柊瀵嗙爜" disabled></el-input>
+ <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('杞︾墝鍙蜂笉鑳戒负绌�'));
- }
- }
- const checkName = (rule, value, callback) => {
- if (value) {
- if(validateName(value)){
- callback()
- }else{
- callback(new Error('璇锋纭緭鍏ヨ溅涓诲鍚�'));
- }
- } else {
- callback(new Error('杞︿富濮撳悕涓嶈兘涓虹┖'));
- }
- }
- 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,
- },
- ]
+ password: {
+ oldPassword: null,
+ newPassword: null,
+ confirmPassword: null
+ },
+ passwordRules: {
+ newPassword: [{ required: true, trigger: 'blur', message: '瀵嗙爜涓嶈兘涓虹┖' }],
+ oldPassword: [{ required: true, trigger: 'blur', message: '鏂板瘑鐮佷笉鑳戒负绌�' }],
+ confirmPassword: [{ required: true, trigger: 'blur', message: '鏂板瘑鐮佷笉鑳戒负绌�' }],
+ },
}
},
created() {
- // console.log(this.info);
- // this.car = JSON.parse(JSON.stringify(this.info));
},
methods: {
+ onSubmit() {
+ this.$refs.password.validate(valid => {
+ if (valid) {
+ const userName = JSON.parse(sessionStorage.getItem('name'));
+ const passwordParams = Object.assign({}, this.password);
+ delete passwordParams.confirmPassword;
+ users.updatePassword({ username: userName, ...passwordParams })
+ .then(() => {
+ this.$message.success('淇敼瀵嗙爜鎴愬姛, 鍗冲皢閲嶆柊鐧诲綍');
+ this.logout();
+ })
+ .catch(err => this.$message.error(err))
+ }
+ })
+ },
+ logout() {
+ users.logout()
+ .then(() => {
+ sessionStorage.clear();
+ })
+ .catch(err => this.$message.error(err))
+ }
},
- // props: ['info']
}
</script>
<style lang="scss" scoped>
@@ -122,7 +73,6 @@
background-color: #09152f;
main {
- // border: 1px solid #fff;
text-align: left;
padding: 0 55px;
background-color: #09152f;
--
Gitblit v1.8.0