首页住宿人口列表弹窗

guanqb

2023-10-23 16ddf4eb8e18c38e0e46d4b43844763cee3eb678

首页住宿人口列表弹窗

 src/styles/media/index.scss

@@ -3094,6 +3094,26 @@
        }
    }

    .zhuHuInfo-details-box {
        .el-dialog {
            width: countSizeVw(1200, 1920);
            height: countSizeVh(730);
        }

        .el-dialog__header button {
            font-size: countSizeVh(18);
            right: countSizeVw(10, 1920);
        }

        .el-dialog .el-dialog__body .el-table {
            height: calc(100% - countSizeVh(100)) !important;
        }

        .syld_page {
            margin-top: countSizeVh(14);
        }
    }

    .police-infor-table.el-table {

        th,

 src/views/home/index.vue

@@ -556,9 +556,9 @@
                            size="small" :title="'定位'">
                            <i class="el-icon-location" :style="{ color: positionColor(scope.row) }"></i>
                        </el-button>
                        <!-- <el-button @click="zhuSuInfoClick(scope.row)" type="text" size="small" :title="'住户信息'">
                        <el-button @click="zhuHuInfoClick(scope.row)" type="text" size="small" :title="'住户信息'">
                            <i class="el-icon-user-solid" style="color:#fcc31f"></i>
                        </el-button> -->
                        </el-button>
                    </template>
                </el-table-column>
            </el-table>
@@ -566,6 +566,54 @@
                <el-pagination background layout="prev, pager, next, total" :page-size="zhuSuPage.pageSize"
                    :total="zhuSuPage.total" :current-page="zhuSuPage.currentPage"
                    @current-change="handleZhuSuPageChange"></el-pagination>
            </div>
        </el-dialog>

        <el-dialog title="住户信息" :visible.sync="zhuHuInfoPopupShow" :modal="true" :modal-append-to-body="false"
            :close-on-click-modal="false" class="zhuHuInfo-details-box" v-loading="zhuHuInfoLoading"
            element-loading-text="拼命加载中" element-loading-spinner="el-icon-loading" :before-close="zhuHuBeforeClose"
            element-loading-background="rgba(0, 0, 0, 0.5)">
            <div class="header">
                <div>
                    姓名：
                    <input type="text" v-model="zhuHuInfoName" placeholder="请输入住户名称" />
                </div>
                <div>
                    身份证号：
                    <input type="text" v-model="zhuHuInfoID" placeholder="请输入住户身份证号" />
                </div>
                <div>时间：</div>
                <div>
                    <el-date-picker v-model="zhuHuInfoDate" type="daterange" range-separator="至" start-placeholder="开始日期"
                        end-placeholder="结束日期" format="yyyy-MM-dd" value-format="yyyy-MM-dd">
                    </el-date-picker>
                </div>

                <el-button type="primary" icon="el-icon-search" @click="searchZhuHuInfoDetail">搜索</el-button>
                <el-button type="primary" icon="el-icon-delete" @click="clearZhuHuInfoSearchValue">清空</el-button>
            </div>
            <el-table :data="zhuHuInfoArr" style="width: 100%"
                :header-cell-style="{ 'text-align': 'center', 'background-color': '#203c60', 'borderColor': '#324e75' }"
                :cell-style="{ 'text-align': 'center', 'borderColor': '#324e75', 'cursor': 'default' }">
                <el-table-column :show-overflow-tooltip="true" prop="rzFjh" label="入住_房间号"></el-table-column>
                <el-table-column :show-overflow-tooltip="true" prop="lxdh" label="联系电话" width="130"></el-table-column>
                <el-table-column :show-overflow-tooltip="true" prop="dzmc" label="旅客地址名称"></el-table-column>
                <el-table-column :show-overflow-tooltip="true" prop="lgmc" label="旅馆名称"></el-table-column>
                <el-table-column :show-overflow-tooltip="true" prop="xxrksj" label="信息入库时间"></el-table-column>
                <el-table-column :show-overflow-tooltip="true" prop="rzRgsj" label="入住_日期时间"></el-table-column>
                <el-table-column :show-overflow-tooltip="true" prop="zjhm" label="证件号码"></el-table-column>
                <el-table-column :show-overflow-tooltip="true" prop="zhusTs01" label="住宿天数"></el-table-column>
                <el-table-column :show-overflow-tooltip="true" prop="lddm" label="旅店代码"></el-table-column>
                <el-table-column :show-overflow-tooltip="true" prop="xbdmDic" label="性别"></el-table-column>
                <el-table-column :show-overflow-tooltip="true" prop="xm" label="姓名"></el-table-column>
                <el-table-column :show-overflow-tooltip="true" prop="sigajgjgdmDic" label="市局公安机关机构名称"></el-table-column>
                <el-table-column :show-overflow-tooltip="true" prop="cyzidmDic" label="常用证件类型"></el-table-column>
                <el-table-column :show-overflow-tooltip="true" prop="mzdmDic" label="民族"></el-table-column>
            </el-table>
            <div class="syld_page all-pagination-sty">
                <el-pagination background layout="prev, pager, next, total" :page-size="zhuHuInfoPage.pageSize"
                    :total="zhuHuInfoPage.total" :current-page="zhuHuInfoPage.currentPage"
                    @current-change="handleZhuHuInfoPageChange"></el-pagination>
            </div>
        </el-dialog>

@@ -704,7 +752,7 @@
import { convertStringToList } from "@/utils/geometryStringTool"

import { getDevices } from '@/api/video/index.js'
import { getActAsPoliceList, getEquipmentPaging, getPoliceStationTree, getEquipmentAll } from "@/api/home/index.js"
import { getActAsPoliceList, getEquipmentPaging, getPoliceStationTree, getEquipmentAll, getCheckInInfo } from "@/api/home/index.js"
import { getTalkEquimentPage, getPoliceCameraEquimentPage } from '@/api/home/equiment.js'

import landDetailsBox from './components/dialog/landDetailsBox.vue'
@@ -720,6 +768,16 @@

    data () {
        return {
            zhuHuInfoPopupShow: false,
            zhuHuInfoName: '',
            zhuHuInfoID: '',
            zhuHuInfoDate: '',
            zhuHuInfoArr: '',
            zhuHuInfoPage: {
                total: 0,
                pageSize: 15,
                currentPage: 1
            },
            syldName: '',
            architectureTitle: '',
            xxPopupShow: false,
@@ -1127,8 +1185,6 @@

        // 关注场所点击事件
        gzcsRowClick (row) {
            console.log('gzcsRowClick', row)
            console.log('gzcsRowClick', row)
            this.$EventBus.$emit('toPosition', {
                siteJd: row.longitude,
                siteWd: row.latitude,
@@ -1189,9 +1245,38 @@
            this.zhuSuPopupShow = false
        },

        // 实有楼栋---酒店--住户信息点击事件
        zhuSuInfoClick (row) {
            console.log('zhuSuInfoClick')
        // 实有楼栋---酒店--点击住户信息事件
        zhuHuInfoClick (row) {
            this.zhuHuInfoPopupShow = true
            this.chooseZhuHuInfoCode = row.hotelCode
            getCheckInInfo({ lddm: this.chooseZhuHuInfoCode }).then(res => {
                this.zhuHuInfoArr = res.data.data.records
            })
        },

        // 实有楼栋---酒店--住户信息弹窗搜索
        searchZhuHuInfoDetail () {
            getCheckInInfo({ lddm: this.chooseZhuHuInfoCode, xm: this.zhuHuInfoName, zjhm: this.zhuHuInfoID, startTime: this.zhuHuInfoDate[0], endTime: this.zhuHuInfoDate[1] }).then(res => {
                this.zhuHuInfoArr = res.data.data.records
            })
        },

        // 实有楼栋---酒店--住户信息弹窗清空
        clearZhuHuInfoSearchValue () {
            this.zhuHuInfoName = ''
            this.zhuHuInfoID = ''
            this.zhuHuInfoDate = ''
            getCheckInInfo({ lddm: this.chooseZhuHuInfoCode, xm: this.zhuHuInfoName, zjhm: this.zhuHuInfoID, startTime: this.zhuHuInfoDate[0], endTime: this.zhuHuInfoDate[1] }).then(res => {
                this.zhuHuInfoArr = res.data.data.records
            })
        },

        // 实有楼栋---酒店--住户信息弹窗关闭事件
        zhuHuBeforeClose () {
            this.zhuHuInfoPopupShow = false
            this.zhuHuInfoName = ''
            this.zhuHuInfoID = ''
            this.zhuHuInfoDate = ''
        },


@@ -1292,7 +1377,6 @@
                this.$store.commit('SET_ARCHITECTUREPOPUP', true)

                this.$store.commit('SET_ARCHITECTUREDATAPOPUP', { ...row, curDataTitle: this.architectureTitle, curDataType: '茅家岭派出所' })
                console.log('landRowClick', row)
                // eslint-disable-next-line no-redeclare
                var popup = new global.DC.DivForms(global.viewer, {
                    domId: 'architectureDivElementDom',
@@ -1756,7 +1840,6 @@
        },

        closeLoading () {
            console.log('closeLoading---------')
            if (loading != null) {
                setTimeout(() => {
                    loading.close()
@@ -2674,7 +2757,6 @@
        // 获取所有派出所中心
        getAllPoliceStationCenter () {
            const center = this.getAllRegionCenter(this.policeStationOptions)
            console.log('center', center)
            this.$EventBus.$emit('toPosition', {
                siteJd: center[0] + 0.046,
                siteWd: center[1] - 0.36,