change

wangjuncheng

2025-04-15 479c2855f93517517037dd5805ba3512e9aec37d

 src/components/monifangzhen/schemeCard.vue

@@ -1,20 +1,19 @@
<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">
      <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)" :disabled="item.taskStatus !== 2">进入模拟</el-button>
        </div>
      </div>
    </el-card>
@@ -29,13 +28,14 @@

<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();

const schemCard = ref([
simStore.setSchemCard([
  {
    area: "孙胡沟",
    areaId: "0",
@@ -277,28 +277,34 @@
    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");
}
</script>