diff --git a/src/components/home/index/Card.vue b/src/components/home/index/Card.vue
new file mode 100644
index 0000000..9a23ec8
--- /dev/null
+++ b/src/components/home/index/Card.vue
@@ -0,0 +1,28 @@
+<script setup lang="ts">
+
+import Panel from "@/components/common/Panel.vue";
+</script>
+
+<template>
+  <Panel title="药房基本信息" class="info">
+    <div class="info-content">
+      <img class="image" src="/static/images/home/app-head.png" alt="app">
+      <div class="app_info-content-text">
+        <el-tooltip
+            effect="dark"
+            :content="'仁德大药房连锁有限公司'"
+            placement="bottom-start"
+        >
+          <div class="app_info-title">仁德大药房连锁有限公司</div>
+        </el-tooltip>
+        <div>软件版本：V2.5.1</div>
+        <div style="margin: 10px 0">授权到期：2024-12-31</div>
+        <div>版本类型：专业版</div>
+      </div>
+    </div>
+  </Panel>
+</template>
+
+<style scoped lang="scss">
+
+</style>
\ No newline at end of file
diff --git a/src/components/home/ExpireWarnDetail.vue b/src/components/home/index/Dialog/ExpireWarnDetail.vue
similarity index 100%
rename from src/components/home/ExpireWarnDetail.vue
rename to src/components/home/index/Dialog/ExpireWarnDetail.vue
diff --git a/src/components/home/InventoryWarnDetail.vue b/src/components/home/index/Dialog/InventoryWarnDetail.vue
similarity index 100%
rename from src/components/home/InventoryWarnDetail.vue
rename to src/components/home/index/Dialog/InventoryWarnDetail.vue
diff --git a/src/views/home/index.vue b/src/views/home/index.vue
index f9884ba..a0f1f35 100644
--- a/src/views/home/index.vue
+++ b/src/views/home/index.vue
@@ -88,23 +88,7 @@
       </Panel>
     </div>
     <div class="right">
-      <Panel title="药房基本信息" class="info">
-        <div class="info-content">
-          <img class="image" src="/static/images/home/app-head.png" alt="app">
-          <div class="app_info-content-text">
-            <el-tooltip
-                effect="dark"
-                :content="'仁德大药房连锁有限公司'"
-                placement="bottom-start"
-            >
-              <div class="app_info-title">仁德大药房连锁有限公司</div>
-            </el-tooltip>
-            <div>软件版本：V2.5.1</div>
-            <div style="margin: 10px 0">授权到期：2024-12-31</div>
-            <div>版本类型：专业版</div>
-          </div>
-        </div>
-      </Panel>
+      <Card></Card>
       <Panel title="客服支持" class="service">
         <div class="service-content">
           <img class="image" src="/static/images/home/qr-code.png" alt="">
@@ -154,9 +138,10 @@ import {ref, onMounted, onUnmounted, nextTick} from "vue"
 import * as echarts from 'echarts';
 import {post} from "@/utils/request.ts";
 import {getThisWeek, getDaysBetweenDates} from "@/utils/dateUtils.ts";
-import InventoryWarnDetail from "@/components/home/InventoryWarnDetail.vue";
-import ExpireWarnDetail from "@/components/home/ExpireWarnDetail.vue";
+import InventoryWarnDetail from "@/components/home/index/Dialog/InventoryWarnDetail.vue";
+import ExpireWarnDetail from "@/components/home/index/Dialog/ExpireWarnDetail.vue";
 import Panel from "@/components/common/Panel.vue";
+import Card from "@/components/home/index/Card.vue";
 
 const echart = ref<HTMLElement | null>(null)
 let myChart: echarts.ECharts | null = null;