| | |
| | | </view> |
| | | </view> |
| | | <view class="separate"></view> |
| | | <view class="contract_wrap"> |
| | | <view class="contract_list" v-for="item in wmsInfo.wmsJobContractVOList"> |
| | | <view class="title">合同号:{{ item.contractCode }}</view> |
| | | <view class="address">收货地:{{ item.address }}</view> |
| | |
| | | <view class="line"> |
| | | <view class="label">数量:</view> |
| | | <view class="value">{{ line.ioQty }}万支</view> |
| | | </view> |
| | | </view> |
| | | </view> |
| | | </view> |
| | |
| | | export default { |
| | | data() { |
| | | return { |
| | | windowTop: 24, |
| | | showDetail: false, |
| | | showPlatformgroup: false, |
| | | capacity: 10, |
| | |
| | | } |
| | | </script> |
| | | <style lang="scss"> |
| | | page{ |
| | | background: #f7f7f7; |
| | | } |
| | | .main_app { |
| | | padding: 30rpx 0 0rpx; |
| | | min-height: 100vh; |
| | | background: #f7f7f7; |
| | | .main_content { |
| | | background-color: #fff; |
| | | padding: 30rpx 30rpx 0; |
| | |
| | | align-items: center; |
| | | margin-bottom: 30rpx; |
| | | .code { |
| | | display: flex; |
| | | font-weight: 600; |
| | | height: 60rpx; |
| | | line-height: 60rpx; |
| | | height: 100%; |
| | | display: flex; |
| | | justify-content: center; |
| | | align-items: center; |
| | | font-size: 32rpx; |
| | | color: #111111; |
| | | border-radius: 8rpx; |
| | | border: 1rpx solid #dfdede; |
| | | text { |
| | | display: flex; |
| | | justify-content: center; |
| | | align-items: center; |
| | | height: 100%; |
| | | &:nth-of-type(1) { |
| | | background: #e9f5f6; |
| | | padding: 0 12rpx; |
| | |
| | | .btn { |
| | | width: 136rpx; |
| | | height: 64rpx; |
| | | line-height: 64rpx; |
| | | text-align: center; |
| | | display: flex; |
| | | justify-content: center; |
| | | align-items: center; |
| | | background: #ffffff; |
| | | border-radius: 40rpx; |
| | | border: 1rpx solid #999999; |
| | |
| | | } |
| | | } |
| | | .detail_modal {
|
| | | height: 100vh;
|
| | | padding: 36rpx 30rpx;
|
| | |
|
| | | border-radius: 12rpx; |
| | | box-shadow: 0 0 6rpx rgba(0, 0, 0, 0.5);
|
| | | .modal_title {
|
| | | font-weight: 600;
|
| | | font-size: 32rpx;
|
| | |
| | | text-align: center;
|
| | | margin-bottom: 36rpx;
|
| | | }
|
| | |
|
| | | .contract_wrap{ |
| | | height: calc( 100% - 400rpx ); |
| | | overflow-y: auto; |
| | | }
|
| | | .contract_list {
|
| | | border-top: 1rpx solid #E5E5E5; |
| | | margin-bottom: 30rpx; |
| | | padding-top: 30rpx; |
| | | &:nth-last-child(1){ |
| | | margin-bottom: 0; |
| | | }
|
| | | .list {
|
| | | background: #f7f7f7;
|
| | | border-radius: 8rpx;
|
| | | padding: 20rpx;
|
| | |
|
| | | .item{ |
| | | border-bottom: 1rpx solid #e5e5e5; |
| | | padding-bottom: 20rpx; |
| | | margin-bottom: 20rpx; |
| | | &:nth-last-child(1){ |
| | | border: none; |
| | | padding-bottom: 0; |
| | | margin-bottom: 0; |
| | | } |
| | | }
|
| | | .line {
|
| | | display: flex;
|
| | | margin-bottom: 20rpx;
|
| | |
|
| | | &:nth-of-type(3n) {
|
| | | border-top: 1rpx solid #e5e5e5;
|
| | | padding-top: 20rpx;
|
| | | &:nth-last-child(1){ |
| | | margin-bottom: 0rpx; |
| | | }
|
| | |
|
| | | .label {
|
| | | color: #666666;
|
| | | width: 86rpx;
|
| | | width: 92rpx;
|
| | | }
|
| | |
|
| | | .value {
|