| 
					
				 | 
			
			
				@@ -333,6 +333,14 @@ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				           " 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				           >取消扣货</el-button 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				         > 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        <el-button 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          type="primary" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          icon="el-icon-search" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          size="mini" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          @click="transship(true)" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          :disabled="selection.length == 0 ? true : false" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          >转船</el-button 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        > 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       </div> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       <div class="tabSetting"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				         <right-toolbar 
			 | 
		
	
	
		
			
				| 
					
				 | 
			
			
				@@ -461,6 +469,9 @@ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				             </p> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				             <p v-else>{{ scope.row.fCaregoStatus }}</p> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				           </span> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          <span v-else-if="item.label == 'fArrivalStatus'">{{ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            scope.row.fArrivalStatus | transshipName 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          }}</span> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				           <span v-else>{{ scope.row[item.label] }}</span> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				         </template> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       </el-table-column> 
			 | 
		
	
	
		
			
				| 
					
				 | 
			
			
				@@ -558,6 +569,54 @@ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				         <el-button type="primary" @click="matchingShip(true)">确 定</el-button> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       </span> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     </el-dialog> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    <el-dialog 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      title="转船" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      :visible.sync="transshipVisible" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      width="50%" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      @closed="transshipClosed" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    > 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      <el-form :inline="true" :model="ship2" class="demo-form-inline"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        <el-row> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          <el-col :span="12"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            <el-form-item label="船名"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+              <el-select 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                size="small" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                width="240px" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                v-model="ship2.fVslid" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                @change="voyageRemthods2" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+              > 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                <el-option 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                  v-for="item in vesselOptions" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                  :key="item.fId" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                  :label="item.fName" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                  :value="item.fId" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                /> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+              </el-select> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            </el-form-item> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          </el-col> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          <el-col :span="12"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            <el-form-item label="航次"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+              <el-select 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                v-model="ship2.fVoyid" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                size="small" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                style="width: 200px" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+              > 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                <el-option 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                  v-for="item in voyageOptions2" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                  :key="item.fId" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                  :label="item.fNo" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                  :value="item.fId" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                /> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+              </el-select> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            </el-form-item> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          </el-col> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        </el-row> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      </el-form> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      <span slot="footer" class="dialog-footer"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        <el-button @click="transshipVisible = false">取 消</el-button> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        <el-button type="primary" @click="transship(false)">确 定</el-button> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      </span> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    </el-dialog> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				   </div> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 </template> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				  
			 | 
		
	
	
		
			
				| 
					
				 | 
			
			
				@@ -579,8 +638,14 @@ import Cookies from "js-cookie"; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 import { addSet, resetModule, select } from "@/api/system/set"; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 import Vue from "vue"; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 import draggable from "vuedraggable"; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-import { getVesselName } from "@/api/finance/applyForInvoice/chargeInvoice"; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-import { getVoyageName } from "@/api/finance/applyForInvoice/feeDetail"; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+import { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  getVesselName, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  transship, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+} from "@/api/finance/applyForInvoice/chargeInvoice"; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+import { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  getVoyageName, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  getVoyageName2, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+} from "@/api/finance/applyForInvoice/feeDetail"; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 import { portInquiry } from "@/api/kaihe/domesticTrade/orderInformation"; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 import { defaultDate } from "@/utils/date"; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 Vue.directive("dialogDrag", { 
			 | 
		
	
	
		
			
				| 
					
				 | 
			
			
				@@ -647,7 +712,9 @@ export default { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				   }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				   data() { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     return { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      transshipVisible: false, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       voyageOptions: [], 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      voyageOptions2: [], 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       vesselOptions: [], 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       show: false, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       activeIndex: "0", 
			 | 
		
	
	
		
			
				| 
					
				 | 
			
			
				@@ -838,6 +905,41 @@ export default { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				         }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				         { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				           surface: "27", 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          label: "fArrivalStatus", 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          name: "离港状态", 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          checked: 0, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          width: 120, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          surface: "28", 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          label: "fShipTwoName", 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          name: "二程船名", 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          checked: 0, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          width: 120, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          surface: "29", 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          label: "fVoyTwoName", 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          name: "二程航次", 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          checked: 0, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          width: 120, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        // { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        //   surface: "30", 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        //   label: "fShipThreeName", 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        //   name: "三程船名", 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        //   checked: 0, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        //   width: 120, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        // }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        // { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        //   surface: "31", 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        //   label: "fVoyThreeName", 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        //   name: "三程航次", 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        //   checked: 0, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        //   width: 120, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        // }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          surface: "32", 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				           label: "remark", 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				           name: "备注", 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				           checked: 0, 
			 | 
		
	
	
		
			
				| 
					
				 | 
			
			
				@@ -852,6 +954,10 @@ export default { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				         fVoyid: "", 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				         fVslid: "", 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      ship2: { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        fVoyid: "", 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        fVslid: "", 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       serviceitems: [], 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       container: [], 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       // 遮罩层 
			 | 
		
	
	
		
			
				| 
					
				 | 
			
			
				@@ -915,6 +1021,19 @@ export default { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     //   ? this.queryParams.timeInterval 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     //   : defaultDate(); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				   }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  filters: { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    transshipName(row) { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      if (row == 0) { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        return "未离港"; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      } else if (row == 1) { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        return "离港出运"; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      } else if (row == 2) { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        return "到港卸船"; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      } else { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        return "-"; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				   methods: { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     voyageRemthods() { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       getVoyageName({ fPid: this.ship.fVslid }).then((response) => { 
			 | 
		
	
	
		
			
				| 
					
				 | 
			
			
				@@ -922,6 +1041,51 @@ export default { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				         if (this.ship.fVslid) this.ship.fVoyid = ""; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       }); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    voyageRemthods2() { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      getVoyageName2({ fPid: this.ship2.fVslid }).then((response) => { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        this.voyageOptions2 = response.data; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        if (this.ship2.fVslid) this.ship2.fVoyid = ""; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      }); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    transship(Bool) { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      if (Bool) { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        for (let i = 0; i < this.selection.length; i++) { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          if (this.selection[i].fArrivalStatus != 2) { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            return this.$message.error( 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+              "订舱号:" + this.selection[i].fBillno + "未到港" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            ); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          if (this.selection[i].fShipTwoName && this.selection[i].fVoyTwoName) { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            return this.$message.error( 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+              "订舱号:" + this.selection[i].fBillno + "已转船" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            ); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      } else { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        let ids = []; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        this.selection.forEach((e) => { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          ids.push(e.fId); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        }); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        transship({ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          fVslid: this.ship2.fVslid, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          fVoyid: this.ship2.fVoyid, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          orderList: ids, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        }).then((res) => { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          if (res.code == 200) { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            this.$message.success("转船成功"); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            this.getList(); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        }); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      this.transshipVisible = Bool; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    transshipClosed() { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      this.ship2 = { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        fVoyid: "", 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        fVslid: "", 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      }; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      this.voyageOptions2 = []; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     //获取船名 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     vessleRemthod() { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       getVesselName().then((response) => { 
			 |