|  |  |  | 
|---|
|  |  |  | <script type="text/javascript" src="../static/js/common.js"></script> | 
|---|
|  |  |  | <script type="text/javascript" src="../static/vue/js/vue.min.js"></script> | 
|---|
|  |  |  | <script type="text/javascript" src="../static/vue/element/element.js"></script> | 
|---|
|  |  |  | <style> | 
|---|
|  |  |  | .el-table .success-row { | 
|---|
|  |  |  | background: #b6ff8e; | 
|---|
|  |  |  | } | 
|---|
|  |  |  | </style> | 
|---|
|  |  |  | </head> | 
|---|
|  |  |  |  | 
|---|
|  |  |  | <body> | 
|---|
|  |  |  | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  |  | 
|---|
|  |  |  | <el-dialog :title="shuttleCommandTitle" :visible.sync="shuttleCommandVisible"> | 
|---|
|  |  |  | <el-table ref="singleTable" :data="shuttleCommandData.assignCommand.commands" style="width: 100%;"> | 
|---|
|  |  |  | <el-table ref="singleTable" :data="shuttleCommandData.assignCommand.commands" style="width: 100%;" :row-class-name="tableRowClassName"> | 
|---|
|  |  |  | <el-table-column property="mode" label="命令类型"> | 
|---|
|  |  |  | </el-table-column> | 
|---|
|  |  |  | <el-table-column property="start" label="起点"> | 
|---|
|  |  |  | 
|---|
|  |  |  | </el-table-column> | 
|---|
|  |  |  | <el-table-column label="操作" width="100"> | 
|---|
|  |  |  | <template slot-scope="scope"> | 
|---|
|  |  |  | <el-button @click="shuttleCommandVisible = false" size="mini">回退指令</el-button> | 
|---|
|  |  |  | <el-button @click="shuttleCommandRollback(scope)" size="mini">回退指令</el-button> | 
|---|
|  |  |  | </template> | 
|---|
|  |  |  | </el-table-column> | 
|---|
|  |  |  | </el-table> | 
|---|
|  |  |  | 
|---|
|  |  |  | shuttleCommandData: { | 
|---|
|  |  |  | assignCommand: { | 
|---|
|  |  |  | commands: [] | 
|---|
|  |  |  | } | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | commandStep: 0 | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | shuttleCommandWrkNo: null, | 
|---|
|  |  |  | shuttleCommandLabelWidth: '80px', | 
|---|
|  |  |  | shuttleCommandTitle: '' | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | 
|---|
|  |  |  | this.cancelTask(row) | 
|---|
|  |  |  | break; | 
|---|
|  |  |  | case "shuttleCommand": | 
|---|
|  |  |  | this.showShuttleCommand(row) | 
|---|
|  |  |  | this.showShuttleCommand(row.wrkNo) | 
|---|
|  |  |  | break; | 
|---|
|  |  |  | } | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | showShuttleCommand(row){ | 
|---|
|  |  |  | showShuttleCommand(wrkNo){ | 
|---|
|  |  |  | let that = this; | 
|---|
|  |  |  | $.ajax({ | 
|---|
|  |  |  | url: baseUrl + "/shuttle/command/query", | 
|---|
|  |  |  | 
|---|
|  |  |  | 'token': localStorage.getItem('token') | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | data: { | 
|---|
|  |  |  | wrkNo: row.wrkNo | 
|---|
|  |  |  | wrkNo: wrkNo | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | method: 'GET', | 
|---|
|  |  |  | success: function(res) { | 
|---|
|  |  |  | 
|---|
|  |  |  | console.log(res) | 
|---|
|  |  |  | that.shuttleCommandVisible = true; | 
|---|
|  |  |  | that.shuttleCommandData = res.data; | 
|---|
|  |  |  | that.shuttleCommandWrkNo = wrkNo; | 
|---|
|  |  |  | } else if (res.code === 403) { | 
|---|
|  |  |  | top.location.href = baseUrl + "/"; | 
|---|
|  |  |  | } else { | 
|---|
|  |  |  | 
|---|
|  |  |  | // }); | 
|---|
|  |  |  | }); | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | tableRowClassName({row, rowIndex}) { | 
|---|
|  |  |  | if (rowIndex === this.shuttleCommandData.commandStep) { | 
|---|
|  |  |  | return 'success-row'; | 
|---|
|  |  |  | } | 
|---|
|  |  |  | return ''; | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | shuttleCommandRollback(scope) { | 
|---|
|  |  |  | let that = this; | 
|---|
|  |  |  | let idx = scope.$index; | 
|---|
|  |  |  | $.ajax({ | 
|---|
|  |  |  | url: baseUrl + "/shuttle/command/rollback", | 
|---|
|  |  |  | headers: { | 
|---|
|  |  |  | 'token': localStorage.getItem('token') | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | data: { | 
|---|
|  |  |  | wrkNo: that.shuttleCommandWrkNo, | 
|---|
|  |  |  | commandStep: idx | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | method: 'GET', | 
|---|
|  |  |  | success: function(res) { | 
|---|
|  |  |  | if (res.code == 200) { | 
|---|
|  |  |  | that.showShuttleCommand(that.shuttleCommandWrkNo) | 
|---|
|  |  |  | } else if (res.code === 403) { | 
|---|
|  |  |  | top.location.href = baseUrl + "/"; | 
|---|
|  |  |  | } else { | 
|---|
|  |  |  | that.$message({ | 
|---|
|  |  |  | message: res.msg, | 
|---|
|  |  |  | type: 'error' | 
|---|
|  |  |  | }); | 
|---|
|  |  |  | } | 
|---|
|  |  |  | } | 
|---|
|  |  |  | }); | 
|---|
|  |  |  | } | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | }) | 
|---|
|  |  |  | </script> | 
|---|