<%@ page contentType="text/html;charset=UTF-8"%>
|
<c:set var="ctx" value="${pageContext.request.contextPath}" />
|
<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">
|
<title>理片笼</title>
|
<style type="text/css">
|
@IMPORT url("../static/global/showtask/showtask.css");
|
</style>
|
|
<script>
|
var contextPath = "${pageContext.request.contextPath}";
|
</script>
|
|
<link type="text/css" rel="stylesheet"
|
href="../static/css/dataTables.bootstrap.css" />
|
<link type="text/css" rel="stylesheet"
|
href="../static/css/dataTables.tableTools.css" />
|
|
<script type="text/javascript"
|
src="../static/js/jquery.min.js"></script>
|
<script type="text/javascript"
|
src="../static/js/jquery.dataTables.min.js"></script>
|
<script type="text/javascript"
|
src="../static/js/dataTables.bootstrap.js"></script>
|
<script type="text/javascript"
|
src="../static/js/dataTables.tableTools.js"></script>
|
<script type="text/javascript"
|
src="../static/js/moment.js"></script>
|
<script type="text/javascript"
|
src="../static/js/sucaijiayuan.js"></script>
|
<script type="text/javascript"
|
src="../static/laydate/laydate.js"></script>
|
<script type="text/javascript" src="../static/util/utilAlert.js"></script>
|
<script type="text/javascript" src="../static/bootstrap/3.3.7/js/bootstrap.min.js"></script>
|
|
<style type="text/css">
|
.rank {
|
font-weight: bolder;
|
margin-left: 10px;
|
font-size: 18px;
|
vertical-align: bottom;
|
margin-right: 20px;
|
}
|
|
.btn-lg {
|
margin-left: 90px;
|
}
|
|
#task {
|
height: 315px;
|
overflow: auto;
|
}
|
|
.use {
|
margin-left: 30px;
|
font-size: 18px;
|
}
|
|
#blockdiv {
|
width: 400px;
|
height: 475px;
|
float: left;
|
display: none;
|
font-size: 35px;
|
position: absolute;
|
opacity: 1;
|
background: Silver;
|
z-index: 1;
|
/* border: 1px solid #ccc; */
|
color: black;
|
pointer-events: none;
|
}
|
|
#example1 tbody {
|
display:block;
|
height:495px;
|
overflow-y:scroll;
|
}
|
#example1 thead,#example1 tbody tr {
|
display:table;
|
width:100%;
|
table-layout:fixed;
|
}
|
#example1 thead {
|
width: calc(100% - 1em);
|
}
|
#example1 thead th {
|
background:#ccc;
|
}
|
|
#example tbody {
|
display:block;
|
height:595px;
|
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;
|
}
|
|
.shows{
|
background-color:red
|
}
|
</style>
|
|
<script type="text/javascript">
|
|
var interval = setInterval('refreshStatus()', 20000);
|
//设备页面自动刷新
|
/* function refreshStatus() {
|
window.location.reload();
|
} */
|
//停止页面自动刷新
|
/* function disableAutoRefresh() {
|
clearInterval(interval);
|
} */
|
$(document).ready(function(){
|
var info = $("#info").attr("info");
|
$("#infos").html(info);
|
});
|
|
/*删除 */
|
function delAll1(type){
|
var groups=document.getElementsByName('groups')[0].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}/slicecage/rackdelete/"+groups,
|
data:{
|
"rankid":rankid,
|
"type":type
|
},success:function(data){
|
window.location.href="${ctx}/slicecage/slicecagerank/"+groups;
|
}
|
});
|
}
|
}
|
}
|
|
|
/修改模式 */
|
function onchecks(type){
|
var groups=document.getElementsByName('groups')[0].value;
|
$.ajax({
|
cache:false,
|
type:"POST",
|
dataType : "json",
|
url:"${ctx}/slicecage/slicecagepattern/"+groups,
|
data:{
|
"type":type,
|
},success:function(data){
|
window.location.href="${ctx}/slicecage/slicecagerank/"+groups;
|
}
|
|
});
|
}
|
|
|
|
|
function oncheck(){
|
var a=true;
|
var checklist=document.getElementsByName('id');
|
for(var i=0;i<checklist.length;i++){
|
if(checklist[i].checked){
|
a=false;
|
|
}
|
}
|
if(a){
|
alert("请选中一行");
|
}
|
else{
|
$("#add-info").modal('show');
|
//disableAutoRefresh()
|
}
|
|
}
|
//添加
|
function addrack(){
|
var rankid;
|
var galsstaskid;
|
var groups=document.getElementsByName('groups')[0].value;
|
var checkboxs1=document.getElementsByName('id');
|
for(var i=0;i<checkboxs1.length;i++){
|
var checkbox1=checkboxs1[i];
|
if(checkbox1.checked){
|
var RowHtml=checkbox1.parentNode.parentNode;
|
rankid=RowHtml.getElementsByClassName("rankid")[0].innerHTML;
|
}
|
}
|
var checkboxs=document.getElementsByName('galsstaskid');
|
for(var i=0;i<checkboxs.length;i++){
|
var checkbox=checkboxs[i];
|
if(checkbox.checked){
|
var RowHtml=checkbox.parentNode.parentNode;
|
galsstaskid=RowHtml.getElementsByClassName("rankid")[0].innerHTML;
|
}
|
}
|
|
$.ajax({
|
cache:false,
|
type:"POST",
|
dataType : "json",
|
url:"${ctx}/slicecage/addslicecagerack",
|
data:{
|
"rankid":rankid,
|
"galsstaskid":galsstaskid,
|
},success:function(data){
|
window.location.href="${ctx}/slicecage/slicecagerank/"+groups;
|
}
|
|
});
|
|
}
|
|
</script>
|
</head>
|
<body style="padding: 20px;background-color:#D5EAFF;height:100%">
|
|
<div id='app'>
|
<!--导航页 -->
|
<section class="content-header">
|
<h1>
|
理片笼 <small>管理</small>
|
</h1>
|
<ol class="breadcrumb">
|
<li><a href="#"><i class="fa fa-dashboard"></i> 理片笼</a></li>
|
<li class="active">管理</li>
|
</ol>
|
</section>
|
<div id = "info" info = "${info}"></div>
|
<input style="display:none" type="text" name="groups" value="${groups}" />
|
<!-- body开始 -->
|
<section class="content container-fluid">
|
|
<!--表格 -->
|
<button type="button" onclick="oncheck()" class="btn btn-primary ">添加小片</button>
|
<button type="button" @click="delAll('出片')" class="btn btn-primary ">出片</button>
|
<button v-show="line==1" type="button" @click="delAll('传送')" class="btn btn-primary ">传送</button>
|
<button type="button" @click="delAll('禁用')" class="btn btn-primary ">禁用</button>
|
<button type="button" @click="delAll('启用')" class="btn btn-primary ">启用</button>
|
<button :class="buttons[0][0]==1?'shows':''" type='button' @click="updateModel(1)" class='btn btn-primary '>进出片模式</button>
|
<button :class="buttons[0][0]==2?'shows':''" type='button' @click="updateModel(2)" class='btn btn-primary '>直通模式</button>
|
<button :class="buttons[0][0]==3?'shows':''" type='button' @click="updateModel(3)" class='btn btn-primary '>存笼模式</button>
|
<button :class="buttons[0][0]==4?'shows':''" type='button' @click="updateModel(4)" class='btn btn-primary '>出片模式</button>
|
<div>
|
<table id="example" class="table table-bordered table-condensed">
|
<thead style="font-size: 20px; Height: 40px">
|
<tr>
|
<th style="width:30px"><input type="checkbox" name="allChecked" /></th>
|
<th style="display:none">编号</th>
|
<th>架号</th>
|
<th>状态</th>
|
<th>glassId</th>
|
<th>长度(mm)</th>
|
<th>高度(mm)</th>
|
<th>厚度(mm)</th>
|
<th>数量</th>
|
<th>流程卡号</th>
|
<th>禁用状态(1为禁用)</th>
|
</tr>
|
</thead>
|
<tbody>
|
<tr v-for='items in shuzu'>
|
<td style='width:30px'><input v-model="shelf" type='checkbox' name='id' :value="items[0]" /></td>
|
<td v-show="key!=0" v-for='(item,key) in items'>
|
{{item}}
|
</td>
|
</tr>
|
</tbody>
|
</table>
|
</div>
|
|
|
|
|
<!--添加原片页面开始-->
|
<div class="modal fade" id="add-info" tabindex="-1" role="dialog"
|
aria-labelledby="myModalLabel" aria-hidden="true">
|
<div class="modal-dialog " style="width: 1000px;height: 800px;">
|
<div class="modal-content">
|
<div class="modal-header">
|
<button type="button" class="close" data-dismiss="modal"
|
aria-hidden="true" data-backdrop="static">×</button>
|
<h3 class="modal-title" id="myModalLabel"
|
style="font-weight: bolder;">添加小片</h3>
|
</div>
|
<div>
|
<table id="example1" class="table table-bordered table-condensed">
|
<thead style="font-size: 20px; Height: 40px">
|
<tr>
|
<th><input type="radio" name="allCheckeds" /></th>
|
<th style="display:none">编号</th>
|
<th>glassId</th>
|
<th>长度(mm)</th>
|
<th>高度(mm)</th>
|
<th>厚度(mm)</th>
|
<th>流程卡号</th>
|
<th>架号</th>
|
</tr>
|
</thead>
|
<tbody>
|
<tr v-for=" items in xiaopians">
|
<td><input v-model="glassIds" type='radio' name='galsstaskid' :value="items[0]" /></td>
|
<td v-show="key!=0" v-for='(item,key) in items'>
|
{{item}}
|
</td>
|
</tr>
|
</tbody>
|
</table>
|
</div>
|
|
|
|
|
<div class="modal-footer">
|
<button type="button" class="btn btn-default btn-lg"
|
data-dismiss="modal">关闭</button>
|
<button type="button" @click="addGlass" class="btn btn-primary btn-lg"
|
id="addbtnsubmit">提交</button>
|
</div>
|
</div>
|
</div>
|
</div>
|
|
|
</section>
|
</div>
|
</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:[],
|
xiaopians:[],
|
shelf:[],
|
glassIds:[],
|
buttons:"",
|
color:'red',
|
line:<%= request.getParameter("line")%>
|
},
|
methods:{
|
//出片，禁用，启用
|
delAll:function(val){
|
if(this.shelf.length<1){
|
alert("请至少选择一条");
|
return false;
|
}
|
for(item of this.shelf){
|
let sql="{call AXJ_lipianlongguanli_switch(?,?,?,?)}~"+"{'flag':'"+val+"','lines':'"+<%= request.getParameter("line") %>+"','ids':'"+item+"'}";
|
//console.log(sql);
|
this.connects("理片笼详"+val,sql,1,2);
|
}
|
window.location.reload();
|
},
|
addGlass:function(){
|
if(this.glassIds.length<1){
|
alert("请选中小片信息");
|
return false;
|
}
|
let canshu={
|
'lipianjiazi':this.shelf[this.shelf.length-1],
|
'glassid':this.glassIds,
|
inLine:'<%= request.getParameter("line") %>'
|
}
|
let sql="{call AXJ_lipianlongguanli_addGlass(?,?,?,?)}~"+JSON.stringify(canshu);
|
this.connects("理片笼详添加小片",sql,1,1);
|
},
|
updateModel:function(type){
|
let sql="{call AXJ_lipianlongguanli_model(?,?,?)}~"+"{'type':'"+type+"','lines':'"+<%= request.getParameter("line") %>+"'}";
|
this.connects("理片笼详情模式切换"+type,sql,1,1);
|
}
|
|
},
|
mounted:function(){
|
let sql="{call AXJ_lipianlongguanli_xiangqinchaxun(?,?)}~"+"{'lines':'"+<%= request.getParameter("line") %>+"'}";
|
let flag=2;
|
loadAjxs('理片笼详情查询',sql,flag,"shuzu");
|
sql="{call AXJ_lipianlongguanli_lineGlassTask(?,?)}~"+"{'lines':'"+<%= request.getParameter("line") %>+"'}";
|
loadAjxs('理片笼详情小片添加查询',sql,flag,"xiaopians");
|
sql="{call AXJ_lipianlongguanli_buttonSelect(?,?)}~"+"{'lines':'"+<%= request.getParameter("line") %>+"'}";
|
loadAjxs('理片笼详情button',sql,flag,"buttons");
|
}
|
|
})
|
<%-- //<%= request.getParameter("line") %> --%>
|
</script>
|
</html>
|
