1

zhang

2 天以前 affe7eef31c5912eb9428e3569d0b561deaf1c54

 Monitor-APP/pages/home/home.vue

@@ -217,14 +217,16 @@

                           </y-box>
                        </view>
                        <view style="height: 2%;"></view>
                        <view style="height: 18%;">
                           <y-box>
                              <view class="flex-col"
                                 style="width: 100%;height: 100%;font-size: 4vh;justify-content: center;letter-spacing: 1vh;">
                                 自动仓库WCS监控平台
                              </view>
                           </y-box>
                        <view style="height: 2%;" ></view>
                        <view style="height: 18%"  class="flex-row">
                           <view>
                              <image style="height: 95%;"
                                 src="../../static/barcode.png" mode="aspectFit"></image>
                           </view>
                           <view>
                              <image style="height: 95%;"
                                 src="../../static/zy_logo.png" mode="aspectFit"></image>
                           </view>
                        </view>
                     </view>
                  </view>
@@ -253,6 +255,7 @@
                        <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>


@@ -357,6 +360,22 @@
            </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 class="board2">
         <uni-transition ref="ani" custom-class="transition" :mode-class="newModeClass" :show="staModeShow">
            <view class="error-board2">
               <text >{{staMode}}</text>
            </view>
         </uni-transition>
      </view>
      <view style="color: #FFF;position: fixed;bottom: 10px;left: 10px;" v-show="timeOut">
         连接超时: {{times}} s
      </view>
@@ -373,7 +392,10 @@
            homeViewShow: true,
            infoViewShow: false,
            errorInfoViewShow: false,
            errorBoardShow: false,
            staModeShow: false,
            homeMode: [],
            carInfo: [],
            infoMode: [],
            errorInfoMode: [],
            baseInfo: {
@@ -437,7 +459,8 @@
            timeOut: false,
            times: 0,
            currDate: '',
            textred: 'textred'
            textred: 'textred',
            staMode: ''
         }
      },
      onShow() {
@@ -463,10 +486,10 @@

         this.getDate2()
         setTimeout(() => {
            // this.getServerData()
            // this.initlineChart()
            // this.initPieChart()
            // this.getOther()
            this.getServerData()
            this.initlineChart()
            this.initPieChart()
            this.getOther()
            setTimeout(() => {
               this.getServerData()
               this.initlineChart()
@@ -477,9 +500,9 @@
                  this.initlineChart()
                  this.initPieChart()
                  this.getOther()
               }, 3000)
            }, 1000)
         }, 1000)
               }, 500)
            }, 500)
         }, 500)
      },
      onLoad() {
         setInterval(() => {
@@ -487,9 +510,11 @@
            this.getUrl()
            this.getInfo()
            this.getError()
            this.getStaMode()
            // this.getInfo2()
            // this.getError2()
            this.controller()
            this.getCarInfo()
         }, 1000)

         setInterval(() => {
@@ -500,6 +525,41 @@
         }, 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 = []

            if (res.code == 200 && res.data != '') {
               let str = ''
               for (let k of res.data) {
                  str = `${k.deviceNo}号${k.device}-${k.errorMsg}`
                  infoList.push(str)
               }
               this.carInfo = infoList
               this.errorBoardShow = true
            } else {
               this.errorBoardShow = false
            }
         },
         changeErrorShow() {
            this.errorBoardShow = !this.errorBoardShow
         },
         timeOuts() {
            console.log(this.times);
         },
@@ -588,6 +648,26 @@
            })

         },
         getStaMode() {
            let that = this
            uni.request({
               url: that.commonUrl + "/monitor/sta/mode",
               data: {
                  ledId: that.baseLedId
               },
               method: "GET",
               success(result) {
                  var res = result.data
                  if (res.data && res.data !== "") {
                     that.staMode = res.data
                     that.staModeShow =true
                  }else{
                     that.staModeShow =false
                  }
               }
            })
			
         },
         infoModel(res) {
            let that = this
            if (res.data && res.data !== "") {
@@ -599,10 +679,23 @@
               if (res.data[0].ioType === 101) {
                  that.infoText.title = '全板出库'
               } else if (res.data[0].ioType === 103) {
                  that.infoText.title = '检料出库'
                  that.infoText.title = '拣料出库'
               } else if (res.data[0].ioType === 107) {
                  that.infoText.title = '盘点出库'
               } else if (res.data[0].ioType === 1) {
                  that.infoText.title = '全板入库'
               } else if (res.data[0].ioType === 10) {
                  that.infoText.title = '空板入库'
               } else if (res.data[0].ioType === 54) {
                  that.infoText.title = '并板入库'
               } else if (res.data[0].ioType === 110) {
                  that.infoText.title = '空板出库'
               } else if (res.data[0].ioType === 53) {
                  that.infoText.title = '拣料再入库'
               } else if (res.data[0].ioType === 57) {
                  that.infoText.title = '盘点再入库'
               }

               that.infoText.staNo = res.data[0].staNo
               that.swiperList = res.data[0].matDtos
               // that.infoText.matnr = res.data[0].matDtos[0].matnr
@@ -1234,4 +1327,48 @@
   .textred {
      color: red;
   }

   .board {
      position: absolute;
      top: 0;
      right: 0;
      /* background-color: #aa00ff; */
      /* height: 13vh; */
      width: 100%;
      /* box-shadow: rgba(0,0,0,.35) 0px 5px 15px; */
   }

   .error-board {
      margin: .2rem;
      height: 11vh;
      background-color: #F56C6C;
      box-shadow: rgba(0, 0, 0, .35) 0px 5px 15px;
      border-radius: .2rem;
      display: flex;
      align-items: center;
      justify-content: space-around;
      font-size: 2rem;
   }
	
   .board2 {
      position: absolute;
      bottom: 0;
      right: 0;
      /* background-color: #aa00ff; */
      /* height: 13vh; */
      width: 100%;
      /* box-shadow: rgba(0,0,0,.35) 0px 5px 15px; */
   }
	
   .error-board2 {
      margin: .2rem;
      height: 11vh;
      background-color: #F56C6C;
      box-shadow: rgba(0, 0, 0, .35) 0px 5px 15px;
      border-radius: .2rem;
      display: flex;
      align-items: center;
      justify-content: space-around;
      font-size: 2rem;
   }
</style>