<%@ 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">
|
<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>
|
|
<script type="text/javascript">
|
/* var interval = setInterval('refreshStatus()', 4000);
|
$(document).ready(function(){
|
var info = $("#info").attr("info");
|
$("#infos").html(info);
|
});
|
// 设备页面自动刷新
|
function refreshStatus() {
|
window.location.reload();
|
}
|
// 停止页面自动刷新
|
function disableAutoRefresh() {
|
clearInterval(interval);
|
} */
|
|
function updatetask(id){
|
disableAutoRefresh();
|
var groups=document.getElementsByName('groups')[0].value;
|
$.ajax({
|
async: false,
|
|
type:"GET",
|
|
url:"${ctx}/slicecage/updatetask/"+id,
|
|
dataType:"text",
|
|
success:function(data){
|
window.location.href="${ctx}/slicecage/slicecagetask/"+groups;
|
}
|
});
|
}
|
</script>
|
<style>
|
.box table tr th,.box table tr td{
|
text-align:center;
|
}
|
</style>
|
<title>理片任务</title>
|
</head>
|
<body style="padding: 20px;background-color:#D5EAFF;height:100%">
|
<div id='app'>
|
<!-- <div style='height:20px;width:300px;background-color:#3C8DBC;float:right;'><span style = 'color:#fff;' >故障情况:</span><span id='infos'></span></div> -->
|
<section class="content-header">
|
<h1>理片任务 <small></small></h1>
|
|
<ol class="breadcrumb">
|
|
<li><a href="#">设备<i class="fa fa-dashboard"></i>理片
|
</a></li>
|
</ol>
|
</section>
|
<input style="display:none" type="text" name="groups" value="${groups}" />
|
<div id = "allstatu" allstatu = "${allstatu}"></div>
|
<div id = "info" info = "${info}"></div>
|
<!-- Main content -->
|
<section class="content container-fluid">
|
<div>
|
</div>
|
|
<div class="box" style="height: 600px; overflow: auto;margin-top: 10px;">
|
<table class="table table-striped table-hover"
|
style="overflow-x: auto">
|
<thead>
|
<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>
|
</thead>
|
<tbody>
|
<tr v-for="items in shuzu" v-show="Object.keys(items).length!=0">
|
<td v-for="item in items">{{item}}</td>
|
<td >
|
<button
|
:disabled="items[9]=='正在工作' || items[9]=='进库中' || items[9]=='出库中'?false:true"
|
style='background-color: #5CADFE'
|
class='btn btn-large btn-success'
|
@click="updateGlass(items[0],'重新开始')"
|
>
|
重新开始
|
</button>
|
<button :disabled="items[9]=='正在工作' || items[9]=='进库中' || items[9]=='出库中'?false:true"
|
style='background-color: #5CADFE'
|
class='btn btn-large btn-success'
|
@click="updateGlass(items[0],'完成')"
|
>
|
完成
|
</button>
|
<button
|
style='background-color: #5CADFE'
|
class='btn btn-large btn-success'
|
@click="updateGlass(items[0],'破损')"
|
>破损</button>
|
</td>
|
</tr>
|
</tbody>
|
</table>
|
</div>
|
</section>
|
<!-- 弹窗 -->
|
<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="updateGlassSub">确认</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>
|
|
|
<!-- /.content -->
|
</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:[],
|
updateGlassVal:{
|
id:'',
|
inType:''
|
}
|
},
|
methods:{
|
updateGlass:function(Id,CZ_NeiRong){
|
$("#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.updateGlassVal.id=Id;
|
this.updateGlassVal.inType=CZ_NeiRong;
|
}
|
$('#CZ-info').modal('toggle');
|
},
|
updateGlassSub:function(){
|
let canshu={
|
inid:this.updateGlassVal.id,
|
inType:this.updateGlassVal.inType
|
}
|
let sql="{call AXJ_zhongkonglipian_lipianlongrenwu_updateGlass(?,?,?)}~"+JSON.stringify(canshu);;
|
this.connects("中空理片笼任务修改玻璃:"+this.updateGlassVal.inType,sql,1,1);
|
}
|
|
},
|
mounted:function(){
|
let sql="{call AXJ_zhongkonglipian_lipianlongrenwu_selectList()}"
|
let flag=2;
|
loadAjxs('中空理片笼任务查询',sql,flag,"shuzu");
|
}
|
})
|
</script>
|
</html>
|
