Skip to content

V
vue-gjjs
Commit e5acc24d by 吴佳
Options

2022.01.06 wujia 信用证info 1.其他当事人调整 2.单据要求 字段长度僬侥调整

parent 8cda3e27
Showing with 402 additions and 145 deletions
src/model/Infdid/Pattern.js
......@@ -302,17 +302,17 @@ export default {
"didgrp.blk.lcrdoc":[
{type: "string", required: true, message: "必输项"},
{max: 65,message:"长度不能超过65"}
{max: 1950,message:"长度不能超过1950"}
],
"didgrp.blk.adlcnd":[
{type: "string", required: true, message: "必输项"},
{max: 65,message:"长度不能超过65"}
{max: 1430,message:"长度不能超过1430"}
],
"didgrp.blk.insbnk":[
{type: "string", required: true, message: "必输项"},
{max: 65,message:"长度不能超过65"}
{max: 325,message:"长度不能超过325"}
],
......
src/views/Business/Infdid/Detp1.vue
<template>
<div class="eibs-tab">
<!-- ========================= Left ========================= -->
<!-- <c-row> -->
<!--=== ==========左边=============== -->
<c-col :span="11">
<el-form-item label="信用证兑付方式" prop="didgrp.rec.avbby">
<c-select v-model="model.didgrp.rec.avbby" style="width:100%" @change="avbbykeyEvent" placeholder="请选择">
<el-option v-for="item in codes.avbby0" :key="item.value" :label="item.label" :value="item.value">
</el-option>
</c-select>
<c-col :span="24">
<el-form-item label="通知行参考号" prop="didgrp.rec.tzref">
<c-input
v-model="model.didgrp.rec.tzref"
maxlength="35"
placeholder="请输入通知行编号"
></c-input>
</el-form-item>
<el-form-item label="付款期限" prop="didgrp.rec.tenmaxday" >
<c-input :disabled="model.didgrp.rec.avbby == 'P'" v-model.number="model.didgrp.rec.tenmaxday" placeholder="请输入" style="width:17%" maxlength="3"></c-input>
</el-form-item>
<el-form-item label="远期付款指示" prop="didgrp.blk.defdet">
<c-col :span="21">
<c-input type="textarea" :disabled="model.didgrp.rec.avbby == 'P'" v-model="model.didgrp.blk.defdet" style="width:100%" maxlength="140" show-word-limit placeholder="请输入" :autosize="{ minRows: 3,maxRows:5}"></c-input>
</c-col>
<c-col :span="3" style="text-align: right">
<c-button size="small" style="margin:0 0;" type="primary" icon="el-icon-search" @click="onDefdetButtxmsel">
</c-button>
<!-- =========================通知行========================= -->
<c-col :span="24">
<el-form-item label="通知行BIC" prop="didgrp.adv.pts.extkey">
<c-input
v-model="model.didgrp.adv.pts.extkey"
maxlength="16"
placeholder="请输入External Key of Address"
@keyup.enter.native="showGridPromptDialog('didgrp.adv.pts.extkey')"
></c-input>
</el-form-item>
</c-col>
<!-- <el-form-item label="通知行联行行号" prop="didgrp.adv.pts.bankno">
<c-input
v-model="model.didgrp.adv.pts.bankno"
maxlength="20"
placeholder="请输入Number of bank"
@keyup.enter.native="showGridPromptDialog('didgrp.adv.pts.bankno')"
></c-input>
</el-form-item>
<el-form-item label="交单期限" prop="didgrp.blk.preper">
<c-col :span="21">
<c-input type="textarea" v-model="model.didgrp.blk.preper" :disabled="this.flag" style="width:100%" maxlength="105" show-word-limit placeholder="请输入"></c-input>
<el-form-item label="通知行联行名称" prop="didgrp.adv.pts.jigomc">
<c-input
disabled
type="textarea"
v-model="model.didgrp.adv.pts.jigomc"
maxlength="35"
show-word-limit
placeholder="请输入联行名称 电证用"
></c-input>
</el-form-item>
<el-form-item label="通知行地址" prop="didgrp.adv.pts.dizhii">
<c-input
disabled
type="textarea"
v-model="model.didgrp.adv.pts.dizhii"
maxlength="35"
show-word-limit
placeholder="请输入地址 电证用"
></c-input>
</el-form-item> -->
<c-ptapdome
:disabledJigomc="true"
:disabledDizhii="true"
:model="model"
:argadr="{
title: '通知行',
rol: 'adv',
grp: 'didgrp'
}"
></c-ptapdome>
<c-col :span="13">
<el-form-item label="通知行邮编" prop="didgrp.adv.pts.youzbm">
<c-input
disabled
v-model="model.didgrp.adv.pts.youzbm"
maxlength="6"
placeholder="请输入邮编 电证用"
></c-input>
</el-form-item> </c-col
><c-col :span="11">
<el-form-item
label="通知行电话"
prop="didgrp.adv.pts.dihdig"
label-width="100px"
>
<c-input
disabled
v-model="model.didgrp.adv.pts.dihdig"
maxlength="16"
placeholder="请输入电话"
></c-input>
</el-form-item>
</c-col>
<c-col :span="3" style="text-align: right">
<c-button size="small" type="primary" style="margin:0 0;" icon="el-icon-search" @click="onPreperButtxmsel">
</c-button>
<!-- ============= 议付行 ========================= -->
<c-col :span="13">
<el-form-item label="是否可议付" prop="didgrp.rec.fenctg">
<c-select
v-model="model.didgrp.rec.fenctg"
style="width: 100%"
placeholder="请选择是否可议付"
>
<el-option
v-for="item in codes.fenctg"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</c-select>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="指定的有关银行 " prop="didgrp.rec.avbwth">
<c-select
:disabled="model.didgrp.rec.fenctg != 'Y'"
v-model="model.didgrp.rec.avbwth"
style="width: 100%"
placeholder="请选择指定的有关银行"
>
<el-option
v-for="item in codes.avbwth"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</c-select>
</el-form-item>
</c-col>
<!-- <el-form-item label="议付行联行行号" prop="didgrp.avb.pts.bankno">
<c-input
:disabled="model.didgrp.rec.fenctg != 'Y'"
v-model="model.didgrp.avb.pts.bankno"
maxlength="20"
placeholder="请输入Number of bank"
@keyup.enter.native="showGridPromptDialog('didgrp.avb.pts.bankno')"
></c-input>
</el-form-item>
<el-form-item label="" prop="didgrp.blk.preperflg">
<c-checkbox v-model="model.didgrp.blk.preperflg" :click="preperflgExtkeyEvent()">修改交单期限文本</c-checkbox>
<el-form-item label="议付行名称" prop="didgrp.avb.pts.jigomc">
<c-input
disabled
type="textarea"
v-model="model.didgrp.avb.pts.jigomc"
maxlength="35"
show-word-limit
placeholder="请输入联行名称 电证用"
></c-input>
</el-form-item>
<el-form-item label="货物运输/交货/服务方式" prop="didgrp.rec.tratyp">
<c-col :span="10">
<c-select v-model="model.didgrp.rec.tratyp" style="width:90%" placeholder="请选择" @change="recTratypChange" :disabled="model.didgrp.rec.mytype == 'F'">
<el-option v-for="item in codes.tratyp" :key="item.value" :label="item.label"
:value="item.value">
<el-form-item label="议付行地址" prop="didgrp.avb.pts.dizhii">
<c-input
:disabled="model.didgrp.rec.fenctg != 'Y'"
type="textarea"
v-model="model.didgrp.avb.pts.dizhii"
maxlength="35"
show-word-limit
placeholder="请输入地址 电证用"
></c-input>
</el-form-item> -->
<c-ptapdome
:disabledBankno="model.didgrp.rec.fenctg != 'Y'"
:disabledJigomc="true"
:disabledDizhii="model.didgrp.rec.fenctg != 'Y'"
:model="model"
:argadr="{
title: '议付行',
rol: 'avb',
grp: 'didgrp'
}"
></c-ptapdome>
<!-- ========================转让行 ======================== -->
<c-col :span="13">
<el-form-item label="是否可以转让" prop="didgrp.rec.lcrtyp">
<c-select
v-model="model.didgrp.rec.lcrtyp"
style="width: 100%"
placeholder="请选择"
>
<el-option
v-for="item in codes.lcrtyp"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</c-select>
</el-form-item>
</c-col>
<!-- </c-row> -->
<!-- <el-form-item label="转让行联行行号" prop="didgrp.cmb.pts.bankno">
<c-input
:disabled="model.didgrp.rec.lcrtyp != 'IT'"
v-model="model.didgrp.cmb.pts.bankno"
maxlength="20"
placeholder="请输入Number of bank"
@keyup.enter.native="showGridPromptDialog('didgrp.cmb.pts.bankno')"
></c-input>
</el-form-item>
<el-form-item v-if="model.didgrp.rec.mytype == 'H'" label="手输运输方式" prop="didgrp.rec.sdsrfs">
<c-input type="textarea" v-model="model.didgrp.rec.sdsrfs" :disabled="this.mytypeFlag" maxlength="140" show-word-limit placeholder="请输入"></c-input>
<el-form-item label="转让行名称" prop="didgrp.cmb.pts.jigomc">
<c-input
disabled
type="textarea"
v-model="model.didgrp.cmb.pts.jigomc"
show-word-limit
placeholder="请输入联行名称 电证用"
></c-input>
</el-form-item>
<el-form-item v-if="model.didgrp.rec.mytype == 'F'" label="服务提供方式" prop="didgrp.rec.sdsrfs">
<c-input type="textarea" v-model="model.didgrp.rec.sdsrfs" maxlength="140" show-word-limit placeholder="请输入"></c-input>
<el-form-item label="转让行地址" prop="didgrp.cmb.pts.dizhii">
<c-input
:disabled="model.didgrp.rec.lcrtyp != 'IT'"
type="textarea"
v-model="model.didgrp.cmb.pts.dizhii"
maxlength="35"
show-word-limit
placeholder="请输入地址 电证用"
></c-input>
</el-form-item> -->
<c-ptapdome
:disabledBankno="model.didgrp.rec.lcrtyp != 'IT'"
:disabledJigomc="true"
:disabledDizhii="model.didgrp.rec.lcrtyp != 'IT'"
:model="model"
:argadr="{
title: '转让行',
rol: 'cmb',
grp: 'didgrp'
}"
></c-ptapdome>
</c-col>
<!--=== ==========右边=============== -->
<c-col :span="11" :offset="1">
<!-- =========================开证行========================= -->
<c-col :span="24">
<el-form-item label="开证行BIC" prop="didgrp.iss.pts.extkey">
<c-input
v-model="model.didgrp.iss.pts.extkey"
maxlength="16"
placeholder="请输入External Key of Address"
@keyup.enter.native="showGridPromptDialog('didgrp.iss.pts.extkey')"
></c-input>
</el-form-item>
<el-form-item v-if="model.didgrp.rec.mytype == '3'" label="手输运输方式/服务提供方式" prop="didgrp.rec.sdsrfs">
<c-input type="textarea" v-model="model.didgrp.rec.sdsrfs" :disabled="this.mytypeFlag" maxlength="140" show-word-limit placeholder="请输入"></c-input>
</c-col>
<!-- <el-form-item label="开证行联行行号" prop="didgrp.iss.pts.bankno">
<c-input
disabled
v-model="model.didgrp.iss.pts.bankno"
maxlength="20"
placeholder="请输入Number of bank"
></c-input>
</el-form-item>
<el-form-item label="合同编号" prop="didgrp.rec.conno">
<c-input v-model="model.didgrp.rec.conno" maxlength="35" placeholder="请输入"></c-input>
<el-form-item label="开证行联行名称" prop="didgrp.iss.pts.jigomc">
<c-input
disabled
type="textarea"
v-model="model.didgrp.iss.pts.jigomc"
maxlength="35"
show-word-limit
placeholder="请输入联行名称 电证用"
></c-input>
</el-form-item>
<el-form-item label="开证行地址" prop="didgrp.iss.pts.dizhii">
<c-input
disabled
type="textarea"
v-model="model.didgrp.iss.pts.dizhii"
maxlength="35"
show-word-limit
placeholder="请输入地址 电证用"
></c-input>
</el-form-item> -->
<c-ptapdome
:disabledBankno="true"
:disabledJigomc="true"
:disabledDizhii="true"
:model="model"
:argadr="{
title: '开证行',
rol: 'iss',
grp: 'didgrp'
}"
:isIss="true"
></c-ptapdome>
<el-form-item label="合同金额" prop="didgrp.rec.conamt">
<c-col :span="10">
<c-select v-model="model.didgrp.rec.concur" style="width:90%" placeholder="请选择">
<el-option label="CNY 人民币" value="CNY"></el-option>
</c-select>
</c-col>
<c-col :span="14">
<c-input v-model="model.didgrp.rec.conamt" placeholder="请输入"></c-input>
<c-col :span="13">
<el-form-item label="开证行邮编" prop="didgrp.iss.pts.youzbm">
<c-input
disabled
v-model="model.didgrp.iss.pts.youzbm"
maxlength="6"
placeholder="请输入邮编 电证用"
></c-input>
</el-form-item>
</c-col>
<c-col :span="11">
<el-form-item
label="开证行电话"
prop="didgrp.iss.pts.dihdig"
label-width="100px"
>
<c-input
disabled
v-model="model.didgrp.iss.pts.dihdig"
maxlength="16"
placeholder="请输入电话"
></c-input>
</el-form-item>
</c-col>
<!-- ========================= Right ========================= -->
<c-col :span="11" :offset="1">
<el-form-item label="分批装运货物" prop="didgrp.rec.shppar">
<c-select v-model="model.didgrp.rec.shppar" style="width:50%" placeholder="请选择">
<el-option v-for="item in codes.shppar" :key="item.value" :label="item.label" :value="item.value">
<!-- =========================保兑行========================= -->
<c-col :span="13">
<el-form-item label="是否可保兑" prop="didgrp.rec.bdflg">
<c-select
v-model="model.didgrp.rec.bdflg"
style="width: 100%"
placeholder="请选择是否可保兑"
>
<el-option
v-for="item in codes.bdflg"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</c-select>
</el-form-item>
<el-form-item label="分期装运/提供服务" prop="didgrp.rec.fqzytgfw">
<c-input v-model="model.didgrp.rec.fqzytgfw" placeholder="请输入" :disabled="model.didgrp.rec.shppar == 'N'" style="width:100%"></c-input>
</c-col>
<!-- <el-form-item label="保兑行联行行号" prop="didgrp.rmb.pts.bankno">
<c-input
:disabled="model.didgrp.rec.bdflg != 'Y'"
v-model="model.didgrp.rmb.pts.bankno"
maxlength="20"
placeholder="请输入Number of bank"
@keyup.enter.native="showGridPromptDialog('didgrp.rmb.pts.bankno')"
></c-input>
</el-form-item>
<el-form-item label="分期装运/提供服务约定" prop="didgrp.rec.fqtime">
<c-input type="textarea" :rows="3" v-model="model.didgrp.rec.fqtime" maxlength="140" show-word-limit placeholder="请输入" style="width:100%"></c-input>
<el-form-item label="保兑行名称" prop="didgrp.rmb.pts.jigomc">
<c-input
disabled
type="textarea"
v-model="model.didgrp.rmb.pts.jigomc"
maxlength="35"
show-word-limit
placeholder="请输入联行名称 电证用"
></c-input>
</el-form-item>
<el-form-item label="转运" prop="didgrp.rec.shptrs">
<c-select v-model="model.didgrp.rec.shptrs" style="width:50%" placeholder="请选择" :disabled="model.didgrp.rec.mytype == 'F'">
<el-option label="不允许" value="禁止"></el-option>
<el-option label="允许" value="允许"></el-option>
</c-select>
<el-form-item label="保兑行地址" prop="didgrp.rmb.pts.dizhii">
<c-input
:disabled="model.didgrp.rec.bdflg != 'Y'"
type="textarea"
v-model="model.didgrp.rmb.pts.dizhii"
maxlength="35"
show-word-limit
placeholder="请输入地址 电证用"
></c-input>
</el-form-item> -->
<c-ptapdome
:disabledBankno="model.didgrp.rec.bdflg != 'Y'"
:disabledJigomc="true"
:disabledDizhii="model.didgrp.rec.bdflg != 'Y'"
:model="model"
:argadr="{
title: '保兑行',
rol: 'rmb',
grp: 'didgrp'
}"
></c-ptapdome>
<!-- ========================申请行 ======================== -->
<!-- <el-form-item label="申请行联行行号" prop="didgrp.apc.pts.bankno">
<c-input
v-model="model.didgrp.apc.pts.bankno"
maxlength="20"
placeholder="请输入Number of bank"
@keyup.enter.native="showGridPromptDialog('didgrp.apc.pts.bankno')"
></c-input>
</el-form-item>
<el-form-item label="货物转运地(港)" prop="didgrp.rec.shpfro">
<c-input type="textarea" style="width:100%" :rows="3" v-model="model.didgrp.rec.shpfro" :disabled="model.didgrp.rec.mytype == 'F'" maxlength="35" show-word-limit placeholder="请输入"></c-input>
<el-form-item label="申请行名称" prop="didgrp.apc.pts.jigomc">
<c-input
disabled
type="textarea"
v-model="model.didgrp.apc.pts.jigomc"
maxlength="35"
show-word-limit
placeholder="请输入联行名称 电证用"
></c-input>
</el-form-item>
<el-form-item label="货物目的地/交货地(港)" prop="didgrp.rec.shpto">
<c-input type="textarea" style="width:100%" :rows="3" v-model="model.didgrp.rec.shpto" :disabled="model.didgrp.rec.mytype == 'F'" maxlength="35" show-word-limit placeholder="请输入"></c-input>
<el-form-item label="申请行地址" prop="didgrp.apc.pts.dizhii">
<c-input
type="textarea"
v-model="model.didgrp.apc.pts.dizhii"
maxlength="35"
show-word-limit
placeholder="请输入地址 电证用"
></c-input>
</el-form-item> -->
<c-ptapdome
:disabledJigomc="true"
:model="model"
:argadr="{
title: '申请行',
rol: 'apc',
grp: 'didgrp'
}"
></c-ptapdome>
<c-col :span="13">
<el-form-item label="申请人邮编" prop="didgrp.apc.pts.youzbm">
<c-input
v-model="model.didgrp.apc.pts.youzbm"
maxlength="6"
placeholder="请输入邮编 电证用"
></c-input>
</el-form-item>
<el-form-item label="服务提供地点" prop="didgrp.rec.shppro">
<c-input type="textarea" style="width:100%" :rows="3" v-model="model.didgrp.rec.shppro" :disabled="model.didgrp.rec.mytype == 'H'" maxlength="35" show-word-limit placeholder="请输入"></c-input>
</c-col>
<c-col :span="11">
<el-form-item
label="申请人电话"
prop="didgrp.apc.pts.dihdig"
label-width="100px"
>
<c-input
v-model="model.didgrp.apc.pts.dihdig"
maxlength="16"
placeholder="请输入电话 电证用"
></c-input>
</el-form-item>
</c-col>
</c-col>
<!-- <c-col :span="24">&nbsp;</c-col> -->
<!-- <c-col :span="12">
<el-form-item label="合同币种" prop="didgrp.rec.concur">
<c-select v-model="model.didgrp.rec.concur" style="width:100%" placeholder="请选择">
<el-option label="CNY 人民币" value="CNY"></el-option>
</c-select>
</el-form-item>
</c-col> -->
<!-- <c-col :span="12">
<span v-text="model.ditp.sdysfs" data-path=".ditp.sdysfs" > </span>
</c-col>
<c-col :span="12">
<span v-text="model.ditp.hwzydi" data-path=".ditp.hwzydi" > </span>
</c-col> -->
</div>
</template>
<script>
import Api from "~/service/Api"
import Api from "~/service/Api";
import CommonProcess from "~/mixin/CommonProcess";
import CodeTable from "~/config/CodeTable"
import Event from "~/model/Ditopn/Event"
import Event from "~/model/Ditopn/Event";
import Utils from "~/utils";
import PtapDome from "~/views/Public/PtapDome";
export default {
inject: ['root'],
components: { "c-ptapdome": PtapDome },
inject: ["root"],
props: ["model", "codes"],
mixins: [CommonProcess],
props:["model","codes"],
data(){
return {
flag:false,
mytypeFlag:true,
}
},
methods:{...Event,
preperflgExtkeyEvent(){
this.flag = !this.model.didgrp.blk.preperflg
if (this.flag === true){
this.model.didgrp.blk.preper = "货物装运日后15天";
}
},
avbbykeyEvent(){
if(this.model.didgrp.rec.avbby == 'P'){
this.model.didgrp.rec.tenmaxday = 0;
this.model.didgrp.blk.defdet = "";
}
this.executeCheck("didgrp.rec.avbby").then(
(res) => {
if (res.respCode == SUCCESS){
Utils.copyValueFromVO(this.model, res.data);
}
}
);
data() {
return {};
},
recTenmaxdayEvent(){
this.executeDefault("didgrp.rec.tenmaxday").then(
(res) => {
if (res.respCode = SUCCESS){
Utils.copyValueFromVO(this.model, res.data);
}
}
);
methods: {
...Event,
},
recTratypChange(){
if (this.model.didgrp.rec.tratyp == "08"){
this.model.didgrp.rec.sdsrfs = "";
this.mytypeFlag = false;
}else{
this.model.didgrp.rec.sdsrfs = "";
this.mytypeFlag = true;
}
}
},
created:function(){
}
}
created: function () {},
};
</script>
<style>
</style>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment