Betdcr交易页面布局

src/views/Business/Betdcr/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" ref="modelForm" label-width="150px" label-position="right" size="small" :validate-on-rule-change="false">
        <c-tabs v-model="tabVal" ref="elment" type="card" @tab-click="myTabClick">
         
             <!--PD000009 -->
-           <el-tab-pane label="PD000009" name="betdcrs">
-                <m-betdcrs :model="model" :codes="codes"/>
+           <el-tab-pane label="Details" name="betdcrs">
+               <c-content>
+                   <m-betdcrs :model="model" :codes="codes"/>
+               </c-content>
            </el-tab-pane>
  
             <!--PD000026 -->
-           <el-tab-pane label="PD000026" name="betdcrd">
+           <el-tab-pane label="Discrepancies/Refusal Details" name="betdcrd">
                 <m-betdcrd :model="model" :codes="codes"/>
            </el-tab-pane>
  
             <!--PD000027 -->
-           <el-tab-pane label="PD000027" name="engp">
+           <el-tab-pane label="Liability" name="engp">
                 <m-engp :model="model" :codes="codes"/>
            </el-tab-pane>
             <!--PD000027 -->
-           <el-tab-pane label="PD000027" name="setpan">
+           <el-tab-pane label="Settlement" name="setpan">
                 <m-setpan :model="model" :codes="codes"/>
            </el-tab-pane>
-            <!--PD000001 -->
-           <el-tab-pane label="PD000001" name="limitbody">
-                <m-limitbody :model="model" :codes="codes"/>
+            <!--PD000000 -->
+           <el-tab-pane label="Completion" name="coninfp">
+                <m-coninfp :model="model" :codes="codes"/>
            </el-tab-pane>
- 
-            <!--PD000529 -->
-           <el-tab-pane label="PD000529" name="docpan">
+           <!--PD000529 -->
+           <el-tab-pane label="Messages" name="docpan">
                 <m-docpan :model="model" :codes="codes"/>
            </el-tab-pane>
- 
-            <!--PD000000 -->
-           <el-tab-pane label="PD000000" name="coninfp">
-                <m-coninfp :model="model" :codes="codes"/>
+            <!--PD000001 -->
+           <el-tab-pane label="统一授信" name="limitbody">
+                <m-limitbody :model="model" :codes="codes"/>
            </el-tab-pane>
+ 
        </c-tabs>
     </el-form>
   </div>
@@ -44,6 +62,7 @@ import Api from "~/service/Api"
 import CodeTable from "~/config/CodeTable"
 import Betdcr from "~/model/Betdcr"
 import commonProcess from "~/mixin/commonProcess"
+import commonFuncs from "~/mixin/commonFuncs";
 import Check from "~/model/Betdcr/Check"
 import Default from "~/model/Betdcr/Default"
 import Pattern from "~/model/Betdcr/Pattern"
@@ -72,10 +91,10 @@ export default {
             root: this
         }
     },
-    mixins: [commonProcess],    // 里面包含了Default、Check等的公共处理
+    mixins: [commonProcess, commonFuncs],    // 里面包含了Default、Check等的公共处理
     data(){
         return {
-            tabVal: "",
+            tabVal: "betdcrs",
             trnName: "betdcr",
             model: new Betdcr().data,
             checkRules: Check,