#

whycq

2024-11-08 37ec5153a050f11d57861e4e6c06ca9b1d92ba50

#

 Monitor-APP/pages/home/home.css

@@ -25,10 +25,11 @@
}
.swiper-item {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    /* display: grid; */
    /* align-items: center; */
    /* grid-template-columns: 2fr 3fr 2fr 2fr 1fr; */
    text-align: start;
    border-bottom: 2px solid #000;
    background-color: rgba(0, 0, 0, .2);
}
.swiper-item:nth-child(2n-1) {
    background-color: rgba(255, 255, 255, .1);

 Monitor-APP/pages/home/home.vue

@@ -218,11 +218,10 @@
                            <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: 30%;">托盘码: {{infoText.barcode}}</view>
                                    <view style="width: 20%;">工作号: {{infoText.workNo}}</view>
                                    <view style="width: 30%;">源库位: {{infoText.sourceLocNo}}</view>
                                    <view style="width: 20%;">目标站: {{infoText.staNo}}</view>
                                </view>
                                <!-- body -->
                                <view class="swiper-body">
@@ -231,14 +230,18 @@
                                    vertical 滑动方向是否为纵向 
                                    display-multiple-items 同时显示的滑块数量 -->
                                    <swiper class="swiper-body-main" vertical="true" 
                                    display-multiple-items="8"
                                    display-multiple-items="3"
                                    circular="true" :autoplay="true" :interval="3000" :duration="1000">
                                        <swiper-item class="swiper-item" v-for="(item,i) in swiperList" :key="i">
                                            <view style="width: 20%;">No:{{i+1}}</view>
                                            <view style="width: 30%;">{{item.matnr}}</view>
                                            <view style="width: 20%;">{{item.maknx}}</view>
                                            <view style="width: 20%;">{{item.specs}}</view>
                                            <view style="width: 10%;">{{item.count}}</view>
                                            <view style="width: 30%;">{{i+1}} / {{swiperList.length}}</view>
                                            <!-- <view style="width: 30%;">料号: {{item.matnr}}</view> -->
                                            <view style="width: 40%;">名称: {{item.matnr}}</view>
                                            <view style="width: 30%;">品号: {{item.maktx}}</view>
                                            
                                            
                                            <view style="width: 30%;">作业: {{item.count}} / 原数: {{item.total}}</view>
                                            <view style="width: 40%;">规格: {{item.specs}}</view>
                                            <view style="width: 30%;">单据号: {{item.ordeNo}}</view>
                                        </swiper-item>
                                    </swiper>
                                </view>
@@ -402,7 +405,7 @@
            that.baseLedId = BaseLedId
            that.basePort = BasePort
            that.baseCrnId = BaseCrnId
            this.getUrl()
            // this.getUrl()
            setTimeout(()=>{
                this.getServerData()
                this.initlineChart()
@@ -484,10 +487,37 @@
                    }
                    // infoType1:只有拣料等信息
                    that.infoType = 1
                    if (res.data[0].ioType === 101) {
                        that.infoText.title = '全板出库'
                    } else if(res.data[0].ioType === 103) {
                        that.infoText.title = '检料出库'
                    switch (res.data[0].ioType) {
                        case 1:
                            that.infoText.title = '全板入库'
                            break;
                        case 1:
                            that.infoText.title = '空板入库'
                            break;
                        case 53:
                            that.infoText.title = '拣料回库'
                            break;
                        case 54:
                            that.infoText.title = '并板回库'
                            break;
                        case 57:
                            that.infoText.title = '盘点回库'
                            break;
                        case 101:
                            that.infoText.title = '全板出库'
                            break;
                        case 103:
                            that.infoText.title = '拣料出库'
                            break;
                        case 104:
                            that.infoText.title = '并板出库'
                            break;
                        case 107:
                            that.infoText.title = '盘点出库'
                            break;
                        case 110:
                            that.infoText.title = '空板出库'
                            break;
                    }
                    that.infoText.staNo = res.data[0].staNo
                    that.swiperList = res.data[0].matDtos