75 lines
2.0 KiB
Vue
75 lines
2.0 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="驾驶舱总览" routerUrl="/bigScreen/drivingCabin"></bigScreenBtn>
|
|
</el-col>
|
|
<el-col :span="8">
|
|
<bigScreenBtn title="科研生产" routerUrl="/bigScreen/scientific"></bigScreenBtn>
|
|
</el-col>
|
|
<el-col :span="8">
|
|
<bigScreenBtn title="经营管理" routerUrl="/bigScreen/management"></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="质量管理" routerUrl="/bigScreen/qualityManage"></bigScreenBtn>
|
|
</el-col>
|
|
<el-col :span="8">
|
|
<bigScreenBtn title="安全管理" routerUrl="/bigScreen/securityManage"></bigScreenBtn>
|
|
</el-col>
|
|
<el-col :span="8">
|
|
<bigScreenBtn title="信息化管理" routerUrl="/bigScreen/information"></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: 10rem /* 1920/192 */;
|
|
height: .520833rem /* 100/192 */;
|
|
background-image: url(./bg.png);
|
|
background-size: 100% .416667rem /* 80/192 */;
|
|
background-repeat: no-repeat;
|
|
.tit {
|
|
font-size: .1875rem /* 36/192 */;
|
|
font-family: YouSheBiaoTiHei;
|
|
color: #91d5fe;
|
|
line-height: .244792rem /* 47/192 */;
|
|
letter-spacing: .03125rem /* 6/192 */;
|
|
text-align: center;
|
|
padding-top: .067708rem /* 13/192 */;
|
|
}
|
|
}
|
|
</style>
|