|
@@ -39,15 +39,23 @@
|
|
|
|
|
|
<div class="line-box"></div>
|
|
|
|
|
|
- <div class="legend-item">
|
|
|
+ <div class="legend-item">
|
|
|
<div class="icon-box">
|
|
|
<img src="../../../../assets/img/Component 240(6).png" />
|
|
|
</div>
|
|
|
<el-select
|
|
|
+ v-model="bingliSelect"
|
|
|
class="legend-select"
|
|
|
placeholder="请选择病种"
|
|
|
popper-class="custom-select"
|
|
|
- ></el-select>
|
|
|
+ >
|
|
|
+ <el-option
|
|
|
+ v-for="(item, index) in bingliArr"
|
|
|
+ :key="index"
|
|
|
+ :label="item.label"
|
|
|
+ :value="item.value"
|
|
|
+ ></el-option>
|
|
|
+ </el-select>
|
|
|
</div>
|
|
|
|
|
|
<div class="legend-item">
|
|
@@ -56,18 +64,34 @@
|
|
|
</div>
|
|
|
<el-select
|
|
|
class="legend-select"
|
|
|
- placeholder="请选择"
|
|
|
+ v-model="riskType"
|
|
|
+ placeholder="请选择风险类型"
|
|
|
popper-class="custom-select"
|
|
|
- ></el-select>
|
|
|
+ >
|
|
|
+ <el-option
|
|
|
+ v-for="(item, index) in riskTypeOptions"
|
|
|
+ :key="index"
|
|
|
+ :label="item.label"
|
|
|
+ :value="item.value"
|
|
|
+ ></el-option>
|
|
|
+ </el-select>
|
|
|
</div>
|
|
|
<div class="legend-item">
|
|
|
<div class="icon-box">
|
|
|
<img src="../../../../assets/img/Component 240(8).png" />
|
|
|
</div>
|
|
|
<el-select
|
|
|
+ v-model="timeSelect"
|
|
|
class="legend-select"
|
|
|
popper-class="custom-select"
|
|
|
- placeholder="请选择"
|
|
|
+ placeholder="请选择时间"
|
|
|
+ >
|
|
|
+ <el-option
|
|
|
+ v-for="(item, index) in timeArr"
|
|
|
+ :key="index"
|
|
|
+ :label="item.label"
|
|
|
+ :value="item.value"
|
|
|
+ ></el-option
|
|
|
></el-select>
|
|
|
</div>
|
|
|
<template v-if="commonStore.activeIndex == 1">
|
|
@@ -105,6 +129,7 @@ import { ref } from "vue";
|
|
|
import { useCommonStore } from "@/store/common.js";
|
|
|
import { useRightPanelStore } from "../../../../store/rightPanel";
|
|
|
import {handleHeatMap} from "@/utils/map/baseMethod.js";
|
|
|
+import { riskTypeOptions } from "../../../../data/dict";
|
|
|
|
|
|
const commonStore = useCommonStore();
|
|
|
const rightPanelStore = useRightPanelStore();
|
|
@@ -124,6 +149,56 @@ const handleTimerSwitch = () => {
|
|
|
const handleVideo = () => {
|
|
|
videoSwitch.value = !videoSwitch.value;
|
|
|
};
|
|
|
+
|
|
|
+const bingliSelect = ref("");
|
|
|
+
|
|
|
+const bingliArr = ref([
|
|
|
+ {
|
|
|
+ label: "流感",
|
|
|
+ value: "流感",
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: "肺炎",
|
|
|
+ value: "肺炎",
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: "高温中暑",
|
|
|
+ value: "高温中暑",
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: "疟疾",
|
|
|
+ value: "疟疾",
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: "登革热",
|
|
|
+ value: "登革热",
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: "猩红热",
|
|
|
+ value: "猩红热",
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: "聚集性呕吐腹泻",
|
|
|
+ value: "聚集性呕吐腹泻",
|
|
|
+ },
|
|
|
+]);
|
|
|
+
|
|
|
+const timeSelect = ref("");
|
|
|
+const timeArr = ref([
|
|
|
+ {
|
|
|
+ label: "当年",
|
|
|
+ value: "当年",
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: "当月",
|
|
|
+ value: "当月",
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: "当日",
|
|
|
+ value: "当日",
|
|
|
+ },
|
|
|
+]);
|
|
|
+
|
|
|
//风险等级
|
|
|
const riskLevelList = ref([
|
|
|
{
|