litopn、litdck交易ui美化

src/assets/css/common.css

@@ -121,13 +121,15 @@
 .el-tabs--card>.el-tabs__header .el-tabs__item {
   border-left: 1px solid #ccc;
   padding: 0 10px;
-  height: 40px;
-  line-height: 40px;
+  height: 38px;
+  line-height: 38px;
   font-size: 16px;
   font-weight: bold;
   border-bottom: 1px solid var(--themecolor);
   /* border-top: 1px solid #ccc; */
   background-image: linear-gradient(#fff, #dedede);
+  box-sizing: content-box;
+  
 }
 
 .el-tabs--top.el-tabs--card>.el-tabs__header .el-tabs__item:nth-child(2) {
@@ -156,8 +158,8 @@
   font-weight: bold;
 }
 
-.el-tabs--card .el-tabs__nav-wrap {
-  margin-bottom: -2px;
+.el-tabs__nav-wrap {
+  margin-bottom: 0px;
 }
 
 .el-form-item__label {
@@ -475,6 +477,7 @@
 /* 去除tabs标签默认圆角 */
 .el-tabs--card>.el-tabs__header .el-tabs__nav{
   border-radius:0px;
+  margin-bottom: -1px;
 }
 
 /* 去除表格左右滑动默认圆角 */
@@ -524,6 +527,9 @@
   text-align: center;
 }
 
+/* .el-checkbox:last-of-type{
+  margin-right:30px;
+} */
 /*
 .checkbox-left {
 float: left;
@@ -540,6 +546,11 @@ margin-left: 120px;
   content: "\e791";
 }
 
+/* 左箭头 */
+.el-icon-arrow-left:before{
+  content: "\e792";
+}
+
 .el-collapse-item__arrow{
   color: var(--themecolor);
 }

src/views/Business/Letopn/Adcp.vue

@@ -40,9 +40,7 @@
     </c-col>
 
     <c-col :span="24" class="letopn_adcp_cheak">
-      <c-checkbox v-model="model.ledgrp.rec.redclsflg"
-        >红/绿条款</c-checkbox
-      >
+      <c-checkbox v-model="model.ledgrp.rec.redclsflg">红/绿条款</c-checkbox>
     </c-col>
     <c-blkTextarea :model="model" v-bind="blk1"> </c-blkTextarea>
     <!-- Instructions to Pay,accept,negot,bank -->
@@ -82,7 +80,7 @@ export default {
   inject: ["root"],
   props: ["model", "codes"],
   components: { "c-blkTextarea": BlkTextarea },
-  
+
   mixins: [commonProcess],
   data() {
     return {
@@ -112,5 +110,7 @@ export default {
 <style>
 .letopn_adcp_cheak {
   margin: 0px 0 10px 120px;
+  display: flex;
+  justify-content: flex-start;
 }
 </style>

src/views/Business/Litdck/Docpre.vue

 <template>
   <div class="eibs">
-    <el-col :span="12" style="padding-right: 20px;">
+    <c-col :span="12" style="padding-right: 20px;">
       <c-col :span="24">
         <el-form-item label="不符点" prop="brdgrp.blk.docdis">
           <c-fullbox>
@@ -65,29 +65,26 @@
           </c-fullbox>
         </el-form-item>
       </c-col>
-      <el-col :span="24">
-        <c-docpre
-          :model="model"
-          :argadr="{
-            path: 'brdgrp.blk.prsdoc',
-            grp: 'brtp',
-            code: 'docpre',
-          }"
-        ></c-docpre>
-      </el-col>
-    </el-col>
+    </c-col>
 
-    <el-col :span="12" style="padding-left: 20px;">
+    <!-- 右边 -->
+    <c-col :span="12" style="padding-left: 20px;">
       <c-col :span="12">
+        <el-form-item
+          label=""
+          prop="brdgrp.rec.igndisflg"
+          label-width="0px"
+        >
         <c-checkbox
-          style="margin: 0px 0 10px 150px"
+          style="margin: 0px 0 10px 120px;float: left;"
           v-model="model.brdgrp.rec.igndisflg"
           >忽略不符点</c-checkbox
         >
+        </el-form-item>
       </c-col>
       <c-col :span="12">
         <c-checkbox
-          style="margin: 0px 0 10px 150px"
+          style="margin: 0px 0 10px 150px;"
           v-model="model.brdgrp.blk.docdisflg"
           >录入不符点</c-checkbox
         >
@@ -117,7 +114,7 @@
       <c-col :span="24">
         <el-form-item
           label="不符点通知日期"
-          label-width="153px"
+          label-width="120px"
           prop="brdgrp.rec.disdat"
         >
           <c-date-picker
@@ -131,8 +128,9 @@
       </c-col>
       <c-col :span="12">
         <c-checkbox
-          style="margin: 0px 0 10px 150px"
+          style="margin: 0px 0 10px 120px;float: left;"
           v-model="model.brdgrp.rec.approvcod"
+          label-width="0px"
           >审批文件</c-checkbox
         >
       </c-col>
@@ -153,8 +151,19 @@
           >创建MT 732</c-checkbox
         >
       </c-col>
-    </el-col>
+    </c-col>
 
+    <!-- 底部表格 -->
+    <c-col :span="24" label-width="0px">
+        <c-docpre
+          :model="model"
+          :argadr="{
+            path: 'brdgrp.blk.prsdoc',
+            grp: 'brtp',
+            code: 'docpre',
+          }"
+        ></c-docpre>
+      </c-col>
     <!-- <c-col :span="12">
 	    <span  v-text="model.brtp.docgrdm.docdsclab"   data-path=".brtp.docgrdm.docdsclab" > </span>
 	</c-col> -->

src/views/Business/Litdck/index.vue

@@ -50,7 +50,9 @@
           <!--PD000000 -->
           <el-tab-pane label="附言" name="coninfp">
             <c-content>
+              <div class="eibs-tab">
               <m-coninfp :model="model" :codes="codes" />
+              </div>
             </c-content>
           </el-tab-pane>
 

src/views/Business/Litopn/Addbcb.vue

@@ -16,13 +16,13 @@
         </c-col>
 
         <c-col :span="24">
-          <el-form-item label="备案表类型">
+          <el-form-item label="备案表类型" style="float:left;">
             <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>
+            <c-checkbox v-model="model.bcbtyp6" style="margin-right:30px;">其它</c-checkbox>
           </el-form-item>
           <el-form-item label="" prop="bcbtyp7" v-if="model.bcbtyp6">
             <c-input

src/views/Business/Litopn/Ovwp1.vue

@@ -660,7 +660,7 @@
       <c-col :span="24" class="centerLable marginLable">
         <el-form-item
           label=""
-          style="text-align: left; margin-left: -160px"
+          style="text-align: left; margin-left: -160px;float:left;"
           prop="lidgrp.rec.rmbflg"
         >
           <c-checkbox
@@ -675,7 +675,7 @@
       <c-col :span="24" class="centerLable marginLable">
         <el-form-item
           label=""
-          style="text-align: left; margin-left: -160px"
+          style="text-align: left; margin-left: -160px;float:left;"
           prop="lidgrp.rec.revflg"
         >
           <c-checkbox v-model="model.lidgrp.rec.revflg" disabled

src/views/Business/Litopn/index.vue

 <template>
-  <c-page title="进口信用证开立">
-    <div class="eContainer">
+  <div class="eContainer">
+    <c-page title="进口信用证开立">
       <div class="fast-button">
         <el-button size="small">备忘录</el-button>
         <el-button size="small" @click="setDraggableContent('cms', '影像信息')"
@@ -239,8 +239,8 @@
         :handleStash="handleStash"
       >
       </c-function-btn>
-    </div>
-  </c-page>
+    </c-page>
+  </div>
 </template>
 <script>
 import Api from "~/service/Api";

src/views/Public/Docpre.vue

@@ -3,10 +3,10 @@
 
         <!-- 前后端字段path及前后端字段docgrdm.docgrd   后端docgrd为List<Docgrd>类型 -->
 <template>
-    <div>
+    <div class="docpre">
         
         <c-col :span="24" style="margin-bottom: 30px;">
-            <el-form-item :prop="`${argadr.grp}.${rol}.docgrd`" label="" style="margin-left:-150px;">
+            <el-form-item :prop="`${argadr.grp}.${rol}.docgrd`" label=""  label-width="0px">
                 <c-table max-height="300px" style="text-align: center;" stripe
                     :list="this.model[argadr.grp][rol].docgrd || []" :paginationShow="false" :border="true">
                     <el-table-column :label="model[argadr.grp][rol].docdsclab || '提交单据'" class="messageLabel">
@@ -29,7 +29,7 @@
                             <template slot="header" slot-scope="scope">
                                 <c-row>
                                     <c-col :span="12">
-                                        <span style="line-height: 36px;">Document</span>
+                                        <span style="line-height: 64px;">Document</span>
                                     </c-col>
                                     <c-col :span="12">
                                         <div style="float: right;">
@@ -191,13 +191,16 @@ export default {
 
 
 </script>
-<style>
+<style scoped>
 .messageLabel>>>.el-form-item__label {
     text-align: left;
     font-weight: bold;
     font-size: 12px;
 }
 
+.docpre>>>.el-form-item__content{
+    margin-left:0px;
+}
 /* .add_del_button:hover {
     cursor: pointer; 
     background-color: rgb(230, 227, 227);

src/views/Public/Doctre.vue

@@ -2,7 +2,7 @@
   <div class="eibs-tab">
 
     <c-col :span="24" style="height: 24px;margin-bottom: 20px;">
-      <el-form-item label="发出面函/报文" class="messageLabel" style="width: 96px;"></el-form-item>
+      <el-form-item label="发出面函/报文" class="messageLabel" label-width="96px"></el-form-item>
     </c-col>
     <c-col :span="24" style="height: 0px">
         <el-divider></el-divider>
@@ -32,7 +32,7 @@
     </c-col>
 
     <c-col :span="24" style="height: 24px;margin-top: 20px;;margin-bottom: 20px;">
-      <el-form-item label="前置面函/报文" class="messageLabel" style="width: 96px;"></el-form-item>
+      <el-form-item label="前置面函/报文" class="messageLabel" label-width="96px"></el-form-item>
     </c-col>
     <c-col :span="24" style="height: 0px">
         <el-divider></el-divider>
@@ -188,7 +188,7 @@ export default {
     }
 }
 </script>
-<style>
+<style scoped>
 .formItemLabel >>> .el-form-item__label{
     text-align: left;
 }

src/views/Public/Doxp.vue

@@ -15,13 +15,18 @@
     </c-col>
     <template v-else-if="dtyp === 'adcp'">
       <c-col :span="20" class="letopn_adcp_cheak">
-        <c-checkbox v-model="model[`${rec}grp`].rec.spcbenflg" :disabled="model[`${rec}grp`].blk.spcben!=''"
+        <c-checkbox
+          v-model="model[`${rec}grp`].rec.spcbenflg"
+          :disabled="model[`${rec}grp`].blk.spcben != ''"
           >受益人的特殊付款条款</c-checkbox
         >
       </c-col>
 
       <c-col :span="20" class="letopn_adcp_cheak">
-        <c-checkbox v-model="model[`${rec}grp`].rec.spcrcbflg" :disabled="model[`${rec}grp`].blk.spcrcb!=''">
+        <c-checkbox
+          v-model="model[`${rec}grp`].rec.spcrcbflg"
+          :disabled="model[`${rec}grp`].blk.spcrcb != ''"
+        >
           仅适用于银行的特殊付款条款</c-checkbox
         >
       </c-col>
@@ -116,5 +121,7 @@ export default {
 <style>
 .letopn_adcp_cheak {
   margin: 0px 0 10px 120px;
+  display: flex;
+  justify-content: flex-start;
 }
 </style>

src/views/Public/Engp.vue

@@ -159,7 +159,7 @@
               placeholder=""
             ></c-input>
             <c-input
-              style="width: 40%;margin-left:5px;"
+              style="width: 40%;margin-left:10px;"
               disabled
               v-model="model.liaall.misamt"
               placeholder="请输入金额"