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 |   70 +++++++++++++++++++---------------
 1 files changed, 39 insertions(+), 31 deletions(-)

diff --git a/src/layout/navBars/breadcrumb/user.vue b/src/layout/navBars/breadcrumb/user.vue
index b838098..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/companyLogo.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>
+<!--            <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="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>-->
@@ -57,7 +58,7 @@
             </div>
             <el-dropdown :show-timeout="70" :hide-timeout="50" @command="onHandleCommandClick">
                 <span class="layout-navbars-breadcrumb-user-link">
-                    <img src="../../../assets/avator.png" class="layout-navbars-breadcrumb-user-link-photo mr5" style="width: 24px;height: 24px"/>
+                    <img src="../../../assets/menu/icon.jpg" class="layout-navbars-breadcrumb-user-link-photo mr5" style="width: 24px;height: 24px"/>
                     {{ userInfos.userName }}
                     <el-icon class="el-icon--right">
                         <ele-ArrowDown />
@@ -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',
@@ -176,7 +180,7 @@
                 })
                     .then(async () => {
                         let res = await useLoginApi().signOut();
-                        if (res.data.code === '200') {
+                        if (res.data.code === 100) {
                             Session.clear(); // 清除缓存/token等
                             // 使用 reload 时,不需要调用 resetRoute() 重置路由
                             window.location.reload();
@@ -198,6 +202,10 @@
         const onSearchClick = () => {
             searchRef.value.openSearch();
         };
+
+        const openResetPwd = () => {
+          pwdRef.value.openDialog()
+        }
         // 组件大小改变
         const onComponentSizeChange = (size: string) => {
             Local.remove('themeConfig');
@@ -257,17 +265,16 @@
             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('有问题');
             }
         };
-        const backToMenu = () => {
-            router.push({ path: 'newMenu' }).then(()=>{
-                routeList.routesList.value = []
-                console.log(routeList);
-            });
-        };
+        // const backToMenu = () => {
+        //     router.push({ path: 'newMenu' }).then(()=>{
+        //         routeList.routesList.value = []
+        //         console.log(routeList);
+        //     });
+        // };
         const toHome = () => {
             router.push({ path: 'newMenu' });
         };
@@ -281,8 +288,8 @@
         });
         return {
             userInfos,
-            backToMenu,
             toHome,
+            openResetPwd,
             onLayoutSetingClick,
             onHandleCommandClick,
             onScreenfullClick,
@@ -290,6 +297,7 @@
             onComponentSizeChange,
             onLanguageChange,
             searchRef,
+            pwdRef,
             layoutUserFlexNum,
             ...toRefs(state)
         };
@@ -302,7 +310,7 @@
         .logo{
             img {
                 height: 100%;
-                cursor: pointer;
+                //cursor: pointer;
             }
             span{
                 font-size: 32px;
@@ -327,7 +335,7 @@
         .logo{
             img {
                 height: 90%;
-                cursor: pointer;
+                //cursor: pointer;
             }
             span{
                 font-size: 28px;
@@ -353,7 +361,7 @@
             img {
                 width: 60%;
                 height: auto;
-                cursor: pointer;
+                //cursor: pointer;
             }
             span{
                 font-size: 22px;

--
Gitblit v1.9.2