#

whycq

2024-07-29 7a682d2cef512e7ec4ab3019fd858dc20ec2ad1d

 Monitor-APP/pages/home/home.vue

@@ -4,7 +4,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>
@@ -16,12 +16,12 @@
                        <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>
                                    <text class="item-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">
                                        
@@ -32,7 +32,7 @@
                                                    <view style="width: 2vw;padding-left: 2vw;;font-size: 2vw;">{{baseInfo.xDistance}}</view>
                                                    <view style="position: absolute;bottom: 0;left: 10vw;">m</view>
                                                </view>
                                                <view style="height: 100%;text-align: left;text-indent: 2em;">累计走行距离(米)</view>
                                                <view style="height: 100%;text-align: left;text-indent: 2em;">累計走行距離(米)</view>
                                            </view>
                                        </view>
                                        
@@ -43,7 +43,7 @@
                                                    <view style="width: 2vw;padding-left: 2vw;;font-size: 2vw;">{{baseInfo.yDistance}}</view>
                                                    <view style="position: absolute;bottom: 0;left: 10vw;">m</view>
                                                </view>
                                                <view style="height: 100%;text-align: left;text-indent: 2em;">累计升降距离(米)</view>
                                                <view style="height: 100%;text-align: left;text-indent: 2em;">累計升降距離(米)</view>
                                            </view>
                                        </view>
                                        
@@ -54,7 +54,7 @@
                                                    <view style="-width: 2vw;padding-left: 2vw;;font-size: 2vw;">{{baseInfo.xDuration}}</view>
                                                    <view style="position: absolute;bottom: 0;left: 10vw;">s</view>
                                                </view>
                                                <view style="height: 100%;text-align: left;text-indent: 2em;">累计走行时长(秒)</view>
                                                <view style="height: 100%;text-align: left;text-indent: 2em;">累計走行時長(秒)</view>
                                            </view>
                                        </view>
                                        
@@ -65,7 +65,7 @@
                                                    <view style="width: 2vw;padding-left: 2vw;;font-size: 2vw;">{{baseInfo.yDuration}}</view>
                                                    <view style="position: absolute;bottom: 0;left: 10vw;">s</view>
                                                </view>
                                                <view style="height: 100%;text-align: left;text-indent: 2em;">累计升降时长(秒)</view>
                                                <view style="height: 100%;text-align: left;text-indent: 2em;">累計升降時長(秒)</view>
                                            </view>
                                        </view>
                                        
@@ -75,7 +75,7 @@
                                    <view class="flex-row" style="width: 100%;">
                                        <!-- 左侧 -->
                                        <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>
                                        <!-- 右侧 -->
@@ -112,7 +112,7 @@
                                            <view class="flex-row" style="width: 100%;">
                                                <!-- 左侧 -->
                                                <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>
                                                <!-- 右侧 -->
@@ -121,7 +121,7 @@
                                                    <view class="flex-col" 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>
@@ -143,7 +143,7 @@
                                            <view class="flex-row" style="width: 100%;">
                                                <!-- 左侧 -->
                                                <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>
                                                <!-- 右侧 -->
@@ -164,17 +164,17 @@
                                                <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>
                                                    <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>
                                                    <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}}</view>
                                                    </view>
                                                </view>
@@ -188,7 +188,7 @@
                                    <y-box>
                                        <view class="flex-col" style="width: 100%;height: 100%;font-size: 4vh;justify-content: center;letter-spacing: 1vh;">
                                            <!-- 嘉善边锋机械股份有限公司 -->
                                            自动仓库WCS监控平台
                                            自動倉庫WCS監控平臺
                                            <!-- <image src="../../static/ruiyun.jpg" mode="" style="width: 100%;"></image> -->
                                        </view>
                                    </y-box>
@@ -218,11 +218,11 @@
                            <view class="text-content">
                                <!-- head -->
                                <view class="swiper-head">
                                    <view style="width: 20%;">目标站：{{infoText.staNo}}</view>
                                    <view style="width: 30%;">商品编号</view>
                                    <view style="width: 20%;">商品名称</view>
                                    <view style="width: 20%;">规格</view>
                                    <view style="width: 10%;">数量</view>
                                    <view style="width: 20%;">目標站：{{infoText.staNo}}</view>
                                    <view style="width: 30%;">商品編號</view>
                                    <view style="width: 20%;">商品名稱</view>
                                    <view style="width: 20%;">規格</view>
                                    <view style="width: 10%;">數量</view>
                                </view>
                                <!-- body -->
                                <view class="swiper-body">
@@ -312,7 +312,7 @@
                <!-- button -->
                <view class="eject-button">
                    <view class="button-item" @click="ejectClose">取 消</view>
                    <view class="button-item" @click="ejectConfirm">确 认</view>
                    <view class="button-item" @click="ejectConfirm">確 認</view>
                </view>
            </view>
        </view>
@@ -443,7 +443,7 @@
            this.initlineChart()
            this.initPieChart()
            this.getOther()
         },600000)
         },10000)
        },
        methods: {
         // 日历 服务器
@@ -485,9 +485,9 @@
                    // infoType1:只有拣料等信息
                    that.infoType = 1
                    if (res.data[0].ioType === 101) {
                        that.infoText.title = '全板出库'
                        that.infoText.title = '全板出庫'
                    } else if(res.data[0].ioType === 103) {
                        that.infoText.title = '检料出库'
                        that.infoText.title = '檢料出庫'
                    }
                    that.infoText.staNo = res.data[0].staNo
                    that.swiperList = res.data[0].matDtos
@@ -510,7 +510,7 @@
                    var errorInfo = res.data
                    if (that.infoType == 1) {
                        that.infoType = 3
                        that.infoText.title = "异常"
                        that.infoText.title = "異常"
                        that.infoText.error = errorInfo
                        return
                    }
@@ -540,11 +540,11 @@
                            // infoType1:只有拣料等信息
                            that.infoType = 1
                            if (res.data[0].ioType === 101) {
                                that.infoText.title = '全板出库'
                                that.infoText.title = '全板出庫'
                            } else if(res.data[0].ioType === 103) {
                                that.infoText.title = '检料出库'
                                that.infoText.title = '檢料出庫'
                            } else if(res.data[0].ioType === 107) {
                                that.infoText.title = '盘点出库'
                                that.infoText.title = '盤點出庫'
                            }
                            that.infoText.staNo = res.data[0].staNo
                            that.swiperList = res.data[0].matDtos