自动化立库仓库-WCS系统
blame | 历史 | 补丁 | 提交 | 提交对比 | ignore whitespace
Junjie
3 天以前 bdb924aaaef6a8d282ed2d34850cfd229d5865c7 
 src/main/webapp/views/console.html


@@ -13,6 +13,9 @@


      <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>




      </style>


   </head>


   <body>


      <div id="app">


@@ -57,15 +60,17 @@


                  </div>


               </div>




               <!--输出小车-->


               <div v-for="(car,idx) in currentLevShuttleList"


                   :style="{


                   left: getCarPosition(car.point.x,car.point.y)[1]


                   ,top: getCarPosition(car.point.x,car.point.y)[0]


                   ,color: shuttleColorList[car.shuttleNo]


                   }"


                   class="sxcar" :id="'sxcar-' + car.shuttleNo">


                  {{car.shuttleNo}}


               <div


                     v-for="(car, idx) in currentLevShuttleList"


                     :style="{


                        '--x-pos': getCarPosition(car.point.x, car.point.y)[1],


                        '--y-pos': getCarPosition(car.point.x, car.point.y)[0],


                        color: shuttleColorList[car.shuttleNo]


                       }"


                     class="sxcar"


                     :id="'sxcar-' + car.shuttleNo"


               >


                  {{ car.shuttleNo }}


               </div>




            </div>


@@ -77,8 +82,7 @@


               </div>


               <div>


<!--                  <el-button @click="testMove()">测试移动车</el-button>-->


                  <el-button @click="resetMap()">重置地图</el-button>


                  <el-button @click="checkTask()">任务检测</el-button>


<!--                  <el-button @click="resetMap()">重置地图</el-button>-->


<!--                  <el-button @click="initLoc()">初始化库位</el-button>-->


               </div>


            </div>


@@ -165,43 +169,43 @@


                  <span class="lift-offline">离线</span>


               </div>


            </div>


            <!-- 输送线状态 -->


            <div class="line-status">


               <div class="body-head">输送线状态</div>


               <div class="state states">


                  <span>运输线总数</span>


                  <span class="line-ss">9</span>


               </div>


               <div class="allStatus"><span>所有状态</span></div>


               <div class="allStatus item-group">


                  <span class="site-auto-run-id">自动+有物+ID</span>


                  <span class="site-auto-run">自动+有物</span>


                  <span class="site-auto-id">自动+ID</span>


                  <span class="site-auto">自动</span>


                  <span class="site-unauto">非自动/手动</span>


               </div>


            </div>


            <!-- 条码表格 -->


            <div class="bar-code">


               <div class="body-head" id="code">条码扫描器</div>


               <div class="tablebox">


                  <div class="table-head">


                     <li><span>条码名称</span><span class="right">扫码时间</span></li>


                  </div>


                  <div id="barcode1" class="table-body">


                     <li v-for="(item,index) in codeList1" :key="index"><span>{{item.barcode}}</span><span class="right">{{item.time}}</span></li>


                  </div>


               </div>


               <div class="tablebox">


                  <div class="table-head">


                     <li><span>条码名称</span><span class="right">扫码时间</span></li>


                  </div>


                  <div id="barcode2" class="table-body">


                     <li v-for="(item,index) in codeList2" :key="index"><span>{{item.barcode}}</span><span class="right">{{item.time}}</span></li>


                  </div>


               </div>


            </div>


         </div>


<!--            &lt;!&ndash; 输送线状态 &ndash;&gt;-->


<!--            <div class="line-status">-->


<!--               <div class="body-head">输送线状态</div>-->


<!--               <div class="state states">-->


<!--                  <span>运输线总数</span>-->


<!--                  <span class="line-ss">9</span>-->


<!--               </div>-->


<!--               <div class="allStatus"><span>所有状态</span></div>-->


<!--               <div class="allStatus item-group">-->


<!--                  <span class="site-auto-run-id">自动+有物+ID</span>-->


<!--                  <span class="site-auto-run">自动+有物</span>-->


<!--                  <span class="site-auto-id">自动+ID</span>-->


<!--                  <span class="site-auto">自动</span>-->


<!--                  <span class="site-unauto">非自动/手动</span>-->


<!--               </div>-->


<!--            </div>-->


<!--            &lt;!&ndash; 条码表格 &ndash;&gt;-->


<!--            <div class="bar-code">-->


<!--               <div class="body-head" id="code">条码扫描器</div>-->


<!--               <div class="tablebox">-->


<!--                  <div class="table-head">-->


<!--                     <li><span>条码名称</span><span class="right">扫码时间</span></li>-->


<!--                  </div>-->


<!--                  <div id="barcode1" class="table-body">-->


<!--                     <li v-for="(item,index) in codeList1" :key="index"><span>{{item.barcode}}</span><span class="right">{{item.time}}</span></li>-->


<!--                  </div>-->


<!--               </div>-->


<!--               <div class="tablebox">-->


<!--                  <div class="table-head">-->


<!--                     <li><span>条码名称</span><span class="right">扫码时间</span></li>-->


<!--                  </div>-->


<!--                  <div id="barcode2" class="table-body">-->


<!--                     <li v-for="(item,index) in codeList2" :key="index"><span>{{item.barcode}}</span><span class="right">{{item.time}}</span></li>-->


<!--                  </div>-->


<!--               </div>-->


<!--            </div>-->


<!--         </div>-->




         <!-- 输送设备弹窗 -->


         <div id="siteWindow" :style="{display:siteWindow?'block':'none'}" class="animate__animated animate__fadeIn">


@@ -354,17 +358,13 @@


            },


            methods: {


               init() {


                  this.ws = new WebSocket("ws://" + window.location.host + baseUrl + "/console/websocket");


                  this.ws.onopen = this.webSocketOnOpen


                  this.ws.onerror = this.webSocketOnError


                  this.ws.onmessage = this.webSocketOnMessage


                  this.ws.onclose = this.webSocketClose




                  this.getMap(this.currentLev)


                  this.getSystemRunningStatus() //获取系统运行状态


                  this.initLev()//初始化楼层信息




                  this.consoleInterval = setInterval(() => {


                     this.websocketConnect()




                     this.getShuttleStateInfo() //获取四向穿梭车信息


                     this.getLiftStateInfo() //获取提升机信息


                     this.getSiteInfo() //获取输送站点数据


@@ -665,30 +665,6 @@


                     }


                  })


               },


               checkTask() {


                  let that = this


                  $.ajax({


                     url:baseUrl+"/console/checkTask",


                     headers:{


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


                     },


                     data:{},


                     method:'get',


                     success:function (res) {


                        if (res.code === 200) {


                           that.$message({


                              message: res.msg,


                              type: 'success'


                           });


                        } else {


                           that.$message({


                              message: res.msg,


                              type: 'error'


                           });


                        }


                     }


                  })


               },


               initLev(){


                  let that = this


                  $.ajax({


@@ -729,10 +705,20 @@


                     }


                  }


               },


               websocketConnect() {


                  if (this.ws == null) {


                     this.ws = new WebSocket("ws://" + window.location.host + baseUrl + "/console/websocket");


                     this.ws.onopen = this.webSocketOnOpen


                     this.ws.onerror = this.webSocketOnError


                     this.ws.onmessage = this.webSocketOnMessage


                     this.ws.onclose = this.webSocketClose


                  }


               },


               webSocketOnOpen(e) {


                  console.log("open");


               },


               webSocketOnError(e) {


                  this.ws = null;


                  console.log(e);


               },


               webSocketOnMessage(e) {


@@ -750,11 +736,16 @@


                  }


               },


               webSocketClose(e) {


                  this.ws = null;


                  console.log("close");


               },


               sendWs(message) {


                  if (this.ws == null) {


                     return;


                  }




                  if (this.ws.readyState == WebSocket.OPEN) {


                     this.ws.send(message)


                     this.ws.send(message);


                  }


               }


            }