From 3c52039b5bddd9d42cd4e23c6b790ca0c525d23a Mon Sep 17 00:00:00 2001
From: fuenmao <980740792@qq.com>
Date: Mon, 24 Aug 2026 09:21:34 +0800
Subject: [PATCH] =?UTF-8?q?=E5=88=A0=E9=99=A4=E4=BB=A5=E5=89=8D=E7=9A=84?=
 =?UTF-8?q?=E4=B8=9A=E5=8A=A1=E4=BB=A3=E7=A0=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/modules/biz/WeiBingJu/medicinal.ts    |   76 -
 src/api/modules/biz/WeiBingJu/prescription.ts |  155 --
 src/api/modules/biz/WeiBingJu/statistics.ts   |   72 -
 src/api/modules/biz/index.ts                  |    5 +-
 .../components/AddMedicinalDialog.vue         |  140 --
 .../components/AdditionRecordDialog.vue       |  219 ---
 .../components/ConsumptionRecordDialog.vue    |  120 --
 src/views/biz/weibingju/medicinal/index.vue   |   87 --
 .../components/PrescriptionDetailDialog.vue   |  983 ------------
 .../components/PrescriptionReportDialog.vue   |  375 -----
 .../biz/weibingju/prescription/index.vue      |  150 --
 src/views/biz/weibingju/statistics/index.vue  | 1328 -----------------
 12 files changed, 1 insertion(+), 3709 deletions(-)
 delete mode 100644 src/api/modules/biz/WeiBingJu/medicinal.ts
 delete mode 100644 src/api/modules/biz/WeiBingJu/prescription.ts
 delete mode 100644 src/api/modules/biz/WeiBingJu/statistics.ts
 delete mode 100644 src/views/biz/weibingju/medicinal/components/AddMedicinalDialog.vue
 delete mode 100644 src/views/biz/weibingju/medicinal/components/AdditionRecordDialog.vue
 delete mode 100644 src/views/biz/weibingju/medicinal/components/ConsumptionRecordDialog.vue
 delete mode 100644 src/views/biz/weibingju/medicinal/index.vue
 delete mode 100644 src/views/biz/weibingju/prescription/components/PrescriptionDetailDialog.vue
 delete mode 100644 src/views/biz/weibingju/prescription/components/PrescriptionReportDialog.vue
 delete mode 100644 src/views/biz/weibingju/prescription/index.vue
 delete mode 100644 src/views/biz/weibingju/statistics/index.vue

diff --git a/src/api/modules/biz/WeiBingJu/medicinal.ts b/src/api/modules/biz/WeiBingJu/medicinal.ts
deleted file mode 100644
index a097bf1..0000000
--- a/src/api/modules/biz/WeiBingJu/medicinal.ts
+++ /dev/null
@@ -1,76 +0,0 @@
-/**
- * @description 药材管理接口
- */
-
-import { moduleRequest } from "@/api/request";
-import { ResPage } from "@/api/interface";
-
-// 请求前缀，根据后端路由配置
-const http = moduleRequest("/biz/weibingju/medicinal/");
-
-/**
- * 药材接口
- */
-const medicinalApi = {
-  /** 获取药材分页列表 */
-  page(params: { name?: string; pageNum?: number; pageSize?: number }) {
-    return http.get<ResPage<MedicinalInfo>>("list", params);
-  },
-
-  /** 获取药材下拉字典 */
-  getDictList() {
-    return http.get<MedicinalInfo[]>("getmedicinaldictlist");
-  },
-
-  /** 获取药材消耗记录 */
-  getConsumptionRecords(params: { id: number; pageNum?: number; pageSize?: number }) {
-    console.log("获取添加记录，请求参数=", params);
-    return http.get<ResPage<any>>(`consumption-records`, params); // 透传分页参数
-  },
-
-  /** 获取药材添加记录 */
-  getAdditionRecords(params: { id: number; pageNum?: number; pageSize?: number }) {
-    return http.get<ResPage<any>>(`addition-records`, params);
-  },
-
-  /** 添加药材 */
-  addMedicinal(params: AddMedicinalInput) {
-    return http.post("add", params);
-  },
-
-  /** 修改药材添加记录 */
-  updateAdditionRecord(params: UpdateMedicinalAddLogInput) {
-    return http.post(`addition-records`, params);
-  },
-
-  /** 删除药材添加记录 */
-  deleteAdditionRecord(params: { id: number }) {
-    return http.post(`addition-delete`, params);
-  }
-};
-
-/** 药材信息 */
-export interface MedicinalInfo {
-  id?: number;
-  name: string;
-  unit?: string;
-  stock?: number;
-  description?: string;
-}
-
-/** 添加药材 */
-export interface AddMedicinalInput {
-  medicinalTypeId: number;
-  addWeight: number;
-  totalPrice: number;
-  medicinalName: string;
-}
-
-/** 修改添加记录 */
-export interface UpdateMedicinalAddLogInput {
-  id: number;
-  addWeight: number;
-  totalPrice: number;
-}
-
-export { medicinalApi };
diff --git a/src/api/modules/biz/WeiBingJu/prescription.ts b/src/api/modules/biz/WeiBingJu/prescription.ts
deleted file mode 100644
index a96ff05..0000000
--- a/src/api/modules/biz/WeiBingJu/prescription.ts
+++ /dev/null
@@ -1,155 +0,0 @@
-import { moduleRequest } from "@/api/request";
-import { ResPage } from "@/api/interface";
-
-const http = moduleRequest("/biz/weibingju/prescription/");
-
-// -----------------------------
-// 类型定义（对应后端 DTO）
-// -----------------------------
-
-/** 人员类型 */
-export enum PersonType {
-  Employee = 1,
-  Relative = 2
-}
-
-/** 处方列表 DTO */
-export interface PrescriptionDto {
-  id: number;
-  personId: number;
-  personName: string;
-  personType: PersonType;
-  employeeName?: string;
-  visitDate?: string;
-  canEdit: boolean;
-}
-
-/** 处方药材 DTO */
-export interface PrescriptionHerbDto {
-  Id: number;
-  medicinalName: string;
-  amountG: number;
-  note?: string;
-}
-
-/** 人员详情 DTO */
-export interface PersonDetailDto {
-  id?: number;
-  name: string;
-  age?: number;
-  weight?: number;
-  height?: number;
-  isEmployee: boolean;
-  employeeId?: number;
-  employeeName?: string;
-  relationShip?: number;
-  relationShipName?: string;
-}
-
-/** 处方详情 DTO */
-export interface PrescriptionDetailDto {
-  id: number;
-  person: PersonDetailDto;
-  diagnosisResult: string;
-  userMedicinaAdvice: string;
-  visitDate?: string;
-  herbs: PrescriptionHerbDto[];
-  canEdit: boolean;
-}
-
-/** 保存处方输入 DTO */
-export interface SavePrescriptionInput {
-  id?: number;
-  person: PersonInputDto;
-  diagnosisResult: string;
-  userMedicinaAdvice: string;
-  visitDate?: string;
-  herbs: PrescriptionHerbInputDto[];
-}
-
-/** 人员输入 DTO */
-export interface PersonInputDto {
-  id?: number;
-  name: string;
-  age?: number;
-  weight?: number;
-  height?: number;
-  isEmployee: boolean;
-  employeeId?: number;
-  relationShip?: number;
-}
-
-/** 处方药材输入 DTO */
-export interface PrescriptionHerbInputDto {
-  Id: number;
-  amountG: number;
-  note?: string;
-}
-
-/** 人员 DTO（列表用） */
-export interface PersonDto {
-  id: number;
-  name: string;
-  age?: number;
-  employeeId?: number;
-}
-
-/** 添加人员输入 DTO */
-export interface AddPersonInput {
-  name: string;
-  age?: number;
-  weight?: number;
-  height?: number;
-  isEmployee: boolean;
-  employeeId?: number;
-  relationShip?: number;
-}
-
-/** 关系类型 DTO */
-export interface RelationTypeDto {
-  id: number;
-  name: string;
-}
-
-// -----------------------------
-// API 方法（对应后端接口）
-// -----------------------------
-
-const prescriptionApi = {
-  /** 获取处方列表 */
-  getList(params: any) {
-    return http.get<ResPage<PrescriptionDto>>("list", params);
-  },
-
-  /** 获取处方详情 */
-  getDetail(id: number) {
-    return http.get<PrescriptionDetailDto>(`getprescriptiondetile?id=${id}`);
-  },
-
-  /** 保存处方（新增/编辑） */
-  save(params: SavePrescriptionInput) {
-    return http.post<number>("add", params);
-  },
-
-  /** 获取人员列表 */
-  getPersonList(params: { type?: PersonType; employeeId?: number }) {
-    return http.get<PersonDto[]>("persons", params);
-  },
-
-  /** 添加人员 */
-  addPerson(params: AddPersonInput) {
-    return http.post<number>("addpersons", params);
-  },
-
-  /** 获取关系类型 */
-  getRelationTypes() {
-    return http.get<RelationTypeDto[]>("relation-types");
-  },
-
-  /** 获取处方总价 */
-  getTotalCost() {
-    return http.get<number>("gettotalcost");
-  }
-};
-
-export { prescriptionApi };
diff --git a/src/api/modules/biz/WeiBingJu/statistics.ts b/src/api/modules/biz/WeiBingJu/statistics.ts
deleted file mode 100644
index 9b48801..0000000
--- a/src/api/modules/biz/WeiBingJu/statistics.ts
+++ /dev/null
@@ -1,72 +0,0 @@
-/**
- * @description 微病句统计分析接口
- */
-
-import { moduleRequest } from "@/api/request";
-
-// 请求前缀
-const http = moduleRequest("/biz/weibingju/statistics/");
-
-/**
- * 统计接口
- */
-const statisticsApi = {
-  /** 获取全量总览数据（不区分年份，含剩余药材库存价值） */
-  getTotalOverview() {
-    return http.get<TotalOverviewDto>("overview");
-  },
-
-  /** 获取年度统计数据 */
-  getYearlyStatistics(params: { year: string }) {
-    return http.get<YearlyStatisticsDto>("yearly", params);
-  },
-
-  /** 获取月度明细数据 */
-  getMonthlyDetails(params: { year: string }) {
-    return http.get<MonthlyDetailDto[]>("monthly", params);
-  }
-};
-
-/** 全量总览数据 DTO */
-export interface TotalOverviewDto {
-  totalCost: number;                // 历史处方总花费
-  totalQty: number;                 // 历史处方总数量
-  staffCost: number;                // 员工花费
-  familyCost: number;               // 家属花费
-  staffQty: number;                 // 员工处方数
-  familyQty: number;                // 家属处方数
-  materialCost: number;             // 药材采购总花费
-  serviceCount: number;             // 累计服务人数
-  remainingMedicinalValue: number;  // 当前剩余药材库存价值
-}
-
-/** 年度统计数据 DTO */
-export interface YearlyStatisticsDto {
-  year: string;
-  totalCost: number;          // 总花费
-  totalQty: number;           // 总数量
-  staffCost: number;          // 员工花费
-  familyCost: number;         // 家属花费
-  staffQty: number;           // 员工处方数
-  familyQty: number;          // 家属处方数
-  materialCost: number;       // 药材花费
-  serviceCount: number;       // 服务人数
-  
-  // 同比趋势（百分比）
-  totalCostTrend: number;     // 处方总花费趋势
-  totalQtyTrend: number;      // 处方总数量趋势
-  materialCostTrend: number;  // 药材花费趋势
-  serviceCountTrend: number;  // 服务人数趋势
-}
-
-/** 月度明细数据 DTO */
-export interface MonthlyDetailDto {
-  month: string;              // 月份
-  staffCost: number;          // 员工处方花费
-  familyCost: number;         // 家属处方花费
-  staffQty: number;           // 员工处方数量
-  familyQty: number;          // 家属处方数量
-  materialCost: number;       // 药材花费
-}
-
-export { statisticsApi };
diff --git a/src/api/modules/biz/index.ts b/src/api/modules/biz/index.ts
index 7d15f69..c83068c 100644
--- a/src/api/modules/biz/index.ts
+++ b/src/api/modules/biz/index.ts
@@ -1,4 +1,4 @@
-/**
+/**
  * @description
  * @license Apache License Version 2.0
  * @Copyright (c) 2022-Now 少林寺驻北固山办事处大神父王喇嘛
@@ -15,6 +15,3 @@
 
 export * from "./organization";
 export * from "./ops";
-export * from "./WeiBingJu/medicinal";
-export * from "./WeiBingJu/prescription";
-export * from "./WeiBingJu/statistics";
diff --git a/src/views/biz/weibingju/medicinal/components/AddMedicinalDialog.vue b/src/views/biz/weibingju/medicinal/components/AddMedicinalDialog.vue
deleted file mode 100644
index 5f25636..0000000
--- a/src/views/biz/weibingju/medicinal/components/AddMedicinalDialog.vue
+++ /dev/null
@@ -1,140 +0,0 @@
-<template>
-  <el-dialog :model-value="visible" @update:model-value="handleUpdateVisible" title="添加药材" width="600px"
-    destroy-on-close :close-on-click-modal="false">
-    <el-form :model="form" label-width="120px" ref="formRef" class="mt-2" :rules="formRules">
-      <!-- 药材下拉 + 未找到按钮 -->
-      <el-form-item v-if="!isAddingNew" label="药材名称" prop="Id" style="display: flex; align-items: center">
-        <el-select v-model="form.Id" placeholder="请选择药材" filterable style="flex: 1; margin-right: 8px">
-          <el-option v-for="item in medicinalList" :key="item.id" :label="item.medicinalName" :value="item.id" />
-        </el-select>
-        <el-button type="text" @click="handleNotFound">未找到</el-button>
-      </el-form-item>
-      <!-- 新药材输入框 -->
-      <el-form-item label="新药材名称" v-if="isAddingNew" prop="medicinalName">
-        <el-input v-model="form.medicinalName" placeholder="请输入新药材名称" />
-      </el-form-item>
-
-      <el-form-item label="添加量（g）" prop="addWeight">
-        <el-input v-model.number="form.addWeight" type="number" min="0.01" step="0.01" placeholder="请输入添加量" />
-      </el-form-item>
-
-      <!-- 改为总价输入 -->
-      <el-form-item label="总价" prop="totalPrice">
-        <el-input v-model.number="form.totalPrice" type="number" min="0" step="0.01" placeholder="请输入总价（元）" />
-      </el-form-item>
-    </el-form>
-
-    <template #footer>
-      <el-button @click="handleCancel">取消</el-button>
-      <el-button type="primary" @click="handleSubmit">确认添加</el-button>
-    </template>
-  </el-dialog>
-</template>
-
-<script setup lang="ts">
-import { ref, reactive, watch, computed } from "vue";
-import { medicinalApi } from "@/api/modules/biz/weibingju/medicinal";
-import { ElMessage, ElForm, FormRules } from "element-plus";
-
-const props = defineProps({
-  visible: { type: Boolean, default: false }
-});
-const emit = defineEmits(["update:visible", "close", "refreshList"]);
-
-const medicinalList = ref<any[]>([]);
-const isAddingNew = ref(false);
-
-const formRef = ref<InstanceType<typeof ElForm>>();
-const form = reactive({
-  Id: null as number | null,
-  addWeight: 0,
-  // 前端改为 totalPrice
-  totalPrice: 0,
-  medicinalName: ""
-});
-
-// 动态表单校验（注意 totalPrice 字段）
-const formRules = computed<FormRules>(() => ({
-  Id: [{ required: !isAddingNew.value, message: "请选择药材", trigger: "change" }],
-  medicinalName: [{ required: isAddingNew.value, message: "请输入新药材名称", trigger: "blur" }],
-  addWeight: [
-    { required: true, message: "请输入添加量", trigger: "blur" },
-    { type: "number", min: 0.01, message: "添加量不能小于0.01", trigger: "blur" }
-  ],
-  totalPrice: [
-    { required: true, message: "请输入总价", trigger: "blur" },
-    { type: "number", min: 0, message: "总价不能为负", trigger: "blur" }
-  ]
-}));
-
-const fetchMedicinalList = async () => {
-  try {
-    const res = await medicinalApi.getDictList();
-    medicinalList.value = res.data || [];
-  } catch (err) {
-    medicinalList.value = [];
-  }
-};
-
-watch(
-  () => props.visible,
-  async newVal => {
-    if (newVal) {
-      handleResetForm();
-      await fetchMedicinalList();
-    }
-  }
-);
-
-const handleUpdateVisible = (newVisible: boolean) => {
-  emit("update:visible", newVisible);
-  if (!newVisible) {
-    handleResetForm();
-    emit("close");
-  }
-};
-const handleCancel = () => emit("update:visible", false);
-const handleResetForm = () => {
-  form.Id = null;
-  form.addWeight = 0;
-  form.totalPrice = 0;
-  form.medicinalName = "";
-  isAddingNew.value = false;
-  formRef.value?.resetFields();
-};
-
-const handleNotFound = () => {
-  isAddingNew.value = true;
-  form.Id = null;
-};
-
-const handleSubmit = async () => {
-  if (!formRef.value) return;
-
-  try {
-    await formRef.value.validate();
-  } catch {
-    return;
-  }
-
-  // 计算单价，并校验 addWeight > 0
-  if (!form.addWeight || form.addWeight <= 0) {
-    ElMessage.warning("添加量需大于 0");
-    return;
-  }
-  const payload: any = {
-    Id: form.Id,
-    addWeight: form.addWeight,
-    totalPrice: form.totalPrice,
-    medicinalName: form.medicinalName
-  };
-
-  try {
-    await medicinalApi.addMedicinal(payload);
-    ElMessage.success("添加成功");
-    emit("update:visible", false);
-    emit("refreshList");
-  } catch (err: any) {
-  }
-};
-</script>
diff --git a/src/views/biz/weibingju/medicinal/components/AdditionRecordDialog.vue b/src/views/biz/weibingju/medicinal/components/AdditionRecordDialog.vue
deleted file mode 100644
index c9ebe8b..0000000
--- a/src/views/biz/weibingju/medicinal/components/AdditionRecordDialog.vue
+++ /dev/null
@@ -1,219 +0,0 @@
-<template>
-  <el-dialog :model-value="props.visible" :title="`${props.medicinalName} - 添加记录`" width="1200px"
-    @close="handleDialogClose" @update:model-value="handleUpdateVisible" append-to-body
-    :body-class="'el-dialog__body-new'" :close-on-click-modal="false">
-    <ProTable ref="proTableRef" title="添加记录" :columns="columns" :request-api="getAdditionRecordsApi" :row-key="rowKey"
-      :border="true" :show-selection="false">
-      <!-- 行内列 slot：addWeight -->
-      <template #addWeight="{ row }">
-        <template v-if="editingId === row.id">
-          <el-input-number v-model.number="editModel.addWeight" :min="0.01" :step="0.01" controls-position="right"
-            size="small" />
-        </template>
-        <template v-else>
-          {{ row.addWeight }}
-        </template>
-      </template>
-
-      <!-- unitPrice 列：只展示单价，不编辑 -->
-      <template #unitPrice="{ row }">
-        {{ (row.unitPrice ?? 0).toFixed(5) }}
-      </template>
-
-      <!-- totalPrice 列：查看时显示合计，编辑时可以修改 -->
-      <template #totalPrice="{ row }">
-        <template v-if="editingId === row.id">
-          <el-input-number v-model.number="editModel.totalPrice" :min="0" :step="0.01" controls-position="right"
-            size="small" placeholder="输入总价（元）" />
-        </template>
-        <template v-else>
-          {{ row.totalPrice }}
-        </template>
-      </template>
-
-      <!-- addTime 格式化 -->
-      <template #addTime="{ row }">
-        {{ row.addTime ? formatDate(row.addTime) : "-" }}
-      </template>
-
-      <!-- 操作列 -->
-      <template #operation="{ row }">
-        <template v-if="editingId === row.id">
-          <el-button size="small" type="primary" @click="saveRowEdit(row)" :loading="saving">保存</el-button>
-          <el-button size="small" @click="cancelRowEdit">取消</el-button>
-        </template>
-        <template v-else>
-          <el-button v-if="row.canEdit" type="text" size="small" @click="startRowEdit(row)">编辑</el-button>
-          <el-button v-if="row.canEdit" type="text" size="small" style="color: #ff4d4f"
-            @click="handleDeleteRecord(row.id)">
-            删除
-          </el-button>
-        </template>
-      </template>
-    </ProTable>
-  </el-dialog>
-</template>
-
-<script setup lang="ts">
-/**
- * 单行行内编辑版本（总价 totalPrice 输入）：
- * - 点击「编辑」：将该行复制到 editModel（editModel.addWeight & editModel.totalPrice），记录 editingId（只允许单行编辑）
- * - 取消：不调用后端，直接清除 editingId（恢复显示）
- */
-
-import { defineProps, defineEmits, ref, reactive, watch, nextTick } from "vue";
-import ProTable from "@/components/ProTable/index.vue";
-import { medicinalApi } from "@/api";
-import { ElMessage, ElMessageBox } from "element-plus";
-
-const props = defineProps({
-  visible: { type: Boolean, default: false },
-  id: { type: Number, required: true },
-  medicinalName: { type: String, default: "药材" }
-});
-const emit = defineEmits(["update:visible", "close", "refreshList"]);
-
-// proTable 引用（用于 refresh）
-const proTableRef = ref<any | null>(null);
-
-// 当前正在编辑的行 id（单行）
-const editingId = ref<number | null>(null);
-
-// 编辑模型（只存一行）：注意 totalPrice
-const editModel = reactive({
-  addWeight: 0,
-  totalPrice: 0
-});
-
-// 保存中标记，避免重复提交
-const saving = ref(false);
-
-// 列定义，slotName 使用 prop 名称（与 ProTable slot 对应）
-const columns = [
-  { prop: "addWeight", label: "添加量（g）", minWidth: 120, slotName: "addWeight" },
-  { prop: "unitPrice", label: "单价（元/g）", minWidth: 120, slotName: "unitPrice" },
-  { prop: "totalPrice", label: "总价（元）", minWidth: 120, slotName: "totalPrice" },
-  { prop: "addTime", label: "添加时间", minWidth: 200, slotName: "addTime" },
-  { prop: "addUserName", label: "添加人员", minWidth: 150 },
-  { prop: "operation", label: "操作", width: 180, fixed: "right", slotName: "operation" }
-];
-
-const rowKey = (row: any) => row.id;
-
-// 打开弹窗时刷新表格
-watch(
-  () => props.visible,
-  async val => {
-    if (val && props.id) {
-      console.log("打开添加记录弹窗，药材ID=", props.id);
-      await nextTick();
-      proTableRef.value?.refresh?.();
-    }
-  },
-  { immediate: true }
-);
-
-// 将 ProTable 的请求透传到后端（ProTable 会带上 pageNum/pageSize 等）
-const getAdditionRecordsApi = (params: any) => {
-  return medicinalApi.getAdditionRecords({
-    id: props.id,
-    ...params
-  });
-};
-
-// 开始编辑：把当前行复制到 editModel（addWeight 和 totalPrice）
-const startRowEdit = (row: any) => {
-  if (editingId.value !== null && editingId.value !== row.id) {
-    ElMessage.warning("请先保存或取消当前正在编辑的行");
-    return;
-  }
-  editingId.value = row.id;
-  editModel.addWeight = row.addWeight ?? 0;
-  // 后端返回的是 unitPrice，前端要显示/编辑 totalPrice = unitPrice * addWeight
-  editModel.totalPrice = row.totalPrice;
-};
-
-// 取消编辑：清空 editingId（恢复显示）
-const cancelRowEdit = () => {
-  editingId.value = null;
-  editModel.addWeight = 0;
-  editModel.totalPrice = 0;
-};
-
-// 保存编辑：计算 unitPrice = totalPrice / addWeight -> 发送到后端
-const saveRowEdit = async (row: any) => {
-  // 基本校验
-  if (!editModel.addWeight || editModel.addWeight <= 0) {
-    ElMessage.warning("添加量需大于 0");
-    return;
-  }
-  if (editModel.totalPrice < 0) {
-    ElMessage.warning("总价不能为负");
-    return;
-  }
-
-  try {
-    saving.value = true;
-
-    await medicinalApi.updateAdditionRecord({
-      id: row.id,
-      addWeight: editModel.addWeight,
-      totalPrice: editModel.totalPrice
-    });
-
-    ElMessage.success("保存成功");
-    // 刷新表格并退出编辑
-    await proTableRef.value?.refresh?.();
-    emit("refreshList");
-    cancelRowEdit();
-  } catch (err: any) {
-  } finally {
-    saving.value = false;
-  }
-};
-
-// 删除记录
-const handleDeleteRecord = async (id: number) => {
-  ElMessageBox.confirm("确定要删除这条添加记录吗？删除后不可恢复！", "确认删除", {
-    confirmButtonText: "确认",
-    cancelButtonText: "取消",
-    type: "warning"
-  })
-    .then(async () => {
-      try {
-        await medicinalApi.deleteAdditionRecord({ id: id });
-        ElMessage.success("删除成功");
-        await proTableRef.value?.refresh?.();
-        emit("refreshList");
-      } catch (err: any) {
-      }
-    })
-    .catch(() => {
-      /* 用户取消删除 */
-    });
-};
-
-// 格式化时间
-const formatDate = (dateStr: string) => {
-  const d = new Date(String(dateStr).replace(" ", "T"));
-  return isNaN(d.getTime()) ? dateStr : d.toLocaleString();
-};
-
-// 处理弹窗关闭
-const handleDialogClose = () => {
-  editingId.value = null;
-  editModel.addWeight = 0;
-  editModel.totalPrice = 0;
-  emit("update:visible", false);
-  emit("close");
-};
-const handleUpdateVisible = (newVal: boolean) => {
-  if (!newVal) handleDialogClose();
-};
-</script>
-
-<style lang="scss">
-.el-dialog__body-new {
-  height: 550px !important;
-}
-</style>
\ No newline at end of file
diff --git a/src/views/biz/weibingju/medicinal/components/ConsumptionRecordDialog.vue b/src/views/biz/weibingju/medicinal/components/ConsumptionRecordDialog.vue
deleted file mode 100644
index a02ff58..0000000
--- a/src/views/biz/weibingju/medicinal/components/ConsumptionRecordDialog.vue
+++ /dev/null
@@ -1,120 +0,0 @@
-<template>
-  <el-dialog :model-value="props.visible" :title="`${props.medicinalName} - 消耗记录`" width="800px"
-    @close="handleDialogClose" @update:model-value="handleUpdateVisible" append-to-body
-    :body-class="'el-dialog__body-new'" :close-on-click-modal="false">
-    <!-- 统一使用ProTable实现列表（带分页），与AdditionRecordDialog风格保持一致 -->
-    <ProTable ref="proTableRef" title="消耗记录列表" :columns="columns" :request-api="getConsumptionRecordsApi"
-      :row-key="rowKey" :show-selection="false" :border="true">
-      <!-- 人员列：包含家属标记的自定义渲染 -->
-      <template #personName="{ row }">
-        <span>{{ row.personName }}</span>
-        <el-tag size="small" type="info" v-if="row.isRelative" style="margin-left: 8px">
-          家属（{{ row.employeeName || "未知员工" }}）
-        </el-tag>
-      </template>
-
-      <!-- 使用时间：格式化渲染 -->
-      <template #useTime="{ row }">
-        {{ row.useTime ? formatDate(row.useTime) : "-" }}
-      </template>
-    </ProTable>
-  </el-dialog>
-</template>
-
-<script setup lang="ts">
-import { defineProps, defineEmits, ref, watch, nextTick } from "vue";
-import ProTable from "@/components/ProTable/index.vue";
-import { medicinalApi } from "@/api";
-import { ElMessage, ElMessageBox } from "element-plus";
-
-/** 1. 定义Props（与父组件传参匹配，参考AdditionRecordDialog） */
-const props = defineProps({
-  visible: {
-    type: Boolean,
-    default: false
-  },
-  id: {  // 对应父组件传的「currentMedicinalId」，与AdditionRecordDialog的id参数统一
-    type: Number,
-    required: true
-  },
-  medicinalName: {
-    type: String,
-    default: "药材"
-  }
-});
-
-/** 2. 定义Emits（与AdditionRecordDialog事件机制统一） */
-const emit = defineEmits(["update:visible", "close", "refreshList"]);
-
-/** 3. 状态管理（ProTable引用 + 无编辑状态，仅列表） */
-const proTableRef = ref<any | null>(null); // ProTable实例引用，用于刷新列表
-
-/** 4. 列配置（与消耗记录字段匹配，仅保留展示列） */
-const columns = [
-  {
-    prop: "amountG",
-    label: "使用量（g）",
-    minWidth: 100
-  },
-  {
-    prop: "personName",
-    label: "使用人员",
-    minWidth: 250,
-    slotName: "personName"  // 关联自定义模板
-  },
-  {
-    prop: "useTime",
-    label: "使用时间",
-    minWidth: 150,
-    slotName: "useTime"  // 关联时间格式化模板
-  }
-];
-
-/** 5. 行唯一标识（与后端返回的主键匹配） */
-const rowKey = (row: any) => row.id;
-
-/** 6. 接口请求（透传ProTable分页参数，与AdditionRecordDialog逻辑统一） */
-const getConsumptionRecordsApi = (params: any) => {
-  // 调用药材消耗记录接口，携带「药材ID」和「分页参数」
-  return medicinalApi.getConsumptionRecords({
-    id: props.id,       // 药材ID（必传）
-    ...params           // 分页参数（pageNum、pageSize等，从ProTable传入）
-  });
-};
-
-/** 7. 时间格式化工具（与AdditionRecordDialog格式统一） */
-const formatDate = (dateStr: string) => {
-  const d = new Date(String(dateStr).replace(" ", "T"));
-  return isNaN(d.getTime()) ? dateStr : d.toLocaleString();
-};
-
-/** 8. 弹窗显示/隐藏监听（弹窗显示时刷新列表，与AdditionRecordDialog逻辑统一） */
-watch(
-  () => props.visible,
-  async (isVisible) => {
-    if (isVisible && props.id) {
-      await nextTick(); // 等待ProTable渲染完成
-      proTableRef.value?.refresh?.(); // 刷新列表数据
-    }
-  },
-  { immediate: true } // 初始加载时触发
-);
-
-/** 9. 弹窗关闭逻辑（与AdditionRecordDialog统一，清空状态+通知父组件） */
-const handleDialogClose = () => {
-  emit("update:visible", false); // 通知父组件更新弹窗状态
-  emit("close"); // 触发关闭事件（可选）
-};
-
-/** 10. 弹窗状态更新回调（与Element Plus Dialog事件匹配） */
-const handleUpdateVisible = (newVal: boolean) => {
-  if (!newVal) { // 仅当弹窗关闭时执行清理逻辑
-    handleDialogClose();
-  }
-};
-</script>
-<style lang="scss">
-.el-dialog__body-new {
-  height: 550px !important;
-}
-</style>
\ No newline at end of file
diff --git a/src/views/biz/weibingju/medicinal/index.vue b/src/views/biz/weibingju/medicinal/index.vue
deleted file mode 100644
index ea7ee7c..0000000
--- a/src/views/biz/weibingju/medicinal/index.vue
+++ /dev/null
@@ -1,87 +0,0 @@
-<template>
-  <div class="table-box">
-    <ProTable ref="proTable" title="药材列表" :columns="columns" :request-api="medicinalApi.page">
-      <template #tableHeader>
-        <!-- 新增按钮：保持框架一致的 s-button 写法 -->
-        <s-button suffix="药材" @click="onOpenAdd" />
-      </template>
-
-      <template #operation="scope">
-        <s-button link :opt="FormOptEnum.VIEW" size="small" @click="handleViewConsumption(scope.row)"> 查看消耗记录
-        </s-button>
-        <s-button link :opt="FormOptEnum.VIEW" size="small" class="ml-2" @click="handleViewAddition(scope.row)">
-          查看添加记录 </s-button>
-      </template>
-    </ProTable>
-    <!-- 消耗记录弹窗 -->
-    <consumption-record-dialog v-model:visible="showConsumptionDialog" :id="currentMedicinalId"
-      :medicinal-name="currentMedicinalName" />
-
-    <!-- 添加记录弹窗 -->
-    <addition-record-dialog :visible="showAdditionDialog" :id="currentMedicinalId"
-      :medicinal-name="currentMedicinalName" @update:visible="val => (showAdditionDialog = val)"
-      @refresh-list="handleRefresh" />
-
-    <!-- 新增药材弹窗 -->
-    <add-medicinal-dialog v-model:visible="showAddMedicinalDialog" @refresh-list="handleRefresh" />
-  </div>
-</template>
-
-<script setup lang="tsx" name="sysModule">
-import { medicinalApi, MedicinalInfo } from "@/api";
-import { ref } from "vue";
-import ProTable from "@/components/ProTable/index.vue";
-import type { ColumnProps, ProTableInstance } from "@/components/ProTable/interface";
-
-import { FormOptEnum } from "@/enums";
-
-// 子组件
-import ConsumptionRecordDialog from "./components/ConsumptionRecordDialog.vue";
-import AdditionRecordDialog from "./components/AdditionRecordDialog.vue";
-import AddMedicinalDialog from "./components/AddMedicinalDialog.vue";
-
-const proTable = ref<ProTableInstance | null>(null);
-
-const showConsumptionDialog = ref(false);
-const showAdditionDialog = ref(false);
-const showAddMedicinalDialog = ref(false);
-
-const currentMedicinalId = ref<number | null>(null);
-const currentMedicinalName = ref<string>("");
-
-const columns: ColumnProps<MedicinalInfo>[] = [
-  { type: "selection", fixed: "left", width: 80 },
-  { prop: "medicinalName", label: "药材名称", search: { el: "input" } },
-  { prop: "totalUsedWeight", label: "使用量（g）" },
-  { prop: "stock", label: "药材库存（g）" },
-  { prop: "usedCost", label: "预估使用成本" },
-  { prop: "remainingValue", label: "预估剩余价值" },
-  { prop: "operation", label: "操作", width: 240, fixed: "right" }
-];
-
-// 打开新增药材弹窗
-function onOpenAdd() {
-  showAddMedicinalDialog.value = true;
-}
-
-// 查看消耗记录
-function handleViewConsumption(row: MedicinalInfo) {
-  currentMedicinalId.value = row.Id ?? (row as any).id ?? null;
-  currentMedicinalName.value = row.medicinalName ?? "";
-  showConsumptionDialog.value = true;
-}
-
-// 查看添加记录
-function handleViewAddition(row: MedicinalInfo) {
-  console.log("查看添加记录", row);
-  // 直接设置正确的ID和名称，然后显示弹窗
-  currentMedicinalId.value = row.id ?? (row as any).id ?? null;
-  currentMedicinalName.value = row.medicinalName ?? "";
-  showAdditionDialog.value = true;
-}
-
-// 刷新列表
-function handleRefresh() {
-  proTable.value?.refresh?.();
-}
-</script>
diff --git a/src/views/biz/weibingju/prescription/components/PrescriptionDetailDialog.vue b/src/views/biz/weibingju/prescription/components/PrescriptionDetailDialog.vue
deleted file mode 100644
index acf0d01..0000000
--- a/src/views/biz/weibingju/prescription/components/PrescriptionDetailDialog.vue
+++ /dev/null
@@ -1,983 +0,0 @@
-<template>
-  <el-dialog :model-value="visible" :title="dialogTitle" width="1000px" destroy-on-close @close="handleClose"
-    :body-class="'modal-class'" @update:model-value="handleVisibleChange" :close-on-click-modal="false">
-    <!-- 表单根节点：查看模式禁用，新增/编辑模式可交互 -->
-    <el-form ref="formRef" :model="formData" :rules="formRules" label-width="120px" class="prescription-form"
-      :disabled="isViewMode">
-      <!-- 1. 人员信息 -->
-      <el-card class="form-section" shadow="never">
-        <template #header>
-          <div class="section-title">人员信息</div>
-        </template>
-
-        <!-- 人员类型 -->
-        <el-form-item label="人员类型" prop="personType">
-          <el-radio-group v-model="formData.personType" @change="handlePersonTypeChange" :disabled="isViewMode">
-            <el-radio :label="1">公司员工</el-radio>
-            <el-radio :label="2">员工家属</el-radio>
-          </el-radio-group>
-        </el-form-item>
-
-        <!-- 公司员工模式 -->
-        <template v-if="formData.personType === 1">
-          <!-- 员工姓名 -->
-          <el-form-item label="员工姓名" prop="employeeInfo">
-            <div class="flex items-center gap-2">
-              <el-select v-if="showEmployeeSelect" v-model="formData.employeeId" placeholder="请选择员工" filterable
-                :loading="employeeLoading" class="flex-1" @change="handleEmployeeChange" @clear="handleEmployeeClear"
-                :disabled="isViewMode">
-                <el-option v-for="item in employeeOptions" :key="item.id" :label="item.name" :value="item.id" />
-              </el-select>
-              <el-button v-if="!isViewMode" type="primary" size="small" @click="handleOpenAddEmployeeDialog">
-                新增员工
-              </el-button>
-            </div>
-            <el-input v-if="!showEmployeeSelect && !formData.employeeId" v-model="formData.newEmployeeName"
-              placeholder="请输入员工姓名" class="mt-2" :disabled="isViewMode" />
-          </el-form-item>
-          <!-- 员工性质 -->
-          <el-form-item label="员工性质" prop="type">
-            <el-radio-group v-model="formData.type" :disabled="isViewMode">
-              <el-radio :label="1">领导</el-radio>
-              <el-radio :label="2">普通员工</el-radio>
-            </el-radio-group>
-          </el-form-item>
-        </template>
-
-        <!-- 员工家属模式 -->
-        <template v-if="formData.personType === 2">
-          <!-- 关联员工 -->
-          <el-form-item label="关联员工" prop="relatedEmployeeInfo">
-            <div class="flex items-center gap-2">
-              <el-select v-if="showRelatedEmployeeSelect" v-model="formData.relatedEmployeeId" placeholder="请选择关联员工"
-                filterable :loading="employeeLoading" class="flex-1" @change="handleRelatedEmployeeChange"
-                @clear="handleRelatedEmployeeClear" :disabled="isViewMode">
-                <el-option v-for="item in employeeOptions" :key="item.id" :label="item.name" :value="item.id" />
-              </el-select>
-              <!-- 新增/编辑模式显示"新增关联员工"按钮 -->
-              <el-button v-if="!isViewMode" type="primary" size="small" @click="handleOpenAddRelatedEmployeeDialog">
-                新增员工
-              </el-button>
-            </div>
-            <el-input v-if="!showRelatedEmployeeSelect && !formData.relatedEmployeeId"
-              v-model="formData.newRelatedEmployeeName" placeholder="请输入关联员工姓名" class="mt-2" :disabled="isViewMode" />
-          </el-form-item>
-
-          <!-- 家属姓名 -->
-          <el-form-item label="家属姓名" prop="relativeInfo">
-            <div class="flex items-center gap-2">
-              <el-select v-if="showRelativeSelect && (formData.relatedEmployeeId || formData.newRelatedEmployeeName)"
-                v-model="formData.relativeId" placeholder="请选择家属" filterable :loading="relativeLoading" class="flex-1"
-                @change="handleRelativeChange" @clear="handleRelativeClear" :disabled="isViewMode">
-                <el-option v-for="item in relativeOptions" :key="item.id" :label="item.name" :value="item.id" />
-              </el-select>
-              <el-input v-else v-model="formData.newRelativeName" placeholder="请输入家属姓名" class="flex-1"
-                :disabled="!formData.relatedEmployeeId && !formData.newRelatedEmployeeName || isViewMode" />
-              <!-- 新增/编辑模式显示"新增家属"按钮 -->
-              <el-button
-                v-if="!isViewMode && showRelativeSelect && formData.relatedEmployeeId && !formData.newRelatedEmployeeName"
-                type="primary" size="small" @click="handleOpenAddRelativeDialog">
-                新增家属
-              </el-button>
-            </div>
-          </el-form-item>
-
-          <!-- 亲属关系 -->
-          <el-form-item label="亲属关系" prop="relationShip">
-            <el-select v-model="formData.relationShip" placeholder="请选择亲属关系" :disabled="isViewMode">
-              <el-option v-for="item in relationTypes" :key="item.id" :label="item.name" :value="item.id" />
-            </el-select>
-          </el-form-item>
-        </template>
-
-        <!-- 出生日期、体重、身高 -->
-        <el-row :gutter="20">
-          <el-col :span="8">
-            <el-form-item label="出生日期" prop="birthday">
-              <el-date-picker v-model="formData.birthday" type="date" placeholder="请选择出生日期" format="YYYY-MM-DD"
-                value-format="YYYY-MM-DD" class="w-full" :disabled="isViewMode" />
-            </el-form-item>
-          </el-col>
-          <el-col :span="8">
-            <el-form-item label="当前体重(kg)" prop="weight">
-              <el-input-number v-model="formData.weight" :min="0" :max="500" :precision="1" placeholder="请输入体重"
-                class="w-full" :disabled="isViewMode" />
-            </el-form-item>
-          </el-col>
-          <el-col :span="8">
-            <el-form-item label="身高(cm)" prop="height">
-              <el-input-number v-model="formData.height" :min="0" :max="300" :precision="1" placeholder="请输入身高"
-                class="w-full" :disabled="isViewMode" />
-            </el-form-item>
-          </el-col>
-        </el-row>
-      </el-card>
-
-      <!-- 2. 药材消耗 -->
-      <el-card class="form-section" shadow="never">
-        <template #header>
-          <div class="section-title">
-            药材消耗
-            <!-- 新增/编辑模式显示"添加药材"按钮 -->
-            <el-button v-if="!isViewMode" type="primary" size="small" class="ml-4" @click="addHerb">
-              添加药材
-            </el-button>
-          </div>
-        </template>
-
-        <el-table :data="formData.herbs" border>
-          <el-table-column label="药材名称--剩余量" width="200">
-            <template #default="{ row, $index }">
-              <el-select v-model="row.id" placeholder="请选择药材" filterable :loading="medicinalLoading"
-                @change="handleMedicinalChange($index)" :disabled="isViewMode">
-                <el-option v-for="item in medicinalOptions" :key="item.id"
-                  :label="`${item.medicinalName}--${item.stock}g`" :value="item.id" />
-              </el-select>
-            </template>
-          </el-table-column>
-          <el-table-column label="消耗(g)" width="200">
-            <template #default="{ row }">
-              <el-input-number v-model="row.amountG" :min="0" :precision="2" placeholder="消耗量" class="w-full"
-                :disabled="isViewMode" />
-            </template>
-          </el-table-column>
-          <el-table-column label="备注" min-width="80">
-            <template #default="{ row }">
-              <el-input v-model="row.note" placeholder="请输入备注" :disabled="isViewMode" />
-            </template>
-          </el-table-column>
-          <el-table-column label="操作" width="80">
-            <template #default="{ $index }">
-              <!-- 新增/编辑模式显示"移除"按钮 -->
-              <el-button v-if="!isViewMode" type="danger" size="small" @click="removeHerb($index)">
-                移除
-              </el-button>
-            </template>
-          </el-table-column>
-        </el-table>
-      </el-card>
-
-      <!-- 3. 诊断信息 -->
-      <el-card class="form-section" shadow="never">
-        <template #header>
-          <div class="section-title">诊断信息</div>
-        </template>
-
-        <el-form-item label="诊断结果" prop="diagnosisResult">
-          <el-input v-model="formData.diagnosisResult" type="textarea" :rows="3" placeholder="请输入诊断结果"
-            :disabled="isViewMode" />
-        </el-form-item>
-
-        <el-form-item label="用药建议" prop="userMedicinaAdvice">
-          <el-input v-model="formData.userMedicinaAdvice" type="textarea" :rows="3" placeholder="请输入用药建议"
-            :disabled="isViewMode" />
-        </el-form-item>
-      </el-card>
-
-      <!-- 4. 就诊信息 -->
-      <el-card class="form-section" shadow="never">
-        <template #header>
-          <div class="section-title">就诊信息</div>
-        </template>
-
-        <el-form-item label="就诊时间" prop="visitDate">
-          <el-date-picker v-model="formData.visitDate" type="datetime" placeholder="请选择就诊时间" format="YYYY-MM-DD HH:mm"
-            value-format="YYYY-MM-DD HH:mm:ss" class="w-full" :disabled="isViewMode" />
-        </el-form-item>
-      </el-card>
-    </el-form>
-
-    <!-- 底部按钮 -->
-    <template #footer>
-      <div class="dialog-footer">
-        <el-button @click="handleClose">取消</el-button>
-        <!-- 新增/编辑模式显示提交按钮 -->
-        <el-button v-if="!isViewMode" type="primary" :loading="submitLoading" @click="handleSubmit">
-          {{ isEdit ? '更新' : '保存' }}
-        </el-button>
-      </div>
-    </template>
-
-    <!-- 新增员工弹窗（仅在新增/编辑模式显示） -->
-    <el-dialog v-if="!isViewMode" v-model="showAddEmployeeDialog" title="新增员工" width="400px">
-      <el-form :model="newEmployeeForm" label-width="80px" ref="newEmployeeFormRef">
-        <el-form-item label="员工姓名" prop="name">
-          <el-input v-model="newEmployeeForm.name" placeholder="请输入员工姓名" />
-        </el-form-item>
-      </el-form>
-      <template #footer>
-        <el-button @click="showAddEmployeeDialog = false">取消</el-button>
-        <el-button type="primary" @click="confirmAddEmployee">确定</el-button>
-      </template>
-    </el-dialog>
-
-    <!-- 新增关联员工弹窗（仅在新增/编辑模式显示） -->
-    <el-dialog v-if="!isViewMode" v-model="showAddRelatedEmployeeDialog" title="新增关联员工" width="400px">
-      <el-form :model="newRelatedEmployeeForm" label-width="80px" ref="newRelatedEmployeeFormRef">
-        <el-form-item label="员工姓名" prop="name">
-          <el-input v-model="newRelatedEmployeeForm.name" placeholder="请输入员工姓名" />
-        </el-form-item>
-      </el-form>
-      <template #footer>
-        <el-button @click="showAddRelatedEmployeeDialog = false">取消</el-button>
-        <el-button type="primary" @click="confirmAddRelatedEmployee">确定</el-button>
-      </template>
-    </el-dialog>
-
-    <!-- 新增家属弹窗（仅在新增/编辑模式显示） -->
-    <el-dialog v-if="!isViewMode" v-model="showAddRelativeDialog" title="新增家属" width="400px">
-      <el-form :model="newRelativeForm" label-width="80px" ref="newRelativeFormRef">
-        <el-form-item label="家属姓名" prop="name">
-          <el-input v-model="newRelativeForm.name" placeholder="请输入家属姓名" />
-        </el-form-item>
-      </el-form>
-      <template #footer>
-        <el-button @click="showAddRelativeDialog = false">取消</el-button>
-        <el-button type="primary" @click="confirmAddRelative">确定</el-button>
-      </template>
-    </el-dialog>
-  </el-dialog>
-</template>
-
-<script setup lang="ts">
-import { ref, computed, watch } from 'vue'
-import { ElMessage } from 'element-plus'
-import type { FormInstance, FormRules } from 'element-plus'
-
-import { prescriptionApi } from '@/api'
-import { medicinalApi } from '@/api/modules/biz/WeiBingJu/medicinal'
-
-// 接口定义
-interface Employee {
-  id: string | number;
-  name: string;
-  birthday?: string;
-  height?: number;
-  type?: number;
-}
-interface Relative {
-  id: string | number;
-  name: string;
-  employeeId?: string | number;
-  birthday?: string;
-  height?: number;
-  relationShip?: number;
-}
-interface Medicinal { id: number | string; medicinalName: string; stock: number }
-interface Herb { id?: number | string; medicinalName: string; amountG: number; note: string }
-
-// Props定义：区分新增（无id）、编辑（有id且isEdit=true）、查看（有id且isEdit=false）
-interface Props {
-  visible: boolean;
-  prescriptionId?: number;
-  isEdit: boolean
-}
-const props = withDefaults(defineProps<Props>(), {
-  visible: false,
-  prescriptionId: undefined,
-  isEdit: false
-})
-const emit = defineEmits<{
-  "update:visible": [value: boolean];
-  "refresh-list": [];
-}>()
-
-// 核心模式判断：查看模式 = 有处方ID且非编辑
-const isViewMode = computed(() => !!props.prescriptionId && !props.isEdit)
-// 弹窗标题：根据模式动态显示
-const dialogTitle = computed(() => {
-  if (isViewMode.value) return '查看就诊处方'
-  return props.isEdit ? '编辑就诊处方' : '新增就诊处方'
-})
-
-// 表单引用 & 状态
-const formRef = ref<FormInstance>()
-const newEmployeeFormRef = ref<FormInstance>()
-const newRelatedEmployeeFormRef = ref<FormInstance>()
-const newRelativeFormRef = ref<FormInstance>()
-const submitLoading = ref(false)
-const isEdit = computed(() => props.isEdit)
-
-// 表单数据
-const formData = ref({
-  personType: 1,
-  type: undefined as number | undefined,
-  employeeId: undefined as string | number | undefined,
-  newEmployeeName: '',
-  relatedEmployeeId: undefined as string | number | undefined,
-  newRelatedEmployeeName: '',
-  relativeId: undefined as string | number | undefined,
-  newRelativeName: '',
-  relationShip: undefined as number | undefined,
-  birthday: undefined as string | undefined,
-  weight: undefined as number | undefined,
-  height: undefined as number | undefined,
-  herbs: [] as Herb[],
-  diagnosisResult: '',
-  userMedicinaAdvice: '',
-  visitDate: ''
-})
-
-// 表单校验规则
-const formRules: FormRules = {
-  personType: [{ required: true, message: '请选择人员类型', trigger: 'change' }],
-  type: [{
-    required: true,
-    validator: (rule, value, callback) => {
-      if (formData.value.personType === 1 && !formData.value.type) {
-        callback(new Error('请选择员工性质'))
-      } else {
-        callback()
-      }
-    },
-    trigger: 'change'
-  }],
-  employeeInfo: [{
-    required: true,
-    validator: (rule, value, callback) => {
-      if (formData.value.personType === 1) {
-        if (!formData.value.employeeId && !formData.value.newEmployeeName) {
-          callback(new Error('请选择或输入员工姓名'))
-        } else {
-          callback()
-        }
-      } else {
-        callback()
-      }
-    },
-    trigger: ['change', 'blur']
-  }],
-  relatedEmployeeInfo: [{
-    required: true,
-    validator: (rule, value, callback) => {
-      if (formData.value.personType === 2) {
-        if (!formData.value.relatedEmployeeId && !formData.value.newRelatedEmployeeName) {
-          callback(new Error('请选择或输入关联员工姓名'))
-        } else {
-          callback()
-        }
-      } else {
-        callback()
-      }
-    },
-    trigger: ['change', 'blur']
-  }],
-  relativeInfo: [{
-    required: true,
-    validator: (rule, value, callback) => {
-      if (formData.value.personType === 2) {
-        if (!formData.value.relativeId && !formData.value.newRelativeName) {
-          callback(new Error('请选择或输入家属姓名'))
-        } else {
-          callback()
-        }
-      } else {
-        callback()
-      }
-    },
-    trigger: ['change', 'blur']
-  }],
-  relationShip: [{
-    required: formData.value.personType === 2,
-    message: '请选择亲属关系',
-    trigger: 'change'
-  }],
-  visitDate: [{ required: true, message: '请选择就诊时间', trigger: 'change' }],
-  diagnosisResult: [{ required: true, message: '请输入诊断结果', trigger: 'blur' }]
-}
-
-// 数据源 & 弹窗状态
-const employeeOptions = ref<Employee[]>([])
-const employeeLoading = ref(false)
-const showEmployeeSelect = ref(true)
-const showRelatedEmployeeSelect = ref(true)
-
-const relativeOptions = ref<Relative[]>([])
-const relativeLoading = ref(false)
-const showRelativeSelect = ref(true)
-
-const relationTypes = ref<{ id: number; name: string }[]>([])
-const medicinalOptions = ref<Medicinal[]>([])
-const medicinalLoading = ref(false)
-
-const showAddEmployeeDialog = ref(false)
-const showAddRelatedEmployeeDialog = ref(false)
-const showAddRelativeDialog = ref(false)
-const newEmployeeForm = ref({ name: '' })
-const newRelatedEmployeeForm = ref({ name: '' })
-const newRelativeForm = ref({ name: '' })
-
-// 本地临时人员集合
-const localCreatedPersons = ref<Array<{
-  tempId: string
-  name: string
-  isEmployee: boolean
-  employeeTempId?: string
-  employeeId?: number
-  relationShip?: number
-}>>([])
-
-// 生成临时ID
-const genTempId = (prefix = 'tmp') => `${prefix}_${Date.now()}_${Math.floor(Math.random() * 1000)}`
-
-// 检查名称重复
-const checkNameDuplicate = (name: string, isEmployee: boolean) => {
-  const normalizedName = name.trim()
-  if (isEmployee) {
-    return employeeOptions.value.some(item =>
-      (item.name || '').trim() === normalizedName ||
-      localCreatedPersons.value.some(p => p.isEmployee && p.name.trim() === normalizedName)
-    )
-  } else {
-    return relativeOptions.value.some(item =>
-      (item.name || '').trim() === normalizedName ||
-      localCreatedPersons.value.some(p => !p.isEmployee && p.name.trim() === normalizedName)
-    )
-  }
-}
-
-// 加载数据接口
-const fetchEmployees = async (keyword?: string) => {
-  try {
-    employeeLoading.value = true
-    const params: any = { type: 1 }
-    if (keyword) params.keyword = keyword
-    const res: any = await prescriptionApi.getPersonList(params)
-    employeeOptions.value = (res && res.data) ? res.data : []
-  } catch (err) {
-    console.error('获取员工列表失败', err)
-    employeeOptions.value = []
-  } finally {
-    employeeLoading.value = false
-  }
-}
-const loadRelatives = async (employeeId: number | string) => {
-  try {
-    relativeLoading.value = true
-    if (typeof employeeId === 'string' && employeeId.startsWith('tmp_')) {
-      relativeOptions.value = []
-      showRelativeSelect.value = false
-      ElMessage.info('该员工为本地新增，暂无家属数据，请手动输入家属姓名')
-    } else {
-      const res: any = await prescriptionApi.getPersonList({ type: 2, employeeId: Number(employeeId) })
-      relativeOptions.value = (res && res.data) ? res.data : []
-      showRelativeSelect.value = relativeOptions.value.length > 0
-    }
-  } catch (err) {
-    console.error('加载家属失败', err)
-    relativeOptions.value = []
-    showRelativeSelect.value = false
-  } finally {
-    relativeLoading.value = false
-  }
-}
-const fetchRelationTypes = async () => {
-  try {
-    const res: any = await prescriptionApi.getRelationTypes()
-    relationTypes.value = (res && res.data) ? res.data : []
-  } catch (err) {
-    relationTypes.value = [
-      { id: 1, name: '配偶' },
-      { id: 2, name: '子女' },
-      { id: 3, name: '父母' },
-      { id: 4, name: '兄弟姐妹' },
-      { id: 5, name: '其他' }
-    ]
-    console.error('获取关系类型失败', err)
-  }
-}
-const loadAllMedicinals = async () => {
-  try {
-    medicinalLoading.value = true
-    const res: any = await medicinalApi.getDictList()
-    medicinalOptions.value = (res && res.data) ? res.data : []
-  } catch (err) {
-    console.error('加载药材失败', err)
-    medicinalOptions.value = []
-  } finally {
-    medicinalLoading.value = false
-  }
-}
-
-// 选择回调
-const handleEmployeeChange = (selectedId: string | number | undefined) => {
-  if (selectedId && !isViewMode.value) { // 仅在非查看模式执行
-    formData.value.newEmployeeName = ''
-    showEmployeeSelect.value = true
-    const selectedEmployee = employeeOptions.value.find(item => item.id === selectedId)
-    if (selectedEmployee) {
-      formData.value.birthday = selectedEmployee.birthday
-      formData.value.height = selectedEmployee.height
-      formData.value.type = selectedEmployee.type
-    }
-  }
-}
-const handleEmployeeClear = () => {
-  if (!isViewMode.value) { // 仅在非查看模式执行
-    formData.value.newEmployeeName = ''
-    formData.value.birthday = undefined
-    formData.value.height = undefined
-    formData.value.type = undefined
-  }
-}
-const handleRelatedEmployeeChange = (selectedId: string | number | undefined) => {
-  if (selectedId && !isViewMode.value) { // 仅在非查看模式执行
-    formData.value.newRelatedEmployeeName = ''
-    showRelatedEmployeeSelect.value = true
-    formData.value.relativeId = undefined
-    formData.value.newRelativeName = ''
-    loadRelatives(selectedId)
-  }
-}
-const handleRelatedEmployeeClear = () => {
-  if (!isViewMode.value) { // 仅在非查看模式执行
-    formData.value.newRelatedEmployeeName = ''
-    formData.value.relativeId = undefined
-    formData.value.newRelativeName = ''
-    formData.value.birthday = undefined
-    formData.value.height = undefined
-    formData.value.relationShip = undefined
-    relativeOptions.value = []
-  }
-}
-const handleRelativeChange = (selectedId: string | number | undefined) => {
-  if (selectedId && !isViewMode.value) { // 仅在非查看模式执行
-    formData.value.newRelativeName = ''
-    showRelativeSelect.value = true
-    const selectedRelative = relativeOptions.value.find(item => item.id === selectedId)
-    if (selectedRelative) {
-      formData.value.birthday = selectedRelative.birthday
-      formData.value.height = selectedRelative.height
-      formData.value.relationShip = selectedRelative.relationShip
-    }
-  }
-}
-const handleRelativeClear = () => {
-  if (!isViewMode.value) { // 仅在非查看模式执行
-    formData.value.newRelativeName = ''
-    formData.value.birthday = undefined
-    formData.value.height = undefined
-    formData.value.relationShip = undefined
-  }
-}
-const handleMedicinalChange = (index: number) => {
-  if (!isViewMode.value) { // 仅在非查看模式执行
-    const selectedMedicinalId = formData.value.herbs[index].id;
-    if (selectedMedicinalId) {
-      const sel = medicinalOptions.value.find(m => m.id === selectedMedicinalId);
-      formData.value.herbs[index].medicinalName = sel ? sel.medicinalName : '';
-    } else {
-      formData.value.herbs[index].medicinalName = '';
-    }
-  }
-};
-const handlePersonTypeChange = () => {
-  if (!isViewMode.value) { // 仅在非查看模式执行
-    formData.value.employeeId = undefined
-    formData.value.newEmployeeName = ''
-    formData.value.relatedEmployeeId = undefined
-    formData.value.newRelatedEmployeeName = ''
-    formData.value.relativeId = undefined
-    formData.value.newRelativeName = ''
-    formData.value.relationShip = undefined
-    formData.value.birthday = undefined
-    formData.value.height = undefined
-    showEmployeeSelect.value = true
-    showRelatedEmployeeSelect.value = true
-    showRelativeSelect.value = true
-  }
-}
-const addHerb = () => {
-  if (!isViewMode.value) { // 仅在非查看模式执行
-    formData.value.herbs.push({ id: undefined, medicinalName: '', amountG: 0, note: '' })
-  }
-}
-const removeHerb = (index: number) => {
-  if (!isViewMode.value) { // 仅在非查看模式执行
-    formData.value.herbs.splice(index, 1)
-  }
-}
-
-// 新增员工相关
-const handleOpenAddEmployeeDialog = () => {
-  if (!isViewMode.value) {
-    formData.value.employeeId = undefined
-    formData.value.newEmployeeName = ''
-    formData.value.birthday = undefined
-    formData.value.height = undefined
-    newEmployeeForm.value.name = ''
-    showAddEmployeeDialog.value = true
-  }
-}
-const confirmAddEmployee = async () => {
-  if (!newEmployeeFormRef.value || isViewMode.value) return
-  try {
-    await newEmployeeFormRef.value.validate()
-    const name = newEmployeeForm.value.name.trim()
-    if (checkNameDuplicate(name, true)) {
-      ElMessage.warning('该员工姓名已存在，请更换姓名')
-      return
-    }
-    const tempId = genTempId('tmp_emp')
-    employeeOptions.value.unshift({ id: tempId, name })
-    localCreatedPersons.value.push({ tempId, name, isEmployee: true })
-    formData.value.employeeId = tempId
-    formData.value.newEmployeeName = ''
-    formData.value.birthday = undefined
-    formData.value.height = undefined
-    showEmployeeSelect.value = true
-    showAddEmployeeDialog.value = false
-    newEmployeeForm.value.name = ''
-    ElMessage.success('员工已添加')
-  } catch (err) { }
-}
-
-// 新增关联员工相关
-const handleOpenAddRelatedEmployeeDialog = () => {
-  if (!isViewMode.value) {
-    formData.value.relatedEmployeeId = undefined
-    formData.value.newRelatedEmployeeName = ''
-    formData.value.relativeId = undefined
-    formData.value.newRelativeName = ''
-    formData.value.birthday = undefined
-    formData.value.height = undefined
-    formData.value.relationShip = undefined
-    newRelatedEmployeeForm.value.name = ''
-    showAddRelatedEmployeeDialog.value = true
-  }
-}
-const confirmAddRelatedEmployee = async () => {
-  if (!newRelatedEmployeeFormRef.value || isViewMode.value) return
-  try {
-    await newRelatedEmployeeFormRef.value.validate()
-    const name = newRelatedEmployeeForm.value.name.trim()
-    if (checkNameDuplicate(name, true)) {
-      ElMessage.warning('该员工姓名已存在，请更换姓名')
-      return
-    }
-    const tempId = genTempId('tmp_emp')
-    employeeOptions.value.unshift({ id: tempId, name })
-    localCreatedPersons.value.push({ tempId, name, isEmployee: true })
-    formData.value.relatedEmployeeId = tempId
-    formData.value.newRelatedEmployeeName = ''
-    formData.value.relativeId = undefined
-    formData.value.newRelativeName = ''
-    formData.value.birthday = undefined
-    formData.value.height = undefined
-    formData.value.relationShip = undefined
-    showRelatedEmployeeSelect.value = true
-    showAddRelatedEmployeeDialog.value = false
-    newRelatedEmployeeForm.value.name = ''
-    loadRelatives(tempId)
-    ElMessage.success('关联员工已添加')
-  } catch (err) { }
-}
-
-// 新增家属相关
-const handleOpenAddRelativeDialog = () => {
-  if (!isViewMode.value) {
-    formData.value.relativeId = undefined
-    formData.value.newRelativeName = ''
-    formData.value.birthday = undefined
-    formData.value.height = undefined
-    formData.value.relationShip = undefined
-    newRelativeForm.value.name = ''
-    showAddRelativeDialog.value = true
-  }
-}
-const confirmAddRelative = async () => {
-  if (!newRelativeFormRef.value || isViewMode.value) return
-  try {
-    await newRelativeFormRef.value.validate()
-    const name = newRelativeForm.value.name.trim()
-    const employeeId = formData.value.relatedEmployeeId
-    if (!employeeId) {
-      ElMessage.warning('请先选择关联员工')
-      return
-    }
-    if (checkNameDuplicate(name, false)) {
-      ElMessage.warning('该家属姓名已存在，请更换姓名')
-      return
-    }
-    const tempId = genTempId('tmp_rel')
-    relativeOptions.value.unshift({ id: tempId, name, employeeId })
-    localCreatedPersons.value.push({
-      tempId,
-      name,
-      isEmployee: false,
-      employeeTempId: typeof employeeId === 'string' && employeeId.startsWith('tmp_') ? employeeId : undefined,
-      employeeId: typeof employeeId === 'number' ? employeeId : undefined,
-      relationShip: formData.value.relationShip
-    })
-    formData.value.relativeId = tempId
-    formData.value.newRelativeName = ''
-    formData.value.birthday = undefined
-    formData.value.height = undefined
-    formData.value.relationShip = undefined
-    showRelativeSelect.value = true
-    showAddRelativeDialog.value = false
-    newRelativeForm.value.name = ''
-    ElMessage.success('家属已添加')
-  } catch (err) { }
-}
-
-// 重置/关闭/提交
-const handleClose = () => {
-  emit('update:visible', false)
-  resetForm()
-}
-const handleVisibleChange = (value: boolean) => {
-  emit('update:visible', value)
-  if (!value) resetForm()
-}
-const resetForm = () => {
-  formData.value = {
-    personType: 1,
-    type: undefined,
-    employeeId: undefined,
-    newEmployeeName: '',
-    relatedEmployeeId: undefined,
-    newRelatedEmployeeName: '',
-    relativeId: undefined,
-    newRelativeName: '',
-    relationShip: undefined,
-    birthday: undefined,
-    weight: undefined,
-    height: undefined,
-    herbs: [],
-    diagnosisResult: '',
-    userMedicinaAdvice: '',
-    visitDate: ''
-  }
-  localCreatedPersons.value = []
-  showEmployeeSelect.value = true
-  showRelatedEmployeeSelect.value = true
-  showRelativeSelect.value = true
-  newEmployeeForm.value.name = ''
-  newRelatedEmployeeForm.value.name = ''
-  newRelativeForm.value.name = ''
-  showAddEmployeeDialog.value = false
-  showAddRelatedEmployeeDialog.value = false
-  showAddRelativeDialog.value = false
-}
-const handleSubmit = async () => {
-  if (!formRef.value || isViewMode.value) return
-  try {
-    await formRef.value.validate()
-  } catch (err) {
-    return
-  }
-
-  submitLoading.value = true
-  try {
-    const personObj: any = {}
-    const isPatientEmployee = formData.value.personType === 1
-    personObj.isEmployee = isPatientEmployee
-    personObj.type = isPatientEmployee ? formData.value.type : undefined
-
-    if (isPatientEmployee) {
-      if (formData.value.employeeId) {
-        if (typeof formData.value.employeeId === 'string' && String(formData.value.employeeId).startsWith('tmp_')) {
-          const tmpEmp = localCreatedPersons.value.find(p => p.tempId === formData.value.employeeId && p.isEmployee)
-          const name = tmpEmp ? tmpEmp.name : undefined
-          if (name) {
-            personObj.name = name
-            personObj.employeeIsTemp = true
-            personObj.employeeName = name
-          } else {
-            personObj.name = employeeOptions.value.find(e => e.id === formData.value.employeeId)?.name
-            personObj.employeeIsTemp = true
-            personObj.employeeName = personObj.name
-          }
-        } else {
-          personObj.id = Number(formData.value.employeeId)
-          personObj.name = employeeOptions.value.find(e => e.id === formData.value.employeeId)?.name
-        }
-      } else if (formData.value.newEmployeeName) {
-        personObj.name = formData.value.newEmployeeName.trim()
-        personObj.employeeIsTemp = true
-        personObj.employeeName = personObj.name
-      }
-    } else {
-      if (formData.value.relativeId) {
-        if (typeof formData.value.relativeId === 'string' && String(formData.value.relativeId).startsWith('tmp_')) {
-          const tmpRel = localCreatedPersons.value.find(p => p.tempId === formData.value.relativeId && !p.isEmployee)
-          personObj.name = tmpRel ? tmpRel.name : relativeOptions.value.find(r => r.id === formData.value.relativeId)?.name
-          personObj.tempId = formData.value.relativeId
-        } else {
-          personObj.id = Number(formData.value.relativeId)
-          personObj.name = relativeOptions.value.find(r => r.id === formData.value.relativeId)?.name
-        }
-      } else if (formData.value.newRelativeName) {
-        personObj.name = formData.value.newRelativeName.trim()
-      }
-
-      if (formData.value.relatedEmployeeId) {
-        if (typeof formData.value.relatedEmployeeId === 'string' && String(formData.value.relatedEmployeeId).startsWith('tmp_')) {
-          const tmpEmp = localCreatedPersons.value.find(p => p.tempId === formData.value.relatedEmployeeId && p.isEmployee)
-          const name = tmpEmp ? tmpEmp.name : employeeOptions.value.find(e => e.id === formData.value.relatedEmployeeId)?.name
-          if (name) {
-            personObj.employeeIsTemp = true
-            personObj.employeeName = name
-          } else {
-            personObj.employeeId = formData.value.relatedEmployeeId
-          }
-        } else {
-          personObj.employeeId = Number(formData.value.relatedEmployeeId)
-        }
-      } else if (formData.value.newRelatedEmployeeName) {
-        personObj.employeeIsTemp = true
-        personObj.employeeName = formData.value.newRelatedEmployeeName.trim()
-      }
-
-      personObj.relationShip = formData.value.relationShip
-    }
-
-    if ((!personObj.name || personObj.name === undefined) && personObj.id && typeof personObj.id === 'string' && String(personObj.id).startsWith('tmp_')) {
-      const tmp = localCreatedPersons.value.find(p => p.tempId === personObj.id)
-      if (tmp) personObj.name = tmp.name
-    }
-
-    personObj.birthday = formData.value.birthday
-    personObj.weight = formData.value.weight
-    personObj.height = formData.value.height
-
-    const herbsPayload = formData.value.herbs.map(h => ({
-      id: h.id || 0,
-      amountG: h.amountG,
-      note: h.note
-    }))
-
-    const payload: any = {
-      id: props.prescriptionId ?? undefined,
-      person: personObj,
-      diagnosisResult: formData.value.diagnosisResult,
-      userMedicinaAdvice: formData.value.userMedicinaAdvice,
-      visitDate: formData.value.visitDate,
-      herbs: herbsPayload
-    }
-
-    const res: any = await prescriptionApi.save(payload)
-
-    if (res && (res.code === 0 || res.data !== undefined)) {
-      ElMessage.success(props.isEdit ? '处方更新成功' : '处方保存成功')
-      emit('refresh-list')
-      handleClose()
-    } else {
-      ElMessage.success('保存成功')
-      emit('refresh-list')
-      handleClose()
-    }
-  } catch (err) {
-    console.error('保存处方失败', err)
-  } finally {
-    submitLoading.value = false
-  }
-}
-
-// 监听弹窗显示
-watch(() => props.visible, async (newVal) => {
-  if (newVal) {
-    resetForm()
-    await Promise.all([
-      fetchEmployees(),
-      fetchRelationTypes(),
-      loadAllMedicinals()
-    ])
-
-    // 编辑/查看模式：加载详情
-    if ((props.isEdit || isViewMode.value) && props.prescriptionId) {
-      try {
-        const res: any = await prescriptionApi.getDetail(props.prescriptionId)
-        const detail = res?.data ?? null
-
-        if (detail) {
-          const person = detail.person || {}
-          formData.value.personType = person.isEmployee ? 1 : 2
-
-          if (formData.value.personType === 1) {
-            formData.value.employeeId = person.id ?? undefined
-            formData.value.birthday = person.birthday ?? undefined
-            formData.value.height = person.height ?? undefined
-            formData.value.type = person.type ?? undefined
-          } else {
-            formData.value.relatedEmployeeId = person.employeeId ?? undefined
-            formData.value.relativeId = person.id ?? undefined
-            formData.value.birthday = person.birthday ?? undefined
-            formData.value.height = person.height ?? undefined
-            formData.value.relationShip = person.relationShip ?? undefined
-            if (formData.value.relatedEmployeeId) {
-              loadRelatives(formData.value.relatedEmployeeId)
-            }
-          }
-
-          formData.value.weight = person.weight ?? undefined
-          formData.value.diagnosisResult = detail.diagnosisResult ?? ''
-          formData.value.userMedicinaAdvice = detail.userMedicinaAdvice ?? ''
-          formData.value.visitDate = detail.visitDate ?? ''
-          formData.value.herbs = (detail.herbs || []).map((h: any) => ({
-            id: h.medicinalId,
-            medicinalName: h.medicinalName,
-            amountG: h.amountG,
-            note: h.note || ''
-          }))
-        }
-      } catch (err) {
-      }
-    }
-  }
-})
-</script>
-
-<style lang="scss">
-.modal-class {
-  max-height: 60vh !important;
-  overflow-y: auto !important;
-}
-</style>
-
-<style scoped lang="scss">
-.prescription-form {
-  .form-section {
-    margin-bottom: 20px;
-
-    .section-title {
-      font-size: 16px;
-      font-weight: 600;
-      color: #303133;
-    }
-  }
-}
-
-.dialog-footer {
-  text-align: right;
-}
-
-.flex {
-  display: flex;
-}
-
-.items-center {
-  align-items: center;
-}
-
-.gap-2 {
-  gap: 8px;
-}
-
-.flex-1 {
-  flex: 1;
-}
-
-.ml-4 {
-  margin-left: 16px;
-}
-
-.w-full {
-  width: 100%;
-}
-
-.mt-2 {
-  margin-top: 8px;
-}
-</style>
\ No newline at end of file
diff --git a/src/views/biz/weibingju/prescription/components/PrescriptionReportDialog.vue b/src/views/biz/weibingju/prescription/components/PrescriptionReportDialog.vue
deleted file mode 100644
index e7323c2..0000000
--- a/src/views/biz/weibingju/prescription/components/PrescriptionReportDialog.vue
+++ /dev/null
@@ -1,375 +0,0 @@
-<template>
-    <el-dialog v-model="visibleRef" title="处方报告" width="1500px" :body-class="'report-modal-body'" :show-close="false"
-        :top="'0'" append-to-body>
-        <!-- 报告核心内容 -->
-        <div class="report-content">
-            <!-- 3.1 就诊人基本信息 -->
-            <div class="report-section">
-                <h3 class="section-heading">一、就诊人基本信息</h3>
-                <div class="info-grid">
-                    <div class="info-item">
-                        <span class="info-label">就诊人姓名：</span>
-                        <span class="info-value">{{ reportData.patientName || "暂无数据" }}</span>
-                    </div>
-                    <div class="info-item">
-                        <span class="info-label">出生日期：</span>
-                        <span class="info-value">{{ reportData.birthday || "暂无数据" }}</span>
-                    </div>
-                    <div class="info-item">
-                        <span class="info-label">身高：</span>
-                        <span class="info-value">{{ reportData.height ? `${reportData.height} cm` : "暂无数据" }}</span>
-                    </div>
-                    <div class="info-item">
-                        <span class="info-label">体重：</span>
-                        <span class="info-value">{{ reportData.weight ? `${reportData.weight} kg` : "暂无数据" }}</span>
-                    </div>
-                    <div class="info-item">
-                        <span class="info-label">就诊时间：</span>
-                        <span class="info-value">{{ reportData.visitDate || "暂无数据" }}</span>
-                    </div>
-                </div>
-            </div>
-
-            <!-- 3.2 药材消耗明细（超紧凑卡片布局） -->
-            <div class="report-section mt-16">
-                <h3 class="section-heading">二、药材消耗明细</h3>
-                <div class="herbs-grid-container">
-                    <!-- 单个药材卡片（更小尺寸） -->
-                    <div class="herb-card" v-for="(herb, index) in reportData.herbs" :key="index">
-                        <div class="herb-name">
-                            <span class="herb-label">名称：</span>
-                            {{ herb.medicinalName || "未命名药材" }}
-                        </div>
-                        <div class="herb-amount">
-                            <span class="herb-label">用量：</span>
-                            {{ herb.amountG !== undefined ? `${herb.amountG} g` : "0 g" }}
-                        </div>
-                    </div>
-
-                    <!-- 无药材空状态 -->
-                    <div v-if="reportData.herbs.length === 0" class="empty-herbs">
-                        <el-icon size="24" color="#9ca3af" class="empty-icon">
-                            <DocumentEmpty />
-                        </el-icon>
-                        <p class="empty-text">当前处方暂无药材消耗记录</p>
-                    </div>
-                </div>
-            </div>
-
-            <!-- 3.3 诊断与用药建议 -->
-            <div class="report-section mt-16">
-                <h3 class="section-heading">三、诊断与用药建议</h3>
-                <div class="advice-container">
-                    <div class="advice-item">
-                        <span class="advice-label">诊断结果：</span>
-                        <div class="advice-content">
-                            {{ reportData.diagnosisResult || "暂无诊断结果描述" }}
-                        </div>
-                    </div>
-                    <div class="advice-item mt-8">
-                        <span class="advice-label">用药建议：</span>
-                        <div class="advice-content">
-                            {{ reportData.userMedicinaAdvice || "暂无用药建议描述" }}
-                        </div>
-                    </div>
-                </div>
-            </div>
-        </div>
-
-        <template #footer>
-            <el-button @click="handleClose">关闭报告</el-button>
-        </template>
-    </el-dialog>
-</template>
-
-<script setup lang="ts">
-import { ref, watch } from "vue";
-import { ElMessage } from "element-plus";
-import { prescriptionApi } from "@/api";
-
-// Props定义
-interface Props {
-    modelValue: boolean;
-    prescriptionId?: number;
-}
-const props = withDefaults(defineProps<Props>(), {
-    modelValue: false,
-    prescriptionId: undefined,
-});
-
-// 弹窗显隐控制
-const visibleRef = ref(props.modelValue);
-const emit = defineEmits<{
-    "update:modelValue": [value: boolean];
-}>();
-
-// 监听父组件传值，同步弹窗状态
-watch(
-    () => props.modelValue,
-    (newVal) => {
-        visibleRef.value = newVal;
-    },
-    { immediate: true }
-);
-
-// 数据状态
-const loading = ref(false);
-const error = ref(false);
-const errorMsg = ref("");
-const reportData = ref({
-    patientName: "",
-    birthday: "",
-    height: undefined,
-    weight: undefined,
-    visitDate: "",
-    herbs: [] as Array<{ medicinalName: string; amountG: number; note: string }>,
-    diagnosisResult: "",
-    userMedicinaAdvice: "",
-});
-
-// 加载报告数据
-const fetchReportData = async () => {
-    if (!props.prescriptionId) return;
-    try {
-        loading.value = true;
-        error.value = false;
-        const res: any = await prescriptionApi.getDetail(props.prescriptionId);
-        const detail = res?.data || {};
-        const person = detail.person || {};
-        reportData.value = {
-            patientName: person.name || "",
-            birthday: person.birthday || "",
-            height: person.height,
-            weight: person.weight,
-            visitDate: detail.visitDate || "",
-            herbs: (detail.herbs || []).map((h: any) => ({
-                medicinalName: h.medicinalName || "未命名药材",
-                amountG: h.amountG || 0,
-                note: h.note || "",
-            })),
-            diagnosisResult: detail.diagnosisResult || "",
-            userMedicinaAdvice: detail.userMedicinaAdvice || "",
-        };
-    } catch (err: any) {
-        error.value = true;
-        errorMsg.value = err.message || "加载报告失败，请检查网络";
-        ElMessage.error(errorMsg.value);
-    } finally {
-        loading.value = false;
-    }
-};
-
-// 关闭弹窗
-const handleClose = () => {
-    emit("update:modelValue", false);
-};
-
-// 弹窗关闭前重置数据
-const handleBeforeClose = () => {
-    reportData.value = {
-        patientName: "",
-        birthday: "",
-        height: undefined,
-        weight: undefined,
-        visitDate: "",
-        herbs: [],
-        diagnosisResult: "",
-        userMedicinaAdvice: "",
-    };
-    error.value = false;
-    errorMsg.value = "";
-};
-
-// 监听处方ID变化，重新加载数据
-watch(
-    () => props.prescriptionId,
-    (newId) => {
-        if (props.modelValue && newId) {
-            fetchReportData();
-        }
-    }
-);
-</script>
-
-<style lang="scss">
-.report-modal-body {
-    // padding: 20px !important;
-    font-size: 14px;
-    color: #303133;
-    background: #fff;
-    overflow-y: auto !important;
-    max-height: 100vh !important;
-}
-</style>
-
-<style lang="scss" scoped>
-/* 报告通用样式 */
-.report-content {
-    width: 100%;
-}
-
-.report-section {
-    padding: 15px;
-    border: 1px solid #e6e6e6;
-    border-radius: 8px;
-    margin-bottom: 16px;
-    background: #fff;
-}
-
-.section-heading {
-    font-size: 16px;
-    font-weight: 700;
-    color: #1f2937;
-    margin: 0 0 12px 0;
-    padding-bottom: 8px;
-    border-bottom: 2px solid #409eff;
-}
-
-/* 就诊人基本信息样式 */
-.info-grid {
-    display: grid;
-    grid-template-columns: repeat(2, 1fr);
-    gap: 16px;
-}
-
-.info-item {
-    display: flex;
-    align-items: center;
-    line-height: 24px;
-}
-
-.info-label {
-    font-weight: 600;
-    color: #4b5563;
-    min-width: 100px;
-}
-
-.info-value {
-    flex: 1;
-    word-break: break-all;
-    color: #303133;
-}
-
-/* 药材消耗明细样式（超紧凑设计） */
-.herbs-grid-container {
-    // display: grid;
-    // /* 核心：每列最小宽度缩小到150px，可根据需要进一步减小到120px */
-    // grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
-    // gap: 8px;
-    /* 卡片间距缩小 */
-    padding: 8px 0;
-    display: flex;
-    flex-wrap: wrap;
-    gap: 15px;
-
-}
-
-/* 单个药材卡片（更小尺寸） */
-.herb-card {
-    padding: 8px;
-    /* 内边距大幅缩小 */
-    border: 1px solid #e6e6e6;
-    border-radius: 4px;
-    background: #f9fafb;
-    line-height: 1.3;
-    /* 行高压缩 */
-    font-size: 12px;
-    /* 字体缩小 */
-    min-width: 70px;
-}
-
-/* 卡片内标签样式 */
-.herb-label {
-    font-weight: 600;
-    color: #4b5563;
-    font-size: 13px;
-    /* 标签字体更小 */
-}
-
-/* 药材空状态样式 */
-.empty-herbs {
-    grid-column: 1 / -1;
-    text-align: center;
-    padding: 30px 0;
-    color: #9ca3af;
-    background: #f9fafb;
-    border-radius: 4px;
-    font-size: 14px;
-}
-
-.empty-icon {
-    margin-bottom: 8px;
-}
-
-/* 诊断与用药建议样式 */
-.advice-container {
-    padding: 8px 0;
-}
-
-.advice-item {
-    display: flex;
-    flex-direction: column;
-}
-
-.advice-label {
-    font-weight: 600;
-    color: #4b5563;
-    margin-bottom: 4px;
-}
-
-.advice-content {
-    padding: 8px 12px;
-    border: 1px solid #e6e6e6;
-    border-radius: 4px;
-    min-height: 60px;
-    line-height: 1.5;
-    background: #f9fafb;
-    word-break: break-all;
-    color: #303133;
-}
-
-/* 间距工具类 */
-.mt-8 {
-    margin-top: 8px;
-}
-
-.mt-16 {
-    margin-top: 16px;
-}
-
-/* 加载/错误样式 */
-.loading-container {
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    justify-content: center;
-    height: 300px;
-}
-
-.loading-text {
-    margin-top: 16px;
-    color: #606266;
-}
-
-.error-container {
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    justify-content: center;
-    height: 300px;
-    color: #f56c6c;
-}
-
-.error-icon {
-    margin-bottom: 12px;
-}
-
-.error-text {
-    margin-bottom: 16px;
-    font-size: 14px;
-}
-
-.retry-btn {
-    min-width: 100px;
-}
-</style>
diff --git a/src/views/biz/weibingju/prescription/index.vue b/src/views/biz/weibingju/prescription/index.vue
deleted file mode 100644
index fd48fa6..0000000
--- a/src/views/biz/weibingju/prescription/index.vue
+++ /dev/null
@@ -1,150 +0,0 @@
-<template>
-  <div class="table-box">
-    <!-- 原有：处方列表（仅操作列新增“查看报告”按钮） -->
-    <ProTable ref="proTable" title="处方列表" :columns="columns" :request-api="getPrescriptionListApi" :row-key="rowKey">
-      <!-- 原有：表格头部按钮（不变） -->
-      <template #tableHeader>
-        <s-button suffix="处方" type="success" @click="handleAddPrescription" />
-        <el-button type="primary" @click="handleViewTotalCost">查看处方总价</el-button>
-      </template>
-
-      <!-- 原有：就诊人类型自定义插槽（不变） -->
-      <template #personType="scope">
-        <el-space>
-          <div v-if="scope.row.personType === 1" class="flex items-center">
-            <span>公司员工</span>
-            <el-tag v-if="scope.row.type == 1" type="success" size="small" class="ml-2">领导</el-tag>
-            <el-tag v-if="scope.row.type == 2" type="info" size="small" class="ml-2">普通员工</el-tag>
-          </div>
-          <span v-else-if="scope.row.personType === 2">
-            员工家属，所属员工：{{ scope.row.employeeName || "未知" }}
-          </span>
-          <span v-else>未知类型</span>
-        </el-space>
-      </template>
-
-      <!-- 关键改动：操作列新增“查看报告”按钮 -->
-      <template #operation="{ row }">
-        <s-button link :opt="FormOptEnum.VIEW" size="small" @click="handleViewDetail(row.id)">
-          查看详情
-        </s-button>
-        <s-button v-if="row.canEdit" link :opt="FormOptEnum.EDIT" size="small" class="ml-2" @click="handleEdit(row.id)">
-          编辑
-        </s-button>
-        <!-- 新增：触发报告弹窗 -->
-        <s-button link :opt="FormOptEnum.VIEW" size="small" class="ml-2" @click="handleOpenReport(row.id)">
-          查看报告
-        </s-button>
-      </template>
-    </ProTable>
-
-    <!--处方详情/编辑弹窗 -->
-    <PrescriptionDetailDialog v-model:visible="showDetailDialog" :prescription-id="currentPrescriptionId"
-      :is-edit="isEdit" @refresh-list="handleRefresh" />
-
-    <!-- 报告弹窗组件 -->
-    <PrescriptionReportDialog v-model="showReportDialog" :prescription-id="currentReportId" />
-
-    <!-- 处方总价弹窗 -->
-    <el-dialog v-model="showTotalCostDialog" title="查看处方总价" width="400px" :close-on-click-modal="false">
-      <div style="padding: 20px; text-align: center;">
-        <div style="font-size: 16px; color: #606266; margin-bottom: 10px;">预估总药材成本</div>
-        <div style="color: #f56c6c; font-size: 32px; font-weight: bold;">
-          ¥{{ totalCostData || 0 }}
-        </div>
-      </div>
-      <template #footer>
-        <el-button @click="showTotalCostDialog = false">关闭</el-button>
-      </template>
-    </el-dialog>
-  </div>
-</template>
-
-<script setup lang="ts" name="PrescriptionModule">
-import { ref } from "vue";
-import ProTable from "@/components/ProTable/index.vue";
-import type { ProTableInstance, ColumnProps } from "@/components/ProTable/interface";
-import { prescriptionApi } from "@/api";
-// 原有：引入详情弹窗组件（不变）
-import PrescriptionDetailDialog from "./components/PrescriptionDetailDialog.vue";
-// 关键改动：引入独立的报告弹窗组件
-import PrescriptionReportDialog from "./components/PrescriptionReportDialog.vue";
-import { FormOptEnum } from "@/enums";
-
-// 原有：表格ref、详情弹窗状态（不变）
-const proTable = ref<ProTableInstance | null>(null);
-const showDetailDialog = ref(false);
-const currentPrescriptionId = ref<number | undefined>(undefined);
-const isEdit = ref(false);
-
-// 关键改动：新增报告弹窗相关状态
-const showReportDialog = ref(false); // 报告弹窗显隐
-const currentReportId = ref<number | undefined>(undefined); // 当前报告对应的处方ID
-
-// 新增：处方总价弹窗相关状态
-const showTotalCostDialog = ref(false); // 总价弹窗显隐
-const totalCostData = ref<number>(0); // 总价数据
-
-// 原有：就诊人类型选项、表格列配置（不变）
-const personTypeOptions = [
-  { label: "公司员工", value: 1 },
-  { label: "员工家属", value: 2 }
-];
-const columns: ColumnProps<any>[] = [
-  { type: "selection", fixed: "left", width: 80 },
-  { prop: "personName", label: "就诊人", search: { el: "input" } },
-  {
-    prop: "personType",
-    label: "就诊人类型",
-    sortable: false,
-    enum: personTypeOptions,
-    search: { el: "select" }
-  },
-  { prop: "visitDate", label: "就诊时间" },
-  { prop: "createTime", label: "添加时间" },
-  { prop: "totalMedicineCost", label: "预估药材成本" },
-  { prop: "operation", label: "操作", width: 280, fixed: "right" }
-];
-const rowKey = "id";
-const getPrescriptionListApi = (params: any) => {
-  return prescriptionApi.getList(params);
-};
-
-//新增、查看详情、编辑、刷新
-const handleAddPrescription = () => {
-  currentPrescriptionId.value = undefined;
-  isEdit.value = false;
-  showDetailDialog.value = true;
-};
-const handleViewDetail = (id: number) => {
-  currentPrescriptionId.value = id;
-  isEdit.value = false;
-  showDetailDialog.value = true;
-};
-const handleEdit = (id: number) => {
-  currentPrescriptionId.value = id;
-  isEdit.value = true;
-  showDetailDialog.value = true;
-};
-const handleRefresh = () => {
-  proTable.value?.refresh?.();
-};
-
-// 打开报告弹窗
-const handleOpenReport = (id: number) => {
-  currentReportId.value = id; // 传递当前处方ID给报告组件
-  showReportDialog.value = true; // 显示报告弹窗
-};
-
-// 新增：查看处方总价
-const handleViewTotalCost = async () => {
-  showTotalCostDialog.value = true;
-  try {
-    const { data } = await prescriptionApi.getTotalCost();
-    totalCostData.value = data || 0;
-  } catch (error) {
-    console.error("获取处方总价失败:", error);
-    totalCostData.value = 0;
-  }
-};
-</script>
\ No newline at end of file
diff --git a/src/views/biz/weibingju/statistics/index.vue b/src/views/biz/weibingju/statistics/index.vue
deleted file mode 100644
index 1f851bd..0000000
--- a/src/views/biz/weibingju/statistics/index.vue
+++ /dev/null
@@ -1,1328 +0,0 @@
-<template>
-    <div class="statistics-container" :class="{ 'is-dark': isDarkMode }">
-        <!-- 顶部筛选栏 -->
-        <div class="header-filter">
-            <div class="filter-left">
-                <el-icon :size="24" class="leaf-icon">
-                    <Operation />
-                </el-icon>
-                <div class="title-block">
-                    <h1>数据统计与分析</h1>
-                    <p class="subtitle">未病局运营数据统计工作台</p>
-                </div>
-            </div>
-            <div class="filter-right">
-                <el-radio-group v-model="selectedYear" class="year-selector">
-                    <el-radio-button v-for="year in availableYears" :key="year" :label="year">
-                        {{ year }}年
-                    </el-radio-button>
-                </el-radio-group>
-                <div class="mode-switch">
-                    <el-switch v-model="isDarkMode" inline-prompt :active-icon="Moon" :inactive-icon="Sunny"
-                        style="--el-switch-on-color: #334155; --el-switch-off-color: #fbbf24" />
-                </div>
-            </div>
-        </div>
-
-        <!-- 总数据概览（全量，不区分年份） -->
-        <div class="overview-section total-overview-section" v-loading="overviewLoading">
-            <div class="section-header">
-                <h2>
-                    <el-icon class="header-icon">
-                        <DataAnalysis />
-                    </el-icon>
-                    总数据概览
-                </h2>
-                <span class="update-time">累计全部时间段数据</span>
-            </div>
-            <div class="stat-cards">
-                <div class="stat-card" v-for="(card, index) in overviewCards" :key="index" :class="card.colorClass">
-                    <div class="card-header">
-                        <div class="icon-wrapper">
-                            <component :is="card.icon" />
-                        </div>
-                    </div>
-                    <div class="card-content">
-                        <p class="card-title">{{ card.title }}</p>
-                        <div class="card-value">
-                            <h3>{{ card.value.toLocaleString() }}</h3>
-                            <span class="unit">{{ card.unit }}</span>
-                        </div>
-                        <p class="card-sub" v-if="card.subValue">{{ card.subValue }}</p>
-                    </div>
-                </div>
-            </div>
-        </div>
-
-        <!-- 年度数据概览 -->
-        <div class="overview-section" v-loading="loading">
-            <div class="section-header">
-                <h2>
-                    <el-icon class="header-icon">
-                        <Calendar />
-                    </el-icon>
-                    {{ selectedYear }}年度数据概览
-                </h2>
-                <span class="update-time">统计截至: {{ currentDate }}</span>
-            </div>
-
-            <div class="stat-cards">
-                <div class="stat-card" v-for="(card, index) in statCards" :key="index" :class="card.colorClass">
-                    <div class="card-header">
-                        <div class="icon-wrapper">
-                            <component :is="card.icon" />
-                        </div>
-                        <span class="trend" :class="card.trend > 0 ? 'trend-up' : 'trend-down'" v-if="card.trend !== 0">
-                            <span class="trend-pct">
-                                <el-icon>
-                                    <Top v-if="card.trend > 0" />
-                                    <Bottom v-else />
-                                </el-icon>
-                                {{ Math.abs(card.trend) }}%
-                            </span>
-                            <span class="trend-label">相比去年</span>
-                        </span>
-                    </div>
-                    <div class="card-content">
-                        <p class="card-title">{{ card.title }}</p>
-                        <div class="card-value">
-                            <h3>{{ card.value.toLocaleString() }}</h3>
-                            <span class="unit">{{ card.unit }}</span>
-                        </div>
-                        <p class="card-sub" v-if="card.subValue">{{ card.subValue }}</p>
-                    </div>
-                </div>
-            </div>
-        </div>
-
-        <!-- 图表区域 -->
-        <div class="charts-section" v-loading="loading">
-            <div class="charts-grid">
-                <!-- 月度趋势图 -->
-                <div class="chart-card trend-card">
-                    <div class="chart-header">
-                        <div>
-                            <h3>月度收支流光趋势</h3>
-                            <p class="chart-desc">处方总费用与药材成本月度变化</p>
-                        </div>
-                        <div class="legend">
-                            <span class="legend-item">
-                                <i class="legend-dot blue"></i> 处方花费
-                            </span>
-                            <span class="legend-item">
-                                <i class="legend-dot amber"></i> 药材花费
-                            </span>
-                        </div>
-                    </div>
-                    <div class="chart-content">
-                        <div ref="trendChartRef" class="echart-container"></div>
-                    </div>
-                </div>
-
-                <!-- 3D proportions chart -->
-                <div class="chart-card proportion-card">
-                    <div class="chart-header">
-                        <div>
-                            <h3>服务对象占比</h3>
-                            <p class="chart-desc">本年度员工与家属服务分布</p>
-                        </div>
-                    </div>
-                    <div class="chart-content">
-                        <div ref="proportionChartRef" class="echart-container"></div>
-                    </div>
-                </div>
-            </div>
-        </div>
-
-        <!-- 月度明细表格 -->
-        <div class="table-section" v-loading="loading">
-            <div class="table-header">
-                <h3>
-                    <el-icon>
-                        <Filter />
-                    </el-icon>
-                    {{ selectedYear }}月度明细数据列表
-                </h3>
-            </div>
-            <div class="table-container">
-                <el-table :data="tableData" stripe class="statistics-table">
-                    <el-table-column prop="month" label="统计月份" min-width="100" />
-                    <el-table-column label="处方花费 (员工/家属)" min-width="160">
-                        <template #default="{ row }">
-                            <div class="cost-split">
-                                <span class="staff-cost">员: ¥{{ row.staffCost }}</span>
-                                <span class="family-cost">属: ¥{{ row.familyCost }}</span>
-                            </div>
-                        </template>
-                    </el-table-column>
-                    <el-table-column label="处方数量 (员工/家属)" min-width="160">
-                        <template #default="{ row }">
-                            <span>{{ row.staffQty }} / {{ row.familyQty }}</span>
-                        </template>
-                    </el-table-column>
-                    <el-table-column label="处方总量" min-width="110">
-                        <template #default="{ row }">
-                            <span>{{ row.staffQty + row.familyQty }} 张</span>
-                        </template>
-                    </el-table-column>
-                    <el-table-column label="处方总额" min-width="120">
-                        <template #default="{ row }">
-                            <el-tag class="prescription-tag">¥{{ (row.staffCost + row.familyCost).toLocaleString()
-                            }}</el-tag>
-                        </template>
-                    </el-table-column>
-                    <el-table-column label="药材花费" min-width="120">
-                        <template #default="{ row }">
-                            <el-tag class="material-tag">¥{{ row.materialCost.toLocaleString() }}</el-tag>
-                        </template>
-                    </el-table-column>
-                </el-table>
-            </div>
-        </div>
-    </div>
-</template>
-
-<script setup lang="ts" name="WeiBingJuStatistics">
-import { ref, computed, onMounted, onBeforeUnmount, watch } from 'vue';
-import { Calendar, Operation, Filter, Top, Bottom, DataAnalysis, Moon, Sunny } from '@element-plus/icons-vue';
-import * as echarts from 'echarts';
-import type { ECharts } from 'echarts';
-import dayjs from 'dayjs';
-import { statisticsApi } from '@/api/modules/biz';
-import type { YearlyStatisticsDto, MonthlyDetailDto, TotalOverviewDto } from '@/api/modules/biz/WeiBingJu/statistics';
-
-// ─── 响应式状态 ───────────────────────────────────────────────
-const currentYear = dayjs().year();
-const selectedYear = ref(currentYear.toString());
-const currentDate = ref(dayjs().format('YYYY-MM-DD'));
-
-const trendChartRef = ref<HTMLElement>();
-const trendChartInstance = ref<ECharts>();
-const proportionChartRef = ref<HTMLElement>();
-const proportionChartInstance = ref<ECharts>();
-
-// 深色模式显示切换
-const isDarkMode = ref(false);
-
-// 年度统计数据（来自后端）
-const yearlyData = ref<YearlyStatisticsDto | null>(null);
-// 全量总览数据（来自后端，不区分年份）
-const overviewData = ref<TotalOverviewDto | null>(null);
-// 月度明细数据（来自后端）
-const tableData = ref<MonthlyDetailDto[]>([]);
-// 加载状态
-const loading = ref(false);
-const overviewLoading = ref(false);
-
-// ─── 可选年份（2025 ~ 今年） ──────────────────────────────────
-const availableYears = computed(() => {
-    const startYear = 2025;
-    const years: string[] = [];
-    for (let year = startYear; year <= currentYear; year++) {
-        years.push(year.toString());
-    }
-    return years;
-});
-
-// ─── 全量总览卡片（不区分年份） ────────────────────────────────
-const overviewCards = computed(() => {
-    const d = overviewData.value;
-    if (!d) return [];
-    const familyRatio = d.totalQty > 0
-        ? ((d.familyQty / d.totalQty) * 100).toFixed(1)
-        : '0.0';
-    return [
-        {
-            title: '处方总花费',
-            value: d.totalCost,
-            unit: '元',
-            icon: 'Wallet',
-            subValue: `其中员工: \u00a5${d.staffCost.toLocaleString()}`,
-            colorClass: 'blue'
-        },
-        {
-            title: '处方总数量',
-            value: d.totalQty,
-            unit: '张',
-            icon: 'Document',
-            subValue: `家属占比: ${familyRatio}%`,
-            colorClass: 'indigo'
-        },
-        {
-            title: '累计服务人数',
-            value: d.serviceCount,
-            unit: '人次',
-            icon: 'User',
-            subValue: `家属占比: ${familyRatio}%`,
-            colorClass: 'green'
-        },
-        {
-            title: '药材采购总花费',
-            value: d.materialCost,
-            unit: '元',
-            icon: 'TrendCharts',
-            subValue: `剩余库存价值: \u00a5${d.remainingMedicinalValue.toLocaleString()}`,
-            colorClass: 'amber'
-        }
-    ];
-});
-
-// ─── 统计卡片（基于后端数据） ─────────────────────────────────
-const statCards = computed(() => {
-    const d = yearlyData.value;
-    if (!d) return [];
-
-    const familyRatio = d.totalQty > 0
-        ? ((d.familyQty / d.totalQty) * 100).toFixed(1)
-        : '0.0';
-
-    return [
-        {
-            title: '处方总花费',
-            value: d.totalCost,
-            unit: '元',
-            icon: 'Wallet',
-            trend: d.totalCostTrend,
-            subValue: `其中员工: ¥${d.staffCost.toLocaleString()}`,
-            colorClass: 'blue'
-        },
-        {
-            title: '处方总数量',
-            value: d.totalQty,
-            unit: '张',
-            icon: 'Document',
-            trend: d.totalQtyTrend,
-            subValue: `家属占比: ${familyRatio}%`,
-            colorClass: 'indigo'
-        },
-        {
-            title: '服务人数统计',
-            value: d.serviceCount,
-            unit: '人次',
-            icon: 'User',
-            trend: d.serviceCountTrend,
-            subValue: `家属占比: ${familyRatio}%`,
-            colorClass: 'green'
-        },
-        {
-            title: '药材耗材花费',
-            value: d.materialCost,
-            unit: '元',
-            icon: 'TrendCharts',
-            trend: d.materialCostTrend,
-            subValue: d.materialCostTrend >= 0 ? '相比上年度有所增长' : '相比上年度有所下降',
-            colorClass: 'amber'
-        }
-    ];
-});
-
-// ─── 图表配置 ─────────────────────────────────────────────────
-const buildChartOption = (data: MonthlyDetailDto[]) => {
-    const isDark = isDarkMode.value;
-    const xAxisData = data.map(item => item.month);
-    const mainData = data.map(item => item.staffCost + item.familyCost);
-    const subData = data.map(item => item.materialCost);
-
-    return {
-        backgroundColor: 'transparent',
-        grid: {
-            top: 30,
-            right: 30,
-            bottom: 40,
-            left: 70,
-            containLabel: true
-        },
-        tooltip: {
-            trigger: 'axis',
-            backgroundColor: isDark ? 'rgba(15, 23, 42, 0.9)' : 'rgba(255, 255, 255, 0.95)',
-            borderColor: isDark ? '#334155' : '#e5e7eb',
-            borderWidth: 1,
-            textStyle: { color: isDark ? '#f1f5f9' : '#1e293b' },
-            axisPointer: {
-                type: 'cross',
-                crossStyle: { color: '#94a3b8' }
-            }
-        },
-        xAxis: {
-            type: 'category',
-            data: xAxisData,
-            axisLine: { show: false },
-            axisTick: { show: false },
-            axisLabel: {
-                color: isDark ? '#64748b' : '#94a3b8',
-                fontSize: 12
-            }
-        },
-        yAxis: {
-            type: 'value',
-            axisLine: { show: false },
-            axisTick: { show: false },
-            splitLine: {
-                lineStyle: {
-                    color: isDark ? '#1e293b' : '#f1f5f9',
-                    type: 'dashed'
-                }
-            },
-            axisLabel: {
-                color: isDark ? '#64748b' : '#94a3b8',
-                fontSize: 12,
-                formatter: (val: number) => `¥${(val / 1000).toFixed(0)}k`
-            }
-        },
-        series: [
-            {
-                name: '总处方花费',
-                type: 'line',
-                data: mainData,
-                smooth: true,
-                showSymbol: false,
-                lineStyle: { width: 4, color: '#3b82f6', shadowBlur: 10, shadowColor: 'rgba(59, 130, 246, 0.5)' },
-                areaStyle: {
-                    color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
-                        { offset: 0, color: 'rgba(59, 130, 246, 0.4)' },
-                        { offset: 0.8, color: 'rgba(59, 130, 246, 0.05)' },
-                        { offset: 1, color: 'rgba(59, 130, 246, 0)' }
-                    ])
-                },
-                itemStyle: { color: '#3b82f6' }
-            },
-            {
-                name: '药材花费',
-                type: 'line',
-                data: subData,
-                smooth: true,
-                showSymbol: false,
-                lineStyle: { width: 3, color: '#f59e0b', type: 'dashed', shadowBlur: 8, shadowColor: 'rgba(245, 158, 11, 0.5)' },
-                itemStyle: { color: '#f59e0b' }
-            },
-            // 流光特效层（处方线）
-            {
-                type: 'lines',
-                coordinateSystem: 'cartesian2d',
-                polyline: true,
-                data: xAxisData.length > 0 ? [{
-                    coords: xAxisData.map((month, i) => [i, mainData[i]])
-                }] : [],
-                effect: {
-                    show: true,
-                    period: 4,
-                    trailLength: 0.5,
-                    color: '#60a5fa',
-                    symbolSize: 6,
-                    shadowBlur: 12,
-                    shadowColor: '#60a5fa'
-                },
-                lineStyle: { width: 0, opacity: 0 },
-                zIndex: 10
-            },
-            // 流光特效层（药材料线）
-            {
-                type: 'lines',
-                coordinateSystem: 'cartesian2d',
-                polyline: true,
-                data: xAxisData.length > 0 ? [{
-                    coords: xAxisData.map((month, i) => [i, subData[i]])
-                }] : [],
-                effect: {
-                    show: true,
-                    period: 5,
-                    trailLength: 0.5,
-                    color: '#fbbf24',
-                    symbolSize: 5,
-                    shadowBlur: 10,
-                    shadowColor: '#fbbf24'
-                },
-                lineStyle: { width: 0, opacity: 0 },
-                zIndex: 9
-            }
-        ]
-    };
-};
-
-const buildRingChartOption = (data: MonthlyDetailDto[]) => {
-    const isDark = isDarkMode.value;
-    const totalStaff = data.reduce((acc, cur) => acc + cur.staffQty, 0);
-    const totalFamily = data.reduce((acc, cur) => acc + cur.familyQty, 0);
-
-    return {
-        backgroundColor: 'transparent',
-        tooltip: {
-            trigger: 'item',
-            backgroundColor: isDark ? 'rgba(15, 23, 42, 0.9)' : 'rgba(255, 255, 255, 0.95)',
-            textStyle: { color: isDark ? '#f1f5f9' : '#1e293b' }
-        },
-        legend: {
-            bottom: '5%',
-            left: 'center',
-            textStyle: { color: isDark ? '#94a3b8' : '#64748b' },
-            itemWidth: 10,
-            itemHeight: 10
-        },
-        series: [
-            // 外发光光环
-            {
-                type: 'pie',
-                radius: ['70%', '72%'],
-                center: ['50%', '45%'],
-                silent: true,
-                label: { show: false },
-                itemStyle: {
-                    color: isDark ? 'rgba(51, 65, 85, 0.5)' : 'rgba(226, 232, 240, 0.5)'
-                },
-                data: [{ value: 1 }]
-            },
-            // 背景阴影层，模拟3D感
-            {
-                type: 'pie',
-                radius: ['45%', '65%'],
-                center: ['50%', '45%'],
-                silent: true,
-                label: { show: false },
-                itemStyle: {
-                    color: isDark ? '#1e293b' : '#f1f5f9',
-                    shadowBlur: 30,
-                    shadowColor: isDark ? 'rgba(0,0,0,0.5)' : 'rgba(0,0,0,0.1)'
-                },
-                data: [{ value: 1 }]
-            },
-            {
-                name: '服务量占比',
-                type: 'pie',
-                radius: ['48%', '68%'],
-                center: ['50%', '45%'],
-                avoidLabelOverlap: false,
-                itemStyle: {
-                    borderRadius: 10,
-                    borderColor: isDark ? '#1e293b' : '#fff',
-                    borderWidth: 2
-                },
-                label: {
-                    show: true,
-                    position: 'center',
-                    formatter: () => '服务对象',
-                    color: isDark ? '#cbd5e1' : '#1e293b',
-                    fontSize: 16,
-                    fontWeight: 'bold'
-                },
-                data: [
-                    {
-                        value: totalStaff,
-                        name: '内部员工',
-                        itemStyle: {
-                            color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
-                                { offset: 0, color: '#2563eb' },
-                                { offset: 1, color: '#60a5fa' }
-                            ]),
-                            shadowBlur: 15,
-                            shadowColor: 'rgba(59, 130, 246, 0.4)'
-                        }
-                    },
-                    {
-                        value: totalFamily,
-                        name: '家属成员',
-                        itemStyle: {
-                            color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
-                                { offset: 0, color: '#059669' },
-                                { offset: 1, color: '#34d399' }
-                            ]),
-                            shadowBlur: 15,
-                            shadowColor: 'rgba(16, 185, 129, 0.4)'
-                        }
-                    }
-                ]
-            }
-        ]
-    };
-};
-
-const initCharts = () => {
-    if (trendChartRef.value) {
-        trendChartInstance.value = echarts.init(trendChartRef.value);
-        trendChartInstance.value.setOption(buildChartOption([]));
-    }
-    if (proportionChartRef.value) {
-        proportionChartInstance.value = echarts.init(proportionChartRef.value);
-        proportionChartInstance.value.setOption(buildRingChartOption([]));
-    }
-};
-
-const updateCharts = (data: MonthlyDetailDto[]) => {
-    trendChartInstance.value?.setOption(buildChartOption(data));
-    proportionChartInstance.value?.setOption(buildRingChartOption(data));
-};
-
-// ─── 数据加载 ─────────────────────────────────────────────────
-const loadOverview = async () => {
-    overviewLoading.value = true;
-    try {
-        const res = await statisticsApi.getTotalOverview();
-        overviewData.value = res.data;
-    } catch (e) {
-        console.error('总览数据加载失败', e);
-    } finally {
-        overviewLoading.value = false;
-    }
-};
-
-const loadData = async () => {
-    loading.value = true;
-    try {
-        const year = selectedYear.value;
-        const [yearlyRes, monthlyRes] = await Promise.all([
-            statisticsApi.getYearlyStatistics({ year }),
-            statisticsApi.getMonthlyDetails({ year })
-        ]);
-        yearlyData.value = yearlyRes.data;
-        tableData.value = monthlyRes.data;
-        updateCharts(monthlyRes.data);
-    } catch (e) {
-        console.error('统计数据加载失败', e);
-    } finally {
-        loading.value = false;
-    }
-};
-
-// ─── 状态监听 ─────────────────────────────────────────────────
-watch(selectedYear, () => {
-    loadData();
-});
-
-watch(isDarkMode, () => {
-    // 切换深色模式时重绘图表
-    updateCharts(tableData.value);
-});
-
-// ─── 窗口 Resize ──────────────────────────────────────────────
-const handleResize = () => {
-    trendChartInstance.value?.resize();
-    proportionChartInstance.value?.resize();
-};
-
-// ─── 生命周期 ─────────────────────────────────────────────────
-onMounted(async () => {
-    initCharts();
-    window.addEventListener('resize', handleResize);
-    // 并发加载：总览（不依赖年份）+ 年度数据
-    await Promise.all([loadOverview(), loadData()]);
-});
-
-onBeforeUnmount(() => {
-    trendChartInstance.value?.dispose();
-    proportionChartInstance.value?.dispose();
-    window.removeEventListener('resize', handleResize);
-});
-</script>
-
-<style scoped lang="scss">
-.statistics-container {
-    padding: 20px;
-    background: #f8fafc;
-    min-height: calc(100vh - 100px);
-    transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
-
-    &.is-dark {
-        background-color: #0f172a;
-        // 科技感网格背景
-        background-image:
-            linear-gradient(rgba(51, 65, 85, 0.2) 1px, transparent 1px),
-            linear-gradient(90deg, rgba(51, 65, 85, 0.2) 1px, transparent 1px);
-        background-size: 30px 30px;
-        color: #f1f5f9;
-    }
-}
-
-// 顶部筛选栏
-.header-filter {
-    background: white;
-    border-radius: 12px;
-    padding: 16px 24px;
-    margin-bottom: 24px;
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
-    flex-wrap: wrap;
-    gap: 16px;
-    border: 1px solid transparent;
-    transition: all 0.3s;
-
-    @media (max-width: 768px) {
-        padding: 12px 16px;
-    }
-
-    .filter-left {
-        display: flex;
-        align-items: center;
-        gap: 12px;
-
-        .leaf-icon {
-            background: #10b981;
-            color: white;
-            padding: 8px;
-            border-radius: 8px;
-        }
-
-        .title-block {
-            h1 {
-                font-size: 20px;
-                font-weight: 700;
-                margin: 0;
-                color: #1e293b;
-
-                @media (max-width: 768px) {
-                    font-size: 18px;
-                }
-            }
-
-            .subtitle {
-                font-size: 12px;
-                color: #64748b;
-                margin: 2px 0 0;
-
-                @media (max-width: 768px) {
-                    font-size: 11px;
-                }
-            }
-        }
-    }
-
-    .filter-right {
-        display: flex;
-        align-items: center;
-        gap: 16px;
-
-        .year-selector {
-            :deep(.el-radio-button__inner) {
-                border: none;
-                background: transparent;
-                padding: 8px 16px;
-                font-size: 14px;
-
-                @media (max-width: 768px) {
-                    padding: 6px 12px;
-                    font-size: 13px;
-                }
-            }
-
-            :deep(.el-radio-button__original-radio:checked + .el-radio-button__inner) {
-                background: white;
-                color: #10b981;
-                box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
-            }
-        }
-
-        .mode-switch {
-            padding-left: 8px;
-            border-left: 1px solid #e2e8f0;
-        }
-    }
-}
-
-// 深色模式下的顶部筛选
-.is-dark .header-filter {
-    background: #1e293b;
-    border-color: #334155;
-
-    .filter-left .title-block {
-        h1 {
-            color: #f8fafc;
-        }
-
-        .subtitle {
-            color: #94a3b8;
-        }
-    }
-
-    .year-selector :deep(.el-radio-button__inner) {
-        color: #94a3b8;
-    }
-
-    .year-selector :deep(.el-radio-button__original-radio:checked + .el-radio-button__inner) {
-        background: #334155;
-        color: #10b981;
-    }
-
-    .mode-switch {
-        border-color: #334155;
-    }
-}
-
-// 年度概览
-.overview-section {
-    margin-bottom: 32px;
-
-    .section-header {
-        display: flex;
-        justify-content: space-between;
-        align-items: center;
-        margin-bottom: 20px;
-
-        h2 {
-            font-size: 18px;
-            font-weight: 600;
-            color: #1e293b;
-            display: flex;
-            align-items: center;
-            gap: 8px;
-
-            .header-icon {
-                color: #10b981;
-            }
-        }
-
-        .update-time {
-            font-size: 14px;
-            color: #94a3b8;
-        }
-    }
-
-    .stat-cards {
-        display: grid;
-        grid-template-columns: repeat(4, 1fr);
-        gap: 20px;
-
-        @media (max-width: 1200px) {
-            grid-template-columns: repeat(2, 1fr);
-        }
-
-        @media (max-width: 768px) {
-            grid-template-columns: 1fr;
-        }
-    }
-
-    .stat-card {
-        background: white;
-        border-radius: 16px;
-        padding: 24px;
-        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
-        border: 1px solid #f1f5f9;
-        transition: all 0.3s;
-
-        // 动画配置
-        position: relative;
-        overflow: hidden;
-        opacity: 0;
-        animation: floatUp 0.6s cubic-bezier(0.16, 1, 0.3, 1) forwards;
-
-        // 级联渲染延迟
-        @for $i from 1 through 8 {
-            &:nth-child(#{$i}) {
-                animation-delay: #{$i * 0.1}s;
-            }
-        }
-
-        // 扫光特效伪元素
-        &::after {
-            content: '';
-            position: absolute;
-            top: 0;
-            left: -150%;
-            width: 50%;
-            height: 100%;
-            background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0) 100%);
-            transform: skewX(-20deg);
-            z-index: 10;
-        }
-
-        &:hover {
-            box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
-            transform: translateY(-4px);
-
-            &::after {
-                animation: shine 1s ease-in-out;
-            }
-        }
-
-        .card-header {
-            display: flex;
-            justify-content: space-between;
-            align-items: flex-start;
-            margin-bottom: 16px;
-
-            .icon-wrapper {
-                width: 48px;
-                height: 48px;
-                border-radius: 12px;
-                display: flex;
-                align-items: center;
-                justify-content: center;
-                color: white;
-                font-size: 24px;
-            }
-
-            .trend {
-                display: flex;
-                flex-direction: column;
-                align-items: flex-end;
-                gap: 2px;
-                font-size: 12px;
-                font-weight: 600;
-
-                &.trend-up {
-                    color: #10b981;
-                }
-
-                &.trend-down {
-                    color: #ef4444;
-                }
-
-                .trend-pct {
-                    display: flex;
-                    align-items: center;
-                    gap: 2px;
-                }
-
-                .trend-label {
-                    font-size: 10px;
-                    font-weight: 400;
-                    opacity: 0.75;
-                    white-space: nowrap;
-                }
-            }
-        }
-
-        &.blue .icon-wrapper {
-            background: #3b82f6;
-        }
-
-        &.indigo .icon-wrapper {
-            background: #6366f1;
-        }
-
-        &.amber .icon-wrapper {
-            background: #f59e0b;
-        }
-
-        &.green .icon-wrapper {
-            background: #10b981;
-        }
-
-        .card-content {
-            .card-title {
-                font-size: 14px;
-                color: #64748b;
-                font-weight: 500;
-                margin-bottom: 8px;
-            }
-
-            .card-value {
-                display: flex;
-                align-items: baseline;
-                gap: 4px;
-                margin-bottom: 8px;
-
-                h3 {
-                    font-size: 28px;
-                    font-weight: 700;
-                    color: #1e293b;
-                    margin: 0;
-                }
-
-                .unit {
-                    font-size: 12px;
-                    color: #94a3b8;
-                }
-            }
-
-            .card-sub {
-                font-size: 12px;
-                color: #94a3b8;
-                margin: 0;
-            }
-        }
-    }
-}
-
-// 深色模式下的卡片
-.is-dark {
-    .overview-section .section-header h2 {
-        color: #f1f5f9;
-    }
-
-    .stat-card {
-        background: #1e293b;
-        border-color: #334155;
-
-        .card-content {
-            .card-title {
-                color: #94a3b8;
-            }
-
-            .card-value h3 {
-                color: #f8fafc;
-            }
-
-            .card-sub {
-                color: #64748b;
-            }
-        }
-
-        &:hover {
-            border-color: #3b82f6;
-            box-shadow: 0 8px 30px rgba(59, 130, 246, 0.2);
-            transform: translateY(-4px);
-        }
-
-        &::after {
-            background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0) 100%);
-        }
-    }
-}
-
-// 图表区域
-.charts-section {
-    margin-bottom: 32px;
-
-    .charts-grid {
-        display: grid;
-        grid-template-columns: 2fr 1fr;
-        gap: 24px;
-
-        @media (max-width: 1200px) {
-            grid-template-columns: 1fr;
-        }
-    }
-
-    .chart-card {
-        background: white;
-        border-radius: 16px;
-        padding: 24px;
-        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
-        border: 1px solid #f1f5f9;
-        transition: all 0.3s;
-
-        opacity: 0;
-        animation: floatUp 0.8s cubic-bezier(0.16, 1, 0.3, 1) 0.3s forwards;
-
-        &:hover {
-            box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
-        }
-
-        &.proportion-card {
-            display: flex;
-            flex-direction: column;
-        }
-
-        h3 {
-            font-size: 16px;
-            font-weight: 700;
-            color: #1e293b;
-            margin: 0;
-        }
-
-        .chart-header {
-            display: flex;
-            justify-content: space-between;
-            align-items: flex-start;
-            margin-bottom: 32px;
-            flex-wrap: wrap;
-            gap: 16px;
-
-            @media (max-width: 768px) {
-                flex-direction: column;
-                align-items: flex-start;
-            }
-
-            .chart-desc {
-                font-size: 12px;
-                color: #94a3b8;
-                margin: 4px 0 0;
-            }
-
-            .legend {
-                display: flex;
-                gap: 16px;
-                flex-wrap: wrap;
-
-                .legend-item {
-                    display: flex;
-                    align-items: center;
-                    gap: 6px;
-                    font-size: 12px;
-                    color: #64748b;
-
-                    .legend-dot {
-                        width: 12px;
-                        height: 12px;
-                        border-radius: 50%;
-                        display: block;
-
-                        &.blue {
-                            background: rgba(59, 130, 246, 0.2);
-                        }
-
-                        &.amber {
-                            background: #f59e0b;
-                        }
-                    }
-                }
-            }
-        }
-
-        .echart-container {
-            height: 400px;
-            width: 100%;
-
-            @media (max-width: 1024px) {
-                height: 350px;
-            }
-
-            @media (max-width: 768px) {
-                height: 300px;
-            }
-        }
-    }
-}
-
-// 深色模式下的图表
-.is-dark .chart-card {
-    background: #1e293b;
-    border-color: #334155;
-
-    h3 {
-        color: #f8fafc;
-    }
-
-    .chart-desc {
-        color: #64748b;
-    }
-
-    .legend .legend-item {
-        color: #94a3b8;
-    }
-}
-
-.table-section {
-    background: white;
-    border-radius: 16px;
-    overflow: hidden;
-    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
-    border: 1px solid #f1f5f9;
-    transition: all 0.3s;
-
-    opacity: 0;
-    animation: floatUp 0.8s cubic-bezier(0.16, 1, 0.3, 1) 0.5s forwards;
-
-    .table-header {
-        padding: 20px 24px;
-        border-bottom: 1px solid #f1f5f9;
-        display: flex;
-        justify-content: space-between;
-        align-items: center;
-        flex-wrap: wrap;
-        gap: 12px;
-
-        @media (max-width: 768px) {
-            padding: 16px;
-        }
-
-        h3 {
-            font-size: 16px;
-            font-weight: 700;
-            color: #1e293b;
-            margin: 0;
-            display: flex;
-            align-items: center;
-            gap: 8px;
-
-            @media (max-width: 768px) {
-                font-size: 15px;
-            }
-
-            .el-icon {
-                color: #94a3b8;
-            }
-        }
-    }
-
-    .table-container {
-        overflow-x: auto;
-
-        // 移动端优化滚动条样式
-        &::-webkit-scrollbar {
-            height: 6px;
-        }
-
-        &::-webkit-scrollbar-track {
-            background: #f1f5f9;
-        }
-
-        &::-webkit-scrollbar-thumb {
-            background: #cbd5e1;
-            border-radius: 3px;
-
-            &:hover {
-                background: #94a3b8;
-            }
-        }
-    }
-
-    .statistics-table {
-        min-width: 800px; // 确保表格有最小宽度，小屏幕下可以横向滚动
-
-        :deep(.el-table__header th) {
-            background: #f8fafc;
-            color: #64748b;
-            font-size: 12px;
-            font-weight: 600;
-            text-transform: uppercase;
-            letter-spacing: 0.5px;
-            white-space: nowrap; // 防止表头换行
-        }
-
-        :deep(.el-table__row) {
-            opacity: 0;
-            animation: fadeUpIn 0.5s ease-out forwards;
-
-            @for $i from 1 through 20 {
-                &:nth-child(#{$i}) {
-                    animation-delay: #{$i * 0.05 + 0.5}s;
-                }
-            }
-
-            &:hover {
-                background: rgba(248, 250, 252, 0.8);
-                transform: scale(1.002);
-                transition: transform 0.2s, background 0.2s;
-            }
-        }
-
-        .cost-split {
-            display: flex;
-            flex-direction: column;
-            gap: 4px;
-
-            .staff-cost {
-                font-size: 12px;
-                color: #3b82f6;
-            }
-
-            .family-cost {
-                font-size: 12px;
-                color: #10b981;
-            }
-        }
-
-        .total-cost {
-            font-weight: 700;
-            color: #1e293b;
-        }
-
-        .prescription-tag {
-            background: #dbeafe;
-            color: #1e40af;
-            border: 1px solid #bfdbfe;
-            font-weight: 500;
-        }
-
-        .material-tag {
-            background: #fef3c7;
-            color: #92400e;
-            border: 1px solid #fde68a;
-            font-weight: 500;
-        }
-    }
-}
-
-// 深色模式下的表格
-.is-dark .table-section {
-    background: #1e293b;
-    border-color: #334155;
-
-    .table-header {
-        border-color: #334155;
-
-        h3 {
-            color: #f8fafc;
-        }
-    }
-
-    .statistics-table {
-        background: transparent;
-
-        :deep(.el-table__header th) {
-            background: #0f172a;
-            color: #94a3b8;
-        }
-
-        :deep(.el-table__row) {
-            background: #1e293b;
-            color: #cbd5e1;
-
-            &:hover {
-                transform: scale(1.002);
-                background: #334155 !important;
-            }
-
-            &:hover>td {
-                background: transparent !important;
-            }
-
-            td {
-                border-bottom-color: #334155;
-            }
-        }
-
-        .staff-cost {
-            color: #60a5fa;
-        }
-
-        .family-cost {
-            color: #34d399;
-        }
-
-        .total-cost {
-            color: #f1f5f9;
-        }
-
-        .prescription-tag {
-            background: rgba(59, 130, 246, 0.1);
-            color: #60a5fa;
-            border-color: rgba(59, 130, 246, 0.3);
-        }
-
-        .material-tag {
-            background: rgba(245, 158, 11, 0.1);
-            color: #fbbf24;
-            border-color: rgba(245, 158, 11, 0.3);
-        }
-    }
-}
-
-// 动画关键帧定义
-@keyframes floatUp {
-    0% {
-        opacity: 0;
-        transform: translateY(30px);
-    }
-
-    100% {
-        opacity: 1;
-        transform: translateY(0);
-    }
-}
-
-@keyframes fadeUpIn {
-    0% {
-        opacity: 0;
-        transform: translateY(15px);
-    }
-
-    100% {
-        opacity: 1;
-        transform: translateY(0);
-    }
-}
-
-@keyframes shine {
-    0% {
-        left: -150%;
-    }
-
-    100% {
-        left: 150%;
-    }
-}
-
-// 总数据扆览板块——卡片数与年度一致（4张），不需要覆盖列数
-// .total-overview-section 展示逻辑已通过 section-header 标题区分</style>