内容提交

longyvfengyun

2023-06-20 4d4f00c31561f961a8c7507ac5dbc2ac728e416c

内容提交

 src/components/FlexLayout.vue

@@ -90,7 +90,6 @@
        height: 100%;
    }
}

.flex-layout-body {
    flex: 1;
    background-color: #052272;

 src/components/MapPin.vue

@@ -59,6 +59,7 @@
.map-pin {
    position: absolute;
    cursor: pointer;
    z-index: 1;
    .map-pin-content {
        position: relative;
        top: -@size - @size*0.1;

 src/views/home/index.vue

@@ -47,8 +47,12 @@
</script>

<template>
    <flex-layout x-no-hidden>
        <div class="home-content" ref="homeContentDom">
        <map-pin
            name="数据机房"
            :c-width="cWidth" :c-height="cHeight"
            :d-width="dWidth" :d-height="dHeight"
            :x="0" :y="0"></map-pin>
            <map-pin
                name="数据机房"
                :c-width="cWidth" :c-height="cHeight"
@@ -83,9 +87,7 @@
                    </card-box>
                </div>
            </div>

        </div>
    </flex-layout>
</template>

<style scoped>

 src/views/mainLayout/components/PageHeader.vue

@@ -16,7 +16,6 @@

<template>
    <div class="header-wrapper">
        <flex-layout no-bg direction="row">
            <div class="header-left-wrapper">
                <span class="menu-state-icon" @click="changeMenuState">
                    <el-icon size="20">
@@ -27,7 +26,6 @@
                <span class="sys-name">安琪酵母（西藏）益生菌信息采集中心智能实验室</span>
                <span class="sys-version">V1.21</span>
            </div>
            <template #footer>
                <div class="page-header-right">
                    <div class="hdw-avatar">
                        <el-dropdown @command="commandClick" @visible-change="visibleChange">
@@ -50,27 +48,28 @@
                        </el-dropdown>
                    </div>
                </div>
            </template>
        </flex-layout>
    </div>
</template>

<style lang="less" scoped>
.header-left-wrapper {
    user-select: none;
    height: 64px;
.header-wrapper {
    display: flex;
}
.header-left-wrapper {
    flex: 1;
    user-select: none;
    height: 62px;
    align-items: center;
    padding-right: 150px;
    min-width: 12rem;
    background-image: url("@/assets/images/page-header-left-bg.png");
    background-repeat: no-repeat;
    background-size: 150% 100%;
    color: @font-color-high-light;
    width: 100vh;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    span {
        font-size: 24px;
        font-size: 32px;
        font-weight: bold;
        letter-spacing: 0.2rem;
        &.menu-state-icon {
@@ -87,7 +86,7 @@
        &.sys-version {
            padding-top: 8px;
            font-size: 16px;
            vertical-align: bottom;
            vertical-align: middle;
        }
    }
}

 src/views/mainLayout/index.vue

@@ -5,10 +5,10 @@
</script>

<template>
    <flex-layout no-bg direction="row" bg-img>
        <template v-slot:header>
    <div class="main-layout-wrapper">
        <div class="main-layout-menu">
            <slide-menu></slide-menu>
        </template>
        </div>
        <div class="main-layout-content">
            <div class="main-layout-absolute">
                <flex-layout no-bg>
@@ -21,15 +21,27 @@
                </flex-layout>
            </div>
        </div>
    </flex-layout>
    </div>
</template>

<style scoped>
.page-content {
<style lang="less" scoped>
.main-layout-wrapper {
    position: relative;
    display: flex;
    height: 100%;
    flex-direction: row;
    background-image: url("@/assets/images/dw_bg.jpg");
    background-size: 100% 100%;
    background-repeat: no-repeat;
    overflow: hidden;

    .main-layout-menu {
        overflow-y: auto;
}

.main-layout-content {
    position: relative;
        flex: 1;
    height: 100%;
    .main-layout-absolute {
        position: absolute;
@@ -39,4 +51,8 @@
        bottom: 0;
    }
}
}
.page-content {
    height: 100%;
}
</style>