yangan
2024-08-01 feadd98b8227d0f223e2695f8665bc2d573f7c92
pages/loadUnload-page/selectTarget/selectTarget.vue
File was renamed from subPages/selectTarget/selectTarget.vue
@@ -2,7 +2,7 @@
   <view class="main">
      <!-- 当前选择仓库 -->
      <view class="top-tag">
         <text>点击切换/选择仓库</text>
         <text style="margin-right:20rpx">点击切换/选择仓库</text>
         <u-tag 
         size='large'
         icon='map'
@@ -11,6 +11,7 @@
         ></u-tag>
      </view>
      <!-- 点击查看原盐钙镁 -->
         <view class="self-deliver">
               <view class="self-deliver_text">
                  查看原盐钙镁结果
@@ -22,6 +23,11 @@
                     @click="todoDetail"></u-button>
               </view>
            </view>
            <view
            v-if="messageObj.carNo"
         class="notice-bar"><u-notice-bar :text="messageText"
          :fontSize="30" :showIcon = 'true'
          ></u-notice-bar></view>
      <!-- <u--form labelPosition="top"
         labelWidth="20%"
         :borderBottom="false"
@@ -98,14 +104,14 @@
         <uni-table border stripe 
         emptyText="暂无更多数据">
               <uni-tr>
                  <uni-th width='140'
                  <uni-th width='120'
                  align="center">操作</uni-th>
                   <uni-th align="center" width='120'>产品</uni-th>
                  <uni-th align="center" width='220'>仓库</uni-th>
                  <uni-th align="center" width='120'>皮重</uni-th>
                  <uni-th align="center" width='120'>毛重</uni-th>
                  <uni-th align="center" width='120'>净重</uni-th>
                  <uni-th align="center" width='120'>数量</uni-th>
                  <uni-th align="center" width='200'>仓库</uni-th>
                  <uni-th align="center" width='100'>皮重</uni-th>
                  <uni-th align="center" width='100'>毛重</uni-th>
                  <uni-th align="center" width='100'>净重</uni-th>
                  <uni-th align="center" width='100'>数量</uni-th>
                   <!-- <uni-th align="center">仓库</uni-th> -->
                  <!-- <uni-th align="center">状态</uni-th> -->
                  
@@ -231,6 +237,7 @@
<script>
   import { BaseUrl } from '@/api/publicInterface.js'
   import { mapState, mapMutations, mapGetters } from 'vuex';
   export default {
      props: {
         loadUnloadData: {
@@ -254,7 +261,16 @@
               
            }
         }
         },
         messageText(){
            if(this.messageObj.carNo){
               return `时间:${this.messageObj.now},${this.messageObj.carNo},产品${this.messageObj.productNames}在${this.messageObj.bunkerName}入场了,请及时检查!`
            }else{
               return '暂无消息'
            }
         },
           ...mapGetters(['websocketData'])
      
      },
      watch: {
@@ -265,6 +281,29 @@
            },
            deep: true,
            immediate: true
         },
         //监听消息
         'websocketData': {
        handler(v) {
          console.log(v, '接受的ws数据');
          if(v) {
            if (v.startsWith('kgTipHead')) {
            console.log('vvvvv',v.slice(11))
               let nowWeighObj = JSON.parse(v.slice(11));
            console.log(nowWeighObj,'nowWeight');
            this.messageObj = nowWeighObj;
            //   this.messageList = JSON.parse(v.slice(5));
            //   this.messageList = {
            //     ...this.messageList,
            //     title: this.messageList.title.slice(0, 8) + '...',
            //     content: removeTags(this.messageList.content).trim().slice(0, 8) + '...'
            //   }
            //   this.messagePushShow = true;
            }
          }
        },
        deep: true,
        immediate: true
         }
      },
      data() {
@@ -273,7 +312,10 @@
               firstClass: "",
               secondClass: "",
               orderType: '',
               bunkerId:""
               bunkerIds:""
            },
            messageObj:{
               carNo:'',
            },
            isEmptyCar:null, //是否空车出厂
            checkStatusList:[
@@ -343,9 +385,10 @@
               if (res.code === 0) {
                  this.firstClassActionsList = res.data;
                  if(res.data.length){
                     this.dataForm.bunkerId = res.data[0].id;
                        uni.setStorageSync('bunkerId',res.data[0].id)
                     this.dataForm.firstClass = res.data[0].name;
                     this.dataForm.bunkerIds = res.data.map(item=>item.id).join(',')
                     uni.setStorageSync('bunkerIds',res.data.map(item=>item.id).join(','))
                     this.firstClassActionsList.unshift({name:'全部',id:res.data.map(item=>item.id).join(',')})
                     this.dataForm.firstClass = '全部'
                     this.getDetailData();
               
                  }
@@ -366,7 +409,7 @@
                 uni.showLoading({
                    title:'加载中'
                })
               this.$reqGet('getTaskCoalListByBunkerId', { bunkerId:this.dataForm.bunkerId }).then(res => {
               this.$reqGet('getTaskCoalListByBunkerId', { bunkerIds:this.dataForm.bunkerIds }).then(res => {
               uni.hideLoading();
               if (res.code === 0) {
                  this.detailData = res.data.map(item=>{
@@ -389,8 +432,9 @@
         },
         firstClassSelectClick(val) {
            this.dataForm.firstClass = val.name;
            this.dataForm.bunkerId= val.id;
            uni.setStorageSync('bunkerId', val.id);
            this.dataForm.bunkerIds= val.id;
            uni.removeStorageSync('bunkerIds')
            uni.setStorageSync('bunkerIds', val.id);
            this.getDetailData();
            this.filedId = val.id
         },
@@ -543,18 +587,12 @@
               uni.hideLoading()
               if (res.code === 0) {
                  this.firstClassActionsList = res.data;
                  if(res.data.length === 1){
                     this.dataForm.bunkerId = res.data[0].id;
                     uni.setStorageSync('bunkerId', res.data[0].id)
                     this.dataForm.firstClass = res.data[0].name;
               
                  }
               } else {
                  this.$u.toast('加载失败')
               }
            }).then(() => {
            
               this.getUserInfo()
            });
         
@@ -572,16 +610,31 @@
  /deep/ .uni-table{
   min-width: 0!important;
   margin-left: 20rpx;
   width: auto;
  }
   
}
.notice-bar{
      margin-left: vww(10);
      margin-bottom: 20rpx;
      margin-top: 20rpx;
         width: 98%;
         .u-notice-bar{
            border-radius: 20rpx;
               margin-top: 20rpx;
               height: 40rpx;
         }
}
      // 自主配送
         .self-deliver {
         position: relative;
            position: relative;
            text-indent: 20rpx;
            top: vww(10);
            width: 98%;
            width: 95%;
            height: vww(40);
            margin: vww(8) 10rpx;
            margin: vww(13) 10rpx;
            margin-left: 20rpx;
            padding: 0 vww(8);
            background: #ffffff;
            box-shadow: 0rpx 0rpx 14rpx 0rpx rgba(73, 120, 240, 0.14), 0rpx 7rpx 45rpx 0rpx rgba(73, 120, 240, 0.12);
@@ -591,9 +644,10 @@
            justify-content: space-between;
            /deep/.u-button {
               width: 100%;
               // height: 28px !important;
               height: 28px !important;
               line-height: 40px;
               padding: 0 12px;
               text-indent: 0!important;
               font-size: 28rpx;
               font-weight: 300;
               color: #ffffff;
@@ -657,14 +711,15 @@
      position: relative;
      top: vww(-160);
      .top-tag{
             width: 33%;
             width: 60%;
            margin-left: 55%;
            height: 100rpx;
            margin-left: 65%;
            margin-left: 50%;
            display: flex;
            /* margin-top: 40rpx; */
            color: #fff;
            align-items: center;
            justify-content: space-between;
               }
               .div-box{
@@ -712,7 +767,7 @@
               }
            }
            .history-information {
         margin-bottom:50rpx;
         margin-bottom:30rpx;
         margin-top: 10rpx;
         background: #ffffff;
         border-radius: 20rpx;