CanadaMes.git - Gitblit

			@@ -43,7 +43,10 @@
			<el-container>

			<el-header class="header-container">

			<!-- <div class="tagContainer">
			<tag></tag>

			</div> -->
			<el-menu :default-active="activePath1" class="el-menu-demo" mode="horizontal"
			background-color="#576574" text-color="#fff" active-text-color="#ffd04b">
			<div class="header-left">
			@@ -56,8 +59,27 @@
			</el-avatar>
			</template>
			<el-menu-item index="1-1" @click="logout">{{ $t('exit') }}</el-menu-item>
			<el-menu-item index="1-2" @click="showChangePasswordDialog">{{ $t('changePassword') }}</el-menu-item>
			</el-submenu>

			<template>
			<el-dialog title="修改密码" :visible.sync="dialogVisible" width="30%">
			<el-form ref="form" :model="formData" label-width="100px">
			<el-form-item label="旧密码">
			<el-input v-model="formData.oldPassword" type="password" show-password></el-input>
			</el-form-item>
			<el-form-item label="新密码">
			<el-input v-model="formData.newPassword" type="password" show-password></el-input>
			</el-form-item>
			<el-form-item label="确认新密码">
			<el-input v-model="formData.confirmPassword" type="password" show-password></el-input>
			</el-form-item>
			</el-form>
			<div slot="footer" class="dialog-footer">
			<el-button @click="dialogVisible = false">取消</el-button>
			<el-button type="primary" @click="savePassword">保存</el-button>
			</div>
			</el-dialog>
			</template>
			</el-menu>
			</el-header>
			<el-main>
			@@ -67,16 +89,26 @@
			</el-container>
			</template>



			<script>
			import {selectList} from '../api/menuList'
			import {changePassword} from '../api/user'
			import {removeToken} from "../utils/auth";
			import LanguageMixin from '../lang/LanguageMixin'
			// import Tag from '../layout/tag.vue';

			export default {
			name: "Layout",
			mixins: [LanguageMixin],
			data() {
			return {
			dialogVisible: false,
			formData: {
			oldPassword: '',
			newPassword: '',
			confirmPassword: ''
			},

			menuList: [],
			isCollapse: false,
			@@ -88,6 +120,9 @@
			}
			}
			},
			// components: {
			// Tag
			// },
			created() {
			selectList(this.menuListForm).then(res => {
			this.menuList = res.data
			@@ -105,6 +140,35 @@
			removeToken()
			this.$router.push('/login')
			},



			showChangePasswordDialog() {
			this.dialogVisible = true;
			},
			savePassword() {
			const { oldPassword, newPassword, confirmPassword } = this.formData;

			if (newPassword !== confirmPassword) {
			this.$message.error('新密码与确认密码不一致');
			return;
			}
			changePassword({oldPassword, newPassword}).then(res => {
			console.log(res.data);
			this.$message.success('密码修改成功');
			removeToken()
			this.$router.push('/login')

			}).catch(() => {

			});

			this.dialogVisible = false;
			},





			toggleCollapse: function () {
			this.isCollapse = !this.isCollapse;
			@@ -138,10 +202,10 @@


			}

			}
			}

			}

			</script>

			<style scoped lang="less">