<template>
<div class="eibs">
<!-- ========================左边======================== -->
<c-col :span="12" style="padding-right: 20px">
<c-col :span="24">
<el-form-item label="可用银行" prop="lidgrp.rec.avbwth">
<c-select
v-model="model.lidgrp.rec.avbwth"
style="width: 100%"
placeholder="请选择可用银行"
:code="codes.avbwth"
@change="avbwthChange"
>
</c-select>
</el-form-item>
</c-col>
<c-col :span="24" v-if="this.flag4">
<el-form-item label="" prop="lidgrp.avb.pts.extkey">
<c-fullbox>
<c-input
:disabled="this.flag5"
v-model="model.lidgrp.avb.pts.extkey"
maxlength="16"
placeholder="请输入地址编码"
@keyup.enter.native="
queryGridEtyPromptDialogData('AVB','B')
"
></c-input>
<template slot="footer">
<c-button
style="margin: 0 10px 0 10px; padding: 0 12px"
size="small"
type="primary"
>
<i class="el-icon-info"></i>
</c-button>
<c-button
style="margin: 0 0"
size="small"
type="primary"
@click="onAvbpDet"
>
详情
</c-button>
</template>
</c-fullbox>
</el-form-item>
</c-col>
<c-col :span="24" v-if="this.flag4">
<el-form-item label="名称地址" prop="lidgrp.avb.pts.adrblk">
<c-input
:disabled="this.flag6"
type="textarea"
v-model="model.lidgrp.avb.pts.adrblk"
maxlength="135"
:rows="4"
show-word-limit
placeholder="请输入名称地址"
></c-input>
</el-form-item>
</c-col>
<c-col :span="24" v-if="!this.flag4">
<el-form-item label="Available in" prop="lidgrp.blk.avbwthtxt">
<c-input
type="textarea"
v-model="model.lidgrp.blk.avbwthtxt"
maxlength="135"
:rows="4"
show-word-limit
placeholder="请输入Available in"
></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="兑付方式" prop="lidgrp.rec.avbby">
<c-select
v-model="model.lidgrp.rec.avbby"
style="width: 100%"
placeholder="请选择兑付方式"
:code="codes.avbby"
>
</c-select>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="延期付款指示" prop="lidgrp.blk.defdet">
<c-input
type="textarea"
v-model="model.lidgrp.blk.defdet"
maxlength="140"
:rows="3"
show-word-limit
placeholder="请输入延期付款指示"
:disabled="this.flag1"
></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="汇票期限" prop="lidgrp.blk.dftat">
<c-input
type="textarea"
v-model="model.lidgrp.blk.dftat"
maxlength="105"
:rows="3"
show-word-limit
placeholder="请输入汇票期限"
:disabled="this.flag2"
></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="受票人" prop="lidgrp.drw.pts.extkey">
<c-fullbox>
<c-input
v-model="model.lidgrp.drw.pts.extkey"
maxlength="16"
placeholder=""
@keyup.enter.native="
queryGridEtyPromptDialogData('DRW', 'B')
"
:disabled="this.flag2"
></c-input>
<template slot="footer">
<c-button
style="margin: 0 10px 0 10px; padding: 0 12px"
size="small"
type="primary"
@click="onSeainf('lidgrp.drw.pts.extkey')"
>
<i class="el-icon-info"></i>
</c-button>
<c-button
style="margin: 0 0"
size="small"
type="primary"
:disabled="this.flag2"
>
详情
</c-button>
</template>
</c-fullbox>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="地址信息" prop="lidgrp.drw.pts.adrblk">
<c-input
type="textarea"
:disabled="this.flag2"
v-model="model.lidgrp.drw.pts.adrblk"
maxlength="135"
:rows="4"
show-word-limit
placeholder="请输入地址信息"
></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="装运地点" prop="lidgrp.rec.shpfro">
<c-input
v-model="model.lidgrp.rec.shpfro"
maxlength="65"
placeholder="请输入装运地点"
></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="始发（航空）站" prop="lidgrp.rec.porloa">
<c-input
v-model="model.lidgrp.rec.porloa"
maxlength="65"
placeholder="请输入始发（航空）站"
></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="终点（航空）站" prop="lidgrp.rec.pordis">
<c-input
v-model="model.lidgrp.rec.pordis"
maxlength="65"
placeholder="请输入终点（航空）站"
></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="最终目的地" prop="lidgrp.rec.shpto">
<c-input
v-model="model.lidgrp.rec.shpto"
maxlength="65"
placeholder="请输入最终目的地"
></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="装运期限" prop="lidgrp.blk.shpper">
<c-input
type="textarea"
v-model="model.lidgrp.blk.shpper"
maxlength="390"
:rows="6"
show-word-limit
placeholder="请输入装运期限"
></c-input>
</el-form-item>
</c-col>
</c-col>
<!-- ========================右边======================== -->
<c-col :span="12" style="padding-left: 20px">
<c-col :span="24">
<el-form-item label="提交期限（天）" prop="lidgrp.rec.prepers18">
<c-input
v-model="model.lidgrp.rec.prepers18"
style="width: 100%"
:disabled="true"
placeholder="请输入提交期限（天）"
></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="寄单期限" prop="lidgrp.rec.prepertxts18">
<c-fullbox>
<c-input
type="textarea"
v-model="model.lidgrp.rec.prepertxts18"
:disabled="true"
maxlength="140"
show-word-limit
placeholder="请输入寄单期限"
></c-input>
<template slot="footer">
<c-button
size="small"
type="primary"
icon="el-icon-search"
></c-button>
</template>
</c-fullbox>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="银行费用负担" prop="lidgrp.blk.feetxt">
<c-fullbox>
<c-input
type="textarea"
v-model="model.lidgrp.blk.feetxt"
maxlength="210"
:rows="6"
show-word-limit
placeholder="请输入银行费用负担"
></c-input>
<template slot="footer">
<c-button
size="small"
type="primary"
icon="el-icon-search"
></c-button>
</template>
</c-fullbox>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="收费条件" prop="lidgrp.rec.chato">
<c-select
v-model="model.lidgrp.rec.chato"
style="width: 100%"
:code="chato"
placeholder="请选择"
>
</c-select>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="国家地区代码" prop="lidgrp.rec.stacty">
<c-select
v-model="model.lidgrp.rec.stacty"
style="width: 100%"
:code="codes.stacty"
placeholder="请选择"
>
</c-select>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="混合付款详情" prop="lidgrp.blk.mixdet">
<c-input
type="textarea"
v-model="model.lidgrp.blk.mixdet"
maxlength="140"
:rows="4"
show-word-limit
placeholder="请输入内容"
:disabled="this.flag3"
></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="期限日" prop="lidgrp.rec.tenmaxday">
<c-input
:disabled="this.model.lidgrp.rec.avbby == 'P'"
v-model="model.lidgrp.rec.tenmaxday"
placeholder="请输入期限日"
></c-input>
</el-form-item>
</c-col>
</c-col>
</div>
</template>
<script>
import event from '../event';
export default {
inject: ['root'],
props: ['model', 'codes'],
mixins: [event],
data() {
return {
chato: [
{ label: `我们的费用由国外承担`, value: `B` },
{ label: `其他`, value: `O` },
{ label: `分割费用`, value: `S` },
{ label: `我们的费用由客户承担`, value: `U` },
],
flag1: true,
flag2: true,
flag3: true,
flag4: true,
flag5: false,
flag6: false,
};
},
methods: {
onAvbpDet() {
console.log(this.model.lidgrp.rec.avbby);
},
},
created: function () {},
watch: {
'model.lidgrp.rec.avbwth': {
immediate: true,
handler(val, oldVal) {
//Any Bank
if (val == 'O') {
this.flag4 = false;
this.changeFormItemRequired('lidgrp.avb.pts.adrblk', false);
this.flag6 = false;
} //Advising Bank
else if (val == 'A') {
this.flag4 = true;
this.flag5 = true;
this.flag6 = true;
} //Issuing Bank
else if (val == 'I') {
this.flag4 = true;
this.flag5 = false;
this.flag6 = true;
} //Confirming Bank 保兑行
else if (val == 'C') {
this.flag4 = true;
this.flag5 = true;
this.flag6 = true;
} //Specified Bank 指定银行
else if (val == 'S') {
this.flag4 = true;
this.flag5 = false;
this.flag6 = false;
}
//Reimbursing Bank 偿付行
else if (val == 'R') {
this.flag4 = true;
this.flag5 = true;
this.flag6 = true;
}
//Transferring Bank 转让行
else if (val == 'T') {
this.flag4 = true;
this.flag5 = true;
this.flag6 = true;
}
},
},
'model.lidgrp.rec.avbby': {
immediate: true,
handler(val, oldVal) {
if (val == 'D') {
this.flag1 = false;
this.flag2 = true;
this.flag3 = true;
}
if (val == 'N') {
this.flag1 = false;
this.flag2 = false;
this.flag3 = true;
}
if (val == 'P') {
this.flag1 = true;
this.flag2 = false;
this.flag3 = true;
}
if (val == 'M') {
this.flag1 = true;
this.flag2 = true;
this.flag3 = false;
}
if (val == 'A') {
this.flag1 = true;
this.flag2 = false;
this.flag3 = true;
}
},
},
},
};
</script>
<style>
.marginLable {
padding-left: 160px;
}
</style>