社区房屋弹窗、活动轨迹按钮样式

guanqb

2023-01-14 465b16182d2556568e070bd720802685c4d83ace

社区房屋弹窗、活动轨迹按钮样式

 src/api/dept/index.js

@@ -194,4 +194,15 @@
            buildId
        }
    })
}

// 户籍人口、重点人口信息
export const getVillagePersonInfo = (resBusId) => {
    return request({
        url: `/api/villagePersonInfo/villagePersonInfo/page`,
        method: 'get',
        params: {
            resBusId
        }
    })
}

 src/styles/media/index.scss

@@ -1705,7 +1705,7 @@
                        }

                        .btn-box {
                            top: countSizeVh(78);
                            top: countSizeVh(66);
                            min-height: countSizeVh(40);
                            padding: countSizeVh(10) countSizeVw(10, 1920) 0 countSizeVw(10, 1920);
                            border-radius: countSizeVw(10, 1920);
@@ -1727,7 +1727,7 @@
                        }

                        .search-content {
                            left: countSizeVw(760, 1920);
                            // left: countSizeVw(760, 1920);
                            top: countSizeVh(120);
                            width: countSizeVw(460, 1920);
                            height: countSizeVh(36);

 src/views/activity/index.vue

@@ -1758,7 +1758,7 @@

    .btn-box {
        position: fixed;
        top: 78px;
        top: 66px;
        left: 50%;
        transform: translate(-50%, 0);
        min-height: 40px;
@@ -1789,7 +1789,8 @@
        position: absolute;
        position: fixed;
        z-index: 99;
        left: 760px;
        left: 50%;
        transform: translate(-50%, 0);
        top: 140px;
        width: 460px;
        height: 36px;

 src/views/house/index.vue

@@ -573,23 +573,18 @@
            class="resident-details-box"
            width="30%"
        >
            <h3 style="text-align:left;margin:10px 0 10px 0">户主信息</h3>
            <el-table
                :data="houseDate.householdsDate"
                :data="houseDate"
                :header-cell-style="{ 'text-align': 'center', 'background-color': '#203c60', 'borderColor': '#324e75' }"
                :cell-style="{ 'text-align': 'center', 'borderColor': '#324e75' }"
            >
                <el-table-column prop="name" label="姓名"></el-table-column>
                <el-table-column prop="peopleType" label="重点人员"></el-table-column>
                <el-table-column prop="nation" label="民族"></el-table-column>
                <el-table-column prop="sex" label="性别"></el-table-column>
                <el-table-column prop="age" label="年龄"></el-table-column>
                <el-table-column prop="telephone" label="电话" width="120"></el-table-column>
                <el-table-column prop="workplace" label="工作地" width="180"></el-table-column>
                <el-table-column prop="realName" label="姓名"></el-table-column>
                <el-table-column prop="phone" label="电话"></el-table-column>
                <el-table-column prop="cardNo" label="身份证号"></el-table-column>
            </el-table>
            <!-- <h3 style="text-align:left;margin:10px 0 10px 0">户室人员信息</h3> -->
            <!-- <el-table
                :data="houseDate.householdsDate"
                :data="houseDate"
                :header-cell-style="{'text-align':'center','background-color':'#203c60','borderColor':'#324e75'}"
                :cell-style="{'text-align':'center','borderColor':'#324e75'}"
            >
@@ -631,8 +626,7 @@

<script>
import { listQuery, accurateSearch } from "@/utils/search.js"
// import housingData from '@/assets/data/housingData.js'
import { getSearchExtensively, getHouses, getSearchExtensivelyBgAoiDeepdata, getPoliceStationLazyTree, getVillageInfo, getVillagePersonStatisticInfoByBuildId } from '@/api/dept/index.js'
import { getSearchExtensively, getHouses, getSearchExtensivelyBgAoiDeepdata, getPoliceStationLazyTree, getVillageInfo, getVillagePersonStatisticInfoByBuildId, getVillagePersonInfo } from '@/api/dept/index.js'
import { getAlarmList } from "@/api/home/index.js"


@@ -659,15 +653,7 @@
            subNavType: 1,
            lastFloorShow: false,
            nextFloorShow: true,
            houseDate: {},
            // housingData: {
            //     name: '',
            //     img: '/img/housing/one.jpg',
            //     classify: '住宅区',
            //     area: 'xxx警务室',
            //     principal: '王敦顿',
            //     address: '江西省上饶市市广信区信美路18号'
            // },
            houseDate: [],
            searchValue: '',
            searchArray: [],
            searchValBoxShow: false,
@@ -787,7 +773,6 @@
            this.getVillageInfo(this.$route.query.id)
            // 使用首页传过来的小区id获取停车场出入口商场和 小区名称类型地址数据
            this.getSearchExtensivelyBgAoiDeepdata('ebf48ecaa1fd436fa3d40c4600aa051f', '361100', this.$route.query.id, '1|3')

        } else {// 直接进入社区默认小区数据（万达华府）
            console.log(this.$route.query.id, 6666666)
            // 默认获取万达广场的责任民警及所属辖区
@@ -907,9 +892,9 @@
        },

        residentDetailsClick (params) {
            this.residentDetailsTitle = `${params.Doorplate}住户`
            this.getVillagePersonInfo(params.house_id)
            this.residentDetailsTitle = `${params.house_num}住户信息`
            this.residentDetailsShow = true
            this.houseDate = params
        },

        residentDetailsClose () {
@@ -1161,7 +1146,7 @@

        // 获取历史接警记录
        getAlarmList () {
            getAlarmList({ current: this.callPolicePage.currentPage, size: this.pagesize, sfdz: this.housingData.name }).then(res => {
            getAlarmList({ current: this.callPolicePage.currentPage, size: this.pagesize, sfdz: this.villageInfo.name }).then(res => {
                this.callPolicePage.count = res.data.data.pages

                this.callPoliceData = []
@@ -1181,7 +1166,6 @@
        // 分页选择事件
        handleCurrentChange: function (currentPage) {
            this.callPolicePage.currentPage = currentPage

            // this.getAlarmList()
        },

@@ -1244,6 +1228,13 @@
            })
        },

        // 房屋人口信息
        getVillagePersonInfo (resBusId) {
            getVillagePersonInfo(resBusId).then(res => {
                this.houseDate = res.data.data.records
            })
        },

    },

    destroyed () {