Skip to content

V
vue-gjjs
Commit 506e68ef by fukai
Options

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

parents 1ccd2a67 24c30197
Showing with 2771 additions and 1257 deletions
src/views/Business/Ditame/Amep.vue
<template>
<c-row>
<!--
<c-row>
<!--
<c-col :span="12">
<el-form-item label="Drag Drop Sender">
<c-input v-model="model.ditamep.recget.sdamod.dadsnd" placeholder="请输入Drag Drop Sender"></c-input>
......@@ -12,64 +12,69 @@
<c-input v-model="model.didgrp.rec.ownref" maxlength="16" placeholder="请输入Reference"></c-input>
</el-form-item>
</c-col> -->
<c-col>
<c-col :span="10">
<el-form-item label="参考号">
<c-input
v-model="model.ditamep.recget.sdamod.seainf"
placeholder="请输入参考号"
disabled
></c-input>
</el-form-item>
</c-col>
<c-col :span="2">
<el-form-item label-width="15px">
<c-button size="small" type="primary" icon="el-icon-search"></c-button>
</el-form-item>
</c-col>
<c-col>
<c-col :span="10">
<el-form-item label="参考号" prop="didgrp.rec.ownref">
<c-input
v-model="model.didgrp.rec.ownref"
placeholder="请输入参考号"
disabled
></c-input>
</el-form-item>
</c-col>
<c-col :span="1" style="text-align: right">
<el-form-item label-width="0">
<c-button
size="small"
type="primary"
icon="el-icon-search"
style="margin-left: 0"
></c-button>
</el-form-item>
</c-col>
<c-col :span="11">
<el-form-item label="摘要">
<c-input
v-model="model.didgrp.rec.nam"
maxlength="40"
disabled
></c-input>
</el-form-item>
</c-col>
</c-col>
<c-col :span="12">
<el-form-item label="修改日期">
<c-date-picker
type="date"
v-model="model.trnmod.swiadd.amedat"
style="width: 100%"
placeholder="请选择修改日期"
></c-date-picker>
</el-form-item>
</c-col>
<c-col :span="12"> <el-form-item>&nbsp;</el-form-item></c-col>
<c-col :span="11" :offset="1">
<el-form-item label="摘要" prop="didgrp.rec.nam">
<c-input
v-model="model.didgrp.rec.nam"
maxlength="40"
disabled
></c-input>
</el-form-item>
</c-col>
</c-col>
<c-col :span="11">
<el-form-item label="修改日期">
<c-date-picker
type="date"
v-model="model.trnmod.swiadd.amedat"
style="width: 100%"
placeholder="请选择修改日期"
></c-date-picker>
</el-form-item>
</c-col>
<!-- <c-col :span="12"> <el-form-item>&nbsp;</el-form-item></c-col> -->
<c-col :span="12">
<el-form-item label="修改次数">
<c-input
v-model="model.trnmod.swiadd.amenbr"
placeholder="请输入修改次数"
></c-input>
</el-form-item>
</c-col>
<c-col :span="6" :offset="1">
<el-form-item label="修改次数" prop="trnmod.swiadd.amenbr">
<c-input
v-model="model.trnmod.swiadd.amenbr"
placeholder="请输入修改次数"
></c-input>
</el-form-item>
</c-col>
<c-col :span="11">
<el-form-item label="实际修改次数">
<c-input
v-model="model.ditamep.amenbr"
placeholder="请输入实际修改次数"
disabled
></c-input>
</el-form-item>
</c-col>
<c-col :span="5">
<el-form-item label="实际修改次数" label-width="130px" prop="ditamep.amenbr">
<c-input
v-model="model.ditamep.amenbr"
placeholder="请输入实际修改次数"
disabled
></c-input>
</el-form-item>
</c-col>
<!-- <c-col :span="12">
<!-- <c-col :span="12">
<el-form-item label="Currency">
<c-input
v-model="model.didgrp.cbs.nom1.cur"
......@@ -78,230 +83,278 @@
></c-input>
</el-form-item>
</c-col> -->
<c-col :span="9">
<el-form-item label="信用证金额">
<c-input
v-model="model.olddidgrp.cbs.nom1.amt"
disabled
style="width: 100px"
></c-input>
<c-input
v-model="model.olddidgrp.cbs.nom1.amt"
style="width: 150px; margin-left: 20px"
disabled
></c-input>
</el-form-item>
<!-- ===========left======== -->
<c-col :span="11">
<c-col :span="24">
<c-col :span="13">
<el-form-item label="信用证金额" prop="didgrp.cbs.nom1.cur">
<c-input
v-model="model.didgrp.cbs.nom1.cur"
disabled
style="width: 95%"
></c-input>
</el-form-item>
</c-col>
<c-col :span="6">
<el-form-item label="溢短装" label-width="60px">
<c-input
v-model="model.olddidgrp.rec.nomtop"
style="width: 100px"
disabled
></c-input>
<c-input
v-model="model.olddidgrp.rec.nomton"
style="width: 100px; margin-left: 20px"
disabled
></c-input>
</el-form-item>
<c-col :span="11">
<el-form-item label="" label-width="0" prop="olddidgrp.cbs.nom1.amt">
<c-input
v-model="model.olddidgrp.cbs.nom1.amt"
style="width: 100%"
disabled
></c-input>
</el-form-item>
</c-col>
<c-col :span="8">
<el-form-item label="最大金额" label-width="100px;">
<c-input
v-model="model.olddidgrp.cbs.max.cur"
maxlength="3"
placeholder="请输入Currency"
style="width: 150px"
disabled
></c-input>
<c-input
v-model="model.olddidgrp.cbs.max.cur"
maxlength="3"
style="width: 150px; margin-left: 20px"
disabled
></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="溢短装" prop="olddidgrp.rec.nomtop">
<c-input
v-model="model.olddidgrp.rec.nomtop"
style="width: 45%"
disabled
></c-input>
<label style="display: inline-block; width: 28px; text-align: center"
>-</label>
<c-input
v-model="model.olddidgrp.rec.nomton"
style="width: 45%"
disabled
></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<c-col :span="13">
<el-form-item label="增减金额" prop="trnmod.swiadd.amecur">
<c-input
v-model="model.trnmod.swiadd.amecur"
style="width: 95%"
disabled
>
</c-input>
</el-form-item>
</c-col>
<!-- <c-col :span="12">
<el-form-item label="Balance">
<c-input
v-model="model.olddidgrp.cbs.max.amt"
placeholder="请输入Balance"
></c-input>
</el-form-item>
</c-col> -->
<c-col :span="12">
<el-form-item label="增减金额">
<c-input
v-model="model.trnmod.swiadd.amecur"
style="width: 100px"
disabled
>
</c-input>
<c-input
v-model="model.trnmod.swiadd.ameamt"
style="width: 150px; margin-left: 20px"
></c-input>
</el-form-item>
<c-col :span="11">
<el-form-item label="" label-width="0" prop="trnmod.swiadd.ameamt">
<c-input
v-model="model.trnmod.swiadd.ameamt"
style="width: 100%"
></c-input>
</el-form-item>
</c-col>
</c-col>
<c-col :span="24">
<c-col :span="13">
<el-form-item label="修改后金额" prop="trnmod.swiadd.newcur">
<c-input
v-model="model.trnmod.swiadd.newcur"
style="width: 95%"
disabled
>
</c-input>
</el-form-item>
</c-col>
<c-col :span="11">
<el-form-item label="修改总金额" label-width="230px" >
<c-input
v-model="model.ditamep.engcur"
style="width: 150px"
disabled
></c-input>
<c-input
v-model="model.ditamep.engamt"
style="width: 150px; margin-left: 20px"
disabled
>
</c-input>
</el-form-item>
<el-form-item label="" label-width="0" prop="trnmod.swiadd.newamt">
<c-input
v-model="model.trnmod.swiadd.newamt"
style="width: 100%"
></c-input>
</el-form-item>
</c-col>
</c-col>
</c-col>
<!-- ===========right======== -->
<c-col :span="11" :offset="1">
<c-col :span="24">
<c-col :span="13">
<el-form-item label="最大金额" prop="olddidgrp.cbs.max.cur">
<c-input
v-model="model.olddidgrp.cbs.max.cur"
maxlength="3"
placeholder="请输入Currency"
style="width: 95%"
disabled
></c-input>
</el-form-item>
</c-col>
<c-col :span="11">
<el-form-item label="" label-width="0" prop="olddidgrp.cbs.max.amt">
<c-input
v-model="model.olddidgrp.cbs.max.amt"
maxlength="3"
style="width: 100%"
disabled
></c-input>
</el-form-item>
</c-col>
</c-col>
<c-col :span="24">
<c-col :span="13">
<el-form-item label="修改总金额" prop="ditamep.engcur">
<c-input
v-model="model.ditamep.engcur"
style="width: 95%"
disabled
></c-input>
</el-form-item>
</c-col>
<c-col :span="11">
<el-form-item label="" label-width="0" prop="ditamep.engamt">
<c-input
v-model="model.ditamep.engamt"
style="width: 100%"
disabled
>
</c-input>
</el-form-item>
</c-col>
</c-col>
<c-col :span="24">
<c-col :span="13">
<el-form-item label="" prop="ditamep.maxcur">
<c-input
v-model="model.ditamep.maxcur"
maxlength="3"
style="width: 95%"
disabled
></c-input>
</el-form-item>
</c-col>
<c-col :span="11">
<el-form-item label="" label-width="0" prop="ditamep.maxamt">
<c-input
v-model="model.ditamep.maxamt"
style="width: 100%"
disabled
></c-input>
</el-form-item>
</c-col>
</c-col>
<c-col :span="24">
<el-form-item prop="trnmod.swiadd.newnomtopame">
<c-input
v-model="model.trnmod.swiadd.newnomtopame"
style="width: 45%"
></c-input>
<label style="display: inline-block; width: 28px; text-align: center">-</label>
<c-input
v-model="model.trnmod.swiadd.newnomtoname"
style="width: 45%"
></c-input>
</el-form-item>
</c-col>
</c-col>
<c-col :span="9">
<el-form-item label="修改后金额">
<c-input
v-model="model.trnmod.swiadd.newcur"
style="width: 100px"
disabled
>
</c-input>
<!-- <c-col :span="12">
<el-form-item label="Balance">
<c-input
v-model="model.trnmod.swiadd.newamt"
style="width: 150px; margin-left: 20px"
v-model="model.olddidgrp.cbs.max.amt"
placeholder="请输入Balance"
></c-input>
</el-form-item>
</c-col>
</c-col> -->
<c-col :span="6">
<el-form-item label-width="60px">
<c-input
v-model="model.trnmod.swiadd.newnomtopame"
style="width: 100px"
></c-input>
<c-input
v-model="model.trnmod.swiadd.newnomtoname"
style="width: 100px; margin-left: 20px"
></c-input>
</el-form-item>
</c-col>
<c-col :span="8">
<el-form-item label=" " label-width="60px">
<c-input
v-model="model.ditamep.maxcur"
maxlength="3"
style="width: 150px"
disabled
></c-input>
<c-input
v-model="model.ditamep.maxamt"
style="width: 150px; margin-left: 20px"
disabled
></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="到期日">
<c-date-picker
type="date"
v-model="model.olddidgrp.rec.expdat"
style="width: 100%"
placeholder="请选择到期日"
disabled
></c-date-picker>
</el-form-item>
</c-col>
<c-col :span="11">
<el-form-item label="到期日">
<c-date-picker
type="date"
v-model="model.olddidgrp.rec.expdat"
style="width: 100%"
placeholder="请选择到期日"
disabled
></c-date-picker>
</el-form-item>
</c-col>
<c-col :span="11">
<el-form-item label="最迟货物装运日">
<c-date-picker
type="date"
v-model="model.olddidgrp.rec.shpdat"
style="width: 100%"
placeholder="请选择Shipment Date"
disabled
></c-date-picker>
</el-form-item>
</c-col>
<c-col :span="11" :offset="1">
<el-form-item label="最迟货物装运日">
<c-date-picker
type="date"
v-model="model.olddidgrp.rec.shpdat"
style="width: 100%"
placeholder="请选择Shipment Date"
disabled
></c-date-picker>
</el-form-item>
</c-col>
<!-- <c-col :span="12">
<!-- <c-col :span="12">
<span v-text="model.ditamep.zchday" data-path=".ditamep.zchday">
</span>
</c-col> -->
<c-col :span="12">
<el-form-item label="新到期日">
<c-date-picker
type="date"
v-model="model.trnmod.swiadd.newexpdat"
style="width: 100%"
placeholder="请选择新到期日"
></c-date-picker>
</el-form-item>
</c-col>
<c-col :span="11">
<el-form-item label="新到期日">
<c-date-picker
type="date"
v-model="model.trnmod.swiadd.newexpdat"
style="width: 100%"
placeholder="请选择新到期日"
></c-date-picker>
</el-form-item>
</c-col>
<c-col :span="11">
<el-form-item label="新最迟货物装运日">
<c-date-picker
type="date"
v-model="model.trnmod.swiadd.newshpdat"
style="width: 100%"
placeholder="请选择New Shipmentdate"
></c-date-picker>
</el-form-item>
</c-col>
<c-col :span="11" :offset="1">
<el-form-item label="新最迟货物装运日">
<c-date-picker
type="date"
v-model="model.trnmod.swiadd.newshpdat"
style="width: 100%"
placeholder="请选择New Shipmentdate"
></c-date-picker>
</el-form-item>
</c-col>
<!-- <c-col :span="12">
<!-- <c-col :span="12">
<span v-text="model.ditamep.newday" data-path=".ditamep.newday">
</span>
</c-col> -->
<c-col :span="24">
<c-col :span="11">
<el-form-item label="货物装运地(港)">
<c-input
type="textarea"
v-model="model.trnmod.swiadd.shpfroelc"
maxlength="35"
show-word-limit
:rows="2"
placeholder="请输入Shipment from"
></c-input>
</el-form-item>
</c-col>
<c-col :span="11" :offset="1">
<el-form-item label="报文类型">
<c-input disabled></c-input>
</el-form-item>
</c-col>
</c-col>
<c-col :span="12">
<el-form-item label="货物装运地(港)">
<c-input
type="textarea"
v-model="model.trnmod.swiadd.shpfroelc"
maxlength="35"
show-word-limit
:rows="5"
placeholder="请输入Shipment from"
></c-input>
</el-form-item>
</c-col>
<!-- <c-col :span="12">
<!-- <c-col :span="12">
<span v-text="model.ditamep.hwzydi" data-path=".ditamep.hwzydi">
</span>
</c-col> -->
<c-col :span="11">
<el-form-item label="货物目的地/交货地(港)">
<c-input
type="textarea"
v-model="model.trnmod.swiadd.shptoelc"
maxlength="35"
show-word-limit
:rows="5"
placeholder="请输入货物目的地/交货地(港)"
></c-input>
</el-form-item>
</c-col>
<!--
<c-col :span="11">
<el-form-item label="货物目的地/交货地(港)">
<c-input
type="textarea"
v-model="model.trnmod.swiadd.shptoelc"
maxlength="35"
show-word-limit
:rows="2"
placeholder="请输入货物目的地/交货地(港)"
></c-input>
</el-form-item>
</c-col>
<!--
<c-col :span="12">
<span
v-text="model.ditamep.ramrollab"
......@@ -326,7 +379,7 @@
>Create Amendment Message</c-checkbox
>
</c-col> -->
</c-row>
</c-row>
</template>
<script>
import Api from "~/service/Api";
......@@ -335,14 +388,14 @@ import CodeTable from "~/config/CodeTable";
import Event from "~/model/Ditame/Event";
export default {
inject: ['root'],
props: ["model", "codes"],
mixins: [CommonProcess],
data() {
return {};
},
methods: { ...Event },
created: function () {},
inject: ["root"],
props: ["model", "codes"],
mixins: [CommonProcess],
data() {
return {};
},
methods: { ...Event },
created: function () {},
};
</script>
<style>
......
src/views/Business/Ditame/Detp copy.vue 0 → 100644
<template>
<div class="eibs-tab">
<!-- ========================= Left ========================= -->
<c-col :span="11">
<el-form-item label="信用证兑付方式" prop="didgrp.rec.avbby">
<c-select v-model="model.didgrp.rec.avbby" style="width:100%" @change="avbbykeyEvent" placeholder="请选择">
<el-option v-for="item in codes.avbby0" :key="item.value" :label="item.label" :value="item.value">
</el-option>
</c-select>
</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">
<c-col :span="10">
<c-select v-model="model.didgrp.rec.concur" style="width:90%" placeholder="请选择">
<el-option label="CNY 人民币" value="CNY"></el-option>
</c-select>
</c-col>
<c-col :span="14">
<c-input v-model="model.didgrp.rec.conamt" placeholder="请输入"></c-input>
</c-col>
</el-form-item>
</c-col>
<!-- ========================= Right ========================= -->
<c-col :span="11" :offset="1">
<el-form-item label="分批装运货物" prop="didgrp.rec.shppar">
<c-select v-model="model.didgrp.rec.shppar" style="width:50%" placeholder="请选择">
<el-option v-for="item in codes.shppar" :key="item.value" :label="item.label" :value="item.value">
</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>
</c-col>
<!-- <c-col :span="12">
<el-form-item label="合同币种" prop="didgrp.rec.concur">
<c-select v-model="model.didgrp.rec.concur" style="width:100%" placeholder="请选择">
<el-option label="CNY 人民币" value="CNY"></el-option>
</c-select>
</el-form-item>
</c-col> -->
<!-- <c-col :span="12">
<span v-text="model.ditp.sdysfs" data-path=".ditp.sdysfs" > </span>
</c-col>
<c-col :span="12">
<span v-text="model.ditp.hwzydi" data-path=".ditp.hwzydi" > </span>
</c-col> -->
</div>
</template>
<script>
import Api from "~/service/Api"
import CommonProcess from "~/mixin/CommonProcess";
import CodeTable from "~/config/CodeTable"
import Event from "~/model/Ditopn/Event"
import Utils from "~/utils";
export default {
inject: ['root'],
mixins: [CommonProcess],
props:["model","codes"],
data(){
return {
flag:false,
mytypeFlag:true,
}
},
methods:{...Event,
preperflgExtkeyEvent(){
this.flag = !this.model.didgrp.blk.preperflg
if (this.flag === true){
this.model.didgrp.blk.preper = "货物装运日后15天";
}
},
avbbykeyEvent(){
if(this.model.didgrp.rec.avbby == 'P'){
this.model.didgrp.rec.tenmaxday = 0;
this.model.didgrp.blk.defdet = "";
}
this.executeCheck("didgrp.rec.avbby").then(
(res) => {
if (res.respCode == SUCCESS){
Utils.copyValueFromVO(this.model, res.data);
}
}
);
},
recTenmaxdayEvent(){
this.executeDefault("didgrp.rec.tenmaxday").then(
(res) => {
if (res.respCode = SUCCESS){
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/Detp.vue
......@@ -10,32 +10,42 @@
</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 label="付款期限" prop="didgrp.rec.tenmaxday" >
<c-input :disabled="model.didgrp.rec.avbby == 'P'" v-model.number="model.didgrp.rec.tenmaxday" placeholder="请输入" style="width:17%" maxlength="3"></c-input>
</el-form-item>
<el-form-item label="远期付款指示" prop="didgrp.blk.defdet">
<c-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-col :span="21">
<c-input type="textarea" :disabled="model.didgrp.rec.avbby == 'P'" v-model="model.didgrp.blk.defdet" style="width:100%" maxlength="140" show-word-limit placeholder="请输入" :autosize="{ minRows: 3,maxRows:5}"></c-input>
</c-col>
<c-col :span="3" style="text-align: right">
<c-button size="small" style="margin:0 0;" type="primary" icon="el-icon-search" @click="onDefdetButtxmsel">
</c-button>
</c-col>
</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-col :span="21">
<c-input type="textarea" v-model="model.didgrp.blk.preper" :disabled="this.flag" style="width:100%" maxlength="105" show-word-limit placeholder="请输入"></c-input>
</c-col>
<c-col :span="3" style="text-align: right">
<c-button size="small" type="primary" style="margin:0 0;" icon="el-icon-search" @click="onPreperButtxmsel">
</c-button>
</c-col>
</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-form-item label="货物运输/交货/服务方式" prop="didgrp.rec.tratyp">
<c-col :span="10">
<c-select v-model="model.didgrp.rec.tratyp" style="width:90%" placeholder="请选择" @change="recTratypChange" :disabled="model.didgrp.rec.mytype == 'F'">
<el-option v-for="item in codes.tratyp" :key="item.value" :label="item.label"
:value="item.value">
</el-option>
</c-select>
</c-col>
</el-form-item>
<el-form-item v-if="model.didgrp.rec.mytype == 'H'" label="手输运输方式" prop="didgrp.rec.sdsrfs">
......
src/views/Business/Ditame/Detp1 copy.vue 0 → 100644
<template>
<div class="eibs-tab">
<!-- <c-row> -->
<c-col :span="24">
<c-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>
</c-col>
</c-col>
<!-- =========================通知行========================= -->
<c-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="showGridPromptDialog('didgrp.adv.pts.extkey')"
disabled
></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="showGridPromptDialog('didgrp.adv.pts.bankno')"
disabled
></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>
<c-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> </c-col
><c-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>
</c-col>
</c-col>
<!-- =========================开证行========================= -->
<c-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="showGridPromptDialog('didgrp.iss.pts.extkey')"
></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>
<c-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>
</c-col>
<c-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>
</c-col>
</c-col>
<!-- ============= 议付行 ========================= -->
<c-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="showGridPromptDialog('didgrp.avb.pts.bankno')"
></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>
</c-col>
<!-- =========================保兑行========================= -->
<c-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="showGridPromptDialog('didgrp.rmb.pts.bankno')"
></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>
</c-col>
<c-col :span="24">&nbsp;</c-col>
<!-- ========================转让行 ======================== -->
<c-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>
<!-- </c-row> -->
<el-form-item label="转让行联行行号" prop="didgrp.cmb.pts.bankno">
<c-input
:disabled="model.didgrp.rec.lcrtyp != 'IT'"
v-model="model.didgrp.cmb.pts.bankno"
maxlength="20"
placeholder="请输入Number of bank"
@keyup.enter.native="showGridPromptDialog('didgrp.cmb.pts.bankno')"
></c-input>
</el-form-item>
<el-form-item 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>
</c-col>
<!-- ========================申请行 ======================== -->
<c-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="showGridPromptDialog('didgrp.apc.pts.bankno')"
></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
> <c-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>
</c-col><c-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>
</c-col>
</c-col>
</div>
</template>
<script>
import Api from "~/service/Api";
import CommonProcess from "~/mixin/CommonProcess";
import Event from "~/model/Ditopn/Event";
import Utils from "~/utils";
export default {
inject: ['root'],
props: ["model", "codes"],
mixins: [CommonProcess],
data() {
return {
};
},
methods: {
...Event
},
created: function () {}
};
</script>
<style>
</style>
src/views/Business/Ditame/Detp1.vue
<template>
<div class="eibs-tab">
<!-- <c-row> -->
<c-col :span="24">
<c-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>
</c-col>
</c-col>
<!-- =========================通知行========================= -->
<c-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="showGridPromptDialog('didgrp.adv.pts.extkey')"
disabled
></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="showGridPromptDialog('didgrp.adv.pts.bankno')"
disabled
></c-input>
</el-form-item>
<div class="eibs-tab">
<!-- <c-row> -->
<!--=== ==========左边=============== -->
<c-col :span="11">
<c-col :span="24">
<el-form-item label="通知行参考号" prop="didgrp.rec.tzref">
<c-input
v-model="model.didgrp.rec.tzref"
maxlength="35"
placeholder="请输入通知行编号"
></c-input>
</el-form-item>
</c-col>
<!-- =========================通知行========================= -->
<c-col :span="24">
<el-form-item label="通知行BIC" prop="didgrp.adv.pts.extkey">
<c-input
v-model="model.didgrp.adv.pts.extkey"
maxlength="16"
placeholder="请输入External Key of Address"
@keyup.enter.native="showGridPromptDialog('didgrp.adv.pts.extkey')"
></c-input>
</el-form-item>
</c-col>
<!-- <el-form-item label="通知行联行行号" prop="didgrp.adv.pts.bankno">
<c-input
v-model="model.didgrp.adv.pts.bankno"
maxlength="20"
placeholder="请输入Number of bank"
@keyup.enter.native="showGridPromptDialog('didgrp.adv.pts.bankno')"
></c-input>
</el-form-item>
<el-form-item label="通知行联行名称" prop="didgrp.adv.pts.jigomc">
<c-input
disabled
type="textarea"
v-model="model.didgrp.adv.pts.jigomc"
maxlength="35"
show-word-limit
placeholder="请输入联行名称 电证用"
></c-input>
</el-form-item>
<el-form-item label="通知行地址" prop="didgrp.adv.pts.dizhii">
<c-input
disabled
type="textarea"
v-model="model.didgrp.adv.pts.dizhii"
maxlength="35"
show-word-limit
placeholder="请输入地址 电证用"
></c-input>
</el-form-item>
<c-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> </c-col
><c-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>
</c-col>
</c-col>
<el-form-item label="通知行联行名称" prop="didgrp.adv.pts.jigomc">
<c-input
disabled
type="textarea"
v-model="model.didgrp.adv.pts.jigomc"
maxlength="35"
show-word-limit
placeholder="请输入联行名称 电证用"
></c-input>
</el-form-item>
<el-form-item label="通知行地址" prop="didgrp.adv.pts.dizhii">
<c-input
disabled
type="textarea"
v-model="model.didgrp.adv.pts.dizhii"
maxlength="35"
show-word-limit
placeholder="请输入地址 电证用"
></c-input>
</el-form-item> -->
<c-ptapdome
:disabledJigomc="true"
:disabledDizhii="true"
:model="model"
:argadr="{
title: '通知行',
rol: 'adv',
grp: 'didgrp'
}"
></c-ptapdome>
<c-col :span="13">
<el-form-item label="通知行邮编" prop="didgrp.adv.pts.youzbm">
<c-input
disabled
v-model="model.didgrp.adv.pts.youzbm"
maxlength="6"
placeholder="请输入邮编 电证用"
></c-input>
</el-form-item> </c-col
><c-col :span="11">
<el-form-item
label="通知行电话"
prop="didgrp.adv.pts.dihdig"
label-width="100px"
>
<c-input
disabled
v-model="model.didgrp.adv.pts.dihdig"
maxlength="16"
placeholder="请输入电话"
></c-input>
</el-form-item>
</c-col>
<!-- ============= 议付行 ========================= -->
<c-col :span="13">
<el-form-item label="是否可议付" prop="didgrp.rec.fenctg">
<c-select
v-model="model.didgrp.rec.fenctg"
style="width: 100%"
placeholder="请选择是否可议付"
>
<el-option
v-for="item in codes.fenctg"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</c-select>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="指定的有关银行 " prop="didgrp.rec.avbwth">
<c-select
:disabled="model.didgrp.rec.fenctg != 'Y'"
v-model="model.didgrp.rec.avbwth"
style="width: 100%"
placeholder="请选择指定的有关银行"
>
<el-option
v-for="item in codes.avbwth"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</c-select>
</el-form-item>
</c-col>
<!-- <el-form-item label="议付行联行行号" prop="didgrp.avb.pts.bankno">
<c-input
:disabled="model.didgrp.rec.fenctg != 'Y'"
v-model="model.didgrp.avb.pts.bankno"
maxlength="20"
placeholder="请输入Number of bank"
@keyup.enter.native="showGridPromptDialog('didgrp.avb.pts.bankno')"
></c-input>
</el-form-item>
<el-form-item label="议付行名称" prop="didgrp.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> -->
<c-ptapdome
:disabledBankno="model.didgrp.rec.fenctg != 'Y'"
:disabledJigomc="true"
:disabledDizhii="model.didgrp.rec.fenctg != 'Y'"
:model="model"
:argadr="{
title: '议付行',
rol: 'avb',
grp: 'didgrp'
}"
></c-ptapdome>
<!-- ========================转让行 ======================== -->
<c-col :span="13">
<el-form-item label="是否可以转让" prop="didgrp.rec.lcrtyp">
<c-select
v-model="model.didgrp.rec.lcrtyp"
style="width: 100%"
placeholder="请选择"
>
<el-option
v-for="item in codes.lcrtyp"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</c-select>
</el-form-item>
</c-col>
<!-- </c-row> -->
<!-- <el-form-item label="转让行联行行号" prop="didgrp.cmb.pts.bankno">
<c-input
:disabled="model.didgrp.rec.lcrtyp != 'IT'"
v-model="model.didgrp.cmb.pts.bankno"
maxlength="20"
placeholder="请输入Number of bank"
@keyup.enter.native="showGridPromptDialog('didgrp.cmb.pts.bankno')"
></c-input>
</el-form-item>
<el-form-item 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> -->
<c-ptapdome
:disabledBankno="model.didgrp.rec.lcrtyp != 'IT'"
:disabledJigomc="true"
:disabledDizhii="model.didgrp.rec.lcrtyp != 'IT'"
:model="model"
:argadr="{
title: '转让行',
rol: 'cmb',
grp: 'didgrp'
}"
></c-ptapdome>
</c-col>
<!--=== ==========右边=============== -->
<c-col :span="11" :offset="1">
<!-- =========================开证行========================= -->
<c-col :span="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="showGridPromptDialog('didgrp.iss.pts.extkey')"
></c-input>
</el-form-item>
<el-form-item label="开证行联行行号" prop="didgrp.iss.pts.bankno">
<c-col :span="24">
<el-form-item label="开证行BIC" prop="didgrp.iss.pts.extkey">
<c-input
v-model="model.didgrp.iss.pts.extkey"
maxlength="16"
placeholder="请输入External Key of Address"
@keyup.enter.native="showGridPromptDialog('didgrp.iss.pts.extkey')"
></c-input>
</el-form-item>
</c-col>
<!-- <el-form-item label="开证行联行行号" prop="didgrp.iss.pts.bankno">
<c-input
disabled
v-model="model.didgrp.iss.pts.bankno"
......@@ -111,260 +263,190 @@
show-word-limit
placeholder="请输入地址 电证用"
></c-input>
</el-form-item>
<c-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>
</c-col>
<c-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>
</c-col>
</c-col>
<!-- ============= 议付行 ========================= -->
<c-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="showGridPromptDialog('didgrp.avb.pts.bankno')"
></c-input>
</el-form-item>
</el-form-item> -->
<c-ptapdome
:disabledBankno="true"
:disabledJigomc="true"
:disabledDizhii="true"
:model="model"
:argadr="{
title: '开证行',
rol: 'iss',
grp: 'didgrp'
}"
:isIss="true"
></c-ptapdome>
<el-form-item label="议付行名称" prop="didgrp.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>
<c-col :span="13">
<el-form-item label="开证行邮编" prop="didgrp.iss.pts.youzbm">
<c-input
disabled
v-model="model.didgrp.iss.pts.youzbm"
maxlength="6"
placeholder="请输入邮编 电证用"
></c-input>
</el-form-item>
</c-col>
<c-col :span="11">
<el-form-item
label="开证行电话"
prop="didgrp.iss.pts.dihdig"
label-width="100px"
>
<c-input
disabled
v-model="model.didgrp.iss.pts.dihdig"
maxlength="16"
placeholder="请输入电话"
></c-input>
</el-form-item>
</c-col>
<!-- =========================保兑行========================= -->
<c-col :span="13">
<el-form-item label="是否可保兑" prop="didgrp.rec.bdflg">
<c-select
v-model="model.didgrp.rec.bdflg"
style="width: 100%"
placeholder="请选择是否可保兑"
>
<el-option
v-for="item in codes.bdflg"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</c-select>
</el-form-item>
</c-col>
<!-- =========================保兑行========================= -->
<c-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="showGridPromptDialog('didgrp.rmb.pts.bankno')"
></c-input>
</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="showGridPromptDialog('didgrp.rmb.pts.bankno')"
></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>
</c-col>
<c-col :span="24">&nbsp;</c-col>
<!-- ========================转让行 ======================== -->
<c-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>
<!-- </c-row> -->
<el-form-item label="转让行联行行号" prop="didgrp.cmb.pts.bankno">
<c-input
:disabled="model.didgrp.rec.lcrtyp != 'IT'"
v-model="model.didgrp.cmb.pts.bankno"
maxlength="20"
placeholder="请输入Number of bank"
@keyup.enter.native="showGridPromptDialog('didgrp.cmb.pts.bankno')"
></c-input>
</el-form-item>
<el-form-item 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>
</c-col>
<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> -->
<c-ptapdome
:disabledBankno="model.didgrp.rec.bdflg != 'Y'"
:disabledJigomc="true"
:disabledDizhii="model.didgrp.rec.bdflg != 'Y'"
:model="model"
:argadr="{
title: '保兑行',
rol: 'rmb',
grp: 'didgrp'
}"
></c-ptapdome>
<!-- ========================申请行 ======================== -->
<c-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="showGridPromptDialog('didgrp.apc.pts.bankno')"
></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
> <c-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>
</c-col><c-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>
</c-col>
<!-- <el-form-item label="申请行联行行号" prop="didgrp.apc.pts.bankno">
<c-input
v-model="model.didgrp.apc.pts.bankno"
maxlength="20"
placeholder="请输入Number of bank"
@keyup.enter.native="showGridPromptDialog('didgrp.apc.pts.bankno')"
></c-input>
</el-form-item>
<el-form-item label="申请行名称" prop="didgrp.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> -->
<c-ptapdome
:disabledJigomc="true"
:model="model"
:argadr="{
title: '申请行',
rol: 'apc',
grp: 'didgrp'
}"
></c-ptapdome>
<c-col :span="13">
<el-form-item label="申请人邮编" prop="didgrp.apc.pts.youzbm">
<c-input
v-model="model.didgrp.apc.pts.youzbm"
maxlength="6"
placeholder="请输入邮编 电证用"
></c-input>
</el-form-item>
</c-col>
<c-col :span="11">
<el-form-item
label="申请人电话"
prop="didgrp.apc.pts.dihdig"
label-width="100px"
>
<c-input
v-model="model.didgrp.apc.pts.dihdig"
maxlength="16"
placeholder="请输入电话 电证用"
></c-input>
</el-form-item>
</c-col>
</c-col>
<!-- <c-col :span="24">&nbsp;</c-col> -->
</div>
</div>
</template>
<script>
import Api from "~/service/Api";
import CommonProcess from "~/mixin/CommonProcess";
import Event from "~/model/Ditopn/Event";
import Utils from "~/utils";
import PtapDome from "~/views/Public/PtapDome";
export default {
inject: ['root'],
props: ["model", "codes"],
mixins: [CommonProcess],
data() {
return {
};
},
methods: {
...Event
},
created: function () {}
components: { "c-ptapdome": PtapDome },
inject: ["root"],
props: ["model", "codes"],
mixins: [CommonProcess],
data() {
return {};
},
methods: {
...Event,
},
created: function () {},
};
</script>
<style>
......
src/views/Business/Ditame/Ovwp copy.vue 0 → 100644
<template>
<c-row>
<!-- =================顶部====================== -->
<c-col :span="24">
<c-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>
</c-col>
<c-col :span="4">
<el-form-item label="" label-width="15px">
<c-button
size="small"
type="primary"
@click="onSeainf"
icon="el-icon-search"
></c-button
>
<c-button
size="small"
type="primary"
:disabled="this.flag"
@click="onDitpButgetref"
>
获取
</c-button>
</el-form-item>
</c-col>
<c-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>
</c-col>
</c-col>
<!-- ====================左边======================= -->
<c-col :span="11">
<c-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>
</c-col>
<c-col :span="8">
<el-form-item label="" label-width="15px">
<c-button
size="small"
type="primary"
@click="onExtkey"
icon="el-icon-search"
></c-button
>
</el-form-item>
</c-col>
<c-col>
&nbsp;
</c-col>
<c-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>
</c-col>
<c-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="请输入信用证金额"
disabled
></c-input>
</el-form-item>
</c-col>
<c-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>
</c-col>
<c-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"
disabled
></c-input>
</el-form-item>
</c-col>
<c-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"
disabled
></c-input>
</el-form-item>
</c-col>
<c-col>
&nbsp;
</c-col>
<c-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>
</c-col>
<c-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>
</c-col>
<c-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>
</c-col>
<c-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"
disabled
></c-date-picker>
</el-form-item>
</c-col>
<c-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"
disabled
></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>
</c-col>
<c-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"
disabled
></c-date-picker>
</el-form-item>
</c-col>
<c-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>
</c-col>
<c-col :span="24">
<el-form-item label="是否通过电证系统" prop="didgrp.rec.elcflg">
<c-select
v-model="model.didgrp.rec.elcflg"
style="width: 100%"
placeholder="请选择是否通过电证系统"
disabled
>
<el-option
v-for="item in codes.elcflg"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</c-select>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="开证类型" prop="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>
</c-col>
<c-col :span="24">
<el-form-item
label="申请人统一社会信用代码"
prop="didgrp.rec.idcode"
>
<c-input
v-model="model.didgrp.rec.idcode"
maxlength="18"
placeholder="请输入申请人统一社会信用代码"
></c-input>
</el-form-item>
</c-col>
<c-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>
</c-col>
<c-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>
</c-col>
</c-col>
<!-- ========================右边======================= -->
<c-col :span="11" :offset="1">
<c-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>
</c-col>
<!--
<c-col :span="12">
<el-form-item label=" ">
<c-input v-model="model.ditp.usrget.sdamod.seainf" placeholder="请输入"></c-input>
</el-form-item>
</c-col>
<c-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>
</c-col>
-->
<c-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="showGridPromptDialog('didgrp.apl.pts.extkey')"
disabled
></c-input>
</el-form-item>
</c-col>
<c-col :span="8">
<el-form-item label="" label-width="15px">
<c-button
size="small"
type="primary"
@click="onSeainf"
icon="el-icon-search"
></c-button
>
<c-button size="small" type="primary" @click="onAplpDet">
详情
</c-button>
</el-form-item>
</c-col>
<!--
<c-col :span="10">
<el-form-item label="">
<c-input v-model="model.ditp.aplp.ptsget.sdamod.seainf" placeholder="请输入"></c-input>
</el-form-item>
</c-col> -->
<c-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>
</c-col>
<!--
<c-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>
</c-col>
<c-col :span="12">
<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>
</c-col>
-->
<c-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>
</c-col>
<c-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>
</c-col>
<c-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>
</c-col>
<c-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>
</c-col>
<c-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="showGridPromptDialog('didgrp.apb.pts.bankno')"
></c-input>
</el-form-item>
</c-col>
<c-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>
</c-col>
<c-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>
</c-col>
<!--
<c-col :span="6">
<span v-text="model.ditp.zchday" data-path=".ditp.zchday" > </span>
</c-col> -->
<c-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="showGridPromptDialog('didgrp.ben.pts.extkey')"
></c-input>
</el-form-item>
</c-col>
<c-col :span="8">
<el-form-item label="" label-width="12px">
<c-button
size="small"
type="primary"
@click="onSeainf"
icon="el-icon-search"
></c-button
>
<c-button size="small" type="primary" @click="onBenpDet">
详情
</c-button>
</el-form-item>
</c-col>
<!--
<c-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>
</c-col> -->
<!--
<c-col :span="10">
<el-form-item label="">
<c-input v-model="model.ditp.benp.ptsget.sdamod.seainf" placeholder="请输入"></c-input>
</el-form-item>
</c-col>
<c-col :span="2">
<c-button size="small" type="primary" @click="onBenpDet">
Detials
</c-button>
</c-col> -->
<c-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="请输入名称"
disabled
></c-input>
</el-form-item>
</c-col>
<!-- <c-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>
</c-col> -->
<!--
<c-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>
</c-col>
<c-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>
</c-col> -->
<c-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="请输入地址"
disabled
></c-input>
</el-form-item>
</c-col>
<c-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>
</c-col>
<c-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>
</c-col>
<c-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>
</c-col>
<c-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="showGridPromptDialog('didgrp.beb.pts.bankno')"
></c-input>
</el-form-item>
</c-col>
<c-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
></c-input>
</el-form-item>
</c-col>
</c-col>
</c-row>
</template>
<script>
import Api from "~/service/Api";
import CommonProcess from "~/mixin/CommonProcess";
import Event from "~/model/Ditopn/Event";
import Utils from "~/utils";
export default {
inject: ['root'],
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: ""
};
},
methods: {
...Event,
mytypeChange(){
if (this.model.didgrp.rec.mytype == "F"){
this.model.didgrp.rec.tratyp = "";
this.model.didgrp.rec.sdsrfs = "";
this.model.didgrp.rec.shptrs = "";
this.model.didgrp.rec.shpfro = "";
this.model.didgrp.rec.shpto = "";
this.model.didgrp.rec.shppro = "";
}
},
nom1CurEvent(){
this.executeDefault("didgrp.cbs.nom1.cur").then(
(res) => {
if (res.respCode = SUCCESS){
Utils.copyValueFromVO(this.model, res.data);
}
}
);
}
},
created: function () {},
computed:{
flag(){
return this.model.didgrp.apl.pts.extkey=="";
} ,
},
watch: {
declareParams() {},
},
};
</script>
src/views/Business/Ditame/Ovwp.vue
<template>
<c-row>
<!-- =================顶部====================== -->
<c-col :span="24">
<c-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>
</c-col>
<c-col :span="4">
<el-form-item label="" label-width="15px">
<c-button
size="small"
type="primary"
@click="onSeainf"
icon="el-icon-search"
></c-button
>
<c-button
size="small"
type="primary"
:disabled="this.flag"
@click="onDitpButgetref"
>
获取
</c-button>
</el-form-item>
</c-col>
<c-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>
</c-col>
<c-row>
<!-- =================顶部====================== -->
<c-col :span="24">
<c-col :span="11">
<c-col :span="20">
<el-form-item
label="信用证号码"
prop="didgrp.rec.ownref"
style="width: 100%"
>
<c-input
v-model="model.didgrp.rec.ownref"
maxlength="16"
placeholder="请输入Reference"
style="width: 95%"
disabled
></c-input>
</el-form-item>
</c-col>
<!-- ====================左边======================= -->
<c-col :span="11">
<c-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>
</c-col>
<c-col :span="8">
<el-form-item label="" label-width="15px">
<c-button
size="small"
type="primary"
@click="onExtkey"
icon="el-icon-search"
></c-button
>
</el-form-item>
</c-col>
<c-col>
&nbsp;
</c-col>
<!-- <c-col :span="1" style="text-align: right"> -->
<c-col :span="1">
<!-- <el-form-item label="" label-width="5px"> -->
<c-button
style="margin:0 10px 0 0;padding: 0 10px;"
size="small"
type="primary"
icon="el-icon-search"
@click="onSeainf"
></c-button>
<!-- </el-form-item> -->
</c-col>
<c-col :span="3" style="text-align: right">
<!-- <el-form-item label="" label-width="5px"> -->
<c-button
style="margin:0 0"
size="small"
type="primary"
:disabled="this.flag"
@click="onDitpButgetref"
>
获取
</c-button>
<!-- </el-form-item> -->
</c-col>
<!-- </c-col> -->
</c-col>
<c-col :span="11" :offset="1">
<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>
</c-col>
</c-col>
<!-- ====================左边======================= -->
<c-col :span="11">
<c-col :span="20">
<el-form-item
label="所属客户经理"
prop="ditp.usr.extkey"
style="width: 100%"
>
<c-input
style="width: 95%"
v-model="model.ditp.usr.extkey"
maxlength="8"
placeholder="请输入User ID"
disabled
></c-input>
</el-form-item>
</c-col>
<c-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>
</c-col>
<c-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="请输入信用证金额"
disabled
></c-input>
</el-form-item>
</c-col>
<c-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>
</c-col>
<c-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"
disabled
></c-input>
</el-form-item>
</c-col>
<c-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"
disabled
></c-input>
</el-form-item>
</c-col>
<c-col :span="4">
<!-- <el-form-item label="" label-width="17px"> -->
<c-button
style="margin:0 10px 0 0;padding: 0 10px;"
size="small"
icon="el-icon-search"
type="primary"
@click="onExtkey"
></c-button>
<!-- </el-form-item> -->
</c-col>
<c-col>
<!-- <c-col>
&nbsp;
</c-col>
</c-col> -->
<c-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>
</c-col>
<c-col :span="13">
<el-form-item label="信用证金额" prop="didgrp.cbs.nom1.cur">
<c-select
disabled
v-model="model.didgrp.cbs.nom1.cur"
style="width: 95%"
placeholder="请选择Currency"
@keyup.enter.native="nom1CurEvent"
>
<el-option
v-for="item in codes.cur"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</c-select>
</el-form-item>
</c-col>
<c-col :span="11">
<el-form-item
style="text-align: left"
label-width="0"
prop="didgrp.cbs.nom1.amt"
>
<c-input-currency
v-model="model.didgrp.cbs.nom1.amt"
style="text-align: left; width: 100%"
placeholder="请输入信用证金额"
@keyup.enter.native="defaultFunction('didgrp.cbs.nom1.amt', model.didgrp.cbs.nom1.amt)"
></c-input-currency>
</el-form-item>
</c-col>
<c-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>
</c-col>
<c-col :span="24">
<c-col :span="13">
<el-form-item label="上下浮动限额" prop="didgrp.rec.nomtop">
<c-input
v-model="model.didgrp.rec.nomtop"
maxlength="9"
style="width: 40%"
placeholder="请输入Amount Tolerance - Positive"
></c-input>
<label style="display:inline-block;width:10%;text-align:center;">-</label>
<c-input
v-model="model.didgrp.rec.nomton"
maxlength="9"
style="width: 40%"
placeholder="请输入Amount Tolerance - Negative"
></c-input>
</el-form-item>
</c-col>
</c-col>
<!-- <c-col :span="12" style="text-align: left">
<el-form-item
label=""
style="text-align: left; margin-left: 12px"
label-width="150px"
prop="didgrp.rec.nomton"
>
<c-input
v-model="model.didgrp.rec.nomton"
maxlength="9"
placeholder="请输入Amount Tolerance - Negative"
></c-input>
</el-form-item>
</c-col> -->
<c-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>
</c-col>
<c-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>
</c-col>
<!-- <c-col> &nbsp; </c-col> -->
<c-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"
disabled
></c-date-picker>
</el-form-item>
</c-col>
<c-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"
disabled
></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>
</c-col>
<c-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"
disabled
></c-date-picker>
</el-form-item>
</c-col>
<c-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>
</c-col>
<c-col :span="24">
<el-form-item label="是否通过电证系统" prop="didgrp.rec.elcflg">
<c-select
v-model="model.didgrp.rec.elcflg"
style="width: 100%"
placeholder="请选择是否通过电证系统"
disabled
>
<el-option
v-for="item in codes.elcflg"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</c-select>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="开证类型" prop="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>
</c-col>
<c-col :span="24">
<el-form-item
label="申请人统一社会信用代码"
prop="didgrp.rec.idcode"
>
<c-input
v-model="model.didgrp.rec.idcode"
maxlength="18"
placeholder="请输入申请人统一社会信用代码"
></c-input>
</el-form-item>
</c-col>
<c-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>
</c-col>
<c-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>
</c-col>
</c-col>
<!-- ========================右边======================= -->
<c-col :span="11" :offset="1">
<c-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>
</c-col>
<!--
<c-col :span="12">
<el-form-item label=" ">
<c-input v-model="model.ditp.usrget.sdamod.seainf" placeholder="请输入"></c-input>
<c-col :span="13">
<el-form-item label="信用证最大金额" prop="didgrp.cbs.max.cur">
<c-select
v-model="model.didgrp.cbs.max.cur"
style="width: 95%"
placeholder="请选择Currency"
disabled
>
<el-option
v-for="item in codes.cur"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</c-select>
</el-form-item>
</c-col>
</c-col>
<c-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>
<c-col :span="11">
<el-form-item label="" label-width="0" prop="didgrp.cbs.max.amt">
<c-input
v-model="model.didgrp.cbs.max.amt"
placeholder="请输入信用证最大金额"
disabled
></c-input>
</el-form-item>
</c-col>
-->
</c-col>
<c-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>
</c-col>
<c-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="showGridPromptDialog('didgrp.apl.pts.extkey')"
disabled
></c-input>
</el-form-item>
</c-col>
<c-col :span="8">
<el-form-item label="" label-width="15px">
<c-button
size="small"
type="primary"
@click="onSeainf"
icon="el-icon-search"
></c-button
>
<c-button size="small" type="primary" @click="onAplpDet">
详情
</c-button>
</el-form-item>
</c-col>
<c-col :span="24">
<c-col :span="13">
<el-form-item label="开证日期" prop="didgrp.rec.opndat">
<c-date-picker
type="date"
v-model="model.didgrp.rec.opndat"
value-format="yyyy-MM-dd"
style="width: 95%"
placeholder="请选择Date"
></c-date-picker>
</el-form-item>
</c-col>
</c-col>
<c-col :span="24">
<c-col :span="13">
<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: 95%"
placeholder="请选择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: 95%"
placeholder="请选择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: 95%"
placeholder="请选择"
></c-date-picker>
</el-form-item>
</c-col>
</c-col>
<c-col :span="24">
<c-col :span="13">
<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: 95%"
placeholder="请选择Date"
></c-date-picker>
</el-form-item>
</c-col>
</c-col>
<c-col :span="24">
<el-form-item label="有效地点" prop="didgrp.rec.expplc">
<c-input
v-model="model.didgrp.rec.expplc"
maxlength="35"
placeholder="请输入Place of Expiry"
></c-input>
</el-form-item>
</c-col>
<c-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>
</c-col>
<c-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>
</c-col>
<c-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>
</c-col>
<c-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>
</c-col>
<c-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>
</c-col>
</c-col>
<!-- ========================右边======================= -->
<c-col :span="11" :offset="1">
<c-col :span="24">
<c-ptap
:model="model"
:argadr="{
title: '申请人',
grp: 'didgrp',
rol: 'apl',
}"
:disabled="true"
:isAdrblk="false"
@onSeainf="onSeainf"
@onAplpDet="onBenpDet"
>
</c-ptap>
</c-col>
<!-- <c-col :span="24">
<el-form-item
label="申请人 参考号"
prop="didgrp.apl.pts.ref"
style="width: 100%"
>
<c-input
v-model="model.didgrp.apl.pts.ref"
maxlength="16"
placeholder="请输入申请人 参考号"
></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<c-col :span="18">
<el-form-item
label="Extkey"
prop="didgrp.apl.pts.extkey"
style="width: 100%"
>
<c-input
id="extkey"
v-model="model.didgrp.apl.pts.extkey"
maxlength="16"
placeholder="请输入External Key of Address"
@keyup.enter.native="
showGridPromptDialog('didgrp.apl.pts.extkey')
"
></c-input>
</el-form-item>
</c-col>
<c-col :span="6" style="text-align: right">
<c-col :span="12">
<el-form-item label="" label-width="5px">
<c-button
size="small"
type="primary"
icon="el-icon-search"
@click="onSeainf('didgrp.apl.pts.extkey')"
></c-button>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="" label-width="5px">
<c-button size="small" type="primary" @click="onAplpDet">
详情
</c-button>
</el-form-item>
</c-col>
</c-col>
</c-col> -->
<!--
<!--
<c-col :span="10">
<el-form-item label="">
<c-input v-model="model.ditp.aplp.ptsget.sdamod.seainf" placeholder="请输入"></c-input>
</el-form-item>
</c-col> -->
<c-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>
</c-col>
<!--
<!-- <c-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>
</c-col> -->
<!--
<c-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>
......@@ -451,129 +492,144 @@
</c-col>
-->
<c-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>
</c-col>
<!-- <c-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>
</c-col> -->
<c-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>
</c-col>
<c-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>
</c-col>
<c-col :span="14">
<c-form-item label="邮编" prop="didgrp.apl.pts.youzbm">
<c-input
v-model="model.didgrp.apl.pts.youzbm"
maxlength="6"
placeholder="请输入邮编"
></c-input>
</c-form-item>
</c-col>
<c-col :span="10">
<c-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>
</c-form-item>
</c-col>
<c-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>
</c-col>
<c-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="showGridPromptDialog('didgrp.apb.pts.bankno')"
></c-input>
</el-form-item>
</c-col>
<c-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>
</c-col>
<c-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="showGridPromptDialog('didgrp.apb.pts.bankno')"
></c-input>
</el-form-item>
</c-col>
<c-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>
</c-col>
<c-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>
</c-col>
<c-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>
</c-col>
<!-- <c-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>
</c-col> -->
<!--
<!--
<c-col :span="6">
<span v-text="model.ditp.zchday" data-path=".ditp.zchday" > </span>
</c-col> -->
<c-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="showGridPromptDialog('didgrp.ben.pts.extkey')"
></c-input>
</el-form-item>
</c-col>
<c-col :span="8">
<el-form-item label="" label-width="12px">
<c-button
size="small"
type="primary"
@click="onSeainf"
icon="el-icon-search"
></c-button
>
<c-button size="small" type="primary" @click="onBenpDet">
详情
</c-button>
</el-form-item>
</c-col>
<c-col :span="24">
<c-ptap
:model="model"
:argadr="{
title: '受益人',
grp: 'didgrp',
rol: 'ben',
}"
:disabled="true"
:isAdrblk="false"
@onSeainf="onSeainf"
@onAplpDet="onBenpDet"
>
</c-ptap>
</c-col>
<!-- <c-col :span="18">
<el-form-item
label="Extkey"
prop="didgrp.ben.pts.extkey"
style="width: 100%"
>
<c-input
v-model="model.didgrp.ben.pts.extkey"
maxlength="16"
placeholder="请输入External Key of Address"
@keyup.enter.native="showGridPromptDialog('didgrp.ben.pts.extkey')"
></c-input>
</el-form-item>
</c-col>
<c-col :span="6" style="text-align: right">
<c-button
class="icon-search"
size="small"
type="primary"
icon="el-icon-search"
@click="onSeaParty('didgrp.ben.pts.extkey')"
></c-button>
<c-button class="detailsButton" size="small" type="primary" @click="onBenpDet">
详情
</c-button>
</c-col> -->
<!--
<!--
<c-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>
</c-col> -->
<!--
<!--
<c-col :span="10">
<el-form-item label="">
<c-input v-model="model.ditp.benp.ptsget.sdamod.seainf" placeholder="请输入"></c-input>
......@@ -585,20 +641,19 @@
Detials
</c-button>
</c-col> -->
<c-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="请输入名称"
disabled
></c-input>
</el-form-item>
</c-col>
<!-- <c-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>
</c-col> -->
<!-- <c-col :span="24">
<!-- <c-col :span="24">
<el-form-item label="有效地点" prop="didgrp.rec.expplc">
<c-input
type="textarea"
......@@ -610,7 +665,7 @@
</el-form-item>
</c-col> -->
<!--
<!--
<c-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>
......@@ -623,138 +678,129 @@
</el-form-item>
</c-col> -->
<c-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="请输入地址"
disabled
></c-input>
</el-form-item>
</c-col>
<!-- <c-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>
</c-col> -->
<c-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>
</c-col>
<c-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>
</c-col>
<c-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>
</c-col>
<c-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>
</c-col>
<c-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>
</c-col>
<c-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>
</c-col>
<c-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="showGridPromptDialog('didgrp.beb.pts.bankno')"
></c-input>
</el-form-item>
</c-col>
<c-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="showGridPromptDialog('didgrp.beb.pts.bankno')"
></c-input>
</el-form-item>
</c-col>
<c-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
></c-input>
</el-form-item>
</c-col>
</c-col>
</c-row>
<c-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>
</c-col>
</c-col>
</c-row>
</template>
<script>
import Api from "~/service/Api";
import CommonProcess from "~/mixin/CommonProcess";
import Event from "~/model/Ditopn/Event";
import Utils from "~/utils";
import Ptap from "~/views/Public/Ptap";
export default {
inject: ['root'],
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: ""
};
components: { "c-ptap": Ptap },
inject: ["root"],
props: ["model", "codes"],
mixins: [CommonProcess],
data() {
return {
jigomcFlag: false,
trade: "",
};
},
methods: {
...Event,
mytypeChange() {
if (this.model.didgrp.rec.mytype == "F") {
this.model.didgrp.rec.tratyp = "";
this.model.didgrp.rec.sdsrfs = "";
this.model.didgrp.rec.shptrs = "";
this.model.didgrp.rec.shpfro = "";
this.model.didgrp.rec.shpto = "";
this.model.didgrp.rec.shppro = "";
}
},
methods: {
...Event,
mytypeChange(){
if (this.model.didgrp.rec.mytype == "F"){
this.model.didgrp.rec.tratyp = "";
this.model.didgrp.rec.sdsrfs = "";
this.model.didgrp.rec.shptrs = "";
this.model.didgrp.rec.shpfro = "";
this.model.didgrp.rec.shpto = "";
this.model.didgrp.rec.shppro = "";
}
},
nom1CurEvent(){
this.executeDefault("didgrp.cbs.nom1.cur").then(
(res) => {
if (res.respCode = SUCCESS){
Utils.copyValueFromVO(this.model, res.data);
}
}
);
nom1CurEvent() {
this.executeDefault("didgrp.cbs.nom1.cur").then((res) => {
if ((res.respCode = SUCCESS)) {
Utils.copyValueFromVO(this.model, res.data);
}
});
},
created: function () {},
computed:{
flag(){
return this.model.didgrp.apl.pts.extkey=="";
} ,
},
watch: {
declareParams() {},
},
created: function () {
console.log(this.root);
},
computed: {
flag() {
return this.model.didgrp.apl.pts.extkey == "";
},
},
watch: {
declareParams() {},
},
};
</script>
src/views/Business/Ditame/index.vue
<template>
<c-page title="信用证修改">
<div class="eContainer">
<c-bus-button :$pntvm="this"></c-bus-button>
<el-form
:model="model"
:rules="rules"
ref="modelForm"
label-width="200px"
label-width="150px"
size="small"
label-position="right"
>
<c-tabs :value="tabVal" ref="elment" type="card" @tab-click="tabClick">
......@@ -17,15 +19,19 @@
<el-tab-pane label="内容" name="ovwp">
<!--PD000001 -->
<c-content>
<m-ovwp :model="model" :codes="codes" />
</c-content>
</el-tab-pane>
<el-tab-pane label="银行明细" name="detp1">
<el-tab-pane label="其他当事人" name="detp1">
<!--PD000452 -->
<c-content>
<m-detp1 :model="model" :codes="codes" />
</c-content>
</el-tab-pane>
<el-tab-pane label="明细" name="detp">
<el-tab-pane label="详细信息" name="detp">
<!--PD000077 -->
<m-detp :model="model" :codes="codes" />
</el-tab-pane>
......@@ -105,11 +111,12 @@
<m-limitbody :model="model" :codes="codes" />
</el-tab-pane>
</c-tabs>
<c-bus-button :$pntvm="this"></c-bus-button>
<!-- <c-bus-button :$pntvm="this"></c-bus-button> -->
</el-form>
<c-grid-ety-prompt-dialog ref="etyDialog" :promptData="promptData" v-on:select-ety="selectEty"></c-grid-ety-prompt-dialog>
</div>
</c-page>
</template>
<script>
import Utils from "~/utils/index";
......@@ -175,7 +182,7 @@ export default {
// defaultRule:Default,
// rules:this.mergeRules(Pattern,Check),
rules: Pattern,
codes: {},
codes: { ...CodeTable },
// init: {
// uri: "/ditame/init",
// fileName: "ditame.json",
......
src/views/Business/Infcpd/index.vue
......@@ -163,8 +163,7 @@
console.log("进入infcpd交易");
let rtnmsg = await this.init({})
if (rtnmsg.respCode == SUCCESS) {
//TODO 处理数据逻辑
this.updateModel(rtnmsg.data)
}
else {
this.$notify.error({ title: '错误', message: '服务请求失败！' });
......
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