| | |
| | | <span class="beforetime" :class="{ choosed: historytype == 1 }" |
| | | @click="historyTabClick(1)">历史</span> |
| | | </div> |
| | | |
| | | </div> |
| | | |
| | | <div class="body" ref="tableBox" @click="handleSelectClick($event)"> |
| | |
| | | <span class="num" v-text="index + 1"></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" v-text="item.JJSJ"></span> |
| | | <span class="receiving-alarm-time" :title="item.JJSJ" |
| | | v-text="item.JJSJ.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" v-text="item.SFDZ"></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="alarm-bz" v-text="item.MEMO"></span> |
| | | </li> |
| | |
| | | // 获取实时接警记录 |
| | | getAnswerPolices () { |
| | | // getAnswerPolices().then(res => { |
| | | // this.policeSituationRealtimeArr = res.data.result |
| | | // this.policeSituationRealtimeArr = res.data.result.map((item, index) => { |
| | | // return { ...item, lng: item.ZDDWXZB, lat: item.ZDDWYZB } |
| | | // }) |
| | | // }) |
| | | |
| | | this.policeSituationRealtimeArr = [{ |
| | |
| | | JJSJ: '2022-12-12 12:12:12', |
| | | BJRXM: '西门庆祝', |
| | | LXDH: 17335843642, |
| | | BJNR: '今日在某小区查获私人赌博场所', |
| | | SFDZ: '上饶市信州区万达华府小区', |
| | | BJNR: '今日在某小区查获私人赌博场所今日在某小区查获私人赌博场所今日在某小区查获私人赌博场所今日在某小区查获私人赌博场所今日在某小区查获私人赌博场所今日在某小区查获私人赌博场所今日在某小区查获私人赌博场所今日在某小区查获私人赌博场所今日在某小区查获私人赌博场所今日在某小区查获私人赌博场所今日在某小区查获私人赌博场所今日在某小区查获私人赌博场所今日在某小区查获私人赌博场所今日在某小区查获私人赌博场所今日在某小区查获私人赌博场所今日在某小区查获私人赌博场所今日在某小区查获私人赌博场所今日在某小区查获私人赌博场所', |
| | | SFDZ: '上饶市信州区万达华府小区上饶市信州区万达华府小区', |
| | | BJLX: '聚众赌博', |
| | | MEMO: '人群聚集赌博' |
| | | }, |
| | |
| | | BJLX: '聚众赌博', |
| | | MEMO: '人群聚集赌博' |
| | | }] |
| | | |
| | | this.policeSituationRealtimeArr = this.policeSituationRealtimeArr.map((item, index) => { |
| | | return { ...item, lng: item.ZDDWXZB, lat: item.ZDDWYZB } |
| | | }) |
| | | }, |
| | | |
| | | // 获取历史接警记录 |
| | | getAlarmList (type, time) { |
| | | getAlarmList(type, time).then(res => { |
| | | this.policeSituationHistoryArr = res.data.data.records |
| | | this.policeSituationHistoryArr = res.data.data.records.map((item, index) => { |
| | | return { ...item, lng: item.ZDDWXZB, lat: item.ZDDWYZB } |
| | | }) |
| | | }) |
| | | }, |
| | | |
| | |
| | | this.getAlarmList(type, this.dateFormat(this.currentMonthTime)) |
| | | } |
| | | |
| | | this.$emit('changePoliceSituationTimeType', type) |
| | | this.$emit('policeSituationChange') |
| | | }, |
| | | |
| | |
| | | historyTabClick (type) { |
| | | this.historytype = type |
| | | |
| | | this.timetype = 0 |
| | | |
| | | this.currentWeekTime = new Date() |
| | | |
| | | if (type == 0) { |
| | | this.getAnswerPolices() |
| | | } else { |
| | | this.getAlarmList(type, this.dateFormat(this.currentWeekTime)) |
| | | this.getAlarmList(this.timetype, this.dateFormat(this.currentWeekTime)) |
| | | } |
| | | |
| | | this.$emit('changePoliceSituationHistoryType', type) |
| | | this.$emit('policeSituationChange') |
| | | }, |
| | | |
| | | chooseWeekTimeDate () { |
| | | return this.policeSituationHistoryArr |
| | | chooseRealData () { |
| | | return this.policeSituationRealtimeArr |
| | | }, |
| | | |
| | | chooseMouthTimeDate () { |
| | | chooseTimeDate () { |
| | | return this.policeSituationHistoryArr |
| | | }, |
| | | |
| | |
| | | cursor: pointer; |
| | | |
| | | span { |
| | | padding: 0 4px; |
| | | overflow: hidden; |
| | | text-overflow: ellipsis; |
| | | white-space: nowrap; |
| | |
| | | } |
| | | |
| | | .receiving-alarm-unit { |
| | | width: 12%; |
| | | width: 12.6%; |
| | | } |
| | | |
| | | .receiving-alarm-people { |
| | | width: 8%; |
| | | width: 7.6%; |
| | | } |
| | | |
| | | .receiving-alarm-time { |
| | | width: 10%; |
| | | width: 9.6%; |
| | | } |
| | | |
| | | .call-people { |
| | | width: 8%; |
| | | width: 7.6%; |
| | | } |
| | | |
| | | .call-phone { |
| | | width: 8%; |
| | | width: 10%; |
| | | } |
| | | |
| | | .call-police-content { |