From 1f26c30a8d1c5e3d9ab262b382284c8ea96f29b2 Mon Sep 17 00:00:00 2001 From: 马宇豪 <978517621@qq.com> Date: 星期二, 05 十一月 2024 15:47:17 +0800 Subject: [PATCH] 修改密码 --- src/layout/navBars/breadcrumb/user.vue | 51 ++++++++++++++++++++++++++++++--------------------- 1 files changed, 30 insertions(+), 21 deletions(-) diff --git a/src/layout/navBars/breadcrumb/user.vue b/src/layout/navBars/breadcrumb/user.vue index b6245f3..18deb10 100644 --- a/src/layout/navBars/breadcrumb/user.vue +++ b/src/layout/navBars/breadcrumb/user.vue @@ -1,23 +1,24 @@ <template> <div class="layout-navbars-breadcrumb-user pr15" :style="{ flex: layoutUserFlexNum }"> <div class="logo"> - <img @click="toHome" src="../../../assets/menu/company.png" /> - <span>{{ systemName }}</span> +<!-- <img @click="toHome" src="../../../assets/menu/company.png" />--> + <img src="../../../assets/menu/company.png" /> +<!-- <span>{{ systemName }}</span>--> </div> <div style="display: flex; align-items: center; padding-right: 5px"> <!-- <div @click="backToMenu()" class="backBtn">返回首页</div>--> - <el-dropdown :show-timeout="70" :hide-timeout="50" trigger="click" @command="onComponentSizeChange"> - <div class="layout-navbars-breadcrumb-user-icon"> - <i class="iconfont icon-ziti" :title="$t('message.user.title0')"></i> - </div> - <template #dropdown> - <el-dropdown-menu> - <el-dropdown-item command="large" :disabled="disabledSize === 'large'">{{ $t('message.user.dropdownLarge') }}</el-dropdown-item> - <el-dropdown-item command="default" :disabled="disabledSize === 'default'">{{ $t('message.user.dropdownDefault') }}</el-dropdown-item> - <el-dropdown-item command="small" :disabled="disabledSize === 'small'">{{ $t('message.user.dropdownSmall') }}</el-dropdown-item> - </el-dropdown-menu> - </template> - </el-dropdown> +<!-- <el-dropdown :show-timeout="70" :hide-timeout="50" trigger="click" @command="onComponentSizeChange">--> +<!-- <div class="layout-navbars-breadcrumb-user-icon">--> +<!-- <i class="iconfont icon-ziti" :title="$t('message.user.title0')"></i>--> +<!-- </div>--> +<!-- <template #dropdown>--> +<!-- <el-dropdown-menu>--> +<!-- <el-dropdown-item command="large" :disabled="disabledSize === 'large'">{{ $t('message.user.dropdownLarge') }}</el-dropdown-item>--> +<!-- <el-dropdown-item command="default" :disabled="disabledSize === 'default'">{{ $t('message.user.dropdownDefault') }}</el-dropdown-item>--> +<!-- <el-dropdown-item command="small" :disabled="disabledSize === 'small'">{{ $t('message.user.dropdownSmall') }}</el-dropdown-item>--> +<!-- </el-dropdown-menu>--> +<!-- </template>--> +<!-- </el-dropdown>--> <!-- <el-dropdown :show-timeout="70" :hide-timeout="50" trigger="click" @command="onLanguageChange">--> <!-- <div class="layout-navbars-breadcrumb-user-icon">--> <!-- <i class="iconfont" :class="disabledI18n === 'en' ? 'icon-fuhao-yingwen' : 'icon-fuhao-zhongwen'" :title="$t('message.user.title1')"></i>--> @@ -65,8 +66,8 @@ </span> <template #dropdown> <el-dropdown-menu> - <el-dropdown-item command="/newMenu">{{ $t('message.user.dropdown1') }}</el-dropdown-item> - <!-- <el-dropdown-item command="wareHouse">{{ $t('message.user.dropdown6') }}</el-dropdown-item>--> + <el-dropdown-item command="/project">{{ $t('message.user.dropdown1') }}</el-dropdown-item> + <el-dropdown-item @click="openResetPwd">修改密码</el-dropdown-item> <!-- <el-dropdown-item command="/personal">{{ $t('message.user.dropdown2') }}</el-dropdown-item>--> <!-- <el-dropdown-item command="/404">{{ $t('message.user.dropdown3') }}</el-dropdown-item>--> <!-- <el-dropdown-item command="/401">{{ $t('message.user.dropdown4') }}</el-dropdown-item>--> @@ -74,6 +75,7 @@ </el-dropdown-menu> </template> </el-dropdown> + <reset-pwd ref="pwdRef"></reset-pwd> <Search ref="searchRef" /> </div> </div> @@ -102,10 +104,11 @@ import { dynamicRoutes } from '/@/router/route'; import Cookies from 'js-cookie'; import {useRoutesList} from "/@/stores/routesList"; +import ResetPwd from "/@/views/system/user/component/resetPwd.vue"; export default defineComponent({ name: 'layoutBreadcrumbUser', - components: { UserNews, Search }, + components: { UserNews, Search, ResetPwd}, setup() { const { t } = useI18n(); const { proxy } = <any>getCurrentInstance(); @@ -116,6 +119,7 @@ const { userInfos } = storeToRefs(stores); const { themeConfig } = storeToRefs(storesThemeConfig); const searchRef = ref(); + const pwdRef = ref() const state = reactive({ isScreenfull: false, disabledI18n: 'zh-cn', @@ -198,6 +202,10 @@ const onSearchClick = () => { searchRef.value.openSearch(); }; + + const openResetPwd = () => { + pwdRef.value.openDialog() + } // 组件大小改变 const onComponentSizeChange = (size: string) => { Local.remove('themeConfig'); @@ -257,7 +265,6 @@ const res = await menuApi.getMenuAdmin(Cookies.get('projectId') === null ? '' : Cookies.get('projectId')); if (res.data.code === '200') { state.systemName = res.data.data[1].project.projectName; - console.log(state.systemName); } else { console.log('有问题'); } @@ -282,6 +289,7 @@ return { userInfos, toHome, + openResetPwd, onLayoutSetingClick, onHandleCommandClick, onScreenfullClick, @@ -289,6 +297,7 @@ onComponentSizeChange, onLanguageChange, searchRef, + pwdRef, layoutUserFlexNum, ...toRefs(state) }; @@ -301,7 +310,7 @@ .logo{ img { height: 100%; - cursor: pointer; + //cursor: pointer; } span{ font-size: 32px; @@ -326,7 +335,7 @@ .logo{ img { height: 90%; - cursor: pointer; + //cursor: pointer; } span{ font-size: 28px; @@ -352,7 +361,7 @@ img { width: 60%; height: auto; - cursor: pointer; + //cursor: pointer; } span{ font-size: 22px; -- Gitblit v1.9.2