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 |   61 ++++++++++++++++++++----------
 1 files changed, 41 insertions(+), 20 deletions(-)

diff --git a/src/components/monifangzhen/schemeCard.vue b/src/components/monifangzhen/schemeCard.vue
index 06402eb..d43de36 100644
--- a/src/components/monifangzhen/schemeCard.vue
+++ b/src/components/monifangzhen/schemeCard.vue
@@ -1,20 +1,21 @@
 <template>
   <div class="listCard">
-    <el-card v-for="(item, key) in schemCard" :key="key">
+    <!-- <div>鏂规鏁伴噺: {{ simStore.schemCard.length }}</div> -->
+    <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>鍒涘缓鏃堕棿 : {{ item.createTime }}</p>
+        <p>鍒涘缓鏃堕棿 : {{ formatTime(item.createTime) }}</p>
         <p>
           鏂规鐘舵�� :
-          <span style="color: aquamarine">{{ item.status || "宸插畬鎴�" }}</span>
+          <span style="color: aquamarine">{{ statusText[item.taskStatus] || "鏈煡" }}</span>
         </p>
       </div>
       <div class="cardMenu">
         <div style="float: right; margin-top: 3px">
-          <el-button size="small" @click="setSchemClick(item)"
-            >鏂规璇︽儏</el-button
-          >
-          <el-button size="small" @click="startPlay"> 杩涘叆妯℃嫙 </el-button>
+          <el-button size="small" @click="setSchemClick(item)">鏂规璇︽儏</el-button>
+          <el-button size="small" @click="startPlay(item)">杩涘叆妯℃嫙</el-button>
+          <!--  :disabled="item.taskStatus !== 2" -->
         </div>
       </div>
     </el-card>
@@ -29,13 +30,20 @@
 
 <script setup>
 import { ref } from "vue";
+import dayjs from "dayjs";
 import { initeWaterPrimitiveView } from "@/utils/water";
 import Message from "@/components/tools/Message.vue";
-// import { useSimStore } from "@/store/simulation";
+import { useSimStore } from "@/store/simulation.js";
 
-// const simStore = useSimStore();
+const simStore = useSimStore();
+// 閫変腑鐨勬柟妗� ID
+const selectedId = ref(null);
 
-const schemCard = ref([
+// 閫変腑鏂规
+function selectScheme(id) {
+  selectedId.value = id;
+}
+simStore.setSchemCard([
   {
     area: "瀛欒儭娌�",
     areaId: "0",
@@ -277,29 +285,39 @@
     userId: "0",
   },
 ]);
-// function setSchemClick(res) {
-//   simStore.messageShow = true;
-// }
+const statusText = {
+  0: "鏈紑濮�",
+  1: "杩涜涓�",
+  2: "宸插畬鎴�",
+};
+function formatTime(time) {
+  return dayjs(time).format("YYYY-MM-DD HH:mm:ss");
+}
 const messageShow = ref(false);
 const mesData = ref(null);
 function setSchemClick(item) {
-  
   mesData.value = item;
-  console.log(mesData.value,'dadadaddaadaadadadad');
   messageShow.value = true;
 }
 function close() {
   messageShow.value = false;
 }
+function startPlay(item) {
+  // if (item.taskStatus !== 2) {
+  //   alert("褰撳墠鏂规灏氭湭瀹屾垚锛屾棤娉曡繘鍏ユā鎷燂紒");
+  //   return;
+  // }
+  initeWaterPrimitiveView();
+  emit("start");
+}
 const emit = defineEmits(["start", "end"]);
 function endPlay() {
   emit("end");
 }
-
-function startPlay() {
-  initeWaterPrimitiveView();
-  emit("start");
-}
+// 鏆撮湶閫変腑鐨� ID 缁欑埗缁勪欢
+defineExpose({
+  getSelectedId: () => selectedId.value,
+});
 </script>
 
 <style lang="less" scoped>
@@ -366,4 +384,7 @@
   scale: (1.02);
   border: 1px solid #acf1dd;
 }
+.selected {
+  border: 2px solid #acf1dd !important; /* 閫変腑鏃剁殑杈规鏍峰紡 */
+}
 </style>

--
Gitblit v1.9.3