From 5126481e1085eaee39982da92aa7c35d6ef13354 Mon Sep 17 00:00:00 2001 From: huangxin <2324035470@qq.com> Date: Fri, 28 Oct 2022 14:13:50 +0800 Subject: [PATCH] getcrq的UI改造 --- src/views/Business/Getcrq/Addbcb.vue | 54 ++++++++++++++++++++++++++++++++++++++++++++++++++++++ src/views/Business/Getcrq/Ovwp.vue | 50 ++++++++++++++++++++++++++++++++++++++++++++++++++ src/views/Business/Getcrq/index.vue | 107 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++----------------------------- 3 files changed, 182 insertions(+), 29 deletions(-) create mode 100644 src/views/Business/Getcrq/Addbcb.vue create mode 100644 src/views/Business/Getcrq/Ovwp.vue diff --git a/src/views/Business/Getcrq/Addbcb.vue b/src/views/Business/Getcrq/Addbcb.vue new file mode 100644 index 0000000..27237eb --- /dev/null +++ b/src/views/Business/Getcrq/Addbcb.vue @@ -0,0 +1,54 @@ +<template> + <div class="eibs-tab"> + <el-collapse v-model="activeNames" @change="handleChange"> + + <!--el-collapse-item title="备查表" name="addbcb1"> + <m-addbcb1 :model="model" :codes="codes" /> + </el-collapse-item--> + + <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 Utils from "~/utils"; + import Event from "~/model/Litcan/Event"; + //import Addbcb1 from "~/views/Public/Addbcb1"; + import Coninfp from "~/views/Public/Coninfp"; + + export default { + components: { + + "m-coninfp": Coninfp, + //"m-addbcb1": Addbcb1, + }, + 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 diff --git a/src/views/Business/Getcrq/Ovwp.vue b/src/views/Business/Getcrq/Ovwp.vue new file mode 100644 index 0000000..af6dbe5 --- /dev/null +++ b/src/views/Business/Getcrq/Ovwp.vue @@ -0,0 +1,50 @@ +<template> + <div class="eibs-tab"> + <el-collapse v-model="activeNames" @change="handleChange"> + + <el-collapse-item title="索赔" name="gitsetp1"> + <m-gitsetp1 :model="model" :codes="codes" /> + </el-collapse-item> + + <el-collapse-item title="详细信息" name="gitdetp"> + <m-gitdetp :model="model" :codes="codes" /> + </el-collapse-item> + + </el-collapse> + </div> + </template> + <script> + import Api from "~/service/Api"; + import commonProcess from "~/mixin/commonProcess"; + import CodeTable from "~/config/CodeTable"; + import Event from "~/model/Getset/Event"; + import Gitsetp1 from "./Gitsetp1"; + import Gitdetp from "./Gitdetp"; + + export default { + components: { + "m-gitsetp1": Gitsetp1, + "m-gitdetp": Gitdetp, + }, + inject: ["root"], + props: ["model", "codes"], + mixins: [commonProcess], + data() { + return { + activeNames: ["gitsetp1"], + }; + }, + methods: { + ...Event, + }, + created: function () {}, + computed: { + }, + }; + </script> + <style> + .marginLable { + padding-left: 160px; + } + </style> + \ No newline at end of file diff --git a/src/views/Business/Getcrq/index.vue b/src/views/Business/Getcrq/index.vue index aa05970..3aa595f 100644 --- a/src/views/Business/Getcrq/index.vue +++ b/src/views/Business/Getcrq/index.vue @@ -1,18 +1,6 @@ <template> <c-page title="出口保函索赔"> <div class="eContainer"> - <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> - </c-function-btn> <el-form :model="model" :rules="rules" @@ -28,53 +16,102 @@ type="card" @tab-click="myTabClick" > + <el-tab-pane label="业务信息" name="ovwp"> + <c-content> + <m-ovwp :model="model" :codes="codes" /> + </c-content> + </el-tab-pane> + + <el-tab-pane label="统一授信" name="limitbody"> + <c-content> + <m-limitbody :model="model" :codes="codes" /> + </c-content> + </el-tab-pane> + + <el-tab-pane label="费用/账务" name="engp,setpan"> + <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> + </div> + </c-content> + </el-tab-pane> + + <el-tab-pane label="备查/附言" name="addbcb"> + <c-content> + <m-addbcb :model="model" :codes="codes" /> + </c-content> + </el-tab-pane> + + <el-tab-pane label="报文/面函" name="docpan"> + <c-content> + <m-docpan :model="model" :codes="codes" /> + </c-content> + </el-tab-pane> + + <el-tab-pane label="附件信息" name="doctre"> + <c-content> + <m-doctre :model="model" :codes="codes" /> + </c-content> + </el-tab-pane> + + + <!--PD000063 --> - <el-tab-pane label="索赔" name="gitsetp1"> + <!-- <el-tab-pane label="索赔" name="gitsetp1"> <c-content> <m-gitsetp1 :model="model" :codes="codes" /> </c-content> - </el-tab-pane> + </el-tab-pane> --> <!--PD000027 --> - <el-tab-pane label="表外" name="engp"> + <!-- <el-tab-pane label="表外" name="engp"> <c-content> <m-engp :model="model" :codes="codes" /> </c-content> - </el-tab-pane> + </el-tab-pane> --> <!--PD000000 --> - <el-tab-pane label="费用及账务" name="setpan"> + <!-- <el-tab-pane label="费用及账务" name="setpan"> <c-content> <m-setpan :model="model" :codes="codes" /> </c-content> - </el-tab-pane> + </el-tab-pane> --> <!--PD000020 --> - <el-tab-pane label="附言" name="coninfp"> + <!-- <el-tab-pane label="附言" name="coninfp"> <m-coninfp :model="model" :codes="codes" /> - </el-tab-pane> + </el-tab-pane> --> <!--PD000529 --> - <el-tab-pane label="报文" name="docpan"> + <!-- <el-tab-pane label="报文" name="docpan"> <m-docpan :model="model" :codes="codes" /> - </el-tab-pane> + </el-tab-pane> --> <!--PD000546 --> - <el-tab-pane label="交易附件" name="doctre"> + <!-- <el-tab-pane label="交易附件" name="doctre"> <m-doctre :model="model" :codes="codes" /> - </el-tab-pane> + </el-tab-pane> --> <!--PD000170 --> - <el-tab-pane label="详细信息" name="gitdetp"> + <!-- <el-tab-pane label="详细信息" name="gitdetp"> <m-gitdetp :model="model" :codes="codes" /> - </el-tab-pane> + </el-tab-pane> --> <!--PD000001 --> - <el-tab-pane label="授信额度" name="Limitbody"> + <!-- <el-tab-pane label="授信额度" name="Limitbody"> <c-content> <m-limitbody :model="model" :codes="codes" /> </c-content> - </el-tab-pane> + </el-tab-pane> --> </c-tabs> </el-form> <c-grid-ety-prompt-dialog @@ -83,6 +120,13 @@ v-on:select-ety="selectEty" > </c-grid-ety-prompt-dialog> + <c-function-btn + :handleSubmit="handleSubmit" + :handleCheck="handleCheck" + :handleStash="handleStash" + > + </c-function-btn> + </div> </c-page> </template> @@ -92,6 +136,8 @@ import Utils from "~/utils/index"; import CodeTable from "~/config/CodeTable"; import Getcrq from "~/model/Getcrq"; import commonProcess from "~/mixin/commonProcess"; +import Addbcb from "./Addbcb"; +import Ovwp from "./Ovwp"; import commonFuncs from "~/mixin/commonFuncs"; import Check from "~/model/Getcrq/Check"; @@ -109,6 +155,8 @@ import Coninfp from "~/views/Public/Coninfp" export default { name: "Getcrq", components: { + "m-addbcb": Addbcb, + "m-ovwp": Ovwp, "m-gitsetp1": Gitsetp1, "m-engp": Engp, "m-setpan": Setpan, @@ -127,7 +175,7 @@ export default { mixins: [commonProcess, commonFuncs], // 里面包含了Default、Check等的公共处理 data() { return { - tabVal: "gitsetp1", + tabVal: "ovwp", trnName: "getcrq", model: new Getcrq().data, checkRules: Check, @@ -135,6 +183,7 @@ export default { pattern: Pattern, rules: null, codes: { ...CodeTable }, + activeNames: ["engp"], }; }, methods: { -- libgit2 0.26.0