分页控件和表格显示调整

Former-commit-id: e21a00c95c644d8135619e166b4fc8c7c2111c01 [formerly e21a00c95c644d8135619e166b4fc8c7c2111c01 [formerly e21a00c95c644d8135619e166b4fc8c7c2111c01 [formerly e21a00c95c644d8135619e166b4fc8c7c2111c01 [formerly 660af7b4d44705170e6d62dbd1b802a98eb25a7a [formerly 10433771479b69c21669a72ea1ed14f5ec6a6a5f]]]]]
Former-commit-id: d2dcdbfa394d231cb3a36a367cd8b53d55a873df
Former-commit-id: 87558ca229f720418110b9626375cd562cd33036
Former-commit-id: 6849a75e8df0342b7ff36adefeb85a6c8cafbdf0 [formerly 9380d34b9f1321cd5e2d382ebe839ce27f09b85e]
Former-commit-id: d4ccfa0d90cd15562532dd0aee0f472b7ce8e3c6
Former-commit-id: ec97fb45869d97a07c1c78eb125a1dbe07c8ee3d
Former-commit-id: 3fbc39660de71875f2eb031d1ddce10318911333
Former-commit-id: 1363e5c8b2b0e5c3d20a7087a54f75165ec0fe52
Former-commit-id: 640627b6e451e30290615dc3cd23539e621c27ca

src/pages/demo/business/table/1/componnets/PageFooter/index.vue

@@ -1,5 +1,34 @@
 <template>
-  <div>
-    footer
-  </div>
+  <el-pagination
+    :current-page="page.current"
+    :page-size="page.size"
+    :total="page.total"
+    :page-sizes="[100, 200, 300, 400]"
+    layout="total, sizes, prev, pager, next, jumper"
+    style="margin: -10px;"
+    @size-change="handleSizeChange"
+    @current-change="handleCurrentChange">
+  </el-pagination>
 </template>
+
+<script>
+export default {
+  data () {
+    return {
+      page: {
+        current: 1,
+        size: 100,
+        total: 400
+      }
+    }
+  },
+  methods: {
+    handleSizeChange(val) {
+      console.log(`每页 ${val} 条`)
+    },
+    handleCurrentChange(val) {
+      console.log(`当前页: ${val}`)
+    }
+  }
+}
+</script>

src/pages/demo/business/table/1/componnets/PageMain/index.vue

@@ -21,7 +21,7 @@
       </template>
     </el-table-column>
 
-    <el-table-column label="状态" width="260" align="center">
+    <el-table-column label="状态" width="60" align="center">
       <template slot-scope="scope">
         <el-popover
           placement="left"