修改仿真详情的样式

guonan

2025-04-21 2ff1e1a4bfdb4a21df448a2bfb3e333eb05aeef3

修改仿真详情的样式

 src/components/monifangzhen/schemeInfo.vue

@@ -1,6 +1,6 @@
<template>
  <div class="listCard">
    <div class="left-top">
    <div class="top">
      <span>方案详情</span>
      <!-- <el-button class="clickable-text" @click="handleBack">结束模拟</el-button> -->
    </div>
@@ -38,7 +38,7 @@
        </div>
      </div>
      <div v-else>
        <p style="text-align: center;">暂无方案信息</p>
        <p style="text-align: center">暂无方案信息</p>
      </div>
    </div>
  </div>
@@ -53,7 +53,7 @@
<script setup>
import { defineProps, defineEmits, inject } from "vue";
import dayjs from "dayjs";
import { ElMessage } from 'element-plus'
import { ElMessage } from "element-plus";

// 定义 emit 方法
const emit = defineEmits(["back"]);
@@ -62,9 +62,9 @@
// 返回按钮点击事件
function handleBack() {
  ElMessage({
    message: '模拟进程正在关闭中...',
    type: 'success',
  })
    message: "模拟进程正在关闭中...",
    type: "success",
  });
  emit("back", false); // 向父组件传递 false 值
  endSimulate();
}
@@ -123,7 +123,7 @@
  }

  .details {
  padding: 8px;
    padding: 8px;

    .input-group {
      display: flex;
@@ -155,4 +155,16 @@
  left: 100%;
  z-index: 5000;
}
</style>
.top {
  width: 100%;
  height: 41px;
  color: white;
  line-height: 41px;
  font-size: 16px;
  font-weight: 700;
  cursor: pointer;
  text-indent: 7px;
  letter-spacing: 2px;
  font-weight: bolder;
}
</style>