各表单布局调整

WXL

4 天以前 c4599aa279fd2f90b741608392e056fbae2282d5

 src/views/business/course/components/EthicalReviewStage.vue

@@ -1,141 +1,31 @@
<template>
  <div class="ethics-review-detail">
    <!-- <case-basic-info :case-id="caseId" :show-attachment="true":column="3" /> -->

    <el-card class="detail-card">
      <!-- 伦理审查基本信息 -->
      <div slot="header" class="clearfix">
        <span class="detail-title">伦理审查基本信息</span>
        <div style="float: right;">
          <el-button type="primary" @click="handleSave" :loading="saveLoading">
            保存
          </el-button>

          <el-button
            type="success"
            @click="handleCompleteReview"
            :disabled="form.status == '3' || form.status == '2'"
            :loading="completeLoading"
          >
            审查完成
          </el-button>

          <el-button
            type="warning"
            @click="handleSuspendReview"
            :disabled="form.status == '2' || form.status == '3'"
            :loading="suspendLoading"
          >
            审查中止
          </el-button>

          <el-button
            type="danger"
            @click="handleEndReview"
            :disabled="form.status == '2'"
            :loading="endLoading"
          >
            结束审查
          </el-button>
        </div>
      </div>

      <el-form :model="form" ref="form" :rules="rules" label-width="120px">
        <el-row :gutter="20">
          <el-col :span="8">
            <el-form-item label="发起主题" prop="initiateTheme">
              <el-input
                v-model="form.initiateTheme"
                placeholder="请输入发起主题"
              />
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="发起人" prop="initiatePerson">
              <el-input v-model="form.initiatePerson" />
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="审查状态" prop="status">
              <el-select v-model="form.status" style="width: 100%">
                <el-option
                  v-for="dict in dict.type.sys_ethical"
                  :key="dict.value"
                  :label="dict.label"
                  :value="dict.value"
                />
              </el-select>
            </el-form-item>
          </el-col>
        </el-row>
      <el-descriptions title="基本信息" :column="descriptionColumn" border size="small">
        <el-descriptions-item label="发起主题">{{ form.initiateTheme || '-' }}</el-descriptions-item>
        <el-descriptions-item label="发起人">{{ form.initiatePerson || '-' }}</el-descriptions-item>
      </el-descriptions>

        <!-- 专家相关信息 -->

        <el-row :gutter="20">
          <el-col :span="8">
            <el-form-item label="伦理审查结论" prop="expertConclusion">
              <el-select v-model="form.expertConclusion" style="width: 100%">
                <el-option label="同意" value="1" />
                <el-option label="审查中" value="2" />
                <el-option label="不同意" value="0" />
              </el-select>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="伦理审查结论时间" prop="expertTime">
              <el-date-picker
                v-model="form.expertTime"
                type="datetime"
                value-format="yyyy-MM-dd HH:mm:ss"
                style="width: 100%"
              />
            </el-form-item>
          </el-col>
        </el-row>

        <el-row :gutter="20">
          <el-col :span="24">
            <el-form-item label="审查意见" prop="expertOpinion">
              <el-input
                type="textarea"
                :rows="2"
                v-model="form.expertOpinion"
                placeholder="请输入意见"
              />
            </el-form-item>
          </el-col>
        </el-row>

        <el-row :gutter="20">
          <el-col :span="24">
            <el-form-item label="备注" prop="remark">
              <el-input
                type="textarea"
                :rows="3"
                v-model="form.remark"
                placeholder="请输入备注信息"
              />
            </el-form-item>
          </el-col>
        </el-row>
      </el-form>
      <el-descriptions title="审查结论" :column="descriptionColumn" border size="small" style="margin-top: 16px;">
        <el-descriptions-item label="伦理审查结论">{{ expertConclusionLabel }}</el-descriptions-item>
        <el-descriptions-item label="伦理审查结论时间">{{ form.expertTime || '-' }}</el-descriptions-item>
        <el-descriptions-item label="审查意见" :span="descriptionColumn">{{ form.expertOpinion || '-' }}</el-descriptions-item>
        <el-descriptions-item label="备注" :span="descriptionColumn">{{ form.remark || '-' }}</el-descriptions-item>
      </el-descriptions>
    </el-card>

    <!-- 附件上传 -->
    <!-- 相关附件 -->
    <el-card class="attachment-card">
      <div slot="header" class="clearfix">
        <span class="detail-title">相关附件</span>
      </div>

      <!-- 使用 UploadAttachment 组件 -->
      <UploadAttachment
        ref="uploadAttachment"
        :file-list="attachmentFileList"
        :limit="10"
        accept=".pdf,.jpg,.jpeg,.png,.doc,.docx,.xls,.xlsx"
        @change="handleAttachmentChange"
        @upload-success="handleUploadSuccess"
        @upload-error="handleUploadError"
        @remove="handleAttachmentRemove"
      />

      <!-- 附件列表 -->
      <div
@@ -167,7 +57,7 @@
              <span>{{ formatDateTime(scope.row.createTime) }}</span>
            </template>
          </el-table-column>
          <el-table-column label="操作" width="266">
          <el-table-column label="操作" width="180">
            <template slot-scope="scope">
              <el-button
                size="mini"
@@ -183,13 +73,6 @@
              >
                下载
              </el-button>
              <el-button
                size="mini"
                type="danger"
                @click="handleRemoveAttachment(scope.$index)"
              >
                删除
              </el-button>
            </template>
          </el-table-column>
        </el-table>
@@ -204,7 +87,7 @@
          class="el-icon-folder-opened"
          style="font-size: 60px; color: #C0C4CC; margin-bottom: 20px;"
        ></i>
        <p style="color: #909399; font-size: 14px;">暂无附件，请上传相关文件</p>
        <p style="color: #909399; font-size: 14px;">暂无附件</p>
      </div>
    </el-card>

@@ -212,27 +95,6 @@
    <el-card class="expert-card">
      <div slot="header" class="clearfix">
        <span class="detail-title">专家审查情况</span>
        <div style="float: right;">
          <el-button size="mini" type="primary" @click="handleAddExpert">
            添加专家
          </el-button>
          <el-button
            size="mini"
            type="primary"
            @click="handleSendToNormalExperts"
            :disabled="!canSendToNormalExperts"
          >
            发送专家
          </el-button>
          <el-button
            size="mini"
            type="success"
            @click="handleSendToChiefExpert"
            :disabled="!canSendToChiefExpert"
          >
            发送主委专家
          </el-button>
        </div>
      </div>

      <!-- 专家统计信息 -->
@@ -348,7 +210,27 @@
            <span v-else class="no-data">-</span>
          </template>
        </el-table-column>

        <!-- 在"审查时间"列后面添加"手签附件"列 -->
        <el-table-column label="手签附件" width="120" align="center">
          <template slot-scope="scope">
            <template v-if="scope.row.sigin">
              <!-- 有签名，显示可点击预览的图片 -->
              <el-button
                type="text"
                size="mini"
                @click="handlePreviewSignature(scope.row.sigin)"
                class="signature-preview-btn"
              >
                <i class="el-icon-picture" style="margin-right: 4px;"></i>
                查看签名
              </el-button>
            </template>
            <template v-else>
              <!-- 无签名，显示斜杠 -->
              <span class="no-signature">/</span>
            </template>
          </template>
        </el-table-column>
        <el-table-column label="审查意见" min-width="200" show-overflow-tooltip>
          <template slot-scope="scope">
            <span :class="{ 'expert-opinion': scope.row.expertopinion }">
@@ -390,246 +272,8 @@
          </template>
        </el-table-column>

        <el-table-column label="操作" width="180" align="center" fixed="right">
          <template slot-scope="scope">
            <el-button
              size="mini"
              type="text"
              icon="el-icon-s-promotion"
              @click="handleSendToExpert(scope.row)"
              :disabled="
                scope.row.receiveStatus == '2' ||
                  scope.row.receiveStatus == '3' ||
                  scope.row.receiveStatus == '4'
              "
              :class="{
                'sent-button':
                  scope.row.receiveStatus == '2' ||
                  scope.row.receiveStatus == '3'
              }"
            >
              {{
                scope.row.receiveStatus == "2" || scope.row.receiveStatus == "3"
                  ? "已发送"
                  : "发送"
              }}
            </el-button>
            <el-button
              v-if="scope.row.receiveStatus == 0"
              size="mini"
              type="text"
              icon="el-icon-delete"
              @click="handleDeleteExpertReview(scope.row, scope.$index)"
              style="color: #f56c6c;"
            >
              删除
            </el-button>
          </template>
        </el-table-column>
      </el-table>
    </el-card>

    <!-- 添加专家对话框 -->
    <el-dialog
      title="添加专家"
      :visible.sync="expertDialogVisible"
      width="800px"
      @close="handleExpertDialogClose"
    >
      <div style="margin-bottom: 20px;">
        <el-input
          v-model="expertSearchQuery"
          placeholder="请输入专家姓名或编号搜索"
          style="width: 300px; margin-right: 10px;"
          @keyup.enter.native="handleSearchExperts"
        >
          <el-button
            slot="append"
            icon="el-icon-search"
            @click="handleSearchExperts"
          ></el-button>
        </el-input>
        <el-select
          v-model="filterExpertType"
          placeholder="专家类型"
          style="width: 150px; margin-right: 10px;"
          @change="handleSearchExperts"
        >
          <el-option label="全部" value=""></el-option>
          <el-option label="普通专家" value="0"></el-option>
          <el-option label="主任委员" value="1"></el-option>
        </el-select>
        <el-button type="primary" @click="handleSearchExperts">搜索</el-button>
        <el-button @click="handleResetSearch">重置</el-button>
      </div>

      <el-table
        :data="filteredExpertList"
        v-loading="expertListLoading"
        style="width: 100%"
        max-height="400"
        @selection-change="handleExpertSelectionChange"
      >
        <el-table-column type="selection" width="55"></el-table-column>
        <el-table-column
          label="专家姓名"
          prop="username"
          width="120"
        ></el-table-column>
        <el-table-column
          label="专家编号"
          prop="userno"
          width="120"
        ></el-table-column>
        <el-table-column label="专家类型" width="100">
          <template slot-scope="scope">
            <el-tag
              size="small"
              :type="getIsChiefExpert(scope.row) ? 'danger' : ''"
            >
              {{ getIsChiefExpert(scope.row) ? "主任委员" : "普通专家" }}
            </el-tag>
          </template>
        </el-table-column>
        <el-table-column
          label="单位名称"
          prop="unitname"
          show-overflow-tooltip
        ></el-table-column>
        <el-table-column
          label="职称"
          prop="title"
          width="100"
        ></el-table-column>
        <el-table-column
          label="联系电话"
          prop="telephone"
          width="120"
        ></el-table-column>
      </el-table>

      <div style="margin-top: 20px; text-align: center;">
        <el-pagination
          @size-change="handlePageSizeChange"
          @current-change="handlePageChange"
          :current-page="expertPage.pageNum"
          :page-sizes="[10, 20, 50, 100]"
          :page-size="expertPage.pageSize"
          layout="total, sizes, prev, pager, next, jumper"
          :total="filteredExpertTotal"
        ></el-pagination>
      </div>

      <div slot="footer">
        <el-button @click="expertDialogVisible = false">取消</el-button>
        <el-button
          type="primary"
          @click="handleConfirmAddExpert"
          :disabled="selectedExperts.length == 0"
          >确定添加</el-button
        >
      </div>
    </el-dialog>

    <!-- 发送专家对话框 -->
    <el-dialog
      :title="sendDialogTitle"
      :visible.sync="sendDialogVisible"
      width="500px"
      @close="handleSendDialogClose"
    >
      <el-form :model="sendForm" ref="sendForm" label-width="100px">
        <el-form-item label="专家类型" prop="expertType">
          <el-radio-group
            v-model="sendForm.expertType"
            @change="handleExpertTypeChange"
          >
            <el-radio label="normal">普通专家</el-radio>
            <el-radio label="chief">主委专家</el-radio>
          </el-radio-group>
        </el-form-item>

        <el-form-item label="发送时间" prop="startTime" required>
          <el-date-picker
            v-model="sendForm.startTime"
            type="datetime"
            placeholder="请选择发送时间"
            value-format="yyyy-MM-dd HH:mm:ss"
            style="width: 100%"
          />
        </el-form-item>

        <el-form-item
          label="截止时间"
          prop="endTime"
          :required="sendForm.expertType !== 'chief'"
        >
          <el-date-picker
            v-model="sendForm.endTime"
            type="datetime"
            placeholder="请选择截止时间"
            value-format="yyyy-MM-dd HH:mm:ss"
            style="width: 100%"
            :disabled="sendForm.expertType === 'chief'"
          />
          <div v-if="sendForm.expertType !== 'chief'" style="margin-top: 5px;">
            <el-button-group>
              <el-button size="mini" @click="setEndTime(0.5)"
                >半小时后</el-button
              >
              <el-button size="mini" @click="setEndTime(1)">一小时后</el-button>
              <el-button size="mini" @click="setEndTime(2)">两小时后</el-button>
              <el-button size="mini" @click="setEndTime(24)">一天后</el-button>
            </el-button-group>
          </div>
          <div
            v-if="sendForm.expertType === 'chief'"
            style="font-size: 12px; color: #999; margin-top: 5px;"
          >
            主委专家无需设置截止时间
          </div>
        </el-form-item>

        <el-form-item label="发送方式" prop="sendType" required>
          <el-select
            v-model="sendForm.sendType"
            placeholder="请选择发送方式"
            style="width: 100%"
          >
            <el-option label="系统发送" value="0"></el-option>
            <el-option label="邮件发送" value="1"></el-option>
            <el-option label="短信发送" value="2"></el-option>
            <el-option label="其他方式" value="3"></el-option>
          </el-select>
        </el-form-item>

        <el-form-item label="发送标题" prop="title" required>
          <el-input v-model="sendForm.title" placeholder="请输入发送标题" />
        </el-form-item>

        <el-form-item label="发送内容" prop="content" required>
          <el-input
            type="textarea"
            :rows="4"
            v-model="sendForm.content"
            placeholder="请输入发送给专家的审查内容说明"
          />
        </el-form-item>

        <el-form-item label="跳转链接" prop="url">
          <el-input
            v-model="sendForm.url"
            placeholder="请输入跳转链接（可选）"
          />
        </el-form-item>
      </el-form>
      <div slot="footer">
        <el-button @click="sendDialogVisible = false">取消</el-button>
        <el-button type="primary" @click="handleSendConfirm" :loading="sending"
          >确认发送</el-button
        >
      </div>
    </el-dialog>

    <!-- 专家历史审批情况对话框 -->
    <el-dialog
@@ -757,22 +401,24 @@
<script>
import { getToken } from "@/utils/auth";
import {
  ethicalreviewgetInfoID,
  reviewinitiateBaseInfoList,
  ethicalreviewedit,
  ethicalreviewadd,
  ethicalreviewInfo,
  ethicalreExpertTotal,
  sendNotification
  sendNotification,
  sendcall
} from "@/api/businessApi";
import { listExternalperson } from "@/api/project/externalperson";
import CaseBasicInfo from "@/components/CaseBasicInfo";
import UploadAttachment from "@/components/UploadAttachment";
import FilePreviewDialog from "@/components/FilePreviewDialog";
import dayjs from "dayjs";
import readonlyDescriptionsMixin from "./readonlyDescriptionsMixin";

export default {
  name: "EthicsReviewDetail",
  components: { CaseBasicInfo, UploadAttachment, FilePreviewDialog },
  components: { CaseBasicInfo, FilePreviewDialog },
  mixins: [readonlyDescriptionsMixin],
  dicts: ["sys_user_sex", "sys_ethical", "Review_status"],
  props: {
    infoid: {
@@ -861,7 +507,17 @@
          { max: 500, message: "长度不能超过 500 个字符", trigger: "blur" }
        ]
      },

      sending: false, // 单个发送状态
      sendingAll: false, // 全局发送状态
      sendingProgress: 0, // 发送进度
      sendingTotal: 0, // 总发送数
      sendingSuccessCount: 0, // 成功数
      sendingFailCount: 0, // 失败数
      sendingResults: [], // 发送结果列表
      originalFormData: null, // 原始表单数据
      originalExpertList: null, // 原始专家列表
      originalAttachments: null, // 原始附件列表
      isDataLoaded: false, // 数据是否已加载
      // 保存加载状态
      saveLoading: false,
      completeLoading: false,
@@ -902,7 +558,6 @@
        startTime: "",
        endTime: "",
        sendType: "0",
        title: "伦理审查任务通知",
        content: "",
        url: ""
      },
@@ -923,17 +578,23 @@
      return this.form.ethicalreviewopinionsList || [];
    },

    // 伦理审查结论文本（只读展示）
    expertConclusionLabel() {
      const map = { 0: "不同意", 1: "同意", 2: "审查中" };
      return map[this.form.expertConclusion] || "-";
    },

    // 计算属性：普通专家数量
    normalExpertsCount() {
      return this.ethicalreviewopinionsList.filter(
        expert => expert.expertType === "0"
        expert => expert.expertType == "0"
      ).length;
    },

    // 计算属性：主委专家数量
    chiefExpertsCount() {
      return this.ethicalreviewopinionsList.filter(
        expert => expert.expertType === "1"
        expert => expert.expertType == "1"
      ).length;
    },

@@ -945,7 +606,7 @@
    // 计算属性：已同意专家数量
    approvedExpertsCount() {
      return this.ethicalreviewopinionsList.filter(
        expert => expert.expertconclusion === "1"
        expert => expert.expertconclusion == "1"
      ).length;
    },

@@ -954,7 +615,7 @@
      const total = this.totalExpertsCount;
      const approved = this.approvedExpertsCount;

      if (total === 0) return "未审查";
      if (total == 0) return "未审查";
      if (approved >= Math.ceil(total * 0.7)) {
        // 超过70%同意
        return "通过";
@@ -970,7 +631,7 @@
      const total = this.totalExpertsCount;
      const approved = this.approvedExpertsCount;

      if (total === 0) return "info";
      if (total == 0) return "info";
      if (approved >= Math.ceil(total * 0.7)) {
        return "success";
      } else if (approved >= Math.ceil(total * 0.5)) {
@@ -984,10 +645,10 @@
    availableNormalExperts() {
      return this.ethicalreviewopinionsList.filter(
        expert =>
          expert.expertType === "0" &&
          expert.expertType == "0" &&
          (!expert.receiveStatus ||
            expert.receiveStatus === "0" ||
            expert.receiveStatus === "1")
            expert.receiveStatus == "0" ||
            expert.receiveStatus == "1")
      );
    },

@@ -995,10 +656,10 @@
    availableChiefExperts() {
      return this.ethicalreviewopinionsList.filter(
        expert =>
          expert.expertType === "1" &&
          expert.expertType == "1" &&
          (!expert.receiveStatus ||
            expert.receiveStatus === "0" ||
            expert.receiveStatus === "1")
            expert.receiveStatus == "0" ||
            expert.receiveStatus == "1")
      );
    },

@@ -1010,7 +671,7 @@
    // 是否可以发送给主委专家（需要至少12个普通专家同意）
    canSendToChiefExpert() {
      const normalApprovedCount = this.ethicalreviewopinionsList.filter(
        expert => expert.expertType === "0" && expert.expertconclusion === "1"
        expert => expert.expertType == "0" && expert.expertconclusion == "1"
      ).length;
      return this.availableChiefExperts.length > 0 && normalApprovedCount >= 12;
    },
@@ -1061,9 +722,9 @@

    // 发送对话框标题
    sendDialogTitle() {
      if (this.sendForm.expertType === "chief") {
      if (this.sendForm.expertType == "chief") {
        return "发送主委专家审查";
      } else if (this.sendForm.expertType === "normal") {
      } else if (this.sendForm.expertType == "normal") {
        return "发送普通专家审查";
      } else {
        return "发送专家审查";
@@ -1080,8 +741,15 @@
    }
  },
  created() {
    this.infoid = this.infoid;
    this.caseId = this.infoid;
    this.getDetail(this.infoid, this.id);
    // 监听路由变化，防止用户离开页面
    window.addEventListener("beforeunload", this.beforeUnloadHandler);
  },
  beforeDestroy() {
    // 移除事件监听器
    window.removeEventListener("beforeunload", this.beforeUnloadHandler);
  },
  methods: {
    // 初始化新增数据
@@ -1104,36 +772,47 @@
        if (id) {
          response = await ethicalreviewInfo(id);
        } else if (infoid) {
          response = await ethicalreviewgetInfoID({ InfoId: infoid });
          response = await reviewinitiateBaseInfoList({ infoid: infoid });
          if (response.data[0].id) {
            this.id = response.data[0].id;
            response = await ethicalreviewInfo(this.id);
          }
        }

        if (response.code === 200) {
        if (
          !response.data.status ||
          response.data.status == 0 ||
          response.data.status == 1
        ) {
          response.data.status = "2";
        }
        if (response.code == 200) {
          let detailData = {};

          if (response.data && id) {
          if (response.data && this.id) {
            this.form = response.data;
            // 解析 filePatch 字段
            this.parseFilePatch(this.form.filePatch);
            this.initAttachmentFileList();

            // 如果专家审查意见列表不存在，初始化为空数组
            if (!this.form.ethicalreviewopinionsList) {
              this.$set(this.form, "ethicalreviewopinionsList", []);
            }
          } else if (response.data && infoid) {
            this.form = response.data;
            // 解析 filePatch 字段
          } else if (response.data && this.infoid) {
            this.form = response.data[0];
            this.parseFilePatch(this.form.filePatch);
            this.initAttachmentFileList();

            // 如果专家审查意见列表不存在，初始化为空数组
            if (!this.form.ethicalreviewopinionsList) {
              this.$set(this.form, "ethicalreviewopinionsList", []);
            }
          }

          // 设置 expertReviews 用于表格显示
          // 保存原始数据用于比较
          this.saveOriginalData();

          this.expertReviews = this.form.ethicalreviewopinionsList;
          this.isDataLoaded = true;

          this.$message.success("数据加载成功");
        } else {
@@ -1145,6 +824,22 @@
      } finally {
        this.expertLoading = false;
      }
    },

    // 保存原始数据
    saveOriginalData() {
      // 深拷贝表单数据
      this.originalFormData = JSON.parse(JSON.stringify(this.form));

      // 深拷贝专家列表
      this.originalExpertList = this.form.ethicalreviewopinionsList
        ? JSON.parse(JSON.stringify(this.form.ethicalreviewopinionsList))
        : [];

      // 深拷贝附件列表
      this.originalAttachments = this.form.annexfilesList
        ? JSON.parse(JSON.stringify(this.form.annexfilesList))
        : [];
    },

    // 解析 filePatch 字段
@@ -1182,7 +877,7 @@

    // 构建 filePatch 字段
    buildFilePatch() {
      if (!this.form.annexfilesList || this.form.annexfilesList.length === 0) {
      if (!this.form.annexfilesList || this.form.annexfilesList.length == 0) {
        return "";
      }
      return JSON.stringify(this.form.annexfilesList);
@@ -1197,7 +892,7 @@
    handleAttachmentRemove(file) {
      if (file.url) {
        const index = this.form.annexfilesList.findIndex(
          item => item.path === file.url || item.fileUrl === file.url
          item => item.path == file.url || item.fileUrl == file.url
        );
        if (index > -1) {
          this.form.annexfilesList.splice(index, 1);
@@ -1214,7 +909,7 @@

    // 上传成功处理
    handleUploadSuccess({ file, fileList, response }) {
      if (response.code === 200) {
      if (response.code == 200) {
        const attachmentObj = {
          fileName: file.name,
          path: response.data || file.url,
@@ -1238,10 +933,23 @@

    // 文件预览
    handlePreview(file) {
      console.log(file, "file");

      this.currentPreviewFile = {
        fileName: file.fileName,
        fileUrl: file.path || file.fileUrl,
        fileType: this.getFileType(file.fileName)
      };
      this.previewVisible = true;
    },
    // 文件预览
    handlePreviewSignature(file) {
      console.log(file, "file");

      this.currentPreviewFile = {
        fileName: file,
        fileUrl: file,
        fileType: "png"
      };
      this.previewVisible = true;
    },
@@ -1317,13 +1025,13 @@
      // 职称包含"主任委员"或者expertType为"1"
      return (
        (expert.title && expert.title.includes("主任委员")) ||
        expert.expertType === "1"
        expert.expertType == "1"
      );
    },

    // 专家类型文本转换
    getExpertTypeText(type) {
      return type === "1" ? "主委专家" : "普通专家";
      return type == "1" ? "主委专家" : "普通专家";
    },

    // 审查状态过滤器
@@ -1372,7 +1080,7 @@

    // 专家行样式
    getExpertRowClassName({ row }) {
      return row.expertType === "1" ? "chief-expert-row" : "normal-expert-row";
      return row.expertType == "1" ? "chief-expert-row" : "normal-expert-row";
    },

    // 获取专家唯一标识
@@ -1382,7 +1090,7 @@

    // 专家类型变更处理
    handleExpertTypeChange() {
      if (this.sendForm.expertType === "chief") {
      if (this.sendForm.expertType == "chief") {
        // 主委专家无需设置截止时间
        this.sendForm.endTime = "";
      } else {
@@ -1407,9 +1115,9 @@
        if (valid) {
          this.saveLoading = true;
          // 保存清空id便于后端整体删除新增
          this.form.ethicalreviewopinionsList.forEach(item => {
            item.id = null;
          });
          // this.form.ethicalreviewopinionsList.forEach(item => {
          //   item.id = null;
          // });
          try {
            const submitData = {
              ...this.form,
@@ -1428,15 +1136,19 @@
              response = await ethicalreviewadd(submitData);
            }

            if (response.code === 200) {
            if (response.code == 200) {
              this.$message.success("保存成功");
              // 保存成功后更新原始数据
              this.saveOriginalData();
              this.isEdit = false;
              if (!this.form.id && response.data && response.data.id) {
                this.form.id = response.data.id;
                this.$router.replace({
                  query: { ...this.$route.query, id: this.form.id }
                });
              if (!this.form.id && response.data) {
                this.form.id = response.data;
                this.id = this.form.id;
                // this.$router.replace({
                //   query: { ...this.$route.query, id: this.form.id }
                // });
              }
              this.refreshPageData();
            } else {
              this.$message.error("保存失败：" + (response.msg || "未知错误"));
            }
@@ -1471,7 +1183,7 @@

            const response = await ethicalreviewedit(updateData);

            if (response.code === 200) {
            if (response.code == 200) {
              this.$message.success("审查状态已更新为完成");
              this.form.status = "3";
              this.form.endTime = updateData.endTime;
@@ -1523,7 +1235,7 @@

            const response = await ethicalreviewedit(updateData);

            if (response.code === 200) {
            if (response.code == 200) {
              this.$message.success("审查已中止，所有专家状态已更新");
              this.form.status = "2";
            } else {
@@ -1555,7 +1267,7 @@
          try {
            const updateData = {
              ...this.form,
              status: "2", // 审查中止
              status: "4", // 审查中止
              endTime: new Date()
                .toISOString()
                .replace("T", " ")
@@ -1564,9 +1276,9 @@

            const response = await ethicalreviewedit(updateData);

            if (response.code === 200) {
            if (response.code == 200) {
              this.$message.success("审查已结束");
              this.form.status = "2";
              this.form.status = "4";
              this.form.endTime = updateData.endTime;
            } else {
              this.$message.error("操作失败：" + (response.msg || "未知错误"));
@@ -1586,13 +1298,255 @@
      this.expertDialogVisible = true;
      this.loadExperts();
    },
    /**
     * 刷新页面数据
     */
    async refreshPageData() {
      try {
        // 重置数据状态
        this.isDataLoaded = false;

        // 清空当前数据
        this.form = {
          id: undefined,
          infoid: undefined,
          caseNo: "",
          initiateTheme: "",
          initiatePerson: "",
          status: "0",
          startTime: "",
          cutOffTime: "",
          endTime: "",
          expertName: "",
          expertNo: "",
          expertType: "0",
          expertConclusion: "",
          expertOpinion: "",
          expertTime: "",
          orderNo: 1,
          remark: "",
          annexfilesList: [],
          filePatch: "",
          ethicalreviewopinionsList: [],
          createBy: "",
          createTime: "",
          updateBy: "",
          updateTime: "",
          delFlag: "0"
        };

        this.attachmentFileList = [];
        this.originalFormData = null;
        this.originalExpertList = null;
        this.originalAttachments = null;

        // 重新获取数据
        if (this.id) {
          await this.getDetail(this.infoid, this.id);
        } else if (this.infoid) {
          await this.getDetail(this.infoid, null);
        } else {
          this.$message.warning("无法刷新，缺少必要的参数");
        }

        this.$message.success("数据刷新成功");
      } catch (error) {
        console.error("刷新数据失败:", error);
        this.$message.error("刷新数据失败，请重试");
      }
    },

    /**
     * 处理页面刷新
     * 检查是否有未保存数据，确认后刷新页面
     */
    handleRefresh() {
      // 检查是否有未保存的编辑
      if (this.hasUnsavedChanges()) {
        this.$confirm(
          "当前有未保存的数据，刷新页面将丢失这些更改。是否继续刷新？",
          "警告",
          {
            confirmButtonText: "继续刷新",
            cancelButtonText: "取消",
            type: "warning",
            distinguishCancelAndClose: true,
            beforeClose: (action, instance, done) => {
              if (action === "confirm") {
                instance.confirmButtonLoading = true;
                instance.confirmButtonText = "刷新中...";

                // 延迟执行以确保UI更新
                setTimeout(() => {
                  done();
                  instance.confirmButtonLoading = false;

                  // 用户确认刷新
                  this.refreshPageData();
                }, 300);
              } else {
                this.$message({
                  type: "info",
                  message: "已取消刷新"
                });
                done();
              }
            }
          }
        ).catch(action => {
          if (action === "cancel") {
            this.$message({
              type: "info",
              message: "已取消刷新"
            });
          }
        });
      } else {
        // 没有未保存的编辑，直接刷新
        this.refreshPageData();
      }
    },
    // 检查是否有未保存的数据变化
    hasUnsavedChanges() {
      if (!this.isDataLoaded) {
        return false; // 数据未加载，无需检测
      }

      // 1. 检查表单字段变化
      const formFieldsChanged = this.checkFormFieldsChanged();

      // 2. 检查专家列表变化
      const expertListChanged = this.checkExpertListChanged();

      // 3. 检查附件列表变化
      const attachmentsChanged = this.checkAttachmentsChanged();

      return formFieldsChanged || expertListChanged || attachmentsChanged;
    },

    // 检查表单字段是否有变化
    checkFormFieldsChanged() {
      if (!this.originalFormData) return false;

      const formKeys = [
        "initiateTheme",
        "initiatePerson",
        "status",
        "expertConclusion",
        "expertOpinion",
        "expertTime",
        "remark"
      ];

      for (const key of formKeys) {
        if (this.form[key] !== this.originalFormData[key]) {
          console.log(
            `表单字段变化: ${key}`,
            this.form[key],
            this.originalFormData[key]
          );
          return true;
        }
      }

      return false;
    },

    // 检查专家列表变化
    checkExpertListChanged() {
      if (!this.originalExpertList || !this.form.ethicalreviewopinionsList) {
        return false;
      }

      const original = this.originalExpertList;
      const current = this.form.ethicalreviewopinionsList;

      // 1. 检查数量变化
      if (original.length !== current.length) {
        console.log("专家数量变化:", original.length, "->", current.length);
        return true;
      }

      // 2. 检查每个专家的变化
      for (let i = 0; i < original.length; i++) {
        const origExpert = original[i];
        const currExpert = current[i];

        // 检查关键字段变化
        const fieldsToCheck = [
          "expertconclusion",
          "expertopinion",
          "receiveStatus",
          "conclusiontime",
          "startTime",
          "endTime",
          "sendType"
        ];

        for (const field of fieldsToCheck) {
          if (origExpert[field] !== currExpert[field]) {
            console.log(
              `专家${i}的${field}字段变化:`,
              origExpert[field],
              "->",
              currExpert[field]
            );
            return true;
          }
        }
      }

      return false;
    },

    // 检查附件列表变化
    checkAttachmentsChanged() {
      if (!this.originalAttachments || !this.form.annexfilesList) {
        return false;
      }

      const original = this.originalAttachments;
      const current = this.form.annexfilesList;

      // 检查数量变化
      if (original.length !== current.length) {
        console.log("附件数量变化:", original.length, "->", current.length);
        return true;
      }

      // 检查文件名变化（通常附件不会修改，只增删）
      const originalFileNames = original.map(f => f.fileName || f.name).sort();
      const currentFileNames = current.map(f => f.fileName || f.name).sort();

      for (let i = 0; i < originalFileNames.length; i++) {
        if (originalFileNames[i] !== currentFileNames[i]) {
          console.log(
            "附件文件名变化:",
            originalFileNames[i],
            "->",
            currentFileNames[i]
          );
          return true;
        }
      }

      return false;
    },

    // 浏览器离开页面检测
    beforeUnloadHandler(event) {
      if (this.hasUnsavedChanges()) {
        const message = "您有未保存的更改，确定要离开吗？";
        event.returnValue = message; // 标准方式
        return message; // 某些浏览器需要返回字符串
      }
    },
    // 加载专家列表
    async loadExperts() {
      try {
        this.expertListLoading = true;
        const params = {
          usertype: "伦理专家", // 伦理专家
          usertype: "ethical", // 伦理专家
          pageNum: this.expertPage.pageNum,
          pageSize: this.expertPage.pageSize
        };
@@ -1602,7 +1556,7 @@
        }

        const response = await listExternalperson(params);
        if (response.code === 200) {
        if (response.code == 200) {
          this.expertList = response.rows || [];
          this.expertTotal = response.total || 0;
        } else {
@@ -1639,7 +1593,7 @@

    // 确认添加专家
    handleConfirmAddExpert() {
      if (this.selectedExperts.length === 0) {
      if (this.selectedExperts.length == 0) {
        this.$message.warning("请选择要添加的专家");
        return;
      }
@@ -1664,7 +1618,7 @@
          expertType: isChief ? "1" : "0", // 主任委员设置为主委专家
          deptName: expert.unitname || "",
          title: expert.title || "",
          deptname: expert.telephone || "",
          donorno: expert.telephone || "",
          receiveStatus: "0", // 待接收
          expertconclusion: "",
          expertopinion: "",
@@ -1719,6 +1673,9 @@

    // 发送给普通专家
    handleSendToNormalExperts() {
      if (!this.validateAllIds(this.ethicalreviewopinionsList)) {
        return;
      }
      this.currentSendExperts = this.availableNormalExperts;
      this.sendForm.expertType = "normal";
      this.sendForm.endTime = ""; // 重置截止时间
@@ -1727,6 +1684,9 @@

    // 发送给主委专家
    handleSendToChiefExpert() {
      if (!this.validateAllIds(this.ethicalreviewopinionsList)) {
        return;
      }
      this.currentSendExperts = this.availableChiefExperts;
      this.sendForm.expertType = "chief";
      this.sendForm.endTime = ""; // 主委专家无需截止时间
@@ -1735,12 +1695,40 @@

    // 发送给单个专家
    handleSendToExpert(expert) {
      if (!this.validateAllIds(this.ethicalreviewopinionsList)) {
        return;
      }
      this.currentSendExperts = [expert];
      this.sendForm.expertType = expert.expertType === "1" ? "chief" : "normal";
      this.sendForm.endTime = expert.expertType === "1" ? "" : ""; // 主委专家无需截止时间
      this.sendForm.expertType = expert.expertType == "1" ? "chief" : "normal";
      this.sendForm.endTime = expert.expertType == "1" ? "" : ""; // 主委专家无需截止时间
      this.sendDialogVisible = true;
    },

    validateAllIds(arr, idField = "id") {
      if (!Array.isArray(arr) || arr.length === 0) {
        this.$message.warning("请先选择专家列表");
        return false;
      }

      const emptyIdItems = arr.filter(item => {
        const id = item[idField];
        return (
          id === undefined ||
          id === null ||
          id === "" ||
          id.toString().trim() === ""
        );
      });

      if (emptyIdItems.length > 0) {
        this.$message.warning(
          "当前选中专家列表有未保存数据，请保存刷新后再发送"
        );
        return false;
      }

      return true;
    },
    // 发送对话框关闭
    handleSendDialogClose() {
      this.sendForm = {
@@ -1749,7 +1737,6 @@
        startTime: "",
        endTime: "",
        sendType: "0",
        title: "伦理审查任务通知",
        content: "",
        url: ""
      };
@@ -1769,55 +1756,67 @@
        return;
      }

      if (!this.sendForm.sendType) {
        this.$message.warning("请选择发送方式");
        return;
      }
      // if (!this.sendForm.sendType) {
      //   this.$message.warning("请选择发送方式");
      //   return;
      // }

      if (!this.sendForm.title) {
        this.$message.warning("请输入发送标题");
        return;
      }
      // if (!this.sendForm.title) {
      //   this.$message.warning("请输入发送标题");
      //   return;
      // }

      if (!this.sendForm.content) {
        this.$message.warning("请输入发送内容");
        return;
      }
      // if (!this.sendForm.content) {
      //   this.$message.warning("请输入发送内容");
      //   return;
      // }

      if (this.currentSendExperts.length === 0) {
      if (this.currentSendExperts.length == 0) {
        this.$message.warning("没有找到可发送的专家");
        return;
      }

      this.sending = true;
      // 初始化发送状态
      this.sendingAll = true;
      this.sendingProgress = 0;
      this.sendingTotal = this.currentSendExperts.length;
      this.sendingSuccessCount = 0;
      this.sendingFailCount = 0;
      this.sendingResults = [];

      // 创建一个进度对话框
      const progressDialog = this.$message({
        type: "info",
        message: `正在发送通知，请稍候... (0/${this.sendingTotal})`,
        duration: 0, // 不会自动关闭
        showClose: true
      });

      try {
        // 发送给每个专家
        const sendPromises = this.currentSendExperts.map(async expert => {
        // 使用Promise数组来顺序执行发送
        for (let i = 0; i < this.currentSendExperts.length; i++) {
          const expert = this.currentSendExperts[i];

          // 更新进度
          this.sendingProgress = i;
          progressDialog.message = `正在发送通知，请稍候... (${i}/${this.sendingTotal})`;

          try {
            // 构建发送数据
            const sendData = {
              number: expert.deptname || "", // 用户手机号
              title: this.sendForm.title,
              url: this.sendForm.url || "",
            // 发送单个专家通知
            const result = await this.sendSingleExpert(expert, i);
            this.sendingResults.push(result);

              createTime: new Date()
                .toISOString()
                .replace("T", " ")
                .substring(0, 19)
            };
            if (result.success) {
              this.sendingSuccessCount++;

            // 调用发送通知接口
            const response = await sendNotification(sendData);

            if (response.code === 200) {
              // 更新专家状态
              const index = this.form.ethicalreviewopinionsList.findIndex(
                e =>
                  e.expertNo === expert.expertNo ||
                  e.expertname === expert.expertname
                  e.expertNo == expert.expertNo ||
                  e.expertname == expert.expertname
              );

              if (index !== -1) {
              if (index != -1) {
                this.form.ethicalreviewopinionsList[index].receiveStatus = "1"; // 已接收
                this.form.ethicalreviewopinionsList[
                  index
@@ -1842,12 +1841,113 @@
                  this.form.ethicalreviewopinionsList[index]
                );
              }
            } else {
              this.sendingFailCount++;
            }
          } catch (error) {
            console.error(`发送给专家 ${expert.expertname} 失败:`, error);
            this.sendingResults.push({
              success: false,
              expert: expert.expertname,
              error: error.message
            });
            this.sendingFailCount++;
          }

              return { success: true, expert: expert.expertname };
          // 如果不是最后一个，等待100ms再发送下一个
          if (i < this.currentSendExperts.length - 1) {
            await this.sleep(100);
          }
        }

        // 完成进度
        this.sendingProgress = this.sendingTotal;
        progressDialog.message = `发送完成，成功 ${this.sendingSuccessCount} 个，失败 ${this.sendingFailCount} 个`;

        // 延迟1秒后关闭进度对话框
        await this.sleep(1000);
        progressDialog.close();

        // 显示最终结果
        if (this.sendingFailCount == 0) {
          this.$message.success(
            `成功发送给 ${this.sendingSuccessCount} 位专家`
          );
        } else if (this.sendingSuccessCount > 0) {
          this.$message.warning(
            `成功发送给 ${this.sendingSuccessCount} 位专家，失败 ${this.sendingFailCount} 位`
          );
          // 如果有失败，可以显示详细失败信息
          this.showFailedDetails();
        } else {
          this.$message.error("全部发送失败，请稍后重试");
        }

        // 关闭发送对话框
        this.sendDialogVisible = false;
        this.sendForm = {
          expertType: "normal",
          expertIds: [],
          startTime: "",
          endTime: "",
          sendType: "0",
          content: "",
          url: ""
        };
        this.currentSendExperts = [];
        // 保存整个单据
        this.handleSave();
      } catch (error) {
        console.error("发送过程中发生错误:", error);
        progressDialog.close();
        this.$message.error("发送过程中发生错误，请重试");
      } finally {
        this.sendingAll = false;
      }
    },
    // 发送单个专家的方法
    async sendSingleExpert(expert, index) {
      console.log(expert, "expert", index);

      try {
        // // 构建发送数据
        // const sendData = {
        //   number: expert.deptname || "", // 用户手机号
        //   title: this.sendForm.title,
        //   url: this.sendForm.url || "",
        //   createTime: new Date()
        //     .toISOString()
        //     .replace("T", " ")
        //     .substring(0, 19)
        // };
        const sendDatas = {
          expertNo: expert.donorno || "", //7.14
          id: expert.id || "",
          infoId: this.infoid || ""
        };

        console.log(`正在发送第 ${index + 1} 个专家: ${expert.expertname}`);

        // 调用发送通知接口
        // const response = await sendNotification(sendData);
        // const response = await sendcall({
        //   tel: expert.donorno ? expert.donorno : 13634195431, // 这里应该是 expert.deptname 或 expert.phone
        //   messageContent:
        //     "青岛大学附属医院上报潜在捐献案例，请登录OPO系统查看详细信息，及时进行对接。登录链接:https://brdeddd.qduhosos.cn/dklejdj/deljf/index"
        // });
        const response = await sendNotification(sendDatas);

        if (response.code == 200) {
          return {
            success: true,
            expert: expert.expertname,
            index: index
          };
            } else {
              return {
                success: false,
                expert: expert.expertname,
            index: index,
                error: response.msg
              };
            }
@@ -1856,48 +1956,46 @@
            return {
              success: false,
              expert: expert.expertname,
          index: index,
              error: error.message
            };
          }
    },

    // 显示失败详情的方法
    showFailedDetails() {
      const failedExperts = this.sendingResults.filter(r => !r.success);
      if (failedExperts.length > 0) {
        this.$confirm(
          `有 ${failedExperts.length} 位专家发送失败，是否查看失败详情？`,
          "发送结果",
          {
            confirmButtonText: "查看详情",
            cancelButtonText: "关闭",
            type: "warning"
          }
        )
          .then(() => {
            let detailMessage = "发送失败的专家：\n\n";
            failedExperts.forEach((expert, index) => {
              detailMessage += `${index + 1}. ${expert.expert}: ${
                expert.error
              }\n`;
        });

        // 等待所有发送完成
        const results = await Promise.all(sendPromises);

        // 统计发送结果
        const successCount = results.filter(r => r.success).length;
        const failCount = results.filter(r => !r.success).length;

        if (failCount === 0) {
          this.$message.success(`成功发送给 ${successCount} 位专家`);
        } else if (successCount > 0) {
          this.$message.warning(
            `成功发送给 ${successCount} 位专家，失败 ${failCount} 位`
          );
        } else {
          this.$message.error("发送失败，请稍后重试");
        }

        this.sendDialogVisible = false;
        this.sendForm = {
          expertType: "normal",
          expertIds: [],
          startTime: "",
          endTime: "",
          sendType: "0",
          title: "伦理审查任务通知",
          content: "",
          url: ""
        };
        this.currentSendExperts = [];
      } catch (error) {
        console.error("发送失败:", error);
        this.$message.error("发送失败，请重试");
      } finally {
        this.sending = false;
            this.$alert(detailMessage, "发送失败详情", {
              confirmButtonText: "确定",
              customClass: "failed-details-dialog"
            });
          })
          .catch(() => {});
      }
    },

    // 睡眠函数，用于间隔
    sleep(ms) {
      return new Promise(resolve => setTimeout(resolve, ms));
    },
    // 删除专家审查
    handleDeleteExpertReview(expert, index) {
      this.$confirm("确定要删除该专家的审查记录吗？", "提示", {
@@ -1931,7 +2029,7 @@

        const response = await ethicalreExpertTotal(params);

        if (response && response.code === 200) {
        if (response && response.code == 200) {
          this.expertHistoryData = response.data || response[0] || null;
        } else {
          this.$message.error(
@@ -2171,11 +2269,82 @@
.selected-case-info {
  margin-bottom: 20px;
}
/* 发送进度样式 */
.send-progress-container {
  margin: 20px 0;
  padding: 20px;
  background: #f5f7fa;
  border-radius: 8px;
}

.send-stats {
  display: flex;
  justify-content: center;
  gap: 30px;
  margin-top: 10px;
}

.stat-item {
  font-size: 14px;
  font-weight: 500;
  padding: 4px 12px;
  border-radius: 4px;
}

.stat-item.success {
  color: #67c23a;
  background: #f0f9eb;
}

.stat-item.fail {
  color: #f56c6c;
  background: #fef0f0;
}

/* 失败详情对话框 */
.failed-details-dialog {
  min-width: 400px;
  max-width: 600px;
}

.failed-details-dialog .el-message-box__content {
  max-height: 400px;
  overflow-y: auto;
  white-space: pre-wrap;
  word-break: break-word;
}
.case-info-card {
  border-left: 4px solid #67c23a;
}
/* 在CSS中添加 */
:deep(.el-message-box) {
  max-width: 500px;
}

/* 添加未保存状态样式 */
.unsaved-hint {
  position: absolute;
  top: 10px;
  right: 10px;
  background: #e6a23c;
  color: white;
  padding: 4px 8px;
  border-radius: 4px;
  font-size: 12px;
  animation: pulse 2s infinite;
}

@keyframes pulse {
  0% {
    opacity: 0.8;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0.8;
  }
}
/* 响应式设计 */
@media (max-width: 768px) {
  .ethics-review-detail {