|  | @@ -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 = {
 |