| | |
| | | |
| | | <!-- 待领取和转发收发单 --> |
| | | <view class="wait-collection" |
| | | style="background: url('https://mx.jzeg.cn:9096/appimg/image/banner/customerbanner.png') no-repeat;background-size:contain"> |
| | | style="background: url('https://wrzs.czjlchem.com:9090/appimg/image/banner/customerbanner.png') no-repeat;background-size:contain"> |
| | | </view> |
| | | <!-- 自主配送界面 --> |
| | | <view class="self-deliver" v-if="personnelType === 1"> |
| | |
| | | @click="cardBodyClick(item)"> |
| | | <view class="first-line"> |
| | | <view class="dispatch-receive"> |
| | | <view class="dispatch-dept">{{ item.deptName }}</view> |
| | | <view class="black-bar"></view> |
| | | <!-- <view class="dispatch-dept">{{ item.deptName }}</view> |
| | | <view class="black-bar"></view> --> |
| | | <view class="dispatch">{{ item.filedName }}</view> |
| | | </view> |
| | | <view class="point-number"> |
| | |
| | | </view> |
| | | <view class="second-line"> |
| | | <view class="coal-name"> |
| | | <view class="">{{ item.productNames || item.productName }}</view> |
| | | <view class="coal-name-tag">{{ item.productNames || item.productName }} <text style="margin-left: 20rpx;">{{ proType[item.packingType]}}</text> </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}} |
| | | <text>订单编号:</text>{{item.orderCode}} |
| | | </view> |
| | | <view class="second-line"> |
| | | <text>日计划编号:</text>{{item.code}} |
| | | </view> |
| | | <view class="third-line"> |
| | | <view class="time-icon"> |
| | | <view |
| | | style="width: 12rpx;height: 12rpx;line-height: 24rpx;background: url('https://mx.jzeg.cn:9096/appimg/image/banner/clock.png') no-repeat;background-size: cover"> |
| | | style="width: 12rpx;height: 12rpx;line-height: 24rpx;background: url('https://wrzs.czjlchem.com:9090/appimg/image/banner/clock.png') no-repeat;background-size: cover"> |
| | | </view> |
| | | </view> |
| | | <view class="send-date">{{ item.sendDate }}</view> |
| | | </view> |
| | | <view class="fourth-line"> |
| | | <view class="receive" |
| | | @click.stop="receiveClick(item)"> |
| | | @click.stop="receiveClick(item)" |
| | | v-if="Number(item.cars2) < Number(item.carNum)" |
| | | > |
| | | <view class="button-image">领取</view> |
| | | </view> |
| | | <view class="forward" |
| | |
| | | :key="index" |
| | | @click="faYundetail(item)"> |
| | | <view class="first"> |
| | | <view class="">{{ item.deptName || '' }}</view> |
| | | <view class="">{{ item.filedName || '' }}</view> |
| | | <view class=""><u-icon name="arrow-right" |
| | | color="#999999" |
| | | size="40"></u-icon></view> |
| | | </view> |
| | | <view class="second"> |
| | | <view class="coal-name">{{ item.productNames || item.productName }}</view> |
| | | <view class="coal-name">{{ item.productNames || item.productName }} <text style="margin-left: 20rpx;">{{ proType[item.packingType]}}</text></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:9096/appimg/image/banner/clock.png') no-repeat;background-size: cover"> |
| | | style="width: 24rpx;height: 24rpx;line-height: 24rpx;background: url('https://wrzs.czjlchem.com:9090/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:9096/appimg/image/banner/carnNUm.png') no-repeat;background-size: cover;"> |
| | | style="width: 26rpx;height: 26rpx;line-height: 26rpx;background: url('https://wrzs.czjlchem.com:9090/appimg/image/banner/carnNUm.png') no-repeat;background-size: cover;"> |
| | | </view> |
| | | </view> |
| | | <view class="senddate">{{ item.orderCode }}</view> |
| | |
| | | data() { |
| | | return { |
| | | orderPlanData: [], |
| | | proType:['散装','液氯瓶装','罐装','PVC25','PVC80','PVC1150','PVc1200'], |
| | | personnelType:'', // 用户类型 |
| | | show: false, // 领取收发单弹出框 |
| | | receiveNum: null, |
| | |
| | | * 领取弹框 |
| | | */ |
| | | receiveClick(item) { |
| | | console.log(item,'213') |
| | | this.show = true; |
| | | this.receiveNum = item.carNum; |
| | | this.getOrderNum.id = item.id; // 获取领取收发单的id |
| | | this.cars2 = item.cars2 |
| | | this.carNum = item.carNum |
| | |
| | | }, |
| | | // 转发 |
| | | forwardClick(obj) { |
| | | console.log(111,obj) |
| | | 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}` }); |
| | | .navigateTo({ url: `/pages/public-page/forward/forward?orderPlanId=${obj.id}&orderType=${obj.orderType}&carNumSurplus1=${obj.carNumSurplus1}&carNum=${obj.carNum}&cars2=${obj.cars2}&productName=${obj.productName}&customerId=${obj.customerId}&pvcPlanMeasure=${obj.pvcPlanMeasure}&packingType=${obj.packingType}`}); |
| | | }, |
| | | // 自主配送 |
| | | selfDeliver() { |
| | |
| | | justify-content: flex-start; |
| | | |
| | | .coal-name { |
| | | min-width: vww(30); |
| | | width: 70%; |
| | | height: vww(50); |
| | | margin-right: vww(21); |
| | | white-space: nowrap; /* 不换行 */ |
| | | overflow: hidden; /* 超出隐藏 */ |
| | | text-overflow: ellipsis; |
| | | } |
| | | |
| | | .order-type { |
| | |
| | | } |
| | | |
| | | .dispatch { |
| | | margin-left: vww(12); |
| | | // margin-left: vww(12); |
| | | min-width: vww(50); |
| | | } |
| | | |
| | |
| | | |
| | | .second-line { |
| | | width: 100%; |
| | | height: vww(90); |
| | | height: vww(50); |
| | | margin-left: vww(16); |
| | | display: flex; |
| | | align-items: center; |
| | |
| | | margin-bottom: 15rpx; |
| | | |
| | | .coal-name { |
| | | width: 80%; |
| | | flex-grow: 1; |
| | | height: 30rpx; |
| | | font-size: 30rpx; |
| | |
| | | display: flex; |
| | | margin-top: 20rpx; |
| | | align-items: center; |
| | | .coal-name-tag{ |
| | | width: 70%; |
| | | white-space: nowrap; /* 不换行 */ |
| | | overflow: hidden; /* 超出隐藏 */ |
| | | text-overflow: ellipsis; |
| | | } |
| | | |
| | | .black-bar { |
| | | width: 2rpx; |