| | |
| | | <template> |
| | | <el-row align="middle" class="header"> |
| | | <el-col :span="1"> |
| | | <el-button |
| | | @click="collapsedSider" |
| | | icon="Fold" |
| | | circle |
| | | :class="rotateIcon" |
| | | /> |
| | | <el-col :span="12"> |
| | | <el-space> |
| | | <el-button @click="collapsedSider" icon="Fold" circle :class="rotateIcon" /> |
| | | <el-breadcrumb separator="/" style="white-space: nowrap"> |
| | | <el-breadcrumb-item v-for="(t, i) in navTitles" :key="i">{{ t }}</el-breadcrumb-item> |
| | | </el-breadcrumb> |
| | | </el-space> |
| | | </el-col> |
| | | <el-col :span="18"> |
| | | <el-breadcrumb separator="/" style="white-space: nowrap;"> |
| | | <el-breadcrumb-item v-for="(t, i) in navTitles" :key="i">{{t}}</el-breadcrumb-item> |
| | | </el-breadcrumb> |
| | | </el-col> |
| | | <el-col :span="5" class="logout"> |
| | | <el-button icon="SwitchButton">退出登录</el-button> |
| | | <el-col :span="12" class="logout"> |
| | | <FYBgTaskDialog></FYBgTaskDialog> |
| | | <el-button icon="SwitchButton">退出登录</el-button> |
| | | </el-col> |
| | | </el-row> |
| | | </template> |
| | |
| | | props: { |
| | | collapse: { |
| | | type: Boolean, |
| | | default: false, |
| | | default: false |
| | | }, |
| | | navTitles: { |
| | | type: Array, |
| | | default: () => ['home','promotion list', 'promotion detail'], |
| | | default: () => ['home', 'promotion list', 'promotion detail'] |
| | | } |
| | | }, |
| | | data() { |
| | | return { |
| | | isCollapsed: this.collapse, |
| | | isCollapsed: this.collapse |
| | | }; |
| | | }, |
| | | watch: {}, |
| | |
| | | */ |
| | | rotateIcon() { |
| | | return ['menu-icon', this.isCollapsed ? 'rotate-icon' : '']; |
| | | }, |
| | | } |
| | | }, |
| | | methods: { |
| | | /** |
| | |
| | | collapsedSider() { |
| | | this.isCollapsed = !this.isCollapsed; |
| | | this.$emit('collapsedSider', this.isCollapsed); |
| | | }, |
| | | }, |
| | | } |
| | | } |
| | | }; |
| | | </script> |
| | | |