| | |
| | | <uni-transition :duration="duration" :mode-class="homeMode" :show="homeViewShow"> |
| | | <view class="home-view"> |
| | | <view class="head"> |
| | | <text>中扬智能大屏显示系统</text> |
| | | <text>智能大屏显示系统</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> |
| | | </view> |
| | |
| | | <view style="height: 2%;"></view> |
| | | |
| | | |
| | | <view style="height: 43%;"> |
| | | <view style="height: 61%;"> |
| | | <y-box> |
| | | <view class="box-item"> |
| | | <view class="flex-row" style="width: 100%;"> |
| | |
| | | |
| | | </y-box> |
| | | </view> |
| | | <view style="height: 2%;"></view> |
| | | <view style="height: 18%;"> |
| | | <y-box> |
| | | <!-- <view class="flex-col" style="width: 100%;height: 100%;font-size: 4vh;justify-content: center;letter-spacing: 1vh;"> |
| | | 中扬智能大屏显示系统 |
| | | </view> --> |
| | | |
| | | <view style="display: flex;align-items: center;justify-content: center;width: 100%;height: 100%;"> |
| | | <view style="flex: 1;">作业中数量: {{useInfo.count1 ? useInfo.count1 : '--'}}</view> |
| | | <view style="flex: 1;">未取货数量: {{useInfo.count2 ? useInfo.count2 : '--'}}</view> |
| | | </view> |
| | | |
| | | </y-box> |
| | | </view> |
| | | <view style="height: 2%;"></view> |
| | | </view> |
| | | </view> |
| | | </view> |
| | |
| | | <!-- 文本容器 --> |
| | | <view class="text-content"> |
| | | <!-- head --> |
| | | <view class="swiper-head"> |
| | | <view style="width: 30%;">流水号: {{infoText.orderNo}}</view> |
| | | <view class="swiper-head"> |
| | | <view style="width: 20%;">工作号: {{infoText.workNo}}</view> |
| | | <view style="width: 30%;">源库位: {{infoText.sourceLocNo}}</view> |
| | | <view style="width: 20%;">目标站: {{infoText.staNo}}</view> |
| | | <view style="width: 30%;">托盘码: {{infoText.barcode}}</view> |
| | | <!-- <view style="width: 10%;">数量</view> --> |
| | | </view> |
| | | <!-- body --> |
| | |
| | | vertical 滑动方向是否为纵向 |
| | | display-multiple-items 同时显示的滑块数量 --> |
| | | <swiper class="swiper-body-main" vertical="true" |
| | | display-multiple-items="3" |
| | | display-multiple-items="2" |
| | | circular="true" :autoplay="true" :interval="5000" :duration="2000"> |
| | | <swiper-item class="swiper-item" v-for="(item,i) in swiperList" :key="i"> |
| | | <view style="width: 25%;">{{i+1}} / {{swiperList.length}}</view> |
| | | <view style="width: 25%;">料号: {{item.matnr}}</view> |
| | | <view style="width: 25%;">箱号: {{item.batch}}</view> |
| | | <view style="width: 25%;">数量: {{item.count}}</view> |
| | | <view style="width: 100%;">{{i+1}} / {{swiperList.length}}</view> |
| | | <view style="width: 50%;">商品编号: {{item.matnr}}</view> |
| | | <view style="width: 50%;">商品名称: {{item.maktx}}</view> |
| | | <view style="width: 50%;">规格: {{item.specs}}</view> |
| | | <view style="width: 50%;">工序: {{item.sku}}</view> |
| | | <view style="width: 100%;">数量: {{item.count}}/{{item.total}}</view> |
| | | |
| | | <view style="width: 25%;">卷号: {{item.specs}}</view> |
| | | <view style="width: 25%;">订单号 : {{item.orderNo}}</view> |
| | | <view style="width: 25%;">客户名称: {{item.cstmrName}}</view> |
| | | <view style="width: 25%;">总作业中: {{item.count1}}</view> |
| | | |
| | | <view style="width: 25%;">码垛后未取货: {{item.count3}}</view> |
| | | <view style="width: 25%;">订单作业中: {{item.count2}}</view> |
| | | <view style="width: 25%;">备注: {{item.memo}}</view> |
| | | |
| | | |
| | | </swiper-item> |