Skip to content

V
vue-gjjs
Commit 4f03fa1a by liushikai
Options

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

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