bttdcr UI 改造

src/views/Business/Bttdcr/Addbcb.vue

+<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/Bptcan/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/Bttdcr/Ovwp.vue

+<template>
+  <div class="eibs-tab">
+    <el-collapse v-model="activeNames" @change="handleChange">
+      <el-collapse-item title="拒单" name="betdcrs">
+        <m-betdcrs :model="model" :codes="codes" />
+      </el-collapse-item>
+    </el-collapse>
+  </div>
+</template>
+<script>
+  import commonProcess from "~/mixin/commonProcess";
+  import Event from "~/model/Bptcan/Event";
+  import Betdcrs from "./Betdcrs"
+  
+  export default {
+    components: {
+      "m-betdcrs" : Betdcrs,
+    },
+    inject: ["root"],
+    props: ["model", "codes"],
+    data() {
+      return {
+        activeNames: ["betdcrs"],
+      };
+    },
+  }
+</script>
+<style>
+
+</style>

src/views/Business/Bttdcr/index.vue

 <template>
   <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> -->
-	    <el-button size="small">智能提示</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">
-        
-            <!--PD000009 -->
-           <el-tab-pane label="拒单" name="betdcrs">
-            <c-content>
-                <m-betdcrs :model="model" :codes="codes"/>
-            </c-content>
-           </el-tab-pane>
- 
-            <!--PD000001 -->
-           <el-tab-pane label="表外" name="engp">
-            <c-content>
-                <m-engp :model="model" :codes="codes"/>
-            </c-content>
-           </el-tab-pane>
+	  <c-page title="转让信用证单据拒单">
+        <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">
             
-            <!--PD000000 -->
-           <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="glepan">
-            <c-content>
-                <m-glepan :model="model" :codes="codes"/>
-            </c-content>
-           </el-tab-pane>
-           
-           <el-tab-pane label="附言" name="coninfp">
-            <c-content>
-                <m-coninfp :model="model" :codes="codes"/>
-            </c-content>
-           </el-tab-pane>
+                <!--PD000009 -->
+            <!-- <el-tab-pane label="拒单" name="betdcrs">
+                <c-content>
+                    <m-betdcrs :model="model" :codes="codes"/>
+                </c-content>
+            </el-tab-pane> -->
+
+            <el-tab-pane label="业务信息" name="ovwp">
+                <c-content>
+                <m-ovwp :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>
+
+              <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>
+    
+                <!--PD000001 -->
+            <!-- <el-tab-pane label="表外" name="engp">
+                <c-content>
+                    <m-engp :model="model" :codes="codes"/>
+                </c-content>
+            </el-tab-pane> -->
+                
+                <!--PD000000 -->
+            <!-- <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="glepan">
+                <c-content>
+                    <m-glepan :model="model" :codes="codes"/>
+                </c-content>
+            </el-tab-pane> -->
             
-            <!--PD000529 -->
-           <el-tab-pane label="面函及报文" name="docpan">
-            <c-content>
-                <m-docpan :model="model" :codes="codes"/>
-            </c-content>
-           </el-tab-pane>
+            <!-- <el-tab-pane label="附言" name="coninfp">
+                <c-content>
+                    <m-coninfp :model="model" :codes="codes"/>
+                </c-content>
+            </el-tab-pane> -->
+                
+                <!--PD000529 -->
+            <!-- <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>
-       </c-tabs>
-    </el-form>
+            <!-- <el-tab-pane label="附件" name="doctre">
+                <c-content>
+                    <m-doctre :model="model" :codes="codes"/>
+                </c-content>
+            </el-tab-pane> -->
+        </c-tabs>
+        </el-form>
 
-       <!--点击触发回填-->
-       <c-grid-ety-prompt-dialog
-         ref="doxpDialog"
-         :isPty="false" 
-         :promptData="promptData"
-          @select-ety="selectMsg" >
-    </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"
+        >
+            <!-- <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>
+        </c-page>
   </div>
 </template>
 <script>
@@ -93,6 +138,8 @@ import Default from "~/model/Bttdcr/Default"
 import Pattern from "~/model/Bttdcr/Pattern"
 import Betdcrs from "./Betdcrs"
 import Utils from "~/utils";
+import Ovwp from "./Ovwp"
+import Addbcb from "./Addbcb"
 
 import Engp from "~/views/Public/Engp";
 import Setpan from "~/views/Public/Setpan";
@@ -112,6 +159,8 @@ export default {
         "m-docpan" : Docpan,
         "m-coninfp" : Coninfp,
         "m-doctre" : Doctre,
+        "m-ovwp" : Ovwp,
+        "m-addbcb" : Addbcb,
     },
     provide() {
         return {
@@ -122,7 +171,7 @@ export default {
     mixins: [commonProcess, commonFuncs],    // 里面包含了Default、Check等的公共处理
     data(){
         return {
-            tabVal: "betdcrs",
+            tabVal: "ovwp",
             trnName: "bttdcr",
             model: new Bttdcr().data,
             checkRules: Check,
@@ -131,6 +180,7 @@ export default {
             rules: null,
             codes: {...CodeTable
             },
+            activeNames: ["engp"],
         }
     },
     methods:{