litopn交易ui美化

src/assets/css/common.css

@@ -93,6 +93,8 @@
   background: var(--sidecolor);
 }
 
+
+
 .topbtnbar {
   position: absolute;
   top: 20px;
@@ -121,6 +123,7 @@
   height: 40px;
   line-height: 40px;
   font-size: 16px;
+  font-weight: bold;
   border-bottom: 1px solid var(--themecolor);
   /* border-top: 1px solid #ccc; */
   background-image: linear-gradient(#fff, #dedede);
@@ -142,8 +145,10 @@
   border-left: 1px solid var(--themecolor);
   border-right: 1px solid var(--themecolor);
   border-top: 1px solid var(--themecolor);
-  background-image: linear-gradient(#fff, #fff);
-  color: var(--themecolor);
+  /* background-image: linear-gradient(#fff, #fff); */
+  background-image: linear-gradient(#1561E0, #1561E0);
+  color: white;
+  /* color: var(--themecolor); */
   border-bottom: 1px solid #fff;
   box-sizing: content-box;
   font-weight: bold;
@@ -338,6 +343,11 @@
   user-select: initial;
 }
 
+/* 表格中去除下边距 */
+.el-table__row .cell .el-form-item--mini.el-form-item,.el-table__row .cell .el-form-item--small.el-form-item{
+  margin-bottom: 0px;
+}
+
 .el-tooltip__popper.is-dark {
   max-width: 600px;
 }
@@ -383,11 +393,14 @@
 
 .el-collapse-item__header{
   /* background-color: var(--bgcolor); */
+  font-size: 15px;
+  font-weight: bold;
 }
 
 .el-collapse-item__header.is-active{
   font-size: 15px;
   font-weight: bold;
+  color:#1561E0;
 }
 
 .col-left {
@@ -400,4 +413,15 @@
 
 .el-button{
   height: 32px;
+}
+
+
+.clearfix:before,
+.clearfix:after {
+    display: table;
+    content: "";
+}
+
+.clearfix:after {
+    clear: both
 }
\ No newline at end of file

src/components/EditTable.vue

 <template>
-  <div>
+  <div class="clearfix">
     <c-col :span="isAdd ? 21 : 22" style="margin-bottom: 18px" :offset="1">
       <c-table
         style="text-align: center"
@@ -46,7 +46,7 @@
         <slot></slot>
       </c-table>
     </c-col>
-    <c-col v-if="isAdd" :span="1">
+    <c-col v-if="isAdd" :span="1" :offset="1">
       <div class="button_contains" >
         <span class="add_del_button add_button" @click="handleAdd" >+</span>
         <span class="add_del_button" @click="handleDelete" >-</span>
@@ -181,7 +181,7 @@ export default {
   margin-left: 2px;
   display: flex;
   flex-direction: column;
-  /* text-align: right; */
+  align-items: flex-end;
 }
 .add_del_button {
   display: block;

src/views/Business/Bctdav/Ovwp.vue

@@ -536,12 +536,11 @@ export default {
 };
 </script>
 <style>
-.centerLable {
-  margin-left: -10px;
+/* .centerLable {
   height: 32px;
   line-height: 32px;
   padding-bottom: 2px;
-}
+} */
 .marginLable {
   padding-left: 150px;
 }

src/views/Business/Ditopn/Tk.vue

@@ -129,16 +129,6 @@ export default {
     height: 100%;
     display: block;
   }
-
-  .clearfix:before,
-  .clearfix:after {
-      display: table;
-      content: "";
-  }
-  
-  .clearfix:after {
-      clear: both
-  }
   .messageLabel >>> .el-form-item__label{
     /* text-align: left; */
     font-weight:bold;

src/views/Business/Infbrd/Infsea.vue

@@ -452,7 +452,4 @@ export default {
 .m-table-search {
     padding: 20px 0px 10px 0px;
 }
-.el-row > .el-col {
-    padding-right: 10px!important;
-}
 </style>

src/views/Business/Inflid/Infsea.vue

@@ -735,7 +735,4 @@ export default {
 .m-table-search {
     padding: 20px 0px 10px 0px;
 }
-.el-row > .el-col {
-    padding-right: 10px!important;
-}
 </style>

src/views/Business/Litopn/Cnyp.vue

@@ -4,7 +4,7 @@
       <el-collapse-item title="申报信息" name="cnyp">
         <c-col :span="12">
           <c-col :span="18">
-            <el-form-item label="是否报送跨境人民币2101表" prop="cnybop.cnyflg">
+            <el-form-item label="报送跨境人民币2101表" prop="cnybop.cnyflg">
               <c-select
                 disabled
                 v-model="model.cnybop.cnyflg"
@@ -17,7 +17,7 @@
           </c-col>
 
           <c-col :span="18">
-            <el-form-item label="是否报送跨境人民币2107表" prop="cnybop.traflg">
+            <el-form-item label="报送跨境人民币2107表" prop="cnybop.traflg">
               <c-select
                 disabled
                 v-model="model.cnybop.traflg"
@@ -30,7 +30,7 @@
           </c-col>
 
           <c-col :span="18">
-            <el-form-item label="是否报送跨境人民币2111表" prop="cnybop.outflg">
+            <el-form-item label="报送跨境人民币2111表" prop="cnybop.outflg">
               <c-select
                 disabled
                 v-model="model.cnybop.outflg"
@@ -43,7 +43,7 @@
           </c-col>
 
           <c-col :span="18">
-            <el-form-item label="是否报送跨境人民币2106表" prop="cnybop.libflg">
+            <el-form-item label="报送跨境人民币2106表" prop="cnybop.libflg">
               <c-select
                 v-model="model.cnybop.libflg"
                 style="width: 70%"
@@ -55,7 +55,7 @@
           </c-col>
 
           <c-col :span="18">
-            <el-form-item label="是否报送跨境人民币2122表" prop="cnybop.vouflg">
+            <el-form-item label="报送跨境人民币2122表" prop="cnybop.vouflg">
               <c-select
                 disabled
                 v-model="model.cnybop.vouflg"

src/views/Business/Litopn/Ovwp.vue

@@ -4,7 +4,7 @@
       <el-collapse-item title="概要" name="ovwp">
         <!-- ======================= 左边 ========================= -->
 
-        <c-col :span="12" style="padding-right: 20px;">
+        <c-col :span="12" style="padding-right: 20px">
           <el-col :spam="24">
             <el-form-item
               label="信用证编号"
@@ -20,7 +20,7 @@
                 ></c-input>
                 <template slot="footer">
                   <c-button
-                    style="margin: 0 10px 0 10px; padding: 0 12px;height:32px;"
+                    style="margin: 0 10px 0 10px; padding: 0 12px; height: 32px"
                     size="small"
                     type="primary"
                     @click="onSeainf"
@@ -89,49 +89,49 @@
        -->
 
           <el-col :span="24">
-              <c-col :span="11">
-                <el-form-item label="名义金额" prop="lidgrp.cbs.nom1.cur">
-                  <c-select
-                    v-model="model.lidgrp.cbs.nom1.cur"
-                    style="width: 100%"
-                    placeholder="币种"
-                    :code="codes.curtxt1"
-                    @keyup.enter.native="nom1CurEvent"
-                  >
-                    <!-- <el-option
+            <c-col :span="11">
+              <el-form-item label="名义金额" prop="lidgrp.cbs.nom1.cur">
+                <c-select
+                  v-model="model.lidgrp.cbs.nom1.cur"
+                  style="width: 100%"
+                  placeholder="币种"
+                  :code="codes.curtxt1"
+                  @keyup.enter.native="nom1CurEvent"
+                >
+                  <!-- <el-option
                 v-for="item in codes.curtxt1"
                 :key="item.value"
                 :label="item.label"
                 :value="item.value"
               >
               </el-option> -->
-                  </c-select>
-                </el-form-item>
-              </c-col>
-              <c-col :span="9">
-                <el-form-item
-                  style="text-align: left"
-                  label-width="20px"
-                  prop="lidgrp.cbs.nom1.amt"
+                </c-select>
+              </el-form-item>
+            </c-col>
+            <c-col :span="9">
+              <el-form-item
+                style="text-align: left"
+                label-width="20px"
+                prop="lidgrp.cbs.nom1.amt"
+              >
+                <c-input-currency
+                  v-model="model.lidgrp.cbs.nom1.amt"
+                  style="text-align: left; width: 100%"
+                  placeholder="请输入金额"
+                ></c-input-currency>
+              </el-form-item>
+            </c-col>
+
+            <c-col :span="4">
+              <template>
+                <c-checkbox
+                  @change="open"
+                  v-model="model.litp.aamp.aammod.addamtflg"
+                  style="float: right; text-align: center"
+                  >附加金额</c-checkbox
                 >
-                  <c-input-currency
-                    v-model="model.lidgrp.cbs.nom1.amt"
-                    style="text-align: left; width: 100%"
-                    placeholder="请输入金额"
-                  ></c-input-currency>
-                </el-form-item>
-              </c-col>
-
-              <c-col :span="4">
-                <template>
-                  <c-checkbox
-                    @change="open"
-                    v-model="model.litp.aamp.aammod.addamtflg"
-                    style="float:right;text-align:center"
-                    >附加金额</c-checkbox
-                  >
-                </template>
-              </c-col>
+              </template>
+            </c-col>
           </el-col>
           <c-col :span="14">
             <el-form-item label="溢短装" prop="lidgrp.rec.nomtop">
@@ -200,7 +200,7 @@
             </el-form-item>
           </c-col>
 
-          <c-col :span="13">
+          <c-col :span="12">
             <el-form-item label="开证日期" prop="lidgrp.rec.opndat">
               <c-date-picker
                 type="date"
@@ -212,7 +212,7 @@
             </el-form-item>
           </c-col>
 
-          <c-col :span="11">
+          <c-col :span="12">
             <el-form-item label="预先通知日期" prop="lidgrp.rec.preadvdt">
               <c-date-picker
                 type="date"
@@ -242,7 +242,7 @@
           <c-col :span="5" class="centerLable">
             <c-checkbox
               v-model="model.lidgrp.rec.dkflg"
-              style="float:right;text-align:center"
+              style="float: right; text-align: center"
               disabled
               >是否代开</c-checkbox
             >
@@ -372,7 +372,7 @@
         </c-col>
 
         <!-- ======================右边====================== -->
-        <c-col :span="12" style="padding-left: 20px;">
+        <c-col :span="12" style="padding-left: 20px">
           <c-col :span="24">
             <el-form-item label="简略信息" prop="lidgrp.rec.nam">
               <c-input
@@ -670,22 +670,30 @@
             -->
 
           <c-col :span="24" class="centerLable marginLable">
-            <c-checkbox
-              v-model="model.lidgrp.rec.rmbflg"
-              true-label="Y"
-              false-label=""
-              disabled
-              style=" padding: 0 10px"
-              >偿付行信息</c-checkbox
+            <el-form-item
+              label=""
+              style="text-align: left;margin-left:-160px;"
+              prop="lidgrp.rec.rmbflg"
             >
+              <c-checkbox
+                v-model="model.lidgrp.rec.rmbflg"
+                true-label="Y"
+                false-label=""
+                disabled
+                >偿付行信息</c-checkbox
+              >
+            </el-form-item>
           </c-col>
           <c-col :span="24" class="centerLable marginLable">
-            <c-checkbox
-              v-model="model.lidgrp.rec.revflg"
-              disabled
-              style=" padding: 0 10px"
+            <el-form-item
+              label=""
+              style="text-align: left;margin-left:-160px;"
+              prop="lidgrp.rec.revflg"
+            >
+            <c-checkbox v-model="model.lidgrp.rec.revflg" disabled
               >循环信用证</c-checkbox
             >
+            </el-form-item>
           </c-col>
 
           <c-col :span="24">
@@ -719,7 +727,11 @@
         <!-- 附加条款 -->
         <m-doxp :model="model" :codes="codes" :dtyp="'adcp'" :rec="'lid'" />
       </el-collapse-item>
-      <el-collapse-item title="附加金额" name="aamp" v-if="model.litp.aamp.aammod.addamtflg">
+      <el-collapse-item
+        title="附加金额"
+        name="aamp"
+        v-if="model.litp.aamp.aammod.addamtflg"
+      >
         <!-- 附加金额 -->
         <m-aamp :model="model" :codes="codes" />
       </el-collapse-item>

src/views/Business/Litopn/Ptyp.vue

@@ -448,71 +448,21 @@
 
     <c-col :span="24">
       <el-form-item label="附加当事人" >
-        <c-edit-table :model="model" v-bind="ptsaddg" style="margin-left:-120px">
-          <el-table-column label="操作" align="center">
-            <template slot-scope="scope">
-              <el-button
-                size="mini"
-                @click="handleEdit(scope.$index, scope.row)"
-                type="primary"
-                icon="el-icon-info"
-                ></el-button
-              >
-            </template>
-          </el-table-column>
-        </c-edit-table>
-        <!-- <c-table
-        :data="table1"
-        >
-            <c-table-column prop="ROL"
-            label="Role"
-            sortable
-            >
-            </c-table-column>
-            <el-table-column prop="PTYEXTKEY"
-            label="Party"
-            sortable></el-table-column>
-            <el-table-column prop="NAM"
-            label="Name of Party"
-            sortable></el-table-column>
-            <el-table-column prop="REF"
-            label="Reference for Address"
-            sortable></el-table-column>
-             <el-table-column prop="DET"
-            label="Details"></el-table-column> 
-           <el-table-column label="" prop="det" width="80px" fixed="right">
-                    <template slot-scope="scope" slot="header">
-                        <el-button
-                            circle
-                            style="padding:4px"
-                            class="el-icon-plus"
-                            size="mini"
-                            @click="addRow(scope)"
-                        >
-                        </el-button>
-                        <el-button
-                            style="padding:4px"
-                            circle
-                            class="el-icon-minus"
-                            size="mini"
-                            @click="removeRow(scope)"
-                        >
-                        </el-button>
-                    </template>
-                    <template slot-scope="scoped">
-                        <el-button
-                            style="margin-left:0"
-                            size="small"
-                            type="primary"
-                            @click="detail1(scoped.$index, scoped.row)"
-                            >详情</el-button
-                        >
-                    </template>
-                </el-table-column>
-        </c-table> -->
       </el-form-item>
     </c-col>
-
+    <c-edit-table :model="model" v-bind="ptsaddg">
+      <el-table-column label="操作" align="center">
+        <template slot-scope="scope">
+          <el-button
+            size="mini"
+            @click="handleEdit(scope.$index, scope.row)"
+            type="primary"
+            icon="el-icon-info"
+            ></el-button
+          >
+        </template>
+      </el-table-column>
+    </c-edit-table>
     <!--                 
 	<c-col :span="12">
 	    <span  v-text="model.litp.avblab"   data-path=".litp.avblab" > </span>

src/views/Business/Litopn/index.vue

@@ -84,20 +84,22 @@
           <!--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>
+              <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>
 

src/views/Business/Ordrel/Menu.vue

@@ -413,7 +413,4 @@ export default {
 .m-table-search {
     padding: 20px 0px 10px 0px;
 }
-.el-row > .el-col {
-    padding-right: 10px!important;
-}
 </style>

src/views/Public/Coninfp.vue

 <!-- 附言公共页面 -->
 
 <template>
-    <div class="eibs-tab">
+    <div class="eibs">
     <c-row>
         <c-col :span="24">
             <c-col :span="15">

src/views/Public/Engp.vue

 <template>
-  <div class="eibs-tab">
+  <div class="eibs">
     <!-- <c-col :span="24" style="margin-bottom:18px">
         Liability
     </c-col> -->
@@ -85,12 +85,12 @@
                 </el-form-item>
               </template>
             </el-table-column>
-            <el-table-column prop="valdat" label="起息日" width="200px">
+            <el-table-column prop="valdat" label="起息日" width="auto">
               <template slot-scope="scope">
                 {{ dateFormat(scope.row.valdat) }}
               </template>
             </el-table-column>
-            <el-table-column label="" prop="det" width="80px" fixed="right">
+            <el-table-column label="" prop="det" width="80px" fixed="right" >
               <template slot-scope="scope" slot="header">
                 <el-button
                   circle

src/views/Public/Glepan.vue

 <template>
-  <div class="eibs-tab">
+  <div class="eibs">
        <c-col :span="24" style="">
            <c-istream-table :list="data" :columns="columns"></c-istream-table>
        </c-col>