出租房管理数据统计

guoshilong

2023-11-07 2975f434373e340f9f099805c6f311434e4c3725

出租房管理数据统计

 api/houseRental/houseRental.js

@@ -45,3 +45,25 @@
        data
    })
}

//获取统计数据
export const getStatistics = (params) => {
    return http.request({
        url: 'blade-houseRental/houseRental/getStatistics',
        method: 'GET',
        params: {
            ...params
        }
    })
}

//获取统计数据
export const getPage = (params) => {
    return http.request({
        url: 'blade-houseRental/houseRental/page',
        method: 'GET',
        params: {
            ...params
        }
    })
}

 common/setting.js

@@ -11,7 +11,8 @@
    // 开发环境接口Url
    // devUrl: 'https://sk.hubeishuiyi.cn',
    // devUrl: 'http://192.168.1.156:9528',
    devUrl:'http://192.168.1.50:9528',
    // devUrl:'http://192.168.1.50:9528',
    devUrl: 'http://192.168.1.133:9528',
    minioBaseUrl:"http://60.220.177.113:9000/jczz/",
    // 数据中台接口url
    // dataCenterUrl: 'http://10.10.2.192/services',

 pages.json

@@ -70,8 +70,7 @@
        //公告
        {
            "root": "subPackage/notice",
            "pages": [
                {
            "pages": [{
                    "path": "list",
                    "style": {
                        "navigationBarTitleText": "公告",
@@ -95,8 +94,7 @@
        //便民热线
        {
            "root": "subPackage/hotLine",
            "pages": [
                {
            "pages": [{
                    "path": "index",
                    "style": {
                        "navigationBarTitleText": "便民热线",
@@ -104,8 +102,7 @@
                        "navigationBarBackgroundColor": "#fff",
                        "navigationBarTextStyle": "black"
                    }
                }
            ]
            }]
        },
        
        //工作台

 subPackage/workbench/views/rental.vue

@@ -6,13 +6,14 @@
                    @ed='handleSelect'></chenchuang-CCDropDownFilter>
            </view>
            <view class="search-box">
                <u-search placeholder="请输入租户名" v-model="keyword"  :clearabled="true" :showAction="true"  :animation="true"></u-search>
                <u-search placeholder="请输入租户名" v-model="query.tenantName" :clearabled="true" :showAction="true"
                    :animation="true"></u-search>
            </view>
        </view>
        
        <view class="content">
            <view class="row flex j-c-s-b a-i-c">
                <view class="row-item bgc-ff flex a-i-c">
            <view class="row flex  a-i-c" style="flex-wrap: wrap;">
                <!--                 <view class="row-item bgc-ff flex a-i-c">
                    <view class="dot bgc-green"></view>
                    <text class="f-24">长期3户 (3)人</text>
                </view>
@@ -23,7 +24,16 @@
                <view class="row-item bgc-ff flex a-i-c">
                    <view class="dot bgc-orange"></view>
                    <text class="f-24">长期3户 (3)人</text>
                </view> -->
                <view v-for="(item,index) in statistics" :key="index" class="row-item bgc-ff flex a-i-c">
                    <view v-if="item.term =='shortTerm' " class="dot bgc-orange"></view>
                    <view v-if="item.term =='middleTerm' " class="dot bgc-main"></view>
                    <view v-if="item.term =='longTerm' " class="dot bgc-green"></view>
                    <text class="f-24">{{formatTerm(item.term)}}{{item.total}}户 ({{item.personNum}})人</text>
                </view>



            </view>
            
            <view class="list bgc-ff" v-for="i in 3">
@@ -57,34 +67,36 @@
</template>

<script>
    import {
        getPage,
        getStatistics
    } from '@/api/houseRental/houseRental';
    export default {
        data() {
            return {
                filterData: [
                    [
                        {
                    [{
                          name: '全部',
                          value: ''
                        },
                        {
                            name: '待审核',
                            value: '1'
                            value: '0'
                        },
                        {
                            name: '未到期',
                            value: '2'
                            value: '10'
                        },
                        {
                            name: '即将到期',
                            value: '3'
                            value: '20'
                        },
                        {
                            name: '已到期',
                            value: '3'
                            value: '30'
                        }
                    ],
                    [
                        {
                    [{
                            name: '楼层',
                            value: ''
                        },
@@ -103,14 +115,46 @@
                    ]
                ],
                defaultIndex: [0, 0],
                keyword:""
            }
                keyword: "",
                statistics: [],
                query: {
                    teanatName: "",
        },

            }
        },
        computed: {
            formatTerm() {
                return (term => {
                    if (term == 'longTerm') {
                        return "长期"
                    } else if (term == 'middleTerm') {
                        return "中期"
                    } else if (term == 'shortTerm') {
                        return "短期"
                    }
                })
            }
        },
        onLoad() {
            this.getStatistics()
            this.getList()
        },
        methods: {
            handleSelect(res) {
                console.log('选择res = ' + JSON.stringify(res));
            },
            getStatistics() {
                getStatistics().then(res => {
                    console.log(res, "+------------")
                    this.statistics = res.data
                })
            },
            getList() {
                getPage(this.query).then(res => {
                    console.log(res)
                })
            }
        }
    }
</script>
@@ -118,6 +162,7 @@
    page {
        background-color: #F5F5F5;
    }

    .header{
        width:100%;
        position: fixed;
@@ -125,61 +170,75 @@
        left:0;
        z-index: 10;
    }

    .filter-box{
        width:100%;
        height:100rpx;
    }

    .search-box{
        padding:20rpx 24rpx 30rpx;
    }

    .content{
        width:100%;
        margin-top:220rpx;
        padding: 0 30rpx;
        box-sizing: border-box;

        .row{
            width:100%;
            padding:20rpx 0;
        }

        .row-item{
            width:220rpx;
            width: calc(100% / 3);
            height:46rpx;
            border-radius: 30rpx;
            padding: 0 20rpx;
            box-sizing: border-box;
        }

        .dot{
            width:10rpx;
            height:10rpx;
            border-radius: 50%;
            margin-right:18rpx;
        }

        .bgc-green{
            background-color:#30D17C;
        }

        .bgc-orange{
            background-color:#FFAC3D;
        }

        .list{
            width:100%;
            padding:30rpx 30rpx 0;
            box-sizing: border-box;
            margin-bottom:20rpx;

            .list-address{
                padding:30rpx 0;
            }

            .list-action{
                padding:22rpx 0 30rpx;
                border-top:1px solid #F5F5F5;
            }

            .action-item{
                display: flex;
                flex:1;
                justify-content: center;
            }

            .action-item:first-child{
                border-right:1px solid #DBDBDB;
            }

            .mr-50{
                margin-right:50rpx;
            }