| | |
| | | * @Author: shuishen 1109946754@qq.com |
| | | * @Date: 2022-08-18 16:18:17 |
| | | * @LastEditors: shuishen 1109946754@qq.com |
| | | * @LastEditTime: 2023-02-09 10:07:57 |
| | | * @LastEditTime: 2023-02-10 11:20:36 |
| | | * @FilePath: \srs-police-affairs\src\views\home\index.vue |
| | | * @Description: 小区-栋-层-房屋 |
| | | * |
| | |
| | | </div> |
| | | </el-dialog> |
| | | |
| | | <!-- 户籍人口 --> |
| | | <el-dialog :title="peopleTitle" :modal="true" :visible.sync="peopleVisible" :before-close="personInfoClose" |
| | | :close-on-click-modal="true" class="area-details-box"> |
| | | <div class="header"> |
| | | <div> |
| | | 负责人: |
| | | <input type="text" v-model="peoplePoliceName" placeholder="请输入负责人名称" /> |
| | | 人员名称: |
| | | <input type="text" v-model="peoplePoliceName" placeholder="请输入人员名称" /> |
| | | </div> |
| | | <div> |
| | | 联系电话: |
| | |
| | | <el-button type="primary" icon="el-icon-search" @click="searchPeopleDetail">搜索</el-button> |
| | | <el-button type="primary" icon="el-icon-delete" @click="clearPeopleDetailSearchValue">清空</el-button> |
| | | </div> |
| | | |
| | | <el-table :data="peopleInfoList" style="width: 100%" |
| | | :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" align="center"> |
| | | <template slot-scope="scope"> |
| | | <span>{{(peoplePage.currentPage - 1) * peoplePage.pageSize + scope.$index + 1}}</span> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column prop="name" label="责任区名称"></el-table-column> |
| | | <el-table-column prop="policeName" label="负责人"></el-table-column> |
| | | <el-table-column prop="phone" label="联系电话"></el-table-column> |
| | | <el-table-column prop="areaNum" label="人口总数"></el-table-column> |
| | | <el-table-column prop="realName" label="姓名"></el-table-column> |
| | | <el-table-column prop="address" label="地址"></el-table-column> |
| | | <el-table-column prop="phone" label="电话"></el-table-column> |
| | | <el-table-column prop="policeStationName" label="所属派出所"></el-table-column> |
| | | <el-table-column prop="areaName" label="所属责任区"></el-table-column> |
| | | </el-table> |
| | | |
| | | <div class="pages" ref="tablePagination"> |
| | | <el-pagination background layout="prev, pager, next" :page-size="peoplePage.pageSize" |
| | | :total="peoplePage.total" :current-page="peoplePage.currentPage" |
| | | @current-change="handlePeopleCurrentChange"></el-pagination> |
| | | </div> |
| | | </el-dialog> |
| | | |
| | | <!-- 重点人员 --> |
| | | <el-dialog :title="keyPersonTitle" :modal="true" :visible.sync="keyPersonVisible" |
| | | :before-close="personInfoClose" :close-on-click-modal="true" class="keyPerson-details-box"> |
| | | <div class="header"> |
| | | <div> |
| | | 人员名称: |
| | | <input type="text" v-model="peoplePoliceName" placeholder="请输入人员名称" /> |
| | | </div> |
| | | <div> |
| | | 联系电话: |
| | | <input type="text" v-model="peopleCallPhone" placeholder="请输入联系电话" /> |
| | | </div> |
| | | <el-button type="primary" icon="el-icon-search" @click="searchPeopleDetail">搜索</el-button> |
| | | <el-button type="primary" icon="el-icon-delete" @click="clearPeopleDetailSearchValue">清空</el-button> |
| | | </div> |
| | | |
| | | <el-table :data="keyPersonDetailArr" style="width: 100%" |
| | | :header-cell-style="{ 'text-align': 'center', 'background-color': '#203c60', 'borderColor': '#324e75' }" |
| | | :cell-style="{ 'text-align': 'center', 'borderColor': '#324e75', 'cursor': 'pointer' }"> |
| | | <el-table-column prop="zdryxl" label="重点人员类型"></el-table-column> |
| | | <el-table-column prop="realName" label="姓名"></el-table-column> |
| | | <el-table-column prop="address" label="地址"></el-table-column> |
| | | <el-table-column prop="phone" label="电话"></el-table-column> |
| | | <el-table-column prop="policeStationName" label="所属派出所"></el-table-column> |
| | | <el-table-column prop="areaName" label="所属责任区"></el-table-column> |
| | | </el-table> |
| | | |
| | | <div class="pages" ref="tablePagination"> |
| | | <el-pagination background layout="prev, pager, next" :page-size="peoplePage.pageSize" |
| | | :total="peoplePage.total" :current-page="peoplePage.currentPage" |
| | | @current-change="handlePersonPageChange"></el-pagination> |
| | | </div> |
| | | </el-dialog> |
| | | |
| | |
| | | <el-pagination background layout="prev, pager, next" :page-size="landPage.pageSize" |
| | | :total="landPage.total" :current-page="landPage.currentPage" |
| | | @current-change="landHandleCurrentChange"></el-pagination> |
| | | </div> |
| | | </el-dialog> |
| | | |
| | | <el-dialog :title="keyPersonTitle" :modal="true" :visible.sync="keyPersonVisible" |
| | | :before-close="personInfoClose" :close-on-click-modal="true" class="keyPerson-details-box"> |
| | | <div class="header"> |
| | | <div> |
| | | 人员名称: |
| | | <input type="text" v-model="peoplePoliceName" placeholder="请输入人员名称" /> |
| | | </div> |
| | | <div> |
| | | 联系电话: |
| | | <input type="text" v-model="peopleCallPhone" placeholder="请输入联系电话" /> |
| | | </div> |
| | | <el-button type="primary" icon="el-icon-search" @click="searchPeopleDetail">搜索</el-button> |
| | | <el-button type="primary" icon="el-icon-delete" @click="clearPeopleDetailSearchValue">清空</el-button> |
| | | </div> |
| | | |
| | | <el-table :data="keyPersonDetailArr" style="width: 100%" |
| | | :header-cell-style="{ 'text-align': 'center', 'background-color': '#203c60', 'borderColor': '#324e75' }" |
| | | :cell-style="{ 'text-align': 'center', 'borderColor': '#324e75', 'cursor': 'pointer' }"> |
| | | <el-table-column prop="zdryxl" label="重点人员类型"></el-table-column> |
| | | <el-table-column prop="realName" label="姓名"></el-table-column> |
| | | <el-table-column prop="address" label="地址"></el-table-column> |
| | | <el-table-column prop="phone" label="电话"></el-table-column> |
| | | <el-table-column prop="policeStationName" label="所属派出所"></el-table-column> |
| | | <el-table-column prop="areaName" label="所属责任区"></el-table-column> |
| | | </el-table> |
| | | |
| | | <div class="pages" ref="tablePagination"> |
| | | <el-pagination background layout="prev, pager, next" :page-size="peoplePage.pageSize" |
| | | :total="peoplePage.total" :current-page="peoplePage.currentPage" |
| | | @current-change="handlePersonPageChange"></el-pagination> |
| | | </div> |
| | | </el-dialog> |
| | | |
| | |
| | | import geoJson from './444.json' |
| | | |
| | | import { getPanoramaList } from "@/api/panorama" |
| | | import { getAreaPage, getResidentialQuartersList, getPersonInfoPage } from '@/api/dept/index.js' |
| | | import { getResidentialQuartersList, getPersonInfoPage } from '@/api/dept/index.js' |
| | | |
| | | import monitoringList from '@/assets/data/monitoring.js' |
| | | import leftContainer from './components/leftContainer' |
| | |
| | | }) |
| | | } else { |
| | | this.policeSituationDetailObj = e |
| | | this.policeInformationType = '接警信息' |
| | | this.policeSituationVisible = true |
| | | } |
| | | }, |
| | |
| | | } |
| | | |
| | | }, |
| | | |
| | | |
| | | /** |
| | | * @description: 计算多个多边形面中心点 |
| | |
| | | this.$refs.RegionSelect.style.left = (bodyWidth - domWidth) / 2 + 'px' |
| | | }, |
| | | |
| | | showpeopledetail (id, name) { |
| | | this.peopleTitle = name |
| | | this.peopleVisible = true |
| | | this.peopleSearchQuery.id = id |
| | | this.getPeopleInfoList(this.peoplePage.currentPage, this.peopleSearchQuery.id) |
| | | }, |
| | | |
| | | getPeopleInfoList (current, areaId, policeName = '', phone = '') { |
| | | getAreaPage(current, areaId, policeName, phone, this.peoplePage.pageSize).then(res => { |
| | | if (res.data.code == 200) { |
| | | this.peopleInfoList = res.data.data.records |
| | | this.peoplePage.total = res.data.data.total |
| | | } |
| | | }) |
| | | }, |
| | | |
| | | handlePeopleCurrentChange (currentPage) { |
| | | this.peoplePage.currentPage = currentPage |
| | | this.getPeopleInfoList(this.peoplePage.currentPage, this.peopleSearchQuery.id, this.peoplePoliceName, this.peopleCallPhone) |
| | | }, |
| | | |
| | | showlanddetail (name, type, id) { |
| | | this.landVisible = true |
| | | this.landTitle = name |
| | |
| | | }, |
| | | |
| | | /** |
| | | * @description: 显示户籍人口列表 |
| | | * @param {*} id |
| | | * @param {*} name |
| | | * @return {*} |
| | | */ |
| | | showpeopledetail (id, name) { |
| | | this.peopleTitle = name |
| | | this.peopleSearchQuery.id = id |
| | | this.getPersonInfoPage(1) |
| | | this.peopleVisible = true |
| | | }, |
| | | |
| | | /** |
| | | * @description: 户籍人口列表分页切换 |
| | | * @param {*} currentPage |
| | | * @return {*} |
| | | */ |
| | | handlePeopleCurrentChange (currentPage) { |
| | | this.peoplePage.currentPage = currentPage |
| | | this.getPersonInfoPage(1) |
| | | }, |
| | | |
| | | /** |
| | | * @description: 显示重点人员列表 |
| | | * @param {*} name 当前类别名称 |
| | | * @return {*} |
| | | */ |
| | | showkeypersondetail (name) { |
| | | this.keyPersonTitle = name |
| | | this.getPersonInfoPage() |
| | | this.getPersonInfoPage(2) |
| | | this.keyPersonVisible = true |
| | | }, |
| | | |
| | |
| | | handlePersonPageChange (current) { |
| | | this.peoplePage.currentPage = current |
| | | |
| | | this.getPersonInfoPage() |
| | | this.getPersonInfoPage(2) |
| | | }, |
| | | |
| | | /** |
| | | * @description: 获取重点人员列表信息 |
| | | * @return {*} |
| | | */ |
| | | getPersonInfoPage () { |
| | | getPersonInfoPage (status) { |
| | | getPersonInfoPage({ |
| | | status: 2, |
| | | status, |
| | | depaId: this.userInfo.dept_id, |
| | | zdryxl: this.keyPersonTitle, |
| | | areaId: status === 2 ? '' : this.peopleSearchQuery.id, |
| | | zdryxl: status === 2 ? this.keyPersonTitle : '', |
| | | realName: this.peoplePoliceName, |
| | | phone: this.peopleCallPhone, |
| | | current: this.peoplePage.currentPage, |
| | |
| | | }).then(res => { |
| | | |
| | | this.peoplePage.total = res.data.data.total |
| | | this.keyPersonDetailArr = res.data.data.records |
| | | if (status === 2) { |
| | | this.keyPersonDetailArr = res.data.data.records |
| | | } else { |
| | | this.peopleInfoList = res.data.data.records |
| | | } |
| | | |
| | | }) |
| | | }, |
| | |
| | | this.peoplePage.currentPage = 1 |
| | | |
| | | if (this.peopleVisible == true) { |
| | | this.getPeopleInfoList(this.peoplePage.currentPage, this.peopleSearchQuery.id, this.peoplePoliceName, this.peopleCallPhone) |
| | | this.getPersonInfoPage(1) |
| | | } else if (this.keyPersonVisible == true) { |
| | | this.getPersonInfoPage() |
| | | this.getPersonInfoPage(2) |
| | | } |
| | | }, |
| | | |
| | |
| | | this.peoplePage.currentPage = 1 |
| | | |
| | | if (this.peopleVisible == true) { |
| | | this.getPeopleInfoList(this.peoplePage.currentPage, this.peopleSearchQuery.id) |
| | | this.getPersonInfoPage(1) |
| | | } else if (this.keyPersonVisible == true) { |
| | | this.getPersonInfoPage() |
| | | this.getPersonInfoPage(2) |
| | | } |
| | | }, |
| | | |