fix

pyt

2025-04-21 f7bb5c78d220b2db2239c79e9905ba17d5f0c05e

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
<template>
    <div>
        <div class="header_content">
            <div @click="$router.push('/home')" class="color1 fs--24 font-bold pointer">{{ userInfo.companyName }}</div>
            <div class="flex a-center j-between">
                <div class="flex a-center">
                    <div @click="userInfoShow = true" class="flex a-center mr--55 shrink0 pointer">
                        <div class="mr--24 fs--20 font-bold shrink0 color2">{{ $store.state.userName }}</div>
                        <img src="../assets/img/bianji@2x.png" class="w--23 h--23" />
                    </div>
                    <div @click="changePasswordShow = true" class="flex a-center mr--55 shrink0 pointer">
                        <div class="mr--24 fs--20 font-bold shrink0 color2">修改密码</div>
                        <img src="../assets/img/bianji@2x.png" class="w--23 h--23" />
                    </div>
                </div>
                <img @click="logOutShow = true" src="../assets/img/tuichu@2x.png" class="w--40 h--40 shrink0 pointer" />
            </div>
        </div>
        <LogOutComponent v-if="logOutShow" :show="logOutShow" @close="logOutShow = false" />
        <UserInfoComponent v-if="userInfoShow" :show="userInfoShow" @close="userInfoShow = false" />
        <ChangePassword v-if="changePasswordShow" :show="changePasswordShow" @close="changePasswordShow = false" />
    </div>
</template>
 
<script>
import UserInfoComponent from '@/component/userInfo.vue'
import LogOutComponent from '@/component/LogOut.vue'
import ChangePassword from '@/component/ChangePassword.vue'
export default {
    components: {
        UserInfoComponent,
        LogOutComponent,
        ChangePassword
    },
    props: {},
    data() {
        return {
            userInfo: JSON.parse(localStorage.getItem('userInfo')),
            logOutShow: false,
            userInfoShow: false,
            changePasswordShow: false
        };
    },
    computed: {},
    watch: {},
    created() { },
    mounted() { },
    methods: {},
};
</script>
<style scoped lang="less">
.header_content {
    width: calc(100% - 35px);
    height: 90px;
    background: #014099;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-left: 35px;
}
 
.color1 {
    color: #FFFFFF;
}
 
.color2 {
    color: #EDEDF3;
}
</style>