Merge branch 'master' of http://s16s652780.51mypc.cn:49896/r/srs-police-affairs
| | |
|---|
| | | <el-button type="primary" icon="el-icon-search" @click="searchEquiment">搜索</el-button> |
|---|
| | | <el-button type="primary" icon="el-icon-delete" @click="clearSearchEquiment">清空</el-button> |
|---|
| | | </div> |
|---|
| | | <el-main v-loading="equimentLoading" element-loading-text="拼命加载中" element-loading-spinner="el-icon-loading" |
|---|
| | | element-loading-background="rgba(0, 0, 0, 0.2)"> |
|---|
| | | <el-table :data="currentData" style="width: 100%" |
|---|
| | | :header-cell-style="{ 'text-align': 'center', 'background-color': '#203c60', 'borderColor': '#324e75' }" |
|---|
| | | :cell-style="{ 'text-align': 'center', 'borderColor': '#324e75' }" v-show="!equimentLoading"> |
|---|
| | | <el-table-column label="序号" type="index" align="center"> |
|---|
| | | <template slot-scope="scope"> |
|---|
| | | <span>{{ (pages.current - 1) * pages.size + scope.$index + 1 }}</span> |
|---|
| | | </template> |
|---|
| | | </el-table-column> |
|---|
| | | |
|---|
| | | <el-table :data="currentData" style="width: 100%" |
|---|
| | | :header-cell-style="{ 'text-align': 'center', 'background-color': '#203c60', 'borderColor': '#324e75' }" |
|---|
| | | :cell-style="{ 'text-align': 'center', 'borderColor': '#324e75' }"> |
|---|
| | | <el-table-column label="序号" type="index" align="center"> |
|---|
| | | <template slot-scope="scope"> |
|---|
| | | <span>{{ (pages.current - 1) * pages.size + scope.$index + 1 }}</span> |
|---|
| | | </template> |
|---|
| | | </el-table-column> |
|---|
| | | <el-table-column :show-overflow-tooltip="true" prop="name" label="设备名称" |
|---|
| | | min-width="320%"></el-table-column> |
|---|
| | | <el-table-column :show-overflow-tooltip="true" prop="channelId" label="通道编号" |
|---|
| | | min-width="160%"></el-table-column> |
|---|
| | | <el-table-column :show-overflow-tooltip="true" prop="deptName" label="所属派出所" |
|---|
| | | min-width="140%"></el-table-column> |
|---|
| | | <el-table-column label="设备状态"> |
|---|
| | | <template slot-scope="scope"> |
|---|
| | | <i class="status-box" :class="{ online: Number(scope.row.status) === 1 }"></i> |
|---|
| | | </template> |
|---|
| | | </el-table-column>z |
|---|
| | | <el-table-column label="操作"> |
|---|
| | | <template slot-scope="scope"> |
|---|
| | | <el-button @click="play(scope.row)" type="text" size="small" title="播放视频"> |
|---|
| | | <i class="el-icon-video-play"></i> |
|---|
| | | </el-button> |
|---|
| | | </template> |
|---|
| | | </el-table-column> |
|---|
| | | </el-table> |
|---|
| | | |
|---|
| | | <el-table-column :show-overflow-tooltip="true" prop="name" label="设备名称" min-width="320%"></el-table-column> |
|---|
| | | <el-table-column :show-overflow-tooltip="true" prop="channelId" label="通道编号" |
|---|
| | | min-width="160%"></el-table-column> |
|---|
| | | <el-table-column :show-overflow-tooltip="true" prop="deptName" label="所属派出所" |
|---|
| | | min-width="140%"></el-table-column> |
|---|
| | | <el-table-column label="设备状态"> |
|---|
| | | <template slot-scope="scope"> |
|---|
| | | <i class="status-box" :class="{ online: Number(scope.row.status) === 1 }"></i> |
|---|
| | | </template> |
|---|
| | | </el-table-column>z |
|---|
| | | <el-table-column label="操作"> |
|---|
| | | <template slot-scope="scope"> |
|---|
| | | <el-button @click="play(scope.row)" type="text" size="small" title="播放视频"> |
|---|
| | | <i class="el-icon-video-play"></i> |
|---|
| | | </el-button> |
|---|
| | | </template> |
|---|
| | | </el-table-column> |
|---|
| | | </el-table> |
|---|
| | | |
|---|
| | | <div class="pages all-pagination-sty"> |
|---|
| | | <el-pagination background layout="prev, pager, next, total" :total="searchData.length" |
|---|
| | | :page-size="pages.size" pager-count="3" :current-page="pages.current" |
|---|
| | | @current-change="handleCurrentChange"></el-pagination> |
|---|
| | | </div> |
|---|
| | | <div class="pages all-pagination-sty" v-show="!equimentLoading"> |
|---|
| | | <el-pagination background layout="prev, pager, next, total" :total="searchData.length" |
|---|
| | | :page-size="pages.size" pager-count="3" :current-page="pages.current" |
|---|
| | | @current-change="handleCurrentChange"></el-pagination> |
|---|
| | | </div> |
|---|
| | | </el-main> |
|---|
| | | </el-dialog> |
|---|
| | | |
|---|
| | | <play-video ref="videoBox"></play-video> |
|---|
| | |
|---|
| | | |
|---|
| | | data () { |
|---|
| | | return { |
|---|
| | | equimentLoading: false, |
|---|
| | | tableData: [], |
|---|
| | | searchData: [], |
|---|
| | | dialogVisible: false, |
|---|
| | |
|---|
| | | cb (data) { |
|---|
| | | console.log(data, 456) |
|---|
| | | that.tableData = data |
|---|
| | | that.searchData = data |
|---|
| | | that.searchData = [] |
|---|
| | | that.pages.current = 1 |
|---|
| | | that.dialogVisible = true |
|---|
| | | that.equimentLoading = true |
|---|
| | | setTimeout(() => { |
|---|
| | | that.searchData = data |
|---|
| | | that.equimentLoading = false |
|---|
| | | }, 1000) |
|---|
| | | } |
|---|
| | | }) |
|---|
| | | } |
|---|
| | |
|---|
| | | } |
|---|
| | | } |
|---|
| | | |
|---|
| | | |
|---|
| | | .land-details-box { |
|---|
| | | .el-dialog { |
|---|
| | | display: flex; |
|---|
| | |
|---|
| | | <defs> |
|---|
| | | <path id="border-box-8-path-974b4d7cfafa444396861ca1d1173c8c" |
|---|
| | | d="M0.27,0.03c52.66,0,105.34,0,158,0c1.67,2,3.33,4,5,6c1,0.33,2,0.67,3,1c1.33,1.67,2.67,3.33,4,5 |
|---|
| | | c16,0,32,0,48,0c53.66,0,107.34,0,161,0c1.13,1.72,0.63,1.36,3,2c0,0.67,0,1.33,0,2c0.67,0,1.33,0,2,0 |
|---|
| | | c0.01,104.58,0.01,206.44,0,309c-1.43,0.78-4.01,2.77-5,4c-12,0-24,0-36,0c-2.67-3.33-5.33-6.67-8-10c-21,0-42,0-63,0 |
|---|
| | | c-1.08,2.32-2.35,4.25-4,6c-0.67,0.33-1.33,0.67-2,1c-0.33,1-0.67,2-1,3c-20,0-40,0-60,0c-66.66,0-133.34,0-200,0 |
|---|
| | | c-1.28-1.57-2.76-2.25-4-4c-0.33,0-0.67,0-1,0c0-8.67,0-17.33,0-26c0-19.66,0-39.34,0-59C0.27,160.04,0.27,80.02,0.27,0.03z" |
|---|
| | | c16,0,32,0,48,0c53.66,0,107.34,0,161,0c1.13,1.72,0.63,1.36,3,2c0,0.67,0,1.33,0,2c0.67,0,1.33,0,2,0 |
|---|
| | | c0.01,104.58,0.01,206.44,0,309c-1.43,0.78-4.01,2.77-5,4c-12,0-24,0-36,0c-2.67-3.33-5.33-6.67-8-10c-21,0-42,0-63,0 |
|---|
| | | c-1.08,2.32-2.35,4.25-4,6c-0.67,0.33-1.33,0.67-2,1c-0.33,1-0.67,2-1,3c-20,0-40,0-60,0c-66.66,0-133.34,0-200,0 |
|---|
| | | c-1.28-1.57-2.76-2.25-4-4c-0.33,0-0.67,0-1,0c0-8.67,0-17.33,0-26c0-19.66,0-39.34,0-59C0.27,160.04,0.27,80.02,0.27,0.03z" |
|---|
| | | fill="transparent" /> |
|---|
| | | <radialGradient id="border-box-8-gradient-974b4d7cfafa444396861ca1d1173c8c" cx="50%" cy="50%" r="50%"> |
|---|
| | | <stop offset="0%" stop-color="#fff" stop-opacity="1" /> |
|---|
| | |
|---|
| | | <circle cx="0" cy="0" r="150" fill="url(#border-box-8-gradient-974b4d7cfafa444396861ca1d1173c8c)"> |
|---|
| | | <animateMotion dur="8s" |
|---|
| | | path="M0.27,0.03c52.66,0,105.34,0,158,0c1.67,2,3.33,4,5,6c1,0.33,2,0.67,3,1c1.33,1.67,2.67,3.33,4,5 |
|---|
| | | c16,0,32,0,48,0c53.66,0,107.34,0,161,0c1.13,1.72,0.63,1.36,3,2c0,0.67,0,1.33,0,2c0.67,0,1.33,0,2,0 |
|---|
| | | c0.01,104.58,0.01,206.44,0,309c-1.43,0.78-4.01,2.77-5,4c-12,0-24,0-36,0c-2.67-3.33-5.33-6.67-8-10c-21,0-42,0-63,0 |
|---|
| | | c-1.08,2.32-2.35,4.25-4,6c-0.67,0.33-1.33,0.67-2,1c-0.33,1-0.67,2-1,3c-20,0-40,0-60,0c-66.66,0-133.34,0-200,0 |
|---|
| | | c-1.28-1.57-2.76-2.25-4-4c-0.33,0-0.67,0-1,0c0-8.67,0-17.33,0-26c0-19.66,0-39.34,0-59C0.27,160.04,0.27,80.02,0.27,0.03z" |
|---|
| | | c16,0,32,0,48,0c53.66,0,107.34,0,161,0c1.13,1.72,0.63,1.36,3,2c0,0.67,0,1.33,0,2c0.67,0,1.33,0,2,0 |
|---|
| | | c0.01,104.58,0.01,206.44,0,309c-1.43,0.78-4.01,2.77-5,4c-12,0-24,0-36,0c-2.67-3.33-5.33-6.67-8-10c-21,0-42,0-63,0 |
|---|
| | | c-1.08,2.32-2.35,4.25-4,6c-0.67,0.33-1.33,0.67-2,1c-0.33,1-0.67,2-1,3c-20,0-40,0-60,0c-66.66,0-133.34,0-200,0 |
|---|
| | | c-1.28-1.57-2.76-2.25-4-4c-0.33,0-0.67,0-1,0c0-8.67,0-17.33,0-26c0-19.66,0-39.34,0-59C0.27,160.04,0.27,80.02,0.27,0.03z" |
|---|
| | | rotate="auto" repeatCount="indefinite" /> |
|---|
| | | </circle> |
|---|
| | | </mask> |
|---|
| | |
|---|
| | | </svg> |
|---|
| | | </div> |
|---|
| | | |
|---|
| | | <el-dialog title="学校" :modal="false" :visible.sync="xxPopupShow" :before-close="landBeforeClose" |
|---|
| | | :close-on-click-modal="true" class="land-details-box" v-loading="landLoading" element-loading-text="拼命加载中" |
|---|
| | | element-loading-spinner="el-icon-loading" element-loading-background="rgba(0, 0, 0, 0.2)"> |
|---|
| | | <el-table :data="xxArr" 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="XSQ" label="县（市、区）"></el-table-column> |
|---|
| | | <el-table-column :show-overflow-tooltip="true" prop="name" label="学校名称"></el-table-column> |
|---|
| | | <el-table-column :show-overflow-tooltip="true" prop="DZ" label="地址"></el-table-column> |
|---|
| | | |
|---|
| | | <el-table-column label="操作" align="center"> |
|---|
| | | <template slot-scope="scope"> |
|---|
| | | <el-button @click="rowClick(scope.row)" type="text" size="small" title="定位"> |
|---|
| | | <i class="el-icon-location"></i> |
|---|
| | | </el-button> |
|---|
| | | </template> |
|---|
| | | </el-table-column> |
|---|
| | | </el-table> |
|---|
| | | </el-dialog> |
|---|
| | | </div> |
|---|
| | | </template> |
|---|
| | | |
|---|
| | | <script> |
|---|
| | | import { fontSize } from '@/utils/fontSize.js' |
|---|
| | | import { getAreaStatisticInfo } from "@/api/home/index.js" |
|---|
| | | import { schoolJSON } from '../homeleft/school' |
|---|
| | | import { getVillagePersonStatisticInfo, getVillagePersonStatisticInfoByPoliceStationId, getPersonInfo, getPersonInfoPage, getHouseStatisticInfo } from "@/api/dept" |
|---|
| | | import { schoolJSON } from '../homeleft/school.js' |
|---|
| | | |
|---|
| | | let homePersonmyChart = null |
|---|
| | | let keyPersonmyChart = null |
|---|
| | |
|---|
| | | data () { |
|---|
| | | return { |
|---|
| | | tabType: 0, |
|---|
| | | landLoading: false, |
|---|
| | | peopletype: 0, |
|---|
| | | tabTypeTwo: 0, |
|---|
| | | tabTypeThree: 0, |
|---|
| | |
|---|
| | | personAll: '', |
|---|
| | | // 记录当前选中派出所的ID |
|---|
| | | policeStaionID: '', |
|---|
| | | xxPopupShow: false, |
|---|
| | | xxArr: [], |
|---|
| | | peopleLoading: false, |
|---|
| | | } |
|---|
| | | }, |
|---|
| | |
|---|
| | | |
|---|
| | | this.$nextTick(() => { |
|---|
| | | window.addEventListener("resize", this.echartsResize) |
|---|
| | | if (this.userInfo.dept_id == '1596020515064381442') { |
|---|
| | | schoolJSON.forEach(item => { |
|---|
| | | if (item.x && item.x != '' && item.y && item.y != '') { |
|---|
| | | this.$EventBus.$emit('layerPointAdd', { |
|---|
| | | layerName: 'schoolJSONlayer', |
|---|
| | | type: "billboard", |
|---|
| | | layerType: 'ClusterLayer', |
|---|
| | | params: { |
|---|
| | | lng: Number(item.x), |
|---|
| | | lat: Number(item.y), |
|---|
| | | url: '/img/icon/school.png' |
|---|
| | | } |
|---|
| | | }) |
|---|
| | | } |
|---|
| | | }) |
|---|
| | | } |
|---|
| | | }) |
|---|
| | | }, |
|---|
| | | |
|---|
| | | methods: { |
|---|
| | | rowClick (row) { |
|---|
| | | if (row.x == '' || row.y == '') { |
|---|
| | | this.$message({ |
|---|
| | | message: '暂无位置信息', |
|---|
| | | type: 'warning' |
|---|
| | | }) |
|---|
| | | |
|---|
| | | return |
|---|
| | | } |
|---|
| | | |
|---|
| | | this.$EventBus.$emit('toPosition', { |
|---|
| | | layerName: 'carLayers', |
|---|
| | | siteJd: row.x, |
|---|
| | | siteWd: row.y |
|---|
| | | }) |
|---|
| | | |
|---|
| | | this.xxPopupShow = false |
|---|
| | | }, |
|---|
| | | |
|---|
| | | /** |
|---|
| | | * @description: 获取首页的所有数据 |
|---|
| | | * @return {*} |
|---|
| | |
|---|
| | | // barWidth: '10%', |
|---|
| | | barCategoryGap: '80%', |
|---|
| | | zlevel: 2, |
|---|
| | | // cursor: 'default', |
|---|
| | | cursor: this.userInfo.dept_id != '1596020515064381442' ? 'default' : 'pointer', |
|---|
| | | itemStyle: { |
|---|
| | | normal: { |
|---|
| | | // barBorderRadius: [0, 30, 30, 0], |
|---|
| | |
|---|
| | | houseMyChart.on('click', params => { |
|---|
| | | console.log('clickHouseChart', params) |
|---|
| | | if (params.name == '学校') { |
|---|
| | | this.xxPopupShow = true |
|---|
| | | this.landLoading = true |
|---|
| | | this.$parent.xxPopupShow = true |
|---|
| | | this.$parent.houseArr = [] |
|---|
| | | this.$parent.houseLoading = true |
|---|
| | | setTimeout(() => { |
|---|
| | | this.landLoading = false |
|---|
| | | this.xxArr = schoolJSON |
|---|
| | | this.$parent.houseLoading = false |
|---|
| | | this.$parent.houseArr = schoolJSON |
|---|
| | | }, 1000) |
|---|
| | | } |
|---|
| | | }) |
|---|
| | |
|---|
| | | }, |
|---|
| | | |
|---|
| | | getSchedulingList () { |
|---|
| | | console.log(this.userInfo, 456) |
|---|
| | | console.log(this.userInfo, 4567) |
|---|
| | | if (this.userInfo.dept_id == "1596020515064381442") { |
|---|
| | | const data = [ |
|---|
| | | { |
|---|
| | |
|---|
| | | </div> |
|---|
| | | |
|---|
| | | <el-main v-loading="peopleKeypeopleLoading" element-loading-text="拼命加载中" |
|---|
| | | element-loading-spinner="el-icon-loading" element-loading-background="rgba(0, 0, 0, 0.2)"> |
|---|
| | | element-loading-spinner="el-icon-loading" element-e-background="rgba(0, 0, 0, 0.2)"> |
|---|
| | | <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': 'default' }"> |
|---|
| | | :cell-style="{ 'text-align': 'center', 'borderColor': '#324e75', 'cursor': 'default' }" |
|---|
| | | v-show="!peopleKeypeopleLoading"> |
|---|
| | | <el-table-column label="序号" type="index" align="center"> |
|---|
| | | <template slot-scope="scope"> |
|---|
| | | <span>{{ (peoplePage.currentPage - 1) * peoplePage.pageSize + scope.$index + 1 }}</span> |
|---|
| | |
|---|
| | | <el-table-column :show-overflow-tooltip="true" 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="!peopleKeypeopleLoading"> |
|---|
| | | <el-pagination background layout="prev, pager, next, total" :page-size="peoplePage.pageSize" |
|---|
| | | :total="peoplePage.total" :current-page="peoplePage.currentPage" |
|---|
| | | @current-change="handlePeopleCurrentChange"></el-pagination> |
|---|
| | |
|---|
| | | <el-dialog :title="keyPersonTitle" :modal="true" :visible.sync="keyPersonVisible" :before-close="personInfoClose" |
|---|
| | | :close-on-click-modal="true" class="keyPerson-details-box"> |
|---|
| | | <!-- <div class="header" v-show="!isMaoJiaLin"> |
|---|
| | | <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> --> |
|---|
| | | <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' }" |
|---|
| | |
|---|
| | | </el-table> |
|---|
| | | |
|---|
| | | <!-- <div class="pages all-pagination-sty" ref="tablePagination" v-show="!isMaoJiaLin"> |
|---|
| | | <el-pagination background layout="prev, pager, next, total" :page-size="peoplePage.pageSize" |
|---|
| | | :total="peoplePage.total" :current-page="peoplePage.currentPage" |
|---|
| | | @current-change="handlePersonPageChange"></el-pagination> |
|---|
| | | </div> --> |
|---|
| | | <el-pagination background layout="prev, pager, next, total" :page-size="peoplePage.pageSize" |
|---|
| | | :total="peoplePage.total" :current-page="peoplePage.currentPage" |
|---|
| | | @current-change="handlePersonPageChange"></el-pagination> |
|---|
| | | </div> --> |
|---|
| | | </el-dialog> |
|---|
| | | |
|---|
| | | <el-dialog :title="equimentTitle" :modal="true" :visible.sync="equimentVisible" :before-close="equimentBeforeClose" |
|---|
| | |
|---|
| | | element-loading-background="rgba(0, 0, 0, 0.2)"> |
|---|
| | | <el-table :data="equimentTableData" style="width: 100%" |
|---|
| | | :header-cell-style="{ 'text-align': 'center', 'background-color': '#203c60', 'borderColor': '#324e75' }" |
|---|
| | | :cell-style="{ 'text-align': 'center', 'borderColor': '#324e75' }" :row-class-name="tableRowClassName"> |
|---|
| | | :cell-style="{ 'text-align': 'center', 'borderColor': '#324e75' }" :row-class-name="tableRowClassName" |
|---|
| | | v-show="!equimentLoading"> |
|---|
| | | <el-table-column label="序号" type="index" align="center"> |
|---|
| | | <template slot-scope="scope"> |
|---|
| | | <span>{{ (currentPage - 1) * pagesize + scope.$index + 1 }}</span> |
|---|
| | |
|---|
| | | </el-table-column> |
|---|
| | | </el-table> |
|---|
| | | |
|---|
| | | <div class="pages all-pagination-sty"> |
|---|
| | | <div class="pages all-pagination-sty" v-show="!equimentLoading"> |
|---|
| | | <el-pagination background layout="prev, pager, next, total" :total="equimentPagingTotal" |
|---|
| | | :page-size="pagesize" pager-count="3" :current-page="currentPage" |
|---|
| | | @current-change="handleCurrentChange"></el-pagination> |
|---|
| | |
|---|
| | | element-loading-background="rgba(0, 0, 0, 0.2)"> |
|---|
| | | <el-table :data="landDetailArr" style="width: 100%" |
|---|
| | | :header-cell-style="{ 'text-align': 'center', 'background-color': '#203c60', 'borderColor': '#324e75' }" |
|---|
| | | :cell-style="{ 'text-align': 'center', 'borderColor': '#324e75', 'cursor': 'default' }"> |
|---|
| | | :cell-style="{ 'text-align': 'center', 'borderColor': '#324e75', 'cursor': 'default' }" |
|---|
| | | v-show="!landLoading"> |
|---|
| | | <el-table-column label="序号" type="index" align="center"> |
|---|
| | | <template slot-scope="scope"> |
|---|
| | | <span>{{ (landPage.currentPage - 1) * landPage.pageSize + scope.$index + 1 }}</span> |
|---|
| | |
|---|
| | | <el-table-column :show-overflow-tooltip="true" prop="phone" label="联系电话"></el-table-column> |
|---|
| | | </el-table> |
|---|
| | | |
|---|
| | | <div class="pages all-pagination-sty" ref="tablePagination"> |
|---|
| | | <div class="pages all-pagination-sty" ref="tablePagination" v-show="!landLoading"> |
|---|
| | | <el-pagination background layout="prev, pager, next, total" :total="landPage.total" |
|---|
| | | :page-size="landPage.pageSize" :current-page="landPage.currentPage" |
|---|
| | | @current-change="landHandleCurrentChange"></el-pagination> |
|---|
| | |
|---|
| | | <video autoplay controls width="100%" height="100%" ref="videoElement" id="videoElement" |
|---|
| | | style="object-fit: fill"></video> |
|---|
| | | </el-dialog> |
|---|
| | | |
|---|
| | | <el-dialog title="学校" :modal="false" :visible.sync="xxPopupShow" :before-close="landBeforeClose" |
|---|
| | | :close-on-click-modal="true" class="land-details-box" v-loading="houseLoading" element-loading-text="拼命加载中" |
|---|
| | | element-loading-spinner="el-icon-loading" element-loading-background="rgba(0, 0, 0, 0.2)"> |
|---|
| | | <el-table :data="houseArr" style="width: 100%" |
|---|
| | | :header-cell-style="{ 'text-align': 'center', 'background-color': '#203c60', 'borderColor': '#324e75' }" |
|---|
| | | :cell-style="{ 'text-align': 'center', 'borderColor': '#324e75', 'cursor': 'default' }" |
|---|
| | | v-show="!houseLoading"> |
|---|
| | | |
|---|
| | | <el-table-column :show-overflow-tooltip="true" prop="XSQ" label="县（市、区）"></el-table-column> |
|---|
| | | <el-table-column :show-overflow-tooltip="true" prop="name" label="学校名称"></el-table-column> |
|---|
| | | <el-table-column :show-overflow-tooltip="true" prop="DZ" label="地址"></el-table-column> |
|---|
| | | |
|---|
| | | <el-table-column label="操作" align="center"> |
|---|
| | | <template slot-scope="scope"> |
|---|
| | | <el-button @click="landRowClick(scope.row)" type="text" size="small" |
|---|
| | | :title="scope.row.X == '' ? '暂无位置信息' : '定位'" :disabled="scope.row.X == ''"> |
|---|
| | | <i class="el-icon-location"></i> |
|---|
| | | </el-button> |
|---|
| | | </template> |
|---|
| | | </el-table-column> |
|---|
| | | </el-table> |
|---|
| | | </el-dialog> |
|---|
| | | </div> |
|---|
| | | </template> |
|---|
| | | |
|---|
| | |
|---|
| | | import geoJson from './444.json' |
|---|
| | | |
|---|
| | | import { keypeopleJSON } from './homeleft/keyPeople' |
|---|
| | | import { schoolJSON } from './homeleft/school' |
|---|
| | | |
|---|
| | | import { getPanoramaList } from "@/api/panorama" |
|---|
| | | import { getResidentialQuartersList, getPersonInfoPage } from '@/api/dept/index.js' |
|---|
| | |
|---|
| | | |
|---|
| | | data () { |
|---|
| | | return { |
|---|
| | | xxPopupShow: false, |
|---|
| | | houseLoading: false, |
|---|
| | | houseArr: [], |
|---|
| | | keyPeopleLoading: false, |
|---|
| | | equimentLoading: false, |
|---|
| | | landLoading: false, |
|---|
| | |
|---|
| | | } |
|---|
| | | }) |
|---|
| | | } |
|---|
| | | |
|---|
| | | }) |
|---|
| | | schoolJSON.forEach(item => { |
|---|
| | | if (item.x && item.x != '' && item.y && item.y != '') { |
|---|
| | | this.$EventBus.$emit('layerPointAdd', { |
|---|
| | | layerName: 'schoolJSONlayer', |
|---|
| | | type: "billboard", |
|---|
| | | layerType: 'ClusterLayer', |
|---|
| | | params: { |
|---|
| | | lng: Number(item.x), |
|---|
| | | lat: Number(item.y), |
|---|
| | | url: '/img/icon/school.png' |
|---|
| | | } |
|---|
| | | }) |
|---|
| | | } |
|---|
| | | }) |
|---|
| | | } |
|---|
| | | }) |
|---|
| | |
|---|
| | | this.keyPersonVisible = false |
|---|
| | | }, |
|---|
| | | |
|---|
| | | landRowClick (row) { |
|---|
| | | console.log(row, 1112233) |
|---|
| | | if (row.x == '' || row.y == '') { |
|---|
| | | this.$message({ |
|---|
| | | message: '暂无位置信息', |
|---|
| | | type: 'warning' |
|---|
| | | }) |
|---|
| | | |
|---|
| | | return |
|---|
| | | } |
|---|
| | | |
|---|
| | | this.$EventBus.$emit('toPosition', { |
|---|
| | | layerName: 'carLayers', |
|---|
| | | siteJd: row.x, |
|---|
| | | siteWd: row.y |
|---|
| | | }) |
|---|
| | | |
|---|
| | | this.xxPopupShow = false |
|---|
| | | |
|---|
| | | }, |
|---|
| | | |
|---|
| | | // 获取派出所中心点 |
|---|
| | | getPoliceStationCenter (id) { |
|---|
| | | let clickPoliceStation = this.policeStationOptions.filter(item => item.id === id) |
|---|
