| | |
| | | videoListPopup: (state) => state.popupParams.videoListPopup, |
| | | videoListPopupData: (state) => state.popupParams.videoListPopupData, |
| | | mapSearchPopup: (state) => state.popupParams.mapSearchPopup, |
| | | mapSearchPopupData: (state) => state.popupParams.mapSearchPopupData |
| | | mapSearchPopupData: (state) => state.popupParams.mapSearchPopupData, |
| | | houseDeepDataPopup: (state) => state.popupParams.houseDeepDataPopup |
| | | } |
| | | |
| | | export default getters |
| | |
| | | videoListPopupData: {}, |
| | | |
| | | mapSearchPopup: false, |
| | | houseDeepDataPopup: false, |
| | | mapSearchPopupData: {} |
| | | }, |
| | | |
| | |
| | | state.mapSearchPopup = mapSearchPopup |
| | | }, |
| | | |
| | | SET_HOUSEDEEPDATAPOPUP (state, mapSearchPopup) { |
| | | state.houseDeepDataPopup = mapSearchPopup |
| | | }, |
| | | |
| | | SET_MAPSEARCHPOPUPDATA (state, mapSearchPopupData) { |
| | | state.mapSearchPopupData = mapSearchPopupData |
| | | } |
| | |
| | | } |
| | | |
| | | } |
| | | |
| | | .el-main { |
| | | padding: 0; |
| | | } |
| | | } |
| | | } |
| | | |
| | | .keyPerson-details-box-two { |
| | | .el-dialog { |
| | | display: flex; |
| | | flex-direction: column; |
| | | width: 1000px; |
| | | height: 560px; |
| | | |
| | | .el-table__header-wrapper { |
| | | height: 60px; |
| | | line-height: 60px; |
| | | } |
| | | |
| | | .el-table .cell { |
| | | height: 30px; |
| | | line-height: 30px; |
| | | } |
| | | |
| | | .el-dialog__body { |
| | | flex: 1; |
| | | } |
| | | |
| | | .el-pagination.is-background .el-pager li:not(.disabled).active { |
| | | color: #C0C4CC !important; |
| | | } |
| | | |
| | | .header { |
| | | display: flex; |
| | | margin-bottom: 10px; |
| | | padding-left: 10px; |
| | | |
| | | &>div { |
| | | display: flex; |
| | | height: 32px; |
| | | line-height: 32px; |
| | | margin-right: 10px; |
| | | |
| | | input { |
| | | width: 150px; |
| | | height: 32px; |
| | | font-size: 12px; |
| | | text-indent: 1em; |
| | | color: #ffffff; |
| | | background-color: rgba(24, 79, 202, 0.6); |
| | | border: 1px solid rgb(0, 92, 169); |
| | | border-radius: 5px; |
| | | } |
| | | |
| | | input:focus { |
| | | outline: none; |
| | | } |
| | | |
| | | input::-webkit-input-placeholder { |
| | | color: rgba(238, 238, 238, 0.7); |
| | | } |
| | | } |
| | | |
| | | &>div:first-child input { |
| | | width: 120px; |
| | | } |
| | | |
| | | .el-button--primary { |
| | | background-color: rgba(29, 92, 228, 0.6); |
| | | border: 1px solid rgba(29, 92, 228, 0.6); |
| | | } |
| | | |
| | | .el-button--primary:hover { |
| | | background: #66b1ff !important; |
| | | border-color: #66b1ff !important; |
| | | } |
| | | |
| | | .el-button { |
| | | padding: 6px 10px; |
| | | } |
| | | |
| | | } |
| | | |
| | | .el-main { |
| | | padding: 0; |
| | | } |
| | | } |
| | | } |
| | | |
| | |
| | | |
| | | &>.floor-content { |
| | | |
| | | .build-item { |
| | | height: countSizeVh(100); |
| | | } |
| | | |
| | | .build-info { |
| | | height: countSizeVh(100); |
| | | |
| | |
| | | } |
| | | } |
| | | |
| | | .keyPerson-details-box-two { |
| | | .el-dialog { |
| | | width: countSizeVw(1000, 1920); |
| | | height: countSizeVh(560); |
| | | } |
| | | |
| | | .el-dialog__header button { |
| | | font-size: countSizeVh(18); |
| | | right: countSizeVw(10, 1920); |
| | | } |
| | | |
| | | .el-main { |
| | | height: calc(100% - countSizeVh(50)) !important; |
| | | } |
| | | |
| | | .el-dialog .el-dialog__body .el-table { |
| | | height: calc(100% - countSizeVh(40)) !important; |
| | | } |
| | | |
| | | .el-table__header-wrapper { |
| | | height: countSizeVh(60); |
| | | line-height: countSizeVh(60); |
| | | } |
| | | |
| | | .el-table .cell { |
| | | height: countSizeVh(30); |
| | | line-height: countSizeVh(30); |
| | | } |
| | | |
| | | .header { |
| | | margin-bottom: countSizeVh(10); |
| | | padding-left: countSizeVw(10, 1920); |
| | | |
| | | &>div { |
| | | height: countSizeVh(32); |
| | | line-height: countSizeVh(32); |
| | | margin-right: countSizeVw(10, 1920); |
| | | |
| | | input { |
| | | width: countSizeVw(150, 1920); |
| | | height: countSizeVh(32); |
| | | font-size: countSizeVh(12); |
| | | border: countSizeVh(1) solid rgb(0, 92, 169); |
| | | border-radius: countSizeVh(5); |
| | | } |
| | | } |
| | | |
| | | &>div:first-child input { |
| | | width: countSizeVw(120, 1920); |
| | | } |
| | | |
| | | .el-button--primary { |
| | | border: countSizeVh(1) solid rgba(29, 92, 228, 0.6); |
| | | } |
| | | |
| | | } |
| | | } |
| | | |
| | | .policeSituation-details-box { |
| | | .el-dialog { |
| | | width: countSizeVw(800, 1920); |
| | |
| | | <div class="progress"></div> |
| | | </div> |
| | | <div class="housing-bg"> |
| | | |
| | | |
| | | <img :src="villageInfo.pic_url" alt="" v-show="villageInfo.pic_url"> |
| | | <el-empty :image-size="120" description="暂无照片" |
| | | v-show="!villageInfo.pic_url && isHaveNoPic == true"></el-empty> |
| | |
| | | <div class="floor-content" v-show="subNavType == 1"> |
| | | <el-main v-loading="BuildListLoading" element-loading-background="rgba(0, 0, 0, 0.2)" |
| | | element-loading-text="数据正在加载中" element-loading-spinner="el-icon-loading" |
| | | style="overflow:hidden;padding:0px;"> |
| | | style="overflow:hidden;padding:0px;" class="build-item"> |
| | | |
| | | <div class="build-info"> |
| | | <div class="build-info" v-show="!BuildListLoading"> |
| | | <div class="nextBtn" @click="lastBtn" v-show="lastBtnShow == true"> |
| | | <i class="el-icon-caret-left"></i> |
| | | </div> |
| | |
| | | </el-dialog> |
| | | |
| | | <el-dialog :title="keyPersonTitle" :modal="false" :visible.sync="keyPersonVisible" |
| | | :before-close="keyPersonBeforeClose" :close-on-click-modal="true" class="keyPerson-details-box"> |
| | | :before-close="keyPersonBeforeClose" :close-on-click-modal="true" class="keyPerson-details-box-two"> |
| | | <div class="header"> |
| | | <div> |
| | | 姓名: |
| | |
| | | <el-table-column prop="policeStationName" label="所属派出所"></el-table-column> |
| | | <el-table-column prop="areaName" label="所属责任区"></el-table-column> |
| | | </el-table> |
| | | <div class="pages all-pagination-sty" ref="tablePagination"> |
| | | <div class="pages all-pagination-sty" ref="tablePagination" v-show="!keyPeopleLoading"> |
| | | <el-pagination background layout="prev, pager, next" :page-size="peoplePage.pageSize" |
| | | :total="peoplePage.total" :current-page="peoplePage.currentPage" |
| | | @current-change="peopleHandleCurrentChange"></el-pagination> |
| | |
| | | getSearchExtensivelyBgAoiDeepdata (ak, region, ids, infos) { |
| | | this.villageInfoLoading = true |
| | | this.BuildListLoading = true |
| | | this.buildingList = [] |
| | | getSearchExtensivelyBgAoiDeepdata(ak, region, ids, infos).then((res) => { |
| | | let baseUrl |
| | | if (process.env.NODE_ENV == "development") { |
| | |
| | | res.data.result[0].children_infos.length |
| | | ) { |
| | | let buildData = res.data.result[0].children_infos |
| | | this.buildingList = [] |
| | | buildData.forEach((item) => { |
| | | this.buildingList.push({ |
| | | name: `${item.sname}`, |
| | |
| | | siteWd: `${row.y}`, |
| | | siteGd: 1000, |
| | | }) |
| | | this.$EventBus.$emit("layerPointAdd", { |
| | | layerName: "deepDataLayer", |
| | | type: "label", |
| | | params: { |
| | | lng: `${row.x}`, |
| | | lat: `${row.y}`, |
| | | alt: 1, |
| | | text: row.name, |
| | | }, |
| | | |
| | | var popup = new global.DC.DivForms(global.viewer, { |
| | | domId: 'houseDeepDataPopup', |
| | | position: [ |
| | | global.DC.Transform.transformWGS84ToCartesian( |
| | | new global.DC.Position( |
| | | Number(row.x), |
| | | Number(row.y), |
| | | 0 |
| | | ) |
| | | ) |
| | | ] |
| | | }) |
| | | |
| | | this.$EventBus.$emit("layerPointAdd", { |
| | | layerName: "deepDataLayer", |
| | | type: "billboard", |
| | |
| | | this.keyPersonTitle = status == 1 ? "户籍人口详情" : "重点人口详情" |
| | | this.peopleNoDataText = ' ' |
| | | this.keyPeopleLoading = true |
| | | this.personDetailArr = [] |
| | | this.getVillagePersonInfo( |
| | | "", |
| | | this.choosedBuildId, |
| | |
| | | peopleHandleCurrentChange (currentPage) { |
| | | this.keyPeopleLoading = true |
| | | this.peoplePage.currentPage = currentPage |
| | | this.personDetailArr = [] |
| | | this.getVillagePersonInfo( |
| | | "", |
| | | this.choosedBuildId, |
| | |
| | | phone |
| | | ).then((res) => { |
| | | if (buildId) { |
| | | setTimeout(() => { |
| | | this.personDetailArr = res.data.data.records |
| | | }, 500) |
| | | |
| | | this.peoplePage.pageSize = res.data.data.size |
| | | this.peoplePage.total = res.data.data.total |
| | |
| | | this.callPhone = "" |
| | | this.peopleName = "" |
| | | this.peoplePage.currentPage = 1 |
| | | this.personDetailArr = [] |
| | | this.getVillagePersonInfo( |
| | | "", |
| | | this.choosedBuildId, |
| | |
| | | searchPeopleDetail () { |
| | | this.keyPeopleLoading = true |
| | | this.peoplePage.currentPage = 1 |
| | | this.personDetailArr = [] |
| | | this.getVillagePersonInfo( |
| | | "", |
| | | this.choosedBuildId, |