首页增加历史提煤单

qingyiay

2023-03-23 accaf01dabdf317e67b7f24c13c81c1023d51cd4

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

@@ -9,8 +9,8 @@
                  张
               </view>
               <view class="card-left__utils">
                  <u-button @tap.stop="receiveClick(item)" text="领取" type="primary" v-if="item.cars2 == 0" shape="circle"></u-button>
                  <u-button text="转发" type="primary" @tap.stop="forwardClick(item)" shape="circle" v-if="item.carNumSurplus1 == 0"></u-button>
                  <u-button @tap.stop="receiveClick(item)" text="领取" type="primary" v-if="item.cars2 != item.carNum" shape="circle"></u-button>
                  <u-button text="转发" type="primary" @tap.stop="forwardClick(item)" shape="circle" v-if="item.carNum != item.carNumSurplus1"></u-button>
               </view>
            </template>
            <template v-slot:right-top>
@@ -46,7 +46,32 @@
            </template>
         </card>
      </view>

      <view class="history-numbers">
         <combined-title title="历史提煤单"></combined-title>
         <scroll-view :scroll-top="scrollTop" scroll-y="true" class="scroll-Y">
            <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>
         </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">
         <view class="receiverPopup">
@@ -60,12 +85,12 @@

<script>
import card from '@/components/card/card.vue';
import combinedTitle from '@/components/combined-title/combined-title.vue';
import { customerId } from '@/utils/status';
import colorGradient from '@/uni_modules/uview-ui/libs/function/colorGradient';
import { todayDate } from '@/utils/util.js';
export default {
   components: {
      card
      card,
      combinedTitle
   },
   data() {
      return {
@@ -75,16 +100,27 @@
         getOrderNum: {
            num: '',
            id: null
         }
         },
         historyCoalData: [],
         // 表格加载状态
         loading: false,
         scrollTop: 0,
         // 每页数据量
         pageSize: 5,
         // 当前页
         pageCurrent: 1,
         // 数据总量
         total: 0
      };
   },
   onLoad() {},
   onShow() {
      this.init();
      console.log(todayDate, '获取今天的日期');
   },
   methods: {
      init() {
         this.GetOrderPlan();
         this.getJhOrderPlanDataPage();
      },
      // 获取发运计划列表
      GetOrderPlan() {
@@ -96,10 +132,20 @@
            uni.hideLoading();
         });
      },
      // 领取点击
      // numInput(id) {

      // },
      // 获取历史提煤单
      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;
         });
      },
      change2(e) {
         console.log(e, '页码改变');
         this.pageCurrent = e.current;
         this.getJhOrderPlanDataPage();
      },
      popupDetermineClick() {
         if (this.receiveNum) {
            this.getOrderNum.num = this.receiveNum;
@@ -116,6 +162,8 @@
                     icon: 'none',
                     duration: 1000
                  });
               } else {
                  this.$u.toast(res.data ? res.data : '领取失败');
               }
            });
         } else {
@@ -128,17 +176,14 @@
      },
      /**
       * @客户领取
       * 领取弹框
       */
      receiveClick(item) {
         this.show = true;

         this.getOrderNum.id = item.id; // 获取领取提煤单的id
      },
      open() {
         console.log('打开了');
      },
      open() {},
      close() {
         console.log('关闭方法');
         this.show = false;
         this.receiveNum = null;
      },
@@ -148,14 +193,20 @@
      // 提煤单详情
      cardBodyClick(name) {
         console.log('提煤单详情', name);
         let code = null;
         this.orderPlanData.forEach(item => {
            if (item.id == name) {
               code = item.code;
            }
         });
         uni.navigateTo({
            url: `/pages/customer-page/customer-index/fayunPlanDetails/fayunPlanDetails?orderPlanId=${name}`
            url: `/pages/customer-page/customer-index/fayunPlanDetails/fayunPlanDetails?orderPlanId=${name}&code=${code}`
         });
      },
      // 转发
      forwardClick(obj) {
         uni.navigateTo({
            url: `/pages/public-page/forward/forward?orderPlanId=${obj.id}&carNumSurplus1=${obj.carNumSurplus1}`
            url: `/pages/public-page/forward/forward?orderPlanId=${obj.id}&carNumSurplus1=${obj.carNumSurplus1}&carNum=${obj.carNum}&cars2=${obj.cars2}`
         });
      }
   }
@@ -163,6 +214,12 @@
</script>

<style lang="scss" scoped>
.uni-pagination-box {
   height: 60rpx;
}
.scroll-Y {
   height: 600rpx;
}
::v-deep.customer-index {
   width: 94%;
   margin: 0 auto;