ui美化

src/views/Business/Brtudp/index.vue

 <template>
   <div class="eContainer">
-
-    <!-- <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" @click="setDraggableContent('cms', '影像信息')">影像信息</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="150px" label-position="right" size="small"
-      :validate-on-rule-change="false">
+    <el-form
+      :model="model"
+      :rules="rules"
+      ref="modelForm"
+      label-width="150px"
+      label-position="right"
+      size="small"
+      :validate-on-rule-change="false"
+    >
       <c-tabs v-model="tabVal" ref="elment" type="card" @tab-click="myTabClick">
         <!--PD000032 -->
         <el-tab-pane label="承兑信息" name="payp">
@@ -26,13 +18,21 @@
         </el-tab-pane>
 
         <!--PD000062 -->
-        <el-tab-pane v-if="model.brdgrp.rec.dscinsflg" label="不符点" name="docpre">
+        <el-tab-pane
+          v-if="model.brdgrp.rec.dscinsflg"
+          label="不符点"
+          name="docpre"
+        >
           <c-content>
             <m-docpre :model="model" :codes="codes" />
           </c-content>
         </el-tab-pane>
 
-        <el-tab-pane v-if="model.brdgrp.rec.dscinsflg" label="装运详情" name="shpdet">
+        <el-tab-pane
+          v-if="model.brdgrp.rec.dscinsflg"
+          label="装运详情"
+          name="shpdet"
+        >
           <c-content>
             <m-shpdet :model="model" :codes="codes" />
           </c-content>
@@ -40,21 +40,33 @@
 
         <!-- ======新增隐藏面板====== -->
         <!--PD000139 -->
-        <el-tab-pane label="不符点通知" name="mt750p" v-if="model.brdgrp.rec.advtyp=='750'">
+        <el-tab-pane
+          label="不符点通知"
+          name="mt750p"
+          v-if="model.brdgrp.rec.advtyp == '750'"
+        >
           <c-content>
             <m-mt750p :model="model" :codes="codes" />
           </c-content>
         </el-tab-pane>
 
         <!--PD000147 -->
-        <el-tab-pane label="付款通知" name="mt754p" v-if="model.brdgrp.rec.advtyp=='754'">
+        <el-tab-pane
+          label="付款通知"
+          name="mt754p"
+          v-if="model.brdgrp.rec.advtyp == '754'"
+        >
           <c-content>
             <m-mt754p :model="model" :codes="codes" />
           </c-content>
         </el-tab-pane>
 
         <!--PD000213 -->
-        <el-tab-pane label="通知详情" name="othadvtypp" v-if="model.brdgrp.rec.advtyp=='oth'">
+        <el-tab-pane
+          label="通知详情"
+          name="othadvtypp"
+          v-if="model.brdgrp.rec.advtyp == 'oth'"
+        >
           <c-content>
             <m-othadvtypp :model="model" :codes="codes" />
           </c-content>
@@ -131,20 +143,46 @@
         </el-tab-pane>
 
         <!--PD000001 -->
-        <el-tab-pane label="外债远期信用证(含即期单证相符)-签约信息" name="conp" v-if="model.cfabrt.cfaflg==1">
+        <el-tab-pane
+          label="外债远期信用证(含即期单证相符)-签约信息"
+          name="conp"
+          v-if="model.cfabrt.cfaflg == 1"
+        >
           <c-content>
-            <m-conp :model="model" :codes="codes"/>
+            <m-conp :model="model" :codes="codes" />
           </c-content>
         </el-tab-pane>
 
-<!-- bd工具编不了，需手动写页面dclpp -->
-        <el-tab-pane label="外债远期信用证(含即期单证相符)-变动信息" name="dclpp" v-if="model.cfabrt.cfaflg==1">
+        <!-- bd工具编不了，需手动写页面dclpp -->
+        <el-tab-pane
+          label="外债远期信用证(含即期单证相符)-变动信息"
+          name="dclpp"
+          v-if="model.cfabrt.cfaflg == 1"
+        >
           <c-content>
-            <m-dclpp :model="model" :codes="codes"/>
+            <m-dclpp :model="model" :codes="codes" />
           </c-content>
         </el-tab-pane>
       </c-tabs>
     </el-form>
+
+    <!-- <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" @click="setDraggableContent('cms', '影像信息')"
+        >影像信息</el-button
+      >
+      <!-- <el-button size="small">保存模板</el-button> -->
+      <!-- <el-button size="small">使用模板</el-button> -->
+      <el-button size="small">制裁信息</el-button>
+      <!-- <el-button size="small">拆分报文</el-button> -->
+      <el-button size="small">智能提示</el-button>
+    </c-function-btn>
+
     <c-grid-ety-prompt-dialog
       ref="etyDialog"
       :promptData="promptData"
@@ -185,8 +223,8 @@ import Shpdet from "./Shpdet";
 import Cfap from "./Cfap";
 import Shisuan from "./Shisuan";
 // import Limitbody from "./Limitbody";
-import Conp from "./Conp"
-import Dclpp from "./Dclpp"
+import Conp from "./Conp";
+import Dclpp from "./Dclpp";
 
 //公共面板导入
 import Engp from "~/views/Public/Engp";
@@ -204,9 +242,9 @@ export default {
     "m-shpdet": Shpdet,
     "m-payp": Payp,
     "m-docpre": Docpre,
-    "m-mt750p" : Mt750p,
-    "m-mt754p" : Mt754p,
-    "m-othadvtypp" : Othadvtypp,
+    "m-mt750p": Mt750p,
+    "m-mt754p": Mt754p,
+    "m-othadvtypp": Othadvtypp,
     "m-conp": Conp,
     "m-engp": Engp,
     "m-ccvpan": Ccvpan,
@@ -216,9 +254,9 @@ export default {
     "m-docpan": Docpan,
     "m-doctre": Doctre,
     "m-cfap": Cfap,
-    "m-shisuan" : Shisuan,
+    "m-shisuan": Shisuan,
     "m-limitbody": Limitbody,
-    "m-dclpp" : Dclpp,
+    "m-dclpp": Dclpp,
   },
   provide() {
     return {
@@ -236,11 +274,11 @@ export default {
       pattern: Pattern,
       rules: null,
       codes: {
-        ...CodeTable//...即返回到views同级，关联码表
+        ...CodeTable, //...即返回到views同级，关联码表
       },
     };
   },
-  methods:{
+  methods: {
     myTabClick(tab) {
       this.tabClick(tab);
       let name = tab.name;
@@ -258,7 +296,6 @@ export default {
           }
         });
       }
-      
     },
   },
   created: async function () {

src/views/Business/Litame/index.vue

 <template>
   <div class="eContainer">
-    <c-function-btn
-      :handleSubmit="handleSubmit"
-      :handleCheck="handleCheck"
-      :handleStash="handleStash"
-    >
-    </c-function-btn>
     <el-form
       :model="model"
       :rules="rules"
@@ -168,6 +162,12 @@
         </el-tab-pane>
       </c-tabs>
     </el-form>
+    <c-function-btn
+      :handleSubmit="handleSubmit"
+      :handleCheck="handleCheck"
+      :handleStash="handleStash"
+    >
+    </c-function-btn>
     <c-grid-ety-prompt-dialog
         ref="etyDialog"
         :promptData="promptData"

src/views/Business/Litdck/index.vue

 <template>
   <div class="eContainer">
-      <c-function-btn
-      :handleSubmit="handleSubmit" 
-      :handleCheck="handleCheck" 
-      :handleStash="handleStash"
-      >
-      </c-function-btn>
     
     <el-form :model="model" :rules="rules" ref="modelForm" label-width="150px" label-position="right" size="small" :validate-on-rule-change="false">
        <c-tabs v-model="tabVal" ref="elment" type="card" @tab-click="myTabClick">
@@ -60,6 +54,12 @@
            
        </c-tabs>
     </el-form>
+    <c-function-btn
+      :handleSubmit="handleSubmit" 
+      :handleCheck="handleCheck" 
+      :handleStash="handleStash"
+      >
+      </c-function-btn>
     <c-grid-ety-prompt-dialog
         ref="etyDialog"
         :promptData="promptData"

src/views/Business/Litopn/Aamp.vue

 <template>
-  <div class="eibs-tab">
+  <div class="eibs">
     <c-col :span="20">
       <c-col :span="10">
         <el-form-item label="附加金额" prop="lidgrp.cbs.max2.cur">

src/views/Business/Litopn/Adcp.vue

 <template>
-  <div class="eibs-tab">
+  <div class="eibs">
                                                
        <c-col :span="20">
         <el-form-item label="附加条款" prop="lidgrp.blk.adlcnd">

src/views/Business/Litopn/Detp.vue

 <template>
   <div class="eibs">
     <!-- ========================左边======================== -->
-    <c-col :span="11">
+    <c-col :span="12" style="padding-right: 20px;">
       <c-col :span="24">
         <el-form-item label="授权兑付行" prop="lidgrp.rec.avbwth">
           <c-select
@@ -343,7 +343,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="lidgrp.rec.prepers18">
           <c-input

src/views/Business/Litopn/Dogp.vue

 <template>
-  <div class="eibs-tab">
+  <div class="eibs">
                                                
        <c-col :span="20">
         <el-form-item label="货物/服务描述" prop="lidgrp.blk.lcrgod">

src/views/Business/Litopn/Dorp.vue

 <template>
-  <div class="eibs-tab">
+  <div class="eibs">
                                                
        <c-col :span="20">
         <el-form-item label="单据要求" prop="lidgrp.blk.lcrdoc">

src/views/Business/Litopn/Libp.vue

 <template>
-  <div class="eibs-tab">
+  <div class="eibs">
     <!--===============左 ===================  -->
-    <el-col :span="11">
+    <el-col :span="12" style="padding-right: 20px;">
       <c-col :span="24">
         <el-form-item label="业务主键" prop="cnybop.cnylib.spk">
           <c-input
@@ -143,7 +143,7 @@
     </el-col>
 
     <!-- ===============右 ===========================-->
-    <el-col :span="11" :offset="1">
+    <el-col :span="12" style="padding-left: 20px;">
       <c-col :span="24">
         <el-form-item label="银行业务编号" prop="cnybop.cnylib.sbanktrano">
           <c-input

src/views/Business/Litopn/Ptyp.vue

 <template>
   <div class="eibs">
     <!-- ================= 左 ================== -->
-    <c-col :span="11">
+    <c-col :span="12" style="padding-right: 20px;">
       <c-col :span="24">
         <el-form-item label="申请人开户行参考号" prop="lidgrp.ini.pts.ref">
           <c-input
@@ -258,7 +258,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="lidgrp.a2b.pts.ref">
           <c-input

src/views/Business/Litopn/index.vue

 <template>
   <c-page title="进口信用证开立">
     <div class="eContainer">
-      
       <el-form
         :model="model"
         :rules="rules"
@@ -85,7 +84,20 @@
           <!--PD000027 -->
           <el-tab-pane label="费用/账务" name="engp,setpan,glepan">
             <c-content>
+              <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>
             </c-content>
           </el-tab-pane>
 
@@ -125,7 +137,6 @@
             <c-content>
               <m-doctre :model="model" :codes="codes" />
             </c-content>
-            
           </el-tab-pane>
 
           <!--PD000002 -->
@@ -155,7 +166,6 @@
             <c-content>
               <m-spcrcvp :model="model" :codes="codes" />
             </c-content>
-           
           </el-tab-pane>
 
           <!--PD000347 -->
@@ -174,8 +184,6 @@
                          <m-namp :model="model" :codes="codes"/>
                     </el-tab-pane> -->
 
-          
-
           <!--PD001033 -->
           <!--
                     <el-tab-pane label="Diary Selection" name="diaselp">
@@ -261,7 +269,7 @@ import Setpan from "~/views/Public/Setpan";
 import Docpan from "~/views/Public/Docpan";
 import Doctre from "~/views/Public/Doctre";
 import Glepan from "~/views/Public/Glepan";
-import Doxp from '~/views/Public/Doxp'
+import Doxp from "~/views/Public/Doxp";
 
 export default {
   name: "Litopn",
@@ -273,7 +281,7 @@ export default {
     "m-dogp": Dogp,
     "m-dorp": Dorp,
     "m-adcp": Adcp,
-    'm-doxp': Doxp,
+    "m-doxp": Doxp,
     "m-engp": Engp,
     "m-ccvpan": Ccvpan,
     "m-setpan": Setpan,
@@ -308,6 +316,7 @@ export default {
       pattern: Pattern,
       rules: null,
       codes: { ...CodeTable },
+      activeNames: ["engp"],
     };
   },
   methods: {

src/views/Layout/SideMenu.vue

@@ -333,7 +333,7 @@ export default {
   width: auto;
   position: absolute;
   right: 20px;
-  top: 10px;
+  top: 5px;
   left: 60px;
 }
 
@@ -352,7 +352,7 @@ export default {
   width: auto;
   position: absolute;
   right: 20px;
-  top: 10px;
+  top: 5px;
   left: 60px;
 }
 

src/views/Public/BlkTextarea.vue

@@ -124,6 +124,6 @@ export default {
 </script>
 <style>
 .BlkTextarea_button {
-  margin: 20px 0 0 0px;
+  margin: 0px 0 0 0px;
 }
 </style>

src/views/Public/Engp.vue

@@ -3,8 +3,6 @@
     <!-- <c-col :span="24" style="margin-bottom:18px">
         Liability
     </c-col> -->
-    <el-collapse v-model="activeNames" @change="handleChange">
-      <el-collapse-item title="表外记账" name="engp">
         <c-col :span="24" style="">
           <c-table
             :list="model.liaall.liaallg"
@@ -204,16 +202,6 @@
             <c-input style="width:50%"  v-model="model.liaall.exttotamt"  placeholder="请输入Total booking amount external assinged"></c-input>
         </el-form-item>
        </c-col>                  -->
-      </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>
 </template>
 <script>
@@ -238,7 +226,6 @@ export default {
       dialogVisible: false,
       dialog: {},
       index: 0,
-      activeNames: ["engp"],
     };
   },
   methods: {
@@ -264,9 +251,6 @@ export default {
         that.dialog = row;
       });
     },
-    handleChange(val) {
-      console.log(val);
-    },
   },
   created: function () {},
 };