letdav的UI改造

src/views/Business/Letdav/Addbcb.vue

+<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

src/views/Business/Letdav/Ovwp.vue

+<template>
+  <div class="eibs-tab">
+    <el-collapse v-model="activeNames" @change="handleChange">
+
+      <el-collapse-item title="收到通知" name="davp">
+        <m-davp :model="model" :codes="codes" />
+      </el-collapse-item>
+
+      <el-collapse-item title="不符点通知" name="mt750p" v-if="model.bedgrp.rec.advtyp=='750'">
+        <m-mt750p :model="model" :codes="codes" />
+      </el-collapse-item>
+
+      <el-collapse-item title="付款通知" name="mt754p" v-if="model.bedgrp.rec.advtyp=='754'">
+        <m-mt754p :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 Davp from './Davp'
+import Mt750p from './Mt750p'
+import Mt754p from './Mt754p'
+
+export default {
+  components: {
+    'm-davp': Davp,
+    'm-mt750p': Mt750p,
+    'm-mt754p': Mt754p,
+  },
+  inject: ["root"],
+  props: ["model", "codes"],
+  mixins: [commonProcess],
+  data() {
+    return {
+      activeNames: ["davp"],
+    };
+  },
+  methods: {
+    ...Event,
+  },
+  created: function () {},
+  computed: {
+  },
+};
+</script>
+<style>
+.marginLable {
+  padding-left: 160px;
+}
+</style>

src/views/Business/Letdav/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">imgyge</el-button>
-      <!-- <el-button size="small">拆分报文</el-button> -->
-      <el-button size="small">img</el-button>
-      <el-button size="small">His.img</el-button>
-    </c-function-btn>
-
+    <c-page title="出口信用证通知到单">
     <el-form
       :model="model"
       :rules="rules"
@@ -25,68 +11,115 @@
       :validate-on-rule-change="false"
     >
       <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>
+
+          <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>
+
         <!--PD000045 -->
-        <el-tab-pane label="收到通知" name="davp">
+        <!-- <el-tab-pane label="收到通知" name="davp">
           <c-content>
             <m-davp :model="model" :codes="codes" />
           </c-content>
-        </el-tab-pane>
+        </el-tab-pane> -->
 
         <!--PD000139 -->
-        <el-tab-pane label="不符点通知" name="mt750p" v-if="model.bedgrp.rec.advtyp=='750'">
+        <!-- <el-tab-pane label="不符点通知" name="mt750p" v-if="model.bedgrp.rec.advtyp=='750'">
           <c-content>
             <m-mt750p :model="model" :codes="codes" />
           </c-content>
-        </el-tab-pane>
+        </el-tab-pane> -->
 
                 <!--PD000147 -->
-        <el-tab-pane label="付款通知" name="mt754p" v-if="model.bedgrp.rec.advtyp=='754'">
+        <!-- <el-tab-pane label="付款通知" name="mt754p" v-if="model.bedgrp.rec.advtyp=='754'">
           <c-content>
             <m-mt754p :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> -->
 
         <!--PD000000 -->
-        <el-tab-pane label="提示信息" name="coninfp">
+        <!-- <el-tab-pane label="提示信息" name="coninfp">
           <c-content>
             <m-coninfp :model="model" :codes="codes" />
           </c-content>
-        </el-tab-pane>
+        </el-tab-pane> -->
 
         <!--PD000529 -->
-        <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>
+        </el-tab-pane> -->
 
         <!--PD000546 -->
-        <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>
+        </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>
     <!-- 数据回填效果 -->
@@ -96,6 +129,13 @@
       @select-ety="selectEty"
       >
     </c-grid-ety-prompt-dialog>
+    <c-function-btn
+        :handleSubmit="handleSubmit"
+        :handleCheck="handleCheck"
+        :handleStash="handleStash"
+      >
+      </c-function-btn>
+  </c-page>
   </div>
 </template>
 <script>
@@ -123,10 +163,14 @@ import Coninfp from "~/views/Public/Coninfp";
 import Docpan from "~/views/Public/Docpan";
 import Doctre from "~/views/Public/Doctre";
 import Limitbody from "~/views/Public/Limitbody";
+import Addbcb from "./Addbcb";
+import Ovwp from './Ovwp'
 
 export default {
   name: 'Letdav',
   components: {
+    "m-addbcb": Addbcb,
+    'm-ovwp': Ovwp,
     'm-davp': Davp,
     'm-mt750p': Mt750p,
     'm-mt754p': Mt754p,
@@ -145,7 +189,7 @@ export default {
   mixins: [commonProcess, commonFuncs], // 里面包含了Default、Check等的公共处理
   data() {
     return {
-      tabVal: 'davp',
+      tabVal: 'ovwp',
       trnName: 'letdav',
       model: new Letdav().data,
       checkRules: Check,
@@ -155,6 +199,7 @@ export default {
       codes: {
         ...CodeTable
       },
+      activeNames: ["engp"],
     }
   },
   methods: {