Commit cda6ca79 by jianglong

UI改造

parent 351df4f3
......@@ -106,7 +106,7 @@
</el-form-item>
</c-col>
<!-- Reimbursing Bank -->
<!-- 偿付银行 -->
<c-col :span="24">
<c-ptap
:model="model"
......@@ -207,7 +207,7 @@
<!-- ==================================== 右边 ================================= -->
<c-col :span="11" :offset="1">
<!-- S0000155 : Narrative (Tag 77A of MT754) -->
<!-- S0000155 : Narrative (77A) -->
<c-col :span="24">
<c-form-item
label="叙述(MT754的标签77A)"
......@@ -225,7 +225,7 @@
</c-form-item>
</c-col>
<!-- Beneficiary's Bank -->
<!-- 受益人银行 -->
<c-col :span="24">
<c-ptap
:model="model"
......
......@@ -136,7 +136,7 @@
</c-form-item>
</c-col>
<!-- Beneficiary's Bank -->
<!-- 受益人银行 -->
<c-col :span="24">
<c-ptap
:model="model"
......@@ -183,7 +183,7 @@
<!-- S0000215 : Charges -->
<!-- S0000216 : Total Amount Claimed -->
<!-- S0000217 : Account with Bank -->
<!-- S0000218 : Beneficiary's Bank -->
<!-- S0000218 : 受益人银行 -->
</div>
</template>
<script>
......
......@@ -383,13 +383,13 @@
</c-col>
<c-col :span="24">
<c-form-item label="描述内容:77A:" prop="trnmod.trndoc.nar754">
<c-form-item label="描述内容(77A)" prop="trnmod.trndoc.nar754">
<c-input
type="textarea"
v-model="model.trnmod.trndoc.nar754"
maxlength="35"
show-word-limit
placeholder="请输入:77A:内容"
placeholder="请输入77A场内容"
></c-input>
</c-form-item>
</c-col>
......
......@@ -54,12 +54,16 @@
</c-col>
<!-- ====================右边======================= -->
<c-col :span="11" :offset="1">
<c-col :span="24">
<c-col :span="24" >
<el-form-item label=" " prop="brdgrp.rec.igndisfl" label-width="120px" style="float:left;">
<c-checkbox v-model="model.brdgrp.rec.igndisflg">忽略不符点</c-checkbox>
</c-col>
<c-col :span="24">
</el-form-item>
<el-form-item label=" " prop="brdgrp.blk.docdisflg" label-width="120px" style="float:left;">
<c-checkbox v-model="model.brdgrp.blk.docdisflg">录入不符点</c-checkbox>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="收到的通知类型" prop="brdgrp.rec.advtyp">
<c-select v-model="model.brdgrp.rec.advtyp" style="width:100%" placeholder="请选择收到通知类型" :code="codes.advtyp">
......@@ -78,13 +82,20 @@
</c-col>
<c-col :span="24">
<c-checkbox v-model="model.brdgrp.rec.approvcod">Documents on Approval Basis</c-checkbox>
<el-form-item label=" " prop="brdgrp.rec.approvcod" label-width="120px" style="float:left;">
<c-checkbox v-model="model.brdgrp.rec.approvcod">批准的单据</c-checkbox>
</el-form-item>
<el-form-item label=" " prop="brtp.cre732flg" label-width="120px" style="float:left;">
<c-checkbox v-model="model.brtp.cre732flg" disabled>创建 MT732</c-checkbox>
</el-form-item>
</c-col>
<c-col :span="24" v-show="false">
<c-checkbox v-model="model.brtp.cre752flg" >创建 MT752</c-checkbox>
</c-col>
<c-col :span="24">
<c-checkbox v-model="model.brtp.cre732flg" disabled>创建 MT732</c-checkbox>
</c-col>
<c-col :span="12" v-show="false">
......
......@@ -63,7 +63,7 @@
<c-col :span="24">
<c-ptap1 :model="model" :argadr="{
title: 'Reimbursing Bank',
title: '偿付银行',
grp: 'brdgrp',
rol: 'rmb',
}" :disabled="true" disabled1
......@@ -95,7 +95,7 @@
<!-- ==================================== 右边 ================================= -->
<c-col :span="12" style="padding-left: 20px;">
<c-col :span="24">
<el-form-item label="Narrative (TAG 77A of MT754)" prop="brdgrp.blk.nartxt77a">
<el-form-item label="Narrative (77A)" prop="brdgrp.blk.nartxt77a">
<c-input type="textarea" v-model="model.brdgrp.blk.nartxt77a" maxlength="700" show-word-limit
placeholder="请输入Narrative TAG 77A of MT754" disabled :rows="16"></c-input>
</el-form-item>
......@@ -103,7 +103,7 @@
<c-col :span="24">
<c-ptap1 :model="model" :argadr="{
title: `Beneficiary's Bank`,
title: `受益人银行`,
grp: 'brdgrp',
rol: 'beb',
}" :disabled="true" disabled1
......
......@@ -66,7 +66,7 @@
<!-- 加Mt754p页面的Beneficiary`s Bank -->
<c-col :span="24">
<c-ptap1 :model="model" :argadr="{
title: `Beneficiary's Bank`,
title: `受益人银行`,
grp: 'brdgrp',
rol: 'beb',
}" :disabled="true" disabled1>
......
......@@ -13,14 +13,17 @@
<m-shpdet :model="model" :codes="codes" />
</el-collapse-item>
<el-collapse-item title="不符点通知" name="mt750p" v-if="model.brdgrp.rec.advtyp == '750'">
<m-mt750p :model="model" :codes="codes" />
</el-collapse-item>
<el-collapse-item title="付款通知" name="mt754p" v-if="model.brdgrp.rec.advtyp == '754'">
<m-mt754p :model="model" :codes="codes" />
</el-collapse-item>
<el-collapse-item title="通知详情" name="othadvtypp" v-if="model.brdgrp.rec.advtyp == 'oth'">
<m-othadvtypp :model="model" :codes="codes" />
</el-collapse-item>
</el-collapse>
......@@ -36,11 +39,18 @@ import Payp from "./Payp"
import Docpre from "./Docpre"
import Shpdet from "./Shpdet"
import Mt750p from "./Mt750p"
import Mt754p from "./Mt754p"
import Othadvtypp from "./Othadvtypp"
export default {
components: {
"m-payp": Payp,
"m-docpre": Docpre,
"m-shpdet": Shpdet,
"m-mt750p": Mt750p,
"m-mt754p": Mt754p,
"m-othadvtypp": Othadvtypp,
},
inject: ["root"],
props: ["model", "codes"],
......
......@@ -71,7 +71,7 @@
<c-col :span="24">
<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="请选择Document Amount" disabled>
<c-select v-model="model.brdgrp.cbs.max.cur" style="width:100%" placeholder="请选择币种" disabled>
</c-select>
</el-form-item>
</c-col>
......@@ -110,7 +110,7 @@
<c-col :span="24">
<c-col :span="12">
<el-form-item label="远期单据到期日" prop="brdgrp.rec.matdat">
<c-date-picker type="date" v-model="model.brdgrp.rec.matdat" style="width:100%" placeholder="请选择Maturity Date" disabled></c-date-picker>
<c-date-picker type="date" v-model="model.brdgrp.rec.matdat" style="width:100%" placeholder="请选择日期" disabled></c-date-picker>
</el-form-item>
</c-col>
<c-col :span="12">
......@@ -150,7 +150,7 @@
<c-col :span="12">
<el-form-item label="交单日期" prop="brdgrp.rec.predat">
<c-date-picker type="date" v-model="model.brdgrp.rec.predat" style="width:100%" placeholder="请选择Presentation Date"></c-date-picker>
<c-date-picker type="date" v-model="model.brdgrp.rec.predat" style="width:100%" placeholder="请选择日期"></c-date-picker>
</el-form-item>
</c-col>
</c-col>
......@@ -224,7 +224,7 @@
<c-col :span="24">
<el-form-item label="交单行" prop="brdgrp.rec.docprbrol">
<c-select v-model="model.brdgrp.rec.docprbrol" style="width:100%" placeholder="请选择Presented by" disabled :code="codes.payrol">
<c-select v-model="model.brdgrp.rec.docprbrol" style="width:100%" placeholder="请选择交单角色" disabled :code="codes.payrol">
</c-select>
</el-form-item>
</c-col>
......@@ -256,7 +256,7 @@
</c-col>
<c-col :span="24">
<el-form-item label="付款人" prop="brdgrp.rec.payrol">
<c-select v-model="model.brdgrp.rec.payrol" style="width:100%" placeholder="请选择Payer" disabled :code="codes.payrol">
<c-select v-model="model.brdgrp.rec.payrol" style="width:100%" placeholder="请选择付款人" disabled :code="codes.payrol">
</c-select>
</el-form-item>
</c-col>
......
......@@ -101,7 +101,9 @@
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label=" " prop="brdgrp.rec.rtoaplflg" label-width="120px" style="float:left;">
<c-checkbox v-model="model.brdgrp.rec.rtoaplflg" disabled>向申请人放行货物</c-checkbox>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="收货人名称及地址" prop="brdgrp.blk.relstoadr">
......
<template>
<div class="eContainer">
<div class="eContainer">
<c-page>
<!-- <c-bus-button :$pntvm="this"></c-bus-button> -->
<div
>
<div class="fast-button">
<el-button size="small">备忘录</el-button>
<el-button size="small" @click="setDraggableContent('cms', '影像信息')">影像信息</el-button>
<!-- <el-button size="small">保存模板</el-button> -->
......@@ -14,28 +12,19 @@
<el-button size="small">智能提示</el-button>
</div>
<el-form
:model="model"
:rules="rules"
ref="modelForm"
label-width="120px"
label-position="right"
size="small"
:validate-on-rule-change="false">
<el-form :model="model" :rules="rules" ref="modelForm" label-width="120px" label-position="right" size="small" :validate-on-rule-change="false">
<c-tabs v-model="tabVal" ref="elment" type="card" @tab-click="myTabClick">
<el-tab-pane label="业务信息" name="ovwp">
<c-content>
<m-ovwp :model="model" :codes="codes"/>
<m-ovwp :model="model" :codes="codes" />
</c-content>
</el-tab-pane>
<!--PD000001 -->
<!--PD000001 -->
<el-tab-pane label="统一授信" name="limitbody">
<c-content>
<m-limitbody :model="model" :codes="codes"/>
<m-limitbody :model="model" :codes="codes" />
</c-content>
</el-tab-pane>
......@@ -57,7 +46,6 @@
<m-shpdet :model="model" :codes="codes"/>
</el-tab-pane> -->
<!--PD000027 -->
<el-tab-pane label="费用/账务" name="engp,setpan,glepan">
<c-content>
......@@ -80,67 +68,53 @@
</c-content>
</el-tab-pane>
<!--
<!--
<el-tab-pane label="结算" name="setpan">
<m-setpan :model="model" :codes="codes" />
</el-tab-pane> -->
<el-tab-pane label="备查/附言" name="addbcb">
<c-content>
<m-addbcb :model="model" :codes="codes"/>
<m-addbcb :model="model" :codes="codes" />
</c-content>
</el-tab-pane>
<!--PD000529-->
<el-tab-pane label="报文/面函" name="docpan">
<c-content>
<m-docpan :model="model" :codes="codes"/>
<m-docpan :model="model" :codes="codes" />
</c-content>
</el-tab-pane>
<!--PD000546-->
<el-tab-pane label="附件信息" name="doctre">
<c-content>
<m-doctre :model="model" :codes="codes"/>
<m-doctre :model="model" :codes="codes" />
</c-content>
</el-tab-pane>
<!-- ======新增隐藏面板====== -->
<!--PD000139 -->
<el-tab-pane
label="不符点通知"
name="mt750p"
v-if="model.brdgrp.rec.advtyp == '750'"
>
<!--PD000139
<el-tab-pane label="不符点通知" name="mt750p" v-if="model.brdgrp.rec.advtyp == '750'">
<c-content>
<m-mt750p :model="model" :codes="codes" />
</c-content>
</el-tab-pane>
<!--PD000147 -->
<el-tab-pane
label="付款通知"
name="mt754p"
v-if="model.brdgrp.rec.advtyp == '754'"
>
-->
<!--PD000147
<el-tab-pane label="付款通知" name="mt754p" v-if="model.brdgrp.rec.advtyp == '754'">
<c-content>
<m-mt754p :model="model" :codes="codes" />
</c-content>
</el-tab-pane>
<!--PD000213 -->
<el-tab-pane
label="通知详情"
name="othadvtypp"
v-if="model.brdgrp.rec.advtyp == 'oth'"
>
-->
<!--PD000213
<el-tab-pane label="通知详情" name="othadvtypp" v-if="model.brdgrp.rec.advtyp == 'oth'">
<c-content>
<m-othadvtypp :model="model" :codes="codes" />
</c-content>
</el-tab-pane>
-->
<!--PD000137 未找到相关panels
<el-tab-pane label="PD000137" name="ovwp">
<m-ovwp :model="model" :codes="codes"/>
......@@ -164,25 +138,16 @@
</c-tabs>
</el-form>
<c-grid-ety-prompt-dialog ref="etyDialog" :promptData="promptData" v-on:select-ety="selectEty"></c-grid-ety-prompt-dialog>
<c-grid-ety-prompt-dialog
ref="doxpDialog"
:isPty="false"
:promptData="promptData"
@select-ety="selectMsg"
>
<c-grid-ety-prompt-dialog ref="doxpDialog" :isPty="false" :promptData="promptData" @select-ety="selectMsg">
</c-grid-ety-prompt-dialog>
<c-function-btn
:handleSubmit="handleSubmit"
:handleCheck="handleCheck"
:handleStash="handleStash"
>
<c-function-btn :handleSubmit="handleSubmit" :handleCheck="handleCheck" :handleStash="handleStash">
</c-function-btn>
</div>
</c-page>
</div>
</template>
<script>
import Api from "~/service/Api"
import CodeTable from "~/config/CodeTable"
......@@ -204,6 +169,7 @@ import Othadvtypp from "./Othadvtypp"
//公共面板导入
import Engp from "~/views/Public/Engp";
import Setpan from "~/views/Public/Setpan";
import Glepan from "~/views/Public/Glepan";
import Coninfp from "~/views/Public/Coninfp";
import Docpan from "~/views/Public/Docpan";
import Doctre from "~/views/Public/Doctre";
......@@ -211,17 +177,18 @@ import Limitbody from "~/views/Public/Limitbody";
export default {
name: "Brtsnd",
components:{
"m-payp" : Payp,
"m-ovwp" : Ovwp,
"m-addbcb" : Addbcb,
"m-docpre" : Docpre,
"m-shpdet" : Shpdet,
"m-mt750p" : Mt750p,
"m-mt754p" : Mt754p,
"m-othadvtypp" : Othadvtypp,
components: {
"m-payp": Payp,
"m-ovwp": Ovwp,
"m-addbcb": Addbcb,
"m-docpre": Docpre,
"m-shpdet": Shpdet,
"m-mt750p": Mt750p,
"m-mt754p": Mt754p,
"m-othadvtypp": Othadvtypp,
"m-engp": Engp,
"m-setpan": Setpan,
"m-glepan": Glepan,
"m-coninfp": Coninfp,
"m-docpan": Docpan,
"m-doctre": Doctre,
......@@ -232,8 +199,8 @@ export default {
root: this
}
},
mixins: [commonProcess,commonFuncs], // 里面包含了Default、Check等的公共处理
data(){
mixins: [commonProcess, commonFuncs], // 里面包含了Default、Check等的公共处理
data() {
return {
tabVal: "ovwp",
trnName: "brtsnd",
......@@ -245,18 +212,18 @@ export default {
codes: {
...CodeTable
},
activeNames:["engp"],
activeNames: ["engp"],
}
},
methods:{
myTabClick(tab){
methods: {
myTabClick(tab) {
this.tabClick(tab)
/**
* do it yourself
**/
}
},
created:async function(){
created: async function () {
console.log("进入brtsnd交易");
let rtnmsg = await this.init({})
if (rtnmsg.respCode == SUCCESS) {
......@@ -265,11 +232,15 @@ export default {
this.restoreDisplay();
}
} else {
this.$notify.error({title: '错误',message: '服务请求失败!'});
this.$notify.error({
title: '错误',
message: '服务请求失败!'
});
}
},
}
</script>
<style>
</style>
......@@ -63,7 +63,7 @@
<c-col :span="24">
<c-ptap1 :model="model" :argadr="{
title: 'Reimbursing Bank',
title: '偿付银行',
grp: 'brdgrp',
rol: 'rmb',
}" :disabled="true" disabled1
......@@ -95,7 +95,7 @@
<!-- ==================================== 右边 ================================= -->
<c-col :span="12" style="padding-left: 20px;">
<c-col :span="24">
<el-form-item label="Narrative (TAG 77A of MT754)" prop="brdgrp.blk.nartxt77a">
<el-form-item label="Narrative (77A)" prop="brdgrp.blk.nartxt77a">
<c-input type="textarea" v-model="model.brdgrp.blk.nartxt77a" maxlength="700" show-word-limit
placeholder="请输入Narrative TAG 77A of MT754" disabled :rows="16"></c-input>
</el-form-item>
......@@ -103,7 +103,7 @@
<c-col :span="24">
<c-ptap1 :model="model" :argadr="{
title: `Beneficiary's Bank`,
title: `受益人银行`,
grp: 'brdgrp',
rol: 'beb',
}" :disabled="true" disabled1
......
......@@ -66,7 +66,7 @@
<!-- 加Mt754p页面的Beneficiary`s Bank -->
<c-col :span="24">
<c-ptap1 :model="model" :argadr="{
title: `Beneficiary's Bank`,
title: `受益人银行`,
grp: 'brdgrp',
rol: 'beb',
}" :disabled="true" disabled1>
......
......@@ -376,7 +376,7 @@
v-model="model.trnmod.trndoc.nar754"
maxlength="700"
show-word-limit
placeholder="请输入Narrative :77A:"
placeholder="请输入叙述内容(77A)"
rows="8"
></c-input>
</c-form-item>
......
......@@ -63,8 +63,8 @@
</c-col>
<c-col :span="12">
<el-form-item label="Reimbursing Bank Account Identification">
<c-input v-model="model.didgrp.rec.rmbact" maxlength="35" placeholder="请输入Reimbursing Bank Account Identification"></c-input>
<el-form-item label="偿付银行 Account Identification">
<c-input v-model="model.didgrp.rec.rmbact" maxlength="35" placeholder="请输入偿付银行 Account Identification"></c-input>
</el-form-item>
</c-col>
......@@ -82,8 +82,8 @@
</c-col>
<c-col :span="12">
<el-form-item label="MT747 :77A:">
<c-input type="textarea" v-model="model.ditp.rmbnar" maxlength="35" show-word-limit placeholder="请输入MT747 :77A:" ></c-input>
<el-form-item label="MT747(77A)">
<c-input type="textarea" v-model="model.ditp.rmbnar" maxlength="35" show-word-limit placeholder="请输入MT747 77A字段" ></c-input>
</el-form-item>
</c-col>
......
......@@ -326,7 +326,7 @@ export default {
searol:[
{ label: "Acc. with Bank (ACB)", value: "ACB" },
{ label: "Applicant", value: "APL" },
{ label: "Beneficiary's Bank", value: "BEB" },
{ label: "受益人银行", value: "BEB" },
{ label: "Beneficiary", value: "BEN" },
{ label: "Issuing Bank", value: "ISS" },
{ label: "Old Account Party", value: "OAP" },
......
......@@ -356,7 +356,7 @@ export default {
searol:[
{ label: "Acc. with Bank (ACB)", value: "ACB" },
{ label: "Applicant", value: "APL" },
{ label: "Beneficiary's Bank", value: "BEB" },
{ label: "受益人银行", value: "BEB" },
{ label: "Beneficiary", value: "BEN" },
{ label: "Issuing Bank", value: "ISS" },
{ label: "Old Account Party", value: "OAP" },
......
<template>
<div class="eibs-tab">
<!-- ==================================== 左边(和brtudp交易的页面一样) 是此交易Mt750p页面内容加Reimbursing Bank================================= -->
<!-- ==================================== 左边(和brtudp交易的页面一样) 是此交易Mt750p页面内容加偿付银行================================= -->
<c-col :span="11">
<!--加此交易的Mt750p页面的 单据金额 -->
<!--Document Amount 单据金额 -->
......@@ -151,7 +151,7 @@
<c-col :span="11" :offset="1">
<c-col :span="24">
<el-form-item
label="描述内容 (:77A:)"
label="叙述内容(77A)"
prop="bedgrp.blk.nartxt77a"
>
<c-input
......
......@@ -35,14 +35,14 @@
<c-col :span="24">
<c-form-item
label="Reimbursing Bank Account Identification"
label="偿付银行 Account Identification"
prop="ltdgrp.rec.rmbact"
>
<c-input
v-model="model.ltdgrp.rec.rmbact"
maxlength="35"
disabled
placeholder="请输入Reimbursing Bank Account Identification"
placeholder="请输入偿付银行 Account Identification"
></c-input>
</c-form-item>
</c-col>
......@@ -75,13 +75,13 @@
<!-- S0000334 : MT747 :77A: -->
<c-col :span="24">
<c-form-item label=": MT747 :77A:" prop="lttp.rmbnar">
<c-form-item label=": MT747(77A)" prop="lttp.rmbnar">
<c-input
type="textarea"
v-model="model.lttp.rmbnar"
maxlength="35"
show-word-limit
placeholder="请输入: MT747 :77A:"
placeholder="请输入: MT747 77A字段"
></c-input>
</c-form-item>
</c-col>
......
......@@ -33,14 +33,14 @@
</c-col>
<c-col :span="11" :offset="1">
<el-form-item
label="Reimbursing Bank Account Identification"
label="偿付银行 Account Identification"
label-width="280px"
prop="ltdgrp.rec.rmbact"
>
<c-input
v-model="model.ltdgrp.rec.rmbact"
maxlength="35"
placeholder="请输入Reimbursing Bank Account Identification"
placeholder="请输入偿付银行 Account Identification"
></c-input>
</el-form-item>
</c-col>
......@@ -112,13 +112,13 @@
</c-col>
<c-col :span="24">
<el-form-item label="MT747 :77A:" prop="lttp.rmbnar">
<el-form-item label="MT747(77A)" prop="lttp.rmbnar">
<c-input
type="textarea"
v-model="model.lttp.rmbnar"
maxlength="35"
show-word-limit
placeholder="请输入MT747 :77A:"
placeholder="请输入MT747 77A字段"
></c-input>
</el-form-item>
</c-col>
......
......@@ -123,8 +123,8 @@
</c-col>
<c-col :span="24">
<c-form-item label="Narrative :77A:" prop="trnmod.trndoc.nar754">
<c-input type="textarea" v-model="model.trnmod.trndoc.nar754" maxlength="35" show-word-limit :placeholder="$t('other.please_enter')+'Narrative :77A:'" ></c-input>
<c-form-item label="叙述内容(77A)" prop="trnmod.trndoc.nar754">
<c-input type="textarea" v-model="model.trnmod.trndoc.nar754" maxlength="35" show-word-limit :placeholder="$t('other.please_enter')+'叙述内容(77A)'" ></c-input>
</c-form-item>
</c-col>
......
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