|
@@ -33,6 +33,7 @@
|
|
|
:clearable="true"
|
|
:clearable="true"
|
|
|
:remote="true"
|
|
:remote="true"
|
|
|
:selectValue="form.corpCnName"
|
|
:selectValue="form.corpCnName"
|
|
|
|
|
+ :disabled="item.disabled || detailData.seeDisabled"
|
|
|
:forParameter="{key:'id',label:'cnName',value:'cnName'}"
|
|
:forParameter="{key:'id',label:'cnName',value:'cnName'}"
|
|
|
@remoteMethod="getBcorpsListfun" @corpChange="corpCorpChange" >
|
|
@remoteMethod="getBcorpsListfun" @corpChange="corpCorpChange" >
|
|
|
<bcorps></bcorps>
|
|
<bcorps></bcorps>
|
|
@@ -44,6 +45,7 @@
|
|
|
type="date"
|
|
type="date"
|
|
|
size="small"
|
|
size="small"
|
|
|
value-format="yyyy-MM-dd"
|
|
value-format="yyyy-MM-dd"
|
|
|
|
|
+ :disabled="item.disabled || detailData.seeDisabled"
|
|
|
placeholder="选择日期">
|
|
placeholder="选择日期">
|
|
|
</el-date-picker>
|
|
</el-date-picker>
|
|
|
<el-select v-else-if="item.type == 'select'" v-model="form[item.prop]" :placeholder="'请选择' + item.label" clearable
|
|
<el-select v-else-if="item.type == 'select'" v-model="form[item.prop]" :placeholder="'请选择' + item.label" clearable
|
|
@@ -80,6 +82,31 @@
|
|
|
:header-cell-class-name="headerClassName"
|
|
:header-cell-class-name="headerClassName"
|
|
|
style="width: 100%">
|
|
style="width: 100%">
|
|
|
<el-table-column
|
|
<el-table-column
|
|
|
|
|
+ prop="carrierCnName"
|
|
|
|
|
+ label="船公司中文名称">
|
|
|
|
|
+ </el-table-column>
|
|
|
|
|
+ <el-table-column
|
|
|
|
|
+ prop="carrierEnName"
|
|
|
|
|
+ label="船公司英文名称">
|
|
|
|
|
+ </el-table-column>
|
|
|
|
|
+ <el-table-column
|
|
|
|
|
+ prop="accountPeriodDays"
|
|
|
|
|
+ label="账期天数">
|
|
|
|
|
+ </el-table-column>
|
|
|
|
|
+ <el-table-column
|
|
|
|
|
+ prop="settlementPeriodType"
|
|
|
|
|
+ label="结算周期类型">
|
|
|
|
|
+ </el-table-column>
|
|
|
|
|
+ <el-table-column
|
|
|
|
|
+ prop="settlementPeriodName"
|
|
|
|
|
+ label="结算周期名称">
|
|
|
|
|
+ </el-table-column>
|
|
|
|
|
+ <el-table-column
|
|
|
|
|
+ prop="settlementPeriodDescr"
|
|
|
|
|
+ label="结算周期描述">
|
|
|
|
|
+ </el-table-column>
|
|
|
|
|
+
|
|
|
|
|
+ <el-table-column
|
|
|
prop="remarks"
|
|
prop="remarks"
|
|
|
label="备注">
|
|
label="备注">
|
|
|
</el-table-column>
|
|
</el-table-column>
|
|
@@ -117,19 +144,32 @@
|
|
|
<el-col v-for="(item, index) in agreementPriceData.column" :key="index" :span="item.span ? item.span : 12"
|
|
<el-col v-for="(item, index) in agreementPriceData.column" :key="index" :span="item.span ? item.span : 12"
|
|
|
:class="{ isShow: item.display }" >
|
|
:class="{ isShow: item.display }" >
|
|
|
<el-form-item :label="item.label" :prop="item.prop" :rules="item.rules">
|
|
<el-form-item :label="item.label" :prop="item.prop" :rules="item.rules">
|
|
|
- <div v-if="item.prop == 'corpId'">
|
|
|
|
|
|
|
+ <div v-if="item.prop == 'carrierCnName'">
|
|
|
<search-query ref="SearchQuery"
|
|
<search-query ref="SearchQuery"
|
|
|
- :datalist="corpData"
|
|
|
|
|
- title="客户"
|
|
|
|
|
|
|
+ :datalist="carrierData"
|
|
|
|
|
+ title="船公司"
|
|
|
:filterable="true"
|
|
:filterable="true"
|
|
|
:clearable="true"
|
|
:clearable="true"
|
|
|
:remote="true"
|
|
:remote="true"
|
|
|
- :forParameter="{key:'id',label:'cnName',value:'id'}"
|
|
|
|
|
- @remoteMethod="getBcorpsListfun" @corpChange="corpCorpChange" >
|
|
|
|
|
|
|
+ :disabled="item.disabled"
|
|
|
|
|
+ :forParameter="{key:'id',label:'cnName',value:'cnName'}"
|
|
|
|
|
+ @remoteMethod="getBcorpsListCarrierfun" @corpChange="carrierCorpChange" >
|
|
|
<bcorps></bcorps>
|
|
<bcorps></bcorps>
|
|
|
</search-query>
|
|
</search-query>
|
|
|
</div>
|
|
</div>
|
|
|
-
|
|
|
|
|
|
|
+ <div v-else-if="item.prop == 'settlementPeriodType'">
|
|
|
|
|
+ <search-query ref="SearchQuery"
|
|
|
|
|
+ :datalist="settlementPeriodData"
|
|
|
|
|
+ title="结算周期"
|
|
|
|
|
+ :filterable="true"
|
|
|
|
|
+ :clearable="true"
|
|
|
|
|
+ :remote="true"
|
|
|
|
|
+ :disabled="item.disabled"
|
|
|
|
|
+ :forParameter="{key:'id',label:'cnName',value:'cnName'}"
|
|
|
|
|
+ @remoteMethod="balancecycleListfun" @corpChange="settlementPeriodCorpChange" >
|
|
|
|
|
+ <balancecycle></balancecycle>
|
|
|
|
|
+ </search-query>
|
|
|
|
|
+ </div>
|
|
|
<el-input type="textarea" v-else-if="item.type === 'textarea'" v-model.trim="agreementPriceForm[item.prop]" size="small"
|
|
<el-input type="textarea" v-else-if="item.type === 'textarea'" v-model.trim="agreementPriceForm[item.prop]" size="small"
|
|
|
autocomplete="off" :disabled="item.disabled" :placeholder="'请输入' + item.label"></el-input>
|
|
autocomplete="off" :disabled="item.disabled" :placeholder="'请输入' + item.label"></el-input>
|
|
|
<el-input v-else type="age" style="width: 100%;" v-model.trim="agreementPriceForm[item.prop]" size="small" autocomplete="off"
|
|
<el-input v-else type="age" style="width: 100%;" v-model.trim="agreementPriceForm[item.prop]" size="small" autocomplete="off"
|
|
@@ -157,11 +197,13 @@ import SearchQuery from '@/components/iosbasic-data/searchquery.vue'
|
|
|
import bcorps from "@/views/iosBasicData/bcorps/index.vue";
|
|
import bcorps from "@/views/iosBasicData/bcorps/index.vue";
|
|
|
import bfeesdefine from "@/views/iosBasicData/bfeesdefine/index.vue";
|
|
import bfeesdefine from "@/views/iosBasicData/bfeesdefine/index.vue";
|
|
|
import bbusinesstype from "@/views/iosBasicData/bbusinesstype/index.vue";
|
|
import bbusinesstype from "@/views/iosBasicData/bbusinesstype/index.vue";
|
|
|
|
|
+import balancecycle from "@/views/financialManagementF/balancecycle/index.vue";
|
|
|
import {getWorkDicts} from "@/api/system/dictbiz";
|
|
import {getWorkDicts} from "@/api/system/dictbiz";
|
|
|
|
|
+import {balancecycleList} from "@/api/iosBasicData/balancecycle";
|
|
|
|
|
|
|
|
|
|
|
|
|
export default {
|
|
export default {
|
|
|
- components: {SearchQuery,bcorps,bfeesdefine,bbusinesstype},
|
|
|
|
|
|
|
+ components: {SearchQuery,bcorps,bfeesdefine,bbusinesstype,balancecycle},
|
|
|
props:{
|
|
props:{
|
|
|
detailData: {
|
|
detailData: {
|
|
|
type: Object
|
|
type: Object
|
|
@@ -179,6 +221,10 @@ export default {
|
|
|
agreementPriceIndex:null,
|
|
agreementPriceIndex:null,
|
|
|
// 客户请求数据
|
|
// 客户请求数据
|
|
|
corpData:[],
|
|
corpData:[],
|
|
|
|
|
+ // 船公司请求到的数据
|
|
|
|
|
+ carrierData:[],
|
|
|
|
|
+ // 结算周期数据
|
|
|
|
|
+ settlementPeriodData:[],
|
|
|
// 获取到的数据
|
|
// 获取到的数据
|
|
|
form:{
|
|
form:{
|
|
|
isShared:0,
|
|
isShared:0,
|
|
@@ -296,10 +342,10 @@ export default {
|
|
|
// trigger: "blur"
|
|
// trigger: "blur"
|
|
|
// }]
|
|
// }]
|
|
|
// },
|
|
// },
|
|
|
- {
|
|
|
|
|
- label: "船公司 Id",
|
|
|
|
|
- prop: "carrierId",
|
|
|
|
|
- },
|
|
|
|
|
|
|
+ // {
|
|
|
|
|
+ // label: "船公司 Id",
|
|
|
|
|
+ // prop: "carrierId",
|
|
|
|
|
+ // },
|
|
|
{
|
|
{
|
|
|
label: "船公司中文名称",
|
|
label: "船公司中文名称",
|
|
|
prop: "carrierCnName",
|
|
prop: "carrierCnName",
|
|
@@ -307,10 +353,12 @@ export default {
|
|
|
{
|
|
{
|
|
|
label: "船公司英文名称",
|
|
label: "船公司英文名称",
|
|
|
prop: "carrierEnName",
|
|
prop: "carrierEnName",
|
|
|
|
|
+ disabled:true,
|
|
|
},
|
|
},
|
|
|
{
|
|
{
|
|
|
label: "账期天数",
|
|
label: "账期天数",
|
|
|
prop: "accountPeriodDays",
|
|
prop: "accountPeriodDays",
|
|
|
|
|
+
|
|
|
},
|
|
},
|
|
|
{
|
|
{
|
|
|
label: "结算周期类型",
|
|
label: "结算周期类型",
|
|
@@ -319,10 +367,12 @@ export default {
|
|
|
{
|
|
{
|
|
|
label: "结算周期名称",
|
|
label: "结算周期名称",
|
|
|
prop: "settlementPeriodName",
|
|
prop: "settlementPeriodName",
|
|
|
|
|
+ disabled:true,
|
|
|
},
|
|
},
|
|
|
{
|
|
{
|
|
|
label: "结算周期描述",
|
|
label: "结算周期描述",
|
|
|
prop: "settlementPeriodDescr",
|
|
prop: "settlementPeriodDescr",
|
|
|
|
|
+ disabled:true,
|
|
|
},
|
|
},
|
|
|
{
|
|
{
|
|
|
label: "备注",
|
|
label: "备注",
|
|
@@ -337,6 +387,8 @@ export default {
|
|
|
},
|
|
},
|
|
|
created() {
|
|
created() {
|
|
|
this.getBcorpsListfun()
|
|
this.getBcorpsListfun()
|
|
|
|
|
+ this.getBcorpsListCarrierfun()
|
|
|
|
|
+ this.balancecycleListfun()
|
|
|
this.getWorkDictsfun()
|
|
this.getWorkDictsfun()
|
|
|
},
|
|
},
|
|
|
methods:{
|
|
methods:{
|
|
@@ -364,6 +416,18 @@ export default {
|
|
|
this.corpData = res.data.data.records
|
|
this.corpData = res.data.data.records
|
|
|
})
|
|
})
|
|
|
},
|
|
},
|
|
|
|
|
+ // 获取船公司数据
|
|
|
|
|
+ getBcorpsListCarrierfun(cnName){
|
|
|
|
|
+ getBcorpsList(1,10,{corpTypeName:'船公司',cnName}).then(res=>{
|
|
|
|
|
+ this.carrierData = res.data.data.records
|
|
|
|
|
+ })
|
|
|
|
|
+ },
|
|
|
|
|
+ // 结算周期数据
|
|
|
|
|
+ balancecycleListfun(cnName){
|
|
|
|
|
+ balancecycleList(1,10,{cnName}).then(res=>{
|
|
|
|
|
+ this.settlementPeriodData = res.data.data.records
|
|
|
|
|
+ })
|
|
|
|
|
+ },
|
|
|
// 客户选择之后的回调
|
|
// 客户选择之后的回调
|
|
|
corpCorpChange(value){
|
|
corpCorpChange(value){
|
|
|
for(let item of this.corpData) {
|
|
for(let item of this.corpData) {
|
|
@@ -374,6 +438,20 @@ export default {
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
|
},
|
|
},
|
|
|
|
|
+ // 船公司选择之后的回调
|
|
|
|
|
+ carrierCorpChange(value){
|
|
|
|
|
+ for(let item of this.carrierData) {
|
|
|
|
|
+ if (item.cnName == value) {
|
|
|
|
|
+ this.$set(this.agreementPriceForm,'carrierId',item.id)
|
|
|
|
|
+ this.$set(this.agreementPriceForm,'carrierEnName',item.enName)
|
|
|
|
|
+ this.$set(this.agreementPriceForm,'carrierCnName',item.cnName)
|
|
|
|
|
+ }
|
|
|
|
|
+ }
|
|
|
|
|
+ },
|
|
|
|
|
+ // 结算周期类型
|
|
|
|
|
+ settlementPeriodCorpChange(value) {
|
|
|
|
|
+ console.log(value)
|
|
|
|
|
+ },
|
|
|
// 获取详情数据
|
|
// 获取详情数据
|
|
|
agreementpriceDetailfun(id){
|
|
agreementpriceDetailfun(id){
|
|
|
this.pageLoading = true
|
|
this.pageLoading = true
|
|
@@ -384,7 +462,8 @@ export default {
|
|
|
},
|
|
},
|
|
|
// 编辑按钮更改状态
|
|
// 编辑按钮更改状态
|
|
|
editHandle(){
|
|
editHandle(){
|
|
|
- this.detailData.seeDisabled = false;
|
|
|
|
|
|
|
+ this.$set(this.detailData,'seeDisabled',false)
|
|
|
|
|
+ // this.detailData.seeDisabled = false;
|
|
|
},
|
|
},
|
|
|
// 保存按钮
|
|
// 保存按钮
|
|
|
editCustomer(){
|
|
editCustomer(){
|