验质功能修改，websocket优化

qingyiay

2023-07-07 837c21ced9ed0aafe17a7c0c16975a1b6731eb9d

 pages/driver-page/driver-index/bill-of-lading-details/weighingDevice/weighingDevice.vue

@@ -1,12 +1,11 @@
<template>
   <view class="weighingDevice">
      <view class="one"
         style="background: url('https://mx.jzeg.cn:9095/appimg/image/banner/weighbanner.png') no-repeat;
      background-size: cover;">
         :style="{ backgroundImage: `url(${onlineurl}/appimg/image/banner/weighbanner.png)`, backgroundSize: 'cover', backgroundRepeat: 'no-repeat' }">
         <view class="top">
            <view class="top_left">
               <text>{{ realTimeWeigh }}</text>
               <!-- <text>{{ globalweigh }}</text> -->
               <!-- <text>{{ realTimeWeigh }}</text> -->
               <text>{{ globalweigh }}</text>
            </view>
            <view class="top_right">
               <view class="">
@@ -71,19 +70,19 @@
            <view class="main-information">
               <view class="prefix">皮重:</view>
               <view class="suffix">
                  {{temporaryWeighObj.skin||''}}
                  {{currentSkin}}
               </view>
            </view>
            <view class="main-information">
               <view class="prefix">毛重:</view>
               <view class="suffix">
                  {{temporaryWeighObj.hair?temporaryWeighObj.hair:showWeigh.skin?(showWeigh.skin||''):(showWeigh.hair||'')}}
                  {{currentHair}}
               </view>
            </view>
            <view class="main-information">
               <view class="prefix">净重:</view>
               <view class="suffix">
                  {{ temporaryWeighObj.clean||''}}
                  {{ currentClean}}
               </view>
            </view>
            <view class="main-information">
@@ -93,41 +92,7 @@
         </view>
      </view>
      <!--  称重历史-->
      <transition name="weighHistory">
         <view class="weigh-history"
            v-if="weighHistory.length!==0">
            <view class="block-main">
               <view class="weigh-item"
                  v-for='item in weighHistory'
                  :key="item.id">
                  <view class="weigh-time">
                     <u-tag :text="item.createTime.slice(-8,-3)"
                        plain></u-tag>
                  </view>
                  <view class="item-block">
                     <view class="item">
                        <view class="concrete"
                           style="background: url('https://mx.jzeg.cn:9095/appimg/image/banner/skin.png') no-repeat;background-size: cover;">
                           皮</view>
                        <view class="num">{{ item.skin }}</view>
                     </view>
                     <view class="item">
                        <view class="concrete"
                           style="background: url('https://mx.jzeg.cn:9095/appimg/image/banner/hair.png') no-repeat;background-size: cover;">
                           毛</view>
                        <view class="num">{{ item.hair }}</view>
                     </view>
                     <view class="item">
                        <view class="concrete"
                           style="background: url('https://mx.jzeg.cn:9095/appimg/image/banner/clean.png') no-repeat;background-size: cover;">
                           净</view>
                        <view class="num">{{ item.clean }}</view>
                     </view>
                  </view>
               </view>
            </view>
         </view>
      </transition>
      <weigh-item :list="weighHistory"></weigh-item>
      <view class="three">
         <!-- 放空 -->
         <u-button type="primary"
@@ -154,6 +119,7 @@
            @click="UnloadingAgainHandle"
            :loading="UnloadingAgainLoading"
            loadingText="确认"
            :disabled="isweigh||realTimeWeigh == 0"
            v-if='canUnload'></u-button>
      </view>
      <!-- 放空弹窗 -->
@@ -170,9 +136,10 @@

<script>
   let socket = null;
   import { webSocketUrl } from '@/api/request.js';
   import { webSocketUrl, onlineurl } from '@/api/request.js';
   import { mapState, mapMutations } from 'vuex';
   import combinedTitle from '@/components/combined-title/combined-title.vue';
   import weighItem from '@/components/weighItem.vue'
   export default {
      onLoad(params) {
         this.takeCoalId = params.takeCoalId;
@@ -188,9 +155,11 @@
            this.weighData.overTmWaixiao = 1
         }
         this.changeweighHouseCode(params.weighHouseCode);
         this.changeWeigh(0)
      },
      components: {
         combinedTitle
         combinedTitle,
         weighItem
      },
      data() {
         return {
@@ -246,7 +215,8 @@
            outBuy: true,
            // 继续卸货按钮
            canUnload: false,
            UnloadingAgainLoading: false
            UnloadingAgainLoading: false,
            onlineurl,
         };
      },
      watch: {
@@ -257,9 +227,8 @@
                  this.temporaryWeighObj.skin = newV;
               } else {
                  this.temporaryWeighObj.hair = newV;
                  this.temporaryWeighObj.clean = (this.temporaryWeighObj.hair - this.showWeigh.skin).toFixed(2);
                  this.isweigh = this.temporaryWeighObj.clean > this.weighList.orderSurplus || this.temporaryWeighObj
                     .clean < 0;
                  this.isweigh = Number(this.currentClean) > this.weighList.orderSurplus || Number(this
                     .currentClean) < 0;
               }
            } else if (this.weighList.orderType == '外购' || this.weighList.orderType == '内购' || this.weighList
               .orderType == '转入') {
@@ -267,28 +236,26 @@
                  this.temporaryWeighObj.hair = newV;
               } else {
                  this.temporaryWeighObj.skin = newV;
                  this.temporaryWeighObj.clean = (this.showWeigh.hair -this.temporaryWeighObj.skin).toFixed(2);
                  this.isweigh = this.temporaryWeighObj
                     .clean < 0 || this.showWeigh.skin < newV && this.showWeigh.skin > 0;
                  this.isweigh = Number(this.currentClean) < 0 || this.showWeigh.skin < newV && this.showWeigh
                     .skin > 0;
               }
            }
         },
         // 监听重量变化
         globalweigh(newV) {
            this.weighData.weigh = this.realTimeWeigh = newV;
            console.log(this.realTimeWeigh, '真实重量改变了');
         globalweigh: {
            handler: function(newV) {
               this.weighData.weigh = this.realTimeWeigh = newV;
               console.log(this.realTimeWeigh, '真实重量改变了');
            },
            deep: true
         }
      },
      onShow() {
         this.init();
         this.changeisLogin(true)
         this.realTimeWeigh = 0
         // this.realTimeWeigh = 0
      },
      computed: {
         ...mapState(['globalweigh', 'globalinfraredStatus']),
         // coalContactClean() {
         //    return (Number(this.weighData.coalContactHair) - Number(this.weighData.coalContactSkin)).toFixed(2);
         // },
         token() {
            return uni.getStorageSync('token');
         },
@@ -309,19 +276,29 @@
                  .temporaryWeighObj.hair;
            }
         },
         sideline() {
            return this.weighList.orderType == '内购' || this.weighList.orderType == '转入';
         },

         showWeigh() {
            return this.weighList.tmTaskCoalItems ? (this.weighList.tmTaskCoalItems[0] ? this
               .weighList.tmTaskCoalItems[0] : {}) : {}
         },
         // 称重历史
         weighHistory() {
            return this.weighList.tmTaskCoalItems ? this.weighList.tmTaskCoalItems : []
         },
         currentHair() {
            return this.temporaryWeighObj.hair ? this.temporaryWeighObj.hair : this.showWeigh.skin ? (this.showWeigh
               .skin || '') : (this.showWeigh.hair || '')
         },
         currentSkin() {
            return this.temporaryWeighObj.skin || ''
         },
         currentClean() {
            if (!this.currentSkin) return ''
            return (this.currentHair - this.currentSkin).toFixed(2)
         }
      },
      methods: {
         ...mapMutations(['changeweighHouseCode', 'changeisLogin']),
         ...mapMutations(['changeweighHouseCode', 'changeisLogin', 'changeWeigh']),
         init() {
            uni.showLoading({
               title: '加载中'