|  |  | 
 |  |  | <!DOCTYPE html> | 
 |  |  | <html lang="en"> | 
 |  |  |  | 
 |  |  | <head> | 
 |  |  |     <meta charset="utf-8"> | 
 |  |  |     <title></title> | 
 |  |  |     <meta name="renderer" content="webkit"> | 
 |  |  |     <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> | 
 |  |  |     <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> | 
 |  |  |     <link rel="stylesheet" href="../../static/wms/layui/css/layui.css" media="all"> | 
 |  |  |     <link rel="stylesheet" href="../../static/wms/css/cool.css" media="all"> | 
 |  |  |     <link rel="stylesheet" href="../../static/wms/css/common.css" media="all"> | 
 |  |  |     <meta charset="UTF-8"> | 
 |  |  |     <title>指令管理</title> | 
 |  |  |     <link rel="stylesheet" href="../../static/wcs/css/element.css"> | 
 |  |  |     <script type="text/javascript" src="../../static/wcs/js/jquery/jquery-3.3.1.min.js"></script> | 
 |  |  |     <script type="text/javascript" src="../../static/wms/layui/layui.js"></script> | 
 |  |  |     <script type="text/javascript" src="../../static/wcs/js/common.js"></script> | 
 |  |  |     <script type="text/javascript" src="../../static/wcs/js/vue.min.js"></script> | 
 |  |  |     <script type="text/javascript" src="../../static/wcs/js/element.js"></script> | 
 |  |  |     <style> | 
 |  |  |         .el-table .success-row { | 
 |  |  |             background: #d5ffc0; | 
 |  |  |         } | 
 |  |  |     </style> | 
 |  |  | </head> | 
 |  |  |  | 
 |  |  | <body> | 
 |  |  | <!-- 搜索栏 --> | 
 |  |  | <div id="search-box" class="layui-form layui-card-header"> | 
 |  |  |     <div class="layui-inline"> | 
 |  |  |         <div class="layui-input-inline"> | 
 |  |  |             <input class="layui-input" type="text" name="id" placeholder="指令编号" autocomplete="off"> | 
 |  |  |         </div> | 
 |  |  |     </div> | 
 |  |  |     <div class="layui-inline"> | 
 |  |  |         <div class="layui-input-inline"> | 
 |  |  |             <input class="layui-input" type="text" name="wrk_no" id="wrkNo" placeholder="工作号" autocomplete="off"> | 
 |  |  |         </div> | 
 |  |  |     </div> | 
 |  |  | <div id="app" style="display: flex;justify-content: center;flex-wrap: wrap;"> | 
 |  |  |     <div style="width: 100%;"> | 
 |  |  |         <el-card class="box-card"> | 
 |  |  |             <el-form :inline="true" :model="tableSearchParam" class="demo-form-inline"> | 
 |  |  |                 <el-form-item label=""> | 
 |  |  |                     <el-input v-model="tableSearchParam.task_no" placeholder="任务号"></el-input> | 
 |  |  |                 </el-form-item> | 
 |  |  |                 <el-form-item label=""> | 
 |  |  |                     <el-input v-model="tableSearchParam.wrk_no" placeholder="工作号"></el-input> | 
 |  |  |                 </el-form-item> | 
 |  |  |                 <el-form-item> | 
 |  |  |                     <el-button type="primary" @click="getTableData">查询</el-button> | 
 |  |  |                     <el-button type="primary" @click="resetParam">重置</el-button> | 
 |  |  |                 </el-form-item> | 
 |  |  |             </el-form> | 
 |  |  |             <el-table ref="singleTable" :data="tableData" style="width: 100%;" :row-class-name="tableRowClassName"> | 
 |  |  |                 <el-table-column property="id" label="#ID"> | 
 |  |  |                 </el-table-column> | 
 |  |  |                 <el-table-column property="wrkNo" label="工作号"> | 
 |  |  |                 </el-table-column> | 
 |  |  |                 <el-table-column property="taskNo" label="任务号"> | 
 |  |  |                 </el-table-column> | 
 |  |  |                 <el-table-column property="commandStatus$" label="指令状态"> | 
 |  |  |                 </el-table-column> | 
 |  |  |                 <el-table-column show-overflow-tooltip property="durationTime" label="持续时长"> | 
 |  |  |                 </el-table-column> | 
 |  |  |                 <el-table-column property="commandType$" label="指令类型"> | 
 |  |  |                 </el-table-column> | 
 |  |  |                 <el-table-column property="device" label="设备"> | 
 |  |  |                 </el-table-column> | 
 |  |  |                 <el-table-column property="deviceLog" label="设备执行信息"> | 
 |  |  |                 </el-table-column> | 
 |  |  |                 <el-table-column property="commandDesc" label="命令描述"> | 
 |  |  |                 </el-table-column> | 
 |  |  |                 <el-table-column show-overflow-tooltip property="startTime$" label="开始时间"> | 
 |  |  |                 </el-table-column> | 
 |  |  |                 <el-table-column show-overflow-tooltip property="executeTime$" label="执行时间"> | 
 |  |  |                 </el-table-column> | 
 |  |  |                 <el-table-column show-overflow-tooltip property="completeTime$" label="完成时间"> | 
 |  |  |                 </el-table-column> | 
 |  |  |                 <el-table-column show-overflow-tooltip property="command" label="命令报文" width="250"> | 
 |  |  |                 </el-table-column> | 
 |  |  |             </el-table> | 
 |  |  |  | 
 |  |  |     <!-- 待添加 --> | 
 |  |  |     <div id="data-search-btn" class="layui-btn-container layui-form-item"> | 
 |  |  |         <button id="search" class="layui-btn layui-btn-primary layui-btn-radius" lay-submit lay-filter="search">搜索</button> | 
 |  |  |         <button id="reset" class="layui-btn layui-btn-primary layui-btn-radius" lay-submit lay-filter="reset">重置</button> | 
 |  |  |             <div style="margin-top: 10px;"> | 
 |  |  |                 <el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange" | 
 |  |  |                                :current-page="currentPage" :page-sizes="pageSizes" :page-size="pageSize" | 
 |  |  |                                layout="total, sizes, prev, pager, next, jumper" :total="pageTotal"> | 
 |  |  |                 </el-pagination> | 
 |  |  |             </div> | 
 |  |  |         </el-card> | 
 |  |  |     </div> | 
 |  |  | </div> | 
 |  |  | <script> | 
 |  |  |     var $layui = layui.config({ | 
 |  |  |         base: baseUrl + "/static/wms/layui/lay/modules/" | 
 |  |  |     }).use(['layer', 'form'], function() {}) | 
 |  |  |  | 
 |  |  | <!-- 表格 --> | 
 |  |  | <div class="layui-form"> | 
 |  |  |     <table class="layui-hide" id="commandManage" lay-filter="commandManage"></table> | 
 |  |  | </div> | 
 |  |  | <script type="text/html" id="toolbar"> | 
 |  |  |     <div class="layui-btn-container"> | 
 |  |  |         <button class="layui-btn layui-btn-primary layui-btn-sm" id="btn-export" lay-event="exportData" style="margin-top: 10px">导出</button> | 
 |  |  |     </div> | 
 |  |  |     var app = new Vue({ | 
 |  |  |         el: '#app', | 
 |  |  |         data: { | 
 |  |  |             tableData: [], | 
 |  |  |             currentPage: 1, | 
 |  |  |             pageSizes: [16, 30, 50, 100, 150, 200], | 
 |  |  |             pageSize: 16, | 
 |  |  |             pageTotal: 0, | 
 |  |  |             tableSearchParam: { | 
 |  |  |                 task_no: null, | 
 |  |  |                 status: null, | 
 |  |  |                 wrk_no: null | 
 |  |  |             }, | 
 |  |  |             commandStep: -1 | 
 |  |  |         }, | 
 |  |  |         created() { | 
 |  |  |             this.init() | 
 |  |  |         }, | 
 |  |  |         watch: { | 
 |  |  |  | 
 |  |  |         }, | 
 |  |  |         methods: { | 
 |  |  |             init() { | 
 |  |  |                 let taskNo = getQueryVariable('taskNo') | 
 |  |  |                 let wrkNo = getQueryVariable('wrkNo') | 
 |  |  |                 let commandStep = getQueryVariable('commandStep') | 
 |  |  |                 if (taskNo != false) { | 
 |  |  |                     this.tableSearchParam.task_no = taskNo | 
 |  |  |                 } | 
 |  |  |                 if (wrkNo != false) { | 
 |  |  |                     this.tableSearchParam.wrk_no = wrkNo | 
 |  |  |                 } | 
 |  |  |                 this.commandStep = parseInt(commandStep) | 
 |  |  |  | 
 |  |  |                 this.getTableData() | 
 |  |  |             }, | 
 |  |  |             getTableData() { | 
 |  |  |                 let that = this; | 
 |  |  |                 let data = this.tableSearchParam | 
 |  |  |                 data.curr = this.currentPage | 
 |  |  |                 data.limit = this.pageSize | 
 |  |  |                 $.ajax({ | 
 |  |  |                     url: baseUrl + "/commandInfoLog/list/auth", | 
 |  |  |                     headers: { | 
 |  |  |                         'token': localStorage.getItem('token') | 
 |  |  |                     }, | 
 |  |  |                     data: data, | 
 |  |  |                     dataType: 'json', | 
 |  |  |                     contentType: 'application/json;charset=UTF-8', | 
 |  |  |                     method: 'GET', | 
 |  |  |                     success: function(res) { | 
 |  |  |                         if (res.code == 200) { | 
 |  |  |                             that.tableData = res.data.records | 
 |  |  |                             that.pageTotal = res.data.total | 
 |  |  |                         } else if (res.code === 403) { | 
 |  |  |                             top.location.href = baseUrl + "/"; | 
 |  |  |                         } else { | 
 |  |  |                             that.$message({ | 
 |  |  |                                 message: res.msg, | 
 |  |  |                                 type: 'error' | 
 |  |  |                             }); | 
 |  |  |                         } | 
 |  |  |                     } | 
 |  |  |                 }); | 
 |  |  |             }, | 
 |  |  |             handleSizeChange(val) { | 
 |  |  |                 console.log(`每页 ${val} 条`); | 
 |  |  |                 this.pageSize = val | 
 |  |  |                 this.getTableData() | 
 |  |  |             }, | 
 |  |  |             handleCurrentChange(val) { | 
 |  |  |                 console.log(`当前页: ${val}`); | 
 |  |  |                 this.currentPage = val | 
 |  |  |                 this.getTableData() | 
 |  |  |             }, | 
 |  |  |             resetParam() { | 
 |  |  |                 this.tableSearchParam = { | 
 |  |  |                     task_no: null, | 
 |  |  |                     status: null, | 
 |  |  |                     wrk_no: null | 
 |  |  |                 } | 
 |  |  |                 this.getTableData() | 
 |  |  |             }, | 
 |  |  |             handleCommand(command, row) { | 
 |  |  |                 switch (command) { | 
 |  |  |                     case "showTask": | 
 |  |  |                         //查看任务 | 
 |  |  |                         this.showTask(row) | 
 |  |  |                         break; | 
 |  |  |                     case "executeCommand": | 
 |  |  |                         //执行指令 | 
 |  |  |                         this.executeCommand(row) | 
 |  |  |                         break; | 
 |  |  |                     case "completeCommand": | 
 |  |  |                         //完成指令 | 
 |  |  |                         this.completeCommand(row) | 
 |  |  |                         break; | 
 |  |  |                 } | 
 |  |  |             }, | 
 |  |  |             showTask(row) { | 
 |  |  |                 //查看任务 | 
 |  |  |                 $layui.layer.open({ | 
 |  |  |                     type: 2, | 
 |  |  |                     title: '任务管理', | 
 |  |  |                     maxmin: true, | 
 |  |  |                     area: [top.detailWidth, top.detailHeight], | 
 |  |  |                     shadeClose: true, | 
 |  |  |                     content: '../taskWrk/taskWrk.html?taskNo=' + row.taskNo + "&wrkNo=" + row.wrkNo, | 
 |  |  |                     success: function(layero, index) {} | 
 |  |  |                 }); | 
 |  |  |             }, | 
 |  |  |             tableRowClassName({row, rowIndex}) { | 
 |  |  |                 if (rowIndex === this.commandStep) { | 
 |  |  |                     return 'success-row'; | 
 |  |  |                 } | 
 |  |  |                 return ''; | 
 |  |  |             }, | 
 |  |  |             executeCommand(row) { | 
 |  |  |                 //执行指令 | 
 |  |  |                 let that = this | 
 |  |  |                 $.ajax({ | 
 |  |  |                     url: baseUrl + "/commandInfo/executeCommand", | 
 |  |  |                     headers: { | 
 |  |  |                         'token': localStorage.getItem('token') | 
 |  |  |                     }, | 
 |  |  |                     data: { | 
 |  |  |                         id: row.id | 
 |  |  |                     }, | 
 |  |  |                     method: 'POST', | 
 |  |  |                     success: function(res) { | 
 |  |  |                         if (res.code == 200) { | 
 |  |  |                             that.$message({ | 
 |  |  |                                 message: "执行成功", | 
 |  |  |                                 type: 'success' | 
 |  |  |                             }); | 
 |  |  |                             that.getTableData() | 
 |  |  |                         } else if (res.code === 403) { | 
 |  |  |                             top.location.href = baseUrl + "/"; | 
 |  |  |                         } else { | 
 |  |  |                             that.$message({ | 
 |  |  |                                 message: res.msg, | 
 |  |  |                                 type: 'error' | 
 |  |  |                             }); | 
 |  |  |                         } | 
 |  |  |                     } | 
 |  |  |                 }); | 
 |  |  |             }, | 
 |  |  |             completeCommand(row) { | 
 |  |  |                 //完成指令 | 
 |  |  |                 let that = this | 
 |  |  |                 $.ajax({ | 
 |  |  |                     url: baseUrl + "/commandInfo/completeCommand", | 
 |  |  |                     headers: { | 
 |  |  |                         'token': localStorage.getItem('token') | 
 |  |  |                     }, | 
 |  |  |                     data: { | 
 |  |  |                         id: row.id | 
 |  |  |                     }, | 
 |  |  |                     method: 'POST', | 
 |  |  |                     success: function(res) { | 
 |  |  |                         if (res.code == 200) { | 
 |  |  |                             that.$message({ | 
 |  |  |                                 message: "完成成功", | 
 |  |  |                                 type: 'success' | 
 |  |  |                             }); | 
 |  |  |                             that.getTableData() | 
 |  |  |                         } else if (res.code === 403) { | 
 |  |  |                             top.location.href = baseUrl + "/"; | 
 |  |  |                         } else { | 
 |  |  |                             that.$message({ | 
 |  |  |                                 message: res.msg, | 
 |  |  |                                 type: 'error' | 
 |  |  |                             }); | 
 |  |  |                         } | 
 |  |  |                     } | 
 |  |  |                 }); | 
 |  |  |             } | 
 |  |  |         } | 
 |  |  |     }) | 
 |  |  | </script> | 
 |  |  |  | 
 |  |  | <script type="text/html" id="operate"> | 
 |  |  |     <a class="layui-btn layui-btn-xs btn-detlShow" lay-event="wrkMastShow">任务</a> | 
 |  |  | </script> | 
 |  |  |  | 
 |  |  | <script type="text/javascript" src="../../static/wms/js/jquery/jquery-3.3.1.min.js"></script> | 
 |  |  | <script type="text/javascript" src="../../static/wms/layui/layui.js" charset="utf-8"></script> | 
 |  |  | <script type="text/javascript" src="../../static/wms/js/common.js" charset="utf-8"></script> | 
 |  |  | <script type="text/javascript" src="../../static/wms/js/cool.js" charset="utf-8"></script> | 
 |  |  | <script type="text/javascript" src="../../static/wms/js/commandManageLog/commandManageLog.js" charset="utf-8"></script> | 
 |  |  |  | 
 |  |  | <iframe id="detail-iframe" scrolling="auto" style="display:none;"></iframe> | 
 |  |  |  | 
 |  |  | </body> | 
 |  |  | </html> | 
 |  |  |  | 
 |  |  | </html> |