vue+饿了么 后台管理 布局

home.vue布局页面

我来照顾运营管理平台

<el-menu :default-active=“$route.path”

class=“el-menu-vertical-demo”

unique-opened router

@open=“handleOpen”

v-if=“!isCollapse”

:collapse=“isCollapse”

:class=“{‘isCollapseFalseStyle’:isCollapse!=true}”>

<span slot=“title” :class=“{‘navName’: isActive == item.path}” @click=“clickname(item.path)”>{{item.name}}

<el-menu-item v-for=“child in item.children” :index=“child.path” :key=“child.path”

v-if=“!child.hidden”>{{child.name}}

{{item.children[0].name}}

<i :class=“[isCollapse==false?‘el-icon-s-fold’:‘el-icon-s-unfold’]” @click=“changeMenu”>

{{item.name}}

rightmenu.vue 布局页面header的子组件

{{ fullName }}

<img src=“https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1562068714079&di=a1260d80c5ee35880c3e7cbf0a27461c&imgtype=0&src=http%3A%2F%2Fhbimg.b0.upaiyun.com%2F655ba5b31bc6243428a306b10a7f895b36d3d3d35a1e-5phgk4_fw658”

style=“width:40px;height:40px;border-radius:20px;cursor:pointer;”>

<span style=“display:block;” @click=“userInfo”>账号信息

<span style=“display:block;” @click=“update”>修改密码

<span style=“display:block;” @click=“logout”>退出

<el-dialog

title=“修改密码”

:visible.sync=“dialogVisible”

width=“30%”

:before-close=“handleClose”

<el-form

ref=“ruleForm2”

:model=“ruleForm2”

status-icon

:rules=“rules2”

label-width=“100px”

class=“demo-ruleForm”

<el-form-item

label=“旧密码”

prop=“oldPwd”

<el-input

v-model=“ruleForm2.oldPwd”

/>

<el-form-item

label=“新密码”

prop=“pass”

<el-input

v-model=“ruleForm2.pass”

autocomplete=“off”

/>

<el-form-item

label=“确认密码”

prop=“checkPass”

<el-input

v-model=“ruleForm2.checkPass”

autocomplete=“off”

/>

<el-button

type=“primary”

@click=“submitForm(‘ruleForm2’)”

提交

<span

slot=“footer”

class=“dialog-footer”

hidden

<el-button @click=“dialogVisible = false”>取 消

<el-button

type=“primary”

@click=“dialogVisible = false”

确 定