LETCAN UI改造

src/views/Business/Letcan/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/Letcan/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/Letcan/Canp.vue

 <template>
-  <div class="eibs-tab">
+  <div class="eibs">
     <!-- <c-row class="infrow" style="margin-top: 50px"> -->
     <!-- ============================顶部================================ -->
     <c-row>
       <c-col :span="24">
-      <c-col :span="12">
+        <c-col :span="12" style="padding-right: 20px;">
           <el-form-item label="出口信用证编号" prop="ledgrp.rec.ownref">
             <c-input
               v-model="model.ledgrp.rec.ownref"
@@ -14,7 +14,7 @@
             ></c-input>
           </el-form-item>
         </c-col>
-      <c-col :span="11" :offset="1">
+        <c-col :span="12" style="padding-left: 20px;">
           <el-form-item label="简略信息" prop="ledgrp.rec.nam">
             <c-input
               text-align="middle"
@@ -31,7 +31,7 @@
 
         <!-- ========================上半部分的左边=========================== -->
     <c-row>
-    <c-col :span="12">
+      <c-col :span="12" style="padding-right: 20px;">
         <!-- L/C Amount -->
         <c-col :span="24">
           <c-col :span="11">
@@ -203,11 +203,10 @@
             </c-select>
           </el-form-item>
         </c-col>  
-      
       </c-col>
 
         <!-- ========================上半部分的右边======================= -->
-    <c-col :span="11" :offset="1">
+      <c-col :span="12" style="padding-left: 20px;">
         <c-col :span="24">
           <el-form-item label="申请人参考号" prop="ledgrp.apl.pts.ref">
             <c-input
@@ -286,7 +285,7 @@
 
           <!-- ========================下半部分======================= -->
     <c-row>
-    <c-col :span="12">
+      <c-col :span="12" style="padding-right: 20px;">
         <c-col :span="24">
           <el-form-item label="叙述信息" prop="letcanf.strinf">
             <c-fullbox>
@@ -303,18 +302,17 @@
                 <c-button
                   size="small"
                   type="primary"
-                icon="el-icon-search"
+                  icon="el-icon-more"
                   @click="showGridPromptDialog('letcanp.canlet.buttxmsel', null, null,{TXT: 'letcanf.strinf'}, {TXT: false},'doxpDialog')"
                 >
-                ...
                 </c-button>
               </template>
             </c-fullbox>
           </el-form-item>
         </c-col>
-      <c-col :span="18" :offset="6">
+        <el-form-item label="" prop="sndmsg" class="checkbox-left">
           <c-checkbox v-model="model.sndmsg">发送信息</c-checkbox>
-      </c-col>
+        </el-form-item>
       </c-col>
           
     </c-row>

src/views/Business/Letcan/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-item title="索偿(MT 742)" name="rcldetp" v-if="model.ledgrp.rmb.rolsetflg=='Y'">
+            <m-rcldetp :model="model" :codes="codes" />
+          </el-collapse-item>
+      </el-collapse>
+    </div>
+  </template>
+  <script>
+  import commonProcess from "~/mixin/commonProcess";
+  import Event from "~/model/Getamc/Event";
+  import Canp from "./Canp";
+  import Rcldetp from "./Rcldetp";
+  
+  
+  export default {
+        components: {
+        "m-canp": Canp,
+        "m-rcldetp": Rcldetp,
+  
+    },
+        inject: ['root'],
+        props:["model","codes"],
+        mixins: [commonProcess],
+        data(){
+            return {
+                activeNames: ["canp"],
+            }
+        },
+        methods:{...Event,handleChange(){}},
+        created:function(){
+    
+        }
+    }
+    </script>
+    <style>
+    
+    </style>
\ No newline at end of file

src/views/Business/Letcan/Rcldetp.vue

 <template>
-  <div class="eibs-tab">
+  <div class="eibs">
     <!-- ==========================左半边================================== -->
-    <c-col :span="12">
+    <c-col :span="12" style="padding-right: 20px;">
       <!-- SF000021 : 偿付行 -->
       <c-col :span="24">
         <el-form-item label="偿付行" prop="rmbclm.rmbrol">

src/views/Business/Letcan/index.vue

 <template>
-  <!-- <c-page title="出口信用证注销"> -->
   <div class="eContainer">
+    <c-page title="出口信用证注销">
     <!-- <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>
-      <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>
-
       <el-form
         :model="model"
         :rules="rules"
@@ -38,69 +17,60 @@
           type="card"
           @tab-click="myTabClick"
         >
-        <!--PD000016 -->
-        <el-tab-pane label="取消信息" name="canp">
+          <el-tab-pane label="业务信息" name="ovwp">
             <c-content>
-            <m-canp :model="model" :codes="codes" />
+              <m-ovwp :model="model" :codes="codes" />
             </c-content>
           </el-tab-pane>
 
-         <!--PD000027 表外-->
-        <el-tab-pane label="表外记账" name="engp">
+          <!--PD000001 -->
+          <el-tab-pane label="统一授信" name="limitbody">
             <c-content>
-            <m-engp :model="model" :codes="codes" />
+              <m-limitbody :model="model" :codes="codes" />
             </c-content>
           </el-tab-pane>
 
-        <!--PD000000 Settlement账务-->
-        <el-tab-pane label="结算" name="setpan">
+          <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" />
-          </c-content>
-        </el-tab-pane>
-
-         <!--PD000001 分录信息-->
-        <el-tab-pane label="会计分录" name="glepan">
-          <c-content>
+                  </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>
 
-                    <!--letcan PD000023 MT 742 Reimbursement Claim -->
-        <el-tab-pane label="索偿(MT 742)" name="rcldetp"
-          v-if="model.ledgrp.rmb.rolsetflg=='Y'">
-          <c-content>
-            <m-rcldetp :model="model" :codes="codes"/>
-          </c-content>
-        </el-tab-pane>
-
-        <!--PD000000 Completion附言-->
-        <el-tab-pane label="提示信息" name="coninfp">
+          <el-tab-pane label="备查/附言" name="addbcb">
             <c-content>
-            <m-coninfp :model="model" :codes="codes" />
+              <m-addbcb :model="model" :codes="codes" />
             </c-content>
           </el-tab-pane>
 
           <!--PD000529 Messages报文及面函-->
-        <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>
 
           <!--PD000546 Attachments附件-->
-        <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>
 
-        <!--PD000001 -->
-        <el-tab-pane label="统一授信" name="limitbody">
-          <c-content>
-            <m-limitbody :model="model" :codes="codes" />
-          </c-content>
-        </el-tab-pane>
         </c-tabs>
       </el-form>
 
@@ -118,8 +88,14 @@
           @select-ety="selectMsg"
         >
         </c-grid-ety-prompt-dialog>
+        <c-function-btn
+        :handleSubmit="handleSubmit"
+        :handleCheck="handleCheck"
+        :handleStash="handleStash"
+      >
+      </c-function-btn>
+    </c-page>
   </div>
-  <!-- </c-page> -->
 </template>
 <script>
 import Api from '~/service/Api'
@@ -132,8 +108,8 @@ import commonFuncs from '~/mixin/commonFuncs'
 import Check from '~/model/Letcan/Check'
 import Default from '~/model/Letcan/Default'
 import Pattern from '~/model/Letcan/Pattern'
-import Canp from './Canp'
-// import Setpan from "./Setpan"
+import Ovwp from './Ovwp'
+import Addbcb from "./Addbcb"
 // import Coninfp from './Coninfp'
 // import Docpan from './Docpan'
 // import Doctre from './Doctre'
@@ -150,7 +126,7 @@ import Limitbody from '~/views/Public/Limitbody'
 export default {
   name: "Letcan",
   components: {
-    'm-canp': Canp,
+    'm-ovwp': Ovwp,
     'm-engp': Engp,
     'm-setpan': Setpan,
     'm-glepan': Glepan,
@@ -159,6 +135,7 @@ export default {
     'm-docpan': Docpan,
     'm-doctre': Doctre,
     'm-limitbody': Limitbody,
+    'm-addbcb': Addbcb,
   },
   provide() {
     return {
@@ -168,14 +145,16 @@ export default {
   mixins: [commonProcess, commonFuncs], // 里面包含了Default、Check等的公共处理
   data() {
     return {
-      tabVal: 'canp',
+      tabVal: 'ovwp',
       trnName: 'letcan',
       model: new Letcan().data,
       checkRules: Check,
       defaultRules: Default,
       pattern: Pattern,
       rules: null,
+      activeNames: ["engp"],
       codes: { ...CodeTable },
+      
     }
   },
   methods: {

src/views/Business/Letnot/Addbcb.vue

@@ -12,7 +12,7 @@
 <script>
 import Api from "~/service/Api";
 import commonProcess from "~/mixin/commonProcess";
-import Event from "~/model/Letame/Event";
+import Event from "~/model/Letnot/Event";
 import Coninfp from "~/views/Public/Coninfp";
 
 export default {