Commit 9650ccf9 authored by “yiyousong”'s avatar “yiyousong”

pref:修改翻页

parent ae8b3dda
<template>
<div class="pagination" v-if="total">
<el-pagination
background
layout="total,prev,pager,next,sizes,jumper"
:pager-count="5"
:total="total"
:current-page="current"
:page-size="size"
:page-sizes="pageSizes"
@current-change="changePagination"
@size-change="changeSize"
>
</el-pagination>
</div>
</template>
<script>
export default {
props: {
total: {
required: true,
type: Number,
default: 0,
},
size: {
required: true,
type: Number,
default: 10,
},
current: {
required: true,
type: Number,
default: 1,
},
},
data() {
return {
pageSizes: [10, 20, 30, 40, 50, 100, 200],
};
},
computed: {},
methods: {
changePagination(cur) {
this.$emit("currentChange", cur);
},
changeSize(size) {
this.$emit("sizeChange", size);
},
},
};
</script>
<style lang="less" scoped>
</style>
\ No newline at end of file
......@@ -152,20 +152,13 @@
</el-table-column>
</el-table>
</div>
<div class="pagination" v-if="total">
<el-pagination
background
layout="total,prev,pager,next,sizes,jumper"
:pager-count="5"
:total="total"
:current-page="current"
:page-size="size"
:page-sizes="pageSizes"
@current-change="changePagination"
@size-change="changeSize"
>
</el-pagination>
</div>
<Pagination
:total="total"
:current="current"
:size="size"
@currentChange="changePagination"
@sizeChange="changeSize"
></Pagination>
</el-card>
<!-- 新增设备 -->
<AddDevice
......@@ -180,6 +173,7 @@
<script>
import TableHeader from "@/components/TableHeader.vue";
import Pagination from "@/components/Pagination.vue";
import AddMatter from "./modal/AddMatter.vue";
import AddDevice from "./modal/AddDevice.vue";
import { getDeviceList } from "@/api/device";
......@@ -189,6 +183,7 @@ export default {
TableHeader,
AddDevice,
AddMatter,
Pagination,
},
data() {
return {
......@@ -197,7 +192,6 @@ export default {
? local.getLocal("sampleSiteId")
: "",
tableData: [],
pageSizes: [10, 20, 30, 40, 50, 100, 200],
total: 0,
current: 1,
size: 10,
......
......@@ -146,20 +146,13 @@
</el-table>
</div>
</div>
<div class="pagination" v-if="total">
<el-pagination
background
layout="total,prev,pager,next,sizes,jumper"
:pager-count="5"
:total="total"
:current-page="current"
:page-size="size"
:page-sizes="pageSizes"
@current-change="changePagination"
@size-change="changeSize"
>
</el-pagination>
</div>
<Pagination
:total="total"
:current="current"
:size="size"
@currentChange="changePagination"
@sizeChange="changeSize"
></Pagination>
</div>
</div>
<div class="footer">
......@@ -175,6 +168,7 @@
<script>
import { mapGetters } from "vuex";
import TableHeader from "@/components/TableHeader.vue";
import Pagination from "@/components/Pagination.vue";
import { getWriteMatterList } from "@/api/matter";
import {
getDeviceMatterList,
......@@ -185,6 +179,7 @@ import local from "@/utils/local";
export default {
components: {
TableHeader,
Pagination,
},
props: {
matterDrawer: {
......@@ -196,8 +191,8 @@ export default {
data() {
return {
loading: false,
siteId: local.getLocal("writeSiteId")
? local.getLocal("writeSiteId")
siteId: local.getLocal("sampleSiteId")
? local.getLocal("sampleSiteId")
: "",
department: "",
searchVal: "",
......@@ -206,7 +201,6 @@ export default {
total: 0,
tableData: [],
devMatterList: [], // 设备事项列表
pageSizes: [10, 20, 30, 40, 50, 100, 200],
selectionKeys: [],
devInfo: {},
};
......@@ -263,6 +257,7 @@ export default {
// 搜索
handleSearch() {
this.current = 1;
this.$refs.curTable.clearSelection();
this.getWriteMatterList();
},
// 重置
......@@ -270,6 +265,7 @@ export default {
this.department = "";
this.searchVal = "";
this.current = 1;
this.$refs.curTable.clearSelection();
this.getWriteMatterList();
},
// 翻页
......@@ -319,6 +315,7 @@ export default {
let { code, msg } = res.data;
if (code == 1) {
this.$message.success(msg);
this.$refs.curTable.clearSelection();
this.getDeviceMatterList(this.devInfo.id);
}
},
......
......@@ -52,7 +52,6 @@
<div class="table-content">
<el-table
ref="multipleTable"
size="small"
v-loading="loading"
:data="tableData"
border
......@@ -107,20 +106,13 @@
</el-table-column>
</el-table>
</div>
<div class="pagination" v-if="total">
<el-pagination
background
layout="total,prev,pager,next,sizes,jumper"
:pager-count="5"
:total="total"
:current-page="current"
:page-size="size"
:page-sizes="pageSizes"
@current-change="changePagination"
@size-change="changeSize"
>
</el-pagination>
</div>
<Pagination
:total="total"
:current="current"
:size="size"
@currentChange="changePagination"
@sizeChange="changeSize"
></Pagination>
</el-card>
<!-- 添加材料 -->
<!-- <AddMaterals
......@@ -139,12 +131,14 @@
<script>
import TableHeader from "@/components/TableHeader.vue";
import PreviewMaterals from "./modal/PreviewMaterals.vue";
import Pagination from "@/components/Pagination.vue";
import { getPubdatumList, delPubdatum } from "@/api/libray";
import { mapGetters } from "vuex";
export default {
components: {
TableHeader,
PreviewMaterals,
Pagination,
},
data() {
return {
......@@ -154,7 +148,6 @@ export default {
current: 1,
size: 10,
total: 10,
pageSizes: [10, 20, 30, 40, 50, 100, 200],
loading: false,
selectKeys: [],
depList: [],
......@@ -170,7 +163,7 @@ export default {
...mapGetters(["deptList"]),
},
methods: {
// 系统事项列表
// 获取公共库材料
async getPbuList() {
this.loading = true;
let res = await getPubdatumList({
......@@ -182,6 +175,10 @@ export default {
this.loading = false;
if (res.data.code === 1) {
let { data, total } = res.data.data;
if (!data.length && this.current > 1) {
this.current -= 1;
this.getPbuList();
}
this.tableData = data;
this.total = total;
this.$refs.multipleTable.bodyWrapper.scrollTop = 0;
......@@ -205,12 +202,14 @@ export default {
// 搜索
handleSearch() {
this.current = 1;
this.$refs.multipleTable.clearSelection();
this.getPbuList();
},
// 重置
handleReset() {
this.department = "";
this.searchVal = "";
this.$refs.multipleTable.clearSelection();
this.getPbuList();
},
// 选中
......@@ -246,7 +245,6 @@ export default {
}
)
.then(async () => {
console.log(id);
let res = await delPubdatum({ id });
let { code, msg } = res.data;
if (code === 1) {
......
......@@ -76,20 +76,13 @@
>
</el-table-column>
</el-table>
<div class="pagination" v-if="total">
<el-pagination
background
layout="total,sizes,prev,pager,next,jumper"
:pager-count="5"
:total="total"
:current-page="current"
:page-size="size"
:page-sizes="pageSizes"
@current-change="changePagination"
@size-change="changeSize"
>
</el-pagination>
</div>
<Pagination
:total="total"
:current="current"
:size="size"
@currentChange="changePagination"
@sizeChange="changeSize"
></Pagination>
<span slot="footer" class="dialog-footer">
<el-button size="small" type="primary" @click="handleOk"
> </el-button
......@@ -102,10 +95,12 @@
<script>
import TableHeader from "@/components/TableHeader.vue";
import Pagination from "@/components/Pagination.vue";
import { mapGetters } from "vuex";
export default {
components: {
TableHeader,
Pagination,
},
props: {
libVisible: {
......@@ -125,27 +120,7 @@ export default {
return {
department: "",
searchVal: "",
tableData: [
{
id: 1,
department: "县公安局",
name: "机动车登记证、行使证核发",
name2: "机动车登记证、行驶证审查、办理、核发",
count: 50,
top: 1,
time: "2022-12-12 12:00:00",
},
{
id: 2,
department: "县公安局",
name: "机动车登记证、行使证核发",
name2: "机动车登记证、行驶证审查、办理、核发",
count: 50,
top: 0,
time: "2022-12-12 12:00:00",
},
],
pageSizes: [10, 20, 30, 40, 50, 100, 200],
tableData: [],
current: 1,
total: 10,
size: 10,
......
......@@ -101,20 +101,13 @@
</el-table>
</div>
</div>
<div class="pagination" v-if="leftTotal">
<el-pagination
background
layout="total,prev,pager,next,sizes,jumper"
:pager-count="5"
:total="leftTotal"
:current-page="leftCurrent"
:page-size="leftSize"
:page-sizes="pageSizes"
@current-change="leftChangePagination"
@size-change="leftChangeSize"
>
</el-pagination>
</div>
<Pagination
:current="leftCurrent"
:size="leftSize"
:total="leftTotal"
@currentChange="leftChangePagination"
@sizeChange="leftChangeSize"
></Pagination>
</el-card>
</div>
<div class="right">
......@@ -253,20 +246,13 @@
</el-table-column>
</el-table>
</div>
<div class="pagination" v-if="rightTotal">
<el-pagination
background
layout="total,prev,pager,next,sizes,jumper"
:pager-count="5"
:total="rightTotal"
:current-page="rightCurrent"
:page-size="rightSize"
:page-sizes="pageSizes"
@current-change="rightChangePagination"
@size-change="rightChangeSize"
>
</el-pagination>
</div>
<Pagination
:current="rightCurrent"
:size="rightSize"
:total="rightTotal"
@currentChange="rightChangePagination"
@sizeChange="rightChangeSize"
></Pagination>
</el-card>
</div>
<!-- 新增材料 -->
......@@ -297,6 +283,7 @@ import TableHeader from "@/components/TableHeader.vue";
import AddMaterials from "./modal/AddMaterials.vue";
import PreviewMaterials from "./modal/PreviewMaterials.vue";
import CommonLib from "./modal/CommonLib.vue";
import Pagination from "@/components/Pagination.vue";
import { getWriteMatterList } from "@/api/matter";
import {
getMaterialsList,
......@@ -311,6 +298,7 @@ export default {
AddMaterials,
PreviewMaterials,
CommonLib,
Pagination,
},
data() {
return {
......@@ -323,7 +311,6 @@ export default {
rightSearch: "",
loadingLeft: false,
loadingRight: false,
pageSizes: [10, 20, 30, 40, 50, 100, 200],
LeftTableData: [],
leftCurrent: 1,
leftSize: 10,
......@@ -467,6 +454,7 @@ export default {
// 右边搜索
handleSearchRight() {
this.rightCurrent = 1;
this.$refs.rightTable.clearSelection();
this.getMaterialsList();
},
// 右边重置
......@@ -474,6 +462,7 @@ export default {
this.departmentRight = "";
this.rightSearch = "";
this.rightCurrent = 1;
this.$refs.rightTable.clearSelection();
this.getMaterialsList();
},
// 推荐
......
......@@ -67,20 +67,14 @@
>
</el-table-column>
</el-table>
<div class="pagination" v-if="total">
<el-pagination
background
layout="total,sizes,prev,pager,next,jumper"
:pager-count="5"
:total="total"
:current-page="current"
:page-size="size"
:page-sizes="pageSizes"
@current-change="changePagination"
@size-change="changeSize"
>
</el-pagination>
</div>
<Pagination
:total="total"
:current="current"
:size="size"
@currentChange="changePagination"
@sizeChange="changeSize"
></Pagination>
<span slot="footer" class="dialog-footer">
<el-button size="small" @click="Visible = false">取 消</el-button>
<el-button
......@@ -97,6 +91,7 @@
<script>
import TableHeader from "@/components/TableHeader.vue";
import Pagination from "@/components/Pagination.vue";
import { getPubdatumList } from "@/api/libray";
import { addPubdatum } from "@/api/materials";
import local from "@/utils/local";
......@@ -105,6 +100,7 @@ import { mapGetters } from "vuex";
export default {
components: {
TableHeader,
Pagination,
},
props: {
libVisible: {
......@@ -126,7 +122,6 @@ export default {
department: "",
searchVal: "",
tableData: [],
pageSizes: [10, 20, 30, 40, 50, 100, 200],
current: 1,
total: 10,
size: 10,
......
......@@ -140,20 +140,13 @@
</el-table-column>
</el-table>
</div>
<div class="pagination" v-if="leftTotal">
<el-pagination
background
layout="total,prev,pager,next,sizes,jumper"
:pager-count="5"
:total="leftTotal"
:current-page="leftCurrent"
:page-size="leftSize"
:page-sizes="pageSizes"
@current-change="leftChangePagination"
@size-change="leftChangeSize"
>
</el-pagination>
</div>
<Pagination
:current="leftCurrent"
:size="leftSize"
:total="leftTotal"
@currentChange="leftChangePagination"
@sizeChange="leftChangeSize"
></Pagination>
</el-card>
</div>
<!-- -->
......@@ -256,20 +249,13 @@
</el-table-column>
</el-table>
</div>
<div class="pagination" v-if="rightTotal">
<el-pagination
background
layout="total,prev,pager,next,sizes,jumper"
:pager-count="5"
:total="rightTotal"
:current-page="rightCurrent"
:page-size="rightSize"
:page-sizes="pageSizes"
@current-change="rightChangePagination"
@size-change="rightChangeSize"
>
</el-pagination>
</div>
<Pagination
:current="rightCurrent"
:size="rightSize"
:total="rightTotal"
@currentChange="rightChangePagination"
@sizeChange="rightChangeSize"
></Pagination>
</el-card>
</div>
<!-- 新增事项 -->
......@@ -286,6 +272,7 @@
<script>
import TableHeader from "@/components/TableHeader.vue";
import AddMatter from "./modal/AddMatter.vue";
import Pagination from "@/components/Pagination.vue";
import { mapGetters } from "vuex";
import {
// getMatterList,
......@@ -300,6 +287,7 @@ export default {
components: {
TableHeader,
AddMatter,
Pagination,
},
data() {
return {
......@@ -311,7 +299,6 @@ export default {
loadingLeft: false,
leftSearch: "",
rightSearch: "",
pageSizes: [10, 20, 30, 40, 50, 100, 200],
LeftTableData: [],
leftSelectedRowKeys: [],
leftCurrent: 1,
......@@ -354,24 +341,6 @@ export default {
this.$refs.rightTable.bodyWrapper.scrollTop = 0;
}
},
// 获取一体化事项列表
// async getMatterList() {
// this.loadingRight = true;
// let res = await getMatterList({
// page: this.rightCurrent,
// size: this.rightSize,
// matterName: this.rightSearch,
// deptCode: this.departmentRight,
// siteId: this.siteId,
// });
// this.loadingRight = false;
// if (res.data.code === 1) {
// let { total, data } = res.data.data;
// this.rightTableData = data;
// this.rightTotal = total;
// this.$refs.rightTable.bodyWrapper.scrollTop = 0;
// }
// },
// 获取样表系统事项列表
async getWriteMatterList() {
......@@ -433,6 +402,7 @@ export default {
// 左边搜索
searchLeft() {
this.leftCurrent = 1;
this.$refs.leftTable.clearSelection();
this.getWriteMatterList();
},
// 左边重置
......@@ -440,6 +410,7 @@ export default {
this.departmentLeft = "";
this.leftSearch = "";
this.leftCurrent = 1;
this.$refs.leftTable.clearSelection();
this.getWriteMatterList();
},
// 左边勾选
......@@ -486,6 +457,7 @@ export default {
// 右边搜索
handleSearchRight() {
this.rightCurrent = 1;
this.$refs.rightTable.clearSelection();
this.getMatterSubList();
},
// 右边重置
......@@ -493,6 +465,7 @@ export default {
this.rightSearch = "";
this.departmentRight = "";
this.rightCurrent = 1;
this.$refs.rightTable.clearSelection();
this.getMatterSubList();
},
// 右边勾选
......
......@@ -89,20 +89,13 @@
</el-table-column>
</el-table>
</div>
<div class="pagination" v-if="total">
<el-pagination
background
layout="total,prev,pager,next,sizes,jumper"
:pager-count="5"
:total="total"
:current-page="current"
:page-size="size"
:page-sizes="pageSizes"
@current-change="changePagination"
@size-change="changeSize"
>
</el-pagination>
</div>
<Pagination
:total="total"
:current="current"
:size="size"
@currentChange="changePagination"
@sizeChange="changeSize"
></Pagination>
<!-- 新增参数 -->
<AddParameter
ref="AddParameter"
......@@ -116,12 +109,14 @@
<script>
import TableHeader from "@/components/TableHeader.vue";
import Pagination from "@/components/Pagination.vue";
import AddParameter from "./modal/AddParameter.vue";
import { getParamList, delParam } from "@/api/system";
export default {
components: {
TableHeader,
AddParameter,
Pagination,
},
data() {
return {
......@@ -130,7 +125,6 @@ export default {
current: 1,
size: 10,
total: 10,
pageSizes: [10, 20, 30, 40, 50, 100, 200],
loading: false,
selectKeys: [],
addVisible: false,
......
......@@ -58,29 +58,24 @@
</el-table-column>
</el-table>
</div>
<div class="pagination" v-if="total">
<el-pagination
background
layout="total,prev,pager,next,sizes,jumper"
:pager-count="5"
:total="total"
:current-page="current"
:page-size="size"
:page-sizes="pageSizes"
@current-change="changePagination"
@size-change="changeSize"
>
</el-pagination>
</div>
<Pagination
:total="total"
:current="current"
:size="size"
@currentChange="changePagination"
@sizeChange="changeSize"
></Pagination>
</div>
</template>
<script>
import TableHeader from "@/components/TableHeader.vue";
import Pagination from "@/components/Pagination.vue";
import { getlogsList } from "@/api/system";
export default {
components: {
TableHeader,
Pagination,
},
data() {
return {
......@@ -89,7 +84,6 @@ export default {
current: 1,
size: 10,
total: 10,
pageSizes: [10, 20, 30, 40, 50, 100, 200],
loading: false,
selectKeys: [],
dict: {}, // 字典
......
......@@ -99,20 +99,13 @@
</el-table-column>
</el-table>
</div>
<div class="pagination" v-if="total">
<el-pagination
background
layout="total,prev,pager,next,sizes,jumper"
:pager-count="5"
:total="total"
:current-page="current"
:page-size="size"
:page-sizes="pageSizes"
@current-change="changePagination"
@size-change="changeSize"
>
</el-pagination>
</div>
<Pagination
:total="total"
:current="current"
:size="size"
@currentChange="changePagination"
@sizeChange="changeSize"
></Pagination>
<!-- 新增参数 -->
<AddTask
ref="AddTask"
......@@ -126,12 +119,14 @@
<script>
import TableHeader from "@/components/TableHeader.vue";
import Pagination from "@/components/Pagination.vue";
import AddTask from "./modal/AddTask.vue";
import { getTaskList, delTask } from "@/api/system";
export default {
components: {
TableHeader,
AddTask,
Pagination,
},
data() {
return {
......@@ -140,7 +135,6 @@ export default {
current: 1,
size: 10,
total: 10,
pageSizes: [10, 20, 30, 40, 50, 100, 200],
loading: false,
selectKeys: [],
addVisible: false,
......@@ -171,7 +165,6 @@ export default {
this.tableData = data;
this.total = total;
this.$refs.multipleTable.bodyWrapper.scrollTop = 0;
console.log(dict);
}
this.loading = false;
},
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment