| | |
| | | <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;"> |
| | | <u-notice-bar :text="originInfoNotice" |
| | | v-if="haveInputOrigin&&!isSpecial" |
| | | fontSize='36'></u-notice-bar> |
| | |
| | | <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; |
| | | style="background: url('https://wrzs.czjlchem.com:9090/appimg/image/banner/statusbutton.png') no-repeat; |
| | | background-size: cover;"> |
| | | {{coalDetailsData.statusView||''}} |
| | | </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 || (weightObj.clean && weightObj.clean === 0) )">{{ 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-tr> |
| | | <uni-tr v-for="(subItem, index) in tmTaskCoalList" :key="index"> |
| | | <uni-td align="center"> |
| | |
| | | <uni-td align="right"> |
| | | <view>{{ subItem.discount }}</view |
| | | ></uni-td> |
| | | <!-- <uni-td align="right"> |
| | | <view>{{ subItem.productQuantity }}</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-tr> |
| | | <uni-tr v-for="(subItem, index) in tmTaskCoalList" :key="index"> |
| | | <uni-td align="left"> |
| | | <view class="name">{{ subItem.productName }}</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 || (subItem.clean && subItem.clean === 0))">{{ Number( subItem.clean).toFixed(2) || '' }}</view> |
| | | </uni-td> --> |
| | | |
| | | |
| | | <uni-td align="right"> |
| | | <view>{{ subItem.productQuantity }}</view |
| | | ></uni-td> |
| | |
| | | </view> |
| | | </view> |
| | | <view class="origin-info" |
| | | v-if="originInfoVisible&&!isSpecial"> |
| | | v-if="originInfoVisible&&!isSpecial&&isShowYuanFa"> |
| | | <view class="origin-info_wrapper"> |
| | | <view class="origin-info_content"> |
| | | <!-- 折叠 --> |
| | |
| | | <u--input placeholder="净重" |
| | | border="surround" |
| | | v-model="coalContactClean" |
| | | :disabled="isModifyoriginInfo"></u--input> |
| | | disabled></u--input> |
| | | </view> |
| | | <view class="unit">吨</view> |
| | | </view> |
| | |
| | | plain |
| | | @click="rcsqClick" |
| | | shape="circle" |
| | | :disabled="currentPageCoalStatus>= 3"></u-button> |
| | | :disabled="currentPageCoalStatus>= 3 && currentPageCoalStatus!==24"></u-button> |
| | | <!-- <u-button text="入场申请" |
| | | type="primary" |
| | | plain |
| | |
| | | return tempArr[index]; |
| | | } |
| | | |
| | | |
| | | |
| | | |
| | | }, |
| | | isShowYuanFa(){ |
| | | if(this.coalContactClean && !this.coalDetailsData.tmTaskCoalList.length){ |
| | | return false |
| | | }else{ |
| | | return true |
| | | } |
| | | } |
| | | |
| | | }, |
| | | methods: { |
| | | ...mapMutations(['changewsgVisiable', 'changeisUploadimg', 'changeglobalIsFirstWeighing']), |
| | |
| | | } |
| | | }) |
| | | } else { |
| | | this.fileList1 = [] |
| | | this.fileList1 = [''] |
| | | } |
| | | |
| | | } else { |
| | |
| | | height: vww(15); |
| | | @include flex; |
| | | justify-content: flex-start; |
| | | .coalName{ |
| | | width: 45%; |
| | | height: 40rpx; |
| | | font-size: 30rpx; |
| | | font-weight: 300; |
| | | color: #515151; |
| | | overflow: hidden; |
| | | text-overflow: ellipsis; |
| | | white-space: nowrap; |
| | | } |
| | | |
| | | .coalName, |
| | | .order-type { |
| | | width: 45%; |
| | | height: 30rpx; |
| | | height: 42rpx; |
| | | font-size: 30rpx; |
| | | font-weight: 300; |
| | | color: #515151; |
| | |
| | | justify-content: flex-start; |
| | | |
| | | .send-date { |
| | | width: 148rpx; |
| | | min-width: 148rpx; |
| | | height: 24rpx; |
| | | margin-left: vww(14); |
| | | font-size: 28rpx; |
| | |
| | | position: relative; |
| | | top: vww(130); |
| | | align-items: flex-start; |
| | | .table{ |
| | | width: 98%!important; |
| | | } |
| | | /deep/ .uni-table{ |
| | | width: 96%; |
| | | min-width: 0!important; |
| | | |
| | | } |
| | | .uni-table-scroll { |
| | | overflow-x: hidden!important; |
| | | } |
| | | .uni-table::-webkit-scrollbar { |
| | | display: none; |
| | | } |