fix:司机部分页面问题修改

yangan

2024-06-18 ff4f3ab0c60e21bc1e356a7311da7257b74c963d

 pages/driver-page/driver-index/bill-of-lading-details/bill-of-lading-details.vue

@@ -15,13 +15,13 @@
               <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="block-main">
               <view class="basic">
                  <view class="coalName">{{ coalDetailsData.coalName }}</view>
                  <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;">
@@ -34,7 +34,9 @@
                        size="40"></u-icon></view>
                  <view class="send-date">{{ coalDetailsData.sendDate }}</view>
               </view>
               <view class="coal-code">类型:&nbsp;&nbsp;{{ coalDetailsData.orderType || '' }}</view>
               <view class="coal-code">提煤单编号:&nbsp;&nbsp;{{ coalDetailsData.code || '' }}</view>
               <view class="coal-code">车牌号:&nbsp;&nbsp;{{ coalDetailsData.carNo || '' }}</view>
               <view class="order-code"
                  v-if="!isSpecial">
                  订单编号:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{ coalDetailsData.orderCode || '' }}</view>
@@ -44,35 +46,79 @@
                  v-show="timeLineStatus===9">
                  查看装载情况
               </view>
               <view class="weigh-item">
               <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;">
                        皮</view>
                     <view class="num">{{ coalDetailsData.skin||"" }}</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;">
                        毛</view>
                     <view class="num">{{ coalDetailsData.hair||""  }}</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;">
                        净</view>
                     <view class="num">{{ coalDetailsData.clean||""  }}</view>
                     <view class="num" v-if="weightObj.clean">{{ Number(weightObj.clean).toFixed(2)  ||""  }}</view>
                  </view>
               </view>
            </view>
         </view>
      </view>
      <!-- 子菜单 ---表格 -->
      <view class="sub-table">
         <view class="first-line"><combined-title title="产品信息"></combined-title></view>
         <view class="table">
            <uni-table  border 
             id="table-box"
         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">{{ Number( subItem.clean).toFixed(2) || '' }}</view>
               </uni-td>
					
                <uni-td align="right">
               <view>{{ subItem.discount }}</view
               ></uni-td>
					 
            </uni-tr>
            </uni-table>
         </view>
      </view>
      <view class="origin-info"
         v-if="originInfoVisible&&!isSpecial">
         <view class="origin-info_wrapper">
            <view class="origin-info_content">
               <view class="first-line"><combined-title title="原发信息"></combined-title></view>
               <u-form :model="originInfoForm"
               <!-- 折叠 -->
               <zh-collapse  accordion>
               <zh-collapse-item 
               class="collItem">
               <!-- title -->
               <view slot="title">
                  <view class="first-line"><combined-title title="原发信息"></combined-title></view>

               </view>
                  <view class="" slot='cont'>
<u-form :model="originInfoForm"
                  :rules="rules"
                  label-position="top"
                  label-width="160"
@@ -151,6 +197,11 @@
                     :disabled="isModifyoriginInfo"
                     :loading="submitOriginInfoLoading"></u-button>
               </view>
                  </view>
               </zh-collapse-item>
               </zh-collapse>
					
					
            </view>
         </view>
      </view>
@@ -356,6 +407,7 @@
            swiperList:[],
            orderPlanId: null,
            radioValue:'煤场',
            tmTaskCoalList:[],
            currentNum:0,
            guideLineshow:false,
            yyId: null,
@@ -365,7 +417,9 @@
               affiliationId:'',
               type:2,
            },
            coalDetailsData: {}, // 提煤单详情
            coalDetailsData: {
               tmTaskCoalList:[]
            }, // 提煤单详情
            currentPageCoalStatus: 0, // 当前页面提煤单状态
            // 获取所在磅房参数
            getWeightHouseObj: {
@@ -452,6 +506,7 @@
            timeout: '0',
            wsgShow: false,
            timeLineStatus: null,

            timeLineEqCode: '',
            originInfoNotice: '填写原发信息后可上磅计量',
            submitOriginInfoLoading: false,
@@ -515,6 +570,35 @@
         },
         isNeedOrigin() {
            return uni.getStorageSync('isNeedOrigin')
         },
         //是否展示皮毛净
         isShowClean(){
            let  flag = true;
            console.log(this.coalDetailsData.tmTaskCoalList)
            const tempArr = this.coalDetailsData.tmTaskCoalList.filter(item=> item.isWeight === 1);
            if(!tempArr.length ){
               return false; //如果都没有返回假
            } else {
               flag =     tempArr.every(obj => obj['skin'] !== null && obj['clean'] !== null && obj['hair'] !== null );
               console.log(flag,'f;ag')
               return flag;
            }
				
         },
         //皮毛净
         weightObj(){
            const index = 0;//下标位 ，读取第几组的皮毛净；,默认最后一组;
            const tempArr = this.coalDetailsData.tmTaskCoalList.filter(item=> item.isWeight === 1);
             const result =tempArr.find(item=>!item.skin || !item.hair || !item.clean);
             console.log(result,'result')
             if(result){
               return result
             }else{
               return  tempArr[index];
             }

				

         }
      },
      methods: {
@@ -602,6 +686,7 @@
                  this.originInfoForm.coalContactSkin = this.coalDetailsData.skinTwo;
                  this.originInfoForm.coalContactHair = this.coalDetailsData.hairTwo;
                  this.originInfoForm.contactPicture = this.coalDetailsData.contactPicture
                  this.tmTaskCoalList = this.coalDetailsData.tmTaskCoalList;
                  if (this.coalDetailsData.contactPicture) {
                     this.fileList1 = this.coalDetailsData.contactPicture.split(',').map(v => {
                        return {
@@ -1073,6 +1158,14 @@
</script>

<style lang="scss"   scoped>
.table{
   width: 100%;
  /deep/ .uni-table{
   min-width: 0!important;
   margin-left: 20rpx;
  }
	
}
   .guidebox{
      height:600rpx;
      padding: 20rpx
@@ -1281,10 +1374,28 @@
            }
         }
      }
      .sub-table{
         width: 690rpx;
         min-height: 300rpx;
         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);
         border-radius: 20rpx;
         @include flex;
             flex-direction: column;
         justify-content: center;
         overflow: hidden;
         position: relative;
         top: vww(130);
         align-items: flex-start;
         /deep/ .uni-table{
            min-width: 0!important;
         }

      }

      .origin-info {
         width: 690rpx;
         height: 600rpx;
         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);
@@ -1297,7 +1408,6 @@

         &_wrapper {
            width: 650rpx;
            height: 600rpx;
            @include flex;
            flex-direction: column;
            margin-bottom: vww(20);