Skip to content

V
vue-gjjs
Commit c6b99326 by LiRui
Options

Betamc UI改造

parent cb426f66
Showing with 141 additions and 56 deletions
src/views/Business/Betamc/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/Betamc/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/Betamc/Betamcp.vue
<template>
<div class="eibs-tab">
<div class="eibs">
<!-- ============================顶部================================ -->
<c-col :span="24">
<!--SF000044 : Reference参考号 Export L/C Ref. -->
<c-col :span="12">
<c-col :span="12" style="padding-right: 20px;">
<el-form-item label="出口信用证编号" prop="ledgrp.rec.ownref">
<c-fullbox>
<c-input v-model="model.ledgrp.rec.ownref" maxlength="16" placeholder="请输入编号" style="width: 95%" :disabled="true" @keyup.enter.native="eventFunction(
......@@ -23,7 +23,7 @@
</el-form-item>
</c-col>
<!-- SF000045 : Open Amt L/C 信用证余额-->
<c-col :span="11" :offset="1">
<c-col :span="12" style="padding-left: 20px;">
<c-col :span="24">
<c-col :span="12">
<el-form-item label="信用证余额" prop="ledgrp.cbs.opn1.cur">
......@@ -41,7 +41,7 @@
</c-col>
<c-col :span="24">
<c-col :span="12">
<c-col :span="12" style="padding-right: 20px;">
<!-- SF000053 : 单据编号 单据参考号-->
<el-form-item label="单据编号" prop="bedgrp.rec.ownref">
<c-fullbox>
......@@ -59,7 +59,7 @@
</el-form-item>
</c-col>
<!-- SF000073 : 摘要 Name Externally Displayed Name to Identify the Contract-->
<c-col :span="11" :offset="1">
<c-col :span="12" style="padding-left: 20px;">
<el-form-item label="单据简略信息" prop="bedgrp.rec.nam">
<c-input text-align="middle" v-model="model.bedgrp.rec.nam" maxlength="40" placeholder="请输入" disabled>
</c-input>
......@@ -70,7 +70,7 @@
<!-- ============================第三行开始，金额日期 =========================-->
<c-col :span="24">
<!-- 第三行开始-金额日期--左边- -->
<c-col :span="12">
<c-col :span="12" style="padding-right: 20px;">
<!-- Document Amount 单据金额-->
<c-col :span="24">
<c-col :span="10">
......@@ -79,7 +79,7 @@
</c-select>
</el-form-item>
</c-col>
<c-col :span="7">
<c-col :span="14">
<el-form-item label="" label-width="5px" prop="bedgrp.cbs.max.amt">
<c-input-currency v-model="model.bedgrp.cbs.max.amt" style="text-align: left; width: 100%" placeholder="请输入金额" @keyup.enter.native="
defaultFunction(
......@@ -166,7 +166,7 @@
</c-col>
<!-- ========================第三行开始金额日期的右边======================= -->
<c-col :span="11" :offset="1">
<c-col :span="12" style="padding-left: 20px;">
<!-- SF000048 : 受益人 -->
<!-- SF000059 : 编号 -->
<c-col :span="24">
......@@ -209,17 +209,10 @@
</c-col>
</c-col>
<!-- =================================上下两部分 分割线 ============================-->
<c-col :span="24">
<el-form-item style="margin-left: -150px">
<el-divider />
</el-form-item>
</c-col>
<!-- =================================下半部分 ============================-->
<c-col :span="24">
<!-- =================================左侧====-->
<c-col :span="12">
<c-col :span="12" style="padding-right: 20px;">
<c-col :span="24">
<el-form-item label="信用证保兑比例" prop="ledgrp.rec.partcon">
......@@ -240,7 +233,7 @@
</c-select>
</el-form-item>
</c-col>
<c-col :span="7">
<c-col :span="14">
<el-form-item label="" label-width="5px" prop="amcamt">
<c-input-currency v-model="model.amcamt" style="text-align: left; width: 100%" placeholder="0" @keyup.enter.native="
defaultFunction(
......@@ -265,7 +258,7 @@
</c-select>
</el-form-item>
</c-col>
<c-col :span="7">
<c-col :span="14">
<el-form-item label="" label-width="5px" prop="newcnfamt">
<c-input-currency v-model="model.newcnfamt" style="text-align: left; width: 100%" placeholder="0" @keyup.enter.native="
defaultFunction(
......
src/views/Business/Betamc/Ovwp.vue 0 → 100644
<template>
<div class="eibs-tab">
<el-collapse v-model="activeNames" @change="handleChange">
<el-collapse-item title="概览信息" name="betamcp">
<m-betamcp :model="model" :codes="codes" />
</el-collapse-item>
</el-collapse>
</div>
</template>
<script>
import commonProcess from "~/mixin/commonProcess";
import Event from "~/model/Betamc/Event";
import Betamcp from "./Betamcp";
export default {
components: {
"m-betamcp": Betamcp,
},
inject: ['root'],
props:["model","codes"],
mixins: [commonProcess],
data(){
return {
activeNames: ["betamcp"],
}
},
methods:{...Event,handleChange(){}},
created:function(){
}
}
</script>
<style>
</style>
\ No newline at end of file
src/views/Business/Betamc/index.vue
<template>
<div class="eContainer">
<!-- <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>
</c-function-btn>
<el-form
:model="model"
:rules="rules"
......@@ -27,37 +12,60 @@
>
<c-tabs v-model="tabVal" ref="elment" type="card" @tab-click="myTabClick">
<!--PD000033 -->
<el-tab-pane label="概览信息" name="betamcp">
<m-betamcp :model="model" :codes="codes" />
<el-tab-pane label="业务信息" name="ovwp">
<c-content>
<m-ovwp :model="model" :codes="codes" />
</c-content>
</el-tab-pane>
<!--PD000000 -->
<el-tab-pane label="提示信息" name="coninfp">
<m-coninfp :model="model" :codes="codes" />
<!--PD000001 -->
<el-tab-pane label="统一授信" name="limitbody">
<c-content>
<m-limitbody :model="model" :codes="codes" />
</c-content>
</el-tab-pane>
<!--PD000529 -->
<el-tab-pane label="报文和面函" name="docpan">
<m-docpan :model="model" :codes="codes" />
<el-tab-pane label="费用/账务" name="engp">
<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>
</div>
</c-content>
</el-tab-pane>
<!--PD000546 -->
<el-tab-pane label="附件" name="doctre">
<m-doctre :model="model" :codes="codes" />
<el-tab-pane label="备查/附言" name="addbcb">
<c-content>
<m-addbcb :model="model" :codes="codes" />
</c-content>
</el-tab-pane>
<!--PD000027 -->
<el-tab-pane label="表外记账" name="engp">
<m-engp :model="model" :codes="codes" />
<!--PD000529 -->
<el-tab-pane label="报文/面函" name="docpan">
<c-content>
<m-docpan :model="model" :codes="codes" />
</c-content>
</el-tab-pane>
<!--PD000001 -->
<el-tab-pane label="统一授信" name="limitbody">
<m-limitbody :model="model" :codes="codes" />
<!--PD000546 -->
<el-tab-pane label="附件信息" name="doctre">
<c-content>
<m-doctre :model="model" :codes="codes" />
</c-content>
</el-tab-pane>
</c-tabs>
</el-form>
<c-function-btn
:handleSubmit="handleSubmit"
:handleCheck="handleCheck"
:handleStash="handleStash"
>
</c-function-btn>
</div>
</template>
<script>
......@@ -69,23 +77,23 @@ import commonFuncs from "~/mixin/commonFuncs";
import Check from "~/model/Betamc/Check";
import Default from "~/model/Betamc/Default";
import Pattern from "~/model/Betamc/Pattern";
import Betamcp from "./Betamcp";
import Ovwp from "./Ovwp";
import Engp from "~/views/Public/Engp";
import Doctre from "~/views/Public/Doctre";
import Setpan from "~/views/Public/Setpan";
import Coninfp from "~/views/Public/Coninfp";
import Addbcb from "./Addbcb";
import Docpan from "~/views/Public/Docpan";
import Limitbody from "~/views/Public/Limitbody";
export default {
name: "Betamc",
components: {
"m-betamcp": Betamcp,
"m-ovwp": Ovwp,
"m-setpan": Setpan,
"m-engp": Engp,
"m-docpan": Docpan,
"m-doctre": Doctre,
"m-coninfp": Coninfp,
"m-addbcb": Addbcb,
"m-limitbody": Limitbody,
},
provide() {
......@@ -96,13 +104,14 @@ export default {
mixins: [commonProcess, commonFuncs], // 里面包含了Default、Check等的公共处理
data() {
return {
tabVal: "betamcp",
tabVal: "ovwp",
trnName: "betamc",
model: new Betamc().data,
checkRules: Check,
defaultRules: Default,
pattern: Pattern,
rules: null,
activeNames: ["engp"],
codes: {
...CodeTable,
},
......
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