0327测试

qingyiay

2023-03-27 7986bc00e330411ffc73da24fdd168c6af8cf295

 pages/customer-page/customer-index/customer-index.vue

@@ -48,7 +48,7 @@
      </view>
      <view class="history-numbers">
         <combined-title title="历史提煤单"></combined-title>
         <scroll-view :scroll-top="scrollTop" scroll-y="true" class="scroll-Y">
         <scroll-view :scroll-top="scrollTop" scroll-y="true" class="scroll-Y" @scrolltolower="historyScrolltolower">
            <uni-table border stripe emptyText="暂无更多数据" :loading="loading">
               <uni-tr>
                  <uni-th width="100" align="center">发运日期</uni-th>
@@ -69,8 +69,8 @@
                  <uni-td align="center">{{ item.tmCount }}</uni-td>
               </uni-tr>
            </uni-table>
            <view class="more_text" v-if="showMoreData">没有数据了...</view>
         </scroll-view>
         <view class="uni-pagination-box"><uni-pagination show-icon :page-size="pageSize" :current="pageCurrent" :total="total" @change="change2" /></view>
      </view>
      <!-- 领取弹出框 -->
      <u-popup :show="show" @close="close" @open="open" mode="center" round="10">
@@ -88,9 +88,23 @@
import combinedTitle from '@/components/combined-title/combined-title.vue';
import { customerId } from '@/utils/status';
export default {
   props: {
      orderPlanDataStore: {
         type: Array,
         default: []
      }
   },
   components: {
      card,
      combinedTitle
   },
   watch: {
      orderPlanDataStore(v) {
         if (v.length > 0) {
            console.log(v, 'props');
            this.orderPlanData = v;
         }
      }
   },
   data() {
      return {
@@ -110,7 +124,9 @@
         // 当前页
         pageCurrent: 1,
         // 数据总量
         total: 0
         total: 0,
         // 是否显示更多数据
         showMoreData: false
      };
   },
   onLoad() {},
@@ -121,6 +137,7 @@
      init() {
         this.GetOrderPlan();
         this.getJhOrderPlanDataPage();
         if (this.pageCurrent * this.pageSize >= this.total) return (this.showMoreData = true);
      },
      // 获取发运计划列表
      GetOrderPlan() {
@@ -128,22 +145,31 @@
            title: '加载中...'
         });
         this.$reqGet('GetOrderPlan').then(res => {
            this.orderPlanData = res.data;
            uni.hideLoading();
            if (res.data) {
               this.orderPlanData = res.data;
               uni.hideLoading();
            }
         });
      },
      // 获取历史提煤单
      getJhOrderPlanDataPage() {
         this.loading = true;
         this.$reqGet('getJhOrderPlanDataPage', { current: this.pageCurrent, size: this.pageSize }).then(res => {
            this.historyCoalData = res.data.records;
            this.total = res.data.total;
            this.loading = false;
            if (res.data.records) {
               this.historyCoalData = [...this.historyCoalData, ...res.data.records];
               this.total = res.data.total;
               this.loading = false;
            }
         });
      },
      change2(e) {
         console.log(e, '页码改变');
         this.pageCurrent = e.current;
         this.getJhOrderPlanDataPage();
      },
      // 上拉加载
      historyScrolltolower() {
         if (this.pageCurrent * this.pageSize >= this.total) return (this.showMoreData = true);
         this.pageCurrent++;
         this.getJhOrderPlanDataPage();
      },
      popupDetermineClick() {
@@ -192,7 +218,6 @@
      },
      // 提煤单详情
      cardBodyClick(name) {
         console.log('提煤单详情', name);
         let code = null;
         this.orderPlanData.forEach(item => {
            if (item.id == name) {
@@ -218,7 +243,12 @@
   height: 60rpx;
}
.scroll-Y {
   height: 600rpx;
   height: 300rpx;
   .more_text {
      color: #999;
      font-size: 24rpx;
      text-align: center;
   }
}
::v-deep.customer-index {
   width: 94%;