微信绑定测试

qingyiay

2023-03-28 5c01be6370291febe52adfa74fad8101a197c388

 pages/freight-forwarder-page/freightForwarder-index/freightForwarder-index.vue

@@ -14,7 +14,7 @@
               <view class="right-top">
                  <view class="card-right-top-row">
                     <view>
                        <text>转发剩余：{{ item.carNumSurplusHuodai || '' }}</text>
                        <text>转发剩余：{{ item.carNumSurplusHuodai || 0 }}</text>
                     </view>
                     <view>
                        <text>{{ item.coalName || '' }}</text>
@@ -29,14 +29,82 @@
            </template>
         </card>
      </view>
      <view class="history-numbers">
         <combined-title title="历史提煤单"></combined-title>
         <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>
                  <uni-th width="100" align="center">所属单位</uni-th>
                  <uni-th align="center" width="150">煤场名称</uni-th>
                  <uni-th align="center" width="100">煤种名称</uni-th>
                  <uni-th align="center" width="150">订单编号</uni-th>
                  <uni-th align="center" width="100">订单剩余量</uni-th>
                  <uni-th align="center" width="80">提煤单个数</uni-th>
               </uni-tr>
               <uni-tr v-for="(item, index) in historyCoalData" :key="index">
                  <uni-td align="center">{{ item.sendDate }}</uni-td>
                  <uni-td align="left">{{ item.deptName }}</uni-td>
                  <uni-td align="center">{{ item.filedName }}</uni-td>
                  <uni-td align="center">{{ item.coalName }}</uni-td>
                  <uni-td align="center">{{ item.orderCode }}</uni-td>
                  <uni-td align="center">{{ item.carNumSurplus }}</uni-td>
                  <uni-td align="center">{{ item.tmCount }}</uni-td>
               </uni-tr>
            </uni-table>
            <view class="more_text" v-if="showMoreData">没有数据了...</view>
         </scroll-view>
      </view>
   </view>
</template>

<script>
import combinedTitle from '@/components/combined-title/combined-title.vue';
export default {
   props: {
      indexHistoryCoalData: {
         type: Array,
         default: []
      },
      indexHuoDaiOrderPlanData: {
         type: Array,
         default: []
      }
   },
   watch: {
      indexHistoryCoalData: {
         handler(v) {
            this.historyCoalData = v;
         },
         deep: true,
         immediate: true
      },
      indexHuoDaiOrderPlanData: {
         handler(v) {
            this.orderPlanData = v;
         },
         deep: true,
         immediate: true
      }
   },
   components: {
      combinedTitle
   },
   data() {
      return {
         orderPlanData: []
         orderPlanData: [],
         historyCoalData: [],
         // 表格加载状态
         loading: false,
         scrollTop: 0,
         // 每页数据量
         pageSize: 10,
         // 当前页
         pageCurrent: 1,
         // 数据总量
         total: 0,
         // 是否显示更多数据
         showMoreData: false
      };
   },
   onShow() {
@@ -48,8 +116,26 @@
      }
   },
   methods: {
      // 获取历史提煤单
      getJhOrderPlanDataPage() {
         this.loading = true;
         this.$reqGet('getJhOrderPlanDataPage', { current: this.pageCurrent, size: this.pageSize }).then(res => {
            if (res.data.records) {
               this.historyCoalData = [...this.historyCoalData, ...res.data.records];
               this.total = res.data.total;
               this.loading = false;
            }
         });
      },
      // 上拉加载
      historyScrolltolower() {
         if (this.pageCurrent * this.pageSize >= this.total) return (this.showMoreData = true);
         this.pageCurrent++;
         this.getJhOrderPlanDataPage();
      },
      init() {
         this.huoDaiList();
         this.getJhOrderPlanDataPage();
      },
      huoDaiList() {
         this.$reqGet('huoDaiList').then(res => {
@@ -57,14 +143,20 @@
         });
      },
      cardBodyClick(id) {
         let code = null;
         this.orderPlanData.forEach(item => {
            if (item.id == id) {
               code = item.code;
            }
         });
         uni.navigateTo({
            url: `/pages/customer-page/customer-index/fayunPlanDetails/fayunPlanDetails?orderPlanId=${id}`
            url: `/pages/customer-page/customer-index/fayunPlanDetails/fayunPlanDetails?orderPlanId=${id}&code=${code}`
         });
      },
      // 转发
      forwardClick(value) {
         uni.navigateTo({
            url: `/pages/public-page/forward/forward?orderPlanId=${value.orderPlanId}&carNumSurplusHuodai=${value.carNumSurplusHuodai}`
            url: `/pages/public-page/forward/forward?orderPlanId=${value.orderPlanId}&carNumSurplusHuodai=${value.carNumSurplusHuodai}&carNum=${value.carNum}`
         });
      }
   }
@@ -72,6 +164,14 @@
</script>

<style lang="scss" scoped>
.scroll-Y {
   height: 600rpx;
   .more_text {
      color: #999;
      font-size: 24rpx;
      text-align: center;
   }
}
::v-deep.freightForwarder-index {
   width: 94%;
   margin: 0 auto;