| | |
|---|
| | | </el-col> |
|---|
| | | </el-aside> |
|---|
| | | </div> |
|---|
| | | <el-container> |
|---|
| | | <div> |
|---|
| | | |
|---|
| | | </div> |
|---|
| | | <el-header class="header-container"> |
|---|
| | | <!-- <div class="tagContainer"> |
|---|
| | | <tag></tag> |
|---|
| | | |
|---|
| | | </div> --> |
|---|
| | | <el-container > |
|---|
| | | |
|---|
| | | <el-header class="header-container" > |
|---|
| | | |
|---|
| | | |
|---|
| | | <div class="tagContainer"> |
|---|
| | | <div class="tagContainer" > |
|---|
| | | <tag v-for="(tag, index) in tags" :key="index" :tag="tag" @removeTag="removeTag"></tag> |
|---|
| | | </div> |
|---|
| | | <el-menu :default-active="activePath1" class="el-menu-demo" mode="horizontal" |
|---|
| | | background-color="#576574" text-color="#fff" active-text-color="#ffd04b"> |
|---|
| | | <div class="header-left"> |
|---|
| | | <el-button :icon="isCollapse ? 'el-icon-s-unfold' : 'el-icon-s-fold'" @click="toggleCollapse"></el-button> |
|---|
| | | <div class="header-left" > |
|---|
| | | <el-button :icon="isCollapse ? 'el-icon-s-unfold' : 'el-icon-s-fold'" @click="toggleCollapse" style="height:30px"></el-button> |
|---|
| | | </div> |
|---|
| | | <el-submenu index="1" class="user-icon"> |
|---|
| | | <template > |
|---|
| | | <el-submenu index="1" class="custom-submenu" > |
|---|
| | | |
|---|
| | | <template slot="title"> |
|---|
| | | <el-avatar src="../assets/emi.png"> |
|---|
| | | <template slot="title"> |
|---|
| | | <el-avatar src="../assets/emi.png" style="width:30px;height:30px;margin-top:2px;"> |
|---|
| | | </el-avatar> |
|---|
| | | </template> |
|---|
| | | <el-menu-item index="1-1" @click="logout">{{ $t('exit') }}</el-menu-item> |
|---|
| | | <el-menu-item index="1-2" @click="showChangePasswordDialog">{{ $t('changePassword') }}</el-menu-item> |
|---|
| | | </template> |
|---|
| | | <el-menu-item index="1-1" @click="logout" >{{ $t('exit') }}</el-menu-item> |
|---|
| | | <el-menu-item index="1-2" @click="showChangePasswordDialog" >{{ $t('changePassword') }}</el-menu-item> |
|---|
| | | </el-submenu> |
|---|
| | | </template> |
|---|
| | | <template> |
|---|
| | | <el-dialog title="修改密码" :visible.sync="dialogVisible" width="30%"> |
|---|
| | | <el-form ref="form" :model="formData" label-width="100px"> |
|---|
| | | <el-dialog title="修改密码" :visible.sync="dialogVisible" width="30%" s> |
|---|
| | | <el-form ref="form" :model="formData" label-width="100px" > |
|---|
| | | <el-form-item label="旧密码"> |
|---|
| | | <el-input v-model="formData.oldPassword" type="password" show-password></el-input> |
|---|
| | | </el-form-item> |
|---|
| | |
|---|
| | | </script> |
|---|
| | | |
|---|
| | | <style scoped lang="less"> |
|---|
| | | .header-container { |
|---|
| | | display: flex; |
|---|
| | | justify-content: flex-start; |
|---|
| | | // .header-container { |
|---|
| | | // display: flex; |
|---|
| | | // justify-content: flex-start; |
|---|
| | | // height: 10px; /* 设置较小的高度 */ |
|---|
| | | // } |
|---|
| | | |
|---|
| | | .custom-submenu { |
|---|
| | | |
|---|
| | | |
|---|
| | | height: 90px !important; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .header-container { |
|---|
| | | |
|---|
| | | height: 30px !important; /* 设置较小的高度 */ |
|---|
| | | } |
|---|
| | | |
|---|
| | | |
|---|
| | | |
|---|
| | | .header-left { |
|---|
| | | margin-right: auto; |
|---|
| | | |
|---|
| | | } |
|---|
| | | .el-aside { |
|---|
| | | height: 100vh; |
|---|
| | |
|---|
| | | } |
|---|
| | | |
|---|
| | | .el-header { |
|---|
| | | padding: 0; |
|---|
| | | |
|---|
| | | background-color: #576574; |
|---|
| | | } |
|---|
| | | </style> |
|---|
