Skip to content

V
vue-gjjs
Commit 1b1e6418 by liuxin
Options

detame,infbfd布局事件调整

parent 4401e7e6
Showing with 1738 additions and 851 deletions
src/model/Detame/Pattern.js
......@@ -48,7 +48,7 @@ export default {
],
"dedgrp.cbs.nom1.amt":[
{type: "number", required: false, message: "必输项"},
{type: "string", required: true, message: "必输项"},
{max: 18,message:"整数位不能超过14位"},
{pattern: /(^\d+$)|(^\.\d{1,3}$)|(^\d+\.\d{1,3}$)/, message: "小数位不能超过3位" }
],
......@@ -82,7 +82,7 @@ export default {
{max: 3,message:"长度不能超过3"}
],
"dedgrp.cbs.max.amt":[
{type: "number", required: false, message: "必输项"},
{type: "string", required: true, message: "必输项"},
{max: 18,message:"整数位不能超过14位"},
{pattern: /(^\d+$)|(^\.\d{1,3}$)|(^\d+\.\d{1,3}$)/, message: "小数位不能超过3位" }
],
......
src/model/Detame/index.js
import Api from "~/service/Api"
import Pts from "../Common/Pts"
import Pub from "../Public"
export default class Detame{
constructor () {
......@@ -147,6 +148,10 @@ export default class Detame{
pts:new Pts().data,
},
},
setmod: new Pub().data.Setmod,
mtabut: new Pub().data.Mtabut,
trnmod: new Pub().data.Trnmod,
liaall: new Pub().data.Liaall,
pageId: "" // ctx的key
}
}
......
src/views/Business/Detame/Detp.vue
<template>
<div class="eibs-tab">
<c-col :span="12">
<el-form-item label="Description of Goods" prop="dedgrp.blk.lcrgod">
<c-input type="textarea" v-model="model.dedgrp.blk.lcrgod" maxlength="65" show-word-limit placeholder="请输入Description of Goods" ></c-input>
<c-col :span="24">
<el-form-item label="货物描述" prop="dedgrp.blk.lcrgod">
<c-input type="textarea" :autosize="{ minRows: 6, maxRows: 8}" v-model="model.dedgrp.blk.lcrgod" style="width:70%;margin-right:20px;" maxlength="1430" show-word-limit placeholder="请输入Description of Goods" ></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="货物类型" prop="dedgrp.rec.stagod">
<c-select v-model="model.dedgrp.rec.stagod" style="width:70%" placeholder="请选择货物类型">
<el-option
v-for="item in codes.godcod"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</c-select>
</el-form-item>
</c-col>
<c-col :span="12">
<c-button size="small" type="primary" icon="el-icon-search" @click="onLcrgodButtxmsel">
...
</c-button>
</c-col>
</c-col>
<c-col :span="24">
<el-form-item label="单据要求" prop="dedgrp.blk.lcrdoc">
<c-input type="textarea" :autosize="{ minRows: 6, maxRows: 8}" v-model="model.dedgrp.blk.lcrdoc" maxlength="1950" style="width:70%;margin-right:20px;" show-word-limit placeholder="请输入单据要求" ></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="附加条款" prop="dedgrp.blk.adlcnd">
<c-input type="textarea" :autosize="{ minRows: 6, maxRows: 8}" v-model="model.dedgrp.blk.adlcnd" style="width:70%;margin-right:20px;" maxlength="1430" show-word-limit placeholder="请输入附加条款" ></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="给付款、承兑、议付行的指示" prop="dedgrp.blk.insbnk">
<c-input type="textarea" :autosize="{ minRows: 6, maxRows: 8}" v-model="model.dedgrp.blk.insbnk" style="width:70%;margin-right:20px;" maxlength="325" show-word-limit placeholder="请输入付行的指示" ></c-input>
</el-form-item>
</c-col>
<!--
<c-col :span="12">
<span v-text="model.detp.hwfwms" data-path=".detp.hwfwms" > </span>
</c-col>
......@@ -21,12 +48,7 @@
<span v-text="model.detp.hwtype" data-path=".detp.hwtype" > </span>
</c-col>
<c-col :span="12">
<el-form-item label="Goods Code for Statistics" prop="dedgrp.rec.stagod">
<c-select v-model="model.dedgrp.rec.stagod" style="width:100%" placeholder="请选择Goods Code for Statistics">
</c-select>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="单据条款" prop="dedgrp.blk.lcrdoc">
......@@ -63,13 +85,14 @@
...
</c-button>
</c-col>
-->
</div>
</template>
<script>
import Api from "~/service/Api"
import commonProcess from "~/mixin/commonProcess";
import CodeTable from "~/config/CodeTable"
import Event from "~/model/Detame/Event"
import Event from "~/model/Detopn/Event"
export default {
inject: ['root'],
......
src/views/Business/Detame/Detp1.vue
<template>
<div class="eibs-tab">
<c-col :span="12">
<el-form-item label="是否可保兑" prop="dedgrp.rec.bdflg">
<c-select v-model="model.dedgrp.rec.bdflg" style="width:100%" placeholder="请选择是否可保兑">
</c-select>
</el-form-item>
</c-col>
<c-col :span="12">
<!--=== ==========左边=============== -->
<c-col :span="11">
<c-col :span="24">
<el-form-item label="是否可议付" prop="dedgrp.rec.isyifu">
<c-select v-model="model.dedgrp.rec.isyifu" style="width:100%" placeholder="请选择是否可议付">
</c-select>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="Number of bank" prop="dedgrp.rmb.pts.bankno">
<c-input v-model="model.dedgrp.rmb.pts.bankno" maxlength="20" placeholder="请输入Number of bank"></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="Available with" prop="dedgrp.rec.avbwth">
<c-select v-model="model.dedgrp.rec.avbwth" style="width:100%" placeholder="请选择Available with">
</c-select>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="联行名称 电证用" prop="dedgrp.rmb.pts.jigomc">
<c-input type="textarea" v-model="model.dedgrp.rmb.pts.jigomc" maxlength="35" show-word-limit placeholder="请输入联行名称 电证用" ></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="Number of bank" prop="dedgrp.avb.pts.bankno">
<c-select
v-model="model.dedgrp.rec.isyifu"
style="width: 100%"
placeholder="请选择是否可议付"
>
<el-option
v-for="item in codes.isyifu"
: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="dedgrp.rec.avbwth">
<c-select
:disabled="model.dedgrp.rec.isyifu != 'Y'"
v-model="model.dedgrp.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>
<!--
<c-col :span="24">
<el-form-item label="议付行联行行号" prop="dedgrp.avb.pts.bankno">
<c-input v-model="model.dedgrp.avb.pts.bankno" maxlength="20" placeholder="请输入Number of bank"></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="联行名称 电证用" prop="dedgrp.avb.pts.jigomc">
<c-col :span="24">
<el-form-item label="议付行名称" prop="dedgrp.avb.pts.jigomc">
<c-input type="textarea" v-model="model.dedgrp.avb.pts.jigomc" maxlength="35" show-word-limit placeholder="请输入联行名称 电证用" ></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="地址 电证用" prop="dedgrp.rmb.pts.dizhii">
<c-input type="textarea" v-model="model.dedgrp.rmb.pts.dizhii" maxlength="35" show-word-limit placeholder="请输入地址 电证用" ></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="地址 电证用" prop="dedgrp.avb.pts.dizhii">
</c-col>
<c-col :span="24">
<el-form-item label="议付行地址" prop="dedgrp.avb.pts.dizhii">
<c-input type="textarea" v-model="model.dedgrp.avb.pts.dizhii" maxlength="35" show-word-limit placeholder="请输入地址 电证用" ></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="Number of bank" prop="dedgrp.cmb.pts.bankno">
<c-input v-model="model.dedgrp.cmb.pts.bankno" maxlength="20" placeholder="请输入Number of bank"></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="联行名称 电证用" prop="dedgrp.cmb.pts.jigomc">
<c-input type="textarea" v-model="model.dedgrp.cmb.pts.jigomc" maxlength="35" show-word-limit placeholder="请输入联行名称 电证用" ></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="External Key of Address" prop="dedgrp.adv.pts.extkey">
</c-col>
-->
<c-ptapdome
:disabledBankno="model.dedgrp.rec.isyifu != 'Y'"
:disabledJigomc="true"
:disabledDizhii="model.dedgrp.rec.isyifu != 'Y'"
:model="model"
:argadr="{
title: '议付行',
rol: 'avb',
grp: 'dedgrp'
}"
></c-ptapdome>
<!--
<c-col :span="24">
<el-form-item label="通知行BIC" prop="dedgrp.adv.pts.extkey">
<c-input v-model="model.dedgrp.adv.pts.extkey" maxlength="16" placeholder="请输入External Key of Address"></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="地址 电证用" prop="dedgrp.cmb.pts.dizhii">
<c-input type="textarea" v-model="model.dedgrp.cmb.pts.dizhii" maxlength="35" show-word-limit placeholder="请输入地址 电证用" ></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="Number of bank" prop="dedgrp.adv.pts.bankno">
</c-col>
-->
<c-col :span="24">
<el-form-item label="通知行BIC" prop="dedgrp.adv.pts.extkey">
<c-input
v-model="model.dedgrp.adv.pts.extkey"
maxlength="16"
placeholder="请输入External Key of Address"
@keyup.enter.native="showGridPromptDialog('dedgrp.adv.pts.extkey')"
></c-input>
</el-form-item>
</c-col>
<!--
<c-col :span="24">
<el-form-item label="通知行联行行号" prop="dedgrp.adv.pts.bankno">
<c-input v-model="model.dedgrp.adv.pts.bankno" maxlength="20" placeholder="请输入Number of bank"></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="联行名称 电证用" prop="dedgrp.adv.pts.jigomc">
</c-col>
<c-col :span="24">
<el-form-item label="通知行联行名称" prop="dedgrp.adv.pts.jigomc">
<c-input type="textarea" v-model="model.dedgrp.adv.pts.jigomc" maxlength="35" show-word-limit placeholder="请输入联行名称 电证用" ></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="Number of bank" prop="dedgrp.apc.pts.bankno">
<c-input v-model="model.dedgrp.apc.pts.bankno" maxlength="20" placeholder="请输入Number of bank"></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="地址 电证用" prop="dedgrp.adv.pts.dizhii">
</c-col>
<c-col :span="24">
<el-form-item label="通知行地址" prop="dedgrp.adv.pts.dizhii">
<c-input type="textarea" v-model="model.dedgrp.adv.pts.dizhii" maxlength="35" show-word-limit placeholder="请输入地址 电证用" ></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="联行名称 电证用" prop="dedgrp.apc.pts.jigomc">
<c-input type="textarea" v-model="model.dedgrp.apc.pts.jigomc" maxlength="35" show-word-limit placeholder="请输入联行名称 电证用" ></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="邮编 电证用" prop="dedgrp.adv.pts.youzbm">
<c-input v-model="model.dedgrp.adv.pts.youzbm" maxlength="6" placeholder="请输入邮编 电证用"></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="邮编" prop="dedgrp.adv.pts.dihdig">
<c-input v-model="model.dedgrp.adv.pts.dihdig" maxlength="16" placeholder="请输入邮编"></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="地址 电证用" prop="dedgrp.apc.pts.dizhii">
<c-input type="textarea" v-model="model.dedgrp.apc.pts.dizhii" maxlength="35" show-word-limit placeholder="请输入地址 电证用" ></c-input>
</c-col>
-->
<c-ptapdome
:disabledBankno="true"
:disabledJigomc="true"
:disabledDizhii="true"
:model="model"
:argadr="{
title: '通知行',
rol: 'adv',
grp: 'dedgrp'
}"
></c-ptapdome>
<c-col :span="13">
<el-form-item label="通知行邮编" prop="dedgrp.adv.pts.youzbm">
<c-input v-model="model.dedgrp.adv.pts.youzbm" maxlength="6" placeholder="请输入邮编"></c-input>
</el-form-item>
</c-col>
</c-col>
<c-col :span="12">
<c-col :span="11">
<el-form-item label="通知行电话" prop="dedgrp.adv.pts.dihdig" label-width="100px">
<c-input v-model="model.dedgrp.adv.pts.dihdig" maxlength="16" placeholder="请输入电话"></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="信用证编号" prop="dedgrp.rec.kzref">
<c-input v-model="model.dedgrp.rec.kzref" maxlength="35" placeholder="请输入信用证编号"></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="External Key of Address" prop="dedgrp.iss.pts.extkey">
<!--
<c-col :span="24">
<el-form-item label="开证行BIC" prop="dedgrp.iss.pts.extkey">
<c-input v-model="model.dedgrp.iss.pts.extkey" maxlength="16" placeholder="请输入External Key of Address"></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="邮编 电证用" prop="dedgrp.apc.pts.youzbm">
<c-input v-model="model.dedgrp.apc.pts.youzbm" maxlength="6" placeholder="请输入邮编 电证用"></c-input>
</c-col>
-->
<!-- =========================开证行========================= -->
<c-col :span="24">
<el-form-item label="开证行BIC" prop="dedgrp.iss.pts.extkey">
<c-input
v-model="model.dedgrp.iss.pts.extkey"
maxlength="16"
placeholder="请输入External Key of Address"
@keyup.enter.native="showGridPromptDialog('dedgrp.iss.pts.extkey')"
></c-input>
</el-form-item>
</c-col>
<!--<c-col :span="24">
<el-form-item label="开证行联行行号" prop="dedgrp.iss.pts.bankno">
<c-input v-model="model.dedgrp.iss.pts.bankno" maxlength="20" placeholder="请输入Number of bank"></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="邮编" prop="dedgrp.apc.pts.dihdig">
<c-input v-model="model.dedgrp.apc.pts.dihdig" maxlength="16" placeholder="请输入邮编"></c-input>
</c-col>
<c-col :span="24">
<el-form-item label="开证行联行名称" prop="dedgrp.iss.pts.jigomc">
<c-input type="textarea" v-model="model.dedgrp.iss.pts.jigomc" maxlength="35" show-word-limit placeholder="请输入联行名称 电证用" ></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="Number of bank" prop="dedgrp.iss.pts.bankno">
<c-input v-model="model.dedgrp.iss.pts.bankno" maxlength="20" placeholder="请输入Number of bank"></c-input>
</c-col>
<c-col :span="24">
<el-form-item label="开证行地址" prop="dedgrp.iss.pts.dizhii">
<c-input type="textarea" v-model="model.dedgrp.iss.pts.dizhii" maxlength="35" show-word-limit placeholder="请输入地址 电证用" ></c-input>
</el-form-item>
</c-col>
-->
<c-ptapdome
:disabledJigomc="true"
:model="model"
:argadr="{
title: '开证行',
rol: 'iss',
grp: 'dedgrp'
}"
:isIss="false"
></c-ptapdome>
<c-col :span="12">
<el-form-item label="开证行邮编" prop="dedgrp.iss.pts.youzbm">
<c-input v-model="model.dedgrp.iss.pts.youzbm" maxlength="6" placeholder="请输入邮编 电证用"></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="External Account" prop="dedgrp.apl.pts.extact">
<c-input v-model="model.dedgrp.apl.pts.extact" maxlength="34" placeholder="请输入External Account"></c-input>
<c-col :span="12">
<el-form-item label="开证行电话" prop="dedgrp.iss.pts.dihdig" label-width="100px">
<c-input v-model="model.dedgrp.iss.pts.dihdig" maxlength="16" placeholder="请输入电话"></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="联行名称 电证用" prop="dedgrp.iss.pts.jigomc">
<c-input type="textarea" v-model="model.dedgrp.iss.pts.jigomc" maxlength="35" show-word-limit placeholder="请输入联行名称 电证用" ></c-input>
</c-col>
</c-col>
<!--=== ==========右边=============== -->
<c-col :span="11" :offset="1">
<c-col :span="24">
<el-form-item label="是否可保兑" prop="dedgrp.rec.bdflg">
<c-select
v-model="model.dedgrp.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>
</c-col>
<!-- <el-form-item label="保兑行联行行号" prop="dedgrp.rmb.pts.bankno">
<c-input
:disabled="model.dedgrp.rec.bdflg != 'Y'"
v-model="model.dedgrp.rmb.pts.bankno"
maxlength="20"
placeholder="请输入Number of bank"
@keyup.enter.native="showGridPromptDialog('dedgrp.rmb.pts.bankno')"
></c-input>
</el-form-item>
<el-form-item label="保兑行名称" prop="dedgrp.rmb.pts.jigomc">
<c-input
disabled
type="textarea"
v-model="model.dedgrp.rmb.pts.jigomc"
maxlength="35"
show-word-limit
placeholder="请输入联行名称 电证用"
></c-input>
</el-form-item>
<el-form-item label="保兑行地址" prop="dedgrp.rmb.pts.dizhii">
<c-input
:disabled="model.dedgrp.rec.bdflg != 'Y'"
type="textarea"
v-model="model.dedgrp.rmb.pts.dizhii"
maxlength="35"
show-word-limit
placeholder="请输入地址 电证用"
></c-input>
</el-form-item> -->
<c-ptapdome
:disabledBankno="model.dedgrp.rec.bdflg != 'Y'"
:disabledJigomc="true"
:disabledDizhii="model.dedgrp.rec.bdflg != 'Y'"
:model="model"
:argadr="{
title: '保兑行',
rol: 'rmb',
grp: 'dedgrp'
}"
></c-ptapdome>
<!--
<c-col :span="24">
<el-form-item label="转让行联行行号" prop="dedgrp.cmb.pts.bankno">
<c-input v-model="model.dedgrp.cmb.pts.bankno" maxlength="20" placeholder="请输入Number of bank"></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="Number of bank" prop="dedgrp.apb.pts.bankno">
<c-input v-model="model.dedgrp.apb.pts.bankno" maxlength="20" placeholder="请输入Number of bank"></c-input>
</c-col>
<c-col :span="24">
<el-form-item label="转让行名称" prop="dedgrp.cmb.pts.jigomc">
<c-input type="textarea" v-model="model.dedgrp.cmb.pts.jigomc" maxlength="35" show-word-limit placeholder="请输入联行名称 电证用" ></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="转让行地址" prop="dedgrp.cmb.pts.dizhii">
<c-input type="textarea" v-model="model.dedgrp.cmb.pts.dizhii" maxlength="35" show-word-limit placeholder="请输入地址 电证用" ></c-input>
</el-form-item>
</c-col>
-->
<c-ptapdome
:disabledBankno="true"
:disabledJigomc="true"
:disabledDizhii="true"
:model="model"
:argadr="{
title: '转让行',
rol: 'cmb',
grp: 'dedgrp'
}"
></c-ptapdome>
<!--
<c-col :span="24">
<el-form-item label="申请行联行行号" prop="dedgrp.apc.pts.bankno">
<c-input v-model="model.dedgrp.apc.pts.bankno" maxlength="20" placeholder="请输入Number of bank"></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="地址 电证用" prop="dedgrp.iss.pts.dizhii">
<c-input type="textarea" v-model="model.dedgrp.iss.pts.dizhii" maxlength="35" show-word-limit placeholder="请输入地址 电证用" ></c-input>
<c-col :span="24">
<el-form-item label="申请行名称" prop="dedgrp.apc.pts.jigomc">
<c-input type="textarea" v-model="model.dedgrp.apc.pts.jigomc" maxlength="35" show-word-limit placeholder="请输入联行名称 电证用" ></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="联行名称 电证用" prop="dedgrp.apb.pts.jigomc">
<c-input type="textarea" v-model="model.dedgrp.apb.pts.jigomc" maxlength="35" show-word-limit placeholder="请输入联行名称 电证用" ></c-input>
<c-col :span="24">
<el-form-item label="申请行地址" prop="dedgrp.apc.pts.dizhii">
<c-input type="textarea" v-model="model.dedgrp.apc.pts.dizhii" maxlength="35" show-word-limit placeholder="请输入地址 电证用" ></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="邮编 电证用" prop="dedgrp.iss.pts.youzbm">
<c-input v-model="model.dedgrp.iss.pts.youzbm" maxlength="6" placeholder="请输入邮编 电证用"></c-input>
-->
<c-ptapdome
:disabledBankno="true"
:disabledJigomc="true"
:disabledDizhii="true"
:model="model"
:argadr="{
title: '申请行',
rol: 'apc',
grp: 'dedgrp'
}"
></c-ptapdome>
<c-col :span="13">
<el-form-item label="申请人邮编" prop="dedgrp.apc.pts.youzbm">
<c-input v-model="model.dedgrp.apc.pts.youzbm" maxlength="6" placeholder="请输入邮编 电证用"></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="邮编" prop="dedgrp.iss.pts.dihdig">
<c-input v-model="model.dedgrp.iss.pts.dihdig" maxlength="16" placeholder="请输入邮编"></c-input>
<c-col :span="11">
<el-form-item label="申请人电话" prop="dedgrp.apc.pts.dihdig" label-width="100px">
<c-input v-model="model.dedgrp.apc.pts.dihdig" maxlength="16" placeholder="请输入电话"></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="申请人账号" prop="dedgrp.apl.pts.extact">
<c-input v-model="model.dedgrp.apl.pts.extact" maxlength="34" placeholder="请输入External Account"></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="申请人开户行 联行行号" prop="dedgrp.apb.pts.bankno">
<c-input v-model="model.dedgrp.apb.pts.bankno" maxlength="20" placeholder="请输入Number of bank"></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<c-col :span="24">
<el-form-item label="联行名称" prop="dedgrp.apb.pts.jigomc">
<c-input type="textarea" v-model="model.dedgrp.apb.pts.jigomc" maxlength="35" show-word-limit placeholder="请输入联行名称 电证用" ></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="申请人统一社会信用代码" prop="dedgrp.rec.idcode">
<c-input v-model="model.dedgrp.rec.idcode" maxlength="18" placeholder="请输入申请人统一社会信用代码"></c-input>
</el-form-item>
</c-col>
</c-col>
</div>
</template>
<script>
import Api from "~/service/Api"
import commonProcess from "~/mixin/commonProcess";
import CodeTable from "~/config/CodeTable"
import Event from "~/model/Detame/Event"
import Event from "~/model/Detopn/Event"
import Utils from "~/utils";
import PtapDome from "~/views/Public/PtapDome";
export default {
components: { "c-ptapdome": PtapDome },
inject: ['root'],
props:["model","codes"],
mixins: [commonProcess],
......
src/views/Business/Detame/Detp2.vue
<template>
<div class="eibs-tab">
<c-col :span="12">
<span v-text="model.detp.fenzhu" data-path=".detp.fenzhu" > </span>
</c-col>
<c-col :span="12">
<el-form-item label="Partial Shipment" prop="dedgrp.rec.shppar">
<c-select v-model="model.dedgrp.rec.shppar" style="width:100%" placeholder="请选择Partial Shipment">
</c-select>
<!-- ========================= Left ========================= -->
<c-col :span="11">
<el-form-item label="分批装运货物" prop="dedgrp.rec.shppar">
<c-select v-model="model.dedgrp.rec.shppar" style="width:100%" placeholder="请选择">
<el-option v-for="item in codes.shppar" :key="item.value" :label="item.label" :value="item.value">
</el-option>
</c-select>
</el-form-item>
</c-col>
<c-col :span="12">
<span v-text="model.detp.hwzydi" data-path=".detp.hwzydi" > </span>
</c-col>
<c-col :span="12">
<el-form-item label="分期装运/提供服务" prop="dedgrp.rec.fqzytgfw">
<c-select v-model="model.dedgrp.rec.fqzytgfw" style="width:100%" placeholder="请选择分期装运/提供服务">
</c-select>
<el-form-item label="分期装运/提供服务" prop="dedgrp.rec. 看看评【评【评【">
<c-select v-model="model.dedgrp.rec.fqzytgfw" placeholder="请选择" :disabled="model.dedgrp.rec.shppar != 'Y'" style="width:100%">
<el-option v-for="item in codes.shppar" :key="item.value" :label="item.label" :value="item.value">
</el-option>
</c-select>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="分期装运/提供服务" prop="dedgrp.rec.shpfro">
<c-input type="textarea" v-model="model.dedgrp.rec.shpfro" maxlength="35" show-word-limit placeholder="请输入分期装运/提供服务" ></c-input>
<el-form-item label="分期装运/提供服务约定" prop="dedgrp.rec.fqtime">
<c-input type="textarea" :rows="3" v-model="model.dedgrp.rec.fqtime" maxlength="140" show-word-limit placeholder="请输入" style="width:100%"></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="分期时镧表" prop="dedgrp.rec.fqtime">
<c-input type="textarea" v-model="model.dedgrp.rec.fqtime" maxlength="35" show-word-limit placeholder="请输入分期时镧表" ></c-input>
<el-form-item label="货物运输/交货/服务方式" prop="dedgrp.rec.tratyp">
<c-select v-model="model.dedgrp.rec.tratyp" style="width:100%" placeholder="请选择" @change="recTratypChange" :disabled="model.dedgrp.rec.mytype == 'F'">
<el-option v-for="item in codes.tratyp" :key="item.value" :label="item.label"
:value="item.value">
</el-option>
</c-select>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="货物运输或交货方式/服务方式" prop="dedgrp.rec.shpto">
<c-input type="textarea" v-model="model.dedgrp.rec.shpto" maxlength="35" show-word-limit placeholder="请输入货物运输或交货方式/服务方式" ></c-input>
<el-form-item v-if="model.dedgrp.rec.mytype == 'H'" label="手输运输方式" prop="dedgrp.rec.sdsrfs">
<c-input type="textarea" v-model="model.dedgrp.rec.sdsrfs" :disabled="this.mytypeFlag" maxlength="140" show-word-limit placeholder="请输入"></c-input>
</el-form-item>
<el-form-item v-if="model.dedgrp.rec.mytype == 'F'" label="服务提供方式" prop="dedgrp.rec.sdsrfs">
<c-input type="textarea" v-model="model.dedgrp.rec.sdsrfs" maxlength="140" show-word-limit placeholder="请输入"></c-input>
</el-form-item>
<el-form-item v-if="model.dedgrp.rec.mytype == '3'" label="手输运输方式/服务提供方式" prop="dedgrp.rec.sdsrfs">
<c-input type="textarea" v-model="model.dedgrp.rec.sdsrfs" :disabled="this.mytypeFlag" maxlength="140" show-word-limit placeholder="请输入"></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="运输方式" prop="dedgrp.rec.tratyp">
<c-select v-model="model.dedgrp.rec.tratyp" style="width:100%" placeholder="请选择运输方式">
</c-select>
<el-form-item label="合同编号" prop="dedgrp.rec.conno">
<c-input v-model="model.dedgrp.rec.conno" maxlength="35" placeholder="请输入"></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<span v-text="model.detp.sdysfs" data-path=".detp.sdysfs" > </span>
</c-col>
<c-col :span="12">
<el-form-item label="输入运输方式" prop="dedgrp.rec.sdsrfs">
<c-input type="textarea" v-model="model.dedgrp.rec.sdsrfs" maxlength="35" show-word-limit placeholder="请输入输入运输方式" ></c-input>
<el-form-item label="合同金额" prop="dedgrp.rec.conamt">
<c-col :span="10">
<c-select v-model="model.dedgrp.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.dedgrp.rec.conamt" placeholder="请输入"></c-input>
</c-col>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="服务提供地点" prop="dedgrp.rec.shppro">
<c-input type="textarea" v-model="model.dedgrp.rec.shppro" maxlength="35" show-word-limit placeholder="请输入服务提供地点" ></c-input>
</c-col>
<!-- ========================= Right ========================= -->
<c-col :span="11" :offset="1">
<el-form-item label="货物转运地(港)" prop="dedgrp.rec.shpfro">
<c-input type="textarea" style="width:100%" :rows="3" v-model="model.dedgrp.rec.shpfro" :disabled="model.dedgrp.rec.mytype == 'F'" maxlength="35" show-word-limit placeholder="请输入"></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="合同编号" prop="dedgrp.rec.conno">
<c-input v-model="model.dedgrp.rec.conno" maxlength="35" placeholder="请输入合同编号"></c-input>
<el-form-item label="货物目的地/交货地(港)" prop="dedgrp.rec.shpto">
<c-input type="textarea" style="width:100%" :rows="3" v-model="model.dedgrp.rec.shpto" :disabled="model.dedgrp.rec.mytype == 'F'" maxlength="35" show-word-limit placeholder="请输入"></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="合同币种" prop="dedgrp.rec.concur">
<c-select v-model="model.dedgrp.rec.concur" style="width:100%" placeholder="请选择合同币种">
</c-select>
<el-form-item label="服务提供地点" prop="dedgrp.rec.shppro">
<c-input type="textarea" style="width:100%" :rows="3" v-model="model.dedgrp.rec.shppro" :disabled="model.dedgrp.rec.mytype == 'H'" maxlength="35" show-word-limit placeholder="请输入"></c-input>
</el-form-item>
</c-col>
</c-col>
<!--
<c-col :span="12">
<span v-text="model.detp.fenzhu" data-path=".detp.fenzhu" > </span>
</c-col>
<c-col :span="12">
<el-form-item label="合同金额" prop="dedgrp.rec.conamt">
<c-input v-model="model.dedgrp.rec.conamt" placeholder="请输入合同金额"></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<span v-text="model.detp.hwzydi" data-path=".detp.hwzydi" > </span>
</c-col>
<c-col :span="12">
<span v-text="model.detp.sdysfs" data-path=".detp.sdysfs" > </span>
</c-col>
-->
</div>
</template>
<script>
import Api from "~/service/Api"
import commonProcess from "~/mixin/commonProcess";
import CodeTable from "~/config/CodeTable"
import Event from "~/model/Detame/Event"
import Event from "~/model/Detopn/Event"
export default {
inject: ['root'],
......@@ -96,10 +101,20 @@ export default {
mixins: [commonProcess],
data(){
return {
mytypeFlag:true,
}
},
methods:{...Event,
recTratypChange(){
if (this.model.dedgrp.rec.tratyp == "08"){
this.model.dedgrp.rec.sdsrfs = "";
this.mytypeFlag = false;
}else{
this.model.dedgrp.rec.sdsrfs = "";
this.mytypeFlag = true;
}
}
},
methods:{...Event},
created:function(){
}
......
src/views/Business/Detame/Ovwp.vue
<template>
<div class="eibs-tab">
<c-col :span="12">
<el-form-item label="Drag Drop Sender" prop="detp.recget.sdamod.dadsnd">
<c-input v-model="model.detp.recget.sdamod.dadsnd" placeholder="请输入Drag Drop Sender"></c-input>
<!-- ====================左边======================= -->
<c-col :span="11">
<c-col :span="24">
<c-col :span="20">
<el-form-item
label="信用证号码"
prop="dedgrp.rec.ownref"
style="width: 100%"
>
<c-input
v-model="model.dedgrp.rec.ownref"
maxlength="16"
placeholder="请输入Reference"
style="width: 95%"
disabled
></c-input>
</el-form-item>
</c-col>
<!-- <c-col :span="1" style="text-align: right"> -->
<c-col :span="1">
<!-- <el-form-item label="" label-width="5px"> -->
<c-button
style="margin: 0 10px 0 0; padding: 0 12px"
size="small"
type="primary"
>
<span
style="font-size: 15px; font-family: '宋体'; font-weight: bold"
>i</span
>
</c-button>
<!-- </el-form-item> -->
</c-col>
<c-col :span="2" :offset="1" style="text-align: right">
<!-- <el-form-item label="" label-width="5px"> -->
<c-button
style="margin: 0 0"
size="small"
type="primary"
:disabled="this.flag"
@click="onDetpButgetref"
>
获取
</c-button>
<!-- </el-form-item> -->
</c-col>
<!-- </c-col> -->
</c-col>
<c-col :span="24">
<el-form-item label="是否可以转让" prop="dedgrp.rec.lcrtyp">
<c-select
v-model="model.dedgrp.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-col :span="24">
<el-form-item
label="所属客户经理"
prop="ditp.usr.extkey"
style="width: 100%"
>
<c-fullbox>
<c-input
v-model="model.detp.usr.extkey"
maxlength="8"
placeholder="请输入所属客户经理"
disabled
></c-input>
<template slot="footer">
<c-button
style="margin-left:10px;padding: 0 10px;"
size="small"
icon="el-icon-search"
type="primary"
></c-button>
</template>
</c-fullbox>
</el-form-item>
</c-col>
<!-- <c-col>
&nbsp;
</c-col> -->
<c-col :span="13">
<el-form-item label="信用证金额" prop="dedgrp.cbs.nom1.cur">
<c-select
disabled
v-model="model.dedgrp.cbs.nom1.cur"
style="width: 95%"
placeholder="请选择Currency"
@keyup.enter.native="nom1CurEvent"
>
<el-option
v-for="item in codes.cur"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</c-select>
</el-form-item>
</c-col>
<c-col :span="11">
<el-form-item
style="text-align: left"
label-width="0"
prop="dedgrp.cbs.nom1.amt"
>
<c-input-currency
v-model="model.dedgrp.cbs.nom1.amt"
style="text-align: left; width: 100%"
placeholder="请输入信用证金额"
@keyup.enter.native="
defaultFunction('dedgrp.cbs.nom1.amt', model.dedgrp.cbs.nom1.amt)
"
></c-input-currency>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="大写金额" prop="detp.amt">
<c-input
v-model="model.detp.amt"
maxlength="76"
placeholder="请输入大写金额"
disabled
></c-input>
</el-form-item>
</c-col>
<!-- <c-col :span="24">
<c-col :span="13">
<el-form-item label="上下浮动限额" prop="dedgrp.rec.nomtop">
<c-input
v-model="model.dedgrp.rec.nomtop"
maxlength="9"
style="width: 100%"
placeholder="请输入Amount Tolerance - Positive"
></c-input>
<label style="display: inline-block; width: 10%; text-align: center"
>-</label
>
<c-input
v-model="model.dedgrp.rec.nomton"
maxlength="9"
style="width: 100%"
placeholder="请输入Amount Tolerance - Negative"
></c-input>
</el-form-item>
</c-col>
</c-col> -->
<c-col :span="24">
<c-col :span="13">
<c-form-item label="上下浮动限额" prop="dedgrp.rec.nomtop">
<c-input
v-model="model.dedgrp.rec.nomton"
maxlength="9"
style="width: 100%"
placeholder="请输入Amount Tolerance - Positive"
></c-input>
</c-form-item>
</c-col>
<c-col :span="1" style="text-align:center">
<label style="display:inline-block;width:calc(3% - 4px);text-align:center;">-</label>
</c-col>
<c-col :span="10">
<c-input
v-model="model.dedgrp.rec.nomton"
maxlength="9"
style="width: 100%"
placeholder="请输入Amount Tolerance - Negative"
></c-input>
</c-col>
</c-col>
<!-- <c-col :span="12" style="text-align: left">
<el-form-item
label=""
style="text-align: left; margin-left: 12px"
label-width="150px"
prop="dedgrp.rec.nomton"
>
<c-input
v-model="model.dedgrp.rec.nomton"
maxlength="9"
placeholder="请输入Amount Tolerance - Negative"
></c-input>
</el-form-item>
</c-col> -->
<!-- <c-col> &nbsp; </c-col> -->
<c-col :span="13">
<el-form-item label="信用证最大金额" prop="dedgrp.cbs.max.cur">
<c-select
v-model="model.dedgrp.cbs.max.cur"
style="width: 95%"
placeholder="请选择Currency"
disabled
>
<el-option
v-for="item in codes.cur"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</c-select>
</el-form-item>
</c-col>
<c-col :span="11">
<el-form-item label="" label-width="0" prop="dedgrp.cbs.max.amt">
<c-input
v-model="model.dedgrp.cbs.max.amt"
placeholder="请输入信用证最大金额"
disabled
></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="贸易类型" prop="dedgrp.rec.mytype">
<c-select
v-if="model.dedgrp.rec.elcflg == 'N'"
v-model="model.dedgrp.rec.mytype"
style="width: 100%"
placeholder="请选择贸易类型"
@change="mytypeChange"
>
<el-option
v-for="item in codes.mylx"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</c-select>
<c-select
v-else
v-model="model.dedgrp.rec.mytype"
style="width: 100%"
placeholder="请选择贸易类型"
@change="mytypeChange"
>
<el-option
v-for="item in codes.mytype"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</c-select>
</el-form-item>
</c-col>
<!-- <c-col :span="24">
<c-col :span="13">
<el-form-item label="开证日期" prop="dedgrp.rec.opndat">
<c-date-picker
type="date"
v-model="model.dedgrp.rec.opndat"
value-format="yyyy-MM-dd"
style="width: 100%"
placeholder="请选择Date"
></c-date-picker>
</el-form-item>
</c-col>
</c-col> -->
<c-col :span="24">
<c-form-item label="开证日期" prop="dedgrp.rec.opndat">
<c-date-picker
type="date"
v-model="model.dedgrp.rec.opndat"
value-format="yyyy-MM-dd"
placeholder="请选择Date"
style="width:100%"
></c-date-picker>
</c-form-item>
</c-col>
<c-col :span="24">
<el-form-item
v-if="model.dedgrp.rec.mytype == 'H'"
label="最迟货物装运日"
prop="dedgrp.rec.shpdat"
>
<c-date-picker
type="date"
v-model="model.dedgrp.rec.shpdat"
value-format="yyyy-MM-dd"
style="width: 100%"
placeholder="请选择Date"
></c-date-picker>
</el-form-item>
<el-form-item
v-if="model.dedgrp.rec.mytype == 'F'"
label="最迟服务提供日"
prop="dedgrp.rec.shpdat"
>
<c-date-picker
type="date"
v-model="model.dedgrp.rec.shpdat"
value-format="yyyy-MM-dd"
style="width: 100%"
placeholder="请选择Date"
></c-date-picker>
</el-form-item>
<el-form-item
label="最迟货物装运日/服务提供日"
v-if="model.dedgrp.rec.mytype == '3'"
prop="dedgrp.rec.shpdat"
>
<c-date-picker
type="date"
v-model="model.dedgrp.rec.shpdat"
value-format="yyyy-MM-dd"
style="width: 100%"
placeholder="请选择"
></c-date-picker>
</el-form-item>
</c-col>
<!-- <c-col :span="24">
<c-col :span="13">
<el-form-item label="有效日期" prop="dedgrp.rec.expdat">
<c-date-picker
type="date"
v-model="model.dedgrp.rec.expdat"
value-format="yyyy-MM-dd"
style="width: 100%"
placeholder="请选择Date"
></c-date-picker>
</el-form-item>
</c-col>
</c-col> -->
<c-col :span="24">
<c-form-item label="有效日期" prop="dedgrp.rec.expdat">
<c-date-picker
type="date"
v-model="model.dedgrp.rec.expdat"
value-format="yyyy-MM-dd"
placeholder="请选择Date"
style="width:100%"
></c-date-picker>
</c-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="有效地点" prop="dedgrp.rec.expplc">
<c-input
v-model="model.dedgrp.rec.expplc"
maxlength="35"
placeholder="请输入Place of Expiry"
></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="编号" prop="dedgrp.rec.ownref">
<c-input v-model="model.dedgrp.rec.ownref" maxlength="16" placeholder="请输入编号"></c-input>
</c-col>
<!-- <c-col :span="24">
<c-col :span="13">
<el-form-item label="货运时间" prop="dedgrp.rec.shpdat">
<c-date-picker
type="date"
v-model="model.dedgrp.rec.shpdat"
style="width: 95%"
placeholder="请选择Shipment Date"
></c-date-picker>
</el-form-item>
</c-col>
</c-col> -->
<c-col :span="24">
<c-form-item label="货运时间" prop="dedgrp.rec.shpdat">
<c-date-picker
type="date"
v-model="model.dedgrp.rec.shpdat"
style="width: 100%"
placeholder="请选择Shipment Date"
></c-date-picker>
</c-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="转运" prop="dedgrp.rec.shptrs">
<c-select
v-model="model.dedgrp.rec.shptrs"
style="width: 100%"
placeholder="请选择"
:disabled="model.dedgrp.rec.mytype == 'F'"
>
<el-option label="不允许" value="禁止"></el-option>
<el-option label="允许" value="允许"></el-option>
</c-select>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="是否通过电证系统" prop="dedgrp.rec.elcflg">
<c-select
v-model="model.dedgrp.rec.elcflg"
style="width: 100%"
placeholder="请选择是否通过电证系统"
>
<el-option
v-for="item in codes.elcflg"
: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="dedgrp.rec.dkflg">
<c-select v-model="model.dedgrp.rec.dkflg" style="width:100%" placeholder="请选择是否代开信用证">
</c-select>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="" prop="detp.recget.sdamod.seainf">
<c-input v-model="model.detp.recget.sdamod.seainf" placeholder="请输入"></c-input>
</c-col>
-->
<c-col :span="24">
<el-form-item label="信用证兑付方式" prop="dedgrp.rec.avbby">
<c-select
v-model="model.dedgrp.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>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="远期付款指示" prop="dedgrp.blk.dftat">
<c-input
type="textarea"
v-model="model.dedgrp.blk.dftat"
maxlength="35"
show-word-limit
placeholder="请输入远期付款指示"
></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="交单期限" prop="dedgrp.blk.preper">
<c-input
type="textarea"
v-model="model.dedgrp.blk.preper"
maxlength="35"
show-word-limit
placeholder="请输入交单期限"
></c-input>
</el-form-item>
</c-col>
</c-col>
<!-- ========================右边======================= -->
<c-col :span="11" :offset="1">
<c-col :span="24">
<el-form-item label="摘要" prop="dedgrp.rec.nam">
<c-input
align="middle"
v-model="model.dedgrp.rec.nam"
maxlength="40"
disabled
placeholder="请输入Externally Displayed Name to Identify the Contract"
></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<c-ptap
:model="model"
:argadr="{
title: '受益人',
grp: 'dedgrp',
rol: 'ben',
}"
:disabled="true"
:isAdrblk="false"
>
</c-ptap>
</c-col>
<!--
<c-col :span="24">
<c-col :span="24">
<el-form-item label="受益人参考号" prop="dedgrp.ben.pts.ref">
<c-input v-model="model.dedgrp.ben.pts.ref" maxlength="16" placeholder="请输入受益人参考号"></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="Externally Displayed Name to Identify the Contract" prop="dedgrp.rec.nam">
<c-input v-model="model.dedgrp.rec.nam" maxlength="40" placeholder="请输入Externally Displayed Name to Identify the Contract"></c-input>
</c-col>
<c-col :span="24">
<c-col :span="18">
<el-form-item label="受益人ID" prop="dedgrp.ben.pts.extkey">
<c-input v-model="model.dedgrp.ben.pts.extkey" maxlength="16" placeholder="请输入受益人Extkey"
@keyup.enter.native="
showGridPromptDialog('dedgrp.apl.pts.extkey')
"
></c-input>
</el-form-item>
</c-col>
<c-col :span="6" style="text-align: right">
<c-col :span="12">
<el-form-item label="" label-width="5px">
<c-button
size="small"
type="primary"
icon="el-icon-search"
@click="onSeainf('dedgrp.ben.pts.extkey')"
></c-button>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="" label-width="5px">
<c-button size="small" type="primary" @click="onBenpDet">
详情
</c-button>
</el-form-item>
</c-col>
</c-col>
</c-col>
<c-col :span="24">
<el-form-item label="受益人名称" prop="dedgrp.ben.namelc">
<c-input type="textarea" v-model="model.dedgrp.ben.namelc" maxlength="35" show-word-limit placeholder="请输入名称" ></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<c-button size="small" type="primary" @click="onDetpButgetref">
获取
</c-button>
</c-col>
<c-col :span="12">
<el-form-item label="受益人 编号." prop="dedgrp.ben.pts.ref">
<c-input v-model="model.dedgrp.ben.pts.ref" maxlength="16" placeholder="请输入受益人 编号."></c-input>
</c-col>
<c-col :span="24">
<el-form-item label="受益人地址" prop="dedgrp.ben.adrelc">
<c-input type="textarea" v-model="model.dedgrp.ben.adrelc" maxlength="35" show-word-limit placeholder="请输入地址" ></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="是否可转让" prop="dedgrp.rec.lcrtyp">
<c-select v-model="model.dedgrp.rec.lcrtyp" style="width:100%" placeholder="请选择是否可转让">
</c-select>
</c-col>
<c-col :span="24">
<el-form-item label="受益人账号" prop="dedgrp.ben.pts.extact">
<c-input v-model="model.dedgrp.ben.pts.extact" maxlength="34" placeholder="请输入External Account"></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="Drag Drop Sender" prop="detp.benp.ptsget.sdamod.dadsnd">
<c-input v-model="model.detp.benp.ptsget.sdamod.dadsnd" placeholder="请输入Drag Drop Sender"></c-input>
-->
<c-col :span="24">
<el-form-item label="联行行号" prop="dedgrp.beb.pts.bankno">
<c-input
v-model="model.dedgrp.beb.pts.bankno"
maxlength="20"
placeholder="请输入Number of bank"
></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="联行名称 电证用" prop="dedgrp.beb.pts.jigomc">
<c-input
type="textarea"
v-model="model.dedgrp.beb.pts.jigomc"
maxlength="35"
show-word-limit
placeholder="请输入联行名称 电证用"
></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<c-ptap
:model="model"
:argadr="{
title: '申请人',
grp: 'dedgrp',
rol: 'apl',
}"
:disabled="true"
:isAdrblk="false"
>
</c-ptap>
</c-col>
<!--
<c-col :span="24">
<el-form-item label="申请人参考号" prop="dedgrp.apl.pts.ref">
<c-input v-model="model.dedgrp.apl.pts.ref" maxlength="16" placeholder="请输入申请人参考号"></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="所属客户经理" prop="detp.usr.extkey">
<c-input v-model="model.detp.usr.extkey" maxlength="8" placeholder="请输入所属客户经理"></c-input>
</c-col>
<c-col :span="24">
<el-form-item label="申请人ID" prop="dedgrp.apl.pts.extkey">
<c-input v-model="model.dedgrp.apl.pts.extkey" maxlength="16" placeholder="请输入申请人Extkey"></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<c-col :span="18">
<el-form-item label="申请人ID" prop="dedgrp.apl.pts.extkey">
<c-input v-model="model.dedgrp.apl.pts.extkey" maxlength="16" placeholder="请输入申请人Extkey"
></c-input>
</el-form-item>
</c-col>
<c-col :span="6" style="text-align: right">
<c-col :span="12">
<el-form-item label="" label-width="5px">
<c-button
size="small"
type="primary"
icon="el-icon-search"
@click="onSeainf('dedgrp.apl.pts.extkey')"
></c-button>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="" label-width="5px">
<c-button size="small" type="primary" @click="onAplpDet">
详情
</c-button>
</el-form-item>
</c-col>
</c-col>
</c-col>
<c-col :span="24">
<el-form-item label="申请人名称" prop="dedgrp.apl.namelc">
<c-input type="textarea" v-model="model.dedgrp.apl.namelc" maxlength="35" show-word-limit placeholder="请输入名称" ></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="申请人地址" prop="dedgrp.apl.pts.adrblk">
<c-input type="textarea" v-model="model.dedgrp.apl.pts.adrblk" maxlength="35" show-word-limit placeholder="请输入Address Block" ></c-input>
</el-form-item>
</c-col>
-->
<c-col :span="24">
<el-form-item label="是否通知客户" prop="dedgrp.rec.rejflg">
<c-select
v-model="model.dedgrp.rec.rejflg"
style="width: 100%"
placeholder="请选择是否通知客户"
>
</c-select>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="拒绝通知理由" prop="dedgrp.blk.rejadvrsn">
<c-input
type="textarea"
v-model="model.dedgrp.blk.rejadvrsn"
maxlength="35"
show-word-limit
placeholder="请输入拒绝通知理由"
></c-input>
</el-form-item>
</c-col>
</c-col>
<!--
<c-col :span="12">
<el-form-item label="" prop="detp.usrget.sdamod.seainf">
<c-input v-model="model.detp.usrget.sdamod.seainf" placeholder="请输入"></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="External Key of Address" prop="dedgrp.ben.pts.extkey">
<c-input v-model="model.dedgrp.ben.pts.extkey" maxlength="16" placeholder="请输入External Key of Address"></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="" prop="detp.benp.ptsget.sdamod.seainf">
<c-input v-model="model.detp.benp.ptsget.sdamod.seainf" placeholder="请输入"></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<c-button size="small" type="primary" @click="onBenpDet">
Details
</c-button>
</c-col>
<c-col :span="12">
<el-form-item label="名称" prop="dedgrp.ben.namelc">
<c-input type="textarea" v-model="model.dedgrp.ben.namelc" maxlength="35" show-word-limit placeholder="请输入名称" ></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="金额" prop="dedgrp.cbs.nom1.cur">
<c-select v-model="model.dedgrp.cbs.nom1.cur" style="width:100%" placeholder="请选择金额">
</c-select>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="金额" prop="dedgrp.cbs.nom1.amt">
<c-input v-model="model.dedgrp.cbs.nom1.amt" placeholder="请输入金额"></c-input>
</el-form-item>
</c-col>
</c-col> -->
<!--
<c-col :span="12">
<el-form-item label="Address Block" prop="dedgrp.ben.pts.adrblk">
<c-input type="textarea" v-model="model.dedgrp.ben.pts.adrblk" maxlength="35" show-word-limit placeholder="请输入Address Block" ></c-input>
</el-form-item>
</c-col>
</c-col> -->
<!--
<c-col :span="12">
<el-form-item label="Chinese address" prop="dedgrp.ben.dbfadrblkcn">
<c-input type="textarea" v-model="model.dedgrp.ben.dbfadrblkcn" maxlength="35" show-word-limit placeholder="请输入Chinese address" ></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="大写金额" prop="detp.upamt">
<c-input v-model="model.detp.upamt" maxlength="60" placeholder="请输入大写金额"></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="地址" prop="dedgrp.ben.adrelc">
<c-input type="textarea" v-model="model.dedgrp.ben.adrelc" maxlength="35" show-word-limit placeholder="请输入地址" ></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="溢短装" prop="dedgrp.rec.nomtop">
<c-input v-model="model.dedgrp.rec.nomtop" placeholder="请输入溢短装"></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="Amount Tolerance - Negative" prop="dedgrp.rec.nomton">
<c-input v-model="model.dedgrp.rec.nomton" placeholder="请输入Amount Tolerance - Negative"></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="贸易类型" prop="dedgrp.rec.mytype">
<c-select v-model="model.dedgrp.rec.mytype" style="width:100%" placeholder="请选择贸易类型">
</c-select>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="最大金额" prop="dedgrp.cbs.max.cur">
<c-input v-model="model.dedgrp.cbs.max.cur" maxlength="3" placeholder="请输入最大金额"></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="Balance" prop="dedgrp.cbs.max.amt">
<c-input v-model="model.dedgrp.cbs.max.amt" placeholder="请输入Balance"></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="External Account" prop="dedgrp.ben.pts.extact">
<c-input v-model="model.dedgrp.ben.pts.extact" maxlength="34" placeholder="请输入External Account"></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="开立日期" prop="dedgrp.rec.opndat">
<c-date-picker type="date" v-model="model.dedgrp.rec.opndat" style="width:100%" placeholder="请选择开立日期"></c-date-picker>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="是否代开信用证" prop="dedgrp.rec.dkflg">
<c-select v-model="model.dedgrp.rec.dkflg" style="width:100%" placeholder="请选择是否代开信用证">
</c-select>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="Number of bank" prop="dedgrp.beb.pts.bankno">
<c-input v-model="model.dedgrp.beb.pts.bankno" maxlength="20" placeholder="请输入Number of bank"></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="有效日期" prop="dedgrp.rec.expdat">
<c-date-picker type="date" v-model="model.dedgrp.rec.expdat" style="width:100%" placeholder="请选择有效日期"></c-date-picker>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="联行名称 电证用" prop="dedgrp.beb.pts.jigomc">
<c-input type="textarea" v-model="model.dedgrp.beb.pts.jigomc" maxlength="35" show-word-limit placeholder="请输入联行名称 电证用" ></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="有效地点" prop="dedgrp.rec.expplc">
<c-input type="textarea" v-model="model.dedgrp.rec.expplc" maxlength="35" show-word-limit placeholder="请输入有效地点" ></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<span v-text="model.detp.zchday" data-path=".detp.zchday" > </span>
</c-col>
<c-col :span="12">
<el-form-item label="Shipment Date" prop="dedgrp.rec.shpdat">
<c-date-picker type="date" v-model="model.dedgrp.rec.shpdat" style="width:100%" placeholder="请选择Shipment Date"></c-date-picker>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="申请人 编号." prop="dedgrp.apl.pts.ref">
<c-input v-model="model.dedgrp.apl.pts.ref" maxlength="16" placeholder="请输入申请人 编号."></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="转运" prop="dedgrp.rec.shptrs">
<c-select v-model="model.dedgrp.rec.shptrs" style="width:100%" placeholder="请选择转运">
</c-select>
</el-form-item>
</c-col>
-->
<!-- TODO 貌似多余的
<c-col :span="12">
<span v-text="model.detp.zchday" data-path=".detp.zchday"> </span>
</c-col> -->
<!--
<c-col :span="12">
<el-form-item label="Drag Drop Sender" prop="detp.aplp.ptsget.sdamod.dadsnd">
<c-input v-model="model.detp.aplp.ptsget.sdamod.dadsnd" placeholder="请输入Drag Drop Sender"></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="External Key of Address" prop="dedgrp.apl.pts.extkey">
<c-input v-model="model.dedgrp.apl.pts.extkey" maxlength="16" placeholder="请输入External Key of Address"></c-input>
</el-form-item>
</c-col>
</c-col> -->
<!--
<c-col :span="12">
<el-form-item label="" prop="detp.aplp.ptsget.sdamod.seainf">
<c-input v-model="model.detp.aplp.ptsget.sdamod.seainf" placeholder="请输入"></c-input>
</el-form-item>
</c-col>
-->
<!--
<c-col :span="12">
<c-button size="small" type="primary" @click="onAplpDet">
Details
</c-button>
</c-col>
<c-col :span="12">
<el-form-item label="是否通过电证系统" prop="dedgrp.rec.elcflg">
<c-select v-model="model.dedgrp.rec.elcflg" style="width:100%" placeholder="请选择是否通过电证系统">
</c-select>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="名称" prop="dedgrp.apl.namelc">
<c-input type="textarea" v-model="model.dedgrp.apl.namelc" maxlength="35" show-word-limit placeholder="请输入名称" ></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="Address Block" prop="dedgrp.apl.pts.adrblk">
<c-input type="textarea" v-model="model.dedgrp.apl.pts.adrblk" maxlength="35" show-word-limit placeholder="请输入Address Block" ></c-input>
</el-form-item>
</c-col>
-->
<!--
<c-col :span="12">
<el-form-item label="Chinese address" prop="dedgrp.apl.dbfadrblkcn">
<c-input type="textarea" v-model="model.dedgrp.apl.dbfadrblkcn" maxlength="35" show-word-limit placeholder="请输入Chinese address" ></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="信用证兑付方式" prop="dedgrp.rec.avbby">
<c-select v-model="model.dedgrp.rec.avbby" style="width:100%" placeholder="请选择信用证兑付方式">
</c-select>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="Maximum Tenor" prop="dedgrp.rec.tenmaxday">
......@@ -306,18 +776,7 @@
</c-button>
</c-col>
<c-col :span="12">
<el-form-item label="是否通知客户" prop="dedgrp.rec.rejflg">
<c-select v-model="model.dedgrp.rec.rejflg" style="width:100%" placeholder="请选择是否通知客户">
</c-select>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="交单期限" prop="dedgrp.blk.preper">
<c-input type="textarea" v-model="model.dedgrp.blk.preper" maxlength="35" show-word-limit placeholder="请输入交单期限" ></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<c-button size="small" type="primary" icon="el-icon-search" @click="onPreperButtxmsel">
......@@ -330,35 +789,59 @@
<c-input v-model="model.detp.dzlhhh" maxlength="20" placeholder="请输入发起参与机构"></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="拒绝通知理由" prop="dedgrp.blk.rejadvrsn">
<c-input type="textarea" v-model="model.dedgrp.blk.rejadvrsn" maxlength="35" show-word-limit placeholder="请输入拒绝通知理由" ></c-input>
</el-form-item>
</c-col>
</div>
-->
</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/Detame/Event"
import Event from "~/model/Detopn/Event";
import Utils from "~/utils";
import Ptap from "~/views/Public/Ptap";
export default {
inject: ['root'],
props:["model","codes"],
mixins: [commonProcess],
data(){
return {
}
components: { "c-ptap": Ptap },
inject: ["root"],
props: ["model", "codes"],
mixins: [commonProcess],
data() {
return {
jigomcFlag: false,
trade: "",
};
},
methods: { ...Event,
mytypeChange() {
if (this.model.dedgrp.rec.mytype == "F") {
this.model.dedgrp.rec.tratyp = "";
this.model.dedgrp.rec.sdsrfs = "";
this.model.dedgrp.rec.shptrs = "";
this.model.dedgrp.rec.shpfro = "";
this.model.dedgrp.rec.shpto = "";
this.model.dedgrp.rec.shppro = "";
}
},
avbbykeyEvent(){
if(this.model.dedgrp.rec.avbby == 'P'){
this.model.dedgrp.rec.tenmaxday = 0;
this.model.dedgrp.blk.defdet = "";
}
this.executeCheck("dedgrp.rec.avbby").then(
(res) => {
if (res.respCode == SUCCESS){
Utils.copyValueFromVO(this.model, res.data);
}
}
);
},
},
methods:{...Event},
created:function(){
}
}
created: function () {},
computed: {
flag() {
return this.model.dedgrp.ben.pts.extkey == "";
},
},
};
</script>
<style>
</style>
src/views/Business/Detame/index.vue
......@@ -4,35 +4,58 @@
<c-tabs v-model="tabVal" ref="elment" type="card" @tab-click="myTabClick">
<!--PD000017 -->
<el-tab-pane label="PD000017" name="ovwp">
<el-tab-pane label="基本信息" name="ovwp">
<m-ovwp :model="model" :codes="codes"/>
</el-tab-pane>
<!--PD000405 -->
<el-tab-pane label="PD000405" name="detp">
<m-detp :model="model" :codes="codes"/>
</el-tab-pane>
<!--PD000494 -->
<el-tab-pane label="PD000494" name="detp1">
<!--PD000494 -->
<el-tab-pane label="其他当事人" name="detp1">
<m-detp1 :model="model" :codes="codes"/>
</el-tab-pane>
<!--PD000525 -->
<el-tab-pane label="详细信息" name="detp2">
<m-detp2 :model="model" :codes="codes" />
</el-tab-pane>
<!--PD000525 -->
<el-tab-pane label="PD000525" name="detp2">
<m-detp2 :model="model" :codes="codes"/>
</el-tab-pane>
<!--PD000548 -->
<el-tab-pane label="PD000548" name="stament">
<m-stament :model="model" :codes="codes"/>
<!--PD000405 -->
<el-tab-pane label="单据要求" name="detp">
<m-detp :model="model" :codes="codes"/>
</el-tab-pane>
<!--PD000000 -->
<el-tab-pane label="费用及账务" name="setpan">
<c-content>
<m-setpan :model="model" :codes="codes" />
</c-content>
</el-tab-pane>
<el-tab-pane label="分录" name="glepan">
<m-glepan :model="model" :codes="codes" ref="glepan" />
</el-tab-pane>
<el-tab-pane label="表外" name="engp">
<!--PD000027 -->
<c-content>
<m-engp :model="model" :codes="codes" />
</c-content>
</el-tab-pane>
<!--PD000000 -->
<el-tab-pane label="附言" name="coninfp">
<m-coninfp :model="model" :codes="codes" />
</el-tab-pane>
<!--PD000529 -->
<el-tab-pane label="报文及面函" name="docpan">
<m-docpan :model="model" :codes="codes" />
</el-tab-pane>
<!--PD000001 -->
<el-tab-pane label="PD000001" name="aamp">
<m-aamp :model="model" :codes="codes"/>
</el-tab-pane>
</c-tabs>
<el-tab-pane label="授信额度" name="limitbody">
<m-limitbody :model="model" :codes="codes" />
</el-tab-pane>
</c-tabs>
</el-form>
</div>
</template>
......@@ -51,6 +74,13 @@ import Detp2 from "./Detp2"
import Stament from "./Stament"
import Aamp from "./Aamp"
import Setpan from "~/views/Public/Setpan";
import Glepan from "~/views/Public/Glepan";
import Engp from "~/views/Public/Engp";
import Coninfp from "~/views/Public/Coninfp";
import Docpan from "~/views/Public/Docpan";
import Limitbody from "~/views/Public/Limitbody";
export default {
name: "Detame",
......@@ -61,6 +91,12 @@ export default {
"m-detp2" : Detp2,
"m-stament" : Stament,
"m-aamp" : Aamp,
"m-setpan": Setpan,
"m-glepan": Glepan,
"m-engp": Engp,
"m-coninfp": Coninfp,
"m-docpan": Docpan,
"m-limitbody": Limitbody,
},
provide() {
return {
......@@ -70,7 +106,7 @@ export default {
mixins: [commonProcess], // 里面包含了Default、Check等的公共处理
data(){
return {
tabVal: "",
tabVal: "ovwp",
trnName: "detame",
model: new Detame().data,
checkRules: Check,
......@@ -78,6 +114,7 @@ export default {
pattern: Pattern,
rules: null,
codes: {
...CodeTable
},
}
},
......
src/views/Business/Infbfd/Infsea.vue
<template>
<div class="eibs-tab">
<c-list-search @form-reset="handleReset" @form-search="handleSearch">
<div class="eibs-tab">
<c-list-search @form-reset="handleReset" @form-search="handleSearch">
<!-- 持续展示区 -->
<template v-slot="searchSlot">
<el-form
class="m-table-search-form"
ref="paramsForm"
:inline="true"
label-position="right"
label-width="110px"
size="small"
>
<template v-slot="searchSlot">
<el-form
class="m-table-search-form"
ref="paramsForm"
label-position="right"
label-width="110px"
size="small"
>
<c-row>
<c-col :span="24">
<c-col :span="8">
<el-form-item
label="Own Reference"
prop="infcon.seaownref"
>
<c-input
v-model="model.infcon.seaownref"
maxlength="16"
placeholder="请输入Own Reference"
></c-input>
</el-form-item>
</c-col>
<c-col :span="8">
<el-form-item label="Name" prop="infcon.nam">
<c-input
v-model="model.infcon.nam"
maxlength="40"
placeholder="请输入Name"
></c-input>
</el-form-item>
</c-col>
<c-row>
<c-col :span="24">
<c-col :span="12">
<el-form-item label="Own Reference" prop="infcon.seaownref">
<c-input v-model="model.infcon.seaownref" maxlength="16" placeholder="请输入Own Reference"></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="Name" prop="infcon.nam">
<c-input v-model="model.infcon.nam" maxlength="40" placeholder="请输入Name"></c-input>
</el-form-item>
</c-col>
</c-col>
</c-row>
<c-col :span="8">
<el-form-item
label="Opening between"
prop="infcon.opndatfrom"
style="width: 100%"
>
<c-col :span="11">
<c-date-picker
type="date"
v-model="model.infcon.opndatfrom"
style="width: 100%"
placeholder="请选择Opening between"
value-format="yyyy-MM-dd"
></c-date-picker>
</c-col>
<c-col :span="2" style="text-align: center">
<label style="display: inline-block; width: 100%">-</label>
</c-col>
<c-col :span="11">
<c-date-picker
type="date"
v-model="model.infcon.opndatto"
style="width: 100%"
placeholder="请选择Open Date to"
value-format="yyyy-MM-dd"
></c-date-picker>
</c-col>
</el-form-item>
</c-col>
</c-col>
</c-row>
<!-- 可控展示区 -->
<el-row v-show="searchSlot.searchToggle">
<c-row>
<c-col :span="24">
<c-col :span="8">
<el-form-item
label="Select Single Party"
prop="infcon.pty.extkey"
>
<c-input
v-model="model.infcon.pty.extkey"
maxlength="24"
placeholder="请输入Select Single Party"
></c-input>
</el-form-item>
</c-col>
<!-- 可控展示区 -->
<el-row v-show="searchSlot.searchToggle">
<c-row>
<c-col :span="24">
<c-col :span="12">
<el-form-item label="Party Reference" prop="infcon.searef">
<c-input v-model="model.infcon.searef" maxlength="16" placeholder="请输入Party Reference"></c-input>
</el-form-item>
</c-col>
</c-col>
<c-col :span="8">
<el-form-item
label="Party Name"
prop="infcon.pty.nam"
>
<c-input
v-model="model.infcon.pty.nam"
maxlength="40"
placeholder="请输入Party Name"
></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<c-col :span="12">
<el-form-item label="Select Single Party" prop="infcon.pty.extkey">
<c-input v-model="model.infcon.pty.extkey" maxlength="24" placeholder="请输入Select Single Party"></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="External Visible Name" prop="infcon.pty.nam">
<c-input v-model="model.infcon.pty.nam" maxlength="40" placeholder="请输入External Visible Name"></c-input>
</el-form-item>
</c-col>
</c-col>
<c-col :span="8">
<el-form-item
label="Party Name/BIC"
prop="infcon.seapty"
>
<c-input
v-model="model.infcon.seapty"
maxlength="24"
placeholder="请输入Party Name/BIC"
></c-input>
</el-form-item>
</c-col>
</c-col>
<c-col :span="24">
<c-col :span="12">
<el-form-item label="Party Name/BIC" prop="infcon.seapty">
<c-input v-model="model.infcon.seapty" maxlength="24" placeholder="请输入Party Name/BIC"></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="Role" prop="infcon.searol">
<c-select v-model="model.infcon.searol" style="width:100%" placeholder="请选择Role">
</c-select>
</el-form-item>
</c-col>
</c-col>
<c-col :span="24">
<c-col :span="8">
<el-form-item
label="Role"
prop="infcon.searol"
>
<c-select
v-model="model.infcon.searol"
style="width: 100%"
placeholder="请选择Role"
>
</c-select>
</el-form-item>
</c-col>
<!--
<c-col :span="8">
<el-form-item
label="Opening between"
prop="infcon.opndatfrom"
>
<c-date-picker
type="date"
v-model="model.infcon.opndatfrom"
style="width: 100%"
placeholder="请选择Opening between"
></c-date-picker>
</el-form-item>
</c-col> -->
<c-col :span="24">
<c-col :span="6">
<el-form-item label="Opening between" prop="infcon.opndatfrom">
<c-date-picker type="date" v-model="model.infcon.opndatfrom" style="width:100%" placeholder="请选择Opening between"></c-date-picker>
</el-form-item>
</c-col>
<c-col :span="6">
<el-form-item label="Open Date to" prop="infcon.opndatto">
<c-date-picker type="date" v-model="model.infcon.opndatto" style="width:100%" placeholder="请选择Open Date to"></c-date-picker>
</el-form-item>
</c-col>
<c-col :span="6">
<el-form-item label="User ID" prop="infcon.usr.extkey">
<c-input v-model="model.infcon.usr.extkey" maxlength="8" placeholder="请输入User ID"></c-input>
</el-form-item>
</c-col>
<c-col :span="6">
<el-form-item label="Status" prop="infcon.seasta">
<c-select v-model="model.infcon.seasta" style="width:100%" placeholder="请选择Status">
</c-select>
</el-form-item>
</c-col>
</c-col>
<c-col :span="8">
<el-form-item
label="Party Reference"
prop="infcon.searef"
>
<c-input
v-model="model.infcon.searef"
maxlength="16"
placeholder="请输入Party Reference"
></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<c-col :span="12">
<c-col :span="12">
<el-form-item label="Currency" prop="infcon.seacur">
<c-select v-model="model.infcon.seacur" style="width:100%" placeholder="请选择Currency">
</c-select>
</el-form-item>
</c-col>
</c-col>
<c-col :span="6">
<el-form-item label="Amount between" prop="infcon.seaamtfr">
<c-input v-model="model.infcon.seaamtfr" placeholder="请输入Amount between"></c-input>
</el-form-item>
</c-col>
<c-col :span="6">
<el-form-item label="Amount to" prop="infcon.seaamtto">
<c-input v-model="model.infcon.seaamtto" placeholder="请输入Amount to"></c-input>
</el-form-item>
</c-col>
</c-col>
<c-col :span="8">
<el-form-item
label="Amount to"
prop="infcon.seaamtto"
>
<c-input
v-model="model.infcon.seaamtto"
placeholder="请输入Amount to"
></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<c-col :span="12">
<c-col :span="12">
<el-form-item label="Document Type" prop="seadoctypcod">
<c-select v-model="model.seadoctypcod" style="width:100%" placeholder="请选择Document Type">
</c-select>
</el-form-item>
</c-col>
</c-col>
<!-- <c-col :span="8">
<el-form-item
label="Open Date to"
prop="infcon.opndatto"
>
<c-date-picker
type="date"
v-model="model.infcon.opndatto"
style="width: 100%"
placeholder="请选择Open Date to"
></c-date-picker>
</el-form-item>
</c-col> -->
</c-col>
<c-col :span="12">
<c-col :span="12">
<c-checkbox v-model="model.infcon.forflg">转卖单据</c-checkbox>
</c-col>
<c-col :span="24">
<c-col :span="8">
<el-form-item
label="User ID"
prop="infcon.usr.extkey"
>
<c-input
v-model="model.infcon.usr.extkey"
maxlength="8"
placeholder="请输入User ID"
></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="是否通过电证系统" prop="elcflg">
<c-select v-model="model.elcflg" style="width:100%" placeholder="请选择是否通过电证系统">
</c-select>
</el-form-item>
</c-col>
</c-col>
<c-col :span="8">
<el-form-item
label="Status"
prop="infcon.seasta"
>
<c-select
v-model="model.infcon.seasta"
style="width: 100%"
placeholder="请选择Status"
:code="codes.seasta"
>
</c-select>
</el-form-item>
</c-col>
<c-col :span="8">
<el-form-item
label="Currency"
prop="infcon.seacur"
>
<c-select
v-model="model.infcon.seacur"
style="width: 100%"
placeholder="请选择Currency"
:code="codes.seacur"
>
</c-select>
</el-form-item>
</c-col>
</c-col>
</c-col>
<c-col :span="24">
<c-col :span="8">
<el-form-item
label="Amount between"
prop="infcon.seaamtfr"
>
<c-input
v-model="model.infcon.seaamtfr"
placeholder="请输入Amount between"
></c-input>
</el-form-item>
</c-col>
</c-row>
</el-row>
</el-form>
<c-col :span="8">
<el-form-item
label="是否通过电证系统"
prop="elcflg"
>
<c-select
v-model="model.elcflg"
style="width: 100%"
placeholder="请选择是否通过电证系统"
:code="codes.elcflg"
>
</c-select>
</el-form-item>
</c-col>
</template>
<c-col :span="8">
<el-form-item
label=""
>
<c-checkbox
v-model="model.infcon.forflg"
>转卖单据</c-checkbox
>
</el-form-item>
</c-col>
</c-col>
</c-list-search>
<c-col :span="24">
<c-col :span="8">
<el-form-item
label="Document Type"
prop="seadoctypcod"
>
<c-select
v-model="model.seadoctypcod"
style="width: 100%"
placeholder="请选择Document Type"
>
</c-select>
</el-form-item>
</c-col>
</c-col>
</c-row>
</el-row>
</el-form>
</template>
</c-list-search>
<!--
<c-row style="margin-top:20px; padding: 0 10px 0 10px;">
<c-col>
......@@ -163,63 +296,84 @@
</c-col>
</c-row>
-->
<c-col :span="24">
<c-istream-table :list="stmData.data" :columns="stmData.columns">
<el-table-column fixed="right" prop="op" label="操作" width="150px">
<template slot="header">
<c-col :span="11" style="text-align: left"
><span>操作</span></c-col
>
<c-col :span="12" style="text-align: right"
><c-button icon="el-icon-s-tools"></c-button
></c-col>
</template>
<template slot-scope="scope">
<el-popover
placement="top-start"
title="历史信息"
width="800"
trigger="click"
:ref="'popover_' + scope.row.IDX"
>
<div style="text-align: right; margin-top: -30px; margin-right: 5px; font-size: 16px;">
<span class="el-icon-close" @click="closeTrn('popover_' + scope.row.IDX)"/>
</div>
<c-istream-table
:list="trnData.data"
:columns="trnData.columns"
<c-col :span="24">
<c-istream-table :list="stmData.data" :columns="stmData.columns">
<el-table-column
fixed="right"
prop="op"
label="操作"
width="150px"
>
<el-table-column prop="op" label="操作" width="0">
<template slot-scope="scope">
<c-button
style="margin-left: 0"
size="small"
@click="display(scope.row['INR'])"
>
详情
</c-button>
<template slot="header">
<c-col :span="11" style="text-align: left"
><span>操作</span></c-col
>
<c-col :span="12" style="text-align: right"
><c-button icon="el-icon-s-tools"></c-button
></c-col>
</template>
</el-table-column>
</c-istream-table>
<c-button
style="margin-left: 0"
size="small"
@click="getTrnInfo(scope.$index, scope.row)"
slot="reference"
>
详情
</c-button>
</el-popover>
<template slot-scope="scope">
<el-popover
placement="top-start"
title="历史信息"
width="800"
trigger="click"
:ref="'popover_' + scope.row.IDX"
>
<div
style="
text-align: right;
margin-top: -30px;
margin-right: 5px;
font-size: 16px;
"
>
<span
class="el-icon-close"
@click="
closeTrn('popover_' + scope.row.IDX)
"
/>
</div>
<c-istream-table
:list="trnData.data"
:columns="trnData.columns"
>
<el-table-column
prop="op"
label="操作"
width="0"
>
<template slot-scope="scope">
<c-button
style="margin-left: 0"
size="small"
@click="display(scope.row['INR'])"
>
详情
</c-button>
</template>
</el-table-column>
</c-istream-table>
<c-button
style="margin-left: 0"
size="small"
@click="getTrnInfo(scope.$index, scope.row)"
slot="reference"
>
详情
</c-button>
</el-popover>
<c-button
style="margin-left: 0"
size="small"
type="primary"
@click="getButtons(scope.row['Reference'])"
>
处理
</c-button>
<!--
<c-button
style="margin-left: 0"
size="small"
type="primary"
@click="getButtons(scope.row['Reference'])"
>
处理
</c-button>
<!--
<c-button
style="margin-left: 0"
size="small"
......@@ -269,11 +423,11 @@
注销
</c-button>
-->
</template>
</el-table-column>
</c-istream-table>
</c-col>
<!--
</template>
</el-table-column>
</c-istream-table>
</c-col>
<!--
<c-row style="margin-top:20px; padding: 0 10px 0 10px;">
<c-istream-table :border="true"
:list="tableData"
......@@ -283,7 +437,7 @@
</c-istream-table>
</c-row>
-->
<!--
<!--
<c-row>
<c-col :span="24">
<c-istream-table :list="model.infbut.dspstm" :columns="stmData.columns">
......@@ -291,72 +445,74 @@
</c-col>
</c-row>
-->
<el-dialog :visible.sync="initdialog" :title="'交易列表'" append-to-body>
<div class="m-list-btns">
<m-busbtn ref="childs" :ownref="ownref" @onChoose="onChoose"
>11</m-busbtn
<el-dialog
:visible.sync="initdialog"
:title="'交易列表'"
append-to-body
>
</div>
</el-dialog>
</div>
<div class="m-list-btns">
<m-busbtn ref="childs" :ownref="ownref" @onChoose="onChoose"
>11</m-busbtn
>
</div>
</el-dialog>
</div>
</template>
<script>
import Utils from "~/utils/index";
import Api from "~/service/Api"
import Api from "~/service/Api";
import commonProcess from "~/mixin/commonProcess";
import CodeTable from "~/config/CodeTable"
import Event from "~/model/Infbfd/Event"
import CodeTable from "~/config/CodeTable";
import Event from "~/model/Infbfd/Event";
//交易跳转逻辑
import BusNavbar from "~/views/Business/Infbfd/BusNavbar";
export default {
inject: ['root'],
props:["model","codes"],
inject: ["root"],
props: ["model", "codes"],
mixins: [commonProcess],
components: { "m-busbtn": BusNavbar },
data(){
data() {
return {
ownref: "",
initdialog: false,
dialogTableVisible: false,
trnData: {
columns: [
'1 1 "编号" 200',
'2 2 "交易名称" 100',
'3 3 "日期" 200',
'4 4 "状态" 50',
'5 5 "币种" 80',
'6 6 "金额" 80',
],
data: [],
},
trnData: {
columns: [
'1 1 "编号" 200',
'2 2 "交易名称" 100',
'3 3 "日期" 200',
'4 4 "状态" 50',
'5 5 "币种" 80',
'6 6 "金额" 80',
],
data: [],
},
stmData: {
columns: [
"2 1 \"Reference\" 100 ",
"3 2 \"Resp. User\" 100 ",
"6 3 \"Party Number\" 150 ",
"7 4 \"Applicant\" 150 ",
"8 5 \"Party Number\" 150 ",
"9 6 \"Beneficiary\" 150 ",
"10 7 \"Party Number\" 150 ",
"11 8 \"Issuing Bank\" 150 ",
"12 9 \"Party Number\" 150 ",
"13 10 \"Purchasing bank\" 150 ",
"1 11 \"转卖日期\" 150 ",
"4 12 \"Opened\" 150 ",
"5 13 \"Closed\" 150 ",
"14 14 \"Cur\" 50 ",
"16 15 \"Cur\" 50 ",
"15 16 \"Doc.Amount\" 150 ",
"17 17 \"Open Amount\" 150 ",
],
data:[
],
},
}
stmData: {
columns: [
'2 1 "Reference" 100 ',
'3 2 "Resp. User" 100 ',
'6 3 "Party Number" 150 ',
'7 4 "Applicant" 150 ',
'8 5 "Party Number" 150 ',
'9 6 "Beneficiary" 150 ',
'10 7 "Party Number" 150 ',
'11 8 "Issuing Bank" 150 ',
'12 9 "Party Number" 150 ',
'13 10 "Purchasing bank" 150 ',
'1 11 "转卖日期" 150 ',
'4 12 "Opened" 150 ',
'5 13 "Closed" 150 ',
'14 14 "Cur" 50 ',
'16 15 "Cur" 50 ',
'15 16 "Doc.Amount" 150 ',
'17 17 "Open Amount" 150 ',
],
data: [],
},
};
},
/*
computed: {
......@@ -367,82 +523,73 @@ export default {
},
},
*/
methods:{
...Event,
async getButtons(ownref, frm){
this.initdialog = true
this.ownref = ownref
console.log("ownref:" +ownref);
setTimeout(()=>{
this.$refs.childs.$emit("childmethods")
},10)
// setTimeout(()=>{
// // this.$refs.childs.$emit("childmethods")
// console.log(this)
// console.log(this.$refs)
// console.log(this.$refs.childs)
// },10)
//this.$router.history.push({ path: "/business/" + frm, query: { ownref } })
},
async onChoose(code){
methods: {
...Event,
async getButtons(ownref, frm) {
this.initdialog = true;
this.ownref = ownref;
console.log("ownref:" + ownref);
setTimeout(() => {
this.$refs.childs.$emit("childmethods");
}, 10);
// setTimeout(()=>{
// // this.$refs.childs.$emit("childmethods")
// console.log(this)
// console.log(this.$refs)
// console.log(this.$refs.childs)
// },10)
//this.$router.history.push({ path: "/business/" + frm, query: { ownref } })
},
async onChoose(code) {
//跳转交易
this.$router.history.push("/business/" + code)
this.initdialog = false
this.$router.history.push("/business/" + code);
this.initdialog = false;
},
async getDitSelInfo(idx,row){
//TD中选中行触发
var params = {selDst:"infbut.dspstm",selIds:[idx+1]}
let rtnmsg = await this.executeRule("infbut.dspstm", params);
if(rtnmsg.respCode = SUCCESS){
this.updateModel(rtnmsg.data);
// Utils.copyValueFromVO(this.model, rtnmsg.data);
//TD中点击display时触发
params = {selDst:"infbut.dsp",selIds:[idx+1]}
let rtnmsgNew = await this.executeRule("infbut.dsp", params);
async getDitSelInfo(idx, row) {
//TD中选中行触发
var params = { selDst: "infbut.dspstm", selIds: [idx + 1] };
let rtnmsg = await this.executeRule("infbut.dspstm", params);
if ((rtnmsg.respCode = SUCCESS)) {
this.updateModel(rtnmsg.data);
// Utils.copyValueFromVO(this.model, rtnmsg.data);
//TD中点击display时触发
params = { selDst: "infbut.dsp", selIds: [idx + 1] };
let rtnmsgNew = await this.executeRule("infbut.dsp", params);
if(rtnmsgNew.respCode = SUCCESS){
console.log(rtnmsgNew);
this.updateModel(rtnmsgNew.data);
if ((rtnmsgNew.respCode = SUCCESS)) {
console.log(rtnmsgNew);
this.updateModel(rtnmsgNew.data);
let rtnmsgOitset = await this.executeDefault("mtabut.coninf.oitset.oit");
if(rtnmsgOitset.respCode = SUCCESS){
Utils.copyValueFromVO(this.model, rtnmsgOitset.data);
let rtnmsgOitset = await this.executeDefault(
"mtabut.coninf.oitset.oit"
);
if ((rtnmsgOitset.respCode = SUCCESS)) {
Utils.copyValueFromVO(this.model, rtnmsgOitset.data);
}
}
}
}
//触发父组件中updateShowPanel 事件，修改index中showPanel ，控制 index中组件的显示和隐藏
this.$emit('updateShowPanel', true)
},
async getTrnInfo(idx, row) {
//触发父组件中updateShowPanel 事件，修改index中showPanel ，控制 index中组件的显示和隐藏
this.$emit("updateShowPanel", true);
},
this.model.infcon.objinr = row["INR"];
this.model.bfdgrp.rec.inr = row["INR"];
this.model.infcon.chksubcon = "X";
async getTrnInfo(idx, row) {
this.model.infcon.objinr = row["INR"];
this.model.bfdgrp.rec.inr = row["INR"];
this.model.infcon.chksubcon = "X";
this.dialogTableVisible = true;
let rtnmsg = await this.executeDefault("infcon.chksubcon");
this.dialogTableVisible = true;
let rtnmsg = await this.executeDefault("infcon.chksubcon");
if ((rtnmsg.respCode = SUCCESS)) {
this.trnData.data = rtnmsg.data.infcon_trnstm.rows;
}
if ((rtnmsg.respCode = SUCCESS)) {
this.trnData.data = rtnmsg.data.infcon_trnstm.rows;
}
},
closeTrn(refId) {
this.$refs[refId].doClose();
},
},
closeTrn(refId){
this.$refs[refId].doClose();
}
},
created:function(){
}
}
created: function () {},
};
</script>
<style>
</style>
src/views/Business/Infbfd/Ovwp.vue
......@@ -9,7 +9,6 @@
<c-button size="small" type="primary">Use</c-button>
<c-button size="small" type="primary">Loginfo</c-button>
</div>
</p>
<c-row>
<c-col :span="12">
<c-col :span="12">
......
src/views/Business/Infbfd/index.vue
......@@ -138,6 +138,7 @@ export default {
pattern: Pattern,
rules: null,
codes: {
...CodeTable
},
showflg: true,
}
......@@ -152,7 +153,7 @@ export default {
if(rtnmsg.respCode == SUCCESS)
{
//TODO 处理数据逻辑
this.updateModel(rtnmsg.data);
}
else
{
......
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