|
|
@@ -0,0 +1,319 @@
|
|
|
+<!DOCTYPE html>
|
|
|
+<html>
|
|
|
+
|
|
|
+<head>
|
|
|
+ <meta charset="UTF-8">
|
|
|
+ <meta http-equiv="X-UA-Compatible" content="IE=Edge">
|
|
|
+ <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
|
|
|
+ <title>流水线管理页</title>
|
|
|
+ <!-- Favicon-->
|
|
|
+ <link rel="icon" href="favicon.ico" type="image/x-icon">
|
|
|
+
|
|
|
+ <!-- Google Fonts -->
|
|
|
+ <link href="https://fonts.googleapis.com/css?family=Roboto:400,700&subset=latin,cyrillic-ext" rel="stylesheet" type="text/css">
|
|
|
+ <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet" type="text/css">
|
|
|
+
|
|
|
+ <!-- Bootstrap Core Css -->
|
|
|
+ <link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
|
|
|
+
|
|
|
+ <!-- Waves Effect Css -->
|
|
|
+ <link href="plugins/node-waves/waves.css" rel="stylesheet" />
|
|
|
+
|
|
|
+ <!-- Animation Css -->
|
|
|
+ <link href="plugins/animate-css/animate.css" rel="stylesheet" />
|
|
|
+
|
|
|
+ <!-- Morris Chart Css-->
|
|
|
+ <link href="plugins/morrisjs/morris.css" rel="stylesheet" />
|
|
|
+
|
|
|
+ <!-- Custom Css -->
|
|
|
+ <link href="css/style.css" rel="stylesheet">
|
|
|
+
|
|
|
+ <!-- AdminBSB Themes. You can choose a theme from css/themes instead of get all themes -->
|
|
|
+ <link href="css/themes/all-themes.css" rel="stylesheet" />
|
|
|
+ <script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
|
|
|
+ <script src="https://cdn.bootcss.com/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
|
|
|
+ <script src="https://cdn.bootcss.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
|
|
|
+ <link rel="icon" href="https://static.jianshukeji.com/highcharts/images/favicon.ico">
|
|
|
+ <meta name="viewport" content="width=device-width, initial-scale=1">
|
|
|
+ <style>
|
|
|
+ /* css 代码 */
|
|
|
+ </style>
|
|
|
+ <script src="https://img.hcharts.cn/highcharts/highcharts.js"></script>
|
|
|
+ <script src="https://img.hcharts.cn/highcharts/modules/exporting.js"></script>
|
|
|
+ <script src="https://img.hcharts.cn/highcharts-plugins/highcharts-zh_CN.js"></script>
|
|
|
+</head>
|
|
|
+
|
|
|
+<body class="theme-red">
|
|
|
+
|
|
|
+<div class="row clearfix">
|
|
|
+ <!-- Visitors -->
|
|
|
+ <div class="col-xs-12 col-sm-12 col-md-4 col-lg-4">
|
|
|
+ <div class="card">
|
|
|
+ <div class="body bg-pink">
|
|
|
+ <div class="text-center" style="font-size: 2em">全厂产能</div>
|
|
|
+ <div class="row text-center" style="font-size: 2em">
|
|
|
+ <div class="col-2"></div>
|
|
|
+ <div class="col-4">今日</div>
|
|
|
+ <div class="col-4">1255</div>
|
|
|
+ <div class="col-2"></div>
|
|
|
+ </div>
|
|
|
+ <div class="row text-center" style="font-size: 2em">
|
|
|
+ <div class="col-2"></div>
|
|
|
+ <div class="col-4">昨日</div>
|
|
|
+ <div class="col-4">1235</div>
|
|
|
+ <div class="col-2"></div>
|
|
|
+ </div>
|
|
|
+ <div class="row text-center" style="font-size: 2em">
|
|
|
+ <div class="col-2"></div>
|
|
|
+ <div class="col-4">本周</div>
|
|
|
+ <div class="col-4">12355</div>
|
|
|
+ <div class="col-2"></div>
|
|
|
+ </div>
|
|
|
+ <div class="row text-center" style="font-size: 2em">
|
|
|
+ <div class="col-2"></div>
|
|
|
+ <div class="col-4">本月</div>
|
|
|
+ <div class="col-4">552555</div>
|
|
|
+ <div class="col-2"></div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- #END# Visitors -->
|
|
|
+ <!-- Latest Social Trends -->
|
|
|
+ <div class="col-xs-12 col-sm-12 col-md-4 col-lg-4">
|
|
|
+ <div class="card">
|
|
|
+ <div class="body bg-cyan">
|
|
|
+ <div class="text-center" style="font-size: 2em">全厂不良率</div>
|
|
|
+ <div class="row text-center" style="font-size: 2em">
|
|
|
+ <div class="col-2"></div>
|
|
|
+ <div class="col-4">今日</div>
|
|
|
+ <div class="col-4">10%</div>
|
|
|
+ <div class="col-2"></div>
|
|
|
+ </div>
|
|
|
+ <div class="row text-center" style="font-size: 2em">
|
|
|
+ <div class="col-2"></div>
|
|
|
+ <div class="col-4">昨日</div>
|
|
|
+ <div class="col-4">9%</div>
|
|
|
+ <div class="col-2"></div>
|
|
|
+ </div>
|
|
|
+ <div class="row text-center" style="font-size: 2em">
|
|
|
+ <div class="col-2"></div>
|
|
|
+ <div class="col-4">本周</div>
|
|
|
+ <div class="col-4">10%</div>
|
|
|
+ <div class="col-2"></div>
|
|
|
+ </div>
|
|
|
+ <div class="row text-center" style="font-size: 2em">
|
|
|
+ <div class="col-2"></div>
|
|
|
+ <div class="col-4">本月</div>
|
|
|
+ <div class="col-4">11%</div>
|
|
|
+ <div class="col-2"></div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- #END# Latest Social Trends -->
|
|
|
+ <!-- Answered Tickets -->
|
|
|
+ <div class="col-xs-12 col-sm-12 col-md-4 col-lg-4">
|
|
|
+ <div class="card">
|
|
|
+ <div class="body bg-teal">
|
|
|
+ <div class="text-center" style="font-size: 2em">每拉产能</div>
|
|
|
+ <div class="row text-center" style="font-size: 2em">
|
|
|
+ <div class="col-2"></div>
|
|
|
+ <div class="col-5">生产线<span>一</span>号</div>
|
|
|
+ <div class="col-4">1255</div>
|
|
|
+ <div class="col-2"></div>
|
|
|
+ </div>
|
|
|
+ <div class="row text-center" style="font-size: 2em">
|
|
|
+ <div class="col-2"></div>
|
|
|
+ <div class="col-5">生产线<span>二</span>号</div>
|
|
|
+ <div class="col-4">1235</div>
|
|
|
+ <div class="col-2"></div>
|
|
|
+ </div>
|
|
|
+ <div class="row text-center" style="font-size: 2em">
|
|
|
+ <div class="col-2"></div>
|
|
|
+ <div class="col-5">生产线<span>三</span>号</div>
|
|
|
+ <div class="col-4">12355</div>
|
|
|
+ <div class="col-2"></div>
|
|
|
+ </div>
|
|
|
+ <div class="row text-center" style="font-size: 2em">
|
|
|
+ <div class="col-2"></div>
|
|
|
+ <div class="col-5">生产线<span>四</span>号</div>
|
|
|
+ <div class="col-4">552555</div>
|
|
|
+ <div class="col-2"></div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- #END# Answered Tickets -->
|
|
|
+</div>
|
|
|
+
|
|
|
+<div class="cow">
|
|
|
+ <div class="card">
|
|
|
+
|
|
|
+ <div class="body">
|
|
|
+ <div class="table-responsive" style="width: 50%;float: left">
|
|
|
+ <table class="table table-hover dashboard-task-infos">
|
|
|
+ <thead>
|
|
|
+ <tr style="border-bottom:3px solid black;">
|
|
|
+ <th>不良工率最高</th>
|
|
|
+ <th>数量</th>
|
|
|
+
|
|
|
+ </tr>
|
|
|
+ </thead>
|
|
|
+ <tbody id="rank-one">
|
|
|
+ <tr >
|
|
|
+ <td>张三</td>
|
|
|
+ <td>11</td>
|
|
|
+
|
|
|
+
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <td>李四</td>
|
|
|
+ <td>33</td>
|
|
|
+
|
|
|
+
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <td>王五</td>
|
|
|
+ <td>21</td>
|
|
|
+
|
|
|
+
|
|
|
+ </tr>
|
|
|
+
|
|
|
+ </tbody>
|
|
|
+ </table>
|
|
|
+ </div>
|
|
|
+ <div class="table-responsive" style="width:50%">
|
|
|
+ <table class="table table-hover dashboard-task-infos">
|
|
|
+ <thead>
|
|
|
+ <tr style="border-bottom:3px solid black;">
|
|
|
+ <th>产能最低</th>
|
|
|
+ <th>数量</th>
|
|
|
+
|
|
|
+ </tr>
|
|
|
+ </thead>
|
|
|
+ <tbody id="rank-one">
|
|
|
+ <tr >
|
|
|
+ <td>Task A</td>
|
|
|
+ <td>22</td>
|
|
|
+
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <td>Task B</td>
|
|
|
+ <td>44</td>
|
|
|
+
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <td>Task C</td>
|
|
|
+ <td>12</td>
|
|
|
+
|
|
|
+ </tr>
|
|
|
+
|
|
|
+ </tbody>
|
|
|
+ </table>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+</div>
|
|
|
+ <section class="content" style="margin: 0 auto">
|
|
|
+ <div class="container-fluid">
|
|
|
+ <div class="block-header">
|
|
|
+ <h2>DASHBOARD</h2>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <!-- Widgets -->
|
|
|
+ <div class="row clearfix">
|
|
|
+ <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
|
|
|
+ <div class="info-box bg-pink hover-expand-effect">
|
|
|
+ <div class="icon">
|
|
|
+ <i class="material-icons">playlist_add_check</i>
|
|
|
+ </div>
|
|
|
+ <div class="content">
|
|
|
+ <div class="text">NEW TASKS</div>
|
|
|
+ <div class="number count-to" data-from="0" data-to="125" data-speed="15" data-fresh-interval="20"></div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
|
|
|
+ <div class="info-box bg-cyan hover-expand-effect">
|
|
|
+ <div class="icon">
|
|
|
+ <i class="material-icons">help</i>
|
|
|
+ </div>
|
|
|
+ <div class="content">
|
|
|
+ <div class="text">NEW TICKETS</div>
|
|
|
+ <div class="number count-to" data-from="0" data-to="257" data-speed="1000" data-fresh-interval="20"></div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
|
|
|
+ <div class="info-box bg-light-green hover-expand-effect">
|
|
|
+ <div class="icon">
|
|
|
+ <i class="material-icons">forum</i>
|
|
|
+ </div>
|
|
|
+ <div class="content">
|
|
|
+ <div class="text">NEW COMMENTS</div>
|
|
|
+ <div class="number count-to" data-from="0" data-to="243" data-speed="1000" data-fresh-interval="20"></div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
|
|
|
+ <div class="info-box bg-orange hover-expand-effect">
|
|
|
+ <div class="icon">
|
|
|
+ <i class="material-icons">person_add</i>
|
|
|
+ </div>
|
|
|
+ <div class="content">
|
|
|
+ <div class="text">NEW VISITORS</div>
|
|
|
+ <div class="number count-to" data-from="0" data-to="1225" data-speed="1000" data-fresh-interval="20"></div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- #END# Widgets -->
|
|
|
+ </div>
|
|
|
+ </section>
|
|
|
+
|
|
|
+ <!-- Jquery Core Js -->
|
|
|
+ <script src="plugins/jquery/jquery.min.js"></script>
|
|
|
+
|
|
|
+ <!-- Bootstrap Core Js -->
|
|
|
+ <script src="plugins/bootstrap/js/bootstrap.js"></script>
|
|
|
+
|
|
|
+ <!-- Select Plugin Js -->
|
|
|
+ <script src="plugins/bootstrap-select/js/bootstrap-select.js"></script>
|
|
|
+
|
|
|
+ <!-- Slimscroll Plugin Js -->
|
|
|
+ <script src="plugins/jquery-slimscroll/jquery.slimscroll.js"></script>
|
|
|
+
|
|
|
+ <!-- Waves Effect Plugin Js -->
|
|
|
+ <script src="plugins/node-waves/waves.js"></script>
|
|
|
+
|
|
|
+ <!-- Jquery CountTo Plugin Js -->
|
|
|
+ <script src="plugins/jquery-countto/jquery.countTo.js"></script>
|
|
|
+
|
|
|
+ <!-- Morris Plugin Js -->
|
|
|
+ <script src="plugins/raphael/raphael.min.js"></script>
|
|
|
+ <script src="plugins/morrisjs/morris.js"></script>
|
|
|
+
|
|
|
+ <!-- ChartJs -->
|
|
|
+ <script src="plugins/chartjs/Chart.bundle.js"></script>
|
|
|
+
|
|
|
+ <!-- Flot Charts Plugin Js -->
|
|
|
+ <script src="plugins/flot-charts/jquery.flot.js"></script>
|
|
|
+ <script src="plugins/flot-charts/jquery.flot.resize.js"></script>
|
|
|
+ <script src="plugins/flot-charts/jquery.flot.pie.js"></script>
|
|
|
+ <script src="plugins/flot-charts/jquery.flot.categories.js"></script>
|
|
|
+ <script src="plugins/flot-charts/jquery.flot.time.js"></script>
|
|
|
+
|
|
|
+ <!-- Sparkline Chart Plugin Js -->
|
|
|
+ <script src="plugins/jquery-sparkline/jquery.sparkline.js"></script>
|
|
|
+
|
|
|
+ <!-- Custom Js -->
|
|
|
+ <script src="js/admin.js"></script>
|
|
|
+ <script src="js/pages/index.js"></script>
|
|
|
+
|
|
|
+ <!-- Demo Js -->
|
|
|
+ <script src="js/demo.js"></script>
|
|
|
+</body>
|
|
|
+
|
|
|
+</html>
|
Guichuan Yu