德利众LED大屏开发完成

pang.jiabao

2025-09-16 3a0e6e383b6981a8163f2f7d1e99f58af6322e7f

德利众LED大屏开发完成

 Monitor-APP/pages/home/home.vue

@@ -244,25 +244,54 @@
                <!-- 主体 -->
                <view class="info-main">
                    <view class="info-box">
                        <view class="swiper-head" style="height: 10%;width: 96%;margin-left: 2%;">
                            <view style="width: 15%;">订单号</view>
                            <view style="width: 10%;">单行ID</view>
                            <view style="width: 15%;">商品编号</view>
                            <view style="width: 15%;">商品名称</view>
                            <view style="width: 10%;">托盘码</view>
                            <view style="width: 15%;">特殊说明</view>
                            <view style="width: 10%;">作业数量</view>
                            <view style="width: 10%;">剩余数量</view>
                        </view>
                        <y-box>
                            <!-- 文本容器 -->
                            <view class="text-content" v-for="item in swiperList">
                                <view>目标站：{{infoText.staNo}}</view>
                            <!-- <view class="text-content" v-for="item in swiperList" style="font-size: 3vw;"> -->
<!--                                 <view>目标站：{{infoText.staNo}}</view>
                                <view>商品编码：{{item.matnr}}</view>
                                <view>商品名称：{{item.maknx}}</view>
                                <view>规格：{{item.specs}}</view>
                                <view>图号：{{item.model ? item.model :''}}</view>
                                <view>数量：{{item.count}} / {{item.total ? item.total : '--'}}</view>

                                <view>数量：{{item.count}} / {{item.total ? item.total : '--'}}</view> -->
            <!--                 <view style="display: flex;text-align: left;">
                                <view style="width: 50%;">订单号：{{item.orderNo}}</view>
                                <view style="width: 50%;">单行ID：{{item.memo}}</view>
                            </view>
                            <view style="display: flex;text-align: left;">
                                    <view style="width: 50%;">商品编号：{{item.matnr}}</view>
                                    <view style="width: 50%;">商品名称：{{item.maknx}}</view>
                            </view>
                            <view style="display: flex;text-align: left;">
                                    <view style="width: 50%;">托盘码：{{infoText.barcode}}</view>
                                    <view style="width: 50%;">特殊说明：{{item.batch}}</view>
                            </view>
                            <view style="display: flex;text-align: left;">
                                    <view style="width: 50%;">作业数量：{{item.count}}</view>
                                    <view style="width: 50%;">剩余数量：{{item.total}}</view>
                            </view> -->
							


                                <!-- 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 class="swiper-head" style="height: 15%;">
                                    <view style="width: 15%;">订单号</view>
                                    <view style="width: 10%;">单行ID</view>
                                    <view style="width: 15%;">商品编号</view>
                                    <view style="width: 15%;">商品名称</view>
                                    <view style="width: 10%;">托盘码</view>
                                    <view style="width: 15%;">特殊说明</view>
                                    <view style="width: 10%;">作业数量</view>
                                    <view style="width: 10%;">剩余数量</view>
                                </view> -->
                                <!-- body -->
                                <!-- <view class="swiper-body"> -->
@@ -270,19 +299,23 @@
                                    circular 是否采用衔接滑动，即播放到末尾后重新回到开头
                                    vertical 滑动方向是否为纵向 
                                    display-multiple-items 同时显示的滑块数量 -->
                                <!-- <swiper class="swiper-body-main" vertical="true" 
                                    display-multiple-items="8"
                                    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.matNo}}</view>
                                            <view style="width: 20%;">{{item.maknx}}</view>
                                            <view style="width: 20%;">{{item.specs}}</view>
                                <swiper class="swiper-body-main" vertical="true" 
                                    display-multiple-items="3"
                                    circular="true" :autoplay="true" :interval="3000" :duration="1000" style="font-size: 4vb;">
                                        <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>
                                            <view style="width: 10%;"> {{item.memo}}</view>
                                            <view style="width: 15%;">{{item.matnr}}</view>
                                            <view style="width: 15%;">{{item.maknx}}</view>
                                            <view style="width: 10%;">{{infoText.barcode}}</view>
                                            <view style="width: 15%;">{{item.batch}}</view>
                                            <view style="width: 10%;">{{item.count}}</view>
                                            <view style="width: 10%;">{{item.total}}</view>
                                        </swiper-item>
                                    </swiper>
                                </view> -->
                            </view>
                                <!-- </view> -->
                            <!-- </view> -->
                        </y-box>
                    </view>
                </view>
@@ -356,14 +389,6 @@
                </view>
            </view>
        </view>
        <!-- 小车异常 -->
        <view class="board">
            <uni-transition ref="ani" custom-class="transition" :mode-class="newModeClass" :show="errorBoardShow">
                <view class="error-board">
                    <text v-for="item in carInfo">{{item}}</text>
                </view>
            </uni-transition>
        </view>
        <view style="color: #FFF;position: fixed;bottom: 10px;left: 10px;" v-show="timeOut">
            连接超时: {{times}} s
        </view>
@@ -421,6 +446,10 @@
                baseLedId: '',
                baseCrnId: '',
                baseUrl: '',
                apiIp: '10.10.0.189',
                apiPort: '8080',
                apiUrl: 'dlzwcs',
                ledInfosApi: '/console/getLedInfos',
                info: null,
                error: null,
                infoType: 0,
@@ -491,6 +520,8 @@
            }, 500)
        },
        onLoad() {
            this.getLedInfo()
			
            setInterval(() => {
                this.getDate2()
                this.getUrl()
@@ -499,7 +530,6 @@
                // this.getInfo2()
                // this.getError2()
                this.controller()
                this.getCarInfo()
            }, 1000)

            setInterval(() => {
@@ -510,23 +540,6 @@
            }, 1800000)
        },
        methods: {
            getCarInfoTest() {
                let that = this
                var result = ycqdata.carError
                var res = result.data
                that.carInfoModel(res)
            },
            getCarInfo() {
                let that = this
                uni.request({
                    url: that.commonUrl + "/monitor/device/error",
                    method: "GET",
                    success(result) {
                        var res = result.data
                        that.carInfoModel(res)
                    }
                })
            },
            carInfoModel(res) {
                let infoList = []

@@ -554,6 +567,25 @@
            getServerData() {
                this.chartsDataLine1 = JSON.parse(JSON.stringify(this.chartsData.Line))
                this.chartsDataPie2 = JSON.parse(JSON.stringify(this.chartsData.Pie))
            },
            getLedInfo() {
                let that = this
                uni.request({
                    url: this.baseHttp +  that.apiIp + ":" + that.apiPort + "/" + that.apiUrl + "/" + that.ledInfosApi,
                    method: "GET",
                    data: {},
                    success(result) {
                        var res = result.data
                        let data = res.data;
						
                        uni.setStorageSync('BaseIp', that.apiIp);
                        uni.setStorageSync('BaseLedId', data.staArr);
                        uni.setStorageSync('BasePort', that.apiPort);
                        uni.setStorageSync('BaseCrnId', data.crnId);
                        uni.setStorageSync('UPROJ', that.apiUrl);
                        this.getUrl()
                    }
                })
            },
            // 获取错误信息
            getInfo2() {
@@ -662,6 +694,7 @@
                    }

                    that.infoText.staNo = res.data[0].staNo
                    that.infoText.barcode = res.data[0].barcode
                    that.swiperList = res.data[0].matDtos
                    // that.infoText.matnr = res.data[0].matDtos[0].matnr
                    // that.infoText.specs = res.data[0].matDtos[0].specs
@@ -1158,7 +1191,7 @@

    .info-box {
        width: 98%;
        height: 98%;
        height: 90%;
    }

    /* 异常信息 */

 Monitor-APP/pages/index/data.json

@@ -10,10 +10,39 @@
                                                                "barcode": "80009901",
                                                                "matDtos":[
                                                                        {
                                                                            "matnr":"0",
                                                                            "maknx":"工程",
                                                                            "batch":"2025","count":40.0,
                                                                            "total": 20.0,
                                                                            "memo":"3333",
                                                                            "orderNo":"CK2025",
                                                                            "specs":"gcslxwt"
                                                                        },
                                                                        {
                                                                            "matnr":"00841LH-10fsfsd",
                                                                            "maknx":"工程塑料下弯头发生的故事方式",
                                                                            "batch":"20250802-11fddfsdf","count":40.0,
                                                                            "total": 20.0,
                                                                            "memo":"3333",
                                                                            "orderNo":"CK2025020301",
                                                                            "specs":"gcslxwt"
                                                                        },
                                                                        {
                                                                            "matnr":"00841LH-10",
                                                                            "maknx":"工程塑料下弯头",
                                                                            "batch":null,"count":40.0,
                                                                            "total": null,
                                                                            "batch":"20250802-11","count":40.0,
                                                                            "total": 20.0,
                                                                            "memo":"3333",
                                                                            "orderNo":"CK2025020301",
                                                                            "specs":"gcslxwt"
                                                                        },
                                                                        {
                                                                            "matnr":"00841LH-10",
                                                                            "maknx":"工程塑料下弯头",
                                                                            "batch":"20250802-11","count":40.0,
                                                                            "total": 20.0,
                                                                            "memo":"3333",
                                                                            "orderNo":"CK2025020301",
                                                                            "specs":"gcslxwt"
                                                                        }
                                                                    ],