布局优化

src/views/Login/index.vue

@@ -14,7 +14,7 @@
                     </el-form-item>
 
                     <el-form-item>
-                        <el-button style="width:100%;margin-top:1em;" type="primary" @click="submitForm('loginForm')">登录</el-button>
+                        <el-button style="width:100%;margin-top:1em;margin:0 0" type="primary" @click="submitForm('loginForm')">登录</el-button>
                     </el-form-item>
                 </el-form>
             </div>

src/views/Public/Ccvpan.vue

@@ -17,7 +17,7 @@
             <c-select
               v-model="model.liaall.liaccv.concur"
               disabled
-              style="width: 100%"
+              style="width: 95%"
               placeholder="请选择Type of settlement"
             >
               <el-option
@@ -80,7 +80,7 @@
             <c-select
               v-model="model.liaall.liaccv.concur"
               disabled
-              style="width: 100%"
+              style="width: 95%"
               placeholder="请选择Type of settlement"
             >
               <el-option
@@ -150,7 +150,7 @@
             <c-select
               v-model="model.liaall.liaccv.concur"
               disabled
-              style="width: 100%"
+              style="width: 95%"
               placeholder="请选择Type of settlement"
             >
               <el-option
@@ -184,12 +184,13 @@
         </c-button>
        </c-col>
        -->
-    <c-col :span="24" style="text-align: right">
-      <c-row>
-        <c-col :span="2" :offset="20">
+    <c-col :span="11" style="margin-left:20px;text-align:right">
+      <!-- <c-row> -->
+        <!-- <c-col :span="23" style="margin-left:35px;text-align:right"> -->
           <c-button size="small" type="primary" @click="onLiaccvAdd">
             Add
           </c-button>
+        <!-- </c-col> -->
           <el-dialog
             :visible.sync="dialogTableVisible"
             :close-on-click-modal="false"
@@ -205,47 +206,46 @@
               </el-table-column>
             </c-istream-table>
           </el-dialog>
-        </c-col>
 
         <!-- <c-col :span="2">
           <c-button size="small" icon="el-icon-delete" @click="onLiaccvDel">
             Del
           </c-button>
         </c-col> -->
-      </c-row>
+      <!-- </c-row> -->
     </c-col>
+    <!-- <c-col :span="24"><div style="height: 10px"></div></c-col> -->
 
-    <c-col :span="24"><div style="height: 10px"></div></c-col>
-
-    <c-col :span="22" :offset="1">
+    <c-col :span="23" style="margin:0 20px">
       <c-table
         :border="true"
         :list="model.liaall.liaccv.liaccvg"
         style="width:80%,text-align:center"
       >
-        <el-table-column prop="ccdflg" label="CF000048" width="auto">
+        <el-table-column prop="ccdflg" label="CF000048" width="78px">
         </el-table-column>
-        <el-table-column prop="ownref" label="保证金编号" width="auto">
+        <el-table-column prop="ownref" label="保证金编号" width="130px">
         </el-table-column>
-        <el-table-column prop="cur" label="币种" width="auto">
+        <el-table-column prop="cur" label="币种" width="55px">
         </el-table-column>
-        <el-table-column prop="oldamt" label="余额" width="auto">
+        <el-table-column prop="oldamt" label="余额" width="150px">
         </el-table-column>
-        <el-table-column prop="amt" label="变动金额" width="auto">
+        <el-table-column prop="amt" label="变动金额" width="150px">
         </el-table-column>
-        <el-table-column prop="acc" label="保证金账号" width="auto">
+        <el-table-column prop="acc" label="保证金账号" width="180px">
         </el-table-column>
-        <el-table-column prop="rat" label="汇率" width="auto">
+        <el-table-column prop="rat" label="汇率" width="120px">
         </el-table-column>
-        <el-table-column prop="concur" label="币种" width="auto">
+        <el-table-column prop="concur" label="币种" width="55px">
         </el-table-column>
-        <el-table-column prop="covamt" label="折算后金额" width="auto">
+        <el-table-column prop="covamt" label="折算后金额" width="150px">
         </el-table-column>
-        <el-table-column prop="acccovamt" label="Acc Amount" width="auto">
+        <el-table-column prop="acccovamt" label="Acc Amount" width="150px">
         </el-table-column>
-        <el-table-column label="OP" width="auto">
+        <el-table-column label="OP" width="75px">
           <template slot-scope="scope">
-            <c-button size="small" icon="el-icon-delete" @click="onLiaccvDel(scope.$index,scope.row)" />
+            <c-button style="margin-left:0" type="primary" size="small" @click="onLiaccvDel(scope.$index,scope.row)">
+            Del</c-button>
           </template>
         </el-table-column>
       </c-table>
@@ -280,7 +280,7 @@
       </el-form-item>
     </c-col> -->
 
-    <c-col :span="24">
+    <c-col :span="24" style="margin-top:15px">
       <el-form-item label="金额总和">
         <c-col :span="8">
           <c-input