各表单布局调整

WXL

4 天以前 c4599aa279fd2f90b741608392e056fbae2282d5

 src/views/business/course/index.vue

@@ -62,7 +62,11 @@

        <!-- 右侧内容 -->
        <div class="content-section">
          <case-basic-info :case-id="caseId" :show-attachment="true" />
          <case-basic-info
            :case-id="caseId"
            :show-attachment="true"
            :column="descriptionColumn"
          />

          <div class="stage-detail-section">
            <div class="section-header">
@@ -102,7 +106,7 @@
  }

  // 完成 / 完成XX
  if (/完成|完结/.test(l)) {
  if (/完成|完结|已确认/.test(l)) {
    return "completed";
  }

@@ -126,6 +130,7 @@
import OrganUtilizationStage from "./components/OrganUtilizationStage";

import dayjs from "dayjs";
import readonlyDescriptionsMixin from "./components/readonlyDescriptionsMixin";

// ============== 字典映射（你后面自己改） ==============
const STAGE_DICT_MAP = {
@@ -165,6 +170,7 @@

export default {
  name: "DonationProcessDetail",
  mixins: [readonlyDescriptionsMixin],
  components: {
    CaseBasicInfo,
    DonorMaintenanceStage,
@@ -416,7 +422,7 @@

.stage-detail-section {
  flex: 1;
  /* 占据剩余空间 */
  /* 占据剩余空间，铺满右侧内容区 */
  background: white;
  border-radius: 6px;
  padding: 20px;
@@ -425,7 +431,7 @@
  flex-direction: column;
  min-height: 400px;
  /* 最小高度 */
  max-height: 800px;
  /* max-height: 1000px; */
  /* 最大高度，可根据需要调整 */
  overflow: hidden;
  /* 隐藏外层溢出 */
@@ -643,5 +649,8 @@
    min-height: 300px;
    max-height: 400px;
  }
  .basic-info-card {
    margin-bottom: 0;
  }
}
</style>