|
|
@ -7,10 +7,12 @@
|
|
|
|
<div class="top">
|
|
|
|
<div class="top">
|
|
|
|
<div class="select">
|
|
|
|
<div class="select">
|
|
|
|
<el-dropdown @command="handleCommand">
|
|
|
|
<el-dropdown @command="handleCommand">
|
|
|
|
<span class="el-dropdown-link">
|
|
|
|
<el-button type="primary" size="mini">
|
|
|
|
下拉菜单<i class="el-icon-arrow-down el-icon--right"></i>
|
|
|
|
切换看板
|
|
|
|
</span>
|
|
|
|
<i class="el-icon-arrow-down el-icon--right"></i>
|
|
|
|
|
|
|
|
</el-button>
|
|
|
|
<el-dropdown-menu slot="dropdown">
|
|
|
|
<el-dropdown-menu slot="dropdown">
|
|
|
|
|
|
|
|
<el-dropdown-item command="/index">后台系统</el-dropdown-item>
|
|
|
|
<el-dropdown-item command="/board/firstFloorProduction">一楼生产</el-dropdown-item>
|
|
|
|
<el-dropdown-item command="/board/firstFloorProduction">一楼生产</el-dropdown-item>
|
|
|
|
<el-dropdown-item command="/board/firstFloorWarehouse">一楼能源</el-dropdown-item>
|
|
|
|
<el-dropdown-item command="/board/firstFloorWarehouse">一楼能源</el-dropdown-item>
|
|
|
|
<el-dropdown-item command="/board/secondFloorProduction">二楼生产</el-dropdown-item>
|
|
|
|
<el-dropdown-item command="/board/secondFloorProduction">二楼生产</el-dropdown-item>
|
|
|
@ -69,27 +71,31 @@ this.$router.push(e)
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
</script>
|
|
|
|
</script>
|
|
|
|
<style lang='less' scoped>
|
|
|
|
<style lang="less" scoped>
|
|
|
|
/deep/ .el-dropdown {
|
|
|
|
/deep/ .el-dropdown {
|
|
|
|
color: #fff;
|
|
|
|
color: #fff;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.top {
|
|
|
|
.top {
|
|
|
|
position: absolute;
|
|
|
|
position: absolute;
|
|
|
|
top: 0;
|
|
|
|
top: 0;
|
|
|
|
left: 0;
|
|
|
|
left: 0;
|
|
|
|
width: 100%;
|
|
|
|
width: 100%;
|
|
|
|
height: 10%;
|
|
|
|
height: 10%;
|
|
|
|
|
|
|
|
|
|
|
|
&:hover {
|
|
|
|
&:hover {
|
|
|
|
.select {
|
|
|
|
.select {
|
|
|
|
display: block
|
|
|
|
display: block
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.select {
|
|
|
|
.select {
|
|
|
|
display: none;
|
|
|
|
display: none;
|
|
|
|
position: absolute;
|
|
|
|
position: absolute;
|
|
|
|
top: 65%;
|
|
|
|
top: 65%;
|
|
|
|
left:50%;
|
|
|
|
right: 3%;
|
|
|
|
transform:translate(-50%,-50%);
|
|
|
|
|
|
|
|
|
|
|
|
transform: translateY(-50%);
|
|
|
|
color: #fff
|
|
|
|
color: #fff
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|