| | |
| | | <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> |
| | |
| | | <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"> |
| | | |
| | |
| | | </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> |
| | |
| | | </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> |
| | |
| | | </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> |
| | |
| | | </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> |
| | |
| | | <!-- 左侧 --> |
| | | <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> |
| | | <!-- 右侧 --> |
| | |
| | | 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> |
| | |
| | | <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> |
| | |
| | | <!-- 左侧 --> |
| | | <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> |
| | | <!-- 右侧 --> |
| | |
| | | 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> |
| | |
| | | <!-- 左侧 --> |
| | | <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> |
| | | <!-- 右侧 --> |
| | |
| | | <!-- 百分比 --> |
| | | <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> |
| | |
| | | <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}} |
| | |
| | | </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}} |
| | |
| | | </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}} |
| | |
| | | <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> |
| | |
| | | </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> |
| | |
| | | } |
| | | |
| | | .item-text { |
| | | font-size: 1vw; |
| | | font-size: 0.5vw; |
| | | text-indent: 2em; |
| | | letter-spacing: 1px; |
| | | line-height: 3vh; |