分页

src/views/BasicData/ShiftManagement/index.vue

@@ -1,7 +1,7 @@
 <template>
   <div class="app-container">
     <el-card>
-      <span style="margin-left: 15px">班次类型:</span>
+      <!--      <span style="margin-left: 15px">班次类型:</span>-->
       <el-select v-model="roleName" placeholder="班次类型" clearable size="small" style="width:200px">
         <el-option
           v-for="item in roleNames"
@@ -20,7 +20,7 @@
         border
         stripe
         size="mini"
-        height="550"
+        height="820"
         center
         style="width: 100%">
         <el-table-column label="开始工作时间" align="center">
@@ -90,16 +90,16 @@
           </template>
         </el-table-column>
       </el-table>
-      <div class="block" style="margin-top: 10px;">
-        <el-pagination
-          :current-page="pageCurrent"
-          :page-sizes="[10, 20, 30, 40, 50]"
-          :page-size="10"
-          :total="total"
-          layout="total, sizes, prev, pager, next, jumper"
-          @size-change="handleSizeChange"
-          @current-change="handleCurrentChange"/>
-      </div>
+      <!--      <div class="block" style="margin-top: 10px;">-->
+      <!--        <el-pagination-->
+      <!--          :current-page="pageCurrent"-->
+      <!--          :page-sizes="[10, 20, 30, 40, 50]"-->
+      <!--          :page-size="10"-->
+      <!--          :total="total"-->
+      <!--          layout="total, sizes, prev, pager, next, jumper"-->
+      <!--          @size-change="handleSizeChange"-->
+      <!--          @current-change="handleCurrentChange"/>-->
+      <!--      </div>-->
     </el-card>
     <el-dialog v-el-drag-dialog :visible.sync ="dialogFormVisible1" title="新增班次人员" center style="min-height: 270px" width="900px">
       <el-form ref="form1" :model="form1" :rules="rules" label-position="right" label-width="160px" class="demo-ruleForm">
@@ -327,9 +327,9 @@ export default {
       },
       dialogFormVisible1: false,
       dialogFormVisible2: false,
-      pageCurrent: 1,
-      pageSize: 10,
-      total: 0,
+      // pageCurrent: 1,
+      // pageSize: 10,
+      // total: 0,
       rules2: { // 表单验证规则
         value: [{ required: true, message: '请选择时间', trigger: 'blur' }],
         value2: [{ required: true, message: '请选择时间', trigger: 'blur' }],
@@ -456,16 +456,16 @@ export default {
       this.form1 = {}
       this.dialogFormVisible2 = false
       this.form2 = {}
-    },
-    handleSizeChange(val) {
-      this.pageSize = val
-      this.pageCurrent = 1
-      this.searchTable()
-    },
-    handleCurrentChange(val) {
-      this.pageCurrent = val
-      this.searchTable()
     }
+    // handleSizeChange(val) {
+    //   this.pageSize = val
+    //   this.pageCurrent = 1
+    //   this.searchTable()
+    // },
+    // handleCurrentChange(val) {
+    //   this.pageCurrent = val
+    //   this.searchTable()
+    // }
   }
 }
 </script>