From d8a0684a057df926c788525575eecdddde977133 Mon Sep 17 00:00:00 2001
From: wangjuncheng <1>
Date: 星期日, 20 四月 2025 15:45:34 +0800
Subject: [PATCH] change

---
 src/components/monifangzhen/schemeCard.vue |   55 ++++++++++++++++++++++++++++++-------------------------
 1 files changed, 30 insertions(+), 25 deletions(-)

diff --git a/src/components/monifangzhen/schemeCard.vue b/src/components/monifangzhen/schemeCard.vue
index a54ea6b..ef8b41f 100644
--- a/src/components/monifangzhen/schemeCard.vue
+++ b/src/components/monifangzhen/schemeCard.vue
@@ -2,17 +2,8 @@
   <div class="listCard">
     <!-- <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)"
-    >
-      <!-- <el-card
-      v-for="(item, key) in schemeList"
-      :key="key"
-      @click="selectScheme(item.id)"
-    > -->
+    <el-card v-if="!schemeInfoShow" 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>
@@ -25,35 +16,37 @@
       </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="setSchemClick(item)">鏂规璇︽儏</el-button>
           <el-button size="small" @click="startPlay(item)">杩涘叆妯℃嫙</el-button>
           <!--  :disabled="item.taskStatus !== 2" -->
         </div>
       </div>
     </el-card>
+    <schemeInfo 
+      v-if="schemeInfoShow" 
+      :selectedScheme="currentScheme" 
+      @back="handleBack"
+    />
   </div>
-  <Message
-    @close="close"
-    class="mess"
-    v-show="messageShow"
-    :mesData="mesData"
-  />
+
+  <Message @close="close" class="mess" v-show="messageShow" :mesData="mesData" />
 </template>
 
 <script setup>
-import { onMounted, ref, watch } from "vue";
+import { onMounted, ref, watch ,defineEmits } from "vue";
 import dayjs from "dayjs";
 import { initeWaterPrimitiveView } from "@/utils/water";
 import Message from "@/components/tools/Message.vue";
 import { useSimStore } from "@/store/simulation.js";
+import schemeInfo from "@/components/monifangzhen/schemeInfo.vue";
 import { ElMessage, ElMessageBox } from "element-plus";
+const emit = defineEmits(["start", "end", "reset","closeBtn"]);
 
 const simStore = useSimStore();
 // 閫変腑鐨勬柟妗� ID
 const selectedId = ref(null);
-
+// 褰撳墠閫変腑鐨勬柟妗堜俊鎭�
+const currentScheme = ref(null);
 // 閫変腑鏂规
 function selectScheme(id) {
   selectedId.value = id;
@@ -309,6 +302,7 @@
   return dayjs(time).format("YYYY-MM-DD HH:mm:ss");
 }
 const messageShow = ref(false);
+const schemeInfoShow = ref(false);
 const mesData = ref(null);
 function setSchemClick(item) {
   mesData.value = item;
@@ -317,19 +311,27 @@
 function close() {
   messageShow.value = false;
 }
+
 function startPlay(item) {
   // if (item.taskStatus !== 2) {
   //   alert("褰撳墠鏂规灏氭湭瀹屾垚锛屾棤娉曡繘鍏ユā鎷燂紒");
   //   return;
   // }
+  currentScheme.value = item; 
+  // schemeInfoShow.value = true
+  // emit("closeBtn", false);
   initeWaterPrimitiveView();
   emit("start");
 }
-const emit = defineEmits(["start", "end", "reset"]);
 function endPlay() {
   emit("end");
 }
-
+function handleBack(value) {
+  if (value === false) {
+    schemeInfoShow.value = false;
+    emit("closeBtn", true);
+  }
+}
 //////////////////////////////////// 鏆撮湶閫変腑鐨� ID 缁欑埗缁勪欢锛堟帴鍙ｇ増鏈垹闄わ級////////////////////////////////////
 defineExpose({
   getSelectedId: () => selectedId.value,
@@ -432,6 +434,7 @@
 .listCard-btn:hover {
   background: url("@/assets/img/left/cardbtnac.png") no-repeat;
 }
+
 .mess {
   position: absolute;
   top: 10%;
@@ -455,7 +458,9 @@
   scale: (1.02);
   border: 1px solid #acf1dd;
 }
+
 .selected {
-  border: 2px solid #acf1dd !important; /* 閫変腑鏃剁殑杈规鏍峰紡 */
+  border: 2px solid #acf1dd !important;
+  /* 閫変腑鏃剁殑杈规鏍峰紡 */
 }
 </style>

--
Gitblit v1.9.3