|
@@ -37,8 +37,8 @@
|
|
</el-form-item>
|
|
</el-form-item>
|
|
</el-col>
|
|
</el-col>
|
|
<el-col :span="6">
|
|
<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-form-item>
|
|
</el-col>
|
|
</el-col>
|
|
<el-col :span="6">
|
|
<el-col :span="6">
|
|
@@ -63,6 +63,46 @@
|
|
</el-form-item>
|
|
</el-form-item>
|
|
</el-col>
|
|
</el-col>
|
|
<el-col :span="6">
|
|
<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-form-item label="装货时间" prop="cLoadDate">
|
|
<el-date-picker
|
|
<el-date-picker
|
|
v-model="queryParams.cLoadDate"
|
|
v-model="queryParams.cLoadDate"
|
|
@@ -75,8 +115,6 @@
|
|
</el-date-picker>
|
|
</el-date-picker>
|
|
</el-form-item>
|
|
</el-form-item>
|
|
</el-col>
|
|
</el-col>
|
|
- <el-col :span="6"></el-col>
|
|
|
|
- <el-col :span="6"></el-col>
|
|
|
|
</el-row>
|
|
</el-row>
|
|
</div>
|
|
</div>
|
|
</el-collapse-transition>
|
|
</el-collapse-transition>
|
|
@@ -250,6 +288,8 @@
|
|
import { addSet, resetModule, select } from '@/api/system/set'
|
|
import { addSet, resetModule, select } from '@/api/system/set'
|
|
import Vue from 'vue'
|
|
import Vue from 'vue'
|
|
import draggable from "vuedraggable";
|
|
import draggable from "vuedraggable";
|
|
|
|
+ import { getVesselName } from '@/api/finance/applyForInvoice/chargeInvoice'
|
|
|
|
+ import { getVoyageName } from '@/api/finance/applyForInvoice/feeDetail'
|
|
Vue.directive('dialogDrag', {
|
|
Vue.directive('dialogDrag', {
|
|
bind(el, binding, vnode, oldVnode) {
|
|
bind(el, binding, vnode, oldVnode) {
|
|
const dialogHeaderEl = el.querySelector('.el-dialog__header')
|
|
const dialogHeaderEl = el.querySelector('.el-dialog__header')
|
|
@@ -312,6 +352,8 @@
|
|
},
|
|
},
|
|
data() {
|
|
data() {
|
|
return {
|
|
return {
|
|
|
|
+ voyageOptions:[],
|
|
|
|
+ vesselOptions:[],
|
|
show: false,
|
|
show: false,
|
|
activeIndex: '0',
|
|
activeIndex: '0',
|
|
setRowList: [],
|
|
setRowList: [],
|
|
@@ -481,6 +523,8 @@
|
|
this.getRowList = this.tableDate;
|
|
this.getRowList = this.tableDate;
|
|
this.getList();
|
|
this.getList();
|
|
this.cntrRemoteMethod()
|
|
this.cntrRemoteMethod()
|
|
|
|
+ this.vessleRemthod()
|
|
|
|
+ this.voyageRemthods()
|
|
this.getDicts("f_serviceitems").then((response) => {
|
|
this.getDicts("f_serviceitems").then((response) => {
|
|
if (response.data) {
|
|
if (response.data) {
|
|
this.serviceitems = response.data;
|
|
this.serviceitems = response.data;
|
|
@@ -492,6 +536,17 @@
|
|
this.getList()
|
|
this.getList()
|
|
},
|
|
},
|
|
methods: {
|
|
methods: {
|
|
|
|
+ voyageRemthods(){
|
|
|
|
+ getVoyageName().then(response=>{
|
|
|
|
+ this.voyageOptions = response.rows
|
|
|
|
+ })
|
|
|
|
+ },
|
|
|
|
+ //获取船名
|
|
|
|
+ vessleRemthod() {
|
|
|
|
+ getVesselName().then(response => {
|
|
|
|
+ this.vesselOptions = response.rows
|
|
|
|
+ })
|
|
|
|
+ },
|
|
handleSelect(key, keyPath) {
|
|
handleSelect(key, keyPath) {
|
|
if(key === '0'){
|
|
if(key === '0'){
|
|
this.queryParams = {
|
|
this.queryParams = {
|