租赁信息搜索条件添加

guanqb

2024-03-27 0ba1f5051a2bd3f3dbc39c93e0eafb639baed466

租赁信息搜索条件添加

 src/styles/media/index.scss

@@ -984,13 +984,19 @@
                                    background-color: #102daa;
                                    color: #fff;
                                    border: 0;
                                    height: 32px;
                                    padding: 0 10px;
                                    height: countSizeVh(32);
                                    padding: 0 countSizeVw(10, 1920);
                                    margin-left: countSizeVw(8, 1920);
                                }

                                .el-input__inner {
                                    padding: 0 countSizeVw(15, 1920);
                                    height: countSizeVh(32);
                                    line-height: countSizeVh(32);
                                }

                                .el-input__icon {
                                    line-height: countSizeVh(32) !important;
                                }
                            }
                        }

 src/views/rentalInfo/index.vue

@@ -8,7 +8,38 @@
            </div>
            <div class="list-container">
                <div class="time-select">
                    <div class="search-item-box" style="justify-content: flex-start;">
                    <div class="search-item-box" v-if="chooseTab != '出租屋管理'">
                        <span>关键字：</span>

                        <el-input style="flex: 1;" size="small" placeholder="请输入（姓名或联系电话）" v-model="keyword"
                            @change="searchChange" clearable></el-input>
                    </div>

                    <div class="search-item-box" v-if="chooseTab == '出租屋管理'">
                        <span>用途：</span>

                        <el-select v-model="rentalUseType" clearable placeholder="请选择用途" @change="changeSelect">
                            <el-option v-for="item in rentalUseTypeList" :key="item.dictKey" :label="item.dictValue"
                                :value="item.dictKey">
                            </el-option>
                        </el-select>
                    </div>

                    <div class="search-item-box" v-if="chooseTab == '出租屋管理'">
                        <span>租赁期限：</span>

                        <el-select v-model="dldType" clearable placeholder="请选择租赁期限" @change="changeSelect">
                            <el-option v-for="item in dldTypeList" :key="item.dictKey" :label="item.dictValue"
                                :value="item.dictKey">
                            </el-option>
                        </el-select>
                    </div>

                    <div class="search-item-box" style="justify-content: center;" v-if="chooseTab != '出租屋管理'">
                        <el-button @click="searchBtn" icon="el-icon-search" class="bjnr-btn">搜索</el-button>
                        <el-button @click="resetSearch" icon="el-icon-delete" class="bjnr-btn">清除</el-button>
                    </div>
                    <div class="search-item-box" style="justify-content: flex-start;" v-if="chooseTab == '租客管理'">
                        <el-button @click="filterBtn" icon="el-icon-s-check" class="bjnr-btn"
                            :class="{ isOneClick: keyManFlag == 3 }">重点人员</el-button>
                    </div>
@@ -86,13 +117,30 @@

            pages: {
                total: 0,
                pageSize: 25,
                pageSize: 22,
                count: 0,
                currentPage: 1
            },
            rentalUseTypeList: [],
            rentalUseType: '',
            dldType: '',
            dldTypeList: [
                {
                    dictKey: 1,
                    dictValue: '长期'
                },
                {
                    dictKey: 2,
                    dictValue: '中期'
                },
                {
                    dictKey: 3,
                    dictValue: '短期'
                }
            ],
            nationTypeList: [],
            keyManFlag: ''
            keyManFlag: '',
            keyword: '',
        }
    },

@@ -137,6 +185,25 @@
    },

    methods: {
        // 下拉值发生改变
        changeSelect () {
            this.pages.current = 1
            this.initTableList()
        },

        // 点击搜索
        searchBtn () {
            this.pages.current = 1
            this.initTableList()
        },

        // 重置搜索
        resetSearch () {
            this.pages.current = 1
            this.keyword = ''
            this.initTableList()
        },

        // 重点人员筛选
        filterBtn () {
            if (this.keyManFlag == 3) {
@@ -319,8 +386,7 @@

        // 获得居住证申请记录列表
        getTaskResidencePermitApplyList () {
            getTaskResidencePermitApplyList({ reportType: 2, current: this.pages.currentPage, size: this.pages.pageSize, checkFlag: this.keyManFlag }).then(res => {
                console.log('getTaskResidencePermitApplyList', res.data.data.records)
            getTaskResidencePermitApplyList({ reportType: 2, current: this.pages.currentPage, size: this.pages.pageSize, searchKey: this.keyword }).then(res => {
                this.tableData = res.data.data.records
                this.pages.total = res.data.data.total
                loading && loading.close()
@@ -329,8 +395,7 @@

        // 获得出租屋列表
        getHouseRentalList () {
            getHouseRentalList({ current: this.pages.currentPage, size: this.pages.pageSize, checkFlag: this.keyManFlag }).then(res => {
                console.log('getHouseRentalList', res.data.data.records)
            getHouseRentalList({ current: this.pages.currentPage, size: this.pages.pageSize, dldType: this.dldType, rentalUse: this.rentalUseType }).then(res => {
                this.tableData = res.data.data.records
                this.pages.total = res.data.data.total
                loading && loading.close()
@@ -339,8 +404,7 @@

        // 获得租客列表
        getHouseholdSelectTenantList () {
            getHouseholdSelectTenantList({ current: this.pages.currentPage, size: this.pages.pageSize, relationship: 18, checkFlag: this.keyManFlag }).then(res => {
                console.log('getHouseholdSelectTenantList', res.data.data.records)
            getHouseholdSelectTenantList({ current: this.pages.currentPage, size: this.pages.pageSize, relationship: 18, checkFlag: this.keyManFlag, searchKey: this.keyword }).then(res => {
                this.tableData = res.data.data.records
                this.pages.total = res.data.data.total
                loading && loading.close()