changeDialog

wangjuncheng

2025-04-15 3eebe0844083ac26b87713918af6b91a96fd041c

 src/components/tools/Message.vue

@@ -13,41 +13,35 @@
</template>

<script setup>
import { ref, defineEmits } from "vue";

defineProps({
  data: {
import { ref, defineProps, defineEmits, watch } from "vue";
// 定义 props
const props = defineProps({
  mesData: {
    type: Object,
    default: null,
    default: () => ({}), // 默认值是一个空对象
  },
});

const messageList = ref([
  {
    name: "方案名称：",
    value: "降雨30mm数据",
// 定义 messageList
const messageList = ref([]);

// 监听 props.mesData 的变化
watch(
  () => props.mesData, // 监听 props.mesData
  (newMesData) => {
    if (newMesData) {
      messageList.value = [
        { name: "方案名称：", value: newMesData.name || "无" },
        { name: "模拟区域：", value: newMesData.area || "无" },
        { name: "降雨数据：", value: newMesData.fileName || "无" },
        { name: "预演开始时间：", value: newMesData.startTime || "无" },
        { name: "预演结束时间：", value: newMesData.endTime || "无" },
        { name: "创建时间：", value: newMesData.createTime || "无" },
      ];
    }
  },
  {
    name: "模拟区域：",
    value: cityData.listData[0] || "孙胡沟",
  },
  {
    name: "降雨数据：",
    value: "降雨强度30MM",
  },
  {
    name: "预演开始时间：",
    value: "2025-01-15 12:55:18",
  },
  {
    name: "预演结束时间：",
    value: "2025-01-15 18:35:00",
  },
  {
    name: "创建时间：",
    value: "2025-01-15 8:15:28",
  },
]);
  { immediate: true } // 立即执行一次
);

// 定义 emit 方法
const emit = defineEmits(["close"]);