| 
					
				 | 
			
			
				@@ -37,8 +37,8 @@ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				           </el-form-item> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				         </el-col> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				         <el-col :span="6"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-          <el-form-item label="收货人" prop="fConsigneername"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-            <el-input size="small" width="240px" clearable v-model="queryParams.fConsigneername"/> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          <el-form-item label="提单号" prop="fMblno"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            <el-input size="small" width="240px" clearable v-model="queryParams.fMblno"></el-input> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				           </el-form-item> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				         </el-col> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				         <el-col :span="6"> 
			 | 
		
	
	
		
			
				| 
					
				 | 
			
			
				@@ -63,6 +63,46 @@ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				               </el-form-item> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				             </el-col> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				             <el-col :span="6"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+              <el-form-item label="收货人" prop="fConsigneername"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                <el-input size="small" width="240px" clearable v-model="queryParams.fConsigneername"/> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+              </el-form-item> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            </el-col> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            <el-col :span="6"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+              <el-form-item label="船名" prop="fVslid"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                <el-select 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                  size="small" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                  width="240px" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                  v-model="queryParams.fVslid" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                > 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                  <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="6"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+              <el-form-item label="航次" prop="fVoyid"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                <el-select 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                  v-model="queryParams.fVoyid" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                  filterable 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                  remote 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                  size="small" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                  style="width: 200px" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                > 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                  <el-option 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                    v-for="item in voyageOptions" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                    :key="item.fId" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                    :label="item.fNo" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                    :value="item.fId"/> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                </el-select> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+              </el-form-item> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            </el-col> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          </el-row> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          <el-row> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            <el-col :span="6"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				               <el-form-item label="装货时间" prop="cLoadDate"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				                 <el-date-picker 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				                   v-model="queryParams.cLoadDate" 
			 | 
		
	
	
		
			
				| 
					
				 | 
			
			
				@@ -75,8 +115,6 @@ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				                 </el-date-picker> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				               </el-form-item> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				             </el-col> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-            <el-col :span="6"></el-col> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-            <el-col :span="6"></el-col> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				           </el-row> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				         </div> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       </el-collapse-transition> 
			 | 
		
	
	
		
			
				| 
					
				 | 
			
			
				@@ -250,6 +288,8 @@ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				   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' 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				   Vue.directive('dialogDrag', { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     bind(el, binding, vnode, oldVnode) { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       const dialogHeaderEl = el.querySelector('.el-dialog__header') 
			 | 
		
	
	
		
			
				| 
					
				 | 
			
			
				@@ -312,6 +352,8 @@ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     data() { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       return { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        voyageOptions:[], 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        vesselOptions:[], 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				         show: false, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				         activeIndex: '0', 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				         setRowList: [], 
			 | 
		
	
	
		
			
				| 
					
				 | 
			
			
				@@ -481,6 +523,8 @@ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       this.getRowList = this.tableDate; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       this.getList(); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       this.cntrRemoteMethod() 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      this.vessleRemthod() 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      this.voyageRemthods() 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       this.getDicts("f_serviceitems").then((response) => { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				         if (response.data) { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				           this.serviceitems = response.data; 
			 | 
		
	
	
		
			
				| 
					
				 | 
			
			
				@@ -492,6 +536,17 @@ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       this.getList() 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     methods: { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      voyageRemthods(){ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        getVoyageName().then(response=>{ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          this.voyageOptions = response.rows 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        }) 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      //获取船名 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      vessleRemthod() { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        getVesselName().then(response => { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          this.vesselOptions = response.rows 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        }) 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       handleSelect(key, keyPath) { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				         if(key === '0'){ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				           this.queryParams = { 
			 |