|  |  | 
 |  |  | <body> | 
 |  |  |    <div id="app" style="display: flex;justify-content: center;flex-wrap: wrap;"> | 
 |  |  |       <div style="width: 100%;"> | 
 |  |  |          <el-table ref="singleTable" :data="tableData" highlight-current-row @row-click="handleRowClick" | 
 |  |  |          <el-table border ref="singleTable" :data="tableData" highlight-current-row @row-click="handleRowClick" | 
 |  |  |             max-height="350" style="width: 100%"> | 
 |  |  |             <el-table-column property="crnNo" label="堆垛机"> | 
 |  |  |             </el-table-column> | 
 |  |  | 
 |  |  |                </div> | 
 |  |  |                <div> | 
 |  |  |                   <el-form :model="formParam" label-position="top" :inline="true" class="demo-form-inline"> | 
 |  |  |                      <el-form-item label="源站/源库位"> | 
 |  |  |                         <el-input v-model="formParam.sourceStaNo" placeholder="源站/源库位"></el-input> | 
 |  |  |                      </el-form-item> | 
 |  |  |                      <el-form-item label="排"> | 
 |  |  | <!--                     <el-form-item label="源站/源库位">--> | 
 |  |  | <!--                        <el-input v-model="formParam.sourceStaNo" placeholder="源站/源库位"></el-input>--> | 
 |  |  | <!--                     </el-form-item>--> | 
 |  |  |                      <el-form-item label="源排"> | 
 |  |  |                         <el-input v-model="formParam.sourceRow" placeholder="排"></el-input> | 
 |  |  |                      </el-form-item> | 
 |  |  |                      <el-form-item label="列"> | 
 |  |  |                      <el-form-item label="源列"> | 
 |  |  |                         <el-input v-model="formParam.sourceBay" placeholder="列"></el-input> | 
 |  |  |                      </el-form-item> | 
 |  |  |                      <el-form-item label="层"> | 
 |  |  |                      <el-form-item label="源层"> | 
 |  |  |                         <el-input v-model="formParam.sourceLev" placeholder="层"></el-input> | 
 |  |  |                      </el-form-item> | 
 |  |  |                   </el-form> | 
 |  |  |                   <el-form :model="formParam" label-position="top" :inline="true" class="demo-form-inline"> | 
 |  |  |                      <el-form-item label="目标站/目标库位"> | 
 |  |  |                         <el-input v-model="formParam.staNo" placeholder="目标站/目标库位"></el-input> | 
 |  |  |                      </el-form-item> | 
 |  |  |                      <el-form-item label="排"> | 
 |  |  | <!--                     <el-form-item label="目标站/目标库位">--> | 
 |  |  | <!--                        <el-input v-model="formParam.staNo" placeholder="目标站/目标库位"></el-input>--> | 
 |  |  | <!--                     </el-form-item>--> | 
 |  |  |                      <el-form-item label="目标排"> | 
 |  |  |                         <el-input v-model="formParam.row" placeholder="排"></el-input> | 
 |  |  |                      </el-form-item> | 
 |  |  |                      <el-form-item label="列"> | 
 |  |  |                      <el-form-item label="目标列"> | 
 |  |  |                         <el-input v-model="formParam.bay" placeholder="列"></el-input> | 
 |  |  |                      </el-form-item> | 
 |  |  |                      <el-form-item label="层"> | 
 |  |  |                      <el-form-item label="目标层"> | 
 |  |  |                         <el-input v-model="formParam.lev" placeholder="层"></el-input> | 
 |  |  |                      </el-form-item> | 
 |  |  |                   </el-form> | 
 |  |  |                   <el-form :model="formParam" label-position="top" :inline="true" class="demo-form-inline"> | 
 |  |  |                      <el-form-item label="托盘码"> | 
 |  |  |                         <el-input v-model="formParam.barcode" placeholder="条码"></el-input> | 
 |  |  |                      </el-form-item> | 
 |  |  |                      <el-form-item label="托盘类型"> | 
 |  |  |                         <el-input v-model="formParam.barcodeType" placeholder="类型"></el-input> | 
 |  |  |                      </el-form-item> | 
 |  |  |                      <el-form-item label="空托盘"> | 
 |  |  |                         <el-select v-model="formParam.emptyContainer" placeholder="是否为空托盘"> | 
 |  |  |                            <el-option | 
 |  |  |                                  v-for="item in options" | 
 |  |  |                                  :key="item.value" | 
 |  |  |                                  :label="item.label" | 
 |  |  |                                  :value="item.value"> | 
 |  |  |                            </el-option> | 
 |  |  |                         </el-select> | 
 |  |  |                      </el-form-item> | 
 |  |  |  | 
 |  |  |                   </el-form> | 
 |  |  |                   <el-form label-position="top" :inline="true" class="demo-form-inline"> | 
 |  |  |                      <el-form-item label=""> | 
 |  |  | 
 |  |  |                      <el-button @click="requestOperate('siteMove')" type="primary">站到站</el-button> | 
 |  |  |                      <el-button @click="requestOperate('taskComplete')" type="primary">任务完成</el-button> | 
 |  |  |                      <el-button @click="requestOperate('clearCommand')" type="primary">清除命令</el-button> | 
 |  |  |                      <el-button @click="requestOperate('handleReset')" type="primary">复位</el-button> | 
 |  |  |                      <el-button @click="requestOperate('auto')" type="primary">联机</el-button> | 
 |  |  |                      <el-button @click="requestOperate('reset')" type="primary">复位</el-button> | 
 |  |  |                      <br/> | 
 |  |  |                      <br/> | 
 |  |  |                      <el-button @click="requestOperate('auto')" type="warning">联机</el-button> | 
 |  |  |                      <el-button @click="requestOperate('semiAutomatic')" type="warning">半自动</el-button> | 
 |  |  |                      <el-button @click="requestOperate('hand')" type="warning">手动</el-button> | 
 |  |  |                      <el-button @click="requestOperate('onlineWrk4')" type="warning">恢复联机任务</el-button> | 
 |  |  |                      <el-button @click="requestOperate('onlineWrk3')" type="warning">清除联机任务</el-button> | 
 |  |  |                      <el-button @click="requestOperate('onlineWrk1')" type="warning">申请完成任务</el-button> | 
 |  |  |                      <br/> | 
 |  |  |                      <br/> | 
 |  |  |                      <el-button @click="requestOperate('onlineWrk2')" type="warning">申请取消任务</el-button> | 
 |  |  |                   </div> | 
 |  |  |                </div> | 
 |  |  |             </el-card> | 
 |  |  | 
 |  |  |                staNo: null, | 
 |  |  |                row: 1, | 
 |  |  |                bay: 0, | 
 |  |  |                lev: 1 | 
 |  |  |                lev: 1, | 
 |  |  |                barcode:null, | 
 |  |  |                barcodeType:null, | 
 |  |  |                emptyContainer:null | 
 |  |  |             }, | 
 |  |  |             enableIn: false, | 
 |  |  |             enableOut: false | 
 |  |  |             enableOut: false, | 
 |  |  |             options:[ | 
 |  |  |                { | 
 |  |  |                   value:'1', | 
 |  |  |                   label:'是' | 
 |  |  |                }, | 
 |  |  |                { | 
 |  |  |                   value:'0', | 
 |  |  |                   label:'否' | 
 |  |  |                } | 
 |  |  |             ] | 
 |  |  |          }, | 
 |  |  |          created() { | 
 |  |  |             this.init() | 
 |  |  | 
 |  |  |             }, | 
 |  |  |             requestOperate(method) { | 
 |  |  |                let that = this | 
 |  |  |                $.ajax({ | 
 |  |  |                   url: baseUrl + "/crn/operator/" + method, | 
 |  |  |                   headers: { | 
 |  |  |                      'token': localStorage.getItem('token') | 
 |  |  |                   }, | 
 |  |  |                   data: this.formParam, | 
 |  |  |                   method: 'POST', | 
 |  |  |                   success: function (res) { | 
 |  |  |                      if (res.code == 200) { | 
 |  |  |                         that.$message({ | 
 |  |  |                            message: res.msg, | 
 |  |  |                            type: 'success' | 
 |  |  |                         }); | 
 |  |  |                      } else { | 
 |  |  |                         that.$message({ | 
 |  |  |                            message: res.msg, | 
 |  |  |                            type: 'error' | 
 |  |  |                         }); | 
 |  |  |                that.$confirm('此操作存在风险,是否继续','提示',{ | 
 |  |  |                   confirmButtonText: '确定', | 
 |  |  |                   cancelButtonText: '取消', | 
 |  |  |                   type: 'warning' | 
 |  |  |                }).then(()=>{ | 
 |  |  |                   $.ajax({ | 
 |  |  |                      url: baseUrl + "/crn/operator/" + method, | 
 |  |  |                      headers: { | 
 |  |  |                         'token': localStorage.getItem('token') | 
 |  |  |                      }, | 
 |  |  |                      data: this.formParam, | 
 |  |  |                      method: 'POST', | 
 |  |  |                      success: function (res) { | 
 |  |  |                         if (res.code == 200) { | 
 |  |  |                            that.$message({ | 
 |  |  |                               message: res.msg, | 
 |  |  |                               type: 'success' | 
 |  |  |                            }); | 
 |  |  |                         } else { | 
 |  |  |                            that.$message({ | 
 |  |  |                               message: res.msg, | 
 |  |  |                               type: 'error' | 
 |  |  |                            }); | 
 |  |  |                         } | 
 |  |  |                      } | 
 |  |  |                   } | 
 |  |  |                }); | 
 |  |  |                   }); | 
 |  |  |                }) | 
 |  |  |  | 
 |  |  |             }, | 
 |  |  |             updateEnableInOut(type) { | 
 |  |  |                let that = this |