|
|
@@ -5,15 +5,15 @@
|
|
|
<div class="customer-back">
|
|
|
<!-- <i class="back-icon el-icon-arrow-left"></i><i style="font-style:normal">返回管理列表</i>-->
|
|
|
<el-button type="danger" style="border: none;background: none;color: red" icon="el-icon-arrow-left"
|
|
|
- @click="backToList">返回列表
|
|
|
+ @click="backToList">返回列表
|
|
|
</el-button>
|
|
|
</div>
|
|
|
<div class="add-customer-btn">
|
|
|
- <el-button size="small" type="primary" style="margin-right: 8px" v-if="detailData.seeDisabled"
|
|
|
- :loading="saveLoading" @click="editHandle">编 辑
|
|
|
+ <el-button size="small" type="primary" style="margin-right: 8px" v-if="detailData.seeDisabled"
|
|
|
+ :loading="saveLoading" @click="editHandle">编 辑
|
|
|
</el-button>
|
|
|
- <el-button size="small" type="primary" style="margin-right: 8px" v-else
|
|
|
- :loading="saveLoading" @click="editCustomer">保 存
|
|
|
+ <el-button size="small" type="primary" style="margin-right: 8px" v-else :loading="saveLoading"
|
|
|
+ @click="editCustomer">保 存
|
|
|
</el-button>
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -23,41 +23,34 @@
|
|
|
<basic-container :showBtn="true">
|
|
|
<el-row>
|
|
|
<el-col v-for="(item, index) in basicData.column" :key="index" :span="item.span ? item.span : 8"
|
|
|
- :class="{ isShow: item.display }" >
|
|
|
+ :class="{ isShow: item.display }">
|
|
|
<el-form-item :label="item.label" :prop="item.prop" :rules="item.rules">
|
|
|
<div v-if="item.prop == 'corpCnName'">
|
|
|
- <search-query ref="SearchQuery"
|
|
|
- :datalist="corpData"
|
|
|
- title="客户"
|
|
|
- :filterable="true"
|
|
|
- :clearable="true"
|
|
|
- :remote="true"
|
|
|
- :selectValue="form.corpCnName"
|
|
|
- :disabled="item.disabled || detailData.seeDisabled"
|
|
|
- :forParameter="{key:'id',label:'cnName',value:'cnName'}"
|
|
|
- @remoteMethod="getBcorpsListfun" @corpChange="corpCorpChange" >
|
|
|
+ <search-query ref="SearchQuery" :datalist="corpData" title="客户" :filterable="true"
|
|
|
+ :clearable="true" :remote="true" :selectValue="form.corpCnName"
|
|
|
+ :disabled="item.disabled || detailData.seeDisabled"
|
|
|
+ :forParameter="{ key: 'id', label: 'cnName', value: 'cnName' }"
|
|
|
+ @remoteMethod="getBcorpsListfun" @corpChange="corpCorpChange">
|
|
|
<bcorps></bcorps>
|
|
|
</search-query>
|
|
|
</div>
|
|
|
- <el-date-picker
|
|
|
- v-else-if="item.type === 'date'"
|
|
|
- v-model="form[item.prop]"
|
|
|
- type="date"
|
|
|
- size="small"
|
|
|
- value-format="yyyy-MM-dd"
|
|
|
- :disabled="item.disabled || detailData.seeDisabled"
|
|
|
- placeholder="选择日期">
|
|
|
+ <el-date-picker v-else-if="item.type === 'date'" v-model="form[item.prop]" type="date"
|
|
|
+ size="small" value-format="yyyy-MM-dd"
|
|
|
+ :disabled="item.disabled || detailData.seeDisabled" placeholder="选择日期">
|
|
|
</el-date-picker>
|
|
|
- <el-select v-else-if="item.type == 'select'" v-model="form[item.prop]" :placeholder="'请选择' + item.label" clearable
|
|
|
- filterable style="width: 100%" size="small"
|
|
|
- :disabled="item.disabled || detailData.seeDisabled">
|
|
|
+ <el-select v-else-if="item.type == 'select'" v-model="form[item.prop]"
|
|
|
+ :placeholder="'请选择' + item.label" clearable filterable style="width: 100%"
|
|
|
+ size="small" :disabled="item.disabled || detailData.seeDisabled">
|
|
|
<el-option v-for="(ite, inde) in item.dicData" :key="inde" :label="ite.label"
|
|
|
- :value="ite.value"></el-option>
|
|
|
+ :value="ite.value"></el-option>
|
|
|
</el-select>
|
|
|
- <el-input type="textarea" v-else-if="item.type === 'textarea'" v-model.trim="form[item.prop]" size="small"
|
|
|
- autocomplete="off" :disabled="item.disabled || detailData.seeDisabled" :placeholder="'请输入' + item.label"></el-input>
|
|
|
- <el-input v-else type="age" style="width: 100%;" v-model.trim="form[item.prop]" size="small" autocomplete="off"
|
|
|
- :disabled="item.disabled || detailData.seeDisabled" clearable :placeholder="'请输入' + item.label"></el-input>
|
|
|
+ <el-input type="textarea" v-else-if="item.type === 'textarea'"
|
|
|
+ v-model.trim="form[item.prop]" size="small" autocomplete="off"
|
|
|
+ :disabled="item.disabled || detailData.seeDisabled"
|
|
|
+ :placeholder="'请输入' + item.label"></el-input>
|
|
|
+ <el-input v-else type="age" style="width: 100%;" v-model.trim="form[item.prop]"
|
|
|
+ size="small" autocomplete="off" :disabled="item.disabled || detailData.seeDisabled"
|
|
|
+ clearable :placeholder="'请输入' + item.label"></el-input>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
</el-row>
|
|
|
@@ -69,58 +62,32 @@
|
|
|
<containerTitle title="协议详细"></containerTitle>
|
|
|
<basic-container>
|
|
|
<div style="margin-bottom: 10px">
|
|
|
- <el-button type="primary"
|
|
|
- size="small"
|
|
|
- :disabled="detailData.seeDisabled"
|
|
|
- @click="agreementPricepingCompanyAdd">新增数据
|
|
|
+ <el-button type="primary" size="small" :disabled="detailData.seeDisabled"
|
|
|
+ @click="agreementPricepingCompanyAdd">新增数据
|
|
|
</el-button>
|
|
|
</div>
|
|
|
- <el-table
|
|
|
- stripe
|
|
|
- :data="form.agreementPriceItemsList"
|
|
|
- id="out-table"
|
|
|
- :header-cell-class-name="headerClassName"
|
|
|
- style="width: 100%">
|
|
|
- <el-table-column
|
|
|
- prop="carrierCnName"
|
|
|
- label="船公司中文名称">
|
|
|
+ <el-table stripe :data="form.agreementPriceItemsList" id="out-table"
|
|
|
+ :header-cell-class-name="headerClassName" style="width: 100%">
|
|
|
+ <el-table-column prop="carrierCnName" label="船公司中文名称">
|
|
|
</el-table-column>
|
|
|
- <el-table-column
|
|
|
- prop="carrierEnName"
|
|
|
- label="船公司英文名称">
|
|
|
+ <el-table-column prop="carrierEnName" label="船公司英文名称">
|
|
|
</el-table-column>
|
|
|
- <el-table-column
|
|
|
- prop="accountPeriodDays"
|
|
|
- label="账期天数">
|
|
|
+ <el-table-column prop="accountPeriodDays" label="账期天数">
|
|
|
</el-table-column>
|
|
|
- <el-table-column
|
|
|
- prop="settlementPeriodType"
|
|
|
- label="结算周期类型">
|
|
|
+ <el-table-column prop="settlementPeriodType" label="结算周期类型">
|
|
|
</el-table-column>
|
|
|
- <el-table-column
|
|
|
- prop="settlementPeriodName"
|
|
|
- label="结算周期名称">
|
|
|
+ <el-table-column prop="settlementPeriodName" label="结算周期名称">
|
|
|
</el-table-column>
|
|
|
- <el-table-column
|
|
|
- prop="settlementPeriodDescr"
|
|
|
- label="结算周期描述">
|
|
|
+ <el-table-column prop="settlementPeriodDescr" label="结算周期描述">
|
|
|
</el-table-column>
|
|
|
|
|
|
- <el-table-column
|
|
|
- prop="remarks"
|
|
|
- label="备注">
|
|
|
+ <el-table-column prop="remarks" label="备注">
|
|
|
</el-table-column>
|
|
|
<el-table-column label="操作">
|
|
|
<template slot-scope="scope">
|
|
|
- <el-button
|
|
|
- type="text"
|
|
|
- size="small"
|
|
|
- :disabled="detailData.seeDisabled"
|
|
|
+ <el-button type="text" size="small" :disabled="detailData.seeDisabled"
|
|
|
@click="agreementPriceCompanyEdit(scope.$index, scope.row)">编辑</el-button>
|
|
|
- <el-button
|
|
|
- size="small"
|
|
|
- type="text"
|
|
|
- :disabled="detailData.seeDisabled"
|
|
|
+ <el-button size="small" type="text" :disabled="detailData.seeDisabled"
|
|
|
@click="agreementPriceCompanyDelete(scope.$index, scope.row)">删除</el-button>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
@@ -130,112 +97,98 @@
|
|
|
|
|
|
|
|
|
<!--协议详细添加弹窗-->
|
|
|
- <el-dialog
|
|
|
- title="协议详细"
|
|
|
- :visible.sync="agreementPriceVisible"
|
|
|
- width="60%"
|
|
|
- append-to-body
|
|
|
- :destroy-on-close="true"
|
|
|
- :modal-append-to-body="false"
|
|
|
- :before-close="agreementPriceClose">
|
|
|
+ <el-dialog title="协议详细" :visible.sync="agreementPriceVisible" width="60%" append-to-body
|
|
|
+ :destroy-on-close="true" :modal-append-to-body="false" :before-close="agreementPriceClose">
|
|
|
<div>
|
|
|
<el-form :model="agreementPriceForm" ref="agreementPriceForm" label-width="100px" class="demo-ruleForm">
|
|
|
<el-row>
|
|
|
- <el-col v-for="(item, index) in agreementPriceData.column" :key="index" :span="item.span ? item.span : 12"
|
|
|
- :class="{ isShow: item.display }" >
|
|
|
+ <el-col v-for="(item, index) in agreementPriceData.column" :key="index"
|
|
|
+ :span="item.span ? item.span : 12" :class="{ isShow: item.display }">
|
|
|
<el-form-item :label="item.label" :prop="item.prop" :rules="item.rules">
|
|
|
<div v-if="item.prop == 'carrierCnName'">
|
|
|
- <search-query ref="SearchQuery"
|
|
|
- :datalist="carrierData"
|
|
|
- :selectValue="agreementPriceForm[item.prop]"
|
|
|
- title="船公司"
|
|
|
- :filterable="true"
|
|
|
- :clearable="true"
|
|
|
- :remote="true"
|
|
|
- :disabled="item.disabled"
|
|
|
- :forParameter="{key:'id',label:'cnName',value:'cnName'}"
|
|
|
- @remoteMethod="getBcorpsListCarrierfun" @corpChange="carrierCorpChange" >
|
|
|
+ <search-query ref="SearchQuery" :datalist="carrierData"
|
|
|
+ :selectValue="agreementPriceForm[item.prop]" title="船公司" :filterable="true"
|
|
|
+ :clearable="true" :remote="true" :disabled="item.disabled"
|
|
|
+ :forParameter="{ key: 'id', label: 'cnName', value: 'cnName' }"
|
|
|
+ @remoteMethod="getBcorpsListCarrierfun" @corpChange="carrierCorpChange">
|
|
|
<bcorps></bcorps>
|
|
|
</search-query>
|
|
|
</div>
|
|
|
<div v-else-if="item.prop == 'settlementPeriodType'">
|
|
|
- <search-query ref="SearchQuery"
|
|
|
- :datalist="settlementPeriodData"
|
|
|
- :selectValue="agreementPriceForm[item.prop]"
|
|
|
- title="结算周期"
|
|
|
- :filterable="true"
|
|
|
- :clearable="true"
|
|
|
- :remote="true"
|
|
|
- :disabled="item.disabled"
|
|
|
- :forParameter="{key:'id',label:'balanceCycleType',value:'balanceCycleType'}"
|
|
|
- @remoteMethod="balancecycleListfun" @corpChange="settlementPeriodCorpChange" >
|
|
|
+ <search-query ref="SearchQuery" :datalist="settlementPeriodData"
|
|
|
+ :selectValue="agreementPriceForm[item.prop]" title="结算周期" :filterable="true"
|
|
|
+ :clearable="true" :remote="true" :disabled="item.disabled"
|
|
|
+ :forParameter="{ key: 'id', label: 'balanceCycleType', value: 'balanceCycleType' }"
|
|
|
+ @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"
|
|
|
- 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"
|
|
|
- :disabled="item.disabled" clearable :placeholder="'请输入' + item.label"></el-input>
|
|
|
+ <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>
|
|
|
+ <el-input v-else type="age" style="width: 100%;"
|
|
|
+ v-model.trim="agreementPriceForm[item.prop]" size="small" autocomplete="off"
|
|
|
+ :disabled="item.disabled" clearable :placeholder="'请输入' + item.label"></el-input>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
</el-row>
|
|
|
</el-form>
|
|
|
</div>
|
|
|
<span slot="footer" class="dialog-footer">
|
|
|
- <el-button @click="agreementPriceVisible = false;">取 消</el-button>
|
|
|
- <el-button type="primary" @click="agreementPricecompanyConfirm">确 定</el-button>
|
|
|
- </span>
|
|
|
+ <el-button @click="agreementPriceVisible = false;">取 消</el-button>
|
|
|
+ <el-button type="primary" @click="agreementPricecompanyConfirm">确 定</el-button>
|
|
|
+ </span>
|
|
|
</el-dialog>
|
|
|
</div>
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
-import {agreementpriceDetail, agreementpriceSubmit} from "@/api/iosBasicData/agreementprice";
|
|
|
-import {bfeesList} from "@/api/iosBasicData/bfees";
|
|
|
-import {getBcorpsList} from "@/api/iosBasicData/bcorps";
|
|
|
+import { agreementpriceDetail, agreementpriceSubmit } from "@/api/iosBasicData/agreementprice";
|
|
|
+import { bfeesList } from "@/api/iosBasicData/bfees";
|
|
|
+import { getBcorpsList } from "@/api/iosBasicData/bcorps";
|
|
|
import { getRateList } from "@/api/iosBasicData/rateManagement";
|
|
|
-import {bbusinesstypeList} from "@/api/iosBasicData/bbusinesstype";
|
|
|
+import { bbusinesstypeList } from "@/api/iosBasicData/bbusinesstype";
|
|
|
import SearchQuery from '@/components/iosbasic-data/searchquery.vue'
|
|
|
import bcorps from "@/views/iosBasicData/bcorps/index.vue";
|
|
|
import bfeesdefine from "@/views/iosBasicData/bfeesdefine/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 {balancecycleList} from "@/api/iosBasicData/balancecycle";
|
|
|
+import { getWorkDicts } from "@/api/system/dictbiz";
|
|
|
+import { balancecycleList } from "@/api/iosBasicData/balancecycle";
|
|
|
|
|
|
|
|
|
export default {
|
|
|
- components: {SearchQuery,bcorps,bfeesdefine,bbusinesstype,balancecycle},
|
|
|
- props:{
|
|
|
+ components: { SearchQuery, bcorps, bfeesdefine, bbusinesstype, balancecycle },
|
|
|
+ props: {
|
|
|
detailData: {
|
|
|
type: Object
|
|
|
}
|
|
|
},
|
|
|
|
|
|
- data(){
|
|
|
+ data() {
|
|
|
return {
|
|
|
- pageLoading:false,
|
|
|
- saveLoading:false,
|
|
|
+ pageLoading: false,
|
|
|
+ saveLoading: false,
|
|
|
// 协议详细弹窗
|
|
|
- agreementPriceVisible:false,
|
|
|
+ agreementPriceVisible: false,
|
|
|
// 协议详细弹窗绑定的数据
|
|
|
- agreementPriceForm:{},
|
|
|
- agreementPriceIndex:null,
|
|
|
+ agreementPriceForm: {},
|
|
|
+ agreementPriceIndex: null,
|
|
|
// 客户请求数据
|
|
|
- corpData:[],
|
|
|
+ corpData: [],
|
|
|
// 船公司请求到的数据
|
|
|
- carrierData:[],
|
|
|
+ carrierData: [],
|
|
|
// 结算周期数据
|
|
|
- settlementPeriodData:[],
|
|
|
+ settlementPeriodData: [],
|
|
|
// 获取到的数据
|
|
|
- form:{
|
|
|
- isShared:0,
|
|
|
- status:0,
|
|
|
- agreementPriceItemsList:[]
|
|
|
+ form: {
|
|
|
+ isShared: 0,
|
|
|
+ status: 0,
|
|
|
+ agreementPriceItemsList: []
|
|
|
},
|
|
|
// 基础资料数据
|
|
|
- basicData:{
|
|
|
- column:[
|
|
|
+ basicData: {
|
|
|
+ column: [
|
|
|
{
|
|
|
label: "单据编码",
|
|
|
prop: "billNo",
|
|
|
@@ -266,7 +219,7 @@ export default {
|
|
|
{
|
|
|
label: "客户英文名称",
|
|
|
prop: "corpEnName",
|
|
|
- disabled:true,
|
|
|
+ disabled: true,
|
|
|
rules: [{
|
|
|
required: true,
|
|
|
message: "请输入客户英文名称",
|
|
|
@@ -277,8 +230,8 @@ export default {
|
|
|
label: "授信等级",
|
|
|
prop: "creditLevel",
|
|
|
// 请输入授信等级,A=A级,B=B级,B+=B+级,B-=B-级,C=C级,D=黑名单
|
|
|
- type:'select',
|
|
|
- dicData:[]
|
|
|
+ type: 'select',
|
|
|
+ dicData: []
|
|
|
},
|
|
|
{
|
|
|
label: "协议生效日期",
|
|
|
@@ -303,20 +256,31 @@ export default {
|
|
|
{
|
|
|
label: "状态",
|
|
|
prop: "status",
|
|
|
- type:'select',
|
|
|
- dicData:[{
|
|
|
- label:'启用',
|
|
|
- value:0
|
|
|
- },{
|
|
|
- label:'停用',
|
|
|
- value:1
|
|
|
+ type: 'select',
|
|
|
+ dicData: [{
|
|
|
+ label: '启用',
|
|
|
+ value: 0
|
|
|
+ }, {
|
|
|
+ label: '停用',
|
|
|
+ value: 1
|
|
|
+ }],
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: "结算方式",
|
|
|
+ prop: "accountPeriodType",
|
|
|
+ type: 'select',
|
|
|
+ dicData: [{
|
|
|
+ label: '月结',
|
|
|
+ value: '月结'
|
|
|
+ }, {
|
|
|
+ label: '票结',
|
|
|
+ value: '票结'
|
|
|
}],
|
|
|
},
|
|
|
-
|
|
|
{
|
|
|
label: "账期备注",
|
|
|
prop: "accountPeriodRemarks",
|
|
|
- span:24,
|
|
|
+ span: 24,
|
|
|
type: 'textarea',
|
|
|
width: "180",
|
|
|
slot: true,
|
|
|
@@ -325,7 +289,7 @@ export default {
|
|
|
{
|
|
|
label: "备注",
|
|
|
prop: "remarks",
|
|
|
- span:24,
|
|
|
+ span: 24,
|
|
|
type: 'textarea',
|
|
|
minRows: 3,
|
|
|
},
|
|
|
@@ -333,8 +297,8 @@ export default {
|
|
|
]
|
|
|
},
|
|
|
// 费用详细数据
|
|
|
- agreementPriceData:{
|
|
|
- column:[
|
|
|
+ agreementPriceData: {
|
|
|
+ column: [
|
|
|
// {
|
|
|
// label: "协议价管理主表id",
|
|
|
// prop: "pid",
|
|
|
@@ -355,7 +319,7 @@ export default {
|
|
|
{
|
|
|
label: "船公司英文名称",
|
|
|
prop: "carrierEnName",
|
|
|
- disabled:true,
|
|
|
+ disabled: true,
|
|
|
},
|
|
|
{
|
|
|
label: "账期天数",
|
|
|
@@ -369,7 +333,7 @@ export default {
|
|
|
{
|
|
|
label: "结算周期名称",
|
|
|
prop: "settlementPeriodName",
|
|
|
- disabled:true,
|
|
|
+ disabled: true,
|
|
|
},
|
|
|
{
|
|
|
label: "结算周期描述",
|
|
|
@@ -379,7 +343,7 @@ export default {
|
|
|
{
|
|
|
label: "备注",
|
|
|
prop: "remarks",
|
|
|
- span:24,
|
|
|
+ span: 24,
|
|
|
type: 'textarea',
|
|
|
minRows: 3,
|
|
|
},
|
|
|
@@ -393,18 +357,18 @@ export default {
|
|
|
this.balancecycleListfun()
|
|
|
this.getWorkDictsfun()
|
|
|
},
|
|
|
- methods:{
|
|
|
+ methods: {
|
|
|
// 查询字典
|
|
|
- getWorkDictsfun(){
|
|
|
+ getWorkDictsfun() {
|
|
|
getWorkDicts('bcorps-credit-level').then((res) => {
|
|
|
let arr = []
|
|
|
- for(let item of res.data.data) {
|
|
|
+ for (let item of res.data.data) {
|
|
|
arr.push({
|
|
|
- label:item.dictValue,
|
|
|
- value:item.dictValue
|
|
|
+ label: item.dictValue,
|
|
|
+ value: item.dictValue
|
|
|
})
|
|
|
}
|
|
|
- for(let item of this.basicData.column) {
|
|
|
+ for (let item of this.basicData.column) {
|
|
|
if (item.prop == 'creditLevel') {
|
|
|
item.dicData = arr
|
|
|
}
|
|
|
@@ -413,56 +377,56 @@ export default {
|
|
|
});
|
|
|
},
|
|
|
// 获取客户数据
|
|
|
- getBcorpsListfun(cnName){
|
|
|
- getBcorpsList(1,10,{cnName}).then(res=>{
|
|
|
+ getBcorpsListfun(cnName) {
|
|
|
+ getBcorpsList(1, 10, { cnName }).then(res => {
|
|
|
this.corpData = res.data.data.records
|
|
|
})
|
|
|
},
|
|
|
// 获取船公司数据
|
|
|
- getBcorpsListCarrierfun(cnName){
|
|
|
- getBcorpsList(1,10,{corpTypeName:'船公司',cnName}).then(res=>{
|
|
|
+ getBcorpsListCarrierfun(cnName) {
|
|
|
+ getBcorpsList(1, 10, { corpTypeName: '船公司', cnName }).then(res => {
|
|
|
this.carrierData = res.data.data.records
|
|
|
})
|
|
|
},
|
|
|
// 结算周期数据
|
|
|
- balancecycleListfun(cnName){
|
|
|
- balancecycleList(1,10,{cnName}).then(res=>{
|
|
|
+ balancecycleListfun(cnName) {
|
|
|
+ balancecycleList(1, 10, { cnName }).then(res => {
|
|
|
this.settlementPeriodData = res.data.data.records
|
|
|
})
|
|
|
},
|
|
|
// 客户选择之后的回调
|
|
|
- corpCorpChange(value){
|
|
|
- for(let item of this.corpData) {
|
|
|
+ corpCorpChange(value) {
|
|
|
+ for (let item of this.corpData) {
|
|
|
if (item.cnName == value) {
|
|
|
- this.$set(this.form,'corpId',item.id)
|
|
|
- this.$set(this.form,'corpEnName',item.enName)
|
|
|
- this.$set(this.form,'corpCnName',item.cnName)
|
|
|
+ this.$set(this.form, 'corpId', item.id)
|
|
|
+ this.$set(this.form, 'corpEnName', item.enName)
|
|
|
+ this.$set(this.form, 'corpCnName', item.cnName)
|
|
|
}
|
|
|
}
|
|
|
},
|
|
|
// 船公司选择之后的回调
|
|
|
- carrierCorpChange(value){
|
|
|
- for(let item of this.carrierData) {
|
|
|
+ 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)
|
|
|
+ this.$set(this.agreementPriceForm, 'carrierId', item.id)
|
|
|
+ this.$set(this.agreementPriceForm, 'carrierEnName', item.enName)
|
|
|
+ this.$set(this.agreementPriceForm, 'carrierCnName', item.cnName)
|
|
|
}
|
|
|
}
|
|
|
},
|
|
|
// 结算周期类型
|
|
|
settlementPeriodCorpChange(value) {
|
|
|
- for(let item of this.settlementPeriodData) {
|
|
|
+ for (let item of this.settlementPeriodData) {
|
|
|
if (item.balanceCycleType == value) {
|
|
|
- this.$set(this.agreementPriceForm,'settlementPeriodType',item.balanceCycleType)
|
|
|
- this.$set(this.agreementPriceForm,'settlementPeriodName',item.balanceCycleName)
|
|
|
- this.$set(this.agreementPriceForm,'settlementPeriodDescr',item.balanceCycleDescribe)
|
|
|
+ this.$set(this.agreementPriceForm, 'settlementPeriodType', item.balanceCycleType)
|
|
|
+ this.$set(this.agreementPriceForm, 'settlementPeriodName', item.balanceCycleName)
|
|
|
+ this.$set(this.agreementPriceForm, 'settlementPeriodDescr', item.balanceCycleDescribe)
|
|
|
}
|
|
|
}
|
|
|
console.log(value)
|
|
|
},
|
|
|
// 获取详情数据
|
|
|
- agreementpriceDetailfun(id){
|
|
|
+ agreementpriceDetailfun(id) {
|
|
|
this.pageLoading = true
|
|
|
agreementpriceDetail(id).then(res => {
|
|
|
this.form = res.data.data;
|
|
|
@@ -470,24 +434,24 @@ export default {
|
|
|
});
|
|
|
},
|
|
|
// 编辑按钮更改状态
|
|
|
- editHandle(){
|
|
|
- this.$set(this.detailData,'seeDisabled',false)
|
|
|
+ editHandle() {
|
|
|
+ this.$set(this.detailData, 'seeDisabled', false)
|
|
|
// this.detailData.seeDisabled = false;
|
|
|
},
|
|
|
// 保存按钮
|
|
|
- editCustomer(){
|
|
|
- this.$refs.form.validate((valid)=>{
|
|
|
+ editCustomer() {
|
|
|
+ this.$refs.form.validate((valid) => {
|
|
|
if (valid) {
|
|
|
this.saveLoading = true
|
|
|
this.agreementpriceSubmitfun()
|
|
|
- }else {
|
|
|
+ } else {
|
|
|
return false;
|
|
|
}
|
|
|
})
|
|
|
},
|
|
|
// 保存接口
|
|
|
- agreementpriceSubmitfun(){
|
|
|
- agreementpriceSubmit(this.form).then((res)=>{
|
|
|
+ agreementpriceSubmitfun() {
|
|
|
+ agreementpriceSubmit(this.form).then((res) => {
|
|
|
this.$message({
|
|
|
type: "success",
|
|
|
message: "操作成功!"
|
|
|
@@ -499,25 +463,25 @@ export default {
|
|
|
},
|
|
|
|
|
|
// 费用详细添加
|
|
|
- agreementPricepingCompanyAdd(){
|
|
|
+ agreementPricepingCompanyAdd() {
|
|
|
this.agreementPriceVisible = true
|
|
|
this.agreementPriceForm = {}
|
|
|
},
|
|
|
// 费用详细编辑
|
|
|
- agreementPriceCompanyEdit(index,row){
|
|
|
+ agreementPriceCompanyEdit(index, row) {
|
|
|
this.agreementPriceForm = JSON.parse(JSON.stringify(row))
|
|
|
this.agreementPriceIndex = index
|
|
|
this.agreementPriceVisible = true
|
|
|
},
|
|
|
// 费用详细删除
|
|
|
- agreementPriceCompanyDelete(index,row){
|
|
|
- this.form.agreementPriceItemsList.splice(index,1)
|
|
|
+ agreementPriceCompanyDelete(index, row) {
|
|
|
+ this.form.agreementPriceItemsList.splice(index, 1)
|
|
|
},
|
|
|
// 费用详细确认
|
|
|
- agreementPricecompanyConfirm(){
|
|
|
+ agreementPricecompanyConfirm() {
|
|
|
if (this.agreementPriceIndex != null) {
|
|
|
- this.form.agreementPriceItemsList.splice(this.agreementPriceIndex,1,this.agreementPriceForm)
|
|
|
- }else {
|
|
|
+ this.form.agreementPriceItemsList.splice(this.agreementPriceIndex, 1, this.agreementPriceForm)
|
|
|
+ } else {
|
|
|
if (!this.form.agreementPriceItemsList) {
|
|
|
this.form.agreementPriceItemsList = []
|
|
|
}
|
|
|
@@ -528,7 +492,7 @@ export default {
|
|
|
this.agreementPriceVisible = false
|
|
|
},
|
|
|
// 费用详细关闭
|
|
|
- agreementPriceClose(done){
|
|
|
+ agreementPriceClose(done) {
|
|
|
done();
|
|
|
// this.$confirm('确认关闭？')
|
|
|
// .then(_ => {
|
|
|
@@ -541,7 +505,7 @@ export default {
|
|
|
this.$emit('goBack')
|
|
|
},
|
|
|
// 更改表格颜色
|
|
|
- headerClassName(tab){
|
|
|
+ headerClassName(tab) {
|
|
|
//颜色间隔
|
|
|
let back = ""
|
|
|
if (tab.columnIndex >= 0 && tab.column.level === 1) {
|
|
|
@@ -561,25 +525,30 @@ export default {
|
|
|
::v-deep#out-table .back-one {
|
|
|
background: #ecf5ff !important;
|
|
|
}
|
|
|
+
|
|
|
::v-deep#out-table .back-two {
|
|
|
background: #ecf5ff !important;
|
|
|
}
|
|
|
+
|
|
|
.borderless {
|
|
|
height: 100%;
|
|
|
box-sizing: border-box
|
|
|
-
|
|
|
}
|
|
|
+
|
|
|
.customer-main {
|
|
|
-//margin-top: 20px;
|
|
|
-//width: calc(100% - 140px);
|
|
|
+ //margin-top: 20px;
|
|
|
+ //width: calc(100% - 140px);
|
|
|
margin-bottom: 15px;
|
|
|
}
|
|
|
+
|
|
|
.margintop {
|
|
|
margin-top: 10px;
|
|
|
}
|
|
|
+
|
|
|
::v-deep.el-form-item {
|
|
|
margin-bottom: 0;
|
|
|
}
|
|
|
+
|
|
|
.isShow {
|
|
|
display: none;
|
|
|
}
|
Qukatie