<%@ 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">
|
<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 updateAll(){
|
|
var checkboxs=document.getElementsByName('id');
|
var line=document.getElementsByName("line")[0].value;
|
for(var i=0;i<checkboxs.length;i++){
|
var checkbox=checkboxs[i];
|
if(checkbox.checked){
|
var RowHtml=checkbox.parentNode.parentNode;
|
var rankid=RowHtml.getElementsByClassName("rankid")[0].innerHTML;
|
|
var orderby=RowHtml.getElementsByClassName("orderby")[0].value;
|
|
$.ajax({
|
cache:false,
|
type:"POST",
|
dataType : "json",
|
url:"${ctx}/configure/updatemachines",
|
data:{
|
"rankid":rankid,
|
"line":line,
|
"orderby":orderby
|
},success:function(data){
|
|
window.location.href="${ctx}/configure/machinelineorderby/"+line;
|
},
|
error: function(jqXHR, textStatus, errorThrown){
|
alert("提交失败");
|
window.location.href="${ctx}/configure/machinelineorderby/"+line;
|
}
|
});
|
}
|
}
|
}
|
|
function selectline(){
|
|
var line=document.getElementsByName("line1")[0].value;
|
window.location.href="${ctx}/configure/machinelineorderby/"+line;
|
|
|
}
|
|
function modifyraw(){
|
disableAutoRefresh()
|
$("#add-fix-info").modal('show');
|
}
|
</script>
|
<style>
|
.box table tr th,.box table tr td{
|
text-align:center;
|
}
|
|
/* #inputtext{
|
width:100%;
|
height: 100%;
|
border-style:none;
|
background-color: transparent;
|
text-align: center;
|
}
|
input:focus{
|
border-style: none;
|
outline: none;
|
} */
|
</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>
|
<div id = "allstatu" allstatu = "${allstatu}"></div>
|
<div id = "info" info = "${info}"></div>
|
<!-- Main content -->
|
<section class="content container-fluid">
|
<div>
|
生产线：<input v-model="line" type='text' name='line1' />
|
<button type="button" @click="machineAddLine" class="btn btn-primary btn-lg" id="">查询</button>
|
<button type="button" onclick="modifyraw()" class="btn btn-primary btn-lg" id="addbtnsubmit">添加</button>
|
</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>
|
|
</tr>
|
</thead>
|
<tbody>
|
<tr v-for="items in shuzu">
|
<td v-for="item in items">
|
{{item}}
|
</td>
|
</tr>
|
</tbody>
|
</table>
|
</div>
|
|
|
<div class="modal fade" id="add-fix-info" tabindex="-1" role="dialog"
|
aria-labelledby="myModalLabel" aria-hidden="true">
|
<div class="modal-dialog" style="width: 100%; height: 50%;">
|
<div class="modal-content"
|
style="width: 1000px; margin: auto;">
|
<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>
|
|
|
生产线：<input v-model="addLine" type='text' id='line' name='line' />
|
<button type="button" @click='machineUpdate' class="btn btn-primary">提交</button>
|
|
<table class="table table-striped table-hover"
|
style="overflow-x: auto">
|
<thead>
|
<tr>
|
<th>选择</th>
|
<th>设备类型名称</th>
|
<th>顺序</th>
|
|
</tr>
|
</thead>
|
<tbody>
|
<tr v-for="(items,index) in machine">
|
<td><input v-model="machineid" type='checkbox' name='id' :value="index" /></td>
|
<td v-show="index==1" v-for="(item,key,index) in items">
|
{{item}}
|
</td>
|
<td style='width:40%;'><input v-model="items[2]" id='inputtext' name='remarks' /></td>
|
</tr>
|
</tbody>
|
</table>
|
</div>
|
</div>
|
</div>
|
</div>
|
</section>
|
<!-- /.content -->
|
</div>
|
<!-- /.content-wrapper -->
|
</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:[],
|
machine:[],
|
line:"",
|
machineid:[],
|
addLine:""
|
},
|
methods:{
|
machineAddLine:function(){
|
let sql="{call AXJ_shebeipeizhi_machineline_chaxun(?,?)}~"+"{'line':'"+this.line+"'}";
|
loadAjxs('jiqipaixu.jsp机器排序查询',sql,2,"shuzu");
|
},
|
machineUpdate:function(){
|
|
if(!this.addLine.trim().length){
|
alert("请选择线号！");
|
return
|
}
|
if(!this.machineid.length){
|
alert("请选择至少一条！");
|
return
|
}
|
for(val in this.machineid){
|
let canshu={
|
machineid:this.machine[val][0],
|
line:this.addLine,
|
sort:this.machine[val][2]
|
}
|
let sql="{call AXJ_shebeipeizhi_machineUpdateLine(?,?,?,?)}~"+JSON.stringify(canshu);
|
this.connects("jiqipaixu.jsp机器添加线程",sql,1,2);
|
}
|
alert("添加线程成功！")
|
window.location.reload();
|
}
|
},
|
mounted:function(){
|
let sql="{call AXJ_shebeipeizhi_machineline_chaxun(?,?)}~"+"{'line':''}";
|
let flag=2;
|
loadAjxs('jiqipaixu.jsp机器排序查询',sql,flag,"shuzu");
|
sql="{call AXJ_shebeipeizhi_machineAddline_chaxun(?)}";
|
loadAjxs('jiqipaixu.jsp未添加线机器排序查询',sql,flag,"machine");
|
}
|
})
|
</script>
|
</html>
|
