Skip to content

V
vue-gjjs
Commit 4f03fa1a by lsk
Options

Merge branch 'hangzhoubank' of http://192.168.0.110:11080/fukai/vue-gjjs into hangzhoubank

parents e058de9f effd3d01
Showing with 642 additions and 450 deletions
src/config/CodeTable/index.js
......@@ -1931,9 +1931,9 @@ const CodeTable = {
{label:"总行清算自贸区挂账业务",value:"1" },
],
dffs:[
{label:"即期付款",value:"1" },
{label:"远期付款",value:"2" },
{label:"混合付款",value:"3" },
{label:"即期付款",value:"1" },
],
expplc:[
{label:"www",value:"s" },
......@@ -1943,9 +1943,9 @@ const CodeTable = {
{label:"货物贸易",value:"1" },
],
yfxx:[
{label:"指定议付",value:"3" },
{label:"不可议付",value:"1" },
{label:"自由议付",value:"2" },
{label:"指定议付",value:"3" },
],
}
export default CodeTable;
\ No newline at end of file
src/views/Business/Ditopn/Detp.vue
<template>
<div class="eibs-tab">
<el-col :span="12">
<!-- 上左 -->
<el-col :span="11">
<el-col :span="24">
<el-form-item label="付款方式" prop="lidgrp.rec.avbby">
<c-select v-model="model.lidgrp.rec.avbby" style="width:100%" placeholder="请选择付款方式">
<c-select
v-model="model.lidgrp.rec.avbby"
style="width:100%"
placeholder="请选择付款方式"
>
<el-option v-for="item in codes.dffs" :key="item.value" :label="item.label" :value="item.value"></el-option>
</c-select>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="付款指示">
<c-input type="textarea" v-model="model.lidgrp.blk.preper" maxlength="35" show-word-limit placeholder="请输入付款指示" ></c-input>
</el-form-item>
</el-col>
<el-col :span="12">
<c-button size="small" type="primary" icon="el-icon-search" @click="onPreperButtxmsel">
...
</c-button>
</el-col>
<el-col :span="12">
<el-form-item label="付款指示">
<c-input type="textarea" v-model="model.lidgrp.blk.defdet" maxlength="35" show-word-limit placeholder="请输入付款指示" ></c-input>
</el-form-item>
</el-col>
<el-col :span="12">
<c-checkbox v-model="model.lidgrp.blk.preperflg">Presentation Period modified</c-checkbox>
</el-col>
<el-col :span="12">
<el-form-item label="Reference for Address Optional" prop="lidgrp.age.pts.ref">
<c-input v-model="model.lidgrp.age.pts.ref" maxlength="16" placeholder="请输入Reference for Address Optional"></c-input>
<el-col :span="24">
<el-form-item label="付款指示" prop="lidgrp.blk.defdet">
<c-input
type="textarea"
v-model="model.lidgrp.blk.defdet"
maxlength="35"
show-word-limit
placeholder="请输入付款指示"
:disabled="model.lidgrp.rec.avbby === '1'"
></c-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-col :span="24">
<el-form-item label="付款期限" prop="lidgrp.rec.tenmaxday">
<c-input v-model="model.lidgrp.rec.tenmaxday" placeholder="请输入付款期限"></c-input>
<c-input
v-model="model.lidgrp.rec.tenmaxday"
placeholder="请输入付款期限"
:disabled="model.lidgrp.rec.avbby === '1'"
></c-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="Drag Drop Sender" prop="litp1.agep.ptsget.sdamod.dadsnd">
<c-input v-model="model.litp1.agep.ptsget.sdamod.dadsnd" placeholder="请输入Drag Drop Sender"></c-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-col :span="24">
<el-form-item label="议付选项" prop="lidgrp.rec.yfxx">
<c-select v-model="model.lidgrp.rec.yfxx" style="width:100%" placeholder="请选择议付选项">
<c-select
v-model="model.lidgrp.rec.yfxx"
style="width:100%"
placeholder="请选择议付选项"
>
<el-option v-for="item in codes.yfxx" :key="item.value" :label="item.label" :value="item.value"></el-option>
</c-select>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="External Key of Address" prop="lidgrp.age.pts.extkey">
<c-input v-model="model.lidgrp.age.pts.extkey" maxlength="16" placeholder="请输入External Key of Address"></c-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="" prop="litp1.agep.ptsget.sdamod.seainf">
<c-input v-model="model.litp1.agep.ptsget.sdamod.seainf" placeholder="请输入"></c-input>
<el-col :span="16">
<el-form-item label="议付行" prop="lidgrp.yfb.pts.extkey">
<c-input
v-model="model.lidgrp.yfb.pts.extkey"
maxlength="16"
placeholder="请输入External Key of Address"
:disabled="model.lidgrp.rec.yfxx === '1'"
v-show="model.lidgrp.rec.yfxx !== '2'"
></c-input>
</el-form-item>
</el-col>
<el-col :span="12">
<c-button size="small" type="primary" @click="onAgepDet">
明细
<c-col :span="8" v-show="model.lidgrp.rec.yfxx !== '2'">
<el-form-item label="" label-width="15px">
<c-button size="small" type="primary;width:10%">i</c-button>
<c-button size="small" type="primary" @click="onAplpDet">
Details
</c-button>
</el-col>
<el-col :span="12">
<el-form-item label="Drag Drop Sender" prop="litp1.yfbp.ptsget.sdamod.dadsnd">
<c-input v-model="model.litp1.yfbp.ptsget.sdamod.dadsnd" placeholder="请输入Drag Drop Sender"></c-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="Address Block">
<c-input type="textarea" v-model="model.lidgrp.age.pts.adrblk" maxlength="35" show-word-limit placeholder="请输入Address Block" ></c-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="Chinese address">
<c-input type="textarea" v-model="model.lidgrp.age.dbfadrblkcn" maxlength="35" show-word-limit placeholder="请输入Chinese address" ></c-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="External Key of Address" prop="lidgrp.yfb.pts.extkey">
<c-input v-model="model.lidgrp.yfb.pts.extkey" maxlength="16" placeholder="请输入External Key of Address"></c-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="" prop="litp1.yfbp.ptsget.sdamod.seainf">
<c-input v-model="model.litp1.yfbp.ptsget.sdamod.seainf" placeholder="请输入"></c-input>
</el-form-item>
</el-col>
<el-col :span="12">
<c-button size="small" type="primary" @click="onYfbpDet">
明细
</c-col>
<c-col :span="24">
<!-- maybe lidgrp.yfb.dbfadrblkcn -->
<el-form-item label="" prop="lidgrp.yfb.pts.adrblk">
<c-input
type="textarea"
v-model="model.lidgrp.yfb.pts.adrblk"
maxlength="35"
:rows="5"
show-word-limit
placeholder="请输入Address Block"
:disabled="model.lidgrp.rec.yfxx !== '2'"
></c-input>
</el-form-item>
</c-col>
<el-col :span="24">
<el-form-item label="分期装运" prop="lidgrp.blk.fqzy">
<c-input
type="textarea"
v-model="model.lidgrp.blk.fqzy"
maxlength="35"
:rows="5"
show-word-limit
placeholder="请输入分期装运"
></c-input>
</el-form-item>
</el-col>
</el-col>
<!-- 上右 -->
<el-col :span="11" :offset="1">
<el-col :span="24">
<el-form-item label="交单期限" prop="lidgrp.blk.preper">
<c-input
type="textarea"
v-model="model.lidgrp.blk.preper"
maxlength="35"
:rows="5"
show-word-limit
placeholder="请输入付款指示"
></c-input>
</el-form-item>
</el-col>
<el-col :span="24">
<el-form-item label="" prop="lidgrp.blk.preperflg">
<c-checkbox v-model="model.lidgrp.blk.preperflg"
>修改交单期限文本</c-checkbox
>
</el-form-item>
</el-col>
<el-col :span="24">
<el-form-item label="参考号" prop="lidgrp.age.pts.ref">
<c-input
v-model="model.lidgrp.age.pts.ref"
maxlength="16"
placeholder="请输入Reference for Address Optional"
></c-input>
</el-form-item>
</el-col>
<el-col :span="16">
<el-form-item label="代开行" prop="lidgrp.age.pts.extkey">
<c-input
v-model="model.lidgrp.age.pts.extkey"
maxlength="16"
placeholder="请输入External Key of Address"
></c-input>
</el-form-item>
</el-col>
<c-col :span="8">
<el-form-item label="" label-width="15px">
<c-button size="small" type="primary;width:10%">i</c-button>
<c-button size="small" type="primary" @click="onAplpDet">
Details
</c-button>
</el-col>
<el-col :span="12">
<el-form-item label="Address Block">
<c-input type="textarea" v-model="model.lidgrp.yfb.pts.adrblk" maxlength="35" show-word-limit placeholder="请输入Address Block" ></c-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="Chinese address">
<c-input type="textarea" v-model="model.lidgrp.yfb.dbfadrblkcn" maxlength="35" show-word-limit placeholder="请输入Chinese address" ></c-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="Available in">
<c-input type="textarea" v-model="model.lidgrp.blk.yfbwthtxt" maxlength="35" show-word-limit placeholder="请输入Available in" ></c-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="分期装运">
<c-input type="textarea" v-model="model.lidgrp.blk.fqzy" maxlength="35" show-word-limit placeholder="请输入分期装运" ></c-input>
</c-col>
<c-col :span="24">
<!-- maybe lidgrp.age.dbfadrblkcn -->
<el-form-item label="" prop="lidgrp.age.pts.adrblk">
<c-input
type="textarea"
v-model="model.lidgrp.age.pts.adrblk"
maxlength="35"
:rows="5"
show-word-limit
placeholder="请输入Address Block"
></c-input>
</el-form-item>
</c-col>
</el-col>
<el-col :span="24"></el-col>
<!-- 底部 -->
<el-col :span="6">
<el-form-item label="运输方式/服务提供方式" prop="lidgrp.rec.tratyp">
<c-select
v-model="model.lidgrp.rec.tratyp"
style="width:100%"
placeholder="请选择运输方式/服务提供方式"
>
</c-select>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="运输方式">
<el-form-item label="运输方式" prop="lidgrp.blk.ysfs">
<c-input type="textarea" v-model="model.lidgrp.blk.ysfs" maxlength="50" show-word-limit placeholder="请输入运输方式" ></c-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="运输方式/服务提供方式" prop="lidgrp.rec.tratyp">
<c-select v-model="model.lidgrp.rec.tratyp" style="width:100%" placeholder="请选择运输方式/服务提供方式">
</c-select>
</el-form-item>
</el-col>
<el-col :span="12">
<el-col :span="18">
<el-form-item label="货物起运地/服务提供地" prop="lidgrp.rec.shpfro">
<c-input v-model="model.lidgrp.rec.shpfro" maxlength="65" placeholder="请输入货物起运地/服务提供地"></c-input>
<c-input
v-model="model.lidgrp.rec.shpfro"
maxlength="65"
placeholder="请输入货物起运地/服务提供地"
></c-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-col :span="18">
<el-form-item label="目的地" prop="lidgrp.rec.shpto">
<c-input v-model="model.lidgrp.rec.shpto" maxlength="65" placeholder="请输入目的地"></c-input>
<c-input
v-model="model.lidgrp.rec.shpto"
maxlength="65"
placeholder="请输入目的地"
></c-input>
</el-form-item>
</el-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 CodeTable from "~/config/CodeTable";
import Event from "~/model/Ditopn/Event";
export default {
inject: ['root'],
props:["model","codes"],
inject: ["root"],
props: ["model", "codes"],
mixins: [CommonProcess],
data(){
return {
}
data() {
return {};
},
methods:{...Event},
created:function(){
}
}
methods: { ...Event },
created: function() {},
};
</script>
<style>
</style>
<style></style>
src/views/Business/Ditopn/Ovwp.vue
<template>
<div class="eibs-tab">
<el-col :span="12">
<el-form-item label="Drag Drop Sender" prop="litp1.recget.sdamod.dadsnd">
<c-input v-model="model.litp1.recget.sdamod.dadsnd" placeholder="请输入Drag Drop Sender"></c-input>
</el-form-item>
</el-col>
<el-col :span="12">
<c-row>
<!-- =================顶部====================== -->
<c-col :span="24">
<c-col :span="8">
<el-form-item label="参考号" prop="lidgrp.rec.ownref">
<c-input v-model="model.lidgrp.rec.ownref" maxlength="16" placeholder="请输入参考号"></c-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="" prop="litp1.recget.sdamod.seainf">
<c-input v-model="model.litp1.recget.sdamod.seainf" placeholder="请输入"></c-input>
</el-form-item>
</el-col>
<el-col :span="12">
<c-button size="small" type="primary" @click="onLitp1Butgetref">
获取
</c-button>
</el-col>
<el-col :span="12">
<el-form-item label="Externally Displayed Name to Identify the Contract" prop="lidgrp.rec.nam">
<c-input v-model="model.lidgrp.rec.nam" maxlength="40" placeholder="请输入Externally Displayed Name to Identify the Contract"></c-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="申请人 参考号" prop="lidgrp.apl.pts.ref">
<c-input v-model="model.lidgrp.apl.pts.ref" maxlength="16" placeholder="请输入申请人 参考号"></c-input>
</el-form-item>
</el-col>
<el-col :span="12">
<c-button size="small" type="primary" @click="onLitp1Hth">
...
</c-button>
</el-col>
<el-col :span="12">
<c-input
v-model="model.lidgrp.rec.ownref"
maxlength="16"
placeholder="请输入Reference"
disabled
></c-input>
</el-form-item>
</c-col>
<c-col :span="4">
<el-form-item label="" label-width="15px">
<c-button size="small" type="primary;width:10%">i</c-button>
<c-button size="small" type="primary"> 获取 </c-button>
</el-form-item>
</c-col>
<c-col :span="11">
<el-form-item label="摘要" prop="lidgrp.rec.nam">
<c-input
align="middle"
v-model="model.lidgrp.rec.nam"
maxlength="40"
disabled
placeholder="请输入Externally Displayed Name to Identify the Contract"
></c-input>
</el-form-item>
</c-col>
</c-col>
<!-- ====================左边======================= -->
<c-col :span="11">
<c-col :span="24">
<el-form-item label="开证类型" prop="lidgrp.rec.isstyp">
<c-select v-model="model.lidgrp.rec.isstyp" style="width:100%" placeholder="请选择开证类型">
<c-select
v-model="model.lidgrp.rec.isstyp"
style="width: 100%"
placeholder="请选择开证类型"
>
<el-option
v-for="item in codeTable.isstyp"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</c-select>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="Drag Drop Sender" prop="litp1.aplp.ptsget.sdamod.dadsnd">
<c-input v-model="model.litp1.aplp.ptsget.sdamod.dadsnd" placeholder="请输入Drag Drop Sender"></c-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="External Key of Address" prop="lidgrp.apl.pts.extkey">
<c-input v-model="model.lidgrp.apl.pts.extkey" maxlength="16" placeholder="请输入External Key of Address"></c-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="" prop="litp1.aplp.ptsget.sdamod.seainf">
<c-input v-model="model.litp1.aplp.ptsget.sdamod.seainf" placeholder="请输入"></c-input>
</el-form-item>
</el-col>
<el-col :span="12">
<c-button size="small" type="primary" @click="onAplpDet">
明细
</c-button>
</el-col>
<el-col :span="12">
</c-col>
<el-col :span="24">
<el-form-item label="信用证类型" prop="lidgrp.rec.lcrtyp">
<c-select v-model="model.lidgrp.rec.lcrtyp" style="width:100%" placeholder="请选择信用证类型">
<c-select
v-model="model.lidgrp.rec.lcrtyp"
style="width: 100%"
placeholder="请选择信用证类型"
>
<el-option
v-for="item in codeTable.lcrtyp"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</c-select>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="Address Block">
<c-input type="textarea" v-model="model.lidgrp.apl.pts.adrblk" maxlength="35" show-word-limit placeholder="请输入Address Block" ></c-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="Chinese address">
<c-input type="textarea" v-model="model.lidgrp.apl.dbfadrblkcn" maxlength="35" show-word-limit placeholder="请输入Chinese address" ></c-input>
</el-form-item>
</el-col>
<el-col :span="12">
<c-col :span="16">
<el-form-item label="经办人" prop="litp1.usr.extkey">
<c-input v-model="model.litp1.usr.extkey" maxlength="8" placeholder="请输入经办人"></c-input>
<c-input
v-model="model.litp1.usr.extkey"
maxlength="8"
placeholder="请输入经办人"
disabled
></c-input>
</el-form-item>
</el-col>
</c-col>
<el-col :span="12">
<el-form-item label="" prop="litp1.usrget.sdamod.seainf">
<c-input v-model="model.litp1.usrget.sdamod.seainf" placeholder="请输入"></c-input>
<c-col :span="8">
<el-form-item label="" label-width="15px">
<c-button size="small" type="primary;width:10%">i</c-button>
</el-form-item>
</el-col>
</c-col>
<el-col :span="12">
<c-checkbox v-model="model.lidgrp.rec.resflg">Reserved Contract</c-checkbox>
</el-col>
<c-col> &nbsp; </c-col>
<el-col :span="12">
<c-col :span="12">
<el-form-item label="信用证金额" prop="lidgrp.cbs.nom1.cur">
<c-select v-model="model.lidgrp.cbs.nom1.cur" style="width:100%" placeholder="请选择信用证金额">
<c-select
disabled
v-model="model.lidgrp.cbs.nom1.cur"
style="width: 100%"
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>
</el-col>
<el-col :span="12">
<el-form-item label="信用证金额" prop="lidgrp.cbs.nom1.amt">
<c-input v-model="model.lidgrp.cbs.nom1.amt" placeholder="请输入信用证金额"></c-input>
</el-form-item>
</el-col>
<el-col :span="12">
</c-col>
<c-col :span="12">
<el-form-item
style="text-align: left"
label-width="20px"
prop="lidgrp.cbs.nom1.amt"
>
<c-input
v-model="model.lidgrp.cbs.nom1.amt"
style="text-align: left; width: 100%"
placeholder="请输入信用证金额"
></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="大写金额" prop="litp1.amt">
<c-input v-model="model.litp1.amt" maxlength="60" placeholder="请输入大写金额"></c-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="External Account" prop="lidgrp.apl.pts.extact">
<c-select v-model="model.lidgrp.apl.pts.extact" style="width:100%" placeholder="请选择External Account">
</c-select>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="Amount Tolerance - Positive" prop="lidgrp.rec.nomtop">
<c-input v-model="model.lidgrp.rec.nomtop" placeholder="请输入Amount Tolerance - Positive"></c-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="Amount Tolerance - Negative" prop="lidgrp.rec.nomton">
<c-input v-model="model.lidgrp.rec.nomton" placeholder="请输入Amount Tolerance - Negative"></c-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="Info of bank" prop="lidgrp.apl.pta.issbchinf">
<c-input v-model="model.lidgrp.apl.pta.issbchinf" maxlength="40" placeholder="请输入Info of bank"></c-input>
</el-form-item>
</el-col>
<el-col :span="12">
<c-input
v-model="model.litp1.amt"
maxlength="76"
placeholder="请输入大写金额"
disabled
></c-input>
</el-form-item>
</c-col>
<c-col :span="14">
<el-form-item label="上下浮动限额 +/-" prop="lidgrp.rec.nomtop">
<c-input
v-model="model.lidgrp.rec.nomtop"
maxlength="9"
placeholder="请输入Amount Tolerance - Positive"
></c-input>
</el-form-item>
</c-col>
<c-col :span="10" style="text-align: left">
<el-form-item
label="-"
style="text-align: left; margin-left: 12px"
label-width="20px"
prop="lidgrp.rec.nomton"
>
<c-input
v-model="model.lidgrp.rec.nomton"
maxlength="9"
placeholder="请输入Amount Tolerance - Negative"
></c-input>
</el-form-item>
</c-col>
<c-col> &nbsp; </c-col>
<el-col :span="24">
<el-form-item label="最高金额限额" prop="lidgrp.rec.nomspc">
<c-select v-model="model.lidgrp.rec.nomspc" style="width:100%" placeholder="请选择最高金额限额">
<c-select
v-model="model.lidgrp.rec.nomspc"
style="width: 100%"
placeholder="请选择最高金额限额"
>
</c-select>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="通知行 参考号" prop="lidgrp.adv.pts.ref">
<c-input v-model="model.lidgrp.adv.pts.ref" maxlength="16" placeholder="请输入通知行 参考号"></c-input>
</el-form-item>
</el-col>
<el-col :span="12">
<c-col :span="14">
<el-form-item label="信用证最大金额" prop="lidgrp.cbs.max.cur">
<c-select v-model="model.lidgrp.cbs.max.cur" style="width:100%" placeholder="请选择信用证最大金额">
<c-select
v-model="model.lidgrp.cbs.max.cur"
style="width: 100%"
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>
</el-col>
</c-col>
<el-col :span="12">
<el-form-item label="信用证最大金额" prop="lidgrp.cbs.max.amt">
<c-input v-model="model.lidgrp.cbs.max.amt" placeholder="请输入信用证最大金额"></c-input>
<c-col :span="10">
<el-form-item label="" label-width="20px" prop="lidgrp.cbs.max.amt">
<c-input
v-model="model.lidgrp.cbs.max.amt"
placeholder="请输入信用证最大金额"
disabled
></c-input>
</el-form-item>
</el-col>
</c-col>
<el-col :span="12">
<el-form-item label="Drag Drop Sender" prop="litp1.advp.ptsget.sdamod.dadsnd">
<c-input v-model="model.litp1.advp.ptsget.sdamod.dadsnd" placeholder="请输入Drag Drop Sender"></c-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="External Key of Address" prop="lidgrp.adv.pts.extkey">
<c-input v-model="model.lidgrp.adv.pts.extkey" maxlength="16" placeholder="请输入External Key of Address"></c-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="" prop="litp1.advp.ptsget.sdamod.seainf">
<c-input v-model="model.litp1.advp.ptsget.sdamod.seainf" placeholder="请输入"></c-input>
</el-form-item>
</el-col>
<el-col :span="12">
<c-button size="small" type="primary" @click="onAdvpDet">
明细
</c-button>
</el-col>
<el-col :span="12">
<c-col :span="12">
<el-form-item label="开证日期" prop="lidgrp.rec.opndat">
<c-date-picker type="date" v-model="model.lidgrp.rec.opndat" style="width:100%" placeholder="请选择开证日期"></c-date-picker>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="Date of Expiry" prop="lidgrp.rec.expdat">
<c-date-picker type="date" v-model="model.lidgrp.rec.expdat" style="width:100%" placeholder="请选择Date of Expiry"></c-date-picker>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="Address Block">
<c-input type="textarea" v-model="model.lidgrp.adv.pts.adrblk" maxlength="35" show-word-limit placeholder="请输入Address Block" ></c-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="Chinese address">
<c-input type="textarea" v-model="model.lidgrp.adv.dbfadrblkcn" maxlength="35" show-word-limit placeholder="请输入Chinese address" ></c-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="最迟装运日期/最迟服务提供日" prop="lidgrp.rec.shpdat">
<c-date-picker type="date" v-model="model.lidgrp.rec.shpdat" style="width:100%" placeholder="请选择最迟装运日期/最迟服务提供日"></c-date-picker>
</el-form-item>
</el-col>
<el-col :span="12">
<c-date-picker
type="date"
v-model="model.lidgrp.rec.opndat"
style="width: 100%"
placeholder="请选择Date L/C Opened/Issued"
></c-date-picker>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="有效日期" prop="lidgrp.rec.expdat">
<c-date-picker
type="date"
v-model="model.lidgrp.rec.expdat"
value-format="yyyy-MM-dd"
style="width: 100%"
placeholder="请选择Date of Expiry"
></c-date-picker>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item
label="最迟货物装运日/服务提供日"
prop="lidgrp.rec.shpdat"
>
<c-date-picker
type="date"
v-model="model.lidgrp.rec.shpdat"
value-format="yyyy-MM-dd"
style="width: 100%"
placeholder="请选择Shipment Date"
></c-date-picker>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="有效地点" prop="lidgrp.rec.expplc">
<c-select v-model="model.lidgrp.rec.expplc" style="width:100%" placeholder="请选择有效地点">
</c-select>
</el-form-item>
</el-col>
<el-col :span="12">
<c-input
type="textarea"
:rows="3"
v-model="model.lidgrp.rec.expplc"
maxlength="35"
show-word-limit
placeholder="请输入Place of Expiry"
></c-input>
</el-form-item>
</c-col>
<el-col :span="24">
<el-form-item label="分批装运/分次服务" prop="lidgrp.rec.shppar">
<c-select v-model="model.lidgrp.rec.shppar" style="width:100%" placeholder="请选择分批装运/分次服务">
<c-select
v-model="model.lidgrp.rec.shppar"
style="width: 100%"
placeholder="请选择分批装运/分次服务"
>
</c-select>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="受益人 参考号" prop="lidgrp.ben.pts.ref">
<c-input v-model="model.lidgrp.ben.pts.ref" maxlength="16" placeholder="请输入受益人 参考号"></c-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="Drag Drop Sender" prop="litp1.benp.ptsget.sdamod.dadsnd">
<c-input v-model="model.litp1.benp.ptsget.sdamod.dadsnd" placeholder="请输入Drag Drop Sender"></c-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-col :span="24">
<el-form-item label="转运" prop="lidgrp.rec.shptrs">
<c-select v-model="model.lidgrp.rec.shptrs" style="width:100%" placeholder="请选择转运">
<c-select
v-model="model.lidgrp.rec.shptrs"
style="width: 100%"
placeholder="请选择转运"
>
</c-select>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="External Key of Address" prop="lidgrp.ben.pts.extkey">
<c-input v-model="model.lidgrp.ben.pts.extkey" maxlength="16" placeholder="请输入External Key of Address"></c-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="" prop="litp1.benp.ptsget.sdamod.seainf">
<c-input v-model="model.litp1.benp.ptsget.sdamod.seainf" placeholder="请输入"></c-input>
</el-form-item>
</el-col>
<el-col :span="12">
<c-button size="small" type="primary" @click="onBenpDet">
明细
</c-button>
</el-col>
<el-col :span="12">
<el-form-item label="交易类型" prop="lidgrp.rec.jylx">
<c-select v-model="model.lidgrp.rec.jylx" style="width:100%" placeholder="请选择交易类型">
<c-select
v-model="model.lidgrp.rec.jylx"
style="width: 100%"
placeholder="请选择交易类型"
>
<el-option v-for="(item, idx) in codes.jylx" :key="idx" :label="item.label" :value="item.value"></el-option>
</c-select>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="Address Block">
<c-input type="textarea" v-model="model.lidgrp.ben.pts.adrblk" maxlength="35" show-word-limit placeholder="请输入Address Block" ></c-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="Chinese address">
<c-input type="textarea" v-model="model.lidgrp.ben.dbfadrblkcn" maxlength="35" show-word-limit placeholder="请输入Chinese address" ></c-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-col :span="24">
<el-form-item label="通知行行号" prop="lidgrp.adv.pts.bankno">
<c-input v-model="model.lidgrp.adv.pts.bankno" maxlength="8" placeholder="请输入通知行行号"></c-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="追加借据号" prop="lidgrp.rec.jjhb">
<c-input v-model="model.lidgrp.rec.jjhb" maxlength="24" placeholder="请输入追加借据号"></c-input>
<c-input
v-model="model.lidgrp.adv.pts.bankno"
maxlength="8"
placeholder="请输入通知行行号"
></c-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-col :span="24">
<el-form-item label="借据号" prop="lidgrp.rec.jjh">
<c-input v-model="model.lidgrp.rec.jjh" maxlength="24" placeholder="请输入借据号"></c-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="External Account" prop="lidgrp.ben.pts.extact">
<c-input v-model="model.lidgrp.ben.pts.extact" maxlength="34" placeholder="请输入External Account"></c-input>
<c-input
v-model="model.lidgrp.rec.jjh"
maxlength="24"
placeholder="请输入借据号"
></c-input>
</el-form-item>
</el-col>
</c-col>
<!-- ========================右边======================= -->
<c-col :span="11" :offset="1">
<c-col :span="24">
<el-form-item
label="申请人 参考号"
prop="lidgrp.apl.pts.ref"
>
<c-input
v-model="model.lidgrp.apl.pts.ref"
maxlength="16"
placeholder="请输入申请人 参考号"
></c-input>
</el-form-item>
</c-col>
<c-col :span="16">
<el-form-item label="Extkey" prop="lidgrp.apl.pts.extkey">
<c-input
id="extkey"
v-model="model.lidgrp.apl.pts.extkey"
maxlength="16"
placeholder="请输入External Key of Address"
@keyup.enter.native="
showGridPromptDialog('lidgrp.apl.pts.extkey')
"
></c-input>
</el-form-item>
</c-col>
<c-col :span="8">
<el-form-item label="" label-width="15px">
<c-button size="small" type="primary;width:10%">i</c-button>
<c-button size="small" type="primary" @click="onAplpDet">
Details
</c-button>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="货押标识" prop="lidgrp.rec.guaflg">
<c-select v-model="model.lidgrp.rec.guaflg" style="width:100%" placeholder="请选择货押标识">
</c-col>
<c-col :span="24">
<el-form-item label="">
<c-input
type="textarea"
v-model="model.lidgrp.apl.pts.adrblk"
maxlength="35"
:rows="5"
show-word-limit
placeholder="请输入Address Block"
></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="申请人账号" prop="lidgrp.apl.pts.extact">
<c-select
v-model="model.lidgrp.apl.pts.extact"
style="width: 100%"
placeholder="请选择External Account"
>
</c-select>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="info of issure" prop="lidgrp.ben.pts.issbaninf">
<c-input v-model="model.lidgrp.ben.pts.issbaninf" maxlength="40" placeholder="请输入info of issure"></c-input>
</c-col>
<c-col :span="24">
<el-form-item label="申请人开户行" prop="lidgrp.apl.pta.issbchinf">
<c-input
v-model="model.lidgrp.apl.pta.issbchinf"
maxlength="20"
placeholder="请输入申请人开户行"
@keyup.enter.native="
showGridPromptDialog('lidgrp.apl.pta.issbchinf')
"
></c-input>
</el-form-item>
</c-col>
<el-col :span="24">
<el-form-item
label="通知行 参考号"
prop="lidgrp.adv.pts.ref"
>
<c-input
v-model="model.lidgrp.adv.pts.ref"
maxlength="16"
placeholder="请输入通知行 参考号"
></c-input>
</el-form-item>
</el-col>
<c-col :span="16">
<el-form-item label="Extkey" prop="lidgrp.adv.pts.extkey">
<c-input
v-model="model.lidgrp.adv.pts.extkey"
maxlength="16"
placeholder="请输入External Key of Address"
@keyup.enter.native="
showGridPromptDialog('lidgrp.adv.pts.extkey')
"
></c-input>
</el-form-item>
</c-col>
<c-col :span="8">
<el-form-item label="" label-width="12px">
<c-button size="small" type="primary;width:10%">i</c-button>
<c-button size="small" type="primary" @click="onBenpDet">
Details
</c-button>
</el-form-item>
</el-col>
</c-col>
<c-col :span="24">
<el-form-item label="">
<c-input
type="textarea"
v-model="model.lidgrp.adv.pts.adrblk"
maxlength="35"
:rows="5"
show-word-limit
placeholder="请输入Address Block"
></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item
label="受益人 参考号"
prop="lidgrp.ben.pts.ref"
>
<c-input
v-model="model.lidgrp.ben.pts.ref"
maxlength="16"
placeholder="请输入受益人 参考号"
></c-input>
</el-form-item>
</c-col>
<c-col :span="16">
<el-form-item label="Extkey" prop="lidgrp.ben.pts.extkey">
<c-input
v-model="model.lidgrp.ben.pts.extkey"
maxlength="16"
placeholder="请输入External Key of Address"
@keyup.enter.native="
showGridPromptDialog('lidgrp.ben.pts.extkey')
"
></c-input>
</el-form-item>
</c-col>
<c-col :span="8">
<el-form-item label="" label-width="12px">
<c-button size="small" type="primary;width:10%">i</c-button>
<c-button size="small" type="primary" @click="onBenpDet">
Details
</c-button>
</el-form-item>
</c-col>
<el-form-item label="">
<c-input
type="textarea"
v-model="model.lidgrp.ben.pts.adrblk"
maxlength="35"
:rows="5"
show-word-limit
placeholder="请输入Address Block"
></c-input>
</el-form-item>
<c-col :span="24">
<el-form-item label="受益人帐号" prop="lidgrp.ben.pts.extact">
<c-input
v-model="model.lidgrp.ben.pts.extact"
maxlength="34"
placeholder="请输入受益人帐号"
></c-input>
</el-form-item>
</c-col>
<c-col :span="24"> </c-col>
<c-col :span="24">
<el-form-item label="受益人开户行" prop="lidgrp.ben.pts.issbchinf">
<c-input
v-model="model.lidgrp.ben.pts.issbchinf"
maxlength="20"
placeholder="请输入受益人开户行"
@keyup.enter.native="
showGridPromptDialog('lidgrp.ben.pts.issbchinf')
"
></c-input>
</el-form-item>
</c-col>
</c-col>
</c-row>
</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 CodeTable from "~/config/CodeTable";
import Event from "~/model/Ditopn/Event";
export default {
inject: ['root'],
props:["model","codes"],
inject: ["root"],
props: ["model", "codes"],
mixins: [CommonProcess],
data(){
data() {
return {
codeTable: {
lcrtyp: [
{label: "不可撤销可转让", value: '1'},
{label: "不可撤销不可转让", value: '2'},
],
isstyp: [
{label: "WE ISSUE", value: '1'},
{label: "PLEASE ISSUE", value: '2'},
{label: "ISSUE FOR OTHER BANK", value: '3'},
]
}
};
},
methods:{...Event},
created:function(){
methods: {
...Event,
mytypeChange() {
if (this.model.didgrp.rec.mytype == "F") {
this.model.didgrp.rec.tratyp = "";
this.model.didgrp.rec.sdsrfs = "";
this.model.didgrp.rec.shptrs = "";
this.model.didgrp.rec.shpfro = "";
this.model.didgrp.rec.shpto = "";
this.model.didgrp.rec.shppro = "";
}
},
nom1CurEvent() {
const data = Utils.flatObject(this.model);
Api.post(
"ditopn/executeDefault/didgrp.cbs.nom1.cur",
Utils.getRequestDataFn.call(this)
).then((res) => {
if ((res.respCode = "AAAAAA")) {
Utils.copyValueFromVO(this.model, res.data);
}
}
});
},
},
created: function () {},
};
</script>
<style>
</style>
<style></style>
src/views/Business/Ditopn/index.vue
<template>
<div class="eContainer">
<el-form :model="model" :rules="rules" ref="modelForm" label-width="100px" size="small">
<el-form :model="model" :rules="rules" ref="modelForm" label-width="200px" size="small">
<c-tabs v-model="activeName" ref="elment" type="card" @tab-click="tabClick" >
<!--PD000001 -->
<el-tab-pane label="PD000001" name="ovwp">
<el-tab-pane label="内容" name="ovwp">
<m-ovwp :model="model" :codes="codes"/>
</el-tab-pane>
<!--PD000275 -->
<el-tab-pane label="PD000275" name="revp">
<m-revp :model="model" :codes="codes"/>
<el-tab-pane label="明细" name="detp">
<m-detp :model="model" :codes="codes"/>
</el-tab-pane>
<!--PD000342 -->
......@@ -180,8 +180,6 @@ export default {
this.$notify.error({title: '错误',message: '服务请求失败！'});
}
}
}
}
</script>
<style>
</style>
<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