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 {
@@ -401,3 +414,14 @@
 .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"
@@ -127,7 +127,7 @@
                 <c-checkbox
                   @change="open"
                   v-model="model.litp.aamp.aammod.addamtflg"
-                    style="float:right;text-align:center"
+                  style="float: right; text-align: center"
                   >附加金额</c-checkbox
                 >
               </template>
@@ -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">
+            <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
-              style=" padding: 0 10px"
                 >偿付行信息</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,7 +448,9 @@
 
     <c-col :span="24">
       <el-form-item label="附加当事人" >
-        <c-edit-table :model="model" v-bind="ptsaddg" style="margin-left:-120px">
+      </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
@@ -461,58 +463,6 @@
         </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-col :span="12">
 	    <span  v-text="model.litp.avblab"   data-path=".litp.avblab" > </span>

src/views/Business/Litopn/index.vue

@@ -84,6 +84,7 @@
           <!--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">
                     <!-- 表外记账 -->
@@ -98,6 +99,7 @@
                     <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/Ccvpan.vue

@@ -48,7 +48,7 @@
             <c-col :span="20">
               <c-input v-model="model.liaall.liaccv.cshpct"></c-input>
             </c-col>
-          <c-col :span="2" style="margin-left: 20px">
+            <c-col :span="2" style="float: right; text-align: right">
               <span>%</span>
             </c-col>
           </c-row>
@@ -56,12 +56,10 @@
       </c-col>
     </c-col>
 
-    
     <c-col :span="24">
       <c-col :span="12">
         <el-form-item label="保留金额" prop="liaall.liaccv.newresamt">
           <c-row>
-         
             <c-col :span="8">
               <c-select
                 v-model="model.liaall.liaccv.concur"
@@ -97,7 +95,7 @@
                 v-model="model.liaall.liaccv.relcshpct"
               ></c-input>
             </c-col>
-          <c-col :span="2" style="margin-left: 20px">
+            <c-col :span="2" style="float: right; text-align: right">
               <span>%</span>
             </c-col>
           </c-row>
@@ -105,8 +103,6 @@
       </c-col>
     </c-col>
 
-    
-
     <c-col :span="24">
       <c-col :span="12">
         <el-form-item label="应付金额" prop="liaall.liaccv.concur">
@@ -140,38 +136,50 @@
         </el-form-item>
       </c-col>
 
-    <c-col :span="7" :offset="1">
+      <c-col :span="12">
+        <!-- <c-col :span="20">
+
+          
+        </c-col> -->
+        <el-form-item
+          label=""
+          style="text-align: left"
+          prop="liaall.liaccv.gleflg"
+        >
+          <c-col :span="7">
             <c-checkbox v-model="model.liaall.liaccv.gleflg">过账</c-checkbox>
           </c-col>
-    <c-col :span="3" style="float:right">
+          <!-- <c-col :span="3" style="float: right;"> -->
           <!-- <c-row> -->
           <!-- <c-col :span="24" style="margin-left:35px;text-align:right"> -->
-          <c-button size="small" type="primary" @click="onLiaccvAdd">
+          <c-button
+            size="small"
+            type="primary"
+            @click="onLiaccvAdd"
+            style="margin-left: 0px;float: right;"
+          >
             添加
           </c-button>
           <!-- </c-col> -->
-          
-
-      
+          <!-- </c-col> -->
+        </el-form-item>
       </c-col>
     </c-col>
 
-    
     <template>
-        <el-dialog
-            :visible.sync="dialogTableVisible"
-            width="60%"
-            center
+      <el-dialog :visible.sync="dialogTableVisible" width="60%" center>
+        <c-istream-table
+          :list="stmData.data"
+          :columns="stmData.columns"
+          :paginationShow="false"
         >
-            <c-istream-table :list="stmData.data" :columns="stmData.columns" :paginationShow="false">
           <el-table-column prop="op" label="OP" width="80" fixed="right">
             <template slot-scope="scope">
-               
               <c-button
                 style="margin-left: 0"
                 size="small"
                 type="primary"
-                        @click="pickDepItem(scope.$index,scope.row)"
+                @click="pickDepItem(scope.$index, scope.row)"
               >
                 选择
               </c-button>
@@ -206,18 +214,22 @@
         </el-table-column>
         <el-table-column prop="acccovamt" label="实际折算金额" width="150px">
         </el-table-column>
-        <el-table-column label="操作" width="75px" fixed="right">
+        <el-table-column label="操作" width="auto" fixed="right" align="center">
           <template slot-scope="scope">
-            <c-button style="margin-left:0" type="primary" size="small" @click="onLiaccvDel(scope.$index,scope.row)">
-            删除</c-button>
+            <c-button
+              style="margin-left: 0"
+              type="primary"
+              size="small"
+              @click="onLiaccvDel(scope.$index, scope.row)"
+            >
+              删除</c-button
+            >
           </template>
         </el-table-column>
       </c-table>
     </c-col>
 
-   
-
-    <c-col :span="12" style="margin-top:25px">
+    <c-col :span="12" style="margin-top: 25px">
       <c-col :span="24">
         <el-form-item label="折算金额总和">
           <c-row>
@@ -248,8 +260,7 @@
       </c-col>
 
       <c-col :span="24">
-      <el-form-item label="附加信息 "
-        v-if="model.liaall.liaccv.addinf!=''">
+        <el-form-item label="附加信息 " v-if="model.liaall.liaccv.addinf != ''">
           <c-input
             type="textarea"
             :rows="5"
@@ -261,15 +272,13 @@
         </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 Utils from "~/utils/index"
+import Utils from "~/utils/index";
 
 export default {
   inject: ["root"],
@@ -302,45 +311,42 @@ export default {
   },
   methods: {
     async onLiaccvAdd() {
-        let rtnmsg = await this.executeRule("liaall.liaccv.add")
+      let rtnmsg = await this.executeRule("liaall.liaccv.add");
       //const that = this.root;
       if (rtnmsg.respCode == SUCCESS) {
         //TODO 处理数据逻辑
-            if(typeof(rtnmsg.data.vals) != "undefined"){
+        if (typeof rtnmsg.data.vals != "undefined") {
           this.stmData.data = rtnmsg.data.vals.rows;
-            }else{
+        } else {
           this.stmData.data = [];
         }
         this.dialogTableVisible = true;
-        }
-        else {
-            this.$notify.error({ title: '错误', message: '服务请求失败！' });
+      } else {
+        this.$notify.error({ title: "错误", message: "服务请求失败！" });
       }
     },
-    async pickDepItem(idx,row) {
-        var params = {selDst:"",selIds:[idx+1]}
-        let rtnmsg = await this.executeRule("liaall.liaccv.add", params)
+    async pickDepItem(idx, row) {
+      var params = { selDst: "", selIds: [idx + 1] };
+      let rtnmsg = await this.executeRule("liaall.liaccv.add", params);
       if (rtnmsg.respCode == SUCCESS) {
         this.dialogTableVisible = false;
         Utils.copyValueFromVO(this.model, rtnmsg.data);
       }
     },
-    async onLiaccvDel(index,row) {
-        let ids = [index+1];
-        let params = {selDst:"liaall.liaccv.liaccvg",selIds:ids};
-        let rtnmsg = await this.executeRule("liaall.liaccv.del",params)
+    async onLiaccvDel(index, row) {
+      let ids = [index + 1];
+      let params = { selDst: "liaall.liaccv.liaccvg", selIds: ids };
+      let rtnmsg = await this.executeRule("liaall.liaccv.del", params);
       if (rtnmsg.respCode == SUCCESS) {
         //TODO 处理数据逻辑
         this.$message({
-                type: 'success',
-                message: '删除成功！'
+          type: "success",
+          message: "删除成功！",
         });
         //this.model.liaall.liaccv.liaccvg = [];
         Utils.copyValueFromVO(this.model, rtnmsg.data);
-
-        }
-        else {
-            this.$notify.error({ title: '错误', message: '服务请求失败！' });
+      } else {
+        this.$notify.error({ title: "错误", message: "服务请求失败！" });
       }
     },
   },
@@ -348,11 +354,4 @@ export default {
 };
 </script>
 <style>
-.el-col-7 {
-    width: 21.16667%;
-}
-.el-col-offset-1 {
-    margin-left: 50px;
-    text-align:center;
-}
 </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>