155 lines
4.9 KiB
HTML
155 lines
4.9 KiB
HTML
|
<!DOCTYPE html>
|
||
|
|
<html lang="en">
|
||
|
|
<head>
|
||
|
|
<meta charset="UTF-8">
|
||
|
|
<link rel="stylesheet" href="https://cdn.makalu.cc/css/element-ui/index.css">
|
||
|
|
<link rel="stylesheet" href="/css/largeScreenLayout.css">
|
||
|
|
<link rel="stylesheet" href="/css/largeScreenStyle.css">
|
||
|
|
<link rel="stylesheet" href="/css/amplifyModuleStyle.css">
|
||
|
|
<link rel="stylesheet" href="/power/power.css">
|
||
|
|
<title>数字化集成管控平台</title>
|
||
|
|
<style type="text/css">
|
||
|
|
.el-table {
|
||
|
|
background: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
.el-table td {
|
||
|
|
border: none;
|
||
|
|
color: #c9d9fa;
|
||
|
|
}
|
||
|
|
|
||
|
|
.el-table th {
|
||
|
|
background: #1a3956;
|
||
|
|
}
|
||
|
|
|
||
|
|
.el-table thead {
|
||
|
|
color: #ffffff;
|
||
|
|
}
|
||
|
|
|
||
|
|
.el-table--enable-row-hover .el-table__body tr:hover > td {
|
||
|
|
background: #002d56;
|
||
|
|
}
|
||
|
|
|
||
|
|
.el-table__body-wrapper::-webkit-scrollbar {
|
||
|
|
width: 0px;
|
||
|
|
height: 0px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.el-table::before {
|
||
|
|
background: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
.el-carousel__container {
|
||
|
|
height: 510px;
|
||
|
|
}
|
||
|
|
</style>
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
<div id="app" class="app-power">
|
||
|
|
<!--大屏背景-->
|
||
|
|
<background-video></background-video>
|
||
|
|
<!--大屏内容-->
|
||
|
|
<div class="screen-content-max">
|
||
|
|
<screen-header :nav="1" ></screen-header>
|
||
|
|
<div class="screen-content">
|
||
|
|
<el-row>
|
||
|
|
<el-col :span="6">
|
||
|
|
<module-one-1-1 label="监控概况" :amplify="false" name="amplify-xmkg">
|
||
|
|
<div class="company-name-max">
|
||
|
|
|
||
|
|
</div>
|
||
|
|
</module-one-1-1>
|
||
|
|
<module-one-1-1 label="用电负荷" :amplify="false" name="amplify-lwrygk">
|
||
|
|
|
||
|
|
</module-one-1-1>
|
||
|
|
<module-one-1-1 label="用电量趋势" :amplify="false" name="amplify-sbgk">
|
||
|
|
|
||
|
|
</module-one-1-1>
|
||
|
|
</el-col>
|
||
|
|
<el-col :span="18">
|
||
|
|
<el-row>
|
||
|
|
<el-col :span="16" style="height:640px;margin-bottom: 20px;" class="power-center">
|
||
|
|
<module-two-2-2 label="场布图" >
|
||
|
|
</module-two-2-2>
|
||
|
|
</el-col>
|
||
|
|
<el-col :span="8">
|
||
|
|
<div style="padding: 10px;">
|
||
|
|
<div class="analyse-title">
|
||
|
|
<div class="analyse-text">预警概况</div>
|
||
|
|
</div>
|
||
|
|
<div class="analyse-title">
|
||
|
|
<div class="analyse-text">正在发生</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</el-col>
|
||
|
|
</el-row>
|
||
|
|
<el-row>
|
||
|
|
<el-col :span="8">
|
||
|
|
<module-one-1-1 label="电流趋势">
|
||
|
|
|
||
|
|
</module-one-1-1>
|
||
|
|
</el-col>
|
||
|
|
<el-col :span="16">
|
||
|
|
<module-one-1-2 label="区域用电趋势">
|
||
|
|
|
||
|
|
</module-one-1-2>
|
||
|
|
</el-col>
|
||
|
|
|
||
|
|
</el-row>
|
||
|
|
</el-col>
|
||
|
|
|
||
|
|
|
||
|
|
</el-row>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</body>
|
||
|
|
<script src="https://cdn.makalu.cc/js/moment/2.24.0/moment.min.js"></script>
|
||
|
|
<script type="text/javascript" src="https://api.map.baidu.com/api?type=webgl&v=1.0&ak=5M76qMCiVjSG7bGOTcYmZdg0MQinsKve"></script>
|
||
|
|
<script src="https://cdn.makalu.cc/js/moment/2.24.0/moment.min.js"></script>
|
||
|
|
<script src="https://cdn.makalu.cc/js/vue/vue.js"></script>
|
||
|
|
<script src="https://cdn.makalu.cc/js/element-ui/index.js"></script>
|
||
|
|
<script src="/js/jquery-3.0.0.min.js"></script>
|
||
|
|
<script src="/js/echarts.js"></script>
|
||
|
|
|
||
|
|
<!--module-->
|
||
|
|
<script src="/components/module/module-one-1-1.js"></script>
|
||
|
|
<script src="/components/module/module-one-1-2.js"></script>
|
||
|
|
<script src="/components/module/module-two-2-2.js"></script>
|
||
|
|
<!--组件-->
|
||
|
|
<script src="/components/background_video.js"></script>
|
||
|
|
<script src="/components/header.js"></script>
|
||
|
|
<script src="/components/header-btn.js"></script>
|
||
|
|
<script src="/components/staff-survey-chart.js"></script>
|
||
|
|
<script src="/components/machinery-baidu-map.js"></script>
|
||
|
|
<script src="/components/people-number.js"></script>
|
||
|
|
|
||
|
|
|
||
|
|
<!-- 请求依赖 -->
|
||
|
|
<script src="https://cdn.makalu.cc/js/axios/axios.min.js"></script>
|
||
|
|
<script>
|
||
|
|
let requestUrl = "https://jzgj.crfeb.com.cn/largeScreen/digitalConstruction/";
|
||
|
|
let deptId = 131;
|
||
|
|
var vm = new Vue({
|
||
|
|
el: '#app',
|
||
|
|
data() {
|
||
|
|
return {
|
||
|
|
|
||
|
|
}
|
||
|
|
},
|
||
|
|
|
||
|
|
created() {
|
||
|
|
this.init()
|
||
|
|
},
|
||
|
|
mounted() {
|
||
|
|
|
||
|
|
},
|
||
|
|
methods: {
|
||
|
|
init() {
|
||
|
|
|
||
|
|
},
|
||
|
|
|
||
|
|
},
|
||
|
|
})
|
||
|
|
</script>
|
||
|
|
</html>
|