<template>
  <div class="app-container">
    <div class="left">
      <div class="form">
        <el-form
            :model="queryParams"
            ref="queryRef"
            :inline="true"
            v-show="showSearch"
            label-position="right"
            style="min-width: 500px"
        >
          <el-form-item label="患者信息" prop="searchKey">
            <el-input
                v-model="queryParams.searchKey"
                placeholder="请输入姓名/证件号"
                clearable
                style="width: 160px"
                @keyup.enter="handleQuery"
            />
          </el-form-item>
          <el-form-item label="发药状态" prop="departmentId" style="margin-left: 10px">
            <el-select
                v-model="queryParams.statusEnum"
                placeholder="请选择发药状态"
                clearable
                style="width: 160px"
                @change="handleQuery"
            >
              <el-option
                  v-for="item in dispenseStatusOptions"
                  :key="item.value"
                  :label="item.label"
                  :value="item.value"
              />
            </el-select>
          </el-form-item>
          <el-form-item label="就诊日期">
            <el-date-picker
                v-model="dateRange"
                type="daterange"
                start-placeholder="开始日期"
                end-placeholder="结束日期"
                style="width: 250px"
                value-format="YYYY-MM-DD"
                @change="handleQuery"
            />
          </el-form-item>
          <!-- <el-form-item label="科室" prop="departmentId">
            <el-select
              v-model="queryParams.departmentId"
              placeholder="请选择科室"
              clearable
              style="width: 160px"
              @change="handleQuery"
            >
              <el-option
                v-for="item in departmentList"
                :key="item.value"
                :label="item.label"
                :value="item.value"
              />
            </el-select>
          </el-form-item> -->
          <el-form-item style="margin-left: 15px">
            <el-button type="primary" @click="handleQuery">搜索</el-button>
            <el-button @click="resetQuery">重置</el-button>
          </el-form-item>
        </el-form>
      </div>

      <el-table
          :data="patientList"
          border
          style="width: 100%; height: 60vh"
          highlight-current-row
          @row-click="handleCurrentChange"
      >
        <el-table-column prop="patientName" label="姓名" width="130" align="center"/>
        <el-table-column
            prop="genderEnum_enumText"
            label="性别"
            width="80"
            align="center"
        />
        <el-table-column prop="age" label="年龄" width="80" align="center"/>
        <el-table-column prop="phone" label="电话" width="80" align="center"/>
        <el-table-column prop="receptionTime" label="就诊日期" align="center">
          <template #default="scope">
            {{ scope.row.receptionTime ? formatDate(scope.row.receptionTime) : "-" }}
          </template>
        </el-table-column>
      </el-table>
      <pagination
          v-show="total > 0"
          :total="total"
          v-model:page="queryParams.pageNo"
          v-model:limit="queryParams.pageSize"
          @pagination="getList"
      />
    </div>

    <div class="right">
      <!-- <div class="select_wrapper_div">
        <p style="margin-right: 60px; font-size: 19px">患者基本信息</p> -->

      <!-- <el-button type="success" plain @click="print" icon="Printer" style="margin-left: 30px;">打印</el-button> -->
      <!-- </div> -->
      <div class="top">
        <!-- <el-descriptions :column="4" title="患者基本信息">
          <el-descriptions-item label="姓名：">{{ personInfo.patientName }}</el-descriptions-item>
          <el-descriptions-item label="性别：">
            {{ personInfo.genderEnum_enumText }}
          </el-descriptions-item>
          <el-descriptions-item label="年龄：">{{ personInfo.age }}</el-descriptions-item>
          <el-descriptions-item label="合同类型：">
            {{ personInfo.categoryEnum_enumText }}
          </el-descriptions-item>
          <el-descriptions-item label="就诊科室：">
            {{ personInfo.organizationName }}
          </el-descriptions-item>
          <el-descriptions-item label="就诊日期：">
            {{ personInfo.encounterDate }}
          </el-descriptions-item>
          <el-descriptions-item label="证件号：">{{ personInfo.idCard }}</el-descriptions-item>
          <el-descriptions-item label="总金额：">
            {{ personInfo.totalPrice ? personInfo.totalPrice.toFixed(2) : '0.00' }}元
          </el-descriptions-item>
        </el-descriptions> -->
        <!-- <el-row>
          <el-col :span="4">姓名：{{ personInfo.patientName }}</el-col>
          <el-col :span="3">性别：{{ personInfo.genderEnum_enumText }}</el-col>
          <el-col :span="3">年龄：{{ personInfo.age }}</el-col>
          <el-col :span="5">合同类型：{{ personInfo.categoryEnum_enumText }}</el-col> </el-row
        ><br />
        <el-row>
          <el-col :span="5">就诊科室：{{ personInfo.organizationName }}</el-col>
          <el-col :span="5">就诊日期：{{ personInfo.encounterDate }}</el-col>
          <el-col :span="7">证件号：{{ personInfo.idCard }}</el-col>

           </el-row
        ><br />
        <el-row>
          <el-col :span="4"
            >总金额：{{
              personInfo.totalPrice ? personInfo.totalPrice.toFixed(2) : '0.00'
            }}元</el-col
          >
        </el-row> -->
        <span
            style="color: #606266; font-size: 14px; font-weight: 700; margin-right: 15px"
        >
          调配药师
        </span>
        <el-select v-model="preparerDoctor" placeholder="调配药师" style="width: 160px">
          <el-option
              v-for="item in preparerDoctorOptions"
              :key="item.value"
              :label="item.label"
              :value="item.value"
          />
        </el-select>
        <span
            style="color: #606266; font-size: 14px; font-weight: 700; margin-right: 15px"
        >
          药品分类
        </span>
        <el-select
            v-model="tcmFlag"
            placeholder="药品分类"
            style="width: 160px"
            @change="
            () => {
              if (currentRow.encounterId) {
                getMedicineList(currentRow.encounterId);
              }
            }
          "
        >
          <el-option
              v-for="item in medCategoryCode"
              :key="item.value"
              :label="item.label"
              :value="item.value"
          />
        </el-select>
        <span
            style="color: #606266; font-size: 14px; font-weight: 700; margin-right: 15px"
        >
          项目
        </span>
        <el-select
            v-model="projectTypeCode"
            placeholder="项目"
            style="width: 160px"
            :clearable="false"
            @change="
            () => {
              getList();
              if (currentRow) {
                getMedicineList(currentRow?.encounterId);
              }
            }
          "
        >
          <el-option label="全部" value="1"/>
          <el-option label="药品" value="2"/>
          <el-option label="耗材" value="3"/>
        </el-select>
        <el-button
            :disabled="medicineInfoList && medicineInfoList.length == 0"
            type="primary"
            @click="handleBatch()"
            style="margin-left: 30px"
        >
          批量发药
        </el-button>
        <el-button type="primary" @click="handleScan()" style="margin-left: 30px">
          扫码
        </el-button>
        <el-button type="primary" @click="previewAndPrint()" style="margin-left: 30px">
          处方打印
        </el-button>
        <div style="position: absolute; top: 30px; right: 25px">
          总金额：{{ medicineTotalPrice ? medicineTotalPrice.toFixed(2) : "0.00" }}元
        </div>
      </div>
      <el-table
          :data="medicineInfoList"
          border
          style="width: 100%; height: 65vh; margin-top: 10px"
          :span-method="spanMethod"
          :cell-class-name="cellClassName"
          @select="handleSelectionChange"
          @cell-dblclick="handleCellDbClick"
          v-loading="loading"
          ref="tableRef"
      >
        <el-table-column type="selection" width="55" align="center" fixed="left"/>
        <el-table-column prop="prescriptionNo" label="处方号" width="120" align="center"/>
        <el-table-column prop="conditionName" label="诊断" width="120" align="center"/>
        <el-table-column prop="medTypeCode_dictText" label="处方类型" width="120" align="center"/>
        <el-table-column prop="itemName" label="项目名称" width="160" align="center"/>
        <el-table-column prop="merchandiseName" label="商品名称" width="160" align="center"/>
        <el-table-column prop="quantity" label="发药数量" width="130" align="center">
          <template #default="scope">
            <span v-if="!scope.row.isEdit" style="color: red">
              {{ scope.row.quantity }}{{ scope.row.unitCode_dictText }}
            </span>
            <div class="lot-number-container" v-if="scope.row.isEdit">
              <el-input-number
                  v-model="scope.row.quantity"
                  controls-position="right"
                  :controls="false"
              >
                <template #suffix>
                  <span>{{ scope.row.unitCode_dictText }}</span>
                </template>
              </el-input-number>
              <el-icon
                  v-if="scope.row.isEdit"
                  class="editable-icon confirm-icon"
                  @click="
                  () => {
                    handleQuantity(scope.row);
                  }
                "
              >
                <Select/>
              </el-icon>
            </div>
          </template>
        </el-table-column>
        <el-table-column prop="lotNumber" label="批次号" width="160" align="center">
          <template #default="scope">
            <span v-if="!scope.row.isEdit">{{ scope.row.lotNumber }}</span>
            <div class="lot-number-container" v-if="scope.row.isEdit">
              <el-select
                  v-model="scope.row.lotNumber"
                  @change="
                  (value) => {
                    scope.row.lotNumber = value;
                  }
                "
              >
                <el-option
                    v-for="item in scope.row.inventoryDetailList"
                    :key="item.inventoryId"
                    :label="formatLotNumberLabel(scope.row, item)"
                    :value="item.inventoryLotNumber"
                    @click="validInventory(scope.row, item)"
                />
              </el-select>
              <el-icon
                  v-if="getAdjustPriceSwitchState && scope.row.isEdit"
                  class="editable-icon confirm-icon"
                  @click="handleQuantity(scope.row)"
              >
                <Select/>
              </el-icon>
            </div>
          </template>
        </el-table-column>
        <el-table-column prop="statusEnum_enumText" label="发药状态" width="100" align="center">
          <template #default="scope">
            <el-tag :type="tagType(scope.row.statusEnum)">
              {{ scope.row.statusEnum_enumText }}
            </el-tag>
          </template>
        </el-table-column>
        <el-table-column prop="dispensePerDuration" label="天数" width="80" align="center"/>
        <!-- <el-table-column prop="flag" label="组合" width="60" align="center" /> -->
        <!-- <el-table-column prop="quantity" label="发药数量" width="100" align="center" /> -->
        <el-table-column prop="totalVolume" label="规格" width="100" align="center"/>
        <!-- <el-table-column prop="unitCode_dictText" label="单位" width="100" align="center" /> -->
        <!-- <el-table-column
          prop="doseUnitCode_dictText"
          label="单次剂量"
          width="80"
          align="center"
          v-if="tcmFlag == '0'"
        >
          <template #default="scope">
            {{ scope.row.dose }}{{ scope.row.doseUnitCode_dictText }}
          </template>
        </el-table-column> -->
        <el-table-column
            prop="traceNo"
            label="追溯码"
            width="180"
            align="center"
            v-if="tcmFlag == '0'"
        >
          <template #default="scope">
            <el-tooltip
                :content="formatContent(scope.row.traceNo)"
                placement="top"
                popper-class="custom-tooltip"
            >
              <el-input
                  :ref="'traceNoRef' + scope.$index"
                  @input="handleTraceNoInput(scope.row, scope.$index)"
                  v-model="scope.row.traceNo"
                  placeholder="请输入追溯码"
              />
            </el-tooltip>
          </template>
        </el-table-column>
        <el-table-column
            prop="totalPrice"
            label="金额"
            width="100"
            :formatter="formatPrice"
            align="right"
            header-align="center"
        />
        <el-table-column prop="locationName" label="发药药房" width="90" align="center"/>
        <el-table-column
            prop="manufacturerText"
            label="生产厂家"
            width="200"
            align="center"
        />
        <el-table-column prop="doctorName" label="开单医生" width="100" align="center"/>
        <!-- <el-table-column prop="dose" label="剂量" width="100" align="center" /> -->
        <el-table-column prop="rateCode" label="频次" width="100" align="center"/>
        <el-table-column prop="methodCode_dictText" label="用法" width="100" align="center"/>
        <el-table-column
            label="操作"
            align="center"
            width="160"
            fixed="right"
            class-name="small-padding fixed-width"
        >
          <template #default="scope">
            <el-button
                link
                type="primary"
                :disabled="!(scope.row.statusEnum == 2 || scope.row.statusEnum == 14)"
                icon="SuccessFilled"
                @click="handleBatch(scope.row)"
            >
              发药
            </el-button>
            <el-button
                link
                type="primary"
                :disabled="scope.row.statusEnum != 2"
                @click="backMedicine(scope.row)"
                icon="CircleClose"
            >
              作废
            </el-button>
          </template>
        </el-table-column>
        <!-- <el-table-column prop="performOrg_dictText" label="是否拆零" width="120">
                    <template #default="scope">
                        <el-select v-model="scope.row.performOrg_dictText" placeholder="请选择"
                            @change="handleSelectChange(scope.row)">
                            <el-option v-for="option in options" :key="option.value" :label="option.label"
                                :value="option.value"></el-option>
                        </el-select>
                    </template>
                </el-table-column> -->
        <!-- <el-table-column prop="medicationStatusEnum_enumText" label="追溯码" width="100" /> -->
        <!-- <el-table-column
          prop="unitPrice"
          label="单价"
          width="100"
          :formatter="formatPrice"
          align="right"
          header-align="center"
        /> -->
      </el-table>
    </div>
    <el-dialog title="选择作废原因" v-model="showDialog" width="30%">
      <!-- 下拉选择框 -->
      <el-select v-model="notPerformedReasonEnum" placeholder="请选择作废原因">
        <el-option
            v-for="item in backReason"
            :key="item.value"
            :label="item.label"
            :value="item.value"
        />
      </el-select>

      <!-- 弹窗底部按钮 -->
      <template #footer>
        <span class="dialog-footer">
          <el-button type="primary" @click="handleConfirm">确 定</el-button>
          <el-button @click="handleCancel">取 消</el-button>
        </span>
      </template>
    </el-dialog>
    <TraceNoDialog
        :ypName="ypName"
        :openDialog="openTraceNoDialog"
        @submit="submit"
        @cancel="openTraceNoDialog = false"
    />
  </div>
</template>

<script setup name="westernmedicine">
import {onMounted, ref} from 'vue';
import {ElMessage} from 'element-plus';
import {
  deviceDispense,
  devicePatientList,
  getDoctorSignature,
  getReportRegisterInit,
  itemTraceNo,
  listInit,
  listPatient,
  listWesternmedicine,
  prepareMedicion,
  updateMedicion,
} from './components/api';
import {advicePrint, getAdjustPriceSwitchState, lotNumberMatch} from '@/api/public';
import {formatDate} from '@/utils/index';
import {debounce} from 'lodash-es';
import TraceNoDialog from '@/components/OpenHis/TraceNoDialog/index.vue';
import {hiprint} from 'vue-plugin-hiprint';
// import templateJson from './components/templateJson.json';
import templateJson from '@/components/Print/Pharmacy.json';
import chineseMedicineTemplateJson from '@/components/Print/ChineseMedicinePrescription.json';
import {formatInventory} from '../../../utils/his';

const {proxy} = getCurrentInstance();
const showSearch = ref(true);
const total = ref(0);
const markers = ref([]);
const patientList = ref([]);
const medicineInfoList = ref([]);
const departmentList = ref([]);
const dateRange = ref([
  proxy.formatDateStr(new Date().setMonth(new Date().getMonth() - 1), 'YYYY-MM-DD'),
  proxy.formatDateStr(new Date(), 'YYYY-MM-DD'),
]);
const personInfo = ref([]);
const dispenseStatusOptions = ref([]);
const preparerDoctorOptions = ref([]);
const diagnoses = ref("");
const preparerDoctor = ref();
const backReason = ref([]);
const selectedPrescriptionNo = ref("");
const showDialog = ref(false);
const notPerformedReasonEnum = ref();
const currentRow = ref(null);
const tableRef = ref(null);
const selectedGroupIds = ref(new Set());
const selectedItems = ref(new Set());
const traceNoList = ref([]);
const traceNo = ref("");
const traceNoTemp = ref("");
const tcmFlag = ref("0");
const openTraceNo = ref(false);
const isManualSelection = ref(false);
const couldSave = ref(true);
const groups = ref({});
const openTraceNoDialog = ref(false);
const loading = ref(false);
const adjustPriceSwitchState = ref(false);
const ypName = ref('');
const medicineTotalPrice = ref(0);
const projectTypeCode = ref("2");
const selectedRow = ref(null);
const medCategoryCode = ref([
  {
    label: "西药中成药",
    value: "0",
  },
  {
    label: "中药",
    value: "1",
  },
]);

const data = reactive({
  form: {},
  queryParams: {
    pageNo: 1,
    pageSize: 10,
    condition: null,
    searchKey: '',
    departmentId: null,
    statusEnum: 3,
    classEnum: 2,
  },
});
const {queryParams} = toRefs(data);

// 在组件挂载后调用 getList
onMounted(() => {
  getList();
});

function handleScan() {
  openTraceNoDialog.value = true;
}

function submit(value) {
  let list = [];
  if (value) {
    list = value.split(",");
  }
  itemTraceNo(list).then((res) => {
    if (res.code === 200) {
      if (!res.data) {
        proxy.$modal.msgWarning("未在库存中匹配到追溯码，请在发药列表中单独扫描");
        openTraceNoDialog.value = false;
        proxy.$refs["traceNoRef0"].focus();
        return;
      }
      medicineInfoList.value.forEach((item, index) => {
        if (
            res.data[item.medicineId] &&
            res.data[item.medicineId].split(",") > item.quantity
        ) {
          proxy.$modal.msgWarning("操作失败");
          return;
        }
        medicineInfoList.value[index].traceNo = res.data[item.medicineId];
      });
      openTraceNoDialog.value = false;
    }
  });
}

function getList() {
  queryParams.value.receptionTimeSTime = dateRange.value[0] + ' 00:00:00';
  queryParams.value.receptionTimeETime = dateRange.value[1] + ' 23:59:59';
  if (projectTypeCode.value == 2) {
    listPatient(queryParams.value).then((response) => {
      patientList.value = response.data.records;
      total.value = response.data.total;
    });
  } else if (projectTypeCode.value == 3) {
    devicePatientList(queryParams.value).then((response) => {
      patientList.value = response.data.records;
      total.value = response.data.total;
    });
  } else {
    Promise.all([listPatient(queryParams.value), devicePatientList(queryParams.value)]).then(
        ([patientRes, deviceRes]) => {
          // 合并两个接口的数据
          const patientRecords = patientRes.data.records || [];
          const deviceRecords = deviceRes.data.records || [];
          const combinedRecords = [...patientRecords, ...deviceRecords];
          // 根据 encounterId 去重
          const uniqueRecords = combinedRecords.filter(
              (item, index, self) =>
                  index === self.findIndex((record) => record.encounterId === item.encounterId)
          );
          patientList.value = uniqueRecords;
          // 合并总数量（如果需要精确数量，可能需要后端支持）
          total.value = uniqueRecords.length;
        }
    );
  }
  listInit().then((response) => {
    departmentList.value = [{value: null, label: '全部'}, ...response.data.departmentOptions];
    backReason.value = response.data.notPerformedReasonOptions;
    dispenseStatusOptions.value = response.data.dispenseStatusOptions;
    preparerDoctorOptions.value = response.data.preparerDoctorOptions;
    preparerDoctor.value = preparerDoctorOptions.value[0].value;
  });
}

async function printPrescription() {
  const selectedRows = tableRef.value.getSelectionRows();
  if (selectedRows.length === 0) {
    proxy.$modal.msgWarning("未选择要打印的项目，请重新选择，打印失败");
    return;
  }
  let requestIds = selectedRows.map((item) => item.requestId).join(",");
  const result = [];
  advicePrint({requestIds: requestIds, isPrescription: "1"}).then(async (res) => {
    const groupedRows = {};
    res.data.adviceItemList.forEach((row) => {
      const prescriptionNo = row.prescriptionNo;
      if (!groupedRows[prescriptionNo]) {
        groupedRows[prescriptionNo] = [];
      }
      row.contractName = res.data.contractName;
      groupedRows[prescriptionNo].push(row);
    });

    // 获取所有唯一的doctorId
    const uniqueDoctorIds = [...new Set(selectedRows.map((row) => row.doctorId).filter((id) => id))];
    console.log('uniqueDoctorIds:', uniqueDoctorIds);

    // 获取所有选择数据医生的签名信息
    const doctorSignatures = {};
    for (const doctorId of uniqueDoctorIds) {
      const signatureResult = await getDoctorSignature({practitionerId: doctorId});
      doctorSignatures[doctorId] = signatureResult?.data || '';
    }

    // 将adviceItemList中的chineseHerbsDoseQuantity字段合并到selectedRows中
    if (res.data.adviceItemList && res.data.adviceItemList.length > 0) {
      selectedRows.forEach((row) => {
        // 查找匹配的adviceItem
        const matchingItem = res.data.adviceItemList.find(
            (item) =>
                item.itemName === row.itemName &&
                item.quantity === row.quantity &&
                item.prescriptionNo === row.prescriptionNo
        );
        // 如果找到匹配项，添加chineseHerbsDoseQuantity字段
        if (matchingItem && matchingItem.chineseHerbsDoseQuantity !== undefined) {
          row.chineseHerbsDoseQuantity = matchingItem.chineseHerbsDoseQuantity;
        }
      });
    }

    // 使用selectedRows重新分组（因为前面使用的是adviceItemList）
    selectedRows.forEach((row) => {
      const prescriptionNo = row.prescriptionNo;
      if (!groupedRows[prescriptionNo]) {
        groupedRows[prescriptionNo] = [];
      }
      row.contractName = res.data.contractName;
      groupedRows[prescriptionNo].push(row);
    });

    // 转换为数组形式
    const groupedArray = Object.values(groupedRows);

    groupedArray.forEach((item, index) => {
      const total = item.reduce((sum, item) => {
        return sum + (item.totalPrice || 0);
      }, 0);
      // 获取该处方对应的医生签名（使用处方中第一个项目的doctorId）
      const prescriptionDoctorId = item[0]?.doctorId;
      const doctorSignature = prescriptionDoctorId
          ? doctorSignatures[prescriptionDoctorId] || ''
          : '';

      result.push({
        ...res.data,
        medTotalAmount: '¥' + total.toFixed(2) + '元',
        prescriptionList: item,
        // 医生签名图片 - 确保使用处方对应的医生签名
        doctorSignature: doctorSignature,
      });
    });
    // 从patientList.value中根据encounterNo查询idCard
    result.forEach((item) => {
      const encounterNo = item.encounterNo;
      const patient = patientList.value.find((p) => p.encounterNo === encounterNo);
      if (patient) {
        item.idCard = patient.idCard;
      }
    });

    console.log('药房result', result);
    // 根据药品分类选择对应的打印模板
    const printElements = tcmFlag.value === '1' ? chineseMedicineTemplateJson : templateJson;
    var hiprintTemplate = new hiprint.PrintTemplate({template: printElements}); // 定义模板
    hiprintTemplate.print2(result, {
      height: 210,
      width: 148,
    });
    // 发送任务到打印机成功
    hiprintTemplate.on('printSuccess', function (e) {
      console.log('打印成功');
    });
    // 发送任务到打印机失败
    hiprintTemplate.on('printError', function (e) {
      console.log('打印失败');
    });
  });
}

// 取消打印机选择
function cancelPrinter() {
  showPrinterDialog.value = false;
  window.currentPrintData = null;
}

/** 重置按钮操作 */
function resetQuery() {
  medicineInfoList.value = [];
  personInfo.value = [];
  proxy.resetForm("queryRef");
  getList();
}

/** 搜索按钮操作 */
function handleQuery() {
  if (dateRange.value) {
    queryParams.value.receptionTimeSTime = dateRange.value[0] + " 00:00:00";
    queryParams.value.receptionTimeETime = dateRange.value[1] + " 23:59:59";
  } else {
    queryParams.value.receptionTimeSTime = null;
    queryParams.value.receptionTimeETime = null;
  }
  queryParams.value.pageNo = 1;
  getList();
}

function formatLotNumberLabel(row, item) {
  if (row.unitCode == item.maxUnitCode) {
    return (
        item.inventoryLotNumber +
        ' 剩余：' +
        formatInventory(
            item.inventoryQuantity,
            item.partPercent,
            item.maxUnitCode_dictText,
            item.inventoryUnitCode_dictText
        ) +
        ' 有效期至：' +
        proxy.formatDateStr(item.expirationDate, 'YYYY-MM-DD')
    );
  } else {
    return (
        item.inventoryLotNumber +
        ' ' +
        item.inventoryQuantity +
        ' ' +
        item.inventoryUnitCode_dictText +
        ' 有效期至：' +
        proxy.formatDateStr(item.expirationDate, 'YYYY-MM-DD')
    );
  }
}

function countGroupRows(data) {
  const groupCounts = new Map();
  data.forEach((item, index) => {
    if (!groupCounts.has(item.prescriptionNo)) {
      groupCounts.set(item.prescriptionNo, {count: 0, indices: []});
    }
    const groupInfo = groupCounts.get(item.prescriptionNo);
    groupInfo.count++;
    groupInfo.indices.push(index);
  });
  return groupCounts;
}

function getRowMarkers(groupCounts, data) {
  const markers = new Array(data.length).fill('');
  groupCounts.forEach((groupInfo, prescriptionNo) => {
    const {count, indices} = groupInfo;

    if (count === 1) {
      // 如果只有一行，不显示标记
      return;
    }

    if (count === 2) {
      // 如果有两行，分别显示左右括号
      markers[indices[0]] = "┏";
      markers[indices[1]] = "┗";
    } else {
      // 如果有两行以上，第一条显示左括号，中间用竖线，最后一条显示右括号
      markers[indices[0]] = "┏";
      for (let i = 1; i < indices.length - 1; i++) {
        markers[indices[i]] = "┃";
      }
      markers[indices[indices.length - 1]] = "┗";
    }
  });

  return markers;
}

function spanMethod({row, column, rowIndex, columnIndex}) {
  // 定义需要合并的列范围（前6列，包括selection列）
  const columnsToMerge = [1, 2, 3, 17]; // 假设selection列是第0列，其他列依次是1, 2, 3, 4, 5
  // 检查当前列是否在需要合并的列范围内
  if (row.prescriptionNo) {
    if (columnsToMerge.includes(columnIndex)) {
      const prescriptionNo = row.prescriptionNo;

      // 查找当前处方号在列表中第一次出现的索引
      const firstRowIndex = medicineInfoList.value.findIndex(
          (item) => item.prescriptionNo === prescriptionNo
      );

      // 如果当前行是该处方号的首行，则合并count行
      if (rowIndex === firstRowIndex) {
        // 计算该处方号的总行数
        const count = medicineInfoList.value.filter(
            (item) => item.prescriptionNo === prescriptionNo
        ).length;
        return [count, 1]; // 合并count行，1列
      } else {
        return [0, 0]; // 其他行不显示
      }
    }
  }

  // 其他列不进行合并
  return [1, 1];
}

// 单元格类名设置
const cellClassName = ({row, column, rowIndex, columnIndex}) => {
  if (columnIndex === 1) {
    // 要合并的行数
    const sameDeptRows = medicineInfoList.value.filter(
        (item) => item.prescriptionNo === row.prescriptionNo
    );
    // 找到当前行在列表中第一次出现的索引
    const firstIndex = medicineInfoList.value.findIndex(
        (item) => item.prescriptionNo === row.prescriptionNo
    );

    // 如果是合并的单元格，添加特殊类名
    if (rowIndex === firstIndex && sameDeptRows.length > 1) {
      return 'merged-cell colored-cell';
    }
  }
  return '';
};

function handleSelectionChange(selectedRows, currentRow) {
  medicineInfoList.value
      .filter((item) => {
        return item.dispenseId == currentRow.dispenseId;
      })
      .forEach((item, index) => {
        tableRef.value.toggleRowSelection(item, selectedRows.includes(currentRow));
      });
}

function handleCellDbClick(row, column, cellValue, event) {
  if (
      adjustPriceSwitchState.value &&
      (column.property == 'lotNumber' || column.property == 'quantity')
  ) {
    row.isEdit = true;
  }
}

function formatPrice(row, column, cellValue) {
  if (cellValue === null || cellValue === undefined) {
    return "0.00 元"; // 如果值为空，返回0.00
  }
  return cellValue.toFixed(2) + " 元"; // 保留两位小数
}

function tagType(statusEnum) {
  if (statusEnum == 2 || statusEnum == 2) {
    return 'primary';
  } else if (statusEnum == 4) {
    return "success";
  } else if (statusEnum == 5 || statusEnum == 6 || statusEnum == 7) {
    return "warning";
  } else if (statusEnum == 12) {
    return "info";
  }
}

function handleCurrentChange(row) {
  loading.value = true;
  currentRow.value = row; // 更新当前选中行的数据
  currentRow.value.statusEnum = undefined;
  currentRow.value.dispenseStatus = queryParams.value.statusEnum;
  getAdjustPriceSwitchState().then((res) => {
    adjustPriceSwitchState.value = res.data;
    if (adjustPriceSwitchState.value) {
      lotNumberMatch({encounterIdList: row.encounterId})
          .then((res) => {
            if (res.code == 200) {
              getMedicineList(row.encounterId);
            }
          })
          .catch(() => {
            loading.value = false;
          });
    } else {
      getMedicineList(row.encounterId);
    }
  });
}

function getMedicineList(encounterId) {
  // 根据projectTypeCode的值决定调用哪些接口
  if (projectTypeCode.value == 1) {
    // 同时调用两个接口并将数据合并显示
    Promise.all([
      listWesternmedicine({
        pageNo: 1,
        pageSize: 100,
        encounterId: encounterId,
        statusEnum: queryParams.value.statusEnum,
        tcmFlag: tcmFlag.value,
      }),
      getReportRegisterInit({
        pageNo: 1,
        pageSize: 100,
        encounterId: encounterId,
        statusEnum: queryParams.value.statusEnum,
        tcmFlag: tcmFlag.value,
      }),
    ])
        .then(([westernRes, reportRes]) => {
          // 合并两个接口的数据
          let westernData = Array.isArray(westernRes.data.records)
              ? westernRes.data.records
              : [westernRes.data.records];

          let reportData = Array.isArray(reportRes.data.records)
              ? reportRes.data.records
              : [reportRes.data.records];

          // 合并数据
          medicineInfoList.value = [...westernData, ...reportData];

          // 处理合并后的数据
          processMedicineListData();
          loading.value = false;
        })
        .catch((error) => {
          proxy.$modal.msgError('获取数据失败');
        });
  } else if (projectTypeCode.value == 2) {
    // 只调用listWesternmedicine接口
    listWesternmedicine({
      pageNo: 1,
      pageSize: 100,
      encounterId: encounterId,
      statusEnum: queryParams.value.statusEnum,
      tcmFlag: tcmFlag.value,
    }).then((response) => {
      // personInfo.value = response.data.prescriptionPatientInfoDto;
      medicineInfoList.value = Array.isArray(response.data.records)
          ? response.data.records
          : [response.data.records];

      // 处理数据
      processMedicineListData();
      loading.value = false;
    });
  } else if (projectTypeCode.value == 3) {
    // 只调用getReportRegisterInit接口
    getReportRegisterInit({
      encounterId: encounterId,
      statusEnum: queryParams.value.statusEnum,
      tcmFlag: tcmFlag.value,
    }).then((response) => {
      medicineInfoList.value = Array.isArray(response.data.records)
          ? response.data.records
          : [response.data.records];

      // 处理数据
      processMedicineListData();
      loading.value = false;
    });
  }
}

// 提取公共的数据处理逻辑
function processMedicineListData() {
  // 创建分组映射表
  const groupMap = {};
  medicineTotalPrice.value = 0;
  medicineInfoList.value.forEach((item) => {
    const groupId = item.groupId; // 确保属性名一致
    medicineTotalPrice.value = medicineTotalPrice.value + item.totalPrice;
    if (groupId != null) {
      // 过滤掉null/undefined
      groupMap[groupId] = groupMap[groupId] || [];
      groupMap[groupId].push(item);
    }
  });

  // 处理每个分组
  Object.values(groupMap).forEach((group) => {
    const count = group.length;
    if (count === 2) {
      group[0].flag = "┓";
      group[1].flag = "┛";
    } else if (count > 2) {
      group[0].flag = "┓";
      group.slice(1, -1).forEach((item) => (item.flag = "┃")); // 中间元素
      group[group.length - 1].flag = "┛";
    }
  });

  // 处理没有分组的项
  medicineInfoList.value.forEach((item) => {
    if (item.groupId == null) {
      // 确保属性名一致
      item.flag = "";
    } else if (!item.flag) {
      // 确保所有项都有flag属性
      item.flag = "";
    }
  });

  diagnoses.value = medicineInfoList.value.map((item) => item.诊断 || "无").join(", ");
}

function submitMedicine(saveList) {
  if (projectTypeCode.value == 1) {
    // 根据itemTable分类数据
    const deviceList = saveList.filter(
        (item) => item.itemTable === "adm_device_definition"
    );
    const medicineList = saveList.filter(
        (item) => item.itemTable === "med_medication_definition"
    );

    // 并行处理两种类型的发药
    const promises = [];

    // 如果有耗材数据，调用deviceDispense接口
    if (deviceList.length > 0) {
      promises.push(
          deviceDispense(deviceList).then((res) => {
            if (res.code != 200) {
              throw new Error("耗材发药失败");
            }
            return res;
          })
      );
    }

    let preparationList = medicineList.filter((item) => {
      return item.statusEnum == 2;
    }); // 待配药列表
    let preparedList = medicineList.filter((item) => {
      return item.statusEnum == 14;
    }); // 已配药列表

    // 如果有药品数据，调用prepareMedicion接口
    if (preparationList.length > 0) {
      promises.push(
          prepareMedicion(preparationList).then((res) => {
            if (res.code != 200) {
              throw new Error('药品发药失败');
            }
            return res;
          })
      );
    }
    if (preparedList.length > 0) {
      promises.push(
          updateMedicion(preparedList).then((res) => {
            if (res.code != 200) {
              throw new Error("药品发药失败");
            }
            return res;
          })
      );
    }

    // 等待所有发药接口完成
    Promise.all(promises)
        .then(() => {
          // 所有发药都成功后，调用更新接口
          if (preparationList.length > 0) {
            return updateMedicion(preparationList);
          }
        })
        .then((response) => {
          proxy.$modal.msgSuccess("发药成功");
          // 重新获取数据
          getMedicineList(currentRow.value.encounterId);
        })
        .catch((error) => {
          proxy.$modal.msgError('发药失败: ' + error.message);
        });
  } else if (projectTypeCode.value == 2) {
    let preparationList = saveList.filter((item) => {
      return item.statusEnum == 2;
    }); // 待配药列表
    let preparedList = saveList.filter((item) => {
      return item.statusEnum == 14;
    }); // 已配药列表
    if (preparedList.length > 0) {
      updateMedicion(preparedList).then((response) => {
        proxy.$modal.msgSuccess('发药成功');
        getMedicineList(currentRow.value.encounterId);
      });
    } else {
      prepareMedicion(preparationList).then((res) => {
        if (res.code == 200) {
          updateMedicion(preparationList).then((response) => {
            proxy.$modal.msgSuccess('发药成功');
            getMedicineList(currentRow.value.encounterId);
          });
        }
      });
    }
  } else {
    deviceDispense(saveList).then((res) => {
      if (res.code == 200) {
        proxy.$modal.msgSuccess("发药成功");
        getMedicineList(currentRow.value.encounterId);
      }
    });
  }
}

// 校验当前批次库存是否充足
function validInventory(row, item) {
  // 统一成小单位数量
  let quantity = row.quantity;
  if (row.unitCode == item.maxUnitCode) {
    quantity = quantity * item.partPercent;
  }
  if (quantity > item.inventoryQuantity) {
    proxy.$modal.msgError('当前批次库存不足');
    return;
  }
}

// 校验输入发药数量是否大于总数量
function handleQuantity(row) {
  // 遍历全部药品列表, 计算出与当前行requestId相同的发药数量总数
  let totalQuantity = 0;
  medicineInfoList.value.forEach((item) => {
    if (item.requestId == row.requestId) {
      totalQuantity += item.quantity;
    }
  });
  if (totalQuantity > row.requestQuantity) {
    couldSave.value = false;
    proxy.$modal.msgError('发药数量不能大于总数量');
  } else if (totalQuantity < row.requestQuantity) {
    couldSave.value = false;
    proxy.$modal.msgError('发药数量不能小于总数量');
  } else {
    couldSave.value = true;
  }
  if (couldSave.value) {
    row.isEdit = false;
  }
}

const throttledGetList = debounce(handelTraceNo, 500);
const traceNoInput = debounce(handleTraceNoInput, 500);

function formatContent(value) {
  let content = "";
  if (value && value.endsWith(",")) {
    value = value.slice(0, -1);
  }
  if (value) {
    value.split(",").forEach((item, index) => {
      content += `[${index + 1}] ${item}\n`;
    });
    return content;
  }
}

function handleTraceNoInput(row, index) {
  if (row.traceNo) {
    // 先移除所有逗号
    let cleanStr = row.traceNo.replace(/,/g, "");
    // 每20个字符插入一个逗号
    let formattedStr = cleanStr.replace(/(.{20})/g, "$1,");
    // 如果最后一个字符是逗号则移除
    formattedStr = formattedStr.replace(/,$/, "");
    row.traceNo = formattedStr;

    // 保持输入焦点
    proxy.$refs["traceNoRef" + index].focus();
  }
}

let inputValue = "";

function handelTraceNo(value) {
  traceNoList.value.push(value);
  traceNo.value =
      traceNo.value + "[" + traceNoList.value.length + "]" + "  " + value + "\n";
  traceNoTemp.value = "";
  // let saveValue = value.substring(inputValue.length + 5, value.length);
  // inputValue = value;
  // traceNoList.value.push(saveValue);
  // traceNo.value = value + '[' + (traceNoList.value.length + 1) + ']' + '  ';
}

function handleBatch(row) {
  let saveList = [];
  if (row) {
    saveList = medicineInfoList.value
        .filter((item) => {
          return item.prescriptionNo === row.prescriptionNo;
        })
        .map((item) => {
          return {
            requestId: item.requestId,
            dispenseId: item.dispenseId,
            traceNo: item.traceNo,
            prescriptionNo: item.prescriptionNo,
            preparerId: preparerDoctor.value,
            itemTable: item.itemTable,
            statusEnum: item.statusEnum,
            quantity: item.quantity,
            lotNumber: item.lotNumber,
          };
        });
  } else {
    if (tableRef.value.getSelectionRows().length > 0) {
      saveList = tableRef.value.getSelectionRows().map((item) => {
        return {
          requestId: item.requestId,
          dispenseId: item.dispenseId,
          traceNo: item.traceNo,
          prescriptionNo: item.prescriptionNo,
          preparerId: preparerDoctor.value,
          itemTable: item.itemTable,
          statusEnum: item.statusEnum,
          quantity: item.quantity,
          lotNumber: item.lotNumber,
        };
      });
    } else {
      proxy.$modal.msgWarning('未选择要发药的项目，请重新选择，发药失败');
      return;
    }
  }
  submitMedicine(saveList);
}

function backMedicine(row) {
  showDialog.value = true;
  selectedPrescriptionNo.value = row.dispenseId;
  selectedRow.value = row;
  console.log("作废原因:", selectedPrescriptionNo.value, row.prescriptionNo);
}

function handleCancel() {
  showDialog.value = false;
  notPerformedReasonEnum.value = ""; // 清空选择
}

// ✅ 更完善的版本
async function handleConfirm() {
  // 统一验证
  const validationResult = validate();
  if (!validationResult.success) {
    ElMessage.error(validationResult.message);
    return;
  }

  const loading = ElLoading.service({text: "作废中..."});

  try {
    const params = buildParams();
    await performInvalidOperation(params);
    await handleSuccess();
  } catch (error) {
    handleError(error);
  } finally {
    loading.close();
  }
}

// 分离验证逻辑
function validate() {
  if (!notPerformedReasonEnum.value) {
    return {success: false, message: "请选择作废原因"};
  }
  if (!selectedRow.value) {
    return {success: false, message: "未选择数据"};
  }
  return {success: true};
}
</script>

<style lang="scss" scoped>
.app-container {
  padding: 20px;
  display: flex;
}

.left {
  width: 25%;

  .form {
    width: 100%;
    display: flex;
    justify-content: space-between;
  }
}

.right {
  margin-left: 2%;
  width: 74%;
}

/* 表格文字颜色改为纯黑色 */
:deep(.el-table) {
  td,
  th {
    color: #000000 !important;
  }

  .el-table__cell {
    color: #000000 !important;
  }

  tbody tr td {
    color: #000000 !important;
  }

  thead tr th {
    color: #000000 !important;
  }
}

:deep(.el-table tbody tr:hover > td) {
  background-color: inherit !important;
}

.el-form--inline .el-form-item {
  margin-right: 0px;
}

:deep(.el-textarea .el-textarea__inner) {
  resize: none !important;
}

/* 添加图标悬停样式 */
.editable-icon {
  transition: color 0.3s ease;
}

.editable-icon:hover {
  color: #409eff; /* Element Plus 主题色，可根据需要调整 */
  cursor: pointer;
}

/* 批次号容器样式 */
.lot-number-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}

/* 确认图标样式 */
.confirm-icon {
  transition: color 0.3s ease;
  margin-left: 5px;
}

.confirm-icon:hover {
  color: #409eff;
  cursor: pointer;
}

/* 合并单元格基础样式 */
:deep(.merged-cell) {
  text-align: center;
  font-weight: bold;
}

/* 变色样式 */
:deep(.colored-cell) {
  background-color: #e6f7ff !important; /* 浅蓝色 */
  border-left: 3px solid #1890ff !important;
}

:deep(.el-table--border::after),
:deep(.el-table--group::after),
:deep(.el-table::before) {
  background-color: #dddde0;
}

:deep(.el-table td),
:deep(.el-table th.is-leaf) {
  border-color: #dddde0;
}

:deep(.el-table--border th),
::v-deep .el-table--border th.gutter:last-of-type {
  border-color: #dddde0;
}
</style>
