diff --git a/src/api/cases/index.js b/src/api/cases/index.js
new file mode 100644
index 0000000..46c2322
--- /dev/null
+++ b/src/api/cases/index.js
@@ -0,0 +1,44 @@
+import request from '@/utils/request'
+
+// 查询病例列表
+export function listCase(query) {
+  return request({
+    url: '/business/case/list',
+    method: 'get',
+    params: query
+  })
+}
+
+// 查询病例详情
+export function getCase(id) {
+  return request({
+    url: '/business/case/' + id,
+    method: 'get'
+  })
+}
+
+// 新增病例
+export function addCase(data) {
+  return request({
+    url: '/business/case',
+    method: 'post',
+    data: data
+  })
+}
+
+// 修改病例
+export function updateCase(data) {
+  return request({
+    url: '/business/case',
+    method: 'put',
+    data: data
+  })
+}
+
+// 删除病例
+export function delCase(id) {
+  return request({
+    url: '/business/case/' + id,
+    method: 'delete'
+  })
+}
\ No newline at end of file
diff --git a/src/assets/styles/element-ui.scss b/src/assets/styles/element-ui.scss
index 0bd7151..e436f9d 100644
--- a/src/assets/styles/element-ui.scss
+++ b/src/assets/styles/element-ui.scss
@@ -113,4 +113,11 @@
 
 .el-menu--collapse>div>.el-submenu>.el-submenu__title .el-submenu__icon-arrow {
   display: none;
+}
+
+.el-table {
+  th {
+    background: #d5f5f5 !important;
+    color: $base-menu-background !important;
+  }
 }
\ No newline at end of file
diff --git a/src/router/index.js b/src/router/index.js
index 68e33ac..69eeab7 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -126,19 +126,26 @@ export const constantRoutes = [
       }
     ]
   },
-  // {
-  //   path: '/cases',
-  //   component: Layout,
-  //   redirect: '/cases/index',
-  //   children: [
-  //     {
-  //       path: 'index',
-  //       component: () => import('@/views/cases/index'),
-  //       name: 'Cases',
-  //       meta: { title: '病例库', icon: 'example' }
-  //     }
-  //   ]
-  // },
+  {
+    path: '/cases',
+    component: Layout,
+    redirect: '/cases/index',
+    children: [
+      {
+        path: 'index',
+        component: () => import('@/views/cases/index'),
+        name: 'Cases',
+        meta: { title: '病例库', icon: 'example' }
+      },
+      {
+        path: 'detail/:id',
+        component: () => import('@/views/cases/detail'),
+        name: 'PatientDetail',
+        hidden: true,
+        meta: { title: '病例库详情' }
+      }
+    ]
+  },
   {
     path: '/utility',
     component: Layout,
diff --git a/src/views/cases/detail.vue b/src/views/cases/detail.vue
new file mode 100644
index 0000000..9d8d291
--- /dev/null
+++ b/src/views/cases/detail.vue
@@ -0,0 +1,910 @@
+<template>
+  <div class="app-container">
+    <el-row :gutter="10" class="card-row">
+      <!-- 左侧：影像文件 -->
+      <el-col :span="3">
+        <el-card class="left-card">
+          <div slot="header" class="card-header">
+            <span>影像文件</span>
+            <el-button
+              type="text"
+              icon="el-icon-plus"
+              @click="handleOpenFile"
+              :disabled="caseStatus === 'submitted'"
+            >
+              新增
+            </el-button>
+          </div>
+          <el-table
+            :data="imgList"
+            :show-header="false"
+            height="calc(100vh - 235px)"
+          >
+            <el-table-column align="center">
+              <template slot-scope="scope">
+                <el-image
+                  :src="scope.row.url"
+                  fit="cover"
+                  :preview-src-list="[scope.row.url]"
+                  style="width: 100px; height: 80px"
+                />
+                <div class="img-status">上传完成</div>
+                <el-button
+                  type="text"
+                  icon="el-icon-delete"
+                  @click="handleDeleteImg(scope.row)"
+                  :disabled="caseStatus === 'submitted'"
+                >
+                  删除
+                </el-button>
+              </template>
+            </el-table-column>
+          </el-table>
+          <input
+            ref="fileInput"
+            type="file"
+            multiple
+            accept="image/*"
+            style="display: none"
+            @change="handleFileChange"
+          />
+        </el-card>
+      </el-col>
+
+      <!-- 中间：报告表单 -->
+      <el-col :span="17">
+        <el-card class="center-card">
+          <div slot="header" class="card-header">
+            <span class="status-text"
+              >病例状态：
+              {{ caseStatus === "submitted" ? "已提交" : "暂存" }}
+            </span>
+            <div class="btn-group">
+              <el-button
+                type="text"
+                icon="el-icon-check"
+                @click="handleSave"
+                v-if="caseStatus !== 'submitted'"
+              >
+                暂存
+              </el-button>
+              <el-button
+                type="text"
+                icon="el-icon-check"
+                @click="handleSubmit"
+                v-if="caseStatus !== 'submitted'"
+              >
+                提交
+              </el-button>
+              <el-button
+                type="text"
+                icon="el-icon-print"
+                @click="handlePrint"
+                v-if="caseStatus == 'submitted'"
+              >
+                打印
+              </el-button>
+              <el-button type="text" icon="el-icon-close" @click="handleClose">
+                关闭
+              </el-button>
+              <el-button type="text" icon="el-icon-share" @click="handleShare">
+                分享
+              </el-button>
+            </div>
+          </div>
+          <el-divider>远程超声检查报告</el-divider>
+          <el-form class="report-form" :model="form" label-width="70px">
+            <el-row :gutter="15">
+              <el-col :span="6">
+                <el-form-item label="患者姓名">
+                  <el-input v-model="form.patientName" readonly />
+                </el-form-item>
+              </el-col>
+              <el-col :span="3">
+                <el-form-item label="性别">
+                  <el-select v-model="form.gender" readonly>
+                    <el-option
+                      v-for="item in genderList"
+                      :key="item.value"
+                      :label="item.label"
+                      :value="item.value"
+                    />
+                  </el-select>
+                </el-form-item>
+              </el-col>
+
+              <el-col :span="2">
+                <el-form-item label-width="0">
+                  <el-input-number
+                    v-model="form.age"
+                    :min="0"
+                    readonly
+                    style="width: 100%"
+                  />
+                </el-form-item>
+              </el-col>
+              <el-col :span="1">
+                <el-form-item label-width="0">
+                  <el-select v-model="form.ageUnit" readonly>
+                    <el-option
+                      v-for="item in ageUnitList"
+                      :key="item.value"
+                      :label="item.label"
+                      :value="item.value"
+                    />
+                  </el-select>
+                </el-form-item>
+              </el-col>
+
+              <el-col :span="6">
+                <el-form-item label="申请医师">
+                  <el-input v-model="form.doctor" readonly />
+                </el-form-item>
+              </el-col>
+
+              <el-col :span="6">
+                <el-form-item label="病历号">
+                  <el-input v-model="form.medicalNo" readonly />
+                </el-form-item>
+              </el-col>
+
+              <el-col :span="6">
+                <el-form-item label="门诊号">
+                  <el-input v-model="form.outNo" readonly />
+                </el-form-item>
+              </el-col>
+
+              <el-col :span="6">
+                <el-form-item label="住院号">
+                  <el-input v-model="form.inNo" readonly />
+                </el-form-item>
+              </el-col>
+
+              <el-col :span="6">
+                <el-form-item label="病区号">
+                  <el-input v-model="form.wardNo" readonly />
+                </el-form-item>
+              </el-col>
+
+              <el-col :span="6">
+                <el-form-item label="床位号">
+                  <el-input v-model="form.bedNo" readonly />
+                </el-form-item>
+              </el-col>
+
+              <el-col :span="24">
+                <el-form-item label="检查设备">
+                  <el-input
+                    type="textarea"
+                    autosize
+                    v-model="form.device"
+                    readonly
+                  />
+                </el-form-item>
+              </el-col>
+
+              <el-col :span="24">
+                <el-form-item label="检查部位">
+                  <el-input
+                    type="textarea"
+                    autosize
+                    v-model="form.part"
+                    readonly
+                  />
+                </el-form-item>
+              </el-col>
+
+              <el-col :span="24">
+                <el-form-item label="超声所见">
+                  <el-input
+                    v-model="form.findings"
+                    type="textarea"
+                    :rows="8"
+                    :disabled="caseStatus === 'submitted'"
+                  />
+                </el-form-item>
+              </el-col>
+
+              <el-col :span="24">
+                <el-form-item label="检查结论">
+                  <el-input
+                    v-model="form.conclusion"
+                    type="textarea"
+                    :rows="6"
+                    :disabled="caseStatus === 'submitted'"
+                  />
+                </el-form-item>
+              </el-col>
+
+              <el-col :span="24">
+                <el-form-item label="专家意见" />
+              </el-col>
+
+              <el-col
+                :span="24"
+                v-for="(item, idx) in expertList"
+                :key="idx"
+                class="expert-item"
+              >
+                <el-form-item :label="item.name">
+                  <el-input
+                    v-model="item.content"
+                    type="textarea"
+                    :rows="4"
+                    :disabled="caseStatus === 'submitted'"
+                  />
+                  <div class="expert-btns">
+                    <el-button
+                      type="text"
+                      icon="el-icon-document-copy"
+                      :disabled="caseStatus === 'submitted'"
+                    >
+                      全部复制
+                    </el-button>
+                    <el-button
+                      type="text"
+                      icon="el-icon-check"
+                      :disabled="caseStatus === 'submitted'"
+                    >
+                      一键同意
+                    </el-button>
+                    <el-button
+                      type="text"
+                      icon="el-icon-warning"
+                      :disabled="caseStatus === 'submitted'"
+                    >
+                      待确认
+                    </el-button>
+                  </div>
+                </el-form-item>
+              </el-col>
+
+              <el-col :span="18">
+                <el-form-item label="报告人">
+                  {{ $store.state.user.nickName || "未登录" }}
+                </el-form-item>
+              </el-col>
+
+              <el-col :span="6">
+                <el-form-item label="审核人">
+                  <el-select
+                    v-model="form.auditUser"
+                    clearable
+                    filterable
+                    style="width: 100%"
+                    :disabled="caseStatus === 'submitted'"
+                  >
+                    <el-option label="请选择" value="" />
+                  </el-select>
+                </el-form-item>
+              </el-col>
+              <el-col :span="12">
+                <el-form-item>
+                  <el-checkbox
+                    v-model="form.isPositive"
+                    :disabled="caseStatus === 'submitted'"
+                  >
+                    阳性
+                  </el-checkbox>
+                </el-form-item>
+              </el-col>
+            </el-row>
+          </el-form>
+        </el-card>
+      </el-col>
+
+      <!-- 右侧：部位模板 + 片语 -->
+      <el-col :span="4">
+        <el-card class="right-card">
+          <el-tabs v-model="activeTab">
+            <el-tab-pane label="部位模板" name="template">
+              <div class="template-buttons">
+                <el-button
+                  type="text"
+                  icon="el-icon-plus"
+                  @click="openTemplateDialog('add')"
+                  :disabled="caseStatus === 'submitted'"
+                >
+                  新增
+                </el-button>
+                <el-button
+                  type="text"
+                  icon="el-icon-delete"
+                  @click="deleteTemplate"
+                  :disabled="caseStatus === 'submitted'"
+                >
+                  删除
+                </el-button>
+                <el-button
+                  type="text"
+                  icon="el-icon-edit"
+                  @click="openTemplateDialog('edit')"
+                  :disabled="caseStatus === 'submitted'"
+                >
+                  编辑
+                </el-button>
+              </div>
+              <el-form
+                label-position="top"
+                :model="templateForm"
+                class="template-form"
+              >
+                <el-form-item>
+                  <el-select
+                    v-model="templateForm.id"
+                    style="width: 100%"
+                    @change="changeTemplate"
+                  >
+                    <el-option
+                      v-for="item in templateList"
+                      :key="item.id"
+                      :label="item.title"
+                      :value="item.id"
+                    />
+                  </el-select>
+                </el-form-item>
+
+                <el-form-item label="超声所见">
+                  <el-input
+                    v-model="templateForm.findings"
+                    type="textarea"
+                    readonly
+                    :rows="6"
+                  />
+                  <el-button
+                    :disabled="caseStatus === 'submitted'"
+                    type="text"
+                    icon="el-icon-check"
+                    @click="applyFindings"
+                    style="float: right; margin-top: 6px"
+                  >
+                    应用
+                  </el-button>
+                </el-form-item>
+
+                <el-form-item label="结论" style="margin-top: 20px">
+                  <el-input
+                    v-model="templateForm.conclusion"
+                    type="textarea"
+                    readonly
+                    :rows="6"
+                  />
+                  <el-button
+                    type="text"
+                    icon="el-icon-check"
+                    @click="applyConclusion"
+                    style="float: right; margin-top: 6px"
+                    :disabled="caseStatus === 'submitted'"
+                  >
+                    应用
+                  </el-button>
+                </el-form-item>
+              </el-form>
+            </el-tab-pane>
+
+            <!-- ✅ 片语功能改造 -->
+            <el-tab-pane label="片语" name="phrase">
+              <div class="phrase-buttons">
+                <el-button
+                  type="text"
+                  icon="el-icon-plus"
+                  @click="openPhraseDialog('add')"
+                  :disabled="caseStatus === 'submitted'"
+                >
+                  新增
+                </el-button>
+              </div>
+              <el-table
+                :data="phraseList"
+                style="width: 100%"
+                :show-header="false"
+                height="calc(100vh - 265px)"
+              >
+                <el-table-column prop="content" label="内容" />
+                <el-table-column label="操作" width="80">
+                  <template slot-scope="scope">
+                    <el-button
+                      type="text"
+                      icon="el-icon-edit"
+                      @click="openPhraseDialog('edit', scope.row)"
+                      :disabled="caseStatus === 'submitted'"
+                    >
+                    </el-button>
+                    <el-button
+                      type="text"
+                      icon="el-icon-delete"
+                      @click="deletePhrase(scope.row)"
+                      :disabled="caseStatus === 'submitted'"
+                    >
+                    </el-button>
+                  </template>
+                </el-table-column>
+              </el-table>
+            </el-tab-pane>
+          </el-tabs>
+        </el-card>
+      </el-col>
+    </el-row>
+
+    <!-- 模板弹窗：新增 + 编辑 共用 -->
+    <el-dialog
+      :title="dialogTitle"
+      :visible.sync="templateDialogVisible"
+      width="33%"
+    >
+      <el-form :model="newTemplateForm" label-width="60px">
+        <el-form-item label="部位">
+          <el-select v-model="newTemplateForm.type" style="width: 100%">
+            <el-option label="肝脏-腹部" value="abdomen-liver" />
+            <el-option label="心脏" value="heart" />
+            <el-option label="肾脏" value="kidney" />
+            <el-option label="妇科" value="gynecology" />
+          </el-select>
+        </el-form-item>
+        <el-form-item label="标题">
+          <el-input
+            v-model="newTemplateForm.title"
+            placeholder="请输入模板标题"
+          />
+        </el-form-item>
+        <el-form-item label="所见">
+          <el-input
+            type="textarea"
+            :rows="6"
+            v-model="newTemplateForm.findings"
+            placeholder="请输入超声所见内容"
+          />
+        </el-form-item>
+        <el-form-item label="结论">
+          <el-input
+            type="textarea"
+            :rows="6"
+            v-model="newTemplateForm.conclusion"
+            placeholder="请输入检查结论内容"
+          />
+        </el-form-item>
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <el-button @click="templateDialogVisible = false">取消</el-button>
+        <el-button type="primary" @click="saveTemplate">确认保存</el-button>
+      </div>
+    </el-dialog>
+
+    <!-- ✅ 片语弹窗：创建 + 更新 共用 -->
+    <el-dialog
+      :title="phraseDialogTitle"
+      :visible.sync="phraseDialogVisible"
+      width="33%"
+    >
+      <el-form :model="newPhraseForm" label-width="60px">
+        <el-form-item label="内容">
+          <el-input
+            type="textarea"
+            :rows="10"
+            v-model="newPhraseForm.content"
+            placeholder="请输入片语内容"
+          />
+        </el-form-item>
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <el-button @click="phraseDialogVisible = false">取消</el-button>
+        <el-button type="primary" @click="savePhrase">
+          {{ phraseType === "add" ? "创建" : "更新" }}
+        </el-button>
+      </div>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+export default {
+  name: "UltrasoundReport",
+  data() {
+    return {
+      activeTab: "template",
+      // 病例状态: pending-暂存, submitted-已提交
+      caseStatus: "submitted",
+      // 图片上传
+      imgList: [
+        {
+          id: Date.now(),
+          url: "https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg",
+        },
+      ],
+      // 主报告表单
+      form: {
+        patientName: "",
+        gender: "",
+        age: 0,
+        ageUnit: "1",
+        doctor: "",
+        medicalNo: "",
+        outNo: "",
+        inNo: "",
+        wardNo: "",
+        bedNo: "",
+        device: "",
+        part: "",
+        findings: "",
+        conclusion: "",
+        auditUser: "",
+        isPositive: false,
+      },
+      // 字典
+      genderList: [
+        { label: "未知", value: "0" },
+        { label: "男", value: "1" },
+        { label: "女", value: "2" },
+      ],
+      ageUnitList: [
+        { label: "岁", value: "1" },
+        { label: "月", value: "2" },
+        { label: "天", value: "3" },
+      ],
+      // Mock病例数据（与病例库页面保持一致）
+      caseMockList: [
+        {
+          id: 1,
+          patientName: "测试患者",
+          gender: "1",
+          age: 30,
+          ageUnit: "1",
+          checkType: "1",
+          outpatientNumber: "123456",
+          inpatientNumber: "IN789012",
+          wardNumber: "W01",
+          bedNumber: "05",
+          applyDoctor: "张医生",
+          expertDoctor: "李专家",
+          checkDevice: "GE-E8",
+          checkRoom: "1",
+          customPart: "肝脏",
+          reserveDate: "2023-01-01",
+          reserveTime: "13:30-14:00",
+          diagnosisDoctor: "",
+          auditDoctor: "",
+          reportStatus: "",
+          createTime: "2023-01-01 10:00:00",
+          updateTime: "2023-01-01 10:00:00",
+        },
+        {
+          id: 2,
+          patientName: "王小明",
+          gender: "1",
+          age: 45,
+          ageUnit: "1",
+          checkType: "2",
+          outpatientNumber: "654321",
+          inpatientNumber: "",
+          wardNumber: "",
+          bedNumber: "",
+          applyDoctor: "刘医生",
+          expertDoctor: "王专家",
+          checkDevice: "Philips-iU22",
+          checkRoom: "2",
+          customPart: "心脏",
+          reserveDate: "2023-01-02",
+          reserveTime: "09:00-09:30",
+          diagnosisDoctor: "",
+          auditDoctor: "",
+          reportStatus: "",
+          createTime: "2023-01-02 09:00:00",
+          updateTime: "2023-01-02 09:00:00",
+        },
+        {
+          id: 3,
+          patientName: "李小红",
+          gender: "2",
+          age: 28,
+          ageUnit: "1",
+          checkType: "3",
+          outpatientNumber: "",
+          inpatientNumber: "IN345678",
+          wardNumber: "W03",
+          bedNumber: "12",
+          applyDoctor: "赵医生",
+          expertDoctor: "孙专家",
+          checkDevice: "GE-E8",
+          checkRoom: "1",
+          customPart: "肾脏",
+          reserveDate: "2023-01-03",
+          reserveTime: "14:00-14:30",
+          diagnosisDoctor: "",
+          auditDoctor: "",
+          reportStatus: "",
+          createTime: "2023-01-03 14:00:00",
+          updateTime: "2023-01-03 14:00:00",
+        },
+      ],
+      // 专家列表
+      expertList: [
+        { name: "韩主任", content: "" },
+        { name: "景静静", content: "" },
+        { name: "郑曙光", content: "" },
+      ],
+
+      // ====================== 部位模板核心 ======================
+      templateType: "add",
+      dialogTitle: "模板创建",
+      templateDialogVisible: false,
+      templateList: [
+        {
+          id: 1,
+          type: "abdomen-liver",
+          title: "腹部（肝、胆、胰、脾）",
+          findings: `肝脏剑下cm，肋下cm，右肝斜径cm，包膜光滑，实质回声均匀，未见确切占位。肝静脉走行正常，门静脉不扩张。
+胆囊前后径cm，壁薄、光滑，囊内未见异常回声。
+胰腺形态规则，大小正常，边界清晰。胰腺实质回声未见异常，主胰管不扩张。
+脾脏肋间厚cm，轮廓清楚，脾门切迹清晰可见，实质回声未见异常，脾静脉不扩张。`,
+          conclusion: "肝脏、胆囊、胰腺、脾脏未见明显异常",
+        },
+      ],
+      templateForm: {
+        id: 1,
+        type: "abdomen-liver",
+        title: "腹部（肝、胆、胰、脾）",
+        findings: "",
+        conclusion: "",
+      },
+      newTemplateForm: {
+        id: null,
+        type: "abdomen-liver",
+        title: "",
+        findings: "",
+        conclusion: "",
+      },
+
+      // ====================== ✅ 片语核心（新增） ======================
+      phraseType: "add", // add / edit
+      phraseDialogTitle: "片语创建",
+      phraseDialogVisible: false,
+      phraseList: [{ id: 1, content: "片语示例：未见明显异常" }],
+      newPhraseForm: {
+        id: null,
+        content: "",
+      },
+    };
+  },
+  created() {
+    this.getCaseData();
+  },
+  methods: {
+    // 根据路由参数获取病例数据
+    getCaseData() {
+      const caseId = parseInt(this.$route.params.id);
+      if (caseId) {
+        const caseData = this.caseMockList.find((item) => item.id === caseId);
+        if (caseData) {
+          this.form = {
+            patientName: caseData.patientName,
+            gender: caseData.gender,
+            age: caseData.age,
+            ageUnit: caseData.ageUnit,
+            doctor: caseData.applyDoctor,
+            medicalNo: caseData.patientRecordNumber || "",
+            outNo: caseData.outpatientNumber || "",
+            inNo: caseData.inpatientNumber || "",
+            wardNo: caseData.wardNumber || "",
+            bedNo: caseData.bedNumber || "",
+            device: caseData.checkDevice || "",
+            part: caseData.customPart || "",
+            findings: "",
+            conclusion: "",
+            auditUser: "",
+            isPositive: false,
+          };
+          // 设置动态标题为患者姓名
+          this.$store.dispatch("settings/setTitle", caseData.patientName);
+        }
+      }
+    },
+    // 打印
+    handlePrint() {
+      window.print();
+    },
+    // 病例操作
+    handleSave() {
+      this.$confirm("您确定暂存病例吗?").then(() => {
+        this.$message.success("暂存成功");
+      });
+    },
+    handleSubmit() {
+      this.$confirm("提交后不可修改,确定提交?").then(() => {
+        this.$message.success("提交成功");
+        this.caseStatus = "submitted";
+      });
+    },
+    handleClose() {
+      this.$confirm("未保存内容将丢失,确定退出?").then(() => {
+        this.$router.back();
+      });
+    },
+    handleShare() {
+      this.$message.success("分享成功");
+    },
+
+    // 图片操作
+    handleOpenFile() {
+      this.$refs.fileInput.click();
+    },
+    handleFileChange(e) {
+      const files = e.target.files || [];
+      for (let file of files) {
+        if (!file.type.startsWith("image/")) continue;
+        const url = URL.createObjectURL(file);
+        this.imgList.push({ id: Date.now(), url });
+      }
+      e.target.value = "";
+    },
+    handleDeleteImg(row) {
+      this.$confirm("确定删除该影像?").then(() => {
+        this.imgList = this.imgList.filter((i) => i.id !== row.id);
+        this.$message.success("删除成功");
+      });
+    },
+
+    // ====================== 模板核心方法 ======================
+    changeTemplate() {
+      const target = this.templateList.find(
+        (t) => t.id === this.templateForm.id
+      );
+      if (target) {
+        this.templateForm = { ...target };
+      }
+    },
+    openTemplateDialog(type) {
+      this.templateType = type;
+      this.dialogTitle = type === "add" ? "模板创建" : "模板编辑";
+      if (type === "add") {
+        this.newTemplateForm = {
+          id: Date.now(),
+          type: "abdomen-liver",
+          title: "",
+          findings: "",
+          conclusion: "",
+        };
+      } else {
+        this.newTemplateForm = { ...this.templateForm };
+      }
+      this.templateDialogVisible = true;
+    },
+    saveTemplate() {
+      if (!this.newTemplateForm.title) {
+        this.$message.warning("请输入模板标题");
+        return;
+      }
+      if (this.templateType === "add") {
+        this.templateList.push({ ...this.newTemplateForm });
+        this.templateForm = { ...this.newTemplateForm };
+      } else {
+        const index = this.templateList.findIndex(
+          (t) => t.id === this.newTemplateForm.id
+        );
+        if (index > -1) {
+          this.templateList.splice(index, 1, { ...this.newTemplateForm });
+          this.templateForm = { ...this.newTemplateForm };
+        }
+      }
+      this.$message.success("保存成功");
+      this.templateDialogVisible = false;
+    },
+    deleteTemplate() {
+      if (this.templateList.length <= 1) {
+        this.$message.warning("至少保留一个模板");
+        return;
+      }
+      this.$confirm("确定删除当前模板?").then(() => {
+        const index = this.templateList.findIndex(
+          (t) => t.id === this.templateForm.id
+        );
+        this.templateList.splice(index, 1);
+        this.templateForm = { ...this.templateList[0] };
+        this.$message.success("删除成功");
+      });
+    },
+    applyFindings() {
+      this.form.findings = this.templateForm.findings;
+      this.$message.success("已应用超声所见");
+    },
+    applyConclusion() {
+      this.form.conclusion = this.templateForm.conclusion;
+      this.$message.success("已应用检查结论");
+    },
+
+    // ====================== ✅ 片语核心方法（新增） ======================
+    // 打开片语弹窗：创建/更新
+    openPhraseDialog(type, row) {
+      this.phraseType = type;
+      this.phraseDialogTitle = type === "add" ? "片语创建" : "片语更新";
+      if (type === "add") {
+        this.newPhraseForm = { id: Date.now(), content: "" };
+      } else {
+        this.newPhraseForm = { ...row };
+      }
+      this.phraseDialogVisible = true;
+    },
+    // 保存片语
+    savePhrase() {
+      if (!this.newPhraseForm.content) {
+        this.$message.warning("请输入片语内容");
+        return;
+      }
+      if (this.phraseType === "add") {
+        this.phraseList.push({ ...this.newPhraseForm });
+      } else {
+        const index = this.phraseList.findIndex(
+          (p) => p.id === this.newPhraseForm.id
+        );
+        if (index > -1) {
+          this.phraseList.splice(index, 1, { ...this.newPhraseForm });
+        }
+      }
+      this.$message.success(
+        this.phraseType === "add" ? "创建成功" : "更新成功"
+      );
+      this.phraseDialogVisible = false;
+    },
+    // 删除片语
+    deletePhrase(row) {
+      this.$confirm("确定删除该片语?").then(() => {
+        this.phraseList = this.phraseList.filter((p) => p.id !== row.id);
+        this.$message.success("删除成功");
+      });
+    },
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+/* 内部滚动区域高度自适应 */
+.report-form {
+  height: calc(100vh - 285px);
+  overflow-y: auto;
+  overflow-x: hidden;
+  width: 100%;
+  box-sizing: border-box;
+}
+.template-form {
+  height: calc(100vh - 265px);
+  overflow-y: auto;
+  overflow-x: hidden;
+}
+
+/* 原有样式 */
+.card-header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+.status-text {
+  font-weight: 500;
+  color: #333;
+}
+.btn-group {
+  display: flex;
+  gap: 4px;
+}
+.expert-item {
+  margin-bottom: 10px;
+}
+.expert-btns {
+  text-align: right;
+  margin-top: 6px;
+}
+.img-status {
+  font-size: 12px;
+  color: #666;
+  margin: 4px 0;
+}
+.template-buttons,
+.phrase-buttons {
+  display: flex;
+  gap: 6px;
+  margin-bottom: 10px;
+}
+.dialog-footer {
+  display: flex;
+  justify-content: flex-end;
+  gap: 8px;
+}
+</style>
\ No newline at end of file
diff --git a/src/views/cases/index.vue b/src/views/cases/index.vue
new file mode 100644
index 0000000..605b86b
--- /dev/null
+++ b/src/views/cases/index.vue
@@ -0,0 +1,1079 @@
+<template>
+  <div class="app-container">
+    <el-form :model="queryParams" ref="queryForm" label-width="90px">
+      <el-row>
+        <el-col :span="6">
+          <el-form-item>
+            <el-radio-group v-model="queryParams.timeType">
+              <el-radio label="createTime">创建时间</el-radio>
+              <el-radio label="checkTime">审核时间</el-radio>
+              <el-radio label="reserveTime">预约时间</el-radio>
+            </el-radio-group>
+          </el-form-item>
+        </el-col>
+        <el-col :span="6">
+          <el-form-item label="日期范围">
+            <el-date-picker
+              v-model="queryParams.date"
+              type="daterange"
+              value-format="yyyy-MM-dd"
+              range-separator="至"
+              start-placeholder="开始日期"
+              end-placeholder="结束日期"
+              :picker-options="datePickerOptions"
+              style="width: 100%"
+            />
+          </el-form-item>
+        </el-col>
+        <el-col :span="6">
+          <el-form-item label="检查类型" prop="checkType" v-show="showSearch">
+            <el-select
+              v-model="queryParams.checkType"
+              placeholder="请选择检查类型"
+              filterable
+              clearable
+              style="width: 100%"
+            >
+              <el-option
+                v-for="item in checkTypeList"
+                :key="item.value"
+                :label="item.label"
+                :value="item.value"
+              />
+            </el-select>
+          </el-form-item>
+        </el-col>
+        <el-col :span="6">
+          <el-form-item label="检查诊室" prop="checkRoom" v-show="showSearch">
+            <el-select
+              v-model="queryParams.checkRoom"
+              placeholder="请选择检查诊室"
+              filterable
+              clearable
+              style="width: 100%"
+            >
+              <el-option
+                v-for="item in checkRoomList"
+                :key="item.value"
+                :label="item.label"
+                :value="item.value"
+              />
+            </el-select>
+          </el-form-item>
+        </el-col>
+        <el-col :span="6">
+          <el-form-item label="检查部位" prop="checkPart" v-show="showSearch">
+            <el-input
+              v-model="queryParams.checkPart"
+              placeholder="请输入检查部位"
+              clearable
+              @keyup.enter.native="handleQuery"
+            />
+          </el-form-item>
+        </el-col>
+        <el-col :span="6">
+          <el-form-item label="检查设备" prop="checkDevice" v-show="showSearch">
+            <el-select
+              v-model="queryParams.checkDevice"
+              placeholder="请选择检查设备"
+              filterable
+              clearable
+              style="width: 100%"
+            >
+              <el-option
+                v-for="item in checkDeviceList"
+                :key="item.value"
+                :label="item.label"
+                :value="item.value"
+              />
+            </el-select>
+          </el-form-item>
+        </el-col>
+        <el-col :span="6">
+          <el-form-item
+            label="诊断医师"
+            prop="diagnosisDoctor"
+            v-show="showSearch"
+          >
+            <el-input
+              v-model="queryParams.diagnosisDoctor"
+              placeholder="请输入诊断医师"
+              clearable
+              @keyup.enter.native="handleQuery"
+            />
+          </el-form-item>
+        </el-col>
+        <el-col :span="6">
+          <el-form-item label="审核医生" prop="auditDoctor" v-show="showSearch">
+            <el-input
+              v-model="queryParams.auditDoctor"
+              placeholder="请输入审核医生"
+              clearable
+              @keyup.enter.native="handleQuery"
+            />
+          </el-form-item>
+        </el-col>
+        <el-col :span="6">
+          <el-form-item label="病例类型" prop="caseType">
+            <el-select
+              v-model="queryParams.caseType"
+              placeholder="请选择病例类型"
+              filterable
+              clearable
+              style="width: 100%"
+            >
+              <el-option
+                v-for="item in caseTypeList"
+                :key="item.value"
+                :label="item.label"
+                :value="item.value"
+              />
+            </el-select>
+          </el-form-item>
+        </el-col>
+        <el-col :span="6">
+          <el-form-item label="患者姓名" prop="patientName" v-show="showSearch">
+            <el-input
+              v-model="queryParams.patientName"
+              placeholder="请输入患者姓名"
+              clearable
+              @keyup.enter.native="handleQuery"
+            />
+          </el-form-item>
+        </el-col>
+        <el-col :span="6">
+          <el-form-item
+            label="病例号"
+            prop="patientRecordNumber"
+            v-show="showSearch"
+          >
+            <el-input
+              v-model="queryParams.patientRecordNumber"
+              placeholder="请输入病例号"
+              clearable
+              @keyup.enter.native="handleQuery"
+            />
+          </el-form-item>
+        </el-col>
+        <el-col :span="6">
+          <el-form-item label="检查结果" prop="checkResult" v-show="showSearch">
+            <el-select
+              v-model="queryParams.checkResult"
+              placeholder="请选择检查结果"
+              filterable
+              clearable
+              style="width: 100%"
+            >
+              <el-option
+                v-for="item in checkResultList"
+                :key="item.value"
+                :label="item.label"
+                :value="item.value"
+              />
+            </el-select>
+          </el-form-item>
+        </el-col>
+        <el-col :span="6">
+          <el-form-item>
+            <el-button
+              type="primary"
+              icon="el-icon-search"
+              @click="handleQuery"
+            >
+              查询
+            </el-button>
+            <el-button icon="el-icon-refresh" @click="resetQuery">
+              重置
+            </el-button>
+          </el-form-item>
+        </el-col>
+      </el-row>
+    </el-form>
+    <el-row :gutter="10" class="mb8">
+      <el-col :span="1.5">
+        <el-button type="primary" plain icon="el-icon-plus" @click="handleAdd">
+          新增
+        </el-button>
+      </el-col>
+      <right-toolbar :showSearch.sync="showSearch" @queryTable="getList" />
+    </el-row>
+    <el-table v-loading="loading" :data="caseList" border>
+      <el-table-column
+        label="检查号"
+        prop="id"
+        width="80"
+        align="center"
+        show-overflow-tooltip
+      />
+      <el-table-column
+        label="患者姓名"
+        prop="patientName"
+        width="100"
+        align="center"
+        show-overflow-tooltip
+      >
+        <template slot-scope="scope">
+          {{
+            scope.row.patientName
+              ? scope.row.patientName.replace(/^(.).*(.)$/, "$1***$2")
+              : "-"
+          }}
+        </template>
+      </el-table-column>
+      <el-table-column
+        label="病例号"
+        prop="patientRecordNumber"
+        width="110"
+        align="center"
+        show-overflow-tooltip
+      />
+      <el-table-column
+        label="性别"
+        width="70"
+        align="center"
+        show-overflow-tooltip
+      >
+        <template slot-scope="scope">
+          {{ genderList.find((i) => i.value == scope.row.gender).label || "-" }}
+        </template>
+      </el-table-column>
+      <el-table-column
+        label="年龄"
+        width="80"
+        align="center"
+        show-overflow-tooltip
+      >
+        <template slot-scope="scope">
+          {{ scope.row.age || "" }}
+          {{
+            ageUnitList.find((i) => i.value == scope.row.ageUnit).label || ""
+          }}
+        </template>
+      </el-table-column>
+      <el-table-column
+        label="预约时间"
+        prop="reserveTime"
+        width="160"
+        align="center"
+        show-overflow-tooltip
+      />
+      <el-table-column
+        label="检查部位"
+        width="120"
+        align="center"
+        show-overflow-tooltip
+      >
+        <template slot-scope="scope">
+          {{ scope.row.customPart || scope.row.checkPart || "-" }}
+        </template>
+      </el-table-column>
+      <el-table-column
+        label="检查类型"
+        width="90"
+        align="center"
+        show-overflow-tooltip
+      >
+        <template slot-scope="scope">
+          {{
+            checkTypeList.find((i) => i.value == scope.row.checkType).label ||
+            "-"
+          }}
+        </template>
+      </el-table-column>
+      <el-table-column
+        label="检查结果"
+        width="90"
+        align="center"
+        show-overflow-tooltip
+      >
+        <template slot-scope="scope">
+          {{
+            checkResultList.find((i) => i.value == scope.row.checkResult)
+              .label || "-"
+          }}
+        </template>
+      </el-table-column>
+      <el-table-column
+        label="检查诊室"
+        width="100"
+        align="center"
+        show-overflow-tooltip
+      >
+        <template slot-scope="scope">
+          {{
+            checkRoomList.find((i) => i.value == scope.row.checkRoom).label ||
+            "-"
+          }}
+        </template>
+      </el-table-column>
+      <el-table-column
+        label="诊断医师"
+        prop="diagnosisDoctor"
+        width="100"
+        align="center"
+        show-overflow-tooltip
+      />
+      <el-table-column
+        label="审核医生"
+        prop="auditDoctor"
+        width="100"
+        align="center"
+        show-overflow-tooltip
+      />
+      <el-table-column
+        label="报告状态"
+        prop="reportStatus"
+        width="90"
+        align="center"
+        show-overflow-tooltip
+      />
+      <el-table-column
+        label="打印次数"
+        prop="printCount"
+        width="80"
+        align="center"
+        show-overflow-tooltip
+      />
+      <el-table-column
+        label="创建时间"
+        prop="createTime"
+        width="160"
+        align="center"
+        show-overflow-tooltip
+      />
+      <el-table-column
+        label="审核时间"
+        prop="checkTime"
+        width="160"
+        align="center"
+        show-overflow-tooltip
+      />
+      <el-table-column
+        label="门诊号"
+        prop="outpatientNumber"
+        width="100"
+        align="center"
+        show-overflow-tooltip
+      />
+      <el-table-column
+        label="门诊号"
+        prop="outpatientNumber"
+        width="100"
+        align="center"
+        show-overflow-tooltip
+      />
+      <el-table-column
+        label="住院号"
+        prop="inpatientNumber"
+        width="100"
+        align="center"
+        show-overflow-tooltip
+      />
+      <el-table-column
+        label="病区号"
+        prop="wardNumber"
+        width="80"
+        align="center"
+        show-overflow-tooltip
+      />
+      <el-table-column
+        label="床位号"
+        prop="bedNumber"
+        width="80"
+        align="center"
+        show-overflow-tooltip
+      />
+      <el-table-column
+        label="申请医师"
+        prop="applyDoctor"
+        width="100"
+        align="center"
+        show-overflow-tooltip
+      />
+      <el-table-column
+        label="操作"
+        width="200"
+        align="center"
+        show-overflow-tooltip
+        fixed="right"
+      >
+        <template slot-scope="scope">
+          <el-button
+            type="text"
+            icon="el-icon-view"
+            @click="handleView(scope.row)"
+          >
+            查看
+          </el-button>
+          <el-button
+            type="text"
+            icon="el-icon-edit"
+            @click="handleUpdate(scope.row)"
+          >
+            编辑
+          </el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+    <pagination
+      v-show="total > 0"
+      :total="total"
+      :page.sync="queryParams.pageNum"
+      :limit.sync="queryParams.pageSize"
+      @pagination="getList"
+    />
+    <!-- 添加对话框 -->
+    <el-dialog :title="title" :visible.sync="open" width="60%" append-to-body>
+      <el-form ref="form" :model="form" :rules="rules" label-width="90px">
+        <el-row :gutter="20">
+          <el-col :span="6">
+            <el-form-item label="患者姓名" prop="patientName">
+              <el-input
+                v-model="form.patientName"
+                placeholder="请输入患者姓名"
+                clearable
+                :disabled="isEditMode"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="性别" prop="gender">
+              <el-select
+                v-model="form.gender"
+                style="width: 100%"
+                placeholder="请选择性别"
+                filterable
+                clearable
+                :disabled="isEditMode"
+              >
+                <el-option
+                  v-for="item in genderList"
+                  :key="item.value"
+                  :label="item.label"
+                  :value="item.value"
+                />
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item label="年龄" prop="age">
+              <el-input-number
+                v-model="form.age"
+                placeholder="请输入年龄"
+                clearable
+                :min="0"
+                style="width: 100%"
+                :disabled="isEditMode"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="4">
+            <el-form-item label="" prop="ageUnit" label-width="0">
+              <el-select
+                v-model="form.ageUnit"
+                style="width: 100%"
+                placeholder="请选择年龄单位"
+                filterable
+                clearable
+                :disabled="isEditMode"
+              >
+                <el-option
+                  v-for="item in ageUnitList"
+                  :key="item.value"
+                  :label="item.label"
+                  :value="item.value"
+                />
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="病例号" prop="patientRecordNumber">
+              <el-input
+                v-model="form.patientRecordNumber"
+                placeholder="请输入病例号"
+                clearable
+                :disabled="isEditMode"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="检查类型" prop="checkType">
+              <el-select
+                v-model="form.checkType"
+                style="width: 100%"
+                placeholder="请选择检查类型"
+                filterable
+                clearable
+                :disabled="isEditMode"
+              >
+                <el-option
+                  v-for="item in checkTypeList"
+                  :key="item.value"
+                  :label="item.label"
+                  :value="item.value"
+                />
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="门诊号" prop="outpatientNumber">
+              <el-input
+                v-model="form.outpatientNumber"
+                placeholder="请输入门诊号"
+                clearable
+                :disabled="isEditMode"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="住院号" prop="inpatientNumber">
+              <el-input
+                v-model="form.inpatientNumber"
+                placeholder="请输入住院号"
+                clearable
+                :disabled="isEditMode"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="病区号" prop="wardNumber">
+              <el-input
+                v-model="form.wardNumber"
+                placeholder="请输入病区号"
+                clearable
+                :disabled="isEditMode"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="床位号" prop="bedNumber">
+              <el-input
+                v-model="form.bedNumber"
+                placeholder="请输入床位号"
+                clearable
+                :disabled="isEditMode"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="申请医师" prop="applyDoctor">
+              <el-input
+                v-model="form.applyDoctor"
+                placeholder="请输入申请医师"
+                clearable
+                :disabled="isEditMode"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="专家" prop="expertDoctor">
+              <el-select
+                v-model="form.expertDoctor"
+                multiple
+                style="width: 100%"
+                placeholder="请选择专家"
+                filterable
+                clearable
+                :disabled="isEditMode"
+              >
+                <el-option
+                  v-for="item in doctorList"
+                  :key="item.value"
+                  :label="item.label"
+                  :value="item.value"
+                />
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="检查设备" prop="checkDevice">
+              <el-select
+                v-model="form.checkDevice"
+                multiple
+                style="width: 100%"
+                placeholder="请选择检查设备"
+                filterable
+                clearable
+                :disabled="isEditMode"
+              >
+                <el-option
+                  v-for="item in checkDeviceList"
+                  :key="item.value"
+                  :label="item.label"
+                  :value="item.value"
+                />
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="检查部位" prop="checkPart">
+              <el-select
+                v-model="form.checkPart"
+                multiple
+                style="width: 100%"
+                placeholder="请选择检查部位"
+                filterable
+                clearable
+                :disabled="isEditMode"
+              >
+                <el-option
+                  v-for="item in checkPartList"
+                  :key="item.value"
+                  :label="item.label"
+                  :value="item.value"
+                >
+                  <span style="float: left">{{ item.label }}</span>
+                  <span style="float: right; color: #8492a6; font-size: 13px">
+                    {{ item.category }}
+                  </span>
+                </el-option>
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="检查诊室" prop="checkRoom">
+              <el-select
+                v-model="form.checkRoom"
+                style="width: 100%"
+                placeholder="请选择检查诊室"
+                @change="handleCheckRoomChange"
+                filterable
+                clearable
+                :disabled="isEditMode"
+              >
+                <el-option
+                  v-for="item in checkRoomList"
+                  :key="item.value"
+                  :label="item.label"
+                  :value="item.value"
+                />
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="自定义部位" prop="customPart">
+              <el-input
+                v-model="form.customPart"
+                placeholder="请输入自定义部位"
+                clearable
+                :disabled="isEditMode"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="预约日期" prop="reserveDate">
+              <el-date-picker
+                v-model="form.reserveDate"
+                type="date"
+                value-format="yyyy-MM-dd"
+                placeholder="请选择预约日期"
+                @change="handleDateChange"
+                style="width: 100%"
+                clearable
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="" prop="reserveTime">
+              <el-select
+                v-model="form.reserveTime"
+                placeholder="请选择预约时间"
+                style="width: 100%"
+                filterable
+                clearable
+              >
+                <el-option label="自动" value="auto" />
+                <el-option
+                  v-for="slot in availableTimeSlots"
+                  :key="slot.value"
+                  :label="slot.label"
+                  :value="slot.value"
+                />
+              </el-select>
+            </el-form-item>
+          </el-col>
+        </el-row>
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <el-button type="primary" @click="submitForm">确 定</el-button>
+        <el-button @click="cancel">取 消</el-button>
+      </div>
+    </el-dialog>
+  </div>
+</template>
+<script>
+import {
+  listCase,
+  getCase,
+  delCase,
+  addCase,
+  updateCase,
+} from "@/api/cases/index.js";
+export default {
+  name: "Case",
+  data() {
+    // 获取今天日期
+    const today = new Date().toISOString().split("T")[0];
+    return {
+      // 遮罩层
+      loading: true,
+      // 选中数组
+      ids: [],
+      // 显示搜索条件
+      showSearch: false,
+      // 总条数
+      total: 0,
+      // 表格数据
+      caseList: [],
+      // 弹出层标题
+      title: "",
+      // 是否显示弹出层
+      open: false,
+      // 是否为编辑模式
+      isEditMode: false,
+      // 字典
+      genderList: [
+        { label: "未知", value: "0" },
+        { label: "男", value: "1" },
+        { label: "女", value: "2" },
+      ],
+      ageUnitList: [
+        { label: "岁", value: "1" },
+        { label: "月", value: "2" },
+        { label: "天", value: "3" },
+      ],
+      checkTypeList: [
+        { label: "门诊", value: "1" },
+        { label: "急诊", value: "2" },
+        { label: "住院", value: "3" },
+      ],
+      checkDeviceList: [
+        { label: "默认设备", value: "1" },
+        { label: "测试添加设备", value: "2" },
+      ],
+      checkRoomList: [
+        { label: "默认诊室", value: "1" },
+        { label: "测试添加诊室", value: "2" },
+      ],
+      doctorList: [
+        { label: "专家1", value: "1" },
+        { label: "专家2", value: "2" },
+      ],
+      caseTypeList: [
+        { label: "本院报告", value: "1" },
+        { label: "我参与的会诊", value: "2" },
+        { label: "我审核的", value: "3" },
+      ],
+      checkResultList: [
+        { label: "阴性", value: "negative" },
+        { label: "阳性", value: "positive" },
+      ],
+      checkPartList: [
+        { label: "肝脏", value: "1", category: "腹部" },
+        { label: "胆囊", value: "2", category: "腹部" },
+        { label: "胰腺", value: "3", category: "腹部" },
+        { label: "肾脏", value: "4", category: "腹部" },
+        { label: "脾脏", value: "5", category: "腹部" },
+        { label: "腹部血管", value: "6", category: "腹部" },
+        { label: "子宫", value: "7", category: "子宫" },
+        { label: "颈部血管", value: "8", category: "外周血管" },
+        { label: "上肢血管", value: "9", category: "外周血管" },
+        { label: "下肢血管", value: "10", category: "外周血管" },
+        { label: "产科", value: "11", category: "产科" },
+        { label: "甲状腺", value: "12", category: "甲状腺" },
+        { label: "乳腺", value: "13", category: "乳腺" },
+        { label: "睾丸", value: "14", category: "睾丸" },
+        { label: "泌尿", value: "15", category: "泌尿" },
+        { label: "心脏", value: "16", category: "心脏" },
+        { label: "其它", value: "17", category: "其它" },
+        { label: "眼科", value: "18", category: "眼科" },
+      ],
+      availableTimeSlots: [],
+      datePickerOptions: {
+        shortcuts: [
+          {
+            text: "今天",
+            onClick: (picker) => {
+              const end = new Date();
+              const start = new Date();
+              picker.$emit("pick", [start, end]);
+            },
+          },
+          {
+            text: "昨天",
+            onClick: (picker) => {
+              const end = new Date();
+              end.setTime(end.getTime() - 3600 * 1000 * 24);
+              const start = new Date(end);
+              picker.$emit("pick", [start, end]);
+            },
+          },
+          {
+            text: "本周",
+            onClick: (picker) => {
+              const end = new Date();
+              const start = new Date();
+              const day = start.getDay();
+              start.setDate(start.getDate() - day + (day === 0 ? -6 : 1));
+              picker.$emit("pick", [start, end]);
+            },
+          },
+          {
+            text: "本月",
+            onClick: (picker) => {
+              const end = new Date();
+              const start = new Date(
+                new Date().getFullYear(),
+                new Date().getMonth(),
+                1
+              );
+              picker.$emit("pick", [start, end]);
+            },
+          },
+          {
+            text: "上月",
+            onClick: (picker) => {
+              const end = new Date(
+                new Date().getFullYear(),
+                new Date().getMonth(),
+                0
+              );
+              const start = new Date(
+                new Date().getFullYear(),
+                new Date().getMonth() - 1,
+                1
+              );
+              picker.$emit("pick", [start, end]);
+            },
+          },
+          {
+            text: "今年",
+            onClick: (picker) => {
+              const end = new Date();
+              const start = new Date(new Date().getFullYear(), 0, 1);
+              picker.$emit("pick", [start, end]);
+            },
+          },
+        ],
+      },
+      // 查询参数
+      queryParams: {
+        pageNum: 1,
+        pageSize: 10,
+        patientName: "",
+        gender: "",
+        patientRecordNumber: "",
+        checkType: "",
+        outpatientNumber: "",
+        inpatientNumber: "",
+        wardNumber: "",
+        bedNumber: "",
+        applyDoctor: "",
+        expertDoctor: "",
+        checkDevice: "",
+        checkPart: "",
+        checkRoom: "",
+        customPart: "",
+        reserveDate: "",
+        reserveTime: "",
+        diagnosisDoctor: "",
+        auditDoctor: "",
+        reportStatus: "",
+        dateRange: "",
+        timeType: "reserveTime", // 默认预约时间
+        date: [today, today], // 默认当天
+        caseType: "1", // 默认病例类型为第一个（本院报告）
+        checkResult: "",
+      },
+      // 表单参数
+      form: {},
+      // 表单校验
+      rules: {
+        patientName: [
+          { required: true, message: "患者姓名不能为空", trigger: "blur" },
+        ],
+        patientRecordNumber: [
+          { required: true, message: "病例号不能为空", trigger: "blur" },
+        ],
+      },
+    };
+  },
+  created() {
+    this.resetQuery();
+  },
+  methods: {
+    // 查询列表
+    getList() {
+      this.loading = true;
+      listCase(this.queryParams)
+        .then((response) => {
+          this.caseList = response.rows;
+          this.total = response.total;
+          this.loading = false;
+        })
+        .catch(() => {
+          this.loading = false;
+        })
+        .finally(() => {
+          this.loading = false;
+          this.caseList = [
+            {
+              id: 294,
+              patientName: "测试患者",
+              gender: "0",
+              age: 3,
+              ageUnit: "2",
+              patientRecordNumber: "病例号",
+              checkType: "3",
+              outpatientNumber: "门诊",
+              inpatientNumber: "住院",
+              wardNumber: "病区",
+              bedNumber: "床号",
+              applyDoctor: "申请医师",
+              expertDoctor: "会诊专家",
+              checkDevice: "",
+              checkRoom: "1",
+              customPart: "",
+              reserveDate: "2026-05-14",
+              reserveTime: "13:30-14:00",
+              diagnosisDoctor: "会诊专家",
+              auditDoctor: "",
+              reportStatus: "已提交",
+              printCount: 3,
+              createTime: "2026-05-14 09:51:45",
+              checkTime: "",
+              checkResult: "negative",
+            },
+          ];
+        });
+    },
+    cancel() {
+      this.open = false;
+    },
+    // 表单重置
+    reset() {
+      this.form = {};
+      this.resetForm("form");
+    },
+    // 搜索按钮操作
+    handleQuery() {
+      this.queryParams.pageNum = 1;
+      this.getList();
+    },
+    // 重置按钮操作
+    resetQuery() {
+      this.resetForm("queryForm");
+      const today = new Date().toISOString().split("T")[0];
+      this.queryParams.timeType = "reserveTime";
+      this.queryParams.date = [today, today];
+      this.queryParams.caseType = "1";
+      this.handleQuery();
+    },
+    // 新增按钮操作
+    handleAdd() {
+      this.reset();
+      const today = new Date().toISOString().split("T")[0];
+      this.form = {
+        gender: this.genderList[0].value,
+        checkType: this.checkTypeList[0].value,
+        ageUnit: this.ageUnitList[0].value,
+        reserveDate: today,
+      };
+      this.open = true;
+      this.title = "新增病例";
+      this.isEditMode = false;
+    },
+    // 修改按钮操作
+    handleUpdate(row) {
+      this.reset();
+      this.form = { ...row };
+      this.open = true;
+      this.title = "修改病例";
+      this.isEditMode = true;
+    },
+    // 提交按钮
+    submitForm() {
+      this.$refs["form"].validate((valid) => {
+        if (valid) {
+          if (this.form.postId != undefined) {
+            updateCase(this.form).then(() => {
+              this.$modal.msgSuccess("修改成功");
+              this.open = false;
+              this.getList();
+            });
+          } else {
+            addCase(this.form).then(() => {
+              this.$modal.msgSuccess("新增成功");
+              this.open = false;
+              this.handleView(this.form);
+            });
+          }
+        }
+      });
+    },
+    // 选择检查室后，根据日期和检查室获取可用时间槽
+    handleCheckRoomChange(roomId) {
+      this.form.reserveTime = "";
+      if (roomId && this.form.reserveDate)
+        this.fetchTimeSlots(roomId, this.form.reserveDate);
+      else this.availableTimeSlots = [];
+    },
+    handleDateChange(date) {
+      this.form.reserveTime = "";
+      if (this.form.checkRoom && date)
+        this.fetchTimeSlots(this.form.checkRoom, date);
+      else this.availableTimeSlots = [];
+    },
+    async fetchTimeSlots(roomId) {
+      const mockData = {
+        1: [
+          { label: "13:30-14:00", value: "13:30-14:00" },
+          { label: "14:00-14:30", value: "14:00-14:30" },
+          { label: "14:30-15:00", value: "14:30-15:00" },
+          { label: "15:00-15:30", value: "15:00-15:30" },
+        ],
+        2: [
+          { label: "09:00-09:30", value: "09:00-09:30" },
+          { label: "09:30-10:00", value: "09:30-10:00" },
+          { label: "10:00-10:30", value: "10:00-10:30" },
+          { label: "10:30-11:00", value: "10:30-11:00" },
+        ],
+      };
+      this.availableTimeSlots = mockData[roomId] || [];
+    },
+    getTimeSlots(roomId) {
+      const mockData = {
+        1: [
+          { label: "13:30-14:00", value: "13:30-14:00" },
+          { label: "14:00-14:30", value: "14:00-14:30" },
+          { label: "14:30-15:00", value: "14:30-15:00" },
+          { label: "15:00-15:30", value: "15:00-15:30" },
+        ],
+        2: [
+          { label: "09:00-09:30", value: "09:00-09:30" },
+          { label: "09:30-10:00", value: "09:30-10:00" },
+          { label: "10:00-10:30", value: "10:00-10:30" },
+          { label: "10:30-11:00", value: "10:30-11:00" },
+        ],
+      };
+      return mockData[roomId] || [];
+    },
+    // 选择预约时间后，更新预约时间
+    handleReserveTimeChange(row) {
+      updateCase(row).then(() => {
+        this.$modal.msgSuccess("预约时间修改成功");
+      });
+    },
+    // 查看按钮操作
+    handleView(row) {
+      this.$router.push({
+        name: "PatientDetail",
+        params: {
+          id: row.id,
+          patientName: row.patientName,
+        },
+      });
+    },
+  },
+};
+</script>
\ No newline at end of file