#

whycq

2022-11-29 0cbcf44149ba483997a72540ad4acd697ff833b7

 Monitor-APP/pages/home/home.vue

@@ -1,6 +1,5 @@
<template>
   <view class="container">
		
      <uni-transition :duration="duration" :mode-class="homeMode" :show="homeViewShow">
         <view class="home-view">
            <view class="head">
@@ -187,7 +186,8 @@
                        <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>
@@ -202,7 +202,7 @@
      <uni-transition :duration="duration" :mode-class="infoMode" :show="infoViewShow">
         <view class="home-view">
            <view class="head">
               <text>全板 / 拣料</text>
               <text>{{infoText.title}}</text>
            </view>
            <!-- 日历 -->
            <view class="time-tools">{{calendar}}</view>
@@ -211,7 +211,15 @@
            <!-- 主体 -->
            <view class="info-main">
               <view class="info-box">
                  <y-box>{{text}}</y-box>
                  <y-box>
                     <view class="info-box-text">
                        <view class="flex-col info-box-text-item">目标站：{{infoText.staNo}}</view>
                        <view class="flex-col info-box-text-item">商品编号：{{infoText.matnr}}</view>
                        <view class="flex-col info-box-text-item">商品名称：{{infoText.maknx}}</view>
                        <view class="flex-col info-box-text-item">商品规格：{{infoText.specs}}</view>
                        <view class="flex-col info-box-text-item">数量：{{infoText.count}}</view>
                     </view>
                  </y-box>
               </view>
            </view>
         </view>
@@ -220,7 +228,7 @@
      <uni-transition :duration="duration" :mode-class="errorInfoMode" :show="errorInfoViewShow">
         <view class="error-info-view">
            <view class="head">
               <text>异常</text>
               <text>{{infoText.title}}</text>
            </view>
            <!-- 日历 -->
            <view class="time-tools">{{calendar}}</view>
@@ -229,7 +237,11 @@
            <!-- 主体 -->
            <view class="info-main" >
               <view class="info-box">
                  <y-box>{{text1}}</y-box>
                  <y-box>
                     <view class="info-box-text">
                        <view class="flex-col info-box-text-item">{{infoText.error}}</view>
                     </view>
                  </y-box>
               </view>
            </view>
         </view>
@@ -266,6 +278,12 @@
                     <input type="text" v-model="baseCrnId">
                  </view>
               </view>
               <view class="item">
                  <view class="desc">Url：</view>
                  <view class="input">
                     <input type="text" v-model="baseUrl">
                  </view>
               </view>
            </view>
            <!-- button -->
            <view class="eject-button">
@@ -285,7 +303,7 @@
         return {
            series: [],
            homeViewShow: true,
            infoViewShow: false,
            infoViewShow: false   ,
            errorInfoViewShow: false,
            homeMode: [],
            infoMode: [],
@@ -322,12 +340,20 @@
            basePort: '',
            baseLedId: '',
            baseCrnId: '',
            baseUrl: '',
            info: null,
            error: null,
            infoType: 0,
            text: '',
            text1: '',
				
            infoText: {
               title: '全板出库',
               staNo: "200",
               matnr: "300",
               maknx: "400",
               specs: "500",
               count: "600",
               error: "利用立体仓库设备可实现仓库高层合理化、存取自动化、操作简便化；。"
            },
            
            
            
@@ -339,6 +365,21 @@
         plus.navigator.setFullscreen(true)
         // #endif
      },
      mounted() {
         let that = this
         const BaseIP = uni.getStorageSync('BaseIp');
         const BaseLedId = uni.getStorageSync('BaseLedId');
         const BasePort = uni.getStorageSync('BasePort');
         const BaseCrnId = uni.getStorageSync('BaseCrnId');
         const PROJ = uni.getStorageSync('UPROJ');
         that.baseUrl = PROJ
         that.baseIP = BaseIP
         that.baseLedId = BaseLedId
         that.basePort = BasePort
         that.baseCrnId = BaseCrnId
         this.getUrl()
         console.log(that.commonUrl);
      },
      onLoad() {
         this.getServerData()
         this.getDate()
@@ -346,6 +387,9 @@
            this.getDate()
            this.getInfo()
            this.getError()
            // 测试用
            // this.getInfo2()
            // this.getError2()
            this.controller()
         },1000)
         setInterval(()=>{
@@ -354,25 +398,84 @@
      },
      methods: {
         getUrl() {
            this.commonUrl = this.baseHttp + this.baseIP + ':' +this.basePort + this.baseUrl
            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))
         },
         // 获取错误信息
         getInfo2() {
            let that = this
            var result = ycqdata.dataInfo2
            var   res = result.data
            if (res.data && res.data !== "") {
               if (that.infoType == 2 || that.infoType == 3) {
                  return;
               }
               // infoType1:只有拣料等信息
               that.infoType = 1
               if (res.data[0].ioType === 101) {
                  that.infoText.title = '全板出库'
               } else if(res.data[0].ioType === 103) {
                  that.infoText.title = '检料出库'
               }
               that.infoText.staNo = res.data[0].staNo
               that.infoText.specs = res.data[0].matDtos[0].specs
               that.infoText.maknx = res.data[0].matDtos[0].maknx
               that.infoText.count = res.data[0].matDtos[0].count
            } else {
               if (that.infoType == 2 || that.infoType == 3) {
                  return;
               }
               that.infoType = 0
            }
         },
         getError2 () {
            let that = this
            let result = ycqdata.dataError2
            var   res = result.data
            if (res.data && res.data !== "") {
               var errorInfo = res.data
               if (that.infoType == 1) {
                  that.infoType = 3
                  that.infoText.title = "异常"
                  that.infoText.error = errorInfo
                  return
               }
               that.infoType = 2
               that.infoText.title = "异常"
               that.infoText.error = errorInfo
            } else {
               if (that.infoType == 1) {
                  return
               }
               that.infoType = 0
            }
         },
         getInfo() {
            let that = this
            uni.request({
               url: "http://192.168.1.111:8088/sxjzwms/system/error",
               url: that.commonUrl + "/monitor/led",
               method:"GET",
               data: {ledId:that.baseLedId},
               success(result) {
                  var   res = result.data
                  if (res.data && res.data !== "") {
                     if (that.infoType == 2 || that.infoType == 3) {
                        return;
                     }
                     // infoType1:只有拣料等信息
                     that.infoType = 1
                     that.text = res
                     if (res.data[0].ioType === 101) {
                        that.infoText.title = '全板出库'
                     } else if(res.data[0].ioType === 103) {
                        that.infoText.title = '检料出库'
                     }
                     that.infoText.staNo = res.data[0].staNo
                     that.infoText.specs = res.data[0].matDtos[0].specs
                     that.infoText.maknx = res.data[0].matDtos[0].maknx
                     that.infoText.count = res.data[0].matDtos[0].count
                  } else {
                     if (that.infoType == 2 || that.infoType == 3) {
                        return;
@@ -386,18 +489,21 @@
         getError() {
            let that = this
            uni.request({
               url:"http://192.168.1.111:8088/sxjzwms/mat/info",
               url: that.commonUrl + "/monitor/led/error",
               method:"GET",
               success(result) {
                  var   res = result.data
                  if (res.data && res.data !== "") {
                     var errorInfo = res.data
                     if (that.infoType == 1) {
                        that.infoType = 3
                        that.text1 = res
                        that.infoText.title = "异常"
                        that.infoText.error = errorInfo
                        return
                     }
                     that.infoType = 2
                     that.text1 = res
                     that.infoText.title = "异常"
                     that.infoText.error = errorInfo
                  } else {
                     if (that.infoType == 1) {
                        return
@@ -515,6 +621,7 @@
            uni.setStorageSync('BaseLedId', this.baseLedId);
            uni.setStorageSync('BasePort',this.basePort);
            uni.setStorageSync('BaseCrnId',this.baseCrnId);
            uni.setStorageSync('UPROJ',this.baseUrl);
            this.getUrl()
            this.ejectShow = false
         },
@@ -592,7 +699,7 @@
                        url: that.commonUrl + "/monitor/other",
                        data: {
                           crnId: that.baseCrnId, 
                           ledId: 1,
                           ledId: that.baseLedId,
                        },
                        success(result) {
                           console.log(result);
@@ -838,9 +945,9 @@
   }
   .eject-title {
      width: 100%;
      height: 10vh;
      line-height: 10vh;
      font-size: 2vw;
      height: 5vh;
      line-height: 6vh;
      font-size: 3vh;
      font-weight: 700;
      color:    #606266;
      text-align: center;
@@ -903,4 +1010,12 @@
      
      border-left: 1px solid #ccc;
   }
   .info-box-text {
      width: 100%;height: 100%;
      display: flex;flex-direction: column;align-items: center;justify-content: center;
   }
   .info-box-text-item {
      height: 20%;font-size: 8vh;
      justify-content: center;
   }
</style>