<%@ page contentType="text/html;charset=UTF-8"%>
|
|
<html>
|
<head>
|
<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">
|
<!-- AdminLTE Skins. We have chosen the skin-blue for this starter
|
page. However, you can choose any other skin. Make sure you
|
apply the skin class to the body tag so the changes take effect. -->
|
<link rel="stylesheet" href="../static/AdminLTE/dist/css/skins/skin-blue.min.css">
|
<link rel="stylesheet" href="..//static/AdminLTE/bower_components/bootstrap/dist/css/bootstrap.min.css">
|
<script type="text/javascript"
|
src="../static/js/jquery.min.js"></script>
|
<script type="text/javascript" src="../static/bootstrap/3.3.7/js/bootstrap.min.js"></script>
|
<script src="../static/js/ng/tb.js" type="text/javascript"></script>
|
|
<style>
|
.table>tbody>tr>td {
|
vertical-align: middle;
|
/* content:middle; */
|
text-align: center;
|
font-weight: bold;
|
font-size:16px;
|
/* border: 1px solid green; */
|
}
|
|
.table>thead>tr>th{
|
font-weight: bold;
|
font-size:20px;
|
text-align: center;
|
}
|
|
h1{
|
display : inline;
|
}
|
.btn {
|
background-color:#5CADFE;
|
border-color:#5CADFE
|
}
|
.greens{
|
background-color:green;
|
}
|
.reds{
|
background-color:red;
|
}
|
</style>
|
|
<script>
|
|
var rTime = 5000;//自动刷新间隔时间 单位：毫秒
|
<%String groups = request.getParameter("group");
|
if (groups == null)
|
groups = "null";
|
out.print("var group=" + groups + ";\r\n");%>
|
</script>
|
|
<title>中空管理-上片位管理</title>
|
</head>
|
<body style="padding: 20px;background-color:#D5EAFF;height:100%">
|
<div id='app'>
|
<div>
|
<section class="content-header">
|
<h1>
|
中空管理-<span id="groupNum"> </span> 号上片位信息
|
<small>当前状态</small>
|
<button @click="setModel" :class="model[0][0]==1?'greens':'reds'" id='xipian' type='button' data-toggle='popover' data-content='' data-trigger='hover' class='btn btn-primary '>{{model[0][0]==1?'吸片':model[0][0]==2?'不吸片':'异常'+model[0][0]}}</button>
|
</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>
|
|
<!-- 上片位信息 -->
|
<div>
|
<section class="content container-fluid">
|
<div class="box" style="overflow: auto;">
|
<div class="box-header"></div>
|
<!-- /.box-header -->
|
<div class="box-body no-padding" id="jiaWeiXinXi">
|
<table class="table table-striped table-hover" style="overflow-x: auto;">
|
<tr>
|
<th>编号</th>
|
<th>下片位</th>
|
<th>料架号</th>
|
<th>工位状态</th>
|
<th>工作状态</th>
|
<th>流程卡</th>
|
<th>总数</th>
|
<th>库内数</th>
|
<th>缺片数</th>
|
<th>已完成</th>
|
<th>未完成</th>
|
<th>AB面</th>
|
<th>上架位</th>
|
<th>操作</th>
|
|
</tr>
|
<tr v-show="Object.keys(items).length!=0" v-for="items in shuzu">
|
<td v-show='index>0' v-for="(item,key,index) in items">
|
{{index==4 || index==5?"":item}}
|
{{index!=5?'':items[5]==1 || items[5]==2?"上架中": items[5]==3?'料架已到位':items[5]==4 || items[5]==5?'退库中':items[5]==0 || items[5]==7?'':'执行中' }}
|
<button @click="setQiYong(items[1],items[4])" v-if='index==4' class='btn btn-large btn-success' >{{items[4]==2?'禁用':'启用'}}</button>
|
</td>
|
<td v-if="items[3]==''">
|
<button @click="bangJia(items[1],items[12])" class='btn btn-large btn-success' >绑定架子</button>
|
</td>
|
<td v-else>
|
<button v-show="items[5]==4" class='btn btn-large btn-warning' >退库中</button>
|
<button @click="tuiKu(items[2],items[1])" v-show="items[5]!=4" class='btn btn-large btn-warning' >退库</button>
|
<button @click="qingKong(items[2],items[1])" v-show="items[5]!=4" class='btn btn-large btn-danger' >清空消息</button>
|
</td>
|
|
</tr>
|
</table>
|
|
|
|
</div>
|
</div>
|
</section>
|
</div>
|
|
<!-- 绑定架子 -->
|
<div class="modal fade" id="BJ-Info" tabindex="-1" role="dialog"
|
aria-labelledby="myModalLabel" aria-hidden="true">
|
<div class="modal-dialog">
|
<form class="form-horizontal" role="form" id="category_add"
|
method="post">
|
<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 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">
|
<div class="btn-group"
|
style="width: 250px; height: 35px; font-size: 20px">
|
<select v-model="shelfVal" id="kj_content" class="span_tasktext">
|
<option :value='items[0]' v-for='items in shelf'>{{items[0]+'-'+items[1]+(items[2]!=''?('-'+items[2]):'') }}</option>
|
</select>
|
</div>
|
</div>
|
</div>
|
</div>
|
<div class="modal-footer">
|
<button type="button" class="btn btn-primary btn-lg"
|
data-dismiss="modal">取消</button>
|
|
<button type="button" class="btn btn-success btn-lg"
|
id="BJ_button" @click="bangJiaSub()">确认</button>
|
</div>
|
</div>
|
</form>
|
</div>
|
</div>
|
|
<!-- 清空信息 -->
|
<div class="modal fade" id="QK-info" tabindex="-1" role="dialog"
|
aria-labelledby="myModalLabel" aria-hidden="true">
|
<form class="form-horizontal" role="form">
|
<div class="modal-dialog">
|
<div class="modal-content">
|
<div class="modal-header">
|
<button type="button" class="close" data-dismiss="modal"
|
aria-hidden="true">×</button>
|
<h3 class="modal-title" id="QK_AlertTitle">清空信息操作提示：</h3>
|
</div>
|
<div class="modal-body" style="text-align: left;">
|
<h3 id="QK_MsgShow">
|
是否确定执行 <span id="QK_Id" style="sixe: 25px; font-weight: bold"></span>
|
号上片位置 <span style="sixe: 20px; color: red; font-weight: bold">清空信息
|
</span> 操作？
|
</h3>
|
</div>
|
<div class="modal-footer">
|
|
<button type="button" class="btn btn-primary btn-lg"
|
data-dismiss="modal">取消</button>
|
|
<button type="button" class="btn btn-danger btn-lg"
|
id="QK_button" @click="qingKongSub">确认</button>
|
</div>
|
</div>
|
</div>
|
</form>
|
</div>
|
|
<!-- 退库 -->
|
<div class="modal fade" id="TK-info" 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="TK_AlertTitle">退库操作提示：</h3>
|
</div>
|
<div class="modal-body" style="text-align: left;">
|
<h3 id="TK_MsgShow">
|
是否确定执行 <span id="TK_Id" style="font-weight: bold"></span> 号上片位置
|
<span style="color: red; font-weight: bold"> 退库 </span> 操作？
|
</h3>
|
</div>
|
<div class="modal-footer">
|
|
<button type="button" class="btn btn-primary btn-lg"
|
data-dismiss="modal">取消</button>
|
|
<button type="button" class="btn btn-warning btn-lg"
|
id="TK_button" @click="tuiKuSub">确认</button>
|
</div>
|
</div>
|
</div>
|
</form>
|
</div>
|
|
<!-- 信息提示 -->
|
<div class="modal fade" id="CZ_Msg" tabindex="-1" role="dialog"
|
aria-labelledby="myModalLabel" aria-hidden="true">
|
<form class="form-horizontal" role="form">
|
<div class="modal-dialog">
|
<div class="modal-content">
|
<div class="modal-header">
|
<button type="button" class="close" data-dismiss="modal"
|
aria-hidden="true">×</button>
|
<h3 class="modal-title" id="TK_AlertTitle">操作提示：</h3>
|
</div>
|
<div class="modal-body" style="text-align: left;">
|
<h3 id="MsgShow">
|
<span id="cz_Ming" style="font-weight: bold"></span> <span
|
id="cz_Zhuangtai" style="font-weight: bold"></span>
|
</h3>
|
</div>
|
<div class="modal-footer">
|
<button type="button" class="btn btn-primary btn-lg"
|
data-dismiss="modal">确定</button>
|
</div>
|
</div>
|
</div>
|
</form>
|
</div>
|
</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:[],
|
tuiKuVal:{
|
id:''
|
},
|
qingKongVal:"",
|
shelf:{},
|
shelfVal:'',
|
bangJiaId:'',
|
model:[]
|
},
|
methods:{
|
tuiKu:function(sId,Id){
|
// stopRefresh();
|
|
if (sId == "" || sId == 0) {
|
var tkmsg = "上片位编号为空，请刷新页面后再次尝试退出操作！";
|
$("#TK_MsgShow").html(tkmsg);
|
$("#TK_button").attr("style", "display:none;");
|
} else {
|
$("#TK_Id").html(sId);
|
this.tuiKuVal.id=Id;
|
}
|
$('#TK-info').modal('toggle');
|
|
},
|
tuiKuSub:function(){
|
let canshu={
|
<%-- group:<%= request.getParameter("id") %>, --%>
|
id:this.tuiKuVal.id
|
}
|
let sql="{call AXJ_zhongkongguanli_zhongkongshangpianwei_tuiKu(?,?)}~"+JSON.stringify(canshu);
|
this.connects("中空上片位退库",sql,1,1);
|
this.tuiKuVal.id='';
|
},
|
qingKong:function(sId,Id){
|
if (sId == "" || sId == 0) {
|
var tkmsg = "下片位置为空，请刷新页面后再次尝试退出操作！";
|
$("#QK_MsgShow").html(msg);
|
$("#QK_button").attr("style", "display:none;");
|
} else {
|
$("#QK_Id").html(sId);
|
this.qingKongVal = Id;
|
}
|
$('#QK-info').modal('toggle');
|
},
|
qingKongSub:function(){
|
let canshu={
|
id:this.tuiKuVal.id
|
}
|
let sql="{call AXJ_zhongkongguanli_zhongkongshangpianwei_qingKong(?,?)}~"+JSON.stringify(canshu);
|
this.connects("中空上片位清空",sql,1,1);
|
this.qingKongVal='';
|
},
|
bangJia:function(id,AorB){
|
let canshu={
|
ID:id,
|
aorb:AorB
|
}
|
let sql="{call AXJ_zhongkongguanli_zhongkongshangpianwei_bangJia(?,?,?)}~"+JSON.stringify(canshu);
|
loadAjxs('中空上片位架子查询',sql,2,"shelf");
|
this.bangJiaId=id;
|
$("#BJ-Info").modal('toggle');
|
},
|
bangJiaSub:function(){
|
let canshu={
|
ID:this.bangJiaId,
|
shelfid:this.shelfVal
|
}
|
let sql="{call AXJ_zhongkongguanli_zhongkongshangpianwei_bangJiaSub(?,?,?)}~"+JSON.stringify(canshu);
|
this.connects("中空上片位绑定架子",sql,1,1);
|
|
},
|
setQiYong:function(id,type){
|
let canshu={
|
ID:id,
|
type:type
|
}
|
type=type*1==1?"禁用":'启用'
|
let sql="{call AXJ_zhongkongguanli_zhongkongshangpianwei_qiYong(?,?,?)}~"+JSON.stringify(canshu);
|
this.connects("中空上片位"+type,sql,1,1);
|
},
|
setModel:function(){
|
let canshu={
|
group:<%= request.getParameter("id") %>
|
}
|
let sql="{call AXJ_zhongkongguanli_zhongkongshangpianwei_moshiqiehuan(?,?)}~"+JSON.stringify(canshu);
|
this.connects("中空上片位吸片模式切换",sql,1,1);
|
}
|
|
},
|
mounted:function(){
|
let canshu={
|
group:<%= request.getParameter("id") %>
|
}
|
let sql="{call AXJ_zhongkongguanli_zhongkongshangpianwei_selectList(?,?)}~"+JSON.stringify(canshu);
|
let flag=2;
|
loadAjxs('中空上片位查询',sql,flag,"shuzu");
|
sql="{call AXJ_zhongkongguanli_zhongkongshangpianwei_moshichaxun(?,?)}~"+JSON.stringify(canshu);
|
loadAjxs('中空上片位模式查询',sql,flag,"model");
|
}
|
})
|
</script>
|
|
</html>
|
