电视机
blame | 历史 | 补丁 | 提交 | 提交对比 | ignore whitespace
pang.jiabao
2025-09-24 364b5118f49cba11485438b6ccc0c57a0845b9ec 
 Monitor-APP/pages/home/home.vue


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


      <uni-transition :duration="duration" :mode-class="homeMode" :show="homeViewShow">


         <view class="home-view">


            <view class="head">


               <text>自动仓库WCS监控平台</text>


               <text>德利众自动仓库WCS监控平台</text>


            </view>


            <!-- 日历 -->


            <view class="time-tools">{{calendar}}</view>


@@ -17,10 +17,22 @@


                        <view class="box-item">


                           <text class="item-title">自动化立体仓库</text>


                           <text class="item-subTitle">Automatic Storageand Retrieval System</text>


                           <!-- <text class="item-text" -->


                              <!-- style="text-align: left;">利用立体仓库设备可实现仓库高层合理化、存取自动化、操作简便化；自动化立体仓库是当前技术水平较高的形式。自动化立体仓库的主体由货架、巷道式堆垛起重机、入（出）库工作台和自动运进（出）及操作控制系统组成。货架是钢结构或钢筋混凝土结构的建筑物或结构体，货架内是标准尺寸的货位空间，巷道堆垛起重机穿行于货架之间的巷道中，完成存、取货的工作。管理上采用计算机及条形码技术。</text> -->


                           <text class="item-text"


                              style="text-align: left;">利用立体仓库设备可实现仓库高层合理化、存取自动化、操作简便化；自动化立体仓库是当前技术水平较高的形式。自动化立体仓库的主体由货架、巷道式堆垛起重机、入（出）库工作台和自动运进（出）及操作控制系统组成。货架是钢结构或钢筋混凝土结构的建筑物或结构体，货架内是标准尺寸的货位空间，巷道堆垛起重机穿行于货架之间的巷道中，完成存、取货的工作。管理上采用计算机及条形码技术。</text>


                                 style="text-align: left;">在自动化立体仓库的运行过程中，信息化系统的支撑至关重要，其中 WMS（仓库管理系统） 和 WCS（仓库控制系统） 构成了核心的信息与控制平台。</text>


										


                              <text class="item-text"


                                    style="text-align: left;">WMS 系统主要负责仓库的业务管理与决策支持。它通过对入库、出库、移库、盘点等作业流程的优化，实现库位的合理分配和库存的精确管控。WMS 能够与 ERP、MES 等上层业务系统对接，保证物料数据、订单信息与实际货物状态的统一，从而提高整个供应链的透明度和协同性。</text>


										


                              <text class="item-text"


                                    style="text-align: left;">WCS 系统则承担底层设备的实时调度与控制任务。它接收 WMS 下发的作业指令，分解为具体的设备动作，协调堆垛机、输送线、穿梭车、AGV 等多种设备协同运行，确保作业过程安全高效。WCS 更强调执行层的实时性与稳定性，通过路径优化、任务分配和冲突处理，保障系统的整体吞吐能力。</text>


										


                              <text class="item-text"


                                    style="text-align: left;">WMS 与 WCS 的紧密结合，使自动化立体仓库不仅具备 高层合理化、存取自动化、操作简便化 的特点，还能实现 库存管理的精细化、物流执行的智能化。这为企业降低运营成本、提升空间利用率和出入库效率提供了坚实保障。</text>


                        </view>


                        <view class="box-item">


                        <view class="box-item"></view>


                  <!--       <view class="box-item">


                           <text class="item-title">仓库数据</text>


                           <text class="item-subTitle">warehouse data</text>


                           <view class="img-box">


@@ -82,7 +94,7 @@


                              </view>




                           </view>


                        </view>


                        </view> -->


                        <view class="box-item">


                           <view class="flex-row" style="width: 100%;">


                              <!-- 左侧 -->


@@ -92,22 +104,22 @@


                                 <text class="item-subTitle">EQUIPMENT USAGE THIS MONTH</text>


                              </view>


                              <!-- 右侧 -->


                              <view style="margin-left: auto;">


                              <!-- <view style="margin-left: auto;"> -->


                                 <!-- 百分比 -->


                                 <view class="flex-col"


                                    style="align-items: flex-end;justify-content: flex-end;">


                                 <!-- <view class="flex-col" -->


                                    <!-- style="align-items: flex-end;justify-content: flex-end;"> -->


                                    <!-- style="justify-content: flex-end;position: absolute;top: 0;right: 1vw;text-align: right;" -->


                                    <text class="item-title">{{baseInfo.usedPr}}%</text>


                                    <!-- <text class="item-title">{{baseInfo.usedPr}}%</text>


                                    <text class="item-subTitle">同比上月 + 5%</text>


                                 </view>


                              </view>


                              </view> -->


                           </view>




                           <view class="flex-col"


                              style="width: 100%;align-items: flex-start;position: relative;font-size: 1vw">


                              <!-- 进度条 -->


                              <view class="flex-row" style="width: 100%;position: relative;margin-top: 5%;">


                                 <view class="progressBar" style="width: 80%;height: 2vw;">


                                 <view class="progressBar" style="width: 85%;height: 2vw;">


                                    <view class="progress" :style="'width:'+ baseInfo.usedPr + '%'"></view>


                                 </view>


                                 <view


@@ -140,8 +152,8 @@


                                       <view class="flex-col"


                                          style="align-items: flex-end;justify-content: flex-end;">


                                          <!-- style="justify-content: flex-end;position: absolute;top: 0;right: 1vw;text-align: right;" -->


                                          <text class="item-title">31</text>


                                          <text class="item-subTitle">今日订单数</text>


                                          <!-- <text class="item-title">31</text> -->


                                          <!-- <text class="item-subTitle">今日订单数</text> -->


                                       </view>


                                    </view>


                                 </view>


@@ -158,7 +170,7 @@


                        <view style="height: 2%;"></view>






                        <view style="height: 43%;">


                        <view style="height: 63%;">


                           <y-box>


                              <view class="box-item">


                                 <view class="flex-row" style="width: 100%;">


@@ -217,13 +229,13 @@




                           </y-box>


                        </view>


                        <view style="height: 2%;"></view>


                  <!--       <view style="height: 2%;"></view>


                        <view style="height: 18%"  class="flex-row">


                              <image style="height: 100%;"


                                 src="../../static/barcode.png" mode="aspectFit"></image>


                                 src="" mode="aspectFit"></image>


                              <image style="height: 100%;"


                                 src="../../static/zy_logo.png" mode="aspectFit"></image>


                        </view>


                        </view> -->


                     </view>


                  </view>


               </view>


@@ -244,12 +256,14 @@


            <!-- 主体 -->


            <view class="info-main">


               <view class="info-box">


                  <view class="swiper-head" style="height: 10%;width: 96%;margin-left: 2%;">


                     <view style="width: 15%;">订单号</view>


                  <view class="swiper-head" style="height: 10%;width: 96%;margin-left: 2%;font-size: 2vw;display: flex;">


                     <view style="width: 20%; display: flex; flex-direction: column; align-items: center;">


                           <view style="line-height: 1.5; white-space: nowrap;">托盘码：{{infoText.barcode}}</view>


                           <view>订单号</view>


                     </view>


                     <view style="width: 10%;">单行ID</view>


                     <view style="width: 15%;">商品编号</view>


                     <view style="width: 15%;">商品名称</view>


                     <view style="width: 10%;">托盘码</view>


                     <view style="width: 20%;">商品名称</view>


                     <view style="width: 15%;">特殊说明</view>


                     <view style="width: 10%;">作业数量</view>


                     <view style="width: 10%;">剩余数量</view>


@@ -301,14 +315,13 @@


                           display-multiple-items 同时显示的滑块数量 -->


                        <swiper class="swiper-body-main" vertical="true" 


                           display-multiple-items="3"


                           circular="true" :autoplay="true" :interval="3000" :duration="1000" style="font-size: 4vb;">


                           circular="true" :autoplay="true" :interval="3000" :duration="1000" style="font-size: 2vw;">


                              <swiper-item  class="swiper-item" v-for="(item,i) in swiperList" :key="i">


                                 <!-- <view>No:{{i+1}}</view> -->


                                 <view style="width: 15%;">{{item.orderNo}}</view>


                                 <view style="width: 20%;"> {{item.orderNo}}</view>


                                 <view style="width: 10%;"> {{item.memo}}</view>


                                 <view style="width: 15%;">{{item.matnr}}</view>


                                 <view style="width: 15%;">{{item.maknx}}</view>


                                 <view style="width: 10%;">{{infoText.barcode}}</view>


                                 <view style="width: 20%;">{{item.maknx}}</view>


                                 <view style="width: 15%;">{{item.batch}}</view>


                                 <view style="width: 10%;">{{item.count}}</view>


                                 <view style="width: 10%;">{{item.total}}</view>


@@ -449,6 +462,9 @@


            apiIp: '10.10.0.189',


            apiPort: '8080',


            apiUrl: 'dlzwcs',


            // apiIp: '192.168.4.49',


            // apiPort: '9090',


            // apiUrl: 'jsjwcs',


            ledInfosApi: '/console/getLedInfos',


            info: null,


            error: null,


@@ -537,7 +553,7 @@


            this.initlineChart()


            this.initPieChart()


            this.getOther()


         }, 1800000)


         }, 180000)


      },


      methods: {


         carInfoModel(res) {


@@ -840,6 +856,7 @@


                  var res = result.data.data


                  that.calendar = res.year + "年" + res.month + "月" + res.day + "日 " + res.hour + ":" + res


                     .minute + ":" + res.second + " " + res.week


						


                  that.currDate = res.year + "/" + res.month + "/" + res.day


               },


               fail(res) {


@@ -1017,7 +1034,7 @@


   .head {


      width: 100vw;


      height: 11vh;


      font-size: 4vw;


      font-size: 3vw;


      font-weight: 700;


      display: flex;


      align-items: center;