From 0b178883255cb8b65f7a5627dd346efb3e26b87e Mon Sep 17 00:00:00 2001
From: ysn <2126564605@qq.com>
Date: Tue, 19 May 2026 10:32:19 +0800
Subject: [PATCH] =?UTF-8?q?=E7=97=85=E4=BE=8B=E5=BA=93-=E9=A1=B5=E9=9D=A2?=
 =?UTF-8?q?=E6=90=AD=E5=BB=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/cases/components/CaseFormDialog.vue |  428 +++++++
 src/views/cases/index.vue                     | 1103 ++++++-----------
 2 files changed, 776 insertions(+), 755 deletions(-)
 create mode 100644 src/views/cases/components/CaseFormDialog.vue

diff --git a/src/views/cases/components/CaseFormDialog.vue b/src/views/cases/components/CaseFormDialog.vue
new file mode 100644
index 0000000..d1ea84d
--- /dev/null
+++ b/src/views/cases/components/CaseFormDialog.vue
@@ -0,0 +1,428 @@
+<template>
+  <el-dialog :title="title" :visible.sync="visible" width="60%" append-to-body>
+    <el-form ref="form" :model="formData" :rules="rules" label-width="90px">
+      <el-row :gutter="20">
+        <el-col :span="6">
+          <el-form-item label="患者姓名" prop="patientName">
+            <el-input
+              v-model="formData.patientName"
+              placeholder="请输入患者姓名"
+              clearable
+              :disabled="isEditMode"
+            />
+          </el-form-item>
+        </el-col>
+        <el-col :span="6">
+          <el-form-item label="性别" prop="gender">
+            <el-select
+              v-model="formData.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="formData.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="formData.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="formData.patientRecordNumber"
+              placeholder="请输入病例号"
+              clearable
+              :disabled="isEditMode"
+            />
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="检查类型" prop="checkType">
+            <el-select
+              v-model="formData.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="formData.outpatientNumber"
+              placeholder="请输入门诊号"
+              clearable
+              :disabled="isEditMode"
+            />
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="住院号" prop="inpatientNumber">
+            <el-input
+              v-model="formData.inpatientNumber"
+              placeholder="请输入住院号"
+              clearable
+              :disabled="isEditMode"
+            />
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="病区号" prop="wardNumber">
+            <el-input
+              v-model="formData.wardNumber"
+              placeholder="请输入病区号"
+              clearable
+              :disabled="isEditMode"
+            />
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="床位号" prop="bedNumber">
+            <el-input
+              v-model="formData.bedNumber"
+              placeholder="请输入床位号"
+              clearable
+              :disabled="isEditMode"
+            />
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="申请医师" prop="applyDoctor">
+            <el-input
+              v-model="formData.applyDoctor"
+              placeholder="请输入申请医师"
+              clearable
+              :disabled="isEditMode"
+            />
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="专家" prop="expertDoctor">
+            <el-select
+              v-model="formData.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="formData.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="formData.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="formData.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="formData.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="formData.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="formData.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>
+</template>
+
+<script>
+import { addCase, updateCase } from "@/api/cases/index.js";
+
+export default {
+  name: "CaseFormDialog",
+  props: {
+    visible: {
+      type: Boolean,
+      default: false,
+    },
+    isEdit: {
+      type: Boolean,
+      default: false,
+    },
+    formData: {
+      type: Object,
+      default: () => ({}),
+    },
+    // 选项列表
+    genderList: {
+      type: Array,
+      default: () => [],
+    },
+    checkTypeList: {
+      type: Array,
+      default: () => [],
+    },
+    ageUnitList: {
+      type: Array,
+      default: () => [],
+    },
+    doctorList: {
+      type: Array,
+      default: () => [],
+    },
+    checkDeviceList: {
+      type: Array,
+      default: () => [],
+    },
+    checkPartList: {
+      type: Array,
+      default: () => [],
+    },
+    checkRoomList: {
+      type: Array,
+      default: () => [],
+    },
+  },
+  data() {
+    return {
+      availableTimeSlots: [],
+      rules: {
+        patientName: [
+          { required: true, message: "患者姓名不能为空", trigger: "blur" },
+        ],
+        gender: [
+          { required: true, message: "性别不能为空", trigger: "change" },
+        ],
+        age: [
+          { required: true, message: "年龄不能为空", trigger: "blur" },
+        ],
+        checkType: [
+          { required: true, message: "检查类型不能为空", trigger: "change" },
+        ],
+      },
+    };
+  },
+  computed: {
+    title() {
+      return this.isEdit ? "修改病例" : "新增病例";
+    },
+    isEditMode() {
+      return this.isEdit;
+    },
+  },
+  watch: {
+    visible(val) {
+      if (val && this.formData.checkRoom) {
+        this.fetchTimeSlots(this.formData.checkRoom);
+      }
+    },
+  },
+  methods: {
+    handleCheckRoomChange(roomId) {
+      this.formData.reserveTime = "";
+      if (roomId && this.formData.reserveDate) {
+        this.fetchTimeSlots(roomId);
+      } else {
+        this.availableTimeSlots = [];
+      }
+    },
+    handleDateChange(date) {
+      this.formData.reserveTime = "";
+      if (this.formData.checkRoom && date) {
+        this.fetchTimeSlots(this.formData.checkRoom);
+      } 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] || [];
+    },
+    submitForm() {
+      this.$refs["form"].validate((valid) => {
+        if (valid) {
+          const api = this.isEdit ? updateCase : addCase;
+          api(this.formData).then(() => {
+            this.$modal.msgSuccess(this.isEdit ? "修改成功" : "新增成功");
+            this.$emit("success", this.formData);
+            this.closeDialog();
+          });
+        }
+      });
+    },
+    cancel() {
+      this.closeDialog();
+    },
+    closeDialog() {
+      this.$emit("update:visible", false);
+      this.$emit("close");
+      this.resetForm();
+    },
+    resetForm() {
+      this.$refs["form"]?.resetFields();
+      this.availableTimeSlots = [];
+    },
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+.dialog-footer {
+  text-align: right;
+}
+</style>
\ No newline at end of file
diff --git a/src/views/cases/index.vue b/src/views/cases/index.vue
index 605b86b..cd2faec 100644
--- a/src/views/cases/index.vue
+++ b/src/views/cases/index.vue
@@ -104,26 +104,44 @@
           </el-form-item>
         </el-col>
         <el-col :span="6">
-          <el-form-item label="审核医生" prop="auditDoctor" v-show="showSearch">
+          <el-form-item label="检查状态" prop="checkStatus" v-show="showSearch">
+            <el-select
+              v-model="queryParams.checkStatus"
+              placeholder="请选择检查状态"
+              filterable
+              clearable
+              style="width: 100%"
+            >
+              <el-option
+                v-for="item in checkStatusList"
+                :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.auditDoctor"
-              placeholder="请输入审核医生"
+              v-model="queryParams.patientName"
+              placeholder="请输入患者姓名"
               clearable
               @keyup.enter.native="handleQuery"
             />
           </el-form-item>
         </el-col>
         <el-col :span="6">
-          <el-form-item label="病例类型" prop="caseType">
+          <el-form-item label="患者性别" prop="gender" v-show="showSearch">
             <el-select
-              v-model="queryParams.caseType"
-              placeholder="请选择病例类型"
+              v-model="queryParams.gender"
+              placeholder="请选择患者性别"
               filterable
               clearable
               style="width: 100%"
             >
               <el-option
-                v-for="item in caseTypeList"
+                v-for="item in genderList"
                 :key="item.value"
                 :label="item.label"
                 :value="item.value"
@@ -132,21 +150,17 @@
           </el-form-item>
         </el-col>
         <el-col :span="6">
-          <el-form-item label="患者姓名" prop="patientName" v-show="showSearch">
+          <el-form-item label="患者年龄" prop="age" v-show="showSearch">
             <el-input
-              v-model="queryParams.patientName"
-              placeholder="请输入患者姓名"
+              v-model="queryParams.age"
+              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-form-item label="病例号" prop="patientRecordNumber" v-show="showSearch">
             <el-input
               v-model="queryParams.patientRecordNumber"
               placeholder="请输入病例号"
@@ -156,16 +170,46 @@
           </el-form-item>
         </el-col>
         <el-col :span="6">
-          <el-form-item label="检查结果" prop="checkResult" v-show="showSearch">
+          <el-form-item label="门诊号" prop="outpatientNumber" v-show="showSearch">
+            <el-input
+              v-model="queryParams.outpatientNumber"
+              placeholder="请输入门诊号"
+              clearable
+              @keyup.enter.native="handleQuery"
+            />
+          </el-form-item>
+        </el-col>
+        <el-col :span="6">
+          <el-form-item label="住院号" prop="inpatientNumber" v-show="showSearch">
+            <el-input
+              v-model="queryParams.inpatientNumber"
+              placeholder="请输入住院号"
+              clearable
+              @keyup.enter.native="handleQuery"
+            />
+          </el-form-item>
+        </el-col>
+        <el-col :span="6">
+          <el-form-item label="申请医师" prop="applyDoctor" v-show="showSearch">
+            <el-input
+              v-model="queryParams.applyDoctor"
+              placeholder="请输入申请医师"
+              clearable
+              @keyup.enter.native="handleQuery"
+            />
+          </el-form-item>
+        </el-col>
+        <el-col :span="6">
+          <el-form-item label="专家" prop="expertDoctor" v-show="showSearch">
             <el-select
-              v-model="queryParams.checkResult"
-              placeholder="请选择检查结果"
+              v-model="queryParams.expertDoctor"
+              placeholder="请选择专家"
               filterable
               clearable
               style="width: 100%"
             >
               <el-option
-                v-for="item in checkResultList"
+                v-for="item in doctorList"
                 :key="item.value"
                 :label="item.label"
                 :value="item.value"
@@ -174,247 +218,168 @@
           </el-form-item>
         </el-col>
         <el-col :span="6">
-          <el-form-item>
-            <el-button
-              type="primary"
-              icon="el-icon-search"
-              @click="handleQuery"
+          <el-form-item label="病区号" prop="wardNumber" v-show="showSearch">
+            <el-input
+              v-model="queryParams.wardNumber"
+              placeholder="请输入病区号"
+              clearable
+              @keyup.enter.native="handleQuery"
+            />
+          </el-form-item>
+        </el-col>
+        <el-col :span="6">
+          <el-form-item label="床位号" prop="bedNumber" v-show="showSearch">
+            <el-input
+              v-model="queryParams.bedNumber"
+              placeholder="请输入床位号"
+              clearable
+              @keyup.enter.native="handleQuery"
+            />
+          </el-form-item>
+        </el-col>
+        <el-col :span="6">
+          <el-form-item label="预约日期" prop="reserveDate" v-show="showSearch">
+            <el-date-picker
+              v-model="queryParams.reserveDate"
+              type="date"
+              value-format="yyyy-MM-dd"
+              placeholder="请选择预约日期"
+              style="width: 100%"
+              clearable
+            />
+          </el-form-item>
+        </el-col>
+        <el-col :span="6">
+          <el-form-item label="预约时间" prop="reserveTime" v-show="showSearch">
+            <el-select
+              v-model="queryParams.reserveTime"
+              placeholder="请选择预约时间"
+              filterable
+              clearable
+              style="width: 100%"
             >
-              查询
-            </el-button>
-            <el-button icon="el-icon-refresh" @click="resetQuery">
-              重置
-            </el-button>
+              <el-option label="自动" value="auto" />
+              <el-option
+                v-for="slot in timeSlotList"
+                :key="slot.value"
+                :label="slot.label"
+                :value="slot.value"
+              />
+            </el-select>
           </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-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-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
-      >
+        <el-button
+          type="danger"
+          plain
+          icon="el-icon-delete"
+          @click="handleDelete"
+          :disabled="ids.length === 0"
+        >
+          删除
+        </el-button>
+        <el-button
+          type="warning"
+          plain
+          icon="el-icon-download"
+          @click="handleExport"
+        >
+          导出
+        </el-button>
+        <el-button
+          type="info"
+          plain
+          icon="el-icon-s-operation"
+          @click="showSearch = !showSearch"
+        >
+          {{ showSearch ? "收起" : "展开" }}
+        </el-button>
+      </el-form-item>
+    </el-form>
+
+    <el-table
+      v-loading="loading"
+      :data="caseList"
+      @selection-change="handleSelectionChange"
+    >
+      <el-table-column type="selection" width="55" align="center" />
+      <el-table-column label="序号" type="index" width="50" align="center" />
+      <el-table-column label="患者姓名" align="center" prop="patientName" />
+      <el-table-column label="性别" align="center" prop="gender">
         <template slot-scope="scope">
-          {{ scope.row.customPart || scope.row.checkPart || "-" }}
+          <dict-tag :options="genderList" :value="scope.row.gender" />
         </template>
       </el-table-column>
-      <el-table-column
-        label="检查类型"
-        width="90"
-        align="center"
-        show-overflow-tooltip
-      >
+      <el-table-column label="年龄" align="center" prop="age" />
+      <el-table-column label="病例号" align="center" prop="patientRecordNumber" />
+      <el-table-column label="检查类型" align="center" prop="checkType">
         <template slot-scope="scope">
-          {{
-            checkTypeList.find((i) => i.value == scope.row.checkType).label ||
-            "-"
-          }}
+          <dict-tag :options="checkTypeList" :value="scope.row.checkType" />
         </template>
       </el-table-column>
-      <el-table-column
-        label="检查结果"
-        width="90"
-        align="center"
-        show-overflow-tooltip
-      >
+      <el-table-column label="检查诊室" align="center" prop="checkRoom" />
+      <el-table-column label="检查设备" align="center" prop="checkDevice" />
+      <el-table-column label="检查部位" align="center" prop="checkPart" />
+      <el-table-column label="检查状态" align="center" prop="checkStatus">
         <template slot-scope="scope">
-          {{
-            checkResultList.find((i) => i.value == scope.row.checkResult)
-              .label || "-"
-          }}
+          <dict-tag :options="checkStatusList" :value="scope.row.checkStatus" />
         </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="预约日期" align="center" prop="reserveDate" />
+      <el-table-column label="预约时间" align="center" prop="reserveTime" />
+      <el-table-column label="申请医师" align="center" prop="applyDoctor" />
+      <el-table-column label="专家" align="center" prop="expertDoctor" />
+      <el-table-column label="创建时间" align="center" prop="createTime" />
       <el-table-column
         label="操作"
-        width="200"
         align="center"
-        show-overflow-tooltip
-        fixed="right"
+        class-name="small-padding fixed-width"
+        width="200"
       >
         <template slot-scope="scope">
           <el-button
+            size="mini"
             type="text"
-            icon="el-icon-view"
-            @click="handleView(scope.row)"
+            icon="el-icon-edit"
+            @click="handleUpdate(scope.row)"
           >
-            查看
+            修改
           </el-button>
           <el-button
+            size="mini"
             type="text"
-            icon="el-icon-edit"
-            @click="handleUpdate(scope.row)"
+            icon="el-icon-delete"
+            @click="handleDelete(scope.row)"
           >
-            编辑
+            删除
+          </el-button>
+          <el-button
+            size="mini"
+            type="text"
+            icon="el-icon-view"
+            @click="handleView(scope.row)"
+          >
+            查看
           </el-button>
         </template>
       </el-table-column>
     </el-table>
+
     <pagination
       v-show="total > 0"
       :total="total"
@@ -422,285 +387,25 @@
       :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>
+
+    <!-- 病例表单对话框组件 -->
+    <CaseFormDialog
+      :visible.sync="open"
+      :is-edit="isEditMode"
+      :form-data="form"
+      :gender-list="genderList"
+      :check-type-list="checkTypeList"
+      :age-unit-list="ageUnitList"
+      :doctor-list="doctorList"
+      :check-device-list="checkDeviceList"
+      :check-part-list="checkPartList"
+      :check-room-list="checkRoomList"
+      @success="handleDialogSuccess"
+      @close="handleDialogClose"
+    />
   </div>
 </template>
+
 <script>
 import {
   listCase,
@@ -709,8 +414,13 @@ import {
   addCase,
   updateCase,
 } from "@/api/cases/index.js";
+import CaseFormDialog from "./components/CaseFormDialog.vue";
+
 export default {
   name: "Case",
+  components: {
+    CaseFormDialog,
+  },
   data() {
     // 获取今天日期
     const today = new Date().toISOString().split("T")[0];
@@ -725,12 +435,12 @@ export default {
       total: 0,
       // 表格数据
       caseList: [],
-      // 弹出层标题
-      title: "",
       // 是否显示弹出层
       open: false,
       // 是否为编辑模式
       isEditMode: false,
+      // 表单数据
+      form: {},
       // 字典
       genderList: [
         { label: "未知", value: "0" },
@@ -747,53 +457,75 @@ export default {
         { label: "急诊", value: "2" },
         { label: "住院", value: "3" },
       ],
-      checkDeviceList: [
-        { label: "默认设备", value: "1" },
-        { label: "测试添加设备", value: "2" },
+      checkStatusList: [
+        { label: "待检查", value: "0" },
+        { label: "检查中", value: "1" },
+        { label: "已完成", value: "2" },
+        { label: "已取消", value: "3" },
       ],
       checkRoomList: [
-        { label: "默认诊室", value: "1" },
-        { label: "测试添加诊室", value: "2" },
+        { label: "诊室1", value: "1" },
+        { label: "诊室2", value: "2" },
       ],
-      doctorList: [
-        { label: "专家1", value: "1" },
-        { label: "专家2", value: "2" },
+      checkDeviceList: [
+        { label: "设备A", value: "1" },
+        { label: "设备B", value: "2" },
+        { label: "设备C", value: "3" },
       ],
-      caseTypeList: [
-        { label: "本院报告", value: "1" },
-        { label: "我参与的会诊", value: "2" },
-        { label: "我审核的", value: "3" },
+      checkPartList: [
+        { label: "头部", value: "1", category: "神经系统" },
+        { label: "胸部", value: "2", category: "呼吸系统" },
+        { label: "腹部", value: "3", category: "消化系统" },
+        { label: "四肢", value: "4", category: "运动系统" },
       ],
-      checkResultList: [
-        { label: "阴性", value: "negative" },
-        { label: "阳性", value: "positive" },
+      doctorList: [
+        { label: "张医生", value: "1" },
+        { label: "李医生", value: "2" },
+        { label: "王医生", value: "3" },
       ],
-      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: "眼科" },
+      timeSlotList: [
+        { label: "08:00-08:30", value: "08:00-08:30" },
+        { label: "08:30-09:00", value: "08:30-09:00" },
+        { 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" },
+        { 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" },
       ],
-      availableTimeSlots: [],
+      // 查询参数
+      queryParams: {
+        pageNum: 1,
+        pageSize: 10,
+        timeType: "createTime",
+        date: [],
+        checkType: undefined,
+        checkRoom: undefined,
+        checkPart: undefined,
+        checkDevice: undefined,
+        diagnosisDoctor: undefined,
+        checkStatus: undefined,
+        patientName: undefined,
+        gender: undefined,
+        age: undefined,
+        patientRecordNumber: undefined,
+        outpatientNumber: undefined,
+        inpatientNumber: undefined,
+        applyDoctor: undefined,
+        expertDoctor: undefined,
+        wardNumber: undefined,
+        bedNumber: undefined,
+        reserveDate: undefined,
+        reserveTime: undefined,
+      },
+      // 日期选择器配置
       datePickerOptions: {
         shortcuts: [
           {
             text: "今天",
-            onClick: (picker) => {
+            onClick(picker) {
               const end = new Date();
               const start = new Date();
               picker.$emit("pick", [start, end]);
@@ -801,175 +533,64 @@ export default {
           },
           {
             text: "昨天",
-            onClick: (picker) => {
+            onClick(picker) {
               const end = new Date();
+              const start = new Date();
+              start.setTime(start.getTime() - 3600 * 1000 * 24);
               end.setTime(end.getTime() - 3600 * 1000 * 24);
-              const start = new Date(end);
               picker.$emit("pick", [start, end]);
             },
           },
           {
-            text: "本周",
-            onClick: (picker) => {
+            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
-              );
+              start.setTime(start.getTime() - 3600 * 1000 * 24 * 7);
               picker.$emit("pick", [start, end]);
             },
           },
           {
-            text: "今年",
-            onClick: (picker) => {
+            text: "最近一个月",
+            onClick(picker) {
               const end = new Date();
-              const start = new Date(new Date().getFullYear(), 0, 1);
+              const start = new Date();
+              start.setTime(start.getTime() - 3600 * 1000 * 24 * 30);
               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();
+    this.getList();
   },
   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");
+      listCase(this.queryParams).then((response) => {
+        this.caseList = response.rows;
+        this.total = response.total;
+        this.loading = false;
+      });
     },
-    // 搜索按钮操作
+    /** 搜索按钮操作 */
     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();
     },
-    // 新增按钮操作
+    // 多选框选中数据
+    handleSelectionChange(selection) {
+      this.ids = selection.map((item) => item.id);
+    },
+    /** 新增按钮操作 */
     handleAdd() {
       this.reset();
       const today = new Date().toISOString().split("T")[0];
@@ -980,91 +601,40 @@ export default {
         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] || [];
+    /** 删除按钮操作 */
+    handleDelete(row) {
+      const ids = row.id ? [row.id] : this.ids;
+      this.$modal
+        .confirm('是否确认删除病例编号为"' + ids + '"的数据项？')
+        .then(function () {
+          return delCase(ids);
+        })
+        .then(() => {
+          this.getList();
+          this.$modal.msgSuccess("删除成功");
+        })
+        .catch(() => {});
     },
-    // 选择预约时间后，更新预约时间
-    handleReserveTimeChange(row) {
-      updateCase(row).then(() => {
-        this.$modal.msgSuccess("预约时间修改成功");
-      });
+    /** 导出按钮操作 */
+    handleExport() {
+      this.download(
+        "/cases/export",
+        {
+          ...this.queryParams,
+        },
+        `cases_${new Date().getTime()}.xlsx`
+      );
     },
-    // 查看按钮操作
+    /** 查看按钮操作 */
     handleView(row) {
       this.$router.push({
         name: "PatientDetail",
@@ -1074,6 +644,29 @@ export default {
         },
       });
     },
+    /** 对话框成功回调 */
+    handleDialogSuccess(formData) {
+      if (this.isEditMode) {
+        this.getList();
+      } else {
+        this.handleView(formData);
+      }
+    },
+    /** 对话框关闭回调 */
+    handleDialogClose() {
+      this.reset();
+    },
+    /** 重置表单 */
+    reset() {
+      this.form = {};
+      this.resetForm("form");
+    },
   },
 };
-</script>
\ No newline at end of file
+</script>
+
+<style lang="scss" scoped>
+.app-container {
+  padding: 20px;
+}
+</style>
\ No newline at end of file