231 lines
8.5 KiB
HTML
231 lines
8.5 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="en">
|
||
<head>
|
||
<meta charset="UTF-8" />
|
||
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||
<title>Document</title>
|
||
<script src="./echarts.js"></script>
|
||
<script src="./echarts-gl.min.js"></script>
|
||
<script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
|
||
<script type="module" src="./getPie3D.js"></script>
|
||
<link rel="stylesheet" href="./left.css" />
|
||
<!-- <script type="module">
|
||
import {getPie3D} from './getPie3D.js' //引入必须加.js后缀名
|
||
console.log(getPie3D) // 1
|
||
</script> -->
|
||
<script type="module" src="./left.js"></script>
|
||
</head>
|
||
|
||
<body>
|
||
<div class="content content-left">
|
||
<div class="box">
|
||
<div class="nobg-data-list">
|
||
<div class="item-left">
|
||
<div class="name">设备总采集时间</div>
|
||
<div class="data" id="numTimeData">2,064,213</div>
|
||
</div>
|
||
<div class="unit">min</div>
|
||
<div class="item-right"></div>
|
||
</div>
|
||
<div class="hr"></div>
|
||
<div class="nobg-data-list">
|
||
<div class="item-left">
|
||
<div class="name">设备总采集数据</div>
|
||
<div class="data" id="numGatherData">1,147,741</div>
|
||
</div>
|
||
<div class="unit">条</div>
|
||
<div class="item-right"></div>
|
||
</div>
|
||
<div class="hr"></div>
|
||
<div class="nobg-data-list">
|
||
<div class="item-left">
|
||
<div class="name">今日能源采集量</div>
|
||
<div class="data" id="todayGather">614,500</div>
|
||
</div>
|
||
<div class="unit">kwh</div>
|
||
<div class="item-right">
|
||
<div class="name">较昨日</div>
|
||
<div class="data" id="todayGatherOld">+145</div>
|
||
</div>
|
||
</div>
|
||
<div class="hr"></div>
|
||
<div class="nobg-data-list">
|
||
<div class="item-left">
|
||
<div class="name">今日预警上报量</div>
|
||
<div class="data" id="todayWarning">5,370</div>
|
||
</div>
|
||
<div class="unit">条</div>
|
||
<div class="item-right">
|
||
<div class="name">较昨日</div>
|
||
<div class="data" id="todayWarningOld">+24</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="box">
|
||
<div class="box-title">最新项目</div>
|
||
<div id="new-item-box">
|
||
<div class="new-item-list" id="new-item0">
|
||
<div class="icon"></div>
|
||
<div class="item-left">
|
||
<div class="name">2022年7月</div>
|
||
<div class="data">瑞达数字化工厂</div>
|
||
</div>
|
||
<div class="unit">60万</div>
|
||
<div class="item-right"></div>
|
||
</div>
|
||
<div class="new-item-list" id="new-item1">
|
||
<div class="icon"></div>
|
||
<div class="item-left">
|
||
<div class="name">2022年6月</div>
|
||
<div class="data">通力系统</div>
|
||
</div>
|
||
<div class="unit">20万</div>
|
||
<div class="item-right"></div>
|
||
</div>
|
||
<div class="new-item-list" id="new-item2">
|
||
<div class="icon"></div>
|
||
<div class="item-left">
|
||
<div class="name">2022年6月</div>
|
||
<div class="data">温岭船联网系统</div>
|
||
</div>
|
||
<div class="unit">20万</div>
|
||
<div class="item-right yunwei"></div>
|
||
</div>
|
||
<div class="new-item-list" id="new-item3">
|
||
<div class="icon"></div>
|
||
<div class="item-left">
|
||
<div class="name">2022年5月</div>
|
||
<div class="data">中豪工业互联网</div>
|
||
</div>
|
||
<div class="unit">40万</div>
|
||
<div class="item-right yunwei"></div>
|
||
</div>
|
||
<div class="new-item-list" id="new-item4">
|
||
<div class="icon"></div>
|
||
<div class="item-left">
|
||
<div class="name">2022年5月</div>
|
||
<div class="data">兴机电器工业互联网</div>
|
||
</div>
|
||
<div class="unit">60万</div>
|
||
<div class="item-right"></div>
|
||
</div>
|
||
<div class="new-item-list" id="new-item5">
|
||
<div class="icon"></div>
|
||
<div class="item-left">
|
||
<div class="name">2022年5月</div>
|
||
<div class="data">兴机电器工业互联网2</div>
|
||
</div>
|
||
<div class="unit">60万</div>
|
||
<div class="item-right"></div>
|
||
</div>
|
||
<div class="new-item-list" id="new-item6">
|
||
<div class="icon"></div>
|
||
<div class="item-left">
|
||
<div class="name">2022年5月</div>
|
||
<div class="data">兴机电器工业互联网3</div>
|
||
</div>
|
||
<div class="unit">60万</div>
|
||
<div class="item-right"></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="box">
|
||
<div class="box-title">项目实施阶段分布</div>
|
||
<div id="echarts1" style="height: 350px"></div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="content content-right">
|
||
<div class="box right-top-box">
|
||
<div class="right-top-item1 right-top-item">
|
||
<div class="icon"></div>
|
||
接入设备总数
|
||
</div>
|
||
<div class="right-top-item2">
|
||
<div class="top-box">0</div>
|
||
<div class="top-box">1</div>
|
||
<div class="top-box">2</div>
|
||
<div class="top-box">0</div>
|
||
<div class="top-box">0</div>
|
||
<div class="top-box">0</div>
|
||
<div class="unit">(台)</div>
|
||
</div>
|
||
<div class="right-top-item3 right-top-item">
|
||
<div class="item-left">
|
||
<div class="icon"></div>
|
||
服务企业总数量
|
||
</div>
|
||
<div class="data">215</div>
|
||
<div class="unit">(家)</div>
|
||
</div>
|
||
<div class="right-top-item4 right-top-item">
|
||
<div class="item-left">
|
||
<div class="icon"></div>
|
||
提前预警总量
|
||
</div>
|
||
<div class="data color-yellow">23</div>
|
||
<div class="unit">(次)</div>
|
||
</div>
|
||
</div>
|
||
<div class="box echarts2">
|
||
<div class="box-title">企业走访、试点、签约历史趋势</div>
|
||
<div id="echarts2" style="height: 250px"></div>
|
||
</div>
|
||
<div class="box">
|
||
<div class="box-title">项目设备数量（金额）趋势</div>
|
||
<div id="echarts3" style="height: 250px"></div>
|
||
</div>
|
||
<div class="box">
|
||
<div class="box-title">服务企业行业比例</div>
|
||
<div id="chart-panel" style="height: 400px"></div>
|
||
</div>
|
||
</div>
|
||
<!-- 滚动条数据框 -->
|
||
<div class="roll-box">
|
||
<div class="roll-box-select"></div>
|
||
<div class="roll-box-move"></div>
|
||
</div>
|
||
<!-- 滚动条按钮框 -->
|
||
<div class="roll-box-top">
|
||
<!-- <div class="roll-box-select"></div> -->
|
||
<div class="roll-item-top" id="downItem1"></div>
|
||
<div class="roll-item-top" id="downItem2"></div>
|
||
<div class="roll-item-top" id="openItem"></div>
|
||
<div class="roll-item-top" id="upItem1"></div>
|
||
<div class="roll-item-top" id="upItem2"></div>
|
||
</div>
|
||
|
||
<div class="flat-box">
|
||
<div id="next-button"></div>
|
||
<div id="flat-box-front">
|
||
<div class="flat-box-title">台州市瑞达机械有限公司</div>
|
||
<div class="flat-box-data">
|
||
<div class="data-firm-img"></div>
|
||
<div class="data-firm-data">
|
||
<!-- <img src="./sc/企业图片.png" alt="" > -->
|
||
台州市瑞达机械有限公司成立于1995年，
|
||
专注于汽车零配件行业20余年。2015年。开始给爱信宏达汽车零部件有限公司（日本独资）
|
||
供水泵机油泵和硅油风扇离合器等产品。
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div id="flat-box-back">
|
||
<div class="flat-box-title">台州市瑞达机械有限公司</div>
|
||
<div class="flat-box-data">
|
||
<div class="data-firm-img"></div>
|
||
<div class="data-firm-data">
|
||
台州市瑞达机械有限公司成立于1995年，
|
||
专注于汽车零配件行业20余年。2015年。开始给爱信宏达汽车零部件有限公司（日本独资）
|
||
供水泵机油泵和硅油风扇离合器等产品。
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="city-plan">
|
||
<div class="box-title">标杆项目进度</div>
|
||
</div>
|
||
</body>
|
||
</html>
|