Explorar el Código

关系总览:手动编辑添加分页功能优化

shaun-sheep hace 4 años
padre
commit
ac66b0d66c

+ 1 - 1
src/components/data_admin/buildTask/table/replaceTable.vue

@@ -201,4 +201,4 @@ export default {
     margin-right: 15px;
   }
 }
-</style>
+</style>

+ 22 - 13
src/views/relation/relationShip/index.vue

@@ -94,7 +94,8 @@
       </el-row>
 
     </section>
-    <section class="table-list">
+
+    <section class="table-list" :style="tableData && tableData.length ? 'height:calc(100% - 250px)':'height:100%'">
       <!--              :span-method="objectSpanMethod"
       -->
       <el-table
@@ -103,6 +104,7 @@
         :header-cell-style="{background:'#e1e4e5',color:'#2b2b2b', lineHeight: '30px'}"
         :cell-style="cellStyle"
         class="table"
+        style="width: 100%;" height="100%"
       >
         <el-table-column
           prop="Name"
@@ -215,17 +217,19 @@
         </el-table-column>
       </el-table>
     </section>
-    <!-- 分页 -->
-        <el-pagination
-          @size-change="handleSizeChange"
-          @current-change="handleCurrentChange"
-          :current-page="currentPage"
-          :page-sizes="pageSizes"
-          :page-size="pageSize"
-          layout="total, sizes, prev, pager, next, jumper"
-          :total="total"
-          style="float:right;margin-top:10px;padding:2px 5px;">
-        </el-pagination>
+      <!-- 分页 -->
+      <el-pagination
+        class="relation-ship-pagination"
+        @size-change="handleSizeChange"
+        @current-change="handleCurrentChange"
+        :current-page="currentPage"
+        :page-sizes="pageSizes"
+        :page-size="pageSize"
+        layout="total, sizes, prev, pager, next, jumper"
+        :total="total"
+        style="float:right;margin-top:10px;padding:2px 5px;">
+      </el-pagination>
+
     <el-dialog
       title="提示"
       :visible.sync="visible"
@@ -607,6 +611,11 @@
         margin-left: 20px;
       }
     }
-
+.relation-ship-pagination{
+  /deep/ .el-input__inner {
+    width: auto;
+    padding-right: 25px;
+  }
+}
   }
 </style>