gitsetUI 美化

src/views/Business/Gitcrj/index.vue

@@ -20,7 +20,6 @@
     :validate-on-rule-change="false">
        <c-tabs v-model="tabVal" ref="elment" type="card" @tab-click="myTabClick">
       
-
             <el-tab-pane label="业务信息" name="ovwp">
                <c-content>
                 <m-ovwp :model="model" :codes="codes"/>

src/views/Business/Gitset/Basp.vue

 <template>
-  <div class="eibs-tab">
+  <div class="eibs">
     <el-col :span="11">
       <c-col :span="24">
         <el-form-item label="申报号码" prop="bopmod.dbcgrp.bas.rptno">

src/views/Business/Gitset/Basp1.vue

 <template>
-  <div class="eibs-tab">
+  <div class="eibs">
     <el-col :span="11">
       <c-col :span="24">
         <el-form-item label="申报号码" prop="bopmod.dbfgrp.bas.rptno">

src/views/Business/Gitset/Cips.vue

 <template>
-  <div class="eibs-tab">
+  <div class="eibs">
     <c-col :span="11">
       <c-col :span="24">
         <c-form-item label="借记记账账号" prop="trnmod.cipmod.dafnzh">

src/views/Business/Gitset/Cips2.vue

 <template>
-  <div class="eibs-tab">
+  <div class="eibs">
     <!-- SG000227 : 收款直接参与者行号 -->
     <c-col :span="12">
       <c-col :span="24">

src/views/Business/Gitset/Cnyp.vue

 <template>
     <div class="eibs-tab">
-    <c-col :span="12">
-      <c-col :span="24">
-        <el-form-item
-          label="是否报送跨境人民币2101表"
-          prop="cnybop.cnyflg"
-          label-width="160px"
-        >
-          <c-select
-            v-model="model.cnybop.cnyflg"
-            style="width: 100%"
-            :code="codes.cnyflg"
-            disabled
-            placeholder="请选择是否报送跨境人民币2101表"
-          >
-          </c-select>
-        </el-form-item>
-      </c-col>
+        <el-collapse v-model="activeNames" @change="handleChange">
+            <el-collapse-item title="外管信息" name="wg">
+                <m-wg :model="model" :codes="codes" />
+            </el-collapse-item>
     
-      <c-col :span="24">
-        <el-form-item
-          label="是否报送跨境人民币2107表"
-          prop="cnybop.traflg"
-          label-width="160px"
-        >
-          <c-select
-            v-model="model.cnybop.traflg"
-            style="width: 100%"
-            disabled
-            :code="codes.traflg"
-            placeholder="请选择是否报送跨境人民币2107表"
-          >
-          </c-select>
-        </el-form-item>
-      </c-col>
+            <el-collapse-item title="跨境人民币申报" name="cnyp1">
+                <m-cnyp1 :model="model" :codes="codes" />
+            </el-collapse-item>
     
-      <c-col :span="24">
-        <el-form-item
-          label="是否报送跨境人民币2111表"
-          prop="cnybop.outflg"
-          label-width="160px"
-        >
-          <c-select
-            v-model="model.cnybop.outflg"
-            style="width: 100%"
-            :disabled="!model.gidgrp.rec.cmtflg"
-            :code="codes.outflg"
-            placeholder="请选择是否报送跨境人民币2111表"
-          >
-          </c-select>
-        </el-form-item>
-      </c-col>
+             <!--PD000008 -->
+        <!-- <el-tab-pane label="外管信息" name="wg">
+          <m-wg :model="model" :codes="codes" />
+        </el-tab-pane> -->
          
-      <c-col :span="24">
-        <el-form-item
-          label="是否报送跨境人民币2106表"
-          prop="cnybop.libflg"
-          label-width="160px"
-        >
-          <c-select
-            v-model="model.cnybop.libflg"
-            disabled
-            style="width: 100%"
-            :code="codes.libflg"
-            placeholder="请选择是否报送跨境人民币2106表"
-          >
-          </c-select>
-        </el-form-item>
-      </c-col>
-
-      <c-col :span="24">
-        <el-form-item
-          label="是否报送跨境人民币2122表"
-          prop="cnybop.vouflg"
-          label-width="160px"
-        >
-          <c-select
-            v-model="model.cnybop.vouflg"
-            disabled
-            style="width: 100%"
-            :code="codes.vouflg"
-            placeholder="请选择是否报送跨境人民币2122表"
-          >
-          </c-select>
-        </el-form-item>
-      </c-col>
-    </c-col>
+        </el-collapse>
     </div>
-</template>
-<script>
-import Api from "~/service/Api";
-import commonProcess from "~/mixin/commonProcess";
-import CodeTable from "~/config/CodeTable";
-import Event from "~/model/Gitset/Event";
+    </template>
+    
+    <script>
+    import Api from "~/service/Api";
+    import commonProcess from "~/mixin/commonProcess";
+    import CodeTable from "~/config/CodeTable";
+    import Event from "~/model/Brtset/Event";
+    import Wg from "./Wg";
+    import Cnyp1 from "./Cnyp1";
+    
+    
     
-export default {
+    export default {
         inject: ["root"],
+        components: {
+            "m-wg": Wg,
+            "m-cnyp1": Cnyp1,
+            
+        },
         props: ["model", "codes"],
         mixins: [commonProcess],
         data() {
-    return {};
+            return {
+                activeNames: ["wg"],
+            };
+        },
+        methods: {
+            ...Event,
+            handleChange() {}
         },
-  methods: { ...Event },
         created: function () {},
-};
-</script>
-<style>
-</style>
+    };
+    </script>
+    
+    <style>
+    </style>
\ No newline at end of file

src/views/Business/Gitset/Cnyp1.vue

+<template>
+  <div class="eibs">
+    <c-col :span="12">
+      <c-col :span="24">
+        <el-form-item
+          label="是否报送跨境人民币2101表"
+          prop="cnybop.cnyflg"
+          label-width="160px"
+        >
+          <c-select
+            v-model="model.cnybop.cnyflg"
+            style="width: 100%"
+            :code="codes.cnyflg"
+            disabled
+            placeholder="请选择是否报送跨境人民币2101表"
+          >
+          </c-select>
+        </el-form-item>
+      </c-col>
+
+      <c-col :span="24">
+        <el-form-item
+          label="是否报送跨境人民币2107表"
+          prop="cnybop.traflg"
+          label-width="160px"
+        >
+          <c-select
+            v-model="model.cnybop.traflg"
+            style="width: 100%"
+            disabled
+            :code="codes.traflg"
+            placeholder="请选择是否报送跨境人民币2107表"
+          >
+          </c-select>
+        </el-form-item>
+      </c-col>
+
+      <c-col :span="24">
+        <el-form-item
+          label="是否报送跨境人民币2111表"
+          prop="cnybop.outflg"
+          label-width="160px"
+        >
+          <c-select
+            v-model="model.cnybop.outflg"
+            style="width: 100%"
+            :disabled="!model.gidgrp.rec.cmtflg"
+            :code="codes.outflg"
+            placeholder="请选择是否报送跨境人民币2111表"
+          >
+          </c-select>
+        </el-form-item>
+      </c-col>
+
+      <c-col :span="24">
+        <el-form-item
+          label="是否报送跨境人民币2106表"
+          prop="cnybop.libflg"
+          label-width="160px"
+        >
+          <c-select
+            v-model="model.cnybop.libflg"
+            disabled
+            style="width: 100%"
+            :code="codes.libflg"
+            placeholder="请选择是否报送跨境人民币2106表"
+          >
+          </c-select>
+        </el-form-item>
+      </c-col>
+
+      <c-col :span="24">
+        <el-form-item
+          label="是否报送跨境人民币2122表"
+          prop="cnybop.vouflg"
+          label-width="160px"
+        >
+          <c-select
+            v-model="model.cnybop.vouflg"
+            disabled
+            style="width: 100%"
+            :code="codes.vouflg"
+            placeholder="请选择是否报送跨境人民币2122表"
+          >
+          </c-select>
+        </el-form-item>
+      </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/Gitset/Event";
+
+export default {
+  inject: ["root"],
+  props: ["model", "codes"],
+  mixins: [commonProcess],
+  data() {
+    return {};
+  },
+  methods: { ...Event },
+  created: function () {},
+};
+</script>
+<style>
+</style>

src/views/Business/Gitset/Gitsetp.vue

 <template>
-  <div class="eibs-tab">
+  <div class="eibs">
     <c-col :span="11">
       <c-col :span="16" v-if="model.gidgrp.rec.expflg=='X'||model.gidgrp.rec.expdat!=''">
         <el-form-item

src/views/Business/Gitset/Gitsetp1.vue

 <template>
-  <div class="eibs-tab">
+  <div class="eibs">
     <c-col :span="11">
       <c-col :span="16" v-if="model.gidgrp.rec.expflg=='X'||model.gidgrp.rec.expdat!=''">
         <el-form-item

src/views/Business/Gitset/index.vue

 <template>
 <c-page title="进口保函赔付">
   <div class="eContainer">
-    <c-function-btn
-      :handleSubmit="handleSubmit"
-      :handleCheck="handleCheck"
-      :handleStash="handleStash"
-    >
+   <!-- <c-function-btn>
       <el-button size="small">备忘录</el-button>
       <el-button size="small">影像信息</el-button>
       <el-button size="small">保存模板</el-button>
@@ -13,7 +9,7 @@
       <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"
@@ -24,6 +20,7 @@
       :validate-on-rule-change="false"
     >
       <c-tabs v-model="tabVal" ref="elment" type="card" @tab-click="myTabClick">
+
         <!--PD000027 -->
         <el-tab-pane label="索赔付款" name="gitsetp1">
           <c-content>
@@ -31,47 +28,102 @@
           </c-content>
         </el-tab-pane>
 
-        <!--PD000027 -->
-        <el-tab-pane label="表外" name="engp">
-          <m-engp :model="model" :codes="codes" />
+          <!--PD000538 -->
+          <el-tab-pane label="GITSETP" name="gitsetp">
+          <c-content>
+            <m-gitsetp :model="model" :codes="codes" />
+          </c-content>
         </el-tab-pane>
 
+
+    
+
         <!--PD000001 -->
         <el-tab-pane label="保证金" name="ccvpan">
           <m-ccvpan :model="model" :codes="codes" />
         </el-tab-pane>
 
-        <!--PD000000 -->
-        <el-tab-pane label="费用及账务" name="setpan">
+        <el-tab-pane label="统一授信" name="limitbody,shisuan">
           <c-content>
-          <m-setpan :model="model" :codes="codes" />
+            <div class="eibs-tab">
+              <el-collapse v-model="activeNames1">
+                <el-collapse-item title="统一授信" name="limitbody">
+                  <m-limitbody :model="model" :codes="codes" />
+                </el-collapse-item>
+                <el-collapse-item title="试算结果" name="shisuan">
+                  <m-shisuan :model="model" :codes="codes" />
+                </el-collapse-item>
+              </el-collapse>
+            </div>
           </c-content>
         </el-tab-pane>
 
                    <!--PD000001 -->
-        <el-tab-pane label="分录" name="glepan">
+        <!-- <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>
+              <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-item title="会计分录" name="glepan">
+                    <!-- 会计分录 -->
                     <m-glepan :model="model" :codes="codes" />
+                  </el-collapse-item>
+                </el-collapse>
+              </div>
+            </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">
+          <c-content>
+          <m-setpan :model="model" :codes="codes" />
+          </c-content>  
+        </el-tab-pane> -->
+
+        <!--PD000001 -->
+        <!-- <el-tab-pane label="分录" name="glepan">
+          <m-glepan :model="model" :codes="codes" />
+        </el-tab-pane> -->
+
         <!--PD000000 -->
-        <el-tab-pane label="附言" name="coninfp">
+        <el-tab-pane label="备查/附言" name="coninfp">
           <m-coninfp :model="model" :codes="codes" />
         </el-tab-pane>
 
         <!--PD000529 -->
-        <el-tab-pane label="面函" name="docpan">
+        <el-tab-pane label="报文/面函" name="docpan">
           <m-docpan :model="model" :codes="codes" />
         </el-tab-pane>
 
         <!--PD000546 -->
-        <el-tab-pane label="交易附件" name="doctre">
+        <el-tab-pane label="附件信息" name="doctre">
           <m-doctre :model="model" :codes="codes" />
         </el-tab-pane>
 
-        <!--PD000008 -->
-        <el-tab-pane label="外管信息" name="wg">
-          <m-wg :model="model" :codes="codes" />
-        </el-tab-pane>
+      
 
         <el-tab-pane
           label="境内付款/承兑通知书-基础信息"
@@ -94,7 +146,7 @@
         </el-tab-pane>
 
         <!--PD000002 -->
-        <el-tab-pane label="跨境人民币申报" name="cnyp">
+        <el-tab-pane label="申报信息" name="cnyp">
           <m-cnyp :model="model" :codes="codes" />
         </el-tab-pane>
 
@@ -106,10 +158,6 @@
           <m-outp :model="model" :codes="codes" />
         </el-tab-pane>
 
-        <!--PD001139 -->
-        <el-tab-pane label="试算结果" name="shisuan">
-          <m-shisuan :model="model" :codes="codes" />
-        </el-tab-pane>
        
         <el-tab-pane label="Cips" name="cips" v-if="model.trnmod.cmtflg == 'P'&&model.gidgrp.rec.cmtflg">
           <c-content>
@@ -124,17 +172,7 @@
         >
           <m-cips2 :model="model" :codes="codes" />
         </el-tab-pane>
-        <!--PD000538 -->
-        <el-tab-pane label="GITSETP" name="gitsetp">
-          <c-content>
-            <m-gitsetp :model="model" :codes="codes" />
-          </c-content>
-        </el-tab-pane>
       
-        <!--PD000001 -->
-        <el-tab-pane label="统一授信" name="limitbody">
-          <m-limitbody :model="model" :codes="codes" />
-        </el-tab-pane>
      
         <!--PD000130 -->
         <el-tab-pane :label=this.det756Name name="det756">
@@ -147,11 +185,7 @@
         <el-tab-pane
           :label=this.det202cvName
           name="det202cv"
-          v-if="
-            model.trnmod.cmtflg == 'C' ||
-            model.gcdgrp.cbs.max.cur != 'CNY'
-          "
-        >
+          v-if=" model.trnmod.cmtflg == 'C' ||  model.gcdgrp.cbs.max.cur != 'CNY'  " >
           <c-content>
             <m-det202cv :model="model" :codes="codes" />
           </c-content>
@@ -171,6 +205,12 @@
       @select-ety="selectMsg"
     >
     </c-grid-ety-prompt-dialog>
+
+    <c-function-btn
+      :handleSubmit="handleSubmit"
+      :handleCheck="handleCheck"
+      :handleStash="handleStash">
+    </c-function-btn>
   </div>
   </c-page>
 </template>
@@ -195,7 +235,6 @@ import Glepan from "~/views/Public/Glepan";
 import Ccvpan from "~/views/Public/Ccvpan";
 
 import Gitsetp1 from "./Gitsetp1";
-import Wg from "./Wg";
 import Cnyp from "./Cnyp";
 import Shisuan from "./Shisuan";
 import Gitsetp from "./Gitsetp";
@@ -218,7 +257,6 @@ export default {
     "m-coninfp": Coninfp,
     "m-docpan": Docpan,
     "m-doctre": Doctre,
-    "m-wg": Wg,
     "m-cnyp": Cnyp,
     "m-shisuan": Shisuan,
     "m-gitsetp": Gitsetp,
@@ -249,6 +287,8 @@ export default {
       pattern: Pattern,
       rules: null,
       codes: { ...CodeTable },
+      activeNames: ["engp","limitbody"],
+      activeNames1: ["limitbody"],
     };
   },
    watch:{