Skip to content

V
vue-gjjs
Commit 6bf9a145 by LiRui
Options

LETCAN UI改造

parent 410d4b40
Showing with 183 additions and 115 deletions
src/views/Business/Letcan/Addbcb.vue 0 → 100644
<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
src/views/Business/Letcan/Ovwp.vue 0 → 100644
<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
src/views/Business/Letcan/Rcldetp.vue
<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">
......
src/views/Business/Letcan/index.vue
<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"
ref="modelForm"
label-width="120px"
label-position="left"
size="small"
:validate-on-rule-change="false"
>
<c-tabs
v-model="tabVal"
ref="elment"
type="card"
@tab-click="myTabClick"
<el-form
:model="model"
:rules="rules"
ref="modelForm"
label-width="120px"
label-position="left"
size="small"
:validate-on-rule-change="false"
>
<!--PD000016 -->
<el-tab-pane label="取消信息" name="canp">
<c-content>
<m-canp :model="model" :codes="codes" />
</c-content>
</el-tab-pane>
<!--PD000027 表外-->
<el-tab-pane label="表外记账" name="engp">
<c-content>
<m-engp :model="model" :codes="codes" />
</c-content>
</el-tab-pane>
<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" />
</c-content>
</el-tab-pane>
<!--PD000000 Settlement账务-->
<el-tab-pane label="结算" name="setpan">
<c-content>
<m-setpan :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>
<!--PD000001 分录信息-->
<el-tab-pane label="会计分录" name="glepan">
<c-content>
<m-glepan :model="model" :codes="codes" />
</c-content>
</el-tab-pane>
<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" />
</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>
<el-tab-pane label="备查/附言" name="addbcb">
<c-content>
<m-addbcb :model="model" :codes="codes" />
</c-content>
</el-tab-pane>
<!--PD000000 Completion附言-->
<el-tab-pane label="提示信息" name="coninfp">
<c-content>
<m-coninfp :model="model" :codes="codes" />
</c-content>
</el-tab-pane>
<!--PD000529 Messages报文及面函-->
<el-tab-pane label="报文/面函" name="docpan">
<c-content>
<m-docpan :model="model" :codes="codes" />
</c-content>
</el-tab-pane>
<!--PD000529 Messages报文及面函-->
<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">
<c-content>
<m-doctre :model="model" :codes="codes" />
</c-content>
</el-tab-pane>
<!--PD000546 Attachments附件-->
<el-tab-pane label="附件" name="doctre">
<c-content>
<m-doctre :model="model" :codes="codes" />
</c-content>
</el-tab-pane>
</c-tabs>
</el-form>
<!--PD000001 -->
<el-tab-pane label="统一授信" name="limitbody">
<c-content>
<m-limitbody :model="model" :codes="codes" />
</c-content>
</el-tab-pane>
</c-tabs>
</el-form>
<!-- 数据回填效果 -->
<c-grid-ety-prompt-dialog
ref="etyDialog"
:promptData="promptData"
@select-ety="selectEty"
>
</c-grid-ety-prompt-dialog>
<!-- 数据回填效果 -->
<c-grid-ety-prompt-dialog
ref="doxpDialog"
:isPty="false"
:promptData="promptData"
@select-ety="selectMsg"
ref="etyDialog"
:promptData="promptData"
@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>
<c-function-btn
:handleSubmit="handleSubmit"
:handleCheck="handleCheck"
:handleStash="handleStash"
>
</c-grid-ety-prompt-dialog>
</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: {
......
src/views/Business/Letnot/Addbcb.vue
......@@ -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