pang.jiabao
2025-04-12 4e36716c545b37ba984b6d09f088cee596af8449
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>
@@ -15,13 +15,13 @@
                  <view class="mian-item-box">
                     <y-box>
                        <view class="box-item">
                           <text class="item-title">自动化立体仓库</text>
                           <text class="item-title">Автоматизированный стеллажный склад</text>
                           <text class="item-subTitle">Automatic Storageand Retrieval System</text>
                           <text class="item-text"
                              style="text-align: left;">利用立体仓库设备可实现仓库高层合理化、存取自动化、操作简便化;自动化立体仓库是当前技术水平较高的形式。自动化立体仓库的主体由货架、巷道式堆垛起重机、入(出)库工作台和自动运进(出)及操作控制系统组成。货架是钢结构或钢筋混凝土结构的建筑物或结构体,货架内是标准尺寸的货位空间,巷道堆垛起重机穿行于货架之间的巷道中,完成存、取货的工作。管理上采用计算机及条形码技术。</text>
                              style="text-align: left;">Использование оборудования стеллажного склада позволяет оптимизировать высокие уровни склада, автоматизировать процесс хранения и извлечения, а также упростить операции; автоматизированный стеллажный склад является наиболее современным и высокотехнологичным решением. Основные компоненты автоматизированного стеллажного склада включают стеллажи, пролётные краны для складирования, рабочие столы для загрузки/выгрузки и автоматические системы транспортировки и управления</text>
                        </view>
                        <view class="box-item">
                           <text class="item-title">仓库数据</text>
                           <text class="item-title">Данные склада   </text>
                           <text class="item-subTitle">warehouse data</text>
                           <view class="img-box">
@@ -34,7 +34,7 @@
                                       </view>
                                       <view style="position: absolute;bottom: 0;left: 10vw;">KM</view>
                                    </view>
                                    <view style="height: 100%;text-align: left;text-indent: 2em;">累计走行距离(千米)
                                    <view style="height: 100%;text-align: left;text-indent: 2em;">Общий пройденный путь (км)
                                    </view>
                                 </view>
                              </view>
@@ -48,7 +48,7 @@
                                       </view>
                                       <view style="position: absolute;bottom: 0;left: 10vw;">KM</view>
                                    </view>
                                    <view style="height: 100%;text-align: left;text-indent: 2em;">累计升降距离(千米)
                                    <view style="height: 100%;text-align: left;text-indent: 2em;">Общий подъёмный путь (км)
                                    </view>
                                 </view>
                              </view>
@@ -62,7 +62,7 @@
                                       </view>
                                       <view style="position: absolute;bottom: 0;left: 10vw;">H</view>
                                    </view>
                                    <view style="height: 100%;text-align: left;text-indent: 2em;">累计走行时长(小时)
                                    <view style="height: 100%;text-align: left;text-indent: 2em;">Общее время движения (часы)
                                    </view>
                                 </view>
                              </view>
@@ -76,7 +76,7 @@
                                       </view>
                                       <view style="position: absolute;bottom: 0;left: 10vw;">H</view>
                                    </view>
                                    <view style="height: 100%;text-align: left;text-indent: 2em;">累计升降时长(小时)
                                    <view style="height: 100%;text-align: left;text-indent: 2em;">Общее время подъёма (часы)
                                    </view>
                                 </view>
                              </view>
@@ -88,7 +88,7 @@
                              <!-- 左侧 -->
                              <view class="flex-col"
                                 style="align-items: flex-start;justify-content: flex-start;">
                                 <text class="item-title">库位使用率</text>
                                 <text class="item-title">Использование складских мест</text>
                                 <text class="item-subTitle">EQUIPMENT USAGE THIS MONTH</text>
                              </view>
                              <!-- 右侧 -->
@@ -98,7 +98,7 @@
                                    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-subTitle">同比上月 + 5%</text>
                                    <text class="item-subTitle">Сравнение с прошлым месяцем + 5%</text>
                                 </view>
                              </view>
                           </view>
@@ -106,7 +106,7 @@
                           <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="flex-row" style="width: 100%;position: relative;">
                                 <view class="progressBar" style="width: 80%;height: 2vw;">
                                    <view class="progress" :style="'width:'+ baseInfo.usedPr + '%'"></view>
                                 </view>
@@ -131,7 +131,7 @@
                                    <!-- 左侧 -->
                                    <view class="flex-col"
                                       style="align-items: flex-start;justify-content: flex-start;">
                                       <text class="item-title">入出库统计</text>
                                       <text class="item-title">Статистика по вхождению/выходу товаров</text>
                                       <text class="item-subTitle">ORDER STATISTICS</text>
                                    </view>
                                    <!-- 右侧 -->
@@ -141,7 +141,7 @@
                                          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-subTitle">Количество заказов сегодня</text>
                                       </view>
                                    </view>
                                 </view>
@@ -165,7 +165,7 @@
                                    <!-- 左侧 -->
                                    <view class="flex-col"
                                       style="align-items: flex-start;justify-content: flex-start;">
                                       <text class="item-title">库存类型</text>
                                       <text class="item-title">Типы товаров на складе</text>
                                       <text class="item-subTitle">INCOME DATE</text>
                                    </view>
                                    <!-- 右侧 -->
@@ -173,7 +173,7 @@
                                       <!-- 百分比 -->
                                       <view class="flex-col"
                                          style="align-items: flex-end;justify-content: flex-end;">
                                          <text class="item-title">今天</text>
                                          <text class="item-title">Сегодня</text>
                                          <text class="item-subTitle">Today</text>
                                       </view>
                                    </view>
@@ -189,7 +189,7 @@
                                    <view>
                                       <view class="flex-row sub-info">
                                          <image src="../../static/g1.png" mode="aspectFit"></image>
                                          <view style="width: 8vw;height: 4vw;line-height: 4vw;">在库</view>
                                          <view style="width: 8vw;height: 4vw;line-height: 4vw;">На складе</view>
                                          <view
                                             style="width: 8vw;height: 4vw;line-height: 4vw;font-size: 2vw;">
                                             {{baseInfo.stockCount}}
@@ -197,7 +197,7 @@
                                       </view>
                                       <view class="flex-row sub-info" style="margin-top: 2vh;">
                                          <image src="../../static/f1.png" mode="aspectFit"></image>
                                          <view style="width: 8vw;height: 4vw;line-height: 4vw;">空库</view>
                                          <view style="width: 8vw;height: 4vw;line-height: 4vw;">Пустые места</view>
                                          <view
                                             style="width: 8vw;height: 4vw;line-height: 4vw;font-size: 2vw;">
                                             {{baseInfo.emptyCount}}
@@ -205,7 +205,7 @@
                                       </view>
                                       <view class="flex-row sub-info" style="margin-top: 2vh;">
                                          <image src="../../static/e1.png" mode="aspectFit"></image>
                                          <view style="width: 8vw;height: 4vw;line-height: 4vw;">锁定</view>
                                          <view style="width: 8vw;height: 4vw;line-height: 4vw;">Заблокировано</view>
                                          <view
                                             style="width: 8vw;height: 4vw;line-height: 4vw;font-size: 2vw;">
                                             {{baseInfo.noneCount}}
@@ -222,7 +222,7 @@
                           <y-box>
                              <view class="flex-col"
                                 style="width: 100%;height: 100%;font-size: 4vh;justify-content: center;letter-spacing: 1vh;">
                                 自动仓库WCS监控平台
                                 Автоматизированная складская система WCS
                              </view>
                           </y-box>
                        </view>
@@ -253,6 +253,7 @@
                        <view>商品编码:{{item.matnr}}</view>
                        <view>商品名称:{{item.maknx}}</view>
                        <view>规格:{{item.specs}}</view>
                        <view>图号:{{item.model}}</view>
                        <view>数量:{{item.count}} / {{item.total ? item.total : '--'}}</view>
@@ -352,13 +353,13 @@
            </scroll-view>
            <!-- button -->
            <view class="eject-button">
               <view class="button-item" @click="ejectClose">取 消</view>
               <view class="button-item" @click="ejectConfirm">确 认</view>
               <view class="button-item" @click="ejectClose">Отменить</view>
               <view class="button-item" @click="ejectConfirm">Сохранить</view>
            </view>
         </view>
      </view>
      <view style="color: #FFF;position: fixed;bottom: 10px;left: 10px;" v-show="timeOut">
         连接超时: {{times}} s
         Тайм-аут подключения: {{times}} s
      </view>
   </view>
</template>
@@ -463,10 +464,10 @@
         this.getDate2()
         setTimeout(() => {
            // this.getServerData()
            // this.initlineChart()
            // this.initPieChart()
            // this.getOther()
            this.getServerData()
            this.initlineChart()
            this.initPieChart()
            this.getOther()
            setTimeout(() => {
               this.getServerData()
               this.initlineChart()
@@ -477,9 +478,9 @@
                  this.initlineChart()
                  this.initPieChart()
                  this.getOther()
               }, 3000)
            }, 1000)
         }, 1000)
               }, 500)
            }, 500)
         }, 500)
      },
      onLoad() {
         setInterval(() => {
@@ -1076,7 +1077,7 @@
   }
   .item-text {
      font-size: 1vw;
      font-size: 0.5vw;
      text-indent: 2em;
      letter-spacing: 1px;
      line-height: 3vh;