| | |
| | | /dist.zip |
| | | /public/sd |
| | | /vue.config.js |
| | | |
| | | /src/router/axios.js |
| | | |
| | | # local env files |
| | | .env.local |
| | |
| | | * @Author: shuishen 1109946754@qq.com |
| | | * @Date: 2022-11-15 15:10:41 |
| | | * @LastEditors: shuishen 1109946754@qq.com |
| | | * @LastEditTime: 2023-01-07 11:57:46 |
| | | * @LastEditTime: 2023-01-09 10:14:34 |
| | | * @FilePath: \srs-police-affairs\src\api\police\index.js |
| | | * @Description: |
| | | * |
| | |
| | | export const getHistoricalTrack = (params, requestBaseUrl = 'outside') => { |
| | | return request({ |
| | | // 平台ID在这里更换,不要传了内网使用 |
| | | // url: `/position/history/36110000002009999000`, |
| | | url: `/position/history/36110000002009999000`, |
| | | // 开发使用 |
| | | url: `/position/history/34020000001320000001`, |
| | | // url: `/position/history/34020000001320000001`, |
| | | method: 'get', |
| | | requestBaseUrl, |
| | | params: params |
| | |
| | | * @Author: shuishen 1109946754@qq.com |
| | | * @Date: 2022-08-18 17:00:30 |
| | | * @LastEditors: shuishen 1109946754@qq.com |
| | | * @LastEditTime: 2023-01-07 11:09:38 |
| | | * @LastEditTime: 2023-01-09 10:15:17 |
| | | * @FilePath: \srs-police-affairs\src\components\map\index.vue |
| | | * @Description: 公用地图组件 |
| | | * |
| | |
| | | // global.viewer.addTerrain(terrain) |
| | | |
| | | // 天地图 影像 |
| | | global.viewer.imageryLayers.addImageryProvider( |
| | | new global.DC.Namespace.Cesium.UrlTemplateImageryProvider({ |
| | | url: 'http://t{s}.tianditu.gov.cn/DataServer?T=img_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=img_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.WebMapTileServiceImageryProvider({ |
| | | // url: "http://10.141.11.11:8090/MapTileService/wmts?STORETYPE=merged-dat&PROJECTION=4326", |
| | | // layer: "wmts_4326_361100", |
| | | // style: "default", |
| | | // format: "image/png", |
| | | // tileMatrixSetID: "c", |
| | | // tileMatrixLabels: new Array(18).fill(0).map((v, i) => i + 1), |
| | | // tilingScheme: new global.DC.Namespace.Cesium.GeographicTilingScheme(), |
| | | // }) |
| | | // ) |
| | | global.viewer.imageryLayers.addImageryProvider( |
| | | new global.DC.Namespace.Cesium.WebMapTileServiceImageryProvider({ |
| | | url: "http://10.141.11.11:8090/MapTileService/wmts?STORETYPE=merged-dat&PROJECTION=4326", |
| | | layer: "wmts_4326_361100", |
| | | style: "default", |
| | | format: "image/png", |
| | | tileMatrixSetID: "c", |
| | | tileMatrixLabels: new Array(18).fill(0).map((v, i) => i + 1), |
| | | tilingScheme: new global.DC.Namespace.Cesium.GeographicTilingScheme(), |
| | | }) |
| | | ) |
| | | |
| | | // 设置地图初始位置,角度等 |
| | | global.viewer.camera.setView({ |
| | |
| | | </div> |
| | | </div> |
| | | |
| | | <!-- v-if="historytype == 0" --> |
| | | <div class="body" ref="tableBox" @click="handleSelectClick($event)"> |
| | | <ul class="title-header"> |
| | | <li> |
| | |
| | | <ul class="item"> |
| | | <li v-for="(item, index) in listCurrentData" :key="index" :data-obj="JSON.stringify(item)" |
| | | class="row"> |
| | | <span class="num" v-text="index + 1"></span> |
| | | <span class="num" v-text="index"></span> |
| | | <span class="receiving-alarm-unit" v-text="item.JJDWMC"></span> |
| | | <span class="receiving-alarm-people" v-text="item.JJYXM"></span> |
| | | <span class="receiving-alarm-time" :title="item.JJSJ" |
| | |
| | | 暂无数据 |
| | | </div> |
| | | </div> |
| | | |
| | | <!-- <div class="body" v-else> |
| | | <div class="list-box"> |
| | | <el-table :data="monitoringList" style="width: 100%" |
| | | :header-cell-style="{ 'text-align': 'center', 'background-color': 'rgba(9, 40, 199, 0.5)', 'borderColor': '#324e75' }" |
| | | :cell-style="{ 'text-align': 'center', 'borderColor': '#324e75' }" @cell-click="rowClick"> |
| | | <el-table-column prop="index" label="序号" min-width="35%"></el-table-column> |
| | | <el-table-column prop="JJDWMC" label="接警单位" min-width="35%"></el-table-column> |
| | | <el-table-column prop="JJYXM" label="接警员" min-width="35%"></el-table-column> |
| | | <el-table-column :title="item.JJSJ" :prop="JJSJ.substring(0, 10)" label="接警时间" min-width="35%"></el-table-column> |
| | | <el-table-column prop="BJRXM" label="报警人" min-width="35%"></el-table-column> |
| | | <el-table-column prop="LXDH" label="联系电话" min-width="35%"></el-table-column> |
| | | <el-table-column prop="BJNR" label="报警内容" min-width="35%"></el-table-column> |
| | | <el-table-column prop="SFDZ" label="事发地址" min-width="35%"></el-table-column> |
| | | <el-table-column prop="BJLX" label="报警类型" min-width="35%"></el-table-column> |
| | | <el-table-column prop="MEMO" label="备注" min-width="35%"></el-table-column> |
| | | </el-table> |
| | | </div> |
| | | <div class="pages"> |
| | | <el-pagination background layout="prev, pager, next" :page-size="pagesize" :page-count="pagesCount" |
| | | :current-page="currentPage" @current-change="handleCurrentChange"></el-pagination> |
| | | </div> |
| | | </div> --> |
| | | </div> |
| | | |
| | | <svg class="border-svg"> |
| | |
| | | |
| | | <script> |
| | | import vueSeamlessScroll from 'vue-seamless-scroll' |
| | | import historyArr from '@/assets/data/policeSituationArr/historyArr.js' |
| | | |
| | | import { getCallPolices, getAnswerPolices, getAlarmList } from "@/api/home/index.js" |
| | | import { getAnswerPolices, getAlarmList } from "@/api/home/index.js" |
| | | |
| | | export default { |
| | | data () { |
| | |
| | | policeSituationRealtimeArr: [], |
| | | // 历史 |
| | | policeSituationHistoryArr: [], |
| | | policeSituationHistorySaveArr: [], |
| | | eventTime: '', |
| | | currentWeekTime: '', |
| | | currentMonthTime: '', |
| | |
| | | getAnswerPolices () { |
| | | getAnswerPolices().then(res => { |
| | | this.policeSituationRealtimeArr = res.data.result.map((item, index) => { |
| | | return { ...item, lng: item.ZDDWXZB, lat: item.ZDDWYZB } |
| | | return { ...item, index: index + 1, lng: item.ZDDWXZB, lat: item.ZDDWYZB } |
| | | }) |
| | | }) |
| | | |
| | |
| | | getAlarmList (type, time) { |
| | | getAlarmList(type, time).then(res => { |
| | | this.policeSituationHistoryArr = res.data.data.records.map((item, index) => { |
| | | return { ...item, lng: item.ZDDWXZB, lat: item.ZDDWYZB } |
| | | return { ...item, index: index + 1, lng: item.ZDDWXZB, lat: item.ZDDWYZB } |
| | | }) |
| | | }) |
| | | }, |