| | |
| | | // global.viewer.addTerrain(terrain) |
| | | |
| | | // 内网 |
| | | that.switchImg() |
| | | // that.switchImg() |
| | | |
| | | // 外网 |
| | | global.viewer.imageryLayers.addImageryProvider( |
| | | new global.DC.Namespace.Cesium.UrlTemplateImageryProvider({ |
| | | url: 'http://t{s}.tianditu.gov.cn/DataServer?T=vec_w&x={x}&y={y}&l={z}&tk=e45274b0235bb913eceb393aabbf9c9c', |
| | | subdomains: ['0', '1', '2', '3', '4', '5', '6', '7'], |
| | | format: 'image/jpeg', |
| | | show: true, |
| | | maximumLevel: 18 |
| | | }) |
| | | ) |
| | | |
| | | // global.viewer.imageryLayers.addImageryProvider( |
| | | // new global.DC.Namespace.Cesium.UrlTemplateImageryProvider({ |
| | | // url: 'http://t{s}.tianditu.gov.cn/DataServer?T=vec_w&x={x}&y={y}&l={z}&tk=e45274b0235bb913eceb393aabbf9c9c', |
| | | // subdomains: ['0', '1', '2', '3', '4', '5', '6', '7'], |
| | | // format: 'image/jpeg', |
| | | // show: true, |
| | | // maximumLevel: 18 |
| | | // }) |
| | | // ) |
| | | |
| | | // 设置地图初始位置,角度等 |
| | | global.viewer.camera.setView({ |
| | |
| | | <li> |
| | | <span class="num">序号</span> |
| | | <span class="receiving-alarm-unit">接警单位</span> |
| | | <span class="receiving-alarm-people">接警员</span> |
| | | <span class="receiving-alarm-people">接待警员</span> |
| | | <span class="receiving-alarm-time">报警时间</span> |
| | | <span class="call-people">报警人</span> |
| | | <span class="call-phone">联系电话</span> |
| | |
| | | <el-table-column :show-overflow-tooltip="true" prop="SFDZ" label="事发地址" |
| | | min-width="12%"></el-table-column> |
| | | <el-table-column :show-overflow-tooltip="true" prop="BJLX" label="报警类型" |
| | | min-width="8%"></el-table-column> |
| | | <el-table-column :show-overflow-tooltip="true" prop="position" label="坐标" |
| | | min-width="8%"></el-table-column> |
| | | <el-table-column :show-overflow-tooltip="true" prop="MEMO" label="备注" min-width="12%"></el-table-column> |
| | | </el-table> |
| | |
| | | |
| | | if (res.data.data.records.length > 0) { |
| | | this.policeSituationHistoryArr = res.data.data.records.map((item, index) => { |
| | | return { ...item, index: index + 1, lng: item.ZDDWXZB, lat: item.ZDDWYZB } |
| | | return { ...item, index: index + 1, lng: item.ZDDWXZB, lat: item.ZDDWYZB, position: item.ZDDWYZB ? '有' : '无' } |
| | | }) |
| | | } else { |
| | | this.policeSituationHistoryArr = [] |
| | |
| | | <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> |
| | |
| | | :close-on-click-modal="true" class="land-details-box"> |
| | | <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': 'pointer' }"> |
| | | :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> |
| | |
| | | }, |
| | | |
| | | created () { |
| | | console.log(schoolJSON, 1111) |
| | | }, |
| | | |
| | | mounted () { |
| | |
| | | this.$EventBus.$emit('layerPointAdd', { |
| | | layerName: 'schoolJSONlayer', |
| | | type: "billboard", |
| | | layerType: 'ClusterLayer', |
| | | params: { |
| | | lng: Number(item.x), |
| | | lat: Number(item.y), |
| | |
| | | |
| | | this.xxPopupShow = false |
| | | }, |
| | | |
| | | /** |
| | | * @description: 获取首页的所有数据 |
| | | * @return {*} |
| | |
| | | this.getPoliceStationInfo() |
| | | |
| | | } else { |
| | | |
| | | this.getVillagePersonStatisticInfoByPoliceStationId(this.policeStaionID != '' ? this.policeStaionID : this.userInfo.dept_id) |
| | | |
| | | } |
| | |
| | | zlevel: 2, |
| | | itemStyle: { |
| | | normal: { |
| | | barBorderRadius: [0, 30, 30, 0], |
| | | // barBorderRadius: [0, 30, 30, 0], |
| | | // color: function (params) { |
| | | // var num = myColor.length |
| | | // return myColor[params.dataIndex % num] |
| | | // }, |
| | | color: '#ed7c2f' |
| | | color: '#ed7c2f', |
| | | label: { |
| | | show: true, //开启显示 |
| | | position: 'right', //在上方显示 |
| | | textStyle: { //数值样式 |
| | | color: '#ed7c2f', |
| | | fontSize: 16 |
| | | } |
| | | } |
| | | } |
| | | }, |
| | | }, |
| | |
| | | grid: { |
| | | top: '2%', |
| | | left: '2%', |
| | | right: '-1%', |
| | | // right: '-1%', |
| | | right: '5%', |
| | | bottom: '2%', |
| | | containLabel: true |
| | | }, |
| | |
| | | clickPeopleChart () { |
| | | homePersonmyChart.on('click', params => { |
| | | if (params.data.type == 'policeStation') { |
| | | const center = this.$parent.getPoliceStationCenter(params.data.id) |
| | | this.$EventBus.$emit('toPosition', { |
| | | layerName: 'carLayers', |
| | | siteJd: center[0], |
| | | siteWd: center[1] |
| | | }) |
| | | this.getVillagePersonStatisticInfoByPoliceStationId(params.data.id) |
| | | } else { |
| | | this.$emit('showpeopledetail', params.data.id, params.data.name) |
| | |
| | | |
| | | this.clickkeyPersonChart() |
| | | }, |
| | | |
| | | /** |
| | | * @description: 调用接口获取重点人员数据 |
| | | * @return {*} |
| | |
| | | getSchedlingList (item) { |
| | | this.$emit("showschedulingdetail", item.dept, item.dept, "type") |
| | | }, |
| | | |
| | | //获取值班单位信息 |
| | | getSchedulingDeptList () { |
| | | getSchedulingDeptList().then((res) => { |
| | | this.schedulingDeptList = res.data.data |
| | | }) |
| | | }, |
| | | |
| | | // actTabClick (type) { |
| | | // this.acttype = type |
| | | // this.$refs.activityTable.bodyWrapper.scrollTop = 0 |
| | |
| | | }, |
| | | }, |
| | | label: { |
| | | formatter: '{b} {c}', |
| | | color: function (params) { |
| | | let colorList = [] |
| | | if ("carCount" in params.data) { |
| | |
| | | |
| | | <el-table :data="schedulingTableData" style="width: 100%" |
| | | :header-cell-style="{ 'text-align': 'center', 'background-color': '#203c60', 'borderColor': '#324e75' }" |
| | | :cell-style="{ 'text-align': 'center', 'borderColor': '#324e75', 'cursor': 'pointer' }"> |
| | | :cell-style="{ 'text-align': 'center', 'borderColor': '#324e75', 'cursor': 'default' }"> |
| | | |
| | | <el-table-column label="序号" type="index" align="center"> |
| | | <template slot-scope="scope"> |
| | |
| | | |
| | | <!-- 户籍人口 --> |
| | | <el-dialog :title="peopleTitle" :modal="true" :visible.sync="peopleVisible" :before-close="personInfoClose" |
| | | :close-on-click-modal="true" class="area-details-box" v-loading="peopleKeypeopleLoading"> |
| | | :close-on-click-modal="true" class="area-details-box"> |
| | | <div class="header"> |
| | | <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': 'default' }"> |
| | | :cell-style="{ 'text-align': 'center', 'borderColor': '#324e75', 'cursor': 'default' }" |
| | | v-loading="peopleKeypeopleLoading" element-loading-text="拼命加载中" element-loading-spinner="el-icon-loading" |
| | | element-loading-background="rgba(17, 38, 163, 1)"> |
| | | <el-table-column label="序号" type="index" align="center"> |
| | | <template slot-scope="scope"> |
| | | <span>{{ (peoplePage.currentPage - 1) * peoplePage.pageSize + scope.$index + 1 }}</span> |
| | |
| | | <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' }" |
| | | :cell-style="{ 'text-align': 'center', 'borderColor': '#324e75', 'cursor': 'default' }" |
| | | v-show="!isMaoJiaLin"> |
| | | v-show="!isMaoJiaLin" v-loading="keyPeopleLoading" element-loading-text="拼命加载中" |
| | | element-loading-spinner="el-icon-loading" element-loading-background="rgba(17, 38, 163, 1)">> |
| | | <el-table-column label="序号" type="index" align="center"> |
| | | <template slot-scope="scope"> |
| | | <span>{{ (peoplePage.currentPage - 1) * peoplePage.pageSize + scope.$index + 1 }}</span> |
| | |
| | | </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" |
| | | :close-on-click-modal="true" class="equiment-details-box"> |
| | | :close-on-click-modal="true" class="equiment-details-box" |
| | | :cell-style="{ 'text-align': 'center', 'borderColor': '#324e75', 'cursor': 'default' }"> |
| | | <div class="header"> |
| | | <div> |
| | | 设备名称: |
| | |
| | | |
| | | <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-loading="equimentLoading" element-loading-text="拼命加载中" element-loading-spinner="el-icon-loading" |
| | | element-loading-background="rgba(17, 38, 163, 1)"> |
| | | <el-table-column label="序号" type="index" align="center"> |
| | | <template slot-scope="scope"> |
| | | <span>{{ (currentPage - 1) * pagesize + scope.$index + 1 }}</span> |
| | |
| | | let cylinderLayer = null |
| | | let circleLayer = null |
| | | let DataSourcesArray = [] |
| | | let loading = null |
| | | |
| | | |
| | | let treeData = [ |
| | | { |
| | |
| | | |
| | | data () { |
| | | return { |
| | | keyPeopleLoading: false, |
| | | equimentLoading: false, |
| | | peopleKeypeopleLoading: false, |
| | | // 是否显示辖区 |
| | | areaPolygonLayerShow: true, |
| | |
| | | this.$EventBus.$emit('layerPointAdd', { |
| | | layerName: 'keypeopleslay', |
| | | type: "billboard", |
| | | layerType: 'ClusterLayer', |
| | | params: { |
| | | lng: Number(item.X), |
| | | lat: Number(item.Y), |
| | |
| | | |
| | | }) |
| | | } |
| | | }) |
| | | |
| | | const that = this |
| | | this.$EventBus.$on('closeLoading', () => { |
| | | that.closeLoading() |
| | | }) |
| | | |
| | | window.addEventListener('resize', this.setDomStyle) |
| | |
| | | }) |
| | | |
| | | this.keyPersonVisible = false |
| | | }, |
| | | |
| | | // 获取派出所中心点 |
| | | getPoliceStationCenter (id) { |
| | | let clickPoliceStation = this.policeStationOptions.filter(item => item.id === id) |
| | | const center = this.getRegionCenter(clickPoliceStation[0].position) |
| | | return center |
| | | }, |
| | | |
| | | // 获取责任区中心点 |
| | | getAreaCenter (id) { |
| | | // let clickPoliceStation = this.policeStationOptions.filter(item => item.id === id) |
| | | // const center = this.getRegionCenter(clickPoliceStation[0].position) |
| | | // return center |
| | | // this.(getPoliceStationTree2, item.id) |
| | | }, |
| | | |
| | | // 加载首页下拉列表数据 |
| | |
| | | this.$EventBus.$emit('layerPointAdd', { |
| | | layerName: 'cameraLayers', |
| | | type: 'label', |
| | | layerType: 'ClusterLayer', |
| | | params: { |
| | | lng: item.longitude, |
| | | lat: item.latitude, |
| | |
| | | } |
| | | }) |
| | | }, |
| | | |
| | | // 接出警切换 |
| | | alarmOrActAsPolice (type) { |
| | | this.policeInformationType = type |
| | |
| | | this.$EventBus.$emit('layerPointAdd', { |
| | | layerName: 'houseLayers', |
| | | type: "billboard", |
| | | layerType: 'ClusterLayer', |
| | | params: item, |
| | | incident: this.houseSiteClick |
| | | }) |
| | |
| | | |
| | | cameraChange (e) { |
| | | if (e == true) { |
| | | this.loading() |
| | | this.$EventBus.$emit('layerShow', { |
| | | layerName: 'cameraLayers', |
| | | flag: true |
| | |
| | | layerName: 'cameraLayers', |
| | | flag: false |
| | | }) |
| | | } |
| | | }, |
| | | |
| | | loading () { |
| | | loading = this.$loading({ |
| | | lock: true, |
| | | text: '拼命加载中', |
| | | spinner: 'el-icon-loading', |
| | | background: 'rgba(0, 0, 0, 0.7)' |
| | | }) |
| | | setTimeout(() => { loading.close() }, 1000) |
| | | }, |
| | | |
| | | closeLoading () { |
| | | console.log('closeLoading---------') |
| | | if (loading != null) { |
| | | loading.close() |
| | | } |
| | | }, |
| | | |
| | |
| | | this.$EventBus.$emit('layerPointAdd', { |
| | | layerName: 'panoramaLayers', |
| | | type: "billboard", |
| | | layerType: 'ClusterLayer', |
| | | params: item, |
| | | incident: this.panoramaSiteClick |
| | | }) |
| | |
| | | }) |
| | | |
| | | this.policeStationOptions.forEach((item, index) => { |
| | | |
| | | if (item.position && item.position.length > 0) { |
| | | item.position.forEach((sourceItem, sourceIndex) => { |
| | | |
| | |
| | | * @return {*} |
| | | */ |
| | | async showequimentdetail (name, typeVale, type) { |
| | | this.equimentLoading = true |
| | | this.equimentTitle = name |
| | | |
| | | this.equimentCurrentSelect = {} |
| | |
| | | this.equimentTableData = res.data.data.list |
| | | |
| | | this.equimentPagingTotal = res.data.data.total |
| | | this.equimentLoading = false |
| | | |
| | | } else { |
| | | |
| | | this.equimentTableData = [] |
| | | |
| | | this.equimentPagingTotal = 0 |
| | | this.equimentLoading = false |
| | | } |
| | | }) |
| | | }, |
| | |
| | | * @return {*} |
| | | */ |
| | | showkeypersondetail (name) { |
| | | this.keyPersonVisible = true |
| | | this.keyPeopleLoading = true |
| | | this.keyPersonTitle = name |
| | | |
| | | if (this.userInfo.dept_id == '1596020515064381442') { |
| | |
| | | this.getPersonInfoPage(2) |
| | | } |
| | | |
| | | // this.keyPersonDetailArr |
| | | |
| | | this.keyPersonVisible = true |
| | | }, |
| | | |
| | | /** |
| | |
| | | this.peoplePage.total = 0 |
| | | } |
| | | this.peopleKeypeopleLoading = false |
| | | this.keyPeopleLoading = false |
| | | }) |
| | | }, |
| | | |
| | |
| | | */ |
| | | getPanoramaList () { |
| | | getPanoramaList().then(res => { |
| | | console.log('getPanoramaList') |
| | | if (res.data.code == 200) { |
| | | this.panoramaList = res.data.data.map(e => { |
| | | const item = { |
| | |
| | | <div class="two"> |
| | | <div> |
| | | <div>98</div> |
| | | <div>户籍人口</div> |
| | | </div> |
| | | <div> |
| | | <div>户籍人口</div> |
| | | </div> |
| | | <div> |
| | | <div style="color:#0E88FF">20</div> |
| | | <div>流动人口</div> |
| | | </div> |
| | |
| | | </div> |
| | | <div> |
| | | <div>120</div> |
| | | <div>出租</div> |
| | | </div> |
| | | <div>160</div> |
| | | <div>自住</div> |
| | | </div> |
| | | <div> |
| | | <div>8</div> |
| | | <div>空置</div> |
| | | </div> |
| | | </div> |
| | | </div>--> |
| | | <div>出租</div> |
| | | </div> |
| | | <div>160</div> |
| | | <div>自住</div> |
| | | </div> |
| | | <div>8</div> |
| | | <div> |
| | | <div>空置</div> |
| | | </div> |
| | | </div> |
| | | </div>--> |
| | | <div class="house-element-info" v-if="isShowHouseBox"> |
| | | <!-- 选择单元 --> |
| | | <div class="condo" v-show="isShowUnitChoose"> |
| | |
| | | <div> |
| | | <span class="zizhu"></span> |
| | | 自住 |
| | | </div> |
| | | <div> |
| | | <span class="kongzhi"></span> |
| | | 空置 |
| | | </div> |
| | | <div> |
| | | <span class="shangye"></span> |
| | | 商业 |
| | | </div> |
| | | </div> |
| | | </div>--> |
| | | </div> |
| | | <div> |
| | | <span class="kongzhi"></span> |
| | | 空置 |
| | | </div> |
| | | <div> |
| | | <span class="shangye"></span> |
| | | 商业 |
| | | </div> |
| | | </div> |
| | | </div>--> |
| | | <el-main v-loading="pictLoading" element-loading-background="rgba(17, 38, 163, .1)" |
| | | element-loading-text="数据正在加载中" element-loading-spinner="el-icon-loading" |
| | | v-show="isShowHouseBox"> |
| | |
| | | <!-- :class="[{ 'chuzu': value.houseType == '出租' }, { 'zizhu': value.houseType == '自住' }, { 'kongzhi': value.houseType == '空置' }, { 'shangye': value.houseType == '商业' }]" --> |
| | | {{ value.properties.fojcu }} |
| | | <!-- <div class="flow"></div> |
| | | <div class="focus"></div> |
| | | <div class="warning"></div>--> |
| | | <div class="focus"></div> |
| | | <div class="warning"></div>--> |
| | | </div> |
| | | </div> |
| | | </div> |
| | |
| | | </div> |
| | | <el-table :data="personDetailArr" style="width: 100%" |
| | | :header-cell-style="{ 'text-align': 'center', 'background-color': '#203c60', 'borderColor': '#324e75' }" |
| | | :cell-style="{ 'text-align': 'center', 'borderColor': '#324e75', 'cursor': 'pointer' }"> |
| | | :cell-style="{ 'text-align': 'center', 'borderColor': '#324e75', 'cursor': 'default' }" |
| | | v-loading="keyPeopleLoading" element-loading-text="拼命加载中" element-loading-spinner="el-icon-loading" |
| | | element-loading-background="rgba(17, 38, 163, 1)"> |
| | | <el-table-column label="序号" type="index" width="50" align="center"> |
| | | <template slot-scope="scope"> |
| | | <span>{{ (peoplePage.currentPage - 1) * peoplePage.pageSize + scope.$index + 1 }}</span> |
| | |
| | | return { |
| | | // 下拉搜索--树状数据相关 |
| | | searchTreeShowFlag: false, |
| | | keyPeopleLoading: false, |
| | | searchTreeName: '', |
| | | searchTreeData: [], |
| | | props: { |
| | |
| | | this.keyPeopleType = status |
| | | this.peoplePage.currentPage = 1 |
| | | this.keyPersonTitle = status == 1 ? '户籍人口详情' : '重点人口详情' |
| | | this.keyPeopleLoading = true |
| | | this.getVillagePersonInfo('', this.choosedBuildId, status == 1 ? '' : status) |
| | | }, |
| | | |
| | |
| | | } else { |
| | | this.houseDate = res.data.data.records |
| | | } |
| | | this.keyPeopleLoading = false |
| | | }) |
| | | }, |
| | | |
| | |
| | | "/api": { |
| | | // target用于配置你允许访问数据的计算机名称,即是你的api接口的服务器地址 |
| | | // target: "http://localhost:82", |
| | | target: "http://172.16.13.130:82", |
| | | target: "http://192.168.0.100:82", |
| | | // target: "http://17.20.10.3:82", |
| | | // target: "http://10.141.11.11:8081/api", |
| | | // ws: true, //启用webSocket6566 |