|
|
@@ -82,9 +82,19 @@
|
|
|
return i;
|
|
|
}
|
|
|
</script>
|
|
|
+ <script>
|
|
|
+
|
|
|
+ function load()
|
|
|
+ {
|
|
|
+ alert("页面已加载！");
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+ }
|
|
|
+ </script>
|
|
|
</head>
|
|
|
|
|
|
-<body class="" style="background-color: #17253f !important;" onload="startTime()">
|
|
|
+<body class="" style="background-color: #17253f !important;" onload="startTime() ; load()">
|
|
|
<div class="text-center">
|
|
|
<nav class="navbar" style="background-color: red">
|
|
|
<div class="container-fluid">
|
|
|
@@ -97,15 +107,26 @@
|
|
|
</nav>
|
|
|
<div class="container-fluid" style="margin-top: 10em">
|
|
|
<div class="card">
|
|
|
- <h5 class="card-header">生产拉线模式</h5>
|
|
|
+ <h5 class="card-header">
|
|
|
+ <select name="select" id="pro_areaCode" >
|
|
|
+ <option value="120000" selected="selected">生产拉线模式</option>
|
|
|
+ <option value="130000">生产线一</option>
|
|
|
+ <option value="140000">生产线二</option>
|
|
|
+ <option value="150000">生产线三</option>
|
|
|
+ </select>
|
|
|
+ </h5>
|
|
|
+
|
|
|
<div class="card-body">
|
|
|
<h5 class="card-title">您可以看到生产线内部的实时状况</h5>
|
|
|
<p class="card-text">
|
|
|
- 点击下面按钮，开始一个班次
|
|
|
- <br>
|
|
|
- 点击下面按钮，开始一个班次
|
|
|
+ <select id="period_ID">
|
|
|
+ <option selected="selected">班次</option>
|
|
|
+ <option value="12">上午班</option>
|
|
|
+ <option value="23">下午班</option>
|
|
|
+ <option value="33">晚上班</option>
|
|
|
+ </select>
|
|
|
</p>
|
|
|
- <a href="#" class="btn btn-primary" onclick="location.href='lazhang.html?scheduleId=8&flowId=2'">开始班次</a>
|
|
|
+ <a href="#" class="btn btn-primary" onclick="location.href='lazhang.html?scheduleId=8&flowId=2&'">开始班次</a>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="card">
|
|
|
@@ -118,6 +139,98 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
+
|
|
|
+<!-- 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>
|
|
|
+<script src="js/basic2.js"></script>
|
|
|
+<script src="js/getparam1.js"></script>
|
|
|
+
|
|
|
+<script>
|
|
|
+
|
|
|
+ function showEachSpot1() {
|
|
|
+ var htmlbody = "", one_person = "";
|
|
|
+ var i = 0;
|
|
|
+ var triGap = periodID.length;
|
|
|
+
|
|
|
+ htmlbody = "";
|
|
|
+ for (i = 0; i < triGap; i++) {
|
|
|
+
|
|
|
+ htmlbody = getSpotHtml(htmlbody, i);
|
|
|
+ }
|
|
|
+ $("#period_ID").html(htmlbody);
|
|
|
+ //console.log(htmlbody);
|
|
|
+ }
|
|
|
+ function getSpotHtml1(htmlbody, i) {
|
|
|
+ htmlbody += "";
|
|
|
+ htmlbody += `<option value="periodID[i]">
|
|
|
+ ${periodname[i]}
|
|
|
+
|
|
|
+ </option>`;
|
|
|
+ htmlbody += "";
|
|
|
+ return htmlbody;
|
|
|
+ }
|
|
|
+
|
|
|
+ var proAreaCode =$("#pro_areaCode").val();
|
|
|
+ var periodnum =$("#period_ID").val();
|
|
|
+ $(document).ready(on_document_load);
|
|
|
+
|
|
|
+ function showEachSpot() {
|
|
|
+ var htmlbody = "", one_person = "";
|
|
|
+ var i = 0;
|
|
|
+ var triGap = flowID.length;
|
|
|
+
|
|
|
+ htmlbody = "";
|
|
|
+ for (i = 0; i < triGap; i++) {
|
|
|
+
|
|
|
+ htmlbody = getSpotHtml(htmlbody, i);
|
|
|
+ }
|
|
|
+ $("#pro_areaCode").html(htmlbody);
|
|
|
+ //console.log(htmlbody);
|
|
|
+ }
|
|
|
+ function getSpotHtml(htmlbody, i) {
|
|
|
+ htmlbody += "";
|
|
|
+ htmlbody += `<option value="flowID[i]">
|
|
|
+ ${flowname[i]}
|
|
|
+
|
|
|
+ </option>`;
|
|
|
+ htmlbody += "";
|
|
|
+ return htmlbody;
|
|
|
+ }
|
|
|
+
|
|
|
+
|
|
|
+</script>
|
|
|
</body>
|
|
|
|
|
|
</html>
|
Guichuan Yu