|  | @@ -2,14 +2,37 @@
 | 
	
		
			
				|  |  |    <div class="app-container">
 | 
	
		
			
				|  |  |      <el-form :model="queryParams" ref="queryForm" :inline="true" v-show="showSearch" label-width="68px">
 | 
	
		
			
				|  |  |        <el-row>
 | 
	
		
			
				|  |  | -          <el-form-item label="航次" prop="fNo" label-width="110px">
 | 
	
		
			
				|  |  | -            <el-input
 | 
	
		
			
				|  |  | -              v-model="queryParams.fNo"
 | 
	
		
			
				|  |  | +         <el-form-item label="船名" prop="fPid" label-width="110px">
 | 
	
		
			
				|  |  | +            <el-select
 | 
	
		
			
				|  |  | +              v-model="queryParams.fPid"
 | 
	
		
			
				|  |  | +              placeholder="请选择"
 | 
	
		
			
				|  |  | +              clearable
 | 
	
		
			
				|  |  | +              @change="fvslChange"
 | 
	
		
			
				|  |  | +              @clear="fvslClear"
 | 
	
		
			
				|  |  |                style="width:200px"
 | 
	
		
			
				|  |  | -              placeholder="请输入航次"
 | 
	
		
			
				|  |  | +            >
 | 
	
		
			
				|  |  | +              <el-option
 | 
	
		
			
				|  |  | +                v-for="item in TVesselfs"
 | 
	
		
			
				|  |  | +                :key="item.fId"
 | 
	
		
			
				|  |  | +                :label="item.fName"
 | 
	
		
			
				|  |  | +                :value="item.fId"
 | 
	
		
			
				|  |  | +              />
 | 
	
		
			
				|  |  | +            </el-select>
 | 
	
		
			
				|  |  | +          </el-form-item>
 | 
	
		
			
				|  |  | +          <el-form-item label="航次"  prop="fNo" label-width="110px">
 | 
	
		
			
				|  |  | +            <el-select
 | 
	
		
			
				|  |  | +              v-model="queryParams.fNo"
 | 
	
		
			
				|  |  | +              placeholder="请选择"
 | 
	
		
			
				|  |  |                clearable
 | 
	
		
			
				|  |  | -              size="small"
 | 
	
		
			
				|  |  | -            />
 | 
	
		
			
				|  |  | +              style="width:200px"
 | 
	
		
			
				|  |  | +            >
 | 
	
		
			
				|  |  | +              <el-option
 | 
	
		
			
				|  |  | +                v-for="item in TVoyagefs"
 | 
	
		
			
				|  |  | +                :key="item.fId"
 | 
	
		
			
				|  |  | +                :label="item.fNo"
 | 
	
		
			
				|  |  | +                :value="item.fNo"
 | 
	
		
			
				|  |  | +              />
 | 
	
		
			
				|  |  | +            </el-select>
 | 
	
		
			
				|  |  |            </el-form-item>
 | 
	
		
			
				|  |  |          <el-form-item label="装货港" prop="fPortofloadid" label-width="110px">
 | 
	
		
			
				|  |  |            <el-select
 | 
	
	
		
			
				|  | @@ -409,7 +432,6 @@
 | 
	
		
			
				|  |  |        :fullscreen="dialogFull"
 | 
	
		
			
				|  |  |        :title="title"
 | 
	
		
			
				|  |  |        :visible.sync="open"
 | 
	
		
			
				|  |  | -      close-on-click-modal="false"
 | 
	
		
			
				|  |  |        width="60%"
 | 
	
		
			
				|  |  |        :close-on-click-modal="false"
 | 
	
		
			
				|  |  |        append-to-body>
 | 
	
	
		
			
				|  | @@ -661,7 +683,7 @@
 | 
	
		
			
				|  |  |                  <el-select style="width:80%;" placeholder="请选择" :disabled="doNot"
 | 
	
		
			
				|  |  |                             v-model="form.fLaneid">
 | 
	
		
			
				|  |  |                    <el-option
 | 
	
		
			
				|  |  | -                      v-for="(dict, index) in rouTe"
 | 
	
		
			
				|  |  | +                      v-for="dict in rouTe"
 | 
	
		
			
				|  |  |                        :key="dict.fId"
 | 
	
		
			
				|  |  |                        :label="dict.fName"
 | 
	
		
			
				|  |  |                        :value="dict.fId"
 | 
	
	
		
			
				|  | @@ -868,7 +890,7 @@
 | 
	
		
			
				|  |  |    import Cookies from 'js-cookie'
 | 
	
		
			
				|  |  |    import { addSet, resetModule, select } from '@/api/system/set'
 | 
	
		
			
				|  |  |    import {getcntrName} from "@/api/kaihe/shipDynamics/oceanFreightRate";
 | 
	
		
			
				|  |  | -
 | 
	
		
			
				|  |  | +  import {selectTVoyagef,selectTVesself} from "@/api/finance/kaihe/payment";
 | 
	
		
			
				|  |  |    Vue.directive('dialogDrag', {
 | 
	
		
			
				|  |  |      bind(el, binding, vnode, oldVnode) {
 | 
	
		
			
				|  |  |        const dialogHeaderEl = el.querySelector('.el-dialog__header')
 | 
	
	
		
			
				|  | @@ -1126,6 +1148,8 @@
 | 
	
		
			
				|  |  |          title: "",
 | 
	
		
			
				|  |  |          // 状态数据字典
 | 
	
		
			
				|  |  |          statusOptions: [],
 | 
	
		
			
				|  |  | +        TVesselfs: [],
 | 
	
		
			
				|  |  | +        TVoyagefs: [],
 | 
	
		
			
				|  |  |          // 是否显示弹出层
 | 
	
		
			
				|  |  |          open: false,
 | 
	
		
			
				|  |  |          // 查询参数
 | 
	
	
		
			
				|  | @@ -1144,7 +1168,8 @@
 | 
	
		
			
				|  |  |            fDays:null,
 | 
	
		
			
				|  |  |            fStatus:null,
 | 
	
		
			
				|  |  |            createBy:null,
 | 
	
		
			
				|  |  | -          remark:null
 | 
	
		
			
				|  |  | +          remark:null,
 | 
	
		
			
				|  |  | +          fVoyid: null,
 | 
	
		
			
				|  |  |          },
 | 
	
		
			
				|  |  |          // 表单参数
 | 
	
		
			
				|  |  |          form: {
 | 
	
	
		
			
				|  | @@ -1164,7 +1189,8 @@
 | 
	
		
			
				|  |  |            remark:null,
 | 
	
		
			
				|  |  |            fDucomentrayoffdate:null,
 | 
	
		
			
				|  |  |            fCutoffdate:null,
 | 
	
		
			
				|  |  | -          fTeu:null
 | 
	
		
			
				|  |  | +          fTeu:null,
 | 
	
		
			
				|  |  | +          fVoyid: null,
 | 
	
		
			
				|  |  |          },
 | 
	
		
			
				|  |  |          cntrOptions:[],
 | 
	
		
			
				|  |  |          // 表单校验
 | 
	
	
		
			
				|  | @@ -1209,8 +1235,26 @@
 | 
	
		
			
				|  |  |        this.portRemoteMethod()
 | 
	
		
			
				|  |  |        this.manageRemoteMethod()
 | 
	
		
			
				|  |  |        this.getRow()
 | 
	
		
			
				|  |  | +      selectTVesself().then((res) => {
 | 
	
		
			
				|  |  | +        this.TVesselfs = res.rows;
 | 
	
		
			
				|  |  | +      });
 | 
	
		
			
				|  |  | +      selectTVoyagef().then((res) => {
 | 
	
		
			
				|  |  | +        this.TVoyagefs = res.rows;
 | 
	
		
			
				|  |  | +      });
 | 
	
		
			
				|  |  |      },
 | 
	
		
			
				|  |  |      methods: {
 | 
	
		
			
				|  |  | +    fvslChange(id) {
 | 
	
		
			
				|  |  | +      selectTVoyagef({ fPid: id }).then((res) => {
 | 
	
		
			
				|  |  | +        this.TVoyagefs = res.rows;
 | 
	
		
			
				|  |  | +      });
 | 
	
		
			
				|  |  | +      this.queryParams.fNo = null;
 | 
	
		
			
				|  |  | +    },
 | 
	
		
			
				|  |  | +    fvslClear() {
 | 
	
		
			
				|  |  | +      selectTVoyagef().then((res) => {
 | 
	
		
			
				|  |  | +        this.TVoyagefs = res.rows;
 | 
	
		
			
				|  |  | +      });
 | 
	
		
			
				|  |  | +      this.queryParams.fNo = null;
 | 
	
		
			
				|  |  | +    },
 | 
	
		
			
				|  |  |        //重置列表
 | 
	
		
			
				|  |  |        delRow() {
 | 
	
		
			
				|  |  |          this.data = {
 |