维护

WXL

2 天以前 c8e9849cb5f24848df0174c13bfbbff37bb08a5a

 src/views/business/GetWitness/GetWitnessInfo.vue

@@ -1,170 +1,203 @@
<template>
  <div class="organ-procurement-detail">
    <case-basic-info :case-id="caseId" :show-attachment="true" />

    <!-- 基本信息 -->
    <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="handleProcure"
            :disabled="form.procurementStatus === 'procured'"
          >
            确认获取
          </el-button>
        </div>
      </div>

      <el-form :model="form" ref="form" :rules="rules" label-width="120px">
        <!-- 手术相关信息 -->
        <el-divider content-position="left">手术信息</el-divider>

        <el-row :gutter="20">
          <el-col :span="8">
            <el-form-item label="住院号" prop="hospitalNo">
              <el-input v-model="form.hospitalNo" readonly />
            <el-form-item label="手术医生" prop="operationdoctor">
              <el-input v-model="form.operationdoctor" />
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="住院号" prop="caseNo">
              <el-input v-model="form.caseNo" readonly />
            <el-form-item label="手术开始时间" prop="operationbegtime">
              <el-date-picker
                v-model="form.operationbegtime"
                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="donorName">
              <el-input v-model="form.donorName" />
            <el-form-item label="手术结束时间" prop="operationendtime">
              <el-date-picker
                v-model="form.operationendtime"
                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="8">
            <el-form-item label="性别" prop="gender">
              <el-select v-model="form.gender" style="width: 100%">
                <el-option label="男" value="0" />
                <el-option label="女" value="1" />
            <el-form-item
              label="腹主动脉插管时间"
              prop="abdominalaortacannulatime"
            >
              <el-date-picker
                v-model="form.abdominalaortacannulatime"
                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="abdominalaortaperfusiontime"
            >
              <el-date-picker
                v-model="form.abdominalaortaperfusiontime"
                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="8">
            <el-form-item label="门静脉插管时间" prop="portalveincannulatime">
              <el-date-picker
                v-model="form.portalveincannulatime"
                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="portalveinperfusiontime">
              <el-date-picker
                v-model="form.portalveinperfusiontime"
                type="datetime"
                value-format="yyyy-MM-dd HH:mm:ss"
                style="width: 100%"
              />
            </el-form-item>
          </el-col>
        </el-row>

        <!-- 协调员信息 -->
        <el-divider content-position="left">协调员信息</el-divider>

        <el-row :gutter="20">
          <!-- <el-col :span="8">
            <el-form-item label="协调员姓名" prop="coordinatorName">
              <el-input v-model="form.coordinatorName" />
            </el-form-item>
          </el-col> -->
          <el-col :span="8">
            <el-form-item label="进手术室时间" prop="coordinatorInOperating">
              <el-date-picker
                v-model="form.coordinatorInOperating"
                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="coordinatorOutOperating">
              <el-date-picker
                v-model="form.coordinatorOutOperating"
                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="8">
            <el-form-item label="协调员签字" prop="coordinatorSign">
              <el-input v-model="form.coordinatorSign" />
            </el-form-item>
          </el-col> -->
          <!-- <el-col :span="8">
            <el-form-item label="获取时间" prop="coordinatorSignTime">
              <el-date-picker
                v-model="form.coordinatorSignTime"
                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="isspendremember">
              <el-select v-model="form.isspendremember" style="width: 100%">
                <el-option label="是" :value="1" />
                <el-option label="否" :value="0" />
              </el-select>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="年龄" prop="age">
              <el-input v-model="form.age" />
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="出生日期" prop="birthDate">
              <el-date-picker
                v-model="form.birthDate"
                type="date"
                value-format="yyyy-MM-dd"
                style="width: 100%"
              />
            <el-form-item label="恢复遗体仪容" prop="isrestoreremains">
              <el-select v-model="form.isrestoreremains" style="width: 100%">
                <el-option label="是" :value="1" />
                <el-option label="否" :value="0" />
              </el-select>
            </el-form-item>
          </el-col>
        </el-row>

        <!-- 负责人信息 -->
        <el-divider content-position="left">负责人信息</el-divider>

        <el-row :gutter="20">
          <el-col :span="12">
            <el-form-item label="疾病诊断" prop="diagnosis">
          <el-col :span="8">
            <el-form-item label="负责人姓名" prop="responsibleusername">
              <el-input v-model="form.responsibleusername" />
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="协调员一" prop="coordinatedusernameo">
              <el-input v-model="form.coordinatedusernameo" />
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="协调员二" prop="coordinatedusernamet">
              <el-input v-model="form.coordinatedusernamet" />
            </el-form-item>
          </el-col>
        </el-row>

        <!-- 获取机构信息 -->
        <el-divider content-position="left">获取机构信息</el-divider>

        <el-row :gutter="20">
          <el-col :span="8">
            <el-form-item label="获取机构名称" prop="gainhospitalname">
              <el-input
                type="textarea"
                :rows="2"
                v-model="form.diagnosis"
                placeholder="请输入疾病诊断信息"
                v-model="form.gainhospitalname"
                placeholder="请输入获取机构名称"
              />
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="获取时间" prop="procurementTime">
              <el-date-picker
                v-model="form.procurementTime"
                type="datetime"
                value-format="yyyy-MM-dd HH:mm:ss"
                style="width: 100%"
                :disabled="form.procurementStatus !== 'procured'"
          <!-- <el-col :span="8">
            <el-form-item label="捐献编号" prop="gainhospitalno">
              <el-input
                v-model="form.gainhospitalno"
                placeholder="请输入捐献编号"
              />
            </el-form-item>
          </el-col>
        </el-row>

        <el-row :gutter="20">
          <el-col :span="8">
            <el-form-item label="手术名称" prop="surgeryName">
              <el-input v-model="form.surgeryName" />
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="手术开始时间" prop="surgeryStartTime">
              <el-date-picker
                v-model="form.surgeryStartTime"
                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="donorDeathTime">
              <el-date-picker
                v-model="form.donorDeathTime"
                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="8">
            <el-form-item label="腹主动脉插管时间" prop="abdominalAortaCannulationTime">
              <el-date-picker
                v-model="form.abdominalAortaCannulationTime"
                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="inferiorVenaCavaCannulationTime">
              <el-date-picker
                v-model="form.inferiorVenaCavaCannulationTime"
                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="superiorMesentericVeinCannulationTime">
              <el-date-picker
                v-model="form.superiorMesentericVeinCannulationTime"
                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="12">
            <el-form-item label="登记人" prop="registrant">
              <el-input v-model="form.registrant" />
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <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%"
                readonly
              />
            </el-form-item>
          </el-col>
          </el-col> -->
        </el-row>
      </el-form>
    </el-card>
@@ -174,9 +207,10 @@
      <div slot="header" class="clearfix">
        <span class="detail-title">器官获取记录</span>
        <div style="float: right;">
          <el-tag :type="form.procurementStatus === 'procured' ? 'success' : 'warning'">
            {{ form.procurementStatus === 'procured' ? '已获取' : '待获取' }}
          </el-tag>
          <dict-tag
            :options="dict.type.Obtain_status"
            :value="form.witnessState"
          />
        </div>
      </div>

@@ -188,13 +222,15 @@
      >
        <el-row>
          <el-col>
            <el-form-item label-width="100px" label="获取器官">
              <el-checkbox-group v-model="selectedOrgans" @change="handleOrganSelectionChange">
            <el-form-item label-width="100px" label="捐献器官">
              <el-checkbox-group
                v-model="selectedOrgans"
                @change="handleOrganSelectionChange"
              >
                <el-checkbox
                  v-for="dict in dict.type.sys_Organ || []"
                  :key="dict.value"
                  :label="dict.value"
                  :disabled="form.procurementStatus === 'procured'"
                >
                  {{ dict.label }}
                </el-checkbox>
@@ -207,7 +243,7 @@
          <el-col>
            <el-form-item>
              <el-table
                :data="procurementData.records"
                :data="displayOrgans"
                v-loading="loading"
                border
                style="width: 100%"
@@ -217,11 +253,11 @@
                  label="器官名称"
                  align="center"
                  width="120"
                  prop="organName"
                  prop="organname"
                >
                  <template slot-scope="scope">
                    <el-input
                      v-model="scope.row.organName"
                      v-model="scope.row.organname"
                      placeholder="器官名称"
                      :disabled="true"
                    />
@@ -231,7 +267,7 @@
                <el-table-column
                  label="获取开始时间"
                  align="center"
                  width="180"
                  width="260"
                  prop="organStartTime"
                >
                  <template slot-scope="scope">
@@ -243,7 +279,6 @@
                      type="datetime"
                      value-format="yyyy-MM-dd HH:mm:ss"
                      placeholder="选择获取开始时间"
                      :disabled="form.procurementStatus === 'procured'"
                    />
                  </template>
                </el-table-column>
@@ -251,19 +286,18 @@
                <el-table-column
                  label="器官离体时间"
                  align="center"
                  width="180"
                  prop="organGetTime"
                  width="260"
                  prop="organgettime"
                >
                  <template slot-scope="scope">
                    <el-date-picker
                      clearable
                      size="small"
                      style="width: 100%"
                      v-model="scope.row.organGetTime"
                      v-model="scope.row.organgettime"
                      type="datetime"
                      value-format="yyyy-MM-dd HH:mm:ss"
                      placeholder="选择器官离体时间"
                      :disabled="form.procurementStatus === 'procured'"
                    />
                  </template>
                </el-table-column>
@@ -271,138 +305,83 @@
                <el-table-column
                  label="获取医院"
                  align="center"
                  width="200"
                  prop="gainHospitalNo"
                  width="300"
                  prop="gainhospitalname"
                >
                  <template slot-scope="scope">
                  <!-- <template slot-scope="scope">
                    <el-select
                      v-model="scope.row.gainHospitalNo"
                      v-model="scope.row.gainhospitalname"
                      placeholder="请选择获取医院"
                      style="width: 100%"
                      :disabled="form.procurementStatus === 'procured'"
                      @change="handleHospitalChange(scope.row, $event)"
                    >
                      <el-option
                        v-for="hospital in hospitalList"
                        :key="hospital.hospitalNo"
                        :label="hospital.hospitalName"
                        :value="hospital.hospitalNo"
                      />
                        v-for="dict in dict.type.Geta_hospital"
                        :key="dict.value"
                        :label="dict.label"
                        :value="dict.value"
                      ></el-option>

                    </el-select>
                  </template> -->
                  <template slot-scope="scope">
                    <el-autocomplete
                      v-model="scope.row.gainhospitalname"
                      :fetch-suggestions="queryHospitalSearch"
                      placeholder="请选择或输入获取医院"
                      style="width: 100%"
                      clearable
                    ></el-autocomplete>
                  </template>
                </el-table-column>

                <el-table-column
                  label="获取医师"
                  align="center"
                  width="120"
                  prop="organGetDoctor"
                  width="150"
                  prop="organgetdoct"
                >
                  <template slot-scope="scope">
                    <el-input
                      v-model="scope.row.organGetDoctor"
                      v-model="scope.row.organgetdoct"
                      placeholder="获取医师"
                      :disabled="form.procurementStatus === 'procured'"
                    />
                  </template>
                </el-table-column>

                <el-table-column
                  label="助手"
                  align="center"
                  width="120"
                  prop="assistant"
                >
                  <template slot-scope="scope">
                    <el-input
                      v-model="scope.row.assistant"
                      placeholder="助手"
                      :disabled="form.procurementStatus === 'procured'"
                    />
                  </template>
                </el-table-column>

                <el-table-column
                  label="获取护士"
                  align="center"
                  width="120"
                  prop="procurementNurse"
                >
                  <template slot-scope="scope">
                    <el-input
                      v-model="scope.row.procurementNurse"
                      placeholder="获取护士"
                      :disabled="form.procurementStatus === 'procured'"
                    />
                  </template>
                </el-table-column>

                <el-table-column
                  label="手术室护士"
                  align="center"
                  width="120"
                  prop="operatingRoomNurse"
                >
                  <template slot-scope="scope">
                    <el-input
                      v-model="scope.row.operatingRoomNurse"
                      placeholder="手术室护士"
                      :disabled="form.procurementStatus === 'procured'"
                    />
                  </template>
                </el-table-column>

                <el-table-column
                  label="麻醉医生"
                  align="center"
                  width="120"
                  prop="anesthesiologist"
                >
                  <template slot-scope="scope">
                    <el-input
                      v-model="scope.row.anesthesiologist"
                      placeholder="麻醉医生"
                      :disabled="form.procurementStatus === 'procured'"
                    />
                  </template>
                </el-table-column>

                <el-table-column
                <!-- <el-table-column
                  label="获取状态"
                  align="center"
                  width="120"
                  prop="organState"
                  prop="organstate"
                >
                  <template slot-scope="scope">
                    <el-select
                      v-model="scope.row.organState"
                      v-model="scope.row.organstate"
                      placeholder="请选择获取状态"
                      style="width: 100%"
                      :disabled="form.procurementStatus === 'procured'"
                    >
                      <el-option
                        v-for="dict in organStateList"
                        v-for="dict in dict.type.Obtain_status"
                        :key="dict.value"
                        :label="dict.label"
                        :value="dict.value"
                      />
                    </el-select>
                  </template>
                </el-table-column>
                </el-table-column> -->

                <el-table-column
                  label="说明"
                  align="center"
                  prop="notGetReason"
                  prop="notgetreason"
                  min-width="200"
                >
                  <template slot-scope="scope">
                    <el-input
                      type="textarea"
                      clearable
                      v-model="scope.row.notGetReason"
                      v-model="scope.row.notgetreason"
                      placeholder="请输入未获取说明"
                      :disabled="form.procurementStatus === 'procured'"
                    />
                  </template>
                </el-table-column>
@@ -412,7 +391,6 @@
                  align="center"
                  width="120"
                  class-name="small-padding fixed-width"
                  v-if="form.procurementStatus !== 'procured'"
                >
                  <template slot-scope="scope">
                    <el-button
@@ -430,137 +408,141 @@
          </el-col>
        </el-row>

        <!-- 获取统计信息 -->
        <div class="procurement-stats" v-if="procurementData.records.length > 0">
          <el-row :gutter="20">
            <el-col :span="6">
              <div class="stat-item">
                <span class="stat-label">已获取器官:</span>
                <span class="stat-value">{{ procurementData.records.length }} 个</span>
              </div>
            </el-col>
            <el-col :span="6">
              <div class="stat-item">
                <span class="stat-label">待完善信息:</span>
                <span class="stat-value">{{ incompleteRecords }} 个</span>
              </div>
            </el-col>
            <el-col :span="6">
              <div class="stat-item">
                <span class="stat-label">涉及医院:</span>
                <span class="stat-value">{{ uniqueHospitals }} 家</span>
              </div>
            </el-col>
            <el-col :span="6">
              <div class="stat-item">
                <span class="stat-label">获取状态:</span>
                <span class="stat-value">
                  <el-tag :type="form.procurementStatus === 'procured' ? 'success' : 'warning'">
                    {{ form.procurementStatus === 'procured' ? '已完成' : '进行中' }}
                  </el-tag>
                </span>
              </div>
            </el-col>
          </el-row>
        </div>

        <div v-else class="empty-procurement">
        <div
          v-if="!procurementData.serviceDonationwitnessorgans"
          class="empty-procurement"
        >
          <el-empty description="暂无获取记录" :image-size="80">
            <span>请先选择要获取的器官</span>
          </el-empty>
        </div>
      </el-form>

      <div class="dialog-footer" v-if="form.procurementStatus !== 'procured'">
        <el-button
          type="primary"
          @click="handleSaveProcurement"
          :loading="saveLoading"
          :disabled="procurementData.records.length === 0"
        >
          保存获取记录
        </el-button>
        <el-button
          type="success"
          @click="handleConfirmProcurement"
          :loading="confirmLoading"
          :disabled="incompleteRecords > 0"
        >
          确认完成获取
        </el-button>
      </div>
    </el-card>

    <!-- 附件管理部分 -->
    <!-- 附件管理部分 - 分类Tab展示 -->
    <el-card class="attachment-card">
      <div slot="header" class="clearfix">
        <span class="detail-title">相关附件</span>
        <el-button
          type="primary"
          size="mini"
          icon="el-icon-upload"
          @click="handleUploadAttachment"
        >
          上传附件
        </el-button>
      </div>

      <div class="attachment-list">
        <el-table :data="attachments" style="width: 100%">
          <el-table-column label="文件名称" min-width="200">
            <template slot-scope="scope">
              <div class="file-info">
                <i :class="getFileIcon(scope.row.fileName)" style="margin-right: 8px; color: #409EFF;"></i>
                <span>{{ scope.row.fileName }}</span>
              </div>
            </template>
          </el-table-column>
      <!-- 上传区域（无分类选择，由Tab控制） -->
      <div class="upload-wrapper">
        <UploadAttachment
          ref="uploadAttachment"
          :file-list="attachmentFileList"
          :limit="attachmentLimit"
          :accept="attachmentAccept"
          :multiple="true"
          @change="handleAttachmentChange"
          @upload-success="handleUploadSuccess"
          @upload-error="handleUploadError"
          @remove="handleAttachmentRemove"
        />
        <div style="font-size:12px; color:#909399; margin-top:4px;">
          当前上传分类：<el-tag size="small" type="info">{{
            activeTab === "未分类" ? "未分类" : activeTab
          }}</el-tag>
          （切换 Tab 可改变上传分类）
        </div>
      </div>

          <el-table-column label="文件类型" width="100" align="center">
            <template slot-scope="scope">
              <el-tag size="small">{{ getFileType(scope.row.fileName) }}</el-tag>
            </template>
          </el-table-column>
      <!-- 附件列表 - 分类Tab展示，支持修改分类 -->
      <div class="attachment-list" v-if="attachments && attachments.length > 0">
        <el-tabs v-model="activeTab" type="border-card">
          <el-tab-pane
            v-for="category in categories"
            :key="category"
            :label="category + '(' + getCategoryCount(category) + ')'"
            :name="category"
          >
            <el-table
              :data="getCategoryFiles(category)"
              style="width: 100%"
              size="small"
              border
            >
              <el-table-column label="文件名" min-width="180">
                <template #default="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="150">
                <template #default="scope">
                  <el-select
                    v-model="scope.row.fileType"
                    size="small"
                    @change="updateAttachmentCategory(scope.row, $event)"
                    placeholder="选择分类"
                  >
                    <el-option label="原表拍照" value="原表拍照" />
                    <el-option label="伦理审查材料" value="伦理审查材料" />
                    <el-option label="死亡判定材料" value="死亡判定材料" />
                    <el-option label="默哀仪式照片" value="默哀仪式照片" />
                    <el-option label="捐献见证视频" value="捐献见证视频" />
                    <el-option label="未分类" value="" />
                  </el-select>
                </template>
              </el-table-column>
              <el-table-column label="文件类型" width="100">
                <template #default="scope">
                  <el-tag size="small">{{
                    getFileTypeText(scope.row.fileName)
                  }}</el-tag>
                </template>
              </el-table-column>
              <el-table-column label="上传时间" width="160">
                <template #default="scope">
                  <span>{{ formatDateTime(scope.row.uploadTime) }}</span>
                </template>
              </el-table-column>
              <el-table-column label="文件大小" width="100">
                <template #default="scope">
                  <span>{{ formatFileSize(scope.row.fileSize) }}</span>
                </template>
              </el-table-column>
              <el-table-column label="操作" width="180" fixed="right">
                <template #default="scope">
                  <el-button
                    size="mini"
                    type="primary"
                    @click="handlePreview(scope.row)"
                    >预览</el-button
                  >
                  <el-button
                    size="mini"
                    type="danger"
                    @click="handleRemoveAttachmentByFile(scope.row)"
                    >删除</el-button
                  >
                </template>
              </el-table-column>
            </el-table>
          </el-tab-pane>
        </el-tabs>
      </div>

          <el-table-column label="文件大小" width="100" align="center">
            <template slot-scope="scope">
              <span>{{ formatFileSize(scope.row.fileSize) }}</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="150" align="center">
            <template slot-scope="scope">
              <el-button
                size="mini"
                type="text"
                icon="el-icon-view"
                @click="handlePreviewAttachment(scope.row)"
              >预览</el-button>
              <el-button
                size="mini"
                type="text"
                icon="el-icon-download"
                @click="handleDownloadAttachment(scope.row)"
              >下载</el-button>
              <el-button
                size="mini"
                type="text"
                icon="el-icon-delete"
                style="color: #F56C6C;"
                @click="handleRemoveAttachment(scope.row)"
              >删除</el-button>
            </template>
          </el-table-column>
        </el-table>
      <!-- 无附件时显示 -->
      <div v-else style="text-align:center; padding:20px; color:#909399;">
        暂无附件，请上传
      </div>
    </el-card>

    <div style="text-align: center; margin: 30px 0;">
      <el-button type="primary" @click="handleSave" :loading="saveLoading">
        保存
      </el-button>
      <el-button
        type="success"
        @click="handleProcure"
        :loading="confirmLoading"
      >
        确认获取
      </el-button>
    </div>
    <!-- 编辑获取记录对话框 -->
    <el-dialog
      title="编辑器官获取记录"
@@ -571,32 +553,38 @@
        <el-row :gutter="20">
          <el-col :span="12">
            <el-form-item label="器官名称">
              <el-input v-model="currentRecord.organName" readonly />
              <el-input v-model="currentRecord.organname" readonly />
            </el-form-item>
          </el-col>
          <el-col :span="12">
          <!-- <el-col :span="12">
            <el-form-item label="获取状态">
              <el-select v-model="currentRecord.organState" style="width: 100%">
              <el-select v-model="currentRecord.organstate" style="width: 100%">
                <el-option
                  v-for="dict in organStateList"
                  v-for="dict in dict.type.Obtain_status"
                  :key="dict.value"
                  :label="dict.label"
                  :value="dict.value"
                />
              </el-select>
            </el-form-item>
          </el-col>
          </el-col> -->
        </el-row>

        <el-row :gutter="20">
          <el-col :span="12">
            <el-form-item label="获取医师">
              <el-input v-model="currentRecord.organGetDoctor" placeholder="请输入获取医师" />
              <el-input
                v-model="currentRecord.organgetdoct"
                placeholder="请输入获取医师"
              />
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="助手">
              <el-input v-model="currentRecord.assistant" placeholder="请输入助手姓名" />
              <el-input
                v-model="currentRecord.assistant"
                placeholder="请输入助手姓名"
              />
            </el-form-item>
          </el-col>
        </el-row>
@@ -604,25 +592,34 @@
        <el-row :gutter="20">
          <el-col :span="12">
            <el-form-item label="获取护士">
              <el-input v-model="currentRecord.procurementNurse" placeholder="请输入获取护士" />
              <el-input
                v-model="currentRecord.procurementNurse"
                placeholder="请输入获取护士"
              />
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="手术室护士">
              <el-input v-model="currentRecord.operatingRoomNurse" placeholder="请输入手术室护士" />
              <el-input
                v-model="currentRecord.operatingRoomNurse"
                placeholder="请输入手术室护士"
              />
            </el-form-item>
          </el-col>
        </el-row>

        <el-form-item label="麻醉医生">
          <el-input v-model="currentRecord.anesthesiologist" placeholder="请输入麻醉医生" />
          <el-input
            v-model="currentRecord.anesthesiologist"
            placeholder="请输入麻醉医生"
          />
        </el-form-item>

        <el-form-item label="未获取说明" v-if="currentRecord.organState === '0'">
        <el-form-item label="未获取说明">
          <el-input
            type="textarea"
            :rows="3"
            v-model="currentRecord.notGetReason"
            v-model="currentRecord.notgetreason"
            placeholder="请输入未获取的原因说明"
          />
        </el-form-item>
@@ -633,67 +630,136 @@
        <el-button type="primary" @click="handleEditConfirm">确认</el-button>
      </div>
    </el-dialog>

    <!-- 文件预览弹窗 -->
    <el-dialog
      :title="filePreviewTitle"
      :visible.sync="filePreviewVisible"
      width="800px"
      @close="filePreviewVisible = false"
    >
      <div v-if="currentPreviewFile">
        <div v-if="currentPreviewFile.fileType === 'image'">
          <img
            :src="currentPreviewFile.fileUrl"
            style="max-width: 100%; max-height: 500px;"
          />
        </div>
        <div v-else-if="currentPreviewFile.fileType === 'pdf'">
          <iframe
            :src="currentPreviewFile.fileUrl"
            width="100%"
            height="500px"
          ></iframe>
        </div>
        <div v-else>
          <p>不支持预览此文件类型，请下载查看</p>
        </div>
      </div>
    </el-dialog>
  </div>
</template>

<script>
import {
  getOrganProcurementDetail,
  updateOrganProcurement,
  saveProcurementRecords,
  getHospitalList,
  getCoordinatorList
} from "./organProcurement";
import { witnessList, witnessadd, witnessedit } from "@/api/businessApi";
import UploadAttachment from "@/components/UploadAttachment";
import CaseBasicInfo from "@/components/CaseBasicInfo";
import dayjs from "dayjs";

export default {
  name: "OrganProcurementDetail",
  dicts: ["sys_user_sex", "sys_Organ", "sys_0_1", "sys_DonationCategory"],
  components: {
    UploadAttachment,
    CaseBasicInfo
  },
  dicts: [
    "sys_BloodType",
    "Geta_hospital",
    "sys_DonationCategory",
    "sys_Organ",
    "Obtain_status"
  ],
  data() {
    return {
      caseId: null,
      // 表单数据
      form: {
        id: undefined,
        hospitalNo: "",
        infoid: undefined,
        name: "",
        inpatientno: "",
        witnessState: "2",
        caseNo: "",
        donorName: "",
        gender: "",
        donorno: "",
        treatmenthospitalname: "",
        treatmenthospitalno: "",
        sex: "",
        age: "",
        birthDate: "",
        diagnosis: "",
        procurementStatus: "pending",
        procurementTime: "",
        registrant: "",
        registrationTime: "",
        surgeryName: "",
        surgeryStartTime: "",
        donorDeathTime: "",
        abdominalAortaCannulationTime: "",
        inferiorVenaCavaCannulationTime: "",
        superiorMesentericVeinCannulationTime: "",
        donationCategory: "1",
        deathJudgeDoctor1: "",
        deathJudgeDoctor2: "",
        deathReason: "",
        operationEndTime: "",
        bloodtype: "",
        idcardno: "",
        diagnosisname: "",
        coordinatorName: "",
        gainhospitalno: "",
        gainhospitalname: "",
        deathtime: "",
        deathreason: "",
        deathjudgedocto: "",
        deathjudgedoctt: "",
        deathjudgeannex: "",
        operationbegtime: "",
        operationendtime: "",
        operationdoctor: "",
        isspendremember: 1,
        isrestoreremains: 1,
        rememberannex: "",
        responsibleuserid: "",
        responsibleusername: "",
        coordinateduserido: "",
        coordinatedusernameo: "",
        coordinateduseridt: "",
        coordinatedusernamet: "",
        abdominalaortacannulatime: "",
        abdominalaortaperfusiontime: "",
        portalveincannulatime: "",
        portalveinperfusiontime: "",
        pulmonaryarterycannulatime: "",
        pulmonaryarteryperfusiontime: "",
        aortacannulatime: "",
        aortaperfusiontime: "",
        organdonation: "",
        organdonationOther: "",
        donationcategory: "",
        coordinatorInOperating: "",
        coordinatorOutOperating: "",
        coordinatorSign: "",
        coordinatorSignTime: "",
        responsibleUserName: "",
        coordinatedUserId1: "",
        coordinatedUserId2: "",
        isSpendRemember: 1,
        isRestoreRemains: 1
        attachments: []
      },
      activeTab: "原表拍照", // 当前激活的附件分类Tab
      presetCategories: [
        "原表拍照",
        "伦理审查材料",
        "死亡判定材料",
        "默哀仪式照片",
        "捐献见证视频"
      ], // 预设分类
      organExpansionMap: {
        C64: { subItems: ["C64L", "C64R"], subNames: ["左肾", "右肾"] },
        C34: { subItems: ["C34L", "C34R"], subNames: ["左肺", "右肺"] }
      },
      // 表单验证规则
      rules: {
        donorName: [
        name: [
          { required: true, message: "捐献者姓名不能为空", trigger: "blur" }
        ],
        diagnosis: [
        diagnosisname: [
          { required: true, message: "疾病诊断不能为空", trigger: "blur" }
        ],
        surgeryName: [
          { required: true, message: "手术名称不能为空", trigger: "blur" }
        donationcategory: [
          { required: true, message: "捐献类别不能为空", trigger: "change" }
        ],
        operationdoctor: [
          { required: true, message: "手术医生不能为空", trigger: "blur" }
        ]
      },
      // 获取记录验证规则
@@ -707,24 +773,25 @@
      selectedOrgans: [],
      // 医院列表
      hospitalList: [],
      // 协调员列表
      coordinatorList: [],
      // 器官状态列表
      organStateList: [
        { value: "1", label: "已获取" },
        { value: "0", label: "未获取" },
        { value: "2", label: "部分获取" }
      ],
      // 获取记录数据
      procurementData: {
        records: []
        serviceDonationwitnessorgans: []
      },
      // 附件数据
      attachments: [],
      attachmentFileList: [],
      // 附件相关配置
      attachmentLimit: 10,
      attachmentAccept:
        ".pdf,.jpg,.jpeg,.png,.doc,.docx,.xls,.xlsx,.ppt,.pptx,.txt",
      // 编辑对话框
      editDialogVisible: false,
      currentRecord: {},
      currentEditIndex: -1
      currentEditIndex: -1,
      // 文件预览相关
      filePreviewVisible: false,
      currentPreviewFile: null,
      filePreviewTitle: ""
    };
  },
  computed: {
@@ -732,164 +799,424 @@
    currentUser() {
      return JSON.parse(sessionStorage.getItem("user") || "{}");
    },
    displayOrgans() {
      return (this.procurementData.serviceDonationwitnessorgans || []).filter(
        item => item.delFlag !== 1
      );
    },
    categories() {
      // 始终返回所有预设分类 + 未分类，无论是否有数据
      return [
        "原表拍照",
        "伦理审查材料",
        "死亡判定材料",
        "默哀仪式照片",
        "捐献见证视频",
        "未分类"
      ];
    },
    organReverseMap() {
      const map = {};
      for (const key in this.organExpansionMap) {
        const { subItems } = this.organExpansionMap[key];
        subItems.forEach(item => {
          map[item] = key;
        });
      }
      return map;
    },
    // 不完整的记录数量
    incompleteRecords() {
      return this.procurementData.records.filter(
      if (!this.procurementData.serviceDonationwitnessorgans) return 0;
      return this.procurementData.serviceDonationwitnessorgans.filter(
        record =>
          !record.organStartTime ||
          !record.organGetTime ||
          !record.gainHospitalNo ||
          !record.organGetDoctor
          !record.organgettime ||
          !record.gainhospitalno ||
          !record.organgetdoct
      ).length;
    },
    // 唯一医院数量
    uniqueHospitals() {
      const hospitals = this.procurementData.records
        .map(record => record.gainHospitalNo)
      if (!this.procurementData.serviceDonationwitnessorgans) return 0;
      const hospitals = this.procurementData.serviceDonationwitnessorgans
        .map(record => record.gainhospitalno)
        .filter(Boolean);
      return new Set(hospitals).size;
    },
    // 获取器官字典
    organDict() {
      return this.dict.type.sys_Organ || [];
    }
  },
  watch: {
    // 监听附件数据变化
    attachments: {
      handler(newAttachments) {
        this.attachmentFileList = newAttachments.map(item => ({
          uid: item.id || Math.random(),
          name: item.fileName,
          fileSize: item.fileSize,
          url: item.path || item.fileUrl,
          uploadTime: item.uploadTime,
          status: "success"
        }));
      },
      deep: true
    }
  },
  created() {
    const id = this.$route.query.id;
    if (id) {
      this.getDetail(id);
    } else {
      this.generateCaseNo();
      this.form.registrant = this.currentUser.username || "当前用户";
      this.form.registrationTime = new Date()
        .toISOString()
        .replace("T", " ")
        .substring(0, 19);
    }
    this.getHospitalData();
    this.getCoordinatorData();
    this.caseId = this.$route.query.infoid;

    this.initData();
  },
  methods: {
    // 生成住院号
    generateCaseNo() {
      const timestamp = Date.now().toString();
      this.form.hospitalNo = "D" + timestamp.slice(-6);
      this.form.caseNo = "C" + timestamp.slice(-6);
    // 根据字典value获取label
    getOrganLabel(organValue) {
      const dictItem = this.organDict.find(item => item.value === organValue);
      return dictItem ? dictItem.label : organValue;
    },

    // 初始化数据
    initData() {
      const { id, infoid } = this.$route.query;

      if (!infoid) {
        this.$message.error("缺少必要的路由参数 infoid");
        this.$router.back();
        return;
      }

      this.form.infoid = infoid;
      // this.generateDonorNo();

      if (infoid) {
        this.getDetail(infoid);
      }

      this.getHospitalData();
    },
    getOrganNameByNo(organno) {
      // 检查是否在映射的子项中
      for (const key in this.organExpansionMap) {
        const { subItems, subNames } = this.organExpansionMap[key];
        const idx = subItems.indexOf(organno);
        if (idx !== -1) {
          return subNames[idx];
        }
      }
      // 否则从字典中获取
      return this.getOrganLabel(organno);
    },
    // 获取详情
    getDetail(id) {
    async getDetail(infoid) {
      this.loading = true;
      getOrganProcurementDetail(id)
        .then(response => {
          if (response.code === 200) {
            this.form = response.data;
            if (response.data.procurementRecords) {
              this.procurementData.records = response.data.procurementRecords;
              this.selectedOrgans = response.data.procurementRecords.map(
                item => item.organNo
              );
            }
      try {
        const response = await witnessList({ infoid });
        if (
          response.code === 200 &&
          response.data &&
          response.data.length > 0
        ) {
          const data = response.data[0];
          if (!data.witnessState || data.witnessState == 1) {
            data.witnessState = "2";
          }
          this.loading = false;
        })
        .catch(error => {
          console.error("获取器官获取详情失败:", error);
          this.loading = false;
          this.$message.error("获取详情失败");
        });

          // 填充表单数据
          Object.assign(this.form, data);

          // 初始化附件
          if (this.form.deathjudgeannex) {
            const parsed = JSON.parse(this.form.deathjudgeannex);
            this.attachments = parsed.map(item => ({
              ...item,
              fileType: item.fileType || "" // 默认空字符串表示未分类
            }));
            this.form.attachments = this.attachments;
            // 同步 attachmentFileList
            this.attachmentFileList = this.attachments.map(item => ({
              uid: item.id || Math.random(),
              name: item.fileName,
              url: item.path || item.fileUrl,
              fileSize: item.fileSize,
              uploadTime: item.uploadTime,
              status: "success",
              raw: item
            }));
          } else {
            this.attachments = [];
            this.attachmentFileList = [];
          }

          // 处理捐献器官字段
          if (data.organdonation) {
            const organArray = Array.isArray(data.organdonation)
              ? data.organdonation
              : (data.organdonation || "").split(",").filter(item => item);
            this.selectedOrgans = organArray;
            this.form.organdonationOther = data.organdonationOther || "";
          }

          // 处理器官获取记录
          if (data.serviceDonationwitnessorgans) {
            this.procurementData.serviceDonationwitnessorgans = Array.isArray(
              data.serviceDonationwitnessorgans
            )
              ? data.serviceDonationwitnessorgans
              : [];
          }

          this.$message.success("数据加载成功");
          this.syncOrgansFromSelection();
        } else {
          this.$message.warning("未找到对应的器官获取数据");
        }
      } catch (error) {
        console.error("获取器官获取详情失败:", error);
        this.$message.error("获取详情失败");
      } finally {
        this.loading = false;
      }
    },
    syncOrgansFromSelection() {
      const records = this.procurementData.serviceDonationwitnessorgans || [];
      const targetNos = [];
      this.selectedOrgans.forEach(val => {
        if (this.organExpansionMap[val]) {
          targetNos.push(...this.organExpansionMap[val].subItems);
        } else {
          targetNos.push(val);
        }
      });

      // 新增或恢复
      targetNos.forEach(no => {
        const existing = records.find(r => r.organno === no);
        if (existing) {
          if (existing.delFlag === 1) {
            existing.delFlag = 0; // 恢复显示
          }
        } else {
          records.push({
            id: null,
            organname: this.getOrganNameByNo(no),
            organno: no,
            organStartTime: "",
            organgettime: "",
            gainhospitalno: "",
            gainhospitalname: "",
            organgetdoct: "",
            assistant: "",
            procurementNurse: "",
            operatingRoomNurse: "",
            anesthesiologist: "",
            organstate: "1",
            notgetreason: "",
            delFlag: 0
          });
        }
      });

      // （可选）如果加载时后端返回了 delFlag=1 的记录，但实际应该显示，强制重置
      records.forEach(r => {
        if (r.delFlag === 1) r.delFlag = 0;
      });

      this.form.organdonation = this.selectedOrgans.join(",");
    },
    // 获取医院数据
    getHospitalData() {
      getHospitalList().then(response => {
        if (response.code === 200) {
          this.hospitalList = response.data;
        }
      });
    async getHospitalData() {
      try {
        // TODO: 替换为实际的医院列表接口
        // 暂时使用模拟数据
        this.hospitalList = [
          { hospitalNo: "H001", hospitalName: "北京协和医院" },
          { hospitalNo: "H002", hospitalName: "上海华山医院" },
          { hospitalNo: "H003", hospitalName: "广州中山医院" },
          { hospitalNo: "H004", hospitalName: "武汉同济医院" },
          { hospitalNo: "H005", hospitalName: "成都华西医院" }
        ];
      } catch (error) {
        console.error("获取医院数据失败:", error);
        this.$message.error("获取医院数据失败");
      }
    },
    // 获取协调员数据
    getCoordinatorData() {
      getCoordinatorList().then(response => {
        if (response.code === 200) {
          this.coordinatorList = response.data;
        }
      });
    // 移植医院模糊搜索
    queryHospitalSearch(queryString, cb) {
      const hospitals = this.dict.type.Geta_hospital || [];
      const results = queryString
        ? hospitals.filter(item =>
            item.label.toLowerCase().includes(queryString.toLowerCase())
          )
        : hospitals;

      // el-autocomplete 需要 value 字段
      cb(results.map(item => ({ value: item.label })));
    },
    // 器官选择状态变化
    handleOrganSelectionChange(selectedValues) {
      const currentOrganNos = this.procurementData.records.map(
        item => item.organNo
      );
    async handleOrganSelectionChange(selectedValues) {
      // 1. 处理互斥逻辑（修改 this.selectedOrgans）
      this.handleExclusiveSelections(selectedValues);

      // 新增选择的器官
      selectedValues.forEach(organValue => {
        if (!currentOrganNos.includes(organValue)) {
          const organInfo = this.dict.type.sys_Organ.find(
            item => item.value === organValue
          );
          if (organInfo) {
            this.procurementData.records.push({
              organName: organInfo.label,
              organNo: organValue,
              id: null,
              procurementId: this.form.id,
              organStartTime: "",
              organGetTime: "",
              gainHospitalNo: "",
              gainHospitalName: "",
              organGetDoctor: "",
              assistant: "",
              procurementNurse: "",
              operatingRoomNurse: "",
              anesthesiologist: "",
              organState: "1",
              notGetReason: ""
            });
          }
      const finalSelected = this.selectedOrgans;
      const records = this.procurementData.serviceDonationwitnessorgans || [];

      // 2. 构建目标器官编号列表（展开组合器官）
      const targetOrganNos = [];
      finalSelected.forEach(val => {
        if (this.organExpansionMap[val]) {
          targetOrganNos.push(...this.organExpansionMap[val].subItems);
        } else {
          targetOrganNos.push(val);
        }
      });

      // 移除取消选择的器官
      this.procurementData.records = this.procurementData.records.filter(
        record => {
          if (selectedValues.includes(record.organNo)) {
            return true;
          } else {
            if (record.id) {
              this.$confirm(
                "删除器官获取数据后将无法恢复，您确认删除该条记录吗？",
                "提示",
                {
                  confirmButtonText: "确定",
                  cancelButtonText: "取消",
                  type: "warning"
                }
              )
                .then(() => {
                  this.procurementData.records = this.procurementData.records.filter(
                    r => r.organNo !== record.organNo
                  );
                  this.$message.success("删除成功");
                })
                .catch(() => {
                  this.selectedOrgans.push(record.organNo);
                });
              return true;
            } else {
              return false;
            }
      // 3. 新增或恢复目标器官记录（无弹窗）
      targetOrganNos.forEach(no => {
        const existing = records.find(r => r.organno === no);
        if (existing) {
          if (existing.delFlag === 1) {
            existing.delFlag = 0; // 恢复显示
          }
        } else {
          records.push({
            id: null,
            organname: this.getOrganNameByNo(no),
            organno: no,
            organStartTime: "",
            organgettime: "",
            gainhospitalno: "",
            gainhospitalname: "",
            organgetdoct: "",
            assistant: "",
            procurementNurse: "",
            operatingRoomNurse: "",
            anesthesiologist: "",
            organstate: "1",
            notgetreason: "",
            delFlag: 0
          });
        }
      );
      });

      // 4. 找出需要取消的记录（不在目标集合中）
      const toRemove = records.filter(r => !targetOrganNos.includes(r.organno));
      const toRemoveSaved = toRemove.filter(r => r.id); // 已保存，需确认
      const toRemoveUnsaved = toRemove.filter(r => !r.id); // 未保存，直接移除

      // 4.1 直接移除未保存的记录
      toRemoveUnsaved.forEach(r => {
        const idx = records.indexOf(r);
        if (idx !== -1) records.splice(idx, 1);
      });

      // 4.2 处理已保存的记录：弹窗确认
      if (toRemoveSaved.length > 0) {
        const organNames = toRemoveSaved.map(r => r.organname).join("、");
        try {
          await this.$confirm(
            `您确定要取消以下已保存的器官获取记录吗？\n${organNames}\n取消后，这些记录将从列表中移除（数据仍保留，可恢复）。`,
            "提示",
            {
              confirmButtonText: "确定移除",
              cancelButtonText: "取消",
              type: "warning"
            }
          );
          // 用户确认：标记 delFlag=1
          toRemoveSaved.forEach(r => {
            r.delFlag = 1;
          });
        } catch (error) {
          // 用户取消：恢复选中状态
          const parentToRestore = new Set();
          toRemoveSaved.forEach(r => {
            const parent = this.organReverseMap[r.organno];
            if (parent) {
              parentToRestore.add(parent);
            } else {
              parentToRestore.add(r.organno);
            }
          });
          parentToRestore.forEach(val => {
            if (!this.selectedOrgans.includes(val)) {
              this.selectedOrgans.push(val);
            }
          });
          this.$message.info("已取消删除操作");
          // 更新表单字段（保持一致性）
          this.form.organdonation = this.selectedOrgans.join(",");
          return; // 退出方法，避免继续执行
        }
      }

      // 5. 更新表单字段
      this.form.organdonation = this.selectedOrgans.join(",");
    },

    // 处理互斥选择
    handleExclusiveSelections(selectedValues) {
      // 双肾与左右肾互斥
      if (selectedValues.includes("C64")) {
        this.selectedOrgans = selectedValues.filter(
          item => item !== "C64L" && item !== "C64R"
        );
      } else if (
        selectedValues.includes("C64L") ||
        selectedValues.includes("C64R")
      ) {
        this.selectedOrgans = selectedValues.filter(item => item !== "C64");
      }

      // 全肺与左右肺互斥
      if (selectedValues.includes("C34")) {
        this.selectedOrgans = selectedValues.filter(
          item => item !== "C34L" && item !== "C34R"
        );
      } else if (
        selectedValues.includes("C34L") ||
        selectedValues.includes("C34R")
      ) {
        this.selectedOrgans = selectedValues.filter(item => item !== "C34");
      }
    },

    // 创建器官记录
    createOrganRecord(organValue) {
      const organName = this.getOrganLabel(organValue);

      this.procurementData.serviceDonationwitnessorgans.push({
        id: null,
        organname: organName,
        organno: organValue,
        organStartTime: "",
        organgettime: "",
        gainhospitalno: "",
        gainhospitalname: "",
        organgetdoct: "",
        assistant: "",
        procurementNurse: "",
        operatingRoomNurse: "",
        anesthesiologist: "",
        organstate: "1",
        notgetreason: ""
      });
    },

    // 医院选择变化
    handleHospitalChange(row, hospitalNo) {
      const hospital = this.hospitalList.find(
        item => item.hospitalNo === hospitalNo
      );
      if (hospital) {
        row.gainHospitalName = hospital.hospitalName;
        row.gainhospitalname = hospital.hospitalName;
      }
    },
    // 编辑获取记录
    handleEditProcurement(row) {
      const index = this.procurementData.records.findIndex(
        item => item.organNo === row.organNo
      const index = this.procurementData.serviceDonationwitnessorgans.findIndex(
        item => item.organno === row.organno
      );
      if (index !== -1) {
        this.currentRecord = { ...row };
@@ -900,7 +1227,9 @@
    // 确认编辑
    handleEditConfirm() {
      if (this.currentEditIndex !== -1) {
        this.procurementData.records[this.currentEditIndex] = {
        this.procurementData.serviceDonationwitnessorgans[
          this.currentEditIndex
        ] = {
          ...this.currentRecord
        };
        this.$message.success("获取记录更新成功");
@@ -911,69 +1240,92 @@
    getOrganRowClassName({ row }) {
      if (
        !row.organStartTime ||
        !row.organGetTime ||
        !row.gainHospitalNo ||
        !row.organGetDoctor
        !row.organgettime ||
        !row.gainhospitalno ||
        !row.organgetdoct
      ) {
        return "warning-row";
      }
      return "";
    },
    // 保存基本信息
    handleSave() {
      this.$refs.form.validate(valid => {
    async handleSave() {
      this.$refs.form.validate(async valid => {
        if (valid) {
          this.saveLoading = true;
          const apiMethod = this.form.id
            ? updateOrganProcurement
            : addOrganProcurement;
          try {
            console.log(this.procurementData.serviceDonationwitnessorgans);

          apiMethod(this.form)
            .then(response => {
              if (response.code === 200) {
                this.$message.success("保存成功");
                if (!this.form.id) {
                  this.form.id = response.data.id;
                  this.$router.replace({
                    query: { ...this.$route.query, id: this.form.id }
                  });
                }
            const saveData = {
              ...this.form,
              deathjudgeannex: JSON.stringify(this.attachments),
              organdonation: this.selectedOrgans.join(","),
              serviceDonationwitnessorganList:
                this.procurementData.serviceDonationwitnessorgans || [],
              serviceDonationwitnessorgans:
                this.procurementData.serviceDonationwitnessorgans || []
            };
            console.log(saveData.serviceDonationwitnessorganList);
            console.log(saveData.serviceDonationwitnessorgans);

            const apiMethod = this.form.id ? witnessedit : witnessadd;
            const response = await apiMethod(saveData);

            if (response.code === 200) {
              this.$message.success("保存成功");
              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 }
                });
              }
            })
            .catch(error => {
              console.error("保存失败:", error);
              this.$message.error("保存失败");
            })
            .finally(() => {
              this.saveLoading = false;
            });
            } else {
              this.$message.error("保存失败：" + (response.msg || "未知错误"));
            }
          } catch (error) {
            console.error("保存失败:", error);
            this.$message.error("保存失败");
          } finally {
            this.saveLoading = false;
          }
        }
      });
    },
    // 保存获取记录
    handleSaveProcurement() {
    async handleSaveProcurement() {
      if (!this.form.id) {
        this.$message.warning("请先保存基本信息");
        return;
      }

      this.saveLoading = true;
      saveProcurementRecords(this.form.id, this.procurementData.records)
        .then(response => {
          if (response.code === 200) {
            this.$message.success("获取记录保存成功");
          }
        })
        .catch(error => {
          console.error("保存获取记录失败:", error);
          this.$message.error("保存获取记录失败");
        })
        .finally(() => {
          this.saveLoading = false;
        });
      try {
        const saveData = {
          ...this.form,
          attachments: this.attachments,
          organdonation: this.selectedOrgans.join(","),
          serviceDonationwitnessorgans:
            this.procurementData.serviceDonationwitnessorgans || []
        };

        const response = await witnessedit(saveData);

        if (response.code === 200) {
          this.$message.success("获取记录保存成功");
        } else {
          this.$message.error(
            "保存获取记录失败：" + (response.msg || "未知错误")
          );
        }
      } catch (error) {
        console.error("保存获取记录失败:", error);
        this.$message.error("保存获取记录失败");
      } finally {
        this.saveLoading = false;
      }
    },
    // 确认完成获取
    handleConfirmProcurement() {
    async handleConfirmProcurement() {
      if (this.incompleteRecords > 0) {
        this.$message.warning("请先完善所有获取记录的信息");
        return;
@@ -984,118 +1336,292 @@
        cancelButtonText: "取消",
        type: "warning"
      })
        .then(() => {
        .then(async () => {
          this.confirmLoading = true;
          this.form.procurementStatus = "procured";
          this.form.procurementTime = new Date()
            .toISOString()
            .replace("T", " ")
            .substring(0, 19);
          this.form.witnessState = "3";
          this.form.operationendtime =
            this.form.operationendtime ||
            new Date()
              .toISOString()
              .replace("T", " ")
              .substring(0, 19);

          updateOrganProcurement(this.form)
            .then(response => {
              if (response.code === 200) {
                this.$message.success("器官获取已完成");
              }
            })
            .catch(error => {
              console.error("确认获取失败:", error);
              this.$message.error("确认获取失败");
            })
            .finally(() => {
              this.confirmLoading = false;
            });
          try {
            const saveData = {
              ...this.form,
              attachments: this.attachments,
              organdonation: this.selectedOrgans.join(","),
              serviceDonationwitnessorgans:
                this.procurementData.serviceDonationwitnessorgans || []
            };

            const response = await witnessedit(saveData);

            if (response.code === 200) {
              this.$message.success("器官获取已完成");
            } else {
              this.$message.error(
                "确认获取失败：" + (response.msg || "未知错误")
              );
              this.form.witnessState = "2";
              this.form.operationendtime = "";
            }
          } catch (error) {
            console.error("确认获取失败:", error);
            this.$message.error("确认获取失败");
            this.form.witnessState = "2";
            this.form.operationendtime = "";
          } finally {
            this.confirmLoading = false;
          }
        })
        .catch(() => {});
    },
    // 上传附件
    handleUploadAttachment() {
      this.$message.info("附件上传功能");
    // 确认获取按钮别名
    handleProcure() {
      this.handleConfirmProcurement();
    },
    // 预览附件
    handlePreviewAttachment(attachment) {
      this.$message.info("附件预览功能");

    // 附件相关方法
    /** 附件变化处理 */
    handleAttachmentChange(fileList) {
      this.attachmentFileList = fileList;
    },
    // 下载附件
    handleDownloadAttachment(attachment) {
      this.$message.info("附件下载功能");

    /** 附件移除处理 */
   handleAttachmentRemove(file) {
  // 直接调用新的删除方法
  if (file.raw) {
    this.handleRemoveAttachmentByFile(file.raw);
  } else if (file.url) {
    const target = this.attachments.find(
      item => item.path === file.url || item.fileUrl === file.url
    );
    if (target) {
      this.handleRemoveAttachmentByFile(target);
    }
  }
},

    /** 上传成功处理 */
    handleUploadSuccess({ file, fileList, response }) {
  if (response.code === 200) {
    // 根据当前激活的 Tab 决定分类（未分类 Tab 对应空字符串）
    const category = this.activeTab === '未分类' ? '' : this.activeTab;
    const attachmentObj = {
      fileName: file.name,
      path: response.fileUrl || file.url,
      fileUrl: response.fileUrl || file.url,
      fileType: category,                    // 关键：记录分类
      fileSize: file.size,
      uploadTime: dayjs().format('YYYY-MM-DD HH:mm:ss')
    };

    if (!Array.isArray(this.attachments)) {
      this.attachments = [];
    }
    this.attachments.push(attachmentObj);
    this.attachmentFileList = fileList;
    this.$message.success('文件上传成功');
  }
},
// 获取某分类的文件数量
getCategoryCount(category) {
  return this.attachments.filter(item => {
    const type = item.fileType || '';
    if (category === '未分类') {
      return !this.presetCategories.includes(type);
    }
    return type === category;
  }).length;
},

// 获取某分类的文件列表
getCategoryFiles(category) {
  return this.attachments.filter(item => {
    const type = item.fileType || '';
    if (category === '未分类') {
      return !this.presetCategories.includes(type);
    }
    return type === category;
  });
},

// 更新附件分类（下拉修改时触发）
updateAttachmentCategory(row, newVal) {
  const target = this.attachments.find(item => item === row);
  if (target) {
    target.fileType = newVal; // 可能为空字符串
    // 同步更新 attachmentFileList
    const fileItem = this.attachmentFileList.find(
      f => f.raw === row || f.url === row.fileUrl
    );
    if (fileItem) {
      fileItem.raw.fileType = newVal;
      fileItem.fileType = newVal || '未分类';
    }
    // 如果当前激活的tab没有文件了，自动切换到第一个有文件的tab
    const currentTabHasFiles = this.getCategoryFiles(this.activeTab).length > 0;
    if (!currentTabHasFiles) {
      const firstCategory = this.categories[0];
      if (firstCategory) this.activeTab = firstCategory;
    }
  }
},

// 按文件对象删除（用于表格中的删除按钮）
handleRemoveAttachmentByFile(file) {
  const index = this.attachments.findIndex(item => item === file);
  if (index > -1) {
    this.attachments.splice(index, 1);
    // 同步删除 attachmentFileList
    const fileIndex = this.attachmentFileList.findIndex(
      f => f.raw === file || f.url === file.fileUrl
    );
    if (fileIndex > -1) {
      this.attachmentFileList.splice(fileIndex, 1);
    }
    this.$message.success('附件删除成功');
  }
},
    /** 上传错误处理 */
    handleUploadError({ file, fileList, error }) {
      console.error("附件上传失败:", error);
      this.$message.error("文件上传失败，请重试");
    },
    // 删除附件
    handleRemoveAttachment(attachment) {
      this.$confirm("确定要删除这个附件吗？", "提示", {
        confirmButtonText: "确定",
        cancelButtonText: "取消",
        type: "warning"
      })
        .then(() => {
          this.$message.success("附件删除成功");
        })
        .catch(() => {});

    /** 手动删除附件 */
    handleRemoveAttachment(index) {
      this.attachments.splice(index, 1);
      this.attachmentFileList.splice(index, 1);
      this.$message.success("附件删除成功");
    },
    // 获取文件图标
    getFileIcon(fileName) {
      const ext = fileName
        .split(".")
        .pop()
        .toLowerCase();
      const iconMap = {
        pdf: "el-icon-document",
        doc: "el-icon-document",
        docx: "el-icon-document",
        xls: "el-icon-document",
        xlsx: "el-icon-document",
        jpg: "el-icon-picture",
        jpeg: "el-icon-picture",
        png: "el-icon-picture"

    /** 文件预览 */
    handlePreview(file) {
      this.currentPreviewFile = {
        fileName: file.fileName,
        fileUrl: file.path || file.fileUrl,
        fileType: this.getFileType(file.fileName)
      };
      return iconMap[ext] || "el-icon-document";
      this.filePreviewTitle = file.fileName;
      this.filePreviewVisible = 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) {
      const ext = fileName
      if (!fileName) return "other";
      const extension = 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();
      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";
    },
    // 文件大小格式化
    formatFileSize(size) {
      if (size === 0) return "0 B";

    /** 获取文件图标颜色 */
    getFileIconColor(fileName) {
      const type = this.getFileType(fileName);
      const colorMap = {
        image: "#67C23A",
        pdf: "#F56C6C",
        office: "#409EFF",
        other: "#909399"
      };
      return colorMap[type] || "#909399";
    },

    /** 获取文件标签类型 */
    getFileTagType(fileName) {
      const type = this.getFileType(fileName);
      const typeMap = {
        image: "success",
        pdf: "danger",
        office: "primary",
        other: "info"
      };
      return typeMap[type] || "info";
    },

    /** 获取文件类型文本 */
    getFileTypeText(fileName) {
      const type = this.getFileType(fileName);
      const textMap = {
        image: "图片",
        pdf: "PDF",
        office: "文档",
        other: "其他"
      };
      return textMap[type] || "未知";
    },

    /** 检查是否可预览 */
    isPreviewable(fileName) {
      const type = this.getFileType(fileName);
      return ["image", "pdf"].includes(type);
    },

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

    /** 格式化文件大小 */
    formatFileSize(bytes) {
      if (!bytes || bytes === 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];
      const i = Math.floor(Math.log(bytes) / Math.log(k));
      return parseFloat((bytes / Math.pow(k, i)).toFixed(2)) + " " + sizes[i];
    },
    // 时间格式化
    parseTime(time) {
      if (!time) return "";
      const date = new Date(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")}`;

    /** 日期时间格式化 */
    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");
        return `${year}-${month}-${day} ${hours}:${minutes}`;
      } catch (error) {
        return dateTime;
      }
    }
  }
};
</script>

<style scoped>
.organ-procurement-detail {
  padding: 20px;
@@ -1122,6 +1648,44 @@
  border-radius: 8px;
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  border: 1px solid #e4e7ed;
  padding: 20px;
  background: #fafafa;
}

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

.attachment-title {
  font-weight: 600;
  color: #303133;
}

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

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

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

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

.detail-title {
@@ -1193,385 +1757,14 @@
  background-color: #ffecc2 !important;
}

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

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

:deep(.el-table--border) {
  border: 1px solid #e4e7ed;
  border-radius: 4px;
}

:deep(.el-table--border th) {
  border-right: 1px solid #e4e7ed;
}

:deep(.el-table--border td) {
  border-right: 1px solid #e4e7ed;
}

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

:deep(.el-input__inner) {
  border-radius: 4px;
  border: 1px solid #dcdfe6;
  transition: border-color 0.3s ease;
}

:deep(.el-input__inner:focus) {
  border-color: #409EFF;
  box-shadow: 0 0 0 2px rgba(64, 158, 255, 0.2);
}

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

:deep(.el-select) {
  width: 100%;
}

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

:deep(.el-button--primary:hover) {
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(64, 158, 255, 0.4);
}

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

:deep(.el-button--success:hover) {
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(103, 194, 58, 0.4);
}

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

:deep(.el-button--warning:hover) {
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(230, 162, 60, 0.4);
}

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

:deep(.el-button--danger:hover) {
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(245, 108, 108, 0.4);
}

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

:deep(.el-tag--success) {
  background: linear-gradient(135deg, #67C23A 0%, #529b2f 100%);
  color: white;
}

:deep(.el-tag--warning) {
  background: linear-gradient(135deg, #E6A23C 0%, #d18c2a 100%);
  color: white;
}

/* 复选框组样式 */
:deep(.el-checkbox-group) {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
  margin-top: 10px;
}

:deep(.el-checkbox) {
  margin-right: 0;
}

:deep(.el-checkbox__input.is-checked .el-checkbox__inner) {
  background: linear-gradient(135deg, #409EFF 0%, #3375e0 100%);
  border-color: #409EFF;
}

:deep(.el-checkbox__input.is-checked + .el-checkbox__label) {
  color: #409EFF;
  font-weight: 500;
}

/* 日期选择器样式 */
:deep(.el-date-editor) {
  width: 100%;
}

:deep(.el-picker-panel) {
  border-radius: 8px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
}

/* 加载状态 */
:deep(.el-loading-mask) {
  border-radius: 4px;
}

/* 卡片头部样式优化 */
:deep(.el-card__header) {
  background: linear-gradient(135deg, #f5f7fa 0%, #e4e7ed 100%);
  border-bottom: 1px solid #e4e7ed;
  padding: 15px 20px;
}

/* 响应式设计 */
@media (max-width: 1200px) {
  .organ-procurement-detail {
    padding: 15px;
  }

  :deep(.el-col) {
    margin-bottom: 10px;
  }
}

@media (max-width: 768px) {
  .organ-procurement-detail {
    padding: 10px;
  }

  .detail-title {
    font-size: 16px;
  }

  .stat-item {
    padding: 5px;
  }

  .stat-label {
    font-size: 10px;
  }

  .stat-value {
    font-size: 14px;
  }

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

  :deep(.el-checkbox-group) {
    gap: 8px;
  }

  .dialog-footer .el-button {
    margin: 5px;
    min-width: 100px;
  }
}

@media (max-width: 480px) {
  .organ-procurement-detail {
    padding: 5px;
  }

  :deep(.el-card__header) {
    padding: 10px 15px;
  }

  :deep(.el-form-item__label) {
    font-size: 12px;
  }

  :deep(.el-table) {
    font-size: 11px;
  }
}

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

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

/* 自定义滚动条 */
:deep(::-webkit-scrollbar) {
  width: 6px;
  height: 6px;
}

:deep(::-webkit-scrollbar-track) {
  background: #f1f1f1;
  border-radius: 3px;
}

:deep(::-webkit-scrollbar-thumb) {
  background: #c1c1c1;
  border-radius: 3px;
}

:deep(::-webkit-scrollbar-thumb:hover) {
  background: #a8a8a8;
}

/* 文件信息样式 */
.file-info {
  display: flex;
  align-items: center;
  padding: 5px 0;
}

.file-info i {
  font-size: 18px;
  margin-right: 10px;
}

/* 操作按钮组样式 */
:deep(.small-padding .el-button) {
  margin: 0 2px;
  padding: 4px 8px;
}

/* 表单行间距优化 */
:deep(.el-form-item) {
  margin-bottom: 18px;
}

:deep(.el-row) {
  margin-bottom: 10px;
}

/* 对话框样式优化 */
: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;
  border-radius: 8px 8px 0 0;
}

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

:deep(.el-dialog__body) {
  padding: 20px;
}

:deep(.el-dialog__footer) {
  padding: 15px 20px;
  border-top: 1px solid #e4e7ed;
}

/* 特殊状态提示 */
.procurement-warning {
  background-color: #fff7e6;
  border: 1px solid #ffecc2;
  border-radius: 4px;
  padding: 10px 15px;
  margin: 10px 0;
  color: #e6a23c;
  font-size: 14px;
}

.procurement-success {
  background-color: #f0f9ff;
  border: 1px solid #b3e0ff;
  border-radius: 4px;
  padding: 10px 15px;
  margin: 10px 0;
  color: #409EFF;
  font-size: 14px;
}

/* 时间线样式（用于手术时间展示） */
.procurement-timeline {
  margin: 20px 0;
  padding: 15px;
  background: #f8f9fa;
  border-radius: 4px;
}

.timeline-item {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
  padding: 8px 12px;
  background: white;
  border-radius: 4px;
  border-left: 4px solid #409EFF;
}

.timeline-label {
  font-weight: 500;
  min-width: 120px;
  color: #606266;
}

.timeline-value {
  color: #303133;
  font-weight: 500;
}

/* 打印样式 */
@media print {
  .organ-procurement-detail {
    padding: 0;
    background: white;
  }

  .detail-card,
  .procurement-card,
  .attachment-card {
    box-shadow: none;
    border: 1px solid #ddd;
    margin-bottom: 15px;
    page-break-inside: avoid;
  }

  .dialog-footer,
  .el-button {
    display: none;
  .procurement-stats .el-col {
    margin-bottom: 10px;
  }
}
</style>