| | |
| | | </el-tooltip> |
| | | <img :src="userInfo.avatar" |
| | | class="top-bar__img"> |
| | | <el-dropdown> |
| | | <div> |
| | | <el-dropdown style="height: 40px"> |
| | | <span class="el-dropdown-link"> |
| | | {{ userInfo.userName }} |
| | | <i class="el-icon-arrow-down el-icon--right"></i> |
| | |
| | | <el-dropdown-item> |
| | | <router-link to="/">{{ $t('navbar.dashboard') }}</router-link> |
| | | </el-dropdown-item> |
| | | <el-dropdown-item @click.native="changePasswordHandler"> |
| | | <!-- <router-link to="/info/index">{{ $t('navbar.userinfo') }}</router-link>--> |
| | | 修改密码 |
| | | <el-dropdown-item> |
| | | <router-link to="/info/index">{{ $t('navbar.userinfo') }}</router-link> |
| | | <!-- 修改密码--> |
| | | </el-dropdown-item> |
| | | <el-dropdown-item v-if="this.website.switchMode" @click.native="switchDept" |
| | | >{{ $t('navbar.switchDept') }} |
| | |
| | | </el-dropdown-item> |
| | | </el-dropdown-menu> |
| | | </el-dropdown> |
| | | </div> |
| | | |
| | | <el-dialog :visible.sync="userBox" |
| | | append-to-body |
| | | title="用户信息选择" |
| | |
| | | <avue-form ref="form" v-model="userForm" :option="userOption" @submit="submitSwitch"/> |
| | | </el-dialog> |
| | | |
| | | <!-- 修改密码对话框 --> |
| | | <el-dialog |
| | | v-dialogDrag |
| | | :visible.sync="passwordVisible" |
| | | append-to-body="true" |
| | | class="avue-dialog" |
| | | style="margin-top: -15vh" |
| | | title="修改密码" |
| | | width="50%" |
| | | @close="passwordClose"> |
| | | <avue-form ref="form" v-model="passwordForm" :option="passwordOption" @submit="submitSwitch"/> |
| | | </el-dialog> |
| | | </div> |
| | | </div> |
| | | </template> |
| | | <script> |
| | | import {resetRouter} from '@/router/router' |
| | | import {resetRouter} from '../../../router/router' |
| | | import {mapGetters, mapState} from "vuex"; |
| | | import {fullscreenToggel, listenfullscreen} from "@/util/util"; |
| | | import topLock from "./top-lock"; |
| | |
| | | import topColor from "./top-color"; |
| | | import topNotice from './top-notice' |
| | | import topLang from "./top-lang"; |
| | | import {changePassword} from "@/api/user" |
| | | import func from "@/util/func"; |
| | | |
| | | export default { |
| | | components: { |
| | |
| | | name: "top", |
| | | data() { |
| | | return { |
| | | passwordVisible: false, |
| | | passwordForm: {}, |
| | | passwordOption: { |
| | | submitText: '保存', |
| | | column: [ |
| | | { |
| | | label: '登陆密码', |
| | | prop: 'oldPassword', |
| | | span: 24, |
| | | labelWidth: "15%", |
| | | type: 'password', |
| | | rules: [ |
| | | { |
| | | required: true, |
| | | message: '请输入登陆密码', |
| | | trigger: 'blur' |
| | | } |
| | | ] |
| | | }, |
| | | { |
| | | label: '新登陆密码', |
| | | prop: 'password', |
| | | span: 24, |
| | | labelWidth: "15%", |
| | | type: 'password', |
| | | rules: [ |
| | | { |
| | | required: true, |
| | | message: '请输入新登陆密码', |
| | | trigger: 'blur' |
| | | } |
| | | ] |
| | | }, |
| | | { |
| | | label: '新密码登陆确认', |
| | | prop: 'confirmPassword', |
| | | span: 24, |
| | | labelWidth: "15%", |
| | | type: 'password', |
| | | rules: [ |
| | | { |
| | | required: true, |
| | | message: '请确认登陆密码', |
| | | trigger: 'blur' |
| | | } |
| | | ] |
| | | } |
| | | ] |
| | | }, |
| | | userBox: false, |
| | | userForm: { |
| | | deptId: '', |
| | |
| | | ]) |
| | | }, |
| | | methods: { |
| | | // 修改密码 |
| | | changePasswordHandler() { |
| | | this.passwordVisible = true; |
| | | }, |
| | | handleScreen() { |
| | | fullscreenToggel(); |
| | | }, |
| | |
| | | roleColumn.dicUrl = `/api/blade-system/role/select?userId=${userId}`; |
| | | roleColumn.display = true; |
| | | this.userBox = true; |
| | | }, |
| | | submitSwitch(form, done) { |
| | | let userInfo = JSON.parse(localStorage.getItem('saber-userInfo')); |
| | | let params = { |
| | | userName: userInfo.content.userId, |
| | | oldPassword: func.encryptData(form.oldPassword, 'daliantan0v0vcip'), |
| | | password: func.encryptData(form.password, 'daliantan0v0vcip'), |
| | | confirmPassword: func.encryptData(form.confirmPassword, 'daliantan0v0vcip'), |
| | | |
| | | } |
| | | changePassword(params).then(res => { |
| | | if (res.data.code === 200) { |
| | | this.$message.success(res.data.msg); |
| | | this.passwordVisible = false; |
| | | this.$store.dispatch("LogOut").then(() => { |
| | | resetRouter(); |
| | | this.$router.push({path: "/login"}); |
| | | }); |
| | | } |
| | | }).catch(err => { |
| | | console.log(err); |
| | | }) |
| | | done(); |
| | | }, |
| | | |
| | | // 关闭修改密码对话框 |