panbaolin/SourceTermAnalysisSystem_vue
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

数据分析

Browse Source
This commit is contained in:
冯少康 2026-08-03 18:09:36 +08:00
parent af3ac25fef
commit 10a7cca13e
4 changed files with 270 additions and 52 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

99
src/assets/icon/calendar.svg Normal file
View File

@ -0,0 +1,99 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 24.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
<metadata>
<?xpacket begin="" id="W5M0MpCehiHzreSzNTczkc9d"?>
<x:xmpmeta xmlns:x="adobe:ns:meta/">
<rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#">
<rdf:Description rdf:about=""
xmlns:dc="http://purl.org/dc/elements/1.1/">
<dc:creator>
<rdf:Seq><rdf:li>Freeicon</rdf:li></rdf:Seq>
</dc:creator>
<dc:rights>
<rdf:Alt><rdf:li xml:lang="x-default">Free for personal and commercial use - freeicon.com</rdf:li></rdf:Alt>
</dc:rights>
</rdf:Description>
<rdf:Description rdf:about=""
xmlns:Iptc4xmpCore="http://iptc.org/std/Iptc4xmpCore/1.0/xmlns/">
<Iptc4xmpCore:CreditLine>freeicon.com</Iptc4xmpCore:CreditLine>
</rdf:Description>
<rdf:Description rdf:about=""
xmlns:photoshop="http://ns.adobe.com/photoshop/1.0/">
<photoshop:Credit>freeicon.com</photoshop:Credit>
<photoshop:Source>freeicon.com</photoshop:Source>
</rdf:Description>
</rdf:RDF>
</x:xmpmeta>
<?xpacket end="w"?>
</metadata>
<g id="_x31_3_x2C__Correct_x2C__Calendar_x2C__Time_And_Date_x2C__Check_x2C__Sign">
<g>
<g id="XMLID_2598_">
<path id="XMLID_2648_" style="fill:#89CCFF;" d="M501,141v330c0,16.57-13.43,30-30,30H41c-16.57,0-30-13.43-30-30V141
C42.754,141,479.697,141,501,141z"/>
<path id="XMLID_2646_" style="fill:#89CCFF;" d="M471,51c16.57,0,30,13.43,30,30v60l-227.606,43L11,141V81
c0-16.57,13.43-30,30-30"/>
<rect id="XMLID_2645_" x="51" y="141" style="fill:#FFFFFF;" width="410" height="320"/>
<path id="XMLID_2644_" style="fill:#FFFFFF;" d="M461,66c0,13.81-11.19,25-25,25s-25-11.19-25-25c0-10.492,0-19.508,0-30
c0-13.81,11.19-25,25-25c13.824,0,25,11.199,25,25C461,36,461,55.508,461,66z"/>
<path id="XMLID_2643_" style="fill:#FFFFFF;" d="M371,66c0,13.81-11.19,25-25,25s-25-11.19-25-25c0-10.492,0-19.508,0-30
c0-13.81,11.19-25,25-25c13.824,0,25,11.199,25,25C371,36,371,55.508,371,66z"/>
<path id="XMLID_2642_" style="fill:#FFFFFF;" d="M281,66c0,13.81-11.19,25-25,25s-25-11.19-25-25c0-10.492,0-19.508,0-30
c0-13.81,11.19-25,25-25c13.824,0,25,11.199,25,25C281,46.492,281,55.508,281,66z"/>
<path id="XMLID_2641_" style="fill:#FFFFFF;" d="M191,66c0,13.81-11.19,25-25,25s-25-11.19-25-25c0-10.492,0-19.508,0-30
c0-13.81,11.19-25,25-25c13.824,0,25,11.199,25,25C191,36,191,55.508,191,66z"/>
<path id="XMLID_2640_" style="fill:#FFFFFF;" d="M101,66c0,13.81-11.19,25-25,25S51,79.81,51,66c0-10.492,0-19.508,0-30
c0-13.81,11.19-25,25-25c13.824,0,25,11.199,25,25C101,46.492,101,55.508,101,66z"/>
<path id="XMLID_2639_" style="fill:#2169AC;" d="M141,61h-40c-5.523,0-10-4.477-10-10s4.477-10,10-10h40c5.523,0,10,4.477,10,10
S146.523,61,141,61z"/>
<path id="XMLID_2638_" style="fill:#2169AC;" d="M321,61h-40c-5.523,0-10-4.477-10-10s4.477-10,10-10h40c5.523,0,10,4.477,10,10
S326.523,61,321,61z"/>
<path id="XMLID_2637_" style="fill:#2169AC;" d="M471,511H41c-22.056,0-40-17.944-40-40V81c0-22.056,17.944-40,40-40h10
c5.523,0,10,4.477,10,10s-4.477,10-10,10H41c-11.028,0-20,8.972-20,20v390c0,11.028,8.972,20,20,20h430c11.028,0,20-8.972,20-20
V81c0-11.028-8.972-20-20-20h-10c-5.523,0-10-4.477-10-10s4.477-10,10-10h10c22.056,0,40,17.944,40,40v390
C511,493.056,493.056,511,471,511z"/>
<path id="XMLID_2636_" style="fill:#2169AC;" d="M411,61h-40c-5.523,0-10-4.477-10-10s4.477-10,10-10h40c5.523,0,10,4.477,10,10
S416.523,61,411,61z"/>
<path id="XMLID_2635_" style="fill:#2169AC;" d="M231,61h-40c-5.523,0-10-4.477-10-10s4.477-10,10-10h40c5.523,0,10,4.477,10,10
S236.523,61,231,61z"/>
<path id="XMLID_2618_" style="fill:#2169AC;" d="M76,101c-19.299,0-35-15.701-35-35V36C41,16.701,56.701,1,76,1
c19.351,0,35,15.647,35,35v30C111,85.299,95.299,101,76,101z M76,21c-8.271,0-15,6.729-15,15v30c0,8.271,6.729,15,15,15
s15-6.729,15-15V36C91,27.704,84.298,21,76,21z"/>
<path id="XMLID_2615_" style="fill:#2169AC;" d="M166,101c-19.299,0-35-15.701-35-35V36c0-19.299,15.701-35,35-35
c19.35,0,35,15.647,35,35v30C201,85.299,185.299,101,166,101z M166,21c-8.271,0-15,6.729-15,15v30c0,8.271,6.729,15,15,15
s15-6.729,15-15V36C181,27.704,174.298,21,166,21z"/>
<path id="XMLID_2612_" style="fill:#2169AC;" d="M256,101c-19.299,0-35-15.701-35-35V36c0-19.299,15.701-35,35-35
c19.35,0,35,15.647,35,35v30C291,85.299,275.299,101,256,101z M256,21c-8.271,0-15,6.729-15,15v30c0,8.271,6.729,15,15,15
s15-6.729,15-15V36C271,27.704,264.298,21,256,21z"/>
<path id="XMLID_2609_" style="fill:#2169AC;" d="M346,101c-19.299,0-35-15.701-35-35V36c0-19.299,15.701-35,35-35
c19.35,0,35,15.647,35,35v30C381,85.299,365.299,101,346,101z M346,21c-8.271,0-15,6.729-15,15v30c0,8.271,6.729,15,15,15
s15-6.729,15-15V36C361,27.704,354.298,21,346,21z"/>
<path id="XMLID_2606_" style="fill:#2169AC;" d="M436,101c-19.299,0-35-15.701-35-35V36c0-19.299,15.701-35,35-35
c19.35,0,35,15.647,35,35v30C471,85.299,455.299,101,436,101z M436,21c-8.271,0-15,6.729-15,15v30c0,8.271,6.729,15,15,15
s15-6.729,15-15V36c0-4.01-1.56-7.778-4.391-10.609C443.778,22.56,440.01,21,436,21z"/>
<path id="XMLID_2605_" style="fill:#2169AC;" d="M461,471c-5.523,0-10-4.477-10-10V141c0-5.523,4.477-10,10-10s10,4.477,10,10
v320C471,466.523,466.523,471,461,471z"/>
<path id="XMLID_2604_" style="fill:#2169AC;" d="M461,471H51c-5.523,0-10-4.477-10-10V141c0-5.523,4.477-10,10-10s10,4.477,10,10
v310h400c5.523,0,10,4.477,10,10S466.523,471,461,471z"/>
<path id="XMLID_2603_" style="fill:#2169AC;" d="M501,151H11c-5.523,0-10-4.477-10-10s4.477-10,10-10h490c5.523,0,10,4.477,10,10
S506.523,151,501,151z"/>
<polygon id="XMLID_2601_" style="fill:#89CCFF;" points="378.31,240.86 258.05,361.13 258.06,361.14 222.71,396.5 133.69,307.48
169.05,272.13 222.69,325.77 342.95,205.5 "/>
<path id="XMLID_2600_" style="fill:#2169AC;" d="M250.979,368.201c-3.905-3.905-3.906-10.237-0.001-14.142L364.168,240.86
l-21.218-21.217L229.761,332.841c-3.905,3.905-10.237,3.906-14.142,0.001c-3.905-3.905-3.906-10.237,0-14.142l120.26-120.27
c3.902-3.903,10.237-3.905,14.143,0l35.359,35.36c3.905,3.905,3.905,10.236,0,14.142l-120.26,120.27
C261.217,372.106,254.884,372.107,250.979,368.201z"/>
<path id="XMLID_2599_" style="fill:#2169AC;" d="M215.639,403.571l-89.02-89.02c-3.903-3.904-3.905-10.238,0.001-14.144
l35.36-35.35c3.906-3.904,10.236-3.903,14.142,0.001l53.64,53.64c3.905,3.905,3.905,10.237,0,14.143
c-3.905,3.905-10.237,3.905-14.143,0l-46.57-46.57l-21.216,21.21l74.876,74.876l28.007-28.015
c3.926-4.236,10.599-4.284,14.575-0.108l0.01,0.01c3.743,3.93,3.668,10.128-0.169,13.966l-35.35,35.36
C225.879,407.474,219.545,407.476,215.639,403.571z"/>
</g>
</g>
</g>
<g id="Layer_1">
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 6.8 KiB

24
src/layout/Container/mapRightMenu.vue
View File

@ -156,6 +156,17 @@ const symnTool = ref<MapControlItem[]>([
}, },
]); ]);
// 数据分析
const sjfxTool = ref<MapControlItem[]>([
{
name: "calendar",
isMargin: false,
tooltip: "日历",
isActive: false,
activeName: "calendar",
},
]);
const gifFormData = reactive({ const gifFormData = reactive({
minLon: "", minLon: "",
maxLon: "", maxLon: "",
@ -248,6 +259,13 @@ function handleIconClick(item: MapControlItem) {
isShowGif.value = true; isShowGif.value = true;
} }
); );
}else if(item.name=='calendar'){
let falg: any = !item.isActive;
switchIconActive(item.name, falg);
EventBusTool.getEventBus().publish("sjfxCalendarEvent", {
key: item.name,
falg,
});
} }
// 处理其他功能（全屏、定位等） // 处理其他功能（全屏、定位等）
else { else {
@ -387,6 +405,8 @@ onMounted(() => {
svgList.value = [...baseList.value, ...yxcjTool.value]; svgList.value = [...baseList.value, ...yxcjTool.value];
} else if (res.key === "gifIcon") { } else if (res.key === "gifIcon") {
svgList.value = [...baseList.value, ...symnTool.value]; svgList.value = [...baseList.value, ...symnTool.value];
}else if(res.key=="sjfxList"){
svgList.value = [...baseList.value, ...sjfxTool.value];
} }
// 按钮菜单触发状态 // 按钮菜单触发状态
if (res.key === "dataExport") { if (res.key === "dataExport") {
@ -397,6 +417,10 @@ onMounted(() => {
// 数据统计 // 数据统计
switchIconActive(res.key, res.falg); switchIconActive(res.key, res.falg);
} }
if(res.key == "calendar"){
switchIconActive(res.key, res.falg);
}
}); });
EventBusTool.getEventBus().subscribe("speciesChange", (res: any) => { EventBusTool.getEventBus().subscribe("speciesChange", (res: any) => {

108
src/layout/Header/index.vue
View File

@ -1,44 +1,56 @@
<script setup lang="ts"> <script setup lang="ts">
import type { RouteRecordRaw } from 'vue-router'; import type { RouteRecordRaw } from "vue-router";
import { ElMessage, ElMessageBox } from 'element-plus'; import { ElMessage, ElMessageBox } from "element-plus";
import { useI18n } from 'vue-i18n'; import { useI18n } from "vue-i18n";
import { setActiveMenu } from '@/gis/ol/index'; import { setActiveMenu } from "@/gis/ol/index";
import { ExcludeRouting } from '@/interface/index'; import { ExcludeRouting } from "@/interface/index";
import { usePermissionStore } from '@/store/modules/permission'; import { usePermissionStore } from "@/store/modules/permission";
import { useUserStore } from '@/store/modules/useUser'; import { useUserStore } from "@/store/modules/useUser";
const { t, locale } = useI18n(); const { t, locale } = useI18n();
const router = useRouter(); const router = useRouter();
const routerList = ref<RouteRecordRaw[]>([]); const routerList = ref<RouteRecordRaw[]>([]);
const activeMenu = ref('输运模拟'); const activeMenu = ref("输运模拟");
// 当前语言状态 // 当前语言状态
const language = computed(() => locale.value === 'zh' ? 'CH' : 'EN'); const language = computed(() => (locale.value === "zh" ? "CH" : "EN"));
function menuItemClick(name: string, nick: string) { async function menuItemClick(name: string, nick: string) {
activeMenu.value = nick; activeMenu.value = nick;
// 切换菜单，进行gis清理初始化 // 切换菜单，进行gis清理初始化
// eslint-disable-next-line prefer-const // eslint-disable-next-line prefer-const
let eventbus: any = EventBusTool.getEventBus(); let eventbus: any = EventBusTool.getEventBus();
eventbus.publish('playData', { eventbus.publish("playData", {
key: 'clear', key: "clear",
activeMenu: nick, activeMenu: nick,
}); });
eventbus.publish('mapRightMenuUIEvent', {
key: activeMenu.value === '源项重建' ? 'allList' : 'baseList', // 先执行路由跳转
});
router.push({ name }); router.push({ name });
// 等待路由对应的页面组件挂载完成，再发送菜单更新事件
setTimeout(() => {
if (activeMenu.value === "数据分析") {
eventbus.publish("mapRightMenuUIEvent", {
key: "sjfxList",
});
} else {
eventbus.publish("mapRightMenuUIEvent", {
key: activeMenu.value === "源项重建" ? "allList" : "baseList",
});
}
}, 500);
// router.push({ name });
} }
function tabLanguage() { function tabLanguage() {
// 切换语言 // 切换语言
const newLocale = locale.value === 'zh' ? 'en' : 'zh'; const newLocale = locale.value === "zh" ? "en" : "zh";
locale.value = newLocale; locale.value = newLocale;
// 保存语言设置到本地存储 // 保存语言设置到本地存储
localStorage.setItem('locale', newLocale); localStorage.setItem("locale", newLocale);
} }
// 在原有筛选逻辑后添加排序 // 在原有筛选逻辑后添加排序
@ -55,7 +67,9 @@ onMounted(async () => {
// 2. 筛选需要显示的路由（排除隐藏和不需要的路由） // 2. 筛选需要显示的路由（排除隐藏和不需要的路由）
const filteredRoutes = allAccessibleRoutes.filter((item) => { const filteredRoutes = allAccessibleRoutes.filter((item) => {
const isNotExcluded = !Object.values(ExcludeRouting).includes(item.name as ExcludeRouting); const isNotExcluded = !Object.values(ExcludeRouting).includes(
item.name as ExcludeRouting
);
const isNotHidden = !item.hidden; const isNotHidden = !item.hidden;
return isNotExcluded && isNotHidden; return isNotExcluded && isNotHidden;
}); });
@ -74,14 +88,17 @@ onMounted(async () => {
// const matchedMenu = sortedRoutes.find(item => item.redirect === currentPath); // const matchedMenu = sortedRoutes.find(item => item.redirect === currentPath);
// activeMenu.value = matchedMenu.meta.nick; // activeMenu.value = matchedMenu.meta.nick;
const matchedMenu = ref(); const matchedMenu = ref();
console.log(currentPath, 'currentPath'); console.log(currentPath, "currentPath");
const path = currentPath.split('/')[1]; const path = currentPath.split("/")[1];
const pathArr = ['sjfx', 'system']; const pathArr = ["sjfx", "system"];
if (!pathArr.includes(path)) { if (!pathArr.includes(path)) {
matchedMenu.value = sortedRoutes.find(item => item.redirect === currentPath); matchedMenu.value = sortedRoutes.find(
} (item) => item.redirect === currentPath
else { );
matchedMenu.value = sortedRoutes.find(item => item.redirect.split('/')[1] === currentPath.split('/')[1]); } else {
matchedMenu.value = sortedRoutes.find(
(item) => item.redirect.split("/")[1] === currentPath.split("/")[1]
);
} }
activeMenu.value = matchedMenu.value?.meta?.nick; activeMenu.value = matchedMenu.value?.meta?.nick;
setActiveMenu(activeMenu.value); setActiveMenu(activeMenu.value);
@ -89,23 +106,22 @@ onMounted(async () => {
const { logOut } = useUserStore(); const { logOut } = useUserStore();
function logout() { function logout() {
ElMessageBox.confirm('确定退出？', '退出', { ElMessageBox.confirm("确定退出？", "退出", {
confirmButtonText: '退出', confirmButtonText: "退出",
cancelButtonText: '取消', cancelButtonText: "取消",
type: 'warning', type: "warning",
}) })
.then(() => { .then(() => {
try { try {
logOut(); logOut();
} } catch (error) {
catch (error) { console.error("退出失败:", error);
console.error('退出失败:', error);
} }
}) })
.catch(() => { .catch(() => {
ElMessage({ ElMessage({
type: 'info', type: "info",
message: '取消', message: "取消",
duration: 500, duration: 500,
}); });
}); });
@ -116,22 +132,32 @@ function logout() {
<div class="header"> <div class="header">
<div class="logo"> <div class="logo">
<SvgIcon name="logo" width="60" height="60" /> <SvgIcon name="logo" width="60" height="60" />
{{ t('title') }} {{ t("title") }}
</div> </div>
<div class="base-menu"> <div class="base-menu">
<div <div
v-for="item in routerList" :key="item.name" v-for="item in routerList"
:class="item.meta?.nick === activeMenu ? 'base-menu-item menu-active' : 'base-menu-item'" :key="item.name"
:class="
item.meta?.nick === activeMenu
? 'base-menu-item menu-active'
: 'base-menu-item'
"
@click="menuItemClick(item.name as string, item.meta?.nick as string)" @click="menuItemClick(item.name as string, item.meta?.nick as string)"
> >
<SvgIcon <SvgIcon
:name="item.meta?.icon as string + (item.meta?.nick === activeMenu ? '_active' : '')" width="30" :name="item.meta?.icon as string + (item.meta?.nick === activeMenu ? '_active' : '')"
width="30"
height="30" height="30"
/> />
<div v-if="locale === 'zh'" class="base-menu-item-txt"> <div v-if="locale === 'zh'" class="base-menu-item-txt">
{{ item.meta?.nick }} {{ item.meta?.nick }}
</div> </div>
<div v-if="locale === 'en'" class="base-menu-item-txt" style="font-size: 12px"> <div
v-if="locale === 'en'"
class="base-menu-item-txt"
style="font-size: 12px"
>
{{ item.meta?.en }} {{ item.meta?.en }}
</div> </div>
</div> </div>
@ -140,9 +166,9 @@ function logout() {
<div class="user-info"> <div class="user-info">
<div class="translate" @click="tabLanguage"> <div class="translate" @click="tabLanguage">
<div class="translate-right-top"> <div class="translate-right-top">
{{ language === 'CH' ? 'En' : 'Ch' }} {{ language === "CH" ? "En" : "Ch" }}
</div> </div>
<div>{{ language === 'CH' ? '中' : '英' }}</div> <div>{{ language === "CH" ? "中" : "英" }}</div>
</div> </div>
</div> </div>
<!-- <div class="user-info"> --> <!-- <div class="user-info"> -->

89
src/pages/sjfx/one/index.vue
View File

@ -48,6 +48,7 @@ interface TimeListData {
[key: string]: any; // key 是日期字符串（如 "2025-01-17"），value 是对应的数据类型 [key: string]: any; // key 是日期字符串（如 "2025-01-17"），value 是对应的数据类型
} }
const searchResultTimeListData = ref<TimeListData>({}); const searchResultTimeListData = ref<TimeListData>({});
const initStationLevelCount = ref([]);
interface StationBaseData { interface StationBaseData {
stationCode: string; // 明确包含 stationCode 属性 stationCode: string; // 明确包含 stationCode 属性
@ -102,6 +103,8 @@ const currentPickervalue = ref<Date | null>(null); // 明确类型为Date或null
const showCalendar = ref(false); // 控制日历显示隐藏 const showCalendar = ref(false); // 控制日历显示隐藏
const showSilder = ref(false); // 控制时间轴显示隐藏 const showSilder = ref(false); // 控制时间轴显示隐藏
const playFalg = ref<boolean>(false); const playFalg = ref<boolean>(false);
const flagMaxRunHandle = ref<boolean>(false);//判断是否已经到了最大值
const checkBoxList = ref([{ const checkBoxList = ref([{
isCheck: true, isCheck: true,
label: '级别1', label: '级别1',
@ -174,10 +177,12 @@ function getData() {
sliderStart.value = dayjs(startDateStr); sliderStart.value = dayjs(startDateStr);
sliderEnd.value = dayjs(endDateStr); sliderEnd.value = dayjs(endDateStr);
// 日历选中值初始化（原有逻辑保留） // 日历选中值初始化（原有逻辑保留）
currentPickervalue.value = new Date(startDateStr); // currentPickervalue.value = new Date(startDateStr);
// 基础数据赋值（原有逻辑保留） // 基础数据赋值（原有逻辑保留）
searchResultBaseData.value = res.result.stationInfo; searchResultBaseData.value = res.result.stationInfo;
searchResultTimeListData.value = res.result.sampleMonitorResultList; searchResultTimeListData.value = res.result.sampleMonitorResultList;
initStationLevelCount.value = res.result.stationLevelCount
initPointSt()
} }
else { else {
ElMessage({ ElMessage({
@ -190,6 +195,39 @@ function getData() {
}); });
} }
// 初始化赋值上图
function initPointSt(){
const currentList = initStationLevelCount.value||[];
const data: any = [];
currentList.forEach((item: any) => {
const find = searchResultBaseData.value.find((v) => {
return item.stationCode === v.stationCode;
});
if (find) {
data.push({
id: find.stationCode,
longitude: find.lon,
latitude: find.lat,
label: find.stationCode,
level: item.categoryCount ? JSON.parse(JSON.stringify(item.categoryCount)) : {},
});
}
});
const noCheckData = checkBoxList.value.filter((item: any) => !item.isCheck).map((item: any) => item.key);
data.forEach((item: any) => {
Object.keys(item.level).forEach((levelKey) => {
// 如果该键在未勾选列表中，则删除
if (noCheckData.includes(levelKey)) {
delete item.level[levelKey as keyof typeof item.level];
}
});
});
console.log(data);
sjfxPointHandle.value?.addPoints(data);
}
// 运行按钮点击事件 // 运行按钮点击事件
function runHandle() { function runHandle() {
showSilder.value = true; showSilder.value = true;
@ -212,11 +250,14 @@ function playAnimation() {
// 重置按钮点击事件 // 重置按钮点击事件
function resetHandle() { function resetHandle() {
const [startDateStr] = form.value.createTime; // 获取查询的时间范围 // const [startDateStr] = form.value.createTime; // 获取查询的时间范围
currentPickervalue.value = new Date(startDateStr); // currentPickervalue.value = new Date(startDateStr);
checkBoxList.value.forEach((item) => { // checkBoxList.value.forEach((item) => {
item.isCheck = true; // item.isCheck = true;
}); // });
currentPickervalue.value = null;
initPointSt();
playFalg.value = false; playFalg.value = false;
showSilder.value = false; showSilder.value = false;
setShouldAnimate(false); setShouldAnimate(false);
@ -224,6 +265,7 @@ function resetHandle() {
// 根据选中值获取当前的数据 // 根据选中值获取当前的数据
function getTimeDataFromDate(date: string) { function getTimeDataFromDate(date: string) {
console.log(date,"222222")
const currentList = searchResultTimeListData.value[date]; const currentList = searchResultTimeListData.value[date];
const data: any = []; const data: any = [];
currentList.forEach((item: any) => { currentList.forEach((item: any) => {
@ -258,7 +300,11 @@ function getTimeDataFromDate(date: string) {
// 关闭日历 // 关闭日历
function closeCalendar() { function closeCalendar() {
showCalendar.value = false; showCalendar.value = false;
sjfxPointHandle.value?.clearPoints(); EventBusTool.getEventBus().publish('mapRightMenuUIEvent', {
key: 'calendar',
falg: false,
});
// sjfxPointHandle.value?.clearPoints();
} }
// 监听选中值变化 // 监听选中值变化
@ -272,8 +318,19 @@ watch(currentPickervalue, (newDate) => {
const sliderVal = Math.max(date.diff(sliderStart.value, 'day'), 0); const sliderVal = Math.max(date.diff(sliderStart.value, 'day'), 0);
// 同步滑块值（避免超出 max） // 同步滑块值（避免超出 max）
sliderValue.value = Math.min(sliderVal, sliderMax.value); sliderValue.value = Math.min(sliderVal, sliderMax.value);
// 加载对应日期数据（原有逻辑保留）
getTimeDataFromDate(ymd); console.log(sliderVal,sliderValue.value,sliderMax.value,"12121")
if((sliderVal==sliderMax.value&&!flagMaxRunHandle)){
flagMaxRunHandle.value = true;
getTimeDataFromDate(ymd);
}else if(sliderVal!=sliderMax.value){
getTimeDataFromDate(ymd);
}else{
playFalg.value = false;
// showSilder.value = false;
setShouldAnimate(false);
}
} }
else { else {
console.log('取消了日期选中'); console.log('取消了日期选中');
@ -296,6 +353,12 @@ onMounted(() => {
} }
}, },
}); });
EventBusTool.getEventBus().subscribe('sjfxCalendarEvent', (res: any) => {
showCalendar.value = res.falg;
});
}); });
}); });
@ -391,9 +454,15 @@ onUnmounted(() => {
/> />
</div> </div>
<div class="btnGruop"> <div class="btnGruop">
<div class="runBtn" @click="runHandle"> <div class="runBtn" @click="runHandle" v-if="!showSilder">
运行 运行
</div> </div>
<div class="runBtn" @click="playAnimation()" v-else-if="!playFalg">
播放
</div>
<div class="runBtn" @click="playAnimation()" v-else-if="playFalg">
暂停
</div>
<div class="resetBtn" @click="resetHandle"> <div class="resetBtn" @click="resetHandle">
重置 重置
</div> </div>