feat:库管修改首页列表逻辑 &司机提煤单添加产品件数信息

yangan

2024-06-28 8e4f67a46fec94651ea6eb0c6906c04a0c2dfba5

 pages/loadUnload-page/selectTarget/selectTarget.vue

@@ -62,12 +62,10 @@
         :key="i">
                     <view class="first">
                        <view class="">{{ item.carNo || '' }}</view>
                        <view class=""><u-icon name="arrow-right"
                              color="#999999"
                              size="40"></u-icon></view>
                        <view class=""></view>
                     </view>
                     <view class="second">
                        <view class="coal-name">{{ item.productName || '' }}</view>
                        <view class="coal-name">{{ item.productNames || item.productName }}</view>
                        <view class="order-type">{{ item.orderType || '' }}</view>
                     </view>
                     <view class="third">
@@ -75,11 +73,7 @@
                           <view class="third-line_text">客户名称:</view>
                           <view>{{ item.customerName }}</view>
                        </view>
                        <view class="third-line">
                           <view class="third-line_text">仓库:</view>
                           <view >{{ item.bunkerName }}</view>
                        </view>
                        <view class="third-line">
                        <view class="third-line"  v-if="item.productName === 'EDC'">
                           <view class="third-line_text">质检状态:</view>
                           <view> <u-tag :text="checkStatusList[item.checkStatus]" plain > </u-tag></view>
                        </view>
@@ -106,9 +100,8 @@
               <uni-tr>
                  <uni-th width='140'
                  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" width='120'>产品</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>
@@ -120,16 +113,14 @@
               <uni-tr v-for="(subItem, index) in item.tmTaskCoalList" :key="index">
                   <uni-td  align="center">
               <view class="btnBox"> 
                  <!-- v-if="subItem.flag"  -->
                  <text  @click="viewDetail(subItem)">查看</text>
                  <text @click="enterOk(subItem)">确认装卸</text>
                  <!--   -->
                  <u-button   text='查看'  @click="viewDetail(subItem)"></u-button>
                  <u-button type='primary' text='确认装卸'  v-if="subItem.flag" @click="enterOk(item,subItem)"></u-button>
                  </view></uni-td>
                  <uni-td align="center">
                     <view class="name">{{ subItem.productName }}</view></uni-td>
                     <uni-td align="center">
                     <view style="width:150rpx">{{ subItem.carNo }}</view></uni-td>
                     <view>{{ subItem.productName }}</view></uni-td>
               <uni-td>
                  <view class="name">{{ subItem.orderType }}</view>
                  <view class="name">{{ subItem.bunkerName }}</view>
               </uni-td>
               <uni-td>
                  <view class="name">{{ subItem.skin }}</view>
@@ -177,14 +168,48 @@
                  <view class="queren">
                     <text>请输入</text>：
                       <u--input
                          type='digit'
                          border="bottom"
                         :disabled="activeObj.productName === 'PVC' && activeObj.packingType === 5"
                        :placeholder="isNumOk ?  '数量' :'折吨'"
                        v-model="checkNum"
                     >
                     </u--input>
                     <text> {{isNumOk ? '件' : '吨' }}</text>
                     </view>
                     <!-- pvc 并且是大包 -->
                     <view class="pvcBig" v-if="activeObj.productName === 'PVC' && activeObj.packingType === 5">
								
                     </view>
                     <view v-if="isNumOk && activeObj.productQuantity">当前数量：{{activeObj.productQuantity}}件</view>
                     <view v-if="activeObj.containerNumber"><span>集装箱号：</span>{{activeObj.containerNumber}}</view>
                     <view>是否空车出厂: <u-radio-group
                        v-model="isEmptyCar"
                         placement="row"
                         iconPlacement="right"
                         style="justify-content: space-evenly"
                     >
                        <u-radio
                        :key="1"
                        :label="'是'"
                        :name="'1'"
                        shape="circle"
                        iconSize="32"
                        label-size="32"
                        size="40"
                        >
                        </u-radio>
                        <u-radio
                        :key="0"
                        :label="'否'"
                        :name="'0'"
                        shape="circle"
                        iconSize="32"
                        label-size="32"
                        size="40"
                        >
                        </u-radio>
                     </u-radio-group></view>
               </view>

            </view>
@@ -207,6 +232,7 @@
</template>

<script>
   import { BaseUrl } from '@/api/publicInterface.js'
   export default {
      props: {
         loadUnloadData: {
@@ -232,8 +258,9 @@
               orderType: '',
               bunkerId:""
            },
            isEmptyCar:null, //是否空车出厂
            checkStatusList:[
               '待取样','已取样','合格','不合格'
               '待取样','已取样','质检中','待复核','复核中','待审定','审定中','已完成'
            ],
            index: '',
            enterZx:false,
@@ -255,6 +282,7 @@
            filedId: "",
            selectedCoal: [],
            orderTypeShow: false,
            pvcWeight:'',
            orderTypeList: [{
                  name: '外销',
                  id: Math.floor(Math.random() * 100) + 1,
@@ -270,6 +298,9 @@
         };
      },
      methods: {
            getPVCWeight(){
			
         },
         viewDetail(item){
            //查看收发单详情
            uni.navigateTo({
@@ -283,6 +314,7 @@
               this.userInfo.password = null
            })
         },
		
         // 获取煤场
         getDeptIdFiled() {
            uni.showLoading({
@@ -317,6 +349,7 @@
                    title:'加载中'
                })
               this.$reqGet('getTaskCoalListByBunkerId', { bunkerId:this.dataForm.bunkerId }).then(res => {
               uni.hideLoading();
               if (res.code === 0) {
                  this.detailData = res.data.map(item=>{
                     item.tmTaskCoalList.map(el=>{
@@ -326,8 +359,13 @@
                   return item;
                  });
                  console.log(this.detailData,'detailData')
               uni.hideLoading();
               }else if(res.code === 1){
                  this.detailData = [];
                  this.$u.toast(res.msg ? res.msg : '操作失败！！')
               }
            }).catch(err=>{
               this.detailData = [];
               this.$u.toast(res.msg ? res.msg : '操作失败！！')
            })

         },
@@ -353,16 +391,53 @@
         close(){

         },

					

			
         open(){},
         enterOk(item){
            console.log('123',item)
         enterOk(parintItem,item){
            console.log(parintItem,'priintItem')
            uni.request({
               url: `${BaseUrl}/admin/dict/type/tray_weight`,
               method: 'GET',
               header: {
               Authorization: 'Bearer' + ' ' + uni.getStorageSync('token'),
               clientToc: 'Y',
               'CLIENT_TOC': 'Y',
            },
               success: (res) => {
                  console.log(res, '绑定结果');
                  this.pvcWeight = res.data.data[0].value ? Number(res.data.data[0].value) : '';
						
               }
            })
            this.activeObj = item;
            if(item.productQuantity){
            if( (parintItem.orderType === '外购' ||parintItem.orderType === '外购退' ) && item.isWeight === 0){
               this.isNumOk = true;
                  this.isClean = false;
            }else if(item.isWeight === 1){
               this.isClean = false;
               //回显计数量
                this.checkNum  = item.productQuantity ? item.productQuantity : '';
            }else if( parintItem.orderType ==='外购' &&  item.isWeight === 1){
               this.isClean = true;
               this.isNumOk = false;
            }else if(parintItem.orderType ==='外销' && item.productName ==='PVC' && (item.packingType === 3 || item.packingType === 4)){
               this.isNumOk = true;
               this.isClean  = false;
            }
            else{
               this.isNumOk = false;
               this.isClean = false;
            }
            //pvc大包自动计算折吨
            if(parintItem.productName === 'PVC' && item.packingType === 5){
               this.checkNum =  (Number(item.productQuantity) * this.pvcWeight)

            }
            if(parintItem.orderType === '外购'){
               this.isEmptyCar = '1';
            }else if(parintItem.orderType === '外销' || parintItem.orderType === '外购退'){
               this.isEmptyCar = '0';
            }
         this.enterZx = true;
            
@@ -370,26 +445,51 @@
         closeModal(){
            this.enterZx = false;
            this.checkNum = '';
            this.isEmptyCar = null;
         },
         cancelModal(){
            this.enterZx = false;
            this.checkNum = '';
            this.isEmptyCar = null;
         },
         confirmModal(){
            this.enterZx = false;
            this.$reqPost('confirmLoadAndUnload',{ 
                uni.showLoading({
                    title:'加载中'
                });
            if(!this.checkNum || this.isEmptyCar === null){
               this.$u.toast(`请检查${this.isNumOk ? '计件数量' :'折吨'}，以及是否空车出厂项!`);
               return
            }else{
               this.enterZx = false;
               this.$reqPost('confirmLoadAndUnload',{ 
               id: this.activeObj.id,
               productQuantity:this.isNumOk ? this.checkNum :this.activeObj.skin,
               productQuantity:this.isNumOk ? this.checkNum : '',
               discount:this.isClean ? this.checkNum : null,
               isEmptyCar:this.isEmptyCar,
               isPretendDischar:this.activeObj.isPretendDischar
             },'json').then(res=>{
               uni.hideLoading();
               console.log(res,'rez')
               this.checkNum = '';
               if(res.code === 1){
                  console.log('触发')
                  this.$u.toast(res.msg || '失败');
                  uni.hideLoading();
               }else{
                 this.$u.toast('操作成功');
                    this.getDetailData();
					
               }
               setTimeout(() => {
                  this.getDetailData();
               }, 500);
            
            }).catch((err) => {
                this.$u.toast(err.msg || '失败');
            }).finally(() => {
            uni.hideLoading();
					 	
            })
            }
				
         },
         //判断是否是 三种特殊类型对应弹窗
         judgeTypeFun(name){
@@ -404,8 +504,6 @@
               })

         }

			

      },
      onShow(){
@@ -426,14 +524,28 @@
                  this.$u.toast('加载失败')
               }
            }).then(() => {
				
               this.getUserInfo()
            })
      }
            });
			

      },
   }
</script>

<style lang="scss"
   scoped>
::-webkit-scrollbar{
        display: none;
   }
   .table{
   width: 100%;
  /deep/ .uni-table{
   min-width: 0!important;
   margin-left: 20rpx;
  }
	
}
      // 自主配送
         .self-deliver {
         position: relative;
@@ -485,7 +597,7 @@
         font-size: 12px;
        }
   /deep/ .uni-table{
         min-width: 100rpx!important;
         min-width: 0rpx!important;
         // position: sticky !important;;
      }
   /deep/    .uni-table-body-wrapper {
@@ -620,7 +732,7 @@

         .third {
            width: 96%;
            height:  120rpx;
            height:  auto;
            font-size: 30rpx;
            font-weight: 300;
            color: #515151;