|  |  |  | 
|---|
|  |  |  | <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> | 
|---|
|  |  |  | 
|---|
|  |  |  | <el-button type="primary" @click="resetParam">重置</el-button> | 
|---|
|  |  |  | </el-form-item> | 
|---|
|  |  |  | </el-form> | 
|---|
|  |  |  | <el-table ref="singleTable" :data="tableData" style="width: 100%;"> | 
|---|
|  |  |  | <el-table border ref="singleTable" :data="tableData" style="width: 100%;" :row-class-name="tableRowClassName"> | 
|---|
|  |  |  | <el-table-column label="操作" width="100"> | 
|---|
|  |  |  | <template slot-scope="scope"> | 
|---|
|  |  |  | <el-dropdown @command="(command)=>{handleCommand(command, scope.row)}"> | 
|---|
|  |  |  | <el-button icon="el-icon-more" size="mini" type="primary"></el-button> | 
|---|
|  |  |  | <el-dropdown-menu slot="dropdown"> | 
|---|
|  |  |  | <el-dropdown-item command="showTask">查看任务</el-dropdown-item> | 
|---|
|  |  |  | <el-dropdown-item command="executeCommand">执行指令</el-dropdown-item> | 
|---|
|  |  |  | <el-dropdown-item command="completeCommand">完成指令</el-dropdown-item> | 
|---|
|  |  |  | </el-dropdown-menu> | 
|---|
|  |  |  | </el-dropdown> | 
|---|
|  |  |  | </template> | 
|---|
|  |  |  | </el-table-column> | 
|---|
|  |  |  | <el-table-column property="id" label="指令编号"> | 
|---|
|  |  |  | <el-table-column property="id" label="#ID"> | 
|---|
|  |  |  | </el-table-column> | 
|---|
|  |  |  | <el-table-column property="wrkNo" label="工作号"> | 
|---|
|  |  |  | </el-table-column> | 
|---|
|  |  |  | 
|---|
|  |  |  | </el-table-column> | 
|---|
|  |  |  | <el-table-column show-overflow-tooltip property="durationTime" label="持续时长"> | 
|---|
|  |  |  | </el-table-column> | 
|---|
|  |  |  | <el-table-column property="commandType" label="指令类型"> | 
|---|
|  |  |  | <el-table-column property="commandType$" label="指令类型"> | 
|---|
|  |  |  | </el-table-column> | 
|---|
|  |  |  | <el-table-column property="device" label="设备"> | 
|---|
|  |  |  | </el-table-column> | 
|---|
|  |  |  | 
|---|
|  |  |  | </el-table-column> | 
|---|
|  |  |  | <el-table-column show-overflow-tooltip property="startTime$" label="开始时间"> | 
|---|
|  |  |  | </el-table-column> | 
|---|
|  |  |  | <el-table-column show-overflow-tooltip property="endTime$" label="结束时间"> | 
|---|
|  |  |  | <el-table-column show-overflow-tooltip property="executeTime$" label="执行时间"> | 
|---|
|  |  |  | </el-table-column> | 
|---|
|  |  |  | <el-table-column show-overflow-tooltip property="command" label="命令报文"> | 
|---|
|  |  |  | <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> | 
|---|
|  |  |  |  | 
|---|
|  |  |  | 
|---|
|  |  |  | task_no: null, | 
|---|
|  |  |  | status: null, | 
|---|
|  |  |  | wrk_no: null | 
|---|
|  |  |  | } | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | commandStep: -1 | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | created() { | 
|---|
|  |  |  | this.init() | 
|---|
|  |  |  | 
|---|
|  |  |  | 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() | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | 
|---|
|  |  |  | } | 
|---|
|  |  |  | this.getTableData() | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | tableRowClassName({row, rowIndex}) { | 
|---|
|  |  |  | if (rowIndex === this.commandStep) { | 
|---|
|  |  |  | return 'success-row'; | 
|---|
|  |  |  | } | 
|---|
|  |  |  | return ''; | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | 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) { | 
|---|
|  |  |  | //查看任务 | 
|---|
|  |  |  | let wrkNo = row.wrkNo == null ? "" : row.wrkNo | 
|---|
|  |  |  | console.log(wrkNo) | 
|---|
|  |  |  | //查看指令 | 
|---|
|  |  |  | $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, | 
|---|
|  |  |  | content: '../taskWrk/taskWrk.html?taskNo=' + row.taskNo + "&wrkNo=" + wrkNo, | 
|---|
|  |  |  | success: function(layero, index) {} | 
|---|
|  |  |  | }); | 
|---|
|  |  |  | } | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | 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> | 
|---|