#

whycq

2023-08-15 0b24b02de1d7ba24275376a20fa172f188294551

#

 Monitor-APP/pages.json

@@ -1,7 +1,7 @@
{
    "pages": [ //pages数组中第一项表示应用启动页，参考：https://uniapp.dcloud.io/collocation/pages
        {
            "path": "pages/home/home2",
            "path": "pages/home/home",
            "style": {
                "navigationStyle": "custom",
                // 去掉顶部导航栏

 Monitor-APP/pages/home/home.vue

@@ -23,54 +23,18 @@
                                <view class="box-item">
                                    <text class="item-title">仓库数据</text>
                                    <text class="item-subTitle">warehouse data</text>
                                    <view class="img-box">
										
                                        <view class="item-img">
                                            <image src="../../static/a1.png" mode="aspectFit"></image>
                                            <view class="flex-col" style="width: calc(100% - 5vw);">
                                                <view class="flex-row" style="position: relative;" >
                                                    <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>
                                        </view>
										
                                        <view class="item-img">
                                            <image src="../../static/b1.png" mode="aspectFit"></image>
                                            <view class="flex-col" style="width: calc(100% - 5vw);">
                                                <view class="flex-row" style="position: relative;" >
                                                    <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>
                                        </view>
										
                                        <view class="item-img">
                                            <image src="../../static/c1.png" mode="aspectFit"></image>
                                            <view class="flex-col" style="width: calc(100% - 5vw);">
                                                <view class="flex-row" style="position: relative;" >
                                                    <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>
                                        </view>
										
                                        <view class="item-img">
                                            <image src="../../static/d1.png" mode="aspectFit"></image>
                                            <view class="flex-col" style="width: calc(100% - 5vw);">
                                                <view class="flex-row" style="position: relative;" >
                                                    <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>
                                        </view>
										
                                    <view style="width: 100%;">
                                        <table style="width: 100%;font-size:1vw;">
                                            <tr><th>排名</th><th>料号</th><th>名称</th><th>数量</th></tr>
                                            <tr v-for="(item,i) in tableList" :key="i">
                                                <td>top {{i+1}}</td>
                                                <td>{{item.matnr}}</td>
                                                <td>{{item.maktx}}</td>
                                                <td>{{item.anfme}}</td>
                                            </tr>
                                        </table>
                                    </view>
                                </view>
                                    </view>
                                <view class="box-item">
                                    <view class="flex-row" style="width: 100%;">
                                        <!-- 左侧 -->
@@ -381,7 +345,8 @@
                    count: "",
                    error: ""
                },
                swiperList: []
                swiperList: [],
                tableList: []
            }
        },
        onShow() {
@@ -418,7 +383,7 @@
                this.getUrl()
                this.controller()
                // 测试用
				
                this.getTop()
            },1000)
        },
        methods: {
@@ -681,6 +646,10 @@
                }
                this.calendar = year + "年" + month + "月" + day + "日 " + hours + ":" + minutes + ":" + seconds + " " + weeks
            },
            // 日历
            getDate2() {
				
            },
            getDateFormat(value) {
                var date = new Date();// 获取当前时间
                date.setDate(date.getDate() + value);// 设置天数 -1 天
@@ -749,6 +718,16 @@
                    }
                })
            },
            // 获取top在库
            getTop() {
                let that = this
                uni.request({
                    url: that.commonUrl + '/monitor/loc/top',
                    success(res) {
                        that.tableList = res.data.data
                    }
                })
            }
        }
        
    }
@@ -756,6 +735,11 @@

<style>
    /* @import url("../../static/css/common.css"); */
    @font-face {
        font-style: normal;
        font-family: DS-DIGI-1;
        src: url('../../static/font-family/DS-DIGI-1.ttf');
    }
    @import url("home.css");
    /* 列 */
    .flex-col {
@@ -807,7 +791,7 @@
        right: 2%;
        top: 2%;
        font-size:1vw;
        transform: scale(0.8);
        font-family: DS-DIGI-1;
    }
    .button-left {
        position: absolute;
@@ -828,15 +812,7 @@
        width: 13.5%;
        height: 8.5%;
    }
    .img-box {
        width: 100%;
        /* background-color: #666666; */
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        flex-wrap: wrap;
        font-size: 1vw;
    }
	
    .item-img {
        width: 50%;
        margin-top: 5%;

 Monitor-APP/static/font-family/DS-DIGI-1.ttf

Binary files differ

 Monitor-APP/static/font-family/DS-DIGIB-2.ttf

Binary files differ

 Monitor-APP/static/font-family/DS-DIGII-3.ttf

Binary files differ

 Monitor-APP/static/font-family/DS-DIGIT-4.ttf

Binary files differ

 Monitor-APP/static/font-family/HFDigits.ttf

Binary files differ