|
@@ -9,14 +9,29 @@
|
|
|
label-width="88px"
|
|
|
>
|
|
|
<el-row>
|
|
|
- <el-form-item label="提单号" prop="fMblno">
|
|
|
+ <el-form-item label="参考编号" prop="fMblno">
|
|
|
<el-input
|
|
|
v-model="query.fMblno"
|
|
|
- placeholder="请输入提单号"
|
|
|
+ placeholder="请输入参考编号"
|
|
|
clearable
|
|
|
size="small"
|
|
|
/>
|
|
|
</el-form-item>
|
|
|
+ <el-form-item label="客户名称" prop="fCorpid">
|
|
|
+ <el-select
|
|
|
+ v-model="query.fCorpid"
|
|
|
+ filterable
|
|
|
+ remote
|
|
|
+ placeholder="客户名称"
|
|
|
+ >
|
|
|
+ <el-option
|
|
|
+ v-for="(dict, index) in KHblnoOptions"
|
|
|
+ :key="index.fId"
|
|
|
+ :label="dict.fName"
|
|
|
+ :value="dict.fId"
|
|
|
+ ></el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
<el-form-item>
|
|
|
<el-button
|
|
|
type="cyan"
|
|
@@ -24,12 +39,9 @@
|
|
|
size="mini"
|
|
|
@click="getList"
|
|
|
>搜索
|
|
|
- </el-button
|
|
|
- >
|
|
|
- <el-button icon="el-icon-refresh" size="mini" @click="resetQuery"
|
|
|
- >重置
|
|
|
- </el-button
|
|
|
- >
|
|
|
+ </el-button>
|
|
|
+ <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置
|
|
|
+ </el-button>
|
|
|
</el-form-item>
|
|
|
</el-row>
|
|
|
</el-form>
|
|
@@ -90,7 +102,7 @@
|
|
|
<el-table-column type="selection" width="55" align="center"/>
|
|
|
<el-table-column type="index" label="行号" align="center" fixed width="60"/>
|
|
|
<el-table-column
|
|
|
- label="参看编号"
|
|
|
+ label="参考编号"
|
|
|
sortable
|
|
|
align="center"
|
|
|
prop="fMblno"
|
|
@@ -140,6 +152,8 @@
|
|
|
<el-table-column
|
|
|
label="操作"
|
|
|
align="center"
|
|
|
+ fixed="right"
|
|
|
+ width="180"
|
|
|
class-name="small-padding fixed-width"
|
|
|
>
|
|
|
<template slot-scope="scope">
|
|
@@ -203,6 +217,7 @@
|
|
|
<el-date-picker
|
|
|
v-model="queryParams.fBsdate"
|
|
|
type="date"
|
|
|
+ style="width: 200px;"
|
|
|
value-format="yyyy-MM-dd"
|
|
|
:disabled="disabled"
|
|
|
clearable
|
|
@@ -211,31 +226,74 @@
|
|
|
>
|
|
|
</el-date-picker>
|
|
|
</el-form-item>
|
|
|
- <el-form-item label="参看编号" prop="fMblno">
|
|
|
+ <el-form-item label="参考编号" prop="fMblno">
|
|
|
<el-input
|
|
|
v-model="queryParams.fMblno"
|
|
|
- placeholder="请输入参看编号"
|
|
|
+ placeholder="请输入参考编号"
|
|
|
+ style="width: 200px;"
|
|
|
:disabled="disabled"
|
|
|
clearable
|
|
|
size="small"
|
|
|
/>
|
|
|
</el-form-item>
|
|
|
- <el-form-item label="单据编号" prop="fMblno">
|
|
|
+ <el-form-item label="单据编号" prop="fBillno">
|
|
|
<el-input
|
|
|
v-model="queryParams.fBillno"
|
|
|
placeholder="请输入单据编号"
|
|
|
- :disabled="disabled"
|
|
|
+ style="width: 200px;"
|
|
|
+ disabled
|
|
|
clearable
|
|
|
size="small"
|
|
|
/>
|
|
|
</el-form-item>
|
|
|
- <el-form-item label="备注" prop="fMblno">
|
|
|
+ <el-form-item label="船名">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <el-select
|
|
|
+ v-model="queryParams.fVslid"
|
|
|
+ style="width: 200px;"
|
|
|
+ size="small"
|
|
|
+ placeholder="请选择船名"
|
|
|
+ filterable
|
|
|
+ >
|
|
|
+ <el-option
|
|
|
+ v-for="item in TVesselfs"
|
|
|
+ :key="item.fId"
|
|
|
+ :label="item.fName"
|
|
|
+ :value="item.fId"
|
|
|
+ />
|
|
|
+ </el-select>
|
|
|
+ </template>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item
|
|
|
+ prop="fVoyid"
|
|
|
+ header-align="center"
|
|
|
+ label="航次"
|
|
|
+ >
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <el-select
|
|
|
+ v-model="queryParams.fVoyid"
|
|
|
+ size="small"
|
|
|
+ style="width: 200px;"
|
|
|
+ placeholder="请选择航次"
|
|
|
+ filterable
|
|
|
+ >
|
|
|
+ <el-option
|
|
|
+ v-for="item in TVoyagefs"
|
|
|
+ :key="item.fId"
|
|
|
+ :label="item.fNo"
|
|
|
+ :value="item.fId"
|
|
|
+ />
|
|
|
+ </el-select>
|
|
|
+ </template>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="备注" prop="remark">
|
|
|
<el-input
|
|
|
- v-model="queryParams.remark"
|
|
|
- placeholder="请输入备注"
|
|
|
- :disabled="disabled"
|
|
|
- clearable
|
|
|
- size="small"
|
|
|
+ v-model="queryParams.remark"
|
|
|
+ placeholder="请输入备注"
|
|
|
+ :disabled="disabled"
|
|
|
+ style="width: 796px;"
|
|
|
+ clearable
|
|
|
+ size="small"
|
|
|
/>
|
|
|
</el-form-item>
|
|
|
</el-row>
|
|
@@ -289,7 +347,6 @@
|
|
|
v-model="scope.row.fCorpid"
|
|
|
filterable
|
|
|
remote
|
|
|
- :remote-method="corpsRemoteMethod"
|
|
|
placeholder="客户名称"
|
|
|
:disabled="disabled"
|
|
|
>
|
|
@@ -350,7 +407,6 @@
|
|
|
</el-select>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
-
|
|
|
<el-table-column
|
|
|
prop="fFeeUnitid"
|
|
|
header-align="center"
|
|
@@ -397,24 +453,24 @@
|
|
|
<!-- </el-select>-->
|
|
|
<!-- </template>-->
|
|
|
<!-- </el-table-column>-->
|
|
|
-<!-- <el-table-column-->
|
|
|
-<!-- prop="fQty"-->
|
|
|
-<!-- header-align="center"-->
|
|
|
-<!-- align="center"-->
|
|
|
-<!-- width="130px"-->
|
|
|
-<!-- label="箱量"-->
|
|
|
-<!-- >-->
|
|
|
-<!-- <template slot-scope="scope">-->
|
|
|
-<!-- <el-input-->
|
|
|
-<!-- oninput='this.value=this.value.replace(/[^\-?\d.]/g,"").replace(/^(\-)*(\d+)\.(\d\d).*$/, "$1$2.$3")'-->
|
|
|
-<!-- v-model="scope.row.fQty"-->
|
|
|
-<!-- placeholder="箱量"-->
|
|
|
-<!-- @input="calculation(scope.row)"-->
|
|
|
-<!-- show-word-limit-->
|
|
|
-<!-- :disabled="disabled"-->
|
|
|
-<!-- />-->
|
|
|
-<!-- </template>-->
|
|
|
-<!-- </el-table-column>-->
|
|
|
+ <el-table-column
|
|
|
+ prop="fQty"
|
|
|
+ header-align="center"
|
|
|
+ align="center"
|
|
|
+ width="130px"
|
|
|
+ label="数量"
|
|
|
+ >
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <el-input
|
|
|
+ oninput='this.value=this.value.replace(/[^\-?\d.]/g,"").replace(/^(\-)*(\d+)\.(\d\d).*$/, "$1$2.$3")'
|
|
|
+ v-model="scope.row.fQty"
|
|
|
+ placeholder="数量"
|
|
|
+ @input="calculation(scope.row)"
|
|
|
+ show-word-limit
|
|
|
+ :disabled="disabled"
|
|
|
+ />
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
<el-table-column
|
|
|
prop="fUnitprice"
|
|
|
header-align="center"
|
|
@@ -458,12 +514,19 @@
|
|
|
label="币别"
|
|
|
>
|
|
|
<template slot-scope="scope">
|
|
|
- <el-input
|
|
|
+ <el-select
|
|
|
v-model="scope.row.fCurrency"
|
|
|
+ placeholder="请选择币别"
|
|
|
:disabled="disabled"
|
|
|
- placeholder="币别"
|
|
|
- show-word-limit
|
|
|
- />
|
|
|
+ clearable
|
|
|
+ >
|
|
|
+ <el-option
|
|
|
+ v-for="dict in currencyList"
|
|
|
+ :key="dict.dictValue"
|
|
|
+ :label="dict.dictLabel"
|
|
|
+ :value="dict.dictValue"
|
|
|
+ />
|
|
|
+ </el-select>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
<el-table-column
|
|
@@ -561,7 +624,6 @@
|
|
|
v-model="scope.row.fCorpid"
|
|
|
filterable
|
|
|
remote
|
|
|
- :remote-method="corpsRemoteMethod"
|
|
|
placeholder="客户名称"
|
|
|
:disabled="disabled"
|
|
|
>
|
|
@@ -622,7 +684,6 @@
|
|
|
</el-select>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
-
|
|
|
<el-table-column
|
|
|
prop="fFeeUnitid"
|
|
|
header-align="center"
|
|
@@ -669,24 +730,24 @@
|
|
|
<!-- </el-select>-->
|
|
|
<!-- </template>-->
|
|
|
<!-- </el-table-column>-->
|
|
|
- <!-- <el-table-column-->
|
|
|
- <!-- prop="fQty"-->
|
|
|
- <!-- header-align="center"-->
|
|
|
- <!-- align="center"-->
|
|
|
- <!-- width="130px"-->
|
|
|
- <!-- label="箱量"-->
|
|
|
- <!-- >-->
|
|
|
- <!-- <template slot-scope="scope">-->
|
|
|
- <!-- <el-input-->
|
|
|
- <!-- oninput='this.value=this.value.replace(/[^\-?\d.]/g,"").replace(/^(\-)*(\d+)\.(\d\d).*$/, "$1$2.$3")'-->
|
|
|
- <!-- v-model="scope.row.fQty"-->
|
|
|
- <!-- placeholder="箱量"-->
|
|
|
- <!-- @input="calculation(scope.row)"-->
|
|
|
- <!-- show-word-limit-->
|
|
|
- <!-- :disabled="disabled"-->
|
|
|
- <!-- />-->
|
|
|
- <!-- </template>-->
|
|
|
- <!-- </el-table-column>-->
|
|
|
+ <el-table-column
|
|
|
+ prop="fQty"
|
|
|
+ header-align="center"
|
|
|
+ align="center"
|
|
|
+ width="130px"
|
|
|
+ label="数量"
|
|
|
+ >
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <el-input
|
|
|
+ oninput='this.value=this.value.replace(/[^\-?\d.]/g,"").replace(/^(\-)*(\d+)\.(\d\d).*$/, "$1$2.$3")'
|
|
|
+ v-model="scope.row.fQty"
|
|
|
+ placeholder="数量"
|
|
|
+ @input="calculation(scope.row)"
|
|
|
+ show-word-limit
|
|
|
+ :disabled="disabled"
|
|
|
+ />
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
<el-table-column
|
|
|
prop="fUnitprice"
|
|
|
header-align="center"
|
|
@@ -730,12 +791,19 @@
|
|
|
label="币别"
|
|
|
>
|
|
|
<template slot-scope="scope">
|
|
|
- <el-input
|
|
|
+ <el-select
|
|
|
v-model="scope.row.fCurrency"
|
|
|
+ placeholder="请选择币别"
|
|
|
:disabled="disabled"
|
|
|
- placeholder="币别"
|
|
|
- show-word-limit
|
|
|
- />
|
|
|
+ clearable
|
|
|
+ >
|
|
|
+ <el-option
|
|
|
+ v-for="dict in currencyList"
|
|
|
+ :key="dict.dictValue"
|
|
|
+ :label="dict.dictLabel"
|
|
|
+ :value="dict.dictValue"
|
|
|
+ />
|
|
|
+ </el-select>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
<el-table-column
|
|
@@ -805,6 +873,7 @@ import {
|
|
|
revokeContainerPort
|
|
|
} from '@/api/otherFinancial'
|
|
|
import {listFees} from '@/api/basicdata/fees'
|
|
|
+import {selectTVesself, selectTVoyagef} from "@/api/finance/kaihe/payment";
|
|
|
|
|
|
export default {
|
|
|
name: 'jiGang',
|
|
@@ -838,10 +907,23 @@ export default {
|
|
|
},
|
|
|
selection: [],
|
|
|
queryParams: {},
|
|
|
- fFeetUnitOptions:[]
|
|
|
+ fFeetUnitOptions:[],
|
|
|
+ currencyList:[],
|
|
|
+ TVesselfs:[],
|
|
|
+ TVoyagefs:[]
|
|
|
}
|
|
|
},
|
|
|
created() {
|
|
|
+ selectTVesself().then((res) => {
|
|
|
+ this.TVesselfs = res.rows;
|
|
|
+ });
|
|
|
+ selectTVoyagef().then((res) => {
|
|
|
+ this.TVoyagefs = res.rows;
|
|
|
+ });
|
|
|
+ this.getDicts("currency_difference").then((response) => {
|
|
|
+ this.currencyList = response.data;
|
|
|
+ });
|
|
|
+ this.corpsRemoteMethod()
|
|
|
//付费
|
|
|
listFees({fDc: "C"}).then((response) => {
|
|
|
this.fCNameOptions = response.rows;
|
|
@@ -994,7 +1076,7 @@ export default {
|
|
|
fAmt:'',
|
|
|
fExrate:'',
|
|
|
remark:'',
|
|
|
- fCurrency:'RMB'
|
|
|
+ fCurrency:'1'
|
|
|
})
|
|
|
this.fWbuOptions = []
|
|
|
let queryParams = {pageNum: 1, fDc: 'C'}
|
|
@@ -1070,7 +1152,7 @@ export default {
|
|
|
fAmt:'',
|
|
|
fExrate:'',
|
|
|
remark:'',
|
|
|
- fCurrency:'RMB'
|
|
|
+ fCurrency:'1'
|
|
|
})
|
|
|
this.fWbuOptions = []
|
|
|
let queryParams = {pageNum: 1, fDc: 'D'}
|
|
@@ -1112,6 +1194,5 @@ export default {
|
|
|
}
|
|
|
</script>
|
|
|
|
|
|
-<style scoped>
|
|
|
-
|
|
|
+<style scoped lang="scss">
|
|
|
</style>
|