分页页数修改

liupengpeng

2023-02-13 a670b7361a32c8b40af9afbf49770d47f4c240e9

 src/views/maintenance/safetyManagement.vue

@@ -52,7 +52,7 @@
          @size-change="handleSizeChange"
          @current-change="handleCurrentChange"
          :current-page="currentPage4"
          :page-sizes="[10, 20, 30, 40]"
          :page-sizes="[10, 20, 50, 100]"
          :page-size="10"
          layout="total, sizes, prev, pager, next, jumper"
          :total="5"
@@ -64,7 +64,7 @@
</template>

<script>
import MyBread from "../../components/MyBread.vue";
import MyBread from '../../components/MyBread.vue';

export default {
  //import引入的组件需要注入到对象中才能使用
@@ -76,58 +76,58 @@
    return {
      currentPage4: 1,
      form: {
        name: "",
        region: "",
        jurisdiction: "",
        name: '',
        region: '',
        jurisdiction: '',
      },
      tableData: [
        {
          number: "1",
          name: "dads",
          ip: "192.168.11.1",
          effectivedate: "2020-08-10",
          applicant: "admin",
          status: "开发部分权限",
          number: '1',
          name: 'dads',
          ip: '192.168.11.1',
          effectivedate: '2020-08-10',
          applicant: 'admin',
          status: '开发部分权限',
        },
        {
          number: "1",
          name: "dads",
          ip: "192.168.11.1",
          effectivedate: "2020-08-10",
          applicant: "admin",
          status: "开发部分权限",
          number: '1',
          name: 'dads',
          ip: '192.168.11.1',
          effectivedate: '2020-08-10',
          applicant: 'admin',
          status: '开发部分权限',
        },
        {
          number: "2",
          name: "dads",
          ip: "192.168.11.1",
          effectivedate: "2020-08-10",
          applicant: "admin",
          status: "部分拉黑",
          number: '2',
          name: 'dads',
          ip: '192.168.11.1',
          effectivedate: '2020-08-10',
          applicant: 'admin',
          status: '部分拉黑',
        },
        {
          number: "3",
          name: "dads",
          ip: "192.168.11.1",
          effectivedate: "2020-08-10",
          applicant: "admin",
          status: "开发部分权限",
          number: '3',
          name: 'dads',
          ip: '192.168.11.1',
          effectivedate: '2020-08-10',
          applicant: 'admin',
          status: '开发部分权限',
        },
        {
          number: "4",
          name: "dads",
          ip: "192.168.11.1",
          effectivedate: "2020-08-10",
          applicant: "admin",
          status: "开发部分权限",
          number: '4',
          name: 'dads',
          ip: '192.168.11.1',
          effectivedate: '2020-08-10',
          applicant: 'admin',
          status: '开发部分权限',
        },
        {
          number: "5",
          name: "dads",
          ip: "192.168.11.1",
          effectivedate: "2020-08-10",
          applicant: "admin",
          status: "开发部分权限",
          number: '5',
          name: 'dads',
          ip: '192.168.11.1',
          effectivedate: '2020-08-10',
          applicant: 'admin',
          status: '开发部分权限',
        },
      ],
    };
@@ -140,7 +140,7 @@
      console.log(`当前页: ${val}`);
    },
    onSubmit() {
      console.log("submit!");
      console.log('submit!');
    },
    resetForm() {},
  },
@@ -154,7 +154,7 @@
  border-radius: 10px;
  height: 100%;
  padding: 10px;
  box-sizing: border-box;

  .inquire {
    padding: 10px;
    margin-top: 20px;
@@ -168,6 +168,9 @@
        margin-left: auto;
      }
    }
    /deep/.el-form-item__label {
      color: white;
    }
  }
  .table_box {
    padding: 10px;