<%@ 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">
|
/* 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;
|
}
|
#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>
|
</div>
|
<form method="post" class="form-horizontal" action="${ctx}/configure/addmachineagreement">
|
<div style='margin-top: 20px;'>
|
设备名称：<input v-model="tijiao['name']" type='text' name='machineName'/>
|
IP地址：<input v-model="tijiao['ip']" type='text' name='ipAddress'/>
|
端口：<input v-model="tijiao['port']" type='text' name='port'/>
|
机器长度：<input v-model="tijiao['length']" type='text' name='length'/>
|
机器宽度：<input v-model="tijiao['wid']" type='text' name='width'/>
|
<br/>
|
<br/>
|
机器高度：<input v-model="tijiao['height']" type='text' name='heigth'/>
|
|
modbus长度：<input v-model="tijiao['modbuslength']" type='text' name='heigth'/>
|
通讯间隔：<input v-model="tijiao['tongxun']" type='text' name='heigth'/>
|
偏移量：<input v-model="tijiao['pianyiliang']" type='text' name='heigth'/>
|
<input style="display:none" type="text" name="machineTypeId" value="${machineTypeId}" />
|
<input style="display:none" type="text" name="sum" value="${sum}" />
|
<button @click='machineAdd()' type="button" class="btn btn-primary">提交</button>
|
</div>
|
|
<div class="box" style="height: 750px; overflow: auto;margin-top: 10px;">
|
<table class="table table-striped table-hover"
|
style="overflow-x: auto">
|
<thead>
|
<tr>
|
<th>设备编号</th>
|
<th>设备名称</th>
|
<th>IP地址</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">
|
<td v-for="(item,key,index) in items">
|
{{item}}
|
</td>
|
</tr>
|
</tbody>
|
</table>
|
</div>
|
</form>
|
</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:[],
|
tijiao:{
|
name:'',
|
ip:"",
|
port:'',
|
length:'',
|
wid:'',
|
height:'',
|
id:<%= request.getParameter("id") %>,
|
modbuslength:"",
|
tongxun:"",
|
pianyiliang:""
|
|
}
|
},
|
methods:{
|
machineAdd:function(){
|
for(item in this.tijiao){
|
if(!this.tijiao[item]){
|
alert('所有输入框有必填，请添加所有输入参数！')
|
return
|
}
|
}
|
let sql="{call AXJ_shebeipeizhi_shebeileixingxiangqingtianjia(?,?,?,?,?,?,?,?,?,?,?)}~"+JSON.stringify(this.tijiao);
|
this.connects("添加机器",sql,1,1);
|
}
|
},
|
mounted:function(){
|
let sql="{call AXJ_shebeipeizhi_shebeileixingxiangqingchaxun(?,?)}~"+"{'machineid':'"+<%= request.getParameter("id") %>+"'}";
|
let flag=2;
|
loadAjxs('设备类型详情查询',sql,flag,"shuzu");
|
}
|
})
|
</script>
|
</html>
|
