~yxh/opo-web.git

			@@ -1,142 +1,222 @@
			<template>
			<div class="ethics-review-detail">

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

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

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

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

			<el-form :model="form" ref="form" :rules="rules" label-width="120px">
			<el-row :gutter="20">
			<el-col :span="8">
			<el-form-item label="发起主题" prop="initiateTheme">
			<el-input
			v-model="form.initiateTheme"
			placeholder="请输入发起主题"
			/>
			</el-form-item>
			</el-col>
			<el-col :span="8">
			<el-form-item label="发起人" prop="initiatePerson">
			<el-input v-model="form.initiatePerson" />
			</el-form-item>
			</el-col>
			<el-col :span="8">
			<el-form-item label="审查状态" prop="status">
			<el-select v-model="form.status" style="width: 100%">
			<el-option
			v-for="dict in dict.type.sys_ethical"
			:key="dict.value"
			:label="dict.label"
			:value="dict.value"
			/>
			</el-select>
			</el-form-item>
			</el-col>
			</el-row>

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

			<el-row :gutter="20">
			<el-col :span="8">
			<el-form-item label="伦理结论" prop="ethicsConclusion">
			<el-select v-model="form.ethicsConclusion" style="width: 100%">
			<el-option label="审查中" value="reviewing" />
			<el-option label="同意" value="approved" />
			<el-option
			label="修改后同意"
			value="approved_with_modifications"
			/>
			<el-option label="修改后重审" value="re-review" />
			<el-option label="不同意" value="disapproved" />
			<el-option label="终止审查" value="terminated" />
			<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="reviewTime">
			<el-form-item label="伦理审查结论时间" prop="expertTime">
			<el-date-picker
			v-model="form.reviewTime"
			v-model="form.expertTime"
			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="registrant">
			<el-input v-model="form.registrant" />
			</el-form-item>
			</el-col>
			</el-row>

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

			<el-form-item label="登记时间" prop="registrationTime">
			<el-date-picker
			v-model="form.registrationTime"
			type="datetime"
			value-format="yyyy-MM-dd HH:mm:ss"
			style="width: 100%"
			<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>
			<el-button type="primary" size="mini" @click="handleUploadAttachment">
			上传附件
			</el-button>
			</div>

			<el-table :data="attachments" style="width: 100%">
			<el-table-column label="文件名称" min-width="200">
			<!-- 使用 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">
			<div class="file-info">
			<i
			class="el-icon-document"
			style="margin-right: 8px; color: #409EFF;"
			></i>
			<span>{{ scope.row.fileName }}</span>
			</div>
			<span class="file-name">{{ scope.row.fileName }}</span>
			</template>
			</el-table-column>

			<el-table-column label="文件类型" width="100" align="center">
			<el-table-column label="文件类型" width="100">
			<template slot-scope="scope">
			<el-tag size="small">{{ getFileType(scope.row.fileName) }}</el-tag>
			<el-tag size="small">{{
			getFileType(scope.row.fileName)
			}}</el-tag>
			</template>
			</el-table-column>

			<el-table-column label="文件大小" width="100" align="center">
			<el-table-column label="创建时间" width="160">
			<template slot-scope="scope">
			<span>{{ formatFileSize(scope.row.fileSize) }}</span>
			<span>{{ formatDateTime(scope.row.createTime) }}</span>
			</template>
			</el-table-column>

			<el-table-column label="上传时间" width="160" align="center">
			<template slot-scope="scope">
			<span>{{ parseTime(scope.row.uploadTime) }}</span>
			</template>
			</el-table-column>

			<el-table-column label="上传人" width="100" align="center">
			<template slot-scope="scope">
			<span>{{ scope.row.uploader }}</span>
			</template>
			</el-table-column>

			<el-table-column label="操作" width="120" align="center">
			<el-table-column label="操作" width="266">
			<template slot-scope="scope">
			<el-button
			size="mini"
			type="text"
			icon="el-icon-view"
			@click="handlePreviewAttachment(scope.row)"
			>预览</el-button
			type="primary"
			@click="handlePreview(scope.row)"
			>
			预览
			</el-button>
			<el-button
			size="mini"
			type="text"
			icon="el-icon-download"
			@click="handleDownloadAttachment(scope.row)"
			>下载</el-button
			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"
			>专家审查情况 (18位专家 + 1位主委专家)</span
			>
			<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"
			@@ -153,16 +233,9 @@
			>
			发送主委专家
			</el-button>
			<el-button
			size="mini"
			type="warning"
			@click="handleBatchSend"
			:disabled="!canBatchSend"
			>
			批量发送
			</el-button>
			</div>
			</div>

			<!-- 专家统计信息 -->
			<div
			class="expert-stats"
			@@ -171,20 +244,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">
			@@ -199,12 +274,13 @@
			</el-col>
			</el-row>
			</div>

			<!-- 专家审查表格 -->
			<el-table
			:data="expertReviews"
			:data="ethicalreviewopinionsList"
			v-loading="expertLoading"
			style="width: 100%"
			heiht="300"
			height="600"
			:row-class-name="getExpertRowClassName"
			>
			<el-table-column label="序号" width="60" align="center" type="index" />
			@@ -216,9 +292,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;"
			@@ -227,18 +308,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>
			@@ -246,11 +340,11 @@
			<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>
			@@ -258,23 +352,41 @@

			<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.reviewTime ? parseTime(scope.row.reviewTime) : "未发送"
			scope.row.startTime
			? formatDateTime(scope.row.startTime)
			: "未发送"
			}}</span>
			</template>
			</el-table-column>
			@@ -286,68 +398,217 @@
			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="800px"
			@close="handleExpertDialogClose"
			>
			<div style="margin-bottom: 20px;">
			<el-input
			v-model="expertSearchQuery"
			placeholder="请输入专家姓名或编号搜索"
			style="width: 300px; margin-right: 10px;"
			@keyup.enter.native="handleSearchExperts"
			>
			<el-button
			slot="append"
			icon="el-icon-search"
			@click="handleSearchExperts"
			></el-button>
			</el-input>
			<el-select
			v-model="filterExpertType"
			placeholder="专家类型"
			style="width: 150px; margin-right: 10px;"
			@change="handleSearchExperts"
			>
			<el-option label="全部" value=""></el-option>
			<el-option label="普通专家" value="0"></el-option>
			<el-option label="主任委员" value="1"></el-option>
			</el-select>
			<el-button type="primary" @click="handleSearchExperts">搜索</el-button>
			<el-button @click="handleResetSearch">重置</el-button>
			</div>

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

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

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

			<!-- 发送专家对话框 -->
			<el-dialog
			title="发送专家审查"
			: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"
			@@ -355,579 +616,933 @@
			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 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>
			<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 { getToken } from "@/utils/auth";
			import {
			getEthicsReviewDetail,
			updateEthicsReview,
			sendExpertReview,
			endEthicsReview,
			uploadAttachment,
			deleteAttachment,
			getAttachments
			} from "./api/ethicsReview";
			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: "EthicsReviewDetail",
			components: { CaseBasicInfo, UploadAttachment, FilePreviewDialog },
			dicts: ["sys_user_sex", "sys_ethical", "Review_status"],
			props: {
			infoid: {
			type: String,
			default: true
			}
			},
			data() {
			return {
			// 页面模式
			isEdit: false,
			// 基本信息
			id: undefined,
			caseId: null,
			caseNo: "",

			// 表单数据
			form: {
			// 基础信息
			id: undefined,
			hospitalNo: "",
			donorName: "",
			gender: "",
			age: "",
			diagnosis: "",
			ethicsConclusion: "reviewing",
			ethicsOpinion: "",
			reviewTime: "",
			registrant: "",
			registrationTime: new Date()
			.toISOString()
			.replace("T", " ")
			.substring(0, 19)
			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"
			},

			// 表单验证规则
			rules: {
			donorName: [
			{ required: true, message: "捐献者姓名不能为空", trigger: "blur" }
			],
			ethicsConclusion: [
			{ required: true, message: "伦理结论不能为空", trigger: "change" }
			],
			reviewTime: [
			{ required: true, message: "审查时间不能为空", trigger: "change" }
			]
			},
			// 保存加载状态
			saveLoading: false,

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

			// 保存加载状态
			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: [],
			content: ""
			startTime: "",
			endTime: "",
			sendType: "0",
			title: "伦理审查任务通知",
			content: "",
			url: ""
			},
			// 上传相关
			uploadDialogVisible: false,
			uploadLoading: false,
			tempFileList: [],
			// 可用专家列表
			availableExperts: [
			{ id: 1, name: "张教授", type: "normal" },
			{ id: 2, name: "李教授", type: "normal" },
			{ id: 3, name: "王教授", type: "normal" },
			{ id: 4, 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);
			},
			// 是否可以发送专家审查
			canSendToExperts() {
			return this.form.id && this.form.ethicsConclusion === "reviewing";

			// 已存在的专家姓名列表
			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() {
			const id = this.$route.query.id;
			if (id) {
			this.getDetail(id);
			this.getAttachments(id);
			// 不再需要从接口获取专家列表，使用固定的expertReviews数据
			} else if (this.$route.path.includes("/add")) {
			this.generateHospitalNo();
			this.form.registrant = this.currentUser.username \|\| "当前用户";
			}

			this.caseId = this.infoid;
			this.getDetail(this.infoid, this.id);
			},
			methods: {
			// 生成住院号
			generateHospitalNo() {
			const timestamp = Date.now().toString();
			this.form.hospitalNo = "D" + timestamp.slice(-6);
			// 初始化新增数据
			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";
			},
			getExpertRowClassName({ row }) {
			return row.isChief ? "chief-expert-row" : "normal-expert-row";
			},

			// 获取详情
			getDetail(id) {
			getEthicsReviewDetail(id)
			.then(response => {
			if (response.code === 200) {
			this.form = response.data;
			}
			})
			.catch(error => {
			console.error("获取伦理审查详情失败:", error);
			this.$message.error("获取详情失败");
			});
			},

			// 获取专家审查列表
			getExpertReviews(ethicsReviewId) {
			async getDetail(infoid, id) {
			try {
			this.expertLoading = true;
			// 模拟数据 - 实际项目中从接口获取
			setTimeout(() => {
			this.expertReviews = [
			// 专家（18位）
			{
			id: 1,
			expertName: "张教授",
			isChief: false,
			reviewStatus: "submitted",
			expertConclusion: "approved",
			expertOpinion: "符合伦理要求",
			reviewTime: "2025-12-01 10:30:00"
			},
			{
			id: 2,
			expertName: "李教授",
			isChief: false,
			reviewStatus: "submitted",
			expertConclusion: "approved",
			expertOpinion: "方案设计合理",
			reviewTime: "2025-12-01 11:20:00"
			},
			{
			id: 3,
			expertName: "王教授",
			isChief: false,
			reviewStatus: "applying",
			expertConclusion: "",
			expertOpinion: "",
			reviewTime: ""
			},
			// 主委专家（1位）
			{
			id: 19,
			expertName: "赵主委",
			isChief: true,
			reviewStatus: "applying",
			expertConclusion: "",
			expertOpinion: "",
			reviewTime: ""
			let response = {};
			if (id) {
			response = await ethicalreviewInfo(id);
			} else if (infoid) {
			response = await reviewinitiateBaseInfoList({ infoid: infoid });
			}
			];
			this.expertLoading = false;
			}, 500);
			},

			// 获取附件列表
			getAttachments(ethicsReviewId) {
			this.attachmentLoading = true;
			getAttachments(ethicsReviewId)
			.then(response => {
			if (response.code === 200) {
			this.attachments = response.data;
			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", []);
			}
			this.attachmentLoading = false;
			})
			.catch(error => {
			console.error("获取附件列表失败:", error);
			this.attachmentLoading = false;
			});
			} 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;
			}
			},

			// 状态过滤器
			statusFilter(status) {
			// 解析 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 = {
			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);
			},

			// 保存信息
			handleSave() {
			this.$refs.form.validate(valid => {
			async handleSave() {
			this.$refs.form.validate(async valid => {
			if (valid) {
			this.saveLoading = true;
			const apiMethod = this.form.id ? updateEthicsReview : addEthicsReview;
			// 保存清空id便于后端整体删除新增
			this.form.ethicalreviewopinionsList.forEach(item=>{
			item.id=null
			})
			try {
			const submitData = {
			...this.form,
			// 确保必要字段
			infoid: this.infoid,
			caseNo: this.caseNo,
			// 构建 filePatch 字段
			filePatch: this.buildFilePatch()
			};

			apiMethod(this.form)
			.then(response => {
			let response = null;

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

			if (response.code === 200) {
			this.$message.success("保存成功");
			if (!this.form.id) {
			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 => {
			} catch (error) {
			console.error("保存失败:", error);
			this.$message.error("保存失败");
			})
			.finally(() => {
			this.$message.error("保存失败，请重试");
			} finally {
			this.saveLoading = false;
			});
			}
			}
			});
			},

			// 发送专家审查
			handleSendToExperts() {
			this.sendDialogVisible = true;
			},

			// 发送给专家
			handleSendToNormalExperts() {
			const normalExperts = this.expertReviews.filter(
			expert => !expert.isChief && expert.reviewStatus === "applying"
			);
			this.sendForm.expertIds = normalExperts.map(expert => expert.id);
			this.sendForm.expertType = "normal";
			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.sendDialogVisible = true;
			},

			// 发送给单个专家
			handleSendToExpert(expert) {
			this.sendForm.expertIds = [expert.id];
			this.sendForm.expertType = expert.isChief ? "chief" : "normal";
			this.sendDialogVisible = true;
			},

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

			sendExpertReview({
			ethicsReviewId: this.form.id,
			expertIds: this.sendForm.expertIds,
			content: this.sendForm.content
			// 审查完成
			async handleCompleteReview() {
			this.$confirm("确定要将本次伦理审查状态设为完成吗？", "提示", {
			confirmButtonText: "确定",
			cancelButtonText: "取消",
			type: "warning"
			})
			.then(response => {
			if (response.code === 200) {
			this.$message.success("发送成功");
			this.sendDialogVisible = false;
			this.getExpertReviews(this.form.id);
			this.sendForm = {
			expertType: "normal",
			expertIds: [],
			content: ""
			.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(error => {
			console.error("发送失败:", error);
			this.$message.error("发送失败");
			.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(() => {});
			},

			// 结束审查
			handleEndReview() {
			async handleEndReview() {
			this.$confirm(
			"确定要结束本次伦理审查吗？结束后将无法修改专家审查结果。",
			"提示",
			@@ -937,238 +1552,410 @@
			type: "warning"
			}
			)
			.then(() => {
			endEthicsReview(this.form.id)
			.then(response => {
			.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.ethicsConclusion = "terminated";
			this.form.status = "2";
			this.form.endTime = updateData.endTime;
			} else {
			this.$message.error("操作失败：" + (response.msg \|\| "未知错误"));
			}
			})
			.catch(error => {
			} catch (error) {
			console.error("结束审查失败:", error);
			this.$message.error("结束审查失败");
			});
			})
			.catch(() => {});
			},

			// 编辑专家审查
			handleEditExpertReview(expert) {
			this.$prompt("请输入审查意见", "编辑专家审查", {
			confirmButtonText: "确定",
			cancelButtonText: "取消",
			inputValue: expert.expertOpinion \|\| "",
			inputValidator: value => {
			if (!value \|\| value.trim() === "") {
			return "审查意见不能为空";
			}
			return true;
			}
			})
			.then(({ value }) => {
			// 模拟更新专家审查
			const index = this.expertReviews.findIndex(e => e.id === expert.id);
			if (index !== -1) {
			this.expertReviews[index].expertOpinion = value;
			this.$message.success("审查意见已更新");
			} finally {
			this.endLoading = false;
			}
			})
			.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"
			// 打开添加专家对话框
			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 \|\| "未知错误")
			);
			},

			// 上传附件
			handleUploadAttachment() {
			this.uploadDialogVisible = true;
			},

			// 上传前校验
			beforeUpload(file) {
			const allowedTypes = [
			"application/pdf",
			"image/jpeg",
			"image/png",
			"application/msword",
			"application/vnd.openxmlformats-officedocument.wordprocessingml.document",
			"application/vnd.ms-excel",
			"application/vnd.openxmlformats-officedocument.spreadsheetml.sheet"
			];

			const maxSize = 10 * 1024 * 1024;

			const isTypeOk =
			allowedTypes.includes(file.type) \|\|
			file.name.endsWith(".pdf") \|\|
			file.name.endsWith(".jpg") \|\|
			file.name.endsWith(".jpeg") \|\|
			file.name.endsWith(".png") \|\|
			file.name.endsWith(".doc") \|\|
			file.name.endsWith(".docx") \|\|
			file.name.endsWith(".xls") \|\|
			file.name.endsWith(".xlsx");

			if (!isTypeOk) {
			this.$message.error("文件格式不支持");
			return false;
			}

			if (file.size > maxSize) {
			this.$message.error("文件大小不能超过10MB");
			return false;
			} catch (error) {
			console.error("加载专家列表失败:", error);
			this.$message.error("加载专家列表失败");
			} finally {
			this.expertListLoading = false;
			}

			return true;
			},

			// 文件选择变化
			handleFileChange(file, fileList) {
			this.tempFileList = fileList;
			// 搜索专家
			handleSearchExperts() {
			this.expertPage.pageNum = 1;
			this.loadExperts();
			},

			// 提交上传
			submitUpload() {
			if (this.tempFileList.length === 0) {
			this.$message.warning("请先选择要上传的文件");
			// 重置搜索
			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;
			}

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

			const uploadPromises = this.tempFileList.map(file => {
			const formData = new FormData();
			formData.append("file", file.raw);
			formData.append("ethicsReviewId", this.form.id);
			// 添加专家到列表
			this.selectedExperts.forEach(expert => {
			// 判断是否为主任委员
			const isChief = this.getIsChiefExpert(expert);

			return uploadAttachment(formData);
			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);
			});

			Promise.all(uploadPromises)
			.then(responses => {
			this.$message.success("文件上传成功");
			this.uploadDialogVisible = false;
			this.tempFileList = [];
			this.getAttachments(this.form.id);
			})
			.catch(error => {
			console.error("上传失败:", error);
			this.$message.error("文件上传失败");
			})
			.finally(() => {
			this.uploadLoading = false;
			});
			this.$message.success(`成功添加 ${this.selectedExperts.length} 位专家`);
			this.expertDialogVisible = false;
			this.selectedExperts = [];
			},

			// 预览附件
			handlePreviewAttachment(attachment) {
			if (attachment.fileName.endsWith(".pdf")) {
			window.open(attachment.fileUrl, "_blank");
			} else if (attachment.fileName.match(/\.(jpg\|jpeg\|png)$/i)) {
			this.$alert(
			`<img src="${attachment.fileUrl}" style="max-width: 100%;" alt="${attachment.fileName}">`,
			"图片预览",
			{
			dangerouslyUseHTMLString: true,
			customClass: "image-preview-dialog"
			// 添加专家对话框关闭
			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.info("该文件类型暂不支持在线预览，请下载后查看");
			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;
			}
			},

			// 下载附件
			handleDownloadAttachment(attachment) {
			const link = document.createElement("a");
			link.href = attachment.fileUrl;
			link.download = attachment.fileName;
			link.click();
			this.$message.success(`开始下载: ${attachment.fileName}`);
			},

			// 删除附件
			handleRemoveAttachment(attachment) {
			this.$confirm("确定要删除这个附件吗？", "提示", {
			// 删除专家审查
			handleDeleteExpertReview(expert, index) {
			this.$confirm("确定要删除该专家的审查记录吗？", "提示", {
			confirmButtonText: "确定",
			cancelButtonText: "取消",
			type: "warning"
			})
			.then(() => {
			deleteAttachment(attachment.id)
			.then(response => {
			if (response.code === 200) {
			this.$message.success("附件删除成功");
			this.getAttachments(this.form.id);
			}
			})
			.catch(error => {
			console.error("删除附件失败:", error);
			this.$message.error("删除附件失败");
			});
			// 从数组中删除专家
			this.form.ethicalreviewopinionsList.splice(index, 1);
			this.$message.success("专家审查记录已删除");
			})
			.catch(() => {});
			},

			// 获取文件类型
			getFileType(fileName) {
			const ext = fileName
			.split(".")
			.pop()
			.toLowerCase();
			const typeMap = {
			pdf: "PDF",
			doc: "DOC",
			docx: "DOCX",
			xls: "XLS",
			xlsx: "XLSX",
			jpg: "JPG",
			jpeg: "JPEG",
			png: "PNG"
			};
			return typeMap[ext] \|\| ext.toUpperCase();
			},
			// 查看专家历史审批情况
			async handleViewExpertHistory(expert) {
			if (!expert.expertNo) {
			this.$message.warning("该专家没有编号，无法查询历史审批情况");
			return;
			}

			// 文件大小格式化
			formatFileSize(size) {
			if (size === 0) return "0 B";
			const k = 1024;
			const sizes = ["B", "KB", "MB", "GB"];
			const i = Math.floor(Math.log(size) / Math.log(k));
			return parseFloat((size / Math.pow(k, i)).toFixed(2)) + " " + sizes[i];
			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
			@@ -1185,6 +1972,7 @@
			}
			};
			</script>

			<style scoped>
			.ethics-review-detail {
			padding: 20px;
			@@ -1240,22 +2028,6 @@
			font-weight: bold;
			}

			.upload-header {
			display: flex;
			justify-content: space-between;
			align-items: center;
			margin-bottom: 15px;
			padding: 10px;
			background-color: #f8f9fa;
			border-radius: 4px;
			}

			.upload-title {
			font-size: 14px;
			font-weight: 600;
			color: #303133;
			}

			.file-info {
			display: flex;
			align-items: center;
			@@ -1267,133 +2039,6 @@
			color: #909399;
			}

			/* 表单样式优化 */
			:deep(.el-form-item__label) {
			font-weight: 500;
			}

			:deep(.el-input__inner) {
			border-radius: 4px;
			}

			:deep(.el-textarea__inner) {
			border-radius: 4px;
			resize: vertical;
			}

			/* 表格样式优化 */
			:deep(.el-table) {
			border-radius: 8px;
			overflow: hidden;
			}

			:deep(.el-table th) {
			background-color: #f5f7fa;
			color: #606266;
			font-weight: 500;
			}

			:deep(.el-table .cell) {
			padding: 8px 12px;
			}

			/* 按钮样式优化 */
			:deep(.el-button--primary) {
			background: linear-gradient(135deg, #409eff 0%, #3375e0 100%);
			border: none;
			border-radius: 4px;
			}

			:deep(.el-button--success) {
			background: linear-gradient(135deg, #67c23a 0%, #529b2f 100%);
			border: none;
			border-radius: 4px;
			}

			:deep(.el-button--warning) {
			background: linear-gradient(135deg, #e6a23c 0%, #d18c2a 100%);
			border: none;
			border-radius: 4px;
			}

			:deep(.el-button--danger) {
			background: linear-gradient(135deg, #f56c6c 0%, #e05b5b 100%);
			border: none;
			border-radius: 4px;
			}

			/* 标签样式 */
			:deep(.el-tag) {
			border-radius: 12px;
			border: none;
			font-weight: 500;
			}

			/* 对话框样式优化 */
			:deep(.el-dialog) {
			border-radius: 8px;
			box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
			}

			:deep(.el-dialog__header) {
			background: linear-gradient(135deg, #f5f7fa 0%, #e4e7ed 100%);
			border-bottom: 1px solid #e4e7ed;
			padding: 15px 20px;
			}

			:deep(.el-dialog__title) {
			font-weight: 600;
			color: #303133;
			}

			/* 上传组件样式 */
			:deep(.el-upload-dragger) {
			border: 2px dashed #dcdfe6;
			border-radius: 6px;
			background-color: #fafafa;
			transition: all 0.3s ease;
			}

			:deep(.el-upload-dragger:hover) {
			border-color: #409eff;
			background-color: #f0f7ff;
			}

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

			.expert-stats .el-col {
			margin-bottom: 10px;
			}

			.upload-header {
			flex-direction: column;
			align-items: flex-start;
			gap: 10px;
			}
			}

			/* 动画效果 */
			.fade-enter-active,
			.fade-leave-active {
			transition: opacity 0.3s ease;
			}

			.fade-enter,
			.fade-leave-to {
			opacity: 0;
			}

			/* 加载状态 */
			.loading-container {
			display: flex;
			justify-content: center;
			align-items: center;
			height: 200px;
			}
			/* 专家类型样式 */
			.normal-expert {
			color: #409eff;
			@@ -1439,49 +2084,108 @@
			color: #67c23a !important;
			}

			/* 表格行悬停效果 */
			:deep(.el-table__row:hover) {
			transform: translateY(-1px);
			box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
			transition: all 0.3s ease;
			}
			/* 自定义滚动条 */
			:deep(::-webkit-scrollbar) {
			width: 6px;
			height: 6px;
			/* 专家姓名链接样式 */
			.expert-name-link {
			color: #409eff;
			cursor: pointer;
			text-decoration: none;
			transition: color 0.3s;
			}

			:deep(::-webkit-scrollbar-track) {
			background: #f1f1f1;
			border-radius: 3px;
			.expert-name-link:hover {
			color: #66b1ff;
			text-decoration: underline;
			}

			:deep(::-webkit-scrollbar-thumb) {
			background: #c1c1c1;
			border-radius: 3px;
			/* 历史统计样式 */
			.history-stat-item {
			padding: 10px;
			border-radius: 4px;
			background-color: #f5f7fa;
			text-align: center;
			}

			:deep(::-webkit-scrollbar-thumb:hover) {
			background: #a8a8a8;
			.history-stat-label {
			font-size: 12px;
			color: #909399;
			margin-bottom: 5px;
			}

			/* 专家审查表格特殊样式 */
			.expert-table-special :deep(.el-table__row) {
			transition: all 0.3s ease;
			.history-stat-value {
			font-size: 18px;
			font-weight: bold;
			color: #303133;
			}

			.expert-table-special :deep(.el-table__row:hover) {
			background-color: #f0f7ff;
			transform: translateY(-1px);
			box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
			.form-section {
			margin-bottom: 16px;
			}

			/* 主委专家行高亮 */
			:deep(.chief-expert-row) {
			background-color: #fff7e6 !important;
			.section-header {
			display: flex;
			align-items: center;
			font-weight: bold;
			color: #303133;
			}

			:deep(.chief-expert-row:hover) {
			background-color: #ffecc2 !important;
			.dialog-footer {
			text-align: right;
			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>