<%@ 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 modifyraw(){
|
disableAutoRefresh()
|
$("#add-fix-info").modal('show');
|
}
|
|
|
|
|
|
</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> -->
|
<h3 class="modal-title" id="myModalLabel" style="font-weight: bolder;">设备逻辑</h3>
|
<div id = "allstatu" allstatu = "${allstatu}"></div>
|
<div id = "info" info = "${info}"></div>
|
<!-- Main content -->
|
<section class="content container-fluid">
|
|
|
<div >
|
<form class="form-horizontal" role="form" id="category_add"
|
method="get">
|
<div>
|
|
<button @click="refreshWindow" type="button" class="btn btn-primary btn-lg"
|
id="selectbtnsubmit">查询</button>
|
<button type="button" onclick="modifyraw()" class="btn btn-primary btn-lg"
|
id="addbtnsubmit">添加</button>
|
</div>
|
<div style='width: 200px;height:30px;margin-top: 20px;'>
|
|
<select v-model="machineId" name='machineid' style='width:100%;height:100%;BACKGROUND-COLOR: transparent;'>
|
<option v-for="items in machine" :value="items[0]">{{items[1]}}</option>
|
</select>
|
|
</div>
|
</form>
|
|
<div style="margin-top: 20px;">
|
|
<table class="table table-striped table-hover"
|
style="overflow-x: auto">
|
<thead>
|
<tr>
|
<th>设备名称</th>
|
<th>PLC字类型</th>
|
<th>值</th>
|
<th>MES字类型</th>
|
<th>值</th>
|
<th>返回结果</th>
|
<th>执行逻辑</th>
|
<th>描述</th>
|
<th>操作</th>
|
</tr>
|
</thead>
|
<tbody>
|
<tr v-for="items in shuzu">
|
<td v-show="index<8" v-for="(item,key,index) in items">
|
{{item}}
|
</td>
|
<td><a @click='deleteDispose(items[8])' class='btn btn-success'>删除</a></td>
|
</tr>
|
</tbody>
|
|
</table>
|
</div>
|
|
|
</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: 100%;">
|
<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>
|
</div>
|
<!--提交-->
|
<form class="form-horizontal" role="form" id="category_add"
|
action="${ctx}/configure/adddispose" method="get">
|
<input type="hidden" id="add-fix" name="Ids">
|
<div style='width: 200px;height:30px;margin-top: 20px;'>
|
|
<select v-model="dispose['machineId']" name='machineid' style='width:100%;height:100%;BACKGROUND-COLOR: transparent;'>
|
<option v-for="items in machine" :value="items[0]">{{items[1]}}</option>
|
</select>
|
|
</div>
|
<div style="margin-top: 20px;">
|
<!-- 机器逻辑配置添加 -->
|
<table class="table table-striped table-hover"
|
style="overflow-x: auto">
|
<thead>
|
<tr>
|
<th>PLC字类型</th>
|
<th>值</th>
|
<th>MES字类型</th>
|
<th>值</th>
|
<th>返回结果</th>
|
<th>执行逻辑</th>
|
<th>描述</th>
|
</tr>
|
</thead>
|
<tbody>
|
<tr>
|
<td><select v-model="dispose['plcType']" name="plctype" style="text-align-last: center; vertical-align: middle;">
|
<option value="请求字">请求字</option>
|
<option value="完成字">完成字</option>
|
</select></td>
|
<td><input v-model="dispose['plcValue']" name="plcvalue" maxlength="4" type='text' style="width: 60px;"></td>
|
<td><select v-model="dispose['mesType']" name="mestype">
|
<option value="发送字">发送字</option>
|
<option value="确认字">确认字</option>
|
</select></td>
|
<td><input v-model="dispose['mesValue']" name="mesvalue" type='text' style="width: 60px;"></td>
|
<td><input v-model="dispose['returnValue']" maxlength="4" name="returnvalue" type='text' style="width: 60px;"></td>
|
<td><input v-model="dispose['logic']" name="logic" type='text' style="width: 80px;"></td>
|
<!-- <td><select name="logic">
|
<option value="任务请求">任务请求</option>
|
<option value="请求清除">请求清除</option>
|
<option value="任务完成">任务完成</option>
|
<option value="完成清除">完成清除</option>
|
<option value="任务破损">任务破损</option>
|
<option value="任务失败">任务失败</option>
|
</select></td> -->
|
<td><input v-model="dispose['remarks']" type='text' name="remarks"></td>
|
</tr>
|
</tbody>
|
|
</table>
|
</div>
|
<div class="modal-footer">
|
<button type="button" class="btn btn-default btn-lg"
|
data-dismiss="modal">关闭</button>
|
<button @click="addDispose" type="button" class="btn btn-primary btn-lg"
|
id="addbtnsubmit">提交</button>
|
</div>
|
</form>
|
</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:[],
|
machineId:<%= request.getParameter("id") %>,
|
dispose:{
|
machineId:<%= request.getParameter("id") %>,
|
plcType:"",
|
plcValue:"",
|
mesType:"",
|
mesValue:"",
|
returnValue:"",
|
logic:"",
|
remarks:""
|
}
|
},
|
methods:{
|
deleteDispose:function(id){
|
if(!confirm("确认删除编号"+id+"的逻辑！")){
|
return false
|
}
|
|
let sql="{call AXJ_shebeipeizhi_machine_luojishanchu(?,?)}~"+"{'dispose':'"+id+"'}";;
|
this.connects("删除逻辑",sql,1,1);
|
},
|
refreshWindow:function(){
|
//alert(this.machineId);
|
replaceParamVal("id",this.machineId);
|
},
|
addDispose:function(){
|
if(!confirm("确认添加编号"+this.dispose.machineId+"的逻辑！")){
|
return false
|
}
|
for(item in this.dispose){
|
let value=this.dispose[item].toString();
|
if(value.replace(/(^s*)|(s*$)/g, "").length ==0){
|
alert("传入参数不能为空");
|
return false
|
}
|
}
|
let sql="{call AXJ_shebeipeizhi_machine_luojizengjia(?,?,?,?,?,?,?,?,?)}~"+JSON.stringify(this.dispose);
|
this.connects("添加机器逻辑",sql,1,1);
|
//console.log(this.dispose);
|
|
}
|
|
},
|
mounted:function(){
|
let sql="{call AXJ_shebeipeizhi_machine_luojichaxun(?,?)}~"+"{'machineid':'"+<%= request.getParameter("id") %>+"'}";
|
let flag=2;
|
loadAjxs('jiqiluoji.jsp机器逻辑查询',sql,flag,"shuzu");
|
sql="{call AXJ_shebeipeizhi_machine_chaxun(?)}";
|
loadAjxs('jiqiluoji.jsp机器逻辑机器查询',sql,flag,"machine");
|
}
|
})
|
function replaceParamVal(paramName,replaceWith) {
|
var oUrl = this.location.href.toString();
|
var re=eval('/('+ paramName+'=)([^&]*)/gi');
|
var nUrl = oUrl.replace(re,paramName+'='+replaceWith);
|
this.location = nUrl;
|
window.location.href=nUrl
|
}
|
</script>
|
</html>
|
