Litame UI美化

src/assets/css/common.css

@@ -149,7 +149,8 @@
   background-image: linear-gradient(#1561E0, #1561E0);
   color: white;
   /* color: var(--themecolor); */
-  border-bottom: 1px solid #fff;
+  /* border-bottom: 1px solid #fff; */
+  border-bottom: 1px solid var(--themecolor);
   box-sizing: content-box;
   font-weight: bold;
 }
@@ -448,4 +449,34 @@
 .el-table__fixed-header-wrapper .cell .el-button{
   width: 32px;
   padding:0px !important;
+}
+
+/* 去除按钮默认圆角 */
+.el-button{
+  border-radius:0px;
+}
+
+/* 去除input框默认圆角 */
+.el-input__inner{
+  border-radius:0px;
+}
+
+/* 去除勾选框默认圆角 */
+.el-checkbox__inner{
+  border-radius:0px;
+}
+
+/* 去除文本框默认圆角 */
+.el-textarea__inner{
+  border-radius:0px;
+}
+
+/* 去除tabs标签默认圆角 */
+.el-tabs--card>.el-tabs__header .el-tabs__nav{
+  border-radius:0px;
+}
+
+/* 去除表格左右滑动默认圆角 */
+.el-pagination.is-background .btn-next, .el-pagination.is-background .btn-prev, .el-pagination.is-background .el-pager li{
+  border-radius:0px;
 }
\ No newline at end of file

src/views/Business/Litame/Aamp.vue

 <template>
-  <div class="eibs-tab">
+  <div class="eibs">
       <c-col :span="12">
                                                
        <c-col :span="10">

src/views/Business/Litame/Adcpame.vue

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

src/views/Business/Litame/Addbcb.vue

 <template>
   <div class="eibs-tab">
+    <el-collapse v-model="activeNames">
+      <el-collapse-item title="备查表" name="addbcb">
+        <el-form-item label="备查表类型">
+          <c-checkbox v-model="model.bcbtyp1">不在名录</c-checkbox>
 
-      <el-form-item label="备查表类型">                                         
-       
-	    <c-checkbox v-model="model.bcbtyp1">不在名录</c-checkbox>
-       
-                  
-	    <c-checkbox v-model="model.bcbtyp2">异地付汇</c-checkbox>
-                  
-       
-	    <c-checkbox v-model="model.bcbtyp3">转口贸易</c-checkbox>
-       
-                  
-       
-	    <c-checkbox v-model="model.bcbtyp4">90天以上信用证</c-checkbox>
-       
-                  
-       
-	    <c-checkbox v-model="model.bcbtyp5">不需要</c-checkbox>
-       
-                  
-       
-	    <c-checkbox v-model="model.bcbtyp6">其它</c-checkbox>
-       
-      </el-form-item>
-                
-       <c-col :span="12" v-if="model.bcbtyp6">
-        <el-form-item label="备查表类型填写文本框" prop="bcbtyp7">
-            <c-input  
-            
-            v-model="model.bcbtyp7" maxlength="30"  placeholder="请输入备查表类型填写文本框"></c-input>
-        </el-form-item>
-       </c-col>
-                  
-       <c-col :span="12">
-        <el-form-item label="备案表效期" prop="bcbdat">
-            <c-date-picker type="date"  v-model="model.bcbdat" style="width:100%"  placeholder="请选择备案表效期"></c-date-picker>
+          <c-checkbox v-model="model.bcbtyp2">异地付汇</c-checkbox>
+
+          <c-checkbox v-model="model.bcbtyp3">转口贸易</c-checkbox>
+
+          <c-checkbox v-model="model.bcbtyp4">90天以上信用证</c-checkbox>
+
+          <c-checkbox v-model="model.bcbtyp5">不需要</c-checkbox>
+
+          <c-checkbox v-model="model.bcbtyp6">其它</c-checkbox>
         </el-form-item>
-       </c-col>
-                                                                     
-       <c-col :span="12">
-        <el-form-item label="不规范条款类型" prop="bgftktyp">
-            <c-select v-model="model.bgftktyp" style="width:100%" placeholder="请选择不规范条款类型"
-            :code="codes.bgftktyp"
+
+        <c-col :span="12" v-if="model.bcbtyp6">
+          <el-form-item label="备查表类型填写文本框" prop="bcbtyp7">
+            <c-input
+              v-model="model.bcbtyp7"
+              maxlength="30"
+              placeholder="请输入备查表类型填写文本框"
+            ></c-input>
+          </el-form-item>
+        </c-col>
+
+        <c-col :span="12">
+          <el-form-item label="备案表效期" prop="bcbdat">
+            <c-date-picker
+              type="date"
+              v-model="model.bcbdat"
+              style="width: 100%"
+              placeholder="请选择备案表效期"
+            ></c-date-picker>
+          </el-form-item>
+        </c-col>
+
+        <c-col :span="12">
+          <el-form-item label="不规范条款类型" prop="bgftktyp">
+            <c-select
+              v-model="model.bgftktyp"
+              style="width: 100%"
+              placeholder="请选择不规范条款类型"
+              :code="codes.bgftktyp"
             >
-              </c-select>
-        </el-form-item>
-       </c-col>
-                  
-       <c-col :span="12">
-        <el-form-item label="特殊规定" prop="litameadv">
-            <c-select v-model="model.litameadv" style="width:100%" placeholder="请选择特殊规定"
-            :code="codes.litameadv"
+            </c-select>
+          </el-form-item>
+        </c-col>
+
+        <c-col :span="12">
+          <el-form-item label="特殊规定" prop="litameadv">
+            <c-select
+              v-model="model.litameadv"
+              style="width: 100%"
+              placeholder="请选择特殊规定"
+              :code="codes.litameadv"
             >
-              </c-select>
-        </el-form-item>
-       </c-col>
-                  
-       <c-col :span="11" :offset="0">
-	    <c-checkbox v-model="model.modtyp">修改信用证类型</c-checkbox>
-       </c-col>
-                  
-       <c-col :span="24">
-        <el-form-item label="特殊规定条件" prop="ameadvrmk">
-            <c-input type="textarea" v-model="model.ameadvrmk" maxlength="34" show-word-limit placeholder="请输入特殊规定条件" :disabled="model.litameadv === '无特殊规定'? true:false"></c-input>
-        </el-form-item>
+            </c-select>
+          </el-form-item>
+        </c-col>
+
+        <c-col :span="11" :offset="0">
+          <c-checkbox v-model="model.modtyp">修改信用证类型</c-checkbox>
         </c-col>
+
+        <c-col :span="24">
+          <el-form-item label="特殊规定条件" prop="ameadvrmk">
+            <c-input
+              type="textarea"
+              v-model="model.ameadvrmk"
+              maxlength="34"
+              show-word-limit
+              placeholder="请输入特殊规定条件"
+              :disabled="model.litameadv === '无特殊规定' ? true : false"
+            ></c-input>
+          </el-form-item>
+        </c-col>
+      </el-collapse-item>
+      <el-collapse-item title="附言" name="coninfp">
+        <m-coninfp :model="model" :codes="codes" />
+      </el-collapse-item>
+    </el-collapse>
   </div>
 </template>
 <script>
-import Api from "~/service/Api"
+import Api from "~/service/Api";
 import commonProcess from "~/mixin/commonProcess";
-import CodeTable from "~/config/CodeTable"
-import Event from "~/model/Litame/Event"
+import CodeTable from "~/config/CodeTable";
+import Event from "~/model/Litame/Event";
+import Coninfp from "~/views/Public/Coninfp";
 
 export default {
-    inject: ['root'],
-    props:["model","codes"],
-    mixins: [commonProcess],
-    data(){
-        return {
-
-        }
-    },
-    methods:{...Event},
-    created:function(){
-
-    }
-}
+  components: {
+    "m-coninfp": Coninfp,
+  },
+  inject: ["root"],
+  props: ["model", "codes"],
+  mixins: [commonProcess],
+  data() {
+    return {};
+  },
+  methods: { ...Event },
+  created: function () {},
+};
 </script>
 <style>
-
 </style>

src/views/Business/Litame/Amep.vue

 <template>
-  <div class="eibs-tab">
+  <div class="eibs">
     <!-- ==========左=============== -->
     <el-col :span="12" style="padding-right: 20px;">
     <c-col :span="24">

src/views/Business/Litame/Detp.vue

 <template>
-    <div class="eibs-tab">
+    <div class="eibs">
           <!-- ========================左边======================== -->
           <c-col :span="12" style="padding-right: 20px;">
               <c-col :span="24">

src/views/Business/Litame/Dogpame.vue

 <template>
-  <div class="eibs-tab">
+  <div class="eibs">
 
       <el-col :span="12" style="padding-right: 20px;">
        <c-col :span="24">

src/views/Business/Litame/Dorpame.vue

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

src/views/Business/Litame/Inspame.vue

 <template>
-  <div class="eibs-tab">
+  <div class="eibs">
                                                                 
        <c-col :span="20">
         <el-form-item label="指示信息" prop="lidgrp.blk.insbnk">

src/views/Business/Litame/Narp.vue

 <template>
-  <div class="eibs-tab">
+  <div class="eibs">
                                                                 
        <!-- <c-col :span="12">
         <c-button size="small" type="primary"  @click="onSav">

src/views/Business/Litame/Ptyp.vue

 <template>
-  <div class="eibs-tab">
+  <div class="eibs">
 
     <el-col :span="12" style="padding-right: 20px;">
         <c-col :span="24">

src/views/Business/Litame/Spbpame.vue

 <template>
-  <div class="eibs-tab">
+  <div class="eibs">
        <c-col :span="12" style="padding-right: 20px;">
         <c-col :span="24">
         <el-form-item label="Special Payment Conditions for Beneficiary" prop="lidgrp.blk.spcben">

src/views/Business/Litame/Sprpame.vue

 <template>
-  <div class="eibs-tab">
+  <div class="eibs">
 
      <c-col :span="12" style="padding-right: 20px;">
         <c-col :span="24">

src/views/Business/Litopn/Spcbenp.vue

 <template>
-  <div class="eibs-tab">
+  <div class="eibs">
                                                
        <c-col :span="18">
         <el-form-item label="受益人特殊付款条款" prop="lidgrp.blk.spcben">

src/views/Business/Litopn/Spcrcvp.vue

 <template>
-  <div class="eibs-tab">
+  <div class="eibs">
                                                
        <c-col :span="18">
         <el-form-item label="仅适用于指定银行的特殊付款条款" prop="lidgrp.blk.spcrcb">

src/views/Business/Litopn/index.vue

@@ -174,7 +174,7 @@
           </el-tab-pane> -->
 
           <!--PD000346 -->
-          <el-tab-pane
+          <!-- <el-tab-pane
             v-if="model.lidgrp.rec.spcrcbflg"
             label="仅适用于指定银行的特殊付款条款"
             name="spcrcvp"
@@ -182,10 +182,10 @@
             <c-content>
               <m-spcrcvp :model="model" :codes="codes" />
             </c-content>
-          </el-tab-pane>
+          </el-tab-pane> -->
 
           <!--PD000347 -->
-          <el-tab-pane
+          <!-- <el-tab-pane
             v-if="model.lidgrp.rec.spcbenflg"
             label="存在受益人的特殊付款条款"
             name="spcbenp"
@@ -193,7 +193,7 @@
             <c-content>
               <m-spcbenp :model="model" :codes="codes" />
             </c-content>
-          </el-tab-pane>
+          </el-tab-pane> -->
 
           <!--PD000115 -->
           <!-- <el-tab-pane label="Addtional Info" name="namp">

src/views/Public/Setpan.vue

@@ -33,6 +33,7 @@
             v-model="model.setmod.docamt"
             placeholder="0"
             disabled
+            style="margin-left: 20px"
           ></c-input-currency>
         </el-form-item>
       </c-col>
@@ -115,7 +116,7 @@
     <!-- ==============第一个表格===================== -->
 
     <c-col :span="24" style="height: 24px">
-      <el-form-item class="formItemLabel" label="国外收费:" label-width="300px">
+      <el-form-item class="formItemLabel" label="国外收费:" label-width="72px">
       </el-form-item>
     </c-col>
 
@@ -297,7 +298,7 @@
     </c-col>
     <!--=================== Own Commission/Charges:================== -->
     <c-col :span="24" style="height: 24px; margin-top: 25px">
-      <el-form-item class="formItemLabel" label="我行收费:" label-width="200px">
+      <el-form-item class="formItemLabel" label="我行收费:" label-width="72px">
       </el-form-item>
     </c-col>
     <c-col :span="24" style="">
@@ -441,7 +442,7 @@
       />
     </div>
     <c-col :span="24" style="height: 24px; margin-top: 25px">
-      <el-form-item class="formItemLabel" label="结算:" label-width="100px">
+      <el-form-item class="formItemLabel" label="结算:" label-width="48px">
         <span style="color: red">{{
           this.model.setmod.dspflg == "C" ? "temporary" : ""
         }}</span>