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