增加详情原发信息 增加装卸员下拉刷新 修改诸多问题 优化websocket

qingyiay

2023-09-25 f46eb243908e145da448f65bffb8ba17197d9164

 pages/loadUnload-page/loadUnload-detail/loadUnload-detail.vue

@@ -5,6 +5,7 @@
            icon="http://cdn.uviewui.com/uview/empty/data.png"
            textSize="30"
            iconSize="1000"
            text="暂无数据"
            v-if="detailData.length == 0"></u-empty>
      </view>
      <view class="collection-form">
@@ -26,34 +27,33 @@
                  </view>
                  <view class="num">{{ item.hair }}</view>
               </view>
               <view class="item">
                  <view class="concrete"
                     :style="{ backgroundImage: `url(${onlineurl}/appimg/image/banner/clean.png)`, backgroundSize: 'cover', backgroundRepeat: 'no-repeat' }">
                     净
            </view>
            <view class="info-container">
               <view class="info-block">
                  <view class="car-num info">
                     <text class="label-text">车牌号:</text>{{item.carNo}}
                  </view>
                  <view class="num">{{ item.clean }}</view>
                  <view class="order-margin info">
                     <text class="label-text">煤种名称:</text>
                     {{item.coalName}}
                  </view>
                  <view class="order-type info">
                     订单类型:{{item.orderType}}
                  </view>
                  <view class="file-name info">
                     状态:{{coalStatus[item.status]}}
                  </view>
               </view>
            </view>
            <view class="order-type info">
               订单类型:{{item.orderType}}
            </view>
            <view class="car-num info">
               车牌号:{{item.carNo}}
            </view>
            <view class="file-name info">
               煤场名称:{{item.filedName}}
            </view>
            <view class="order-margin info">
               煤种名称:{{item.coalName}}
            </view>
            <view class="confirm-button info">
            <view class="confirm-button">
               <u-button plain
                  type="primary"
                  text="确定装卸"
                  shape="circle"
                  @click.stop="loadOrder(item.id)"
                  :loading="loading"
                  loadingText="确认"></u-button>
                  loadingText="确认"
                  v-if='!item.ableDischar'></u-button>
            </view>
         </view>
      </view>
@@ -75,7 +75,10 @@
            onlineurl,
            loadShow: false, // 确认弹窗控制
            loading: false,
            id: ""
            id: "",
            coalStatus: ['领取', '预约', '签到', '入场', '称皮', '称毛', '离场', '入磅房', '出磅房', '入煤仓', '出煤仓', '放空', '作废', '入场申请',
               '进入场院', '异常审核中',
            ], // 状态
         }
      },
      onLoad(params) {
@@ -83,6 +86,10 @@
         this.init()
      },
      methods: {
         onPullDownRefresh() {
            this.init()
            uni.stopPullDownRefresh();
         },
         init() {
            uni.showLoading({
               title: "加载中"
@@ -90,7 +97,14 @@
            this.$reqGet('getAccordingCoalNameAll', { coalName: this.name }).then(res => {
               uni.hideLoading()
               if (res.code === 0) {
                  this.detailData = res.data
                  const errorStatusArr = [0, 1, 2, 3, 6, 11, 12, 13];
                  this.detailData = res.data.map(v => {
                     return {
                        ...v,
                        ableDischar: v.skin === v.hair || v.hair === 0 && v.skin === 0 || v
                           .isPretendDischar !== 0 || errorStatusArr.indexOf(v.status) !== -1
                     }
                  })
               } else {
                  this.$u.toast('加载失败')
               }
@@ -129,7 +143,7 @@

      .collection-form-item {
         width: 690rpx;
         height: 400rpx;
         height: 380rpx;
         background: #ffffff;
         box-shadow: 4rpx 6rpx 25rpx 0rpx rgba(73, 120, 240, 0.15);
         border-radius: 20rpx;
@@ -141,11 +155,13 @@
         margin-top: vww(10);

         .weigh-item {
            width: 100%;
            width: 94%;
            height: vww(36);
            margin: vww(10);
            margin: 0 vww(10);
            @include flex;
            justify-content: space-around;
            position: relative;
            top: vww(-14);

            .item {
               min-width: vww(50);
@@ -170,17 +186,44 @@
            }
         }

         .info {
            height: vww(20);
            color: #515151;
            margin: vww(5);
            margin-left: vww(20);
         .info-container {
            width: 100%;
            height: vww(100);
            display: flex;
            justify-content: center;

            .info-block {
               width: 600rpx;
               height: vww(80);
               display: flex;
               justify-content: center;
               flex-wrap: wrap;

               .car-num,
               .order-margin {
                  color: #FF0000;
                  font-weight: 600;

                  .label-text {
                     color: #409eff;
                  }
               }

            }

            .info {
               width: 45%;
               height: vww(20);
               color: #515151;
               margin: vww(5);
            }
         }


         .confirm-button {
            width: vww(80);
            position: absolute;
            bottom: vww(20);
            bottom: vww(6);
            right: vww(10);
         }
      }