自动化立库仓库-WCS系统
blame | 历史 | 补丁 | 提交 | 提交对比 | ignore whitespace
#
lsh
2024-05-16 0cfa6b0e4a0b43552e3a39df929d01e02a5d4d04 
 src/main/webapp/views/deviceOperate/rgvOperate.html


@@ -3,7 +3,7 @@




<head>


   <meta charset="UTF-8">


   <title>堆垛机设备</title>


   <title>RGV设备</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/wcs/js/common.js"></script>


@@ -16,15 +16,17 @@


      <div style="width: 100%;">


         <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 property="rgvNo" label="RGV号">


            </el-table-column>


            <el-table-column property="workNo" label="工作号">


            <el-table-column property="workNo1" label="工作号">


            </el-table-column>


            <el-table-column property="statusType" label="模式">


            </el-table-column>


            <el-table-column property="wrkStatus$" label="任务状态">


            <el-table-column property="status" label="任务状态">


            </el-table-column>


            <el-table-column property="deviceStatus" label="设备状态">


            <el-table-column property="walkPos" label="设备状态">


            </el-table-column>


            <el-table-column property="pakMk" label="锁定状态">


            </el-table-column>


         </el-table>


      </div>


@@ -36,80 +38,84 @@


                  <span>设备调试</span>


               </div>


               <div>


                  <el-form :model="formParam" label-position="top" :inline="true" class="demo-form-inline">


                  <el-form :model="formParam" label-position="top" :inline="true" class="demo-form-inline"  v-if="rgvMode !== 2 && rgvMode !== 1 ">


<!--                     <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 label="起始站">


                        <el-input v-model="formParam.sourceRow" placeholder="起始站"></el-input>


                     </el-form-item>


                     <el-form-item label="源列">


                        <el-input v-model="formParam.sourceBay" placeholder="列"></el-input>


                     <el-form-item label="目标站">


                        <el-input v-model="formParam.sourceBay" placeholder="目标站"></el-input>


                     </el-form-item>


                     <el-form-item label="源层">


                        <el-input v-model="formParam.sourceLev" placeholder="层"></el-input>


                     <el-form-item label="启动">


                        <el-button @click="initiate" type="warning">执行任务</el-button>


                     </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-input v-model="formParam.row" placeholder="排"></el-input>


                     </el-form-item>


                     <el-form-item label="目标列">


                        <el-input v-model="formParam.bay" placeholder="列"></el-input>


                     </el-form-item>


                     <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-checkbox @change="updateEnableInOut('in')" v-model="enableIn">可入</el-checkbox>


                     </el-form-item>


                     <el-form-item label="">


                        <el-checkbox @change="updateEnableInOut('out')" v-model="enableOut">可出</el-checkbox>


                     </el-form-item>


                  </el-form>


                  <div>


                     <el-button @click="requestOperate('put')" type="primary">入库</el-button>


                     <el-button @click="requestOperate('take')" type="primary">出库</el-button>


                     <el-button @click="requestOperate('stockMove')" type="primary">库位转移</el-button>


                     <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('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 v-if="rgvMode === 2 ">


                     <el-form :model="formParamD" label-position="top" :inline="true" class="demo-form-inline">


                        <el-form-item label="起始站">


                           <el-input v-model="formParamD.sourceRow" placeholder="起始站"></el-input>


                        </el-form-item>


                        <el-form-item label="目标站">


                           <el-input v-model="formParamD.sourceBay" placeholder="目标站"></el-input>


                        </el-form-item>


                        <el-form-item label="启动">


                           <el-button @click="initiateD(1)" type="warning">取货</el-button>


                           <el-button @click="initiateD(2)" type="warning">放货</el-button>


                           <el-button @click="initiateD(3)" type="warning">XY移动</el-button>


                        </el-form-item>


                     </el-form>


                  </div>


                  <div  v-if="demo === 'N' ">


                     <el-button v-if="rgvMode === 0 " type="danger">未知</el-button>


                     <el-button v-if="rgvMode === -1 " type="danger">未知</el-button>


                     <el-button v-if="rgvMode === 3 " type="primary">联机</el-button>


                     <el-button v-if="rgvMode === 2 " type="primary">单机</el-button>


                     <el-button v-if="rgvMode === 1 " type="warning">手动</el-button>


                  </div>


                  <div  v-if="demo === 'N' ">


                     <div style="margin: 10px auto 10px auto">


                        <el-button v-if="demo === 'N' " @click="demos('true')" type="info">演示</el-button>


                        <el-button v-if="demo === 'Y' " @click="demos('false')" type="info">取消演示</el-button>


                     </div>


                     <div style="margin: 10px auto 10px auto" v-if="demo === 'N' ">


                        <el-button v-if="rgvMode !== 3 " @click="rgvStatus(15)" type="primary">联机</el-button>


                        <el-button v-if="rgvMode !== 2 " @click="rgvStatus(14)" type="primary">单机</el-button>


                        <el-button v-if="rgvMode !== 1 " @click="rgvStatus(12)" type="warning">手动</el-button>


                     </div>


                     <div style="margin: 10px auto 10px auto" v-if="demo === 'N' ">


                        <el-button @click="rgvStatus(8)" type="primary">启动</el-button>


                        <el-button @click="rgvStatus(9)" type="primary">停止</el-button>


                        <el-button @click="rgvStatus(11)" type="primary">复位按钮</el-button>


                     </div>


                     <div style="margin: 10px auto 10px auto" v-if="demo === 'N' ">


                        <el-button @click="rgvStatus(7)" type="warning">报警消音</el-button>


                        <el-button v-if="rgvMode === 1 " @click="rgvStatus(13)" type="warning">手动定位</el-button>


                     </div>


                     <div style="margin: 10px auto 10px auto" v-if="demo === 'N' ">


                        <el-button :style="" @click="rgvStatus(5)" type="danger">强制启动</el-button>


                        <el-button @click="rgvStatus(10)" type="danger">急停</el-button>


                        <el-button @click="rgvStatus(16)" type="danger">货叉定位回中</el-button>


                     </div>


                     <div style="margin-top: 5px" v-if="demo === 'Y'">


                        <el-button  @click="staTova(2,1)" type="warning">输送-置换1</el-button>


                        <el-button  @click="staTova(2,3)" type="warning">输送-置换2</el-button>


                        <el-button  @click="staTova(2,5)" type="warning">输送-置换3</el-button>


                        <el-button  @click="staTova(2,7)" type="warning">输送-置换4</el-button>


                     </div>


                     <div style="margin-top: 5px" v-if="demo === 'Y'">


                        <el-button  @click="staTova(2,4)" type="warning">输送-灌装1</el-button>


                        <el-button  @click="staTova(2,6)" type="warning">输送-灌装2</el-button>


                        <el-button  @click="staTova(2,8)" type="warning">输送-灌装3</el-button>


                     </div>


                     <div style="margin-top: 5px" v-if="demo === 'Y'">


                        <el-button  @click="staTova(1,10)" type="warning">置换1-放货</el-button>


                        <el-button  @click="staTova(2,10)" type="warning">置换2-放货</el-button>


                        <el-button  @click="staTova(3,10)" type="warning">置换3-放货</el-button>


                        <el-button  @click="staTova(4,10)" type="warning">置换4-放货</el-button>


                     </div>


                  </div>


               </div>


            </el-card>


@@ -125,65 +131,32 @@


                  </div>


                  <div v-else>


                     <el-descriptions :title="currentTitle" direction="vertical" :column="4" border>


                        <el-descriptions-item label="堆垛机">{{ tableData[currentIndex].crnNo }}


                        <el-descriptions-item label="RGV">{{ tableData[currentIndex].rgvNo }}


                        </el-descriptions-item>


                        <el-descriptions-item label="工作号">


                           {{ tableData[currentIndex].workNo }}


                           {{ tableData[currentIndex].workNo1 }}


                        </el-descriptions-item>


                        <el-descriptions-item label="模式">


                           <el-tag>{{ tableData[currentIndex].statusType }}</el-tag>


                        </el-descriptions-item>


                        <el-descriptions-item label="任务状态">


                           <div v-if="tableData[currentIndex].wrkStatus == 0">


                              <el-tag>{{ tableData[currentIndex].wrkStatus$ }}</el-tag>


                           </div>


                           <div v-else>


                              <el-tag type="success">{{ tableData[currentIndex].wrkStatus$ }}</el-tag>


                           </div>




                              <el-tag>{{ tableData[currentIndex].status}}</el-tag>




                        </el-descriptions-item>


                        <el-descriptions-item label="设备状态">


                           <el-tag>{{ tableData[currentIndex].deviceStatus }}</el-tag>


                        </el-descriptions-item>


                        <el-descriptions-item label="有物">


                           <el-tag>{{ tableData[currentIndex].loading }}</el-tag>


                        </el-descriptions-item>


                        <el-descriptions-item label="列">{{ tableData[currentIndex].bay }}


                        </el-descriptions-item>


                        <el-descriptions-item label="层">{{ tableData[currentIndex].lev }}


                           <el-tag>{{ tableData[currentIndex].walkPos }}</el-tag>


                        </el-descriptions-item>


                        <el-descriptions-item label="故障代码">{{ tableData[currentIndex].warnCode }}


                        </el-descriptions-item>


                        <el-descriptions-item label="故障描述">{{ tableData[currentIndex].lev }}


                        <el-descriptions-item label="故障描述">{{ tableData[currentIndex].alarm }}


                        </el-descriptions-item>


                        <el-descriptions-item label="源站">{{ tableData[currentIndex].sourceStaNo }}


                        </el-descriptions-item>


                        <el-descriptions-item label="目标站">{{ tableData[currentIndex].staNo }}


                        </el-descriptions-item>


                        <el-descriptions-item label="源库位">{{ tableData[currentIndex].sourceLocNo }}


                        </el-descriptions-item>


                        <el-descriptions-item label="目标库位">{{ tableData[currentIndex].locNo }}


                        </el-descriptions-item>


                        <el-descriptions-item label="货叉定位">{{ tableData[currentIndex].forkOffset }}


                        </el-descriptions-item>


                        <el-descriptions-item label="载货台定位">{{ tableData[currentIndex].liftPos }}


                        </el-descriptions-item>


                        <el-descriptions-item label="走行在定位">{{ tableData[currentIndex].walkPos }}


                        </el-descriptions-item>


                        <el-descriptions-item label="走行速度(m/min)">{{ tableData[currentIndex].xspeed }}


                        </el-descriptions-item>


                        <el-descriptions-item label="升降速度(m/min)">{{ tableData[currentIndex].yspeed }}


                        </el-descriptions-item>


                        <el-descriptions-item label="叉牙速度(m/min)">{{ tableData[currentIndex].zspeed }}


                        </el-descriptions-item>


                        <el-descriptions-item label="走行距离(Km)">{{ tableData[currentIndex].xdistance }}


                        </el-descriptions-item>


                        <el-descriptions-item label="升降距离(Km)">{{ tableData[currentIndex].ydistance }}


                        </el-descriptions-item>


                        <el-descriptions-item label="走行时长(H)">{{ tableData[currentIndex].xduration }}


                        </el-descriptions-item>


                        <el-descriptions-item label="升降时长(H)">{{ tableData[currentIndex].yduration }}


                        </el-descriptions-item>


<!--                        <el-descriptions-item label="源站">{{ tableData[currentIndex].staNo }}-->


<!--                        </el-descriptions-item>-->


<!--                        <el-descriptions-item label="目标站">{{ tableData[currentIndex].sourceStaNo }}-->


<!--                        </el-descriptions-item>-->


                     </el-descriptions>




                  </div>


               </div>


            </el-card>


@@ -199,7 +172,21 @@


            currentTitle: "未选择设备",


            currentIndex: null,


            formParam: {


               crnNo: null,


               rgvNo: null,


               sourceStaNo: null,


               sourceRow: 1,


               sourceBay: 0,


               sourceLev: 1,


               staNo: null,


               row: 1,


               bay: 0,


               lev: 1,


               barcode:null,


               barcodeType:null,


               emptyContainer:null


            },


            formParamD: {


               rgvNo: null,


               sourceStaNo: null,


               sourceRow: 1,


               sourceBay: 0,


@@ -223,7 +210,9 @@


                  value:'0',


                  label:'否'


               }


            ]


            ],


            demo: 'X',


            rgvMode: 0


         },


         created() {


            this.init()


@@ -232,19 +221,54 @@




         },


         methods: {


            staTova(sta,end){


               let that = this


               that.$confirm('此操作存在风险，是否继续','提示',{


                  confirmButtonText: '确定',


                  cancelButtonText: '取消',


                  type: 'warning'


               }).then(()=>{


                  $.ajax({


                     url: baseUrl + "/rgv/rgvDemoTask",


                     headers: {


                        'token': localStorage.getItem('token')


                     },


                     data:{


                        rgvNo : this.formParam.rgvNo,


                        sta : sta,


                        end : end


                     },


                     method: 'Get',


                     success: function (res) {


                        if (res.code == 200) {


                           that.$message({


                              message: res.msg,


                              type: 'success'


                           });


                        } else {


                           that.$message({


                              message: res.msg,


                              type: 'error'


                           });


                        }


                     }


                  });


               })


            },


            init() {


               this.getTableData()




               setInterval(() => {


                  this.getTableData()


                  this.demoStatus()


               }, 1000)


            },


            handleRowClick(row, col, event) {


               const index = this.tableData.indexOf(row)


               this.currentRow = row;


               this.currentIndex = index


               this.currentTitle = row.crnNo + "号堆垛机"


               this.formParam.crnNo = row.crnNo


               this.currentTitle = row.rgvNo + "号RGV"


               this.formParam.rgvNo = row.rgvNo


               this.enableIn = row.inEnable == "Y" ? true : false


               this.enableOut = row.outEnable == "Y" ? true : false


            },


@@ -264,6 +288,158 @@


                  }


               });


            },


            demoStatus() {


               let that = this;


               $.ajax({


                  url: baseUrl + "/rgv/demo/status",


                  data:{


                     rgvNo : this.formParam.rgvNo


                  },


                  headers: {


                     'token': localStorage.getItem('token')


                  },


                  contentType: 'application/json;charset=UTF-8',


                  method: 'get',


                  success: function (res) {


                     // console.log(res)


                     that.demo = res.data.demo


                     that.rgvMode = res.data.rgvMode


                  }


               });


            },


            initiate(){


               let that = this


               that.$confirm('此操作存在风险，是否继续','提示',{


                  confirmButtonText: '确定',


                  cancelButtonText: '取消',


                  type: 'warning'


               }).then(()=>{


                  $.ajax({


                     url: baseUrl + "/rgv/operator/put",


                     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'


                           });


                        }


                     }


                  });


               })


            },


            initiateD(method){


               let urlS = "/rgv/operator/single/step/three/put";


               if (method===1){


                  urlS = "/rgv/operator/single/step/one/put";


               }else if (method === 2){


                  urlS = "/rgv/operator/single/step/two/put";


               }else if (method === 3){


                  urlS = "/rgv/operator/single/step/three/put";


               }


               let that = this


               that.$confirm('此操作存在风险，是否继续','提示',{


                  confirmButtonText: '确定',


                  cancelButtonText: '取消',


                  type: 'warning'


               }).then(()=>{


                  $.ajax({


                     url: baseUrl + urlS,


                     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'


                           });


                        }


                     }


                  });


               })


            },


            demos(method){


               let that = this


               that.$confirm('此操作存在风险，是否继续','提示',{


                  confirmButtonText: '确定',


                  cancelButtonText: '取消',


                  type: 'warning'


               }).then(()=>{


                  $.ajax({


                     url: baseUrl + "/rgv/demo/status/" + method,


                     headers: {


                        'token': localStorage.getItem('token')


                     },


                     data:{


                        rgvNo : this.formParam.rgvNo


                     },


                     method: 'Get',


                     success: function (res) {


                        if (res.code == 200) {


                           that.$message({


                              message: res.msg,


                              type: 'success'


                           });


                        } else {


                           that.$message({


                              message: res.msg,


                              type: 'error'


                           });


                        }


                     }


                  });


               })


            },


            rgvStatus(method){


               let that = this


               that.$confirm('此操作存在风险，是否继续','提示',{


                  confirmButtonText: '确定',


                  cancelButtonText: '取消',


                  type: 'warning'


               }).then(()=>{


                  $.ajax({


                     url: baseUrl + "/rgv/demo/status/rgvStatus",


                     headers: {


                        'token': localStorage.getItem('token')


                     },


                     data:{


                        rgvNo : this.formParam.rgvNo,


                        status : Number(method)


                     },


                     method: 'Get',


                     success: function (res) {


                        if (res.code == 200) {


                           that.$message({


                              message: res.msg,


                              type: 'success'


                           });


                        } else {


                           that.$message({


                              message: res.msg,


                              type: 'error'


                           });


                        }


                     }


                  });


               })


            },


            requestOperate(method) {


               let that = this


               that.$confirm('此操作存在风险，是否继续','提示',{


@@ -272,7 +448,7 @@


                  type: 'warning'


               }).then(()=>{


                  $.ajax({


                     url: baseUrl + "/crn/operator/" + method,


                     url: baseUrl + "/rgv/operator/" + method,


                     headers: {


                        'token': localStorage.getItem('token')


                     },


@@ -301,12 +477,12 @@


               if (type == "in") {


                  param = {


                     inEnable: this.enableIn ? "Y" : "N",


                     crnNo: this.formParam.crnNo


                     rgvNo: this.formParam.rgvNo


                  }


               } else {


                  param = {


                     outEnable: this.enableOut ? "Y" : "N",


                     crnNo: this.formParam.crnNo


                     rgvNo: this.formParam.rgvNo


                  }


               }