| | |
| | | </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 } |
| | | }) |
| | | }) |
| | | }, |