Betdcr UI改造以及码表优化

src/config/CodeTable/index.js

@@ -566,7 +566,7 @@ const CodeTable = {
     avbby: [
         { label: "议付", value: "N" },
         { label: "即期付款", value: "P" },
-        { label: "延期付款", value: "D" },
+        { label: "远期付款", value: "D" },
         { label: "混合付款", value: "M" },
         { label: "承兑", value: "A" },
     ],

src/views/Business/Betdcr/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/Betdcr/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>

src/views/Business/Betdcr/Betdcrd.vue

 <template>
-  <div class="eibs-tab">
+  <div class="eibs">
     <!-- left -->
     <c-col :span="11">
       <c-col :span="24">

src/views/Business/Betdcr/Betdcrs.vue

 <template>
-  <div class="eibs-tab">
+  <div class="eibs">
     <!-- left -->
     <c-col :span="11">
       <c-col :span="24">

src/views/Business/Betdcr/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-item title="不符点/拒绝信息" name="betdcrd">
+                <m-betdcrd :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/Betdcr/Event";
+
+import Betdcrs from "./Betdcrs";
+import Betdcrd from "./Betdcrd";
+
+export default {
+    components: {
+        "m-betdcrs": Betdcrs,
+        "m-betdcrd": Betdcrd,
+    },
+    inject: ["root"],
+    props: ["model", "codes"],
+    mixins: [commonProcess],
+    data() {
+        return {
+            activeNames: ["betdcrs"],
+        };
+    },
+    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/Betdcr/index.vue

 <template>
   <div class="eContainer">
     <!-- <c-bus-button :$pntvm="this"></c-bus-button> -->
-    <c-function-btn
-      :handleSubmit="handleSubmit"
-      :handleCheck="handleCheck"
-      :handleStash="handleStash"
-    >
+    <!-- <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>
+    </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">
-        <!--PD000009 -->
-        <el-tab-pane label="详情信息" name="betdcrs">
+        <el-tab-pane label="业务信息" name="ovwp">
           <c-content>
-            <m-betdcrs :model="model" :codes="codes" />
+            <m-ovwp :model="model" :codes="codes" />
           </c-content>
         </el-tab-pane>
-
-        <!--PD000026 -->
-        <el-tab-pane label="不符点/拒绝信息" name="betdcrd">
-          <m-betdcrd :model="model" :codes="codes" />
-        </el-tab-pane>
-
-        <!--PD000027 -->
-        <el-tab-pane label="表外记账" name="engp">
-          <m-engp :model="model" :codes="codes" />
-        </el-tab-pane>
-        <!--PD000027 -->
-        <el-tab-pane label="结算" name="setpan">
-          <m-setpan :model="model" :codes="codes" />
-        </el-tab-pane>
-        <!--PD000000 -->
-        <el-tab-pane label="提示信息" name="coninfp">
-          <m-coninfp :model="model" :codes="codes" />
-        </el-tab-pane>
-        <!--PD000529 -->
-        <el-tab-pane label="报文和面函" name="docpan">
-          <m-docpan :model="model" :codes="codes" />
-        </el-tab-pane>
-        <!--PD000001 -->
         <el-tab-pane label="统一授信" name="limitbody">
           <m-limitbody :model="model" :codes="codes" />
         </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>
+            </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>
       </c-tabs>
     </el-form>
-    <c-grid-ety-prompt-dialog
-      ref="doxpDialog"
-      :isPty="false"
-      :promptData="promptData"
-      @select-ety="selectMsg"
-    >
+    <c-grid-ety-prompt-dialog ref="doxpDialog" :isPty="false" :promptData="promptData" @select-ety="selectMsg">
     </c-grid-ety-prompt-dialog>
   </div>
 </template>
@@ -79,24 +62,29 @@ import commonFuncs from "~/mixin/commonFuncs";
 import Check from "~/model/Betdcr/Check";
 import Default from "~/model/Betdcr/Default";
 import Pattern from "~/model/Betdcr/Pattern";
-import Betdcrs from "./Betdcrs";
-import Betdcrd from "./Betdcrd";
+
+import Ovwp from "./Ovwp";
+
+import Limitbody from "~/views/Public/Limitbody";
 import Engp from "~/views/Public/Engp";
 import Setpan from "~/views/Public/Setpan";
-import Coninfp from "~/views/Public/Coninfp";
+import Addbcb from "./Addbcb";
+
 import Docpan from "~/views/Public/Docpan";
-import Limitbody from "~/views/Public/Limitbody";
+
+
+
+
 
 export default {
   name: "Betdcr",
   components: {
-    "m-betdcrs": Betdcrs,
-    "m-betdcrd": Betdcrd,
+    "m-ovwp": Ovwp,
+    "m-limitbody": Limitbody,
     "m-engp": Engp,
+    "m-addbcb": Addbcb,
     "m-setpan": Setpan,
-    "m-limitbody": Limitbody,
     "m-docpan": Docpan,
-    "m-coninfp": Coninfp,
   },
   provide() {
     return {
@@ -106,7 +94,8 @@ export default {
   mixins: [commonProcess, commonFuncs], // 里面包含了Default、Check等的公共处理
   data() {
     return {
-      tabVal: "betdcrs",
+      tabVal: "ovwp",
+      activeNames: ["engp"],
       trnName: "betdcr",
       model: new Betdcr().data,
       checkRules: Check,
@@ -142,4 +131,5 @@ export default {
 };
 </script>
 <style>
+
 </style>