<%@ 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 src="tb.js"></script>
|
<script src="jq.js"></script>
|
<script src="../static/js/ng/tb.js" type="text/javascript"></script>
|
<script type="text/javascript"
|
src="../static/jquery/jquery-3.1.0.min.js"></script>
|
<script type="text/javascript" src="../static/bootstrap/3.3.7/js/bootstrap.min.js"></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-success {
|
background-color: #5CADFE;
|
}
|
</style>
|
|
<script>
|
|
var rTime = 500000;//自动刷新间隔时间 单位：毫秒
|
var rUrl = "/gmms2/mesview/data/_cangchuliaojia_mangage";
|
</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 id='xipian' style='background-color: green;' type='button' data-toggle='popover' data-content='' data-trigger='hover' class='btn btn-primary '>吸片</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">
|
<thead>
|
<tr>
|
<th>工位</th>
|
<th>架号</th>
|
<th>流程卡号</th>
|
<th>玻璃数量</th>
|
<th>AB面</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-show='index>0' v-for="(item,key,index) in items">
|
{{ index==5 || index==7?'':item}}
|
<button @click='CaoZuo(items[2],items[4],"修改")' :disabled="items[6]=='' && items[7]=='禁用' &&items[7]!=''?'disabled':'' " class='btn btn-large btn-success' v-if="index==5"> {{item}}</button>
|
<button @click='CaoZuo(items[0],items[7],"修改")' :style="items[7]=='禁用'?'background-color :#d9534f':''" :class="items[7]=='禁用'?'btn btn-large btn-danger':'btn btn-large btn-success'" v-if="index==7"> {{item}}</button>
|
</td>
|
|
</tr>
|
</tbody>
|
</table>
|
|
|
|
</div>
|
</div>
|
</section>
|
</div>
|
|
<!-- 弹窗 -->
|
<div class="modal fade" id="CZ-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="CZ_AlertTitle">操作提示：</h3>
|
</div>
|
<div class="modal-body" style="text-align: left;">
|
<h3 id="CZ_MsgShow">
|
是否确定执行 <span id="CZ_Id" style="font-weight: bold"></span> 号 <span
|
id="CZ_NeiRong" 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="CZ_button" @click="CZSubmit()">确认</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 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" id="ljh_group">
|
<h4>
|
<label class="col-lg-4 control-label no-padding-right"
|
style="font-weight: bolder;">选择架号： </label>
|
</h4>
|
|
<div class="col-lg-6 input-group">
|
|
<select id="kj_content" class="span_tasktext form-control"
|
style="font-size: 18px">
|
|
</select>
|
</div>
|
</div>
|
|
<!--
|
<p style="text-align: center; font-size: 20px">
|
选择流程卡号或手动输入流程卡号</p> -->
|
|
|
<div class="form-group" id="lck_group">
|
<h4>
|
<label class="col-lg-4 control-label no-padding-right"
|
style="font-weight: bolder;">输入流程卡号： </label>
|
</h4>
|
|
<div class="col-lg-6 input-group">
|
<span class="input-group-addon"
|
style="font-size: 18px; font-weight: bold;">NG</span> <input
|
type="text" class="form-control" style="font-size: 18px"
|
id="txtLCK">
|
</div>
|
</div>
|
|
<div class="form-group">
|
|
<p style="text-align: center; font-size: 20px; color: red"
|
id="set_lckInfo"></p>
|
</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" onclick="BJ_Submit()">确认</button>
|
</div>
|
</div>
|
</form>
|
</div>
|
</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:[],
|
cauozuoVal:{
|
id:"",
|
neirong:''
|
}
|
},
|
methods:{
|
CaoZuo:function(Id, CZ_NeiRong, CZ_LeiXing) {
|
$("#CZ_NeiRong").text(CZ_NeiRong);
|
if (Id == 0) {
|
var czmsg = "编号为空，请刷新页面后再次尝试退出操作！";
|
$("#CZ_MsgShow").html(czmsg);
|
$("#CZ_button").attr("style", "display:none;");
|
} else {
|
$("#CZ_Id").html(Id);
|
current_Id = Id;
|
current_Nr = CZ_NeiRong;
|
current_Lx = CZ_LeiXing;
|
}
|
|
if(CZ_NeiRong == "绑定架子"){
|
$.ajax({
|
type : "post",
|
url : rUrl,
|
dataType : 'json',
|
data : {
|
yemian : "半成品仓储",
|
caozuo : "获取料架",
|
//AB : AB
|
leixing : "查询",
|
line : group
|
},
|
success : function(data){
|
var d = data;
|
var html = " <option vaule='0'>可选料架</option>";
|
$("#kj_content").empty();
|
for (var i = 0; i < d.length; i++) {
|
if(d[i][1] == null){
|
html += " <option vaule="+d[i][0]+">" + d[i][0] + "号料架 " +d[i][2]+"面 "+d[i][3]
|
+ "</option>";
|
|
}else{
|
html += " <option vaule="+d[i][0]+">" + d[i][0] + "号料架 " +d[i][2]+"面 "+d[i][3]+" "+d[i][1]
|
+ "</option>";
|
}
|
}
|
document.getElementById("kj_content").innerHTML += html;
|
$('#lck_group').css('display','none');
|
$('#ljh_group').css('display','');
|
$('#BJ_button').attr('onclick','bindJZ('+Id+')');
|
$('#BJ-Info').modal('toggle');
|
|
},
|
error : function(data){
|
|
//alert(data);
|
}
|
});
|
|
}else if(CZ_NeiRong == "绑定流程卡"){
|
$('#ljh_group').css('display','none')
|
$('#lck_group').css('display','')
|
$('#txtLCK').val("");
|
$('#BJ_button').attr('onclick','bindLCK('+Id+')');
|
$('#BJ-Info').modal('toggle');
|
}
|
|
else{
|
this.cauozuoVal.id=Id;
|
this.cauozuoVal.neirong=CZ_NeiRong;
|
$('#CZ-info').modal('toggle');
|
}
|
},
|
CZSubmit:function(){
|
let sql="{call AXJ_banchengpincangchu_liaojiaoguanli_xiugai(?,?,?)}~"+JSON.stringify(this.cauozuoVal);
|
this.connects("半成品仓储修改"+this.cauozuoVal.neirong,sql,1,1);
|
}
|
},
|
mounted:function(){
|
let sql="{call AXJ_banchengpincangchu_liaojiaoguanli_selectList()}";
|
let flag=2;
|
loadAjxs('半成品料架管理',sql,flag,"shuzu");
|
}
|
})
|
</script>
|
</html>
|
