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