|
|
@@ -94,6 +94,7 @@ import mmJson from "@/assets/json/mm.json";
|
|
|
import { ElTable, ElTableColumn } from "element-plus";
|
|
|
import { getAreaMap } from "@/api/globalMap";
|
|
|
import { showToast } from "vant";
|
|
|
+import { getEmergencyResponseList } from "@/api/disasterRiskMonitor/emergencyResponse";
|
|
|
|
|
|
const { proxy } = getCurrentInstance() as ComponentInternalInstance;
|
|
|
const { district_type, effective_level, specific_time } = toRefs<any>(
|
|
|
@@ -114,10 +115,10 @@ let map, mapUtils;
|
|
|
let responseLevel = ref("");
|
|
|
let responseTime = ref("");
|
|
|
let levelData = ref([
|
|
|
- { name: "Ⅰ级", value: 0, type: "1" },
|
|
|
- { name: "Ⅱ级", value: 0, type: "2" },
|
|
|
- { name: "Ⅲ级", value: 0, type: "3" },
|
|
|
- { name: "Ⅳ级", value: 0, type: "4" }
|
|
|
+ { name: "Ⅰ级", value: 0, type: "Ⅰ" },
|
|
|
+ { name: "Ⅱ级", value: 0, type: "Ⅱ" },
|
|
|
+ { name: "Ⅲ级", value: 0, type: "Ⅲ" },
|
|
|
+ { name: "Ⅳ级", value: 0, type: "Ⅳ" }
|
|
|
]);
|
|
|
// 初始化地图
|
|
|
const initMap = () => {
|
|
|
@@ -149,12 +150,14 @@ const getLevelData = () => {
|
|
|
// 获取不同级别样式
|
|
|
const getClass = type => {
|
|
|
let res = "level-item";
|
|
|
- if (type === "1") {
|
|
|
+ if (type === "Ⅰ") {
|
|
|
res += " level1";
|
|
|
- } else if (type === "2") {
|
|
|
+ } else if (type === "Ⅱ") {
|
|
|
res += " level2";
|
|
|
- } else if (type === "3") {
|
|
|
+ } else if (type === "Ⅲ") {
|
|
|
res += " level3";
|
|
|
+ } else if (type === "Ⅳ") {
|
|
|
+ res += " level4";
|
|
|
}
|
|
|
return res;
|
|
|
};
|
|
|
@@ -168,37 +171,58 @@ const onCancel = () => {
|
|
|
};
|
|
|
|
|
|
// 表格查询条件
|
|
|
-const queryParams = reactive({
|
|
|
- area: [],
|
|
|
- level: [],
|
|
|
- startTime: [],
|
|
|
- endTime: []
|
|
|
+const queryParams = ref({
|
|
|
+ query: {
|
|
|
+ response_type: '1', // 1:防风 2:防汛3:防旱4:防冻 6:防暴雨
|
|
|
+ area: [],
|
|
|
+ level: [],
|
|
|
+ startTime: [],
|
|
|
+ endTime: []
|
|
|
+ },
|
|
|
+ current: 1,
|
|
|
+ size: 10
|
|
|
});
|
|
|
// 表格数据
|
|
|
let dataList = ref([]);
|
|
|
// 获取数据
|
|
|
const initData = () => {
|
|
|
getList();
|
|
|
- responseTime.value = "2024-12-10 10:12:34";
|
|
|
initMap();
|
|
|
const currentDate = new Date();
|
|
|
const currentYear = currentDate.getFullYear();
|
|
|
const currentMonth = String(currentDate.getMonth() + 1).padStart(2, "0"); // 确保月份是两位数
|
|
|
const currentDay = String(currentDate.getDate()).padStart(2, "0");
|
|
|
- queryParams.startTime = [currentYear, currentMonth, currentDay];
|
|
|
- queryParams.endTime = [currentYear, currentMonth, currentDay];
|
|
|
+ queryParams.value.query.startTime = [currentYear, currentMonth, currentDay];
|
|
|
+ queryParams.value.query.endTime = [currentYear, currentMonth, currentDay];
|
|
|
};
|
|
|
|
|
|
-const getList = () => {
|
|
|
+const getList = async () => {
|
|
|
+ responseTime.value = "";
|
|
|
+ responseLevel.value = "";
|
|
|
+ let res = await getEmergencyResponseList(queryParams.value);
|
|
|
+ res.rows.forEach(i => {
|
|
|
+ dataList.value.push({
|
|
|
+ area: i.response_addr,
|
|
|
+ level: i.response_level+"级",
|
|
|
+ time: i.response_time,
|
|
|
+ maxLevel: i.response_level,
|
|
|
+ maxLevelTime: i.response_time
|
|
|
+ });
|
|
|
+ responseTime.value = i.response_time;
|
|
|
+ responseLevel.value = "防风应急响应："+i.response_level+"级";
|
|
|
+ });
|
|
|
+
|
|
|
+ /*
|
|
|
dataList.value = [
|
|
|
{
|
|
|
- area: "电白区",
|
|
|
+ response: "电白区",
|
|
|
level: "Ⅳ级",
|
|
|
time: "2024-12-05 07:23:55",
|
|
|
maxLevel: "Ⅲ",
|
|
|
maxLevelTime: "2024-12-04 16:45:13"
|
|
|
}
|
|
|
];
|
|
|
+ */
|
|
|
};
|
|
|
// 区县
|
|
|
let showPicker = ref(false);
|
|
|
@@ -217,7 +241,7 @@ const columns = computed(() => {
|
|
|
const onSelectLevelConfirm = ({ selectedOptions }) => {
|
|
|
showPicker.value = false;
|
|
|
selectLabel.value = selectedOptions[0].text;
|
|
|
- queryParams.area = selectedOptions[0].value;
|
|
|
+ queryParams.value.query.area = selectedOptions[0].value;
|
|
|
initData();
|
|
|
};
|
|
|
|
|
|
@@ -238,7 +262,7 @@ const columns2 = computed(() => {
|
|
|
const onSelectLevelConfirm2 = ({ selectedOptions }) => {
|
|
|
showPicker2.value = false;
|
|
|
selectLabel2.value = selectedOptions[0].text;
|
|
|
- queryParams.level = selectedOptions[0].value;
|
|
|
+ queryParams.value.query.level = selectedOptions[0].value;
|
|
|
initData();
|
|
|
};
|
|
|
|
|
|
@@ -259,7 +283,7 @@ const columns3 = computed(() => {
|
|
|
const onSelectLevelConfirm3 = ({ selectedOptions }) => {
|
|
|
showPicker3.value = false;
|
|
|
selectLabel3.value = selectedOptions[0].text;
|
|
|
- queryParams.level = selectedOptions[0].value;
|
|
|
+ queryParams.value.query.level = selectedOptions[0].value;
|
|
|
initData();
|
|
|
};
|
|
|
|
