<%@ page contentType="text/html;charset=UTF-8"%>
|
|
<html>
|
<head>
|
<link rel="stylesheet" href="../static/AdminLTE/bower_components/bootstrap/dist/css/bootstrap.min.css">
|
<!-- Font Awesome -->
|
<link rel="stylesheet" href="../static/AdminLTE/bower_components/font-awesome/css/font-awesome.min.css">
|
<!-- Ionicons -->
|
<link rel="stylesheet" href="../static/AdminLTE/bower_components/Ionicons/css/ionicons.min.css">
|
<!-- Theme style -->
|
<link rel="stylesheet" href="../static/AdminLTE/dist/css/AdminLTE.min.css">
|
<link rel="stylesheet" href="../static/AdminLTE/dist/css/skins/skin-blue.min.css">
|
<link type="text/css" rel="stylesheet" href="../static/AdminLTE/bower_components/bootstrap/dist/css/bootstrap.css">
|
<script type="text/javascript"
|
src="../static/jquery/jquery-3.1.0.min.js"></script>
|
|
<script type="text/javascript">
|
var interval = setInterval('refreshStatus()', 8000);
|
$(document).ready(function(){
|
var info = $("#info").attr("info");
|
$("#infos").html(info);
|
});
|
// 设备页面自动刷新
|
/* function refreshStatus() {
|
window.location.reload();
|
} */
|
// 停止页面自动刷新
|
function disableAutoRefresh() {
|
clearInterval(interval);
|
}
|
|
function selectperimeter(){
|
var starttime=document.getElementsByName('starttime')[0].value;
|
var findtime=document.getElementsByName('findtime')[0].value;
|
var groups=document.getElementsByName('groups')[0].value;
|
$.ajax({
|
cache:false,
|
type:"POST",
|
dataType : "Text",
|
url:"${ctx}/gaoliwei/selectperimeter",
|
data:{
|
"groups":groups,
|
"starttime":starttime,
|
"findtime":findtime,
|
},success:function(data){
|
document.getElementById("selectperimeter").innerHTML="查询周长:"+data;
|
}
|
|
});
|
}
|
</script>
|
<style>
|
.box table tr th,.box table tr td{
|
text-align:center;
|
}
|
</style>
|
<title>磨边机任务完成情况</title>
|
</head>
|
<body style="padding: 20px;background-color:#D5EAFF;height:100%">
|
<div id='app'>
|
<div id = "allstatu" allstatu = "${allstatu}"></div>
|
<div id = "info" info = "${info}"></div>
|
<!-- Main content -->
|
<section class="content container-fluid">
|
<div style="margin-top: 20px;">
|
开始时间：<input v-model="seleDate.state" type="datetime-local" id="starttime" name="starttime" />
|
结束时间：<input v-model="seleDate.finish" type="datetime-local" id="findtime" name="findtime" />
|
<input type="button" @click="selectLen" class="btn btn-primary " value="查询"/>
|
</div>
|
<h3>今日磨边周长:{{lengths[0][0]}}</h3>
|
<h3>总磨边周长:{{lengths[0][1]}}</h3>
|
<h3 id="selectperimeter">查询周长:{{lengths[0][2]}}</h3>
|
<input style="display:none" type="text" name="groups" value="${groups}" />
|
<div align="right" style="margin-right: 50px;font-size:20px;">
|
</div>
|
<div class="box" style="height: 600px; overflow: auto;margin-top: 50px;">
|
<table class="table table-striped table-hover"
|
style="overflow-x: auto">
|
<thead>
|
<tr>
|
<th>玻璃ID</th>
|
<th>长度</th>
|
<th>宽度</th>
|
<th>颜色</th>
|
<th>任务创建时间</th>
|
<th>任务完成时间</th>
|
<th>工作状态</th>
|
</tr>
|
</thead>
|
<tbody>
|
<tr v-show="Object.keys(items).length!=0" v-for="items in shuzu">
|
<td v-for="(item,key,index) in items">
|
{{item}}
|
</td>
|
</tr>
|
</tbody>
|
</table>
|
</div>
|
|
</section>
|
<!-- /.content -->
|
</div>
|
<!-- /.content-wrapper -->
|
</body>
|
<script src="../js/vue.min.js"></script>
|
<script src="../js/mixins.js"></script>
|
<script>
|
let app = new Vue({
|
el:'#app',
|
mixins:[mixin],
|
data:{
|
shuzu:[],
|
lengths:[],
|
seleDate:{
|
state:"",
|
finish:""
|
}
|
},
|
methods:{
|
selectLen:function(){
|
let canshu={
|
line:<%= request.getParameter("id") %>,
|
state:this.seleDate.state,
|
finish:this.seleDate.finish
|
}
|
let sql="{call AXJ_mobianguanli_mobianwanchengduilie_finishLength(?,?,?,?)}~"+JSON.stringify(canshu);
|
loadAjxs("磨边长度查询",sql,2,'lengths');
|
}
|
},
|
mounted:function(){
|
let canshu={
|
line:<%= request.getParameter("id") %>,
|
state:"",
|
finish:""
|
}
|
let sql="{call AXJ_mobianguanli_mobianwanchengduilie_finishLength(?,?,?,?)}~"+JSON.stringify(canshu);
|
let flag=2;
|
loadAjxs('磨边长度查询',sql,flag,"lengths");
|
sql="{call AXJ_mobianguanli_mobianwanchengduilie_chaxun(?,?)}~"+"{'line':'"+<%= request.getParameter("id") %>+"'}";
|
loadAjxs('磨边明细查询',sql,flag,"shuzu");
|
}
|
})
|
</script>
|
</html>
|
