infcpd优化布局

src/views/Business/Infcpd/Cbsinfp.vue

@@ -12,8 +12,8 @@
             <c-button size="small" type="primary">Loginfo</c-button>
         </div> -->
 
-            <c-col :span="11" style="margin-left:9px">
-                <el-form-item label="CBS Column" prop="infcon.cbctxt" label-width="100px">
+            <c-col :span="11" style="margin-left:9px;height:24px">
+                <el-form-item label="CBS Column" prop="infcon.cbctxt" label-width="85px" class="labelItemSet">
                     <c-select v-model="model.infcon.cbctxt" style="width:100%" placeholder="请选择CBS Column">
                     </c-select>
                 </el-form-item>
@@ -67,6 +67,8 @@
         }
     }
 </script>
-<style>
-
+<style scoped>
+.labelItemSet >>> .el-form-item__label{
+    text-align: left;
+}
 </style>
\ No newline at end of file

src/views/Business/Infcpd/Fepinfp.vue

@@ -12,7 +12,7 @@
         </div> -->
 
       <c-col :span="24">
-        <el-form-item label="Fee Pool"></el-form-item>
+        <el-form-item label="Fee Pool" class="labelItemSet "></el-form-item>
       </c-col>
 
       <c-col :span="11">
@@ -147,4 +147,8 @@ export default {
 .el-col >>> .el-divider--horizontal {
   margin-top: 0;
 }
+.labelItemSet >>> .el-form-item__label{
+    text-align: left;
+    font-weight: bold;
+}
 </style>
\ No newline at end of file

src/views/Business/Infcpd/Gleinfp.vue

@@ -10,7 +10,7 @@
             <c-button size="small" type="primary">Loginfo</c-button>
         </div> -->
 
-    <c-col :span="11" :offset="1">
+    <c-col :span="11" style="height:24px">
       <el-form-item label="Booking date from" prop="infcon.seabucdatfro">
         <c-col :span="11">
           <c-date-picker
@@ -33,7 +33,7 @@
         </c-col>
       </el-form-item>
     </c-col>
-    <c-col :span="11" :offset="1">
+    <c-col :span="11" :offset="1" style="height:24px">
       <el-form-item label="Transaction INR" prop="infcon.seatrninr">
         <c-input
           v-model="model.infcon.seatrninr"
@@ -44,8 +44,7 @@
       </el-form-item>
     </c-col>
 
-    <c-row class="infrow" style="margin-top: 20px">
-      <c-col :span="22" :offset="1">
+      <c-col :span="23">
         <c-istream-table :list="stmData.data" :columns="stmData.columns">
           <el-table-column prop="op" label="OP" width="100" fixed="right">
             <template slot-scope="scope">
@@ -56,7 +55,6 @@
           </el-table-column>
         </c-istream-table>
       </c-col>
-    </c-row>
   </c-content>
 </template>
 <script>

src/views/Business/Infcpd/Liainfp.vue

@@ -11,8 +11,7 @@
             <c-button size="small" type="primary">Loginfo</c-button>
         </div> -->
             <c-col :span="24" style="height:24px">
-                <el-form-item label="Engagement Information"></el-form-item>
-                
+                <el-form-item label="Engagement Information"  class="labelItemSet" label-width="300px"></el-form-item>
             </c-col>
 
             <c-col :span="23">
@@ -60,6 +59,9 @@
         }
     }
 </script>
-<style>
-
+<style scoped>
+.labelItemSet >>> .el-form-item__label{
+    text-align: left;
+    font-weight: bold;
+}
 </style>
\ No newline at end of file

src/views/Business/Infcpd/Peninfp.vue

@@ -11,10 +11,10 @@
             <c-button size="small" type="primary">Loginfo</c-button>
         </div> -->
 
-            <c-col :span="22" :offset="1">
-                <el-form-item label="Pending Items"></el-form-item>
+            <c-col :span="24" style="height:24px">
+                <el-form-item label="Pending Items"  class="labelItemSet"></el-form-item>
             </c-col>
-
+           <c-col style="height:19px">
             <c-col :span="4">
                 <el-form-item label="" prop="infcon.sptinc" label-width="0">
                     <c-checkbox v-model="model.infcon.sptinc">Incoming</c-checkbox>
@@ -40,8 +40,8 @@
                     <c-checkbox v-model="model.infcon.sptdel">Deleted</c-checkbox>
                 </el-form-item>
             </c-col>
+            </c-col>
 
-        <c-row class="infrow" style="margin-top:20px;">
             <c-col :span="23">
                 <c-istream-table :list="stmData.sptstmData" :columns="stmData.sptstmColumns">
                     <el-table-column prop="op" label="OP" width="100">
@@ -51,14 +51,12 @@
                     </el-table-column>
                 </c-istream-table>
             </c-col>
-        </c-row>
 
             <c-col :span="24">
                 <el-form-item label="Diaries"></el-form-item>
                 
             </c-col>
 
-        <br />
 
             <c-col :span="11">
                         <el-form-item label="Date from" prop="infcon.diadatfrom">
@@ -83,7 +81,6 @@
                         </el-form-item>
             </c-col>
 
-        <c-row class="infrow" style="margin-top:20px;">
             <c-col :span="23">
                 <c-istream-table :list="stmData.diastmData" :columns="stmData.diastmColumns">
                     <el-table-column prop="op" label="OP" width="100">
@@ -93,7 +90,6 @@
                     </el-table-column>
                 </c-istream-table>
             </c-col>
-        </c-row>
 
     </c-content>
 </template>
@@ -144,6 +140,9 @@
         }
     }
 </script>
-<style>
-
+<style scoped>
+.labelItemSet >>> .el-form-item__label{
+    text-align: left;
+    font-weight: bold;
+}
 </style>
\ No newline at end of file

src/views/Business/Infcpd/Sepinfp.vue

@@ -11,17 +11,17 @@
             <c-button size="small" type="primary">Loginfo</c-button>
         </div> -->
             <c-col :span="24">
-                <el-form-item label="Temporary Settlement"></el-form-item>
+                <el-form-item label="Temporary Settlement"  class="labelItemSet"></el-form-item>
             </c-col>
 
 
-            <c-col :span="7">
+            <c-col :span="7" style="height:19px">
                 <el-form-item label="" prop="infcon.setflg" label-width="0">
                     <c-checkbox v-model="model.infcon.setflg">show temporary settlement that already settled
                     </c-checkbox>
                 </el-form-item>
             </c-col>
-            <c-col :span="7">
+            <c-col :span="7" style="height:19px">
                 <el-form-item label="" prop="infcon.sepdelflg" label-width="0">
                     <c-checkbox v-model="model.infcon.sepdelflg">show temporary settlement that already deleted
                     </c-checkbox>
@@ -75,6 +75,9 @@
         }
     }
 </script>
-<style>
-
+<style scoped>
+.labelItemSet >>> .el-form-item__label{
+    text-align: left;
+    font-weight: bold;
+}
 </style>
\ No newline at end of file

src/views/Business/Infcpd/Smhinfp.vue

@@ -51,7 +51,7 @@
       </el-form-item>
     </c-col>
 
-    <c-col :span="11">
+    <c-col :span="11" style="height:24px">
       <el-form-item label="Direction" prop="infcon.smhdir">
         <c-select
           v-model="model.infcon.smhdir"