Skip to content

V
vue-gjjs
Commit 7b869b6f by lianyang
Options

brteus页面调整

parent c3484cb4
Showing with 289 additions and 67 deletions
src/views/Business/Brteus/Brteus.vue
<template>
<div class="eibs-tab">
<!-- ===========================左边 ======================== -->
<c-col :span="12">
<el-form-item label="Drag Drop Sender" prop="brtp.lidget.sdamod.dadsnd">
<c-input v-model="model.brtp.lidget.sdamod.dadsnd" placeholder="请输入Drag Drop Sender"></c-input>
<!-- 信用证编号 -->
<c-col :span="24">
<c-form-item label="Import L/C Ref" prop="lidgrp.rec.ownref">
<c-fullbox>
<c-input v-model="model.lidgrp.rec.ownref" maxlength="16" placeholder="" style="width: 100%"></c-input>
<template slot="footer">
<c-button style="margin: 0 10px 0 10px; padding: 0 12px" size="small" type="primary" @click="onSeainf">
<span style="font-family: '宋体'; font-weight: bold">i</span>
</c-button>
<c-button style="margin: 0 0" size="small" type="primary" :disabled="this.flag" @click="onDitpButgetref">
获取
</c-button>
</template>
</c-fullbox>
</c-form-item>
</c-col>
<!-- 到期日 -->
<c-col :span="24">
<el-form-item label="Expiry" prop="lidgrp.rec.expdat">
<c-date-picker type="date" v-model="model.lidgrp.rec.expdat" style="width: 100%" placeholder="请输入Expiry">
</c-date-picker>
</el-form-item>
</c-col>
<!-- 单据参考号 -->
<c-col :span="24">
<c-form-item label="Bill Set Reference" prop="brdgrp.rec.ownref">
<c-fullbox>
<c-input v-model="model.brdgrp.rec.ownref" maxlength="16" placeholder=""></c-input>
<template slot="footer">
<c-button style="margin: 0 10px 0 10px; padding: 0 12px" size="small" type="primary" @click="onSeainf">
<span style="font-family: '宋体'; font-weight: bold">i</span>
</c-button>
<c-button style="margin: 0 0" size="small" type="primary" :disabled="this.flag" @click="onDitpButgetref">
获取
</c-button>
</template>
</c-fullbox>
</c-form-item>
</c-col>
<!-- 单据金额 -->
<c-col :span="24">
<c-col :span="13">
<el-form-item label="Document Amount" prop="brdgrp.cbs.max.cur">
<c-select v-model="model.brdgrp.cbs.max.cur" style="width: 100%" placeholder="请输入Document Amount"
:code="codes.curtxt1">
</c-select>
</el-form-item>
</c-col>
<c-col :span="11">
<c-form-item label="" label-width="5px" prop="brdgrp.cbs.max.amt">
<c-input v-model="model.brdgrp.cbs.max.amt" placeholder=""></c-input>
</c-form-item>
</c-col>
</c-col>
<!-- 单据余额 -->
<c-col :span="24">
<c-col :span="13">
<c-form-item label="Open Amount" prop="brdgrp.cbs.opn1.cur">
<c-input v-model="model.brdgrp.cbs.opn1.cur" maxlength="3" placeholder="请输入Open Amount"></c-input>
</c-form-item>
</c-col>
<c-col :span="11">
<c-form-item label="" label-width="5px" prop="brdgrp.cbs.opn1.amt">
<c-input v-model="model.brdgrp.cbs.opn1.amt" placeholder=""></c-input>
</c-form-item>
</c-col>
</c-col>
<!-- 到单日期 -->
<c-col :span="12">
<el-form-item label="信用证编号" prop="lidgrp.rec.ownref">
<c-input v-model="model.lidgrp.rec.ownref" maxlength="16" placeholder="请输入信用证编号"></c-input>
<el-form-item label="Received on" prop="brdgrp.rec.rcvdat">
<c-date-picker type="date" v-model="model.brdgrp.rec.rcvdat" style="width: 100%" placeholder="请选择">
</c-date-picker>
</el-form-item>
</c-col>
<!-- 通知到单日期 -->
<c-col :span="12">
<el-form-item label="" prop="brtp.lidget.sdamod.seainf">
<c-input v-model="model.brtp.lidget.sdamod.seainf" placeholder="请输入"></c-input>
<el-form-item label="Advised on" prop="brdgrp.rec.advdat">
<c-date-picker type="date" v-model="model.brdgrp.rec.advdat" style="width: 100%" placeholder="请选择">
</c-date-picker>
</el-form-item>
</c-col>
<!-- Maturity Date -->
<c-col :span="12">
<el-form-item label="Date of Expiry" prop="lidgrp.rec.expdat">
<c-date-picker type="date" v-model="model.lidgrp.rec.expdat" style="width:100%" placeholder="请选择Date of Expiry">
<el-form-item label="Maturity Date" prop="brdgrp.rec.matdat">
<c-date-picker type="date" v-model="model.brdgrp.rec.matdat" style="width:100%" placeholder="请选择">
</c-date-picker>
</el-form-item>
</c-col>
<!-- Start Date 远期单据到期日-->
<c-col :span="12">
<el-form-item label="Currency" prop="lidgrp.cbs.opn1.cur">
<c-input v-model="model.lidgrp.cbs.opn1.cur" maxlength="3" placeholder="请输入Currency"></c-input>
<el-form-item label="Start Date" prop="brdgrp.rec.stadat">
<c-date-picker type="date" v-model="model.brdgrp.rec.stadat" style="width:100%" placeholder="请选择">
</c-date-picker>
</el-form-item>
</c-col>
<!-- 单据类型 Document Type-->
<c-col :span="16">
<el-form-item label="Document Type" prop="brdgrp.rec.docflg">
<c-select v-model="model.brdgrp.rec.docflg" style="width:100%" placeholder="请选择单据类型" :code="codes.docflg">
</c-select>
</el-form-item>
</c-col>
<!-- Tenor -->
<c-col :span="8">
<el-form-item label="Tenor" label-width="100px" prop="brdgrp.rec.tenmaxday">
<c-input v-model="model.brdgrp.rec.tenmaxday" placeholder="请输入Tenor day"></c-input>
</el-form-item>
</c-col>
<!-- 单据状态 Document Set Status-->
<c-col :span="24">
<el-form-item label="Document Set Status" prop="brdgrp.rec.docsta">
<c-select v-model="model.brdgrp.rec.docsta" style="width:100%" placeholder="请选择单据状态" :code="codes.docsta">
</c-select>
</el-form-item>
</c-col>
<!-- Narrative -->
<c-col :span="24">
<el-form-item label="Narrative" prop="strinf">
<c-input type="textarea" v-model="model.strinf" maxlength="50" show-word-limit placeholder="请输入Narrative">
</c-input>
</el-form-item>
</c-col>
</c-col>
<!-- ========================== 右边 ======================== -->
<c-col :span="11" :offset="1">
<!-- 信用证余额 -->
<c-col :span="12">
<c-form-item label="Open Amt L/C" prop="lidgrp.cbs.opn1.cur">
<c-input v-model="model.lidgrp.cbs.opn1.cur" maxlength="3"
:placeholder="$t('other.please_enter') + 'Currency'"></c-input>
</c-form-item>
</c-col>
<c-col :span="12">
<c-form-item label="" label-width="10px" prop="lidgrp.cbs.opn1.amt">
<c-input v-model="model.lidgrp.cbs.opn1.amt" placeholder=""></c-input>
</c-form-item>
</c-col>
<c-col :span="24">
<!--label="Name of Bill Contract" -->
<el-form-item label="" prop="brdgrp.rec.nam">
<c-input v-model="model.brdgrp.rec.nam" maxlength="40" placeholder="请输入Name of Bill Contract"></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<c-ptsmsg :model="model" :argadr="{ title: 'Applicant Ref', grp: 'brdgrp', rol: 'apl' }">
</c-ptsmsg>
</c-col>
<!-- Name of Party prop="brdgrp.apl.pts.nam"-->
<c-col :span="24">
<el-form-item label="" prop="brdgrp.apl.pts.nam">
<c-input v-model="model.brdgrp.apl.pts.nam" maxlength="40" placeholder="请输入Name of Party"></c-input>
</el-form-item>
</c-col>
<!-- eneficiary Ref -->
<c-col :span="24">
<c-ptsmsg :model="model" :argadr="{ title: 'Beneficiary Ref', grp: 'brdgrp', rol: 'ben' }">
</c-ptsmsg>
</c-col>
<!-- Name of Party prop="brdgrp.ben.pts.nam-->
<c-col :span="24">
<el-form-item label="" prop="brdgrp.ben.pts.nam">
<c-input v-model="model.brdgrp.ben.pts.nam" maxlength="40" placeholder="请输入Name of Party"></c-input>
</el-form-item>
</c-col>
<!-- Presenting Bank Ref -->
<c-col :span="24">
<c-ptsmsg :model="model" :argadr="{
title: 'Presenting Bank Ref',
grp: 'brdgrp',
rol: 'prb',
}">
</c-ptsmsg>
</c-col>
<!--Name of Party prop="brdgrp.prb.pts.nam" -->
<c-col :span="24">
<el-form-item label="" prop="brdgrp.prb.pts.nam">
<c-input v-model="model.brdgrp.prb.pts.nam" maxlength="40" placeholder="请输入Name of Party"></c-input>
</el-form-item>
</c-col>
</c-col>
<!-- <c-col :span="12">
<el-form-item label="Drag Drop Sender" prop="brtp.lidget.sdamod.dadsnd">
<c-input v-model="model.brtp.lidget.sdamod.dadsnd" placeholder="请输入Drag Drop Sender"></c-input>
</el-form-item>
</c-col> -->
<!-- <c-col :span="12">
<el-form-item label="信用证编号" prop="lidgrp.rec.ownref">
<c-input v-model="model.lidgrp.rec.ownref" maxlength="16" placeholder="请输入信用证编号"></c-input>
</el-form-item>
</c-col> -->
<!-- <c-col :span="12">
<el-form-item label="" prop="brtp.lidget.sdamod.seainf">
<c-input v-model="model.brtp.lidget.sdamod.seainf" placeholder="请输入"></c-input>
</el-form-item>
</c-col> -->
<!-- <c-col :span="12">
<el-form-item label="Date of Expiry" prop="lidgrp.rec.expdat">
<c-date-picker type="date" v-model="model.lidgrp.rec.expdat" style="width:100%" placeholder="请选择Date of Expiry">
</c-date-picker>
</el-form-item>
</c-col> -->
<!-- <c-col :span="12">
<el-form-item label="Currency" prop="lidgrp.cbs.opn1.cur">
<c-input v-model="model.lidgrp.cbs.opn1.cur" maxlength="3" placeholder="请输入Currency"></c-input>
</el-form-item>
</c-col> -->
<!-- <c-col :span="12">
<el-form-item label="Balance" prop="lidgrp.cbs.opn1.amt">
<c-input v-model="model.lidgrp.cbs.opn1.amt" placeholder="请输入Balance"></c-input>
</el-form-item>
</c-col>
</c-col> -->
<c-col :span="12">
<!-- <c-col :span="12">
<el-form-item label="Drag Drop Sender" prop="brtp.recget.sdamod.dadsnd">
<c-input v-model="model.brtp.recget.sdamod.dadsnd" placeholder="请输入Drag Drop Sender"></c-input>
</el-form-item>
</c-col>
</c-col> -->
<c-col :span="12">
<!-- <c-col :span="12">
<el-form-item label="单据参考号" prop="brdgrp.rec.ownref">
<c-input v-model="model.brdgrp.rec.ownref" maxlength="16" placeholder="请输入单据参考号"></c-input>
</el-form-item>
</c-col>
</c-col> -->
<c-col :span="12">
<!-- <c-col :span="12">
<el-form-item label="" prop="brtp.recget.sdamod.seainf">
<c-input v-model="model.brtp.recget.sdamod.seainf" placeholder="请输入"></c-input>
</el-form-item>
</c-col>
</c-col> -->
<c-col :span="12">
<!-- <c-col :span="12">
<el-form-item label="Name of Bill Contract" prop="brdgrp.rec.nam">
<c-input v-model="model.brdgrp.rec.nam" maxlength="40" placeholder="请输入Name of Bill Contract"></c-input>
</el-form-item>
</c-col>
</c-col> -->
<c-col :span="12">
<!-- <c-col :span="12">
<el-form-item label="单据金额" prop="brdgrp.cbs.max.cur">
<c-select v-model="model.brdgrp.cbs.max.cur" style="width:100%" placeholder="请选择单据金额">
</c-select>
</el-form-item>
</c-col>
</c-col> -->
<c-col :span="12">
<!-- <c-col :span="12">
<el-form-item label="单据金额" prop="brdgrp.cbs.max.amt">
<c-input v-model="model.brdgrp.cbs.max.amt" placeholder="请输入单据金额"></c-input>
</el-form-item>
</c-col>
</c-col> -->
<c-col :span="12">
<!-- <c-col :span="12">
<el-form-item label="申请人" prop="brdgrp.apl.pts.ref">
<c-input v-model="model.brdgrp.apl.pts.ref" maxlength="16" placeholder="请输入申请人"></c-input>
</el-form-item>
</c-col>
</c-col> -->
<c-col :span="12">
<!-- <c-col :span="12">
<el-form-item label="单据余额" prop="brdgrp.cbs.opn1.cur">
<c-input v-model="model.brdgrp.cbs.opn1.cur" maxlength="3" placeholder="请输入单据余额"></c-input>
</el-form-item>
......@@ -91,96 +300,96 @@
<el-form-item label="Balance" prop="brdgrp.cbs.opn1.amt">
<c-input v-model="model.brdgrp.cbs.opn1.amt" placeholder="请输入Balance"></c-input>
</el-form-item>
</c-col>
</c-col> -->
<c-col :span="12">
<!-- <c-col :span="12">
<el-form-item label="Name of Party" prop="brdgrp.apl.pts.nam">
<c-input v-model="model.brdgrp.apl.pts.nam" maxlength="40" placeholder="请输入Name of Party"></c-input>
</el-form-item>
</c-col>
</c-col> -->
<!--
<c-col :span="12">
<el-form-item label="到单日期" prop="brdgrp.rec.rcvdat">
<c-date-picker type="date" v-model="model.brdgrp.rec.rcvdat" style="width:100%" placeholder="请选择到单日期">
</c-date-picker>
</el-form-item>
</c-col>
</c-col> -->
<c-col :span="12">
<!-- <c-col :span="12">
<el-form-item label="Date of Advice of Payment" prop="brdgrp.rec.advdat">
<c-date-picker type="date" v-model="model.brdgrp.rec.advdat" style="width:100%"
placeholder="请选择Date of Advice of Payment"></c-date-picker>
</el-form-item>
</c-col>
</c-col> -->
<c-col :span="12">
<!-- <c-col :span="12">
<el-form-item label="受益人" prop="brdgrp.ben.pts.ref">
<c-input v-model="model.brdgrp.ben.pts.ref" maxlength="16" placeholder="请输入受益人"></c-input>
</el-form-item>
</c-col>
</c-col> -->
<c-col :span="12">
<!-- <c-col :span="12">
<span v-text="model.brtp.matp.mattxtlab" data-path=".brtp.matp.mattxtlab"> </span>
</c-col>
</c-col> -->
<c-col :span="12">
<!-- <c-col :span="12">
<el-form-item label="Maturity Date" prop="brdgrp.rec.matdat">
<c-date-picker type="date" v-model="model.brdgrp.rec.matdat" style="width:100%" placeholder="请选择Maturity Date">
</c-date-picker>
</el-form-item>
</c-col>
</c-col> -->
<c-col :span="12">
<!-- <c-col :span="12">
<el-form-item label="远期单据到期日" prop="brdgrp.rec.stadat">
<c-date-picker type="date" v-model="model.brdgrp.rec.stadat" style="width:100%" placeholder="请选择远期单据到期日">
</c-date-picker>
</el-form-item>
</c-col>
</c-col> -->
<c-col :span="12">
<!-- <c-col :span="12">
<el-form-item label="Name of Party" prop="brdgrp.ben.pts.nam">
<c-input v-model="model.brdgrp.ben.pts.nam" maxlength="40" placeholder="请输入Name of Party"></c-input>
</el-form-item>
</c-col>
</c-col> -->
<c-col :span="12">
<!-- <c-col :span="12">
<el-form-item label="单据类型" prop="brdgrp.rec.docflg">
<c-select v-model="model.brdgrp.rec.docflg" style="width:100%" placeholder="请选择单据类型">
</c-select>
</el-form-item>
</c-col>
</c-col> -->
<c-col :span="12">
<!-- <c-col :span="12">
<el-form-item label="Tenor day" prop="brdgrp.rec.tenmaxday">
<c-input v-model="model.brdgrp.rec.tenmaxday" placeholder="请输入Tenor day"></c-input>
</el-form-item>
</c-col>
</c-col> -->
<c-col :span="12">
<!-- <c-col :span="12">
<el-form-item label="交单行" prop="brdgrp.prb.pts.ref">
<c-input v-model="model.brdgrp.prb.pts.ref" maxlength="16" placeholder="请输入交单行"></c-input>
</el-form-item>
</c-col>
</c-col> -->
<c-col :span="12">
<!-- <c-col :span="12">
<el-form-item label="Name of Party" prop="brdgrp.prb.pts.nam">
<c-input v-model="model.brdgrp.prb.pts.nam" maxlength="40" placeholder="请输入Name of Party"></c-input>
</el-form-item>
</c-col>
</c-col> -->
<c-col :span="12">
<!-- <c-col :span="12">
<el-form-item label="单据状态" prop="brdgrp.rec.docsta">
<c-select v-model="model.brdgrp.rec.docsta" style="width:100%" placeholder="请选择单据状态">
</c-select>
</el-form-item>
</c-col>
</c-col> -->
<c-col :span="12">
<!-- <c-col :span="12">
<el-form-item label="Narrative" prop="strinf">
<c-input type="textarea" v-model="model.strinf" maxlength="50" show-word-limit placeholder="请输入Narrative">
</c-input>
</el-form-item>
</c-col>
</c-col> -->
</div>
</template>
<script>
......@@ -188,8 +397,14 @@ import Api from "~/service/Api"
import commonProcess from "~/mixin/commonProcess";
import CodeTable from "~/config/CodeTable"
import Event from "~/model/Brteus/Event"
import Ptsmsg from "~/views/Public/Ptsmsg";
export default {
components: {
// "c-ptap1": Ptap1,
// "c-ptap": Ptap,
"c-ptsmsg": Ptsmsg,
},
inject: ['root'],
props: ["model", "codes"],
mixins: [commonProcess],
......@@ -198,10 +413,13 @@ export default {
}
},
methods: { ...Event },
created: function () {
}
methods: { ...Event, onSeainf() { }, onDitpButgetref() { } },
created: function () {},
computed: {
flag() {
return this.model.brdgrp.prb.pts.extkey == "";
},
},
}
</script>
<style>
......
src/views/Business/Brteus/index.vue
<template>
<c-page title="进口信用证单据展期">
<div class="eContainer">
<!-- <c-bus-button :$pntvm="this"></c-bus-button> j加操作按钮-->
<c-function-btn
......@@ -61,17 +63,18 @@
</c-tabs>
</el-form>
</div>
</c-page>
</template>
<script>
import Api from "~/service/Api"
import CodeTable from "~/config/CodeTable"
import Brteus from "~/model/Brteus"
import commonProcess from "~/mixin/commonProcess"
import Api from "~/service/Api";
import CodeTable from "~/config/CodeTable";
import Brteus from "~/model/Brteus";
import commonProcess from "~/mixin/commonProcess";
import commonFuncs from "~/mixin/commonFuncs";
import Check from "~/model/Brteus/Check"
import Default from "~/model/Brteus/Default"
import Pattern from "~/model/Brteus/Pattern"
import Brteuss from "./Brteus"
import Check from "~/model/Brteus/Check";
import Default from "~/model/Brteus/Default";
import Pattern from "~/model/Brteus/Pattern";
import Brteuss from "./Brteus";
// import Engp from "./Engp"
// import Setpan from "./Setpan"
// import Coninfp from "./Coninfp"
......@@ -113,6 +116,7 @@ export default {
pattern: Pattern,
rules: null,
codes: {
...CodeTable//...即返回到views同级，关联码表
},
}
},
......
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