#

whycq

2024-09-26 fd082c657a3bdcae4a6ba03c0e18ec2424e9a07c

#

 Monitor-APP/pages/home/home.css

@@ -1,12 +1,12 @@
.text-content {
    width: 100%;
    height: 100%;
    font-size: 44rpx;
    font-size: 12px;
    /* background-color: aliceblue;     */
}
.swiper-head {
    width: 100%;
    height: 10%;
    height: 6%;
    background-color: rgba(54, 94, 226, 0.5);
    display: flex;
    /* grid-template-columns: 2fr 3fr 2fr 2fr 1fr; */
@@ -15,7 +15,7 @@
}
.swiper-body {
    width: 100%;
    height: 90%;
    height: 94%;
    /* background-color: #aa0000; */
}
.swiper-body-main {
@@ -25,11 +25,13 @@
}
.swiper-item {
    display: flex;
    align-items: center;
    /* display: flex;
    flex-wrap: wrap;
    align-items: center;
    text-align: start;
    border-bottom: 2px solid #000;
    background-color: rgba(0, 0, 0, .2);
    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

@@ -215,11 +215,11 @@
                            <view class="text-content">
                                <!-- head -->
                                <view class="swiper-head">
                                    <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 style="width: 10%;">数量</view> -->
                                    <view style="flex: 2;">托盘码：{{infoText.barcode}} <br /> 订单号</view>
                                    <view style="flex: 2;">商品编号</view>
                                    <view style="flex: 2;">商品名称</view>
                                    <view style="flex: 1;">作业数量</view>
                                    <view style="flex: 1;">剩余数量</view>
                                </view>
                                <!-- body -->
                                <view class="swiper-body">
@@ -228,20 +228,16 @@
                                    vertical 滑动方向是否为纵向 
                                    display-multiple-items 同时显示的滑块数量 -->
                                    <swiper class="swiper-body-main" vertical="true" 
                                    display-multiple-items="3"
                                    display-multiple-items="4"
                                    circular="true" :autoplay="true" :interval="3000" :duration="2000">
                                        <swiper-item class="swiper-item" v-for="(item,i) in swiperList" :key="i">
                                            <view style="width: 30%;">{{i+1}} / {{swiperList.length}}</view>
                                            <!-- <view style="width: 30%;">料号: {{item.matnr}}</view> -->
                                            <view style="width: 40%;">名称: {{item.maknx}}</view>
                                            <view style="width: 30%;">客户: {{item.manu}}</view>
											
											
                                            <view style="width: 30%;">出库: {{item.count}} / 总数: {{item.total}}</view>
                                            <view style="width: 40%;">规格: {{item.specs}}</view>
                                            <view style="width: 30%;">备注: {{item.memo}}</view>
											
											
                                            <view style="flex: 2;word-break: break-all;">
                                                {{item.orderNo ? item.orderNo : '--'}}
                                            </view>
                                            <view style="flex: 2;">{{item.matnr}}</view>
                                            <view style="flex: 2;">{{item.maknx}}</view>
                                            <view style="flex: 1;">{{item.count}}</view>
                                            <view style="flex: 1;">{{item.total}}</view>
                                        </swiper-item>
                                    </swiper>
                                </view>
@@ -422,10 +418,10 @@
                this.getOther()
                // this.getDate()
                this.getDate2()
                this.getInfo()
                this.getError()
                // this.getInfo2()
                // this.getError2()
                // this.getInfo()
                // this.getError()
                this.getInfo2()
                this.getError2()
                this.getUrl()
                this.controller()
                // 测试用

 Monitor-APP/pages/index/data.json

@@ -12,6 +12,7 @@
                "sourceLocNo": "1500502",
                "barcode": "80009901",
                "matDtos": [{
                        "orderNo": "020101000001",
                        "matnr": "020101000001",
                        "maknx": "63-90型单立柱",
                        "batch": null,
@@ -22,6 +23,7 @@
                        "total" : 200
                    },
                    {
                        "orderNo": "020101000001",
                        "matnr": "LPJ.SLJ.XG.037",
                        "maknx": "工程塑料下弯头",
                        "batch": null,
@@ -32,6 +34,7 @@
                        "total" : 200
                    },
                    {
                        "orderNo": "020101000001",
                        "matnr": "LPJ.SLJ.XG.037",
                        "maknx": "工程塑料下弯头",
                        "batch": null,
@@ -42,6 +45,7 @@
                        "total" : 200
                    },
                    {
                        "orderNo": "020101000001",
                        "matnr": "LPJ.SLJ.XG.037",
                        "maknx": "工程塑料下弯头",
                        "batch": null,
@@ -52,6 +56,7 @@
                        "total" : 200
                    },
                    {
                        "orderNo": "020101000001",
                        "matnr": "LPJ.SLJ.XG.037",
                        "maknx": "工程塑料下弯头",
                        "batch": null,
@@ -62,6 +67,7 @@
                        "total" : 200
                    },
                    {
                        "orderNo": "020101000001",
                        "matnr": "LPJ.SLJ.XG.037",
                        "maknx": "工程塑料下弯头",
                        "batch": null,
@@ -72,6 +78,7 @@
                        "total" : 200
                    },
                    {
                        "orderNo": "020101000001",
                        "matnr": "LPJ.SLJ.XG.037",
                        "maknx": "工程塑料下弯头",
                        "batch": null,