浏览代码

货代10.20

caojunjie 1 年之前
父节点
当前提交
f28a16980f

+ 9 - 2
src/views/iosBasicData/SeafreightExportF/bills/assembly/DistributionBox.vue

@@ -1,11 +1,11 @@
 <template>
     <div>
         <div>
-            <containers></containers>
+            <containers :assemblyForm="assemblyForm" :pid="assemblyForm.id" @DistributionBox="DistributionBox"></containers>
         </div>
 
         <div>
-            <PackingBusiness></PackingBusiness>
+            <PackingBusiness :assemblyForm="assemblyForm"></PackingBusiness>
         </div>
     </div>
 </template>
@@ -18,13 +18,20 @@ import PackingBusiness from "@/views/iosBasicData/SeafreightExportF/bills/assemb
             containers,
             PackingBusiness
         },
+        props:{
+            assemblyForm:{},
+            detailData:{}
+        },
         data(){
             return {
 
             }
         },
         methods:{
+            // 配箱
+            DistributionBox(){
 
+            },
         }
     }
 </script>

+ 11 - 3
src/views/iosBasicData/SeafreightExportF/bills/assembly/DistributionBox/PackingBusiness.vue

@@ -2,7 +2,7 @@
     <div>
         <div class="tbasTop">
             <el-table
-                :data="tableData"
+                :data="containersBillsList"
                 border
                 height="150px"
                 style="width: 100%">
@@ -51,7 +51,7 @@
 
         <div class="tbasTop">
             <el-table
-                :data="tableData"
+                :data="waitingBoxList"
                 border
                 height="150px"
                 style="width: 100%">
@@ -99,9 +99,17 @@
 
 <script>
     export default {
+        props:{
+            assemblyForm:{},
+        },
         data(){
             return {
-                tableData:[],
+                // 当前选择箱子的数据
+                containersBillsList:[],
+                // 撤回的
+                subtractContainersBillsList:[],
+                // 要选择的数据
+                waitingBoxList:[],
             }
         },
         created() {

+ 363 - 305
src/views/iosBasicData/SeafreightExportF/bills/assembly/DistributionBox/containers.vue

@@ -2,7 +2,7 @@
   <basic-container>
     <avue-crud :option="option"
                :table-loading="loading"
-               :data="data"
+               :data="assemblyForm.containersList"
                :page.sync="page"
                :permission="permissionList"
                :before-open="beforeOpen"
@@ -28,7 +28,7 @@
         <!--</el-button>-->
         <div style="display: flex;align-items: center;justify-content: space-between">
             <div>
-                <el-button type="primary" size="small">配箱</el-button>
+                <el-button type="primary" size="small" @click="DistributionBox">配箱</el-button>
                 <el-button type="danger" size="small">撤销</el-button>
                 <el-button type="danger" size="small">全部撤销</el-button>
                 <el-button type="warning" size="small">清除箱号</el-button>
@@ -62,6 +62,9 @@
 
   export default {
       components: {SearchQuery,bports},
+      props:{
+          assemblyForm:{}
+      },
     data() {
       return {
           // 是否禁用
@@ -99,119 +102,132 @@
             //     trigger: "blur"
             //   }]
             // },
-            {
-              label: "行号",
-              prop: "lineNo",
-              // rules: [{
-              //   required: true,
-              //   message: "请输入行号",
-              //   trigger: "blur"
-              // }]
-            },
-            {
-              label: "单据编号",
-              prop: "billNo",
-            },
             // {
-            //   label: "装货港 id",
-            //   prop: "polId",
-            //   rules: [{
-            //     required: true,
-            //     message: "请输入装货港 id",
-            //     trigger: "blur"
-            //   }]
+            //   label: "行号",
+            //   prop: "lineNo",
+            //     width: "160",
+            //   // rules: [{
+            //   //   required: true,
+            //   //   message: "请输入行号",
+            //   //   trigger: "blur"
+            //   // }]
             // },
-            {
-              label: "装货港中文名称",
-              prop: "polCnName",
-              formslot:true,
-            },
-            {
-               label: "装货港代码",
-               prop: "polCode",
-               detailData:true,
-            },
-            {
-              label: "装货港英文名称",
-              prop: "polEnName",
-              detailData:true,
-            },
             // {
-            //   label: "卸货港 id",
-            //   prop: "podId",
-            //   rules: [{
-            //     required: true,
-            //     message: "请输入卸货港 id",
-            //     trigger: "blur"
-            //   }]
+            //   label: "单据编号",
+            //   prop: "billNo",
+            // },
+            // // {
+            // //   label: "装货港 id",
+            // //   prop: "polId",
+            // //   rules: [{
+            // //     required: true,
+            // //     message: "请输入装货港 id",
+            // //     trigger: "blur"
+            // //   }]
+            // // },
+            // {
+            //   label: "装货港中文名称",
+            //   prop: "polCnName",
+            //   width: "140",
+            //   formslot:true,
+            // },
+            // {
+            //    label: "装货港代码",
+            //    prop: "polCode",
+            //     width: "140",
+            //    detailData:true,
+            // },
+            // {
+            //   label: "装货港英文名称",
+            //   prop: "polEnName",
+            //     width: "140",
+            //   detailData:true,
+            // },
+            // // {
+            // //   label: "卸货港 id",
+            // //   prop: "podId",
+            // //   rules: [{
+            // //     required: true,
+            // //     message: "请输入卸货港 id",
+            // //     trigger: "blur"
+            // //   }]
+            // // },
+            // {
+            //   label: "卸货港中文名称",
+            //   prop: "podCnName",
+            //     width: "140",
+            //     formslot:true,
+            // },
+            //   {
+            //       label: "卸货港代码",
+            //       prop: "podCode",
+            //       width: "140",
+            //       detailData:true,
+            //   },
+            // {
+            //   label: "卸货港英文名称",
+            //   prop: "podEnName",
+            //     width: "140",
+            //     detailData:true,
+            // },
+            // {
+            //   label: "MB/L NO",
+            //   prop: "mblno",
+            // },
+            // {
+            //   label: "HB/L NO",
+            //     width: "140",
+            //   prop: "hblno",
             // },
-            {
-              label: "卸货港中文名称",
-              prop: "podCnName",
-                formslot:true,
-            },
               {
-                  label: "卸货港代码",
-                  prop: "podCode",
-                  detailData:true,
+                  label: "箱型",
+                  prop: "cntrTypeCode",
+                  width: "140",
               },
             {
-              label: "卸货港英文名称",
-              prop: "podEnName",
-                detailData:true,
-            },
-            {
-              label: "MB/L NO",
-              prop: "mblno",
-            },
-            {
-              label: "HB/L NO",
-              prop: "hblno",
-            },
-            {
               label: "箱号",
               prop: "cntrNo",
             },
             {
-              label: "尺码箱型",
-              prop: "cntrTypeCode",
-            },
-            {
-              label: "铅封号",
+              label: "封号",
               prop: "sealNo",
             },
             {
-              label: "商品 HS-CODE",
-              prop: "hscode",
-            },
-            {
-              label: "商品简称",
-              prop: "commodityShName",
-            },
-            {
-              label: "商品中文名称",
-              prop: "commodityCnName",
-            },
-            {
-              label: "商品英文名称",
-              prop: "commodityEnName",
-            },
-            {
-              label: "提单上货物描述",
-              prop: "commodityDescr",
-            },
-            {
-              label: "唛头",
-              prop: "marks",
-            },
-            {
-              label: "包装单位 Id",
-              prop: "packingUnitId",
-            },
-            {
-              label: "包装单位",
-              prop: "packingUnit",
+              label: "票数",
+              prop: "ticketNumber"
             },
+            // {
+            //   label: "商品 HS-CODE",
+            //   prop: "hscode",
+            //     width: "140",
+            // },
+            // {
+            //   label: "商品简称",
+            //   prop: "commodityShName",
+            // },
+            // {
+            //   label: "商品中文名称",
+            //   prop: "commodityCnName",
+            //     width: "140",
+            // },
+            // {
+            //   label: "商品英文名称",
+            //   prop: "commodityEnName",
+            //     width: "140",
+            // },
+            // {
+            //   label: "提单上货物描述",
+            //   prop: "commodityDescr",
+            //     width: "140",
+            // },
+            // {
+            //   label: "包装单位 Id",
+            //   prop: "packingUnitId",
+            // },
+            // {
+            //   label: "包装单位",
+            //   prop: "packingUnit",
+            // },
             {
               label: "件数",
               prop: "quantity",
@@ -219,221 +235,250 @@
             {
               label: "毛重(KGM)",
               prop: "grossWeight",
+                width: "100",
             },
             {
               label: "净重(KGM)",
               prop: "netWeight",
+                width: "100",
             },
             {
-              label: "体积(CBM)",
+              label: "尺码/体积(CBM)",
               prop: "measurement",
+                width: "140",
             },
-            {
-              label: "是否货主自有箱",
-              prop: "isSoc",
-                type: "select",
-                dicData: [{
-                    label: '否',
-                    value: 0
-                }, {
-                    label: '是',
-                    value: 1
-                }],
-                value: 0
-              // rules: [{
-              //   required: true,
-              //   message: "请输入是否货主自有箱 SOC 箱(0 否 1是)",
-              //   trigger: "blur"
-              // }]
-            },
-            {
-              label: "是否单程",
-              prop: "isOneway",
-                type: "select",
-                dicData: [{
-                    label: '否',
-                    value: 0
-                }, {
-                    label: '是',
-                    value: 1
-                }],
-                value: 0
-              // rules: [{
-              //   required: true,
-              //   message: "请输入是否单程 ONEWAY 箱(0 否 1是)",
-              //   trigger: "blur"
-              // }]
-            },
-            {
-              label: "是否加重箱",
-              prop: "isHeavy",
-                type: "select",
-                dicData: [{
-                    label: '否',
-                    value: 0
-                }, {
-                    label: '是',
-                    value: 1
-                }],
-                value: 0
-              // rules: [{
-              //   required: true,
-              //   message: "请输入是否加重箱(0 否 1是)",
-              //   trigger: "blur"
-              // }]
-            },
-            {
-              label: "是否冻代干",
-              prop: "isNor",
-                type: "select",
-                dicData: [{
-                    label: '否',
-                    value: 0
-                }, {
-                    label: '是',
-                    value: 1
-                }],
-                value: 0
-              // rules: [{
-              //   required: true,
-              //   message: "请输入是否冻代干(冻柜作为干柜用) NOR(Non Operating Reefer),(0 否 1是)",
-              //   trigger: "blur"
-              // }]
-            },
-            {
-              label: "是否通风",
-              prop: "isVentilated",
-                type: "select",
-                dicData: [{
-                    label: '否',
-                    value: 0
-                }, {
-                    label: '是',
-                    value: 1
-                }],
-                value: 0
-              // rules: [{
-              //   required: true,
-              //   message: "请输入是否通风,(0 否 1是)",
-              //   trigger: "blur"
-              // }]
-            },
-            {
-              label: "是否食品箱",
-              prop: "isFood",
-                type: "select",
-                dicData: [{
-                    label: '否',
-                    value: 0
-                }, {
-                    label: '是',
-                    value: 1
-                }],
-                value: 0
-            },
-            {
-              label: "VGM 称重方法",
-              prop: "vgmMethod",
-              // rules: [{
-              //   required: true,
-              //   message: "请输入VGM 称重方法,SM1, SM2",
-              //   trigger: "blur"
-              // }]
-            },
-            {
-              label: "VGM日期",
-              prop: "vgmDate",
-            },
+              {
+                  label: "备注",
+                  prop: "remarks",
+                  type: 'textarea',
+                  width: 180,
+                  slot: true,
+                  minRows: 3,
+                  span: 24,
+              },
+              {
+                label: "MARKS",
+                prop: "marks",
+              },
+            // {
+            //   label: "是否货主自有箱",
+            //   prop: "isSoc",
+            //     width: "140",
+            //     type: "select",
+            //     dicData: [{
+            //         label: '否',
+            //         value: 0
+            //     }, {
+            //         label: '是',
+            //         value: 1
+            //     }],
+            //     value: 0
+            //   // rules: [{
+            //   //   required: true,
+            //   //   message: "请输入是否货主自有箱 SOC 箱(0 否 1是)",
+            //   //   trigger: "blur"
+            //   // }]
+            // },
+            // {
+            //   label: "是否单程",
+            //   prop: "isOneway",
+            //     type: "select",
+            //     dicData: [{
+            //         label: '否',
+            //         value: 0
+            //     }, {
+            //         label: '是',
+            //         value: 1
+            //     }],
+            //     value: 0
+            //   // rules: [{
+            //   //   required: true,
+            //   //   message: "请输入是否单程 ONEWAY 箱(0 否 1是)",
+            //   //   trigger: "blur"
+            //   // }]
+            // },
+            // {
+            //   label: "是否加重箱",
+            //   prop: "isHeavy",
+            //     width: "140",
+            //     type: "select",
+            //     dicData: [{
+            //         label: '否',
+            //         value: 0
+            //     }, {
+            //         label: '是',
+            //         value: 1
+            //     }],
+            //     value: 0
+            //   // rules: [{
+            //   //   required: true,
+            //   //   message: "请输入是否加重箱(0 否 1是)",
+            //   //   trigger: "blur"
+            //   // }]
+            // },
+            // {
+            //   label: "是否冻代干",
+            //   prop: "isNor",
+            //     width: "140",
+            //     type: "select",
+            //     dicData: [{
+            //         label: '否',
+            //         value: 0
+            //     }, {
+            //         label: '是',
+            //         value: 1
+            //     }],
+            //     value: 0
+            //   // rules: [{
+            //   //   required: true,
+            //   //   message: "请输入是否冻代干(冻柜作为干柜用) NOR(Non Operating Reefer),(0 否 1是)",
+            //   //   trigger: "blur"
+            //   // }]
+            // },
+            // {
+            //   label: "是否通风",
+            //   prop: "isVentilated",
+            //     type: "select",
+            //     dicData: [{
+            //         label: '否',
+            //         value: 0
+            //     }, {
+            //         label: '是',
+            //         value: 1
+            //     }],
+            //     value: 0
+            //   // rules: [{
+            //   //   required: true,
+            //   //   message: "请输入是否通风,(0 否 1是)",
+            //   //   trigger: "blur"
+            //   // }]
+            // },
+            // {
+            //   label: "是否食品箱",
+            //   prop: "isFood",
+            //     width: "140",
+            //     type: "select",
+            //     dicData: [{
+            //         label: '否',
+            //         value: 0
+            //     }, {
+            //         label: '是',
+            //         value: 1
+            //     }],
+            //     value: 0
+            // },
+            // {
+            //   label: "VGM 称重方法",
+            //   prop: "vgmMethod",
+            //     width: "140",
+            //   // rules: [{
+            //   //   required: true,
+            //   //   message: "请输入VGM 称重方法,SM1, SM2",
+            //   //   trigger: "blur"
+            //   // }]
+            // },
+            // {
+            //   label: "VGM日期",
+            //   prop: "vgmDate",
+            // },
             {
               label: "VGM总重(KGM)",
               prop: "vgmWeight",
+                width: "140",
             },
-            {
-              label: "VGM称重单位名称",
-              prop: "vgmWeighName",
-            },
-            {
-              label: "VGM称重地点",
-              prop: "vgmWeighAddress",
-            },
-            {
-              label: "VGM 称重联系人",
-              prop: "vgmWeighAttn",
-            },
-            {
-              label: "VGM 称重联系人电话",
-              prop: "vgmWeighAttnTel",
-            },
-            {
-              label: "VGM 称重联系人邮箱",
-              prop: "vgmWeighAttnEmail",
-            },
-            {
-              label: "VGM 称重负责人",
-              prop: "vgmWeighMgr",
-            },
-            {
-              label: "VGM 称重负责人签名",
-              prop: "vgmWeighMgrSign",
-            },
-            {
-              label: "VGM 称重证书",
-              prop: "vgmWeighCert",
-            },
-            {
-              label: "VGM 发货人单位名称",
-              prop: "vgmShipperName",
-            },
-            {
-              label: "VGM 发货人地点",
-              prop: "vgmShipperAddress",
-            },
-            {
-              label: "VGM 发货人联系人",
-              prop: "vgmShipperAttn",
-            },
-            {
-              label: "VGM 发货人联系人电话",
-              prop: "vgmShipperAttnTel",
-            },
-            {
-              label: "VGM 发货人联系人邮箱",
-              prop: "vgmShipperAttnEmail",
-            },
-            {
-              label: "VGM 发货人负责人",
-              prop: "vgmShipperMgr",
-            },
-            {
-              label: "VGM 发货人负责人签名",
-              prop: "vgmShipperMgrSign",
-            },
-            {
-              label: "VGM 发货人证书",
-              prop: "vgmShipperCert",
-            },
-            {
-              label: "状态",
-              prop: "status",
-                type: "select",
-                dicData: [{
-                    label: '否',
-                    value: 0
-                }, {
-                    label: '是',
-                    value: 1
-                }],
-                value: 0
-            },
-            {
-              label: "备注",
-              prop: "remarks",
-                type: 'textarea',
-                width: 180,
-                slot: true,
-                minRows: 3,
-                span: 24,
-            },
+            // {
+            //   label: "VGM称重单位名称",
+            //   prop: "vgmWeighName",
+            //     width: "140",
+            // },
+            // {
+            //   label: "VGM称重地点",
+            //   prop: "vgmWeighAddress",
+            //     width: "140",
+            // },
+            // {
+            //   label: "VGM 称重联系人",
+            //   prop: "vgmWeighAttn",
+            //     width: "140",
+            // },
+            // {
+            //   label: "VGM 称重联系人电话",
+            //   prop: "vgmWeighAttnTel",
+            //     width: "140",
+            // },
+            // {
+            //   label: "VGM 称重联系人邮箱",
+            //   prop: "vgmWeighAttnEmail",
+            //     width: "140",
+            // },
+            // {
+            //   label: "VGM 称重负责人",
+            //   prop: "vgmWeighMgr",
+            //     width: "140",
+            // },
+            // {
+            //   label: "VGM 称重负责人签名",
+            //   prop: "vgmWeighMgrSign",
+            //     width: "140",
+            // },
+            // {
+            //   label: "VGM 称重证书",
+            //   prop: "vgmWeighCert",
+            //     width: "140",
+            // },
+            // {
+            //   label: "VGM 发货人单位名称",
+            //   prop: "vgmShipperName",
+            //     width: "140",
+            // },
+            // {
+            //   label: "VGM 发货人地点",
+            //   prop: "vgmShipperAddress",
+            //     width: "140",
+            // },
+            // {
+            //   label: "VGM 发货人联系人",
+            //   prop: "vgmShipperAttn",
+            //     width: "140",
+            // },
+            // {
+            //   label: "VGM 发货人联系人电话",
+            //   prop: "vgmShipperAttnTel",
+            //     width: "150",
+            // },
+            // {
+            //   label: "VGM 发货人联系人邮箱",
+            //   prop: "vgmShipperAttnEmail",
+            //     width: "150",
+            // },
+            // {
+            //   label: "VGM 发货人负责人",
+            //   prop: "vgmShipperMgr",
+            //     width: "140",
+            // },
+            // {
+            //   label: "VGM 发货人负责人签名",
+            //   prop: "vgmShipperMgrSign",
+            //     width: "150",
+            // },
+            // {
+            //   label: "VGM 发货人证书",
+            //   prop: "vgmShipperCert",
+            //     width: "150",
+            // },
+            // {
+            //   label: "状态",
+            //   prop: "status",
+            //     type: "select",
+            //     dicData: [{
+            //         label: '否',
+            //         value: 0
+            //     }, {
+            //         label: '是',
+            //         value: 1
+            //     }],
+            //     value: 0
+            // },
           ]
         },
         data: []
@@ -461,6 +506,10 @@
           this.polListfun()
       },
       methods: {
+          // 配箱
+          DistributionBox(){
+              this.$emit('DistributionBox')
+          },
         // 装货港接口请求数据
         polListfun(cnName){
             bportsList(1,2,{cnName}).then(res=>{
@@ -563,7 +612,15 @@
         done();
       },
       selectionChange(list) {
-        this.selectionList = list;
+          let arr = []
+          if (list.length > 1) {
+              this.$refs.crud.toggleSelection() // 先清空所以选择的数据
+              arr = [list[list.length -1]] // 获取最新点击的数组
+              this.$refs.crud.toggleSelection(arr,true) // 把刚点击的数组变成选择状态
+          }else {
+              arr = list
+          }
+          this.selectionList = arr
       },
       selectionClear() {
         this.selectionList = [];
@@ -580,7 +637,8 @@
       },
       onLoad(page, params = {}) {
         this.loading = true;
-        containersList(page.currentPage, page.pageSize, Object.assign(params, this.query)).then(res => {
+
+        containersList(page.currentPage, page.pageSize, {...Object.assign(params, this.query),pid:this.pid}).then(res => {
           const data = res.data.data;
           this.page.total = data.total;
           this.data = data.records;

+ 1 - 1
src/views/iosBasicData/SeafreightExportF/bills/assembly/EntrustmentLnformation.vue

@@ -425,7 +425,7 @@
                     </el-form-item>
                 </el-col>
                 <el-col :span="16">
-                    <precontainers :pid="assemblyForm.id"></precontainers>
+                    <precontainers :assemblyForm="assemblyForm" :pid="assemblyForm.id"></precontainers>
                 </el-col>
             </el-row>
             <el-form-item label="备注" prop="remarks" >

+ 3 - 2
src/views/iosBasicData/SeafreightExportF/bills/assembly/EntrustmentLnformation/precontainers.vue

@@ -2,7 +2,7 @@
   <basic-container>
     <avue-crud :option="option"
                :table-loading="loading"
-               :data="data"
+               :data="assemblyForm.preContainersList"
                :page.sync="page"
                :permission="permissionList"
                :before-open="beforeOpen"
@@ -37,7 +37,8 @@
 
   export default {
       props:{
-          pid:{}
+          pid:{},
+          assemblyForm:{},
       },
     data() {
       return {