<%@ 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">
|
<style>
|
#example tbody {
|
display:block;
|
height:620px;
|
overflow-y:scroll;
|
}
|
#example thead,#example tbody tr {
|
display:table;
|
width:100%;
|
table-layout:fixed;
|
}
|
#example thead {
|
width: calc(100% - 1em);
|
}
|
#example thead th {
|
background:#ccc;
|
}
|
</style>
|
<script type="text/javascript" src="../static/jquery/jquery-3.1.0.min.js"></script>
|
<title>下片机管理</title>
|
<script type="text/javascript">
|
/* var interval = setInterval('refreshStatus()', 5000);
|
|
// 设备页面自动刷新
|
function refreshStatus() {
|
window.location.reload();
|
}
|
|
// 停止页面自动刷新
|
function disableAutoRefresh() {
|
clearInterval(interval);
|
} */
|
|
/*删除 */
|
/* function countAll(type){
|
var groups=document.getElementsByName('groups')[0].value;
|
var state=document.getElementById('state').value;
|
var checkboxs=document.getElementsByName('id');
|
for(var i=0;i<checkboxs.length;i++){
|
var checkbox=checkboxs[i];
|
if(checkbox.checked){
|
var RowHtml=checkbox.parentNode.parentNode;
|
var rankid=RowHtml.getElementsByClassName("rankid")[0].innerHTML;
|
|
$.ajax({
|
cache:false,
|
type:"POST",
|
dataType : "json",
|
url:"${ctx}/countmachine/countdelete",
|
data:{
|
"rankid":rankid,
|
"type":type
|
},success:function(data){
|
window.location.href="${ctx}/countmachine/detail/"+groups+"/"+state;
|
}
|
});
|
}
|
}
|
} */
|
</script>
|
</head>
|
<body style="padding: 20px;background-color:#D5EAFF;height:100%">
|
<div id='app'>
|
<section class="content-header">
|
<h1>
|
下片界面
|
</h1>
|
<ol class="breadcrumb">
|
<li><a href="#">管理<i class="fa fa-dashboard"></i> 下片</a></li>
|
</ol>
|
</section>
|
|
<!-- Main content -->
|
<section class="content container-fluid" >
|
<input type="text" id="state" style='display:none' value="${state}" />
|
<input style="display:none" type="text" name="groups" value="${groups}" />
|
<fieldset>
|
<legend>下片机玻璃队列</legend>
|
<button type="button" @click="updateSate('重新开始')" class="btn btn-primary ">重新开始</button>
|
<button type="button" @click="updateSate('手动完成')" class="btn btn-primary ">手动完成</button>
|
<table id='example' class='table table-striped table-hover'>
|
<thead>
|
<tr>
|
<th><input type='checkbox' name='allChecked'/></th>
|
<th>galssId</th>
|
<th>宽度</th>
|
<th>高度</th>
|
<th>厚度</th>
|
<th>落架位置</th>
|
<th>状态</th>
|
</tr>
|
</thead>
|
<tbody style='overflow-y:auto;'>
|
<tr v-show="Object.keys(items).length!=0" v-for="items in shuzu">
|
<td><input v-model="glassIDs" :value="items[0]" type='checkbox' /></td>
|
<td v-show='index>0' v-for="(item,key,index) in items">
|
{{item}}
|
</td>
|
</tr>
|
</tbody>
|
</table>
|
</fieldset>
|
</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:[],
|
glassIDs:[]
|
},
|
methods:{
|
updateSate:function(type){
|
if(!this.glassIDs.length){
|
alert('请至少选择一条玻璃信息');
|
return false
|
}
|
let canshu={
|
types:type
|
}
|
for(item of this.glassIDs){
|
canshu.id=item;
|
let sql="{call AXJ_xiapianguanli_renwuduilie_updateGlass(?,?,?)}~"+JSON.stringify(canshu);
|
this.connects("下片任务队列update",sql,1,2);
|
}
|
|
window.location.reload();
|
}
|
},
|
mounted:function(){
|
let canshu={
|
line:<%= request.getParameter("id") %>,
|
state:'<%= request.getParameter("state") %>'
|
}
|
let sql="{call AXJ_xiapianguanli_renwuduilie_chaxun(?,?,?)}~"+JSON.stringify(canshu);
|
let flag=2;
|
loadAjxs('下片任务队列查询',sql,flag,"shuzu");
|
}
|
})
|
</script>
|
</html>
|
