gitset UI美化

src/views/Business/Gitset/Basp.vue

 <template>
   <div class="eibs">
-    <el-col :span="11">
+    <el-col :span="12" style="padding-right: 20px;">
       <c-col :span="24">
         <el-form-item label="申报号码" prop="bopmod.dbcgrp.bas.rptno">
           <c-input
@@ -180,7 +180,7 @@
     </el-col>
 
     <!--=====================right =============================  -->
-    <el-col :span="11" :offset="1">
+    <el-col :span="12" style="padding-left: 20px;">
       <c-col :span="24">
         <el-form-item label="修改/删除原因" prop="bopmod.dbcgrp.bas.actiondesc">
           <c-input

src/views/Business/Gitset/Basp1.vue

 <template>
   <div class="eibs">
-    <el-col :span="11">
+    <el-col :span="12" style="padding-right: 20px;">
       <c-col :span="24">
         <el-form-item label="申报号码" prop="bopmod.dbfgrp.bas.rptno">
           <c-input
@@ -180,7 +180,7 @@
     </el-col>
 
     <!--=====================right =============================  -->
-    <el-col :span="11" :offset="1">
+    <el-col :span="12" style="padding-right: 20px;">
       <c-col :span="24">
         <el-form-item label="修改/删除原因" prop="bopmod.dbfgrp.bas.actiondesc">
           <c-input

src/views/Business/Gitset/Cips.vue

 <template>
   <div class="eibs">
-    <c-col :span="11">
+    <c-col :span="12" style="padding-right: 20px;">
       <c-col :span="24">
         <c-form-item label="借记记账账号" prop="trnmod.cipmod.dafnzh">
           <c-input
@@ -248,7 +248,7 @@
       </c-col>
     </c-col>
 
-    <c-col :span="11" offset="1">
+    <c-col :span="12" style="padding-left: 20px;">
       <c-col :span="24">
         <c-form-item label="借记记账名称" prop="trnmod.cipmod.dafnmc">
           <c-input

src/views/Business/Gitset/Cips2.vue

 <template>
   <div class="eibs">
     <!-- SG000227 : 收款直接参与者行号 -->
-    <c-col :span="12">
+    <c-col :span="12" style="padding-right: 20px;">
       <c-col :span="24">
         <c-form-item label="收款直接参与者行号" prop="trnmod.reconebch">
           <c-input

src/views/Business/Gitset/Cnyp.vue

@@ -5,14 +5,23 @@
                 <m-wg :model="model" :codes="codes" />
             </el-collapse-item>
     
+            <el-collapse-item title="对外付款/承兑通知书-基础信息" name="basp" v-if="model.bopmod.basflg && model.bopmod.szflg == '1'">
+            <m-basp :model="model" :codes="codes" />
+        </el-collapse-item>
+
+        <el-collapse-item title="境内付款/承兑通知书-基础信息" name="basp1"  v-if="model.bopmod.basflg && model.bopmod.szflg == '2'">
+            <m-basp1 :model="model" :codes="codes" />
+        </el-collapse-item>
+
         <el-collapse-item title="跨境人民币申报" name="cnyp1">
             <m-cnyp1 :model="model" :codes="codes" />
         </el-collapse-item>
 
-             <!--PD000008 -->
-        <!-- <el-tab-pane label="外管信息" name="wg">
-          <m-wg :model="model" :codes="codes" />
-        </el-tab-pane> -->
+        <el-collapse-item title="2111跨境支出信息" name="outp" v-if="model.cnybop.outflg == '1'">
+            <m-outp :model="model" :codes="codes" />
+        </el-collapse-item>
+
+    
          
         </el-collapse>
     </div>
@@ -25,7 +34,9 @@
     import Event from "~/model/Brtset/Event";
     import Wg from "./Wg";
     import Cnyp1 from "./Cnyp1";
-    
+    import Basp from "./Basp";
+    import Basp1 from "./Basp1";
+    import Outp from "./Outp";
     
     
     export default {
@@ -33,6 +44,9 @@
         components: {
             "m-wg": Wg,
             "m-cnyp1": Cnyp1,
+            "m-basp": Basp,
+            "m-basp1": Basp1,
+            "m-outp": Outp,
             
         },
         props: ["model", "codes"],

src/views/Business/Gitset/Cnyp1.vue

 <template>
   <div class="eibs">
-    <c-col :span="12">
+    <c-col :span="12" style="padding-right: 20px;">
       <c-col :span="24">
         <el-form-item
           label="是否报送跨境人民币2101表"

src/views/Business/Gitset/Det202cv.vue

 <template>
-  <div class="eibs-tab">
-    <el-col :span="11">
+  <div class="eibs">
+    <el-col :span="12" style="padding-right: 20px;">
       <c-col :span="24">
         <el-form-item label="MT202报文的详细信息" label-width="200px">
         </el-form-item>
@@ -8,7 +8,7 @@
 
       <c-col :span="24">
         <el-form-item
-          label="付款行（MT202的52栏）"
+          label="付款行(MT202的52栏)"
           prop="setmod.setglg.sespay.setgrp.ori.pts.extkey"
         >
           <c-fullbox>
@@ -55,7 +55,7 @@
       </c-col>
       <c-col :span="24">
         <el-form-item
-          label="中间行（MT202的56a栏）"
+          label="中间行(MT202的56a栏)"
           prop="setmod.setglg.sespay.setgrp.rcvcor.pts.extkey"
         >
           <c-fullbox>
@@ -154,13 +154,13 @@
       </c-col>
     </el-col>
 
-    <el-col :span="11" :offset="1">
+    <el-col :span="12" style="padding-left: 20px;">
       <c-col :span="24">
         <el-form-item label="        " label-width="400px"> </el-form-item>
       </c-col>
       <c-col :span="24">
         <el-form-item
-          label="收款行的帐户行（MT202的57a栏）"
+          label="收款行的帐户行(MT202的57a栏)"
           prop="setmod.setglg.sespay.setgrp.tri.pts.extkey"
         >
           <c-fullbox>

src/views/Business/Gitset/Det756.vue

 <template>
-  <div class="eibs-tab">
-    <el-col :span="11">
+  <div class="eibs">
+    <el-col :span="12" style="padding-right: 20px;">
       <c-col :span="24">
         <el-form-item label="报文MT 756的详细信息" label-width="200px">
         </el-form-item>
@@ -124,7 +124,7 @@
     </el-col>
 
     <!-- ============================================right==================================================== -->
-    <el-col :span="11" :offset="1">
+    <el-col :span="12" style="padding-left: 20px;">
       <c-col :span="24">
         <el-form-item label="       " label-width="400px"> </el-form-item>
       </c-col>

src/views/Business/Gitset/Gitsetp.vue

 <template>
   <div class="eibs">
-    <c-col :span="11">
+    <c-col :span="12" style="padding-right: 20px;">
       <c-col :span="16" v-if="model.gidgrp.rec.expflg=='X'||model.gidgrp.rec.expdat!=''">
         <el-form-item
           label="保函编号"
@@ -240,7 +240,7 @@
       </c-col>
     </c-col>
 
-    <c-col :span="11" :offset="1">
+    <c-col :span="12" style="padding-left: 20px;">
       <c-col :span="12">
         <c-form-item
           label="保函余额"
@@ -339,7 +339,7 @@
       <el-divider></el-divider>
     </c-col>
 
-    <c-col :span="11" style="margin-top: 15px">
+    <c-col :span="12" style="margin-top: 15px;padding-right: 20px;">
       <c-col :span="12">
         <c-form-item
           label="索赔金额"
@@ -514,7 +514,7 @@
         </el-form-item>
       </c-col>
     </c-col>
-    <c-col :span="11" :offset="1" style="margin-top: 15px">
+    <c-col :span="12"  style="margin-top: 15px;padding-left: 20px;">
       <c-col :span="24">
         <c-form-item label="索赔当事人" prop="gcdgrp.rec.docprbrol">
           <c-select

src/views/Business/Gitset/Gitsetp1.vue

 <template>
   <div class="eibs">
-    <c-col :span="11">
+    <c-col :span="12" style="padding-right: 20px;">
       <c-col :span="16" v-if="model.gidgrp.rec.expflg=='X'||model.gidgrp.rec.expdat!=''">
         <el-form-item
           label="保函编号"
@@ -238,7 +238,7 @@
       </c-col>
     </c-col>
 
-    <c-col :span="11" :offset="1">
+    <c-col :span="12" style="padding-left: 20px;">
       <c-col :span="12">
         <c-form-item
           label="保函余额"
@@ -334,7 +334,7 @@
       <el-divider></el-divider>
     </c-col>
 
-    <c-col :span="11" style="margin-top: 15px">
+    <c-col :span="12" style="margin-top: 15px;padding-right: 20px;">
       <c-col :span="12">
         <c-form-item
           label="索赔金额"
@@ -438,19 +438,19 @@
           ></c-input>
         </el-form-item>
       </c-col>
-      <c-col :span="24" :offset="19">
+      <c-col :span="2" :offset="19">
         <c-checkbox v-model="model.Gitsetp1" disabled style="margin-left: 15px"
           >创建 MT 732</c-checkbox
         >
       </c-col>
-      <c-col :span="24" :offset="19" v-if="false">
+      <c-col :span="2" :offset="19" v-if="false">
         <c-checkbox v-model="model.Gitsetp1" disabled style="margin-left: 15px"
           >发送 MT 742</c-checkbox
         >
       </c-col>
     </c-col>
 
-    <c-col :span="11" :offset="1" style="margin-top: 15px">
+    <c-col :span="12"  style="margin-top: 15px;padding-left: 20px;">
       <c-col :span="24">
         <c-form-item label="索赔当事人" prop="gcdgrp.rec.docprbrol">
           <c-select
@@ -588,7 +588,7 @@
         <el-form-item label="" prop="gcdgrp.oth.pts.adrblk">
           <c-input
             type="textarea"
-            rows="4"
+            rows="2"
             v-model="model.gcdgrp.oth.pts.adrblk"
             :disabled="model.gcdgrp.rec.payrol!='OTH'"
             maxlength="100"

src/views/Business/Gitset/Outp.vue

 <template>
   <div>
     <!-- ------------------Left------------------>
-    <c-col :span="11">
+    <c-col :span="12" style="padding-right: 20px;">
       <c-col :span="24">
         <el-form-item label="业务主键" prop="cnybop.cnyout.spk">
           <c-input
@@ -190,7 +190,7 @@
     </c-col>
 
     <!-- ------------------Right------------------>
-    <c-col :span="11" :offset="1">
+    <c-col :span="12" style="padding-left: 20px;">
       <c-col :span="24">
         <el-form-item
           label="银行业务编号"

src/views/Business/Gitset/Ovwp.vue

+<template>
+    <div class="eibs-tab">
+        <el-collapse v-model="activeNames" @change="handleChange">
+    
+            <el-collapse-item title="索赔付款" name="gitsetp1">
+                <m-gitsetp1 ref="gitsetp1" :model="model" :codes="codes" />
+            </el-collapse-item>
+
+            <el-collapse-item title="索赔付款(1)" name="gitsetp">
+                <m-gitsetp ref="gitsetp" :model="model" :codes="codes" />
+            </el-collapse-item>
+
+    
+            <el-collapse-item title="CIPS" name="cips2" 
+            v-if="model.trnmod.cmtflg == 'P'&&model.gidgrp.rec.cmtflg">
+                <m-cips :model="model" :codes="codes" />
+            </el-collapse-item>
+    
+            <el-collapse-item title="CIPS2" name="cips" 
+            v-if="model.trnmod.cmtflg == 'P'&&model.gidgrp.rec.cmtflg">
+                <m-cips2 :model="model" :codes="codes" />
+            </el-collapse-item>
+
+            <el-collapse-item title="通知付款(MT756)" name="det756">
+                <m-det756 :model="model" :codes="codes" />
+            </el-collapse-item>
+    
+            <el-collapse-item title="头寸调拨(MT202)" name="det202cv"
+             v-if=" model.trnmod.cmtflg == 'C' ||  model.gcdgrp.cbs.max.cur != 'CNY'  ">
+                <m-det202cv :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/Brtset/Event";
+    import Utils from "~/utils";
+   
+    import Det756 from "./Det756";
+    import Det202cv from "./Det202cv";
+    import Cips from "./Cips";
+    import Cips2 from "./Cips2";
+    import Gitsetp1 from "./Gitsetp1";
+    import Gitsetp from "./Gitsetp";
+    
+    
+    export default {
+        components: {
+            "m-gitsetp1": Gitsetp1,
+            "m-gitsetp": Gitsetp,
+            
+            "m-det756": Det756,
+            "m-det202cv": Det202cv,
+            "m-cips": Cips,
+            "m-cips2": Cips2,
+    
+        },
+        inject: ["root"],
+        props: ["model", "codes"],
+        mixins: [commonProcess],
+        data() {
+            return {
+    
+                activeNames: ["gitsetp1"],
+            };
+    
+        },
+        methods: {
+            ...Event,
+            handleChange(val) {
+                console.log(val);
+            },
+        },
+        created: function () {},
+    };
+    </script>
+    
+    <style>
+    </style>
\ No newline at end of file

src/views/Business/Gitset/Shisuan.vue

 <template>
-  <div class="eibs-tab">
+  <div class="eibs">
     <c-col :span="24">
       <div class="e-table-wrapper">
         <c-table

src/views/Business/Gitset/Wg.vue

 <template>
-  <div class="eibs-tab">
+  <div class="eibs">
     <!-- S0000012 : 申报类型 -->
-    <c-col :span="12" style="margin-top: 20px">
-      <c-col :span="20">
-        <el-form-item label="申报类型" prop="bopmod.szflg">
+    <c-col :span="24" style="margin-top: 20px">
+      <c-col :span="12" class="col-left">
+        <el-form-item label="申报类型" label-width="120px" prop="bopmod.szflg">
           <c-select
             v-model="model.bopmod.szflg"
             style="width: 100%"
@@ -19,16 +19,11 @@
         </el-form-item>
       </c-col>
 
-      <c-col :span="4">
+      <c-col :span="7" :offset="1">
         <c-checkbox
           v-model="model.bopmod.basflg"
           :disabled="model.bopmod.szflg != '1' && model.bopmod.szflg != '2'"
-          style="
-            margin-left: 18px;
-            height: 32px;
-            line-height: 32px;
-            padding-bottom: 2px;
-          "
+         
           >基础数据</c-checkbox
         >
       </c-col>

src/views/Business/Gitset/index.vue

 <template>
-<c-page title="进口保函赔付">
   <div class="eContainer">
+    <c-page title="进口保函赔付">
    <!-- <c-function-btn>
       <el-button size="small">备忘录</el-button>
       <el-button size="small">影像信息</el-button>
@@ -22,23 +22,25 @@
       <c-tabs v-model="tabVal" ref="elment" type="card" @tab-click="myTabClick">
 
         <!--PD000027 -->
-        <el-tab-pane label="索赔付款" name="gitsetp1">
+        <el-tab-pane label="业务信息" name="ovwp">
           <c-content>
-            <m-gitsetp1 :model="model" :codes="codes" />
+            <m-ovwp :model="model" :codes="codes" />
           </c-content>
         </el-tab-pane>
 
           <!--PD000538 -->
-          <el-tab-pane label="GITSETP" name="gitsetp">
+          <!-- <el-tab-pane label="GITSETP" name="gitsetp">
           <c-content>
             <m-gitsetp :model="model" :codes="codes" />
           </c-content>
-        </el-tab-pane>
+        </el-tab-pane> -->
 
 
         <!--PD000001 -->
         <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">
@@ -56,17 +58,6 @@
           </c-content>
         </el-tab-pane>
 
-                   <!--PD000001 -->
-        <!-- <el-tab-pane label="统一授信" name="limitbody">
-          <m-limitbody :model="model" :codes="codes" />
-        </el-tab-pane> -->
-
-         <!--PD001139 -->
-        <!-- <el-tab-pane label="试算结果" name="shisuan">
-          <m-shisuan :model="model" :codes="codes" />
-        </el-tab-pane> -->
-
-
   <!--PD000027 -->
         <el-tab-pane label="费用/账务" name="engp,setpan,glepan">
             <c-content>
@@ -89,41 +80,41 @@
             </c-content>
           </el-tab-pane>
 
-              <!--PD000027 -->
-        <!-- <el-tab-pane label="表外" name="engp">
-          <m-engp :model="model" :codes="codes" />
-        </el-tab-pane> -->
-
         <!--PD000000 -->
-        <!-- <el-tab-pane label="费用及账务" name="setpan">
+        <el-tab-pane label="备查/附言" name="coninfp">
             <c-content>
-          <m-setpan :model="model" :codes="codes" />
+              <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> -->
-
-        <!--PD000001 -->
-        <!-- <el-tab-pane label="分录" name="glepan">
-          <m-glepan :model="model" :codes="codes" />
-        </el-tab-pane> -->
+          </el-tab-pane>
 
-        <!--PD000000 -->
-        <el-tab-pane label="备查/附言" name="coninfp">
-          <m-coninfp :model="model" :codes="codes" />
+        <!--PD000002 -->
+        <el-tab-pane label="申报信息" name="cnyp">
+          <c-content>
+          <m-cnyp :model="model" :codes="codes" />
+          </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>
 
-      
-
-        <el-tab-pane
+        <!-- <el-tab-pane
           label="境内付款/承兑通知书-基础信息"
           name="basp1"
           v-if="model.bopmod.basflg && model.bopmod.szflg == '2'"
@@ -131,9 +122,9 @@
         <c-content>
           <m-basp1 :model="model" :codes="codes" />
         </c-content>
-        </el-tab-pane>
+        </el-tab-pane> -->
 
-        <el-tab-pane
+        <!-- <el-tab-pane
           label="对外付款/承兑通知书-基础信息"
           name="basp"
           v-if="model.bopmod.basflg && model.bopmod.szflg == '1'"
@@ -141,14 +132,11 @@
         <c-content>
           <m-basp :model="model" :codes="codes" />
            </c-content>
-        </el-tab-pane>
+        </el-tab-pane> -->
 
-        <!--PD000002 -->
-        <el-tab-pane label="申报信息" name="cnyp">
-          <m-cnyp :model="model" :codes="codes" />
-        </el-tab-pane>
         
-        <el-tab-pane
+
+        <!-- <el-tab-pane
           label="2111跨境支出信息"
           name="outp"
           v-if="model.cnybop.outflg == '1'"
@@ -156,31 +144,27 @@
           <m-outp :model="model" :codes="codes" />
         </el-tab-pane>
 
-       
-        <el-tab-pane label="Cips" name="cips" v-if="model.trnmod.cmtflg == 'P'&&model.gidgrp.rec.cmtflg">
+        -->
+        <!-- <el-tab-pane label="Cips" name="cips" v-if="model.trnmod.cmtflg == 'P'&&model.gidgrp.rec.cmtflg">
           <c-content>
             <m-cips :model="model" :codes="codes" />
           </c-content>
         </el-tab-pane>
 
-        <el-tab-pane
-          label="Cips2"
-          name="cips2"
-          v-if="model.trnmod.cmtflg == 'P'&&model.gidgrp.rec.cmtflg"
-        >
+        <el-tab-pane label="Cips2" name="cips2" v-if="model.trnmod.cmtflg == 'P'&&model.gidgrp.rec.cmtflg">
           <m-cips2 :model="model" :codes="codes" />
         </el-tab-pane>
-      
+       -->
      
         <!--PD000130 -->
-        <el-tab-pane :label=this.det756Name name="det756">
+        <!-- <el-tab-pane :label=this.det756Name name="det756">
           <c-content>
             <m-det756 :model="model" :codes="codes" />
           </c-content>
-        </el-tab-pane>
+        </el-tab-pane> -->
 
         <!--PD000131 -->
-        <el-tab-pane
+        <!-- <el-tab-pane
           :label=this.det202cvName
           name="det202cv"
           v-if=" model.trnmod.cmtflg == 'C' ||  model.gcdgrp.cbs.max.cur != 'CNY'  " >
@@ -188,6 +172,7 @@
             <m-det202cv :model="model" :codes="codes" />
           </c-content>
         </el-tab-pane>
+         -->
       </c-tabs>
     </el-form>
     <c-grid-ety-prompt-dialog
@@ -209,15 +194,15 @@
       :handleCheck="handleCheck"
       :handleStash="handleStash">
     </c-function-btn>
-  </div>
+
     </c-page>
+  </div>
 </template>
 <script>
 import Api from "~/service/Api";
 import CodeTable from "~/config/CodeTable";
 import Gitset from "~/model/Gitset";
 import commonProcess from "~/mixin/commonProcess";
-
 import commonFuncs from "~/mixin/commonFuncs";
 import Check from "~/model/Gitset/Check";
 import Default from "~/model/Gitset/Default";
@@ -231,23 +216,22 @@ import Setpan from "~/views/Public/Setpan";
 import Coninfp from "~/views/Public/Coninfp";
 import Glepan from "~/views/Public/Glepan";
 import Ccvpan from "~/views/Public/Ccvpan";
-
-import Gitsetp1 from "./Gitsetp1";
+import Ovwp from "./Ovwp";
+//import Gitsetp1 from "./Gitsetp1";
 import Cnyp from "./Cnyp";
 import Shisuan from "./Shisuan";
-import Gitsetp from "./Gitsetp";
-import Det756 from "./Det756";
-import Det202cv from "./Det202cv";
-import Basp from "./Basp";
-import Basp1 from "./Basp1";
-import Outp from "./Outp";
-import Cips from "./Cips";
-import Cips2 from "./Cips2";
+//import Gitsetp from "./Gitsetp";
+//import Det756 from "./Det756";
+//import Det202cv from "./Det202cv";
+// import Basp from "./Basp";
+// import Basp1 from "./Basp1";
+// import Outp from "./Outp";
+//import Cips2 from "./Cips2";
 
 export default {
   name: "Gitset",
   components: {
-    "m-gitsetp1": Gitsetp1,
+    "m-ovwp": Ovwp,
     "m-engp": Engp,
     "m-ccvpan": Ccvpan,
     "m-setpan": Setpan,
@@ -257,15 +241,15 @@ export default {
     "m-doctre": Doctre,
     "m-cnyp": Cnyp,
     "m-shisuan": Shisuan,
-    "m-gitsetp": Gitsetp,
+   // "m-gitsetp": Gitsetp,
     "m-limitbody": Limitbody,
-    "m-det756": Det756,
-    "m-det202cv": Det202cv,
-    "m-basp": Basp,
-    "m-basp1": Basp1,
-    "m-outp": Outp,
-    "m-cips": Cips,
-    "m-cips2": Cips2,
+    //"m-det756": Det756,
+    //"m-det202cv": Det202cv,
+    // "m-basp": Basp,
+    // "m-basp1": Basp1,
+    // "m-outp": Outp,
+   // "m-cips": Cips,
+   // "m-cips2": Cips2,
   },
   provide() {
     return {
@@ -275,9 +259,9 @@ export default {
   mixins: [commonProcess, commonFuncs], // 里面包含了Default、Check等的公共处理
   data() {
     return {
-      det202cvName:"Payment 202 PRB",
-      det756Name:"Payment 756 PRB" ,
-      tabVal: "gitsetp1",
+     // det202cvName:"Payment 202 PRB",
+    //  det756Name:"Payment 756 PRB" ,
+      tabVal: "ovwp",
       trnName: "gitset",
       model: new Gitset().data,
       checkRules: Check,
@@ -285,7 +269,7 @@ export default {
       pattern: Pattern,
       rules: null,
       codes: { ...CodeTable },
-      activeNames: ["engp","limitbody"],
+      activeNames: ["engp",],
       activeNames1: ["limitbody"],
     };
   },