| | |
| | | 张 |
| | | </view> |
| | | <view class="card-left__utils"> |
| | | <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> |
| | | <u-button @tap.stop="receiveClick(item)" text="领取" type="primary" v-if="item.carNum - 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> |
| | | </view> |
| | | </template> |
| | | <template v-slot:right-top> |
| | |
| | | <text class="lingqu" @tap.stop="numInput(item.id)">{{ item.receiveNum || '_______' }}</text> |
| | | 张 |
| | | </view> --> |
| | | <view v-if="item.cars == item.cars2 ? false : true">剩余{{ item.carNum - item.cars2 }}张</view> |
| | | <view v-if="item.carNum == item.cars2 ? false : true">剩余{{ item.carNum - item.cars2 }}张</view> |
| | | <view v-else>已领完</view> |
| | | </view> |
| | | </view> |
| | |
| | | </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" @row-click="faYundetail(item)">{{ item.sendDate }}</uni-td> |
| | | <uni-td align="left" @row-click="faYundetail(item)">{{ item.deptName }}</uni-td> |
| | | <uni-td align="center" @row-click="faYundetail(item)">{{ item.filedName }}</uni-td> |
| | | <uni-td align="center" @row-click="faYundetail(item)">{{ item.coalName }}</uni-td> |
| | | <uni-td align="center" @row-click="faYundetail(item)">{{ item.orderCode }}</uni-td> |
| | | <uni-td align="center" @row-click="faYundetail(item)">{{ item.carNumSurplus }}</uni-td> |
| | | <uni-td align="center" @row-click="faYundetail(item)">{{ item.tmCount }}</uni-td> |
| | | </uni-tr> |
| | | </uni-table> |
| | | <view class="more_text" v-if="showMoreData && historyCoalData.length !== 0">没有数据了...</view> |
| | | </scroll-view> |
| | | </view> |
| | | <!-- 领取弹出框 --> |
| | | <u-popup :show="show" @close="close" @open="open" mode="center" round="10"> |
| | | <view class="receiverPopup"> |
| | |
| | | |
| | | <script> |
| | | import card from '@/components/card/card.vue'; |
| | | import combinedTitle from '@/components/combined-title/combined-title.vue'; |
| | | import { customerId } from '@/utils/status'; |
| | | import { todayDate } from '@/utils/util.js'; |
| | | export default { |
| | | props: { |
| | | orderPlanDataStore: { |
| | | type: Array, |
| | | default: [] |
| | | } |
| | | }, |
| | | components: { |
| | | card |
| | | card, |
| | | combinedTitle |
| | | }, |
| | | watch: { |
| | | orderPlanDataStore: { |
| | | handler(v) { |
| | | this.orderPlanData = v; |
| | | }, |
| | | deep: true, |
| | | immediate: true |
| | | } |
| | | }, |
| | | data() { |
| | | return { |
| | |
| | | getOrderNum: { |
| | | num: '', |
| | | id: null |
| | | } |
| | | }, |
| | | historyCoalData: [], |
| | | // 表格加载状态 |
| | | loading: false, |
| | | scrollTop: 0, |
| | | // 每页数据量 |
| | | pageSize: 10, |
| | | // 当前页 |
| | | pageCurrent: 1, |
| | | // 数据总量 |
| | | total: 0, |
| | | // 是否显示更多数据 |
| | | showMoreData: false |
| | | }; |
| | | }, |
| | | onLoad() {}, |
| | | onShow() { |
| | | this.init(); |
| | | }, |
| | | methods: { |
| | | init() { |
| | | this.GetOrderPlan(); |
| | | this.getJhOrderPlanDataPage(); |
| | | }, |
| | | // 获取发运计划列表 |
| | | GetOrderPlan() { |
| | | uni.showLoading({ |
| | | title: '加载中...' |
| | | }); |
| | | uni.showLoading({ 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 => { |
| | | if (res.data.records) { |
| | | if (this.pageCurrent > 1) { |
| | | this.historyCoalData = this.historyCoalData.concat(res.data.records); |
| | | this.loading = false; |
| | | } else { |
| | | this.historyCoalData = res.data.records; |
| | | this.loading = false; |
| | | } |
| | | // 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(); |
| | | }, |
| | | popupDetermineClick() { |
| | | if (this.receiveNum) { |
| | | this.getOrderNum.num = this.receiveNum; |
| | | uni.showLoading({ |
| | | title: '加载中...' |
| | | }); |
| | | uni.showLoading({ title: '加载中...' }); |
| | | this.$reqPost('customerGet', this.getOrderNum, 'params').then(res => { |
| | | uni.hideLoading(); |
| | | if (res.code == 0) { |
| | |
| | | duration: 1000 |
| | | }); |
| | | } else { |
| | | this.$u.toast(res.data ? res.data : '领取失败'); |
| | | this.$u.toast(res.msg ? res.msg : '领取失败'); |
| | | } |
| | | }); |
| | | } else { |
| | |
| | | }, |
| | | // 提煤单详情 |
| | | cardBodyClick(name) { |
| | | console.log('提煤单详情', name); |
| | | uni.navigateTo({ |
| | | url: `/pages/customer-page/customer-index/fayunPlanDetails/fayunPlanDetails?orderPlanId=${name}` |
| | | console.log(name, 'name'); |
| | | let code = null; |
| | | let cars2 = null; |
| | | this.orderPlanData.forEach(item => { |
| | | if (item.id == name) { |
| | | code = item.code; |
| | | cars2 = item.cars2; |
| | | } |
| | | }); |
| | | uni.navigateTo({ url: `/pages/customer-page/customer-index/fayunPlanDetails/fayunPlanDetails?orderPlanId=${name}&code=${code}&cars2=${cars2}` }); |
| | | }, |
| | | // 点击历史提煤单一行获取详情 |
| | | faYundetail(v) { |
| | | uni.navigateTo({ url: `/pages/customer-page/customer-index/fayunPlanDetails/fayunPlanDetails?orderPlanId=${v.id}&cars2=${v.cars2}` }); |
| | | }, |
| | | // 转发 |
| | | forwardClick(obj) { |
| | | uni.navigateTo({ |
| | | url: `/pages/public-page/forward/forward?orderPlanId=${obj.id}&carNumSurplus1=${obj.carNumSurplus1}` |
| | | }); |
| | | uni.navigateTo({ url: `/pages/public-page/forward/forward?orderPlanId=${obj.id}&carNumSurplus1=${obj.carNumSurplus1}&carNum=${obj.carNum}&cars2=${obj.cars2}` }); |
| | | } |
| | | } |
| | | }; |
| | | </script> |
| | | |
| | | <style lang="scss" scoped> |
| | | .scroll-Y { |
| | | height: 600rpx; |
| | | margin-bottom: vww(50); |
| | | .more_text { |
| | | color: #999; |
| | | font-size: 24rpx; |
| | | text-align: center; |
| | | } |
| | | } |
| | | ::v-deep.customer-index { |
| | | width: 94%; |
| | | margin: 0 auto; |
| | | // 主体 |
| | | .customer-index-body { |
| | | margin-bottom: vww(56); |
| | | margin-bottom: vww(10); |
| | | .card-left__top { |
| | | margin-top: vww(26); |
| | | text-align: center; |