BetcanUi改造

src/views/Business/Betcan/Addbcb.vue

+<template>
+    <div class="eibs-tab">
+        <el-collapse v-model="activeNames" @change="handleChange">
+            <!--el-collapse-item title="备查表" name="addbcb">
+                <m-addbcb :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/Betcan/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/Betcan/Canp.vue

 <template>
-  <div class="eibs-tab">
+  <div class="eibs">
                 <!-- ============================顶部================================ -->
     <c-col :span="24">
     <!--SF000044 : Reference参考号 Export L/C Ref. -->

src/views/Business/Betcan/Ovwp.vue

+<template>
+    <div class="eibs-tab">
+        <el-collapse v-model="activeNames" @change="handleChange">
+            <el-collapse-item title="取消信息" name="canp">
+                <m-canp :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/Betcan/Event";
+
+import Canp from "./Canp";
+
+
+
+export default {
+    components: {
+        "m-canp": Canp,
+    },
+    inject: ["root"],
+    props: ["model", "codes"],
+    mixins: [commonProcess],
+    data() {
+        return {
+            activeNames: ["canp"],
+        };
+    },
+    methods: {
+        ...Event,
+        handleChange(val) {
+            console.log(val);
+        },
+    },
+    created: function () { },
+};
+</script>
+<style>
+.marginLable {
+    padding-left: 160px;
+}
+</style>
+  
\ No newline at end of file

src/views/Business/Betcan/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">inc to Ben</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>
-
-    <el-form
-      :model="model"
-      :rules="rules"
-      ref="modelForm"
-      label-width="120px"
-      label-position="right"
-      size="small"
-      :validate-on-rule-change="false"
-    >
+    <el-form :model="model" :rules="rules" ref="modelForm" label-width="120px" label-position="right" size="small"
+      :validate-on-rule-change="false">
       <c-tabs v-model="tabVal" ref="elment" type="card" @tab-click="myTabClick">
-        <!--betcan PD000016 Cancelation -->
-        <el-tab-pane label="取消信息" name="canp">
-        <c-content>
-          <m-canp :model="model" :codes="codes" />
-        </c-content>
-        </el-tab-pane>
-        <!--liaall PD000027 Liability -->
-        <el-tab-pane label="表外记账" name="engp">
+        <el-tab-pane label="业务信息" name="ovwp">
           <c-content>
-          <m-engp :model="model" :codes="codes" />
+            <m-ovwp :model="model" :codes="codes" />
           </c-content>
         </el-tab-pane>
-        <!--setmod PD000000 Settlement -->
-        <el-tab-pane label="结算" name="setpan">
+
+        <!--PD000001 -->
+        <el-tab-pane label="统一授信" name="limitbody">
           <c-content>
-          <m-setpan :model="model" :codes="codes" />
+            <m-limitbody :model="model" :codes="codes" />
           </c-content>
         </el-tab-pane>
 
-        <el-tab-pane label="会计分录" name="glepan">
+        <el-tab-pane label="费用/账务" name="engp,setpan,glepan">
           <c-content>
-          <m-glepan :model="model" :codes="codes" />
+            <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>
 
-        <!--coninf PD000000 Completion -->
-        <el-tab-pane label="提示信息" name="coninfp">
-        <c-content>
-          <m-coninfp :model="model" :codes="codes" />
-        </c-content>
+        <!--PD000510 -->
+        <el-tab-pane label="备查/附言" name="addbcb">
+          <c-content>
+            <m-addbcb :model="model" :codes="codes" />
+          </c-content>
         </el-tab-pane>
-        <!--trndoc PD000529 &Messages -->
-        <el-tab-pane label="报文和面函" name="docpan">
-        <c-content>
-          <m-docpan :model="model" :codes="codes" />
-        </c-content>
+
+        <el-tab-pane label="报文/面函" name="docpan">
+          <c-content>
+            <m-docpan :model="model" :codes="codes" />
+          </c-content>
         </el-tab-pane>
+
         <!--trndoc PD000546 Attachments -->
         <el-tab-pane label="附件" name="doctre">
-        <c-content>
-          <m-doctre :model="model" :codes="codes" />
-        </c-content>
-        </el-tab-pane>
-        <!--limmod PD000001 统一授信 -->
-        <el-tab-pane label="统一授信" name="limitbody">
-        <c-content>
-          <m-limitbody :model="model" :codes="codes" />
-        </c-content>
+          <c-content>
+            <m-doctre :model="model" :codes="codes" />
+          </c-content>
         </el-tab-pane>
       </c-tabs>
     </el-form>
-    <c-grid-ety-prompt-dialog
-      ref="etyDialog"
-      :promptData="promptData"
-      v-on:select-ety="selectEty"
-    >
+    <c-grid-ety-prompt-dialog ref="etyDialog" :promptData="promptData" v-on:select-ety="selectEty">
     </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">inc to Ben</el-button>
+      <el-button size="small">imgyge</el-button>
+      <el-button size="small">img</el-button>
+      <el-button size="small">His.img</el-button> -->
+    </c-function-btn>
   </div>
 </template>
 <script>
@@ -97,32 +76,29 @@ import commonFuncs from '~/mixin/commonFuncs'
 import Check from '~/model/Betcan/Check'
 import Default from '~/model/Betcan/Default'
 import Pattern from '~/model/Betcan/Pattern'
+
+import Ovwp from './Ovwp'
 import Canp from './Canp'
-// import Engp from './Engp'
-// import Setpan from './Setpan'
-// import Coninfp from './Coninfp'
-// import Docpan from './Docpan'
-// import Doctre from './Doctre'
-// import Limitbody from './Limitbody'
+import Limitbody from './Limitbody'
 import Engp from "~/views/Public/Engp"
 import Setpan from "~/views/Public/Setpan"
 import Glepan from "~/views/Public/Glepan"
-import Coninfp from "~/views/Public/Coninfp"
+import Addbcb from "./Addbcb"
 import Docpan from "~/views/Public/Docpan"
 import Doctre from '~/views/Public/Doctre'
-import Limitbody from '~/views/Public/Limitbody'
 
 export default {
   name: 'Betcan',
   components: {
+    'm-ovwp': Ovwp,
     'm-canp': Canp,
+    'm-limitbody': Limitbody,
     'm-engp': Engp,
     'm-setpan': Setpan,
     'm-glepan': Glepan,
-    'm-coninfp': Coninfp,
+    'm-addbcb': Addbcb,
     'm-docpan': Docpan,
     'm-doctre': Doctre,
-    'm-limitbody': Limitbody,
   },
   provide() {
     return {
@@ -132,7 +108,8 @@ export default {
   mixins: [commonProcess, commonFuncs], // 里面包含了Default、Check等的公共处理
   data() {
     return {
-      tabVal: 'canp',
+      tabVal: 'ovwp',
+      activeNames: ["engp"],
       trnName: 'betcan',
       trnType: '',
       model: new Betcan().data,
@@ -166,4 +143,6 @@ export default {
   },
 }
 </script>
-<style></style>
+<style>
+
+</style>