| New file |
| | |
|---|
| | | <%@ 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> |
|---|
