<%@page import="ng.db.DBHelper"%>
|
<%@ 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">
|
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
|
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
|
<link href="../static/styles/default.css" type="text/css" rel="stylesheet" />
|
<script src="../static/holder.js" type="text/javascript"></script>
|
|
<script src="../js/jquery-3.4.1.min.js"></script>
|
|
<title>上片位</title>
|
<script type="text/javascript">
|
var interval = setInterval('refreshStatus()', 10000);
|
$(document).ready(function(){
|
var info = $("#info").attr("info");
|
$("#infos").html(info);
|
});
|
// 设备页面自动刷新
|
/* function refreshStatus() {
|
window.location.reload();
|
} */
|
|
// 停止页面自动刷新
|
function disableAutoRefresh() {
|
clearInterval(interval);
|
}
|
|
/**
|
* 添加原片
|
*/
|
function addload(loadMachineRackId){
|
disableAutoRefresh()
|
$("#add-info").modal('show');
|
$("#addRawPackage").val(loadMachineRackId);
|
}
|
|
/**
|
* 添加固定料架信息
|
*/
|
function addinfo(loadMachineRackId){
|
disableAutoRefresh()
|
$("#add-fix-info").modal('show');
|
$("#fixrack").val("固定料架"+loadMachineRackId);
|
$("#add-fix").val(loadMachineRackId);
|
}
|
|
|
/**
|
* 删除固定料架信息
|
*/
|
function deleteinfo(loadMachineRackId){
|
disableAutoRefresh()
|
$('#deletefixinfo').modal('toggle');
|
$("#fixlinenumber").val(loadMachineRackId);
|
}
|
/**
|
* 修改原片
|
*/
|
function modifyload(loadMachineRackId){
|
disableAutoRefresh()
|
$("#modify-info").modal('show');
|
$("#midifyRawPackage").val(loadMachineRackId);
|
}
|
|
function tuikuload(loadMachineRackId){
|
disableAutoRefresh();
|
$.ajax({
|
async: false,
|
|
type:"GET",
|
|
url:"${ctx}/shelfmanager/tuikuinfo/"+loadMachineRackId,
|
|
dataType:"text",
|
|
success:function(data){
|
window.location.href="${ctx}/cutmanage/loadmachinerack";
|
}
|
});
|
}
|
|
function deleteload(id){
|
disableAutoRefresh();
|
$('#taskFinish').modal('toggle');
|
$("#lineprint").val(id);
|
}
|
|
$(document).delegate('#surefinish','click',function(){
|
var id = $("#lineprint").val();
|
$.ajax({
|
async: false,
|
|
type:"GET",
|
|
url:"${ctx}/cutmanage/deleteinfo/"+id,
|
|
dataType:"text",
|
|
success:function(data){
|
alert(id+"号位信息清除完成！");
|
window.location.href="${ctx}/cutmanage/loadmachinerack";
|
}
|
});
|
});
|
|
$(document).delegate('#deletefixinfo','click',function(){
|
var id = $("#fixlinenumber").val();
|
$.ajax({
|
async: false,
|
|
type:"GET",
|
|
url:"${ctx}/cutmanage/deletefixinfo/"+id,
|
|
dataType:"text",
|
|
success:function(data){
|
alert(data);
|
alert(id+"号切割机固定料架信息清除完成！");
|
window.location.href="${ctx}/loadmachine/loadmachinerack";
|
}
|
});
|
});
|
|
|
</script>
|
</head>
|
<body style="padding: 20px;background-color:#D5EAFF;height:100%">
|
<div id="app">
|
<div>
|
<section class="content-header">
|
<h1>
|
上片设备信息
|
<small></small>
|
</h1>
|
<ol class="breadcrumb">
|
<li><a href="${ctx }/loadmachine/loadmachinerack"><i class="fa fa-reply"></i>上片机信息</a></li>
|
<li class="active"></li>
|
</ol>
|
</section>
|
<div id = "info" info = "${info}"></div>
|
</div>
|
<div>
|
<!-- Main content -->
|
<section class="content container-fluid">
|
<div class="box" style="height: 525px; overflow: auto;">
|
<div class="box-header">
|
</div>
|
<!-- /.box-header -->
|
<div class="box-body no-padding" style="background-color: aliceblue;">
|
<table class="table table-striped" style="font-size: large;">
|
<thead>
|
<tr>
|
<th width="15%">上片机</th>
|
<th width="10%">上片位</th>
|
<th width="25%">原片信息</th>
|
<th >缺片</th>
|
<th width="30%">操作</th>
|
</tr>
|
</thead>
|
<tbody>
|
<tr v-for='items in shuzu'>
|
<td v-show="items['0_count']!=''" :rowspan="items['0_count']">{{items['1_jiqi']}} {{items['2_connect_state']}}</td>
|
<td>{{items['3_shangpianwei']}}</td>
|
<td>{{items['4_tishi']}}</td>
|
<td></td>
|
<td v-if="items['4_tishi']!=''">
|
|
<button @click="updateGlassNum(items['5_id'])" style="background-color: #5CADFE" class="btn btn-large btn-warning" >修改原片</button>
|
|
<button @click="claerMsg(items['7_id'],items['6_id'])" style="background-color: #5CADFE" class="btn btn-large btn-danger" >清除消息</button>
|
|
<button @click="tuiku(items['7_id'],items['6_id'])" style="background-color: #5CADFE" class="btn btn-large btn-danger" >退库</button>
|
</td>
|
<td v-else>
|
<button @click="addGlass(items['7_id'],items['6_id'])" style="background-color: #5CADFE" class="btn btn-large btn-success" >添加原片</button>
|
</td>
|
</tr>
|
|
</tbody>
|
</table>
|
|
</div>
|
|
<div class="box-body no-padding" style="background-color: aliceblue;margin-top: 20px;">
|
<table class="table table-striped" style="font-size: large;">
|
<thead>
|
<tr>
|
<th width="15%">吊装位</th>
|
<th>料架编号</th>
|
<th width="20%">操作</th>
|
</tr>
|
</thead>
|
<tbody>
|
<tr v-for='items in shuzu1'>
|
<td>{{items['0_number']}}</td>
|
<td>{{items['1_id']}}</td>
|
<td v-if="items['1_id']!=''">
|
|
|
<button @click="claerMsg(items['4_id'],items['3_id'])" style="background-color: #5CADFE" class="btn btn-large btn-danger" >清除消息</button>
|
<!--
|
<button style="background-color: #5CADFE" class="btn btn-large btn-danger" onclick="tuikuload(1)">退库</button> -->
|
</td>
|
<td v-else>
|
|
</td>
|
</tr>
|
|
</tbody>
|
</table>
|
|
</div>
|
</div>
|
<%-- <div class="box" style="height: 220px; overflow: auto;">
|
<div class="box-header">
|
</div>
|
<!-- /.box-header -->
|
<div class="box-body no-padding">
|
<table class="table table-striped" style="font-size: large;">
|
<thead>
|
<tr>
|
<th width="15%">固定料架</th>
|
<th width="10%">编号</th>
|
<th>原片信息</th>
|
<th width="20%">操作</th>
|
</tr>
|
</thead>
|
<tbody>${loadMachineFixHtml}</tbody>
|
</table>
|
</div>
|
</div> --%>
|
<div class="modal fade" id="add-info" tabindex="-1" role="dialog"
|
aria-labelledby="myModalLabel" aria-hidden="true">
|
<div class="modal-dialog">
|
<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>
|
<form class="form-horizontal" role="form" id="category_add"
|
action="${ctx}/cutmanage/addAction" method="post">
|
<input type="hidden" id="addRawPackage" name="Ids">
|
<div class="modal-body">
|
<div class="form-group">
|
<h4>
|
<label class="col-sm-3 control-label no-padding-right"
|
style="font-weight: bolder;">料架号 </label>
|
</h4>
|
|
<div class="col-sm-9">
|
<input type="text" id="shelfRankInput" name="shelfRankNumber"
|
style="width: 250px; height: 35px; font-size: 20px"
|
readonly="readonly">
|
<div class="btn-group" style="margin-top: -10px">
|
<button class="btn btn-primary dropdown-toggle"
|
data-toggle="dropdown">
|
选择 <span class="caret"></span>
|
</button>
|
<ul class="dropdown-menu" style="height: 320px; overflow: auto;">
|
<li v-for='items in shelfRack' style="font-size: 20px">
|
<a href="#" onclick="$('#shelfRankInput').val($(this).text())">{{items['0_number']}}</a>
|
</li>
|
</ul>
|
</div>
|
</div>
|
</div>
|
|
<div class="form-group">
|
<h4>
|
<label class="col-sm-3 control-label no-padding-right"
|
style="font-weight: bolder;">颜色膜系 </label>
|
</h4>
|
|
<div class="col-sm-9">
|
<input type="text" id="colors" name="color"
|
style="width: 250px; height: 35px; font-size: 20px"
|
readonly="readonly">
|
<div class="btn-group" style="margin-top: -10px">
|
<button class="btn btn-primary dropdown-toggle"
|
data-toggle="dropdown">
|
选择 <span class="caret"></span>
|
</button>
|
<ul class="dropdown-menu" style="height: 280px; overflow: auto;background-color:bule">
|
<li v-for='color in colors' style="font-size: 20px;background-color:bule"><a href="#"
|
onclick="$('#colors').val($(this).text())">{{color['0_glass_id']}}</a></li>
|
</ul>
|
</div>
|
|
</div>
|
</div>
|
|
|
<div class="form-group">
|
<h4>
|
<label class="col-sm-3 control-label no-padding-right"
|
style="font-weight: bolder;">宽度 </label>
|
</h4>
|
|
<div class="col-sm-9">
|
<input v-model="glass.wid" required="required" type="number" class=" sortNumber form-control"
|
value="" name="width" id="width2"
|
onclick="app.$data.glass.wid=''" style="width: 250px; font-size: 20px" />
|
</div>
|
</div>
|
<div class="form-group">
|
<h4>
|
<label class="col-sm-3 control-label no-padding-right"
|
style="font-weight: bolder;">高度 </label>
|
</h4>
|
|
<div class="col-sm-9">
|
<input v-model="glass.heig" required="required" type="number" class="form-control" id="height2"
|
value="" name="height"
|
onclick="app.$data.glass.heig=''" style="width: 250px; font-size: 20px" />
|
</div>
|
</div>
|
<div class="form-group">
|
<h4>
|
<label class="col-sm-3 control-label no-padding-right"
|
style="font-weight: bolder;">厚度 </label>
|
</h4>
|
|
<div class="col-sm-9">
|
<input v-model="glass.thinkness" required="required" type="number" class=" sortNumber form-control"
|
value="" name="thickness"
|
id="thickness2"
|
onclick="app.$data.glass.thinkness=''"
|
style="width: 250px; font-size: 20px" />
|
</div>
|
</div>
|
|
<div class="form-group">
|
<h4>
|
<label class="col-sm-3 control-label no-padding-right"
|
style="font-weight: bolder;">数量 </label>
|
</h4>
|
|
<div class="col-sm-9">
|
<input type="number" required="required" max="9000" min="0" class=" sortNumber form-control"
|
v-model="glass.num" name="pieces1" id="pieces1"
|
onclick="app.$data.glass.num=''" style="width: 250px; font-size: 20px" />
|
</div>
|
</div>
|
|
</div>
|
<div class="modal-footer">
|
<button type="button" class="btn btn-default btn-lg"
|
data-dismiss="modal">关闭</button>
|
<button @click="addGlassSub()" type="button" class="btn btn-primary btn-lg">
|
提交
|
</button>
|
</div>
|
</form>
|
</div>
|
</div>
|
</div>
|
<div class="modal fade" id="modify-info" tabindex="-1" role="dialog"
|
aria-labelledby="myModalLabel" aria-hidden="true">
|
<div class="modal-dialog">
|
<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>
|
<form class="form-horizontal" role="form" id="category_add"
|
action="${ctx}/cutmanage/modifyAction" method="post">
|
<input type="hidden" id="midifyRawPackage" name="Ids">
|
<div class="modal-body">
|
|
<div class="form-group">
|
<h4>
|
<label class="col-sm-3 control-label no-padding-right"
|
style="font-weight: bolder;">数量 </label>
|
</h4>
|
|
<div class="col-sm-9">
|
<input type="text" class=" sortNumber form-control"
|
v-model="pieces" name="pieces1" id="pieces"
|
onclick="app.$data.pieces=''" style="width: 250px; font-size: 20px" />
|
</div>
|
</div>
|
|
</div>
|
<div class="modal-footer">
|
<button type="button" class="btn btn-default btn-lg"
|
data-dismiss="modal">关闭</button>
|
<button @click="updateNum" type="button" class="btn btn-primary btn-lg"
|
id="addbtnsubmit">提交</button>
|
</div>
|
</form>
|
</div>
|
</div>
|
</div>
|
<div class="modal fade" id="taskFinish" tabindex="-1" role="dialog"
|
aria-labelledby="myModalLabel" aria-hidden="true">
|
<form class="form-horizontal" role="form">
|
<div class="modal-dialog">
|
<div class="modal-content">
|
<input type='hidden' id = "lineprint">
|
<div class="modal-header">
|
<button type="button" class="close" data-dismiss="modal"
|
aria-hidden="true">×</button>
|
<h3 class="modal-title" id="myModalLabel">提示信息</h3>
|
</div>
|
<div class="modal-body" style="text-align: left;">
|
<h3>您确定要清除当前上片位信息么？</h3>
|
</div>
|
<div class="modal-footer">
|
|
<button type="button" class="btn btn-default btn-lg"
|
data-dismiss="modal">取消</button>
|
|
<button @click="claerMsgSub" type="button" class="btn btn-primary btn-lg"
|
id="surefinish">确认</button>
|
</div>
|
</div>
|
</div>
|
</form>
|
</div>
|
|
<div class="modal fade" id="deletefixinfo" tabindex="-1" role="dialog"
|
aria-labelledby="myModalLabel" aria-hidden="true">
|
<form class="form-horizontal" role="form">
|
<div class="modal-dialog">
|
<div class="modal-content">
|
<input type='hidden' id = "fixlinenumber">
|
<div class="modal-header">
|
<button type="button" class="close" data-dismiss="modal"
|
aria-hidden="true">×</button>
|
<h3 class="modal-title" id="myModalLabel">提示信息</h3>
|
</div>
|
<div class="modal-body" style="text-align: left;">
|
<h3>您确定要删除固定料架里面的信息么？</h3>
|
</div>
|
<div class="modal-footer">
|
|
<button type="button" class="btn btn-default btn-lg"
|
data-dismiss="modal">取消</button>
|
|
<button @click="claerMsgSub()" type="button" class="btn btn-primary btn-lg"
|
id="surefinish">确认</button>
|
</div>
|
</div>
|
</div>
|
</form>
|
</div>
|
|
|
<div class="modal fade" id="tuikuhtml" tabindex="-1" role="dialog"
|
aria-labelledby="myModalLabel" aria-hidden="true">
|
<form class="form-horizontal" role="form">
|
<div class="modal-dialog">
|
<div class="modal-content">
|
<input type='hidden' id = "fixlinenumber">
|
<div class="modal-header">
|
<button type="button" class="close" data-dismiss="modal"
|
aria-hidden="true">×</button>
|
<h3 class="modal-title" id="myModalLabel">提示信息</h3>
|
</div>
|
<div class="modal-body" style="text-align: left;">
|
<h3>您确定要退库？</h3>
|
</div>
|
<div class="modal-footer">
|
|
<button type="button" class="btn btn-default btn-lg"
|
data-dismiss="modal">取消</button>
|
|
<button @click="tuikuSub()" type="button" class="btn btn-primary btn-lg"
|
id="surefinish">确认</button>
|
</div>
|
</div>
|
</div>
|
</form>
|
</div>
|
|
|
</section>
|
</div>
|
<!-- /.content -->
|
</div>
|
<!-- /.content-wrapper -->
|
</body>
|
|
<script type="text/javascript" src="../static/bootstrap/3.3.7/js/bootstrap.min.js"></script>
|
<script src="../js/axios.min.js"></script>
|
<script src="../js/mixins.js"></script>
|
<script src="../js/vue.min.js"></script>
|
|
<script>
|
Vue.prototype.$http= axios
|
let app = new Vue({
|
el:'#app',
|
mixins:[mixin],
|
data:{
|
shuzu:[],
|
shuzu1:[],
|
shelfRack:[{}],
|
colors:[{}],
|
updateGlassId:"",
|
pieces:"",
|
clearGlassMsg:{
|
shelfid:"",
|
loadrackid:""
|
},
|
addGlassVal:{
|
loadrackid:""
|
},
|
glass:{
|
"shelfID":"",
|
"loadid":"",
|
"color":"",
|
"wid":"",
|
"heig":"",
|
"thinkness":"",
|
"num":"",
|
}
|
},
|
methods:{
|
updateGlassNum:function(glassid){
|
this.updateGlassId=glassid
|
$("#modify-info").modal('show');
|
},
|
updateNum:function(){
|
sql="{call AXJ_qiegeguanli_shangpianwei_updatePieces(?,?,?)}~"+"{'packageid':'"+this.updateGlassId+"','pieces':'"+this.pieces+"'}";
|
//console.log(sql);
|
this.connects("上片修改原片数量",sql,1,1);
|
},
|
claerMsg:function(shelfid,loadrackid){
|
disableAutoRefresh();
|
$('#taskFinish').modal('toggle');
|
this.clearGlassMsg.shelfid=shelfid;
|
this.clearGlassMsg.loadrackid=loadrackid;
|
|
},
|
claerMsgSub:function(){
|
sql="{call AXJ_qiegeguanli_shangpianwei_qingchuxiaoxi(?,?,?)}~"+"{'shelfid':'"+this.clearGlassMsg.shelfid+"','loadrackid':'"+this.clearGlassMsg.loadrackid+"'}";
|
//console.log(sql);
|
this.connects("上片清除原片信息",sql,1,1);
|
},
|
addGlass:function(shelfid,loadRackId){
|
disableAutoRefresh()
|
$("#add-info").modal('show');
|
this.glass.shelfID=shelfid;
|
this.glass.loadid=loadRackId;
|
},
|
addGlassSub:function(){
|
let errortext="没有输入原片";
|
this.glass.shelfID=$('#shelfRankInput').val();
|
this.glass.color=$('#colors').val();
|
if(this.glass.shelfID==null||this.glass.shelfID==""){
|
errortext+="料架号 ";
|
}
|
if(this.glass.wid==null||this.glass.wid==""){
|
errortext+="宽度 ";
|
}
|
if(this.glass.heig==null||this.glass.heig==""){
|
errortext+="高度 ";
|
}
|
if(this.glass.thinkness==null||this.glass.thinkness==""){
|
errortext+="厚度 ";
|
}
|
if(this.glass.num==null||this.glass.num==""){
|
errortext+="数量 ";
|
}
|
if(this.glass.color==null||this.glass.color==""){
|
errortext+="膜系 ";
|
}
|
if(errortext!="没有输入原片"&&errortext!=null&&errortext!=""){
|
alert(errortext+"!");
|
return false;
|
}
|
let sql="{call AXJ_qiegeguanli_shangpianwei_tianjiayuanpian(?,?,?,?,?,?,?,?)}~"+JSON.stringify(this.glass);
|
this.connects("上片位添加原片",sql,1,1);
|
},
|
tuiku:function(shelfid,loadrackid){
|
disableAutoRefresh();
|
$('#tuikuhtml').modal('toggle');
|
this.clearGlassMsg.shelfid=shelfid;
|
this.clearGlassMsg.loadrackid=loadrackid;
|
},
|
tuikuSub:function(){
|
sql="{call AXJ_qiegeguanli_shangpianwei_tuiku(?,?,?)}~"+"{'shelfid':'"+this.clearGlassMsg.shelfid+"','loadrackid':'"+this.clearGlassMsg.loadrackid+"'}";
|
//console.log(sql);
|
this.connects("退库任务已生成",sql,1,1);
|
}
|
},
|
mounted:function(){
|
this.shuzu="";
|
this.shuzu1="";
|
let sql="{call AXJ_qiegeguanli_shangpianwei_chaxun()}";
|
let flag=2;
|
this.loadAjxss('仓储任务上面查询',sql,flag,"shuzu");
|
let sql1="{call AXJ_qiegeguanli_shangpianwei_chaxun1()}";
|
|
this.loadAjxss('仓储任务上面查询',sql1,flag,"shuzu1");
|
sql="{call AXJ_liaojiaguanli_colors(?)}";
|
this.loadAjxss('上片位颜色查询',sql,flag,"colors");
|
sql="{call AXJ_liaojiaguanli_shelfrack_shangpianwei()}";
|
this.loadAjxss('上片位架子查询',sql,flag,"shelfRack");
|
}
|
|
})
|
</script>
|
</html>
|
