Commit 6bf9a145 by LiRui

LETCAN UI改造

parent 410d4b40
<template>
<div class="eibs-tab">
<el-collapse v-model="activeNames" @change="handleChange">
<el-collapse-item title="提示信息" name="coninfp">
<m-coninfp :model="model" :codes="codes" />
</el-collapse-item>
</el-collapse>
</div>
</template>
<script>
import Api from "~/service/Api";
import commonProcess from "~/mixin/commonProcess";
import Event from "~/model/Letcan/Event";
import Coninfp from "~/views/Public/Coninfp";
export default {
components: {
"m-coninfp": Coninfp,
},
inject: ["root"],
props: ["model", "codes"],
mixins: [commonProcess],
data() {
return {
activeNames: ["coninfp"],
};
},
methods: {
...Event,
handleChange(val) {
console.log(val);
},
},
created: function () {},
};
</script>
<style>
</style>
\ No newline at end of file
<template>
<div class="eibs-tab">
<div class="eibs">
<!-- <c-row class="infrow" style="margin-top: 50px"> -->
<!-- ============================顶部================================ -->
<c-row>
<c-col :span="24">
<c-col :span="12">
<c-col :span="12" style="padding-right: 20px;">
<el-form-item label="出口信用证编号" prop="ledgrp.rec.ownref">
<c-input
v-model="model.ledgrp.rec.ownref"
......@@ -14,7 +14,7 @@
></c-input>
</el-form-item>
</c-col>
<c-col :span="11" :offset="1">
<c-col :span="12" style="padding-left: 20px;">
<el-form-item label="简略信息" prop="ledgrp.rec.nam">
<c-input
text-align="middle"
......@@ -31,7 +31,7 @@
<!-- ========================上半部分的左边=========================== -->
<c-row>
<c-col :span="12">
<c-col :span="12" style="padding-right: 20px;">
<!-- L/C Amount -->
<c-col :span="24">
<c-col :span="11">
......@@ -203,11 +203,10 @@
</c-select>
</el-form-item>
</c-col>
</c-col>
<!-- ========================上半部分的右边======================= -->
<c-col :span="11" :offset="1">
<c-col :span="12" style="padding-left: 20px;">
<c-col :span="24">
<el-form-item label="申请人参考号" prop="ledgrp.apl.pts.ref">
<c-input
......@@ -286,7 +285,7 @@
<!-- ========================下半部分======================= -->
<c-row>
<c-col :span="12">
<c-col :span="12" style="padding-right: 20px;">
<c-col :span="24">
<el-form-item label="叙述信息" prop="letcanf.strinf">
<c-fullbox>
......@@ -303,18 +302,17 @@
<c-button
size="small"
type="primary"
icon="el-icon-search"
icon="el-icon-more"
@click="showGridPromptDialog('letcanp.canlet.buttxmsel', null, null,{TXT: 'letcanf.strinf'}, {TXT: false},'doxpDialog')"
>
...
</c-button>
</template>
</c-fullbox>
</el-form-item>
</c-col>
<c-col :span="18" :offset="6">
<el-form-item label="" prop="sndmsg" class="checkbox-left">
<c-checkbox v-model="model.sndmsg">发送信息</c-checkbox>
</c-col>
</el-form-item>
</c-col>
</c-row>
......
<template>
<div class="eibs-tab">
<el-collapse v-model="activeNames" @change="handleChange">
<el-collapse-item title="取消信息" name="canp">
<m-canp :model="model" :codes="codes" />
</el-collapse-item>
<el-collapse-item title="索偿(MT 742)" name="rcldetp" v-if="model.ledgrp.rmb.rolsetflg=='Y'">
<m-rcldetp :model="model" :codes="codes" />
</el-collapse-item>
</el-collapse>
</div>
</template>
<script>
import commonProcess from "~/mixin/commonProcess";
import Event from "~/model/Getamc/Event";
import Canp from "./Canp";
import Rcldetp from "./Rcldetp";
export default {
components: {
"m-canp": Canp,
"m-rcldetp": Rcldetp,
},
inject: ['root'],
props:["model","codes"],
mixins: [commonProcess],
data(){
return {
activeNames: ["canp"],
}
},
methods:{...Event,handleChange(){}},
created:function(){
}
}
</script>
<style>
</style>
\ No newline at end of file
<template>
<div class="eibs-tab">
<div class="eibs">
<!-- ==========================左半边================================== -->
<c-col :span="12">
<c-col :span="12" style="padding-right: 20px;">
<!-- SF000021 : 偿付行 -->
<c-col :span="24">
<el-form-item label="偿付行" prop="rmbclm.rmbrol">
......
<template>
<!-- <c-page title="出口信用证注销"> -->
<div class="eContainer">
<c-page title="出口信用证注销">
<!-- <c-bus-button :$pntvm="this"></c-bus-button> -->
<c-function-btn
:handleSubmit="handleSubmit"
:handleCheck="handleCheck"
:handleStash="handleStash"
>
<!-- <el-button size="small">备忘录</el-button>
<el-button size="small">影像信息</el-button>
<el-button size="small">保存模板</el-button>
<el-button size="small">使用模板</el-button>
<el-button size="small">制裁信息</el-button>
<el-button size="small">拆分报文</el-button>
<el-button size="small">智能提示</el-button> -->
<el-button size="small">用户确认</el-button>
<el-button size="small">检核</el-button>
<el-button size="small">日志</el-button>
<el-button size="small">inc to Ben</el-button>
<el-button size="small">imgyge</el-button>
<el-button size="small">img</el-button>
<el-button size="small">His.img</el-button>
</c-function-btn>
<el-form
:model="model"
:rules="rules"
......@@ -38,69 +17,60 @@
type="card"
@tab-click="myTabClick"
>
<!--PD000016 -->
<el-tab-pane label="取消信息" name="canp">
<el-tab-pane label="业务信息" name="ovwp">
<c-content>
<m-canp :model="model" :codes="codes" />
<m-ovwp :model="model" :codes="codes" />
</c-content>
</el-tab-pane>
<!--PD000027 表外-->
<el-tab-pane label="表外记账" name="engp">
<!--PD000001 -->
<el-tab-pane label="统一授信" name="limitbody">
<c-content>
<m-engp :model="model" :codes="codes" />
<m-limitbody :model="model" :codes="codes" />
</c-content>
</el-tab-pane>
<!--PD000000 Settlement账务-->
<el-tab-pane label="结算" name="setpan">
<el-tab-pane label="费用/账务" name="engp,setpan,glepan">
<c-content>
<div class="eibs-tab">
<el-collapse v-model="activeNames">
<el-collapse-item title="表外记账" name="engp">
<!-- 表外记账 -->
<m-engp :model="model" :codes="codes" />
</el-collapse-item>
<el-collapse-item title="结算" name="setpan">
<!-- 结算 -->
<m-setpan :model="model" :codes="codes" />
</c-content>
</el-tab-pane>
<!--PD000001 分录信息-->
<el-tab-pane label="会计分录" name="glepan">
<c-content>
</el-collapse-item>
<el-collapse-item title="会计分录" name="glepan">
<!-- 会计分录 -->
<m-glepan :model="model" :codes="codes" />
</el-collapse-item>
</el-collapse>
</div>
</c-content>
</el-tab-pane>
<!--letcan PD000023 MT 742 Reimbursement Claim -->
<el-tab-pane label="索偿(MT 742)" name="rcldetp"
v-if="model.ledgrp.rmb.rolsetflg=='Y'">
<c-content>
<m-rcldetp :model="model" :codes="codes"/>
</c-content>
</el-tab-pane>
<!--PD000000 Completion附言-->
<el-tab-pane label="提示信息" name="coninfp">
<el-tab-pane label="备查/附言" name="addbcb">
<c-content>
<m-coninfp :model="model" :codes="codes" />
<m-addbcb :model="model" :codes="codes" />
</c-content>
</el-tab-pane>
<!--PD000529 Messages报文及面函-->
<el-tab-pane label="报文和面函" name="docpan">
<el-tab-pane label="报文/面函" name="docpan">
<c-content>
<m-docpan :model="model" :codes="codes" />
</c-content>
</el-tab-pane>
<!--PD000546 Attachments附件-->
<el-tab-pane label="附件" name="doctre">
<el-tab-pane label="附件信息" name="doctre">
<c-content>
<m-doctre :model="model" :codes="codes" />
</c-content>
</el-tab-pane>
<!--PD000001 -->
<el-tab-pane label="统一授信" name="limitbody">
<c-content>
<m-limitbody :model="model" :codes="codes" />
</c-content>
</el-tab-pane>
</c-tabs>
</el-form>
......@@ -118,8 +88,14 @@
@select-ety="selectMsg"
>
</c-grid-ety-prompt-dialog>
<c-function-btn
:handleSubmit="handleSubmit"
:handleCheck="handleCheck"
:handleStash="handleStash"
>
</c-function-btn>
</c-page>
</div>
<!-- </c-page> -->
</template>
<script>
import Api from '~/service/Api'
......@@ -132,8 +108,8 @@ import commonFuncs from '~/mixin/commonFuncs'
import Check from '~/model/Letcan/Check'
import Default from '~/model/Letcan/Default'
import Pattern from '~/model/Letcan/Pattern'
import Canp from './Canp'
// import Setpan from "./Setpan"
import Ovwp from './Ovwp'
import Addbcb from "./Addbcb"
// import Coninfp from './Coninfp'
// import Docpan from './Docpan'
// import Doctre from './Doctre'
......@@ -150,7 +126,7 @@ import Limitbody from '~/views/Public/Limitbody'
export default {
name: "Letcan",
components: {
'm-canp': Canp,
'm-ovwp': Ovwp,
'm-engp': Engp,
'm-setpan': Setpan,
'm-glepan': Glepan,
......@@ -159,6 +135,7 @@ export default {
'm-docpan': Docpan,
'm-doctre': Doctre,
'm-limitbody': Limitbody,
'm-addbcb': Addbcb,
},
provide() {
return {
......@@ -168,14 +145,16 @@ export default {
mixins: [commonProcess, commonFuncs], // 里面包含了Default、Check等的公共处理
data() {
return {
tabVal: 'canp',
tabVal: 'ovwp',
trnName: 'letcan',
model: new Letcan().data,
checkRules: Check,
defaultRules: Default,
pattern: Pattern,
rules: null,
activeNames: ["engp"],
codes: { ...CodeTable },
}
},
methods: {
......
......@@ -12,7 +12,7 @@
<script>
import Api from "~/service/Api";
import commonProcess from "~/mixin/commonProcess";
import Event from "~/model/Letame/Event";
import Event from "~/model/Letnot/Event";
import Coninfp from "~/views/Public/Coninfp";
export default {
......
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