From 6cfb03a85c2c0d15dfc574a19070a88f311f3b52 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=88=98=E5=A6=8D?= <1455167345@qq.com>
Date: Tue, 29 Apr 2025 11:22:42 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BC=98=E5=8C=96=E8=AF=A6=E6=83=85=E5=B1=95?=
 =?UTF-8?q?=E7=A4=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/demo/layer/index.vue | 23 +++++++++++++++++------
 1 file changed, 17 insertions(+), 6 deletions(-)

diff --git a/src/views/demo/layer/index.vue b/src/views/demo/layer/index.vue
index dec1814..c987c24 100644
--- a/src/views/demo/layer/index.vue
+++ b/src/views/demo/layer/index.vue
@@ -71,11 +71,16 @@
       </div>
       <!-- 详情 -->
       <div class="data-detail" v-if="showTable == 'detail'">
-        <a-descriptions title="详情" :column="columnVal">
-          <a-descriptions-item v-for="(item, index) in detailData" :key="index" :label="item.label">{{
-            item.value
-          }}</a-descriptions-item>
-        </a-descriptions>
+        <div class="detail-content">
+          <a-descriptions title="详情" :column="columnVal">
+            <a-descriptions-item
+              v-for="(item, index) in detailData"
+              :key="index"
+              :label="item.label"
+              >{{ item.value }}</a-descriptions-item
+            >
+          </a-descriptions>
+        </div>
         <div class="detail-button">
           <a-button type="primary" @click="showTable = 'edit'"> 编辑 </a-button>
           <a-button type="primary" @click="showTable = ''" danger> 关闭 </a-button>
@@ -338,7 +343,7 @@
     selectVal.value = record;
     formState.value = record;
     showTable.value = 'detail';
-
+    detailData.value = [];
     for (const key in record) {
       for (var i = 0; i < headData.value.length; i++) {
         if (headData.value[i].dataIndex == key) {
@@ -558,10 +563,16 @@
       position: absolute;
       bottom: 30px;
       right: 40px;
+      background-color: @component-background;
+
       button {
         margin-left: 10px;
       }
     }
+    .detail-content{
+      overflow-y: scroll;
+      height: 80vh;
+    }
   }
   .data-edit {
     position: absolute;