青岛维护

WXL

3 天以前 7f67f2e6fbb7d47249fef0905a40a66f13ae2f2b

 src/views/business/maintain/maintainInfo.vue

@@ -1,6 +1,6 @@
<template>
  <div class="maintenance-detail">
    <case-basic-info :case-id="caseId" :show-attachment="true" />
    <case-basic-info :case-id="caseId" :show-attachment="true":column="3" />

    <el-card class="assessment-card">
      <div slot="header" class="clearfix">
@@ -52,20 +52,55 @@
              />
              <el-table-column label="培养结果" align="center" prop="result">
                <template slot-scope="scope">
                  <!-- 阳性结果带悬浮提示 -->
                  <el-tooltip
                    v-if="
                      scope.row.result === '阳性' && scope.row.positiveDetails
                    "
                    effect="light"
                    placement="top"
                    :open-delay="200"
                    popper-class="custom-positive-tooltip"
                  >
                    <div slot="content">
                      <div
                        style="font-weight: bold; color: #f56c6c; margin-bottom: 8px;"
                      >
                        <i class="el-icon-warning"></i> 阳性结果详情
                      </div>
                      <div
                        style="color: #606266; line-height: 1.6; white-space: pre-wrap;"
                      >
                        {{ scope.row.positiveDetails }}
                      </div>
                    </div>
                    <el-tag
                      type="danger"
                      effect="plain"
                      @click="handleResultClick(scope.row)"
                      style="cursor: pointer;"
                    >
                      {{ scope.row.result }}
                      <i class="el-icon-info" style="margin-left: 4px;"></i>
                    </el-tag>
                  </el-tooltip>

                  <!-- 阳性但没有详情的 -->
                  <el-tag
                    :type="scope.row.result === '阴性' ? 'success' : 'danger'"
                    v-else-if="
                      scope.row.result === '阳性' && !scope.row.positiveDetails
                    "
                    type="danger"
                    effect="plain"
                    @click="handleResultClick(scope.row)"
                    style="cursor: pointer;"
                  >
                    {{ scope.row.result }}
                    <i
                      v-if="
                        scope.row.result === '阳性' && scope.row.positiveDetails
                      "
                      class="el-icon-info"
                      style="margin-left: 4px;"
                    ></i>
                  </el-tag>

                  <!-- 阴性结果 -->
                  <el-tag v-else type="success" effect="plain">
                    {{ scope.row.result }}
                  </el-tag>
                </template>
              </el-table-column>
@@ -215,6 +250,30 @@
            :initial-data="assessmentData.urineRoutine"
            :is-editing="isEdit && activeTab === 'urineRoutine'"
            @data-change="handleUrineRoutineDataChange"
          />
        </el-tab-pane>
        <el-tab-pane label="心脏化验" name="heartLab">
          <heart-lab-panel
            ref="heartLab"
            :initial-data="assessmentData.heartLab"
            :is-editing="isEdit && activeTab === 'heartLab'"
            @data-change="handleHeartLabDataChange"
          />
        </el-tab-pane>
        <el-tab-pane label="肺脏化验" name="lungLab">
          <lung-lab-panel
            ref="lungLab"
            :initial-data="assessmentData.lungLab"
            :is-editing="isEdit && activeTab === 'lungLab'"
            @data-change="handleLungLabDataChange"
          />
        </el-tab-pane>
        <el-tab-pane label="胰腺化验" name="pancreasLab">
          <pancreas-lab-panel
            ref="pancreasLab"
            :initial-data="assessmentData.pancreasLab"
            :is-editing="isEdit && activeTab === 'pancreasLab'"
            @data-change="handlePancreasLabDataChange"
          />
        </el-tab-pane>
      </el-tabs>
@@ -463,6 +522,9 @@
import LiverKidneyPanel from "@/components/MaintainComponents/LiverKidneyPanel.vue";
import BloodRoutinePanel from "@/components/MaintainComponents/BloodRoutinePanel.vue";
import UrineRoutinePanel from "@/components/MaintainComponents/UrineRoutinePanel.vue";
import HeartLabPanel from "@/components/MaintainComponents/HeartLabPanel.vue";
import LungLabPanel from "@/components/MaintainComponents/LungLabPanel.vue";
import PancreasLabPanel from "@/components/MaintainComponents/PancreasLabPanel.vue";
import CaseBasicInfo from "@/components/CaseBasicInfo";
import store from "@/store";
import dayjs from "dayjs";
@@ -476,7 +538,10 @@
    LiverKidneyPanel,
    BloodRoutinePanel,
    UrineRoutinePanel,
    CaseBasicInfo
    CaseBasicInfo,
    HeartLabPanel,
    LungLabPanel,
    PancreasLabPanel
  },
  dicts: [
    "sys_donornode",
@@ -595,6 +660,9 @@
        liverKidney: {},
        bloodRoutine: {},
        urineRoutine: {},
        heartLab: {}, // 新增
        lungLab: {}, // 新增
        pancreasLab: {}, // 新增
        cultureResults: [],
        nursingRecords: []
      }
@@ -668,6 +736,15 @@
              if (itemDescData.urineRoutine) {
                this.assessmentData.urineRoutine = itemDescData.urineRoutine;
              }
              if (itemDescData.heartLab) {
                this.assessmentData.heartLab = itemDescData.heartLab;
              }
              if (itemDescData.lungLab) {
                this.assessmentData.lungLab = itemDescData.lungLab;
              }
              if (itemDescData.pancreasLab) {
                this.assessmentData.pancreasLab = itemDescData.pancreasLab;
              }
            } catch (error) {
              console.error("解析itemDesc JSON失败:", error);
            }
@@ -735,6 +812,9 @@
            liverKidney: this.assessmentData.liverKidney,
            bloodRoutine: this.assessmentData.bloodRoutine,
            urineRoutine: this.assessmentData.urineRoutine,
            heartLab: this.assessmentData.heartLab, // 新增
            lungLab: this.assessmentData.lungLab, // 新增
            pancreasLab: this.assessmentData.pancreasLab, // 新增
            cultureResults: this.cultureList,
            nursingRecords: this.recordList
          }
@@ -773,7 +853,16 @@
        this.$message.error("保存失败");
      }
    },

    // 5. 在 methods 中添加数据处理方法
    handleHeartLabDataChange(data) {
      this.assessmentData.heartLab = data;
    },
    handleLungLabDataChange(data) {
      this.assessmentData.lungLab = data;
    },
    handlePancreasLabDataChange(data) {
      this.assessmentData.pancreasLab = data;
    },
    // 切换编辑模式
    toggleEditMode() {
      // this.isEdit = !this.isEdit;
@@ -1274,4 +1363,108 @@
  color: #f56c6c;
  font-weight: bold;
}
.custom-positive-tooltip {
  max-width: 400px;
}

/* ===== 纸质表格网格样式 ===== */
.paper-card >>> .el-card__body {
  padding: 0;
}

.paper-form {
  border-left: 1px solid #d0d3db;
  background: #fff;
  /* 超宽屏限制表单最大宽度，右侧留白，避免字段分布过开 */
  max-width: 1400px;
}

.paper-form >>> .form-row {
  display: flex;
  width: 100%;
  border-top: 1px solid #d0d3db;
  /* 上移1px与上一行的border-bottom重叠，两行之间只显示一条1px细线 */
  margin-top: -1px;
}
.paper-form >>> .form-row:first-child {
  margin-top: 0;
}

/* 行尾空白填充：不满整行的右侧自动补一个空白格子，网格保持闭合（右侧适当留白） */
.paper-form >>> .form-row::after {
  content: "";
  flex: 1 1 0;
  min-height: 42px;
  background: linear-gradient(to left, #d0d3db 1px, transparent 1px),
    linear-gradient(to top, #d0d3db 1px, transparent 1px);
  background-color: #fff;
}

.paper-form >>> .el-form-item {
  flex: 0 0 33.3333%;
  display: flex;
  margin: 0;
  background: #fff;
  border-right: 1px solid #d0d3db;
  border-bottom: 1px solid #d0d3db;
}
.paper-form >>> .el-form-item::after,
.paper-form >>> .el-form-item::before {
  display: none;
}

.paper-form >>> .col-1-3 { flex: 0 0 33.3333%; }
.paper-form >>> .col-half { flex: 0 0 50%; }
.paper-form >>> .col-2-3 { flex: 0 0 66.6666%; }
.paper-form >>> .col-full { flex: 0 0 100%; }

.paper-form >>> .el-form-item__label {
  flex: 0 0 150px;
  width: 150px !important;
  float: none;
  padding: 0 8px !important;
  background: #ecf5ff;
  border-right: 1px solid #d0d3db;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-size: 13px;
  font-weight: 600;
  color: #2c3038;
  line-height: 1.3;
  white-space: nowrap;
}
.paper-form >>> .el-form-item.is-required:not(.is-no-asterisk) > .el-form-item__label:before {
  color: #f56c6c;
  margin-right: 2px;
}

.paper-form >>> .el-form-item__content {
  flex: 1;
  margin-left: 0 !important;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  padding: 6px 10px;
  background: #fff;
  min-height: 42px;
  line-height: 1.4;
}

/* 控件宽度适中，不铺满整格（内容短时输入框不再拉得很长） */
.paper-form >>> .el-form-item__content .el-input,
.paper-form >>> .el-form-item__content .el-select,
.paper-form >>> .el-form-item__content .el-cascader {
  width: 220px;
  max-width: 100%;
}
.paper-form >>> .el-form-item__content .el-date-editor {
  width: 240px;
  max-width: 100%;
}
.paper-form >>> .el-form-item__content .el-range-editor {
  width: 360px;
  max-width: 100%;
}
</style>