近期调试

WXL

2026-05-17 3453ba7e5243022ad4388da1515dc75ad8d81f94

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

@@ -1,206 +1,2191 @@
<template>
  <base-stage :stage-data="stageData" :case-info="caseInfo">
    <template #header>
      <el-alert
        title="伦理审查阶段"
        :type="getAlertType()"
        :description="getAlertDescription()"
        show-icon
        :closable="false"
      />
    </template>
  <div class="ethics-review-detail">

    <el-row :gutter="20" style="margin-top: 20px;">
      <el-col :span="12">
        <el-card>
          <div slot="header" class="card-header">
            <span>审查委员会信息</span>
          </div>
          <el-descriptions :column="1" border>
            <el-descriptions-item label="委员会名称">
              {{ reviewCommittee.name }}
            </el-descriptions-item>
            <el-descriptions-item label="审查会议时间">
              {{ formatTime(reviewCommittee.meetingTime) }}
            </el-descriptions-item>
            <el-descriptions-item label="参会委员">
              {{ reviewCommittee.members.length }} 人
            </el-descriptions-item>
            <el-descriptions-item label="审查结论">
              <el-tag :type="reviewCommittee.conclusion ? 'success' : 'warning'">
                {{ reviewCommittee.conclusion ? '审查通过' : '审查中' }}
              </el-tag>
            </el-descriptions-item>
            <el-descriptions-item label="主席签字">
              {{ reviewCommittee.chairman }}
            </el-descriptions-item>
          </el-descriptions>
        </el-card>
      </el-col>
    <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-col :span="12">
        <el-card>
          <div slot="header" class="card-header">
            <span>审查流程进度</span>
          </div>
          <el-steps direction="vertical" :active="reviewProgress.active" space="80px">
            <el-step
              v-for="step in reviewProgress.steps"
              :key="step.title"
              :title="step.title"
              :description="step.description"
              :status="step.status"
            />
          </el-steps>
        </el-card>
      </el-col>
    </el-row>
          <el-button
            type="success"
            @click="handleCompleteReview"
            :disabled="form.status == '3' || form.status == '2'"
            :loading="completeLoading"
          >
            审查完成
          </el-button>

    <el-card style="margin-top: 20px;">
      <div slot="header" class="card-header">
        <span>委员审查意见</span>
          <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-table :data="reviewComments" border>
        <el-table-column label="委员姓名" prop="memberName" width="120" />
        <el-table-column label="专业领域" prop="specialty" width="120" />
        <el-table-column label="审查意见" prop="comment" min-width="200" />
        <el-table-column label="投票结果" width="100">

      <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-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-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
        class="attachment-list"
        v-if="form.annexfilesList && form.annexfilesList.length > 0"
      >
        <div class="list-title">
          已上传附件 ({{ form.annexfilesList.length }})
        </div>
        <el-table :data="form.annexfilesList" style="width: 100%" size="small">
          <el-table-column label="文件名" min-width="200">
            <template slot-scope="scope">
              <i
                class="el-icon-document"
                style="margin-right: 8px; color: #409EFF;"
              ></i>
              <span class="file-name">{{ scope.row.fileName }}</span>
            </template>
          </el-table-column>
          <el-table-column label="文件类型" width="100">
            <template slot-scope="scope">
              <el-tag size="small">{{
                getFileType(scope.row.fileName)
              }}</el-tag>
            </template>
          </el-table-column>
          <el-table-column label="创建时间" width="160">
            <template slot-scope="scope">
              <span>{{ formatDateTime(scope.row.createTime) }}</span>
            </template>
          </el-table-column>
          <el-table-column label="操作" width="266">
            <template slot-scope="scope">
              <el-button
                size="mini"
                type="primary"
                @click="handlePreview(scope.row)"
              >
                预览
              </el-button>
              <el-button
                size="mini"
                type="success"
                @click="handleDownload(scope.row)"
              >
                下载
              </el-button>
              <el-button
                size="mini"
                type="danger"
                @click="handleRemoveAttachment(scope.$index)"
              >
                删除
              </el-button>
            </template>
          </el-table-column>
        </el-table>
      </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>
        <p style="color: #909399; font-size: 14px;">暂无附件，请上传相关文件</p>
      </div>
    </el-card>

    <!-- 专家审查情况 -->
    <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>

      <!-- 专家统计信息 -->
      <div
        class="expert-stats"
        style="margin-top: 20px; padding: 15px; background: #f5f7fa; border-radius: 4px;"
      >
        <el-row :gutter="20">
          <el-col :span="6">
            <div class="stat-item">
              <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">{{ chiefExpertsCount }}人</span>
            </div>
          </el-col>
          <el-col :span="6">
            <div class="stat-item">
              <span class="stat-label">已同意:</span>
              <span class="stat-value"
                >{{ approvedExpertsCount }}/{{ totalExpertsCount }}</span
              >
            </div>
          </el-col>
          <el-col :span="6">
            <div class="stat-item">
              <span class="stat-label">审查结果:</span>
              <span class="stat-value">
                <el-tag :type="overallConclusionFilter">
                  {{ overallConclusionText }}
                </el-tag>
              </span>
            </div>
          </el-col>
        </el-row>
      </div>

      <!-- 专家审查表格 -->
      <el-table
        :data="ethicalreviewopinionsList"
        v-loading="expertLoading"
        style="width: 100%"
        height="600"
        :row-class-name="getExpertRowClassName"
      >
        <el-table-column label="序号" width="60" align="center" type="index" />

        <el-table-column
          label="专家姓名"
          width="120"
          align="center"
          fixed="left"
        >
          <template slot-scope="scope">
            <el-tag :type="scope.row.vote === '同意' ? 'success' : 'danger'">
              {{ scope.row.vote }}
            <span
              class="expert-name-link"
              @click="handleViewExpertHistory(scope.row)"
            >
              {{ scope.row.expertname }}
            </span>
            <el-tag
              v-if="scope.row.expertType == '1'"
              size="mini"
              type="danger"
              style="margin-left: 5px;"
              >主委</el-tag
            >
          </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.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="getReviewStatusFilter(scope.row.receiveStatus)"
              size="small"
            >
              {{ getReviewStatusText(scope.row.receiveStatus) }}
            </el-tag>
          </template>
        </el-table-column>
        <el-table-column label="审查时间" width="160">

        <el-table-column label="专家结论" width="120" align="center">
          <template slot-scope="scope">
            {{ formatTime(scope.row.reviewTime) }}
            <el-tag
              v-if="scope.row.expertconclusion"
              :type="getConclusionFilter(scope.row.expertconclusion)"
              size="small"
            >
              {{ getConclusionText(scope.row.expertconclusion) }}
            </el-tag>
            <span v-else class="no-data">-</span>
          </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>
          </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.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.startTime
                ? formatDateTime(scope.row.startTime)
                : "未发送"
            }}</span>
          </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-card style="margin-top: 20px;">
      <div slot="header" class="card-header">
        <span>审查决议文件</span>
        <el-button type="primary" size="small" @click="handleViewResolution">
          查看决议文件
        </el-button>
    <!-- 添加专家对话框 -->
    <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>
      <div class="resolution-content">
        <p><strong>伦理审查决议：</strong></p>
        <p>{{ resolutionContent }}</p>
        <el-divider />
        <div class="signature-area">
          <p>伦理委员会主席：{{ reviewCommittee.chairman }}</p>
          <p>日期：{{ formatTime(reviewCommittee.meetingTime) }}</p>

      <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
      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>
    </el-card>
  </base-stage>
      <div slot="footer">
        <el-button @click="expertHistoryDialogVisible = false">关闭</el-button>
      </div>
    </el-dialog>

    <!-- 文件预览弹窗 -->
    <FilePreviewDialog
      :visible="previewVisible"
      :file="currentPreviewFile"
      @close="previewVisible = false"
      @download="handleDownload"
    />
  </div>
</template>

<script>
import BaseStage from './BaseStage.vue';
import { getToken } from "@/utils/auth";
import {
  reviewinitiateBaseInfoList,
  ethicalreviewedit,
  ethicalreviewadd,
  ethicalreviewInfo,
  ethicalreExpertTotal,
  sendNotification
} 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";

export default {
  name: 'EthicalReviewStage',
  components: { BaseStage },
  props: {
    stageData: {
      type: Object,
      default: () => ({})
    },
    caseInfo: {
      type: Object,
      default: () => ({})
  name: "EthicsReviewDetail",
  components: { CaseBasicInfo, UploadAttachment, FilePreviewDialog },
  dicts: ["sys_user_sex", "sys_ethical", "Review_status"],
    props: {
    infoid: {
      type: String,
      default: true
    }
  },
  data() {
    return {
      reviewCommittee: {
        name: '医院伦理审查委员会',
        meetingTime: '2023-12-03 15:20:00',
        members: ['张教授', '李主任', '王医生', '赵委员', '钱专家'],
        conclusion: true,
        chairman: '张教授'
      // 页面模式
      isEdit: false,
      // 基本信息
      id: undefined,
      caseId: null,
      caseNo: "",

      // 表单数据
      form: {
        // 基础信息
        id: undefined,
        infoid: undefined,
        caseNo: "",
        initiateTheme: "",
        initiatePerson: "",

        // 状态和时间
        status: "0", // 0:待审查, 1:审查中, 2:审查中止, 3:审查完成
        startTime: "",
        cutOffTime: "",
        endTime: "",

        // 专家信息
        expertName: "",
        expertNo: "",
        expertType: "0",
        expertConclusion: "",
        expertOpinion: "",
        expertTime: "",
        orderNo: 1,

        // 备注
        remark: "",

        // 附件信息
        annexfilesList: [],
        filePatch: "",

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

        // 系统字段
        createBy: "",
        createTime: "",
        updateBy: "",
        updateTime: "",
        delFlag: "0"
      },
      reviewProgress: {
        active: 4,
        steps: [

      // 表单验证规则
      rules: {
        initiateTheme: [
          { required: true, message: "发起主题不能为空", trigger: "blur" },
          {
            title: '材料初审',
            description: '申请材料完整性审查',
            status: 'finish'
          },
          {
            title: '委员评审',
            description: '各委员独立审查',
            status: 'finish'
          },
          {
            title: '会议讨论',
            description: '委员会集体讨论',
            status: 'finish'
          },
          {
            title: '形成决议',
            description: '投票形成最终决议',
            status: 'finish'
            min: 2,
            max: 100,
            message: "长度在 2 到 100 个字符",
            trigger: "blur"
          }
        ],
        initiatePerson: [
          { required: true, message: "发起人不能为空", trigger: "blur" }
        ],
        status: [
          { required: true, message: "审查状态不能为空", trigger: "change" }
        ],
        expertName: [
          { max: 50, message: "长度不能超过 50 个字符", trigger: "blur" }
        ],
        expertNo: [
          { max: 50, message: "长度不能超过 50 个字符", trigger: "blur" }
        ],
        expertConclusion: [
          { max: 2, message: "长度不能超过 2 个字符", trigger: "change" }
        ],
        remark: [
          { max: 500, message: "长度不能超过 500 个字符", trigger: "blur" }
        ]
      },
      reviewComments: [
        {
          memberName: '张教授',
          specialty: '医学伦理',
          comment: '捐献程序符合伦理规范，同意通过',
          vote: '同意',
          reviewTime: '2023-12-03 14:30:00'
        },
        {
          memberName: '李主任',
          specialty: '临床医学',
          comment: '医疗程序规范，无伦理问题',
          vote: '同意',
          reviewTime: '2023-12-03 14:45:00'
        },
        {
          memberName: '王医生',
          specialty: '法律医学',
          comment: '法律文件齐全，程序合法',
          vote: '同意',
          reviewTime: '2023-12-03 15:00:00'
        }
      ],
      resolutionContent: '经伦理审查委员会审查，该器官捐献案例符合医学伦理要求，捐献程序规范，家属意愿真实有效，同意进行器官捐献。'

      // 保存加载状态
      saveLoading: false,
      completeLoading: false,
      suspendLoading: false,
      endLoading: false,
      sending: false,

      // 附件相关
      attachmentFileList: [],

      // 预览相关
      previewVisible: false,
      currentPreviewFile: null,

      // 专家审查数据
      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: [],
        startTime: "",
        endTime: "",
        sendType: "0",
        title: "伦理审查任务通知",
        content: "",
        url: ""
      },

      // 专家历史审批情况
      expertHistoryDialogVisible: false,
      expertHistoryLoading: false,
      expertHistoryData: null,
      currentExpertInfo: {},

      // 当前发送的专家
      currentSendExperts: []
    };
  },
  computed: {
    // 计算属性：获取专家列表（确保响应式）
    ethicalreviewopinionsList() {
      return this.form.ethicalreviewopinionsList || [];
    },

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

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

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

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

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

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

    overallConclusionFilter() {
      const total = this.totalExpertsCount;
      const approved = this.approvedExpertsCount;

      if (total === 0) return "info";
      if (approved >= Math.ceil(total * 0.7)) {
        return "success";
      } 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.availableNormalExperts.length > 0;
    },

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

    // 已存在的专家编号列表
    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() {

    this.caseId = this.infoid;
    this.getDetail(this.infoid, this.id);
  },
  methods: {
    getAlertType() {
      const status = this.stageData.status;
      return status === 'completed' ? 'success' :
             status === 'in_progress' ? 'warning' : 'info';
    // 初始化新增数据
    initNewData() {
      this.form.infoid = this.infoid;
      this.form.caseNo = this.$route.query.caseNo || "";
      this.form.initiatePerson = this.currentUser.username || "当前用户";
      this.form.startTime = new Date()
        .toISOString()
        .replace("T", " ")
        .substring(0, 19);
      this.form.createBy = this.currentUser.username || "admin";
    },
    getAlertDescription() {
      const status = this.stageData.status;
      return status === 'completed' ? '伦理审查已通过，可以进行器官分配' :
             status === 'in_progress' ? '伦理审查流程正在进行中' : '等待开始伦理审查流程';

    // 获取详情
    async getDetail(infoid, id) {
      try {
        this.expertLoading = true;
        let response = {};
        if (id) {
          response = await ethicalreviewInfo(id);
        } else if (infoid) {
          response = await reviewinitiateBaseInfoList({ infoid: infoid });
        }

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

          if (response.data && 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[0];
            // 解析 filePatch 字段
            this.parseFilePatch(this.form.filePatch);
            this.initAttachmentFileList();

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

          // 设置 expertReviews 用于表格显示
          this.expertReviews = this.form.ethicalreviewopinionsList;

          this.$message.success("数据加载成功");
        } else {
          this.$message.error("获取详情失败：" + (response.msg || "未知错误"));
        }
      } catch (error) {
        console.error("获取伦理审查详情失败:", error);
        this.$message.error("数据加载失败");
      } finally {
        this.expertLoading = false;
      }
    },
    handleViewResolution() {
      this.$message.info('查看伦理审查决议文件功能');

    // 解析 filePatch 字段
    parseFilePatch(filePatch) {
      if (!filePatch) {
        this.form.annexfilesList = [];
        return;
      }

      try {
        this.form.annexfilesList = JSON.parse(filePatch);
      } catch (error) {
        console.error("解析 filePatch 字段失败:", error);
        this.form.annexfilesList = [];
      }
    },

    // 初始化附件文件列表
    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),
          name: item.fileName,
          url: item.path || item.fileUrl,
          status: "success"
        }));
      } else {
        this.attachmentFileList = [];
      }
    },

    // 构建 filePatch 字段
    buildFilePatch() {
      if (!this.form.annexfilesList || this.form.annexfilesList.length === 0) {
        return "";
      }
      return JSON.stringify(this.form.annexfilesList);
    },

    // 附件变化处理
    handleAttachmentChange(fileList) {
      this.attachmentFileList = fileList;
    },

    // 附件移除处理
    handleAttachmentRemove(file) {
      if (file.url) {
        const index = this.form.annexfilesList.findIndex(
          item => item.path === file.url || item.fileUrl === file.url
        );
        if (index > -1) {
          this.form.annexfilesList.splice(index, 1);
        }
      }
    },

    // 手动删除附件
    handleRemoveAttachment(index) {
      this.form.annexfilesList.splice(index, 1);
      this.attachmentFileList.splice(index, 1);
      this.$message.success("附件删除成功");
    },

    // 上传成功处理
    handleUploadSuccess({ file, fileList, response }) {
      if (response.code === 200) {
        const attachmentObj = {
          fileName: file.name,
          path: response.data || file.url,
          fileUrl: response.data || file.url,
          type: this.getFileExtension(file.name),
          createTime: dayjs().format("YYYY-MM-DD HH:mm:ss"),
          infoid: this.infoid,
          delFlag: 0
        };

        this.form.annexfilesList.push(attachmentObj);
        this.$message.success("文件上传成功");
      }
    },

    // 上传错误处理
    handleUploadError({ file, fileList, error }) {
      console.error("附件上传失败:", error);
      this.$message.error("文件上传失败，请重试");
    },

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

    // 文件下载
    handleDownload(file) {
      const fileUrl = file.path || file.fileUrl;
      const fileName = file.fileName;

      if (fileUrl) {
        const link = document.createElement("a");
        link.href = fileUrl;
        link.download = fileName;
        link.style.display = "none";
        document.body.appendChild(link);
        link.click();
        document.body.removeChild(link);
        this.$message.success("开始下载文件");
      } else {
        this.$message.warning("文件路径不存在，无法下载");
      }
    },

    // 获取文件类型
    getFileType(fileName) {
      if (!fileName) return "other";

      const extension = fileName
        .split(".")
        .pop()
        .toLowerCase();
      const imageTypes = ["jpg", "jpeg", "png", "gif", "bmp", "webp"];
      const pdfTypes = ["pdf"];
      const officeTypes = ["doc", "docx", "xls", "xlsx", "ppt", "pptx"];

      if (imageTypes.includes(extension)) return "image";
      if (pdfTypes.includes(extension)) return "pdf";
      if (officeTypes.includes(extension)) return "office";
      return "other";
    },

    // 获取文件扩展名
    getFileExtension(filename) {
      return filename
        .split(".")
        .pop()
        .toLowerCase();
    },

    // 日期时间格式化
    formatDateTime(dateTime) {
      if (!dateTime) return "";

      try {
        const date = new Date(dateTime);
        if (isNaN(date.getTime())) return dateTime;

        const year = date.getFullYear();
        const month = String(date.getMonth() + 1).padStart(2, "0");
        const day = String(date.getDate()).padStart(2, "0");
        const hours = String(date.getHours()).padStart(2, "0");
        const minutes = String(date.getMinutes()).padStart(2, "0");
        const seconds = String(date.getSeconds()).padStart(2, "0");

        return `${year}-${month}-${day} ${hours}:${minutes}:${seconds}`;
      } catch (error) {
        return dateTime;
      }
    },

    // 判断是否为主任委员
    getIsChiefExpert(expert) {
      // 职称包含"主任委员"或者expertType为"1"
      return (
        (expert.title && expert.title.includes("主任委员")) ||
        expert.expertType === "1"
      );
    },

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

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

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

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

    getConclusionText(conclusion) {
      const conclusionMap = {
        "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);
    },

    // 保存信息
    async handleSave() {
      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,
              // 确保必要字段
              infoid: this.infoid,
              caseNo: this.caseNo,
              // 构建 filePatch 字段
              filePatch: this.buildFilePatch()
            };

            let response = null;

            if (submitData.id) {
              response = await ethicalreviewedit(submitData);
            } else {
              response = await ethicalreviewadd(submitData);
            }

            if (response.code === 200) {
              this.$message.success("保存成功");
              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 }
                });
              }
            } else {
              this.$message.error("保存失败：" + (response.msg || "未知错误"));
            }
          } catch (error) {
            console.error("保存失败:", error);
            this.$message.error("保存失败，请重试");
          } finally {
            this.saveLoading = false;
          }
        }
      });
    },

    // 审查完成
    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(
        "确定要结束本次伦理审查吗？结束后将无法修改专家审查结果。",
        "提示",
        {
          confirmButtonText: "确定",
          cancelButtonText: "取消",
          type: "warning"
        }
      )
        .then(async () => {
          this.endLoading = true;
          try {
            const updateData = {
              ...this.form,
              status: "2", // 审查中止
              endTime: new Date()
                .toISOString()
                .replace("T", " ")
                .substring(0, 19)
            };

            const response = await ethicalreviewedit(updateData);

            if (response.code === 200) {
              this.$message.success("审查已结束");
              this.form.status = "2";
              this.form.endTime = updateData.endTime;
            } else {
              this.$message.error("操作失败：" + (response.msg || "未知错误"));
            }
          } catch (error) {
            console.error("结束审查失败:", error);
            this.$message.error("结束审查失败");
          } finally {
            this.endLoading = false;
          }
        })
        .catch(() => {});
    },

    // 打开添加专家对话框
    handleAddExpert() {
      this.expertDialogVisible = true;
      this.loadExperts();
    },

    // 加载专家列表
    async loadExperts() {
      try {
        this.expertListLoading = true;
        const params = {
          usertype: "伦理专家", // 伦理专家
          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 || "",
          deptname: 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() {
      this.currentSendExperts = this.availableNormalExperts;
      this.sendForm.expertType = "normal";
      this.sendForm.endTime = ""; // 重置截止时间
      this.sendDialogVisible = true;
    },

    // 发送给主委专家
    handleSendToChiefExpert() {
      this.currentSendExperts = this.availableChiefExperts;
      this.sendForm.expertType = "chief";
      this.sendForm.endTime = ""; // 主委专家无需截止时间
      this.sendDialogVisible = true;
    },

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

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

    // 确认发送
    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.sending = true;
      try {
        // 发送给每个专家
        const sendPromises = this.currentSendExperts.map(async expert => {
          try {
            // 构建发送数据
            const sendData = {
              number: expert.deptname || "", // 用户手机号
              title: this.sendForm.title,
              url: this.sendForm.url || "",

              createTime: new Date()
                .toISOString()
                .replace("T", " ")
                .substring(0, 19)
            };

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

            if (response.code === 200) {
              // 更新专家状态
              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]
                );
              }

              return { success: true, expert: expert.expertname };
            } else {
              return {
                success: false,
                expert: expert.expertname,
                error: response.msg
              };
            }
          } catch (error) {
            console.error(`发送给专家 ${expert.expertname} 失败:`, error);
            return {
              success: false,
              expert: expert.expertname,
              error: error.message
            };
          }
        });

        // 等待所有发送完成
        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;
      }
    },

    // 删除专家审查
    handleDeleteExpertReview(expert, index) {
      this.$confirm("确定要删除该专家的审查记录吗？", "提示", {
        confirmButtonText: "确定",
        cancelButtonText: "取消",
        type: "warning"
      })
        .then(() => {
          // 从数组中删除专家
          this.form.ethicalreviewopinionsList.splice(index, 1);
          this.$message.success("专家审查记录已删除");
        })
        .catch(() => {});
    },

    // 查看专家历史审批情况
    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
        .getDate()
        .toString()
        .padStart(2, "0")} ${date
        .getHours()
        .toString()
        .padStart(2, "0")}:${date
        .getMinutes()
        .toString()
        .padStart(2, "0")}`;
    }
  }
};
</script>

<style scoped>
.resolution-content {
.ethics-review-detail {
  padding: 20px;
  line-height: 1.8;
  background-color: #f5f7fa;
}

.signature-area {
.detail-card {
  margin-bottom: 20px;
  border-radius: 8px;
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
}

.expert-card {
  margin-bottom: 20px;
  border-radius: 8px;
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
}

.attachment-card {
  margin-bottom: 20px;
  border-radius: 8px;
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
}

.detail-title {
  font-size: 18px;
  font-weight: 600;
  color: #303133;
}

.expert-stats {
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  color: rgb(43, 181, 245);
  border-radius: 8px;
  margin-bottom: 20px;
}

.stat-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 10px;
}

.stat-label {
  font-size: 12px;
  opacity: 0.9;
  margin-bottom: 5px;
}

.stat-value {
  font-size: 18px;
  font-weight: bold;
}

.file-info {
  display: flex;
  align-items: center;
}

.empty-attachment {
  text-align: center;
  padding: 40px 0;
  color: #909399;
}

/* 专家类型样式 */
.normal-expert {
  color: #409eff;
  font-weight: 500;
}

.chief-expert {
  color: #f56c6c;
  font-weight: 600;
}

/* 专家行样式 */
:deep(.normal-expert-row) {
  background-color: #fafafa;
}

:deep(.chief-expert-row) {
  background-color: #fff7e6;
}

:deep(.normal-expert-row:hover) {
  background-color: #f0f7ff;
}

:deep(.chief-expert-row:hover) {
  background-color: #ffecc2;
}

/* 无数据样式 */
.no-data {
  color: #909399;
  font-style: italic;
}

/* 专家意见样式 */
.expert-opinion {
  color: #303133;
  line-height: 1.5;
}

/* 已发送按钮样式 */
.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;
}

.section-header {
  display: flex;
  align-items: center;
  font-weight: bold;
  color: #303133;
}

.dialog-footer {
  text-align: right;
  margin-top: 30px;
  padding: 20px 0 0;
}

.attachment-section {
  margin-bottom: 16px;
}

.attachment-header {
  display: flex;
  align-items: center;
  margin-bottom: 16px;
  padding: 8px 0;
  border-bottom: 1px solid #ebeef5;
}

.attachment-title {
  font-weight: bold;
  margin: 0 8px;
}

.attachment-tip {
  font-size: 12px;
  color: #909399;
}

.attachment-list {
  margin-top: 16px;
}

.list-title {
  font-weight: bold;
  margin-bottom: 12px;
  color: #303133;
}

.file-name {
  font-size: 13px;
}

/* 案例信息展示样式 */
.selected-case-info {
  margin-bottom: 20px;
}

.case-info-card {
  border-left: 4px solid #67c23a;
}

/* 响应式设计 */
@media (max-width: 768px) {
  .ethics-review-detail {
    padding: 10px;
  }

  .expert-stats .el-col {
    margin-bottom: 10px;
  }
}
</style>