#

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 {