| | |
| | | <view class="container"> |
| | | <uni-transition :duration="duration" :mode-class="homeMode" :show="homeViewShow"> |
| | | <view class="home-view"> |
| | | <view class="head"> |
| | | <!-- <view class="head"> |
| | | <text>自动仓库监控平台</text> |
| | | </view> |
| | | </view> --> |
| | | <!-- 日历 --> |
| | | <view class="time-tools">{{calendar}}</view> |
| | | <!-- <view class="time-tools">{{calendar}}</view> |
| | | <view class="button-left" @click="ejected()"></view> |
| | | <view class="button-right" @click="ejected()"></view> |
| | | |
| | | <view class="main"> |
| | | <view class="button-right" @click="ejected()"></view> --> |
| | | <view v-if="!locs"><button size="mini" @click="ejected()" >配置</button></view> |
| | | <view class="main" v-if="locs" > |
| | | <view class="main-b" v-for="item in locs" :class="item.color"> |
| | | <view class="flex-col" style="width: 100%;"> |
| | | <view class="flex-col" style="width: 100%;font-size: 5rpx;"> |
| | | <view class="flex-row"> |
| | | <view style="flex: 1;">{{item.devNo}}</view> |
| | | <view style="flex: 1;" @click="ejected()">{{item.devNo}}</view> |
| | | <view style="flex: 1;">{{item.locSts$}}</view> |
| | | <!-- <view style="flex: 1;" v-if="item.agvWrkMast">{{item.agvWrkMast.wrkNo}}</view> --> |
| | | <view style="flex: 1;"></view> |
| | | </view> |
| | | <view class="flex-row"> |
| | | <view style="flex: 1;" v-if="item.agvWrkMast">工作号:{{item.agvWrkMast.wrkNo}}</view> |
| | | <view style="flex: 1;" v-if="item.agvWrkMast" >{{item.agvWrkMast.wrkSts$}}</view> |
| | | <view style="flex: 1;" v-if="item.agvWrkMast">{{item.agvWrkMast.ioType$}}</view> |
| | | <view style="flex: 1;" v-if="!item.agvWrkMast"></view> |
| | | </view> |
| | | <view class="flex-row"> |
| | | <view style="flex: 1;" v-if="item.agvWaitPakin">料箱码: {{item.agvWaitPakin.suppCode}}</view> |
| | | <view style="flex: 1;" v-if="item.agvWrkDetl">料箱码:{{item.agvWrkDetl.suppCode}}</view> |
| | | <view style="flex: 1;" v-if="!item.agvWaitPakin && !item.agvWrkDetl"></view> |
| | | |
| | | <view style="flex: 1;" v-if="item.agvWrkMast">{{item.agvWrkMast.ioType$}}</view> |
| | | <view style="flex: 1;" v-if="!item.agvWrkMast"></view> |
| | | </view> |
| | | <view class="flex-row"> |
| | | <view style="flex: 1;" ></view> |
| | | <view style="flex: 1;" ></view> |
| | | </view> |
| | |
| | | |
| | | <view class="flex-col" style="width: 100%;" v-if="item.agvWaitPakin"> |
| | | <view class="flex-row" style="background-color: #007aff;"> |
| | | <view style="flex: 2;">订单号</view> |
| | | <view style="flex: 2;">物料号</view> |
| | | <view style="flex: 1;">批号</view> |
| | | <view style="flex: 3;">订单号</view> |
| | | <view style="flex: 3;">物料号</view> |
| | | <view style="flex: 1;">数量</view> |
| | | <view style="flex: 1;">总数量</view> |
| | | <view style="flex: 1;">库存</view> |
| | | </view> |
| | | <view class="flex-row" v-for="k in item.agvWaitPakin.orderNo"> |
| | | <view style="flex: 2;">{{k.orderNo}}</view> |
| | | <view style="flex: 2;">{{item.agvWaitPakin.matnr}}</view> |
| | | <view style="flex: 1;">{{item.agvWaitPakin.batch ? item.agvWaitPakin.batch : '--'}}</view> |
| | | <view style="flex: 3;">{{k.orderNo}}</view> |
| | | <view style="flex: 3;">{{item.agvWaitPakin.matnr}}</view> |
| | | <view style="flex: 1;">{{k.anfme}}</view> |
| | | <view style="flex: 1;">{{item.agvWaitPakin.anfme + item.agvWaitPakin.volume}}</view> |
| | | </view> |
| | |
| | | |
| | | <view class="flex-col" style="width: 100%;" v-if="item.agvWrkDetl"> |
| | | <view class="flex-row" style="background-color: #007aff;"> |
| | | <view style="flex: 2;">订单号</view> |
| | | <view style="flex: 2;">物料号</view> |
| | | <view style="flex: 1;">批号</view> |
| | | <view style="flex: 3;">订单号</view> |
| | | <view style="flex: 3;">物料号</view> |
| | | <view style="flex: 1;">数量</view> |
| | | <view style="flex: 1;">库存数量</view> |
| | | <view style="flex: 1;">库存</view> |
| | | </view> |
| | | <view class="flex-row" v-for="k in item.agvWrkDetl.orderNo"> |
| | | <view style="flex: 2;">{{k.orderNo}}</view> |
| | | <view style="flex: 2;">{{item.agvWrkDetl.matnr}}</view> |
| | | <view style="flex: 1;">{{item.agvWrkDetl.batch ? item.agvWrkDetl.batch : '--'}}</view> |
| | | <view style="flex: 3;">{{k.orderNo}}</view> |
| | | <view style="flex: 3;">{{item.agvWrkDetl.matnr}}</view> |
| | | <view style="flex: 1;">{{k.anfme}}</view> |
| | | <view style="flex: 1;">{{item.agvWrkDetl.anfme + item.agvWrkDetl.volume}}</view> |
| | | </view> |
| | | </view> |
| | | <view style="position: absolute;bottom: 0;left: 0;width: 100%;display: flex;justify-content: center;" v-if="item.agvWrkMast && item.agvWrkMast.ioType == 103 && item.agvWrkDetl"> |
| | | <!-- <button type="primary" size="mini">拣料回库</button> --> |
| | | <view style="width: 60%;background-color: #007aff;height: 3vh;display: flex;align-items: center;justify-content: center;font-size: 30rpx; |
| | | <view style="align-self: center;margin-top: auto;width: 100%;display: flex;align-items: center;justify-content: center;" v-if="item.agvWrkMast && item.agvWrkMast.ioType == 103 && item.agvWrkDetl"> |
| | | <view style="width: 60%;background-color: #007aff;height: 3vh;display: flex;align-items: center;justify-content: center;font-size: 10rpx; |
| | | border-radius: 8rpx;" @click="pickIn(item.devNo)">拣料回库</view> |
| | | </view> |
| | | |
| | | <view style="position: absolute;bottom: 0;left: 0;width: 100%;display: flex;justify-content: center;" v-if="item.agvWrkMast && item.agvWrkMast.ioType == 101 && item.agvWrkDetl"> |
| | | <!-- <button type="primary" size="mini">容器离场</button> --> |
| | | <view style="width: 60%;background-color: #007aff;height: 3vh;display: flex;align-items: center;justify-content: center;font-size: 30rpx; |
| | | <view style="align-self: center;margin-top: auto;width: 100%;display: flex;align-items: center;justify-content: center;" v-if="item.agvWrkMast && item.agvWrkMast.ioType == 101 && item.agvWrkDetl"> |
| | | <view style="width: 60%;background-color: #007aff;height: 3vh;display: flex;align-items: center;justify-content: center;font-size: 10rpx; |
| | | border-radius: 8rpx;" @click="containerMoveOut(item.devNo)">容器离场</view> |
| | | </view> |
| | | |
| | |
| | | } |
| | | |
| | | .main-b { |
| | | font-size: 22rpx; |
| | | font-size: 10rpx; |
| | | background-color: rgba(255, 255, 255, .05); |
| | | /* background-color: rgba(0, 189, 47, 0.3); */ |
| | | width:19vw; |
| | | height: 28vh; |
| | | margin-top: 4px; |
| | | width:19.8vw; |
| | | height: 33vh; |
| | | /* margin-top: 4px; */ |
| | | backdrop-filter: blur(3px); |
| | | display: flex; |
| | | flex-direction: column; |
| | |
| | | .home-view { |
| | | width: 100vw; |
| | | min-height: 100vh; |
| | | background-image: url(../../static/background.png); |
| | | /* background-image: url(../../static/background.png); */ |
| | | background-size: 100vw 100vh; |
| | | } |
| | | .home-right { |
| | |
| | | |
| | | /* 共用 */ |
| | | .main { |
| | | height: 88vh; |
| | | margin: 16rpx; |
| | | height: 100vh; |
| | | display: flex; |
| | | flex-wrap: wrap; |
| | | justify-content: space-around; |
| | | position: relative; |
| | | } |
| | | .mian-item { |
| | | width: 50%; |