##

zjj

昨天 fdf0635d145941288edd4cfaa6da68324fa5129a

 Monitor-APP/pages/home/home.vue

@@ -23,58 +23,38 @@
                           <text class="item-title">仓库数据</text>
                           <text class="item-subTitle">warehouse data</text>
                           <view class="img-box">
                              <!-- swiper 一些说明
                              circular 是否采用衔接滑动，即播放到末尾后重新回到开头
                              vertical 滑动方向是否为纵向 
                              display-multiple-items 同时显示的滑块数量 -->

                              <view style="width: 100%;display: flex;" v-for="(item,i) in locList" :key="i">

                                 <view
                                    style="display: flex; justify-content: center;align-items: center;width: 48%; font-size: 1.3vw;">
                                    物料码: {{item.matnr}}</view>
                                 <view
                                    style="display: flex; justify-content: center;align-items: center;width: 48%; font-size: 1.3vw;">
                                    数量: {{item.matnrCount}}</view>



                              <view style="width: 100%; display: flex" v-for="(item, i) in locList" :key="i">
                                 <view style="display: flex; justify-content: center; align-items: center; width: 48%; font-size: 1.3vw">物料码: {{ item.matnr }}</view>
                                 <view style="display: flex; justify-content: center; align-items: center; width: 48%; font-size: 1.3vw">数量: {{ item.matnrCount }}</view>
                              </view>



                           </view>
                        </view>
                        <view class="box-item">
                           <view class="flex-row" style="width: 100%;">
                           <view class="flex-row" style="width: 100%">
                              <!-- 左侧 -->
                              <view class="flex-col"
                                 style="align-items: flex-start;justify-content: flex-start;">
                              <view class="flex-col" style="align-items: flex-start; justify-content: flex-start">
                                 <text class="item-title">库位使用率</text>
                                 <text class="item-subTitle">EQUIPMENT USAGE THIS MONTH</text>
                              </view>
                              <!-- 右侧 -->
                              <view style="margin-left: auto;">
                              <view style="margin-left: auto">
                                 <!-- 百分比 -->
                                 <view class="flex-col"
                                    style="align-items: flex-end;justify-content: flex-end;">
                                 <view class="flex-col" style="align-items: flex-end; justify-content: flex-end">
                                    <!-- style="justify-content: flex-end;position: absolute;top: 0;right: 1vw;text-align: right;" -->
                                    <text class="item-title">{{baseInfo.usedPr}}%</text>
                                    <!-- <text class="item-subTitle">同比上月 + 5%</text> -->
                                 </view>
                              </view>
                           </view>

                           <view class="flex-col"
                              style="width: 100%;align-items: flex-start;position: relative;font-size: 1vw">
                           <view class="flex-col" style="width: 100%; align-items: flex-start; position: relative; font-size: 1vw">
                              <!-- 进度条 -->
                              <view class="flex-row" style="width: 100%;position: relative;margin-top: 5%;">
                                 <view class="progressBar" style="width: 80%;height: 2vw;">
                              <view class="flex-row" style="width: 100%; position: relative; margin-top: 5%">
                                 <view class="progressBar" style="width: 80%; height: 2vw">
                                    <view class="progress" :style="'width:'+ baseInfo.usedPr + '%'"></view>
                                 </view>
                                 <view
                                    style="position: absolute;bottom: 0;right: 0;font-size: 2.5vw;color: #FF5722;;">
                                    {{baseInfo.used}}</view>
                                 <view style="position: absolute; bottom: 0; right: 0; font-size: 2.5vw; color: #ff5722">
                                    {{ baseInfo.used }}
                                 </view>
                              </view>
                           </view>
                        </view>
@@ -83,114 +63,93 @@
               </view>
               <view class="mian-item">
                  <view class="mian-item-box">
                     <view style="width: 100%;height: 100%;">
                        <view style="height: 35%;">
                     <view style="width: 100%; height: 100%">
                        <view style="height: 35%">
                           <!-- 折线图 -->
                           <y-box>
                              <view class="box-item">
                                 <view class="flex-row" style="width: 100%;">
                                 <view class="flex-row" style="width: 100%">
                                    <!-- 左侧 -->
                                    <view class="flex-col"
                                       style="align-items: flex-start;justify-content: flex-start;">
                                    <view class="flex-col" style="align-items: flex-start; justify-content: flex-start">
                                       <text class="item-title">入出库统计</text>
                                       <text class="item-subTitle">ORDER STATISTICS</text>
                                    </view>
                                    <!-- 右侧 -->
                                    <view style="margin-left: auto;">
                                    <view style="margin-left: auto">
                                       <!-- 百分比 -->
                                       <view class="flex-col"
                                          style="align-items: flex-end;justify-content: flex-end;">
                                          <!-- style="justify-content: flex-end;position: absolute;top: 0;right: 1vw;text-align: right;" -->
                                          <!-- <text class="item-title">31</text>
                                          <text class="item-subTitle">今日订单数</text> -->
                                       </view>
                                       <view class="flex-col" style="align-items: flex-end; justify-content: flex-end"></view>
                                    </view>
                                 </view>
                                 <view class="charts-box">
                                    <qiun-data-charts type="line" :chartData="chartsDataLine1"
                                       :echartsH5="true" :echartsApp="true" />
                                    <qiun-data-charts type="line" :chartData="chartsDataLine1" :echartsH5="true" :echartsApp="true" />
                                 </view>
                              </view>
                           </y-box>
                        </view>


                        <!-- null -->
                        <view style="height: 2%;"></view>


                        <view style="height: 43%;">
                        <view style="height: 2%"></view>
                        <view style="height: 43%">
                           <y-box>
                              <view class="box-item">
                                 <view class="flex-row" style="width: 100%;">
                                    <!-- 左侧 -->
                                    <view class="flex-col"
                                       style="align-items: flex-start;justify-content: flex-start;">
                                 <view class="flex-row" style="width: 100%">
                                    <view class="flex-col" style="align-items: flex-start; justify-content: flex-start">
                                       <text class="item-title">库存类型</text>
                                       <text class="item-subTitle">INCOME DATE</text>
                                    </view>
                                    <!-- 右侧 -->
                                    <view style="margin-left: auto;">
                                       <!-- 百分比 -->
                                       <view class="flex-col"
                                          style="align-items: flex-end;justify-content: flex-end;">
                                    <view style="margin-left: auto">
                                       <view class="flex-col" style="align-items: flex-end; justify-content: flex-end">
                                          <text class="item-title">今天</text>
                                          <text class="item-subTitle">Today</text>
                                       </view>
                                    </view>
                                 </view>
                                 <view class="flex-row" style="width: 100%;">
                                    <!-- 左 -->
                                 <view class="flex-row" style="width: 100%">
                                    <view class="charts-box-ring">
                                       <qiun-data-charts type="ring" :opts="{legend:{position:'bottom'}}"
                                          :eopts="ringOpts" :chartData="chartsDataPie2" :echartsH5="true"
                                          :echartsApp="true" />
                                       <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.stockCount}}</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 class="flex-row sub-info" style="margin-top: 2vh;">
                                       </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 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 class="flex-row sub-info" style="margin-top: 2vh;">
                                       </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 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>

                              </view>
                           </y-box>
                        </view>
                        <view style="height: 2%;"></view>
                        <view
                           style="height: 18%;display: flex;justify-content: space-around;align-items: center;">
                           <!-- <view style="font-size: 4vh">
                              自动仓库WCS监控平台
                           </view> -->
                           <view style="height: 50%;">
                              <image style="height: 100%;" src="../../static/img/logo-bai.png"
                                 mode="aspectFit"></image>
                        <view style="height: 2%"></view>
                        <view style="height: 18%; display: flex; justify-content: space-around; align-items: center">
                           <view style="height: 50%">
                              <image style="height: 100%" src="../../static/img/logo-bai.png" mode="aspectFit"></image>
                           </view>
                        </view>
                     </view>
                  </view>
               </view>
            </view>

         </view>
      </uni-transition>
      <!-- 全板/拣料信息 -->
@@ -211,35 +170,23 @@
                     <view class="text-content">
                        <!-- head -->
                        <view class="swiper-head">
                           <view style="width: 30%;">托盘码: {{infoText.barcode}}</view>
                           <view style="width: 20%;">工作号: {{infoText.workNo}}</view>
                           <view style="width: 30%;">源库位: {{infoText.sourceLocNo}}</view>
                           <view style="width: 20%;">目标站: {{infoText.staNo}}</view>
                           <!-- <view style="width: 10%;">数量</view> -->
                           <view style="width: 30%">托盘码: {{ infoText.barcode }}</view>
                           <view style="width: 20%">工作号: {{ infoText.workNo }}</view>
                           <view style="width: 30%">源库位: {{ infoText.sourceLocNo }}</view>
                           <view style="width: 20%">目标站: {{ infoText.staNo }}</view>
                        </view>
                        <!-- body -->
                        <view class="swiper-body">
                           <!-- swiper 一些说明
                           circular 是否采用衔接滑动，即播放到末尾后重新回到开头
                           vertical 滑动方向是否为纵向 
                           display-multiple-items 同时显示的滑块数量 -->
                           <swiper class="swiper-body-main" vertical="true" display-multiple-items="1"
                              circular="true" :autoplay="true" :interval="3000" :duration="2000">
                           <swiper class="swiper-body-main" vertical="true" display-multiple-items="1" circular="true" :autoplay="true" :interval="3000" :duration="2000">
                              <swiper-item class="swiper-item" v-for="(item,i) in swiperList" :key="i">
                                 <view style="width: 100%;">{{i+1}} / {{swiperList.length}}</view>
                                 <!-- <view style="width: 30%;">料号: {{item.matnr}}</view> -->
                                 <view style="width: 50%; font-size: 3vw;">物料编码: {{item.matnr}}</view>
                                 <view style="width: 50%; font-size: 3vw;">名称: {{item.maknx}}</view>
                                 <!-- <view style="width: 33%; font-size: 3vw;">生产日期: {{item.manuDate}}</view> -->


                                 <view style="width: 50%; font-size: 3vw;">规格: {{item.specs}}</view>
                                 <view style="width: 50%; font-size: 3vw;">批次: {{item.batch}}</view>
                                 <view style="width: 50%; font-size: 3vw;">销售单号: {{item.orderNo}}</view>
                                 <view style="width: 50%; font-size: 3vw;">客户名称: {{item.customer}}</view>
                                 <view style="width: 33%; font-size: 3vw;">数量: {{item.count}}</view>


                                 <view style="width: 100%">{{ i + 1 }} / {{ swiperList.length }}</view>
                                 <view style="width: 50%; font-size: 3vw">物料编码: {{ item.matnr }}</view>
                                 <view style="width: 50%; font-size: 3vw">名称: {{ item.maknx }}</view>
                                 <view style="width: 50%; font-size: 3vw">规格: {{ item.specs }}</view>
                                 <view style="width: 50%; font-size: 3vw">批次: {{ item.batch }}</view>
                                 <view style="width: 50%; font-size: 3vw">销售单号: {{ item.orderNo }}</view>
                                 <view style="width: 50%; font-size: 3vw">客户名称: {{ item.customer }}</view>
                                 <view style="width: 33%; font-size: 3vw">数量: {{ item.count }}</view>
                              </swiper-item>
                           </swiper>
                        </view>
@@ -271,48 +218,45 @@
            </view>
         </view>
      </uni-transition>

      <!-- 自定义弹出层 -->
      <view class="eject-mask" v-show="ejectShow">
         <view class="eject">
            <!-- 弹出title -->
            <view class="eject-title">修改 / 配置</view>
            <!-- input -->
            <scroll-view scroll-y class="eject-input">
               <view class="item">
                  <view class="desc">ip：</view>
                  <view class="input">
                     <input type="text" v-model="baseIP">
                     <input type="text" v-model="baseIP" />
                  </view>
               </view>
               <view class="item">
                  <view class="desc">Wcsport：</view>
                  <view class="input">
                     <input type="text" v-model="basePort">
                     <input type="text" v-model="basePort" />
                  </view>
               </view>
               <view class="item">
                  <view class="desc">WcsUrl：</view>
                  <view class="input">
                     <input type="text" v-model="baseUrl">
                     <input type="text" v-model="baseUrl" />
                  </view>
               </view>
               <view class="item">
                  <view class="desc">Wmsport：</view>
                  <view class="input">
                     <input type="text" v-model="wmsPort">
                     <input type="text" v-model="wmsPort" />
                  </view>
               </view>
               <view class="item">
                  <view class="desc">WmsUrl：</view>
                  <view class="input">
                     <input type="text" v-model="wmsUrl">
                     <input type="text" v-model="wmsUrl" />
                  </view>
               </view>
               <view class="item">
                  <view class="desc">ledId：</view>
                  <view class="input">
                     <input type="text" v-model="baseLedId">
                     <input type="text" v-model="baseLedId" />
                  </view>
               </view>
            </scroll-view>
@@ -326,28 +270,17 @@
      <view>
         <!-- 提示窗示例 -->
         <uni-popup ref="upVersion" type="dialog">
            <uni-popup-dialog :type="msgType" title="通知" :content="dialogContent" @confirm="dialogConfirm"
               @close="dialogClose"></uni-popup-dialog>
            <uni-popup-dialog :type="msgType" title="通知" :content="dialogContent" @confirm="dialogConfirm" @close="dialogClose"></uni-popup-dialog>
         </uni-popup>
      </view>
      <view style="color: #FFF;position: fixed;bottom: 10px;left: 10px;" v-show="timeOut">
         连接超时，正在重新建立链接:: {{times}}
      </view>
      <view style="color: #fff; position: fixed; bottom: 10px; left: 10px" v-show="timeOut">连接超时，正在重新建立链接:: {{ times }}</view>
   </view>
</template>
<!-- {"msg":"操作成功","code":200,"data":[{"title":"全板出库","workNo":7460,"staNo":110,"sourceStaNo":null,"locNo":null,"sourceLocNo":"0807102","matDtos":[{"matNo":"50460834","maknx":"200x60桌面","count":26.0}],"emptyMk":false,"ioType":101}]} -->
<script>
   import demodata from '@/mockdata/demodata.json';
   import ycqdata from '@/pages/index/data.json';
   import {
      WebSocketClient
   } from "@/static/js/WebSocketClient"
   import WebSocketUtil from './uniWebSocket';
   let socket;
   export default {
      data() {
         return {
            series: [],
            homeViewShow: true,
            infoViewShow: false,
            errorInfoViewShow: false,
@@ -363,46 +296,41 @@
               used: 3537,
               stockCount: '',
               emptyCount: '',
               noneCount: '',
            noneCount: ''
            },
            chartsData: {
               "Line": {
                  "categories": [],
                  "series": []
            Line: {
               categories: [],
               series: []
               },
               "Pie": {
                  "series": [{
                     "data": []
                  }]
               },
            Pie: {
               series: [
                  {
                     data: []
                  }
               ]
            }
            },
            duration: 300,
            calendar: '',
            ringOpts: {},
            chartsDataLine1: {},
            chartsDataPie2: {},
            fontSize: '',
            height: '',
            showCharts: false,
            ejectShow: false,
            baseIP: '',
            basePort: '',
            baseLedId: '',
            baseCrnId: '',
            baseUrl: '',
            info: null,
            error: null,
            infoType: 0,
            text: '',
            infoText: {
               title: '',
               staNo: "",
               matnr: "",
               maknx: "",
               specs: "",
               count: "",
               error: "",
               barcode: ""
            staNo: '',
            matnr: '',
            maknx: '',
            specs: '',
            count: '',
            error: '',
            barcode: ''
            },
            swiperList: [],
            timeOut: false,
@@ -412,7 +340,6 @@
            oldHours: '',
            oldMin: '',
            socketClient: null,
            messages: [],
            version: '',
            socketUrl: '',
            msgType: 'success',
@@ -422,18 +349,19 @@
            wmsPort: '',
            switchDebounceTimer: null,
            viewSwitchInProgress: false

         }
      };
      },
      onShow() {
         // 隐藏时间,电量,信号等
         // #ifdef APP-PLUS
         plus.navigator.setFullscreen(true)
      plus.navigator.setFullscreen(true);
         // #endif
         this.getVersion()
      this.getVersion();
      var ip = this.getIp();
      console.log(ip);
      },
      mounted() {
         let that = this
      let that = this;
         const BaseIP = uni.getStorageSync('BaseIp');
         const BaseLedId = uni.getStorageSync('BaseLedId');
         const BasePort = uni.getStorageSync('BasePort');
@@ -441,17 +369,16 @@
         const PROJ = uni.getStorageSync('UPROJ');
         const WMSURL = uni.getStorageSync('wmsUrl');
         const WMSPORT = uni.getStorageSync('wmsPort');
         that.baseUrl = PROJ
         that.baseIP = BaseIP
         that.baseLedId = BaseLedId
         that.basePort = BasePort
         that.baseCrnId = BaseCrnId
         that.wmsUrl = WMSURL
         that.wmsPort = WMSPORT
         // this.getUrl()
      that.baseUrl = PROJ;
      that.baseIP = BaseIP;
      that.baseLedId = BaseLedId;
      that.basePort = BasePort;
      that.baseCrnId = BaseCrnId;
      that.wmsUrl = WMSURL;
      that.wmsPort = WMSPORT;
      },
      created() {
         let that = this
      let that = this;
         const BaseIP = uni.getStorageSync('BaseIp');
         const BaseLedId = uni.getStorageSync('BaseLedId');
         const BasePort = uni.getStorageSync('BasePort');
@@ -459,66 +386,94 @@
         const PROJ = uni.getStorageSync('UPROJ');
         const WMSURL = uni.getStorageSync('wmsUrl');
         const WMSPORT = uni.getStorageSync('wmsPort');
         that.baseUrl = PROJ
         that.baseIP = BaseIP
         that.baseLedId = BaseLedId
         that.basePort = BasePort
         that.baseCrnId = BaseCrnId
         that.wmsUrl = WMSURL
         that.wmsPort = WMSPORT
      that.baseUrl = PROJ;
      that.baseIP = BaseIP;
      that.baseLedId = BaseLedId;
      that.basePort = BasePort;
      that.baseCrnId = BaseCrnId;
      that.wmsUrl = WMSURL;
      that.wmsPort = WMSPORT;
         that.uniWebSocket();
         // that.webSockerInit()
      },
      onLoad() {
         setInterval(() => {
            this.getServerData()
            // this.initlineChart()
            // this.initPieChart()
            // this.getOther()
            // // this.getDate()
            // this.getDate2()
            // this.getInfo()
            // this.getError()
            // this.getInfo2()
            // this.getError2()
            // this.getUrl()
            this.controller()
            // this.statisticalModel()
            // 测试用

         }, 1000)
         this.getServerData();
         this.controller();
      }, 1000);

         setInterval(() => {
            setTimeout(() => {
               plus.runtime.restart();
            }, 100)

         }, 1000 * 60 * 60 * 4)
         }, 100);
      }, 1000 * 60 * 60 * 4);

         // 每小时触发一次垃圾回收
         const memoryCleanerId = setInterval(() => {

            if (plus.os.name.toLowerCase() === 'android') {
               // 强制触发 GC
               plus.android.importClass('java.lang.System');
               plus.android.invoke('java.lang.System', 'gc');
               console.log('手动触发 GC');
            }


            // 清理不再需要的大型数据对象
            if (this.oldData && this.oldData.length > 100) {
               this.oldData = [];
            }

         }, 30000 * 10); // 每小时执行一次

      },
      methods: {
      getIp() {
         var ip = null;
         if (plus.os.name === 'Android') {
            try {
               const InetAddress = plus.android.importClass('java.net.InetAddress');
               const NetworkInterface = plus.android.importClass('java.net.NetworkInterface');
               const Collections = plus.android.importClass('java.util.Collections');

               let interfaces = NetworkInterface.getNetworkInterfaces();
               let en = Collections.list(interfaces); // Java ArrayList
               let ipEth = null; // 有线
               let ipWifi = null; // Wi-Fi
               let ipOther = null; // 兜底
               let size = plus.android.invoke(en, 'size');
               for (let i = 0; i < size; i++) {
                  let intf = plus.android.invoke(en, 'get', i);
                  let name = plus.android.invoke(intf, 'getName'); // eth0 / wlan0 / lo 等
                  let enumIpAddr = plus.android.invoke(intf, 'getInetAddresses');
                  let enumList = Collections.list(enumIpAddr);
                  let listSize = plus.android.invoke(enumList, 'size');
                  for (let j = 0; j < listSize; j++) {
                     let inetAddress = plus.android.invoke(enumList, 'get', j);
                     if (!plus.android.invoke(inetAddress, 'isLoopbackAddress')) {
                        let hostAddress = plus.android.invoke(inetAddress, 'getHostAddress');
                        // 只取 IPv4
                        if (hostAddress.indexOf(':') === -1) {
                           if (name.startsWith('eth') && !ipEth) {
                              ipEth = hostAddress;
                           } else if (name.startsWith('wlan') && !ipWifi) {
                              ipWifi = hostAddress;
                           } else if (!ipOther) {
                              ipOther = hostAddress;
                           }
                        }
                     }
                  }
               }
               ip = ipEth || ipWifi || ipOther || null;
               return ip;
            } catch (e) {
               console.log('获取IP失败：', e);
               return ip;
            }
         } else {
            return ip;
         }
      },
         uniWebSocket() {
            let that = this;
            that.commonUrl = that.baseIP + ':' + that.basePort + "/" + that.baseUrl
            that.socketUrl = "ws://" + that.commonUrl + "/led/" + that.baseLedId
         that.commonUrl = that.baseIP + ':' + that.basePort + '/' + that.baseUrl;
         that.socketUrl = 'ws://' + that.commonUrl + '/led/' + that.baseLedId;
            // 创建WebSocket实例
            that.socketClient = new WebSocketUtil(that.socketUrl, {
               // 心跳间隔，默认30秒
@@ -531,7 +486,7 @@
               onMessage: (res) => {
                  try {
                     const data = JSON.parse(res.data);
                     that.showDate(data)
                  that.showDate(data);
                     // 处理消息...
                  } catch (e) {
                     console.error('解析消息失败', e);
@@ -539,8 +494,8 @@
               },
               // 连接打开回调
               onOpen: (res) => {
                  that.timeOut = false
                  that.times = 0
               that.timeOut = false;
               that.times = 0;
                  console.log('WebSocket已连接', res);
               },
               // 连接错误回调
@@ -549,9 +504,9 @@
               },
               // 连接关闭回调
               onClose: (res) => {
                  that.timeOut = true
                  that.times = that.times + 1
                  that.infoType = 0
               that.timeOut = true;
               that.times = that.times + 1;
               that.infoType = 0;
                  console.log('WebSocket已关闭', res);
               },
               // 重连回调
@@ -563,130 +518,115 @@
            // 建立连接
            that.socketClient.connect();
         },

         showDate(data) {
            const that = this
            if (data.type === "default") {
               that.chartsData.Pie.series[0].data = data.pie
               that.baseInfo.stockCount = data.stockCunt
               that.baseInfo.emptyCount = data.emptyCount
               that.baseInfo.noneCount = data.noneCount
               that.baseInfo.used = data.used
               that.baseInfo.usedPr = data.usedPr
         const that = this;
         if (data.type === 'default') {
            that.chartsData.Pie.series[0].data = data.pie;
            that.baseInfo.stockCount = data.stockCunt;
            that.baseInfo.emptyCount = data.emptyCount;
            that.baseInfo.noneCount = data.noneCount;
            that.baseInfo.used = data.used;
            that.baseInfo.usedPr = data.usedPr;

               that.chartsData.Line.categories = [
                  that.getDateFormat(-11), that.getDateFormat(-10), that.getDateFormat(-9), that.getDateFormat(-
                     8),
                  that.getDateFormat(-7), that.getDateFormat(-6), that.getDateFormat(-5), that.getDateFormat(-4),
                  that.getDateFormat(-3), that.getDateFormat(-2), that.getDateFormat(-1), that.getDateFormat(0),
               ]
               that.chartsData.Line.series = data.rows
               that.calendar = data.year + "年" + data.month + "月" + data.day + "日 " + data.hour + ":" + data.minute +
                  ":" + data.second + " " + data.week
               that.currDate = data.year + "/" + data.month + "/" + data.day
               that.locList = data.inventoryData
               that.oldHours = data.hour
               that.oldMin = data.minute
            } else if (data.type === "error") {
               if (data.errMsg && data.errMsg !== "") {
                  var errorInfo = data.errMsg
               that.getDateFormat(-11),
               that.getDateFormat(-10),
               that.getDateFormat(-9),
               that.getDateFormat(-8),
               that.getDateFormat(-7),
               that.getDateFormat(-6),
               that.getDateFormat(-5),
               that.getDateFormat(-4),
               that.getDateFormat(-3),
               that.getDateFormat(-2),
               that.getDateFormat(-1),
               that.getDateFormat(0)
            ];
            that.chartsData.Line.series = data.rows;
            that.calendar = data.year + '年' + data.month + '月' + data.day + '日 ' + data.hour + ':' + data.minute + ':' + data.second + ' ' + data.week;
            that.currDate = data.year + '/' + data.month + '/' + data.day;
            that.locList = data.inventoryData;
            that.oldHours = data.hour;
            that.oldMin = data.minute;
         } else if (data.type === 'error') {
            if (data.errMsg && data.errMsg !== '') {
               var errorInfo = data.errMsg;
                  if (that.infoType == 1) {
                     that.infoType = 3
                     that.infoText.title = "其他信息"
                  that.infoType = 3;
                  that.infoText.title = '其他信息';
                     // that.infoText.title = "异常"
                     that.infoText.error = errorInfo
                     return
                  that.infoText.error = errorInfo;
                  return;
                  }
                  that.infoType = 2
                  that.infoText.title = "其他信息"
               that.infoType = 2;
               that.infoText.title = '其他信息';
                  // that.infoText.title = "异常"
                  that.infoText.error = errorInfo
               that.infoText.error = errorInfo;
               } else {
                  if (that.infoType == 1) {
                     return
                  return;
                  }
                  that.infoType = 0
               that.infoType = 0;
               }
            } else if (data.type === "task") {
               if (data.taskList && data.taskList !== "" && data.taskList.length != 0) {
         } else if (data.type === 'task') {
            if (data.taskList && data.taskList !== '' && data.taskList.length != 0) {
                  if (that.infoType == 2 || that.infoType == 3) {
                     return;
                  }
                  // infoType1:只有拣料等信息
                  that.infoType = 1
               that.infoType = 1;
                  if (data.taskList[0].ioType === 101) {
                     that.infoText.title = '全板出库'
                  that.infoText.title = '全板出库';
                  } else if (data.taskList[0].ioType === 103) {
                     that.infoText.title = '拣料出库'
                  that.infoText.title = '拣料出库';
                  } else if (data.taskList[0].ioType === 107) {
                     that.infoText.title = '盘点出库'
                  that.infoText.title = '盘点出库';
                  } else if (data.taskList[0].ioType === 1) {
                     that.infoText.title = '入库'
                  that.infoText.title = '入库';
                  } else if (data.taskList[0].ioType === 10) {
                     that.infoText.title = '空托入库'
                  that.infoText.title = '空托入库';
                  } else if (data.taskList[0].ioType === 110) {
                     that.infoText.title = '空托出库'
                  that.infoText.title = '空托出库';
                  } else if (data.taskList[0].ioType === 104) {
                     that.infoText.title = '并板出库'
                  that.infoText.title = '并板出库';
                  } else if (data.taskList[0].ioType === 54) {
                     that.infoText.title = '并板入库'
                  that.infoText.title = '并板入库';
                  }
                  that.infoText.barcode = data.taskList[0].barcode
                  that.infoText.workNo = data.taskList[0].workNo
                  that.infoText.sourceLocNo = data.taskList[0].sourceLocNo
                  that.infoText.staNo = data.taskList[0].staNo
                  that.swiperList = data.taskList[0].matDtos
                  // that.infoText.matnr = res.data[0].matDtos[0].matnr
                  // 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
               that.infoText.barcode = data.taskList[0].barcode;
               that.infoText.workNo = data.taskList[0].workNo;
               that.infoText.sourceLocNo = data.taskList[0].sourceLocNo;
               that.infoText.staNo = data.taskList[0].staNo;
               that.swiperList = data.taskList[0].matDtos;
               } else {
                  if (that.infoType == 2 || that.infoType == 3) {
                     return;
                  }
                  that.infoType = 0
               that.infoType = 0;
               }
            }
         },
         statisticalModel() {
            let that = this
            uni.request({
               url: that.commonUrl + "/monitor/locDetl/pda/statisticalModel",
               method: 'GET',
               success(result) {
                  var res = result.data
                  if (res.code === 200) {
                     console.log(res.data)
                     that.locList = res.data
                  }
               }
            })
         },
         getDateFormat(value) {
            var date = new Date(this.currDate); // 获取当前时间
            date.setDate(date.getDate() + value); // 设置天数 -1 天
            var m = date.getMonth() + 1
            var d = date.getDate()
            var newDate = m + '-' + d
            return newDate
         var m = date.getMonth() + 1;
         var d = date.getDate();
         var newDate = m + '-' + d;
         return newDate;
         },
         getUrl() {
            this.commonUrl = this.baseHttp + this.baseIP + ':' + this.basePort + "/" + this.baseUrl
         },

         getServerData() {
            this.chartsDataLine1 = JSON.parse(JSON.stringify(this.chartsData.Line))
            this.chartsDataPie2 = JSON.parse(JSON.stringify(this.chartsData.Pie))
         this.chartsDataLine1 = JSON.parse(JSON.stringify(this.chartsData.Line));
         this.chartsDataPie2 = JSON.parse(JSON.stringify(this.chartsData.Pie));
         },
         // 控制器
         controller() {
            // 防抖处理，避免频繁切换
            if (this.switchDebounceTimer) {
               clearTimeout(this.switchDebounceTimer)
            clearTimeout(this.switchDebounceTimer);
            }

            this.switchDebounceTimer = setTimeout(() => {
               this.performViewSwitch()
            }, 100)
            this.performViewSwitch();
         }, 100);
         },

         performViewSwitch() {
@@ -696,74 +636,57 @@
               1: () => this.showInfoView(),
               2: () => this.showErrorView(),
               3: () => this.showErrorView()
            }

            const switchAction = viewStates[this.infoType]
         };
         const switchAction = viewStates[this.infoType];
            if (switchAction && !this.viewSwitchInProgress) {
               this.viewSwitchInProgress = true
               switchAction()

            this.viewSwitchInProgress = true;
            switchAction();
               // 统一的切换完成处理
               setTimeout(() => {
                  this.viewSwitchInProgress = false
               }, this.duration + 100)
               this.viewSwitchInProgress = false;
            }, this.duration + 100);
            }
         },

         showHomeView() {
            this.infoViewShow = false
            this.errorInfoViewShow = false
            this.infoMode = ['fade', 'slide-bottom']
            this.errorInfoMode = ['fade', 'slide-bottom']
         this.infoViewShow = false;
         this.errorInfoViewShow = false;
         this.infoMode = ['fade', 'slide-bottom'];
         this.errorInfoMode = ['fade', 'slide-bottom'];
            setTimeout(() => {
               this.homeViewShow = true
               this.homeMode = ['fade', 'slide-bottom']
            }, this.duration)
            this.homeViewShow = true;
            this.homeMode = ['fade', 'slide-bottom'];
         }, this.duration);
         },

         showInfoView() {
            this.homeViewShow = false
            this.errorInfoViewShow = false
            this.homeMode = ['fade', 'slide-bottom']
            this.errorInfoMode = ['fade', 'slide-bottom']
         this.homeViewShow = false;
         this.errorInfoViewShow = false;
         this.homeMode = ['fade', 'slide-bottom'];
         this.errorInfoMode = ['fade', 'slide-bottom'];
            setTimeout(() => {
               this.infoViewShow = true
               this.infoMode = ['fade', 'slide-bottom']
            }, this.duration)
            this.infoViewShow = true;
            this.infoMode = ['fade', 'slide-bottom'];
         }, this.duration);
         },

         showErrorView() {
            this.homeViewShow = false
            this.infoViewShow = false
            this.homeMode = ['fade', 'slide-bottom']
            this.infoMode = ['fade', 'slide-bottom']
         this.homeViewShow = false;
         this.infoViewShow = false;
         this.homeMode = ['fade', 'slide-bottom'];
         this.infoMode = ['fade', 'slide-bottom'];
            setTimeout(() => {
               this.errorInfoViewShow = true
               this.errorInfoMode = ['fade', 'slide-bottom']
            }, this.duration)
         },
         // 主屏幕
         handle(type) {
            this.homeViewShow = !this.homeViewShow
            this.modeClass = type
         },
         // 拣料
         handle1(type) {
            this.infoViewShow = !this.infoViewShow
            this.modeClass = type
         },
         // 异常
         handle2(type) {
            this.errorInfoViewShow = !this.errorInfoViewShow
            this.modeClass = type
            this.errorInfoViewShow = true;
            this.errorInfoMode = ['fade', 'slide-bottom'];
         }, this.duration);
         },
         // 配置
         ejected() {
            this.ejectShow = true
         this.ejectShow = true;
         },
         // 取消配置
         ejectClose() {
            this.ejectShow = false
         this.ejectShow = false;
         },
         // 确认配置
         ejectConfirm() {
@@ -774,83 +697,82 @@
            uni.setStorageSync('UPROJ', this.baseUrl);
            uni.setStorageSync('wmsUrl', this.wmsUrl);
            uni.setStorageSync('wmsPort', this.wmsPort);
            this.getUrl()
            this.ejectShow = false

         this.ejectShow = false;
         },
         //检测当前平台，如果是安卓则启动安卓更新
         getVersion() {
            let that = this;
            uni.getSystemInfo({
               success: (res) => {
                  if (res.platform == "android") {
               if (res.platform == 'android') {
                     that.AndroidCheckUpdate();
                  }
                  // that.AndroidCheckUpdate();

               }
            })
         });
         },
         // 获取当前版本号
         AndroidCheckUpdate() {
            let that = this;
            plus.runtime.getProperty(plus.runtime.appid, (wgtinfo) => {
               that.version = wgtinfo.version //客户端版本号
            })
            that.version = wgtinfo.version; //客户端版本号
         });
            setTimeout(() => {
               that.getUpdateVersion()
            }, 100)
            that.getUpdateVersion();
         }, 100);
         },
         // 校验版本
         getUpdateVersion() {
            let that = this
            let type = 1
         let that = this;
         let type = 1;
            if (that.baseUrl == 'http://undefined:undefined/undefined') {
               return
            return;
            }
            const wms = 'http://' + that.baseIP + ':' + that.wmsPort + "/" + that.wmsUrl
            console.log(wms)
            let url = wms + '/appVersion/checkUpdate/' + that.version + '/' + type
         const wms = 'http://' + that.baseIP + ':' + that.wmsPort + '/' + that.wmsUrl;
         console.log(wms);
         let url = wms + '/appVersion/checkUpdate/' + that.version + '/' + type;
            uni.request({
               url: url,
               method: 'GET',
               success(res) {
                  console.log(res);
                  var res = res.data
               var res = res.data;
                  if (res.data) {
                     that.filename = res.data.path
                     that.dialogContent = '发现新版本:' + res.data.version + ', 是否立即更新'
                     that.$refs.upVersion.open()
                  that.filename = res.data.path;
                  that.dialogContent = '发现新版本:' + res.data.version + ', 是否立即更新';
                  that.$refs.upVersion.open();
                  } else {
                     uni.showToast({
                        title: res.msg,
                        icon: "none",
                     icon: 'none',
                        position: 'top'
                     })
                  });
                  }

               }
            })
         });
         },
         dialogConfirm() {
            this.$refs.upVersion.close()
            this.downWgt()
         this.$refs.upVersion.close();
         this.downWgt();
         },
         dialogClose() {
            this.$refs.upVersion.close()
         this.$refs.upVersion.close();
         },
         downWgt() {
            let that = this;
            const wms = 'http://' + that.baseIP + ':' + that.wmsPort + "/" + that.wmsUrl
            const downloadUrl = wms + "/appVersion/downloadApp/" + that.filename
         const wms = 'http://' + that.baseIP + ':' + that.wmsPort + '/' + that.wmsUrl;
         const downloadUrl = wms + '/appVersion/downloadApp/' + that.filename;
            uni.showLoading({
               title: '更新中……'
            })
            const downloadTask = uni.downloadFile({ //执行下载
         });
         const downloadTask = uni.downloadFile({
            //执行下载
               url: downloadUrl, //下载地址
               timeout: 1000 * 30, //30秒超时时间
               success: downloadResult => { //下载成功
            success: (downloadResult) => {
               //下载成功
                  console.log(downloadResult);
                  that.showdownLine = false
               that.showdownLine = false;
                  uni.hideLoading();
                  if (downloadResult.statusCode == 200) {
                     uni.showModal({
@@ -860,8 +782,10 @@
                        confirmColor: '#EE8F57',
                        success: function(res) {
                           if (res.confirm == true) {
                              plus.runtime.install( //安装
                                 downloadResult.tempFilePath, {
                           plus.runtime.install(
                              //安装
                              downloadResult.tempFilePath,
                              {
                                    force: true
                                 },
                                 function(res) {
@@ -874,38 +798,35 @@
                     });
                  } else {
                     uni.hideLoading();
                     that.showdownLine = false
                  that.showdownLine = false;
                     uni.showToast({
                        title: '请先上传安装包',
                        icon: 'error'
                     })
                  });
                  }
               },
               fail: err => {
            fail: (err) => {
                  uni.hideLoading();
                  that.showdownLine = false
                  that.$u.toast(downloadResult.errMsg)
               that.showdownLine = false;
               that.$u.toast(downloadResult.errMsg);
               },
               complete: com => {

                  console.log(com)
            complete: (com) => {
               console.log(com);
               }
            });

            // 下载进度
            downloadTask.onProgressUpdate(res => {
               that.downloadNum = res.progress
         downloadTask.onProgressUpdate((res) => {
            that.downloadNum = res.progress;
               console.log('下载进度' + that.downloadNum);
            });
         },
      }

   }
};
</script>

<style>
   /* @import url("../../static/css/common.css"); */
   @import url("home.css");
@import url('home.css');

   /* 列 */
   .flex-col {
@@ -922,10 +843,9 @@
   .container {
      width: 100vw;
      min-height: 100vh;
      background-color: #00163E;
   background-color: #00163e;
      color: #fff;
      text-align: center;

   }

   /* 主视图 */
@@ -1008,7 +928,8 @@
      align-items: flex-start;
   }

   .distance {}
.distance {
}

   .item-img image {
      height: 5vw;
@@ -1026,7 +947,7 @@
   .progress {
      /* width: 90%; */
      height: 100%;
      background-color: #FF5722;
   background-color: #ff5722;
      border-radius: 5vw;
   }

@@ -1051,16 +972,12 @@
      height: 3.5vw;
   }




   /* 共用 */
   .main {
      width: 100vw;
      height: 88vh;
      margin-top: 1vh;
      display: flex;

   }

   .mian-item {
@@ -1178,7 +1095,7 @@

      /* background-color: #00163E; */
      ::-webkit-scrollbar {
         display: none
      display: none;
      }
   }

@@ -1195,7 +1112,6 @@
      width: 40%;
      text-align: right;
      color: #606266;

   }

   .input {
@@ -1214,8 +1130,6 @@
      width: 100%;
      height: 3vh;
      font-size: 1vw;


   }

   .eject-button {
@@ -1239,7 +1153,7 @@
   }

   .button-item:last-child {
      color: #67C23A;
   color: #67c23a;

      border-left: 1px solid #ccc;
   }