<%@ page contentType="text/html;charset=UTF-8"%>
|
<%@page import="ng.db.DBHelper"%>
|
<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">
|
|
<link rel="stylesheet" href="../static/css/element.css">
|
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
|
<script type="text/javascript">
|
/* var interval = setInterval('refreshStatus()', 20000);
|
$(document).ready(function(){
|
var info = $("#info").attr("info");
|
$("#infos").html(info);
|
}); */
|
// 设备页面自动刷新
|
/* function refreshStatus() {
|
window.location.reload();
|
}
|
// 停止页面自动刷新
|
function disableAutoRefresh() {
|
clearInterval(interval);
|
} */
|
|
|
|
|
</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" style="padding: 0px 15px 0 15px;">
|
<h1>当前配方 </h1>
|
|
<ol class="breadcrumb">
|
|
|
</a></li>
|
</ol>
|
</section>
|
|
<div id = "allstatu" ></div>
|
<div id = "info" ></div>
|
<!-- Main content -->
|
<input style="display:none" type="text" name="groups" value="${groups}" />
|
<section class="content container-fluid" style="padding: 0px;">
|
<div>
|
</div>
|
|
<div class="box" style="height: 600px; overflow: auto;margin-top: 10px;">
|
<table class="table table-striped table-hover"
|
style="overflow-x: auto;font-size: 12px;">
|
<thead>
|
<tr>
|
<th>设备ID</th>
|
<th>设备名称</th>
|
<th>设备IP</th>
|
<th>当前配方</th>
|
</tr>
|
</thead>
|
<tbody>
|
<tr v-for="(item, index) in shuzu" :key="index" style="height: 51px;">
|
<td>{{item['0_id']}}</td>
|
<td>{{item['1_machine_name']}}</td>
|
<td>{{item['2_ip_address']}}</td>
|
<td style="font-weight: bold; font-size: 18px">{{item['3_content_value']}}</td>
|
|
</td>
|
</tr>
|
</tbody>
|
</table>
|
</div>
|
|
|
|
</section>
|
<!-- /.content -->
|
</div>
|
<script src="../js/jquery-3.4.1.min.js"></script>
|
<script type="text/javascript" src="../static/bootstrap/3.3.7/js/bootstrap.min.js"></script>
|
<script src="../js/vue.min.js"></script>
|
<script src="../js/axios.min.js"></script>
|
<script src="../js/mixins.js"></script>
|
|
<script>
|
Vue.prototype.$http= axios
|
let app = new Vue({
|
el:'#app',
|
mixins:[mixin],
|
data:{
|
shuzu:[],
|
shuzu1:[],
|
shuzu2:[],
|
lines:<%= request.getParameter("id") %>,
|
peifanhao:[{}],
|
subval:{
|
id:'',
|
type:''
|
}
|
},
|
methods:{
|
|
|
|
},
|
async mounted(){
|
let canshu={
|
line:<%= request.getParameter("id") %>
|
}
|
// this.shuzu="";
|
let sql="{call selectRecipe()}";
|
let flag=2;
|
this.loadAjxss('任务查询成功',sql,flag,"shuzu");
|
console.log("sql:",this.shuzu);
|
|
await setInterval(()=>{
|
|
let sql="{call selectRecipe()}";
|
this.loadAjxss('任务查询成功',sql,flag,"shuzu");
|
},5000)
|
/* sql="{call AXJ_qiegeguanli_peifanghao_cahxun()}";
|
loadAjxs('配方号查询',sql,flag,"peifanhao"); */
|
}
|
|
})
|
</script>
|
</body>
|
</html>
|
