| | |
| | | <view class=""> |
| | | <view class="customer-index"> |
| | | <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://mx.jzeg.cn:9096/appimg/image/banner/customerbanner.png') no-repeat;background-size:contain"> |
| | | </view> |
| | | <!-- 自主配送界面 --> |
| | | <view class="self-deliver"> |
| | | <view class="self-deliver_text"> |
| | | 创建日计划订单 |
| | | </view> |
| | | <view class="self-deliver_btn"> |
| | | <u-button text="去创建" |
| | | type="primary" |
| | | shape="cirle" |
| | | @click="selfDeliver"></u-button> |
| | | </view> |
| | | </view> |
| | | <view style="position: relative;top: -120px;"> |
| | | <u-empty mode="data" |
| | |
| | | <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"> |
| | | <view class="">{{ item.coalName }}</view> |
| | | <view class="">{{ item.productName }}</view> |
| | | <view class="black-bar"></view> |
| | | <view class="coal-type" |
| | | 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://mx.jzeg.cn:9096/appimg/image/banner/clock.png') no-repeat;background-size: cover"> |
| | | </view> |
| | | </view> |
| | | <view class="send-date">{{ item.sendDate }}</view> |
| | |
| | | size="40"></u-icon></view> |
| | | </view> |
| | | <view class="second"> |
| | | <view class="coal-name">{{ item.coalName || '' }}</view> |
| | | <view class="coal-name">{{ item.coalName || item.productName }}</view> |
| | | <view class="order-type">{{ item.orderType || '' }}</view> |
| | | </view> |
| | | <view class="third"> |
| | |
| | | <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://mx.jzeg.cn:9096/appimg/image/banner/clock.png') no-repeat;background-size: cover"> |
| | | </view> |
| | | </view> |
| | | <view class="senddate">{{ item.sendDate }}</view> |
| | |
| | | <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://mx.jzeg.cn:9096/appimg/image/banner/carnNUm.png') no-repeat;background-size: cover;"> |
| | | </view> |
| | | </view> |
| | | <view class="senddate">{{ item.orderCode }}</view> |
| | |
| | | <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> |
| | |
| | | total: 0, |
| | | // 是否显示更多数据 |
| | | showMoreData: false, |
| | | cars2: "", |
| | | carNum: "", |
| | | cars2: "", //领取日计划的车数 |
| | | carNum: "", //日计划的总车数 |
| | | // 剩余的提煤单数量 |
| | | carNumSurplus: '', |
| | | canClick: false |
| | | canClick: false, |
| | | popupDetermineClickLoading: false |
| | | }; |
| | | }, |
| | | onLoad() { |
| | |
| | | // 获取发运计划列表 |
| | | GetOrderPlan() { |
| | | uni.showLoading({ title: '加载中...' }); |
| | | this.$reqGet('GetOrderPlan').then(res => { |
| | | this.$reqGet('GetOrderPlan',{orderType:"外购"}).then(res => { |
| | | if (res.data) { |
| | | this.orderPlanData = res.data; |
| | | uni.hideLoading(); |
| | |
| | | }, []); |
| | | 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; |
| | |
| | | duration: 1000 |
| | | }); |
| | | } else { |
| | | this.popupDetermineClickLoading = false; |
| | | this.$u.toast(res.msg ? res.msg : '领取失败'); |
| | | } |
| | | }); |
| | |
| | | this.$u.toast('已超过当前日计划提煤单数量,请重新输入') |
| | | } |
| | | }, |
| | | // 提煤单详情 |
| | | // (顶部)发运计划详情 |
| | | cardBodyClick(v) { |
| | | uni |
| | | .navigateTo({ url: `/pages/customer-page/customer-index/fayunPlanDetails/fayunPlanDetails?orderPlanId=${v.id}&code=${v.code}&cars2=${v.cars2}` }); |
| | |
| | | if (obj.cars2 == 0) return this.$u.toast('请先领取后再转发'); |
| | | uni |
| | | .navigateTo({ url: `/pages/public-page/forward/forward?orderPlanId=${obj.id}&carNumSurplus1=${obj.carNumSurplus1}&carNum=${obj.carNum}&cars2=${obj.cars2}` }); |
| | | }, |
| | | // 自主配送 |
| | | selfDeliver() { |
| | | uni.navigateTo({ |
| | | url: '/pages/customer-page/addDailyPlan/addDailyPlan' |
| | | }) |
| | | } |
| | | } |
| | | }; |
| | |
| | | |
| | | <style lang="scss" |
| | | scoped> |
| | | |
| | | @mixin flex { |
| | | display: flex; |
| | | justify-content: space-between; |
| | | align-items: center; |
| | | } |
| | | // 自主配送 |
| | | .self-deliver { |
| | | position: relative; |
| | | top: vww(-150); |
| | | width: 88%; |
| | | height: vww(50); |
| | | margin: vww(8) auto; |
| | | padding: 0 vww(8); |
| | | background: #ffffff; |
| | | box-shadow: 0rpx 0rpx 14rpx 0rpx rgba(73, 120, 240, 0.14), 0rpx 7rpx 45rpx 0rpx rgba(73, 120, 240, 0.12); |
| | | border-radius: 20rpx; |
| | | @include flex; |
| | | |
| | | |
| | | } |
| | | /deep/.u-button { |
| | | width: 100%; |
| | | height: 28px !important; |
| | | line-height: 40px; |
| | | padding: 0 12px; |
| | | font-size: 28rpx; |
| | | font-weight: 300; |
| | | color: #ffffff; |
| | | background: #497bfb !important; |
| | | letter-spacing: 4rpx; |
| | | border-radius: 37rpx 37rpx 37rpx 37rpx !important; |
| | | box-shadow: 2rpx 3rpx 13rpx 0rpx rgba(43, 98, 239, 0.5), 0rpx 0rpx 9rpx 0rpx rgba(247, 250, 253, 0.29); |
| | | } |
| | | |
| | | .wait-collection { |
| | | width: 100%; |
| | |
| | | |
| | | .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; |
| | |
| | | } |
| | | } |
| | | } |
| | | </style> |
| | | </style> |