betset,gitcom,letrsv UI美化

src/views/Business/Betset/Cnyp.vue

 <template>
     <div class="eibs-tab">
         <el-collapse v-model="activeNames" @change="handleChange">
+            
             <el-collapse-item title="外管信息" name="wg">
                 <m-wg :model="model" :codes="codes" />
             </el-collapse-item>
@@ -9,13 +10,10 @@
                 <m-cnyp1 :model="model" :codes="codes" />
             </el-collapse-item>
     
-           
-      
-
            <!--cnybop PD000001 2101跨境收入信息 -->
-           <el-tab-pane label="2101跨境收入信息" name="incp" v-if="model.cnybop.cnyflg=='1'">
+           <el-collapse-item title="2101跨境收入信息" name="incp" v-if="model.cnybop.cnyflg=='1'">
                 <m-incp :model="model" :codes="codes"/>
-           </el-tab-pane>
+           </el-collapse-item>
  
          
          

src/views/Business/Betset/Cnyp1.vue

@@ -95,7 +95,7 @@
         </el-form-item>
       </c-col>
     </c-col>
-    <m-incp v-show="model.cnybop.cnyflg == '1'" :model="model" :codes="codes" />
+    <!-- <m-incp v-show="model.cnybop.cnyflg == '1'" :model="model" :codes="codes" /> -->
   </div>
 </template>
 <script>

src/views/Business/Brtcsg/Canp.vue

@@ -66,7 +66,7 @@
                 </c-col>
       </c-col>
      <!-- ======================= 右边 ========================= -->
-      <c-col :span="12">
+      <c-col :span="12" style="padding-left: 20px;">
         <c-col :span="10">
           <el-form-item label="开证金额" prop="lidgrp.cbs.opn1.cur">
             <c-select

src/views/Business/Gitcom/Gitsetp1.vue

 <template>
-  <div class="eibs-tab">
+  <div class="eibs">
     <!-- ====================左边======================= -->
-    <c-col :span="11">
+    <c-col :span="12" style="padding-right: 20px;">
       <c-col :span="24">
         <el-form-item label="保函编号" prop="gidgrp.rec.ownref">
           <c-fullbox>
@@ -209,7 +209,7 @@
     </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="gidgrp.rec.nam">
           <c-input

src/views/Business/Gitcom/Ovwp.vue

+<template>
+    <div class="eibs-tab">
+        <el-collapse v-model="activeNames" @change="handleChange">
+        <el-collapse-item title="收费详情" name="gitsetp1">
+            <m-gitsetp1 :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/Gitcrj/Event";
+  import Gitsetp1 from "./Gitsetp1"
+  
+  export default {
+    components:{
+        "m-gitsetp1" : Gitsetp1,
+       
+    },
+    inject: ["root"],
+    props: ["model", "codes"],
+    mixins: [commonProcess],
+    data() {
+      return {
+        activeNames: ["gitsetp1"],
+     
+      };
+    },
+    methods: { ...Event },
+    created: function () {},
+  };
+  </script>
+  <style>
+  </style>
\ No newline at end of file

src/views/Business/Gitcom/index.vue

 <template>
   <div class="eContainer">
-    <c-function-btn
-      :handleSubmit="handleSubmit"
-      :handleCheck="handleCheck"
-      :handleStash="handleStash"
-    >
-      <el-button size="small">流程附言</el-button>
+    <c-page title="进口保函定期收费">
+    
+      <!-- <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="120px"
-      label-position="right"
-      size="small"
-      :validate-on-rule-change="false"
-    >
-      <c-tabs v-model="tabVal" ref="elment" type="card" @tab-click="myTabClick">
-        <!--PD000019 -->
-        <el-tab-pane label="收费" name="gitsetp1">
-          <m-gitsetp1 :model="model" :codes="codes" />
-        </el-tab-pane>
+    </c-function-btn> -->
 
-        <!--PD000027 -->
-        <el-tab-pane label="表外" name="engp">
-          <m-engp :model="model" :codes="codes" />
-        </el-tab-pane>
+      <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">
+          <!--PD000019 -->
+          <!-- <el-tab-pane label="收费" name="gitsetp1">
+            <m-gitsetp1 :model="model" :codes="codes" />
+          </el-tab-pane> -->
 
-        <!--PD000000 -->
-        <el-tab-pane label="费用及账务" name="setpan">
-          <m-setpan :model="model" :codes="codes" />
-        </el-tab-pane>
+          <el-tab-pane label="业务信息" name="ovwp">
+            <c-content>
+              <m-ovwp :model="model" :codes="codes"/>
+            </c-content>
+          </el-tab-pane>
 
-        <!--PD000000 -->
-        <el-tab-pane label="附言" name="coninfp">
-          <m-coninfp :model="model" :codes="codes" />
-        </el-tab-pane>
+              <!--PD000001 -->
+          <el-tab-pane label="统一授信" name="limitbody">
+            <c-content>
+              <m-limitbody :model="model" :codes="codes"/>
+            </c-content>
+          </el-tab-pane>
+ 
+            <!--PD000000 -->
+          <el-tab-pane label="费用/账务" name="setpann">
+            <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>
+ 
+            <!--PD000000 -->
+          <el-tab-pane label="备查/附言" name="coninfp">
+            <c-content>
+              <div class="eibs-tab">
+                <el-collapse v-model="activeNames">
+                  <el-collapse-item title="附言" name="coninfp">
+                    <m-coninfp :model="model" :codes="codes" />
+                  </el-collapse-item>
+                </el-collapse>
+              </div>
+            </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>
+ 
+            <!--PD000546 -->
+          <el-tab-pane label="附件信息" name="doctre">
+            <c-content>
+              <m-doctre :model="model" :codes="codes"/>
+            </c-content>
+          </el-tab-pane>
+       
+     
+        </c-tabs>
+      </el-form>
 
-        <!--PD000529 -->
-        <el-tab-pane label="面函" name="docpan">
-          <m-docpan :model="model" :codes="codes" />
-        </el-tab-pane>
-
-        <!--PD000546 -->
-        <el-tab-pane label="交易附件" name="doctre">
-          <m-doctre :model="model" :codes="codes" />
-        </el-tab-pane>
+    <c-function-btn
+      :handleSubmit="handleSubmit"
+      :handleCheck="handleCheck"
+      :handleStash="handleStash">
+    </c-function-btn>
 
-        <!--PD000001 -->
-        <el-tab-pane label="统一授信" name="limitbody">
-          <m-limitbody :model="model" :codes="codes" />
-        </el-tab-pane>
-      </c-tabs>
-    </el-form>
+    </c-page>
   </div>
 </template>
 <script>
@@ -73,7 +103,7 @@ import commonFuncs from "~/mixin/commonFuncs";
 import Check from "~/model/Gitcom/Check";
 import Default from "~/model/Gitcom/Default";
 import Pattern from "~/model/Gitcom/Pattern";
-import Gitsetp1 from "./Gitsetp1";
+import Ovwp from "./Ovwp";
 
 import Engp from "~/views/Public/Engp";
 import Setpan from "~/views/Public/Setpan";
@@ -85,7 +115,7 @@ import Limitbody from "~/views/Public/Limitbody";
 export default {
   name: "Gitcom",
   components: {
-    "m-gitsetp1": Gitsetp1,
+    "m-ovwp": Ovwp,
     "m-engp": Engp,
     "m-setpan": Setpan,
     "m-coninfp": Coninfp,
@@ -101,7 +131,7 @@ export default {
   mixins: [commonProcess, commonFuncs], // 里面包含了Default、Check等的公共处理
   data() {
     return {
-      tabVal: "gitsetp1",
+      tabVal: "ovwp",
       trnName: "gitcom",
       model: new Gitcom().data,
       checkRules: Check,
@@ -111,6 +141,7 @@ export default {
       codes: {
         ...CodeTable,
       },
+      activeNames: ["engp","coninfp"],
     };
   },
   methods: {

src/views/Business/Letrsv/Ovwp.vue

 <template>
-  <div class="eibs-tab">
-    <!-- 顶部 -->
-    <c-col :span="24">
-      <c-col :span="11">
-        <el-form-item
-          label="信用证编号"
-          prop="ledgrp.rec.ownref"
-          style="width: 100%"
-        >
-          <c-fullbox>
-            <c-input
-              v-model="model.ledgrp.rec.ownref"
-              maxlength="16"
-              placeholder="请输入Reference"
-              style="width: 95%"
-              :disabled="true"
-            ></c-input>
-            <template slot="footer">
-              <c-button
-                style="margin: 0 10px 0 0; padding: 0 12px"
-                size="small"
-                type="primary"
-                @click="onSeainf"
-              >
-                <span
-                  style="
-                    font-size: 15px;
-                    font-family: '宋体';
-                    font-weight: bold;
-                  "
-                  >i</span
-                >
-              </c-button>
-              <c-button
-                style="margin: 0 0"
-                size="small"
-                type="primary"
-                :disabled="
-                  model.ledgrp.ben.pts.adrblk && !model.ledgrp.rec.ownref
-                    ? false
-                    : true
-                "
-                @click="onLetpButgetref"
-              >
-                获取
-              </c-button>
-            </template>
-          </c-fullbox>
-        </el-form-item>
-      </c-col>
-
-      <c-col :span="11" :offset="1">
-        <el-form-item label="简略信息" prop="ledgrp.rec.nam">
-          <c-input
-            v-model="model.ledgrp.rec.nam"
-            maxlength="40"
-            placeholder="请输入内容"
-            disabled
-          ></c-input>
-        </el-form-item>
-      </c-col>
-    </c-col>
-
-    <!-- left -->
-    <c-col :span="11">
-      <c-col :span="24">
-        <el-form-item label="信用证类型" prop="ledgrp.rec.lcrtyp">
-          <c-select
-            v-model="model.ledgrp.rec.lcrtyp"
-            style="width: 100%"
-            placeholder="请选择信用证类型"
-            :code="codes.lcrtyp1"
-          >
-          </c-select>
-        </el-form-item>
-      </c-col>
-
-      <c-col :span="24">
-        <c-col :span="19">
-          <el-form-item
-            label="客户经理"
-            prop="letp.usr.extkey"
-            style="width: 100%"
-          >
-            <c-fullbox>
-              <c-input
-                v-model="model.letp.usr.extkey"
-                maxlength="8"
-                placeholder="请输入客户经理"
-                disabled
-              ></c-input>
-              <template slot="footer">
-                <c-button
-                  style="margin-left: 10px; padding: 0 10px"
-                  size="small"
-                  icon="el-icon-search"
-                  type="primary"
-                >
-                </c-button>
-              </template>
-            </c-fullbox>
-          </el-form-item>
-        </c-col>
-        <c-col :span="5">
-          <c-checkbox
-            :disabled="true"
-            v-model="model.ledgrp.rec.collflg"
-            style="margin-left: 10px"
-            >担保信用证</c-checkbox
-          >
-        </c-col>
-      </c-col>
-
-      <c-col :span="24">
-        <c-col :span="12">
-          <el-form-item label="信用证金额" prop="ledgrp.cbs.nom1.cur">
-            <c-select
-              v-model="model.ledgrp.cbs.nom1.cur"
-              style="width: 100%"
-              placeholder="请选择币种"
-              @keyup.enter.native="nom1CurEvent"
-              :code="codes.curtxt1"
-            >
-            </c-select>
-          </el-form-item>
-        </c-col>
-
-        <c-col :span="7">
-          <el-form-item label="" label-width="20px" prop="ledgrp.cbs.nom1.amt">
-            <c-input-currency
-              v-model="model.ledgrp.cbs.nom1.amt"
-              style="text-align: left; width: 100%"
-              placeholder="请输入金额"
-              @keyup.enter.native="$event.target.blur()"
-            ></c-input-currency>
-          </el-form-item>
-        </c-col>
-
-        <c-col :span="5">
-          <c-checkbox
-            v-model="model.letp.aamp.aammod.addamtflg"
-            style="margin-left: 10px"
-            @change="openAddDetails" 
-            >附加金额</c-checkbox
-          >
-        </c-col>
-      </c-col>
-
-      <c-col :span="24">
-        <c-col :span="12">
-          <el-form-item label="溢短装" prop="ledgrp.rec.nomtop">
-            <c-input
-              v-model.number="model.ledgrp.rec.nomtop"
-              maxlength="2"
-              style="width: 100%"
-              placeholder="请输入金额上浮"
-              @keyup.enter.native="$event.target.blur()"
-              class="m-input-currency"
-            ></c-input>
-          </el-form-item>
-        </c-col>
-        <c-col :span="7">
-          <el-form-item label="" label-width="20px" prop="ledgrp.rec.nomton">
-            <c-input
-              v-model.number="model.ledgrp.rec.nomton"
-              maxlength="2"
-              style="width: 100%"
-              placeholder="请输入金额下浮"
-              @keyup.enter.native="$event.target.blur()"
-              class="m-input-currency"
-            ></c-input>
-          </el-form-item>
-        </c-col>
-        <c-col :span="5">
-          <c-checkbox
-            v-model="model.ledgrp.rec.inctrf"
-            disabled
-            style="margin-left: 10px"
-            >Incoming Transfer</c-checkbox
-          >
-        </c-col>
-      </c-col>
-
-      <c-col :span="24">
-        <c-col :span="19">
-          <el-form-item label="金额限额表述" prop="ledgrp.rec.nomspc">
-            <c-select
-              v-model="model.ledgrp.rec.nomspc"
-              style="width: 100%"
-              placeholder="请输入金额限额表述"
-              :code="codes.nomspc"
-              :disabled="true"
-            >
-            </c-select>
-          </el-form-item>
-        </c-col>
-        <c-col :span="5">
-          <c-checkbox v-model="resflg" style="margin-left: 10px"
-            >保留合同</c-checkbox
-          >
-        </c-col>
-      </c-col>
-
-      <c-col :span="24">
-        <c-col :span="12">
-          <el-form-item label="最大金额" prop="ledgrp.cbs.max.cur">
-            <c-select
-              v-model="model.ledgrp.cbs.max.cur"
-              style="width: 100%"
-              placeholder="请选择币种"
-              disabled
-              :code="codes.curtxt1"
-            >
-            </c-select>
-          </el-form-item>
-        </c-col>
-
-        <c-col :span="12">
-          <el-form-item label="" label-width="20px" prop="ledgrp.cbs.max.amt">
-            <c-input
-              v-model="model.ledgrp.cbs.max.amt"
-              placeholder="请输入金额"
-              class="m-input-currency"
-              disabled
-            ></c-input>
-          </el-form-item>
-        </c-col>
-      </c-col>
-
-      <c-col :span="24">
-        <c-col :span="12">
-          <el-form-item label="开证日期" prop="ledgrp.rec.opndat">
-            <c-date-picker
-              type="date"
-              v-model="model.ledgrp.rec.opndat"
-              style="width: 100%"
-              placeholder="请选择日期"
-            ></c-date-picker>
-          </el-form-item>
-        </c-col>
-        <c-col :span="12">
-          <el-form-item
-            label="预通知日期"
-            label-width="130px"
-            prop="ledgrp.rec.preadvdt"
-          >
-            <c-date-picker
-              type="date"
-              v-model="model.ledgrp.rec.preadvdt"
-              style="width: 100%"
-              placeholder="请选择日期"
-              disabled
-            ></c-date-picker>
-          </el-form-item>
-        </c-col>
-      </c-col>
-
-      <c-col :span="24">
-        <c-col :span="12">
-          <el-form-item label="装运日期" prop="ledgrp.rec.shpdat">
-            <c-date-picker
-              type="date"
-              v-model="model.ledgrp.rec.shpdat"
-              style="width: 100%"
-              placeholder="请选择日期"
-            ></c-date-picker>
-          </el-form-item>
-        </c-col>
-
-        <c-col :span="12">
-          <el-form-item
-            label="复核日期"
-            label-width="130px"
-            prop="ledgrp.rec.advdat"
-          >
-            <c-date-picker
-              type="date"
-              v-model="model.ledgrp.rec.advdat"
-              style="width: 100%"
-              placeholder="请选择日期"
-              disabled
-            ></c-date-picker>
-          </el-form-item>
-        </c-col>
-      </c-col>
-
-      <c-col :span="24">
-        <el-form-item label="生效日期" prop="ledgrp.rec.expdat">
-          <c-date-picker
-            type="date"
-            v-model="model.ledgrp.rec.expdat"
-            style="width: 100%"
-            placeholder="请选择日期"
-          ></c-date-picker>
-        </el-form-item>
-      </c-col>
-
-      <c-col :span="24">
-        <el-form-item label="生效地点" prop="ledgrp.rec.expplc">
-          <c-input
-            v-model="model.ledgrp.rec.expplc"
-            maxlength="29"
-            placeholder="请选择地点"
-          ></c-input>
-        </el-form-item>
-      </c-col>
-
-      <c-col :span="24">
-        <el-form-item
-          label="收到的承兑指示"
-          prop="ledgrp.rec.cnfdet"
-        >
-          <c-select
-            v-model="model.ledgrp.rec.cnfdet"
-            style="width: 100%"
-            placeholder="请选择内容"
-            :code="codes.cnfflg1"
-          >
-          </c-select>
-        </el-form-item>
-      </c-col>
-
-      <c-col :span="24">
-        <el-form-item label="适用规则" prop="ledgrp.rec.apprul">
-          <c-select
-            v-model="model.ledgrp.rec.apprul"
-            style="width: 100%"
-            placeholder="请选择适用规则"
-            :code="codes.apprul1"
-            @change="apprulChange"
-          >
-          </c-select>
-        </el-form-item>
-      </c-col>
-
-      <c-col :span="24">
-        <el-form-item
-          label="其他适用规则"
-          prop="ledgrp.rec.apprultxt"
-        >
-          <c-input
-            v-model="model.ledgrp.rec.apprultxt"
-            maxlength="35"
-            placeholder="请选择适用规则"
-            :disabled="model.ledgrp.rec.apprul === 'OTHR' ? false : true"
-          ></c-input>
-        </el-form-item>
-      </c-col>
-      <c-col :span="24">
-        <el-form-item label="分批装运" prop="ledgrp.rec.shppar">
-          <c-select
-            v-model="model.ledgrp.rec.shppar"
-            style="width: 100%"
-            placeholder="请选择"
-            :code="codes.shptrss18"
-          >
-          </c-select>
-        </el-form-item>
-      </c-col>
-
-      <c-col :span="24">
-        <el-form-item label="转运" prop="ledgrp.rec.shptrss18">
-          <c-select
-            v-model="model.ledgrp.rec.shptrss18"
-            style="width: 100%"
-            placeholder="请选择"
-            :code="codes.shptrss18"
-          >
-          </c-select>
-        </el-form-item>
-      </c-col>
-    </c-col>
-
-    <!-- right -->
-    <c-col :span="11" :offset="1">
-      <c-ptap
-        :model="model"
-        :argadr="{
-          title: '受益人',
-          grp: 'ledgrp',
-          rol: 'ben',
-        }"
-        :disabled="true"
-        @onSeainf="onSeainf"
-        @onAplpDet="onBenpDet"
+    <div class="eibs-tab">
+      <el-collapse v-model="activeNames" @change="handleChange">
+         <el-collapse-item title="概览信息" name="ovwp1">
+            <m-ovwp1 :model="model" :codes="codes" />
+          </el-collapse-item>
+
+          <el-collapse-item title="循环信用证信息" name="revp" 
+           v-if="model.ledgrp.rec.revflg">
+            <m-revp :model="model" :codes="codes" />
+          </el-collapse-item>
+  
+        <el-collapse-item title="详细信息" name="detp">
+          <!-- 详细信息 -->
+          <m-detp :model="model" :codes="codes"  />
+        </el-collapse-item>      
+
+        <el-collapse-item title="附加金额" name="aamp"
+          v-if="model.letp.aamp.aammod.addamtflg">
+        <!-- 附加金额 -->
+        <m-aamp :model="model" :codes="codes" />
+        </el-collapse-item>
+  
+        <el-collapse-item title="当事人信息" name="ptyp">
+          <!-- 当事人信息 -->
+          <m-ptyp :model="model" :codes="codes" />
+        </el-collapse-item>
+
+        <el-collapse-item title="货物" name="dogp">
+          <!-- 货物 -->
+          <m-doxp :model="model" :codes="codes" :dtyp="'dogp'" :rec="'led'" />
+        </el-collapse-item>
+  
+        <el-collapse-item title="单据" name="dorp">
+          <!-- 单据 -->
+          <m-doxp :model="model" :codes="codes" :dtyp="'dorp'" :rec="'led'" />
+        </el-collapse-item>  
+  
+        <el-collapse-item title="附加条款" name="adcp">
+          <!-- 附加条款 -->
+          <m-doxp :model="model" :codes="codes" :dtyp="'adcp'" :rec="'led'" />
+        </el-collapse-item>
+
+        <el-collapse-item
+        title="仅适用于指定银行的特殊付款条款"
+        name="spcrcvp"
+        v-if="model.ledgrp.rec.spcrcbflg"
       >
-      </c-ptap>
-
-      <c-ptap
-        :model="model"
-        :argadr="{
-          title: '开证行',
-          grp: 'ledgrp',
-          rol: 'iss',
-        }"
-        :disabled="true"
-        @onSeainf="onSeainf"
-        @onAplpDet="onIsspDet"
+      <m-doxp
+            :model="model"
+            :codes="codes"
+            :dtyp="'spcrcvp'"
+            :rec="'led'" />
+      </el-collapse-item>
+
+      <el-collapse-item
+        title="存在受益人的特殊付款条款"
+        name="spcbenp"
+        v-if="model.ledgrp.rec.spcbenflg"
       >
-      </c-ptap>
-
-      <c-ptap
-        :model="model"
-        :argadr="{
-          title: '申请人',
-          grp: 'ledgrp',
-          rol: 'apl',
-        }"
-        :disabled="true"
-        @onSeainf="onSeainf"
-        @onAplpDet="onAplpDet"
-      >
-      </c-ptap>
-
-      <c-col :span="12" class="centerLable marginLable">
-        <c-checkbox v-model="model.ledgrp.rec.revflg">循环信用证</c-checkbox>
-      </c-col>
-
-      <!-- Authorization to Debit -->
-      <c-col :span="12" class="centerLable marginLable">
-        <c-checkbox v-model="dbtflg">Authorization to Debit</c-checkbox>
-      </c-col>
-
-      <c-col :span="24" class="centerLable marginLable">
-        <c-checkbox v-model="nonban">非银行开证</c-checkbox>
-      </c-col>
-
-      <!-- Test Key Unconfirmity -->
-      <c-col :span="24" class="centerLable marginLable">
-        <c-checkbox v-model="teskeyunc">Test Key Unconfirmity</c-checkbox>
-      </c-col>
-    </c-col>
-  </div>
-</template>
-<script>
-import Api from "~/service/Api";
-import commonProcess from "~/mixin/commonProcess";
-import CodeTable from "~/config/CodeTable";
-import Event from "~/model/Letopn/Event";
-import Ptap from "~/views/Public/Ptap";
-import Utils from "~/utils";
-// import Amtpanl from "~/views/Public/Amtpanl";
-
-export default {
-  components: { "c-ptap": Ptap },
-  inject: ["root"],
-  props: ["model", "codes"],
-  mixins: [commonProcess],
-  data() {
-    return {};
+          <m-doxp
+            :model="model"
+            :codes="codes"
+            :dtyp="'spcbenp'"
+            :rec="'led'" />
+      </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/Litdla/Event"
+  import Revp from "./Revp"
+  import Detp from "./Detp"
+  import Ptyp from "./Ptyp"
+  import Ovwp1 from "./Ovwp1"
+  import Aamp from "./Aamp";
+  import Doxp from '~/views/Public/Doxp'
+   
+  export default {
+      components:{
+     "m-revp" : Revp,
+     "m-detp" : Detp,
+     "m-ptyp" : Ptyp,
+     "m-doxp" : Doxp,
+     "m-ovwp1" : Ovwp1,
+     "m-aamp": Aamp,
+  
   },
-  computed: {
-    flag() {
-      return this.model.mtabut.coninf.usr.extkey == "";
-    },
-    resflg: {
-      get() {
-        return this.model.ledgrp.rec.resflg != "";
+      inject: ['root'],
+      props:["model","codes"],
+      mixins: [commonProcess],
+      data(){
+          return {
+              activeNames: ["ovwp1"],
+  
+          }
       },
-      set(val) {
-        this.model.ledgrp.rec.resflg = val ? "X" : "";
-      },
-    },
-    dbtflg: {
-      get() {
-        return this.model.ledgrp.rec.dbtflg != "";
-      },
-      set(val) {
-        this.model.ledgrp.rec.dbtflg = val ? "X" : "";
-      },
-    },
-    nonban: {
-      get() {
-        return this.model.ledgrp.rec.nonban != "";
-      },
-      set(val) {
-        this.model.ledgrp.rec.nonban = val ? "X" : "";
-      },
-    },
-    teskeyunc: {
-      get() {
-        return this.model.ledgrp.rec.teskeyunc != "";
-      },
-      set(val) {
-        this.model.ledgrp.rec.teskeyunc = val ? "X" : "";
-      },
-    },
-  },
-  methods: {
-    ...Event,
-    nom1CurEvent() {
-      this.executeDefault("ledgrp.cbs.nom1.cur").then((res) => {
-        if (res.respCode == SUCCESS) {
-          Utils.copyValueFromVO(this.model, res.data);
-        }
-      });
-    },
-    apprulChange(v) {
-      if (v !== "OTHR") {
-        this.model.ledgrp.rec.apprultxt = "";
+      methods:{...Event},
+      created:function(){
+  
       }
-    },
-    openAddDetails(val){
-    if(val ==='' && !( this.model.ledgrp.cbs.max2.amt == '0' && this.model.ledgrp.cbs.opn2.amt == '0'
-      &&this.model.ledgrp.blk.addamtcov ==='') ){
-        this.$confirm('Do you really want to delete the additional amount of this contract?','提示',{
-            confirmButtonText: 'Yes',
-            cancelButtonText: 'No',
-            type: 'warning',
-            showClose:false
-          }).then(() => {//yes的执行在这里写
-            this.executeRule('letp.aamp.aammod.addamtflg').then(res => {
-                if (res.respCode == SUCCESS) {
-                    this.model.ledgrp.cbs.max2.amt = '0';
-                    this.model.ledgrp.cbs.opn2.amt == '0'
-                    this.model.ledgrp.blk.addamtcov ='';
-                    this.updateModel(res.data)
-                }
-            })
-            // this.model.ledgrp.rec.revtyp ='';
-            // this.model.ledgrp.rec.revtimes = '0';
-            // this.model.ledgrp.rec.revdat ='';
-            // this.model.ledgrp.rec.revcum ='';
-            // this.model.ledgrp.blk.revcls ='';
-            // this.model.ledgrp.blk.revnotes ='';
-            // this.$message({
-            //       type: 'success',
-            //       message: '删除成功!'
-            // });
-          }).catch(() => {//No的功能在这里写
-            this.model.letp.aamp.aammod.addamtflg ='X'
-                // this.$message({
-                //   type: 'info',
-                //   message: '已取消'
-                // });  
-          }); 
-    }
   }
-  },
-  created: function () {},
-};
-</script>
-<style>
-.marginLable {
-  padding-left: 160px;
-}
-</style>
+  </script>
+  <style>
+  
+  </style>
+  
\ No newline at end of file

src/views/Business/Letrsv/Ovwp1.vue

+<template>
+  <div class="eibs">
+    <!-- 顶部 -->
+    <c-col :span="24">
+      <c-col :span="11">
+        <el-form-item
+          label="信用证编号"
+          prop="ledgrp.rec.ownref"
+          style="width: 100%"
+        >
+          <c-fullbox>
+            <c-input
+              v-model="model.ledgrp.rec.ownref"
+              maxlength="16"
+              placeholder="请输入Reference"
+              style="width: 95%"
+              :disabled="true"
+            ></c-input>
+            <template slot="footer">
+              <c-button
+                style="margin: 0 10px 0 0; padding: 0 12px"
+                size="small"
+                type="primary"
+                @click="onSeainf"
+              >
+                <span
+                  style="
+                    font-size: 15px;
+                    font-family: '宋体';
+                    font-weight: bold;
+                  "
+                  >i</span
+                >
+              </c-button>
+              <c-button
+                style="margin: 0 0"
+                size="small"
+                type="primary"
+                :disabled="
+                  model.ledgrp.ben.pts.adrblk && !model.ledgrp.rec.ownref
+                    ? false
+                    : true
+                "
+                @click="onLetpButgetref"
+              >
+                获取
+              </c-button>
+            </template>
+          </c-fullbox>
+        </el-form-item>
+      </c-col>
+
+      <c-col :span="11" :offset="1">
+        <el-form-item label="简略信息" prop="ledgrp.rec.nam">
+          <c-input
+            v-model="model.ledgrp.rec.nam"
+            maxlength="40"
+            placeholder="请输入内容"
+            disabled
+          ></c-input>
+        </el-form-item>
+      </c-col>
+    </c-col>
+
+    <!-- left -->
+    <c-col :span="11">
+      <c-col :span="24">
+        <el-form-item label="信用证类型" prop="ledgrp.rec.lcrtyp">
+          <c-select
+            v-model="model.ledgrp.rec.lcrtyp"
+            style="width: 100%"
+            placeholder="请选择信用证类型"
+            :code="codes.lcrtyp1"
+          >
+          </c-select>
+        </el-form-item>
+      </c-col>
+
+      <c-col :span="24">
+        <c-col :span="19">
+          <el-form-item
+            label="客户经理"
+            prop="letp.usr.extkey"
+            style="width: 100%"
+          >
+            <c-fullbox>
+              <c-input
+                v-model="model.letp.usr.extkey"
+                maxlength="8"
+                placeholder="请输入客户经理"
+                disabled
+              ></c-input>
+              <template slot="footer">
+                <c-button
+                  style="margin-left: 10px; padding: 0 10px"
+                  size="small"
+                  icon="el-icon-search"
+                  type="primary"
+                >
+                </c-button>
+              </template>
+            </c-fullbox>
+          </el-form-item>
+        </c-col>
+        <c-col :span="5">
+          <c-checkbox
+            :disabled="true"
+            v-model="model.ledgrp.rec.collflg"
+            style="margin-left: 10px"
+            >担保信用证</c-checkbox
+          >
+        </c-col>
+      </c-col>
+
+      <c-col :span="24">
+        <c-col :span="12">
+          <el-form-item label="信用证金额" prop="ledgrp.cbs.nom1.cur">
+            <c-select
+              v-model="model.ledgrp.cbs.nom1.cur"
+              style="width: 100%"
+              placeholder="请选择币种"
+              @keyup.enter.native="nom1CurEvent"
+              :code="codes.curtxt1"
+            >
+            </c-select>
+          </el-form-item>
+        </c-col>
+
+        <c-col :span="7">
+          <el-form-item label="" label-width="20px" prop="ledgrp.cbs.nom1.amt">
+            <c-input-currency
+              v-model="model.ledgrp.cbs.nom1.amt"
+              style="text-align: left; width: 100%"
+              placeholder="请输入金额"
+              @keyup.enter.native="$event.target.blur()"
+            ></c-input-currency>
+          </el-form-item>
+        </c-col>
+
+        <c-col :span="5">
+          <c-checkbox
+            v-model="model.letp.aamp.aammod.addamtflg"
+            style="margin-left: 10px"
+            @change="openAddDetails" 
+            >附加金额</c-checkbox
+          >
+        </c-col>
+      </c-col>
+
+      <c-col :span="24">
+        <c-col :span="12">
+          <el-form-item label="溢短装" prop="ledgrp.rec.nomtop">
+            <c-input
+              v-model.number="model.ledgrp.rec.nomtop"
+              maxlength="2"
+              style="width: 100%"
+              placeholder="请输入金额上浮"
+              @keyup.enter.native="$event.target.blur()"
+              class="m-input-currency"
+            ></c-input>
+          </el-form-item>
+        </c-col>
+        <c-col :span="7">
+          <el-form-item label="" label-width="20px" prop="ledgrp.rec.nomton">
+            <c-input
+              v-model.number="model.ledgrp.rec.nomton"
+              maxlength="2"
+              style="width: 100%"
+              placeholder="请输入金额下浮"
+              @keyup.enter.native="$event.target.blur()"
+              class="m-input-currency"
+            ></c-input>
+          </el-form-item>
+        </c-col>
+        <c-col :span="5">
+          <c-checkbox
+            v-model="model.ledgrp.rec.inctrf"
+            disabled
+            style="margin-left: 10px"
+            >Incoming Transfer</c-checkbox
+          >
+        </c-col>
+      </c-col>
+
+      <c-col :span="24">
+        <c-col :span="19">
+          <el-form-item label="金额限额表述" prop="ledgrp.rec.nomspc">
+            <c-select
+              v-model="model.ledgrp.rec.nomspc"
+              style="width: 100%"
+              placeholder="请输入金额限额表述"
+              :code="codes.nomspc"
+              :disabled="true"
+            >
+            </c-select>
+          </el-form-item>
+        </c-col>
+        <c-col :span="5">
+          <c-checkbox v-model="resflg" style="margin-left: 10px"
+            >保留合同</c-checkbox
+          >
+        </c-col>
+      </c-col>
+
+      <c-col :span="24">
+        <c-col :span="12">
+          <el-form-item label="最大金额" prop="ledgrp.cbs.max.cur">
+            <c-select
+              v-model="model.ledgrp.cbs.max.cur"
+              style="width: 100%"
+              placeholder="请选择币种"
+              disabled
+              :code="codes.curtxt1"
+            >
+            </c-select>
+          </el-form-item>
+        </c-col>
+
+        <c-col :span="12">
+          <el-form-item label="" label-width="20px" prop="ledgrp.cbs.max.amt">
+            <c-input
+              v-model="model.ledgrp.cbs.max.amt"
+              placeholder="请输入金额"
+              class="m-input-currency"
+              disabled
+            ></c-input>
+          </el-form-item>
+        </c-col>
+      </c-col>
+
+      <c-col :span="24">
+        <c-col :span="12">
+          <el-form-item label="开证日期" prop="ledgrp.rec.opndat">
+            <c-date-picker
+              type="date"
+              v-model="model.ledgrp.rec.opndat"
+              style="width: 100%"
+              placeholder="请选择日期"
+            ></c-date-picker>
+          </el-form-item>
+        </c-col>
+        <c-col :span="12">
+          <el-form-item
+            label="预通知日期"
+            label-width="130px"
+            prop="ledgrp.rec.preadvdt"
+          >
+            <c-date-picker
+              type="date"
+              v-model="model.ledgrp.rec.preadvdt"
+              style="width: 100%"
+              placeholder="请选择日期"
+              disabled
+            ></c-date-picker>
+          </el-form-item>
+        </c-col>
+      </c-col>
+
+      <c-col :span="24">
+        <c-col :span="12">
+          <el-form-item label="装运日期" prop="ledgrp.rec.shpdat">
+            <c-date-picker
+              type="date"
+              v-model="model.ledgrp.rec.shpdat"
+              style="width: 100%"
+              placeholder="请选择日期"
+            ></c-date-picker>
+          </el-form-item>
+        </c-col>
+
+        <c-col :span="12">
+          <el-form-item
+            label="复核日期"
+            label-width="130px"
+            prop="ledgrp.rec.advdat"
+          >
+            <c-date-picker
+              type="date"
+              v-model="model.ledgrp.rec.advdat"
+              style="width: 100%"
+              placeholder="请选择日期"
+              disabled
+            ></c-date-picker>
+          </el-form-item>
+        </c-col>
+      </c-col>
+
+      <c-col :span="24">
+        <el-form-item label="生效日期" prop="ledgrp.rec.expdat">
+          <c-date-picker
+            type="date"
+            v-model="model.ledgrp.rec.expdat"
+            style="width: 100%"
+            placeholder="请选择日期"
+          ></c-date-picker>
+        </el-form-item>
+      </c-col>
+
+      <c-col :span="24">
+        <el-form-item label="生效地点" prop="ledgrp.rec.expplc">
+          <c-input
+            v-model="model.ledgrp.rec.expplc"
+            maxlength="29"
+            placeholder="请选择地点"
+          ></c-input>
+        </el-form-item>
+      </c-col>
+
+      <c-col :span="24">
+        <el-form-item
+          label="收到的承兑指示"
+          prop="ledgrp.rec.cnfdet"
+        >
+          <c-select
+            v-model="model.ledgrp.rec.cnfdet"
+            style="width: 100%"
+            placeholder="请选择内容"
+            :code="codes.cnfflg1"
+          >
+          </c-select>
+        </el-form-item>
+      </c-col>
+
+      <c-col :span="24">
+        <el-form-item label="适用规则" prop="ledgrp.rec.apprul">
+          <c-select
+            v-model="model.ledgrp.rec.apprul"
+            style="width: 100%"
+            placeholder="请选择适用规则"
+            :code="codes.apprul1"
+            @change="apprulChange"
+          >
+          </c-select>
+        </el-form-item>
+      </c-col>
+
+      <c-col :span="24">
+        <el-form-item
+          label="其他适用规则"
+          prop="ledgrp.rec.apprultxt"
+        >
+          <c-input
+            v-model="model.ledgrp.rec.apprultxt"
+            maxlength="35"
+            placeholder="请选择适用规则"
+            :disabled="model.ledgrp.rec.apprul === 'OTHR' ? false : true"
+          ></c-input>
+        </el-form-item>
+      </c-col>
+      <c-col :span="24">
+        <el-form-item label="分批装运" prop="ledgrp.rec.shppar">
+          <c-select
+            v-model="model.ledgrp.rec.shppar"
+            style="width: 100%"
+            placeholder="请选择"
+            :code="codes.shptrss18"
+          >
+          </c-select>
+        </el-form-item>
+      </c-col>
+
+      <c-col :span="24">
+        <el-form-item label="转运" prop="ledgrp.rec.shptrss18">
+          <c-select
+            v-model="model.ledgrp.rec.shptrss18"
+            style="width: 100%"
+            placeholder="请选择"
+            :code="codes.shptrss18"
+          >
+          </c-select>
+        </el-form-item>
+      </c-col>
+    </c-col>
+
+    <!-- right -->
+    <c-col :span="11" :offset="1">
+      <c-ptap
+        :model="model"
+        :argadr="{
+          title: '受益人',
+          grp: 'ledgrp',
+          rol: 'ben',
+        }"
+        :disabled="true"
+        @onSeainf="onSeainf"
+        @onAplpDet="onBenpDet"
+      >
+      </c-ptap>
+
+      <c-ptap
+        :model="model"
+        :argadr="{
+          title: '开证行',
+          grp: 'ledgrp',
+          rol: 'iss',
+        }"
+        :disabled="true"
+        @onSeainf="onSeainf"
+        @onAplpDet="onIsspDet"
+      >
+      </c-ptap>
+
+      <c-ptap
+        :model="model"
+        :argadr="{
+          title: '申请人',
+          grp: 'ledgrp',
+          rol: 'apl',
+        }"
+        :disabled="true"
+        @onSeainf="onSeainf"
+        @onAplpDet="onAplpDet"
+      >
+      </c-ptap>
+
+      <c-col :span="12" class="centerLable marginLable">
+        <c-checkbox v-model="model.ledgrp.rec.revflg">循环信用证</c-checkbox>
+      </c-col>
+
+      <!-- Authorization to Debit -->
+      <c-col :span="12" class="centerLable marginLable">
+        <c-checkbox v-model="dbtflg">Authorization to Debit</c-checkbox>
+      </c-col>
+
+      <c-col :span="24" class="centerLable marginLable">
+        <c-checkbox v-model="nonban">非银行开证</c-checkbox>
+      </c-col>
+
+      <!-- Test Key Unconfirmity -->
+      <c-col :span="24" class="centerLable marginLable">
+        <c-checkbox v-model="teskeyunc">Test Key Unconfirmity</c-checkbox>
+      </c-col>
+    </c-col>
+  </div>
+</template>
+<script>
+import Api from "~/service/Api";
+import commonProcess from "~/mixin/commonProcess";
+import CodeTable from "~/config/CodeTable";
+import Event from "~/model/Letopn/Event";
+import Ptap from "~/views/Public/Ptap";
+import Utils from "~/utils";
+// import Amtpanl from "~/views/Public/Amtpanl";
+
+export default {
+  components: { "c-ptap": Ptap },
+  inject: ["root"],
+  props: ["model", "codes"],
+  mixins: [commonProcess],
+  data() {
+    return {};
+  },
+  computed: {
+    flag() {
+      return this.model.mtabut.coninf.usr.extkey == "";
+    },
+    resflg: {
+      get() {
+        return this.model.ledgrp.rec.resflg != "";
+      },
+      set(val) {
+        this.model.ledgrp.rec.resflg = val ? "X" : "";
+      },
+    },
+    dbtflg: {
+      get() {
+        return this.model.ledgrp.rec.dbtflg != "";
+      },
+      set(val) {
+        this.model.ledgrp.rec.dbtflg = val ? "X" : "";
+      },
+    },
+    nonban: {
+      get() {
+        return this.model.ledgrp.rec.nonban != "";
+      },
+      set(val) {
+        this.model.ledgrp.rec.nonban = val ? "X" : "";
+      },
+    },
+    teskeyunc: {
+      get() {
+        return this.model.ledgrp.rec.teskeyunc != "";
+      },
+      set(val) {
+        this.model.ledgrp.rec.teskeyunc = val ? "X" : "";
+      },
+    },
+  },
+  methods: {
+    ...Event,
+    nom1CurEvent() {
+      this.executeDefault("ledgrp.cbs.nom1.cur").then((res) => {
+        if (res.respCode == SUCCESS) {
+          Utils.copyValueFromVO(this.model, res.data);
+        }
+      });
+    },
+    apprulChange(v) {
+      if (v !== "OTHR") {
+        this.model.ledgrp.rec.apprultxt = "";
+      }
+    },
+    openAddDetails(val){
+    if(val ==='' && !( this.model.ledgrp.cbs.max2.amt == '0' && this.model.ledgrp.cbs.opn2.amt == '0'
+      &&this.model.ledgrp.blk.addamtcov ==='') ){
+        this.$confirm('Do you really want to delete the additional amount of this contract?','提示',{
+            confirmButtonText: 'Yes',
+            cancelButtonText: 'No',
+            type: 'warning',
+            showClose:false
+          }).then(() => {//yes的执行在这里写
+            this.executeRule('letp.aamp.aammod.addamtflg').then(res => {
+                if (res.respCode == SUCCESS) {
+                    this.model.ledgrp.cbs.max2.amt = '0';
+                    this.model.ledgrp.cbs.opn2.amt == '0'
+                    this.model.ledgrp.blk.addamtcov ='';
+                    this.updateModel(res.data)
+                }
+            })
+            // this.model.ledgrp.rec.revtyp ='';
+            // this.model.ledgrp.rec.revtimes = '0';
+            // this.model.ledgrp.rec.revdat ='';
+            // this.model.ledgrp.rec.revcum ='';
+            // this.model.ledgrp.blk.revcls ='';
+            // this.model.ledgrp.blk.revnotes ='';
+            // this.$message({
+            //       type: 'success',
+            //       message: '删除成功!'
+            // });
+          }).catch(() => {//No的功能在这里写
+            this.model.letp.aamp.aammod.addamtflg ='X'
+                // this.$message({
+                //   type: 'info',
+                //   message: '已取消'
+                // });  
+          }); 
+    }
+  }
+  },
+  created: function () {},
+};
+</script>
+<style>
+.marginLable {
+  padding-left: 160px;
+}
+</style>

src/views/Business/Letrsv/index.vue

 <template>
   <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">拆分报文</el-button> -->
-      <el-button size="small">智能提示</el-button>
-    </c-function-btn>
+      // <el-button size="small">拆分报文</el-button> 
+      <el-button size="small">智能提示</el-button> -->
+    <!-- </c-function-btn> -->
 
     <el-form
       :model="model"
@@ -28,84 +24,106 @@
     >
       <c-tabs v-model="tabVal" ref="elment" type="card" @tab-click="myTabClick">
         <!--PD000017 -->
-        <el-tab-pane label="概览信息" name="ovwp">
+        <el-tab-pane label="业务信息" name="ovwp">
           <c-content>
             <m-ovwp :model="model" :codes="codes" />
           </c-content>
         </el-tab-pane>
 
         <!--PD000001 -->
-        <el-tab-pane
+        <!-- <el-tab-pane
           label="附加金额"
           name="aamp"
           v-if="model.letp.aamp.aammod.addamtflg"
         >
           <m-aamp :model="model" :codes="codes" />
-        </el-tab-pane>
+        </el-tab-pane> -->
 
         <!--PD000063 -->
-        <el-tab-pane label="详细信息" name="detp">
+        <!-- <el-tab-pane label="详细信息" name="detp">
           <c-content>
             <m-detp :model="model" :codes="codes" />
           </c-content>
-        </el-tab-pane>
+        </el-tab-pane> -->
 
         <!--PD000042 -->
-        <el-tab-pane label="当事人信息" name="ptyp">
+        <!-- <el-tab-pane label="当事人信息" name="ptyp">
           <m-ptyp :model="model" :codes="codes" />
-        </el-tab-pane>
+        </el-tab-pane> -->
 
         <!--PD000055 -->
-        <el-tab-pane label="货物描述" name="dogp">
+        <!-- <el-tab-pane label="货物" name="dogp">
           <m-doxp :model="model" :codes="codes" :dtyp="'dogp'" :rec="'led'" />
-        </el-tab-pane>
+        </el-tab-pane> -->
 
         <!--PD000057 -->
-        <el-tab-pane label="单据" name="dorp">
+        <!-- <el-tab-pane label="单据" name="dorp">
           <m-doxp :model="model" :codes="codes" :dtyp="'dorp'" :rec="'led'" />
-        </el-tab-pane>
+        </el-tab-pane> -->
 
         <!--PD000060 -->
-        <el-tab-pane label="附加条款" name="adcp">
+        <!-- <el-tab-pane label="附加条款" name="adcp">
           <m-doxp :model="model" :codes="codes" :dtyp="'adcp'" :rec="'led'" />
-        </el-tab-pane>
+        </el-tab-pane> -->
 
         <!--PD000317 -->
-        <el-tab-pane
+        <!-- <el-tab-pane
           label="循环信用证信息"
           name="revp"
           v-if="model.ledgrp.rec.revflg"
         >
           <m-revp :model="model" :codes="codes" />
-        </el-tab-pane>
+        </el-tab-pane> -->
 
-        <!--PD000027 -->
-          <el-tab-pane label="表外记账" name="engp">
-            <m-engp :model="model" :codes="codes" />
+        <el-tab-pane label="统一授信" name="limitbody">
+            <c-content>
+              <m-limitbody :model="model" :codes="codes" />
+            </c-content>
           </el-tab-pane>
 
-        <!--PD000000 -->
-        <el-tab-pane label="结算" name="setpan">
-          <m-setpan :model="model" :codes="codes" />
-        </el-tab-pane>
+          <!--PD000027 -->
+          <el-tab-pane label="费用/账务" name="engp,setpan">
+            <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>
 
         <!--PD000000 -->
-        <el-tab-pane label="提示信息" name="coninfp">
+        <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">
-          <m-docpan :model="model" :codes="codes" />
-        </el-tab-pane>
+       <!--PD000529 -->
+       <el-tab-pane label="报文/面函" name="docpan">
+            <c-content>
+              <m-docpan :model="model" :codes="codes" />
+            </c-content>
+          </el-tab-pane>
 
-        <!--PD000546 -->
-        <el-tab-pane label="附件" name="doctre" v-if="attachments">
-          <m-doctre :model="model" :codes="codes" />
+          <!--PD000546 -->
+        <el-tab-pane label="附件信息" name="doctre">
+            <c-content>
+              <m-doctre :model="model" :codes="codes" />
+            </c-content>
         </el-tab-pane>
 
         <!--PD000394 -->
-        <el-tab-pane
+        <!-- <el-tab-pane
           label="受益人特殊付款条款"
           name="spcbenp"
           v-if="model.ledgrp.rec.spcbenflg"
@@ -116,10 +134,10 @@
             :dtyp="'spcbenp'"
             :rec="'led'"
           />
-        </el-tab-pane>
+        </el-tab-pane> -->
 
         <!--PD000422 -->
-        <el-tab-pane
+        <!-- <el-tab-pane
           label="银行专用特殊付款条款"
           name="spcrcvp"
           v-if="model.ledgrp.rec.spcrcbflg"
@@ -130,12 +148,9 @@
             :dtyp="'spcrcvp'"
             :rec="'led'"
           />
-        </el-tab-pane>
+        </el-tab-pane> -->
 
-        <!--PD000001 -->
-        <el-tab-pane label="统一授信" name="limitbody">
-          <m-limitbody :model="model" :codes="codes" />
-        </el-tab-pane>
+        
       </c-tabs>
     </el-form>
     <c-grid-ety-prompt-dialog
@@ -151,6 +166,13 @@
         @select-ety="selectMsg"
       >
       </c-grid-ety-prompt-dialog>
+
+      <c-function-btn
+      :handleSubmit="handleSubmit"
+      :handleCheck="handleCheck"
+      :handleStash="handleStash">
+      </c-function-btn>
+      </c-page>
   </div>
 </template>
 <script>
@@ -163,13 +185,13 @@ import Check from "~/model/Letrsv/Check";
 import Default from "~/model/Letrsv/Default";
 import Pattern from "~/model/Letrsv/Pattern";
 import Ovwp from "./Ovwp";
-import Detp from "./Detp";
-import Ptyp from "./Ptyp";
+//import Detp from "./Detp";
+//import Ptyp from "./Ptyp";
 // import Dogp from "./Dogp";
 // import Dorp from "./Dorp";
 // import Adcp from "./Adcp";
-import Revp from "./Revp";
-import Aamp from "./Aamp";
+//import Revp from "./Revp";
+//import Aamp from "./Aamp";
 // import Spcbenp from "./Spcbenp";
 // import Spcrcvp from "./Spcrcvp";
 import Doctre from "~/views/Public/Doctre";
@@ -178,23 +200,23 @@ import Coninfp from "~/views/Public/Coninfp";
 import Docpan from "~/views/Public/Docpan";
 import Limitbody from "~/views/Public/Limitbody";
 import Engp from '~/views/Public/Engp'
-import Doxp from '~/views/Public/Doxp'
+//import Doxp from '~/views/Public/Doxp'
 
 export default {
   name: "Letrsv",
   components: {
     "m-ovwp": Ovwp,
-    "m-detp": Detp,
-    "m-ptyp": Ptyp,
+   // "m-detp": Detp,
+   // "m-ptyp": Ptyp,
     'm-engp': Engp,
     "m-setpan": Setpan,
     "m-coninfp": Coninfp,
     "m-docpan": Docpan,
     "m-doctre": Doctre,
-    "m-revp": Revp,
-    "m-aamp": Aamp,
+   // "m-revp": Revp,
+   // "m-aamp": Aamp,
     "m-limitbody": Limitbody,
-    'm-doxp': Doxp,
+    //'m-doxp': Doxp,
   },
   provide() {
     return {
@@ -215,6 +237,7 @@ export default {
         ...CodeTable,
       },
       attachments: false,
+      activeNames: ["engp"],
     };
   },
   methods: {

src/views/Business/Litdla/index.vue

@@ -19,8 +19,10 @@
        </el-tab-pane>
 
 
-           <el-tab-pane label="保证金" name="ccvpan">
+       <el-tab-pane label="保证金" name="ccvpan">
+            <c-content>
             <m-ccvpan :model="model" :codes="codes" />
+            </c-content>
           </el-tab-pane>
 
           <el-tab-pane label="统一授信" name="limitbody,shisuan">
@@ -72,12 +74,16 @@
           </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>
 
 

src/views/Business/Litrog/Rog.vue

 <template>
-  <div class="eibs-tab">
+  <div class="eibs">
    
       <!-- =======左========== -->
       <el-col :span="11">

src/views/Business/Litrog/index.vue

@@ -20,15 +20,20 @@
            </el-tab-pane>
  
             <!--PD000001 -->
-           <el-tab-pane label="保证金" name="ccvpan">
+            <el-tab-pane label="保证金" name="ccvpan">
+            <c-content>
                 <m-ccvpan :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>
 
+
                <!--PD000027 -->
           <el-tab-pane label="费用/账务" name="engp,setpan,glepan">
             <c-content>
@@ -59,16 +64,19 @@
            </el-tab-pane>
  
             <!--PD000529 -->
-           <el-tab-pane label="报文/面函" name="docpan">
-                <m-docpan :model="model" :codes="codes"/>
-           </el-tab-pane>
- 
-            <!--PD000546 -->
+            <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">
-                <m-doctre :model="model" :codes="codes"/>
-           </el-tab-pane>
- 
-        
+            <c-content>
+            <m-doctre :model="model" :codes="codes" />
+            </c-content>
+          </el-tab-pane>
+
          
        </c-tabs>
     </el-form>