<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="static/css/base.css">
<link rel="stylesheet" href="static/css/style.css">
<link rel="stylesheet" href="static/css/scroll.css">
<link rel="stylesheet" href="static/css/layui.css">
<script src="static/js/shipei.js"></script>
<script src="static/js/echarts.min.js"></script>
<title>Document</title>
<style>
</style>
</head>
<body>
<div class="wrap">
<!-- 时间 -->
<div id="showDate" class="showDate"></div>
<!-- title -->
<div class="title">
酒机运行状态
<div class="logo"></div>
</div>
<!-- 上部 -->
<div class="wrap-top cf">
<div class="wrap-yibiaopan fl">
<div class="fl yibiaopan">
<div id="ychart1" style="width: 100%;height:100%;"></div>
</div>
<div class="fl yibiaopan">
<div id="ychart2" style="width: 100%;height:100%;"></div>
</div>
<div class="fl yibiaopan">
<div id="ychart3" style="width: 100%;height:100%;"></div>
</div>
<div class="fl yibiaopan">
<div id="ychart4" style="width: 100%;height:100%;"></div>
</div>
</div>
<div class="wrap-list fl">
<div class="list-item">
<div class="item1 item fl">滴液压</div>
<div class="item2 item fl">32</div>
<div class="item3 item fl">
<div id="bbchart1" style="width: 100%;height:100%;"></div>
</div>
</div>
<div class="list-item">
<div class="item1 item fl">滴液压</div>
<div class="item2 item fl">32</div>
<div class="item3 item fl">
<div id="bbchart2" style="width: 100%;height:100%;"></div>
</div>
</div>
<div class="list-item">
<div class="item1 item fl">滴液压</div>
<div class="item2 item fl">32</div>
<div class="item3 item fl">
<div id="bbchart3" style="width: 100%;height:100%;"></div>
</div>
</div>
<div class="list-item">
<div class="item1 item fl">滴液压</div>
<div class="item2 item fl">32</div>
<div class="item3 item fl">
<div id="bbchart4" style="width: 100%;height:100%;"></div>
</div>
</div>
<div class="list-item">
<div class="item1 item fl">滴液压</div>
<div class="item2 item fl">32</div>
<div class="item3 item fl">
<div id="bbchart5" style="width: 100%;height:100%;"></div>
</div>
</div>
</div>
<div class="guchang fl">
<div class="guzhang-title"></div>
<div class="guzhang-huan">
<div id="hchart1" style="width: 100%;height:100%;"></div>
</div>
<div class="guzhang-daima">
<div class="guzhang-daima-title">
<p>故障代码</p>
<img src="static/picture/textpic.png" alt="">
</div>
<div id="bchart1" style="width: 100%;height:100%;"></div>
</div>
</div>
<div class="tingji fl">
<div class="guzhang-title"></div>
<div class="guzhang-text">
<p>酒机停机趋势</p>
<img src="static/picture/textpic.png" alt="">
</div>
<div id="bchart2" style="width: 100%;height:100%;"></div>
</div>
</div>
<!-- 中间部分 -->
<div class="wrap-mid cf">
<div class="date-name fl">BL01 275BU</div>
<div class="date-con fl"></div>
</div>
<!-- 下部分 -->
<div class="wrap-bottom cf">
<div class="wrap-bottom-left fl select">
<div class="guzhang-title">
<div class="guzhang-text">
<p>当班TPO状态</p>
<img src="static/picture/textpic.png" alt="">
</div>
</div>
<!-- 下拉 -->
<div class="from">
<div class="line">
<select name="" id="" class="magr">
<option value="">
瓶型
</option>
</select>
<select name="" id="">
<option value="">
车间
</option>
</select>
</div>
</div>
<div class="layui-input-inline">
<input type="text" class="layui-input" id="test1" placeholder="检测日期">
</div>
<div id="bchart3" style="width: 100%;height:100%;"></div>
</div>
<div class="wrap-bottom-mid fl">
<!-- 下拉 -->
<div class="from">
<div class="line">
<select class="mr" name="" id="">
<option value="">
订单
</option>
</select>
<select class="ml" name="" id="">
<option value="">
维护
</option>
</select>
</div>
</div>
<div class="guzhang-huan l">
<div id="hchart2" style="width: 100%;height:100%;" class="hchart2"></div>
</div>
<div class="guzhang-huan r">
<div id="hchart3" style="width: 100%;height:100%;" class="hchart3"></div>
</div>
</div>
<div class="wrap-bottom-right fl">
<div class="guzhang-title">
<div class="guzhang-text">
<p>酒机费用趋势</p>
<img src="static/picture/textpic.png" alt="">
</div>
</div>
<div id="bchart5" style="width: 100%;height:100%;"></div>
</div>
</div>
<div class="wrap-bottom2 cf select">
<div class="wrap-bottom-left fl">
<div class="guzhang-title">
<div class="guzhang-text">
<p>当班液位状态</p>
<img src="static/picture/textpic.png" alt="">
</div>
</div>
<!-- 下拉选项 -->
<div class="from">
<div class="line">
<select name="" id="">
<option value="">
平均值项1
</option>
</select>
</div>
</div>
<div id="bchart4" style="width: 100%;height:100%;"></div>
</div>
<div class=
Zp_demo.demohuo.top_12.rar （29个子文件） 
Zp_demo.demohuo.top_12 
index.html 17KB static css 
scroll.css 537B layui.css 59KB base.css 1KB style.css 6KB image 
huanbg.png 55KB bottom2.png 13KB titlepic.png 3KB topbg.png 638B bottom.png 13KB logo.png 15KB beijing.png 1.95MB titlebg.png 77KB picture textpic.png 143B tixingbg.png 138B js jquery.min.js 82KB huan.js 5KB riqi.js 172B layui.js 6KB shipei.js 666B bar2.js 11KB scroll.js 524B bar.js 12KB date.js 630B ybiao1.js 8KB echarts.min.js 730KB font iconfont.eot 39KB iconfont.ttf 39KB iconfont.woff 26KB资源评论
你热爱好热啊
- 粉丝: 35
- 资源: 1385
最新资源
- 汽车制造：ECU软件刷写技术及优化方法提升主机厂生产效率
- stm32f1x必要文件.7z
- 三次贝塞尔最小二乘拟-Cubic Bezier Least Square Fitting
- 基因频率的稳定性和遗传特性在自然选择下仿真
- 一本关于 numpy 矢量化技术的开放获取书籍，Nicolas P. Rougier，2017 年.zip
- Office2021 命令式下载和安装工具
- 多目标流向算法（MOFDA）Multi-Objective Flow Direction Algorithm
- 车载以太网协议及其在AUTOSAR架构中的实现
- 计算机网络分类.docx
- 车载诊断系统中功能安全的设计要求与应对方法
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
