首页现有地分页和序号展示

guanqb

2023-01-16 537b4e9aded01154748e730fd84ac2d1443642dc

首页现有地分页和序号展示

 src/api/home/index.js

@@ -141,13 +141,14 @@
}

// 获取现有地详情弹窗
export const getLandDetail = (type, policeStationId, policeName, phone) => {
export const getLandDetail = (type, policeStationId, current, policeName, phone) => {
    return request({
        url: `/api/policeStationInfo/policeStationInfo/page`,
        method: 'get',
        params: {
            type,
            policeStationId,
            current,
            policeName,
            phone
        }

 src/styles/base/index.scss

@@ -376,6 +376,10 @@
                font-size:  16px;
            }
        }
        .el-pagination.is-background .el-pager li:not(.disabled).active {
            color: #C0C4CC!important;
        }


        .header {
            display: flex;

 src/styles/media/index.scss

@@ -2013,7 +2013,36 @@
                        }

                        .el-table {
                            height: calc(100% - countSizeVh(60));
                            height: calc(100% - countSizeVh(80));
                        }

                        .pages {
                            height: countSizeVh(40);

                            &>div {
                                &>button {
                                    width: countSizeVh(32);
                                    height: countSizeVh(32);

                                    &>i {
                                        font-size: countSizeVh(16);
                                    }
                                }

                                &>ul {
                                    li {
                                        width: countSizeVh(32);
                                        height: countSizeVh(32);
                                        line-height: countSizeVh(32);
                                        font-size: countSizeVh(16);
                                    }
                                }
                            }

                        }
                        
                        .el-table__body-wrapper {
                            height: calc(100% - countSizeVh(80));
                        }

                        .el-table .cell{

 src/views/home/index.vue

@@ -236,6 +236,11 @@
                :header-cell-style="{ 'text-align': 'center', 'background-color': '#203c60', 'borderColor': '#324e75' }"
                :cell-style="{ 'text-align': 'center', 'borderColor': '#324e75', 'cursor': 'pointer' }"
            >
                <el-table-column label="序号" type="index" width="50" align="center">
                    <template scope="scope">
                        <span>{{(landPage.currentPage - 1) * landPage.pageSize + scope.$index +1}}</span>
                    </template>
                </el-table-column>
                <el-table-column prop="name" label="责任区名称" v-if="this.landType == 1"></el-table-column>
                <el-table-column prop="aoiName" label="小区名称" v-if="this.landType == 2"></el-table-column>
                <el-table-column prop="policeName" label="负责人"></el-table-column>
@@ -716,11 +721,6 @@
    },

    methods: {
        // 现有地详情弹窗分页
        landHandleCurrentChange () {

        },

        getEquipmentAll (params) {
            getEquipmentAll(params).then(res => {
                if (params.type == 0) {
@@ -1341,7 +1341,7 @@
            this.landTitle = name
            this.landType = type
            this.landDetailId = id
            this.getLandDetail(type, id, '', '')
            this.getLandDetail(type, id)
        },

        // 获取设备分页数据
@@ -1525,19 +1525,28 @@
        clearLandDetailSearchValue () {
            this.policeName = ''
            this.callPhone = ''
            this.getLandDetail(this.landType, this.landDetailId, this.policeName, this.callPhone)
            this.landPage.currentPage = 1
            this.getLandDetail(this.landType, this.landDetailId)
        },

        searchLandDetail () {
            this.getLandDetail(this.landType, this.landDetailId, this.policeName, this.callPhone)
            this.landPage.currentPage = 1
            this.getLandDetail(this.landType, this.landDetailId, this.landPage.currentPage, this.policeName, this.callPhone)
        },

        getLandDetail (type, policeStationId, policeName, phone) {
            getLandDetail(type, policeStationId, policeName, phone).then(res => {
        getLandDetail (type, policeStationId, current, policeName, phone) {
            getLandDetail(type, policeStationId, current, policeName, phone).then(res => {
                this.landDetailArr = res.data.data.records
                this.landPage.pageSize = res.data.data.size
                this.landPage.total = res.data.data.total
            })
        },

        // 现有地详情弹窗分页
        landHandleCurrentChange (currentPage) {
            this.landPage.currentPage = currentPage
            this.getLandDetail(this.landType, this.landDetailId, this.landPage.currentPage, this.policeName, this.callPhone)
        },

    },


 src/views/house/index.vue

@@ -1224,7 +1224,8 @@
        clearPeopleDetailSearchValue () {
            this.callPhone = ''
            this.peopleName = ''
            this.getVillagePersonInfo('', this.choosedBuildId, this.keyPeopleType == 1 ? '' : this.keyPeopleType, this.peoplePage.currentPage, this.peopleName, this.callPhone)
            this.peoplePage.currentPage = 1
            this.getVillagePersonInfo('', this.choosedBuildId, this.keyPeopleType == 1 ? '' : this.keyPeopleType, this.peoplePage.currentPage)
        },

        // 搜索指定人员