| | |
| | | <template> |
| | | <view class="bill-of-lading-details"> |
| | | <view class="top-banner" |
| | | style="background: url('https://mx.jzeg.cn:9096/appimg/image/banner/loadingbanner.png') no-repeat;background-size: cover;"> |
| | | style="background: url('https://wrzs.czjlchem.com:9090/appimg/image/banner/loadingbanner.png') no-repeat;background-size: cover;"> |
| | | <view class="top-information"> |
| | | <view class="cutomer-name" |
| | | v-if="orderType == '转入' || orderType == '转出'">场地:{{ coalDetailsData.toFiledName || '' }}</view> |
| | | <view class="cutomer-name" |
| | | v-else>客户:{{ coalDetailsData.customerName || '' }}</view> |
| | | <view class="fild-name"> |
| | | <view class="">矿场:{{ coalDetailsData.deptName || '暂无' }}</view> |
| | | <view class="">单位:{{ coalDetailsData.deptName || '暂无' }}</view> |
| | | <view class="" |
| | | v-if="orderType == '转入' || orderType == '转出'">场地:{{ coalDetailsData.filedName || '' }}</view> |
| | | <view class="" |
| | | v-else>仓库:{{ coalDetailsData.filedName || '暂无' }}</view> |
| | | v-else>厂区:{{ coalDetailsData.bunkerName || '暂无' }}</view> |
| | | </view> |
| | | </view> |
| | | <view class="block-information"> |
| | |
| | | <view class="basic"> |
| | | <view class="coalName">{{ coalDetailsData.productNames || coalDetailsData.productName }}</view> |
| | | <view class="status-button" |
| | | style="background: url('https://mx.jzeg.cn:9096/appimg/image/banner/statusbutton.png') no-repeat; |
| | | background-size: cover;"> |
| | | style="background: url('https://wrzs.czjlchem.com:9090/appimg/image/banner/statusbutton.png') no-repeat; |
| | | background-size: cover;"> |
| | | {{coalDetailsData.statusView||''}} |
| | | </view> |
| | | </view> |
| | |
| | | <view class="weigh-item" v-if="isShowClean"> |
| | | <view class="item"> |
| | | <view class="concrete" |
| | | style="background: url('https://mx.jzeg.cn:9096/appimg/image/banner/skin.png') no-repeat;background-size: cover;"> |
| | | style="background: url('https://wrzs.czjlchem.com:9090/appimg/image/banner/skin.png') no-repeat;background-size: cover;"> |
| | | 皮</view> |
| | | <view class="num" v-if="weightObj.skin">{{ Number(weightObj.skin).toFixed(2) ||"" }}</view> |
| | | </view> |
| | | <view class="item"> |
| | | <view class="concrete" |
| | | style="background: url('https://mx.jzeg.cn:9096/appimg/image/banner/hair.png') no-repeat;background-size: cover;"> |
| | | style="background: url('https://wrzs.czjlchem.com:9090/appimg/image/banner/hair.png') no-repeat;background-size: cover;"> |
| | | 毛</view> |
| | | <view class="num" v-if="weightObj.hair">{{ Number(weightObj.hair).toFixed(2) ||"" }}</view> |
| | | </view> |
| | | <view class="item"> |
| | | <view class="concrete" |
| | | style="background: url('https://mx.jzeg.cn:9096/appimg/image/banner/clean.png') no-repeat;background-size: cover;"> |
| | | style="background: url('https://wrzs.czjlchem.com:9090/appimg/image/banner/clean.png') no-repeat;background-size: cover;"> |
| | | 净</view> |
| | | <view class="num" v-if="weightObj.clean">{{ Number(weightObj.clean).toFixed(2) ||"" }}</view> |
| | | </view> |
| | |
| | | <view class="table"> |
| | | <uni-table border |
| | | id="table-box" |
| | | v-if="coalDetailsData.isWeight === 1" |
| | | emptyText="暂无更多数据"> |
| | | <uni-tr> |
| | | <uni-th align="center" >产品</uni-th> |
| | | <uni-th align="center" >产品等级</uni-th> |
| | | <uni-th align="center" >包装类型</uni-th> |
| | | <uni-th align="center" >计划量</uni-th> |
| | | <uni-th align="center" >实际量</uni-th> |
| | | <uni-th align="center">皮重</uni-th> |
| | | <uni-th align="center">毛重</uni-th> |
| | | <uni-th align="center">净重</uni-th> |
| | | <uni-th align="center">扣吨</uni-th> |
| | | <uni-th align="center">件数</uni-th> |
| | | <!-- <uni-th align="center">件数</uni-th> --> |
| | | <uni-th align="center">单位</uni-th> |
| | | </uni-tr> |
| | | <uni-tr v-for="(subItem, index) in tmTaskCoalList" :key="index"> |
| | | <uni-td align="center"> |
| | | <view class="name">{{ subItem.productName }}</view></uni-td> |
| | | <uni-td align="center"> |
| | | <view class="name">{{ subItem.productGrade }}</view></uni-td> |
| | | <uni-td align="center"> |
| | | <view class="name">{{ proType[subItem.packingType] }}</view></uni-td> |
| | | <uni-td align="center"> |
| | | <view class="name">{{ subItem.planMeasure }}</view></uni-td> |
| | | <uni-td align="center"> |
| | | <view class="name">{{ subItem.realityMeasure }}</view></uni-td> |
| | | <uni-td align='right'> |
| | | <view v-if="subItem.skin">{{ Number( subItem.skin).toFixed(2) || ''}}</view> |
| | | </uni-td> |
| | |
| | | <uni-td align="right"> |
| | | <view>{{ subItem.discount }}</view |
| | | ></uni-td> |
| | | <!-- <uni-td align="right"> |
| | | <view>{{ subItem.productQuantity }}</view |
| | | ></uni-td> --> |
| | | <uni-td align="right"> |
| | | <view>{{ subItem.productUnit }}</view |
| | | ></uni-td> |
| | | </uni-tr> |
| | | </uni-table> |
| | | |
| | | <uni-table border |
| | | id="table-box" |
| | | v-else |
| | | emptyText="暂无更多数据"> |
| | | <uni-tr> |
| | | <uni-th align="center" >产品</uni-th> |
| | | <uni-th align="center" >产品等级</uni-th> |
| | | <uni-th align="center" >包装类型</uni-th> |
| | | <uni-th align="center" >计划量</uni-th> |
| | | <uni-th align="center" >实际量</uni-th> |
| | | <!-- <uni-th align="center">皮重</uni-th> |
| | | <uni-th align="center">毛重</uni-th> |
| | | <uni-th align="center">净重</uni-th> --> |
| | | |
| | | <uni-th align="center">件数</uni-th> |
| | | <uni-th align="center">单位</uni-th> |
| | | </uni-tr> |
| | | <uni-tr v-for="(subItem, index) in tmTaskCoalList" :key="index"> |
| | | <uni-td align="center"> |
| | | <view class="name">{{ subItem.productName }}</view></uni-td> |
| | | <uni-td align="center"> |
| | | <view class="name">{{ subItem.productGrade }}</view></uni-td> |
| | | <uni-td align="center"> |
| | | <view class="name">{{ proType[subItem.packingType] }}</view></uni-td> |
| | | <uni-td align="center"> |
| | | <view class="name">{{ subItem.planMeasure }}</view></uni-td> |
| | | <uni-td align="center"> |
| | | <view class="name">{{ subItem.realityMeasure }}</view></uni-td> |
| | | <!-- <uni-td align='right'> |
| | | <view v-if="subItem.skin">{{ Number( subItem.skin).toFixed(2) || ''}}</view> |
| | | </uni-td> |
| | | <uni-td align='right'> |
| | | <view class="name" v-if="subItem.hair">{{ Number(subItem.hair) .toFixed(2) || '' }}</view> |
| | | </uni-td> |
| | | <uni-td align='right'> |
| | | <view class="name" v-if="subItem.clean">{{ Number( subItem.clean).toFixed(2) || '' }}</view> |
| | | </uni-td> --> |
| | | |
| | | |
| | | <uni-td align="right"> |
| | | <view>{{ subItem.productQuantity }}</view |
| | | ></uni-td> |
| | | <uni-td align="right"> |
| | | <view>{{ subItem.productUnit }}</view |
| | | ></uni-td> |
| | | </uni-tr> |
| | | </uni-table> |
| | |
| | | </view> |
| | | </view> |
| | | <view class="origin-info" |
| | | v-if="originInfoVisible"> |
| | | v-if="originInfoVisible && isShowYuanFa"> |
| | | <view class="origin-info_wrapper"> |
| | | <view class="origin-info_content"> |
| | | <!-- 折叠 --> |
| | | <view class="first-line"><combined-title title="原发信息"></combined-title></view> |
| | | <view class="" slot='cont'> |
| | | |
| | | <u-form :model="originInfoForm" |
| | | :rules="rules" |
| | | label-position="top" |
| | | label-width="160" |
| | | :label-style="{'marginLeft':'9px'}" |
| | | ref="originInfoRef"> |
| | | |
| | | <view v-if="coalDetailsData.isWeight"> |
| | | <u-form-item prop="coalContactSkin"> |
| | | <view class="second-line"> |
| | |
| | | :deletable="!deletable"></u-upload> |
| | | </u-form-item> |
| | | </u-form> |
| | | </view> |
| | | |
| | | |
| | | |
| | | </view> |
| | |
| | | data() { |
| | | return { |
| | | swiperList:[], |
| | | proType:['散装','液氯瓶装','罐装','PVC25','PVC80','PVC1150','PVc1200'], |
| | | orderPlanId: null, |
| | | radioValue:'场地', |
| | | tmTaskCoalList:[], |
| | |
| | | return tempArr[index]; |
| | | } |
| | | |
| | | |
| | | |
| | | }, |
| | | //判断是否展示 原发信息 |
| | | isShowYuanFa(){ |
| | | if(this.coalContactClean && !this.coalDetailsData.tmTaskCoalList.length){ |
| | | return false |
| | | }else{ |
| | | return true |
| | | } |
| | | } |
| | | |
| | | }, |
| | | methods: { |
| | | ...mapMutations(['changewsgVisiable', 'changeisUploadimg', 'changeglobalIsFirstWeighing']), |
| | |
| | | .coalName, |
| | | .order-type { |
| | | width: 45%; |
| | | height: 30rpx; |
| | | height: 70rpx; |
| | | font-size: 30rpx; |
| | | font-weight: 300; |
| | | color: #515151; |
| | | position: relative; |
| | | overflow: hidden; |
| | | text-overflow: ellipsis; |
| | | white-space: nowrap; |
| | | } |
| | | |
| | | .black-block { |
| | |
| | | } |
| | | |
| | | .origin-info { |
| | | width: 690rpx; |
| | | width: 95%; |
| | | margin: vww(20) vww(15) vww(13); |
| | | background: #ffffff; |
| | | box-shadow: 0rpx 0rpx 14rpx 0rpx rgba(73, 120, 240, 0.14), 0rpx 7rpx 45rpx 0rpx rgba(73, 120, 240, 0.12); |
| | |
| | | top: vww(130); |
| | | |
| | | &_wrapper { |
| | | width: 650rpx; |
| | | width: 100%; |
| | | @include flex; |
| | | flex-direction: column; |
| | | margin-bottom: vww(20); |
| | |
| | | } |
| | | } |
| | | } |
| | | |
| | | |
| | | .weigh-ability { |
| | | width: 631rpx; |