#

whycq

2022-12-02 5486de22c04f660b4fea68dc67b5898f2cd770ff

 Monitor-APP/pages/home/home.vue

@@ -28,8 +28,8 @@
                                 <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: 5vw;;font-size: 2vw;">{{baseInfo.xDistance}}</view>
                                       <view style="position: absolute;bottom: 0;left: 7vw;">m</view>
                                       <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>
@@ -39,8 +39,8 @@
                                 <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: 5vw;;font-size: 2vw;">{{baseInfo.yDistance}}</view>
                                       <view style="position: absolute;bottom: 0;left: 7vw;">m</view>
                                       <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>
@@ -50,8 +50,8 @@
                                 <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: 5vw;;font-size: 2vw;">{{baseInfo.xDuration}}</view>
                                       <view style="position: absolute;bottom: 0;left: 7vw;">s</view>
                                       <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>
@@ -61,8 +61,8 @@
                                 <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: 5vw;;font-size: 2vw;">{{baseInfo.yDuration}}</view>
                                       <view style="position: absolute;bottom: 0;left: 7vw;">s</view>
                                       <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>
@@ -167,13 +167,13 @@
                                          <view style="width: 8vw;height: 4vw;line-height: 4vw;font-size: 2vw;">{{baseInfo.stockCount}}</view>
                                       </view>
                                       <view class="flex-row sub-info" style="margin-top: 2vh;">
                                          <image src="../../static/g1.png" mode="aspectFit"></image>
                                          <view style="width: 8vw;height: 4vw;line-height: 4vw;">在库</view>
                                          <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" style="margin-top: 2vh;">
                                          <image src="../../static/g1.png" mode="aspectFit"></image>
                                          <view style="width: 8vw;height: 4vw;line-height: 4vw;">在库</view>
                                          <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>
@@ -187,8 +187,8 @@
                           <y-box>
                              <view class="flex-col" style="width: 100%;height: 100%;font-size: 4vh;justify-content: center;letter-spacing: 1vh;">
                                 <!-- 嘉善边锋机械股份有限公司 -->
                                 <!-- 自动仓库WCS监控平台 -->
                                 <image src="../../static/ruiyun.jpg" mode="" style="width: 100%;"></image>
                                 自动仓库WCS监控平台
                                 <!-- <image src="../../static/ruiyun.jpg" mode="" style="width: 100%;"></image> -->
                              </view>
                           </y-box>
                        </view>
@@ -382,32 +382,31 @@
         that.basePort = BasePort
         that.baseCrnId = BaseCrnId
         this.getUrl()
         console.log(that.commonUrl);
      },
      onLoad() {
         // this.getServerData()
         this.getDate()
         setInterval(()=>{
            this.getServerData()
            this.initlineChart()
            this.initPieChart()
            this.getOther()
            this.getDate()
            this.getInfo()
            this.getError()
            this.getUrl()
            this.controller()
            // 测试用
            // this.getInfo2()
            // this.getError2()
            this.controller()
         },1000)
         setInterval(()=>{
            // this.controller()
         },2000)
      },
      methods: {
         getUrl() {
            this.commonUrl = this.baseHttp + this.baseIP + ':' +this.basePort + "/" +this.baseUrl
         },
         // getServerData() {
         //    this.chartsDataLine1=JSON.parse(JSON.stringify(demodata.Line))
         //    this.chartsDataPie2=JSON.parse(JSON.stringify(demodata.PieA))
         // },
         getServerData() {
            this.chartsDataLine1=JSON.parse(JSON.stringify(this.chartsData.Line))
            this.chartsDataPie2=JSON.parse(JSON.stringify(this.chartsData.Pie))
         },
         // 获取错误信息
         getInfo2() {
            let that = this
@@ -687,11 +686,11 @@
                  var res = result.data
                  if (res.code === 200) {
                     that.chartsData.Pie.series[0].data = res.data.pie
                     that.stockCount = res.data.stockCunt
                     that.emptyCount = res.data.emptyCount
                     that.noneCount = res.data.noneCount
                     that.used = res.data.used
                     that.usedPr = res.data.usedPr
                     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
                  }
               }
            })
@@ -699,14 +698,12 @@
         getOther() {
            let that = this
            uni.request({
               // http://10.10.0.222:9090/jkwcs/monitor/led?ledId=186
               url: that.commonUrl + "/monitor/other",
               data: {
                  crnId: that.baseCrnId, 
                  ledId: that.baseLedId,
               },
               success(result) {
                  console.log(result);
                  var res = result.data
                  if (res.code === 200) {
                     that.baseInfo.xDistance = res.data.xDistance