Skip to content

K
kanban-nanjing-11
Commit 6f77eebb authored by Allencl's avatar Allencl
Browse files
Options

2

parent fbc19581
Hide whitespace changes
Inline Side-by-side
Showing with 1205 additions and 0 deletions
css/page3.css 0 → 100644
View file @ 6f77eebb
.wrap { padding-top: 226px;}
.mainbox { width: 3750px; height: 1840px; margin: 0 auto; position: relative; z-index: 100; }
.topbox_m .logo { background: url(../img/logistics/logobg.png) center center no-repeat;}
.main_t {
position: relative;
/* background: url(../img/logistics/box1.png) no-repeat; */
border: 1px solid #026d91;
/* height: 608px; */
height: 448px;
margin-bottom: 22px;}
.main_f { background: url(../img/logistics/box1.png) no-repeat; height: 864px; }
.ibox { position: relative; z-index: 200; }
.ibox1 { float: left; width: 1192px; margin-right: 42px; }
.ibox2 { float: left; width: 1172px; }
.ibox3 { float: right; width: 1192px;}
.ibox4 { }
.ibox_t { position: absolute;
/* left: 12px; top: 22px; */
left: -4px;
top: 6px;
background: url(../img/logistics/tit.png) left top no-repeat;
/* width: 676px; */
width: 100%;
height: 100px; padding: 24px 0 0 46px; box-sizing: border-box; }
.ibox_t img { display: block;}
.ibox_m { padding-top: 114px;position: relative; }
.ibox2 .ibox_m { padding-top: 0; }
.icharts_1_box { position: relative; background: url(../img/logistics/hbg.png) center 126px no-repeat; }
.icharts_1_box:after { display: block; content: ''; position: absolute; left: 50%; top: 56%; width: 22px; height: 22px; border-radius: 50%; background: #021c36; margin-left: -19px; margin-top: -19px; border: 8px #48c5ff solid;}
.icharts_1 { width: 100%; height: 864px; }
.icharts_1_num { display: none; position: absolute; left: 0; right: 0; top: 564px; font-size: 80px; color: #48c5ff; line-height: 100px; text-align: center; font-family:'DIN-Medium'; }
.icharts_1_t { position: absolute; left: 0; right: 0; top: 712px; }
.icharts_1_t img { display: block; margin: 0 auto;}
.icharts_2_box { position: relative; }
.icharts_2 { width: 100%; height: 750px; }
.itable { position: relative; width: 1162px; font-size: 20px; font-weight: bold; color: #fff; padding-left: 40px;}
.itable span { display: inline-block; line-height: 1.4; background-image: linear-gradient(#ffffff,#d0f4ff,#7be0ff); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.itable_t { display: table; width: 1132px;}
.itable_t ul { display: table-row; height: 102px; background: url(../img/logistics/table_t.png) center center no-repeat;}
.itable_t ul li { display: table-cell; vertical-align: middle; text-align: center; font-weight: bold; padding: 0 20px; box-sizing: border-box;}
.itable_con { overflow-y: auto; height: 612px;}
.itable_m { display: table; width: 1132px; }
.itable_m ul { display: table-row; height: 102px; background: url(../img/logistics/table_m.png) center center no-repeat;}
.itable_m ul li { display: table-cell; vertical-align: middle; text-align: center; padding: 0 20px; box-sizing: border-box; overflow: hidden; }
.itable_m ul:hover { background: url(../img/logistics/table_ms.png) center center no-repeat; color: #faf0b2;}
.itable_m ul:hover span { background-image: linear-gradient(#ffffff,#fffadd,#f6e88f);}
.itable_box1 { }
.itable_box1 ul li:nth-child(1){ width: 116px;}
.itable_box1 ul li:nth-child(2){ width: 226px;}
.itable_box1 ul li:nth-child(3){ width: 320px;}
.itable_box1 ul li:nth-child(4){ width: 120px;}
.itable_box1 ul li:nth-child(5){ width: 180px; }
.itable_box2 { }
.itable_box2 ul li:nth-child(1){ width: 116px;}
.itable_box2 ul li:nth-child(2){ width: 226px;}
.itable_box2 ul li:nth-child(3){ width: 320px;}
.itable_box2 ul li:nth-child(4){ width: 120px;}
.itable_box2 ul li:nth-child(5){ width: 140px; }
.box-left-container{
position: absolute;
top: 0px;
left: 0px;
z-index: 11;
width: 49.5%;
height: 100%;
padding-right: 0.5%;
/* background: #faf0b2; */
}
.ibox_m{
box-sizing: border-box;
height: 100%;
}
.ibox_m .echarts-body{
width: 100%;
height: 100%;
}
.echarts-mark-box{
position: absolute;
top: 36px;
right: 22px;
z-index: 11;
}
.echarts-mark-box li{
display: inline-block;
margin-left: 8px;
}
.echarts-mark-box li label{
position: relative;
top: 2px;
display: inline-block;
width: 14px;
height: 14px;
/* background: red; */
border-radius: 50%;
}
.echarts-mark-box li span{
font-size: 22px;
font-weight: bolder;
}
.main-left-1, .main-left-2, .main-left-3{
height: 600px;
}
.box-right-container{
/* position: absolute;
top: 0px;
right: 0px;
z-index: 11; */
/* padding-left: 0.5%; */
width:100%;
/* height: 100%; */
/* background: #faf0b2; */
}
.box-right-container-2{
position: relative;
width: 100%;
height: 600px;
}
.main_t.main-right-3{
height: 600px;
width: 890px;
}
.main_t.main-right-4{
height: 600px;
width: 890px;
position: absolute;
top: 0px;
right: 0px;
z-index: 11;
}
.main_t.main-right-4 .time-box-2{
position: relative;
}
.main_t.main-right-4 .time-box-2 >div{
padding-top: 120px;
text-align: center;
}
.main_t.main-right-4 .time-box-2 >div strong{
font-size: 76px;
display: block;
font-family: system-ui;
color: #1296db;
}
.main_t.main-right-4 .time-box-2 >div p{
font-size: 36px;
margin-top: 22px;
}
.main_t.main-right-4 .time-box-2 .left-li{
position: absolute;
top: 30px;
left: 0px;
z-index: 11;
width: 50%;
height: 500px;
}
.main_t.main-right-4 .time-box-2 .right-li{
position: absolute;
top: 30px;
right: 0px;
z-index: 11;
width: 50%;
height: 500px;
}
.main_t.main-right-4 .time-box-2 .right-li strong{
color: #FB8C00;
}
.right-box-1{
width: 100%;
}
.table-container{
padding-left: 12px;
padding-right: 12px;
}
.table-ui-box{
padding-bottom: 6px;
}
.table-ui-box ul{
width: 100%;
margin:0px;
padding: 0px;
}
.table-ui-box ul li{
display: inline-block;
/* width: 14.0%; */
text-align: center;
color: #fff;
/* background-image: linear-gradient(#ffffff,#d0f4ff,#7be0ff);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent; */
}
.table-ui-box ul li{
float: left;
font-weight: bold;
}
.table-head{
/* background-color: red; */
background: linear-gradient(to right, rgba(9,96,183,0.5), rgba(55,198,255,0.3) );
}
.table-head li{
font-family:"Microsoft YaHei";
/* line-height: 66px; */
font-weight: 700;
}
.table-head{
height: 80px;
}
.table-head li{
height: 100%;
line-height: 80px;
/* line-height: ; */
}
.table-body ul{
background: linear-gradient(to right, rgba(9,96,183,0.5), rgba(55,198,255,0.3) );
margin-top: 4px;
margin-bottom: 4px;
height: 120px;
}
.table-body ul li{
/* line-height: 61px; */
word-break: break-all;
/* display:inline-block; */
/* position: absolute;
top: 0px; */
font-family:"Microsoft YaHei";
height: 100%;
float: left;
/* line-height: 84px; */
line-height: 120px;
}
/* 滚动列表高度 */
.table-body{
background: inherit !important;
height:396px;
}
/* 列表文字大小 */
.table-ui-box ul li{
font-size: 32px;
}
/* 列宽 比例 */
.table-ui-box ul li:nth-child(1){
width: 30%;
}
.table-ui-box ul li:nth-child(2){
width: 20%;
}
.table-ui-box ul li:nth-child(3){
width: 20%;
}
.table-ui-box ul li:nth-child(4){
width: 10%;
}
.table-ui-box ul li:nth-child(5){
width: 10%;
}
.table-ui-box ul li:nth-child(6){
width: 10%;
}
.box-echarts-body-index1,
.box-echarts-body-index2,
.box-echarts-body-index3
{
display: flex;
}
.box-echarts-body-index1 .ul-index1{
flex: 6;
margin-right: 12px;
/* border-radius: 12px; */
}
.box-echarts-body-index1 .ul-index2{
flex: 6;
margin-right: 12px;
margin-left: 12px;
/* border-radius: 12px; */
}
.box-echarts-body-index1 .ul-index3{
flex: 6;
margin-left: 12px;
/* border-radius: 12px; */
}
.box-echarts-body-index1 .ul-index4{
flex: 6;
margin-left: 12px;
/* border-radius: 12px; */
}
.box-echarts-body-index1 .ul-index5{
flex: 6;
margin-left: 12px;
/* border-radius: 12px; */
}
.box-echarts-body-index2 .ul-index1{
flex: 6;
margin-right: 12px;
/* border-radius: 12px; */
}
.box-echarts-body-index2 .ul-index2{
flex: 6;
/* margin-right: 12px; */
margin-left: 12px;
/* border-radius: 12px; */
}
.box-echarts-body-index2 .ul-index3{
flex: 6;
margin-left: 12px;
/* border-radius: 12px; */
}
.box-echarts-body-index2 .ul-index4{
flex: 6;
margin-left: 12px;
/* border-radius: 12px; */
}
.box-echarts-body-index2 .ul-index5{
flex: 6;
margin-left: 12px;
/* border-radius: 12px; */
}
.box-echarts-body-index3 .ul-index1{
flex: 4;
margin-right: 12px;
/* border-radius: 12px; */
}
.box-echarts-body-index3 .ul-index2{
flex: 4;
margin-right: 12px;
margin-left: 12px;
/* border-radius: 12px; */
}
.box-echarts-body-index3 .ul-index3{
flex: 4;
margin-right: 12px;
margin-left: 12px;
/* border-radius: 12px; */
}
.box-echarts-body-index3 .ul-index4{
flex: 4;
margin-left: 12px;
/* border-radius: 12px; */
}
.a1-index-1-table-text{
display: flex;
padding-left: 42px;
padding-right: 42px;
}
.a1-index-1-table-text .span-left{
flex: 1;
text-align: left;
}
.a1-index-1-table-text .span-right{
flex: 1;
text-align: right;
}
.a1-index-1-table-text b{
font-size: 42px;
font-weight: 100;
}
.a1-index-1-table-bottom-text{
display: flex;
}
.a1-index-1-table-bottom-text .left{
padding-left: 46px;
font-size: 58px;
font-weight: 700;
padding-top: 88px;
/* line-height: 120px; */
flex: 8;
}
.a1-index-1-table-bottom-text .right{
font-size: 132px;
flex: 5;
text-align: left;
padding-top: 20px;
color: #40feb9;
font-weight: bold;
}
.echarts-mark-box li label{
width: 40px;
height: 12px;
border-radius: 2px;
position: relative;
top: -2px;
}
.echarts-mark-box li span{
font-weight: 100;
}
.box-echarts-body-index2 .main_t.ul-index2 .echarts-body{
display: flex;
}
.box-echarts-body-index2 .main_t.ul-index2 .box-left{
flex: 2;
}
.box-echarts-body-index2 .main_t.ul-index2 .box-left .echarts-div{
width: 100%;
height: 100%;
}
.box-echarts-body-index2 .main_t.ul-index2 .box-right{
flex: 1;
}
.custem-table-index1,
.custem-table-index2,
.custem-table-index5
{
border-top: 1px rgba(255, 255, 255,0.4) solid;
border-left: 1px rgba(255, 255, 255,0.4) solid;
border-right: 1px rgba(255, 255, 255,0.4) solid;
font-size: 18px;
}
.custem-table-index1 td,
.custem-table-index2 td,
.custem-table-index5 td
{
border-left: 1px rgba(255, 255, 255,0.4) solid;
}
.custem-table-index1 td,
.custem-table-index1 th,
.custem-table-index2 td,
.custem-table-index5 td
{
border-bottom: 1px rgba(255, 255, 255,0.4) solid;
text-align: center;
}
.custem-table-index1 th,
.custem-table-index1 td
{
padding-left: 16px;
padding-right: 16px;
}
.custem-table-index2 td,
.custem-table-index5 td
{
padding-left: 34px;
padding-right: 34px;
padding-top: 4px;
padding-bottom: 4px;
font-size: 22px;
}
.custem-table-index5 td
{
padding-top: 1px;
padding-bottom: 1px;
line-height: 34px;
}
.custem-table-index2,
.custem-table-index5
{
border-left: none;
}
.box-echarts-body-index2 .main_t.ul-index3 .echarts-body{
display: flex;
}
.box-echarts-body-index2 .main_t.ul-index3 .box-left{
flex: 2;
}
.box-echarts-body-index2 .main_t.ul-index3 .box-left .echarts-div{
width: 100%;
height: 100%;
}
.box-echarts-body-index2 .main_t.ul-index3 .box-right{
flex: 1;
}
.box-echarts-body-index2 .main_t.ul-index3 .box-right .inner-box{
width: 100%;
height: 100%;
display: flex;
flex-flow: column;
}
.box-echarts-body-index2 .main_t.ul-index3 .box-right .inner-box .box-top{
flex: 1;
}
.box-echarts-body-index2 .main_t.ul-index3 .box-right .inner-box .box-bottom{
flex: 1;
}
.box-echarts-body-index1 .main_t.ul-index2 .echarts-body{
display: flex;
flex-flow: column;
}
.box-echarts-body-index1 .main_t.ul-index2 .echarts-body .echarts-box-1{
flex: 1;
}
.box-echarts-body-index1 .main_t.ul-index2 .echarts-body .echarts-box-2{
flex: 1;
}
.box-echarts-body-index1 .main_t.ul-index2 .echarts-body .echarts-box-3{
flex: 2;
}
.box-echarts-body-index1 .main_t.ul-index2 .echarts-body .echarts-box-1 .echarts-inier,
.box-echarts-body-index1 .main_t.ul-index2 .echarts-body .echarts-box-2 .echarts-inier,
.box-echarts-body-index1 .main_t.ul-index2 .echarts-body .echarts-box-3 .echarts-inier
{
width: 100%;
height: 100%;
}
.box-echarts-body-index1 .main_t.ul-index3 .echarts-body{
display: flex;
}
.box-echarts-body-index1 .main_t.ul-index3 .box-left{
flex: 2;
}
.box-echarts-body-index1 .main_t.ul-index3 .box-left .echarts-div{
width: 100%;
height: 100%;
}
.box-echarts-body-index1 .main_t.ul-index3 .box-right{
flex: 1;
}
.box-echarts-body-index1 .main_t.ul-index3 .box-right .inner-box{
width: 100%;
height: 100%;
display: flex;
flex-flow: column;
}
.box-echarts-body-index1 .main_t.ul-index3 .box-right .inner-box .box-top{
flex: 1;
}
.box-echarts-body-index1 .main_t.ul-index3 .box-right .inner-box .box-bottom{
flex: 1;
}
.box-echarts-body-index3 .ul-index1 .leiji-time,
.box-echarts-body-index3 .ul-index3 .leiji-time,
.box-echarts-body-index3 .ul-index4 .leiji-time,
.box-echarts-body-index3 .ul-index2 .leiji-time
{
display: inline-block;
position: absolute;
font-size: 24px;
top: 110px;
left: 24px;
z-index: 11;
/* margin-left: 24px; */
}
.box-echarts-body-index1 .ul-index2 .leiji-time
{
position: absolute;
font-size: 24px;
top: 110px;
left: 24px;
z-index: 11;
}
.box-echarts-body-index2 .ul-index1 .echarts-mark-box,
.box-echarts-body-index3 .ul-index1 .echarts-mark-box,
.box-echarts-body-index3 .ul-index3 .echarts-mark-box,
.box-echarts-body-index3 .ul-index2 .echarts-mark-box,
.box-echarts-body-index2 .ul-index3 .echarts-mark-box,
.box-echarts-body-index1 .ul-index3 .echarts-mark-box
{
top: 106px;
}
.box-echarts-body-index2 .ul-index3 .echarts-mark-box
{
left: 200px;
}
.box-echarts-body-index1 .ul-index3 .echarts-mark-box
{
left: 200px;
}
.echarts-mark-box li.yuan label{
width: 16px;
height: 16px;
border-radius: 100%;
top: 0px;
}
.echarts-mark-box li.zhexian label{
height: 6px;
width: 46px;
position: relative;
top: -5px;
}
.echarts-mark-box li.zhexian label::after{
position: absolute;
top: -6px;
left: 14px;
width: 18px;
height: 18px;
border-radius: 100%;
background: inherit;
content: '';
display: inline-block;
}
.container-main{
width: 100%;
display: flex;
}
.container-main .main-box-left{
flex: 10;
}
.container-main .main-box-right{
flex: 3;
margin-left: 12px;
}
.zongchanliang-box{
height: 300px;
height: 923px;
}
.bottom-inex23-box{
margin-right: 0px !important;
}
.text-123{
text-align: center;
font-size: 140px;
margin-top: 32px;
}
.text-124{
text-align: center;
font-size: 140px;
margin-top: 32px;
color: #1DE9B6;
}
.text-125{
text-align: center;
font-size: 140px;
margin-top: 32px;
}
.ul-list-123{
padding-left: 26px;
padding-right: 26px;
margin-top: 66px;
}
.ul-list-123 li{
display: flex;
border-bottom: 1px solid #039ae569;
padding-bottom: 18px;
margin-top: 42px;
}
.ul-list-123 li div:nth-child(1){
display: inline-block;
flex: 2;
font-size: 52px;
color: #B3E5FC;
}
.ul-list-123 li div:nth-child(2){
display: inline-block;
flex: 2;
font-size: 52px;
text-align: right;
}
.ul-list-125{
margin-top: 0px;
}
.ul-list-125 li{
margin-top: 0px;
padding-bottom: 8px;
}
.echarts-div{
width: 100%;
height: 360px;
}
.logo b{
font-weight: bolder !important;
font-family: sans-serif !important;
}
.left-img-box{
position: relative;
top: 236px;
left: 50px;
z-index: 999;
}
.left-img-box img{
width: calc(1104px * 2.4);
height: calc(615px * 2.4);
}
.right-img-box{
position: absolute;
top: 236px;
right: 50px;
height: 1657px;
width: 920px;
z-index: 999;
/* background: red; */
}
.right-img-box ul li{
position: relative;
margin-top: 30px;
margin-bottom: 160px;
}
.right-img-box ul li img{
width: calc(676px *1.5);
height: calc(100px * 2.5);
}
.right-img-box ul li div{
position: absolute;
left: 70px;
top: 8px;
z-index: 998;
font-size: 96px;
}
\ No newline at end of file
page3.html 0 → 100644
View file @ 6f77eebb
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="renderer" content="webkit" />
<title>看板</title>
<link rel="stylesheet" type="text/css" href="css/common.css" />
<link rel="stylesheet" type="text/css" href="css/animate.css" />
<link rel="stylesheet" type="text/css" href="css/liMarquee.css">
<link rel="stylesheet" type="text/css" href="css/page3.css" />
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/common.js"></script>
<script type="text/javascript" src="js/wow.js"></script>
<script type="text/javascript" src="js/jquery.liMarquee.js"></script>
<script type="text/javascript" src="js/page2.js"></script>
<script>new WOW().init();</script>
</head>
<body>
<div class="wrap wow fadeIn" data-wow-duration="1s" data-wow-delay="0s">
<div class="header wow fadeInDown" data-wow-duration="1s" data-wow-delay="0.1s">
<div class="topbox">
<div class="topbox_m">
<!-- <div class="top-position-box">
<span>物流经理: </span>
<span>李某某</span>
</div> -->
<div class="toptime"></div>
<div class="logo">
<b>
<!-- <img src="img/logo.png"> -->
MEB系统
</b>
</div>
</div>
</div>
</div>
<!-- <a href="factory.html" class="topback wow fadeInDown" data-wow-duration="1s" data-wow-delay="0.1s"></a> -->
<div class="mainer">
<div class="mainbox">
<!-- <div class="container-main">
<div class="main-box-left">
<div class="box-right-container box-echarts-body-index1">
<div class="main_t ul-index1">
<div class="ibox_t">
<span class="box-tittle-text">当前车型</span>
</div>
<div class="ibox_m">
<p class="text-123">AS22</p>
</div>
</div>
<div class="main_t ul-index2">
<div class="ibox_t">
<span class="box-tittle-text">后续车型1</span>
</div>
<div class="ibox_m">
<p class="text-123">AS22</p>
</div>
</div>
<div class="main_t ul-index3">
<div class="ibox_t">
<span class="box-tittle-text">后续车型2</span>
</div>
<div class="ibox_m">
<p class="text-123">AS22</p>
</div>
</div>
<div class="main_t ul-index4">
<div class="ibox_t">
<span class="box-tittle-text">后续车型3</span>
</div>
<div class="ibox_m">
<p class="text-123">AS22</p>
</div>
</div>
<div class="main_t ul-index5">
<div class="ibox_t">
<span class="box-tittle-text">后续车型4</span>
</div>
<div class="ibox_m">
<p class="text-123">AS22</p>
</div>
</div>
</div>
<div class="box-right-container box-echarts-body-index2">
<div class="main_t ul-index1">
<div class="ibox_t">
<span class="box-tittle-text">后续车型5</span>
</div>
<div class="ibox_m">
<p class="text-123">AS22</p>
</div>
</div>
<div class="main_t ul-index2">
<div class="ibox_t">
<span class="box-tittle-text">后续车型6</span>
</div>
<div class="ibox_m">
<p class="text-123">AS22</p>
</div>
</div>
<div class="main_t ul-index3">
<div class="ibox_t">
<span class="box-tittle-text">后续车型7</span>
</div>
<div class="ibox_m">
<p class="text-123">AS22</p>
</div>
</div>
<div class="main_t ul-index4">
<div class="ibox_t">
<span class="box-tittle-text">后续车型8</span>
</div>
<div class="ibox_m">
<p class="text-123">AS22</p>
</div>
</div>
<div class="main_t ul-index5">
<div class="ibox_t">
<span class="box-tittle-text">后续车型9</span>
</div>
<div class="ibox_m">
<p class="text-123">AS22</p>
</div>
</div>
</div>
<div class="box-right-container box-echarts-body-index2">
<div class="main_t ul-index1">
<div class="ibox_t">
<span class="box-tittle-text">开动率</span>
</div>
<div class="ibox_m">
<ul class="echarts-mark-box" style="top: 30px;">
<li>
<label style="background: #72ccff;"></label>
<span>班次一</span>
</li>
<li>
<label style="background: #fac858;"></label>
<span>班次二</span>
</li>
</ul>
<div id="echart_b3" class="echarts-div"></div>
</div>
</div>
<div class="main_t ul-index2">
<div class="ibox_t">
<span class="box-tittle-text">设备运行</span>
</div>
<div class="ibox_m">
<ul class="ul-list-123 ul-list-125">
<li>
<div>正常运行:</div>
<div>
<span>500</span>
<span>分钟</span>
</div>
</li>
<li>
<div>停线时间:</div>
<div>
<span>40</span>
<span>分钟</span>
</div>
</li>
<li>
<div>休息时间:</div>
<div>
<span>30</span>
<span>分钟</span>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="main-box-right">
<div class="main_t">
<div class="ibox_t">
<span class="box-tittle-text">设备状态</span>
</div>
<div class="ibox_m">
<p class="text-124">自动</p>
</div>
</div>
<div class="main_t zongchanliang-box">
<div class="ibox_t">
<span class="box-tittle-text">总产量</span>
</div>
<div class="ibox_m">
<p class="text-125">
<span>207</span>
<span style="font-size: 86px;">台</span>
</p>
<ul class="ul-list-123">
<li>
<div>班次1:</div>
<div>
<span>400</span>
<span>台</span>
</div>
</li>
<li>
<div>班次2:</div>
<div>
<span>400</span>
<span>台</span>
</div>
</li>
<li>
<div>班次3:</div>
<div>
<span>400</span>
<span>台</span>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="box-right-container box-echarts-body-index2">
<div class="main_t ul-index1 bottom-inex23-box">
<div class="ibox_t">
<span class="box-tittle-text">小时产量</span>
</div>
<div class="ibox_m">
<ul class="echarts-mark-box" style="top: 30px;">
<li>
<label style="background: #72ccff;"></label>
<span>计划产量</span>
</li>
<li>
<label style="background: #91cc75;"></label>
<span>实际产量</span>
</li>
</ul>
<div id="echart_b5" class="echarts-div"></div>
</div>
</div>
</div> -->
<div class="left-img-box">
<img src="./img/556677.png" alt="">
</div>
<div class="right-img-box">
<ul>
<li>
<img src="./img/logistics/tit.png" alt="">
<div>
<span>车辆号:</span>
<span>R1T005</span>
</div>
</li>
<li>
<img src="./img/logistics/tit.png" alt="">
<div>
<span>车型:</span>
<span>RTT</span>
</div>
</li>
<li>
<img src="./img/logistics/tit.png" alt="">
<div>
<span>下一辆</span>
<!-- <span>RTT</span> -->
</div>
</li>
<li>
<img src="./img/logistics/tit.png" alt="">
<div>
<span>上一辆</span>
<!-- <span></span> -->
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
<script type="text/javascript" src="js/echarts.min.js"></script>
<script>
$(document).ready(function() {
// 开动率
EchartsB3()
// 小时产量
EchartsB5()
});
</script>
</body>
</html>
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment