yangan
2025-03-28 b0e249aa5d69791a5d9b9bec64d4e8897b4bae69
pages/customer-page/customer-index/customer-index.vue
@@ -4,13 +4,14 @@
         <view class="customer-index-body">
            <!-- 待领取和转发提煤单 -->
            <view class="wait-collection"
               style="background: url('https://mx.jzeg.cn:9095/appimg/image/banner/customerbanner.png') no-repeat;background-size:contain">
               style="background: url('https://mr1.res.jzeg.cn:9096/appimg/image/banner/customerbanner.png') no-repeat;background-size:contain">
            </view>
            <view style="position: relative;top: -120px;">
               <u-empty mode="data"
                  icon="http://cdn.uviewui.com/uview/empty/data.png"
                  textSize="30"
                  iconSize="1000"
                  text="暂无数据"
                  v-if="orderPlanData.length == 0"></u-empty>
            </view>
            <view class="collection-form">
@@ -20,12 +21,19 @@
                  @click="cardBodyClick(item)">
                  <view class="first-line">
                     <view class="dispatch-receive">
                        <view class="dispatch-dept">{{ item.deptName }}</view>
                        <view class="black-bar"></view>
                        <view class="dispatch">{{ item.filedName }}</view>
                     </view>
                     <view class="point-number">
                        <text class="residue">{{ item.cars2 }}</text>
                        <text>/{{ item.carNum }}</text>
                     </view>
                  </view>
                  <view class="second-line"
                     style="width: 94%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;"
                     v-if="item.orderType==='内销'||item.orderType==='外购'">
                     {{item.customerName}}
                  </view>
                  <view class="second-line">
                     <view class="coal-name">
@@ -35,10 +43,13 @@
                           v-if="item.orderType">{{ item.orderType }}</view>
                     </view>
                  </view>
                  <view class="second-line">
                     {{item.orderCode}}
                  </view>
                  <view class="third-line">
                     <view class="time-icon">
                        <view
                           style="width: 24rpx;height: 24rpx;li ne-height: 24rpx;background: url('https://mx.jzeg.cn:9095/appimg/image/banner/clock.png') no-repeat;background-size: cover">
                           style="width: 24rpx;height: 24rpx;li ne-height: 24rpx;background: url('https://mr1.res.jzeg.cn:9096/appimg/image/banner/clock.png') no-repeat;background-size: cover">
                        </view>
                     </view>
                     <view class="send-date">{{ item.sendDate }}</view>
@@ -67,6 +78,7 @@
                     icon="http://cdn.uviewui.com/uview/empty/data.png"
                     textSize="30"
                     iconSize="1000"
                     text="暂无数据"
                     v-if="historyCoalData.length == 0"></u-empty>
                  <view class="history-information"
                     v-for="(item, index) in historyCoalData"
@@ -102,7 +114,7 @@
                     <view class="fourth">
                        <view class="fourth-icon">
                           <view
                              style="width: 24rpx;height: 24rpx;line-height: 24rpx;background: url('https://mx.jzeg.cn:9095/appimg/image/banner/clock.png') no-repeat;background-size: cover">
                              style="width: 24rpx;height: 24rpx;line-height: 24rpx;background: url('https://mr1.res.jzeg.cn:9096/appimg/image/banner/clock.png') no-repeat;background-size: cover">
                           </view>
                        </view>
                        <view class="senddate">{{ item.sendDate }}</view>
@@ -110,7 +122,7 @@
                     <view class="fourth">
                        <view class="fourth-icon">
                           <view
                              style="width: 26rpx;height: 26rpx;line-height: 26rpx;background: url('https://mx.jzeg.cn:9095/appimg/image/banner/carnNUm.png') no-repeat;background-size: cover;">
                              style="width: 26rpx;height: 26rpx;line-height: 26rpx;background: url('https://mr1.res.jzeg.cn:9096/appimg/image/banner/carnNUm.png') no-repeat;background-size: cover;">
                           </view>
                        </view>
                        <view class="senddate">{{ item.orderCode }}</view>
@@ -138,7 +150,8 @@
               <view class="receiverPopup__btn"><u-button text="确定"
                     type="primary"
                     @click="popupDetermineClick"
                     :disabled="canClick"></u-button></view>
                     :disabled="canClick"
                     :loading="popupDetermineClickLoading"></u-button></view>
            </view>
         </u-popup>
      </view>
@@ -146,7 +159,6 @@
</template>
<script>
   import card from '@/components/card/card.vue';
   import combinedTitle from '@/components/combined-title/combined-title.vue';
   import { customerId } from '@/utils/status';
   export default {
@@ -157,7 +169,6 @@
         }
      },
      components: {
         card,
         combinedTitle
      },
      watch: {
@@ -195,11 +206,12 @@
            total: 0,
            // 是否显示更多数据
            showMoreData: false,
            cars2: "",
            carNum: "",
            cars2: "",  //领取日计划的车数
            carNum: "",  //日计划的总车数
            // 剩余的提煤单数量
            carNumSurplus: '',
            canClick: false
            canClick: false,
            popupDetermineClickLoading: false
         };
      },
      onLoad() {
@@ -254,13 +266,16 @@
            }, []);
            return arrays;
         },
      //领取弹框
         popupDetermineClick() {
            if (this.receiveNum > 0) {
               this.popupDetermineClickLoading = true;
               this.getOrderNum.num = this.receiveNum;
               uni.showLoading({ title: '加载中...' });
               this.$reqPost('customerGet', this.getOrderNum, 'params').then(res => {
                  uni.hideLoading();
                  if (res.code == 0) {
                     this.popupDetermineClickLoading = false;
                     this.getOrderNum.num = '';
                     this.GetOrderPlan();
                     this.show = false;
@@ -270,6 +285,7 @@
                        duration: 1000
                     });
                  } else {
                     this.popupDetermineClickLoading = false;
                     this.$u.toast(res.msg ? res.msg : '领取失败');
                  }
               });
@@ -309,7 +325,7 @@
               this.$u.toast('已超过当前日计划提煤单数量,请重新输入')
            }
         },
         // 提煤单详情
         // (顶部)发运计划详情
         cardBodyClick(v) {
            uni
               .navigateTo({ url: `/pages/customer-page/customer-index/fayunPlanDetails/fayunPlanDetails?orderPlanId=${v.id}&code=${v.code}&cars2=${v.cars2}` });
@@ -472,7 +488,7 @@
            .collection-form-item {
               width: 690rpx;
               height: 300rpx;
               height: 370rpx;
               background: #ffffff;
               box-shadow: 4rpx 6rpx 25rpx 0rpx rgba(73, 120, 240, 0.15);
               border-radius: 20rpx;
@@ -493,8 +509,27 @@
                  .dispatch-receive {
                     width: 70%;
                     display: flex;
                     justify-content: space-between;
                     justify-content: flex-start;
                     align-items: center;
                     .dispatch-dept {
                        display: flex;
                        align-items: center;
                     }
                     .black-bar {
                        width: 2rpx;
                        height: 30rpx;
                        background: #515151;
                        margin-left: vww(12);
                     }
                     .dispatch {
                        margin-left: vww(12);
                        min-width: vww(50);
                     }
                  }
                  .point-number {
@@ -656,4 +691,4 @@
         }
      }
   }
</style>
</style>