Skip to content

V
vue-gjjs
Commit 53393b5c by fukai
Options

Merge branch 'master' of http://114.115.138.98:8900/fukai/vue-gjjs

parents 90b7a328 45b6ea4d
Showing with 3664 additions and 1106 deletions
src/views/Business/Ditame/Addbcb.vue
<template>
<div class="eibs-tab">
<el-col :span="12">
<el-form-item label="特殊规定">
<c-select v-model="model.litameadv" style="width:100%" placeholder="请选择特殊规定">
</c-select>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="特殊规定条件">
<c-input type="textarea" v-model="model.ameadvrmk" maxlength="34" show-word-limit placeholder="请输入特殊规定条件" ></c-input>
</el-form-item>
<div class="eibs-tab">
<el-col :span="24">
<el-form-item label="货物/服务名称" prop="godnam">
<c-input
v-model="model.godnam"
maxlength="40"
style="width: 30%"
placeholder="货物服务名称"
></c-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="branch name">
<c-input v-model="model.bchname" maxlength="40" placeholder="请输入branch name"></c-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="ADDRESS">
<c-input v-model="model.issadr" maxlength="40" placeholder="请输入ADDRESS"></c-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="ZIP Code Used when Addressing Postbox">
<c-input v-model="model.pobzip" maxlength="10" placeholder="请输入ZIP Code Used when Addressing Postbox"></c-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="TEL PHONE">
<c-input v-model="model.tel" maxlength="16" placeholder="请输入TEL PHONE"></c-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="FAX">
<c-input v-model="model.fax" maxlength="16" placeholder="请输入FAX"></c-input>
</el-form-item>
</el-col>
</div>
<el-col :span="24">
<el-form-item label="特殊规定" prop="litameadv">
<el-col :span="8">
<c-select
v-model="model.litameadv"
style="width: 70%"
placeholder="请选择特殊规定"
>
<el-option
v-for="item in codes.litameadv"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</c-select>
</el-col>
</el-form-item>
</el-col>
<el-col :span="24">
<el-form-item label="" prop="ameadvrmk" style="width: 60%">
<c-input
:disabled="model.litameadv == '无特殊规定'"
type="textarea"
v-model="model.ameadvrmk"
:autosize="{ minRows: 4, maxRows: 6 }"
maxlength="68"
style="width: 50%"
show-word-limit
></c-input>
</el-form-item>
</el-col>
<el-col :span="24">
<el-form-item label="开证行" prop="bchname" style="width: 65%">
<c-input
v-model="model.bchname"
maxlength="40"
style="width: 50%"
placeholder="请输入branch name"
></c-input>
</el-form-item>
</el-col>
</div>
</template>
<script>
import Api from "~/service/Api"
import CodeTable from "~/config/CodeTable"
import Event from "~/model/Ditame/Event"
import Event from "~/model/Ditopn/Event";
export default {
props:["model","codes"],
data(){
return {
}
props: ["model", "codes"],
data() {
return {};
},
methods:{...Event},
created:function(){
}
}
methods: { ...Event },
created: function () {},
};
</script>
<style>
</style>
src/views/Business/Ditame/Ccvpan.vue
<template>
<div class="eibs-tab">
<!--
<el-col :span="12">
<el-form-item label="应付保证金金额">
<c-input v-model="model.liaall.liaccv.concur" maxlength="3" placeholder="请输入应付保证金金额"></c-input>
</el-form-item>
</el-col>
</el-col>
-->
<el-col :span="12">
<el-form-item label="合同金额" prop="liaall.liaccv.concur">
<el-row :gutter="20">
<!-- <el-col :span="8">-->
<!-- <c-input type="text" :readonly="true" value="CNY"></c-input>-->
<!-- </el-col>-->
<el-col :span="8">
<c-select
v-model="model.liaall.liaccv.concur"
disabled
style="width: 100%"
placeholder="请选择Type of settlement"
>
<el-option
v-for="item in codes.curtxt"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</c-select>
</el-col>
<el-col :span="14">
<c-input
:readonly="true"
v-model="model.liaall.liaccv.newamt"
></c-input>
</el-col>
</el-row>
</el-form-item>
</el-col>
<!--
<el-col :span="12">
<el-form-item label="合同金额">
<c-input v-model="model.liaall.liaccv.newamt" placeholder="请输入合同金额"></c-input>
</el-form-item>
</el-col>
</el-col>
<el-col :span="12">
<el-form-item label="保证金应收比例">
<c-input v-model="model.liaall.liaccv.cshpct" placeholder="请输入保证金应收比例"></c-input>
</el-form-item>
</el-col>
</el-col>
-->
<el-col :span="12">
<el-form-item label="保证金应收比例" prop="liaall.liaccv.cshpct">
<el-row>
<el-col :span="8">
<c-input v-model="model.liaall.liaccv.cshpct"></c-input>
</el-col>
<el-col :span="12" style="margin-left: 20px">
<span>%</span>
</el-col>
</el-row>
</el-form-item>
</el-col>
<!--
<el-col :span="12">
<el-form-item label="Reserved Amount">
<c-input v-model="model.liaall.liaccv.newresamt" placeholder="请输入Reserved Amount"></c-input>
</el-form-item>
</el-col>
</el-col>
-->
<el-col :span="12">
<el-form-item label="Reserved Amount" prop="liaall.liaccv.newresamt">
<el-row :gutter="20">
<!-- <el-col :span="8">-->
<!-- <c-input type="text" :readonly="true" value="CNY"></c-input>-->
<!-- </el-col>-->
<el-col :span="8">
<c-select
v-model="model.liaall.liaccv.concur"
disabled
style="width: 100%"
placeholder="请选择Type of settlement"
>
<el-option
v-for="item in codes.curtxt"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</c-select>
</el-col>
<el-col :span="14">
<c-input
:readonly="true"
v-model="model.liaall.liaccv.newresamt"
></c-input>
</el-col>
</el-row>
</el-form-item>
</el-col>
<!--
<el-col :span="12">
<el-form-item label="保证金实收比例">
<c-input v-model="model.liaall.liaccv.relcshpct" placeholder="请输入保证金实收比例"></c-input>
</el-form-item>
</el-col>
</el-col>
-->
<el-col :span="12">
<el-form-item label="保证金实收比例" prop="liaall.misamt">
<el-row>
<el-col :span="8">
<c-input :readonly="true" v-model="model.liaall.misamt"></c-input>
</el-col>
<el-col :span="12" style="margin-left: 20px">
<span>%</span>
</el-col>
</el-row>
</el-form-item>
</el-col>
<!--
<el-col :span="12">
<c-checkbox v-model="model.liaall.liaccv.gleflg">Create gle flag</c-checkbox>
</el-col>
......@@ -44,9 +135,42 @@
<el-col :span="12">
<c-checkbox v-model="model.liaall.liaccv.chgcurflg">Change currency flag</c-checkbox>
</el-col>
-->
<el-col :span="12">
<el-form-item label="应付保证金金额" prop="liaall.liaccv.concur">
<el-row :gutter="20">
<!-- <el-col :span="8">-->
<!-- <c-input type="text" :readonly="true" value="CNY"></c-input>-->
<!-- </el-col>-->
<el-col :span="8">
<c-select
v-model="model.liaall.liaccv.concur"
disabled
style="width: 100%"
placeholder="请选择Type of settlement"
>
<el-option
v-for="item in codes.curtxt"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</c-select>
</el-col>
<el-col :span="14">
<c-input
:readonly="true"
v-model="model.liaall.liaccv.pctresamt"
></c-input>
</el-col>
</el-row>
</el-form-item>
</el-col>
<!--
<el-col :span="12">
<c-button size="small" type="primary" @click="onLiaccvAdd">
<c-button size="small" type="primary" @click="openMask">
Add
</c-button>
</el-col>
......@@ -56,38 +180,140 @@
Del
</c-button>
</el-col>
<el-col :span="12">
-->
<el-col :span="24" style="text-align: right">
<el-row>
<el-col :span="2" :offset="19">
<c-button
size="small"
type="primary"
@click="onLiaccvAdd"
>
Add
</c-button>
<el-dialog :visible.sync="dialogTableVisible" :close-on-click-modal="false" :close-on-press-escape="false">
<c-istream-table
:list="stmData.data"
:columns="stmData.columns"
>
<el-table-column
prop="op"
label="OP"
width="100">
<template slot-scope="scope">
<a href="javascript:void(0)" @click="pickDepItem(scope.row)">选择</a>
</template>
</el-table-column>
</c-istream-table>
</el-dialog>
</el-col>
<el-col :span="2">
<c-button size="small" icon="el-icon-delete" @click="onLiaccvDel">
Del
</c-button>
</el-col>
</el-row>
</el-col>
<el-col :span="24"><div style="height:10px"></div></el-col>
<el-col :span="22" :offset="1">
<c-table :border="true" :list="model.liaall.liaccv.liaccvg" style="width:80%,text-align:center">
<el-table-column prop="ccdflg" label="CFO" width="auto"> </el-table-column>
<el-table-column prop="ownref" label="保证金编号" width="auto"> </el-table-column>
<el-table-column prop="cur" label="币种" width="auto"> </el-table-column>
<el-table-column prop="oldamt" label="余额" width="auto"> </el-table-column>
<el-table-column prop="amt" label="变动金额" width="auto"> </el-table-column>
<el-table-column prop="acc" label="保证金账号" width="auto"> </el-table-column>
<el-table-column prop="rat" label="汇率" width="auto"> </el-table-column>
<el-table-column prop="concur" label="币种" width="auto"> </el-table-column>
<el-table-column prop="covamt" label="折算后金额" width="auto"> </el-table-column>
</c-table>
</el-col>
<!-- <el-col :span="12">
<el-form-item label="Amount Covered">
<el-row>
<el-col :span="8">
<c-select
v-model="model.liaall.liaccv.concur"
disabled
style="width: 100%"
placeholder="请选择Type of settlement"
>
<el-option
v-for="item in codes.curtxt"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</c-select>
</el-col>
<el-col :span="14">
<c-input
v-model="model.liaall.liaccv.totcovamt"
:readonly="true"
></c-input>
</el-col>
</el-row>
</el-form-item>
</el-col> -->
<el-col :span="24">
<el-form-item label="金额总和">
<c-input v-model="model.liaall.liaccv.totcovamt" placeholder="请输入金额总和"></c-input>
<el-col :span="8">
<c-input style="width:50%" v-model="model.liaall.liaccv.totcovamt" placeholder="请输入金额总和"></c-input>
</el-col>
</el-form-item>
</el-col>
</el-col>
<el-col :span="12">
<el-form-item label="Additional Information ">
<c-input type="textarea" v-model="model.liaall.liaccv.addinf" maxlength="70" show-word-limit placeholder="请输入Additional Information " ></c-input>
<c-input type="textarea" rows="5" v-model="model.liaall.liaccv.addinf" maxlength="200" show-word-limit placeholder="请输入Additional Information " ></c-input>
</el-form-item>
</el-col>
</div>
</template>
<script>
import Api from "~/service/Api"
import CodeTable from "~/config/CodeTable"
import Event from "~/model/Ditame/Event"
import Api from "~/service/Api";
import CodeTable from "~/config/CodeTable";
import Event from "~/model/Ditopn/Event";
export default {
props:["model","codes"],
data(){
return {
}
},
methods:{...Event},
created:function(){
}
}
props: ["model", "codes"],
data() {
return {
dialogTableVisible: false,
stmData: {
columns: [
'1 1:1 "Ref." 120',
'2 2:1 "User" 80',
'3 3:1 "Applicant" 196',
'4 4:1 "Account" 120',
'5 5:1 "Cur" 50',
'6 6:1 "Amount" 80 2 0 1 18.3',
'7 7:1 "Open date" 80 4 7',
'8 8:1 "flg" 40',
'9 9:1 "Remarks" 180',
"P COLORED TRUE",
"P VERTLINES TRUE",
"P HORZLINES TRUE",
"P MULTISELECT FALSE",
"P COLUMNSIZING TRUE",
],
data: [],
},
relrowDisabled: true,
};
},
methods: { ...Event },
created: function () {},
};
</script>
<style>
</style>
src/views/Business/Ditame/Coninfp.vue
<template>
<div class="eibs-tab">
<el-col :span="12">
<span v-text="model.mtabut.coninf.oitinf.labinftxt" data-path=".mtabut.coninf.oitinf.labinftxt" > </span>
</el-col>
<el-col :span="12">
<el-form-item label="Infotext">
<c-input type="textarea" v-model="model.mtabut.coninf.oitinf.oit.inftxt" maxlength="60" show-word-limit placeholder="请输入Infotext" ></c-input>
</el-form-item>
<el-row>
<el-col :span="24">
<el-col :span="12">
<el-form-item
style="height=200px;"
label="General"
prop="mtabut.coninf.oitinf.oit.inftxt"
>
<c-input
type="textarea"
v-model="model.mtabut.coninf.oitinf.oit.inftxt"
maxlength="60"
:autosize="{ minRows: 4, maxRows: 6 }"
show-word-limit
placeholder="请输入Infotext"
></c-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item
label="Display Type"
prop="mtabut.coninf.oitinf.oit.inflev"
>
<c-select
v-model="model.mtabut.coninf.oitinf.oit.inflev"
style="width: 50%"
disabled
placeholder="请选择Infotext Level"
>
<el-option
v-for="item in codes.inflev"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</c-select>
</el-form-item>
</el-col>
</el-col>
<el-col :span="24">
<el-col :span="12">
<el-form-item
label="Settlement"
prop="mtabut.coninf.oitset.oit.inftxt"
>
<c-input
type="textarea"
v-model="model.mtabut.coninf.oitset.oit.inftxt"
maxlength="60"
:autosize="{ minRows: 4, maxRows: 6 }"
show-word-limit
placeholder="请输入Infotext"
></c-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item
label="Display Type"
prop="mtabut.coninf.oitset.oit.inflev"
>
<c-select
v-model="model.mtabut.coninf.oitset.oit.inflev"
style="width: 50%"
disabled
placeholder="请选择Infotext Level"
>
<el-option
v-for="item in codes.inflev"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</c-select>
</el-form-item>
</el-col>
</el-col>
<el-col :span="12">
<el-form-item label="执行日期" prop="mtabut.coninf.conexedat">
<el-date-picker
type="date"
v-model="model.mtabut.coninf.conexedat"
style="width: 40%"
placeholder="请选择执行日期"
></el-date-picker>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="Infotext Level">
<c-select v-model="model.mtabut.coninf.oitinf.oit.inflev" style="width:100%" placeholder="请选择Infotext Level">
</c-select>
</el-form-item>
</el-col>
<el-col :span="12">
<span v-text="model.mtabut.coninf.oitset.labinftxt" data-path=".mtabut.coninf.oitset.labinftxt" > </span>
</el-col>
<el-col :span="12">
<el-form-item label="Infotext">
<c-input type="textarea" v-model="model.mtabut.coninf.oitset.oit.inftxt" maxlength="60" show-word-limit placeholder="请输入Infotext" ></c-input>
</el-form-item>
<el-col :span="12">
<el-form-item
label="Send for Release to"
prop="mtabut.coninf.usr.extkey"
>
<c-input
v-model="model.mtabut.coninf.usr.extkey"
maxlength="8"
style="width: 40%"
disabled="disabled"
placeholder="请输入User ID"
></c-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="Infotext Level">
<c-select v-model="model.mtabut.coninf.oitset.oit.inflev" style="width:100%" placeholder="请选择Infotext Level">
</c-select>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="执行日期">
<c-date-picker type="date" v-model="model.mtabut.coninf.conexedat" style="width:100%" placeholder="请选择执行日期"></c-date-picker>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="User ID">
<c-input v-model="model.mtabut.coninf.usr.extkey" maxlength="8" placeholder="请输入User ID"></c-input>
</el-form-item>
</el-col>
</div>
</el-row>
</template>
<script>
import Api from "~/service/Api"
import CodeTable from "~/config/CodeTable"
import Event from "~/model/Ditame/Event"
import Event from "~/model/Ditopn/Event";
export default {
props:["model","codes"],
data(){
return {
}
props: ["model", "codes"],
data() {
return {};
},
methods:{...Event},
created:function(){
}
}
methods: { ...Event },
created: function () {},
};
</script>
<style>
</style>
src/views/Business/Ditame/Detp.vue
<template>
<div class="eibs-tab">
<el-col :span="12">
<span v-text="model.ditp.fenzhu" data-path=".ditp.fenzhu" > </span>
</el-col>
<el-col :span="12">
<el-form-item label="Available by">
<c-select v-model="model.didgrp.rec.avbby" style="width:100%" placeholder="请选择Available by">
</c-select>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="Partial Shipment">
<c-select v-model="model.didgrp.rec.shppar" style="width:100%" placeholder="请选择Partial Shipment">
</c-select>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="Maximum tenor in days">
<c-input v-model="model.didgrp.rec.tenmaxday" placeholder="请输入Maximum tenor in days"></c-input>
</el-form-item>
</el-col>
<el-col :span="12">
<c-button size="small" type="primary" icon="el-icon-search" @click="onDefdetButtxmsel">
...
</c-button>
</el-col>
<el-col :span="12">
<el-form-item label="分期装运/提供服务">
<c-select v-model="model.didgrp.rec.fqzytgfw" style="width:100%" placeholder="请选择分期装运/提供服务">
</c-select>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="Deferred Payment Details">
<c-input type="textarea" v-model="model.didgrp.blk.defdet" maxlength="35" show-word-limit placeholder="请输入Deferred Payment Details" ></c-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="分期时镧表">
<c-input type="textarea" v-model="model.didgrp.rec.fqtime" 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="Presentation Period">
<c-input type="textarea" v-model="model.didgrp.blk.preper" maxlength="35" show-word-limit placeholder="请输入Presentation Period" ></c-input>
</el-form-item>
<div class="eibs-tab">
<!-- ========================= Left ========================= -->
<el-col :span="11">
<el-form-item label="信用证兑付方式" prop="didgrp.rec.avbby">
<c-select v-model="model.didgrp.rec.avbby" style="width:100%" @change="avbbykeyEvent" placeholder="请选择">
<el-option v-for="item in codes.avbby0" :key="item.value" :label="item.label" :value="item.value">
</el-option>
</c-select>
</el-form-item>
<el-form-item label="付款期限" prop="didgrp.rec.tenmaxday" @keyup.enter.native="recTenmaxdayEvent">
<c-input :disabled="model.didgrp.rec.avbby == 'P'" v-model.number="model.didgrp.rec.tenmaxday" placeholder="请输入" style="width:15%" maxlength="3"></c-input>
</el-form-item>
<el-form-item label="远期付款指示" prop="didgrp.blk.defdet">
<c-input type="textarea" :disabled="model.didgrp.rec.avbby == 'P'" v-model="model.didgrp.blk.defdet" style="width:75%;margin-right:20px;" maxlength="140" show-word-limit placeholder="请输入" :autosize="{ minRows: 3,maxRows:5}"></c-input>
<c-button size="medium" type="primary" icon="el-icon-search" @click="onDefdetButtxmsel">
</c-button>
</el-form-item>
<el-form-item label="交单期限" prop="didgrp.blk.preper">
<c-input type="textarea" v-model="model.didgrp.blk.preper" :disabled="this.flag" style="width:75%;margin-right:20px;" maxlength="105" show-word-limit placeholder="请输入"></c-input>
<c-button size="medium" type="primary" icon="el-icon-search" @click="onPreperButtxmsel">
</c-button>
</el-form-item>
<el-form-item label="" prop="didgrp.blk.preperflg">
<c-checkbox v-model="model.didgrp.blk.preperflg" :click="preperflgExtkeyEvent()">修改交单期限文本</c-checkbox>
</el-form-item>
<el-form-item label="货物运输或交货方式/服务方式" prop="didgrp.rec.tratyp">
<c-select v-model="model.didgrp.rec.tratyp" style="width:50%" placeholder="请选择" @change="recTratypChange" :disabled="model.didgrp.rec.mytype == 'F'">
<el-option v-for="item in codes.tratyp" :key="item.value" :label="item.label"
:value="item.value">
</el-option>
</c-select>
</el-form-item>
<el-form-item v-if="model.didgrp.rec.mytype == 'H'" label="手输运输方式" prop="didgrp.rec.sdsrfs">
<c-input type="textarea" v-model="model.didgrp.rec.sdsrfs" :disabled="this.mytypeFlag" maxlength="140" show-word-limit placeholder="请输入"></c-input>
</el-form-item>
<el-form-item v-if="model.didgrp.rec.mytype == 'F'" label="服务提供方式" prop="didgrp.rec.sdsrfs">
<c-input type="textarea" v-model="model.didgrp.rec.sdsrfs" maxlength="140" show-word-limit placeholder="请输入"></c-input>
</el-form-item>
<el-form-item v-if="model.didgrp.rec.mytype == '3'" label="手输运输方式/服务提供方式" prop="didgrp.rec.sdsrfs">
<c-input type="textarea" v-model="model.didgrp.rec.sdsrfs" :disabled="this.mytypeFlag" maxlength="140" show-word-limit placeholder="请输入"></c-input>
</el-form-item>
<el-form-item label="合同编号" prop="didgrp.rec.conno">
<c-input v-model="model.didgrp.rec.conno" maxlength="35" placeholder="请输入"></c-input>
</el-form-item>
<el-form-item label="合同金额" prop="didgrp.rec.conamt">
<el-col :span="10">
<c-select v-model="model.didgrp.rec.concur" style="width:90%" placeholder="请选择">
<el-option label="CNY 人民币" value="CNY"></el-option>
</c-select>
</el-col>
<el-col :span="14">
<c-input v-model="model.didgrp.rec.conamt" placeholder="请输入"></c-input>
</el-col>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="Transshipment">
<c-select v-model="model.didgrp.rec.shptrs" style="width:100%" placeholder="请选择Transshipment">
</c-select>
</el-form-item>
</el-col>
<el-col :span="12">
<span v-text="model.ditp.hwzydi" data-path=".ditp.hwzydi" > </span>
</el-col>
<el-col :span="12">
<c-checkbox v-model="model.didgrp.blk.preperflg">Presentation Period modified</c-checkbox>
</el-col>
<el-col :span="12">
<el-form-item label="Shipment from">
<c-input type="textarea" v-model="model.didgrp.rec.shpfro" maxlength="35" show-word-limit placeholder="请输入Shipment from" ></c-input>
</el-form-item>
<!-- ========================= Right ========================= -->
<el-col :span="11" :offset="1">
<el-form-item label="分批装运货物" prop="didgrp.rec.shppar">
<c-select v-model="model.didgrp.rec.shppar" style="width:50%" placeholder="请选择">
<el-option v-for="item in codes.shppar" :key="item.value" :label="item.label" :value="item.value">
</el-option>
</c-select>
</el-form-item>
<el-form-item label="分期装运/提供服务" prop="didgrp.rec.fqzytgfw">
<c-input v-model="model.didgrp.rec.fqzytgfw" placeholder="请输入" :disabled="model.didgrp.rec.shppar == 'N'" style="width:100%"></c-input>
</el-form-item>
<el-form-item label="分期装运/提供服务约定" prop="didgrp.rec.fqtime">
<c-input type="textarea" :rows="3" v-model="model.didgrp.rec.fqtime" maxlength="140" show-word-limit placeholder="请输入" style="width:100%"></c-input>
</el-form-item>
<el-form-item label="转运" prop="didgrp.rec.shptrs">
<c-select v-model="model.didgrp.rec.shptrs" style="width:50%" placeholder="请选择" :disabled="model.didgrp.rec.mytype == 'F'">
<el-option label="不允许" value="禁止"></el-option>
<el-option label="允许" value="允许"></el-option>
</c-select>
</el-form-item>
<el-form-item label="货物转运地(港)" prop="didgrp.rec.shpfro">
<c-input type="textarea" style="width:100%" :rows="3" v-model="model.didgrp.rec.shpfro" :disabled="model.didgrp.rec.mytype == 'F'" maxlength="35" show-word-limit placeholder="请输入"></c-input>
</el-form-item>
<el-form-item label="货物目的地/交货地(港)" prop="didgrp.rec.shpto">
<c-input type="textarea" style="width:100%" :rows="3" v-model="model.didgrp.rec.shpto" :disabled="model.didgrp.rec.mytype == 'F'" maxlength="35" show-word-limit placeholder="请输入"></c-input>
</el-form-item>
<el-form-item label="服务提供地点" prop="didgrp.rec.shppro">
<c-input type="textarea" style="width:100%" :rows="3" v-model="model.didgrp.rec.shppro" :disabled="model.didgrp.rec.mytype == 'H'" maxlength="35" show-word-limit placeholder="请输入"></c-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="运输方式">
<c-select v-model="model.didgrp.rec.tratyp" style="width:100%" placeholder="请选择运输方式">
</c-select>
</el-form-item>
</el-col>
<el-col :span="12">
<!-- <el-col :span="12">
<el-form-item label="合同币种" prop="didgrp.rec.concur">
<c-select v-model="model.didgrp.rec.concur" style="width:100%" placeholder="请选择">
<el-option label="CNY 人民币" value="CNY"></el-option>
</c-select>
</el-form-item>
</el-col> -->
<!-- <el-col :span="12">
<span v-text="model.ditp.sdysfs" data-path=".ditp.sdysfs" > </span>
</el-col>
<el-col :span="12">
<el-form-item label="输入运输方式">
<c-input type="textarea" v-model="model.didgrp.rec.sdsrfs" maxlength="35" show-word-limit placeholder="请输入输入运输方式" ></c-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="For Transportation to">
<c-input type="textarea" v-model="model.didgrp.rec.shpto" maxlength="35" show-word-limit placeholder="请输入For Transportation to" ></c-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="合同编号">
<c-input v-model="model.didgrp.rec.conno" maxlength="35" placeholder="请输入合同编号"></c-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="服务提供地点">
<c-input type="textarea" v-model="model.didgrp.rec.shppro" maxlength="35" show-word-limit placeholder="请输入服务提供地点" ></c-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="合同币种">
<c-select v-model="model.didgrp.rec.concur" style="width:100%" placeholder="请选择合同币种">
</c-select>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="合同金额">
<c-input v-model="model.didgrp.rec.conamt" placeholder="请输入合同金额"></c-input>
</el-form-item>
</el-col>
</div>
<el-col :span="12">
<span v-text="model.ditp.hwzydi" data-path=".ditp.hwzydi" > </span>
</el-col> -->
</div>
</template>
<script>
import Api from "~/service/Api"
import CodeTable from "~/config/CodeTable"
import Event from "~/model/Ditame/Event"
import Event from "~/model/Ditopn/Event"
import Utils from "~/utils";
export default {
props:["model","codes"],
data(){
return {
flag:false,
mytypeFlag:true,
}
},
methods:{...Event},
methods:{...Event,
preperflgExtkeyEvent(){
this.flag = !this.model.didgrp.blk.preperflg
if (this.flag === true){
this.model.didgrp.blk.preper = "货物装运日后15天";
}
},
avbbykeyEvent(){
if(this.model.didgrp.rec.avbby == 'P'){
this.model.didgrp.rec.tenmaxday = 0;
this.model.didgrp.blk.defdet = "";
}
const arg = Utils.getRequestDataFn.call(this);
Api.post("ditopn/executeCheck/didgrp.rec.avbby", arg).then(
(res) => {
if (res.respCode == "AAAAAA"){
Utils.copyValueFromVO(this.model, res.data);
}
}
);
},
recTenmaxdayEvent(){
const arg = Utils.getRequestDataFn.call(this);
Api.post("ditopn/executeDefault/didgrp.rec.tenmaxday", arg).then(
(res) => {
if (res.respCode = "AAAAAA"){
Utils.copyValueFromVO(this.model, res.data);
}
}
);
},
recTratypChange(){
if (this.model.didgrp.rec.tratyp == "08"){
this.model.didgrp.rec.sdsrfs = "";
this.mytypeFlag = false;
}else{
this.model.didgrp.rec.sdsrfs = "";
this.mytypeFlag = true;
}
}
},
created:function(){
}
}
</script>
<style>
</style>
src/views/Business/Ditame/Detp1.vue
<template>
<div class="eibs-tab">
<el-col :span="12">
<el-form-item label="通知行编号">
<c-input v-model="model.didgrp.rec.tzref" maxlength="35" placeholder="请输入通知行编号"></c-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="External Key of Address">
<c-input v-model="model.didgrp.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="External Key of Address">
<c-input v-model="model.didgrp.iss.pts.extkey" maxlength="16" placeholder="请输入External Key of Address"></c-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="Number of bank">
<c-input v-model="model.didgrp.adv.pts.bankno" maxlength="20" placeholder="请输入Number of bank"></c-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="Number of bank">
<c-input v-model="model.didgrp.iss.pts.bankno" maxlength="20" placeholder="请输入Number of bank"></c-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="联行名称 电证用">
<c-input type="textarea" v-model="model.didgrp.adv.pts.jigomc" maxlength="35" show-word-limit placeholder="请输入联行名称 电证用" ></c-input>
</el-form-item>
<div class="eibs-tab">
<!-- <el-row> -->
<el-col :span="24">
<el-col :span="11">
<el-form-item label="参考号" prop="didgrp.rec.tzref">
<c-input
v-model="model.didgrp.rec.tzref"
maxlength="35"
placeholder="请输入通知行编号"
></c-input>
</el-form-item>
</el-col>
</el-col>
<el-col :span="12">
<el-form-item label="联行名称 电证用">
<c-input type="textarea" v-model="model.didgrp.iss.pts.jigomc" maxlength="35" show-word-limit placeholder="请输入联行名称 电证用" ></c-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="地址 电证用">
<c-input type="textarea" v-model="model.didgrp.adv.pts.dizhii" maxlength="35" show-word-limit placeholder="请输入地址 电证用" ></c-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="地址 电证用">
<c-input type="textarea" v-model="model.didgrp.iss.pts.dizhii" maxlength="35" show-word-limit placeholder="请输入地址 电证用" ></c-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="邮编 电证用">
<c-input v-model="model.didgrp.adv.pts.youzbm" maxlength="6" placeholder="请输入邮编 电证用"></c-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="邮编">
<c-input v-model="model.didgrp.adv.pts.dihdig" maxlength="16" placeholder="请输入邮编"></c-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="邮编 电证用">
<c-input v-model="model.didgrp.iss.pts.youzbm" maxlength="6" placeholder="请输入邮编 电证用"></c-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="邮编">
<c-input v-model="model.didgrp.iss.pts.dihdig" maxlength="16" placeholder="请输入邮编"></c-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="是否可议付">
<c-select v-model="model.didgrp.rec.fenctg" style="width:100%" placeholder="请选择是否可议付">
</c-select>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="是否可保兑">
<c-select v-model="model.didgrp.rec.bdflg" style="width:100%" placeholder="请选择是否可保兑">
</c-select>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="指定的有关银行 ">
<c-select v-model="model.didgrp.rec.avbwth" style="width:100%" placeholder="请选择指定的有关银行 ">
</c-select>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="Number of bank">
<c-input v-model="model.didgrp.rmb.pts.bankno" maxlength="20" placeholder="请输入Number of bank"></c-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="联行名称 电证用">
<c-input type="textarea" v-model="model.didgrp.rmb.pts.jigomc" maxlength="35" show-word-limit placeholder="请输入联行名称 电证用" ></c-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="Number of bank">
<c-input v-model="model.didgrp.avb.pts.bankno" maxlength="20" placeholder="请输入Number of bank"></c-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="联行名称 电证用">
<c-input type="textarea" v-model="model.didgrp.avb.pts.jigomc" maxlength="35" show-word-limit placeholder="请输入联行名称 电证用" ></c-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="地址 电证用">
<c-input type="textarea" v-model="model.didgrp.rmb.pts.dizhii" maxlength="35" show-word-limit placeholder="请输入地址 电证用" ></c-input>
</el-form-item>
<!-- =========================通知行========================= -->
<el-col :span="11">
<el-form-item label="通知行BIC" prop="didgrp.adv.pts.extkey">
<c-input
v-model="model.didgrp.adv.pts.extkey"
maxlength="16"
placeholder="请输入External Key of Address"
@keyup.enter.native="advPtsExtkeyEvent"
></c-input>
</el-form-item>
<el-form-item label="通知行联行行号" prop="didgrp.adv.pts.bankno">
<c-input
v-model="model.didgrp.adv.pts.bankno"
maxlength="20"
placeholder="请输入Number of bank"
@keyup.enter.native="advPtsBanknoEvent"
></c-input>
</el-form-item>
<el-form-item label="通知行联行名称" prop="didgrp.adv.pts.jigomc">
<c-input
disabled
type="textarea"
v-model="model.didgrp.adv.pts.jigomc"
maxlength="35"
show-word-limit
placeholder="请输入联行名称 电证用"
></c-input>
</el-form-item>
<el-form-item label="通知行地址" prop="didgrp.adv.pts.dizhii">
<c-input
disabled
type="textarea"
v-model="model.didgrp.adv.pts.dizhii"
maxlength="35"
show-word-limit
placeholder="请输入地址 电证用"
></c-input>
</el-form-item>
<el-col :span="12">
<el-form-item label="通知行邮编" prop="didgrp.adv.pts.youzbm">
<c-input
disabled
v-model="model.didgrp.adv.pts.youzbm"
maxlength="6"
placeholder="请输入邮编 电证用"
></c-input>
</el-form-item> </el-col
><el-col :span="12">
<el-form-item label="通知行电话" prop="didgrp.adv.pts.dihdig" label-width="100px">
<c-input
disabled
v-model="model.didgrp.adv.pts.dihdig"
maxlength="16"
placeholder="请输入电话"
></c-input>
</el-form-item>
</el-col>
</el-col>
<el-col :span="12">
<el-form-item label="地址 电证用">
<c-input type="textarea" v-model="model.didgrp.avb.pts.dizhii" maxlength="35" show-word-limit placeholder="请输入地址 电证用" ></c-input>
</el-form-item>
<!-- =========================开证行========================= -->
<el-col :span="11" :offset="1">
<el-form-item label="开证行BIC" prop="didgrp.iss.pts.extkey">
<c-input
v-model="model.didgrp.iss.pts.extkey"
maxlength="16"
placeholder="请输入External Key of Address"
@keyup.enter.native="issPtsExtkeyEvent"
></c-input>
</el-form-item>
<el-form-item label="开证行联行行号" prop="didgrp.iss.pts.bankno">
<c-input
disabled
v-model="model.didgrp.iss.pts.bankno"
maxlength="20"
placeholder="请输入Number of bank"
></c-input>
</el-form-item>
<el-form-item label="开证行联行名称" prop="didgrp.iss.pts.jigomc">
<c-input
disabled
type="textarea"
v-model="model.didgrp.iss.pts.jigomc"
maxlength="35"
show-word-limit
placeholder="请输入联行名称 电证用"
></c-input>
</el-form-item>
<el-form-item label="开证行地址" prop="didgrp.iss.pts.dizhii">
<c-input
disabled
type="textarea"
v-model="model.didgrp.iss.pts.dizhii"
maxlength="35"
show-word-limit
placeholder="请输入地址 电证用"
></c-input>
</el-form-item>
<el-col :span="12">
<el-form-item label="开证行邮编" prop="didgrp.iss.pts.youzbm">
<c-input
disabled
v-model="model.didgrp.iss.pts.youzbm"
maxlength="6"
placeholder="请输入邮编 电证用"
></c-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="开证行电话" prop="didgrp.iss.pts.dihdig" label-width="100px" >
<c-input
disabled
v-model="model.didgrp.iss.pts.dihdig"
maxlength="16"
placeholder="请输入电话"
></c-input>
</el-form-item>
</el-col>
</el-col>
<el-col :span="12">
<el-form-item label="Number of bank">
<c-input v-model="model.didgrp.apc.pts.bankno" maxlength="20" placeholder="请输入Number of bank"></c-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="Form of Documentary Credit">
<c-select v-model="model.didgrp.rec.lcrtyp" style="width:100%" placeholder="请选择Form of Documentary Credit">
</c-select>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="联行名称 电证用">
<c-input type="textarea" v-model="model.didgrp.apc.pts.jigomc" maxlength="35" show-word-limit placeholder="请输入联行名称 电证用" ></c-input>
</el-form-item>
<!-- ============= 议付行 ========================= -->
<el-col :span="11">
<el-form-item label="是否可议付" prop="didgrp.rec.fenctg">
<c-select
v-model="model.didgrp.rec.fenctg"
style="width: 50%"
placeholder="请选择是否可议付"
>
<el-option
v-for="item in codes.fenctg"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</c-select>
</el-form-item>
<el-form-item label="指定的有关银行 " prop="didgrp.rec.avbwth">
<c-select
:disabled="model.didgrp.rec.fenctg != 'Y'"
v-model="model.didgrp.rec.avbwth"
style="width: 100%"
placeholder="请选择指定的有关银行"
>
<el-option
v-for="item in codes.avbwth"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</c-select>
</el-form-item>
<el-form-item label="议付行联行行号" prop="didgrp.avb.pts.bankno">
<c-input
:disabled="model.didgrp.rec.fenctg != 'Y'"
v-model="model.didgrp.avb.pts.bankno"
maxlength="20"
placeholder="请输入Number of bank"
@keyup.enter.native="avbPtsBanknoEvent"
></c-input>
</el-form-item>
<el-form-item label="议付行名称" prop="didgrp.avb.pts.jigomc">
<c-input
disabled
type="textarea"
v-model="model.didgrp.avb.pts.jigomc"
maxlength="35"
show-word-limit
placeholder="请输入联行名称 电证用"
></c-input>
</el-form-item>
<el-form-item label="议付行地址" prop="didgrp.avb.pts.dizhii">
<c-input
:disabled="model.didgrp.rec.fenctg != 'Y'"
type="textarea"
v-model="model.didgrp.avb.pts.dizhii"
maxlength="35"
show-word-limit
placeholder="请输入地址 电证用"
></c-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="Number of bank">
<c-input v-model="model.didgrp.cmb.pts.bankno" maxlength="20" placeholder="请输入Number of bank"></c-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="地址 电证用">
<c-input type="textarea" v-model="model.didgrp.apc.pts.dizhii" maxlength="35" show-word-limit placeholder="请输入地址 电证用" ></c-input>
</el-form-item>
<!-- =========================保兑行========================= -->
<el-col :span="11" :offset="1">
<el-form-item label="是否可保兑" prop="didgrp.rec.bdflg">
<c-select
v-model="model.didgrp.rec.bdflg"
style="width: 50%"
placeholder="请选择是否可保兑"
>
<el-option
v-for="item in codes.bdflg"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</c-select>
</el-form-item>
<el-form-item label="保兑行联行行号" prop="didgrp.rmb.pts.bankno">
<c-input
:disabled="model.didgrp.rec.bdflg != 'Y'"
v-model="model.didgrp.rmb.pts.bankno"
maxlength="20"
placeholder="请输入Number of bank"
@keyup.enter.native="rmbPtsBanknoEvent"
></c-input>
</el-form-item>
<el-form-item label="保兑行名称" prop="didgrp.rmb.pts.jigomc">
<c-input
disabled
type="textarea"
v-model="model.didgrp.rmb.pts.jigomc"
maxlength="35"
show-word-limit
placeholder="请输入联行名称 电证用"
></c-input>
</el-form-item>
<el-form-item label="保兑行地址" prop="didgrp.rmb.pts.dizhii">
<c-input
:disabled="model.didgrp.rec.bdflg != 'Y'"
type="textarea"
v-model="model.didgrp.rmb.pts.dizhii"
maxlength="35"
show-word-limit
placeholder="请输入地址 电证用"
></c-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="联行名称 电证用">
<c-input type="textarea" v-model="model.didgrp.cmb.pts.jigomc" maxlength="35" show-word-limit placeholder="请输入联行名称 电证用" ></c-input>
</el-form-item>
<el-col :span="24">&nbsp;</el-col>
<!-- ========================转让行 ======================== -->
<el-col :span="11">
<el-form-item label="是否可以转让" prop="didgrp.rec.lcrtyp">
<c-select
v-model="model.didgrp.rec.lcrtyp"
style="width: 50%"
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>
<!-- </el-row> -->
<el-form-item label="转让行联行行号" prop="didgrp.cmb.pts.bankno">
<c-input
:disabled="model.didgrp.rec.lcrtyp != 'IT'"
v-model="model.didgrp.cmb.pts.bankno"
maxlength="20"
placeholder="请输入Number of bank"
@keyup.enter.native="cmbPtsBanknoEvent"
></c-input>
</el-form-item>
<el-form-item label="转让行名称" prop="didgrp.cmb.pts.jigomc">
<c-input
disabled
type="textarea"
v-model="model.didgrp.cmb.pts.jigomc"
show-word-limit
placeholder="请输入联行名称 电证用"
></c-input>
</el-form-item>
<el-form-item label="转让行地址" prop="didgrp.cmb.pts.dizhii">
<c-input
:disabled="model.didgrp.rec.lcrtyp != 'IT'"
type="textarea"
v-model="model.didgrp.cmb.pts.dizhii"
maxlength="35"
show-word-limit
placeholder="请输入地址 电证用"
></c-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="邮编 电证用">
<c-input v-model="model.didgrp.apc.pts.youzbm" maxlength="6" placeholder="请输入邮编 电证用"></c-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="邮编">
<c-input v-model="model.didgrp.apc.pts.dihdig" maxlength="16" placeholder="请输入邮编"></c-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="地址 电证用">
<c-input type="textarea" v-model="model.didgrp.cmb.pts.dizhii" maxlength="35" show-word-limit placeholder="请输入地址 电证用" ></c-input>
</el-form-item>
<!-- ========================申请行 ======================== -->
<el-col :span="11" :offset="1">
<el-form-item label="申请行联行行号" prop="didgrp.apc.pts.bankno">
<c-input
v-model="model.didgrp.apc.pts.bankno"
maxlength="20"
placeholder="请输入Number of bank"
@keyup.enter.native="apcPtsBanknoEvent"
></c-input>
</el-form-item>
<el-form-item label="申请行名称" prop="didgrp.apc.pts.jigomc">
<c-input
disabled
type="textarea"
v-model="model.didgrp.apc.pts.jigomc"
maxlength="35"
show-word-limit
placeholder="请输入联行名称 电证用"
></c-input>
</el-form-item>
<el-form-item label="申请行地址" prop="didgrp.apc.pts.dizhii">
<c-input
type="textarea"
v-model="model.didgrp.apc.pts.dizhii"
maxlength="35"
show-word-limit
placeholder="请输入地址 电证用"
></c-input> </el-form-item
> <el-col :span="12">
<el-form-item label="申请人邮编" prop="didgrp.apc.pts.youzbm">
<c-input
v-model="model.didgrp.apc.pts.youzbm"
maxlength="6"
placeholder="请输入邮编 电证用"
></c-input>
</el-form-item>
</el-col><el-col :span="12">
<el-form-item label="申请人电话" prop="didgrp.apc.pts.dihdig" label-width="100px">
<c-input
v-model="model.didgrp.apc.pts.dihdig"
maxlength="16"
show-word-limit
placeholder="请输入电话 电证用"
></c-input>
</el-form-item>
</el-col>
</el-col>
</div>
<c-grid-ety-prompt-dialog ref="etyDialog"
:title="gridPromptDialog.title"
:columnStr="gridPromptDialog.columnStr"
:data="gridPromptDialog.data"
:type="gridPromptDialog.type"
:rulePath="gridPromptDialog.rulePath"
v-on:select-ety="selectEty"
>
</c-grid-ety-prompt-dialog>
</div>
</template>
<script>
import Api from "~/service/Api"
import CodeTable from "~/config/CodeTable"
import Event from "~/model/Ditame/Event"
import Api from "~/service/Api";
import Event from "~/model/Ditopn/Event";
import Utils from "~/utils";
export default {
props:["model","codes"],
data(){
props: ["model", "codes"],
data() {
return {
}
gridPromptDialog: {
title: '',
columnStr: '',
data: [],
type: '',
rulePath: ''
}
};
},
methods:{...Event},
created:function(){
}
}
methods: {
/**
* 通知行 extkey
*/
advPtsExtkeyEvent() {
Api.post("ditopn/executeRule/didgrp.adv.pts.extkey", Utils.getRequestDataFn.call(this)).then(
(res) => {
if (res.respCode = "AAAAAA"){
if (res.data.params) {
Utils.copyValueFromVO(this.model, res.data);
} else {
this.$refs.etyDialog.show = true
this.gridPromptDialog.title = res.data.title
this.gridPromptDialog.columnStr = res.data.columns
this.gridPromptDialog.data = res.data.vals.rows
this.gridPromptDialog.type = 'extkey'
this.gridPromptDialog.rulePath = 'didgrp.adv.pts.extkey'
}
}
}
);
},
/**
* 通知行
*/
advPtsBanknoEvent() {
Api.post("ditopn/executeRule/didgrp.adv.pts.bankno", Utils.getRequestDataFn.call(this)).then(
(res) => {
if (res.respCode = "AAAAAA"){
if (res.data.params) {
Utils.copyValueFromVO(this.model, res.data);
} else {
this.$refs.etyDialog.show = true
this.gridPromptDialog.title = res.data.title
this.gridPromptDialog.columnStr = res.data.columns
this.gridPromptDialog.data = res.data.vals.rows
this.gridPromptDialog.type = 'bankno'
this.gridPromptDialog.rulePath = 'didgrp.adv.pts.bankno'
}
}
}
);
},
/**
* 开证行 extkey
*/
issPtsExtkeyEvent() {
Api.post("ditopn/executeRule/didgrp.iss.pts.extkey", Utils.getRequestDataFn.call(this)).then(
(res) => {
if (res.respCode = "AAAAAA"){
if (res.data.params) {
Utils.copyValueFromVO(this.model, res.data);
} else {
this.$refs.etyDialog.show = true
this.gridPromptDialog.title = res.data.title
this.gridPromptDialog.columnStr = res.data.columns
this.gridPromptDialog.data = res.data.vals.rows
this.gridPromptDialog.type = 'extkey'
this.gridPromptDialog.rulePath = 'didgrp.iss.pts.extkey'
}
}
}
);
},
/**
* 议付行
*/
avbPtsBanknoEvent() {
Api.post("ditopn/executeRule/didgrp.avb.pts.bankno", Utils.getRequestDataFn.call(this)).then(
(res) => {
if (res.respCode = "AAAAAA"){
if (res.data.params) {
Utils.copyValueFromVO(this.model, res.data);
} else {
this.$refs.etyDialog.show = true
this.gridPromptDialog.title = res.data.title
this.gridPromptDialog.columnStr = res.data.columns
this.gridPromptDialog.data = res.data.vals.rows
this.gridPromptDialog.type = 'bankno'
this.gridPromptDialog.rulePath = 'didgrp.avb.pts.bankno'
}
}
}
);
},
/**
* 保兑行
*/
rmbPtsBanknoEvent() {
Api.post("ditopn/executeRule/didgrp.rmb.pts.bankno", Utils.getRequestDataFn.call(this)).then(
(res) => {
if (res.respCode = "AAAAAA"){
if (res.data.params) {
Utils.copyValueFromVO(this.model, res.data);
} else {
this.$refs.etyDialog.show = true
this.gridPromptDialog.title = res.data.title
this.gridPromptDialog.columnStr = res.data.columns
this.gridPromptDialog.data = res.data.vals.rows
this.gridPromptDialog.type = 'bankno'
this.gridPromptDialog.rulePath = 'didgrp.rmb.pts.bankno'
}
}
}
);
},
/**
* 转让行
*/
cmbPtsBanknoEvent() {
Api.post("ditopn/executeRule/didgrp.cmb.pts.bankno", Utils.getRequestDataFn.call(this)).then(
(res) => {
if (res.respCode = "AAAAAA"){
if (res.data.params) {
Utils.copyValueFromVO(this.model, res.data);
} else {
this.$refs.etyDialog.show = true
this.gridPromptDialog.title = res.data.title
this.gridPromptDialog.columnStr = res.data.columns
this.gridPromptDialog.data = res.data.vals.rows
this.gridPromptDialog.type = 'bankno'
this.gridPromptDialog.rulePath = 'didgrp.cmb.pts.bankno'
}
}
}
);
},
/**
* 申请行
*/
apcPtsBanknoEvent() {
Api.post("ditopn/executeRule/didgrp.apc.pts.bankno", Utils.getRequestDataFn.call(this)).then(
(res) => {
if (res.respCode = "AAAAAA"){
if (res.respCode = "AAAAAA"){
if (res.data.params) {
Utils.copyValueFromVO(this.model, res.data);
} else {
this.$refs.etyDialog.show = true
this.gridPromptDialog.title = res.data.title
this.gridPromptDialog.columnStr = res.data.columns
this.gridPromptDialog.data = res.data.vals.rows
this.gridPromptDialog.type = 'bankno'
this.gridPromptDialog.rulePath = 'didgrp.apc.pts.bankno'
}
}
}
}
);
},
selectEty(val, rulePath) {
const props = rulePath.replaceAll(".", "_")
const obj = {}
obj[props] = val;
Utils.copyValueFromVO(this.model, obj);
Api.post(`ditopn/executeRule/${rulePath}`, Utils.getRequestDataFn.call(this)).then(
(res) => {
if (res.respCode = "AAAAAA"){
Utils.copyValueFromVO(this.model, res.data);
}
}
);
},
...Event
},
created: function () {}
};
</script>
<style>
</style>
src/views/Business/Ditame/Docpan.vue
<template>
<div class="eibs-tab">
<div class="eibs-tab">
<el-col :span="12">
<el-form-item label="Correspondence"> </el-form-item>
</el-col>
<el-col :span="22" :offset="1">
<c-istream-table-docpan :list="stmData.data" :columns="stmData.columns">
<el-table-column label="报文格式">
<template slot-scope="scope">
<c-select
v-model="
model.trnmod.trndoc.doceot[scope.row.index].cortyp
"
style="width: 100%"
disabled
placeholder="请选择"
>
<el-option
v-for="item in codes.doceotCortyp"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</c-select>
</template>
</el-table-column>
<el-table-column label="报文格式">
<template slot-scope="scope">
<c-select
v-model="
model.trnmod.trndoc.doceot[scope.row.index].docsnf
"
style="width: 100%"
placeholder="请选择"
>
<el-option
v-for="item in codes.docsnf"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</c-select>
</template>
</el-table-column>
<el-table-column label="语言" width="150%">
<template slot-scope="scope">
<c-select
v-model="
model.trnmod.trndoc.doceot[scope.row.index].docuil
"
style="width: 100%"
placeholder="请选择"
>
<el-option
v-for="item in codes.uiltxt"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</c-select>
</template>
</el-table-column>
<el-table-column label="传送方式">
<template slot-scope="scope">
<c-select
v-model="
model.trnmod.trndoc.doceot[scope.row.index].apf
"
disabled
style="width: 100%"
placeholder="请选择"
>
<el-option
v-for="item in codes.apftxt"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</c-select>
</template>
</el-table-column>
<el-table-column label="Or." width="65%">
<template slot-scope="scope">
<c-input
v-model="
model.trnmod.trndoc.doceot[scope.row.index].apfcpy1
"
:readonly="true"
style="width: 100%"
placeholder="请选择"
>
</c-input>
</template>
</el-table-column>
<el-table-column label="CC" width="65%">
<template slot-scope="scope">
<c-input
v-model="
model.trnmod.trndoc.doceot[scope.row.index].apfcpy2
"
style="width: 100%"
placeholder="请选择"
>
</c-input>
</template>
</el-table-column>
<el-table-column label="">
<template slot-scope="scope">
<c-select
v-model="
model.trnmod.trndoc.doceot[scope.row.index].staflg
"
style="width: 100%"
placeholder="请选择"
>
<el-option
v-for="item in codes.swttlx"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</c-select>
</template>
</el-table-column>
<el-table-column label="操作">
<template slot-scope="scope">
<el-button
size="mini"
:disabled="
model.trnmod.trndoc.doceot[scope.row.index]
.pandsc == 'MT799' &&
model.didgrp.rec.elcflg == 'Y'
"
@click="handleDisplay(scope.row.index, scope.row)"
>显示</el-button
>
<el-button
size="mini"
type="danger"
@click="handleDetail(scope.row.index, scope.row)"
>明细</el-button
>
</template>
</el-table-column>
<!-- <el-table-column label="">
<template slot-scope="scope">
<el-button
size="medium"
type="danger"
@click="handleDetail(scope.row.index, scope.row)"
>明细</el-button
>
</template>
</el-table-column> -->
</c-istream-table-docpan>
</el-col>
<!-- <el-col :span="24">
<c-table :list="model.trnmod.trndoc.doceot" style="width:80%,text-align:center">
<el-table-column
label="Role"
width="auto"
>
</el-table-column>
<el-table-column
label="Description"
width="auto"
>
</el-table-column>
<el-table-column
label="CORTYP"
width="auto"
>
</el-table-column>
<el-table-column
label="DOCSNF"
width="auto"
>
</el-table-column>
<el-table-column
label="Lang."
width="auto"
>
</el-table-column>
<el-table-column
label="Form"
width="auto"
>
</el-table-column>
<el-table-column
label="Or."
width="auto"
>
</el-table-column>
<el-table-column
label="CC"
width="auto"
>
</el-table-column>
<el-table-column
label=".."
width="auto"
>
</el-table-column>
<el-table-column
label="Show"
width="auto"
>
</el-table-column>
<el-table-column
label="Details"
width="auto"
>
</el-table-column>
</c-table>
</el-col> -->
<!--
<el-col :span="12">
<span v-text="model.trnmod.trndoc.advlabel" data-path=".trnmod.trndoc.advlabel" > </span>
</el-col>
......@@ -25,27 +248,299 @@
<el-form-item label="国内证通知书">
<c-input v-model="model.trnmod.trndoc.advdoc" maxlength="1" placeholder="请输入国内证通知书"></c-input>
</el-form-item>
</el-col>
</div>
</el-col>
--><template>
<el-dialog
:title="title"
:visible.sync="centerDialogVisible"
width="60%"
center
>
<el-form label-width="100px" :model="dialog">
<el-row>
<el-col :span="12">
<el-col>
<el-form-item label="per-medium"
><el-input disabled v-model="dialog.cortyp"
/></el-form-item>
</el-col>
<el-col>
<el-form-item label="Form Set">
<el-input
disabled
v-model="dialog.cortyp"
/>
</el-form-item>
</el-col>
<el-col v-if="title != 'elcs.101.001.01'">
<el-form-item>
<el-input
disabled
style="width: 150px"
value="Original"
/>
<el-input
v-model="dialog.apfcpy1"
style="width: 100px; margin-left: 20px"
/>
</el-form-item>
<el-form-item>
<el-input
disabled
style="width: 150px"
value="Customer Copy"
/>
<el-input
v-model="dialog.apfcpy2"
style="width: 100px; margin-left: 20px"
/>
</el-form-item>
<el-form-item>
<el-input
disabled
style="width: 150px"
value="File Copy"
/>
<el-input
v-model="dialog.apfcpy3"
style="width: 100px; margin-left: 20px"
/>
</el-form-item>
<el-form-item>
<el-input
disabled
style="width: 150px"
value="Internal Copy"
/>
<el-input
v-model="dialog.apfcpy4"
style="width: 100px; margin-left: 20px"
/>
</el-form-item>
</el-col>
</el-col>
<el-col :span="12">
<el-form-item
label="Send Message to"
label-width="150px"
>
<el-input disabled v-model="dialog.roladr" />
</el-form-item>
<el-form-item
label-width="30px"
v-if="title != 'elcs.101.001.01'"
>
<el-input
style="width: 250px"
v-model="dialog.rcv.pts.extkey"
/>
<c-button size="small" type="primary;width:20%"
>i</c-button
>
<c-button size="small" type="primary">
Details
</c-button>
</el-form-item>
<el-form-item v-else label="BIC">
<el-input v-model="dialog.rcv.pts.extkey" />
</el-form-item>
<el-form-item
v-if="title == 'elcs.101.001.01'"
label="行联行号"
>
<el-input v-model="dialog.rcv.pts.bankno" />
</el-form-item>
<el-form-item label-width="30px">
<el-input
:value="
title != 'elcs.101.001.01'
? dialog.rcv.namelc
: dialog.rcv.pts.jigomc
"
:disabled="title != 'elcs.101.001.01'"
type="textarea"
:rows="2"
/>
<br />
<el-input
:value="
title != 'elcs.101.001.01'
? dialog.rcv.adrelc
: dialog.rcv.pts.dizzhii
"
:disabled="title == 'MT799'"
type="textarea"
:rows="2"
/>
</el-form-item>
<el-form-item label="Reference" label-width="100px">
<el-input disabled v-model="dialog.adrref" />
</el-form-item>
<el-form-item label="Medium" label-width="100px">
<el-input
disabled
style="width: 40%"
v-model="dialog.cortyp"
/>
<el-input
disabled
v-model="dialog.docuil"
style="width: 40%; margin-left: 20px"
/>
</el-form-item>
</el-col>
<el-col>&nbsp;</el-col>
<el-col :span="12" v-if="title != 'MT799'">
<el-form-item
label="Adress Amend"
label-width="120px"
>
<el-input
type="textarea"
v-model="dialog.adrblk"
:rows="4"
/>
</el-form-item>
</el-col>
<el-col :span="12" v-else>
<el-form-item label="BIC">
<el-input disabled v-model="dialog.adrbic" />
</el-form-item>
<el-form-item label="Authenticator"
><el-input disabled v-model="dialog.adrbicaut"
/></el-form-item>
<el-form-item label="Priority"
><el-input disabled v-model="dialog.msgpri"
/></el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label-width="30px">
<el-table
:data="dialog.rcv.ptyinftxt.rows"
size="mini"
stripe
:border="true"
empty-text=" "
max-height="430px"
>
<el-table-column label="Corr.Type" sortable>
</el-table-column>
<el-table-column label="Adressing" sortable>
</el-table-column>
<el-table-column
label="Authentication"
sortable
>
</el-table-column>
</el-table>
</el-form-item>
</el-col>
<el-col v-if="title != 'MT799'"
><el-form-item label="Letter Date">
<el-date-picker
type="date"
v-model="dialog.docdat"
>
</el-date-picker
></el-form-item>
</el-col>
<el-col
><el-form-item label="Contact"
><el-input v-model="dialog.ptcnam"
/></el-form-item>
</el-col>
<el-col :span="22"
><el-form-item
:label="
title == 'MT799'
? 'Sender to Rec. information'
: 'Remark'
"
><el-input
type="textarea"
:rows="10"
:disabled="title == 'MT799'"
:v-model="
title == 'MT799'
? dialog.addtxt
: dialog.remark
"
/></el-form-item>
</el-col>
<el-col :span="2">
<el-button size="mini">... </el-button>
</el-col>
</el-row>
</el-form>
<template #footer>
<span class="dialog-footer">
<el-button type="primary" @click="saveDialog"
>确 定</el-button
>
<el-button @click="centerDialogVisible = false"
>取 消</el-button
>
</span>
</template>
</el-dialog>
</template>
</div>
</template>
<script>
import Api from "~/service/Api"
import CodeTable from "~/config/CodeTable"
import Event from "~/model/Ditame/Event"
import Event from "~/model/Ditopn/Event";
import Input from "../../../components/Input.vue";
import Api from "~/service/Api";
import Utils from "~/utils/index";
export default {
props:["model","codes"],
data(){
components: { Input },
props: ["model", "codes"],
data() {
return {
}
index: 0,
title: "",
dialog: {
rcv: {
pts: {},
ptyinftxt: {},
},
},
centerDialogVisible: false,
stmData: {
columns: [
//注释的已改成静态
"role 收报人",
"pandsc 描述",
//"cortyp 类型",
//"docsnf 报文格式",
//"docuil 语言",
//"apf 传送方式"
],
data: [],
},
};
},
methods:{...Event},
created:function(){
methods: {
...Event,
saveDialog() {
this.centerDialogVisible = false;
console.log(this.model);
this.model.trnmod.trndoc.doceot.splice(this.index, 1, this.dialog);
let res = Api.post(
"ditopn/executeRule/trnmod.trndoc.doccur.butaddok",
Utils.getRequestDataFn.call(this)
);
if(res.data.respCode=="AAAAAA"){
//TODO
}
}
}else{
this.$notify.error({ title: '错误', message: '服务请求失败！' });
}
},
},
created: function () {},
};
</script>
<style>
</style>
src/views/Business/Ditame/Engp.vue
<template>
<div class="eibs-tab">
<el-col :span="24" style="margin-bottom:18px">
Liability
</el-col>
<el-col :span="22" :offset="1">
<c-table :list="model.liaall.liaallg" style="width:80%,text-align:center,margin-bottom:18px" :border="true">
<el-table-column prop="cbtpfx" label="Type" width="auto"> </el-table-column>
<el-table-column prop="matdat" label="Maturity" width="auto"> </el-table-column>
<el-table-column prop="tenday" label="Tenor" width="auto"> </el-table-column>
<el-table-column prop="rol" label="Dbt." width="auto"> </el-table-column>
<el-table-column prop="nam" label="Name" width="auto"> </el-table-column>
<el-table-column prop="cdtrol" label="Cdt." width="auto"> </el-table-column>
<el-table-column prop="cur" label="Cur" width="auto"> </el-table-column>
<el-table-column prop="oldamt" label="Old Amount" width="auto">
<template slot-scope="scope">
{{moneyFormat(scope.row.oldamt)}}
</template>
</el-table-column>
<el-table-column prop="amt" label="Booking Amo" width="auto">
<template slot-scope="scope">
{{moneyFormat(scope.row.amt)}}
</template>
</el-table-column>
<el-table-column prop="tenpct" label="%" width="auto"> </el-table-column>
<el-table-column prop="acc" label="Account" width="auto"> </el-table-column>
<el-table-column prop="valdat" label="Value Date" width="auto">
<template slot-scope="scope">
{{dateFormat(scope.row.valdat)}}
</template>
</el-table-column>
</c-table>
</el-col>
<el-col :span="12">
<!-- <el-col :span="12">
<el-form-item label="Sight Amount">
<c-input v-model="model.liaall.outamt" placeholder="请输入Sight Amount"></c-input>
<c-input style="width:50%" v-model="model.liaall.outamt" placeholder="请输入Sight Amount"></c-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="Sight Amount Percentage">
<c-input v-model="model.liaall.outpct" placeholder="请输入Sight Amount Percentage"></c-input>
<c-input style="width:50%" v-model="model.liaall.outpct" placeholder="请输入Sight Amount Percentage"></c-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="External Booking Amount">
<c-input v-model="model.liaall.concur" maxlength="3" placeholder="请输入External Booking Amount"></c-input>
<c-input style="width:70%" v-model="model.liaall.concur" maxlength="3" placeholder="请输入External Booking Amount"></c-input>
</el-form-item>
</el-col>
</el-col> -->
<el-col :span="12">
<el-form-item label="Amount not yet assigned">
<c-input v-model="model.liaall.misamt" placeholder="请输入Amount not yet assigned"></c-input>
<c-input style="width:20%" disabled v-model="model.liaall.concur" maxlength="3" placeholder="请输入External Booking Amount"></c-input>
<c-input style="width:50%" disabled v-model="model.liaall.misamt" placeholder="请输入Amount not yet assigned"></c-input>
</el-form-item>
</el-col>
<el-col :span="12">
<c-button size="small" type="primary" @click="onLiaallButmisamt">
Add to Current Line
</c-button>
<el-form-item label="">
<c-button size="small" disabled type="primary" @click="onLiaallButmisamt">
Add to Current Line
</c-button>
</el-form-item>
</el-col>
<el-col :span="12">
<c-button size="small" type="primary" @click="onLiaallButmissig">
Add to Sight Amount
</c-button>
<!-- <el-col :span="12">
<el-form-item label="">
<c-button size="small" type="primary" @click="onLiaallButmissig">
Add to Sight Amount
</c-button>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="Old Amount booked externally">
<c-input v-model="model.liaall.exttotoldamt" placeholder="请输入Old Amount booked externally"></c-input>
<c-input style="width:50%" v-model="model.liaall.exttotoldamt" placeholder="请输入Old Amount booked externally"></c-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="Total booking amount external assinged">
<c-input v-model="model.liaall.exttotamt" placeholder="请输入Total booking amount external assinged"></c-input>
<c-input style="width:50%" v-model="model.liaall.exttotamt" placeholder="请输入Total booking amount external assinged"></c-input>
</el-form-item>
</el-col>
</el-col> -->
</div>
</template>
<script>
import Api from "~/service/Api"
import CodeTable from "~/config/CodeTable"
import Event from "~/model/Ditame/Event"
import Event from "~/model/Ditopn/Event"
export default {
props:["model","codes"],
......
src/views/Business/Ditame/Limitbody.vue
<template>
<div class="eibs-tab">
<el-col :span="12">
<el-form-item label="ECIFNO">
<c-input v-model="model.liaall.limmod.ecifno" maxlength="22" placeholder="请输入ECIFNO"></c-input>
</el-form-item>
</el-col>
<el-col :span="12">
<span v-text="model.liaall.limmod.limpts.wrklab" data-path=".liaall.limmod.limpts.wrklab" > </span>
</el-col>
<el-col :span="12">
<span v-text="model.liaall.limmod.limpts.othlab" data-path=".liaall.limmod.limpts.othlab" > </span>
</el-col>
<el-col :span="12">
<span v-text="model.liaall.limmod.limpts.othlabss" data-path=".liaall.limmod.limpts.othlabss" > </span>
</el-col>
<el-col :span="12">
<el-form-item label="国结业务编号">
<c-input v-model="model.liaall.limmod.ownref" maxlength="16" placeholder="请输入国结业务编号"></c-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="Drag Drop Sender">
<c-input v-model="model.liaall.limmod.wrkp.ptsget.sdamod.dadsnd" placeholder="请输入Drag Drop Sender"></c-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="Drag Drop Sender">
<c-input v-model="model.liaall.limmod.othp.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">
<c-input v-model="model.liaall.limmod.limpts.wrk.pts.extkey" maxlength="16" placeholder="请输入External Key of Address"></c-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="">
<c-input v-model="model.liaall.limmod.wrkp.ptsget.sdamod.seainf" placeholder="请输入"></c-input>
</el-form-item>
</el-col>
<el-col :span="12">
<c-button size="small" type="primary" @click="onWrkpDet">
Details
</c-button>
</el-col>
<el-col :span="12">
<el-form-item label="External Key of Address">
<c-input v-model="model.liaall.limmod.limpts.oth.pts.extkey" maxlength="16" placeholder="请输入External Key of Address"></c-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="">
<c-input v-model="model.liaall.limmod.othp.ptsget.sdamod.seainf" placeholder="请输入"></c-input>
</el-form-item>
</el-col>
<el-col :span="12">
<c-button size="small" type="primary" @click="onOthpDet">
Details
</c-button>
</el-col>
<el-col :span="12">
<el-form-item label="业务余额">
<c-input v-model="model.liaall.limmod.comamt" placeholder="请输入业务余额"></c-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="Name of Party">
<c-input v-model="model.liaall.limmod.limpts.wrk.pts.nam" maxlength="40" placeholder="请输入Name of Party"></c-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="Name of Party">
<c-input v-model="model.liaall.limmod.limpts.oth.pts.nam" maxlength="40" placeholder="请输入Name of Party"></c-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="保证金余额">
<c-input v-model="model.liaall.limmod.ccvamt" placeholder="请输入保证金余额"></c-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="Flag to Mark Non-revolving Limits">
<c-select v-model="model.liaall.limmod.limpts.nonrevflg1" style="width:100%" placeholder="请选择Flag to Mark Non-revolving Limits">
</c-select>
</el-form-item>
</el-col>
<el-col :span="12">
<c-button size="small" type="primary" @click="onLimptsGet1">
查询
</c-button>
</el-col>
<el-col :span="12">
<el-form-item label="Flag to Mark Non-revolving Limits">
<c-select v-model="model.liaall.limmod.limpts.nonrevflg2" style="width:100%" placeholder="请选择Flag to Mark Non-revolving Limits">
</c-select>
</el-form-item>
</el-col>
<el-col :span="12">
<c-button size="small" type="primary" @click="onLimptsGet2">
查询
</c-button>
</el-col>
<el-col :span="12">
<span v-text="model.liaall.limmod.limpts.lsh" data-path=".liaall.limmod.limpts.lsh" > </span>
</el-col>
<el-col :span="12">
<el-form-item label="合同流�'号">
<c-input v-model="model.liaall.limmod.limpts.pfcod1" maxlength="14" placeholder="请输入合同流�'号"></c-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="合同流�'号">
<c-input v-model="model.liaall.limmod.limpts.pfcod2" maxlength="14" placeholder="请输入合同流�'号"></c-input>
</el-form-item>
</el-col>
<el-col :span="12">
<c-button size="small" type="primary" @click="onLimmodTrycal">
试算
</c-button>
</el-col>
</div>
<div class="eibs-tab">
<!--
<el-col :span="12">
<el-form-item label="ECIFNO">
<c-input v-model="model.liaall.limmod.ecifno" maxlength="22" placeholder="请输入ECIFNO"></c-input>
</el-form-item>
</el-col>
<el-col :span="12">
<span v-text="model.liaall.limmod.limpts.wrklab" data-path=".liaall.limmod.limpts.wrklab" > </span>
</el-col>
<el-col :span="12">
<span v-text="model.liaall.limmod.limpts.othlab" data-path=".liaall.limmod.limpts.othlab" > </span>
</el-col>
<el-col :span="12">
<span v-text="model.liaall.limmod.limpts.othlabss" data-path=".liaall.limmod.limpts.othlabss" > </span>
</el-col>
<el-col :span="12">
<el-form-item label="Drag Drop Sender">
<c-input v-model="model.liaall.limmod.wrkp.ptsget.sdamod.dadsnd" placeholder="请输入Drag Drop Sender"></c-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="Drag Drop Sender">
<c-input v-model="model.liaall.limmod.othp.ptsget.sdamod.dadsnd" placeholder="请输入Drag Drop Sender"></c-input>
</el-form-item>
</el-col>
-->
<!-- ====================左边======================= -->
<el-col :span="12">
<el-col :span="16">
<el-form-item
label="国内信用证项下开证授信额度:"
prop="liaall.limmod.limpts.wrk.pts.extkey"
>
<c-input
v-model="model.liaall.limmod.limpts.wrk.pts.extkey"
:disabled="true"
maxlength="16"
placeholder="请输入External Key of Address"
></c-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="" label-width="20px">
<c-button
size="small"
type="primary;width:10%"
@click="onSeainf"
>i</c-button
>
<c-button
size="small"
type="primary"
icon="el-icon-search"
@click="onPreperButtxmsel"
>
Details
</c-button>
</el-form-item>
</el-col>
<el-col :span="24">
<el-form-item label="" prop="liaall.limmod.limpts.wrk.pts.nam">
<c-input
v-model="model.liaall.limmod.limpts.wrk.pts.nam"
maxlength="16"
placeholder=""
:disabled="true"
style="width:90%"
></c-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item
label="额度类型"
prop="liaall.limmod.limpts.nonrevflg1"
>
<c-select
v-model="model.liaall.limmod.limpts.nonrevflg1"
style="width: 100%"
placeholder="请选择Flag to Mark Non-revolving Limits"
@change="nonrevflg1Change"
>
<el-option
v-for="item in codes.nonrevflg1"
: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-button size="small" type="primary" @click="onLimptsGet1">
查询
</c-button>
</el-form-item>
</el-col>
<el-col :span="24">
<el-form-item
label="合同流水号"
prop="liaall.limmod.limpts.pfcod1"
>
<c-input
v-model="model.liaall.limmod.limpts.pfcod1"
maxlength="14"
placeholder="请输入合同流水号"
:disabled="this.model.liaall.limmod.limpts.nonrevflg1 != '2'"
style="width: 55%"
></c-input>
</el-form-item>
</el-col>
</el-col>
<!-- ========================右边======================= -->
<el-col :span="12">
<el-col :span="24">
<el-form-item label="业务编号" prop="liaall.limmod.ownref">
<c-input
v-model="model.liaall.limmod.ownref"
maxlength="16"
placeholder="请输入国结业务编号"
:disabled="true"
style="width: 70%"
></c-input>
</el-form-item>
</el-col>
<el-col :span="24">
<el-form-item label="业务余额" prop="liaall.limmod.comamt">
<c-input
v-model="model.liaall.limmod.comamt"
placeholder="请输入业务余额"
:disabled="true"
style="width: 70%"
></c-input>
</el-form-item>
</el-col>
<el-col :span="24">
<el-form-item label="保证金余额" prop="liaall.limmod.ccvamt">
<c-input
v-model="model.liaall.limmod.ccvamt"
placeholder="请输入保证金余额"
:disabled="true"
style="width: 70%"
></c-input>
</el-form-item>
</el-col>
</el-col>
<!-- <el-col :span="12">-->
<!-- <el-form-item label="开证授信额度主体名称" prop="liaall.limmod.limpts.wrk.pts.nam">-->
<!-- <c-input v-model="model.liaall.limmod.limpts.wrk.pts.nam" maxlength="40" placeholder="请输入Name of Party"></c-input>-->
<!-- </el-form-item>-->
<!-- </el-col>-->
<!--
<el-col :span="12">
<c-button size="small" type="primary" @click="onWrkpDet">
Details
</c-button>
</el-col>
<el-col :span="12">
<el-form-item label="External Key of Address">
<c-input v-model="model.liaall.limmod.limpts.oth.pts.extkey" maxlength="16" placeholder="请输入External Key of Address"></c-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="">
<c-input v-model="model.liaall.limmod.othp.ptsget.sdamod.seainf" placeholder="请输入"></c-input>
</el-form-item>
</el-col>
<el-col :span="12">
<c-button size="small" type="primary" @click="onOthpDet">
Details
</c-button>
</el-col>
<el-col :span="12">
<el-form-item label="Name of Party">
<c-input v-model="model.liaall.limmod.limpts.oth.pts.nam" maxlength="40" placeholder="请输入Name of Party"></c-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="Flag to Mark Non-revolving Limits">
<c-select v-model="model.liaall.limmod.limpts.nonrevflg2" style="width:100%" placeholder="请选择Flag to Mark Non-revolving Limits">
</c-select>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="合同流�'号">
<c-input v-model="model.liaall.limmod.limpts.pfcod2" maxlength="14" placeholder="请输入合同流�'号"></c-input>
</el-form-item>
</el-col>
<el-col :span="12">
<c-button size="small" type="primary" @click="onLimptsGet2">
查询
</c-button>
</el-col>
<el-col :span="12">
<c-button size="small" type="primary" @click="onLimmodTrycal">
试算
</c-button>
</el-col>
-->
<el-col :span="22" :offset="1">
<c-table style="text-align: center" :data="tableData" :border="true">
<el-table-column label="可否串用" width="auto">
</el-table-column>
-->
<el-table-column label="序号" width="auto"> </el-table-column>
<el-table-column label="额度类型" width="auto">
</el-table-column>
<el-table-column label="入账机构" width="auto">
</el-table-column>
<el-table-column label="额度编号" width="auto">
</el-table-column>
<el-table-column label="额度明细编号" width="auto">
</el-table-column>
<el-table-column label="额度品种代码" width="auto">
</el-table-column>
<el-table-column label="品种代码描述" width="auto">
</el-table-column>
<el-table-column label="" width="auto"> </el-table-column>
</c-table>
</el-col>
</div>
</template>
<script>
import Api from "~/service/Api"
import CodeTable from "~/config/CodeTable"
import Event from "~/model/Ditame/Event"
import Api from "~/service/Api";
import CodeTable from "~/config/CodeTable";
import Event from "~/model/Ditopn/Event";
export default {
props:["model","codes"],
data(){
props: ["model", "codes"],
data() {
return {
tableData: {},
};
},
methods: { ...Event ,
nonrevflg1Change(){
if (this.model.liaall.limmod.limpts.nonrevflg1 == '1'){
this.model.liaall.limmod.limpts.pfcod1 = "";
}
}
},
methods:{...Event},
created:function(){
}
}
created: function () {},
};
</script>
<style>
</style>
src/views/Business/Ditame/Mt799.vue
<template>
<div class="eibs-tab">
<el-col :span="12">
<el-form-item label="english name">
<c-input v-model="model.ditp.bennam" maxlength="100" placeholder="请输入english name"></c-input>
<el-col :span="20">
<el-form-item label="MT799(79)受益人英文名称" prop="ditp.bennam">
<c-input v-model="model.ditp.bennam" maxlength="100" @blur="BlurBennam" ></c-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="apl english name">
<c-input v-model="model.ditp.aplname" maxlength="100" placeholder="请输入apl english name"></c-input>
<el-col :span="20">
<el-form-item label="MT799(79)申请人英文名称" prop="ditp.aplname">
<c-input v-model="model.ditp.aplname" maxlength="100" @blur="BlurAplname"></c-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="name of authorized signatory">
<c-input v-model="model.ditp.signam" maxlength="50" placeholder="请输入name of authorized signatory"></c-input>
<el-form-item label="MT799(79)签名" prop="ditp.signam">
<c-input v-model="model.ditp.signam" maxlength="50" @blur="BlurSignam" ></c-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="Remark">
<c-input type="textarea" v-model="model.ditp.remark" maxlength="80" show-word-limit placeholder="请输入Remark" ></c-input>
<el-col :span="15">
<el-form-item label="MT799(79)备注" prop="ditp.remark">
<c-input type="textarea" v-model="model.ditp.remark" maxlength="800" :rows="10" ></c-input>
</el-form-item>
</el-col>
</div>
......@@ -29,7 +29,7 @@
<script>
import Api from "~/service/Api"
import CodeTable from "~/config/CodeTable"
import Event from "~/model/Ditame/Event"
import Event from "~/model/Ditopn/Event"
export default {
props:["model","codes"],
......
src/views/Business/Ditame/Ovwp.vue
<template>
<div class="eibs-tab">
<el-col :span="12">
<el-form-item label="Drag Drop Sender">
<c-input v-model="model.ditp.recget.sdamod.dadsnd" placeholder="请输入Drag Drop Sender"></c-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="Reference">
<c-input v-model="model.didgrp.rec.ownref" maxlength="16" placeholder="请输入Reference"></c-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="">
<c-input v-model="model.ditp.recget.sdamod.seainf" placeholder="请输入"></c-input>
</el-form-item>
</el-col>
<el-col :span="12">
<c-button size="small" type="primary" @click="onDitpButgetref">
获取
</c-button>
</el-col>
<el-col :span="12">
<el-form-item label="Externally Displayed Name to Identify the Contract">
<c-input v-model="model.didgrp.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="申请人 参考号">
<c-input v-model="model.didgrp.apl.pts.ref" maxlength="16" placeholder="请输入申请人 参考号"></c-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="User ID">
<c-input v-model="model.ditp.usr.extkey" maxlength="8" placeholder="请输入User ID"></c-input>
</el-form-item>
</el-col>
<el-col :span="12">
<c-checkbox v-model="model.didgrp.rec.resflg">Reserved Contract</c-checkbox>
</el-col>
<el-row>
<!-- =================顶部====================== -->
<el-col :span="24">
<el-col :span="8">
<el-form-item label="参考号" prop="didgrp.rec.ownref">
<c-input
v-model="model.didgrp.rec.ownref"
maxlength="16"
placeholder="请输入Reference"
disabled
></c-input>
</el-form-item>
</el-col>
<el-col :span="4">
<el-form-item label="" label-width="15px">
<c-button
size="small"
type="primary;width:10%"
@click="onSeainf"
>i</c-button
>
<c-button
size="small"
type="primary"
:disabled="this.flag"
@click="onDitpButgetref"
>
获取
</c-button>
</el-form-item>
</el-col>
<el-col :span="11">
<el-form-item label="摘要" prop="didgrp.rec.nam">
<c-input
align="middle"
v-model="model.didgrp.rec.nam"
maxlength="40"
disabled
placeholder="请输入Externally Displayed Name to Identify the Contract"
></c-input>
</el-form-item>
</el-col>
</el-col>
<!-- ====================左边======================= -->
<el-col :span="11">
<el-col :span="16">
<el-form-item label="所属客户经理" prop="ditp.usr.extkey">
<c-input
v-model="model.ditp.usr.extkey"
maxlength="8"
placeholder="请输入User ID"
disabled
></c-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="" label-width="15px">
<c-button
size="small"
type="primary;width:10%"
@click="onExtkey"
>i</c-button
>
</el-form-item>
</el-col>
<el-col>
&nbsp;
</el-col>
<el-col :span="12">
<el-form-item label="信用证金额" prop="didgrp.cbs.nom1.cur">
<c-select
disabled
v-model="model.didgrp.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
style="text-align: left"
label-width="20px"
prop="didgrp.cbs.nom1.amt"
>
<c-input
v-model="model.didgrp.cbs.nom1.amt"
style="text-align: left; width: 100%"
placeholder="请输入信用证金额"
></c-input>
</el-form-item>
</el-col>
<el-col :span="24">
<el-form-item label="大写金额" prop="ditp.amt">
<c-input
v-model="model.ditp.amt"
maxlength="76"
placeholder="请输入大写金额"
disabled
></c-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="上下浮动限额" prop="didgrp.rec.nomtop">
<c-input
v-model="model.didgrp.rec.nomtop"
maxlength="9"
placeholder="请输入Amount Tolerance - Positive"
></c-input>
</el-form-item>
</el-col>
<el-col :span="12" style="text-align: left">
<el-form-item
label="-"
style="text-align: left; margin-left: 12px"
label-width="20px"
prop="didgrp.rec.nomton"
>
<c-input
v-model="model.didgrp.rec.nomton"
maxlength="9"
placeholder="请输入Amount Tolerance - Negative"
></c-input>
</el-form-item>
</el-col>
<el-col>
&nbsp;
</el-col>
<el-col :span="14">
<el-form-item label="信用证最大金额" prop="didgrp.cbs.max.cur">
<c-select
v-model="model.didgrp.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>
<el-col :span="10">
<el-form-item
label=""
label-width="20px"
prop="didgrp.cbs.max.amt"
>
<c-input
v-model="model.didgrp.cbs.max.amt"
placeholder="请输入信用证最大金额"
disabled
></c-input>
</el-form-item>
</el-col>
<el-col :span="24">
<el-form-item label="贸易类型" prop="didgrp.rec.mytype">
<c-select
v-if="model.didgrp.rec.elcflg == 'N'"
v-model="model.didgrp.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.didgrp.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>
</el-col>
<el-col :span="24">
<el-form-item label="开证日期" prop="didgrp.rec.opndat">
<c-date-picker
type="date"
v-model="model.didgrp.rec.opndat"
style="width: 45%"
placeholder="请选择Date L/C Opened/Issued"
></c-date-picker>
</el-form-item>
</el-col>
<el-col :span="24">
<el-form-item v-if="model.didgrp.rec.mytype == 'H'" label="最迟货物装运日" prop="didgrp.rec.shpdat">
<c-date-picker
type="date"
v-model="model.didgrp.rec.shpdat"
value-format="yyyy-MM-dd"
style="width: 100%"
placeholder="请选择Shipment Date"
></c-date-picker>
</el-form-item>
<el-form-item v-if="model.didgrp.rec.mytype == 'F'" label="最迟服务提供日" prop="didgrp.rec.shpdat">
<c-date-picker
type="date"
v-model="model.didgrp.rec.shpdat"
value-format="yyyy-MM-dd"
style="width: 100%"
placeholder="请选择Shipment Date"
></c-date-picker>
</el-form-item>
<el-form-item label="最迟货物装运日/服务提供日" v-if="model.didgrp.rec.mytype == '3'" prop="didgrp.rec.shpdat">
<c-date-picker
type="date"
v-model="model.didgrp.rec.shpdat"
value-format="yyyy-MM-dd"
style="width: 100%"
placeholder="请选择Shipment Date"
></c-date-picker>
</el-form-item>
</el-col>
<el-col :span="24">
<el-form-item label="有效日期" prop="didgrp.rec.expdat">
<c-date-picker
type="date"
v-model="model.didgrp.rec.expdat"
value-format="yyyy-MM-dd"
style="width: 100%"
placeholder="请选择Date of Expiry"
></c-date-picker>
</el-form-item>
</el-col>
<el-col :span="24">
<el-form-item label="有效地点" prop="didgrp.rec.expplc">
<c-input
type="textarea"
:rows="3"
v-model="model.didgrp.rec.expplc"
maxlength="35"
show-word-limit
placeholder="请输入Place of Expiry"
></c-input>
</el-form-item>
</el-col>
<el-col :span="24">
<el-form-item label="是否通过电证系统" prop="didgrp.rec.elcflg">
<c-select
v-model="model.didgrp.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>
</el-col>
<el-col :span="24">
<el-form-item label="开证类型" prop="didgrp.rec.dkflg">
<c-select
v-model="model.didgrp.rec.dkflg"
style="width: 100%"
disabled
placeholder="请选择开证类型"
>
<el-option
v-for="item in codes.dkflg"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</c-select>
</el-form-item>
</el-col>
<el-col :span="24">
<el-form-item
label="申请人统一社会信用代码"
prop="didgrp.rec.idcode"
>
<c-input
v-model="model.didgrp.rec.idcode"
maxlength="18"
disabled
placeholder="请输入申请人统一社会信用代码"
></c-input>
</el-form-item>
</el-col>
<el-col :span="24">
<el-form-item label="货押标识" prop="didgrp.rec.guaflg">
<c-select
v-model="model.didgrp.rec.guaflg"
style="width: 100%"
placeholder="请选择货押标识"
>
<el-option
v-for="item in codes.guaflg"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</c-select>
</el-form-item>
</el-col>
<el-col :span="24">
<el-form-item label="假远期信用证" prop="didgrp.rec.jyqflg">
<c-select
v-model="model.didgrp.rec.jyqflg"
style="width: 100%"
placeholder="请选择假远期信用证"
>
<el-option
v-for="item in codes.jyqflg"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</c-select>
</el-form-item>
</el-col>
</el-col>
<!-- ========================右边======================= -->
<el-col :span="11" :offset="1">
<el-col :span="24">
<el-form-item
label="申请人 参考号"
prop="didgrp.apl.pts.ref"
>
<c-input
v-model="model.didgrp.apl.pts.ref"
maxlength="16"
placeholder="请输入申请人 参考号"
></c-input>
</el-form-item>
</el-col>
<!--
<el-col :span="12">
<el-form-item label="">
<el-form-item label=" ">
<c-input v-model="model.ditp.usrget.sdamod.seainf" placeholder="请输入"></c-input>
</el-form-item>
</el-col>
</el-col>
<el-col :span="12">
<el-form-item label="Drag Drop Sender">
<c-input v-model="model.ditp.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">
<c-input v-model="model.didgrp.apl.pts.extkey" maxlength="16" placeholder="请输入External Key of Address"></c-input>
</el-form-item>
</el-col>
<el-col :span="12">
</el-col>
-->
<el-col :span="16">
<el-form-item label="Extkey" prop="didgrp.apl.pts.extkey">
<c-input
id = "extkey"
v-model="model.didgrp.apl.pts.extkey"
maxlength="16"
placeholder="请输入External Key of Address"
@keyup.enter.native="aplExtkeyEvent"
></c-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="" label-width="15px">
<c-button
size="small"
type="primary;width:10%"
@click="onSeainf"
>i</c-button
>
<c-button size="small" type="primary" @click="onAplpDet">
Details
</c-button>
</el-form-item>
</el-col>
<!--
<el-col :span="10">
<el-form-item label="">
<c-input v-model="model.ditp.aplp.ptsget.sdamod.seainf" placeholder="请输入"></c-input>
</el-form-item>
</el-col>
<el-col :span="12">
<c-button size="small" type="primary" @click="onAplpDet">
Details
</c-button>
</el-col>
<el-col :span="12">
<el-form-item label="Currency">
<c-select v-model="model.didgrp.cbs.nom1.cur" style="width:100%" placeholder="请选择Currency">
</c-select>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="信用证金额">
<c-input v-model="model.didgrp.cbs.nom1.amt" placeholder="请输入信用证金额"></c-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="名称">
<c-input type="textarea" v-model="model.didgrp.apl.namelc" maxlength="35" show-word-limit placeholder="请输入名称" ></c-input>
</el-form-item>
</el-col>
</el-col> -->
<el-col :span="24">
<el-form-item label="名称" prop="didgrp.apl.namelc">
<c-input
type="textarea"
v-model="model.didgrp.apl.namelc"
maxlength="35"
show-word-limit
placeholder="请输入名称"
></c-input>
</el-form-item>
</el-col>
<!--
<el-col :span="12">
<el-form-item label="Address Block">
<c-input type="textarea" v-model="model.didgrp.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">
<el-form-item label="Chinese address">Extkey</el-form-item>>
<c-input type="textarea" v-model="model.didgrp.apl.dbfadrblkcn" maxlength="35" show-word-limit placeholder="请输入Chinese address" ></c-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="大写金额">
<c-input v-model="model.ditp.amt" maxlength="76" placeholder="请输入大写金额"></c-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="地址">
<c-input type="textarea" v-model="model.didgrp.apl.adrelc" maxlength="35" show-word-limit placeholder="请输入地址" ></c-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="Amount Tolerance - Positive">
<c-input v-model="model.didgrp.rec.nomtop" placeholder="请输入Amount Tolerance - Positive"></c-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="Amount Tolerance - Negative">
<c-input v-model="model.didgrp.rec.nomton" placeholder="请输入Amount Tolerance - Negative"></c-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="邮编 电证用">
<c-input v-model="model.didgrp.apl.pts.youzbm" maxlength="6" placeholder="请输入邮编 电证用"></c-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="邮编">
<c-input v-model="model.didgrp.apl.pts.dihdig" maxlength="16" placeholder="请输入邮编"></c-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="External Account">
<c-select v-model="model.didgrp.apl.pts.extact" style="width:100%" placeholder="请选择External Account">
</c-select>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="Currency">
<c-select v-model="model.didgrp.cbs.max.cur" style="width:100%" placeholder="请选择Currency">
</c-select>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="信用证最大金额">
<c-input v-model="model.didgrp.cbs.max.amt" placeholder="请输入信用证最大金额"></c-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="Number of bank">
<c-input v-model="model.didgrp.apb.pts.bankno" maxlength="20" placeholder="请输入Number of bank"></c-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="槸易类型">
<c-select v-model="model.didgrp.rec.mytype" style="width:100%" placeholder="请选择槸易类型">
</c-select>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="联行名称 电证用">
<c-input type="textarea" v-model="model.didgrp.apb.pts.jigomc" maxlength="35" show-word-limit placeholder="请输入联行名称 电证用" ></c-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="Date L/C Opened/Issued">
<c-date-picker type="date" v-model="model.didgrp.rec.opndat" style="width:100%" placeholder="请选择Date L/C Opened/Issued"></c-date-picker>
</el-form-item>
</el-col>
<el-col :span="12">
-->
<el-col :span="24">
<el-form-item label="地址" prop="didgrp.apl.adrelc">
<c-input
type="textarea"
v-model="model.didgrp.apl.adrelc"
maxlength="35"
show-word-limit
placeholder="请输入地址"
></c-input>
</el-form-item>
</el-col>
<el-col :span="14">
<el-form-item label="邮编" prop="didgrp.apl.pts.youzbm">
<c-input
v-model="model.didgrp.apl.pts.youzbm"
maxlength="6"
placeholder="请输入邮编"
></c-input>
</el-form-item>
</el-col>
<el-col :span="10">
<el-form-item
label="电话"
label-width="40px"
style="margin-left: 12px"
prop="didgrp.apl.pts.dihdig"
>
<c-input
v-model="model.didgrp.apl.pts.dihdig"
maxlength="16"
placeholder="请输入电话"
></c-input>
</el-form-item>
</el-col>
<el-col :span="24">
<el-form-item label="申请人账号" prop="didgrp.apl.pts.extact">
<c-select
v-model="model.didgrp.apl.pts.extact"
style="width: 100%"
placeholder="请选择External Account"
>
</c-select>
</el-form-item>
</el-col>
<el-col :span="24">
<el-form-item
label="申请人开户行 联行行号"
prop="didgrp.apb.pts.bankno"
>
<c-input
v-model="model.didgrp.apb.pts.bankno"
maxlength="20"
placeholder="请输入Number of bank"
@keyup.enter.native="apbPtsBanknoEvent"
></c-input>
</el-form-item>
</el-col>
<el-col :span="24">
<el-form-item label="联行名称 " prop="didgrp.apb.pts.jigomc">
<c-input
type="textarea"
v-model="model.didgrp.apb.pts.jigomc"
maxlength="35"
show-word-limit
placeholder="请输入联行名称 电证用"
></c-input>
</el-form-item>
</el-col>
<el-col :span="24">
<el-form-item
label="受益人 参考号"
prop="didgrp.ben.pts.ref"
>
<c-input
v-model="model.didgrp.ben.pts.ref"
maxlength="16"
placeholder="请输入受益人 参考号"
></c-input>
</el-form-item>
</el-col>
<!--
<el-col :span="6">
<span v-text="model.ditp.zchday" data-path=".ditp.zchday" > </span>
</el-col>
<el-col :span="12">
<el-form-item label="Shipment Date">
<c-date-picker type="date" v-model="model.didgrp.rec.shpdat" style="width:100%" placeholder="请选择Shipment Date"></c-date-picker>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="受益人 参考号">
<c-input v-model="model.didgrp.ben.pts.ref" maxlength="16" placeholder="请输入受益人 参考号"></c-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="Date of Expiry">
<c-date-picker type="date" v-model="model.didgrp.rec.expdat" style="width:100%" placeholder="请选择Date of Expiry"></c-date-picker>
</el-form-item>
</el-col>
</el-col> -->
<el-col :span="16">
<el-form-item label="Extkey" prop="didgrp.ben.pts.extkey">
<c-input
v-model="model.didgrp.ben.pts.extkey"
maxlength="16"
placeholder="请输入External Key of Address"
@keyup.enter.native="benExtkeyEvent"
></c-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="" label-width="12px">
<c-button
size="small"
type="primary;width:10%"
@click="onSeainf"
>i</c-button
>
<c-button size="small" type="primary" @click="onBenpDet">
Details
</c-button>
</el-form-item>
</el-col>
<!--
<el-col :span="12">
<el-form-item label="Drag Drop Sender">
<c-input v-model="model.ditp.benp.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">
<c-input v-model="model.didgrp.ben.pts.extkey" maxlength="16" placeholder="请输入External Key of Address"></c-input>
</el-form-item>
</el-col>
<el-col :span="12">
</el-col> -->
<!--
<el-col :span="10">
<el-form-item label="">
<c-input v-model="model.ditp.benp.ptsget.sdamod.seainf" placeholder="请输入"></c-input>
<c-input v-model="model.ditp.benp.ptsget.sdamod.seainf" placeholder="请输入"></c-input>
</el-form-item>
</el-col>
<el-col :span="12">
</el-col>
<el-col :span="2">
<c-button size="small" type="primary" @click="onBenpDet">
Details
Detials
</c-button>
</el-col>
<el-col :span="12">
<el-form-item label="Place of Expiry">
<c-input type="textarea" v-model="model.didgrp.rec.expplc" maxlength="35" show-word-limit placeholder="请输入Place of Expiry" ></c-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="名称">
<c-input type="textarea" v-model="model.didgrp.ben.namelc" maxlength="35" show-word-limit placeholder="请输入名称" ></c-input>
</el-form-item>
</el-col>
</el-col> -->
<el-col :span="24">
<el-form-item label="名称" prop="didgrp.ben.namelc">
<c-input
type="textarea"
v-model="model.didgrp.ben.namelc"
maxlength="35"
show-word-limit
placeholder="请输入名称"
></c-input>
</el-form-item>
</el-col>
<!-- <el-col :span="24">
<el-form-item label="有效地点" prop="didgrp.rec.expplc">
<c-input
type="textarea"
v-model="model.didgrp.rec.expplc"
maxlength="35"
show-word-limit
placeholder="请输入Place of Expiry"
></c-input>
</el-form-item>
</el-col> -->
<!--
<el-col :span="12">
<el-form-item label="Address Block">
<c-input type="textarea" v-model="model.didgrp.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.didgrp.ben.dbfadrblkcn" maxlength="35" show-word-limit placeholder="请输入Chinese address" ></c-input>
</el-form-item>
</el-col> -->
<el-col :span="24">
<el-form-item label="地址" prop="didgrp.ben.adrelc">
<c-input
type="textarea"
v-model="model.didgrp.ben.adrelc"
maxlength="35"
show-word-limit
placeholder="请输入地址"
></c-input>
</el-form-item>
</el-col>
<el-col :span="14">
<el-form-item label="邮编" prop="didgrp.ben.pts.youzbm">
<c-input
v-model="model.didgrp.ben.pts.youzbm"
maxlength="6"
placeholder="请输入邮编 电证用"
></c-input>
</el-form-item>
</el-col>
<el-col :span="10">
<el-form-item
label="电话"
label-width="40px"
style="margin-left: 12px"
prop="didgrp.ben.pts.dihdig"
>
<c-input
v-model="model.didgrp.ben.pts.dihdig"
maxlength="16"
placeholder="请输入电话"
></c-input>
</el-form-item>
</el-col>
<el-col :span="24">
<el-form-item label="受益人帐号" prop="didgrp.ben.pts.extact">
<c-input
v-model="model.didgrp.ben.pts.extact"
maxlength="34"
placeholder="请输入受益人帐号"
></c-input>
</el-form-item>
</el-col>
<el-col :span="24">
<el-form-item
label="受益人开户行 联行行号"
prop="didgrp.beb.pts.bankno"
>
<c-input
v-model="model.didgrp.beb.pts.bankno"
maxlength="20"
placeholder="请输入Number of bank"
@keyup.enter.native="banknoEvent"
></c-input>
</el-form-item>
</el-col>
<el-col :span="24">
<el-form-item label="联行名称 " prop="didgrp.beb.pts.jigomc">
<c-input
type="textarea"
v-model="model.didgrp.beb.pts.jigomc"
maxlength="35"
show-word-limit
placeholder="请输入联行名称 电证用"
:disabled="this.jigomcFlag"
></c-input>
</el-form-item>
</el-col>
</el-col>
<el-col :span="12">
<el-form-item label="地址">
<c-input type="textarea" v-model="model.didgrp.ben.adrelc" maxlength="35" show-word-limit placeholder="请输入地址" ></c-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="是否通过电证系统">
<c-select v-model="model.didgrp.rec.elcflg" style="width:100%" placeholder="请选择是否通过电证系统">
</c-select>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="开证类型">
<c-select v-model="model.didgrp.rec.dkflg" style="width:100%" placeholder="请选择开证类型">
</c-select>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="邮编 电证用">
<c-input v-model="model.didgrp.ben.pts.youzbm" maxlength="6" placeholder="请输入邮编 电证用"></c-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="邮编">
<c-input v-model="model.didgrp.ben.pts.dihdig" maxlength="16" placeholder="请输入邮编"></c-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="申请人统一社会信用代码">
<c-input v-model="model.didgrp.rec.idcode" maxlength="18" placeholder="请输入申请人统一社会信用代码"></c-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="受益人帐号">
<c-input v-model="model.didgrp.ben.pts.extact" maxlength="34" placeholder="请输入受益人帐号"></c-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="货押标识">
<c-select v-model="model.didgrp.rec.guaflg" style="width:100%" placeholder="请选择货押标识">
</c-select>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="Number of bank">
<c-input v-model="model.didgrp.beb.pts.bankno" maxlength="20" placeholder="请输入Number of bank"></c-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="假远期信用证">
<c-select v-model="model.didgrp.rec.jyqflg" style="width:100%" placeholder="请选择假远期信用证">
</c-select>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="联行名称 电证用">
<c-input type="textarea" v-model="model.didgrp.beb.pts.jigomc" maxlength="35" show-word-limit placeholder="请输入联行名称 电证用" ></c-input>
</el-form-item>
</el-col>
</div>
<c-grid-ety-prompt-dialog ref="etyDialog"
:title="gridPromptDialog.title"
:columnStr="gridPromptDialog.columnStr"
:data="gridPromptDialog.data"
:type="gridPromptDialog.type"
:rulePath="gridPromptDialog.rulePath"
v-on:select-ety="selectEty"
>
</c-grid-ety-prompt-dialog>
</el-row>
</template>
<script>
import Api from "~/service/Api"
import CodeTable from "~/config/CodeTable"
import Event from "~/model/Ditame/Event"
import Api from "~/service/Api";
import Event from "~/model/Ditopn/Event";
import Utils from "~/utils";
export default {
props:["model","codes"],
data(){
props: ["model", "codes"],
// mixins: [CommonProcess],
data() {
return {
declareParams: {
fileName: "ditopn.json",
basePath: "{{basePath}}",
method: "post",
scheme: "{{schemes}}",
host: "{{host}}",
consume: "0",
produce: "0",
uri: "/ditopn/getElcsRef",
},
jigomcFlag:false,
trade: "",
gridPromptDialog: {
title: '',
columnStr: '',
data: [],
type: '',
rulePath: ''
}
};
},
methods: {
...Event,
aplExtkeyEvent() {
Api.post("ditopn/executeRule/didgrp.apl.pts.extkey", Utils.getRequestDataFn.call(this)).then(
(res) => {
if (res.respCode = "AAAAAA"){
//失去焦点，避免多次触发
document.getElementById('extkey').blur();
if (res.data.params) {
Utils.copyValueFromVO(this.model, res.data);
} else {
this.$refs.etyDialog.show = true
this.gridPromptDialog.title = res.data.title
this.gridPromptDialog.columnStr = res.data.columns
this.gridPromptDialog.data = res.data.vals.rows
this.gridPromptDialog.type = 'extkey'
this.gridPromptDialog.rulePath = 'didgrp.apl.pts.extkey'
}
}
}
);
},
benExtkeyEvent() {
Api.post("ditopn/executeRule/didgrp.ben.pts.extkey", Utils.getRequestDataFn.call(this)).then(
(res) => {
if (res.respCode = "AAAAAA"){
if (res.data.params) {
Utils.copyValueFromVO(this.model, res.data);
} else {
this.$refs.etyDialog.show = true
this.gridPromptDialog.title = res.data.title
this.gridPromptDialog.columnStr = res.data.columns
this.gridPromptDialog.data = res.data.vals.rows
this.gridPromptDialog.type = 'extkey'
this.gridPromptDialog.rulePath = 'didgrp.ben.pts.extkey'
}
}
}
);
},
apbPtsBanknoEvent() {
Api.post("ditopn/executeRule/didgrp.apb.pts.bankno", Utils.getRequestDataFn.call(this)).then(
(res) => {
if (res.respCode = "AAAAAA"){
if (res.data.params) {
Utils.copyValueFromVO(this.model, res.data);
} else {
this.$refs.etyDialog.show = true
this.gridPromptDialog.title = res.data.title
this.gridPromptDialog.columnStr = res.data.columns
this.gridPromptDialog.data = res.data.vals.rows
this.gridPromptDialog.type = 'bankno'
this.gridPromptDialog.rulePath = 'didgrp.apb.pts.bankno'
}
}
}
)
},
banknoEvent() {
// const data = Utils.flatObject(this.model);
// var temp = this.model.didgrp.beb.pts.bankno;
// if (temp.length < 6){
// return;
// }
Api.post("ditopn/executeRule/didgrp.beb.pts.bankno", Utils.getRequestDataFn.call(this)).then(
(res) => {
if (res.respCode = "AAAAAA"){
if (res.data.params) {
Utils.copyValueFromVO(this.model, res.data);
} else {
this.$refs.etyDialog.show = true
this.gridPromptDialog.title = res.data.title
this.gridPromptDialog.columnStr = res.data.columns
this.gridPromptDialog.data = res.data.vals.rows
this.gridPromptDialog.type = 'bankno'
this.gridPromptDialog.rulePath = 'didgrp.beb.pts.bankno'
}
}
}
)
},
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);
}
}
);
},
selectEty(val, rulePath) {
const props = rulePath.replaceAll(".", "_")
const obj = {}
obj[props] = val;
Utils.copyValueFromVO(this.model, obj);
Api.post(`ditopn/executeRule/${rulePath}`, Utils.getRequestDataFn.call(this)).then(
(res) => {
if (res.respCode = "AAAAAA"){
Utils.copyValueFromVO(this.model, res.data);
}
}
);
}
},
methods:{...Event},
created:function(){
}
}
created: function () {},
computed:{
flag(){
return this.model.didgrp.apl.pts.extkey=="";
} ,
},
watch: {
declareParams() {},
},
};
</script>
<style>
</style>
src/views/Business/Ditame/Setpan.vue
<template>
<div class="eibs-tab">
<el-col :span="12">
<el-form-item label="our reference">
<c-input v-model="model.setmod.ref" maxlength="16" placeholder="请输入our reference"></c-input>
</el-form-item>
</el-col>
<el-col :span="12">
<span v-text="model.setmod.docamttyplab" data-path=".setmod.docamttyplab" > </span>
</el-col>
<el-col :span="12">
<el-form-item label="document currency">
<c-select v-model="model.setmod.doccur" style="width:100%" placeholder="请选择document currency">
</c-select>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="document amount">
<c-input v-model="model.setmod.docamt" placeholder="请输入document amount"></c-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="Type of settlement">
<c-select v-model="model.setmod.dspflg" style="width:100%" placeholder="请选择Type of settlement">
</c-select>
<el-row class="eibs-tab">
<!-- ====================顶部==================== -->
<el-col :span="6">
<el-form-item label="参考号" label-width="100px">
<c-input
v-model="model.setmod.ref"
maxlength="16"
:readonly="true"
placeholder="请输入our reference"
></c-input>
</el-form-item>
</el-col>
<el-col :span="4">
<el-form-item label="结算金额" label-width="100px">
<c-input
v-model="model.setmod.doccur"
style="width: 100%"
placeholder="CNY"
:readonly="true"
></c-input>
</el-form-item>
</el-col>
<el-col :span="4">
<el-form-item label="" label-width="20px">
<c-input
v-model="model.setmod.docamt"
:readonly="true"
placeholder="请输入document amount"
></c-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="类型" label-width="100px">
<c-select
v-model="model.setmod.dspflg"
disabled
style="width: 100%"
placeholder="请选择Type of settlement"
>
<el-option
v-for="item in codes.dspflg"
: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 v-model="model.setmod.zmqacc" maxlength="20" placeholder="请输入自贸区账号"></c-input>
</el-form-item>
</el-col>
<el-col :span="12">
</el-col>
<el-col :span="6" style="text-align:center">
<c-checkbox v-model="model.setmod.xreflg">Recalculate Rates</c-checkbox>
</el-col>
<el-col :span="12">
<c-button size="small" type="primary" @click="onSetmodDet">
细节
</c-button>
</el-col>
<el-col :span="12">
<span v-text="model.setmod.retmsg" data-path=".setmod.retmsg" > </span>
</el-col>
<el-col :span="12">
<el-form-item label="自�'�区主�'�号">
<c-input v-model="model.setmod.zmqacc" maxlength="20" placeholder="请输入自�'�区主�'�号"></c-input>
</el-form-item>
</el-col>
<el-col :span="12">
<span v-text="model.setmod.zmqacclab" data-path=".setmod.zmqacclab" > </span>
</el-col>
<el-col :span="12">
<span v-text="model.setmod.setglg.labdspflg" data-path=".setmod.setglg.labdspflg" > </span>
</el-col>
</div>
-->
<el-col :span="3" :offset="21">
<el-form-item label="" label-width="20px">
<c-button size="small" type="primary" @click="onSetmodDet">
细节
</c-button>
</el-form-item>
</el-col>
<!-- ==============中部表格===================== -->
<el-col :span="24">
<el-form-item
label="Foreign Commission/Charges:"
label-width="210px"
>
</el-form-item>
</el-col>
<el-col :span="22" style="margin-bottom: 18px" :offset="1">
<c-table
style="text-align: center"
:list="model.setmod.setfog.setfol"
:paginationShow="false"
:border="true"
>
<el-table-column label="Payer" prop="ptydbt" width="auto">
<template slot-scope="scope">
<el-select v-model="scope.ptydbt">
<el-option
v-for="item in codes.ptydbt"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</el-select>
</template>
</el-table-column>
<el-table-column label="Payee" width="auto">
<template slot-scope="scope">
<el-select v-model="scope.Payee">
<el-option
v-for="item in codes.Payee"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</el-select>
</template>
</el-table-column>
<el-table-column label="Source" prop="src" width="auto">
</el-table-column>
<el-table-column label="Disp" prop="dsp" width="auto">
</el-table-column>
<el-table-column
label="Text for Payer"
prop="txtdbt"
width="auto"
>
</el-table-column>
<el-table-column
label="Text for Payee"
prop="txtpay"
width="auto"
>
</el-table-column>
<el-table-column label="Currency" prop="cur" width="auto">
<template slot-scope="scope">
<el-select v-model="scope.cur">
<el-option
v-for="item in codes.cur"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</el-select>
</template>
</el-table-column>
<el-table-column label="Amount" prop="amt" width="auto">
</el-table-column>
<el-table-column label="" prop="det" width="auto">
<template slot-scope="scope" slot="header">
<el-button
class="el-icon-circle-plus-outline"
size="mini"
@click="addRow(scope)"
>
</el-button>
<el-button
class="el-icon-remove-outline"
size="mini"
@click="removeRow(scope)"
>
</el-button>
</template>
<template slot-scope="scoped">
<el-button
size="mini"
@click="detail1(scoped.$index, scoped.row)"
>details</el-button
>
</template>
</el-table-column>
</c-table>
</el-col>
<el-col>
<el-dialog :visible.sync="dialogVisible" center>
<el-form :model="dialog">
<el-form-item label="收款人">
<el-select v-model="dialog.ptypay">
<el-option
v-for="item in codes.ptypay"
:key="item.value"
:labelF="item.label"
:value="item.value"
/>
</el-select>
</el-form-item>
<el-form-item label="收款人摘要"
><c-input v-model="dialog.txtpay" />
</el-form-item>
<el-form-item label="付款人">
<el-select v-model="dialog.ptydbt">
<el-option
v-for="item in codes.ptydbt"
:key="item.value"
:labelF="item.label"
:value="item.value"
/> </el-select
></el-form-item>
<el-form-item label="付款人摘要"
><c-input v-model="dialog.txtdbp" />
</el-form-item>
<el-form-item label="费用"
><c-select v-model="dialog.cur">
<el-option
v-for="item in codes.cur"
:key="item.value"
:labelF="item.label"
:value="item.value"
/>
</c-select>
<c-input v-model="dialog.amt" style="width: 200px"
/></el-form-item>
<el-form-item label-width="10em">
<c-checkbox v-model="dialog.forflg"
>CG00005</c-checkbox
>
</el-form-item>
</el-form>
<span slot="footer" class="dialog-footer">
<el-button type="primary" @click="saveDialog"
>确 定</el-button
>
<el-button @click="dialogVisible = false">取 消</el-button>
</span>
</el-dialog>
</el-col>
<!--=================== Own Commission/Charges:================== -->
<el-col :span="24" style="text-align: left">
<el-form-item label="Own Commission/Charges:"> </el-form-item>
</el-col>
<el-col :span="22" style="margin-bottom: 18px" :offset="1">
<c-table
style="text-align: center"
:list="model.setmod.setfeg.setfel"
:paginationShow="false"
:border="true"
>
<el-table-column label="Role" width="auto">
<template #default="scope">
<el-select v-model="scope.row.rol">
<el-option
v-for="item in codes.setfelRol"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</el-select>
</template>
</el-table-column>
<el-table-column label="Code" prop="feecod" width="auto">
</el-table-column>
<el-table-column label="Source" prop="src" width="auto">
</el-table-column>
<el-table-column label="Disp" width="auto">
<template #default="scope">
<el-select v-model="scope.row.dsp" @change="dispDefault">
<el-option
v-for="item in codes.setfeldsp"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</el-select>
</template>
</el-table-column>
<el-table-column label="Units" prop="unt" width="auto">
</el-table-column>
<el-table-column
label="Long Fee Text"
prop="feetxtinf"
width="auto"
>
</el-table-column>
<el-table-column label="Currency" prop="cur" width="auto">
</el-table-column>
<el-table-column
label="Original Amount"
prop="ogiamt"
width="auto"
>
</el-table-column>
<el-table-column label="Fee Amount" prop="amt" width="auto">
</el-table-column>
<el-table-column label="Details" prop="det" width="auto">
<template slot-scope="scoped">
<el-button
size="mini"
@click="detail2(scoped.$index, scoped.row)"
>details</el-button
>
</template>
</el-table-column>
</c-table>
</el-col>
<setpan-dialog v-if="dialogVisible2" :visible="dialogVisible2" :model="model" :idx="index" :codes="codes"/>
<el-col :span="24" style="text-align: left">
<el-form-item label="Settlement:" label-width="100px">
</el-form-item>
</el-col>
<el-col :span="22" style="margin-bottom: 18px" :offset="1">
<c-table
style="text-align: center"
:list="model.setmod.setglg.setgll"
:paginationShow="false"
:border="true"
>
<el-table-column label="Mod" prop="modflg" width="auto">
</el-table-column>
<el-table-column label="Role" prop="rol" width="auto">
</el-table-column>
<el-table-column label="in" prop="acccur" width="auto">
<template slot-scope="scope">
<el-select v-model="scope.row.acccur">
<el-option
v-for="item in codes.acccur"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</el-select>
</template>
</el-table-column>
<el-table-column
label="Amount Paid"
prop="fmtaccamt"
width="auto"
>
</el-table-column>
<el-table-column label="Disp." width="auto">
<template #default="scope">
<el-select v-model="scope.row.dsp">
<el-option
v-for="item in codes.setglldsp"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</el-select>
</template>
</el-table-column>
<el-table-column label="Account" prop="act" width="auto">
<template slot-scope="scope">
<el-select v-model="scope.row.act">
<el-option
v-for="item in scope.act"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</el-select>
</template>
</el-table-column>
<el-table-column label="C" prop="debcdtflg" width="auto">
</el-table-column>
<el-table-column label="Curr." prop="cur" width="auto">
</el-table-column>
<el-table-column
label="Original Amount"
prop="fmtamt"
width="auto"
>
</el-table-column>
<el-table-column label="Rate" prop="rat" width="auto">
</el-table-column>
<el-table-column label="" width="auto"> </el-table-column>
</c-table>
</el-col>
<el-col :span="12" style="margin-bottom: 10px;">
<span v-text="model.setmod.retmsg" data-path=".setmod.retmsg">
</span>
</el-col>
<el-col :span="12" style="margin-bottom: 10px;">
<span v-text="model.setmod.zmqacclab" data-path=".setmod.zmqacclab">
</span>
</el-col>
<el-col :span="12" style="margin-bottom: 10px;">
<span
v-text="model.setmod.setglg.labdspflg"
data-path=".setmod.setglg.labdspflg"
>
</span>
</el-col>
</el-row>
</template>
<script>
import Event from "~/model/Ditopn/Event";
import SetpanDialog from "./SetpanDialog.vue";
import Api from "~/service/Api"
import CodeTable from "~/config/CodeTable"
import Event from "~/model/Ditame/Event"
import Utils from "~/utils/index"
export default {
props:["model","codes"],
data(){
components: { SetpanDialog },
props: ["model", "codes"],
data() {
return {
}
dialogVisible: false,
dialogVisible2: false,
dialog: {
payee: "",
ptydbt: "",
txtpay: "",
txtdbt: "",
CG00005: "",
},
dialog2: {
feetxtinf:"",
feetxt:"",
},
index: 0,
};
},
methods:{...Event},
created:function(){
}
}
methods: {
...Event,
//第一个表格
addRow() {
let newRow = { ...dialog };
this.model.setmod.setfog.setfol.push(newRow);
},
removeRow() {
this.model.setmod.setfog.setfol.pop();
},
saveDialog() {
this.visiable = false;
this.model.setmod.setfog.setfol[this.index] = this.dialog;
},
// 第二个表格
detail1(index, row) {
Api.post("ditopn/executeDefault/det",Utils.getRequestDataFn.call(this)).then(res=>{
this.dialogVisible = true;
this.dialog = row;
this.index = index;
})
},
dispDefault(){
Api.post("ditopn/executeDefault/mac",Utils.getRequestDataFn.call(this)).then(res=>{
Utils.copyValueFromVO(this.model, res.data)
})
},
// 第三个表格
detail2(index, row) {
Api.post("ditopn/executeRule/det",Utils.getRequestDataFn.call(this)).then(res=>{
this.dialogVisible2 = true;
this.index = index;
this.dialog2 = row
})
},
},
created: function () {},
};
</script>
<style>
</style>
src/views/Business/Ditame/SetpanDialog.vue 0 → 100644
<template>
<el-dialog :visible.sync="visiable" center fullscreen destroy-on-close><el-col>
<el-form v-model="model.setmod.setfeg.setfel[idx]" inline>
<el-col>
<el-col :span="8">
<el-form-item label="费用代码">
<c-input
v-model="model.setmod.setfeg.setfel[idx].feecod"
disabled/>
</el-form-item>
</el-col>
<el-col :span="16">
<el-form-item label="中文描述">
<c-input
v-model="model.setmod.setfeg.setfel[idx].feetxt"
style="width: 350px"/>
<c-input
v-model="model.setmod.setfeg.setfel[idx].modflg"
disabled
style="width: 350px; margin-left: 100px"/>
</el-form-item>
</el-col>
</el-col>
<el-col>
<el-col :span="6">
<el-form-item label="详细信息">
<c-input
v-model="model.setmod.setfeg.setfel[idx].feetxtinf"
/>
</el-form-item
>
</el-col>
<el-col :span="6">
<el-form-item label="起算时间">
<c-input
v-model="model.setmod.setfeg.setfel[idx].dat1"
type="date"
/>
</el-form-item
>
</el-col>
<el-col :span="6">
<el-form-item label="结束时间">
<c-input
v-model="
model.setmod.setfeg.setfel[idx].dat2
"
type="date"
/>
</el-form-item
>
</el-col>
<el-col :span="6">
<el-form-item label="收取份数">
<c-input
v-model="model.setmod.setfeg.setfel[idx].unt"
/>
</el-form-item
>
</el-col>
</el-col>
<el-col>
<el-form-item label="费用换算">
<c-select
v-model="model.setmod.setfeg.setfel[idx].usrcur">
<el-option
v-for="item in codes.usrcur"
:label="item.label"
:value="item.value"
:key="item.value"
/>
</c-select>
<c-input
v-model="model.setmod.setfeg.setfel[idx].usramt"
style="width: 200px; margin-left: 50px"
/>
</el-form-item>
</el-col>
<el-col>
<el-col :span="8">
<el-form-item label="应收费用"
>
<c-input
v-model="model.setmod.setfeg.setfel[idx].cur"
disabled
style="width: 100px; margin-right: 10px"
/>
<c-input
v-model="model.setmod.setfeg.setfel[idx].ogiamt"
disabled
style="width: 200px"
/>
</el-form-item
>
</el-col>
<el-col :span="8">
<el-form-item label="优惠百分比"
>
<c-input v-model="model.setmod.setfeg.setfel[idx].dctrat" >
<template #append>%</template>
</c-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="Period calculation starting at">
<c-input
v-model="model.setmod.setfeg.setfel[idx].datrefbeg"
disabled/>
</el-form-item
>
</el-col>
</el-col>
<el-col>
<el-col :span="8">
<el-form-item label="付款方">
<c-select
v-model="model.setmod.setfeg.setfel[idx].rol">
<el-option
v-for="item in codes.rol"
:label="item.label"
:value="item.value"
:key="item.value"
/>
</c-select>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="优惠金额">
<c-input
v-model="model.setmod.setfeg.setfel[idx].dctamt"/>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="优惠后实收费用金额">
<c-input
v-model="model.setmod.setfeg.setfel[idx].amt"/>
</el-form-item>
</el-col>
</el-col>
<el-col>
<el-form-item
:label="idx==0?'Per mile fee depending on duration':
'A fixed amount per unit is caculated. This type will, for example, be used for correspondence charges.'"
/>
</el-col>
<el-col :span="12">
<el-col v-if="idx==0">
<el-col>
<el-form-item label="千分率">
<c-input
v-model="model.setmod.setfeg.setfel[idx].fecp1.ratcal"
style="width: 200px"
/>
</el-form-item>
</el-col>
<el-col>
<el-form-item label="最小值">
<c-select
v-model="model.setmod.setfeg.setfel[idx].fecp1.mincur"
style="width: 200px" >
<el-option
v-for="item in codes.mincur"
:label="item.label"
:value="item.value"
:key="item.value"
/>
</c-select>
<!-- v-model="model.setmod.setfeg.setfel[idx].fecp1.fec.minamt" -->
<c-input
style="width: 200px"
v-model="model.setmod.setfeg.setfel[idx].wrkfec.minamt"
/>
<c-input
style="width: 200px"
v-model="model.setmod.setfeg.setfel[idx].wrkfec.minfcc"
/>
</el-form-item>
</el-col>
<el-col>
<el-form-item label="最大值">
<c-select
v-model="model.setmod.setfeg.setfel[idx].fecp1.maxcur"
style="width: 200px" >
<el-option
v-for="item in codes.maxcur"
:label="item.label"
:value="item.value"
:key="item.value"
/>
</c-select>
<c-input
style="width: 200px;"
v-model="model.setmod.setfeg.setfel[idx].wrkfec.maxamt"/>
<c-input
style="width: 200px"
v-model="model.setmod.setfeg.setfel[idx].wrkfec.maxfcc"
/>
</el-form-item>
</el-col>
<el-col>
<el-form-item>
<c-checkbox
label="CG000652"
v-model="model.setmod.setfeg.setfel[idx].fecp1.jnwshx"
/>
</el-form-item>
</el-col>
</el-col>
<el-col v-else>
<el-form-item label="Amount">
<c-select v-model="model.setmod.setfeg.setfel[idx].wrkfec.ratcur">
<el-option
v-for="item in codes.cur"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</c-select>
<c-input
style="width:200px;"
v-model="model.setmod.setfeg.setfel[idx].wrkfec.untamt "
>
</c-input>
</el-form-item>
</el-col>
<el-col>
<el-form-item label="销项税">
<c-input
v-model="model.setmod.setfeg.setfel[idx].fecp1.taxrat"
disabled
style="width: 200px"
/>
</el-form-item>
</el-col>
<el-col>
<el-form-item label="客户属性">
<c-input
v-model="model.setmod.setfeg.setfel[idx].fecp1.custyp"
disabled
style="width: 200px"
/>
</el-form-item>
</el-col>
</el-col>
<el-col v-if="idx==0" :span="12">
<el-form-item label="Caiculation Base">
<c-input
v-model="model.setmod.setfeg.setfel[idx].fecp1.calcbs"
disabled
style="width: 200px"
/>
</el-form-item>
<el-form-item label="Calc.Period">
<c-select
v-model="model.setmod.setfeg.setfel[idx].fecp1.pertyp">
<el-option
v-for="item in codes.pertyp"
:label="item.label"
:value="item.value"
:key="item.value"
/>
</c-select>
</el-form-item>
<el-form-item label="Min.Periods">
<c-input
v-model="model.setmod.setfeg.setfel[idx].fecp1.per"
style="width: 200px"
/>
</el-form-item>
<el-form-item label="Rates to Apply per Period Tier"/>
<el-form-item label="from Perimod">
<c-input
style="width: 200px"
v-model="model.setmod.setfeg.setfel[idx].wrkfec.perbegtr2"
/>
<c-input
disabled
style="width: 200px; margin-left: 50px"
v-model="model.setmod.setfeg.setfel[idx].wrkfec.perrattr2"
/>
</el-form-item>
<el-form-item label="from Perimod">
<c-input
disabled
style="width: 200px"
v-model="model.setmod.setfeg.setfel[idx].wrkfec.perbegtr3"
/>
<c-input
disabled
style="width: 200px; margin-left: 50px"
v-model="model.setmod.setfeg.setfel[idx].wrkfec.perrattr3"
/>
</el-form-item>
<el-form-item label="from Perimod">
<c-input
disabled
style="width: 200px"
v-model="model.setmod.setfeg.setfel[idx].wrkfec.perbegtr4"
/>
<c-input
disabled
style="width: 200px; margin-left: 50px"
v-model="model.setmod.setfeg.setfel[idx].wrkfec.perrattr4"
/>
</el-form-item>
<el-form-item label="from Perimod">
<c-input
disabled
style="width: 200px"
v-model="model.setmod.setfeg.setfel[idx].wrkfec.perbegtr5"
/>
<c-input
disabled
style="width: 200px; margin-left: 50px"
v-model="model.setmod.setfeg.setfel[idx].wrkfec.perrattr5"
/>
</el-form-item>
</el-col>
<el-col>&nbsp;</el-col>
<el-col :span="18" :offset="6">
<el-form-item label="收费的说明信息" >
<c-input
v-model="model.setmod.setfeg.setfel[idx].inftxt"
disabled
rows="10"
type="textarea"
style="width: 500px;"
/>
</el-form-item>
</el-col>
</el-form>
<el-col :span="4" :offset="8">
<c-button type="primary" @click="saveDialog">
确 定
</c-button>
</el-col>
<el-col :span="6" >
<c-button @click="visiable = false">取 消</c-button>
</el-col>
</el-col>
</el-dialog>
</template>
<script>
export default {
props: {
visible: Boolean,
model: Object,
idx: Number,
codes:Object,
},
methods: {
saveDialog() {
this.visiable = false;
},
},
computed:{
visiable:{
get:function () {return this.visible;},
set:function (value) {
this.$parent.$parent.dialogVisible2 =value;
}
}
}
};
</script>
<style>
</style>
src/views/Business/Ditame/Tk.vue
<template>
<div class="eibs-tab">
<el-col :span="12">
<!--
<el-col :span="24">
<span v-text="model.ditp.hwfwms" data-path=".ditp.hwfwms" > </span>
</el-col>
<el-col :span="12">
<el-form-item label="Description of Goods">
<c-input type="textarea" v-model="model.didgrp.blk.lcrgod" maxlength="65" show-word-limit placeholder="请输入Description of Goods" ></c-input>
</el-form-item>
</el-col>
<el-col :span="12">
<c-button size="small" type="primary" icon="el-icon-search" @click="onLcrgodButtxmsel">
...
</c-button>
-->
<el-col :span="24">
<el-form-item label="货物描述" prop="didgrp.blk.lcrgod">
<c-input type="textarea" :autosize="{ minRows: 6, maxRows: 8}" v-model="model.didgrp.blk.lcrgod" style="width:70%;margin-right:20px;" maxlength="1430" show-word-limit placeholder="请输入Description of Goods" ></c-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="Documents Required">
<c-input type="textarea" v-model="model.didgrp.blk.lcrdoc" maxlength="65" show-word-limit placeholder="请输入Documents Required" ></c-input>
</el-form-item>
</el-col>
<el-col :span="12">
<c-button size="small" type="primary" icon="el-icon-search" @click="onLcrdocButtxmsel">
...
</c-button>
<el-col :span="24">
<el-form-item label="单据要求" prop="didgrp.blk.lcrdoc">
<c-input type="textarea" :autosize="{ minRows: 6, maxRows: 8}" v-model="model.didgrp.blk.lcrdoc" maxlength="1950" style="width:70%;margin-right:20px;" show-word-limit placeholder="请输入单据要求" ></c-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="Additional Conditions">
<c-input type="textarea" v-model="model.didgrp.blk.adlcnd" maxlength="65" show-word-limit placeholder="请输入Additional Conditions" ></c-input>
</el-form-item>
</el-col>
<el-col :span="12">
<c-button size="small" type="primary" icon="el-icon-search" @click="onAdlcndButtxmsel">
...
</c-button>
<el-col :span="24">
<el-form-item label="附加条款" prop="didgrp.blk.adlcnd">
<c-input type="textarea" :autosize="{ minRows: 6, maxRows: 8}" v-model="model.didgrp.blk.adlcnd" style="width:70%;margin-right:20px;" maxlength="1430" show-word-limit placeholder="请输入附加条款" ></c-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="Instructions to Paying/Accepting/Negotiating Bank">
<c-input type="textarea" v-model="model.didgrp.blk.insbnk" maxlength="65" show-word-limit placeholder="请输入Instructions to Paying/Accepting/Negotiating Bank" ></c-input>
</el-form-item>
</el-col>
<el-col :span="12">
<c-button size="small" type="primary" icon="el-icon-search" @click="onInsbnkButtxmsel">
...
</c-button>
<el-col :span="24">
<el-form-item label="给付款丶承兑丶议付行的指示" prop="didgrp.blk.insbnk">
<c-input type="textarea" :autosize="{ minRows: 6, maxRows: 8}" v-model="model.didgrp.blk.insbnk" style="width:70%;margin-right:20px;" maxlength="325" show-word-limit placeholder="请输入付行的指示" ></c-input>
</el-form-item>
</el-col>
<el-col :span="12">
<c-checkbox v-model="model.didgrp.rec.redclsflg">Red/Green Clause</c-checkbox>
</el-col>
<!-- <el-col :span="24">-->
<!-- <el-form-item label="" prop="didgrp.rec.redclsflg">-->
<!-- <c-checkbox v-model="model.didgrp.rec.redclsflg">红/绿条款</c-checkbox>-->
<!-- </el-form-item>-->
<!-- </el-col> -->
</div>
</template>
<script>
import Api from "~/service/Api"
import CodeTable from "~/config/CodeTable"
import Event from "~/model/Ditame/Event"
import Event from "~/model/Ditopn/Event"
export default {
props:["model","codes"],
......
src/views/Business/Ditame/dialog.vue 0 → 100644
<template>
<el-dialog title="可用保证金条目" :visible.sync="dialogTableVisible">
<c-istream-table :list="stmData.data" :columns="stmData.columns" :showSelection="true" v-on:multipleSelect="multipleSelect">
</c-istream-table>
</el-dialog>
</template>
<script>
export default {
data() {
return {
dialogTableVisible: false,
stmData: {
columns: [
"10 1 \"TRN\" 50 1 tdViewTypeEdit:0 3 ATPTXT",
"11 2:1 \"Own Reference\" 112",
"17 2:2 \"Addtional Text\" 112",
"12 3 \"Cur\" 37",
"13 4 \"Relevant Amount\" 101 2 8:1 2 5",
"14 5 \"Entry\" 104 20 DateTime 1",
"9 6:1 \"Req\" 39",
"2 6:2 \"Sig\" 35",
"6 8:1 \"Rq0\" 40",
"3 8:2 \"Rel0\" 40",
"7 9:1 \"Rq1\" 40",
"4 9:2 \"Rel1\" 40",
"8 10:1 \"Rq2\" 40",
"5 10:2 \"Rel2\" 40",
"15 13 \"Branch\" 142",
"16 11:1 \"User\" 62",
"18 11:2 \"\" 62",
"0 12 \"Status\" 54 1 tdViewTypeEdit:0 1 RELSTA",
],
data: [
]
},
relrowDisabled: true,
multipleSelection: []
};
},
methods: {
closeMask() {
this.dialogTableVisible = true;
},
},
};
</script>
src/views/Business/Ditame/index.vue
This source diff could not be displayed because it is too large. You can view the blob instead.
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