From 01b0b254f44dbde52ddeb1a82b7997f3f992a86d Mon Sep 17 00:00:00 2001
From: wangjuncheng <1>
Date: 星期二, 15 四月 2025 16:47:21 +0800
Subject: [PATCH] chaneg
---
src/components/monifangzhen/schemeCard.vue | 16 +++++++++++++++-
1 files changed, 15 insertions(+), 1 deletions(-)
diff --git a/src/components/monifangzhen/schemeCard.vue b/src/components/monifangzhen/schemeCard.vue
index 9e1adde..d43de36 100644
--- a/src/components/monifangzhen/schemeCard.vue
+++ b/src/components/monifangzhen/schemeCard.vue
@@ -1,7 +1,8 @@
<template>
<div class="listCard">
<!-- <div>鏂规鏁伴噺: {{ simStore.schemCard.length }}</div> -->
- <el-card v-for="(item, key) in simStore.schemCard" :key="key">
+ <el-card v-for="(item, key) in simStore.schemCard" :key="key" :class="{ selected: selectedId === item.id }"
+ @click="selectScheme(item.id)">
<div>
<p>鏂规鍚嶇О : {{ item.name }}</p>
<p>鍒涘缓鏃堕棿 : {{ formatTime(item.createTime) }}</p>
@@ -35,7 +36,13 @@
import { useSimStore } from "@/store/simulation.js";
const simStore = useSimStore();
+// 閫変腑鐨勬柟妗� ID
+const selectedId = ref(null);
+// 閫変腑鏂规
+function selectScheme(id) {
+ selectedId.value = id;
+}
simStore.setSchemCard([
{
area: "瀛欒儭娌�",
@@ -307,6 +314,10 @@
function endPlay() {
emit("end");
}
+// 鏆撮湶閫変腑鐨� ID 缁欑埗缁勪欢
+defineExpose({
+ getSelectedId: () => selectedId.value,
+});
</script>
<style lang="less" scoped>
@@ -373,4 +384,7 @@
scale: (1.02);
border: 1px solid #acf1dd;
}
+.selected {
+ border: 2px solid #acf1dd !important; /* 閫変腑鏃剁殑杈规鏍峰紡 */
+}
</style>
--
Gitblit v1.9.3