<%@ 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>
|
.btn {
|
background-color:#5CADFE;
|
border-color:#5CADFE
|
}
|
/* .table>tbody>tr>td {
|
vertical-align: middle;
|
text-align: center;
|
font-weight: bold;
|
font-size:16px;
|
}
|
|
.table>thead>tr>th{
|
font-weight: bold;
|
font-size:20px;
|
text-align: center;
|
vertical-align: middle;
|
} */
|
|
h1{
|
display : inline;
|
}
|
|
</style>
|
|
<script>
|
|
var rTime = 5000;//自动刷新间隔时间 单位：毫秒
|
</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='zhuangtai1' @click='fuzhi(0);' style='background-color: green;' type='button' data-toggle='popover' data-content='' data-trigger='hover' class='btn btn-primary zhuangtai'>正在工作</button>
|
<button id='zhuangtai2' @click='fuzhi(1);' style='background-color: #5CADFE;' type='button' data-toggle='popover' data-content='' data-trigger='hover' class='btn btn-primary zhuangtai'>小片详情</button>
|
<!-- <button id='zhuangtai3' onclick='fuzhi(2);' style='background-color: #5CADFE;' type='button' data-toggle='popover' data-content='' data-trigger='hover' class='btn btn-primary zhuangtai'>正在工作</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>操作</th>
|
|
</tr>
|
<tr v-show="Object.keys(items).length!=0" v-for="items in shuzu">
|
<td v-show='index<11' v-for="(item,key,index) in items">
|
{{item}}
|
</td>
|
<td>
|
<button @click='getTask(items[0],"重新开始")' :disabled="items[9]=='正在工作'?false:true" class='btn btn-large btn-success'>重新开始</button>
|
<button @click='getTask(items[0],"完成")' :disabled="items[9]=='正在工作'?false:true" class='btn btn-large btn-success'>完成</button>
|
<button @click='getTask(items[0],"破损")' :disabled="items[9]!='破损'?false:true" class='btn btn-large btn-success'>破损</button>
|
</td>
|
|
</tr>
|
</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="getTaskSub">确认</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:[],
|
getTaskId:'',
|
getTaskType:''
|
},
|
methods:{
|
getTask:function(Id,CZ_NeiRong){
|
// stopRefresh();
|
|
$("#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);
|
}
|
this.getTaskId=Id
|
this.getTaskType=CZ_NeiRong
|
$('#CZ-info').modal('toggle');
|
|
},
|
getTaskSub:function(){
|
let canshu={
|
id:this.getTaskId,
|
intype:this.getTaskType
|
}
|
let sql="{call AXJ_zhongkongguanli_zhongkongshangpian_updateTask(?,?,?)}~"+JSON.stringify(canshu);
|
this.connects("中空上片"+this.getTaskType,sql,1,1);
|
this.getTaskId='';
|
this.getTaskType='';
|
},
|
fuzhi:function(inState){
|
let canshu={
|
group:<%= request.getParameter("id") %>,
|
state:inState,
|
lckh:'<%= request.getParameter("lckh") %>'
|
}
|
let sql="{call AXJ_zhongkongguanli_zhongkongshangpian_selectList(?,?,?,?)}~"+JSON.stringify(canshu);
|
let flag=2;
|
loadAjxs('中空上片队列查询',sql,flag,"shuzu");
|
}
|
|
},
|
mounted:function(){
|
let inState=<%= request.getParameter("NO") %>;
|
if(inState=='null' || inState==null){
|
inState=0
|
}
|
let canshu={
|
group:<%= request.getParameter("id") %>,
|
state:inState,
|
lckh:'<%= request.getParameter("lckh") %>'
|
}
|
let sql="{call AXJ_zhongkongguanli_zhongkongshangpian_selectList(?,?,?,?)}~"+JSON.stringify(canshu);
|
let flag=2;
|
loadAjxs('中空上片队列查询',sql,flag,"shuzu");
|
}
|
})
|
</script>
|
|
</html>
|
