| | |
| | | <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.filedName || '暂无' }}</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> |
| | |
| | | .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 { |
| | |
| | | } |
| | | } |
| | | } |
| | | |
| | | |
| | | .weigh-ability { |
| | | width: 631rpx; |