Skip to content

V
vue-gjjs
Commit 831bcebc by liushikai
Options

ditopn 3~8页签布局调整

parent 620a7ad6
Showing with 643 additions and 80 deletions
src/model/Ditopn/index.js
......@@ -179,6 +179,16 @@ export default class Ditopn{
labdspflg:"", // Label for Type of Settlement .setmod.setglg.labdspflg
},
autclr:"", // 自动清算 .setmod.autclr
setfog:{
setfop:[] // 境外佣金/费用 .setmod.setfog.setfop
},
setfeg:{
setfep:[] // 我方佣金/费用 .setmod.setfeg.setfop
},
setglg:{
setglp:[] // 结算 .setmod.setglg.setglp
}
},
liaall:{
misamt:"", // 未分配金额 .liaall.misamt
......
src/views/Business/Ditopn/Coninfp.vue
<template>
<div class="eibs-tab">
<c-row>
<c-col :span="24">
<c-col :span="12">
<el-form-item
style="height=200px;"
label="General"
prop="mtabut.coninf.oitinf.oit.inftxt"
>
<c-input
type="textarea"
v-model="model.mtabut.coninf.oitinf.oit.inftxt"
maxlength="60"
:autosize="{ minRows: 4, maxRows: 6 }"
show-word-limit
placeholder="请输入Infotext"
></c-input>
</el-form-item>
</c-col>
<el-col :span="12">
<c-col :span="12">
<el-form-item
label="显示方式"
prop="mtabut.coninf.oitinf.oit.inflev"
>
<c-select
v-model="model.mtabut.coninf.oitinf.oit.inflev"
style="width: 50%"
disabled
placeholder="请选择Infotext Level"
>
<el-option
v-for="item in codes.inflev"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</c-select>
</el-form-item>
</c-col>
</c-col>
<c-col :span="24">
<c-col :span="12">
<el-form-item
label="Settlement"
prop="mtabut.coninf.oitset.oit.inftxt"
>
<c-input
type="textarea"
v-model="model.mtabut.coninf.oitset.oit.inftxt"
maxlength="60"
:autosize="{ minRows: 4, maxRows: 6 }"
show-word-limit
placeholder="请输入Infotext"
></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item
label="显示方式"
prop="mtabut.coninf.oitset.oit.inflev"
>
<c-select
v-model="model.mtabut.coninf.oitset.oit.inflev"
style="width: 50%"
disabled
placeholder="请选择Infotext Level"
>
<el-option
v-for="item in codes.inflev"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</c-select>
</el-form-item>
</c-col>
</c-col>
<!-- <c-col :span="12">
<el-form-item label="执行日期" prop="mtabut.coninf.conexedat">
<el-date-picker
type="date"
v-model="model.mtabut.coninf.conexedat"
style="width: 40%"
placeholder="请选择执行日期"
></el-date-picker>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item
label="Send for Release to"
prop="mtabut.coninf.usr.extkey"
>
<c-input
v-model="model.mtabut.coninf.usr.extkey"
maxlength="8"
style="width: 40%"
disabled="disabled"
placeholder="请输入User ID"
></c-input>
</el-form-item>
</c-col> -->
</c-row>
<!-- <el-col :span="12">
<span v-text="model.mtabut.coninf.oitinf.labinftxt" data-path=".mtabut.coninf.oitinf.labinftxt" > </span>
</el-col>
......@@ -39,7 +147,7 @@
<el-form-item label="Execution Date" prop="mtabut.coninf.conexedat">
<c-date-picker type="date" v-model="model.mtabut.coninf.conexedat" style="width:100%" placeholder="请选择Execution Date"></c-date-picker>
</el-form-item>
</el-col>
</el-col> -->
</div>
</template>
<script>
......
src/views/Business/Ditopn/Docpan.vue
<template>
<div class="eibs-tab">
<c-col :span="12">
<el-form-item label="通讯情况"> </el-form-item>
</c-col>
<c-col :span="22" :offset="1">
<c-istream-table-docpan :list="stmData.data" :columns="stmData.columns">
<el-table-column label="CF000537">
<template slot-scope="scope">
<c-select
v-model="model.trnmod.trndoc.doceot[scope.row.index].cortyp"
style="width: 100%"
disabled
placeholder="请选择"
>
<el-option
v-for="item in codes.doceotCortyp"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</c-select>
</template>
</el-table-column>
<el-table-column label="报文格式">
<template slot-scope="scope">
<c-select
v-model="model.trnmod.trndoc.doceot[scope.row.index].docsnf"
style="width: 100%"
placeholder="请选择"
>
<el-option
v-for="item in codes.docsnf"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</c-select>
</template>
</el-table-column>
<el-table-column label="语言" width="150%">
<template slot-scope="scope">
<c-select
v-model="model.trnmod.trndoc.doceot[scope.row.index].docuil"
style="width: 100%"
placeholder="请选择"
>
<el-option
v-for="item in codes.uiltxt"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</c-select>
</template>
</el-table-column>
<el-table-column label="CF000540">
<template slot-scope="scope">
<c-select
v-model="model.trnmod.trndoc.doceot[scope.row.index].apf"
disabled
style="width: 100%"
placeholder="请选择"
>
<el-option
v-for="item in codes.apftxt"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</c-select>
</template>
</el-table-column>
<el-table-column label="正本" width="65%">
<template slot-scope="scope">
<c-input
v-model="model.trnmod.trndoc.doceot[scope.row.index].apfcpy1"
:readonly="true"
style="width: 100%"
placeholder="请选择"
>
</c-input>
</template>
</el-table-column>
<el-table-column label="抄送" width="65%">
<template slot-scope="scope">
<c-input
v-model="model.trnmod.trndoc.doceot[scope.row.index].apfcpy2"
style="width: 100%"
placeholder="请选择"
>
</c-input>
</template>
</el-table-column>
<el-table-column label="CF001198">
<template slot-scope="scope">
<c-select
v-model="model.trnmod.trndoc.doceot[scope.row.index].staflg"
style="width: 100%"
placeholder="请选择"
>
<el-option
v-for="item in codes.swttlx"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</c-select>
</template>
</el-table-column>
<el-table-column label="">
<template slot-scope="scope">
<el-button
size="mini"
:disabled="
model.trnmod.trndoc.doceot[scope.row.index].pandsc == 'MT799' &&
model.didgrp.rec.elcflg == 'Y'
"
@click="handleDisplay(scope.row.index, scope.row)"
>显示</el-button
>
<el-button
size="mini"
type="danger"
@click="handleDetail(scope.row.index, scope.row)"
>详情</el-button
>
</template>
</el-table-column>
</c-istream-table-docpan>
</c-col>
</div>
</template>
<script>
import Api from "~/service/Api"
import Api from "~/service/Api";
import CommonProcess from "~/mixin/CommonProcess";
import CodeTable from "~/config/CodeTable"
import Event from "~/model/Ditopn/Event"
import CodeTable from "~/config/CodeTable";
import Event from "~/model/Ditopn/Event";
export default {
inject: ['root'],
props:["model","codes"],
inject: ["root"],
props: ["model", "codes"],
mixins: [CommonProcess],
data(){
data() {
return {
}
index: 0,
title: "",
dialog: {
rcv: {
pts: {},
ptyinftxt: {},
},
},
centerDialogVisible: false,
stmData: {
columns: [
//注释的已改成静态
"role 收报人",
"pandsc 描述",
//"cortyp 类型",
//"docsnf 报文格式",
//"docuil 语言",
//"apf 传送方式"
],
data: [],
},
methods:{...Event},
created:function(){
};
},
methods: { ...Event,
saveDialog() {
this.centerDialogVisible = false;
console.log(this.model);
this.model.trnmod.trndoc.doceot.splice(this.index, 1, this.dialog);
let res = Api.post(
"ditopn/executeRule/trnmod.trndoc.doccur.butaddok",
Utils.getRequestDataFn.call(this)
);
if(res.data.respCode=="AAAAAA"){
//TODO
}else{
this.$notify.error({ title: '错误', message: '服务请求失败！' });
}
}
},
},
created: function () {},
};
</script>
<style>
</style>
src/views/Business/Ditopn/Doctre.vue 0 → 100644
<template>
<div class="eibs-tab">
<!-- <c-col :span="11">
<el-form-item label="File Receiver">
<c-input
v-model="model.trnmod.trndoc.filrecv"
placeholder="请输入File Receiver"
></c-input>
</el-form-item>
</c-col>
<c-col :span="11" :offset="1">
<el-form-item label="Document tree">
<c-input
v-model="model.trnmod.trndoc.doctrestm"
placeholder="请输入Document tree"
></c-input>
</el-form-item>
</c-col> -->
<c-col :span="24">
<el-form-item
label="发送信件，附件及其他单据"
label-width="200px"
>
</el-form-item>
</c-col>
<c-col :span="24">
<!-- ========================左====================== -->
<c-col :span="14">
<c-col :span="24">
<div style="height: 300px; width: 100%;border:1px #ebeef5 solid">
<el-tree
:data="data"
:props="defaultProps"
@node-click="handleNodeClick"
></el-tree>
</div>
</c-col>
<c-col :span="24" style="margin-top:10px">
<c-col :span="4">
<el-form-item label="关联单据" v-show="isShow1 || isShow2"></el-form-item>
<el-form-item label="" v-show="!(isShow1 || isShow2)"></el-form-item>
</c-col>
<c-col :span="8">
<el-form-item label="">
<c-checkbox v-model="isShow1">显示收到信息</c-checkbox>
</el-form-item>
<!-- <c-checkbox v-model="isShow1">Show Incoming Messages</c-checkbox> -->
</c-col>
<c-col :span="8" :offset="2">
<el-form-item label="">
<c-checkbox v-model="isShow2">显示以前发的信息</c-checkbox>
</el-form-item>
<!-- <c-checkbox v-model="isShow2">Show Outgoing Messages</c-checkbox> -->
</c-col>
</c-col>
<c-col :span="22" :offset="1">
<c-table
:border="true"
:list="data1"
style="width:80%,text-align:center"
v-show="isShow1 || isShow2"
>
<el-table-column label="类型" width="auto"></el-table-column>
<el-table-column label="单据" width="auto"></el-table-column>
<el-table-column label="Cre.TRN" width="auto"></el-table-column>
<el-table-column label="日期" width="auto"></el-table-column>
<el-table-column label="" width="auto"></el-table-column>
<el-table-column label="" width="auto"></el-table-column>
</c-table>
</c-col>
</c-col>
<!-- ==============右============= -->
<c-col :span="6" :offset="1">
<c-col :span="24">
<c-button size="small" type="primary" @click="onTrndocButshw">
显示
</c-button>
</c-col>
<c-col :span="24" style="margin-top: 15px">
<c-button size="small" type="primary" @click="onTrndocButadd">
明细
</c-button>
</c-col>
<c-col :span="24" style="margin-top: 40px">
<c-button size="small" type="primary" @click="onTrndocButnew">
新加
</c-button>
</c-col>
<c-col :span="24" style="margin-top: 15px">
<c-button size="small" type="primary" @click="onTrndocButattto" disabled>
CG001184
</c-button>
</c-col>
<c-col :span="24" style="margin-top: 15px">
<c-button size="small" icon="el-icon-delete" @click="onTrndocButdel" disabled>
删除
</c-button>
</c-col>
<c-col :span="24" style="margin-top: 80px">
<c-button size="small" type="primary" @click="onTrndocButatt" disabled>
附加
</c-button>
</c-col>
<c-col :span="24" style="margin-top: 150px">
<c-button size="small" type="primary" @click="onTrndocButatt">
i
</c-button>
</c-col>
</c-col>
</c-col>
<!-- <c-col :span="12">
<span
v-text="model.trnmod.trndoc.doclbl"
data-path=".trnmod.trndoc.doclbl"
>
</span>
</c-col> -->
<!-- <c-col :span="11" style="margin-top: 20px">
<el-form-item label="Connected Documents">
<c-input
v-model="model.trnmod.trndoc.condocstm"
placeholder="请输入Connected Documents"
></c-input>
</el-form-item>
</c-col> -->
<!-- <c-col :span="11" :offset="1" style="margin-top: 20px">
<el-form-item label="">
<c-input
v-model="model.trnmod.trndoc.rcvatt.seainf"
placeholder="请输入"
></c-input>
</el-form-item>
</c-col> -->
</div>
</template>
<script>
import Api from "~/service/Api";
import CodeTable from "~/config/CodeTable";
import Event from "~/model/Ditopn/Event";
export default {
inject: ['root'],
props: ["model", "codes"],
data() {
return {
data1:[],
isShow1: false,
isShow2: true,
data: [
{
label: "内部的",
children: [{ label: "'国内信用证' via" }],
},
],
};
},
methods: { ...Event,
handleNodeClick(){} ,
defaultProps(){},
onTrndocButshw(){},
onTrndocButadd(){},
onTrndocButnew(){},
onTrndocButattto(){},
onTrndocButdel(){},
onTrndocButatt(){},
},
created: function () {},
};
</script>
<style>
</style>
src/views/Business/Ditopn/Mt799.vue
<template>
<div class="eibs-tab">
<c-col :span="16">
<el-form-item label="MT799(79)受益人英文名称" prop="litp1.bennam">
<c-input
v-model="model.litp1.bennam"
maxlength="100"
@blur="BlurBennam"
></c-input>
</el-form-item>
</c-col>
<el-col :span="12">
<c-col :span="16">
<el-form-item label="MT799(79)申请人英文名称" prop="litp1.aplname">
<c-input
v-model="model.litp1.aplname"
maxlength="100"
@blur="BlurAplname"
></c-input>
</el-form-item>
</c-col>
<c-col :span="10">
<el-form-item label="MT799(79)签名" prop="litp1.signam">
<c-input
v-model="model.litp1.signam"
maxlength="50"
@blur="BlurSignam"
></c-input>
</el-form-item>
</c-col>
<!-- <el-col :span="12">
<el-form-item label="english name" prop="litp1.bennam">
<c-input v-model="model.litp1.bennam" maxlength="100" placeholder="请输入english name"></c-input>
</el-form-item>
......@@ -17,30 +46,25 @@
<el-form-item label="name of authorized signatory" prop="litp1.signam">
<c-input v-model="model.litp1.signam" maxlength="50" placeholder="请输入name of authorized signatory"></c-input>
</el-form-item>
</el-col>
</el-col> -->
</div>
</template>
<script>
import Api from "~/service/Api"
import Api from "~/service/Api";
import CommonProcess from "~/mixin/CommonProcess";
import CodeTable from "~/config/CodeTable"
import Event from "~/model/Ditopn/Event"
import CodeTable from "~/config/CodeTable";
import Event from "~/model/Ditopn/Event";
export default {
inject: ['root'],
props:["model","codes"],
inject: ["root"],
props: ["model", "codes"],
mixins: [CommonProcess],
data(){
return {
}
data() {
return {};
},
methods:{...Event},
created:function(){
}
}
methods: { ...Event },
created: function () {},
};
</script>
<style>
</style>
src/views/Business/Ditopn/Tk.vue
<template>
<div class="eibs-tab">
<c-col :span="24">
<el-form-item label="货物描述" prop="lidgrp.blk.lcrgod">
<c-input
type="textarea"
:autosize="{ minRows: 6, maxRows: 8 }"
v-model="model.lidgrp.blk.lcrgod"
style="width: 70%; margin-right: 20px"
maxlength="1430"
show-word-limit
placeholder="请输入Description of Goods"
></c-input>
</el-form-item>
</c-col>
<el-col :span="12">
<c-col :span="24">
<el-form-item label="单据要求" prop="lidgrp.blk.lcrdoc">
<c-input
type="textarea"
:autosize="{ minRows: 6, maxRows: 8 }"
v-model="model.lidgrp.blk.lcrdoc"
maxlength="1950"
style="width: 70%; margin-right: 20px"
show-word-limit
placeholder="请输入单据要求"
></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="附加条款" prop="lidgrp.blk.adlcnd">
<c-input
type="textarea"
:autosize="{ minRows: 6, maxRows: 8 }"
v-model="model.lidgrp.blk.adlcnd"
style="width: 70%; margin-right: 20px"
maxlength="1430"
show-word-limit
placeholder="请输入附加条款"
></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="寄单指示" prop="lidgrp.blk.insbnk">
<c-input
type="textarea"
:autosize="{ minRows: 6, maxRows: 8 }"
v-model="model.lidgrp.blk.insbnk"
style="width: 70%; margin-right: 20px"
maxlength="325"
show-word-limit
placeholder="请输入付行的指示"
></c-input>
</el-form-item>
</c-col>
<!-- <el-col :span="12">
<el-form-item label="货物描述/服务描述">
<c-input type="textarea" v-model="model.lidgrp.blk.lcrgod" maxlength="65" show-word-limit placeholder="请输入货物描述/服务描述" ></c-input>
</el-form-item>
......@@ -51,30 +106,25 @@
<el-col :span="12">
<c-checkbox v-model="model.lidgrp.rec.redclsflg">Red/Green Clause</c-checkbox>
</el-col>
</el-col> -->
</div>
</template>
<script>
import Api from "~/service/Api"
import Api from "~/service/Api";
import CommonProcess from "~/mixin/CommonProcess";
import CodeTable from "~/config/CodeTable"
import Event from "~/model/Ditopn/Event"
import CodeTable from "~/config/CodeTable";
import Event from "~/model/Ditopn/Event";
export default {
inject: ['root'],
props:["model","codes"],
inject: ["root"],
props: ["model", "codes"],
mixins: [CommonProcess],
data(){
return {
}
data() {
return {};
},
methods:{...Event},
created:function(){
}
}
methods: { ...Event },
created: function () {},
};
</script>
<style>
</style>
src/views/Business/Ditopn/index.vue
......@@ -14,69 +14,88 @@
</el-tab-pane>
<!--PD000342 -->
<el-tab-pane label="PD000342" name="tk">
<el-tab-pane label="条款" name="tk">
<m-tk :model="model" :codes="codes"/>
</el-tab-pane>
<!--PD000000 -->
<el-tab-pane label="结算" name="setpan">
<m-setpan :model="model" :codes="codes"/>
</el-tab-pane>
<el-tab-pane label="分录" name="glepan">
</el-tab-pane>
<!--PD000000 -->
<el-tab-pane label="附言" name="coninfp">
<m-coninfp :model="model" :codes="codes"/>
</el-tab-pane>
<!--PD000529 -->
<el-tab-pane label="面函" name="docpan">
<m-docpan :model="model" :codes="codes"/>
</el-tab-pane>
<el-tab-pane label="附件信息" name="doctre">
<m-doctre :model="model" :codes="codes"/>
</el-tab-pane>
<!--PD000361 -->
<el-tab-pane label="Mt799" name="mt799">
<m-mt799 :model="model" :codes="codes"/>
</el-tab-pane>
<el-tab-pane label="账户概况" name="actlst">
</el-tab-pane>
<!--PD000065 -->
<el-tab-pane label="PD000065" name="rbip">
<!-- <el-tab-pane label="PD000065" name="rbip">
<m-rbip :model="model" :codes="codes"/>
</el-tab-pane>
</el-tab-pane> -->
<!--PD000077 -->
<el-tab-pane label="PD000077" name="detp">
<!-- <el-tab-pane label="PD000077" name="detp">
<m-detp :model="model" :codes="codes"/>
</el-tab-pane>
</el-tab-pane> -->
<!--PD000361 -->
<el-tab-pane label="PD000361" name="mt799">
<!-- <el-tab-pane label="PD000361" name="mt799">
<m-mt799 :model="model" :codes="codes"/>
</el-tab-pane>
-->
<!--PD000019 -->
<el-tab-pane label="PD000019" name="litbenl1">
<!-- <el-tab-pane label="PD000019" name="litbenl1">
<m-litbenl1 :model="model" :codes="codes"/>
</el-tab-pane>
</el-tab-pane> -->
<!--PD000021 -->
<el-tab-pane label="PD000021" name="litapll1">
<!-- <el-tab-pane label="PD000021" name="litapll1">
<m-litapll1 :model="model" :codes="codes"/>
</el-tab-pane>
</el-tab-pane> -->
<!--PD000020 -->
<el-tab-pane label="PD000020" name="litrmbl1">
<!-- <el-tab-pane label="PD000020" name="litrmbl1">
<m-litrmbl1 :model="model" :codes="codes"/>
</el-tab-pane>
</el-tab-pane> -->
<!--PD000000 -->
<el-tab-pane label="PD000000" name="setpan">
<m-setpan :model="model" :codes="codes"/>
</el-tab-pane>
<!--PD000027 -->
<el-tab-pane label="PD000027" name="engp">
<!-- <el-tab-pane label="PD000027" name="engp">
<m-engp :model="model" :codes="codes"/>
</el-tab-pane>
</el-tab-pane> -->
<!--PD000510 -->
<el-tab-pane label="PD000510" name="addbcb">
<!-- <el-tab-pane label="PD000510" name="addbcb">
<m-addbcb :model="model" :codes="codes"/>
</el-tab-pane>
</el-tab-pane> -->
<!--PD000529 -->
<el-tab-pane label="PD000529" name="docpan">
<m-docpan :model="model" :codes="codes"/>
</el-tab-pane>
<!--PD000000 -->
<el-tab-pane label="PD000000" name="coninfp">
<m-coninfp :model="model" :codes="codes"/>
</el-tab-pane>
<!--PD000001 -->
<el-tab-pane label="PD000001" name="ccvpan">
<!-- <el-tab-pane label="PD000001" name="ccvpan">
<m-ccvpan :model="model" :codes="codes"/>
</el-tab-pane>
</el-tab-pane> -->
</c-tabs>
</el-form>
</div>
......@@ -102,6 +121,7 @@ import Addbcb from "./Addbcb"
import Docpan from "./Docpan"
import Coninfp from "./Coninfp"
import Ccvpan from "./Ccvpan"
import Doctre from "./Doctre.vue"
export default {
......@@ -121,6 +141,7 @@ export default {
"m-docpan" : Docpan,
"m-coninfp" : Coninfp,
"m-ccvpan" : Ccvpan,
"m-doctre" : Doctre,
},
provide() {
return {
......
src/views/Business/Trnrel/Inftrnps.vue
......@@ -76,7 +76,7 @@
</c-col>
<c-col :span="12" :offset="12">
<el-form-item label="Transaction Text" prop="atptxt">
<c-input v-model="model.atptxt" maxlength="37" placeholder="请输入交易备注"></c-input>
<c-input v-model="model.atptxt" maxlength="37" placeholder="请输入交易备注" style="width:70%"></c-input>
</el-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