Merge branch 'master' of http://s16s652780.51mypc.cn:49896/r/srs-police-affairs
| | |
| | | height: 220px; |
| | | |
| | | .el-dialog__body { |
| | | position: relative; |
| | | |
| | | &>div { |
| | | position: absolute; |
| | | width: 100%; |
| | | height: 100%; |
| | | top: 0; |
| | | left: 0; |
| | | } |
| | | |
| | | .el-button { |
| | |
| | | } |
| | | |
| | | .el-input { |
| | | position: absolute; |
| | | width: calc(100% - 20px); |
| | | font-size: 14px; |
| | | top: 0; |
| | |
| | | |
| | | .police-btn-box { |
| | | position: absolute; |
| | | top: 124px; |
| | | bottom: 16px; |
| | | width: 100%; |
| | | } |
| | | |
| | |
| | | height: 180px; |
| | | |
| | | .el-dialog__body { |
| | | position: relative; |
| | | |
| | | &>div { |
| | | position: absolute; |
| | | width: 100%; |
| | | height: 100%; |
| | | top: 0; |
| | | left: 0; |
| | | } |
| | | |
| | | .el-button { |
| | | padding: 0; |
| | | background-color: rgba(8, 56, 185, 0.9); |
| | |
| | | background-color: rgba(8, 56, 185, 0.9); |
| | | } |
| | | |
| | | .police-btn-box { |
| | | position: absolute; |
| | | bottom: 16px; |
| | | width: 100%; |
| | | } |
| | | |
| | | .line { |
| | | display: flex; |
| | | justify-content: left; |
| | | position: absolute; |
| | | top: 48px; |
| | | } |
| | | |
| | | .value-name-box { |
| | |
| | | |
| | | .el-dialog .el-dialog__body { |
| | | font-size: countSizeVh(16); |
| | | |
| | | &>div { |
| | | padding: countSizeVh(14); |
| | | padding-top: 0; |
| | | } |
| | | } |
| | | |
| | | .el-dialog__header button { |
| | |
| | | } |
| | | |
| | | .police-btn-box { |
| | | top: countSizeVh(124); |
| | | bottom: countSizeVh(16); |
| | | } |
| | | |
| | | .value-name-box { |
| | |
| | | |
| | | .el-dialog .el-dialog__body { |
| | | font-size: countSizeVh(16); |
| | | |
| | | &>div { |
| | | padding: countSizeVh(14); |
| | | padding-top: 0; |
| | | |
| | | &>div { |
| | | line-height: countSizeVh(36); |
| | | } |
| | | } |
| | | } |
| | | |
| | | .police-btn-box { |
| | | bottom: countSizeVh(16); |
| | | } |
| | | |
| | | .line { |
| | | top: countSizeVh(52); |
| | | } |
| | | |
| | | .el-dialog__header button { |
| | |
| | | <div class="units">米</div> |
| | | </div> |
| | | </div> |
| | | <el-button @click="determine" v-show="!isChoosePoliceElementDisabled">确定</el-button> |
| | | <el-button @click="deletePoliceElement" |
| | | v-show="!isChoosePoliceElementDisabled && policeIconIsCreated">删除</el-button> |
| | | <el-button @click="cancel" v-show="!isChoosePoliceElementDisabled">取消</el-button> |
| | | |
| | | <div class="police-btn-box"> |
| | | <el-button @click="determine" v-show="!isChoosePoliceElementDisabled">确定</el-button> |
| | | <el-button @click="deletePoliceElement" |
| | | v-show="!isChoosePoliceElementDisabled && policeIconIsCreated">删除</el-button> |
| | | <el-button @click="cancel" v-show="!isChoosePoliceElementDisabled">取消</el-button> |
| | | </div> |
| | | </div> |
| | | </el-dialog> |
| | | </div> |
| | |
| | | <span class="receiving-alarm-people">接待警员</span> |
| | | <span class="receiving-alarm-time">报警时间</span> |
| | | <span class="call-people">报警人</span> |
| | | <span class="call-phone">联系电话</span> |
| | | <span class="call-phone">联系电话</span> |
| | | <span class="call-police-content">报警内容</span> |
| | | <span class="incident-site">事发地址</span> |
| | | <span class="call-police-type">报警类型</span> |
| | |
| | | </li> |
| | | </ul> |
| | | |
| | | <vue-seamless-scroll v-if="policeSituationRealtimeArr.length > 0" :data="policeSituationRealtimeArr" |
| | | class="warp" :class-option="classOption"> |
| | | <ul class="item"> |
| | | <li v-for="(item, index) in policeSituationRealtimeArr" :key="index" |
| | | :data-obj="JSON.stringify(item)" class="row"> |
| | | <span class="num" v-text="item.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.BJSJ" |
| | | v-text="item.BJSJ.substring(0, 10)"></span> |
| | | <span class="call-people" v-text="item.BJRXM"></span> |
| | | <span class="call-phone" v-text="item.LXDH"></span> |
| | | <span class="call-police-content" :title="item.BJNR" v-text="item.BJNR"></span> |
| | | <span class="incident-site" :title="item.SFDZ" v-text="item.SFDZ"></span> |
| | | <span class="call-police-type" v-text="item.BJLX"></span> |
| | | <span class="have-position" v-text="item.position"></span> |
| | | <span class="alarm-bz" v-text="item.MEMO"></span> |
| | | </li> |
| | | </ul> |
| | | </vue-seamless-scroll> |
| | | <!-- <vue-seamless-scroll v-if="policeSituationRealtimeArr.length > 0" :data="policeSituationRealtimeArr" |
| | | class="warp" :class-option="classOption"> --> |
| | | <div v-if="policeSituationRealtimeArr.length > 0" :data="policeSituationRealtimeArr" class="warp" |
| | | :class-option="classOption"> |
| | | <el-carousel indicator-position="none" direction="vertical" @change="changeAlarm"> |
| | | <el-carousel-item v-for="item in alarmPageCount" :key="item"> |
| | | <ul class="item"> |
| | | <li v-for="(item, index) in policeSituationRealtimeArr" :key="index" |
| | | :data-obj="JSON.stringify(item)" class="row"> |
| | | <span class="num" v-text="item.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.BJSJ" |
| | | v-text="item.BJSJ.substring(0, 10)"></span> |
| | | <span class="call-people" v-text="item.BJRXM"></span> |
| | | <span class="call-phone" v-text="item.LXDH"></span> |
| | | <span class="call-police-content" :title="item.BJNR" v-text="item.BJNR"></span> |
| | | <span class="incident-site" :title="item.SFDZ" v-text="item.SFDZ"></span> |
| | | <span class="call-police-type" v-text="item.BJLX"></span> |
| | | <span class="have-position" v-text="item.position"></span> |
| | | <span class="alarm-bz" v-text="item.MEMO"></span> |
| | | </li> |
| | | </ul> |
| | | </el-carousel-item> |
| | | </el-carousel> |
| | | </div> |
| | | |
| | | <!-- </vue-seamless-scroll> --> |
| | | |
| | | <div class="warp no-data" v-else>暂无数据</div> |
| | | </div> |
| | |
| | | <script> |
| | | let alarmTiming = null |
| | | |
| | | import vueSeamlessScroll from 'vue-seamless-scroll' |
| | | // import vueSeamlessScroll from 'vue-seamless-scroll' |
| | | |
| | | import { getAnswerPolices, getAlarmList } from "@/api/home/index.js" |
| | | |
| | | export default { |
| | | inject: ["getWidth", 'userInfo'], |
| | | |
| | | data () { |
| | | data() { |
| | | return { |
| | | alarmPageCount: 1, |
| | | alarmPageSize: 6, |
| | | timetype: 2, |
| | | historytype: 0, |
| | | // 实时 |
| | | policeSituationRealtimeAllArr: [], |
| | | policeSituationRealtimeArr: [], |
| | | // 历史 |
| | | policeSituationHistoryArr: [], |
| | |
| | | pickerOptions: { |
| | | shortcuts: [{ |
| | | text: '最近一周', |
| | | onClick (picker) { |
| | | onClick(picker) { |
| | | const end = new Date() |
| | | const start = new Date() |
| | | start.setTime(start.getTime() - 3600 * 1000 * 24 * 7) |
| | |
| | | } |
| | | }, { |
| | | text: '最近一个月', |
| | | onClick (picker) { |
| | | onClick(picker) { |
| | | const end = new Date() |
| | | const start = new Date() |
| | | start.setTime(start.getTime() - 3600 * 1000 * 24 * 30) |
| | |
| | | } |
| | | }, { |
| | | text: '最近三个月', |
| | | onClick (picker) { |
| | | onClick(picker) { |
| | | const end = new Date() |
| | | const start = new Date() |
| | | start.setTime(start.getTime() - 3600 * 1000 * 24 * 90) |
| | |
| | | } |
| | | }, |
| | | |
| | | components: { |
| | | vueSeamlessScroll |
| | | }, |
| | | // components: { |
| | | // vueSeamlessScroll |
| | | // }, |
| | | |
| | | created () { |
| | | created() { |
| | | this.getHomeAllData() |
| | | |
| | | this.defaultDate() |
| | |
| | | // disabledDate 为true表示不可选,false表示可选 |
| | | this.pickerOptions = { |
| | | ...this.pickerOptions, |
| | | disabledDate (time) { |
| | | disabledDate(time) { |
| | | // 设置可选择的日期为今天之后的一个月内 |
| | | let curDate = (new Date()).getTime() |
| | | return time.getTime() > curDate |
| | |
| | | window.addEventListener('resize', this.setTableHeight) |
| | | }, |
| | | |
| | | mounted () { |
| | | mounted() { |
| | | if (this.getWidth() > 7000) { |
| | | this.classOption.step = 8 |
| | | } |
| | |
| | | * @description: 获取当前组件内所有数据 |
| | | * @return {*} |
| | | */ |
| | | getHomeAllData (id = '') { |
| | | getHomeAllData(id = '') { |
| | | this.policeStaionID = id |
| | | |
| | | this.historyTabClick(0) |
| | | }, |
| | | |
| | | // 获取table高度 |
| | | setTableHeight () { |
| | | setTableHeight() { |
| | | this.$nextTick(() => { |
| | | if (this.$refs.ElTableBox && this.$refs.ElPagination) { |
| | | this.currentTableHeight = this.$refs.ElTableBox.offsetHeight - this.$refs.ElPagination.offsetHeight |
| | |
| | | }, |
| | | |
| | | // table行点击事件 |
| | | rowClick (row) { |
| | | rowClick(row) { |
| | | this.policeSituationClick(row) |
| | | }, |
| | | |
| | |
| | | } |
| | | |
| | | }, |
| | | |
| | | |
| | | // 设置默认时间 |
| | | defaultDate () { |
| | | defaultDate() { |
| | | var current = new Date() |
| | | |
| | | var seven = new Date(current.getTime() - 7 * 24 * 60 * 60 * 1000) |
| | |
| | | }, |
| | | |
| | | // 时间改变事件 |
| | | datePickerChange (e) { |
| | | datePickerChange(e) { |
| | | // this.timetype |
| | | this.currentPage = 1 |
| | | |
| | |
| | | }, |
| | | |
| | | // 获取当前日期 |
| | | dateFormat (dateData) { |
| | | dateFormat(dateData) { |
| | | var date = new Date(dateData) |
| | | var y = date.getFullYear() |
| | | var m = date.getMonth() + 1 |
| | |
| | | return time |
| | | }, |
| | | |
| | | // 走马灯改变事件 |
| | | changeAlarm(index){ |
| | | index = index+1 ; |
| | | // 改变数据 |
| | | this.alarmDataHanlder(index); |
| | | }, |
| | | |
| | | // 获取实时接警记录 |
| | | getAnswerPolices () { |
| | | getAnswerPolices() { |
| | | |
| | | getAnswerPolices({ deptId: this.policeStaionID != '' ? this.policeStaionID : this.userInfo.dept_id }).then(res => { |
| | | this.policeSituationRealtimeArr = [] |
| | | |
| | | if (res.data && res.data.length) { |
| | | this.policeSituationRealtimeArr = res.data.map((item, index) => { |
| | | // 计算页数 |
| | | this.alarmPageCount = Math.ceil(res.data.length/this.alarmPageSize) |
| | | this.policeSituationRealtimeAllArr = res.data.map((item, index) => { |
| | | return { ...item, index: index + 1, lng: item.ZDDWXZB, lat: item.ZDDWYZB, position: item.ZDDWYZB && item.ZDDWYZB != 0 ? '有' : '无' } |
| | | }) |
| | | // 数据处理 |
| | | this.alarmDataHanlder(1); |
| | | } else { |
| | | this.alarmPageCount = 1; |
| | | this.policeSituationRealtimeArr = [] |
| | | } |
| | | |
| | | |
| | | this.$emit('policeSituationChange') |
| | | }) |
| | | |
| | | // this.policeSituationRealtimeArr = [{ |
| | | // var arr = [{ |
| | | // ZDDWXZB: 117.97, |
| | | // ZDDWYZB: 28.45, |
| | | // JJDWMC: '信州公安局派出所', |
| | |
| | | // BJSJ: '2022-12-12 12:12:12', |
| | | // BJRXM: '西门庆祝', |
| | | // LXDH: 17335843642, |
| | | // BJNR: '今日在某小区查获私人赌博场所今日在某小区查获私人赌博场所今日在某小区查获私人赌博场所今日在某小区查获私人赌博场所今日在某小区查获私人赌博场所今日在某小区查获私人赌博场所今日在某小区查获私人赌博场所今日在某小区查获私人赌博场所今日在某小区查获私人赌博场所今日在某小区查获私人赌博场所今日在某小区查获私人赌博场所今日在某小区查获私人赌博场所今日在某小区查获私人赌博场所今日在某小区查获私人赌博场所今日在某小区查获私人赌博场所今日在某小区查获私人赌博场所今日在某小区查获私人赌博场所今日在某小区查获私人赌博场所', |
| | | // SFDZ: '上饶市信州区万达华府小区上饶市信州区万达华府小区', |
| | | // BJNR: '今日在某小区查获私人赌博场所', |
| | | // SFDZ: '上饶市信州区万达华府小区', |
| | | // BJLX: '聚众赌博', |
| | | // MEMO: '人群聚集赌博' |
| | | // }, |
| | |
| | | // BJSJ: '2022-12-12 12:12:12', |
| | | // BJRXM: '西门庆祝', |
| | | // LXDH: 17335843642, |
| | | // BJNR: '今日在某小区查获私人赌博场所', |
| | | // SFDZ: '上饶市信州区万达华府小区', |
| | | // BJNR: '今日在某小区查获私人赌博场所今日在某小区查获私人赌博场所今日在某小区查获私人赌博场所今日在某小区查获私人赌博场所今日在某小区查获私人赌博场所今日在某小区查获私人赌博场所今日在某小区查获私人赌博场所今日在某小区查获私人赌博场所今日在某小区查获私人赌博场所今日在某小区查获私人赌博场所今日在某小区查获私人赌博场所今日在某小区查获私人赌博场所今日在某小区查获私人赌博场所今日在某小区查获私人赌博场所今日在某小区查获私人赌博场所今日在某小区查获私人赌博场所今日在某小区查获私人赌博场所今日在某小区查获私人赌博场所', |
| | | // SFDZ: '上饶市信州区万达华府小区上饶市信州区万达华府小区', |
| | | // BJLX: '聚众赌博', |
| | | // MEMO: '人群聚集赌博' |
| | | // }] |
| | | |
| | | // this.policeSituationRealtimeArr = this.policeSituationRealtimeArr.map((item, index) => { |
| | | // // 计算页数 |
| | | // this.alarmPageCount = Math.ceil(arr.length/this.alarmPageSize) |
| | | |
| | | // // 加 index 序号 |
| | | // this.policeSituationRealtimeAllArr = arr.map((item, index) => { |
| | | // return { ...item, index: index + 1, lng: item.ZDDWXZB, lat: item.ZDDWYZB, position: item.ZDDWYZB ? '有' : '无' } |
| | | // }) |
| | | |
| | | |
| | | // // 数据处理 |
| | | // this.alarmDataHanlder(1); |
| | | // this.$emit('policeSituationChange') |
| | | }, |
| | | |
| | | /** |
| | | * 实时警情数据处理(滚动) |
| | | * @param {*} index |
| | | */ |
| | | alarmDataHanlder(index){ |
| | | this.policeSituationRealtimeArr = [] |
| | | //计算序号 |
| | | var start = (index-1)*this.alarmPageSize |
| | | var end = index*this.alarmPageSize |
| | | // 获取第 index 页数据 |
| | | this.policeSituationRealtimeAllArr.forEach((item, index) => { |
| | | if(index<Number(end) && index>=Number(start)){ |
| | | this.policeSituationRealtimeArr.push(item) |
| | | } |
| | | }) |
| | | }, |
| | | |
| | | // 获取历史接警记录 |
| | | getAlarmList (params) { |
| | | getAlarmList(params) { |
| | | getAlarmList({ ...params, size: this.pagesize, jjdwbh: this.policeStaionID != '' ? this.policeStaionID : this.userInfo.dept_id }).then(res => { |
| | | this.pagesCount = res.data.data.pages |
| | | |
| | |
| | | }, |
| | | |
| | | // 周月选择 |
| | | timeTabClick (type) { |
| | | timeTabClick(type) { |
| | | this.timetype = type |
| | | |
| | | this.currentPage = 1 |
| | |
| | | }, |
| | | |
| | | // 实时历史选择 |
| | | async historyTabClick (type) { |
| | | async historyTabClick(type) { |
| | | console.log('historyTabClick') |
| | | this.historytype = type |
| | | |
| | |
| | | |
| | | }, |
| | | |
| | | chooseRealData () { |
| | | chooseRealData() { |
| | | return this.policeSituationRealtimeArr |
| | | }, |
| | | |
| | | chooseTimeDate () { |
| | | chooseTimeDate() { |
| | | return this.policeSituationHistoryArr |
| | | }, |
| | | |
| | | // 列表行选择 |
| | | handleSelectClick (e) { |
| | | handleSelectClick(e) { |
| | | let element |
| | | for (let i = 0; i < e.path.length; i++) { |
| | | if (e.path[i].className == "row") { |
| | |
| | | }, |
| | | |
| | | // 点击定位或者显示弹窗 |
| | | policeSituationClick (item) { |
| | | policeSituationClick(item) { |
| | | if (item.ZDDWXZB && item.ZDDWXZB != 0 && item.ZDDWYZB && item.ZDDWYZB != 0) { |
| | | this.$EventBus.$emit('toPosition', { |
| | | layerName: 'policeSituationyLayers', |
| | |
| | | } |
| | | }, |
| | | |
| | | destroyed () { |
| | | destroyed() { |
| | | window.removeEventListener('resize', this.setTableHeight) |
| | | |
| | | if (alarmTiming != null) { |
| | |
| | | * @Author: shuishen 1109946754@qq.com |
| | | * @Date: 2022-08-18 16:18:17 |
| | | * @LastEditors: shuishen 1109946754@qq.com |
| | | * @LastEditTime: 2023-04-03 17:07:39 |
| | | * @LastEditTime: 2023-04-03 17:40:35 |
| | | * @FilePath: \srs-police-affairs\src\views\policeInfor\index.vue |
| | | * @Description: 辖区管理 |
| | | * |
| | |
| | | <div v-if="navType == 0" class="police-info"> |
| | | <el-table :data="realPoliceInforData" style="width: 100%" :height="currentTableHeight" |
| | | :header-cell-style="{ 'text-align': 'center', 'background-color': '#203c60', 'borderColor': '#324e75' }" |
| | | :cell-style="{ 'text-align': 'center', 'borderColor': '#324e75', 'cursor': 'pointer' }" |
| | | :row-class-name="tableRowClassName" @row-click="clickData"> |
| | | :cell-style="{ 'text-align': 'center', 'borderColor': '#324e75', 'cursor': 'default' }" |
| | | :row-class-name="tableRowClassName"> |
| | | <template slot="empty"> |
| | | <div>{{ realEmptyText }}</div> |
| | | </template> |
| | | <el-table-column prop="JJDWMC" :show-overflow-tooltip="true" label="接警单位" |
| | | min-width="80%"></el-table-column> |
| | | <el-table-column prop="BJSJ" label="报警时间" min-width="50%"> |
| | |
| | | </el-table-column> |
| | | <el-table-column label="操作" align="center" min-width="32%"> |
| | | <template slot-scope="scope"> |
| | | <el-button :disabled="whetherPosition(scope.row)" @click="rowClick(scope.row)" type="text" |
| | | <el-button :disabled="whetherPosition(scope.row)" @click="clickData(scope.row)" type="text" |
| | | size="small" title="定位"> |
| | | <i class="el-icon-location"></i> |
| | | </el-button> |
| | | <el-button v-show="navType == 0 || navType == 2" @click="equipmentTrack(scope.row)" type="text" |
| | | size="small" title="详情"> |
| | | <i class="el-icon-position"></i> |
| | | <el-button @click="siteClick(scope.row)" type="text" size="small" title="详情"> |
| | | <i class="el-icon-document"></i> |
| | | </el-button> |
| | | </template> |
| | | </el-table-column> |
| | |
| | | <el-table :data="historyPoliceInforData" style="width: 100%" :height="currentTableHeight" |
| | | :header-cell-style="{ 'text-align': 'center', 'background-color': '#203c60', 'borderColor': '#324e75' }" |
| | | :cell-style="{ 'text-align': 'center', 'borderColor': '#324e75', 'cursor': 'default' }" |
| | | :row-class-name="tableRowClassName" @row-click="clickData"> |
| | | :row-class-name="tableRowClassName"> |
| | | <template slot="empty"> |
| | | <div>{{ historyEmptyText }}</div> |
| | | </template> |
| | | <el-table-column prop="JJDWMC" :show-overflow-tooltip="true" label="接警单位" |
| | | min-width="34%"></el-table-column> |
| | | <el-table-column prop="BJSJ" label="报警时间"> |
| | | min-width="80%"></el-table-column> |
| | | <el-table-column prop="BJSJ" label="报警时间" min-width="50%"> |
| | | </el-table-column> |
| | | <el-table-column prop="BJLX" label="报警类型"> |
| | | </el-table-column> |
| | | <el-table-column label="操作" align="center" min-width="20%"> |
| | | <el-table-column label="操作" align="center" min-width="32%"> |
| | | <template slot-scope="scope"> |
| | | <el-button :disabled="whetherPosition(scope.row)" @click="rowClick(scope.row)" type="text" |
| | | <el-button :disabled="whetherPosition(scope.row)" @click="clickData(scope.row)" type="text" |
| | | size="small" title="定位"> |
| | | <i class="el-icon-location"></i> |
| | | </el-button> |
| | | <el-button v-show="navType == 0 || navType == 2" @click="equipmentTrack(scope.row)" type="text" |
| | | size="small" title="详情"> |
| | | <i class="el-icon-position"></i> |
| | | </el-button> |
| | | <el-buttonalign-justify @click="siteClick(scope.row)" type="text" size="small" title="详情"> |
| | | <i class="el-icon-document"></i> |
| | | </el-buttonalign-justify> |
| | | </template> |
| | | </el-table-column> |
| | | </el-table> |
| | |
| | | import { initMapPosition } from '@/utils/mapPositionInit' |
| | | import { BjlxData } from "@/assets/police" |
| | | |
| | | let loading = null |
| | | |
| | | export default { |
| | | inject: ['userInfo'], |
| | | |
| | |
| | | return { |
| | | realPoliceInforData: [], // 实时 |
| | | historyPoliceInforData: [], |
| | | |
| | | realEmptyText: "", |
| | | |
| | | historyEmptyText: "", |
| | | |
| | | boxShow: false, |
| | | pages: { |
| | | total: 0, |
| | |
| | | policeInforSiteLayer = new global.DC.PrimitiveLayer('policeInforSiteLayer') |
| | | global.viewer.addLayer(policeInforSiteLayer) |
| | | |
| | | this.navClick(1) |
| | | this.navClick(0) |
| | | this.setTableHeight() |
| | | }) |
| | | |
| | |
| | | }, |
| | | |
| | | methods: { |
| | | loading () { |
| | | loading = this.$loading({ |
| | | lock: true, |
| | | text: '拼命加载中', |
| | | spinner: 'el-icon-loading', |
| | | background: 'rgba(0, 0, 0, 0.2)' |
| | | }) |
| | | }, |
| | | |
| | | // 接出警切换 |
| | | alarmOrActAsPolice (type) { |
| | | this.policeInformationType = type |
| | |
| | | |
| | | // 获取实时接警记录 |
| | | getAnswerPolices () { |
| | | this.loading() |
| | | this.realPoliceInforData = [] |
| | | this.realEmptyText = "" |
| | | |
| | | // getAnswerPolices({ deptId: this.userInfo.dept_id }).then(res => { |
| | | getAnswerPolices({ deptId: this.userInfo.dept_id }).then(res => { |
| | | |
| | | // if (res.data && res.data.length) { |
| | | // this.realPoliceInforData = res.data.map((item, index) => { |
| | | // const bjlxText = BjlxData.filter(i => item.BJLX == i.BJLX)[0].VALUE || '' |
| | | if (res.data && res.data.length) { |
| | | this.realPoliceInforData = res.data.map((item, index) => { |
| | | const bjlxText = BjlxData.filter(i => item.BJLX == i.BJLX)[0].VALUE || '' |
| | | |
| | | // return { ...item, index: index + 1, lng: item.ZDDWXZB, lat: item.ZDDWYZB, BJLX: bjlxText } |
| | | // }) |
| | | // } else { |
| | | // this.realPoliceInforData = [] |
| | | // } |
| | | return { ...item, index: index + 1, lng: item.ZDDWXZB, lat: item.ZDDWYZB, BJLX: bjlxText } |
| | | }) |
| | | } else { |
| | | this.realPoliceInforData = [] |
| | | this.realEmptyText = "暂无实时警情信息" |
| | | } |
| | | |
| | | // this.addPoliceInforSiteLayer(this.realPoliceInforData) |
| | | // }) |
| | | |
| | | this.realPoliceInforData = [{ |
| | | ZDDWXZB: 117.97, |
| | | ZDDWYZB: 28.45, |
| | | JJDWMC: '信州公安局派出所', |
| | | JJYXM: '欧阳西门', |
| | | BJSJ: '2022-12-12 12:12:12', |
| | | BJRXM: '西门庆祝', |
| | | LXDH: 17335843642, |
| | | BJNR: '今日在某小区查获私人赌博场所,今日在某小区查获私人赌博场所今日在某小区查获私人赌博场所今日在某小区查获私人赌博场所', |
| | | SFDZ: '上饶市信州区万达华府小区', |
| | | BJLX: '聚众赌博', |
| | | MEMO: '人群聚集赌博' |
| | | }, |
| | | { |
| | | JJDWMC: '信州公安局派出所', |
| | | JJYXM: '欧阳西门', |
| | | BJSJ: '2022-12-12 12:12:12', |
| | | BJRXM: '西门庆祝', |
| | | LXDH: 17335843642, |
| | | BJNR: '今日在某小区查获私人赌博场所,今日在某小区查获私人赌博场所今日在某小区查获私人赌博场所今日在某小区查获私人赌博场所', |
| | | SFDZ: '上饶市信州区万达华府小区', |
| | | BJLX: '聚众赌博', |
| | | MEMO: '人群聚集赌博' |
| | | }, |
| | | { |
| | | JJDWMC: '信州公安局派出所', |
| | | JJYXM: '欧阳西门', |
| | | BJSJ: '2022-12-12 12:12:12', |
| | | BJRXM: '西门庆祝', |
| | | LXDH: 17335843642, |
| | | BJNR: '今日在某小区查获私人赌博场所', |
| | | SFDZ: '上饶市信州区万达华府小区', |
| | | BJLX: '聚众赌博', |
| | | MEMO: '人群聚集赌博' |
| | | }, |
| | | { |
| | | JJDWMC: '信州公安局派出所', |
| | | JJYXM: '欧阳西门', |
| | | BJSJ: '2022-12-12 12:12:12', |
| | | BJRXM: '西门庆祝', |
| | | LXDH: 17335843642, |
| | | BJNR: '今日在某小区查获私人赌博场所', |
| | | SFDZ: '上饶市信州区万达华府小区', |
| | | BJLX: '聚众赌博', |
| | | MEMO: '人群聚集赌博' |
| | | }, |
| | | { |
| | | JJDWMC: '信州公安局派出所', |
| | | JJYXM: '欧阳西门', |
| | | BJSJ: '2022-12-12 12:12:12', |
| | | BJRXM: '西门庆祝', |
| | | LXDH: 17335843642, |
| | | BJNR: '今日在某小区查获私人赌博场所', |
| | | SFDZ: '上饶市信州区万达华府小区', |
| | | BJLX: '聚众赌博', |
| | | MEMO: '人群聚集赌博' |
| | | }, |
| | | { |
| | | JJDWMC: '信州公安局派出所', |
| | | JJYXM: '欧阳西门', |
| | | BJSJ: '2022-12-12 12:12:12', |
| | | BJRXM: '西门庆祝', |
| | | LXDH: 17335843642, |
| | | BJNR: '今日在某小区查获私人赌博场所今日在某小区查获私人赌博场所今日在某小区查获私人赌博场所今日在某小区查获私人赌博场所今日在某小区查获私人赌博场所今日在某小区查获私人赌博场所今日在某小区查获私人赌博场所今日在某小区查获私人赌博场所今日在某小区查获私人赌博场所今日在某小区查获私人赌博场所今日在某小区查获私人赌博场所今日在某小区查获私人赌博场所今日在某小区查获私人赌博场所今日在某小区查获私人赌博场所今日在某小区查获私人赌博场所今日在某小区查获私人赌博场所今日在某小区查获私人赌博场所今日在某小区查获私人赌博场所', |
| | | SFDZ: '上饶市信州区万达华府小区上饶市信州区万达华府小区', |
| | | BJLX: '聚众赌博', |
| | | MEMO: '人群聚集赌博' |
| | | }, |
| | | { |
| | | JJDWMC: '信州公安局派出所', |
| | | JJYXM: '欧阳西门', |
| | | BJSJ: '2022-12-12 12:12:12', |
| | | BJRXM: '西门庆祝', |
| | | LXDH: 17335843642, |
| | | BJNR: '今日在某小区查获私人赌博场所', |
| | | SFDZ: '上饶市信州区万达华府小区', |
| | | BJLX: '聚众赌博', |
| | | MEMO: '人群聚集赌博' |
| | | }] |
| | | |
| | | this.realPoliceInforData = this.realPoliceInforData.map((item, index) => { |
| | | return { ...item, index: index + 1, lng: item.ZDDWXZB, lat: item.ZDDWYZB } |
| | | this.addPoliceInforSiteLayer(this.realPoliceInforData) |
| | | setTimeout(() => { |
| | | loading && loading.close() |
| | | }, 500) |
| | | }) |
| | | |
| | | this.addPoliceInforSiteLayer(this.realPoliceInforData) |
| | | // this.realPoliceInforData = [{ |
| | | // ZDDWXZB: 117.97, |
| | | // ZDDWYZB: 28.45, |
| | | // JJDWMC: '信州公安局派出所', |
| | | // JJYXM: '欧阳西门', |
| | | // BJSJ: '2022-12-12 12:12:12', |
| | | // BJRXM: '西门庆祝', |
| | | // LXDH: 17335843642, |
| | | // BJNR: '今日在某小区查获私人赌博场所,今日在某小区查获私人赌博场所今日在某小区查获私人赌博场所今日在某小区查获私人赌博场所', |
| | | // SFDZ: '上饶市信州区万达华府小区', |
| | | // BJLX: '聚众赌博', |
| | | // MEMO: '人群聚集赌博' |
| | | // }, |
| | | // { |
| | | // JJDWMC: '信州公安局派出所', |
| | | // JJYXM: '欧阳西门', |
| | | // BJSJ: '2022-12-12 12:12:12', |
| | | // BJRXM: '西门庆祝', |
| | | // LXDH: 17335843642, |
| | | // BJNR: '今日在某小区查获私人赌博场所,今日在某小区查获私人赌博场所今日在某小区查获私人赌博场所今日在某小区查获私人赌博场所', |
| | | // SFDZ: '上饶市信州区万达华府小区', |
| | | // BJLX: '聚众赌博', |
| | | // MEMO: '人群聚集赌博' |
| | | // }, |
| | | // { |
| | | // JJDWMC: '信州公安局派出所', |
| | | // JJYXM: '欧阳西门', |
| | | // BJSJ: '2022-12-12 12:12:12', |
| | | // BJRXM: '西门庆祝', |
| | | // LXDH: 17335843642, |
| | | // BJNR: '今日在某小区查获私人赌博场所', |
| | | // SFDZ: '上饶市信州区万达华府小区', |
| | | // BJLX: '聚众赌博', |
| | | // MEMO: '人群聚集赌博' |
| | | // }, |
| | | // { |
| | | // JJDWMC: '信州公安局派出所', |
| | | // JJYXM: '欧阳西门', |
| | | // BJSJ: '2022-12-12 12:12:12', |
| | | // BJRXM: '西门庆祝', |
| | | // LXDH: 17335843642, |
| | | // BJNR: '今日在某小区查获私人赌博场所', |
| | | // SFDZ: '上饶市信州区万达华府小区', |
| | | // BJLX: '聚众赌博', |
| | | // MEMO: '人群聚集赌博' |
| | | // }, |
| | | // { |
| | | // JJDWMC: '信州公安局派出所', |
| | | // JJYXM: '欧阳西门', |
| | | // BJSJ: '2022-12-12 12:12:12', |
| | | // BJRXM: '西门庆祝', |
| | | // LXDH: 17335843642, |
| | | // BJNR: '今日在某小区查获私人赌博场所', |
| | | // SFDZ: '上饶市信州区万达华府小区', |
| | | // BJLX: '聚众赌博', |
| | | // MEMO: '人群聚集赌博' |
| | | // }, |
| | | // { |
| | | // JJDWMC: '信州公安局派出所', |
| | | // JJYXM: '欧阳西门', |
| | | // BJSJ: '2022-12-12 12:12:12', |
| | | // BJRXM: '西门庆祝', |
| | | // LXDH: 17335843642, |
| | | // BJNR: '今日在某小区查获私人赌博场所今日在某小区查获私人赌博场所今日在某小区查获私人赌博场所今日在某小区查获私人赌博场所今日在某小区查获私人赌博场所今日在某小区查获私人赌博场所今日在某小区查获私人赌博场所今日在某小区查获私人赌博场所今日在某小区查获私人赌博场所今日在某小区查获私人赌博场所今日在某小区查获私人赌博场所今日在某小区查获私人赌博场所今日在某小区查获私人赌博场所今日在某小区查获私人赌博场所今日在某小区查获私人赌博场所今日在某小区查获私人赌博场所今日在某小区查获私人赌博场所今日在某小区查获私人赌博场所', |
| | | // SFDZ: '上饶市信州区万达华府小区上饶市信州区万达华府小区', |
| | | // BJLX: '聚众赌博', |
| | | // MEMO: '人群聚集赌博' |
| | | // }, |
| | | // { |
| | | // JJDWMC: '信州公安局派出所', |
| | | // JJYXM: '欧阳西门', |
| | | // BJSJ: '2022-12-12 12:12:12', |
| | | // BJRXM: '西门庆祝', |
| | | // LXDH: 17335843642, |
| | | // BJNR: '今日在某小区查获私人赌博场所', |
| | | // SFDZ: '上饶市信州区万达华府小区', |
| | | // BJLX: '聚众赌博', |
| | | // MEMO: '人群聚集赌博' |
| | | // }] |
| | | |
| | | // this.realPoliceInforData = this.realPoliceInforData.map((item, index) => { |
| | | // return { ...item, index: index + 1, lng: item.ZDDWXZB, lat: item.ZDDWYZB } |
| | | // }) |
| | | |
| | | // this.addPoliceInforSiteLayer(this.realPoliceInforData) |
| | | }, |
| | | |
| | | // 获取历史接警记录 |
| | | getAlarmList (params) { |
| | | this.pages.total = 0 |
| | | this.loading() |
| | | this.historyPoliceInforData = [] |
| | | this.historyEmptyText = "" |
| | | |
| | | getAlarmList({ ...params, size: this.pages.size, jjdwbh: this.userInfo.dept_id }).then(res => { |
| | | |
| | |
| | | } else { |
| | | this.pages.total = 0 |
| | | this.historyPoliceInforData = [] |
| | | this.realEmptyText = "暂无历史警情信息" |
| | | } |
| | | |
| | | this.addPoliceInforSiteLayer(this.historyPoliceInforData) |
| | | setTimeout(() => { |
| | | loading && loading.close() |
| | | }, 500) |
| | | }) |
| | | |
| | | // this.historyPoliceInforData = [{ |
| | |
| | | }, |
| | | |
| | | destroyed () { |
| | | loading && loading.close() |
| | | |
| | | window.removeEventListener('resize', this.setTableHeight) |
| | | |
| | | policeInforSiteLayer != null && policeInforSiteLayer.remove() |