|
@@ -79,9 +79,9 @@
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
<el-table-column label="位置" prop="address" align="center"/>
|
|
|
- <el-table-column label="发生时间" prop="create_time" align="center"/>
|
|
|
- <el-table-column label="受伤人数" prop="data4" align="center"/>
|
|
|
- <el-table-column label="死亡人数" prop="data5" align="center"/>
|
|
|
+ <el-table-column label="发生时间" prop="event_time" align="center"/>
|
|
|
+ <el-table-column label="受伤人数" prop="injuries" align="center"/>
|
|
|
+ <el-table-column label="死亡人数" prop="deaths" align="center"/>
|
|
|
</el-table>
|
|
|
</div>
|
|
|
</div>
|
|
@@ -106,15 +106,15 @@
|
|
|
</div>
|
|
|
<div class="unit-box">
|
|
|
<div class="text">发生时间</div>
|
|
|
- <div class="info-content">{{ rowDetail.create_time }}</div>
|
|
|
+ <div class="info-content">{{ rowDetail.event_time }}</div>
|
|
|
</div>
|
|
|
<div class="unit-box">
|
|
|
<div class="text">受伤人数</div>
|
|
|
- <div class="info-content">{{ rowDetail.data4 }}</div>
|
|
|
+ <div class="info-content">{{ rowDetail.injuries }}</div>
|
|
|
</div>
|
|
|
<div class="unit-box">
|
|
|
<div class="text">死亡人数</div>
|
|
|
- <div class="info-content">{{ rowDetail.data5 }}</div>
|
|
|
+ <div class="info-content">{{ rowDetail.deaths }}</div>
|
|
|
</div>
|
|
|
</van-popup>
|
|
|
</div>
|
|
@@ -127,6 +127,7 @@ import {getEvent} from "@/api/duty/eventing";
|
|
|
import {chartOption1} from "@/views/disasterRiskMonitor/chartOptions";
|
|
|
import searchImg from "@/assets/images/search.png";
|
|
|
import { iconList } from '@/components/Map/mapData';
|
|
|
+import { getActiveEventList, getEventCompletedTrend } from "@/api/event";
|
|
|
|
|
|
const proxy = getCurrentInstance()?.proxy;
|
|
|
const {mm_event_type} = toRefs<any>(
|
|
@@ -184,7 +185,7 @@ let dataList = ref([]);
|
|
|
const option1 = ref(chartOption1);
|
|
|
const queryParams = reactive({
|
|
|
page: 1,
|
|
|
- pageSize: 10,
|
|
|
+ page_size: 10,
|
|
|
year: ''
|
|
|
});
|
|
|
let loading = ref(false);
|
|
@@ -230,12 +231,22 @@ const getList = () => {
|
|
|
loading.value = false;
|
|
|
});
|
|
|
};
|
|
|
+
|
|
|
+const getCompletedTrend = async() => {
|
|
|
+ getEventCompletedTrend().then((res) => {
|
|
|
+ option1.value.xAxis[0].data = res.data.xAxis;
|
|
|
+ res.data.series.forEach((n, i)=>{
|
|
|
+ option1.value.series[i].data = n;
|
|
|
+ });
|
|
|
+ })
|
|
|
+};
|
|
|
+
|
|
|
const rowDetail = ref({
|
|
|
address: '',
|
|
|
event_type: '',
|
|
|
- create_time: '',
|
|
|
- data4: '',
|
|
|
- data5: ''
|
|
|
+ event_time: '',
|
|
|
+ injuries: '',
|
|
|
+ deaths: ''
|
|
|
});
|
|
|
const handleRowClick = (row) => {
|
|
|
setTimeout(() => {
|
|
@@ -244,37 +255,40 @@ const handleRowClick = (row) => {
|
|
|
}, 10)
|
|
|
};
|
|
|
const initData = () => {
|
|
|
- // getActiveEventList().then(res => {
|
|
|
- // if (res.data.event_id != noticeBarState.value.event_id) {
|
|
|
- // noticeBarState.value.show = true;
|
|
|
- // noticeBarState.value.event_id = res.data.event_id;
|
|
|
- // noticeBarState.value.event_title = res.data.event_title;
|
|
|
- // }
|
|
|
- // });
|
|
|
- noticeBarState.value = [
|
|
|
- {
|
|
|
- event_id: "",
|
|
|
- time: "2024-03-01 12:12:12",
|
|
|
- event_title: "茂名市茂南区xxx高速路口发生交通事故,今日凌晨三点在xx高速路口,由于突降暴雨路面湿滑,导致路面积水严重,不少路过车辆都减速慢行…"
|
|
|
+ getActiveEventList().then(res => {
|
|
|
+ if (res.data.event_id != '') {
|
|
|
+ noticeBarState.value = [{
|
|
|
+ event_id: res.data.event_id,
|
|
|
+ time: res.data.event_time,
|
|
|
+ event_title: res.data.event_description
|
|
|
+ }];
|
|
|
}
|
|
|
- ];
|
|
|
+ });
|
|
|
+ // noticeBarState.value = [
|
|
|
+ // {
|
|
|
+ // event_id: "",
|
|
|
+ // time: "2024-03-01 12:12:12",
|
|
|
+ // event_title: "茂名市茂南区xxx高速路口发生交通事故,今日凌晨三点在xx高速路口,由于突降暴雨路面湿滑,导致路面积水严重,不少路过车辆都减速慢行…"
|
|
|
+ // }
|
|
|
+ // ];
|
|
|
// 趋势统计
|
|
|
- option1.value.xAxis[0].data = [
|
|
|
- "2024-01",
|
|
|
- "2024-02",
|
|
|
- "2024-03",
|
|
|
- "2024-04",
|
|
|
- "2024-05",
|
|
|
- "2024-06"
|
|
|
- ];
|
|
|
- option1.value.series[0].data = [
|
|
|
- 502.84, 205.97, 332.79, 281.55, 398.35, 214.02
|
|
|
- ];
|
|
|
- option1.value.series[1].data = [
|
|
|
- 281.55, 398.35, 214.02, 179.55, 289.57, 356.14
|
|
|
- ];
|
|
|
+ // option1.value.xAxis[0].data = [
|
|
|
+ // "2024-01",
|
|
|
+ // "2024-02",
|
|
|
+ // "2024-03",
|
|
|
+ // "2024-04",
|
|
|
+ // "2024-05",
|
|
|
+ // "2024-06"
|
|
|
+ // ];
|
|
|
+ // option1.value.series[0].data = [
|
|
|
+ // 502.84, 205.97, 332.79, 281.55, 398.35, 214.02
|
|
|
+ // ];
|
|
|
+ // option1.value.series[1].data = [
|
|
|
+ // 281.55, 398.35, 214.02, 179.55, 289.57, 356.14
|
|
|
+ // ];
|
|
|
// 事件列表
|
|
|
- getList()
|
|
|
+ getList();
|
|
|
+ getCompletedTrend();
|
|
|
};
|
|
|
</script>
|
|
|
|