| | |
| | | <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> |
| | | 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="" |
| | | v-if="orderType == '转入' || orderType == '转出'">煤场:{{ coalDetailsData.filedName || '' }}</view> |
| | | v-if="orderType == '转入' || orderType == '转出'">场地:{{ coalDetailsData.filedName || '' }}</view> |
| | | <view class="" |
| | | v-else>仓库:{{ coalDetailsData.filedName || '暂无' }}</view> |
| | | </view> |
| | |
| | | <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-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="center"> |
| | | <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> |
| | | </uni-tr> |
| | | </uni-table> |
| | | </view> |
| | | <!-- 请输入集装箱号 --> |
| | | <view class="codeBox" v-if="coalDetailsData.isContainerNum"> |
| | |
| | | </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"> |
| | | <!-- 折叠 --> |
| | |
| | | <!-- <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 coalDetailsData.tmTaskCoalList" :key="index"> |
| | | <uni-td align="center"> |
| | |
| | | return { |
| | | swiperList:[], |
| | | orderPlanId: null, |
| | | radioValue:'煤场', |
| | | radioValue:'场地', |
| | | tmTaskCoalList:[], |
| | | currentNum:0, |
| | | guideLineshow:false, |
| | |
| | | openName: '', |
| | | serviecePhone: '' |
| | | }, |
| | | coalStatus: ['领取', '预约', '签到', '入场', '称皮', '称毛', '离场', '入磅房', '出磅房', '入煤仓', '出煤仓', '放空', '作废', '入场申请', |
| | | '进入场院', '异常审核中', '返回加减吨', '超时', '打印中', '打印中', '填写', '放空确认中', '超最大毛重确认中' |
| | | coalStatus: ['领取', '预约', '签到', '入场', '称皮', '称毛', '离场', '入磅房', '出磅房', '入仓库', '出仓库', '放空', '作废', '入场申请', |
| | | '进入场院', '异常审核中', '返回加减吨', '超时', '打印中', '打印中', '填写', '放空确认中', '超最大毛重确认中','补打','入场检查','质检中', |
| | | '离场检查','已打印','装卸','返回加减吨确认中' |
| | | ], // 状态 |
| | | weighHouseCode: '', |
| | | // 放空弹窗控制变量 |
| | |
| | | return tempArr[index]; |
| | | } |
| | | |
| | | |
| | | |
| | | }, |
| | | //判断是否展示 原发信息 |
| | | isShowYuanFa(){ |
| | | if(this.coalContactClean && !this.coalDetailsData.tmTaskCoalList.length){ |
| | | return false |
| | | }else{ |
| | | return true |
| | | } |
| | | } |
| | | }, |
| | | methods: { |
| | |
| | | this.guideLineshow = true; |
| | | this.swiperList = []; |
| | | this.activeText = ''; |
| | | this.activeObj.affiliationId = this.coalDetailsData.filedId; //默认查煤场 |
| | | this.activeObj.affiliationId = this.coalDetailsData.filedId; //默认查场地 |
| | | this.getguideFun(); |
| | | |
| | | }, |
| | |
| | | .coalName, |
| | | .order-type { |
| | | width: 45%; |
| | | height: 30rpx; |
| | | height: 60rpx; |
| | | font-size: 30rpx; |
| | | font-weight: 300; |
| | | color: #515151; |
| | | position: relative; |
| | | overflow: hidden; |
| | | text-overflow: ellipsis; |
| | | white-space: nowrap; |
| | | |
| | | } |
| | | |
| | | .black-block { |
| | |
| | | } |
| | | |
| | | .time { |
| | | width: 35%; |
| | | width: 40%; |
| | | height: vww(12); |
| | | display: flex; |
| | | justify-content: flex-start; |
| | | |
| | | .send-date { |
| | | width: 148rpx; |
| | | width: 300rpx; |
| | | height: 24rpx; |
| | | margin-left: vww(14); |
| | | font-size: 28rpx; |