| | |
| | | <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 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 class="info-main"> |
| | | <view class="info-box"> |
| | | <view class="swiper-head" style="height: 10%;width: 96%;margin-left: 2%;"> |
| | | <view class="swiper-head" style="height: 10%;width: 96%;margin-left: 2%;font-size: 2.5vb;"> |
| | | <view style="width: 15%;">订单号</view> |
| | | <view style="width: 10%;">单行ID</view> |
| | | <view style="width: 15%;">商品编号</view> |
| | |
| | | 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: 2vb;"> |
| | | <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> |
| | |
| | | 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) { |
| | |
| | | .head { |
| | | width: 100vw; |
| | | height: 11vh; |
| | | font-size: 4vw; |
| | | font-size: 3vw; |
| | | font-weight: 700; |
| | | display: flex; |
| | | align-items: center; |