opo维护

WXL

4 天以前 dc082351978a1e9f75d7a1471a0ca7ebeac552a5

 src/views/business/ethicalReview/ethicalReviewInfo.vue

@@ -12,9 +12,28 @@
          </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'"
            :disabled="form.status == '2'"
            :loading="endLoading"
          >
            结束审查
          </el-button>
@@ -36,10 +55,7 @@
              <el-input v-model="form.initiatePerson" />
            </el-form-item>
          </el-col>
        </el-row>

        <el-row :gutter="20">
          <el-col :span="8">
          <!-- <el-col :span="8">
            <el-form-item label="审查状态" prop="status">
              <el-select v-model="form.status" style="width: 100%">
                <el-option
@@ -50,55 +66,14 @@
                />
              </el-select>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="发起时间" prop="startTime">
              <el-date-picker
                v-model="form.startTime"
                type="datetime"
                value-format="yyyy-MM-dd HH:mm:ss"
                style="width: 100%"
              />
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="截止时间" prop="cutOffTime">
              <el-date-picker
                v-model="form.cutOffTime"
                type="datetime"
                value-format="yyyy-MM-dd HH:mm:ss"
                style="width: 100%"
              >
              </el-date-picker>
            </el-form-item>
          </el-col>
          </el-col> -->
        </el-row>

        <!-- 专家相关信息 -->
        <el-row :gutter="20">
          <el-col :span="8">
            <el-form-item label="专家姓名" prop="expertName">
              <el-input v-model="form.expertName" />
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="专家编号" prop="expertNo">
              <el-input v-model="form.expertNo" />
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="专家类型" prop="expertType">
              <el-select v-model="form.expertType" style="width: 100%">
                <el-option label="普通专家" value="normal" />
                <el-option label="主委专家" value="chief" />
              </el-select>
            </el-form-item>
          </el-col>
        </el-row>

        <el-row :gutter="20">
          <el-col :span="8">
            <el-form-item label="专家结论" prop="expertConclusion">
            <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" />
@@ -107,7 +82,7 @@
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="专家结论时间" prop="expertTime">
            <el-form-item label="伦理审查结论时间" prop="expertTime">
              <el-date-picker
                v-model="form.expertTime"
                type="datetime"
@@ -116,26 +91,16 @@
              />
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="专家排队序号" prop="orderNo">
              <el-input-number
                v-model="form.orderNo"
                :min="1"
                :max="20"
                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-form-item label="审查意见" prop="expertOpinion">
              <el-input
                type="textarea"
                :rows="2"
                v-model="form.expertOpinion"
                placeholder="请输入专家意见"
                placeholder="请输入意见"
              />
            </el-form-item>
          </el-col>
@@ -160,9 +125,6 @@
    <el-card class="attachment-card">
      <div slot="header" class="clearfix">
        <span class="detail-title">相关附件</span>
        <!-- <el-button type="primary" size="mini" @click="openUploadDialog">
          上传附件
        </el-button> -->
      </div>

      <!-- 使用 UploadAttachment 组件 -->
@@ -185,11 +147,7 @@
        <div class="list-title">
          已上传附件 ({{ form.annexfilesList.length }})
        </div>
        <el-table
          :data="form.annexfilesList"
          style="width: 100%"
          size="small"
        >
        <el-table :data="form.annexfilesList" style="width: 100%" size="small">
          <el-table-column label="文件名" min-width="200">
            <template slot-scope="scope">
              <i
@@ -240,8 +198,14 @@
      </div>

      <!-- 空状态 -->
      <div v-if="!form.annexfilesList || form.annexfilesList.length === 0" class="empty-attachment">
        <i class="el-icon-folder-opened" style="font-size: 60px; color: #C0C4CC; margin-bottom: 20px;"></i>
      <div
        v-if="!form.annexfilesList || form.annexfilesList.length == 0"
        class="empty-attachment"
      >
        <i
          class="el-icon-folder-opened"
          style="font-size: 60px; color: #C0C4CC; margin-bottom: 20px;"
        ></i>
        <p style="color: #909399; font-size: 14px;">暂无附件，请上传相关文件</p>
      </div>
    </el-card>
@@ -249,8 +213,19 @@
    <!-- 专家审查情况 -->
    <el-card class="expert-card">
      <div slot="header" class="clearfix">
        <span class="detail-title">专家审查情况 (18位专家 + 1位主委专家)</span>
        <span class="detail-title">专家审查情况</span>
        <div style="float: right;">
          <el-button
            type="warning"
            size="mini"
            @click="handleRefresh"
            icon="el-icon-refresh"
          >
            刷新
          </el-button>
          <el-button size="mini" type="primary" @click="handleAddExpert">
            添加专家
          </el-button>
          <el-button
            size="mini"
            type="primary"
@@ -267,14 +242,6 @@
          >
            发送主委专家
          </el-button>
          <el-button
            size="mini"
            type="warning"
            @click="handleBatchSend"
            :disabled="!canBatchSend"
          >
            批量发送
          </el-button>
        </div>
      </div>

@@ -286,20 +253,22 @@
        <el-row :gutter="20">
          <el-col :span="6">
            <div class="stat-item">
              <span class="stat-label">专家已同意:</span>
              <span class="stat-value">{{ approvedNormalExperts }}/18</span>
              <span class="stat-label">普通专家:</span>
              <span class="stat-value">{{ normalExpertsCount }}人</span>
            </div>
          </el-col>
          <el-col :span="6">
            <div class="stat-item">
              <span class="stat-label">主委专家状态:</span>
              <span class="stat-value">{{ chiefExpertStatus }}</span>
              <span class="stat-label">主委专家:</span>
              <span class="stat-value">{{ chiefExpertsCount }}人</span>
            </div>
          </el-col>
          <el-col :span="6">
            <div class="stat-item">
              <span class="stat-label">总完成进度:</span>
              <span class="stat-value">{{ completionRate }}%</span>
              <span class="stat-label">已同意:</span>
              <span class="stat-value"
                >{{ approvedExpertsCount }}/{{ totalExpertsCount }}</span
              >
            </div>
          </el-col>
          <el-col :span="6">
@@ -317,10 +286,10 @@

      <!-- 专家审查表格 -->
      <el-table
        :data="expertReviews"
        :data="ethicalreviewopinionsList"
        v-loading="expertLoading"
        style="width: 100%"
        height="800"
        height="600"
        :row-class-name="getExpertRowClassName"
      >
        <el-table-column label="序号" width="60" align="center" type="index" />
@@ -332,9 +301,14 @@
          fixed="left"
        >
          <template slot-scope="scope">
            <span>{{ scope.row.expertName }}</span>
            <span
              class="expert-name-link"
              @click="handleViewExpertHistory(scope.row)"
            >
              {{ scope.row.expertname }}
            </span>
            <el-tag
              v-if="scope.row.isChief"
              v-if="scope.row.expertType == '1'"
              size="mini"
              type="danger"
              style="margin-left: 5px;"
@@ -343,18 +317,31 @@
          </template>
        </el-table-column>

        <el-table-column label="专家编号" width="120" align="center">
          <template slot-scope="scope">
            <span>{{ scope.row.expertNo || "-" }}</span>
          </template>
        </el-table-column>

        <el-table-column label="专家类型" width="100" align="center">
          <template slot-scope="scope">
            <span :class="scope.row.isChief ? 'chief-expert' : 'normal-expert'">
              {{ scope.row.isChief ? "主委专家" : "专家" }}
            <span
              :class="
                scope.row.expertType == '1' ? 'chief-expert' : 'normal-expert'
              "
            >
              {{ getExpertTypeText(scope.row.expertType) }}
            </span>
          </template>
        </el-table-column>

        <el-table-column label="审查状态" width="100" align="center">
          <template slot-scope="scope">
            <el-tag :type="statusFilter(scope.row.reviewStatus)" size="small">
              {{ statusTextFilter(scope.row.reviewStatus) }}
            <el-tag
              :type="getReviewStatusFilter(scope.row.receiveStatus)"
              size="small"
            >
              {{ getReviewStatusText(scope.row.receiveStatus) }}
            </el-tag>
          </template>
        </el-table-column>
@@ -362,106 +349,295 @@
        <el-table-column label="专家结论" width="120" align="center">
          <template slot-scope="scope">
            <el-tag
              v-if="scope.row.expertConclusion"
              :type="conclusionFilter(scope.row.expertConclusion)"
              v-if="scope.row.expertconclusion"
              :type="getConclusionFilter(scope.row.expertconclusion)"
              size="small"
            >
              {{ conclusionTextFilter(scope.row.expertConclusion) }}
              {{ getConclusionText(scope.row.expertconclusion) }}
            </el-tag>
            <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 }">
              {{ scope.row.expertOpinion || "暂无意见" }}
            <span :class="{ 'expert-opinion': scope.row.expertopinion }">
              {{ scope.row.expertopinion || "暂无意见" }}
            </span>
          </template>
        </el-table-column>

        <el-table-column label="结论顺序" width="100" align="center">
          <template slot-scope="scope">
            <span>{{ scope.row.conclusionorder || "-" }}</span>
          </template>
        </el-table-column>

        <el-table-column label="截止时间" width="160" align="center">
          <template slot-scope="scope">
            <span>{{
              scope.row.endTime ? formatDateTime(scope.row.endTime) : "未设置"
            }}</span>
          </template>
        </el-table-column>

        <el-table-column label="审查时间" width="160" align="center">
          <template slot-scope="scope">
            <span>{{
              scope.row.reviewTime ? parseTime(scope.row.reviewTime) : "未审查"
              scope.row.conclusiontime
                ? formatDateTime(scope.row.conclusiontime)
                : "未审查"
            }}</span>
          </template>
        </el-table-column>
        <el-table-column label="发送时间" width="160" align="center">
          <template slot-scope="scope">
            <span>{{
              scope.row.sendTime ? parseTime(scope.row.sendTime) : "未发送"
              scope.row.startTime
                ? formatDateTime(scope.row.startTime)
                : "未发送"
            }}</span>
          </template>
        </el-table-column>

        <el-table-column label="操作" width="280" align="center" fixed="right">
        <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.reviewStatus === 'submitted'"
              :class="{ 'sent-button': scope.row.reviewStatus === 'submitted' }"
              :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.reviewStatus === "submitted" ? "已发送" : "发送" }}
              {{
                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-edit"
              @click="handleEditExpertReview(scope.row)"
              :disabled="scope.row.reviewStatus !== 'submitted'"
              icon="el-icon-delete"
              @click="handleDeleteExpertReview(scope.row, scope.$index)"
              style="color: #f56c6c;"
            >
              编辑
            </el-button>
            <el-button
              size="mini"
              type="text"
              icon="el-icon-view"
              @click="handleViewExpertReview(scope.row)"
            >
              详情
              删除
            </el-button>
          </template>
        </el-table-column>
      </el-table>
    </el-card>

    <!-- 添加专家对话框 -->
    <el-dialog
      title="添加专家"
      :visible.sync="expertDialogVisible"
      width="900px"
      @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="600"
        @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="donorno"
          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="发送专家审查"
      :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">
            <el-radio label="normal">专家</el-radio>
          <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="expertIds"
          v-if="sendForm.expertType === 'normal'"
          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.expertIds"
            multiple
            placeholder="请选择专家"
            v-model="sendForm.sendType"
            placeholder="请选择发送方式"
            style="width: 100%"
          >
            <el-option
              v-for="expert in availableExperts"
              :key="expert.id"
              :label="expert.name"
              :value="expert.id"
            />
            <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="content">

        <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"
@@ -469,12 +645,155 @@
            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"
          >确认发送</el-button
        <el-button
          type="primary"
          @click="handleSendConfirm"
          :loading="sendingAll"
          :disabled="sendingAll"
        >
          {{
            sendingAll
              ? `发送中 (${sendingProgress}/${sendingTotal})`
              : "确认发送"
          }}
        </el-button>
      </div>
    </el-dialog>
    <!-- 或者在页面中添加进度条 -->
    <div v-if="sendingAll" class="send-progress-container">
      <el-progress
        :percentage="Math.round((sendingProgress / sendingTotal) * 100)"
        :text-inside="true"
        :stroke-width="20"
        status="success"
      >
        <span>已发送 {{ sendingProgress }} / {{ sendingTotal }}</span>
      </el-progress>
      <div class="send-stats">
        <span class="stat-item success">成功: {{ sendingSuccessCount }}</span>
        <span class="stat-item fail">失败: {{ sendingFailCount }}</span>
      </div>
    </div>
    <!-- 专家历史审批情况对话框 -->
    <el-dialog
      title="专家历史审批情况"
      :visible.sync="expertHistoryDialogVisible"
      width="600px"
    >
      <div v-loading="expertHistoryLoading">
        <div v-if="expertHistoryData" style="padding: 20px;">
          <el-row :gutter="20" style="margin-bottom: 20px;">
            <el-col :span="12">
              <div class="history-stat-item">
                <div class="history-stat-label">专家姓名</div>
                <div class="history-stat-value">
                  {{ currentExpertInfo.expertname || "-" }}
                </div>
              </div>
            </el-col>
            <el-col :span="12">
              <div class="history-stat-item">
                <div class="history-stat-label">专家编号</div>
                <div class="history-stat-value">
                  {{ currentExpertInfo.expertNo || "-" }}
                </div>
              </div>
            </el-col>
          </el-row>

          <el-divider></el-divider>

          <el-row :gutter="20">
            <el-col :span="12">
              <div class="history-stat-item">
                <div class="history-stat-label">总审批数量</div>
                <div
                  class="history-stat-value"
                  style="font-size: 24px; color: #409EFF;"
                >
                  {{ expertHistoryData.count || 0 }}
                </div>
              </div>
            </el-col>
            <el-col :span="12">
              <div class="history-stat-item">
                <div class="history-stat-label">已接收数量</div>
                <div class="history-stat-value">
                  {{ expertHistoryData.acceptCount || 0 }}
                </div>
              </div>
            </el-col>
          </el-row>

          <el-row :gutter="20" style="margin-top: 20px;">
            <el-col :span="12">
              <div class="history-stat-item">
                <div class="history-stat-label">未接收数量</div>
                <div class="history-stat-value">
                  {{ expertHistoryData.notAcceptCount || 0 }}
                </div>
              </div>
            </el-col>
            <el-col :span="12">
              <div class="history-stat-item">
                <div class="history-stat-label">有意见数量</div>
                <div class="history-stat-value">
                  {{ expertHistoryData.opinionCount || 0 }}
                </div>
              </div>
            </el-col>
          </el-row>

          <el-row :gutter="20" style="margin-top: 20px;">
            <el-col :span="12">
              <div class="history-stat-item">
                <div class="history-stat-label">无意见数量</div>
                <div class="history-stat-value">
                  {{ expertHistoryData.notOpinionCount || 0 }}
                </div>
              </div>
            </el-col>
            <el-col :span="12">
              <div class="history-stat-item">
                <div class="history-stat-label">有附件数量</div>
                <div class="history-stat-value">
                  {{ expertHistoryData.annexCount || 0 }}
                </div>
              </div>
            </el-col>
          </el-row>

          <el-row :gutter="20" style="margin-top: 20px;">
            <el-col :span="12">
              <div class="history-stat-item">
                <div class="history-stat-label">无附件数量</div>
                <div class="history-stat-value">
                  {{ expertHistoryData.notAnnexCount || 0 }}
                </div>
              </div>
            </el-col>
          </el-row>
        </div>
        <div v-else style="text-align: center; padding: 40px 0;">
          <i
            class="el-icon-info"
            style="font-size: 60px; color: #C0C4CC; margin-bottom: 20px;"
          ></i>
          <p style="color: #909399; font-size: 14px;">暂无历史审批数据</p>
        </div>
      </div>
      <div slot="footer">
        <el-button @click="expertHistoryDialogVisible = false">关闭</el-button>
      </div>
    </el-dialog>

@@ -494,8 +813,12 @@
  reviewinitiateBaseInfoList,
  ethicalreviewedit,
  ethicalreviewadd,
  ethicalreviewInfo
  ethicalreviewInfo,
  ethicalreExpertTotal,
  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";
@@ -504,7 +827,7 @@
export default {
  name: "EthicsReviewDetail",
  components: { CaseBasicInfo, UploadAttachment, FilePreviewDialog },
  dicts: ["sys_user_sex", "sys_ethical"],
  dicts: ["sys_user_sex", "sys_ethical", "Review_status"],

  data() {
    return {
@@ -526,7 +849,7 @@
        initiatePerson: "",

        // 状态和时间
        status: "0", // 0:新建, 1:审查中, 2:结束
        status: "0", // 0:待审查, 1:审查中, 2:审查中止, 3:审查完成
        startTime: "",
        cutOffTime: "",
        endTime: "",
@@ -534,7 +857,7 @@
        // 专家信息
        expertName: "",
        expertNo: "",
        expertType: "normal",
        expertType: "0",
        expertConclusion: "",
        expertOpinion: "",
        expertTime: "",
@@ -547,6 +870,9 @@
        annexfilesList: [],
        filePatch: "",

        // 专家审查意见列表
        ethicalreviewopinionsList: [],

        // 系统字段
        createBy: "",
        createTime: "",
@@ -554,6 +880,7 @@
        updateTime: "",
        delFlag: "0"
      },

      // 表单验证规则
      rules: {
        initiateTheme: [
@@ -571,12 +898,6 @@
        status: [
          { required: true, message: "审查状态不能为空", trigger: "change" }
        ],
        startTime: [
          { required: true, message: "发起时间不能为空", trigger: "change" }
        ],
        cutOffTime: [
          { required: true, message: "截止时间不能为空", trigger: "change" }
        ],
        expertName: [
          { max: 50, message: "长度不能超过 50 个字符", trigger: "blur" }
        ],
@@ -590,8 +911,23 @@
          { 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,
      suspendLoading: false,
      endLoading: false,
      sending: false,

      // 附件相关
      attachmentFileList: [],
@@ -601,305 +937,206 @@
      currentPreviewFile: null,

      // 专家审查数据
      expertReviews: [
        // 专家（18位）- 初始状态为申请中
        {
          id: 1,
          expertName: "陶昊",
          isChief: false,
          reviewStatus: "applying",
          expertConclusion: "",
          expertOpinion: "",
          reviewTime: "",
          sendTime: ""
        },
        {
          id: 2,
          expertName: "刘斌",
          isChief: false,
          reviewStatus: "applying",
          expertConclusion: "",
          expertOpinion: "",
          reviewTime: "",
          sendTime: ""
        },
        {
          id: 3,
          expertName: "于海初 ",
          isChief: false,
          reviewStatus: "applying",
          expertConclusion: "",
          expertOpinion: "",
          reviewTime: "",
          sendTime: ""
        },
        {
          id: 4,
          expertName: "王红梅",
          isChief: false,
          reviewStatus: "applying",
          expertConclusion: "",
          expertOpinion: "",
          reviewTime: "",
          sendTime: ""
        },
        {
          id: 5,
          expertName: "王春光",
          isChief: false,
          reviewStatus: "applying",
          expertConclusion: "",
          expertOpinion: "",
          reviewTime: "",
          sendTime: ""
        },
        {
          id: 6,
          expertName: "王静",
          isChief: false,
          reviewStatus: "applying",
          expertConclusion: "",
          expertOpinion: "",
          reviewTime: "",
          sendTime: ""
        },
        {
          id: 7,
          expertName: "边文超",
          isChief: false,
          reviewStatus: "applying",
          expertConclusion: "",
          expertOpinion: "",
          reviewTime: "",
          sendTime: ""
        },
        {
          id: 8,
          expertName: "闫志勇",
          isChief: false,
          reviewStatus: "applying",
          expertConclusion: "",
          expertOpinion: "",
          reviewTime: "",
          sendTime: ""
        },
        {
          id: 9,
          expertName: "许凤",
          isChief: false,
          reviewStatus: "applying",
          expertConclusion: "",
          expertOpinion: "",
          reviewTime: "",
          sendTime: ""
        },
        {
          id: 10,
          expertName: "许传屾",
          isChief: false,
          reviewStatus: "applying",
          expertConclusion: "",
          expertOpinion: "",
          reviewTime: "",
          sendTime: ""
        },
        {
          id: 11,
          expertName: "张红岩",
          isChief: false,
          reviewStatus: "applying",
          expertConclusion: "",
          expertOpinion: "",
          reviewTime: "",
          sendTime: ""
        },
        {
          id: 12,
          expertName: "杨苏民",
          isChief: false,
          reviewStatus: "applying",
          expertConclusion: "",
          expertOpinion: "",
          reviewTime: "",
          sendTime: ""
        },
        {
          id: 13,
          expertName: "宋玉强",
          isChief: false,
          reviewStatus: "applying",
          expertConclusion: "",
          expertOpinion: "",
          reviewTime: "",
          sendTime: ""
        },
        {
          id: 14,
          expertName: "周传利",
          isChief: false,
          reviewStatus: "applying",
          expertConclusion: "",
          expertOpinion: "",
          reviewTime: "",
          sendTime: ""
        },
        {
          id: 15,
          expertName: "荆凡波",
          isChief: false,
          reviewStatus: "applying",
          expertConclusion: "",
          expertOpinion: "",
          reviewTime: "",
          sendTime: ""
        },
        {
          id: 16,
          expertName: "矫文捷",
          isChief: false,
          reviewStatus: "applying",
          expertConclusion: "",
          expertOpinion: "",
          reviewTime: "",
          sendTime: ""
        },
        {
          id: 17,
          expertName: "董震",
          isChief: false,
          reviewStatus: "applying",
          expertConclusion: "",
          expertOpinion: "",
          reviewTime: "",
          sendTime: ""
        },
        {
          id: 18,
          expertName: "蔡金贞",
          isChief: false,
          reviewStatus: "applying",
          expertConclusion: "",
          expertOpinion: "",
          reviewTime: "",
          sendTime: ""
        },
        // 主委专家（1位）
        {
          id: 19,
          expertName: "孔心涓",
          isChief: true,
          reviewStatus: "applying",
          expertConclusion: "",
          expertOpinion: "",
          reviewTime: "",
          sendTime: ""
        }
      ],
      expertReviews: [],
      expertLoading: false,
      attachmentLoading: false,

      // 添加专家对话框
      expertDialogVisible: false,
      expertList: [],
      expertListLoading: false,
      expertSearchQuery: "",
      filterExpertType: "",
      expertPage: {
        pageNum: 1,
        pageSize: 50
      },
      expertTotal: 0,
      selectedExperts: [],

      // 发送对话框
      sendDialogVisible: false,
      sendForm: {
        expertType: "normal",
        expertIds: [],
        content: ""
        startTime: "",
        endTime: "",
        sendType: "0",
        title: "伦理审查任务通知",
        content: "",
        url: ""
      },

      // 可用专家列表
      availableExperts: [
        { id: 1, name: "陶昊", type: "normal" },
        { id: 2, name: "刘斌", type: "normal" },
        { id: 3, name: "于海初", type: "normal" },
        { id: 4, name: "王红梅", type: "normal" },
        { id: 5, name: "王春光", type: "normal" },
        { id: 6, name: "王静", type: "normal" },
        { id: 7, name: "边文超", type: "normal" },
        { id: 8, name: "闫志勇", type: "normal" },
        { id: 9, name: "许凤", type: "normal" },
        { id: 10, name: "许传屾", type: "normal" },
        { id: 11, name: "张红岩", type: "normal" },
        { id: 12, name: "杨苏民", type: "normal" },
        { id: 13, name: "宋玉强", type: "normal" },
        { id: 14, name: "周传利", type: "normal" },
        { id: 15, name: "荆凡波", type: "normal" },
        { id: 16, name: "矫文捷", type: "normal" },
        { id: 17, name: "董震", type: "normal" },
        { id: 18, name: "蔡金贞", type: "normal" },
        { id: 19, name: "孔心涓", type: "chief" }
      ]
      // 专家历史审批情况
      expertHistoryDialogVisible: false,
      expertHistoryLoading: false,
      expertHistoryData: null,
      currentExpertInfo: {},

      // 当前发送的专家
      currentSendExperts: []
    };
  },
  computed: {
    // 计算属性：专家同意数量
    approvedNormalExperts() {
      return this.expertReviews.filter(
        expert => !expert.isChief && expert.expertConclusion === "approved"
    // 计算属性：获取专家列表（确保响应式）
    ethicalreviewopinionsList() {
      return this.form.ethicalreviewopinionsList || [];
    },

    // 计算属性：普通专家数量
    normalExpertsCount() {
      return this.ethicalreviewopinionsList.filter(
        expert => expert.expertType == "0"
      ).length;
    },
    // 计算属性：主委专家状态
    chiefExpertStatus() {
      const chiefExpert = this.expertReviews.find(expert => expert.isChief);
      return chiefExpert
        ? this.statusTextFilter(chiefExpert.reviewStatus)
        : "未分配";
    },
    // 计算属性：完成进度
    completionRate() {
      const totalExperts = this.expertReviews.length;
      const completedExperts = this.expertReviews.filter(
        expert => expert.reviewStatus === "submitted"

    // 计算属性：主委专家数量
    chiefExpertsCount() {
      return this.ethicalreviewopinionsList.filter(
        expert => expert.expertType == "1"
      ).length;
      return totalExperts > 0
        ? Math.round((completedExperts / totalExperts) * 100)
        : 0;
    },

    // 计算属性：总专家数量
    totalExpertsCount() {
      return this.ethicalreviewopinionsList.length;
    },

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

    // 计算属性：总体结论
    overallConclusionText() {
      if (this.approvedNormalExperts >= 12) {
      const total = this.totalExpertsCount;
      const approved = this.approvedExpertsCount;

      if (total == 0) return "未审查";
      if (approved >= Math.ceil(total * 0.7)) {
        // 超过70%同意
        return "通过";
      } else if (this.approvedNormalExperts >= 9) {
      } else if (approved >= Math.ceil(total * 0.5)) {
        // 超过50%同意
        return "修改后通过";
      } else {
        return "不通过";
      }
    },

    overallConclusionFilter() {
      if (this.approvedNormalExperts >= 12) {
      const total = this.totalExpertsCount;
      const approved = this.approvedExpertsCount;

      if (total == 0) return "info";
      if (approved >= Math.ceil(total * 0.7)) {
        return "success";
      } else if (this.approvedNormalExperts >= 9) {
      } else if (approved >= Math.ceil(total * 0.5)) {
        return "warning";
      } else {
        return "danger";
      }
    },
    // 是否可以发送给专家

    // 可发送的普通专家
    availableNormalExperts() {
      return this.ethicalreviewopinionsList.filter(
        expert =>
          expert.expertType == "0" &&
          (!expert.receiveStatus ||
            expert.receiveStatus == "0" ||
            expert.receiveStatus == "1")
      );
    },

    // 可发送的主委专家
    availableChiefExperts() {
      return this.ethicalreviewopinionsList.filter(
        expert =>
          expert.expertType == "1" &&
          (!expert.receiveStatus ||
            expert.receiveStatus == "0" ||
            expert.receiveStatus == "1")
      );
    },

    // 是否可以发送给普通专家
    canSendToNormalExperts() {
      return (
        this.expertReviews.filter(
          expert => !expert.isChief && expert.reviewStatus === "applying"
        ).length > 0
      );
      return this.availableNormalExperts.length > 0;
    },
    // 是否可以发送给主委专家（需要至少12个专家同意）

    // 是否可以发送给主委专家（需要至少12个普通专家同意）
    canSendToChiefExpert() {
      return (
        this.approvedNormalExperts >= 12 &&
        this.expertReviews.filter(
          expert => expert.isChief && expert.reviewStatus === "applying"
        ).length > 0
      );
      const normalApprovedCount = this.ethicalreviewopinionsList.filter(
        expert => expert.expertType == "0" && expert.expertconclusion == "1"
      ).length;
      return this.availableChiefExperts.length > 0 && normalApprovedCount >= 12;
    },
    // 是否可以批量发送
    canBatchSend() {
      return (
        this.expertReviews.filter(expert => expert.reviewStatus === "applying")
          .length > 0
      );

    // 已存在的专家编号列表
    existingExpertNos() {
      return this.ethicalreviewopinionsList
        .map(expert => expert.expertNo)
        .filter(no => no);
    },

    // 已存在的专家姓名列表
    existingExpertNames() {
      return this.ethicalreviewopinionsList
        .map(expert => expert.expertname)
        .filter(name => name);
    },

    // 过滤后的专家列表（排除已存在的专家）
    filteredExpertList() {
      if (!this.expertList.length) return [];

      return this.expertList.filter(expert => {
        // 如果专家有编号，检查编号是否已存在
        if (expert.userno && this.existingExpertNos.includes(expert.userno)) {
          return false;
        }
        // 如果专家有姓名，检查姓名是否已存在
        if (
          expert.username &&
          this.existingExpertNames.includes(expert.username)
        ) {
          return false;
        }
        return true;
      });
    },

    // 过滤后的专家总数
    filteredExpertTotal() {
      return this.filteredExpertList.length;
    },

    // 当前用户信息
    currentUser() {
      return JSON.parse(sessionStorage.getItem("user") || "{}");
    },

    // 发送对话框标题
    sendDialogTitle() {
      if (this.sendForm.expertType == "chief") {
        return "发送主委专家审查";
      } else if (this.sendForm.expertType == "normal") {
        return "发送普通专家审查";
      } else {
        return "发送专家审查";
      }
    }
  },
  watch: {
    // 监听表单中的专家列表变化
    "form.ethicalreviewopinionsList": {
      handler(newVal) {
        console.log("专家列表变化:", newVal);
      },
      deep: true
    }
  },
  created() {
@@ -907,6 +1144,12 @@
    this.id = this.$route.query.id;
    this.caseId = this.$route.query.infoid;
    this.getDetail(this.infoid, this.id);
    // 监听路由变化，防止用户离开页面
    window.addEventListener("beforeunload", this.beforeUnloadHandler);
  },
  beforeDestroy() {
    // 移除事件监听器
    window.removeEventListener("beforeunload", this.beforeUnloadHandler);
  },
  methods: {
    // 初始化新增数据
@@ -932,7 +1175,7 @@
          response = await reviewinitiateBaseInfoList({ infoid: infoid });
        }

        if (response.code === 200) {
        if (response.code == 200) {
          let detailData = {};

          if (response.data && id) {
@@ -940,16 +1183,25 @@
            // 解析 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[0];
            // 解析 filePatch 字段
            this.parseFilePatch(this.form.filePatch);
            this.initAttachmentFileList();
          }
          console.log(this.form, "this.form ");

          this.infoid = detailData.infoid || this.infoid;
          this.caseNo = detailData.caseNo || "";
            if (!this.form.ethicalreviewopinionsList) {
              this.$set(this.form, "ethicalreviewopinionsList", []);
            }
          }

          // 保存原始数据用于比较
          this.saveOriginalData();

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

          this.$message.success("数据加载成功");
        } else {
@@ -961,6 +1213,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 字段
@@ -982,7 +1250,11 @@
    initAttachmentFileList() {
      if (this.form.annexfilesList && this.form.annexfilesList.length > 0) {
        this.attachmentFileList = this.form.annexfilesList.map(item => ({
          uid: item.id || Math.random().toString(36).substr(2, 9),
          uid:
            item.id ||
            Math.random()
              .toString(36)
              .substr(2, 9),
          name: item.fileName,
          url: item.path || item.fileUrl,
          status: "success"
@@ -994,7 +1266,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);
@@ -1009,7 +1281,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);
@@ -1026,7 +1298,7 @@

    // 上传成功处理
    handleUploadSuccess({ file, fileList, response }) {
      if (response.code === 200) {
      if (response.code == 200) {
        const attachmentObj = {
          fileName: file.name,
          path: response.data || file.url,
@@ -1048,17 +1320,25 @@
      this.$message.error("文件上传失败，请重试");
    },

    // 打开上传对话框
    openUploadDialog() {
      this.$refs.uploadAttachment.openUpload();
    },

    // 文件预览
    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;
    },
@@ -1129,53 +1409,93 @@
      }
    },

    // 获取专家审查列表
    getExpertReviews(ethicsReviewId) {
      this.expertLoading = true;
      setTimeout(() => {
        this.expertLoading = false;
      }, 500);
    // 判断是否为主任委员
    getIsChiefExpert(expert) {
      // 职称包含"主任委员"或者expertType为"1"
      return (
        (expert.title && expert.title.includes("主任委员")) ||
        expert.expertType == "1"
      );
    },

    // 专家行样式
    getExpertRowClassName({ row }) {
      return row.isChief ? "chief-expert-row" : "normal-expert-row";
    // 专家类型文本转换
    getExpertTypeText(type) {
      return type == "1" ? "主委专家" : "普通专家";
    },

    // 状态过滤器
    statusFilter(status) {
    // 审查状态过滤器
    getReviewStatusFilter(status) {
      const statusMap = {
        applying: "info",
        submitted: "success"
        "0": "info", // 待接收
        "1": "warning", // 未接收
        "2": "success", // 已接收
        "3": "danger", // 超时
        "4": "danger", // 中止
        "5": "success" // 完成
      };
      return statusMap[status] || "info";
    },

    statusTextFilter(status) {
    getReviewStatusText(status) {
      const statusMap = {
        applying: "申请中",
        submitted: "已提交"
        "0": "待接收",
        "1": "未接收",
        "2": "已接收",
        "3": "超时",
        "4": "中止",
        "5": "完成"
      };
      return statusMap[status] || "未知";
    },

    // 结论过滤器
    conclusionFilter(conclusion) {
    getConclusionFilter(conclusion) {
      const conclusionMap = {
        approved: "success",
        approved_with_modifications: "warning",
        disapproved: "danger"
        "1": "success", // 同意
        "2": "warning", // 审查中
        "0": "danger" // 不同意
      };
      return conclusionMap[conclusion] || "info";
    },

    conclusionTextFilter(conclusion) {
    getConclusionText(conclusion) {
      const conclusionMap = {
        approved: "同意",
        approved_with_modifications: "修改后同意",
        disapproved: "不同意"
        "1": "同意",
        "2": "审查中",
        "0": "不同意"
      };
      return conclusionMap[conclusion] || "未知";
    },

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

    // 获取专家唯一标识
    getExpertKey(expert) {
      return expert.id || expert.expertNo || expert.expertname;
    },

    // 专家类型变更处理
    handleExpertTypeChange() {
      if (this.sendForm.expertType == "chief") {
        // 主委专家无需设置截止时间
        this.sendForm.endTime = "";
      } else {
        // 普通专家重置截止时间为当前时间
        this.sendForm.endTime = "";
      }
    },

    // 设置截止时间快捷键
    setEndTime(hours) {
      const now = new Date();
      const endTime = new Date(now.getTime() + hours * 60 * 60 * 1000);
      this.sendForm.endTime = endTime
        .toISOString()
        .replace("T", " ")
        .substring(0, 19);
    },

    // 保存信息
@@ -1183,6 +1503,10 @@
      this.$refs.form.validate(async valid => {
        if (valid) {
          this.saveLoading = true;
          // 保存清空id便于后端整体删除新增
          this.form.ethicalreviewopinionsList.forEach(item => {
            item.id = null;
          });
          try {
            const submitData = {
              ...this.form,
@@ -1201,8 +1525,10 @@
              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;
@@ -1223,6 +1549,95 @@
      });
    },

    // 审查完成
    async handleCompleteReview() {
      this.$confirm("确定要将本次伦理审查状态设为完成吗？", "提示", {
        confirmButtonText: "确定",
        cancelButtonText: "取消",
        type: "warning"
      })
        .then(async () => {
          this.completeLoading = true;
          try {
            const updateData = {
              ...this.form,
              status: "3", // 审查完成
              endTime: new Date()
                .toISOString()
                .replace("T", " ")
                .substring(0, 19)
            };

            const response = await ethicalreviewedit(updateData);

            if (response.code == 200) {
              this.$message.success("审查状态已更新为完成");
              this.form.status = "3";
              this.form.endTime = updateData.endTime;
            } else {
              this.$message.error("操作失败：" + (response.msg || "未知错误"));
            }
          } catch (error) {
            console.error("更新审查状态失败:", error);
            this.$message.error("更新审查状态失败");
          } finally {
            this.completeLoading = false;
          }
        })
        .catch(() => {});
    },

    // 审查中止
    async handleSuspendReview() {
      this.$confirm(
        "确定要中止本次伦理审查吗？所有专家的审查状态将变为中止。",
        "提示",
        {
          confirmButtonText: "确定",
          cancelButtonText: "取消",
          type: "warning"
        }
      )
        .then(async () => {
          this.suspendLoading = true;
          try {
            // 更新所有专家的接收状态为中止
            if (
              this.form.ethicalreviewopinionsList &&
              this.form.ethicalreviewopinionsList.length > 0
            ) {
              this.form.ethicalreviewopinionsList.forEach(expert => {
                expert.receiveStatus = "4"; // 中止状态
                expert.updateTime = new Date()
                  .toISOString()
                  .replace("T", " ")
                  .substring(0, 19);
              });
            }

            const updateData = {
              ...this.form,
              status: "2" // 审查中止
            };

            const response = await ethicalreviewedit(updateData);

            if (response.code == 200) {
              this.$message.success("审查已中止，所有专家状态已更新");
              this.form.status = "2";
            } else {
              this.$message.error("操作失败：" + (response.msg || "未知错误"));
            }
          } catch (error) {
            console.error("中止审查失败:", error);
            this.$message.error("中止审查失败");
          } finally {
            this.suspendLoading = false;
          }
        })
        .catch(() => {});
    },

    // 结束审查
    async handleEndReview() {
      this.$confirm(
@@ -1235,10 +1650,11 @@
        }
      )
        .then(async () => {
          this.endLoading = true;
          try {
            const updateData = {
              ...this.form,
              status: "2",
              status: "4", // 审查中止
              endTime: new Date()
                .toISOString()
                .replace("T", " ")
@@ -1247,9 +1663,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 || "未知错误"));
@@ -1257,136 +1673,732 @@
          } catch (error) {
            console.error("结束审查失败:", error);
            this.$message.error("结束审查失败");
          } finally {
            this.endLoading = false;
          }
        })
        .catch(() => {});
    },

    // 发送给专家
    // 打开添加专家对话框
    handleAddExpert() {
      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: "ethical", // 伦理专家
          pageNum: this.expertPage.pageNum,
          pageSize: this.expertPage.pageSize
        };

        if (this.expertSearchQuery) {
          params.username = this.expertSearchQuery;
        }

        const response = await listExternalperson(params);
        if (response.code == 200) {
          this.expertList = response.rows || [];
          this.expertTotal = response.total || 0;
        } else {
          this.$message.error(
            "加载专家列表失败：" + (response.msg || "未知错误")
          );
        }
      } catch (error) {
        console.error("加载专家列表失败:", error);
        this.$message.error("加载专家列表失败");
      } finally {
        this.expertListLoading = false;
      }
    },

    // 搜索专家
    handleSearchExperts() {
      this.expertPage.pageNum = 1;
      this.loadExperts();
    },

    // 重置搜索
    handleResetSearch() {
      this.expertSearchQuery = "";
      this.filterExpertType = "";
      this.expertPage.pageNum = 1;
      this.loadExperts();
    },

    // 专家选择变化
    handleExpertSelectionChange(selection) {
      this.selectedExperts = selection;
    },

    // 确认添加专家
    handleConfirmAddExpert() {
      if (this.selectedExperts.length == 0) {
        this.$message.warning("请选择要添加的专家");
        return;
      }

      // 确保ethicalreviewopinionsList存在
      if (!this.form.ethicalreviewopinionsList) {
        this.$set(this.form, "ethicalreviewopinionsList", []);
      }

      // 添加专家到列表
      this.selectedExperts.forEach(expert => {
        // 判断是否为主任委员
        const isChief = this.getIsChiefExpert(expert);

        const expertReview = {
          id: undefined,
          infoid: this.infoid,
          nitiateId: this.form.id || undefined,
          caseNo: this.form.caseNo,
          expertname: expert.username,
          expertNo: expert.userno,
          expertType: isChief ? "1" : "0", // 主任委员设置为主委专家
          deptName: expert.unitname || "",
          title: expert.title || "",
          donorno: expert.telephone || "",
          receiveStatus: "0", // 待接收
          expertconclusion: "",
          expertopinion: "",
          conclusionannex: "",
          conclusionorder: this.form.ethicalreviewopinionsList.length + 1,
          conclusiontime: "",
          startTime: "",
          endTime: "",
          sendType: "",
          createBy: this.currentUser.username || "admin",
          createTime: new Date()
            .toISOString()
            .replace("T", " ")
            .substring(0, 19),
          updateBy: this.currentUser.username || "admin",
          updateTime: new Date()
            .toISOString()
            .replace("T", " ")
            .substring(0, 19),
          delFlag: "0"
        };

        // 使用push添加，确保响应式
        this.form.ethicalreviewopinionsList.push(expertReview);
      });

      this.$message.success(`成功添加 ${this.selectedExperts.length} 位专家`);
      this.expertDialogVisible = false;
      this.selectedExperts = [];
    },

    // 添加专家对话框关闭
    handleExpertDialogClose() {
      this.selectedExperts = [];
      this.expertSearchQuery = "";
      this.filterExpertType = "";
      this.expertPage.pageNum = 1;
    },

    // 页码变化
    handlePageChange(pageNum) {
      this.expertPage.pageNum = pageNum;
      this.loadExperts();
    },

    // 每页条数变化
    handlePageSizeChange(pageSize) {
      this.expertPage.pageSize = pageSize;
      this.expertPage.pageNum = 1;
      this.loadExperts();
    },

    // 发送给普通专家
    handleSendToNormalExperts() {
      const normalExperts = this.expertReviews.filter(
        expert => !expert.isChief && expert.reviewStatus === "applying"
      );
      this.sendForm.expertIds = normalExperts.map(expert => expert.id);
      this.currentSendExperts = this.availableNormalExperts;
      this.sendForm.expertType = "normal";
      this.sendForm.endTime = ""; // 重置截止时间
      this.sendDialogVisible = true;
    },

    // 发送给主委专家
    handleSendToChiefExpert() {
      const chiefExpert = this.expertReviews.find(
        expert => expert.isChief && expert.reviewStatus === "applying"
      );
      if (chiefExpert) {
        this.sendForm.expertIds = [chiefExpert.id];
        this.sendForm.expertType = "chief";
        this.sendDialogVisible = true;
      }
    },

    // 批量发送
    handleBatchSend() {
      const applyingExperts = this.expertReviews.filter(
        expert => expert.reviewStatus === "applying"
      );
      this.sendForm.expertIds = applyingExperts.map(expert => expert.id);
      this.sendForm.expertType = "batch";
      this.currentSendExperts = this.availableChiefExperts;
      this.sendForm.expertType = "chief";
      this.sendForm.endTime = ""; // 主委专家无需截止时间
      this.sendDialogVisible = true;
    },

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

    // 确认发送
    handleSendConfirm() {
      if (this.sendForm.expertIds.length === 0) {
        this.$message.warning("请选择要发送的专家");
        return;
      }

      this.$message.success("发送成功");
      this.sendDialogVisible = false;

      this.sendForm.expertIds.forEach(expertId => {
        const index = this.expertReviews.findIndex(
          expert => expert.id === expertId
        );
        if (index !== -1) {
          this.expertReviews[index].reviewStatus = "submitted";
          this.expertReviews[index].sendTime = new Date()
            .toISOString()
            .replace("T", " ")
            .substring(0, 19);
        }
      });

    // 发送对话框关闭
    handleSendDialogClose() {
      this.sendForm = {
        expertType: "normal",
        expertIds: [],
        content: ""
        startTime: "",
        endTime: "",
        sendType: "0",
        title: "伦理审查任务通知",
        content: "",
        url: ""
      };
      this.currentSendExperts = [];
    },

    // 编辑专家审查
    handleEditExpertReview(expert) {
      this.$prompt("请输入审查意见", "编辑专家审查", {
    // 确认发送
    async handleSendConfirm() {
      if (!this.sendForm.startTime) {
        this.$message.warning("请选择发送时间");
        return;
      }

      // 普通专家需要截止时间，主委专家不需要
      if (this.sendForm.expertType !== "chief" && !this.sendForm.endTime) {
        this.$message.warning("请选择截止时间");
        return;
      }

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

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

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

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

      // 初始化发送状态
      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 {
        // 使用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 result = await this.sendSingleExpert(expert, i);
            this.sendingResults.push(result);

            if (result.success) {
              this.sendingSuccessCount++;

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

              if (index != -1) {
                this.form.ethicalreviewopinionsList[index].receiveStatus = "1"; // 已接收
                this.form.ethicalreviewopinionsList[
                  index
                ].startTime = this.sendForm.startTime;
                this.form.ethicalreviewopinionsList[
                  index
                ].endTime = this.sendForm.endTime;
                this.form.ethicalreviewopinionsList[
                  index
                ].sendType = this.sendForm.sendType;
                this.form.ethicalreviewopinionsList[
                  index
                ].updateTime = new Date()
                  .toISOString()
                  .replace("T", " ")
                  .substring(0, 19);

                // 使用Vue.set确保响应式更新
                this.$set(
                  this.form.ethicalreviewopinionsList,
                  index,
                  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++;
          }

          // 如果不是最后一个，等待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",
          title: "伦理审查任务通知",
          content: "",
          url: ""
        };
        this.currentSendExperts = [];
        // 保存整个单据
        this.handleSave();
      } catch (error) {
        console.error("发送过程中发生错误:", error);
        progressDialog.close();
        this.$message.error("发送过程中发生错误，请重试");
      } finally {
        this.sendingAll = false;
      }
    },
    // 发送单个专家的方法
    async sendSingleExpert(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)
        };

        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"
        });

        if (response.code == 200) {
          return {
            success: true,
            expert: expert.expertname,
            index: index
          };
        } else {
          return {
            success: false,
            expert: expert.expertname,
            index: index,
            error: response.msg
          };
        }
      } catch (error) {
        console.error(`发送给专家 ${expert.expertname} 失败:`, error);
        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`;
            });

            this.$alert(detailMessage, "发送失败详情", {
              confirmButtonText: "确定",
              customClass: "failed-details-dialog"
            });
          })
          .catch(() => {});
      }
    },

    // 睡眠函数，用于间隔
    sleep(ms) {
      return new Promise(resolve => setTimeout(resolve, ms));
    },
    // 删除专家审查
    handleDeleteExpertReview(expert, index) {
      this.$confirm("确定要删除该专家的审查记录吗？", "提示", {
        confirmButtonText: "确定",
        cancelButtonText: "取消",
        inputValue: expert.expertOpinion || "",
        inputValidator: value => {
          if (!value || value.trim() === "") {
            return "审查意见不能为空";
          }
          return true;
        }
        type: "warning"
      })
        .then(({ value }) => {
          const index = this.expertReviews.findIndex(e => e.id === expert.id);
          if (index !== -1) {
            this.expertReviews[index].expertOpinion = value;
            this.$message.success("审查意见已更新");
          }
        .then(() => {
          // 从数组中删除专家
          this.form.ethicalreviewopinionsList.splice(index, 1);
          this.$message.success("专家审查记录已删除");
        })
        .catch(() => {});
    },

    // 查看专家审查详情
    handleViewExpertReview(expert) {
      this.$alert(
        `
        <div>
          <p><strong>专家姓名：</strong>${expert.expertName}</p>
          <p><strong>专家类型：</strong>${
            expert.isChief ? "主委专家" : "专家"
          }</p>
          <p><strong>审查状态：</strong>${this.statusTextFilter(
            expert.reviewStatus
          )}</p>
          <p><strong>专家结论：</strong>${
            expert.expertConclusion
              ? this.conclusionTextFilter(expert.expertConclusion)
              : "未提交"
          }</p>
          <p><strong>审查意见：</strong>${expert.expertOpinion || "无"}</p>
          <p><strong>审查时间：</strong>${expert.reviewTime || "未审查"}</p>
        </div>
      `,
        "专家审查详情",
        {
          dangerouslyUseHTMLString: true,
          customClass: "expert-review-detail-dialog"
    // 查看专家历史审批情况
    async handleViewExpertHistory(expert) {
      if (!expert.expertNo) {
        this.$message.warning("该专家没有编号，无法查询历史审批情况");
        return;
      }

      this.currentExpertInfo = expert;
      this.expertHistoryLoading = true;
      this.expertHistoryDialogVisible = true;

      try {
        const params = {
          expertNo: expert.expertNo
        };

        const response = await ethicalreExpertTotal(params);

        if (response && response.code == 200) {
          this.expertHistoryData = response.data || response[0] || null;
        } else {
          this.$message.error(
            "查询专家历史审批情况失败：" + (response?.msg || "未知错误")
          );
          this.expertHistoryData = null;
        }
      );
      } catch (error) {
        console.error("查询专家历史审批情况失败:", error);
        this.$message.error("查询专家历史审批情况失败");
        this.expertHistoryData = null;
      } finally {
        this.expertHistoryLoading = false;
      }
    },

    // 时间格式化
    parseTime(time) {
      if (!time) return "";
      const date = new Date(time);
      if (isNaN(date.getTime())) return time;

      return `${date.getFullYear()}-${(date.getMonth() + 1)
        .toString()
        .padStart(2, "0")}-${date
@@ -1403,8 +2415,6 @@
  }
};
</script>



<style scoped>
.ethics-review-detail {
@@ -1516,6 +2526,40 @@
.sent-button {
  color: #67c23a !important;
}

/* 专家姓名链接样式 */
.expert-name-link {
  color: #409eff;
  cursor: pointer;
  text-decoration: none;
  transition: color 0.3s;
}

.expert-name-link:hover {
  color: #66b1ff;
  text-decoration: underline;
}

/* 历史统计样式 */
.history-stat-item {
  padding: 10px;
  border-radius: 4px;
  background-color: #f5f7fa;
  text-align: center;
}

.history-stat-label {
  font-size: 12px;
  color: #909399;
  margin-bottom: 5px;
}

.history-stat-value {
  font-size: 18px;
  font-weight: bold;
  color: #303133;
}

.form-section {
  margin-bottom: 16px;
}
@@ -1572,10 +2616,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 {