#

whycq

2023-12-18 5a504486b0835cd64818d1a4b05133a4c75f6bab

#

 Monitor-APP/pages/home/home.vue

@@ -137,7 +137,7 @@
                                <view style="height: 2%;"></view>
                                    
                                
                                <view style="height: 51%;">
                                <view style="height: 43%;">
                                    <y-box>
                                        <view class="box-item">
                                            <view class="flex-row" style="width: 100%;">
@@ -156,60 +156,35 @@
                                                </view>
                                            </view>
                                            <view class="flex-row" style="width: 100%;">
                                                <!-- 库位使用情况 -->
                                                <!-- left -->
                                                <view style="margin-left: 5%;">
                                                <!-- 左 -->
                                                <view class="charts-box-ring">
                                                    <qiun-data-charts type="ring" :opts="{legend:{position:'bottom'}}" :eopts="ringOpts" :chartData="chartsDataPie2" :echartsH5="true" :echartsApp="true"/>
                                                </view>
                                                <!-- 右 -->
                                                <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;font-size: 2vw;">{{baseInfo.longAllLoc}}</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">
                                                        <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;font-size: 2vw;">{{baseInfo.longUseLoc}}</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;font-size: 2vw;">{{baseInfo.emptyCount}}</view>
                                                    </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;font-size: 2vw;">{{baseInfo.longEmptyLoc}}</view>
                                                    </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;font-size: 2vw;">{{baseInfo.longXLoc}}</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;font-size: 2vw;">{{baseInfo.noneCount}}</view>
                                                    </view>
                                                </view>
                                                <view style="margin-left: 5%;">
                                                    <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;font-size: 2vw;">{{baseInfo.shortAllLoc}}</view>
                                                    </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;font-size: 2vw;">{{baseInfo.shortUseLoc}}</view>
                                                    </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;font-size: 2vw;">{{baseInfo.shortEmptyLoc}}</view>
                                                    </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;font-size: 2vw;">{{baseInfo.shortXLoc}}</view>
                                                    </view>
                                                </view>
												  
                                            </view>
                                        </view>
                                        
                                    </y-box>
                                </view>
                                <view style="height: 2%;"></view>
                                <view style="height: 10%;">
                                <view style="height: 18%;">
                                    <y-box>
                                        <view class="flex-col" style="width: 100%;height: 100%;font-size: 4vh;justify-content: center;letter-spacing: 1vh;">
                                            <!-- 嘉善边锋机械股份有限公司 -->
@@ -367,14 +342,6 @@
                    stockCount: '',
                    emptyCount: '',
                    noneCount: '',
                    longAllLoc: '',
                    shortAllLoc: '',
                    longEmptyLoc: '',
                    shortEmptyLoc: '',
                    longUseLoc: '',
                    shortUseLoc: '',
                    longXLoc: '',
                    shortXLoc: '',
                },
                chartsData: {
                    "Line": {
@@ -440,21 +407,47 @@
        onLoad() {
            setInterval(()=>{
                this.getServerData()
                this.initlineChart()
                this.initPieChart()
                this.getOther()
                this.getDate()
                this.getDate2()
                this.getUrl()
                this.getInfo()
                this.getError()
                // this.getInfo2()
                // this.getError2()
                this.getUrl()
                this.controller()
                // 测试用
				
            },1000)
			
            // setInterval(()=>{
            //     this.changeErrorShow()
            // },5000)
			
            setInterval(()=>{
                // this.getServerData()
                this.initlineChart()
                this.initPieChart()
                this.getOther()
            },600000)
        },
        methods: {
            // 日历 服务器
            getDate2() {
                let that = this
                if(that.commonUrl == 'undefined') {
                    return
                }
                uni.request({
                    url: that.commonUrl + "/monitor/date",
                    method:"GET",
                    success(result) {
                        // console.log(result);
                        var res = result.data.data
                        that.calendar = res.year + "年" + res.month + "月" + res.day + "日 " + res.hour + ":" + res.minute + ":" + res.second + " " + res.week
                        that.currDate = res.year + "/" + res.month + "/" + res.day
                    },
                    fail(res) {
                    }
					
                })
            },
            getUrl() {
                this.commonUrl = this.baseHttp + this.baseIP + ':' +this.basePort + "/" +this.baseUrl
            },
@@ -746,22 +739,13 @@
                uni.request({
                    url: that.commonUrl + "/monitor/loc/rep",
                    method:'GET',
                    data: {
                        crnId: that.baseCrnId, 
                    },
                    success(result) {
                        var res = result.data
                        if (res.code === 200) {
                            console.log(res.data.pie);
                            that.chartsData.Pie.series[0].data = res.data.pie
                            that.baseInfo.longAllLoc = res.data.longAllLoc
                            that.baseInfo.shortAllLoc = res.data.shortAllLoc
                            that.baseInfo.longEmptyLoc = res.data.longEmptyLoc
                            that.baseInfo.shortEmptyLoc = res.data.shortEmptyLoc
                            that.baseInfo.longUseLoc = res.data.longUseLoc
                            that.baseInfo.shortUseLoc = res.data.shortUseLoc
                            that.baseInfo.longXLoc = res.data.longXLoc
                            that.baseInfo.shortXLoc = res.data.shortXLoc
                            that.baseInfo.stockCount = res.data.stockCunt
                            that.baseInfo.emptyCount = res.data.emptyCount
                            that.baseInfo.noneCount = res.data.noneCount
                            that.baseInfo.used = res.data.used
                            that.baseInfo.usedPr = res.data.usedPr
                        }
@@ -919,7 +903,6 @@
        /* background-color: #00ffff; */
    }
    .sub-info {
        margin-top: 1vh;
        font-size: 1.5vw;
    }
    .sub-info image {