75 lines
1.7 KiB
Vue
75 lines
1.7 KiB
Vue
|
|
||
|
|
|
||
|
|
<template>
|
||
|
|
<div class="bigScreenHead">
|
||
|
|
<div class="tit">驾驶舱总览</div>
|
||
|
|
<el-row style="width: 100%;">
|
||
|
|
<el-col :span="8">
|
||
|
|
<el-row style="padding: 0px 20px">
|
||
|
|
<el-col :span="8">
|
||
|
|
<bigScreenBtn title="驾驶舱总览" :selected="true"></bigScreenBtn>
|
||
|
|
</el-col>
|
||
|
|
<el-col :span="8">
|
||
|
|
<bigScreenBtn title="科研生产" :selected="false"></bigScreenBtn>
|
||
|
|
</el-col>
|
||
|
|
<el-col :span="8">
|
||
|
|
<bigScreenBtn title="经营管理" :selected="false"></bigScreenBtn>
|
||
|
|
</el-col>
|
||
|
|
</el-row>
|
||
|
|
</el-col>
|
||
|
|
<el-col :span="8" style="min-height: 1px">
|
||
|
|
</el-col>
|
||
|
|
<el-col :span="8">
|
||
|
|
<el-row style="padding: 0px 0 0 60px">
|
||
|
|
<el-col :span="8">
|
||
|
|
<bigScreenBtn title="质量管理" :selected="false"></bigScreenBtn>
|
||
|
|
</el-col>
|
||
|
|
<el-col :span="8">
|
||
|
|
<bigScreenBtn title="安全管理" :selected="false"></bigScreenBtn>
|
||
|
|
</el-col>
|
||
|
|
<el-col :span="8">
|
||
|
|
<bigScreenBtn title="信息化管理" :selected="false"></bigScreenBtn>
|
||
|
|
</el-col>
|
||
|
|
</el-row>
|
||
|
|
</el-col>
|
||
|
|
</el-row>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<script>
|
||
|
|
|
||
|
|
import bigScreenBtn from "../bigScreenBtn/index.vue";
|
||
|
|
export default {
|
||
|
|
name: 'BigScreenHead',
|
||
|
|
props: {},
|
||
|
|
components: {
|
||
|
|
bigScreenBtn
|
||
|
|
},
|
||
|
|
data () {
|
||
|
|
return {
|
||
|
|
|
||
|
|
}
|
||
|
|
},
|
||
|
|
}
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<style lang="scss" scoped>
|
||
|
|
.bigScreenHead {
|
||
|
|
width: 1920px;
|
||
|
|
height: 100px;
|
||
|
|
background-image: url(./bg.png);
|
||
|
|
background-size: 100% 80px;
|
||
|
|
background-repeat: no-repeat;
|
||
|
|
.tit {
|
||
|
|
font-size: 36px;
|
||
|
|
font-family: YouSheBiaoTiHei;
|
||
|
|
color: #91d5fe;
|
||
|
|
line-height: 47px;
|
||
|
|
letter-spacing: 6px;
|
||
|
|
text-align: center;
|
||
|
|
padding-top: 13px;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
</style>
|